@charset "utf-8";

.relative{position:relative}
.absolute{position:absolute}

.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}

/* 하이퍼링크 */
a:hover {  -webkit-transition-duration:0.4s;transition-duration:0.4s; }

/* 폰트 색상 */
.red {color:red}
.blue {color:blue}
.orange {color:orange}
.green {color:green}
.black {color:black}
.white {color:white}
.gray {color:#ccc}
.tahoma {font-family:tahoma;}

/* 좌,우 여백설정 */
.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml100{margin-left:100px !important}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}

.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.pd0{padding:0px !important}
.pd5{padding:5px !important}
.pd7{padding:7px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}

.pr0{padding-right:0px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr20{padding-right:20px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}

.pdt0{padding-top:0px !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt40{padding-top:40px !important}
.pdt80{padding-top:80px !important}

.pdb0{padding-bottom:0px !important}
.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb30{padding-bottom:30px !important}
.pdb40{padding-bottom:40px !important}

.wp100{width:100% !important;}
.wp95{width:95% !important;}
.wp85{width:85% !important;}
.wp70{width:70% !important;}
.wp50{width:50% !important;}

.wx1057 {width:1057px !important;}
.wx850 {width:850px !important;}
.wx732 {width:732px !important;}
.wx702 {width:702px !important;}
.wx800 {width:800px !important;}
.wx405 { width:405px !important; }
.wx280{width:280px !important;}
.wx580{width:580px !important;}
.wx380{width:380px !important;}
.wx358{width:358px !important;}
.wx360{width:360px !important;}
.wx300{width:300px !important;}
.wx340{width:340px !important;}
.wx400{width:400px !important;}
.wx440{width:440px !important;}
.wx410{width:410px !important;}
.wx530{width:530px !important;}
.wx500{width:500px !important;}
.wx600{width:600px !important;}
.wx700{width:700px !important;}
.wx165{width:165px !important;}
.wx160{width:160px !important;}
.wx144{width:144px !important;}
.wx174{width:174px !important;}
.wx150{width:150px !important;}
.wx135{width:135px !important;}
.wx130{width:130px !important;}
.wx120{width:120px !important;}
.wx110{width:110px !important;}
.wx100{width:100px !important;}
.wx200{width:200px !important;}
.wx190{width:190px !important;}
.wx260{width:260px !important;}
.wx270{width:270px !important;}
.wx250{width:250px !important;}
.wx245{width:245px !important;}
.wx220{width:220px !important;}
.wx235{width:235px !important;}
.wx230{width:230px !important;}
.wx90{width:90px !important;}
.wx80{width:80px !important;}
.wx70{width:70px !important;}
.wx60{width:60px !important;}
.wx50{width:50px !important;}
.wx30{width:30px !important;}
.wx20{width:20px !important;}

.hx50{height:50px !important;}
.hx60{height:60px !important;}
.hx100{height:100px !important;}
.hx150{height:150px !important;}
.hx200{height:200px !important;}
.hx210{height:210px !important;}
.hx226{height:226px !important;}
.hx230{height:230px !important;}
.hx250{height:250px !important;}
.hx280{height:280px !important;}
.hx300{height:300px !important;}
.hx350{height:350px !important;}
.hx400{height:400px !important;}
.hx450{height:450px !important;}
.hx650{height:650px !important;}

.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs20 {font-size:20px !important;}

.fs-blue { color:#215ec0 !important;}
.fs-green { color:#26a240 !important;}
.fs-black { color:#2f2f2f !important;}
.fs-red { color:#930029 !important;}
.fs-red2 { color:#cc1f4f !important;}
.fs-gray { color:#777 !important; }
.fs-bold { font-weight:bold !important;}
.fs-normal { font-weight: normal;}

/* 정렬 */
.txt-l {text-align:left !important}
.txt-r {text-align:right !important}
.txt-c {text-align:center !important}
.hide{display:none}

.bdr-0 { border:none !important;}
.bdr-t0 { border-top:none !important;}
.bdr-l0 { border-left:none !important;}
.bdr-r0 { border-right:none !important;}
.bdr-b0 { border-bottom:none !important;}

.bdr-l1 { border-left:1px solid #ddd !important;}
.bdr-r1 { border-right:1px solid #ddd !important;}
.bdr-t1-black { border-top:1px solid #2f2f2f !important;}


.linehauto { line-height:normal !important;}

.let5 { letter-spacing:-0.05em;}
.bgf9 { background: #f6f6f6; }
.tbl-bg-y { background: #faf1d4 !important;}

/* 클리어부스 */
.fl {float:left !important;}
.fr {float:right !important;}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}
.ovf { overflow: hidden;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* css 둥근선 */
.radius { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
/* css 그림자 */
.shadow { -moz-box-shadow: 2px 2px 2px 2px grey; -webkit-box-shadow: 2px 2px 2px 2px grey; box-shadow: 2px 2px 2px 2px grey; }

.mask { display: none; position: fixed; top: 0px; width: 100%; height: 100%; background: #000; z-index: 998; opacity: 0.7; filter: opacity(70);}

img { max-width: 100%; }

/* check, radio select
select { -webkit-appearance: button; -webkit-padding-end: 48px; -webkit-padding-start: 10px; -webkit-user-select: none; background: #fff url(/cn/images/objet/ico/ico-select-arr.png) no-repeat right 10px center; border: 1px solid #dddddd; font-size: 14px; color: #333; overflow: hidden; line-height: 33px; text-overflow: ellipsis; white-space: nowrap; height: 35px; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 0px 30px 0px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
select::-ms-expand { display:none; }

input[type=checkbox] { display: inline-block; position: absolute; left: -9999px; }
input[type=checkbox] + label { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; margin-top: -6px; font-size: 14px; color: #333; padding-left: 20px; height: 20px; background: url(/cn/images/objet/ico/ico-checkbox.png) no-repeat left center; }
input[type=checkbox]:checked + label { background: url(/cn/images/objet/ico/ico-checkbox-ov.png) no-repeat left center; }

input[type=radio] { display: inline-block; position: absolute; left: -9999px; }
input[type=radio] + label { margin-right: 10px; vertical-align: top; display: inline-block; cursor: pointer; position: relative; font-size: 14px; color: #666; line-height: 18px; padding-left: 25px; z-index: 500; }
input[type=radio] + label:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; background: url(/cn/images/objet/ico/ico-radio.png) 0 0 no-repeat; }
input[type=radio]:checked + label:before { background: url(/cn/images/objet/ico/ico-radio-ov.png) 0 0 no-repeat; text-align: center; line-height: 18px; }
*/
.simulator .simulator-header { 	width: 53.8%; min-width: 860px; margin:0 auto;}
.simulator .simulator-header h2 { width: 100%; }
.simulator .textType01 { width:100%; margin-top: 12px; font-size: 24px; font-weight: bold; line-height: 1.33; letter-spacing: -0.18px; color: #101010; }

.objet_select_slider { position: relative; width: 100%; margin: 16px auto 0px auto; padding-bottom: 50px; overflow: hidden;}
.objet_select_slider .obj-swiper-container { display: flex; align-items: center; justify-content: center;overflow: visible; }
.objet_select_slider .obj-swiper-container .swiper-wrapper.divp { display: block !important; white-space: nowrap; }
.objet_select_slider .obj-swiper-container .swiper-wrapper.divp > div { margin-left: -4px !important; }
.objet_select_slider .obj-swiper-container .swiper-wrapper.divp > div:first-child { margin-left: 0px; }
.objet_select_slider .obj-swiper-container .swiper-slide.divpn { display: none;}
.objet_select_slider .obj-swiper-container .swiper-slide.swiper-slide-active {opacity: 1; z-index: 1;transform: scale(1.0);}
.objet_select_slider .obj-swiper-container .swiper-slide,
.objet_select_slider .obj-swiper-container .swiper-slide.swiper-slide-active{ margin-top: 8px;
	-webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.objet_select_slider .obj-swiper-container .swiper-pagination{display: none;}

.objet_select_slider .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -46px;}
.objet_select_slider .swiper-pagination-bullet-active {background : #000;}
.objet_select_slider .obj-swiper-button-next, .objet_select_slider .obj-swiper-button-prev {display:none; z-index: 1; width: 40px; height: 40px; background-size: cover;}
.full .objet_select_slider .obj-swiper-button-next,.full .objet_select_slider .obj-swiper-button-prev { display: none; }
.objet_select_slider .obj-swiper-button-next{right: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-1536 -480) translate(0 56) translate(-510 96) translate(0 106) translate(534 222) translate(1512)'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23101010' opacity='.4'/%3E%3Cg stroke='%23FEFEFE' stroke-linecap='square'%3E%3Cg%3E%3Cpath d='M11.019.316L16.685 6M16.056 6L.243 6M16.685 6L11.019 11.684' transform='translate(12 14)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.objet_select_slider .obj-swiper-button-prev{left: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg transform='translate(-24 -480) translate(0 56) translate(-510 96) translate(0 106) translate(534 222)'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23101010' opacity='.4'/%3E%3Cg stroke='%23FEFEFE' stroke-linecap='square'%3E%3Cg%3E%3Cpath d='M11.019.316L16.685 6M16.056 6L.243 6M16.685 6L11.019 11.684' transform='matrix(-1 0 0 1 29 14)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
/*.text { position: absolute; left: 24px; bottom: 24px; font-size: 1.4rem; font-family: Inter; color: #fff; }*/

/*#simulator { display: none; position: fixed; z-index: 997; width: 100%; height:100%; top: 0px; left: 0px; animation: blowUpModal 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}*/

.simulator.full{
	padding-top: 0px !important;
}
.simulator.full .objet_select_slider {
	position: relative;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0px;
	animation: blowUpModal 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes blowUpModal {
	0% {transform: scale(0.5);}
	100% {transform: scale(1);}
}
.simulator.full .objet_select_slider .obj-swiper-container{
	width: 100%;
	height: 100%;
	/*padding-bottom: 56px;*/
	margin: 0;
}
.simulator.full .objet_select_slider .obj-swiper-container .swiper-slide {
	cursor: inherit;
	position: relative;
	transform: none;
	margin: 0;
	opacity: 1;
	display: inline-block;
	width: auto;
	height: 100%;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-flex-shrink: unset;
	-ms-flex-negative: unset;
	flex-shrink: initial;

}

/*
.simulator .objet_select_slider img.dummy_bg_image{
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	opacity: 0;
	z-index: 0;
	-webkit-transform: scale(0.57);
	-o-transform: scale(0.57);
	transform: scale(0.57);
}
.simulator.full .objet_select_slider img.active {
	opacity: 1;
	-webkit-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0) ;
	-webkit-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;
}
*/
.simulator.full .simulator-header,
.simulator.full .objet_select_slider .obj-swiper-pagination{
	display: none;
}

.simulator.full .objet_select_slider .obj-swiper-container.show{

}

.simulator.full .objet_select_slider .swiper-pagination{
	opacity: 0;
	z-index: -1;
}

.simulator.full .objet_select_slider .obj-swiper-container .swiper-slide .img{
	width: auto;
	height: 100%;
	max-width: none;
}
.simulator.full .objet_select_slider .obj-swiper-container .swiper-slide img{
	width: auto;
	height: 100%;
	max-width: none;
	margin: 0;
	vertical-align:top;
}


/*
.simulator.full .objet_select_slider .carousel-item .img { display: none; }
.simulator.full .objet_select_slider .carousel-item#s_kitchen {background: url("/cn/images/objet/img/bg-kichen.jpg") no-repeat left center; background-size: contain; }
.simulator.full .objet_select_slider .carousel-item#s_kitchen02 {background: url("/cn/images/objet/img/bg-kichen02.jpg") no-repeat left center; background-size: contain; }
.simulator.full .objet_select_slider .carousel-item#s_living {background: url("/cn/images/objet/img/bg-living.jpg") no-repeat left center; background-size: contain;}
.simulator.full .objet_select_slider .carousel-item#s_utility {background: url("/cn/images/objet/img/bg-util.jpg") no-repeat left center; background-size: contain; }
*/

.objet_select_slider .lg-appliances,.objet_select_slider .share, .objet_select_slider .img-download,.objet_select_slider .simulator_nav,.simulator_arr,.simul-info { display: none; }
.simulator.full .objet_select_slider .text { display: none; }
.simulator.full .objet_select_slider .share {display: block; position: absolute; z-index: 999; top: 101px; right: 37px; }
.simulator.full .objet_select_slider .lg-appliances { display: block; position: absolute; z-index: 999; top: 32px; width: 100%; height: 200px/*180px*/; overflow-x: auto;  }
.simulator.full .objet_select_slider .img-download { display: block; position: fixed; z-index: 999; bottom: 30px; left: 0px; width: 100%; }
.simulator.full .objet_select_slider .simulator_nav { display: none; position: absolute; z-index: 999; width: 100%; bottom: 0px; }
.swiper-button-next,.swiper-button-prev { display: none; }
.simulator.full .objet_select_slider .simul-info { display: block; position: absolute; z-index: 999; top: 82px; left: 28px; width: 186px; height: 74px; padding: 22px 16px 16px; font-size: 12px; color: #101010; opacity: 0.8; filter: opacity(80); background: url("..//cn/images/objet/bg-combined-shape_rf-con.png") no-repeat; }
.simulator.full .objet_select_slider .rf-con { width: 252px; height: 91px; left: 74px; font-size: 12px;line-height: 1.5;letter-spacing: -0.06px;color: transparent; display: none; background: url(/cn/images/objet/bg/bg-combined-shape_rf-con.png) no-repeat; background-size: contain;}

.simulator_nav {  overflow: hidden; }
.simulator_nav > ul { overflow: hidden; }
.simulator_nav > ul > li { float: left; width: 33.333%; }
.simulator_nav .btn-nav { display: block; width: 100%; padding: 16px 0px; font-family: Inter; font-size: 12px; color: #fff; opacity: 0.4; filter: opacity(40); box-shadow: inset 0 -4px 0 0 #fff; outline: 0;} 
.simulator_nav > ul > li.active .btn-nav { opacity: 1; filter: opacity(100); -webkit-transition-duration:0.4s;transition-duration:0.4s; }

.simulator.full .objet_select_slider .simulator_arr { display: block; }
.simulator_arr button { position: absolute; z-index: 999; top: 50%; margin-top: -20px; width: 0px; height: 0px; text-indent: -9999px; opacity: 0; filter: opacity(0); -webkit-transition-duration: 0.4s; transition-duration: 0.4s;  }
.simulator_arr .btn-prev-simul { left: 40px; background: url("/cn/images/objet/ico/ico-simulator-arr-prev.png") no-repeat; }
.simulator_arr .btn-next-simul { right: 40px; background: url("/cn/images/objet/ico/ico-simulator-arr-next.png") no-repeat;  }
.simulator_arr button.active { width: 40px; height: 40px; opacity: 10; filter: opacity(100);  }

.lg-appliances > ul { /*width: 802px; */}
.lg-appliances > ul > li { position: relative; z-index: 999; float: left; margin-left: 8px; }
.lg-appliances button { width: 58px; padding-top: 40px; opacity: 0.72; filter: opacity(72); font-size: 10px; color: #fff; background-repeat: no-repeat; background-size:contain; background-position: 50% 50%;}
.lg-appliances .active button { opacity: 1; filter: opacity(100); color: #101010; }

.lg-appliances ul > li input[type="checkbox"]:checked,
.lg-appliances ul > li input[type="checkbox"]:not(:checked){
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	cursor: pointer;
	pointer-events: all;
	z-index: 2;
}

.lg-appliances ul > li {position: relative; display: inline-block; width: 80px; height: 80px; background-repeat: no-repeat; background-size:contain; background-position: 50% 50%;}
.lg-appliances ul > li label {display: inline-block; width: 80px; height: 80px;}
.lg-appliances ul > li label span{ position:absolute; display: block; top:0; left:0; width: 80px; height: 80px; opacity: 1; text-indent: -9999px; background-repeat: no-repeat; background-size:contain; background-position: 50% 50%;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
}
.lg-appliances ul > li label span.focus {opacity: 0; z-index: 1;}
.lg-appliances ul > li input[type="checkbox"]:checked + label span.focus{
	opacity: 1;
	text-indent: 0;
	text-align:center;
	padding-top:50px;
	font-size:10px;
}
.lg-appliances ul > li input[type="checkbox"]:checked + label span.default{
	opacity: 0;
}
.lg-appliances ul > li input[type="checkbox"]:not(:checked) + label span.focus{
	opacity: 0;
}

.lg-appliances > ul > li .btn01 { background: url("/cn/images/objet/ico/ico-refrigerator-a.png") no-repeat center top; }
.lg-appliances > ul > li .btn02 { background: url("/cn/images/objet/ico/ico-refrigerator-b.png") no-repeat center top; }
.lg-appliances > ul > li .btn03 { background: url("/cn/images/objet/ico/ico-refrigerator-c.png") no-repeat center top; }
.lg-appliances > ul > li .btn04 { background: url("/cn/images/objet/ico/ico-dish-wash.png") no-repeat center top; }
.lg-appliances > ul > li .btn05 { background: url("/cn/images/objet/ico/ico-oven.png") no-repeat center top; }
.lg-appliances > ul > li .btn06 { background: url("/cn/images/objet/ico/ico-water.png") no-repeat center top; }
.lg-appliances > ul > li .btn07 { background: url("/cn/images/objet/ico/ico-styler.png") no-repeat center top; }
.lg-appliances > ul > li .btn08 { background: url("/cn/images/objet/ico/ico-wash-tower.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn01 { background: url("/cn/images/objet/ico/ico-refrigerator-a_2.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn02 { background: url("/cn/images/objet/ico/ico-refrigerator-b_2.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn03 { background: url("/cn/images/objet/ico/ico-refrigerator-c_2.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn04 { background: url("/cn/images/objet/ico/ico-dish-wash_2.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn05 { background: url("/cn/images/objet/ico/ico-oven_2.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn06 { background: url("/cn/images/objet/ico/ico-water_2.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn07 { background: url("/cn/images/objet/ico/ico-styler_2.png") no-repeat center top; }
.lg-appliances > ul > li.active .btn08 { background: url("/cn/images/objet/ico/ico-wash-tower_2.png") no-repeat center top; }

.lg-appliances #app-bg { display: none; position: absolute; z-index: 998; top: -5px; width: 170px; height: 170px; left: -55px; overflow: hidden; }
.lg-appliances #app-bg > div { position: absolute; z-index: 997; top: 50%; left: 50%; border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.circle1 { margin: -228px 0px 0px -228px; width: 456px; height: 456px; animation: scale1 4s infinite normal; }
.circle2 { margin: -340px 0px 0px -340px; width: 680px; height: 680px; animation: scale2 4s infinite normal; }
.circle3 { margin: -40px 0px 0px -40px; width: 80px; height: 80px; background: #fff; opacity: 0.88; filter: opacity(88); }
.lg-appliances #app-bg.btn01 { left: -56px; }
.lg-appliances #app-bg.btn02 { left: 26px; }
.lg-appliances #app-bg.btn03 { left: 108px; }
.lg-appliances #app-bg.btn04 { left: 190px; }
.lg-appliances #app-bg.btn05 { left: 272px; }
.lg-appliances #app-bg.btn06 { left: 354px; }
.lg-appliances #app-bg.btn07 { left: 436px; }
.lg-appliances #app-bg.btn08 { left: 518px; }

@keyframes scale1 {
	0%   { transform: scale(0) }
	17%   { transform: scale(0) }
	25% { opacity: 1;  transform: scale(0.25) }
	25.1% { opacity: 0; display: none; }
	100%  { opacity: 0; display: none; transform: scale(1) }
}

@keyframes scale2 {
	0% { transform: scale(0) }
	11% { transform: scale(0) }
	25% { opacity: 1; transform: scale(0.25) }
	25.1% {opacity: 0; display: none;}
	100% { opacity: 0; display: none; transform: scale(1) }
}

.share .btn-share { padding-left: 32px; opacity: 0.9; font-size: 12px; font-weight: 500; line-height: 24px; letter-spacing: -0.06px;
  color: #fefefe; background: url("/cn/images/objet/ico/ico-share.png") no-repeat left center; }
.img-download .btn-dw { width: 100%; height: 56px; box-shadow: 0 2px 8px 0 #00000014; -moz-box-shadow: 0 2px 8px 0 #00000014; -webkit-box-shadow: 0 2px 8px 0 #00000014; background-color: #101010; }
.img-download .btn-dw span { display: inline-block; padding-left: 40px; line-height: 24px; font-size: 14px; color: #fefefe; background: url("/cn/images/objet/ico/ico-check.png") no-repeat left center; }

.swiper-slide { display: block; }

.lg_simulator { overflow-x: auto; }
.lg_simulator > li { float: left; width: 100vw; height: 100vh; }
.lg_simulator > li.kit01 {background: url("/cn/images/objet/img/bg-kichen.jpg") no-repeat center center; background-size: cover; }

.select_objet { position: absolute; z-index:  999; bottom: 0px; right: 0px; width: 100%; height: 180px; padding-top: 36px; border-bottom: 1px solid #f0eeef;
	box-shadow: -2px 0 8px 0 #00000014; background-color: #fff;
	-webkit-transform: translateY( 200% );
	-o-transform:  translateY( 200% );
	transform:  translateY( 200% );
	opacity:0;
	-webkit-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;
}
.select_objet:after{position:absolute;right:0;top:0;content:'';width:33.33%;height:36px;background:#f0eeef;}
.select_objet.active{
	opacity:1;
	-webkit-transform: translateY( 0% );
	-o-transform:  translateY( 0% );
	transform:  translateY( 0% );
}

.select_objet + .objet_select_slider .img-download{
	/* -webkit-transform: translateY( 0% );
	-o-transform:  translateY( 0% );
	transform:  translateY( 0% ); */
	-webkit-transition: bottom 0.5s ease-in-out;transition: bottom 0.5s ease-in-out;-o-transition: bottom 0.5s ease-in-out;
} 
.select_objet.active ~ .objet_select_slider .img-download{
	/* -webkit-transform: translateY( -200% );
	-o-transform:  translateY( -200% );
	transform:  translateY( -200% ); */
	bottom:180px;
	-webkit-transition: bottom 0.5bottom ease-in-out;transition: bottom 0.5s ease-in-out;-o-transition: bottom 0.5s ease-in-out;
}

.style_tit{padding:20px 0 10px 20px;font-size:15px;color:#222222;font-weight:500;}
.select_objet .btn-close { position: absolute; z-index: 100; top: 5px; right: 8px; text-indent: -9999px; width: 32px; height: 32px; background: url("/cn/images/objet/ico/icon-arrow-32-light-bg.png") no-repeat center center; } 

.select_objet .btn-objet-type {
	position: absolute;
	z-index: 999;
	width: 33.33%;
	text-align: center;
	font-size: 16px;
	line-height:36px;
	text-align: center; 
	/* opacity: 0.24;
	filter: opacity(24); */
	font-weight: 500;
	letter-spacing: -0.08px;
	color: #131415;
	background:#f0eeef;
}
.select_objet .active .btn-objet-type {
	opacity: 0.88;
	background-color: #ffffff;
	color: #101010;
	font-weight:600;
	-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
}

.select_objet .btn-objet-type.type01 { top: 0px; left: 0px;  }
.select_objet .btn-objet-type.type02 { top: 0px; left: 33.33%;  }
.select_objet .btn-objet-type.type03 { top: 0px; left: 66.66%;}
.select_objet .btn-objet-type.active { opacity: 1; filter: opacity(100); background:#ffffff;}
.select_objet .objet-bx { position: absolute; bottom: 0px; left: 0px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;  padding: 0px 16px 10; }

.select_objet_list > li[class^="type"] > div{
	-webkit-transform: translateY( 100% );
    -o-transform: translateY( 100% );
    transform: translateY( 100% );
	-webkit-transition: transform 0.5s 0.25s ease-in-out;transition: transform 0.5s 0.25s ease-in-out;-o-transition: transform 0.5s 0.25s ease-in-out;
	opacity: 0;
	z-index: 1;
}
.select_objet_list > li[class^="type"] > button.scroll-down{
	display: none;
}
.select_objet_list > li[class^="type"].active > div{
	-webkit-transform: translateY( 0% );
    -o-transform: translateY( 0% );
    transform: translateY( 0% );
	opacity: 1;
}
.select_objet_list > li[class^="type"].active > button.scroll-down{
	display: none;
}
.select_objet_list > li[class^="type"] .subtitle{
    width: 50px;
	margin-right: 12px;
}
.select_objet_list > li[class^="type"] .subtitle h4{
	padding-top: 5px;
    display: block;
    font-weight: 500;
    color: #000000;
	white-space: normal;

}
.select_objet .objet-bx { width: 100vw;}
.select_objet .objet-bx::-webkit-scrollbar { display: none; }
.scroll-content {  }
.select_objet_item { position: relative; display: inline-block; margin-left: 40px; vertical-align: top; }
.select_objet_item:first-child { margin-left: 0px; }
.select_objet_item .name { display: inline-block; position: relative; vertical-align: top; padding-top: 12px;padding-right:25px; /*width: 40px; height: 72px;*/  font-size: 15px; font-weight: 500; color: #222222; }
.select_objet_item .btn-Tooltip { position: absolute; right: 0px; top: 5px; width: 20px; height: 20px; text-indent: -9999px; background: url("/cn/images/objet/ico/ico-tooltip.png") no-repeat;  }
.select_objet_item > ul {overflow: hidden; width: max-content; width: -moz-max-content; margin-top:10px;white-space: nowrap;}
.select_objet_item > ul > li { float: left; margin-top: 7px; width: 76px; }
.select_objet_item > ul > li .btn-objet { position: relative; padding-top: 48px; width: 76px; line-height: 1.5; text-align: center; font-size: 14px; color: #a0a0a0; background-repeat: no-repeat; background-position: center top; }
/*.select_objet_item > ul > li .btn-objet br { content: " "; display: none; }*/
.select_objet_item > ul > li .btn-objet:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 76px;
	padding-top: 48px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
	background: url("/cn/images/objet/simulator/option-selected-40px.png") no-repeat center top;
	background-size: 40px 40px;
}
.select_objet_item > ul > li .btn-objet.active:after{
	opacity: 1;
}

.type02 .objet-bx { width: 100%; position: absolute; bottom: 0px; padding: 0px 0px 10px; height: 160px;}
.type02 .objet-bx > ul  { padding: 0px 20px; white-space:nowrap;}
.type02 .objet-bx > ul > li {display:inline-block; white-space:nowrap;margin-left: 100px; /*width: 72px;  */}
.type02 .objet-bx > ul > li:first-child { margin-left: 0px; }
.type02 .objet-bx > ul > li button { position: relative; width: 70px; padding-top: 70px; font-size: 0;line-height:0; color: transparent; }
.type02 .objet-bx > ul > li button + button{margin-left:25px;}
.type02 .objet-bx > ul > li button.active { color: #101010; }
.type02 .objet-bx > ul > li button:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 100px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
	background: url("/cn/images/objet/simulator/option-selected-80px.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li button.active:after{
	opacity: 1;
}
.type02 .objet-bx > ul > li .btn-natureA{
	background: url("/cn/images/objet/simulator/ico_bgStyle_nature_A.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-natureB{
	background: url("/cn/images/objet/simulator/ico_bgStyle_nature_B.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-natureC{
	background: url("/cn/images/objet/simulator/ico_bgStyle_nature_C.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-modernA{
	background: url("/cn/images/objet/simulator/ico_bgStyle_modern_A.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-modernB{
	background: url("/cn/images/objet/simulator/ico_bgStyle_modern_B.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-modernC{
	background: url("/cn/images/objet/simulator/ico_bgStyle_modern_C.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-nordicA{
	background: url("/cn/images/objet/simulator/ico_bgStyle_nordic_A.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-nordicB{
	background: url("/cn/images/objet/simulator/ico_bgStyle_nordic_B.png") no-repeat center top;
	background-size: contain;
}
.type02 .objet-bx > ul > li .btn-nordicC{
	background: url("/cn/images/objet/simulator/ico_bgStyle_nordic_C.png") no-repeat center top;
	background-size: contain;
}

/* khw 수정 */
.sns_popup { display: none; position: fixed; z-index: 1002; left: 0; bottom: 0; right: 0; top: 55px; box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff;}
.sns_popup .scroll-content {padding: 32px 24px 30px; height: auto;}
.sns_popup > div[data-scrollbar] {width:100%; height:100%;}
.sns_popup strong {	display: block;text-align: center;font-size: 20px;font-weight: 500;letter-spacing: -0.14px;color: #101010;}
.sns_popup .txt { margin: 4px 0px 16px 0px;font-size: 16px;line-height: 1.5;text-align: center;color: #787878;}
.sns_popup .title-section {position: relative; text-align:center;}
.sns_popup .btn-url-res { margin-bottom: 20px; padding: 6px 13px 6px 14px;border: solid 1px #e0e0e0;background-color: rgba(227, 227, 227, 0);font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: -0.07px;text-align: center;color: #101010;}
.sns_popup h2 {font-size: 24px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: -0.2px;text-align: center;color: #101010;margin-bottom: 24px;}

.sns_popup .simulator_img {margin-bottom: 24px;}

.layer_popup > strong { display: block; text-align: center; font-size: 20px; font-weight: 500; letter-spacing: -0.14px; color: #101010;}
.layer_popup .btn-close { display: block; width: 100%; margin: 32px auto 0px; height: 48px; font-size: 16px; color: #404040; border: solid 1px #e0e0e0;}

.sns_popup .btn-close { width:100%; margin: 32px auto 0px auto;}
.sns_popup .btn-buy-shop { display: block; width: auto;margin: 24px auto 0px;padding: 0 30px; height: 48px; font-size: 16px; color: #101010; border: solid 1px #e0e0e0; opacity: 1.0;}

.sns-share { /*width: 100%;*/ /*margin: 40px auto 24px auto;*/ /*padding: 32px 0px;border: solid 1px #eeeadf;background-color: #fafafa;*/}
.sns-share > ul { overflow: hidden; margin: 0px auto 0px; width: 272px; }
.sns-share.instaNone > ul { width: 200px; }

.sns-share > ul > li { float: left; width: 56px; margin-left: 16px;  }
.sns-share > ul > li:first-child { margin-left: 0px; }
.sns-share > ul > li button { width: 56px; height: 56px; text-indent: -9999px; }
.sns-share > ul > li .btn-fb { background: url("/cn/images/objet/ico/ico-fb.png") no-repeat; }
.sns-share > ul > li .btn-kakao { background: url("/cn/images/objet/ico/ico-kakao.png") no-repeat; }
.sns-share > ul > li .btn-email { background: url("/cn/images/objet/ico/ico-email.png") no-repeat; }
.sns-share > ul > li .btn-insta { background: url("/cn/images/objet/ico/ico-instagram.png") no-repeat; }
.sns-share > ul > li .btn-nb { background: url("/cn/images/objet/ico/ico-blog.png") no-repeat; }
.sns_popup .txt { margin: 8px 0px 24px; font-size: 14px; line-height: 1.71; letter-spacing: -0.09px; text-align: center; color: #787878;}
/* .sns-share { padding: 32px 0px; border: solid 1px #eeeadf; background-color: #fafafa; } */
.sns-share .btn { width: 272px; margin: 24px auto 0px;  }
.sns-share .btn > ul > li { margin: 8px auto 0 auto; width: calc(100% - 40px); }
.sns-share .btn > ul > li:first-child {  margin-top: 0px; }
.sns-share .btn .btn-url-share { display: block; width: 100%; padding: 16px 0px; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.1px; text-align: center; color: #fefefe; background: #a08c68; }
.sns-share .btn .btn-url-res { display: block; width: 100%; padding: 16px 0px; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.1px; text-align: center; color: #101010; background: #e3e3e300; bordeR: 1px solid #e0e0e0; }
.link-box { margin-top: 8px; border: solid 4px #f6f6f6; }
.link-box > ul { overflow: hidden; }
.link-box > ul > li { width: 100%;  border-top: solid 1px #f6f6f6; background: url("/cn/images/objet/mbti_img/ico-popup-line.png") no-repeat left center; text-align: center; }
.link-box > ul > li > a { display: block; padding: 0px 24px; text-align: left; font-size: 16px; line-height: 72px; font-weight: 500; letter-spacing: -0.08px; color: #101010; background: url("../../content/images/img/icon-arrow-cta.png") no-repeat center right 24px;  }
.link-box > ul > li:first-child { background: none; border-top: none; }

.objet_popup { display: none; position: fixed; z-index: 1002; padding: 32px 24px; top: 50%; left: 50%; margin-left: -164px; margin-top: -212px; width: 328px; height: 424px; box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff;}
.objet_popup > ul > li { margin-top: 24px; letter-spacing: -0.08px; text-align: center; color: #787878; } 
.objet_popup > ul > li:first-child { margin-top: 12px;  }
.objet_popup > ul > li.text2 { font-size: 14px; }

.reset_popup { display: none; position: fixed; z-index: 1002; padding: 32px 24px 0px; top: 50%; left: 50%; margin-left: -164px; margin-top: -110px; width: 328px; height: 220px; box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff;}
.reset_popup .text2 { margin-top: 8px; font-size: 14px; line-height: 1.57; letter-spacing: -0.08px; text-align: center; color: #787878; }
.reset_popup .btn-popup-set { position: absolute; width: 100%; left: 0px; bottom: 0px;}
.reset_popup .btn-popup-set > ul { overflow: hidden; }
.reset_popup .btn-popup-set > ul > li { float: left; width: 50%;  }
.reset_popup .btn-popup-set > ul > li button { width: 100%; height: 56px; text-align: center; font-size: 16px;
  font-weight: 500;  text-align: center; color: #404040; }
.reset_popup .btn-popup-set > ul > li button.btn-cancel { border: solid 1px #e0e0e0; }
.reset_popup .btn-popup-set > ul > li button.btn-submit { color: #ffffff; background: #a08c68; }

.simul-start-div { position: fixed; z-index: 1099; width: 224px; height: 224px; top: 50%; margin-top: -112px; left: 50%; margin-left: -112px;  }
.simul-start-div .statr-bx { position: relative; z-index: 99; text-align: center; }
.simul-start-div .statr-bx p { margin-top: 39px; padding-top: 61px; font-size: 16px; line-height: 1.5; letter-spacing: -0.1px;  color: #fefefe; background: url("/cn/images/objet/mobi_img/ico-hand.png") no-repeat center top; }
.btn-simul-start-close { margin-top: 16px; font-size: 12px;  line-height: 1.5; letter-spacing: -0.06px; color: #fefefe; text-align: center; }
.btn-simul-start-close span { display: inline-block; padding-left: 19px; background: url("/cn/images/objet/mobi_img/ico-exit.png") no-repeat left center; }
.simul-start-div .start-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #101010; opacity: 0.8; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.opacity-mask { position: fixed; width: 100%; height: 100vh; z-index: 1098; top: 56px; left: 0px; }

.color_warning_popup {display: none;}
.color_warning_popup:after {content: ' '; position:fixed; display: block; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.7);}
.color_warning_popup .popup-container { position: fixed; z-index: 1002; padding: 32px 24px 0px; top: 50%; left: 50%; margin-left: -164px; margin-top: -110px; width: 328px; height: 220px; box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff;}
.color_warning_popup .popup-container .text2 { margin-top: 8px; font-size: 14px; line-height: 1.57; letter-spacing: -0.08px; text-align: center; color: #787878; }
.color_warning_popup .popup-container .btn-popup-set {position: absolute; width: 100%; left: 0px; bottom: 0px;}
.color_warning_popup .popup-container strong { display: block; text-align: center; font-size: 20px; font-weight: 500; letter-spacing: -0.14px; color: #101010;}
.color_warning_popup .popup-container .btn-popup-set .btn-close { width: 100%; height: 56px; text-align: center; font-size: 16px; font-weight: 500;  text-align: center; background-color: #a08c68; color: #fff; border: none;}

.selection_warning_popup {display: none;}
.selection_warning_popup:after {content: ' '; position:fixed; display: block; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.7);}
.selection_warning_popup .popup-container { position: fixed; z-index: 1002; padding: 32px 24px 0px; top: 50%; left: 50%; margin-left: -164px; margin-top: -110px; width: 328px; height: 256px; box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff;}
.selection_warning_popup .popup-container .text2 { margin-top: 8px; font-size: 14px; line-height: 1.57; letter-spacing: -0.08px; text-align: center; color: #787878; }
.selection_warning_popup .popup-container .btn-popup-set {margin: 24px auto 32px;}
.selection_warning_popup .popup-container strong { display: block; text-align: center; font-size: 20px; font-weight: 500; letter-spacing: -0.14px; color: #101010;}
.selection_warning_popup .popup-container .btn-popup-set .btn-continue { display: block; width: 280px; height: 48px; margin: 0 auto; font-size: 16px;color: #404040;border: solid 1px #e0e0e0;}

.shop_reservation_popup {display: none;}
.shop_reservation_popup:after {content: ' '; position:fixed; display: block; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.72); z-index: 5019;}
.shop_reservation_popup .popup-container { position: fixed; z-index: 5020; padding: 32px 24px; top: 50%; left: 50%; width: 328px; height: auto;box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff; transform: translate(-50%, -50%);}
.shop_reservation_popup .popup-container ul{margin: 16px 0 0 0;	padding: 20px;border: solid 1px #eeeadf;background-color: #fafafa;}
.shop_reservation_popup .popup-container ul > li{margin-top: 8px;font-size: 14px;line-height: 1.57;letter-spacing: -0.08px;text-align: center;color: #787878;}
.shop_reservation_popup .popup-container ul > li .btn-reservation{display: block; margin: 24px 0 10px 0;padding: 12px 42px;background-color: #a08c68; font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.1px;text-align: center;color: #fefefe;}
.shop_reservation_popup .popup-container .text2 { margin-top: 8px; font-size: 14px; line-height: 1.57; letter-spacing: -0.08px; text-align: center; color: #787878; }
.shop_reservation_popup .popup-container .btn-popup-set { margin-top: 32px;margin-bottom: 10px; }
.shop_reservation_popup .popup-container strong {display: block;text-align: center;font-size: 20px;font-weight: 500;letter-spacing: -0.14px;color: #101010;}
.shop_reservation_popup .popup-container .btn-popup-set .btn-close{ display: block;width: 280px;height: 48px;margin: 0 auto;font-size: 16px;color: #404040;border: solid 1px #e0e0e0;}

.refrigerator_reservation_popup {display: none;}
.refrigerator_reservation_popup:after {content: ' '; position:fixed; display: block; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.72); z-index: 5019;}
.refrigerator_reservation_popup .popup-container { position: fixed; z-index: 5020; padding: 40px 32px; top: 50%; left: 50%; width: auto; height: auto; box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff; transform: translate(-50%, -50%);}
.refrigerator_reservation_popup .popup-container ul{}
.refrigerator_reservation_popup .popup-container ul > li{font-size: 16px;line-height: 1.5;letter-spacing: -0.1px;text-align: center;color: #101010;}
.refrigerator_reservation_popup .popup-container ul > li .btn-select-refrigerator{display: block; margin: 0 0 8px 0; padding: 20px 42px; min-width: 360px; font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.1px;text-align: center; border: solid 1px #e0e0e0; color: #000000;}
.refrigerator_reservation_popup .popup-container .btn-popup-set { margin-top: 32px; }
.refrigerator_reservation_popup .popup-container strong { display: block; margin: 23px 0; font-size: 22px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.55;letter-spacing: -0.14px;text-align: center;color: #101010;}
.refrigerator_reservation_popup .popup-container .btn-popup-set .btn-close{display: block; width: 160px;margin: 24px auto 0px;height: 48px;font-size: 16px;color: #404040;border: solid 1px #e0e0e0;}
/* khw */
.refrigerator_convertible_popup {display: none;}
.refrigerator_convertible_popup:after {content: ' '; position:fixed; display: block; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.72); z-index: 5019;}
.refrigerator_convertible_popup .popup-container { position: fixed; z-index: 5020; padding: 40px 32px; top: 50%; left: 50%; width: auto; height: auto; box-shadow: 0 6px 12px 0 #00000057; background-color: #ffffff; transform: translate(-50%, -50%);}
.refrigerator_convertible_popup .popup-container ul{}
.refrigerator_convertible_popup .popup-container ul > li{font-size: 16px;line-height: 1.5;letter-spacing: -0.1px;text-align: center;color: #101010;}
.refrigerator_convertible_popup .popup-container ul > li .btn-select-refrigerator{display: block; margin: 0 0 8px 0; padding: 20px 42px; min-width: 360px; font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.1px;text-align: center; border: solid 1px #e0e0e0; color: #000000;}
.refrigerator_convertible_popup .popup-container .btn-popup-set { margin-top: 32px; }
.refrigerator_convertible_popup .popup-container strong { display: block; margin: 23px 0; font-size: 22px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.55;letter-spacing: -0.14px;text-align: center;color: #101010;}
.refrigerator_convertible_popup .popup-container .btn-popup-set .btn-close{display: block; width: 160px;margin: 24px auto 0px;height: 48px;font-size: 16px;color: #404040;border: solid 1px #e0e0e0;}

/* 시뮬레이터 조합 선택 버튼 */
.btn-objet.f01 { background: url("/cn/images/objet/simulator_img3/color_01fn_botanic.png") no-repeat center top; }
.btn-objet.f02 { background: url("/cn/images/objet/simulator_img3/color_01fn_sand.png") no-repeat center top; }
.btn-objet.f03 { background: url("/cn/images/objet/simulator_img3/color_01fn_stone.png") no-repeat center top; }
.btn-objet.f01.active { background: url("/cn/images/objet/simulator_img3/color_01fn_botanic_selected.png") no-repeat center top; }
.btn-objet.f02.active { background: url("/cn/images/objet/simulator_img3/color_01fn_sand_selected.png") no-repeat center top; }
.btn-objet.f03.active { background: url("/cn/images/objet/simulator_img3/color_01fn_stone_selected.png") no-repeat center top; }

.btn-objet.s01 { background: url("/cn/images/objet/simulator_img3/color_02st_green.png") no-repeat center top; }
.btn-objet.s02 { background: url("/cn/images/objet/simulator_img3/color_02st_silver.png") no-repeat center top; }
.btn-objet.s03 { background: url("/cn/images/objet/simulator_img3/color_02st_black.png") no-repeat center top; }
.btn-objet.s01.active { background: url("/cn/images/objet/simulator_img3/color_02st_green_selected.png") no-repeat center top; }
.btn-objet.s02.active { background: url("/cn/images/objet/simulator_img3/color_02st_silver_selected.png") no-repeat center top; }
.btn-objet.s03.active { background: url("/cn/images/objet/simulator_img3/color_02st_black_selected.png") no-repeat center top; }

.btn-objet.m01 { background: url("/cn/images/objet/simulator_img3/color_03mg_green.png") no-repeat center top; }
.btn-objet.m02 { background: url("/cn/images/objet/simulator_img3/color_03mg_beige.png") no-repeat center top; }
.btn-objet.m03 { background: url("/cn/images/objet/simulator_img3/color_03mg_pink.png") no-repeat center top; }
.btn-objet.m04 { background: url("/cn/images/objet/simulator_img3/color_03mg_mint.png") no-repeat center top; }
.btn-objet.m05 { background: url("/cn/images/objet/simulator_img3/color_03mg_silver.png") no-repeat center top; }
.btn-objet.m01.active { background: url("/cn/images/objet/simulator_img3/color_03mg_green_selected.png") no-repeat center top; }
.btn-objet.m02.active { background: url("/cn/images/objet/simulator_img3/color_03mg_beige_selected.png") no-repeat center top; }
.btn-objet.m03.active { background: url("/cn/images/objet/simulator_img3/color_03mg_pink_selected.png") no-repeat center top; }
.btn-objet.m04.active { background: url("/cn/images/objet/simulator_img3/color_03mg_mint_selected.png") no-repeat center top; }
.btn-objet.m05.active { background: url("/cn/images/objet/simulator_img3/color_03mg_silver_selected.png") no-repeat center top; }

.btn-objet.n01 { background: url("/cn/images/objet/simulator_img3/color_04nm_green.png") no-repeat center top; }
.btn-objet.n02 { background: url("/cn/images/objet/simulator_img3/color_04nm_beige.png") no-repeat center top; }
.btn-objet.n03 { background: url("/cn/images/objet/simulator_img3/color_04nm_pink.png") no-repeat center top; }
.btn-objet.n04 { background: url("/cn/images/objet/simulator_img3/color_04nm_mint.png") no-repeat center top; }
.btn-objet.n05 { background: url("/cn/images/objet/simulator_img3/color_04nm_black.png") no-repeat center top; }
.btn-objet.n06 { background: url("/cn/images/objet/simulator_img3/color_04nm_gray.png") no-repeat center top; }
.btn-objet.n07 { background: url("/cn/images/objet/simulator_img3/color_04nm_white.png") no-repeat center top; }
.btn-objet.n01.active { background: url("/cn/images/objet/simulator_img3/color_04nm_green_selected.png") no-repeat center top; }
.btn-objet.n02.active { background: url("/cn/images/objet/simulator_img3/color_04nm_beige_selected.png") no-repeat center top; }
.btn-objet.n03.active { background: url("/cn/images/objet/simulator_img3/color_04nm_pink_selected.png") no-repeat center top; }
.btn-objet.n04.active { background: url("/cn/images/objet/simulator_img3/color_04nm_mint_selected.png") no-repeat center top; }
.btn-objet.n05.active { background: url("/cn/images/objet/simulator_img3/color_04nm_black_selected.png") no-repeat center top; }
.btn-objet.n06.active { background: url("/cn/images/objet/simulator_img3/color_04nm_gray_selected.png") no-repeat center top; }
.btn-objet.n07.active { background: url("/cn/images/objet/simulator_img3/color_04nm_white_selected.png") no-repeat center top; }

.btn-modern { background: url("/cn/images/objet/simulator_img3/bg/modern.png") no-repeat center top; background-size: contain;}
.btn-nature { background: url("/cn/images/objet/simulator_img3/bg/nature.png") no-repeat center top; background-size: contain;}
.btn-nordic { background: url("/cn/images/objet/simulator_img3/bg/nordic.png") no-repeat center top; background-size: contain;}
/*
.btn-modern.active { background: url("/cn/images/objet/simulator_img3/morden-active.png") no-repeat center top; }
.btn-nature.active { background: url("/cn/images/objet/simulator_img3/nature-active.png") no-repeat center top; }
.btn-nordic.active { background: url("/cn/images/objet/simulator_img3/nordic-active.png") no-repeat center top; }
*/
.btn-name01 { background: url("/cn/images/objet/simulator_img3/img-hot01.png") no-repeat center top; }
.btn-name02 { background: url("/cn/images/objet/simulator_img3/img-hot02.png") no-repeat center top; }
.btn-name03 { background: url("/cn/images/objet/simulator_img3/img-hot03.png") no-repeat center top; }
.btn-name04 { background: url("/cn/images/objet/simulator_img3/img-hot04.png") no-repeat center top; }
.btn-name05 { background: url("/cn/images/objet/simulator_img3/img-hot05.png") no-repeat center top; }
.btn-name06 { background: url("/cn/images/objet/simulator_img3/img-hot06.png") no-repeat center top; }
.btn-name07 { background: url("/cn/images/objet/simulator_img3/img-hot07.png") no-repeat center top; }
.btn-name01.active { background: url("/cn/images/objet/simulator_img3/img-hot01-active.png") no-repeat center top; }
.btn-name02.active { background: url("/cn/images/objet/simulator_img3/img-hot02-active.png") no-repeat center top; }
.btn-name03.active { background: url("/cn/images/objet/simulator_img3/img-hot03-active.png") no-repeat center top; }
.btn-name04.active { background: url("/cn/images/objet/simulator_img3/img-hot04-active.png") no-repeat center top; }
.btn-name05.active { background: url("/cn/images/objet/simulator_img3/img-hot05-active.png") no-repeat center top; }
.btn-name06.active { background: url("/cn/images/objet/simulator_img3/img-hot06-active.png") no-repeat center top; }
.btn-name07.active { background: url("/cn/images/objet/simulator_img3/img-hot07-active.png") no-repeat center top; }


.objet label{
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
.objet label span{
	display: block;
	text-indent: -99999px;
	width:0;
	height:0;
	overflow: hidden;
}
.objet label:hover {
	cursor:pointer;
}
.objet label .spot{
	position: absolute;
	top: 12px;
	left: 24px;
}
.objet label .spot:hover {
}

.objet input[name=objet-selected]{
	position: absolute;
	opacity: 0;
	top:50vh;
	left:0;
}
.objet label .selected{
	width: 100%;
	height: auto;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
}

.objet input[name='objet-selected']:checked ~ label{
	pointer-events: none;
}
.objet input[name='objet-selected']:checked ~ label .selected{
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
}
.objet input[name='objet-selected']:checked ~ label .spot{
	opacity: 0;
}
.objet input[name='objet-selected']:checked ~ .objet_base p {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
}
.objet input[name='objet-selected']:checked ~ .objet_base .selected p{
	opacity: 1;
}
.objet input[name='objet-selected']:checked ~ .objet_base .active p{
	opacity: 0.5;
}
.objet input[name='objet-selected']:checked ~ .objet_base .selected.active p{
	opacity: 1;
}
.objet_object_bx {  position: absolute; z-index: 996;  top: 0px; left: 0px; height: 100vh;  }
.objet_object { position: relative; white-space: nowrap; }
.objet_base {  position: absolute; z-index: 1; background-size: contain; background-repeat: no-repeat}
.objet_base a{ display:block; background-size: contain;}

	/*.objet01_base.active {z-index: 1001;  opacity: 1; filter: opacity(100);  -webkit-transition-duration: 0s;transition-duration: 0s; }*/
.objet_base img { width: 100%; }
.objet_base .add_txt { position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; text-indent: -9999px; background: url("/cn/images/objet/ico/ico-plus.png") no-repeat; }

.objet_bg .carousel-item { float: left; }
.objet_bg .text { display: none; }

.tool-tip.hidden{ opacity: 0 !important;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
}

.type02 .objet-bx.fav-area {  }
[data-simulator-sidebar-fav-area] .btn-favo {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 72px;
	position: relative;
	width: 100%;
	padding-top: 72px;
	font-size: 12px;
	color: #a0a0a0;
}
[data-simulator-sidebar-fav-area] button.btn-favo.active {
	color: #101010;
}
[data-simulator-sidebar-fav-area] button:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 72px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	background: url(/cn/images/objet/simulator_img3/option-selected-80px.png) no-repeat center top;
	background-size: contain;
}
[data-simulator-sidebar-fav-area] button.active:after {
	opacity: 1;
}

select_objet_list > li{
	position:relative;
}

/* 사이드 바 스크롤 필요 시에만 스크롤 버튼 생성 */
button.scroll-down{
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 72px;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	background: url(/cn/images/objet/simulator_img3/scroll-arrow.png) no-repeat center bottom;
	background-size: contain;
	z-index: 1;
}
.scroll-content { height: 143px; white-space: nowrap; padding: 0px 20px; }
.scroll-content > div:last-child,
.scroll-content > ul:last-child{
}
.scroll-content > ul { white-space: nowrap;  }
.scroll-content > ul > li { position: relative; display: inline-block; width: 80px; margin-right: 16px; height: 90px; vertical-align: top;}
.scroll-content > ul > li:first-child { margin-left: 0px; }

#simulator_dw .objet_bg{
	position: relative;
	display: flex;
}
#simulator_dw .objet_bg .swiper-slide{
	width: 1920px;
}
#simulator_dw .objet label,
#simulator_dw .objet input[name=objet-selected]{
	display: none;
}

/*.scrollbar-track { bottom: -9999px !important; right: -9999px !important; }
.scrollbar-track-y { display: none !important; }*/

.scrollX { height: 76px; }

.select_objet .type01 .objet-bx { }
.select_objet .type01 .objet-bx .scroll-content { padding: 8px 20px; }
@media (max-width: 768px){
   .simulator.full .objet_select_slider .obj-swiper-container{min-width:100%;}
}

.control-bx .step01 { position: absolute; top: 5px; left: 0px; z-index: 5002; width: 100%; }
.control-bx .step02 { position: absolute; width: 100%; z-index: 5002; bottom: 0; left: 0px; }
.control-bx .step03 { position: absolute; width: 100%;height:80px; bottom: 180px; right: 40px; z-index: 5002; background: url("/cn/images/objet/guide/simul-bt3.png") no-repeat right 15px bottom 15px; }


.control-bx .num1 { position: absolute; top: 100px; left: 24px; z-index: 5002;  padding-left: 44px; padding-top: 50px; font-size: 14px; line-height: 1.57;  letter-spacing: -0.08px; color: #fefefe; background: url("/cn/images/objet/ico/arrow_3.png") no-repeat right top 5px; }
.num1 span { position: absolute; top: 50px; left: 0px; display: inline-block; width: 28px; height: 28px; line-height: 28px; font-family: Inter; font-size: 16px; font-weight: 500;  letter-spacing: -0.1px; text-align: center; color: #101010; background: #fefefe; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.control-bx .num2 { position: absolute; z-index: 999; left: 20px; bottom: 170px; padding-left: 44px; padding-bottom: 45px; font-size: 14px; line-height: 1.57;  letter-spacing: -0.08px; color: #fefefe; background: url("/cn/images/objet/ico/arrow.png") no-repeat left 180px bottom 15px; }
.num1 span { position: absolute; top: 0px; left: 0px; display: inline-block; width: 28px; height: 28px; line-height: 28px; font-family: Inter; font-size: 16px; font-weight: 500;  letter-spacing: -0.1px; text-align: center; color: #101010; background: #fefefe; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.control-bx .num3 { position: absolute; right: 80px; bottom: 20px;  padding-left: 44px; padding-bottom: 30px; font-size: 14px; line-height: 1.57;  letter-spacing: -0.08px; color: #fefefe; background: url("/cn/images/objet/ico/arrow.png") no-repeat right 35px bottom 10px; }
.num1 span { position: absolute; top: 0px; left: 0px; display: inline-block; width: 28px; height: 28px; line-height: 28px; font-family: Inter; font-size: 16px; font-weight: 500;  letter-spacing: -0.1px; text-align: center; color: #101010; background: #fefefe; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

.control-bx .num1 span,.num2 span,.num3 span { position: absolute;  left: 0px; display: inline-block; width: 28px; height: 28px; line-height: 28px; font-family: Inter; font-size: 16px; font-weight: 500;  letter-spacing: -0.1px; text-align: center; color: #101010; background: #fefefe; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.control-bx .num1 span { top: 50px; }
.control-bx .num2 span { top: 0px; }
.control-bx .num3 span { top: 5px; }
@media (max-width: 768px){
	.control-bx .num2 {background: url("/cn/images/objet/ico/arrow.png") no-repeat left 8px bottom 5px; }
	.control-bx .step03 {right: 0px; bottom: 180px;}
	.control-bx .num3{bottom:-80px;right:0;padding-top:30px;background:url("/cn/images/objet/ico/arrow_2.png") no-repeat right 120px top 0px}
	.control-bx .num3 span { top: 30px; }
}

.control-bx .objet-list { position: absolute; z-index: 101; left: 0px; top: 0px; /*width: 100%;*/ /*height: 95px;*/ /*opacity: 0.4;*/ border: dotted 1px #fefefe; overflow: hidden; }

.control-bx .objet-list2 { position: relative; background: #fff; border: dotted 1px #fefefe; }
.control-bx .objet-list2 .maskas { position: absolute; top: 0px; left: 0px;  width: 100%; height: 100%; background: #000; opacity: 0.4; }

.control-bx .bx-line { position: absolute; width: 100%; bottom: 0px; right: 0px; padding: 0px;}
.control-bx .objet-list3 { opacity: 0.4; width: 100%; height: 56px; line-height: 56px;  color: #fefefe; background-color: #000000; font-size: 14px; font-weight: 500; letter-spacing: -0.08px; text-align: center; color: #fefefe;  }
.control-bx .objet-list3 span { display: inline-block; padding-left: 30px; background: url("/cn/images/objet/ico/ico-check.png") no-repeat left center;;  }

.control-bx { display: none; position: absolute; z-index: 5002; top: 0px; left: 0px; width: 100%; height: 100%; }

.maska { position: absolute; top: 0px; left: 0px; z-index: 5001; width: 100%; height: 100%; opacity: 0.72; background-color: #101010; }



/* 2020-11 고도화 추가 건 */
strong.selected-objet-list-title {font-size:16px; font-weight:500; line-height: 32px; margin:40px 0 20px 0;}
.selected-objet-list-container {display: inline-block;width: 100%;padding: 32px 0px;border: solid 1px #eeeadf;background-color: #fafafa; text-align: center;}
.selected-objet-list-container ul {display: inline-block; width: 100%;max-width: 288px;margin: 0 auto;}
.selected-objet-list-container ul > li { position: relative; z-index: 999; float: left; margin-left: 4px; }
.selected-objet-list-container ul > li:first-child {}
.selected-objet-list-container ul > li:nth-child(4n+0):after{}

.selected-objet-list-container button { width: 58px; padding-top: 40px; opacity: 0.72; filter: opacity(72); font-size: 10px; color: #fff; background-repeat: no-repeat; background-size:contain; background-position: 50% 50%;}
.selected-objet-list-container .active button { opacity: 1; filter: opacity(100); color: #101010; }
.selected-objet-list-container ul > li input[type="checkbox"]:checked,
.selected-objet-list-container ul > li input[type="checkbox"]:not(:checked){position: absolute;opacity: 0;top: 0;left: 0;width: 84px;height: 84px;}
.selected-objet-list-container ul > li input[type="checkbox"]:not(:checked) + a {pointer-events: none; cursor: default;}
.selected-objet-list-container ul > li input[type="checkbox"]:checked + label{cursor: pointer;}
.selected-objet-list-container ul > li {position: relative; display: inline-block; width: 84px; height: 84px; background-repeat: no-repeat; background-size:100%; background-position: 50% 50%; margin:6px;}
.selected-objet-list-container ul > li a {position:relative; display: inline-block; width: 84px; height: 84px; cursor: pointer;}
.selected-objet-list-container ul > li a span{position:absolute; display: block; top:0; left:0; width: 84px; height: 84px; text-indent: -9999px; background-repeat: no-repeat; background-size:80px 80px; background-position: 50% 50%;
	-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;
}
.selected-objet-list-container ul > li.empty {width: 100%;height: auto;font-size: 16px;line-height: 1.5;text-align: center;color: #787878;}
.selected-objet-list-container ul > li input[type="checkbox"] + a span.cover{opacity: 1;background-size: 84px 84px;}
.selected-objet-list-container ul > li input[type="checkbox"] + a:before{content: '';position:absolute;display:block;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.6);border-radius: 50%;z-index: 2;}
.selected-objet-list-container ul > li input[type="checkbox"]:checked + a:before{opacity: 0;}
.selected-objet-list-container ul > li .btn01 { background: url("/cn/images/objet/ico/ico-refrigerator-a.png") no-repeat center top; }
.selected-objet-list-container ul > li .btn02 { background: url("/cn/images/objet/ico/ico-refrigerator-b.png") no-repeat center top; }
.selected-objet-list-container ul > li .btn03 { background: url("/cn/images/objet/ico/ico-refrigerator-c.png") no-repeat center top; }
.selected-objet-list-container ul > li .btn04 { background: url("/cn/images/objet/ico/ico-dish-wash.png") no-repeat center top; }
.selected-objet-list-container ul > li .btn05 { background: url("/cn/images/objet/ico/ico-oven.png") no-repeat center top; }
.selected-objet-list-container ul > li .btn06 { background: url("/cn/images/objet/ico/ico-water.png") no-repeat center top; }
.selected-objet-list-container ul > li .btn07 { background: url("/cn/images/objet/ico/ico-styler.png") no-repeat center top; }
.selected-objet-list-container ul > li .btn08 { background: url("/cn/images/objet/ico/ico-wash-tower.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn01 { background: url("/cn/images/objet/ico/ico-refrigerator-a_2.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn02 { background: url("/cn/images/objet/ico/ico-refrigerator-b_2.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn03 { background: url("/cn/images/objet/ico/ico-refrigerator-c_2.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn04 { background: url("/cn/images/objet/ico/ico-dish-wash_2.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn05 { background: url("/cn/images/objet/ico/ico-oven_2.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn06 { background: url("/cn/images/objet/ico/ico-water_2.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn07 { background: url("/cn/images/objet/ico/ico-styler_2.png") no-repeat center top; }
.selected-objet-list-container ul > li.active .btn08 { background: url("/cn/images/objet/ico/ico-wash-tower_2.png") no-repeat center top; }