@charset "utf-8";
@import url(inpiad.css);


@font-face {
	font-family: 'Gmarket';
	font-style: normal;
	font-weight: 300;
	src:url('/data/skin/dualsonic/css/fonst/GmarketSansLight.woff2') format('woff2');
}

@font-face {
	font-family: 'Gmarket';
	font-style: normal;
	font-weight: 700;
	src:url('/data/skin/dualsonic/css/fonst/GmarketSansBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Gmarket';
	font-style: normal;
	font-weight: 400;
	src:url('/data/skin/dualsonic/css/fonst/GmarketSansMedium.woff2') format('woff2');
}
@font-face {
	font-family: 'YUniverse-B';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_yuniverse@1.0/YUniverse-B.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}


@keyframes flicker {


	0% {
		text-shadow: none;
		box-shadow: none;
	}

	10% {
		text-shadow: -0.1rem -0.1rem 1rem #fff, 0.1rem 0.1rem 1rem #fff, 0 0 0.5rem #fd41c1, 0 0 1rem #fd41c1, 0 0 1.5rem #fd41c1, 0 0 2rem #fd41c1, 0 0 2.5rem #fd41c1;
		box-shadow: 0 0 .25rem #fff, inset 0 0 .25rem #fff, 0 0 1rem #fd41c1, inset 0 0 1rem #fd41c1, 0 0 2rem #fd41c1, inset 0 0 2rem #fd41c1;
	}

	20% {
		text-shadow: none;
		box-shadow: none;
	}

	30% {
		text-shadow: -0.1rem -0.1rem 1rem #fff, 0.1rem 0.1rem 1rem #fff, 0 0 0.5rem #fd41c1, 0 0 1rem #fd41c1, 0 0 1.5rem #fd41c1, 0 0 2rem #fd41c1, 0 0 2.5rem #fd41c1;
		box-shadow: 0 0 .25rem #fff, inset 0 0 .25rem #fff, 0 0 1rem #fd41c1, inset 0 0 1rem #fd41c1, 0 0 2rem #fd41c1, inset 0 0 2rem #fd41c1;
	}
	
	100% {
		text-shadow: -0.1rem -0.1rem 1rem #fff, 0.1rem 0.1rem 1rem #fff, 0 0 0.5rem #fd41c1, 0 0 1rem #fd41c1, 0 0 1.5rem #fd41c1, 0 0 2rem #fd41c1, 0 0 2.5rem #fd41c1;
		box-shadow: 0 0 .25rem #fff, inset 0 0 .25rem #fff, 0 0 1rem #fd41c1, inset 0 0 1rem #fd41c1, 0 0 2rem #fd41c1, inset 0 0 2rem #fd41c1;
	}


}

html {font-size: 10px}
body {overflow: visible !important;}
html.scroll_none {overflow: hidden}
.layout_body {position: relative}
#listLoading {opacity: 0; pointer-events: none; position: absolute; top: 0;left: 0;width: 100%;  height: 100px;}
#listLoading.on {opacity: 1; pointer-events: visible}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #000 ;}

.video-loader {position: fixed; width: 100%; height: 100% ;left: 0; top: calc(var(--header_Height) - 2px)  !important; ;display: flex;align-items: center;justify-content: center;opacity: 1;transition: opacity 0.4s ease; z-index: 80;background-color: #000}
.video-loader .sk-rect {display:inline-block; width:6px; height:16px; margin:0 5px; border-radius:4px; background-color: rgba(255, 255, 255,1); -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.video-loader .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; }
.video-loader .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.video-loader .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; }
.video-loader img {width: 8rem}
.video-loader.none {display: none}

/*#listLoading .video-loader {height: calc(100vh - var(--header_Height) - 2px ); } 2024.11.14에 삭제함, 브랜드 스토리에는 헤더만 있고, 제품구매에는 2뎁스 헤더까지 보임. 그래서 제품구매 쪽 로딩에는 하단에 빈공간 보여서 삭제후 100vh호 변경 */
#listLoading .video-loader {height: 100vh; }

@keyframes sk-waveStretchDelay { 0%, 40%, 100% { height: 6px;}  20% { height: 16px}}


@media only screen and (min-width:3000px) {
	html {font-size: 11px}
}

@media only screen and (max-width:2600px) {
	html {font-size: 9.5px}
}

@media only screen and (max-width:2000px) {
	html {font-size: 9px}
}


:root{
	--header_Height:8rem;
	--modal_list_tit:2rem;
	--modal_list_tit_weight:500;
	--inp_height: 4.5rem;
	--inp_lineheight: 4.4rem;
	--inp_txt:14px;
	--inp_border: #cccccc;
	--sub_nav: 55px;
	--header_total: calc(var(--sub_nav) + var(--header_Height));
	--layout_body_pd: 20rem;
	--resp_wrap_pd: 20px;
	--sub_pt: 20px;
	--sub_sect_pt: 100px;
	--sub_cont_pt: 40px;
	--sub_banner_pd: 80px;
	--sub_banner_desc: 2rem;
	--main_mt:28rem;

	--vh: 100%;
	/* --fullHeight: 100vh; */
	--fullHeight: calc(var(--vh, 1vh) * 100);

	--banner_desc: 2.6rem;
	--banner_tit: 5.5rem;
	--banner_tit_mt: 20px;
	--banner_txt: 2rem;
	--banner_txt_mt: 30px;


	--sub_tit:5rem;
	--sub_tit_big:10rem;
	--sub_txt:2rem;
	--sub_txt_mt:10px;

	--en_tit: 5.5rem;

	--fullHeight: calc(var(--vh, 1vh) * 100);

}





* {box-sizing: border-box}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;max-height:100000px;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0;}
fieldset{border:0 none;vertical-align:top;}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea{vertical-align:middle;}
button{border:0 none;background-color:transparent;cursor:pointer}
button[type=submit]{outline:none;filter:chroma(color=#000000);}
table{border-collapse:collapse;border-spacing:0}
input:checked[type='checkbox']{-webkit-appearance:checkbox}
caption{visibility:hidden;overflow:hidden;width:1px;height:0;font-size:0;line-height:0;}
hr{display:none;}
legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;font-size:0;line-height:0;}
th,td{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
html { -webkit-text-size-adjust: none; }
html, body {width:100%; height:100%;}
html.auto {height:100%; overflow:auto;}
html.overflow {height:100%; overflow:hidden;}
html, body { height:100%; top: 0 !important;}

input {border-radius: 0}

h1,h2,h3,h4,h5,h6 { font-weight:normal; }
img {max-width:100%; vertical-align:middle; border:none; outline:none; }
em, address {font-style:normal}
label {cursor:pointer}
/*form {clear:both}*/

video {border: none; outline: unset; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; filter:contrast(101%); -webkit-filter:contrast(101%); background-color:transparent;}


.pc_only {display: block}
.tab_only {display: none !important}
.mo_only {display: none !important}





body,th,td,input,select,textarea,button,pre{ font-size:13px; line-height:1.5; font-weight:400; color:#000;font-family:'PretendardWeb';outline: none}
/*font-family:'Pretendard Variable33'; */
/*input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] { box-sizing:border-box; outline: none; position: relative; border: 1px solid #ddd; -webkit-appearance: none;outline: none;}*/
input::placeholder {font-size: inherit; }
input[type=number] { position:relative; padding:0 4px; text-align:center; min-width:32px; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { position:absolute; top:0; right:0; bottom:0; }

input[type=checkbox], input[type=radio] {display: block;height: 0 !important;width: 0 !important;font-size: 0;line-height: 0;margin: 0;padding: 0;overflow: hidden;border: none; -webkit-appearance: none;outline: none; position: absolute}

a{color:inherit;text-decoration:none; border:none; outline:none; }
a:hover, a:focus{ text-decoration:none; }

a:active, a:focus {
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

/* 전체 페이지에서 터치 하이라이트 색상 제거 */
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* 또는 transparent */
}

/*body {min-width: 164rem; overflow-x: auto}*/

*::-webkit-scrollbar {-webkit-appearance: none;}
*::-webkit-scrollbar:vertical {width: 3px;}
*::-webkit-scrollbar:horizontal {height: 3px;}
*::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .4);border-radius: 5px;}
*::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}


.nice-select {font-size: 1.4rem; padding-left: 2rem; padding-right: 4rem}
.nice-select .list {transition: none; max-height: 30rem; overflow-y: auto; z-index: 15; box-shadow: 0 0 0 1px #ccc;}

input::placeholder { color:#999; font-weight:400; }
input:-ms-input-placeholder { color:#999; font-weight:400; }
input.hsize_b { height:28px; line-height:28px; }
input.size_zip { width:50px; }
input.size_zip_all { width:70px; }
input.size_address { width:100%; }
input.size_full { width:100%; }
input.size_phone { width:54px; }
input.size_name { width:120px; }
input.size_mail { width:160px; }
input.size_price { width:90px; }
input.size_email_full { width:220px; }
label.label1 { display:inline-block; padding-right:10px; }
.label_group.v2 { padding-top:10px; padding-bottom:10px; text-align:center; font-size:15px; font-weight:500; color:#333; }
.label_group label { display:inline-block; padding:4px 12px 4px 0; }
.label_group label:last-child { padding-right:0; }
.label_group2 label { display:inline-block; padding:4px 12px 4px 0; }
.label_group2 label:last-child { padding-right:0; }
.labelgroup_design label { display:inline-block; vertical-align:middle; box-sizing:border-box; height:32px; padding:0 12px; line-height:30px; border:1px #bbb solid; border-radius:14px; }
.labelgroup_design input[type="radio"] { width:1px; height:1px; font-size:0; margin:0; visibility:hidden; overflow:hidden; position:absolute; left:0; top:0; }
.labelgroup_design label.on { border-color:#434343; background-color:#434343; color:#fff; }


input[type=password] { font-weight:500; }
input[type=password]::placeholder { font-weight:400; }
input[type=password]:-ms-input-placeholder { font-weight:400; }
input[type=button],input[type=image],input[type=submit],input[type=reset],input[type=file],button { -webkit-appearance:none;}
input[type=checkbox]{width:20px;height:20px;}
input[type=radio]{width:19px;height:19px;}
input[disabled] { opacity:0.7; }
input[readonly] { cursor:pointer; }
select[disabled] { opacity:0.7; background:#f8f8f8; cursor:default; }
textarea { box-sizing:border-box;  width:100%; resize: none; border: 1px solid #ddd}
textarea::placeholder { color:#999; }
textarea:-ms-input-placeholder { color:#999; }
select {border:1px solid #ccc; background:#fff; height:30px; padding-left:5px; border-radius:2px; font-size:13px; vertical-align:top; max-width:100%; }

.check_h_t { display:inline-block; vertical-align:middle; padding-right:12px; }
.input_label_a { display:inline-block; vertical-align:middle; padding-right:12px; color:#767676; }
.input_label_a.on { color:#333; font-weight:500; }
input[type].size1 { width:180px; }
textarea.size1 { height:86px; }
textarea.size2 { height:160px; }
textarea.size3 { height:220px; }
input[type=text].color2, input[type=password].color2, textarea.color2 { border-color:#357bc3; }
input[type=text].color3, input[type=password].color3, textarea.color3 { border-color:#d70303; }
input[type=text].color4, input[type=password].color4, textarea.color4 { border-color:#444; }
input[type=text].color5, input[type=password].color5, textarea.color5 { border-color:#7F858F; }
input.pilsu { background-image:url(../images/common/icon_check1.png); background-position:2px 2px; background-size:6px; background-repeat:no-repeat; }
input.pilsu.complete { background-color:#faffbd; }
select.color2 { border-color:#357bc3; }

.sub .layout_wrap {margin-top: calc(var(--header_total)) ;display: flex;flex-direction: column;min-height: calc(100vh - var(--header_Height));}


/* ====================================== Heavy Source ====================================== */
.white {color:#fff !important;}




/*.gray {color:#999 !important;}*/
.black {color:#333 !important;}
.bg_gray {background-color:#f8f8f8;}
.bg_darkgray {background-color:#616775;}

.phone_number {pointer-events: none}

@media only screen and (max-width:1200px) {
	.phone_number {pointer-events: visible}
}


.fb-like {width:100px;}
.totalprice {color:#bb0000; font-size:18px;}
.unvisibility {visibility:hidden;}
.bold {font-weight:500;}
.not600 {font-weight:normal;}
.txt_spacing {letter-spacing:-1px}
.input-box-default-text {color:#aaa !important; letter-spacing:-1px;}
.m_center {margin:0 auto;}

.box_style {border:1px solid #bebebe; background-color:#f7f7f7;}
.button_style {border:1px solid #bebebe; background-color:#eeeeee; font-size:12px; height:40px; line-height:40px;}
.gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:600; font-size:12px; height:40px; line-height:40px;}
.bbs_button_style {border:1px solid #ccc; background-color:#fff; color:#333; font-weight:normal; font-size:12px; height:30px; line-height:30px;}
.bbs_gray_button_style {border:1px solid #333333; background-color:#666; color:#fff; font-weight:normal; font-size:12px; height:30px; line-height:30px;}
span.input_round_style {display:inline-block; height:28px; max-width:1000px; broder:0px; padding-right:5px; background:url("../images/design/input_round_right.gif") no-repeat right;}
span.input_round_style input {height:28px; width:100%; line-height:28px; border:0px; text-indent:5px; padding-left:2px; background:url("../images/design/input_round_left.gif") no-repeat;}
.btn_graybox {width:33px; height:33px; border:0px; background-color:#ddd; text-align:center; color:#555; }
.inputbox_large {display:inline-block; height:28px !important; line-height:30px !important; border:1px solid #ccc !important; padding-left:5px !important; padding-right:5px !important; }
.inputbox_medium {display:inline-block; height:20px !important; line-height:22px !important; border:1px solid #ccc !important; padding-left:5px !important; padding-right:5px !important; }


.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {display: none !important;}

#quick_layer {position:fixed; z-index:100; bottom:0px; left:0px; width:100%;}
#quick_layer table.common_quick {width:100%; border-collapse:collapse; border-top:2px solid #c5c6c7;}
#quick_layer table.common_quick td {border:1px solid #d2d3d4; background-color:#e1e2e3; height:50px;}
#quick_layer table.common_quick td a {display:block; width:100%; vertical-align:middle; color:#7a8285; text-align:center; font-size:13px; letter-spacing:-1px}


/*조아요버튼*/
.like_btn {display: flex; align-items: center; justify-content: flex-start; color: #999; fill: #999; font-weight: 600; border: 1px solid #d7d7d7; padding: 0px 10px; height: 25px; border-radius: 30px; line-height: 1; font-size: 13px; }
.like_btn .ico { width: 17px; height: 17px; margin-right: 5px;
	background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-linejoin: round; } .cls-2, .cls-3 { stroke: %23999; stroke-width: 9px; } .cls-3 { fill: %23fff; stroke-miterlimit: 10; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-2" d="M49.43,99.17c0,11.67,23.44,11.66,23.44,11.66h11.87c10.33,0,19.5-6.61,22.77-16.41l6.76-20.29c2.59-7.77-3.19-15.8-11.38-15.8h-20.79l1.87-24.86c.53-5.78-2.96-10.14-8.31-10.14h0c-1.86,0-3.59.98-4.55,2.57l-13.12,27.62c-1.29,2.14-3.6,3.45-6.1,3.45h-2.6"/><rect class="cls-3" x="26.21" y="56" width="23.23" height="54.83"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center / contain;}
.like_btn .num {min-width: 2rem}

.like_btn svg {height: 12px;}
.like_btn.active {background-color: #000; color: #fff; border-color: #000}
.like_btn.active .ico {background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-linejoin: round; } .cls-2, .cls-3 { stroke: %23fff; stroke-width: 12px; } .cls-3 { fill: %23fff; stroke-miterlimit: 10; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-2" d="M49.43,99.17c0,11.67,23.44,11.66,23.44,11.66h11.87c10.33,0,19.5-6.61,22.77-16.41l6.76-20.29c2.59-7.77-3.19-15.8-11.38-15.8h-20.79l1.87-24.86c.53-5.78-2.96-10.14-8.31-10.14h0c-1.86,0-3.59.98-4.55,2.57l-13.12,27.62c-1.29,2.14-3.6,3.45-6.1,3.45h-2.6"/><rect class="cls-3" x="26.21" y="56" width="23.23" height="54.83"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center / contain;}

/*리뷰 없을 떄???????*/

#noReivewList .product_slide_box .gl_item .resp_display_goods_info .review_info,
#noReivewList .prd_list_wrap .item_info_area .review_info {display: none}



.sub_top_sect {position: relative; margin-bottom: var(--sub_banner_pd); margin-top: -2px; height: calc(100vh - var(--header_total) + 2px); }
.sub_top_sect .resp_wrap {width: 144rem}
.sub_top_sect .video,
.sub_top_sect .img {width: 100%; height: 100% ;position: relative}
.sub_top_sect .img:before {content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3)}
.sub_top_sect .img img, .sub_top_sect .video video {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover;}
.sub_top_sect .txt_box {position: fixed; left: 0; top: 0%; transform: translateY(0%) ;width: 100%;color: #000; height: 100%; display: flex; flex-direction: column; justify-content: center; word-break: keep-all}
.sub_top_sect .txt_box.wh {color: #fff}
.sub_top_sect .txt_box .in {display: flex; flex-direction: column; justify-content: center}
.sub_top_sect .txt_box .tit {font-size: var(--banner_tit); font-weight: 700; margin-top: var(--banner_tit_mt);}
.sub_top_sect .txt_box .txt {font-size: var(--banner_desc); font-weight: 600}
.sub_top_sect .txt_box .sub_txt {font-size: 2rem; margin-top: 10px}
.sub_top_sect .txt_box p {overflow: hidden; opacity: 0}
.sub_top_sect .txt_box p > span {display: inline-block; transform: translateY(100%)}
.sub_top_sect .main_btn {margin-top: 4rem;transform: translateY(100%); opacity: 0;}
.sub_top_sect .img .right {right: 0;transform-origin: right;}
.sub_top_sect .img .left {left: 0;transform-origin: left;}
.sub_top_sect .img > div{display: block;content: '';position: absolute;top: 0;bottom: 0;z-index: 1;width: calc((100% - 1400px) / 2);background: #fff;transform: scale3d(0, 1, 1);}

.sub_top_sect .cover.right {right: 0;transform-origin: right;}
.sub_top_sect .cover.left {left: 0;transform-origin: left;}
.sub_top_sect .cover2.top {top: 0; transform-origin: top}
.sub_top_sect .cover2.bottom {bottom: 0; transform-origin: bottom}
.sub_top_sect .cover {display: block;content: '';position: absolute;top: 0;bottom: 0;z-index:3;width: calc((100% - 140rem) / 2);background: #fff;transform: scale3d(0, 1, 1);}
.sub_top_sect .cover2 {display: block;content: '';position: absolute;right: 0;left: 0;z-index:3;width: 100%; height: 0%; background: #fff;}
.sub .sub_top_sect .slide_move {width: 144rem; justify-content: flex-start;  display: none}
.sub .slide_move.on {display: flex;}
.sub_top_sect .swiper-container.none .swiper-slide {transform: none !important;;}

.sub .sub_top_sect.on .slide_move {opacity: 1;}

.sub_top_sect .txt_box.animated p {opacity: 1}
.sub_top_sect .txt_box.animated .main_btn { transform: translateY(0%); opacity: 1 ;transition:  0.75s}
.sub_top_sect .txt_box.animated .sub_txt span,
.sub_top_sect .txt_box.animated .txt span,
.sub_top_sect .txt_box.animated .tit span { transform: translateY(0%); transition: transform 0.75s}
.sub_top_sect .txt_box.animated .tit span{ transition-delay: 0.2s}
.sub_top_sect .txt_box.animated .main_btn {transition-delay: 0.5s}
.sub_top_sect .txt_box.animated .sub_txt span {transition-delay: 0.4s}

.newletter .sub_top_sect .txt_box .tit {width: 60%;}



/* 모바일 서브페이지 버튼바*/
.sub_title_button_bar {position:relative; height:40px;}
.sub_title_button_tb {height:100%; width:100%; text-align:center; table-layout:fixed; background-color:#fff; border-bottom:1px solid #616775;}
.sub_title_button_tb th, .sub_title_button_tb td {line-height:16px; background-color:#efefef; font-size:12px; /*font-family:Dotum;*/ font-weight:normal; color:#999; letter-spacing:-1px; font-weight:normal; border-left:1px solid #ccc; cursor:pointer;}
.sub_title_button_tb td:first-child {border-left:none;}
.sub_title_button_tb span {font-size:14px; font-weight:500; color:#888;}
.sub_title_button_tb .sel {background-color:#616775; font-size:12px; font-weight:500; color:#fff;}
.sub_title_button_tb .sel span {color:#fff;}

/* 모바일 서브페이지 항목 제목*/
.sub_division_title {position:relative; height:40px; line-height:38px; text-indent:10px; box-sizing:border-box; border-top:1px solid #444953; background-color:#616775; font-weight:600; font-size:14px; color:#fff; cursor:pointer;}
.sub_division_title span {font-size:13px; font-weight:normal;}
.sub_division_title .sub_division_arw {position:absolute; right:13px; top:13px; background:url('../images/design/btn_arw_up_w.png') no-repeat; background-size:15px 15px; width:15px; height:15px;}
.sub_division_title .sub_division_arw.closed {background:url('../images/design/btn_arw_dn_w.png') no-repeat; background-size:15px 15px;}
.sub_division_title .sub_division_arw_x {position:absolute; right:0px; top:0px; background:url('../images/design/btn_close.png') no-repeat center center; background-size:39px 39px; width:39px; height:39px; box-sizing:border-box; border-left:1px solid #555;}
.sub_division_contents {border-top:0px solid #c2c6c9; padding:0; background-color:#fff;}
.sub_division_contents .sub_division_item {padding:5px 10px; background-color:#fff; min-height:30px; line-height:30px; border-top:1px dotted #d0d0d0;}
.sub_division_contents .sub_division_item_sub  {border-top:1px dashed #ddd; background-color:#f0f0f0; padding:5px 10px;}
.sub_division_contents .sub_division_item .fleft {letter-spacing:-1px;}
.sub_division_contents .sub_division_item_title {padding:0 10px; background-color:#d3d7d8; height:30px; line-height:30px; border-top:1px dashed #c2c6c9; color:#444; font-weight:600;}
.sub_division_contents .sub_division_item_sum {padding:0 10px; background-color:#dee1e2; height:35px; line-height:35px; /*border-top:1px dashed #fff;*/}
.sub_division_contents .sub_division_item_lastsum {padding:0 10px; background-color:#5d657a; height:45px; line-height:45px; color:#fff; font-sizE:14px; border-top:1px dotted #d6d8d7}
.sub_division_contents .sub_division_item_lastsum span.settle_price {color:#fc7500; font-weight:600;}
.sub_division_contents .sub_division_item_lastsum:first-child {border-top:0px;}
.sub_division_contents ul .sub_division_item:first-child {border-top:none;}

/*레이아웃 공용*/

/*리스트 리뷰 별점 표시 */
.review_info {display: flex}
.review_info li {display: flex; align-items: center}
.review_info li + li {margin-left: 20px}
.review_info li .btn {transform: translateY(-1px)}
.review_info li .num {font-size: 12px; font-weight: 600; line-height: 1; margin-left: 5px}
.review_info .ev_active2 { display:block; position:relative; vertical-align:top; width:67px; height: 13px; margin-top: -1px}
.review_info .ev_active2:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height: 100%; background:url(../images/common/img_ev_star_bg.png) no-repeat; background-size: contain; background-position: center}
.review_info .ev_active2 b { overflow: hidden; display:block; position:absolute; left:0; top:0; width:100%; height: 100%;}
.review_info .ev_active2 b:before{content: ""; display:block; position:absolute; left:0; top:0; width:67px; height: 100%; background:url(../images/common/img_ev_star_full.png) no-repeat; background-size: contain; background-position: center}
.review_info .ico {width: 16px; height: 16px; display: inline-block;}

.review_info .ev_active2.one {width: 15px;height: 15px;}
.review_info .ev_active2.one:before {background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; stroke-width: 0px; } .cls-2 { fill: %23000; stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center/cover;}
.review_info .ev_active2.one b {display: none}

.preview_iframe .review_info li .num {font-size: 12px; margin-left: 5px}
.preview_iframe .review_info .ico {width: 16px; height: 16px}
.preview_iframe .review_info .ev_active2 {width: 67px;height: 13px;margin-top: -1px;}
.preview_iframe  .review_info .ev_active2 b:before {width: 67px;}




.review_info .ico.chat {background: url('../images/common/dual_ico_chat.svg') no-repeat center / cover}
.review_info .ico.good {background: url('../images/common/dual_ico_thumb.svg') no-repeat center / cover;}
.review_info .ico.good.active {opacity: 1}
.review_info .ico.good + .num {margin-left: 3px}


.review_info.type2.gray_var{ color: #999}

.review_info.type2 .ev_active2,
.product_slide_box .gl_item .resp_display_goods_info .review_info .ev_active2,
.item_info_area .review_info .ev_active2 {width: 14px; height: 14px;}
.review_info.type2 .ev_active2:before,
.product_slide_box .gl_item .resp_display_goods_info .review_info .ev_active2:before,
.item_info_area .review_info .ev_active2:before {background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; stroke-width: 0px; } .cls-2 { fill: %23000; stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center/cover;}
.review_info.type2.gray_var .ev_active2:before {background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; stroke-width: 0px; } .cls-2 { fill: %23999; stroke: %23999; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center/cover}

.review_info.type2 .ev_active2 b,
.product_slide_box .gl_item .resp_display_goods_info .review_info .ev_active2 b,
.item_info_area .review_info .ev_active2 b {display: none}

.review_info.type2.gray_var .ico.chat {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23999; stroke-width: 9px; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M40.83,55.5h58.33-58.33Z"/><path class="cls-1" d="M40.83,75.83h38.89-38.89Z"/><path class="cls-3" d="M105.97,29.17H34.02c-9.17,0-16.61,7.46-16.61,16.67v39.54c0,9.21,7.44,16.67,16.61,16.67h24.78l8.46,13.77s.09.16.27.39c.49.85,1.41,1.42,2.46,1.42s1.95-.57,2.45-1.41c.21-.25.28-.41.28-.41l8.46-13.77h24.78c9.17,0,16.61-7.46,16.61-16.67v-39.54c0-9.21-7.44-16.67-16.61-16.67Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') no-repeat center/cover;}


.review_info svg {height: 12px; vertical-align: middle}

.crystal_btn_box ul{display: flex; align-items: center; margin-left: auto}
.crystal_btn_box ul li {position: relative; font-size: 12px; font-weight: 500;}
.crystal_btn_box ul li .btn {display: flex; align-items: center; color: #000; font-size: 12px; transition: all .3s}
.crystal_btn_box ul li .ico {height: 12px; width: 12px; margin-right: 5px; transition: all .3s}
.crystal_btn_box ul li .ico.modify {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><style>path{fill:%23000}</style><path d="M36.4 360.9L13.4 439 1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1L73 498.6l78.1-23c12.4-3.6 23.7-9.9 33.4-18.4c1.4-1.2 2.7-2.5 4-3.8L492.7 149.3c21.9-21.9 24.6-55.6 8.2-80.5c-2.3-3.5-5.1-6.9-8.2-10L453.3 19.3c-25-25-65.5-25-90.5 0L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4zm46 13.5c1.7-5.6 4.5-10.8 8.4-15.2c.6-.6 1.1-1.2 1.7-1.8L321 129 383 191 154.6 419.5c-4.7 4.7-10.6 8.2-17 10.1l-23.4 6.9L59.4 452.6l16.1-54.8 6.9-23.4z"/></svg>') no-repeat center / contain}
.crystal_btn_box ul li .ico.delete {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><style>path{fill:%23000}</style><path d="M177.1 48h93.7c2.7 0 5.2 1.3 6.7 3.6l19 28.4h-145l19-28.4c1.5-2.2 4-3.6 6.7-3.6zM354.2 80L317.5 24.9C307.1 9.4 289.6 0 270.9 0H177.1c-18.7 0-36.2 9.4-46.6 24.9L93.8 80H80.1 32 24C10.7 80 0 90.7 0 104s10.7 24 24 24H35.6L59.6 452.7c2.5 33.4 30.3 59.3 63.8 59.3H324.6c33.5 0 61.3-25.9 63.8-59.3L412.4 128H424c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8H367.9 354.2zm10.1 48L340.5 449.2c-.6 8.4-7.6 14.8-16 14.8H123.4c-8.4 0-15.3-6.5-16-14.8L83.7 128H364.3z"/></svg>') no-repeat center / contain}
.crystal_btn_box ul li + li {margin-left: 10px}
.crystal_btn_box ul li + li:before {content: ""; display: inline-block; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);  width: 1px; height: 0.9em; background-color: #BDBDBD; display: none}


.good_info_box {display: flex;}
.good_info_box .good_btn {display: flex; align-items: center}
.good_info_box .good_btn .ico { display: block; width: 17px; height: 17px; background: url('data:image/svg+xml,<svg version="1.1" id="thumbIco" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 140 140"><style type="text/css">%23thumbIco .st0{fill:none;stroke:%23BDBDBD;stroke-width:9;stroke-linejoin:round;}%23thumbIco .st1{fill:%23BDBDBD;stroke:%23BDBDBD;stroke-width:9;stroke-miterlimit:10;}</style><path class="st0" d="M49.4,99.2c0,11.7,23.4,11.7,23.4,11.7h11.9c10.3,0,19.5-6.6,22.8-16.4l6.8-20.3c2.6-7.8-3.2-15.8-11.4-15.8H82.1L84,33.5c0.5-5.8-3-10.1-8.3-10.1l0,0c-1.9,0-3.6,1-4.6,2.6L58,53.5c-1.3,2.1-3.6,3.5-6.1,3.5h-2.6"/><rect x="26.2" y="56" class="st1" width="23.2" height="54.8"/></svg>') center / contain; }
.good_info_box .good_btn .num {font-size: 12px; font-weight: 600; margin-left: 5px; color: #BDBDBD}
.good_info_box .good_btn.active .ico { background: url('data:image/svg+xml,<svg version="1.1" id="thumbIco" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 140 140"><style type="text/css">%23thumbIco .st0{fill:none;stroke:%23000;stroke-width:9;stroke-linejoin:round;}%23thumbIco .st1{fill:%23000;stroke:%23000;stroke-width:9;stroke-miterlimit:10;}</style><path class="st0" d="M49.4,99.2c0,11.7,23.4,11.7,23.4,11.7h11.9c10.3,0,19.5-6.6,22.8-16.4l6.8-20.3c2.6-7.8-3.2-15.8-11.4-15.8H82.1L84,33.5c0.5-5.8-3-10.1-8.3-10.1l0,0c-1.9,0-3.6,1-4.6,2.6L58,53.5c-1.3,2.1-3.6,3.5-6.1,3.5h-2.6"/><rect x="26.2" y="56" class="st1" width="23.2" height="54.8"/></svg>') center / contain; }
.good_info_box .good_btn.active .num{color: #000}
.good_info_box .user_info {display: flex; align-items: center; margin-left: auto}
.good_info_box .user_info li {position: relative; font-size: 12px; font-weight: 500; color: #BDBDBD}
.good_info_box .user_info li + li {margin-left: 10px}
.good_info_box .user_info li + li:before {content: ""; display: inline-block; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);  width: 1px; height: 0.9em; background-color: #BDBDBD; display: none}

/*첨부파일 스타일*/
.file_cont {display: flex; align-items: flex-start; padding: 10px 0; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE}
.file_cont * {min-width: 0}
.file_cont .tit_box {display: flex; align-items: center; flex-shrink: 0}
.file_cont .tit_box .file_ico {display: inline-block; width: 14px; height: 14px; margin-right: 3px; color: #666666;
;background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141 141"><defs><style> .cls-1 { stroke: %23666; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M36.69,92.55l44.15-44.15c3.75-3.75,9.89-3.75,13.65,0h0c3.75,3.75,3.75,9.89,0,13.65l-47.97,47.97c-6.25,6.25-16.47,6.25-22.72,0h0c-8.38-8.38-8.38-22.1,0-30.49l49.65-49.65c10.79-10.79,28.43-10.79,39.22,0h0c10.79,10.79,10.79,28.43,0,39.22l-50.1,50.1"/><polygon class="cls-2" points="141 141 1 141 0 0 140 0 141 141"/></g></g></svg>') no-repeat center / cover;}

.file_cont .tit_box .file_tit {font-size: 1.4rem; font-weight: 500; color: #666666}
.file_cont .file_box {margin-left: 20px; display: flex; flex-direction: column}
.file_cont .file_box .neme {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.file_cont .file_box .file {display: flex; color: #999999; font-size: 1.4rem}
.file_cont .file_box .file .name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 50rem}

/*게시판 형식 카탈로그 버튼*/
.notice_catalog {display: flex; overflow-x: auto;}
.notice_catalog .btn {position: relative; font-size: 20px; transition: all .3s; color: #BDBDBD; text-align: center; font-weight: 600; flex-shrink: 0}
.notice_catalog .btn + .btn {margin-left: 4rem}
.notice_catalog .btn.active {color: #000; font-weight: 700}

.notice_catalog .btn.active .num { font-weight: 400; }
/*.notice_catalog .btn + .btn:before {content: ""; position: absolute; left: -1.5rem; top: 50%; transform: translate(-100%,-50%); width: 2px; height: 0.8em; background-color: #BDBDBD}*/
.notice_catalog .btn:after {content: attr(data-nm); overflow: hidden;height: 0; width: 0; visibility: hidden;font-weight: 700;display: block; }

.notice_catalog_scroll {display: flex; overflow-x: auto;}
.notice_catalog_scroll::-webkit-scrollbar{display: none}


#catalog_page { margin-bottom: calc(var(--layout_body_pd) * -1);}
#catalog_page #categoryTop {padding-bottom: 15px; border-bottom: 1px solid #000}
#catalog_page .notice_catalog .btn {font-size: 20px; font-weight: 600}
#catalog_page .notice_catalog .btn + .btn {margin-left: 4.5rem}
#catalog_page .notice_catalog .btn + .btn:before {content: none}

/*카테고리 슬라이드 _주석처리*/

/*.notice_catalog_slide {margin-top: 5rem}
.notice_catalog_slide .slide_box {position: relative}
.notice_catalog_slide .slide_box .swiper-slide {}
.notice_catalog_slide .slide_box .swiper-slide .cont {display: block; width: 100%}
.notice_catalog_slide .slide_box .swiper-slide .img {position: relative; width: 100%; padding-top: 100%; background-color: #FAFAFA;}
.notice_catalog_slide .slide_box .swiper-slide .img:before {content: ""; position: absolute;width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #000; opacity: 0; transition: all .3s}
.notice_catalog_slide .slide_box .swiper-slide .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover;}
.notice_catalog_slide .slide_box .swiper-slide .txt {margin-top: 10px; font-size: 1.4rem; text-align: center;}
.notice_catalog_slide .slide_box .swiper-slide .cont:hover .img {opacity: 1}
.notice_catalog_slide .slide_btn {display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; height: calc(100% - 19px); left: 50%; top: 0; transform: translate(-50%,0); }
.notice_catalog_slide .swiper-button-prev,
.notice_catalog_slide .swiper-button-next {position: absolute; top: 30%; margin-top: 0; ;width: auto; height: auto; z-index: 3; background-image: none}
.notice_catalog_slide .swiper-button-prev {left: -20px;  transform: translateX(-100%)}
.notice_catalog_slide .swiper-button-next {right: -20px;  transform: translateX(100%)}
.notice_catalog_slide .swiper-button-prev svg,
.notice_catalog_slide .swiper-button-next svg {height: 3rem}*/


.category_top {margin-top: 20px}
.category_top .resp_wrap {}



/*카테고리 탑*/
.sub .category_top .resp_wrap {width: 100%}
#catalog_page .category_wrap .category_top {position: static; top: calc(var(--header_total) - 2px); z-index: 8; padding: 10px 0 10px; margin-top: 0; background-color: #fff; transition: top .5s;}
body.down #catalog_page .category_wrap .category_top {top: calc(var(--header_Height) - 2px); transition: top .25s;}
.category_top .cont_box {display: flex; align-items: center}
.category_top .nav {display: flex; align-items: center; color: #666; font-size: 13px; display: none}
.category_top .nav li {display: flex; align-items: center; line-height: 1}
.category_top .nav li.arr { position: relative; top: -1px; display: inline-block; content: ''; width: 14px;height: 14px;margin: 0 5px;vertical-align: top;background: url('/data/skin/dualsonic/images/common/dual_ico_next.svg') 50% 50% no-repeat;}
.category_top .aside_box {display: flex; align-items: center; margin-left: auto}
.category_top .aside_box > * + * {margin-left: 20px}
.category_top .filter_btn {display: flex; align-items: center; justify-content: center; padding: 5px 10px; border: 1px solid #707070; transition: all .3s}
.category_top .filter_btn span {font-size: 12px;}
.category_top .filter_btn .ico { display: block; width: 16px; height: 16px; margin-left: 8px; background: url('data:image/svg+xml,<svg id="goodsFilterIco" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23goodsFilterIco .cls-1 {fill: %23fff;}%23goodsFilterIco .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; }%23goodsFilterIco .cls-2, .cls-3 { fill: none; }</style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-2" d="M23.56,35.13h93H23.56Z"/><path class="cls-2" d="M23.56,70.01h93H23.56Z"/><path class="cls-2" d="M23.56,104.88h93H23.56Z"/><circle class="cls-1" cx="93.33" cy="35.01" r="9"/><circle class="cls-1" cx="40.83" cy="70.01" r="9"/><circle class="cls-1" cx="64.17" cy="104.88" r="9"/></g></g></svg>') center / contain; transition: background 0.3s; }



.filtered_item_sorting .select .nice-select,
.category_top .aside_box .select .nice-select {border-radius: 0; border: none; font-size: 13px; height: auto; line-height: normal; padding: 0 20px 0 0; }
.filtered_item_sorting .select .nice-select:after,
.category_top .aside_box .select .nice-select:after {top: 50%;right: 0;width: 14px;height: 14px;border: 0;margin-top: 0;transform: translateY(-50%);background: url("/data/skin/dualsonic/images/common/dual_ico_down.svg")center/contain no-repeat;transform-origin: center;transition: transform 0.3s;}
.filtered_item_sorting .select .nice-select .list,
.category_top .aside_box .select .nice-select .list {margin-top: 10px; font-size: 1.3rem; border-radius: 0; box-shadow: 0px 0px 0px 1px #000}
.filtered_item_sorting .select .nice-select .option,
.category_top .aside_box .select .nice-select .option {line-height: 3rem; min-height: 3rem; padding-left: 1.5rem; padding-right: 2rem; }




/*슬라이드*/
#catalog_page .notice_catalog_slide {display: flex; align-items: center; margin-top: 30px}
#catalog_page .notice_catalog_slide .slide_box .swiper-button-next,
#catalog_page .notice_catalog_slide .slide_box .swiper-button-prev {display: none}
#catalog_page .notice_catalog_slide .slide_box .swiper-slide {width: auto; margin-right: 25px}
#catalog_page .notice_catalog_slide .slide_box .swiper-slide:last-child{margin-right: 0}
#catalog_page .notice_catalog_slide .slide_box .swiper-slide .img {display: none}
#catalog_page .notice_catalog_slide .slide_box .swiper-slide .txt {margin-top: 0; font-size: 14px; font-weight: 400}
#catalog_page .notice_catalog_slide .slide_box .swiper-slide .cont.active .txt{font-weight: 800;}
#catalog_page .notice_catalog_slide .filter_btn {display: flex; align-items: center; justify-content: center; padding: 10px 20px; margin-left: auto; border: 1px solid #707070; transition: all .3s}
#catalog_page .notice_catalog_slide .filter_btn span {font-size: 14px;}
#catalog_page .notice_catalog_slide .filter_btn .ico { display: block; width: 18px; height: 18px; margin-left: 10px; background: url('data:image/svg+xml,<svg id="goodsFilterIco" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23goodsFilterIco .cls-1 {fill: %23fff;}%23goodsFilterIco .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; }%23goodsFilterIco .cls-2, .cls-3 { fill: none; }</style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-2" d="M23.56,35.13h93H23.56Z"/><path class="cls-2" d="M23.56,70.01h93H23.56Z"/><path class="cls-2" d="M23.56,104.88h93H23.56Z"/><circle class="cls-1" cx="93.33" cy="35.01" r="9"/><circle class="cls-1" cx="40.83" cy="70.01" r="9"/><circle class="cls-1" cx="64.17" cy="104.88" r="9"/></g></g></svg>') center / contain; transition: background 0.3s; }






/*-----리뷰 리스트-----*/


/*.review_page .rate_wrap .ev_active2 { display:block; position:relative; vertical-align:top; width:62px; height: 13px; margin-top: -1px}
.review_page .rate_wrap .ev_active2:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height: 100%; background:url(../images/common/img_ev_star_bg.png) no-repeat; background-size: contain; background-position: center}
.review_page .rate_wrap .ev_active2 b { overflow: hidden; display:block; position:absolute; left:0; top:0; width:100%; height: 100%;}
.review_page .rate_wrap .ev_active2 b:before{content: ""; display:block; position:absolute; left:0; top:0; width:62px; height: 100%; background:url(../images/common/img_ev_star_full.png) no-repeat; background-size: contain; background-position: center}*/
/*별점 화이트라 바뀌면 _w 만 추가하시오*/
.review_page .best_container .best_li .modal_btn { display: flex; flex-direction: column; flex: 1}
.review_page .best_container .best_li .pdt_wrap { display: flex; align-items: stretch; margin-top: auto; padding: 10px; background-color: #fff; }
.review_page .best_container .best_li .pdt_wrap .img { position: relative; width: 8rem; height: 8rem; margin-right: 20px; flex-shrink: 0; background-color: #f5f5f5}
.review_page .best_container .best_li .pdt_wrap .img img { position: absolute; left: 50%; top: 57%; transform: translate(-50%,-50%) ;width: 115%; height: 115%; object-fit: cover; object-position: center; mix-blend-mode: multiply}
.review_page .best_container .best_li .pdt_wrap .txt_box { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; padding: 8px 0; }
.review_page .best_container .best_li .pdt_wrap .txt_box .tit { font-size: 14px; font-weight: 700; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 42px}
.review_page .best_container .best_li .pdt_wrap .txt_box ul { margin-top: 5px}
/*
.review_page .best_container .best_li .pdt_wrap .txt_box ul li { display: flex; align-items: center; color: #999999; }
.review_page .best_container .best_li .pdt_wrap .txt_box ul li + li { margin-left: 15px }
.review_page .best_container .best_li .pdt_wrap .txt_box ul li svg { height: 12px; margin-right: 5px; fill: #999999 }
.review_page .best_container .best_li .pdt_wrap .txt_box ul li .ico {width: 16px; height: 16px;}
.review_page .review_list .list .cont .product .txt_box ul li.score .ico {transform: translateY(-1px)}
.review_page .best_container .best_li .pdt_wrap .txt_box ul li .ico.star { background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; stroke-width: 0px; } .cls-2 { fill: %23999; stroke: %23999; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center/cover}
.review_page .best_container .best_li .pdt_wrap .txt_box ul li .ico.chat {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23999; stroke-width: 9px; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M40.83,55.5h58.33-58.33Z"/><path class="cls-1" d="M40.83,75.83h38.89-38.89Z"/><path class="cls-3" d="M105.97,29.17H34.02c-9.17,0-16.61,7.46-16.61,16.67v39.54c0,9.21,7.44,16.67,16.61,16.67h24.78l8.46,13.77s.09.16.27.39c.49.85,1.41,1.42,2.46,1.42s1.95-.57,2.45-1.41c.21-.25.28-.41.28-.41l8.46-13.77h24.78c9.17,0,16.61-7.46,16.61-16.67v-39.54c0-9.21-7.44-16.67-16.61-16.67Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') no-repeat center/cover}
*/

.review_page.goods_review .filtered_item_sorting {margin-top: 6rem}


.review_page .li_more { display: flex; align-items: center; justify-content: center; height: 50px; line-height: 50px; padding: 0 25px; font-size: 17px; font-weight: 600; border: 1px solid #000; fill: #000; }
.review_page .li_more .ico { display: flex; align-items: center; justify-content: center; margin-left: 8px; margin-top: -1px; font-size: 14px; }

.review_page .best_container { position: relative; padding: 16rem 0;}
.review_page .best_container:before { content: ''; position: absolute; left: 50%; top: 0; width: 300%; height: 100%; background-color: #F1ECE8; transform: translateX(-50%); z-index: 5; }
.review_page .best_container:after { content: ''; position: absolute; left: 50%;  top: 0;  transform: translateX(-50%); width: 100vw; height: 100%; background:  url("/data/skin/dualsonic/images/sub/best_bg.png")center/cover no-repeat; z-index: 5}
.review_page .best_container .best_wrap { position: relative; z-index: 10; }
.review_page .best_container .best_wrap .tit_wrap { text-align: center; color: #000}
.review_page .best_container .best_wrap .tit_wrap .logo {margin-bottom: 1rem;  display: flex; justify-content: center; width: 100%}
.review_page .best_container .best_wrap .tit_wrap .logo svg {fill: #000; width: 9rem;}
.review_page .best_container .best_wrap .tit_wrap .tit { font-size: var(--en_tit); font-weight: 700; font-family: 'CormorantGaramond22'; position: relative}
.review_page .best_container .best_wrap .tit_wrap .tit:before,
.review_page .best_container .best_wrap .tit_wrap .tit:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 37.5%; height: 1px; background-color: #000}
.review_page .best_container .best_wrap .tit_wrap .tit:before {left: 0}
.review_page .best_container .best_wrap .tit_wrap .tit:after {right: 0}

.review_page .best_container .best_li_wrap { position: relative; margin-top: 8rem; }

.review_page .best_container .best_li_wrap .navi .swiper_btn {position: absolute; top: 50%; cursor: pointer;width: 8rem;height: 8rem;box-shadow: 0 0 0 1px #000;display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0.6;transition: all .3s; z-index: 10;}

.review_page .best_container .best_li_wrap .navi .swiper_btn.prev { left: -10rem; transform: translate(-100%, -50%); }
.review_page .best_container .best_li_wrap .navi .swiper_btn.next { right: -10rem; transform: translate(100%, -50%); }
.review_page .best_container .best_li_wrap .navi .swiper_btn .ico {width: 1.5rem;height: 2.5rem;display: inline-block;}
.review_page .best_container .best_li_wrap .navi .swiper_btn .ico svg {display: none}
.review_page .best_container .best_li_wrap .navi .swiper_btn.prev .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="91.51 27.03 48.49 70.05 91.4 112.97"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') center/cover no-repeat;}
.review_page .best_container .best_li_wrap .navi .swiper_btn.next .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-1" points="48.6 27.03 91.61 70.05 48.7 112.97"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/cover no-repeat;}






.review_page .best_container .best_li_wrap .slide_box {overflow: hidden}
.review_page .best_container .best_li_wrap .slide_box .swiper-container {overflow: inherit; padding-top: 7rem}

.review_page .best_container .best_li_wrap .swiper-slide {height: auto; overflow: inherit}
.review_page .best_container .best_li {display: flex; flex-direction: column; height: 100%}
.review_page .best_container .best_li .img_wrap { position: relative; width: 100%; padding-top: 100%; background-color: #fff; cursor: pointer}
/*.review_page .best_container .best_li .img_wrap:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(194,194,194,0) 24%,rgba(0,0,0,0.35) 100%);z-index: 10; }*/
.review_page .best_container .best_li .img_wrap .img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.review_page .best_container .best_li .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.review_page .best_container .best_li .img_wrap .label { position: absolute; left: 50%; top: 0; transform: translate(-50%,-60%) ;height: 8rem;  width: 8rem;  color: #fff; border-radius: 50%; line-height: 1;
	display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #000; font-family: 'CormorantGaramond22'; font-size: 1.6rem}
.review_page .best_container .best_li .img_wrap .label span {font-size: 2em; display: inline-block; margin-top: -4px}
.review_page .best_container .best_li .score_box { display: flex; align-items: center; justify-content: flex-start; width: 100%;  z-index: 20; margin-top: 30px}
.review_page .best_container .best_li .score_box .rate_wrap { display: flex; align-items: center; justify-content: flex-start; color: #000; font-size: 13px; font-weight: 600; fill: #000; line-height: 1; width: 100%}
.review_page .state { height: 20px; line-height: 20px; padding: 0 12px; border-radius: 2em; font-size: 12px; font-weight: 500; color: #999; background-color: #EEE; margin-left: auto}

.review_page .best_container .best_li .txt_wrap { margin-top: 15px; }
.review_page .best_container .best_li .txt_wrap .txt { font-size: 14px; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical; margin-bottom: 40px; cursor: pointer}
.review_page .best_container .best_li .txt_btm { display: flex; align-items: center; justify-content: space-between; margin-top: auto; font-size: 12px; font-weight: 500; color: #BDBDBD; margin-bottom: 30px; cursor: pointer}
.review_page .best_container .best_li .state {background-color: #000; color: #fff}




/*리뷰 */
.goods_review .subpage_container {overflow: hidden;  margin-top: calc(var(--sub_banner_pd) * -1)}
.review_page .review_list { margin-top: 40px; }
.review_page .review_list .list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 100px 60px; }
.review_page .review_list .list .cont { position: relative; display: flex; flex-direction: column; cursor: pointer;}
.review_page .review_list .list .cont.active { opacity: 1 !important; }
.review_page .review_list .list .cont .img_box {;background: #f5f5f5; padding-top: 100%; width: 100%; position: relative; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px}
.review_page .review_list .list .cont .img_box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; mix-blend-mode: multiply}
.review_page .review_list .list .cont .img_box img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.review_page .review_list .list .cont .img_box .sns_ico {position: absolute; left: 15px; top: 15px; width: 3rem; height: 3rem; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; z-index: 2}
.review_page .review_list .list .cont .img_box .sns_ico .ico {width: 2rem; height:2rem;}
.review_page .review_list .list .cont .img_box .sns_ico .ico.insta {background:  url("/data/skin/dualsonic/images/common/dual_ico_insta.svg")center/contain no-repeat; }
.review_page .review_list .list .cont .img_box + .txt_box .product{border-radius: 0px 0px 10px 10px}

.review_page .review_list .list .cont .review_info_box {display: flex; align-items: center; margin-top: 15px;}
.review_page .review_list .list .cont .review_tit { margin-top: 15px; font-size: 16px; font-weight: 700}
.review_page .review_list .list .cont .review_tit + .review_txt {margin-top: 10px;}
.review_page .review_list .list .cont .review_txt { margin-top: 10px; font-size: 14px; font-weight: 400; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical; flex: 1}
.review_page .review_list .list .cont .review_user { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; color: #BDBDBD; font-weight: 500 ; font-size: 12px; }
.review_page .review_list .list .cont .review_user li:last-child {margin-left: auto}
.review_page .review_list .list .cont .txt_box {flex: 1; display: flex; flex-direction: column}
.review_page .review_list .list .cont .product {  display: flex; align-items: center; padding: 10px ;background-color: #f5f5f5; border-radius: 10px;}
.review_page .review_list .list .cont .product .img { position: relative; width: 6rem; height: 6rem; margin-right: 10px; flex-shrink: 0; border-radius: 5px; overflow: hidden; background: #fff}
.review_page .review_list .list .cont .product .img img { position: absolute; left: 50%; top:57%; transform: translate(-50%,-50%) ;width: 115%; height: 115%; object-fit: cover; object-position: center; max-width: none}
.review_page .review_list .list .cont .product .txt_box { }
.review_page .review_list .list .cont .product .txt_box .tit { font-size: 14px; font-weight: 700; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.review_page .review_list .list .cont .product .txt_box .price { font-size: 14px; font-weight: 700; margin-top: 10px}
.review_page .review_list .list .cont .product .txt_box ul { margin-top: 10px }
/*.review_page .review_list .list .cont .product .txt_box ul li { display: flex; align-items: center; color: #999999; }
.review_page .review_list .list .cont .product .txt_box ul li + li { margin-left: 20px }
.review_page .review_list .list .cont .product .txt_box ul li svg { height: 12px; fill: #999999; transform: translateY(0px)}
.review_page .review_list .list .cont .product .txt_box ul li.score svg { display: none; height: 9px; transform: translateY(0px)}
.review_page .review_list .list .cont .product .txt_box ul li.score .ico { display: inline-block; width: 13px; height: 13px; background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; stroke-width: 0px; } .cls-2 { fill: %23999; stroke: %23999; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center/contain; }
.review_page .review_list .list .cont .product .txt_box ul li.write .ico {display: inline-block; width: 13px; height: 13px; margin-top: -1px; transform: translateY(1px); background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23999; stroke-width: 9px; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M40.83,55.5h58.33-58.33Z"/><path class="cls-1" d="M40.83,75.83h38.89-38.89Z"/><path class="cls-3" d="M105.97,29.17H34.02c-9.17,0-16.61,7.46-16.61,16.67v39.54c0,9.21,7.44,16.67,16.61,16.67h24.78l8.46,13.77s.09.16.27.39c.49.85,1.41,1.42,2.46,1.42s1.95-.57,2.45-1.41c.21-.25.28-.41.28-.41l8.46-13.77h24.78c9.17,0,16.61-7.46,16.61-16.67v-39.54c0-9.21-7.44-16.67-16.61-16.67Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') no-repeat center / cover}
.review_page .review_list .list .cont .product .txt_box ul li .num { line-height: 1; font-size: 12px; margin-left: 5px}*/
.review_page .review_list .btn_wrap {width: 20rem; margin: 10rem auto 0}
.exp_list_wrap.review_page .review_list .list { gap: 6rem 4rem;}


.review_list.ex_group .user_info {display: flex;align-items: center; margin-top: 20px}
.review_list.ex_group .list .cont .review_user {display: none}
.review_list.ex_group .list .cont .img_box {border-radius: 10px}

.review_list.ex_group .user_info .name {font-size: 1.6rem;font-weight: 700}
.review_list.ex_group .user_info .id {font-size: 1.6rem;margin-left: 1rem}
.review_list.ex_group .user_info .ico_box {width: 5rem;height: 5rem;border-radius: 50%;z-index: 1;background-color: #000;margin-left: auto;position: absolute; right: -1rem; top: -1rem}
.review_list.ex_group .user_info .ico_box .ico {width: 3.2rem;height: 3.2rem;position: absolute;left: 2rem;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}

.review_list.ex_group .user_info .ico_box .ico.blog {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: %23fff; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><path class="cls-2" d="M76.24,64.02c-2.28,0-4.14,1.85-4.14,4.14s1.85,4.14,4.14,4.14,4.14-1.85,4.14-4.14-1.85-4.14-4.14-4.14Z"/><path class="cls-2" d="M101.03,64.02c-2.29,0-4.14,1.85-4.14,4.14s1.85,4.14,4.14,4.14,4.14-1.85,4.14-4.14-1.85-4.14-4.14-4.14Z"/><path class="cls-2" d="M105.97,27.17H34.03c-10.26,0-18.61,8.38-18.61,18.67v39.54c0,10.29,8.35,18.67,18.61,18.67h23.66l7.83,12.74c.04.07.16.28.38.57.89,1.41,2.44,2.28,4.1,2.28s3.19-.85,4.08-2.24c.19-.24.32-.44.4-.59l7.83-12.75h23.67c10.26,0,18.61-8.38,18.61-18.67v-39.54c0-10.29-8.35-18.67-18.61-18.67ZM40.77,77.96c-3.87,0-5.41-2.77-5.41-2.77v2.1h-6.51v-26.83h6.44v10.21c2.6-2.53,5.47-2.53,5.47-2.53,8.74,0,9.07,9.81,9.07,9.81,0,9.68-9.07,10.01-9.07,10.01ZM61.06,59.94v17.35h-6.21v-15.88c0-5.47-2.94-5.34-2.94-5.34v-6.21c9.41,0,9.14,10.08,9.14,10.08ZM87.12,68.16c0,9.79-10.88,9.8-10.88,9.8-10.98,0-10.64-9.8-10.64-9.8,0-9.93,10.64-9.94,10.64-9.94,11.24,0,10.88,9.94,10.88,9.94ZM111.14,77.04c0,10.16-9.41,10.06-9.41,10.06h-2.5v-5.7h1.55c4.56,0,4.1-4.7,4.1-4.7v-1.5c-2,2.6-5.65,2.45-5.65,2.45-8.96,0-8.86-9.55-8.86-9.55,0-10.25,9.11-9.87,9.11-9.87,3.55,0,5.4,2.45,5.4,2.45v-1.8h6.26v18.17Z"/><path class="cls-2" d="M39.36,64.02c-2.28,0-4.14,1.85-4.14,4.14s1.85,4.14,4.14,4.14,4.14-1.85,4.14-4.14-1.85-4.14-4.14-4.14Z"/></g><rect class="cls-1" width="140" height="140"/></g></g></svg>') center / contain no-repeat;}
.review_list.ex_group .user_info .ico_box .ico.youtube {background: url('data:image/svg+xml,<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140" style="enable-background:new 0 0 140 140;" xml:space="preserve"><style type="text/css">.st0{fill:%23000;}.st1{fill:none;} path{fill:%23fff}</style><g id="_레이어_2"><g><path d="M37,25h66c6.6,0,12,5.4,12,12v66c0,6.6-5.4,12-12,12H37c-6.6,0-12-5.4-12-12V37C25,30.4,30.3,25,37,25z"/><polygon class="st0" points="58.3,87.5 58.3,52.5 87.5,70 "/><rect class="st1" width="140" height="140"/></g></g></svg>')center / contain no-repeat;}
.review_list.ex_group .user_info .ico_box .ico.insta {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: %23fff; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><path class="cls-2" d="M69.41,57.28c-7.44,0-13.5,6.06-13.5,13.5s6.06,13.5,13.5,13.5,13.5-6.06,13.5-13.5-6.06-13.5-13.5-13.5Z"/><path class="cls-2" d="M103,24H37c-7.17,0-13,5.83-13,13v66c0,7.17,5.83,13,13,13h66c7.17,0,13-5.83,13-13V37c0-7.17-5.83-13-13-13ZM69.41,93.28c-12.41,0-22.5-10.09-22.5-22.5s10.09-22.5,22.5-22.5,22.5,10.09,22.5,22.5-10.09,22.5-22.5,22.5ZM97.19,48.81c-3.31,0-6-2.69-6-6s2.69-6,6-6,6,2.69,6,6-2.69,6-6,6Z"/></g><rect class="cls-1" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}




/*정품인증*/
.pd_regist_page {margin-bottom:calc(var(--layout_body_pd) * -1)}
.pd_regist_page .act_sect {padding: 0rem 0 20rem}
.pd_regist_page .sect_tit_box .tit {font-size: 2.2rem; font-weight: 600}
.pd_regist_page .sect_tit_box .en_tit {font-size: 7rem; font-weight: 600; font-family: 'CormorantGaramond22'; margin-top: 10px; line-height: 1.2}
.pd_regist_page .sect_tit_box .txt {font-size: 1.8rem; margin-top:2rem}
.pd_regist_page .act_sect .cont_box {margin-top: 6rem; display: flex}
.pd_regist_page .act_sect .cont_box + .cont_box {margin-top: 3rem}
.pd_regist_page .act_sect .cont_box .cont {background-color: transparent; color: #fff; width: 50%; box-shadow: 0 0 25px 8px rgba(0,0,0,0.03); position: relative; display: flex; align-items: center}

/*.pd_regist_page .act_sect .cont_box.type1 .cont {padding: 10rem 8rem}*/
.pd_regist_page .act_sect .cont_box.type1 .cont.img {width: 100%}
.pd_regist_page .act_sect .cont_box.type1 .cont.img img {width: 100%}
.pd_regist_page .act_sect .cont_box.type2 .cont.img {padding-top: 22.5%}
.pd_regist_page .act_sect .cont_box.type3 .cont.img {padding-top: 26.5%}
.pd_regist_page .act_sect .cont_box.type3 .cont.img img,
.pd_regist_page .act_sect .cont_box.type2 .cont.img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.pd_regist_page .act_sect .cont_box .cont.img{padding: 0}
.pd_regist_page .act_sect .cont_box .cont.img .txt_box {position: absolute; left: 0; bottom: 0;}
/*.pd_regist_page .act_sect .cont_box.type2 .cont.img .txt_box,*/
/*.pd_regist_page .act_sect .cont_box.type3 .cont.img .txt_box {position: absolute; left: 0; top: 0;}*/

.pd_regist_page .act_sect .cont_box .cont + .cont {margin-left: 3rem}
.pd_regist_page .act_sect .cont_box .cont .txt_box { padding: 8rem 7rem;}
.pd_regist_page .act_sect .cont_box .cont .num_tit {font-size: 2rem; font-weight: 700; display: flex; align-items: center}
.pd_regist_page .act_sect .cont_box .cont .num_tit .num { width: 4.5rem; height: 4.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #fff; color: #000; margin-right: 10px}
.pd_regist_page .act_sect .cont_box .cont .tit {font-size: 3.5rem; margin-top: 6rem}
.pd_regist_page .act_sect .cont_box .cont .txt {margin-top: 1.5rem; font-weight: 300; opacity: 0.7}
.pd_regist_page .act_sect .em_txt {display: inline-flex; align-items: center; font-size: 1.5rem; color: #666666; margin-top: 3rem;}
.pd_regist_page .act_sect .em_txt svg {width: 1.5rem; height: 1.5rem; margin-right: 5px}


.pd_regist_page .check_sect {padding: 20rem 0; background-color: #F3F3F3}
.pd_regist_page .check_sect .cont_tit_box {text-align: center}
.pd_regist_page .check_sect .cont_tit_box .en_tit { font-family: 'CormorantGaramond22'; font-size: 3rem; font-weight: 600}
.pd_regist_page .check_sect .cont_tit_box .tit {font-size: 3.5rem; font-weight: 600; margin-top: 15px}
.pd_regist_page .check_sect .cir_wrap {margin-top: 8.5rem; display: flex; align-items: center; justify-content: space-between}
.pd_regist_page .check_sect .cir_wrap .cir {width: 30%; padding-top: 30%; background-color: #fff; position: relative; border-radius: 50%; flex-shrink: 0; z-index: 1}
.pd_regist_page .check_sect .cir_wrap .cir .txt_box {position: absolute; left: 50%; top: 28%; transform: translate(-50%,0%); width: 100%; text-align: center}
.pd_regist_page .check_sect .cir_wrap .cir .txt_box .step {width: 12rem; height: 3.5rem; display: inline-block; background-color: #000; border-radius: 50px; color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; line-height: 3.4rem}
.pd_regist_page .check_sect .cir_wrap .cir .txt_box .txt {margin-top: 3.5rem; font-size: 1.8rem; line-height: 1.7}
.pd_regist_page .check_sect .cir_wrap .arr { position: relative; width: 14.5rem}
.pd_regist_page .check_sect .cir_wrap .arr svg {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14.5rem; height: auto;}

.pd_regist_page .check_sect .label_cont {margin-top: 16rem}
.pd_regist_page .check_sect .label_cont .cont_box {display: flex; margin-top: 6rem}
.pd_regist_page .check_sect .label_cont .cont_box .cont {flex: 1;}
.pd_regist_page .check_sect .label_cont .cont_box .cont + .cont {margin-left: var(--resp_wrap_pd)}
.pd_regist_page .check_sect .label_cont .cont_box .cont .txt {font-size: 1.6rem; margin-top: 10px; }

.pd_regist_page .reg_sect {padding: 20rem 0; position: relative; overflow: hidden}
.pd_regist_page .reg_sect .resp_wrap { display: flex; z-index: 3}
.pd_regist_page .reg_sect .sect_tit_box {flex-shrink: 0}
.pd_regist_page .reg_sect .sect_tit_box .tit {font-size: 5.5rem; font-weight: 600}
.pd_regist_page .reg_sect .sect_tit_box .txt {font-size: 1.8rem; margin-top: 3rem}
.pd_regist_page .reg_sect .sect_tit_box .txt + .txt {margin-top: 2rem}
.pd_regist_page .reg_sect .form {margin-left: 13rem; width: 50rem}
.pd_regist_page .reg_sect .form .inp_box { display: flex; align-items: center}
.pd_regist_page .reg_sect .form .inp_box + .inp_box {margin-top: 2rem}
.pd_regist_page .reg_sect .form .inp_box .tit {font-weight: 600; font-size: 1.8rem; flex-shrink: 0; min-width: 10.5rem}
.pd_regist_page .reg_sect .form .inp_box .inp {flex: 1}

.pd_regist_page .reg_sect .form .inp_box .inp input {height: 6rem;line-height: 5.9rem;font-size: 1.6rem;background-color: rgba(255,255,255,0.15);border-color: rgba(204,204,204,0.4);backdrop-filter: blur(2px) brightness(1);-webkit-backdrop-filter: blur(4px) brightness(1)}

.pd_regist_page .reg_sect .form .inp_box .inp input::placeholder {font-size: 1.6rem}
.pd_regist_page .reg_sect .form .btn {height: 6rem; line-height: 5.9rem; width: calc(100% - 10.5rem); background-color: #000; color: #fff; font-weight: 700; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; margin-top: 25px; margin-left: 10.5rem}
.pd_regist_page .reg_sect .img {width: 31%; margin-left: auto; position: absolute; top: 50%; right: 0; transform: translate(15%,-50%); z-index: -1}

.pd_regist_page .moveText {height: 30rem;  position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; overflow: hidden; font-family: 'CormorantGaramond22'; transform: translateY(12%)}
.pd_regist_page .move_text_box {position: absolute; left: 0; bottom: 0; z-index: -1;}
.pd_regist_page .move_text_box .text { display: flex;flex: 0 0 auto;white-space: nowrap;overflow: visible;transition: 0.3s;font-size: 14rem;font-weight:700;}
.pd_regist_page .move_text_box .text p {animation: textLoop 100s linear infinite;padding-right:20px;line-height: 1.1;color: #000;text-transform: inherit; opacity: 0.03; font-family: inherit; font-style: normal}







/*이미지 없는 리뷰*/
.modal_cont.review {opacity: 1}
.modal .modal_wrap .modal_cont.review.txt_review {width: 55rem}

/*.modal_cont.review .review_wrap .txt_wrap.no_img { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; }
.modal_cont.review .review_wrap .txt_wrap.no_img .product_box { width: 45%; flex-shrink: 0; }
.modal_cont.review .review_wrap .txt_wrap.no_img .review_write {flex: 1; margin-left: 3.5rem}
.modal_cont.review .review_wrap .txt_wrap.no_img .txt_box .review_txt .review_txt_box {max-height: 300px}
.modal_cont.review .review_wrap .txt_wrap.no_img .review_btm { width: calc(50% - 5.5rem); left: unset; right: 0; }
.modal_cont.review .review_wrap .main_img + .txt_wrap.no_img {margin-left: 0}*/

.modal_cont.review .review_wrap .main_img + .txt_wrap.no_img {margin-left: 0}
.modal_cont.review .review_wrap .txt_wrap.no_img .txt_box {height: 25rem}

.modal_cont.review .adm_cmt { margin-top: 2.5rem; }
.modal_cont.review .adm_cmt .box { padding: 3rem 4rem; background-color: #FAFAFA; }
.modal_cont.review .adm_cmt .box .tit_wrap { display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.review .adm_cmt .box .tit_wrap .ico { display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.modal_cont.review .adm_cmt .box .tit_wrap .tit { font-size: 14px; font-weight: 600; }
.modal_cont.review .adm_cmt .box .tit_wrap + .txt_wrap { margin-top: 1.5rem; }

.modal_cont.review .util_wrap { display: flex; align-items: center; justify-content: flex-end; width: 100%; margin-bottom: 15px}
.modal_cont.review .util_wrap .util { display: flex; align-items: center; justify-content: flex-start; color: #000; fill: #000; font-size: 12px; transition: color 0.3s, fill 0.3s; line-height: 1}

.modal_cont.review .util_wrap .util + .util { margin-left: 2rem; }
.modal_cont.review .util_wrap .util .ico { margin-right: 0.5rem; width: 12px; height: 12px;}
.modal_cont.review .util_wrap .util .ico.modify {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><style>path{fill:%23000}</style><path d="M36.4 360.9L13.4 439 1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1L73 498.6l78.1-23c12.4-3.6 23.7-9.9 33.4-18.4c1.4-1.2 2.7-2.5 4-3.8L492.7 149.3c21.9-21.9 24.6-55.6 8.2-80.5c-2.3-3.5-5.1-6.9-8.2-10L453.3 19.3c-25-25-65.5-25-90.5 0L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4zm46 13.5c1.7-5.6 4.5-10.8 8.4-15.2c.6-.6 1.1-1.2 1.7-1.8L321 129 383 191 154.6 419.5c-4.7 4.7-10.6 8.2-17 10.1l-23.4 6.9L59.4 452.6l16.1-54.8 6.9-23.4z"/></svg>') no-repeat center / contain}
.modal_cont.review .util_wrap .util .ico.delete {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><style>path{fill:%23000}</style><path d="M177.1 48h93.7c2.7 0 5.2 1.3 6.7 3.6l19 28.4h-145l19-28.4c1.5-2.2 4-3.6 6.7-3.6zM354.2 80L317.5 24.9C307.1 9.4 289.6 0 270.9 0H177.1c-18.7 0-36.2 9.4-46.6 24.9L93.8 80H80.1 32 24C10.7 80 0 90.7 0 104s10.7 24 24 24H35.6L59.6 452.7c2.5 33.4 30.3 59.3 63.8 59.3H324.6c33.5 0 61.3-25.9 63.8-59.3L412.4 128H424c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8H367.9 354.2zm10.1 48L340.5 449.2c-.6 8.4-7.6 14.8-16 14.8H123.4c-8.4 0-15.3-6.5-16-14.8L83.7 128H364.3z"/></svg>') no-repeat center / contain}
.modal_cont.review .util_wrap .util.ham .ico{transform: translateY(1px)}
.modal_cont.review .util_wrap .util .txt { font-weight: 500; }

/*이미지 목록*/


.modal_cont.review .nav_wrap {  }
.modal_cont.review .nav_wrap .swiper_btn { position: absolute; top: 50%; font-size: 26px; fill: #BDBDBD; transition: fill 0.3s; cursor: pointer; }

.modal_cont.review .nav_wrap .swiper_btn.prev { left: -3rem; transform: translate(-100%, -50%); }
.modal_cont.review .nav_wrap .swiper_btn.next { right: -3rem; transform: translate(100%, -50%); }

/*---------제품리뷰 상세---------*/
.modal .modal_wrap .modal_cont.review { width: 120rem; opacity: 0}
.modal .modal_wrap .modal_cont.review .modal_top + .cont { width: 100%; margin: 0 auto; }
.modal .modal_wrap .modal_cont.review .modal_close {margin-left: auto}
.modal .modal_wrap .modal_cont.review .all_view_btn {display: flex; align-items: center; color: #999; font-size: 14px; transition: color .3s}
.modal .modal_wrap .modal_cont.review .all_view_btn svg {fill: #bdbdbd; width: 17px; height:auto; margin-right: 5px; transition: fill .3s}

.modal .modal_wrap .modal_cont.review .modal_top .tit {display: none}


.modal .modal_wrap .modal_cont.review.list .all_view_btn {display: none}
.modal .modal_wrap .modal_cont.review.list .modal_top .tit {display: block}

/*.modal .modal_cont.review .modal_top { padding: 0}*/
/*.modal .modal_cont.review .modal_top + .cont { padding: 5rem 4rem 6rem; }*/


.modal_close.type2 {display: flex;align-items: center;justify-content: center;position: absolute;right:0px; top:0px; transform: translateX(100%);width: 6rem;height: 6rem;background-color: #000;z-index: 11;font-size: 3.2rem; fill: #fff}

.modal_cont.review .review_wrap { display: flex;justify-content: flex-start; flex-wrap: wrap}
.modal_cont.review .review_wrap .main_img { position: relative; width: 55%; flex-shrink: 0; }
.modal_cont.review .review_wrap .main_img .img { position: relative; width: 100%; padding-top: 100%; background: #f5f5f5}
.modal_cont.review .review_wrap .main_img .img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); mix-blend-mode: multiply; }
.modal_cont.review .review_wrap .main_img .img img.w100 {width: 100%}
.modal_cont.review .review_wrap .main_img .img img.h100 {height: 100%}
.modal_cont.review .review_wrap .main_img + .txt_wrap { margin-left: 3.5rem; }
.modal_cont.review .review_wrap .main_img .count {margin-top: 20px;}
.modal_cont.review .review_wrap .main_img .count .swiper-slide a {display: block; width: 100%; padding-top: 100%}
.modal_cont.review .review_wrap .main_img .count .swiper-slide a img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.modal_cont.review .review_wrap .main_img .count .swiper-slide-thumb-active:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #000; box-sizing: border-box}

.modal_cont.review .review_wrap .txt_wrap { position: relative; flex: 1; display: flex; flex-direction: column}
.modal_cont.review .review_wrap .txt_wrap .product_box { display: flex; align-items: center; justify-content: flex-start; background-color: #FAFAFA; padding: 7px}
.modal_cont.review .review_wrap .txt_wrap .product_box > .img { position: relative; width: 8.5rem; padding-top: 8.5rem; flex-shrink: 0; }
.modal_cont.review .review_wrap .txt_wrap .product_box > .img img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.modal_cont.review .review_wrap .txt_wrap .product_box > .box { width: 100%; margin-left: 10px}
.modal_cont.review .review_wrap .txt_wrap .product_box > .box .tit { font-size: 13px; font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.modal_cont.review .review_wrap .txt_wrap .product_box > .box .cmt_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; }
.modal_cont.review .review_wrap .txt_wrap .cmt { display: flex; align-items: center; justify-content: flex-start; color: #999999; fill: #999999; font-weight: 600; }
.modal_cont.review .review_wrap .txt_wrap .cmt + .cmt { margin-left: 20px; }
.modal_cont.review .review_wrap .txt_wrap .cmt .ico { width: 14px; height: 14px; margin-right: 5px; }
.modal_cont.review .review_wrap .txt_wrap .cmt .ico svg {height: 10px;}

.modal_cont.review .review_wrap .txt_wrap .cmt .num {font-size: 12px;}

.modal_cont.review .review_wrap .txt_wrap .cmt.write .ico { background: url('data:image/svg+xml, <svg id="icoChat" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> %23icoChat .cls-1 { stroke-miterlimit: 10; } %23icoChat .cls-1, .cls-3 { stroke: %23999; stroke-width: 9px; fill: none; } </style></defs><path class="cls-1" d="M35,55.51h70H35Z"/><path class="cls-1" d="M35,75.84h46.67-46.67Z"/><path class="cls-3" d="M105.97,29.17H34.02c-9.17,0-16.61,7.46-16.61,16.67v39.54c0,9.21,7.44,16.67,16.61,16.67h24.78l8.46,13.77s.09.16.27.39c.49.85,1.41,1.42,2.46,1.42s1.95-.57,2.45-1.41c.21-.25.28-.41.28-.41l8.46-13.77h24.78c9.17,0,16.61-7.46,16.61-16.67v-39.54c0-9.21-7.44-16.67-16.61-16.67Z"/></svg>') center/contain no-repeat; }
.modal_cont.review .review_wrap .txt_wrap .cmt.score .ico { background: url('data:image/svg+xml, <svg id="icoStar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> %23icoStar .cls-2 { fill: %23999; stroke: %23999; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><polygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/></svg>') center/contain no-repeat; }

.modal_cont.review .review_wrap .txt_wrap .review_write {flex: 1; display: flex; flex-direction: column;}

.modal_cont.review .review_wrap .txt_wrap .rated_box { display: flex; align-items: center; justify-content: space-between; margin-top: 15px}
.modal_cont.review .review_wrap .txt_wrap .rated_box .review_info {display: flex; align-items: center}
/*.modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .ev_active2 { width: 9rem; height: 1.8rem; }
.modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .ev_active2 b:before { width: 9rem; height: 1.8rem; }*/
.modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .num {font-size: 15px; font-weight: 600; margin-left: 7px; line-height: 1}


.modal_cont.review .review_wrap .txt_wrap .rated_box .btn.active { }
.modal_cont.review .review_wrap .txt_wrap .rated_box .btn.active svg { display: none}
.modal_cont.review .review_wrap .txt_wrap .rated_box .btn.active svg.on {display: block}


.modal_cont.review .review_wrap .txt_wrap .txt_box { height: 100%; margin-top: 3rem; }

.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt { overflow: auto; height: 100% }
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt::-webkit-scrollbar {-webkit-appearance: none;}
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt::-webkit-scrollbar:vertical {width: 5px;}
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt::-webkit-scrollbar:horizontal {height: 5px;}
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .4);border-radius: 5px;}
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt .review_txt_box {max-height: 0; font-size: 1.6rem}
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt .txt { font-size: 14px; padding-right: 10px}
.modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt .txt span + span { display: inline-block; margin-top: 1em; }
.modal_cont.review .review_wrap .txt_wrap .review_btm { display: flex; align-items: center; width: 100%; color: #BDBDBD; font-size: 12px; font-weight: 500; margin-top: 5px}
.modal_cont.review .review_wrap .txt_wrap .review_btm .date {margin-left: 15px}


.modal_cont.review .img_li { position: relative; margin-top: 4rem; display: none}
.modal_cont.review .img_li .swiper-slide { display: flex; align-items: center; justify-content: center; height: calc((100% - 50px) / 2) !important; opacity: 0.5; border: 1.5px solid transparent; }
.modal_cont.review .img_li .swiper-slide.on { opacity: 1; border: 1.5px solid #000; }
.modal_cont.review .img_li .swiper-slide .img { position: relative; width: 100%; padding-top: 100%; }
.modal_cont.review .img_li .swiper-slide .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.modal_cont.review .bot_btn_box {margin-top: 40px; display: flex; justify-content: space-between}
.modal_cont.review .bot_btn_box .btn {font-size: 14px; display: flex; align-items: center; line-height: 1}
.modal_cont.review .bot_btn_box .btn svg {height: 13px; vertical-align: middle; transform: translateY(0px)}
.modal_cont.review .bot_btn_box .btn span {margin: 0 5px;}


/* 리뷰 이미지 모음 팝업*/
.modal_wrap .modal_cont.all_review_img {width: 100rem}
.modal_cont.all_review_img .tit_wrap .num {font-size: 0.9em}
.modal_cont.all_review_img .cont {min-height: 383px;}
.modal_cont.all_review_img .img_wrap {display: grid; align-items: flex-start; grid-template-columns: repeat(7, 1fr); gap: 5px; overflow-y: auto; max-height: 550px; padding-right: 10px;}
.modal_cont.all_review_img .img_wrap::-webkit-scrollbar {-webkit-appearance: none;}
.modal_cont.all_review_img .img_wrap::-webkit-scrollbar:vertical {width: 5px;}
.modal_cont.all_review_img .img_wrap::-webkit-scrollbar:horizontal {height: 5px;}
.modal_cont.all_review_img .img_wrap::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 5px;}
.modal_cont.all_review_img .img_wrap::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}
.modal_cont.all_review_img .img_wrap .img {position: relative; padding-top: 100%; background-color: #f5f5f5; cursor: pointer}
.modal_cont.all_review_img .img_wrap .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; mix-blend-mode: multiply}
.modal_cont.all_review_img .img_wrap .img .num_box {position: absolute; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 12px; width: 25px; height: 25px; text-align: center; line-height: 26px;}



/* 목록 테이블*/
table.list_table_style {border:1px solid #ddd; color:#444;}
table.list_table_style thead th {height:35px; background-color:#ddd; text-align:center; font-weight:600;}
table.list_table_style thead th:first-child {border-left:0px;}
table.list_table_style tbody td.cell {padding:7px; text-align:center; border-top:1px solid #e0e0e0}
table.list_table_style tbody tr td.cell:first-child {border-left:0px;}
table.list_table_style tbody tr:first-child td.cell {border-top:0px;}

table.list_table_style {width:100%; border-collapse:separate; border-top:2px solid #7F858F; border-bottom:1px solid #aaa;}
table.list_table_style > thead > tr > th {border-left:0px solid #eee; border-bottom:1px solid #aaa; background:#f9f9f9 url('') repeat-x; height:0; padding:10px 0; font-weight:normal;}
table.list_table_style > thead > tr > th:first-child {border-left:0px;}
table.list_table_style > tbody > tr > td {border-top:1px solid #ddd; border-left:1px solid #eee; padding:10px; text-align:center;}
table.list_table_style > tbody > tr > td.nodata, .nodata {height:100px; line-height:100px; text-align:center; color:#999;}
table.list_table_style > tbody > tr:first-child > td {border-top:0;}
table.list_table_style > tbody > tr > td:first-child {border-left:0px;}
table.list_table_style > tbody > tr.sub_bg {background:#fff;}
table.list_table_style > tbody > tr.sub_bg > td {border-top:1px solid #eee;}

/* 기본 정보 테이블 스타일*/
table.info_table_style {border-collapse:collapse; border-top:1px solid #aaa; border-right:1px solid #dadada;}
table.info_table_style .its_section {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 5px 8px 5px; text-align:center; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_th {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 28px; text-align:left; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 15px; line-height:180%; letter-spacing:0px;}
table.info_table_style .its_th_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 0; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 0; line-height:180%; letter-spacing:0px;}
table.info_table_style textarea {background-color:#f0f0f0;}
table.info_table_style textarea.input_box_default_text {color:#a5a5a5 !important}

/* 모바일 기본 테이블 스타일*/
table.default_table_style {border:1px solid #d0d0d0;}
table.default_table_style th,
table.default_table_style td {padding:7px 10px; font-weight:normal; text-align:left; border-top:1px solid #e0e0e0}
table.default_table_style tr:first-child th,
table.default_table_style tr:first-child td {border-top:0px;}
table.default_table_style th {border-right:1px solid #e0e0e0; background-color:#f5f5f5;}
table.default_table_style td {background:#fff;}
table.default_table_style td li {margin-top:5px;}
table.default_table_style td li:first-child {margin-top:0;}

.couponbtn {border:0px; background-color:#333; color:#fff; font-size:11px; height:20px; letter-spacing:-1px; padding:0 7px; cursor:pointer}

.thumbnailvideo {position:absolute; z-index:5; background-position:center; background:url('../images/common/thumb_play.png') no-repeat center center; vertical-align:middle;}
.mobilethumbnailvideo {position:absolute; z-index:5; background-position:center; background:url('../images/common/thumb_play.png') no-repeat; vertical-align:middle;}

.main_tabs_contents_title {border-bottom:1px solid #ddd; background-color:#f5f5f5; *zoom:1; padding-left:10px; height:36px; line-height:35px; font-size:14px; color:#333; font-weight:500;}

ul.main_tabs {*zoom:1; border-bottom:2px solid #393e40;}
ul.main_tabs:after {content:""; display:block; clear:both;}
ul.main_tabs li {float:left; width:25%;}
ul.main_tabs li a {display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#697073; font-size:1.1em; font-weight:500;}
ul.main_tabs li a.current {background-color:#393e40; color:#fff; font-weight:500;}

div.radio_tab_wrapper {border:1px solid #888; border-radius:4px; overflow:hidden;}

#view_address_wrap .international { word-wrap:break-word; }

/* 추가옵션 상세 */
div.suboption-lay {background-color:#fff;}
div.suboption-lay table.suboption-table td {font-size:12px; color:#646464; height:57px;}
div.suboption-lay table.suboption-table td.suboption-name {padding-left:8px;}
div.suboption-lay table.suboption-table td.suboption-name div.suboption-etc {margin:3px 15px;}
div.suboption-lay table.suboption-table td.suboption-price {text-align:center; font-weight:600;}

/* 쿠폰상세정보*/
div.coupon_title { padding:30px; border:3px solid #d7d7d7; background-color:#fff; font-size:16px; text-align:center; font-weight:600; /*font-family:Dotum;*/ color:#333; letter-spacing:-1px;}
div.coupon_body { padding:20px 15px; background-color:#f5f7f6; font-size:11px; /*font-family:Dotum;*/ color:#333;}
div.coupon_body table { font-size:11px; /*font-family:Dotum;*/ color:#333;}
div.coupon_body .btn_use { padding-top:20px;}

/* 상품디스플레이 탭 스타일*/
ul.displayTabType1 { *zoom:1; margin-bottom:10px; padding-left:1px; }
ul.displayTabType1:after {content:""; display:block; clear:both; }
ul.displayTabType1>li { float:left; box-sizing:border-box; background-color:#fff; color:#999; font-size:14px; height:45px; line-height:45px; text-align:center; border:1px #ddd solid; border-left:none; border-bottom-color:#888; cursor:pointer; }
ul.displayTabType1>li:first-child { border-left:1px #ddd solid; }
ul.displayTabType1>li.current { color:#333; border-color:#888; border-left:1px #888 solid; margin-left:-1px; border-bottom-color:#fff; cursor:default; }
.displayTabContentsContainer { display:none; }

/* 상품상세 위시리스트 알림창*/
#wish_alert {display:none; position:fixed; left:50%; top:45%; width:200px; margin-left:-100px; height:200px; margin-top:-100px; background:url('../images/design/alert_bg.png') no-repeat; background-size:200px 200px;z-index:102; display: none !important;}
#wish_alert .wa_on {position:absolute; left:50%; top:50%; margin-left:-37.5px; margin-top:-55px; width:75px; height:66px; background:url('../images/design/ico_wish_big_on.png') no-repeat; background-size:75px 66px;}
#wish_alert .wa_off {position:absolute; left:50%; top:50%; margin-left:-37.5px; margin-top:-55px; width:75px; height:66px; background:url('../images/design/ico_wish_big_off.png') no-repeat; background-size:75px 66px;}
#wish_alert .wa_msg {position:absolute; left:0; top:65%; width:100%; text-align:center; font-size:13px; color:#fff; font-weight:600;}

/* 티켓 정보*/
div.coupon_info { border:2px solid #CBCBCB; padding-left:20px; padding-top:15px; height:105px; background-image:url('../images/common/coupon_rbg.jpg'); background-repeat:no-repeat; background-size:34px 120px; background-position:100%;}
div.coupon_info div.coupon_name { font-size:20px; font-weight:600; word-break:break-all;}
div.coupon_info div.coupon_option { font-size:13px; font-weight:600; word-break:break-all; padding-top:15px; letter-spacing:1px;}
div.coupon_info div.coupon_serial { font-size:13px; font-weight:600; word-break:break-all; padding-top:5px;}
div.coupon_detail { height:35px; padding-left:3px; padding-top:10px; color:#727982; font-size:13px; font-weight:600; line-height:20px; letter-spacing:1px;}

/* 쿠폰사용 버튼*/
.btn-coupon-use {width:100%; height:32px; border-radius:3px; border:1px solid #2346a1; background:linear-gradient(180deg, #5f7cc9 50%, #4063bf 100%); font-size:16px; color:#f9f9f9; font-weight:600; padding-bottom:4px; cursor:pointer;}
.btn-coupon-use-disable {width:100%; height:32px; border-radius:3px; border:1px solid #c0c0c0; background:linear-gradient(180deg, #f9f9f9 50%, #cccccc 100%); font-size:16px; color:#aaaaaa; font-weight:600; padding-bottom:4px; cursor:pointer;}

/* 상세내역 스타일*/
.sale_price_layer {display:none;}
span.input_round_style_rounded {display:inline-block; height:28px; max-width:1000px; broder:0px; padding-right:5px; background:url("../images/design/input_round_right_red.gif") no-repeat right;}
span.input_round_style_rounded input {height:28px; width:100%; line-height:28px; border:0px; text-indent:5px; padding-left:2px; background:url("../images/design/input_round_left_red.gif") no-repeat; letter-spacing:-1px;}

/* 상품상세 판매자 정보 테이블*/
span.input_round_style_rounded {display:inline-block; height:28px; max-width:1000px; broder:0px; padding-right:5px; background:url("../images/design/input_round_right_red.gif") no-repeat right;}
span.input_round_style_rounded input {height:28px; width:100%; line-height:28px; border:0px; text-indent:5px; padding-left:2px; background:url("../images/design/input_round_left_red.gif") no-repeat; letter-spacing:-1px;}
span.input_round_style_rounded input::-webkit-input-placeholder {/* WebKit browsers*/ color:red;}
span.input_round_style_rounded input::-moz-placeholder {/* Mozilla Firefox 4 to 18*/ color:red; opacity:1;}
span.input_round_style_rounded input::-moz-placeholder {/* Mozilla Firefox 19+*/ color:red; opacity:1;}
span.input_round_style_rounded input::-ms-input-placeholder {/* Internet Explorer 10+*/ color:red;}
span.input_round_style input::-webkit-input-placeholder {/* WebKit browsers*/ color:#515151;}
span.input_round_style input::-moz-placeholder {/* Mozilla Firefox 4 to 18*/ color:#515151; opacity:1;}
span.input_round_style input::-moz-placeholder {/* Mozilla Firefox 19+*/ color:#515151; opacity:1;}
span.input_round_style input::-ms-input-placeholder {/* Internet Explorer 10+*/	color:#515151;}

.ctg_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:200;}

/* 상품리스트 - 스와이프 안내 */
.swipe_guide {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;}
.swipe_guide .swipe_atb {position:absolute; left:0; top:0; background:url('../images/design/img_swipe01.png') no-repeat;  background-size:cover; width:224px; height:87px; text-indent:-9999px; z-index:1;}
.swipe_guide .swipe_alr {position:absolute; left:50%; top:50%; margin:-80px 0 0 -80px; background:url('../images/design/img_swipe02.png') no-repeat;  background-size:cover; width:160px; height:143px; text-indent:-9999px; z-index:1;}
.swipe_guide .swipe_asl {position:absolute; right:60px; bottom:60px; background:url('../images/design/img_swipe03.png') no-repeat; background-size:cover; width:165px; height:53px; text-indent:-9999px; z-index:1;}
.swipe_guide .swipe_close {position:absolute; left:50%; bottom:140px; margin-left:-42px; background:url('../images/design/btn_swipe_close.png') no-repeat; background-size:cover; width:85px; height:32px; text-indent:-9999px; z-index:1;}
.swipe_guide .swipe_bg {width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);}
@media (min-width:640px) {
	.swipe_guide .swipe_asl {right:40px; bottom:5px; background:url('../images/design/img_swipe04.png') no-repeat; background-size:cover; width:163px; height:52px;}
	.swipe_guide .swipe_close {bottom:10px;}
}

/* 상품상세 - 상품명 */
#goods_title_bar.flyingMode {position:fixed; top:0px; left:0px; width:100%; z-index:101;}
#goods_title_bar h2 {line-height:40px; width:80%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.btn_orderlogin_large {display:inline-block; background-color:#93a7d9; border:1px solid #8197cd; border-radius:5px !important; height:42px; line-height:42px; font-size:16px; font-family:dotum; font-weight:bold; color:#ffffff; letter-spacing:-1px;}

/* 추가버튼 */
.btn_style.wid100 {width:100%;}
.btn_style.small {padding:0 10px; height:25px !important; line-height:26px !important; font-size:12px; font-weight:normal; cursor:pointer;}

/* 할인율 */
.goods_spec_table, .info_goods_spec_table {border-bottom:1px solid #fff;}
.goods_spec_table th.gst_th {border-bottom:1px solid #fff; padding:5px 0 2px 10px; text-align:left; font-weight:600; font-size:13px; color:#666; letter-spacing:-1px;}
.goods_spec_table th.gst_th .line {margin:0 0 0 -10px; border-top:1px solid #ddd; padding-top:5px;}
.goods_spec_table td.gst_td ul.shipping li {line-height:1.6;}
.goods_spec_table td.gst_td td, .info_goods_spec_table td.gst_td td {font-size:13px; color:#333;}
.goods_spec_table td.gst_td, .info_goods_spec_table td.gst_td {border-bottom:1px solid #fff; padding:2px 10px 2px 15px;  height:20px; text-align:left; font-size:13px; color:#333;}
.goods_spec_table td.gst_sub {border-bottom:1px solid #fff; padding:5px 10px;}
.info_goods_spec_table td.gst_sub {/*padding:10px; border-bottom:1px solid #e0e0e0;*/}
.goods_spec_table td.gst_sub .gst_sub_inner, .info_goods_spec_table td.gst_sub .gst_sub_inner {padding:2px 15px; border:1px solid #e0e0e0; background-color:#f1f1f1; }
.goods_spec_table td.gst_sub .gst_sub_table td, .info_goods_spec_table td.gst_sub .gst_sub_table td {padding:7px 0; border-top:1px solid #ddd; font-size:13px;}
.goods_spec_table td.gst_sub .gst_sub_table tr:first-child td, .info_goods_spec_table td.gst_sub .gst_sub_table tr:first-child td {border-top:0px;}
.goods_spec_table td.gst_sub .gst_sub_table2, .info_goods_spec_table td.gst_sub .gst_sub_table2 {border-collapse:collapse; border:1px solid #e0e0e0;}
.goods_spec_table td.gst_sub .gst_sub_table2 th, .info_goods_spec_table td.gst_sub .gst_sub_table2 th {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; height:35px; background-color:#ffffff; text-align:center;}
.goods_spec_table td.gst_sub .gst_sub_table2 td, .info_goods_spec_table td.gst_sub .gst_sub_table2 td {border-top:1px solid #e0e0e0; height:35px; background-color:#f1f1f1; text-align:center;}
.goods_spec_table .consumer, .info_goods_spec_table .consumer {font-size:13px; /*font-weight:600;*/ color:#999;}
.goods_spec_table .price, .info_goods_spec_table .price { font-size:20px; color:#fd454d; font-weight:bold; vertical-align:middle;}
.goods_spec_table .price .price_won, .info_goods_spec_table .price .price_won {font-family:helvetica,sans-serif;font-size:15px;}
.goods_spec_table select, .info_goods_spec_table select {min-width:120px;}
.goods_spec_table .coupon_btn, .info_goods_spec_table .coupon_btn {position:relative; display:inline-block; width:71px; height:34px; background:url("../images/design/coupon_bg.gif"); vertical-align:middle;}
.goods_spec_table .coupon_btn span.cb_percent, .info_goods_spec_table .coupon_btn span.cb_percent {position:absolute; left:4px; top:14px; font-size:14px;  color:#c00c0b; font-weight:600;}
.goods_spec_table .coupon_btn span.cb_text, .info_goods_spec_table .coupon_btn span.cb_text {position:absolute; left:100%; top:20px; margin-left:3px; width:65px; color:#c00c0b; font-size:11px;  font-weight:600; text-decoration:underline;}

#goods_thumbs_paging {position:absolute; top:-45px; width:100%; text-align:center; z-index:10;}

.additions_table_style {border-top:1px solid #666}
.additions_table_style th, .additions_table_style td {border-bottom:1px solid #d8d9dd}
.additions_table_style th {padding:12px 0 12px 10px; text-align:left; width:65px;}
.additions_table_style td {padding:12px 0 12px 10px;}

.info_goods_spec_table {border-top:1px solid #ddd; border-bottom:0px solid #ddd;}
.info_goods_spec_table th.gst_th {padding:3px 0 3px 10px; height:32px; text-align:left; font-weight:600; color:#515151; font-size:13px; border-bottom:1px solid #fff; letter-spacing:-1px}
.info_goods_spec_table td.gst_td td {color:#515151; font-size:12px;}
.info_goods_spec_table td.gst_td {padding:6px 10px 6px 15px; text-align:left; color:#515151; font-size:13px; border-bottom:1px solid #fff; line-height:20px;}
.info_goods_spec_table td.gst_sub {padding:0 10px 10px; /*border-bottom:1px solid #e0e0e0;*/}
.info_goods_spec_table td.gst_sub .gst_sub_inner {padding:5px 10px; border:1px solid #e0e0e0;}
.info_goods_spec_table td.gst_sub .gst_sub_table td {padding:7px 0; border-top:1px solid #e0e0e0}
.info_goods_spec_table td.gst_sub .gst_sub_table tr:first-child td {border-top:0px;}

.ul_list {line-height:1.6;}
.ul_list li {background:url('../images/common/ico_list2.png') no-repeat left 9px; padding-left:6px;}
.ico_quest {display:inline-block; border:0; background:url('../images/common/ico_question.png') no-repeat; width:21px; height:21px; text-indent:-9999px; cursor:pointer;}

/* 증빙자료 테이블 전용 */
div.default_table_style table.receipt_table tr td { padding: 0 0 5px 0; }

textarea.wid100 {width:96%; width: -webkit-calc(100% - 12px); width:-moz-calc(100% - 12px);width:calc(100% - 12px);}
input.wid100 {width:96%; width: -webkit-calc(100% - 12px); width:-moz-calc(100% - 12px);width:calc(100% - 12px);}

.shipping_method {padding-right:10px;display:inline-block;}
.coupon_btn {position:relative; display:inline-block; width:71px; height:34px; background:url("../images/design/coupon_bg.gif"); vertical-align:middle;}
.coupon_btn span.cb_percent {position:absolute; left:4px; top:14px; font-size:14px; font-family:tahoma; color:#c00c0b; font-weight:bold;}
.coupon_btn span.cb_text {position:absolute; right:100%; top:20px; margin-left:3px; width:65px; color:#c00c0b; font-size:11px; font-family:dotum; font-weight:bold; text-decoration:underline;}
.promotionlay ul li {padding:3px;}

/* 배송 현황 */
div.multiShippingItem {padding:5px;border-bottom:1px solid #d7d7d7;}

/* 매출증빙 */
.sales_tax {background-color:#cccccc; border:1px solid #BDBDBD;}
.btn-coupon-use { width:100px; }
div.cart-lay {background-color:#f5f7f7;padding:5px;}
div.cart-lay div.cart-list-lay {border:1px solid #ddd;}

/* 배송 현황 */
div.export-lay div.export-title-lay {background-color:#b9bcbd;border-top:1px solid #a9abac;}
div.export-lay div.export-title-lay table.export-title-table td {height:36px;color:#444444;/*font-size:12px;*/}
div.export-lay div.export-title-lay table.export-title-table td.export-date {padding-left:8px;}
div.export-lay div.export-title-lay table.export-title-table td.export-btn {text-align:right;padding-right:8px;}
div.export-lay div.export-shipping-address-title { padding-left:8px;line-height:36px;background-color:#d6d6d6; /*font-size:12px;*/font-weight:bold;color:#4a4a4a;}
div.export-lay div.export-shipping-address {background-color:#fff;color:#333;/*padding:10px 0 10px 8px; font-size:12px;*/}
div.export-lay div.export-shipping-address.multiShippingItem {padding:0; /*margin-bottom:20px;border-bottom:3px solid #c2c6c8;*/background-color:#f5f7f7;}
div.export-lay div.export-ea-lay {border-bottom:1px solid #d7d7d7;}
div.export-lay div.export-shipping-address div.shipping-address-btn {padding:0 10px; height:40px; line-height:40px; text-align:right;}
div.export-lay div.export-shipping-address table.export-shipping-address-table {border-collapse:collapse;}
div.export-lay div.export-shipping-address table.export-shipping-address-table th {padding-left:10px; /*font-size:12px;*/color:#4a4a4a;text-align:left; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#f5f5f5;}
div.export-lay div.export-shipping-address table.export-shipping-address-table td {text-align:left;padding:6px 0;padding-left:10px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#fff;}
div.export-lay div.export-shipping-address table.export-shipping-address-table td input[type="text"] {height:29px;text-align:left;padding-left:5px;}
div.export-lay div.export-shipping-address table.export-shipping-address-table td textarea {font-family:Dotum;font-size:11px;color:#b1b1b1;}
div.export-lay div.export-ea-lay table.export-ea-table td {height:43px;/*font-size:12px;*/}
div.export-lay div.export-ea-lay table.export-ea-table td.title {text-align:left;padding-left:8px;}
div.export-lay div.export-ea-lay table.export-ea-table td.ea { text-align:right;padding-right:8px;}
div.export-lay div.export-ea-lay table.export-ea-table td.ea.rgtbd {border-right:1px solid #d7d7d7;}
.export-summary { font-size:12px; }
.export-summary .export-summary-border { border-top:1px solid #ccc; }

/* 404 에러페이지 */
#MOBILE {width:90%; margin:30px auto 0; text-align:center;}
#MOBILE h1 {margin:20px auto; font-size:20px; font-weight:normal; color:#333; letter-spacing:-1.5px;}
#MOBILE p {margin:0 auto; font-size:16px; font-weight:normal; color:#666; letter-spacing:-1px;}
#MOBILE p .phone {font-family:'tahoma'; font-weight:bold; letter-spacing:0;}
#MOBILE a.btn_important_large {width:100%; height:50px; line-height:50px; font-size:18px; font-weight:normal; color:#fff;}

/* 작은 레이어 */
.detailDescriptionLayer .layer_wrap2 {margin:2px 0 0 -30px; position:relative; border:1px solid #aaa; border-radius:5px; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1); background:rgba(255, 255, 255, 0.95); padding:10px; line-height:1.4; }
.detailDescriptionLayer .layer_wrap .layer_inner strong, .detailDescriptionLayer .layer_wrap .layer_inner a {font-size:inherit; color:inherit;}
.detailDescriptionLayer .layer_wrap .layer_inner a.more {display:block; background:url('../images/common/btn_detail_more2.png') no-repeat right 7px; padding-right:8px; text-align:right; color:#2c8ff0;}
.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li {margin-top:10px; background:url('../images/common/ico_detail_list.png') no-repeat left 3px; padding-left:15px;}
.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li:first-child {margin-top:0;}
.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li .ul_list2 {margin-left:-8px;}
.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country {margin-bottom:5px; width:100%; padding:0;}
.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dt {float:left; width:65%;}
.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dt img {border:1px solid #ddd;}
.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dd {float:right; width:35%; text-align:right;}
.detailDescriptionLayer .ddlTable tr th, .detailDescriptionLayer .ddlTable tr td {padding:0; border-top:1px solid #ddd; text-align:center;}
.detailDescriptionLayer .ddlTable tr:first-child th,
.detailDescriptionLayer .ddlTable tr:first-child td {border-top:none; line-height:inherit}
.detailDescriptionLayer .tbl_row {border-collapse:collapse; font-size:12px; font-weight:normal; color:#666;}
.detailDescriptionLayer .tbl_row tbody th {border:1px solid #ddd; background:#f9f9f9; text-align:left; padding:5px; line-height:inherit}
.detailDescriptionLayer .tbl_row tbody td {border:1px solid #ddd; background:#fff; padding:5px; line-height:inherit}
.detailDescriptionLayer .tbl_col {border-collapse:collapse; font-size:12px; font-weight:normal; color:#666;}
.detailDescriptionLayer .tbl_col th, .detailDescriptionLayer .tbl_col td {border:1px solid #ddd; padding:5px; line-height:inherit}
.detailDescriptionLayer .tbl_col thead th {background:#f1f1f1; text-align:center; line-height:inherit}
.detailDescriptionLayer .tbl_col tbody th {background:#f9f9f9; text-align:left; line-height:inherit}
.detailDescriptionLayer .tbl_col tbody td {background:#fff; text-align:right; line-height:inherit;}

/* 상품디스플레이 - 페이지뷰&찜하기 */
.goods_list ol.gli_contents li .goods_list_page_view {margin-right:6px;}
.goods_list ol.gli_contents li .goods_list_goods_zzim:before {display:inline-block; content:''; position:relative; top:2px; left:0; width:1px; height:10px; margin-right:6px; background-color:#ccc;}
.goods_list ol.gli_contents li .goods_list_goods_zzim label {vertical-align:top;}


/*오프라인 매장*/

.offline_page #eventSwiper .item .txt_box {color: #593175 }

.offline_page .store_cont {display: flex; justify-content: space-between;}
.offline_page .store_cont + .store_cont {margin-top: 14rem}
.offline_page .store_cont .cont_tit {font-size: 5rem;font-weight: 600;width: 20%;flex-shrink: 0;word-break: keep-all;line-height: 1.3;display: flex;flex-direction: column;align-items: flex-start;}
.offline_page .store_cont .cont_tit .label {display: inline-flex;align-items: center;justify-content: center;height: 25px;padding: 0 1.5rem;font-size: 12px;font-weight: 600;color: #999999;border: 1px solid #BDBDBD;border-radius: 2em;line-height: 1;flex-shrink: 0; margin-bottom: 15px}
.offline_page .store_cont .right_box {width:75%}
.offline_page .store_cont .right_box .img {position: relative; padding-top: 52.5%}
.offline_page .store_cont .right_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.offline_page .store_cont .slide_box {position: relative}
.offline_page .store_cont .swiper-pagination {position: absolute; display: flex; justify-content: center; bottom: 10px; left: 50%; transform: translateX(-50%);}
.offline_page .store_cont .swiper-pagination span {background: #fff; opacity: 0.3; border-radius: 4px; transition: 0.3s}
.offline_page .store_cont .swiper-pagination span + span {margin-left: 10px}
.offline_page .store_cont .swiper-pagination .swiper-pagination-bullet-active {width: 16px; background: #fff; opacity: 1}
.offline_page .store_cont .right_box .info_box {margin-top: 4rem; display: flex; justify-content: space-between}

.offline_page .store_cont .swiper-container.none .swiper-slide {opacity: 1 !important;}
.offline_page .store_cont .swiper-pagination.none {opacity: 0; pointer-events: none}

.add_info_list li {display: flex; align-items: flex-start; font-size: 1.8rem;}
.add_info_list li + li {margin-top: 1rem}
.add_info_list li .ico {display: inline-block; width: 2.4rem; height: 2.4rem; background: url(/data/skin/dualsonic/images/common/dual_ico_call.svg) center / contain; margin-right: 1.25rem; flex-shrink: 0; margin-top: 0.1rem}
.add_info_list li .ico.pin { background: url('/data/skin/dualsonic/images/common/dual_ico_pin.svg') center/contain no-repeat; }
.add_info_list li .ico.time { background: url('/data/skin/dualsonic/images/common/dual_ico_clock_simple.svg') center/contain no-repeat; }
.add_info_list li .ico.tel { background: url('/data/skin/dualsonic/images/common/dual_ico_call.svg') center/contain no-repeat; }
.add_info_list li .day p + p {margin-top: 3px}
.add_info_btn_box {display: flex;}
.add_info_btn_box .btn {width: 16rem; height: 4rem; line-height: 3.8rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; border: 1px solid #000; border-radius: 50px; transition: all .3s}
.add_info_btn_box .btn + .btn {margin-left: 10px}
.add_info_btn_box .btn .ico {display: inline-block; width: 1.8rem; height: 1.8rem; margin-left: 15px;
	background: url('/data/skin/dualsonic/images/common/dual_ico_arrow_thin.svg') center/contain no-repeat }





/*테라피 라운지*/
.sub_top.wh .search_nav {color: #fff; opacity: 0.7}
.sub_top.wh .nice-select {background: transparent}
.sub_top.wh .search_nav .nice-select:after {color: #fff}
.sub_top.wh .search_nav .navi_linemap:before {background:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><style>path{fill:%23fff}</style><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>') no-repeat center / contain}
.sub_top.wh .search_nav .home {background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><style>path{fill:%23fff}</style><path d="M288 2.7L298.6 12l272 240-21.2 24L512 243V496v16H496 80 64V496 243L26.6 276 5.4 252l272-240L288 2.7zM96 214.7V480H480V214.7L288 45.3 96 214.7z"/></svg>') no-repeat center / contain}

.louge_page {overflow: hidden}
.louge_page .visual_img {position: relative; padding-bottom: 11rem}
.louge_page .visual_img .sub_top{ position: relative; z-index: 5}

.louge_page .visual_img .bg {position: absolute; width: 100%; height: 100%; background: rgb(78,49,38);background: linear-gradient(135deg, rgba(78,49,38,1) 10%, rgba(194,153,112,1) 80%);}
.louge_page .visual_img .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: center; opacity: 0.08}
.louge_page .visual_img .cont_tit_box { padding-top: var(--sub_sect_pt);color: #fff; position: relative; z-index: 3; text-align: center;}
.louge_page .visual_img .cont_tit_box .tit {font-size: var(--en_tit); font-weight: 600; line-height: 1em; font-family: 'CormorantGaramond22';}
.louge_page .visual_img .cont_tit_box .txt {font-size: 1.8rem; margin-top: 2.5rem; opacity: 0.56}
.louge_page .visual_img .cont_tit_box .main_btn {margin-top: 4.5rem;}
.louge_page .visual_img .slide_box {margin-top: 5.5rem}
.louge_page .visual_img .slide_box .img {position: relative; width: 100%; padding-top: 52.5%}
.louge_page .visual_img .slide_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.louge_page .visual_img .slide_box .swiper-pagination {margin-top: 5rem; position: static; display: flex; justify-content: center; }
.louge_page .visual_img .slide_box .swiper-pagination span {width: 1.1rem; height: 1.1rem; opacity: 1; background: rgba(255,255,255,0.3); transition: all .3s; border-radius: 0.6rem}
.louge_page .visual_img .slide_box .swiper-pagination span + span {margin-left: 10px}
.louge_page .visual_img .slide_box .swiper-pagination .swiper-pagination-bullet-active {background: #fff; width: 2.6rem}


.louge_page .sect_tit_box .tit { width: 100%; max-width: 27rem; height: 5.5rem; line-height: 5.5rem; font-size: 1.8rem; font-weight: 700; }
.louge_page .sect_tit_box .tit span { display: inline-block; width: 100%; padding: 0 2.5rem; background: #000; color: #fff; border-radius: 2em; text-align: center; }
.louge_page .sect_tit_box .desc { margin-top: 15px; font-size: 14px; text-align: center; }

.louge_page .program_wrap { padding: var(--sub_banner_pd) 0 0; }
.louge_page .program_wrap .sect_tit_box + .cont_box { margin-top: 10rem; }

.louge_page .program_wrap .cont_box {  }
.louge_page .program_wrap .cont_box + .cont_box { margin-top: 20rem; }
.louge_page .program_wrap .cont_box .cont_tit_box { display: flex; align-items: flex-start; justify-content: flex-start; padding-bottom: 25px; border-bottom: 1px solid #000; }
.louge_page .program_wrap .cont_box .cont_tit_box .num { margin-right: 5rem; font-size: 4rem; font-weight: 600; }
.louge_page .program_wrap .cont_box .cont_tit_box .tit_box {  }
.louge_page .program_wrap .cont_box .cont_tit_box .tit_box .tit { font-size: 4rem; font-weight: 600; }
.louge_page .program_wrap .cont_box .cont_tit_box .tit_box .desc { margin-top: 10px; font-size: 1.4rem; color: #BDBDBD; }

.louge_page .program_wrap .cont_box .cont { margin: 5rem auto 0; padding-left: 9.5rem}
.louge_page .program_wrap .cont_box .cont .box { display: grid; grid-template-columns: 12rem 1fr; }
.louge_page .program_wrap .cont_box .cont .box + .box { margin-top: 4rem; }
.louge_page .program_wrap .cont_box .cont .box .tit { font-size: 14px; font-weight: 800; }
.louge_page .program_wrap .cont_box .cont .box .txt { font-size: 16px; }

.louge_page .program_wrap .cont_box .cont .box .process_wrap { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.louge_page .program_wrap .cont_box .cont .box .process_wrap .pro_box { position: relative; min-width: 7rem ;height: 4rem; line-height: 4rem; padding: 0 2.5rem; border: 1px solid #000; border-radius: 2em; text-align: center; font-size: 14px; margin-right: 3.5rem; margin-bottom: 1.5rem}
.louge_page .program_wrap .cont_box .cont .box .process_wrap .pro_box:before { content: ''; position: absolute; right: -9px; top: 50%; width: 1.6rem; height: 1.6rem; transform: translate(100%, -50%); background: url('/data/skin/dualsonic/images/common/dual_ico_arrow_thin.svg') center/contain no-repeat; }
.louge_page .program_wrap .cont_box .cont .box .process_wrap .pro_box:last-of-type:before { display: none; }

.louge_page .lounge_banner { position: relative; width: 100%; margin-top: 25rem; background: #F3F3F3; }
.louge_page .lounge_banner:before,
.louge_page .lounge_banner:after {content: ""; position: absolute; top: 0; background-color: #f3f3f3; width: 100px; height: 100%}
.louge_page .lounge_banner:before {left: 1px; transform: translateX(-100%)}
.louge_page .lounge_banner:after {right: 1px; transform: translateX(100%)}
.louge_page .lounge_banner .resp_wrap { }
.louge_page .lounge_banner .img { position: absolute; right: 3%; bottom: 0; width: 320px; }
.louge_page .lounge_banner .img img { width: 100%; height: 100%; }
.louge_page .lounge_banner .txt_box {  width: 124rem; max-width: 100%; padding: 10rem 0;}
.louge_page .lounge_banner .txt_box .desc { font-size: var(--sub_banner_desc); font-weight: 600; }
.louge_page .lounge_banner .txt_box .desc + .tit { margin-top: 10px;}
.louge_page .lounge_banner .txt_box .tit { font-size: 4rem; font-weight: 700; }
.louge_page .lounge_banner .btn_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 5rem; }
.louge_page .lounge_banner .btn_wrap .btn { position: relative; display: flex; align-items: center; justify-content: center; height: 45px; line-height: 45px; padding: 0 20px; background: #000; color: #fff; font-size: 14px; transition: background-color 0.3s, color 0.3s; }
.louge_page .lounge_banner .btn_wrap .btn:before { content: ''; position: absolute; left: -1px; top: -1px; width: 0; height: calc(100% + 2px); background-color: #fff; z-index: 2; transition: width 0.3s; }
.louge_page .lounge_banner .btn_wrap .btn .txt { position: relative; z-index: 5; }
.louge_page .lounge_banner .btn_wrap .btn .ico { position: relative; display: block; width: 17px; height: 17px; margin-left: 25px; background: url('/data/skin/dualsonic/images/common/dual_ico_arrow_w.svg')center/contain no-repeat; transition: background 0.3s; z-index: 5; }


.louge_page .info_wrap { margin-top: 16rem; }
.louge_page .map_wrap .info_cont,
.louge_page .info_wrap .info_cont { display: grid; grid-template-columns: 20rem 1fr; gap: 0 9rem; }
.louge_page .info_wrap .info_cont .box { display: grid; grid-template-columns: 45px 1fr; gap: 0 20px; }
.louge_page .info_wrap .info_cont .box + .box { margin-top: 70px; }

.louge_page .info_wrap .info_cont .box .ico { width: 45px; height: 45px; }
.louge_page .info_wrap .info_cont .box .ico.time { background: url('/data/skin/dualsonic/images/common/dual_ico_lounge01_thin.svg')center/contain no-repeat; }
.louge_page .info_wrap .info_cont .box .ico.reservation { background: url('/data/skin/dualsonic/images/common/dual_ico_lounge02_thin.svg') center/contain no-repeat; }
.louge_page .info_wrap .info_cont .box .ico.checkIn { background: url('/data/skin/dualsonic/images/common/dual_ico_lounge03_thin.svg') center/contain no-repeat; }
.louge_page .info_wrap .info_cont .box .ico.alert { background: url('/data/skin/dualsonic/images/common/dual_ico_lounge04_thin.svg') center/contain no-repeat; }
.louge_page .info_wrap .info_cont .box .ico.etiquette { background: url('/data/skin/dualsonic/images/common/dual_ico_lounge05_thin.svg') center/contain no-repeat; }

.louge_page .info_wrap .info_cont .box .tit { display: flex; align-items: center; height: 35px; font-size: 14px; font-weight: 800; }
.louge_page .info_wrap .info_cont .box .tit + .txt { margin-top: 15px; }
.louge_page .info_wrap .info_cont .box .txt { font-size: 16px; }

.louge_page .map_wrap { margin-top: 16rem; }
.louge_page .map_wrap .info_cont .cont .map { width: 100%; padding-top: 50%}
.louge_page .map_wrap .info_cont .cont .map img { width: 100%; }

.louge_page .map_wrap .info_cont .cont .info_box {margin-top: 3rem; display: flex; justify-content: space-between}
.louge_page .map_wrap .info_cont .cont .info_box .list li {display: flex; align-items: center; font-size: 1.8rem;}
.louge_page .map_wrap .info_cont .cont .info_box .list li + li {margin-top: 2rem}
.louge_page .map_wrap .info_cont .cont .info_box .list li .ico {display: inline-block; width: 2.4rem; height: 2.4rem; margin-right: 1.25rem; flex-shrink: 0}
.louge_page .map_wrap .info_cont .cont .info_box .list li .ico.pin { width: 1.8rem; height: 1.8rem; background: url('/data/skin/dualsonic/images/common/dual_ico_pin.svg') center/contain no-repeat; }
.louge_page .map_wrap .info_cont .cont .info_box .list li .ico.time { width: 1.8rem; height: 1.8rem; background: url('/data/skin/dualsonic/images/common/dual_ico_clock_simple.svg') center/contain no-repeat; }
.louge_page .map_wrap .info_cont .cont .info_box .list li .ico.tel { background: url('/data/skin/dualsonic/images/common/dual_ico_call.svg') center/contain no-repeat; }
.louge_page .map_wrap .info_cont .cont .info_box .btn_box {display: flex;}
.louge_page .map_wrap .info_cont .cont .info_box .btn_box .btn {width: 14rem; height: 4rem; padding-left: 5px ;line-height: 3.8rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; border: 1px solid #000; border-radius: 50px; transition: background-color 0.3s; }
.louge_page .map_wrap .info_cont .cont .info_box .btn_box .btn + .btn {margin-left: 10px}
.louge_page .map_wrap .info_cont .cont .info_box .btn_box .btn .ico {display: inline-block; width: 1.7rem; height: 1.7rem; background: url('/data/skin/dualsonic/images/common/dual_ico_arrow.svg') center / contain no-repeat; margin-left: 10px; transition: background 0.3s;}


/*멤버십 혜택 팝업*/
.modal .modal_wrap .modal_cont.lounge { width: 60rem; }
.modal_cont.lounge .cont {  }
.modal_cont.lounge .cont .box {  }
.modal_cont.lounge .cont .box >.tit { font-size: 24px; font-weight: 700; }

.modal_cont.lounge .cont .member_tbl { margin-top: 15px; }
.modal_cont.lounge .cont .member_tbl + .member_tbl { margin-top: 5.5rem; }
.modal_cont.lounge .cont .member_tbl table { width: 100%; }
.modal_cont.lounge .cont .member_tbl table th { padding: 15px 5px; background-color: #000; color: #fff; font-size: 14px; font-weight: 600; border-right: 1px solid #707070; text-align: center }
.modal_cont.lounge .cont .member_tbl table th:last-of-type { border-right: 0; }
.modal_cont.lounge .cont .member_tbl table td { padding: 18px 5px; border-right: 1px solid #707070; border-bottom: 1px solid #707070; font-size: 14px; text-align: center; word-break: keep-all}
.modal_cont.lounge .cont .member_tbl table td.m_td { font-weight: 500; }
.modal_cont.lounge .cont .member_tbl table td:last-of-type { border-right: 0; }
.modal_cont.lounge .cont .member_tbl table td b { font-weight: 700; }
.modal_cont.lounge .cont .member_tbl table td span { font-size: 12px; }
.modal_cont.lounge .cont .member_tbl table + .desc { margin-top: 18px; }
.modal_cont.lounge .cont .member_tbl > .desc { font-size: 12px; font-weight: 500; }


/*렌탈 페이지*/
/*.rental_page {margin-bottom: calc(var(--layout_body_pd) * -1)}*/

.rental_page .resp_wrap.w100 {width: 250rem;}

/*.rental_page .benefit_cont.old {margin-top:var(--sub_banner_pd); display: flex; justify-content: center}
.rental_page .benefit { flex: 1}
.rental_page .benefit + .benefit {margin-left: 10rem}
.rental_page .benefit .left_box {width: 100%}
.rental_page .benefit .left_box .en_txt {font-size: 1.8rem; font-weight: 600}
.rental_page .benefit .left_box .tit {font-size: 4rem; font-weight: 700; margin-top: 2.5rem; line-height: 1.4}
.rental_page .benefit .left_box .txt {font-size: 1.8rem; font-weight: 600; margin-top: 15px;}
.rental_page .benefit .right_box {display: flex; margin-top: 30px}
.rental_page .benefit .right_box img {width: 100%}
.rental_page .benefit .right_box .cont {flex: 1}
.rental_page .benefit .right_box .cont + .cont {margin-left: 2rem}
.rental_page .benefit .right_box .txt_box .tit {font-size: 2rem; font-weight: 600; text-align: center}
.rental_page .benefit:not(.num1) .right_box .txt_box .tit {margin-top: 2rem}

.rental_page .benefit.num1 .right_box .img {padding-top: 130%; position: relative}
.rental_page .benefit.num1 .right_box .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover}
.rental_page .benefit.num1 .right_box .txt_box {position: relative; margin-top: 2rem}
.rental_page .benefit.num1 .right_box .txt_box .badge {position: absolute; right: 1rem; top: 0; transform: translateY(-97%); width: 8rem; height: 8rem; background: url("/data/skin/dualsonic/images/sub/benefit1_badge.png") no-repeat center/ contain}
.rental_page .benefit.num1 .right_box .txt_box .tit {font-weight: 700}
.rental_page .benefit.num1 .right_box .txt_box .txt {margin-top: 10px; display: flex; align-items: center; justify-content: center; line-height: 1}
.rental_page .benefit.num1 .right_box .txt_box .txt .value {font-size: 1.6rem; font-weight: 600; transform: translateY(0.2rem)}
.rental_page .benefit.num1 .right_box .txt_box .txt .arr {margin: 0 10px; display: flex; align-items: center}
.rental_page .benefit.num1 .right_box .txt_box .txt .arr svg {width: 1.8rem; height: auto}
.rental_page .benefit.num1 .right_box .txt_box .txt .up {font-size: 2rem; color: #F76236; font-weight: 800}*/

.rental_page .sect_txt_box .desc {font-size: 2rem; font-weight: 600; overflow: hidden}
.rental_page .sect_txt_box .en_tit {font-size: var(--en_tit); font-family: 'CormorantGaramond22'; overflow: hidden;}
.rental_page .sect_txt_box .desc span,
.rental_page .sect_txt_box .en_tit span {transform: translateY(100%);transition: transform 1s ease-in-out , opacity 1s ease-in-out ;display: inline-block;opacity: 0; }
.rental_page .sect_txt_box .txt {font-size: 1.8rem; margin-top: 20px; transform: translateY(50px); opacity: 0; transition:  1s ease-in-out; transition-delay: 0.5s}

.rental_page .sect_txt_box.animated .en_tit span,
.rental_page .sect_txt_box.animated .txt,
.rental_page .sect_txt_box.animated .desc span {transform: unset; opacity: 1}



.rental_page .benefit_cont {display: flex; align-items: flex-start}
.rental_page .benefit_cont .left_box {flex: 1; display: flex; flex-direction: column; position: sticky; top: calc(var(--header_total) + 20px); height: calc(100vh - var(--header_total) - 20px); overflow: hidden}

.rental_page .benefit_cont .left_box .img {margin-top: auto; display: flex; align-items: flex-end}
.rental_page .benefit_cont .left_box .img img {width: 90%}

.rental_page .benefit_cont .right_box {flex: 1; padding-left: 24rem; padding-bottom: 10rem; overflow: hidden}
.rental_page .benefit_cont .right_box .cont {opacity: 0; transform: translateX(100px); transition: 1s ease-in-out; word-break: keep-all}
.rental_page .benefit_cont .right_box .cont + .cont {margin-top: 10rem}
.rental_page .benefit_cont .right_box .cont .badge { height: 4rem; line-height: 3.9rem; font-size: 1.8rem; font-weight: 600; background-color: #D4CCF1; border-radius: 50px; display: inline-block; text-align: center; padding: 0 2rem}
.rental_page .benefit_cont .right_box .cont .tit {font-size: 4rem; font-weight: 700; margin-top: 3rem; line-height: 1.3}
.rental_page .benefit_cont .right_box .cont .txt {margin-top: 2rem; font-weight: 600; font-size: 2rem; word-break: keep-all}
.rental_page .benefit_cont .right_box .cont .sm_txt {margin-top: 10px; color: #bdbdbd; font-size: 1.8rem}

.rental_page .benefit_cont .right_box.animated .cont {opacity: 1; transform: unset}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(1) {transition-delay: 0.2s}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(2) {transition-delay: 0.4s}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(3) {transition-delay: 0.6s}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(4) {transition-delay: 0.8s}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(5) {transition-delay: 1s}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(6) {transition-delay: 1.2s}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(7) {transition-delay: 1.4s}
.rental_page .benefit_cont .right_box.animated .cont:nth-child(8) {transition-delay: 1.6s}


.rental_page .custom_benefit_cont {background-color: #D4CCF1; padding: 12rem 0 ;}
.rental_page .custom_benefit_cont .sect_txt_box { text-align: center }
.rental_page .custom_benefit_cont .icon_wrap  {margin-top: 6rem;}
.rental_page .custom_benefit_cont .icon_wrap .cont {display: flex}
.rental_page .custom_benefit_cont .icon_wrap .cont + .cont {margin-top: 5rem}
.rental_page .custom_benefit_cont .icon_wrap .icon_box {display: flex; flex-direction: column; align-items: flex-start; background-color: #fff; padding: 8rem 5rem 5rem; width: 50% ; position: relative}
.rental_page .custom_benefit_cont .icon_wrap .icon_box.img {position: relative; padding: 0;}
.rental_page .custom_benefit_cont .icon_wrap .cont.type2 .icon_box.img { padding-top: 26.8%}
.rental_page .custom_benefit_cont .icon_wrap .cont.type3 .icon_box.img { padding-top: 30.5%}
.rental_page .custom_benefit_cont .icon_wrap .icon_box.img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover}
.rental_page .custom_benefit_cont .icon_wrap .icon_box.img .tit_box {position: absolute; left: 0;bottom: 0; padding: 8rem 5rem 5rem}
.rental_page .custom_benefit_cont .icon_wrap .icon_box + .icon_box {margin-left: 5rem}
.rental_page .custom_benefit_cont .icon_wrap .icon_box .icon { position: relative; width: 10rem; height: 10rem; font-size: 4.5px; margin: 0 auto 5rem}
.rental_page .custom_benefit_cont .icon_wrap .cont.type1 {}
.rental_page .custom_benefit_cont .icon_wrap .cont.type1 .icon_box {padding: 0; width: 100%}
.rental_page .custom_benefit_cont .icon_wrap .cont.type1 .icon_box img {width: 100%; position: static}
.rental_page .custom_benefit_cont .icon_wrap .cont.type1 .icon_box .tit_box {padding: 8rem 5rem 5rem; position: absolute; left: 0; bottom: 0; z-index: 1}



.rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .tit {font-size: 3.5rem; font-weight: 700; word-break: keep-all}
.rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .txt {font-size: 1.8rem; margin-top: 1.5rem}

.rental_page .searched_item_display .list .goods_list_style1.banner {display: none !important;}
.rental_page .category_top { margin-bottom: 30px}

.rental_page .prd_wrap {margin-top: 7.5rem}


.icon_wrap .icon_box:nth-child(1) svg {width: auto; height: 11.6em}
.icon_wrap .icon_box:nth-child(2) svg {width: auto; height: 10.6em}
.icon_wrap .icon_box:nth-child(3) svg {width: auto; height: 7.8em}
.icon_wrap .icon_box:nth-child(4) svg {width: auto; height: 9.9em}
.icon_wrap .icon_box:nth-child(5) svg {width: auto; height: 10.5em}
.icon_wrap .icon_box:nth-child(6) svg {width: auto; height: 10.7em}

/*1*/
.icon_wrap .icon_box:nth-child(1) svg .svg-elem-1 {stroke-dashoffset: 447.5941162109375px;stroke-dasharray: 447.5941162109375px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;}
.icon_wrap.active .icon_box:nth-child(1) svg .svg-elem-1 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(1) svg .svg-elem-2 {stroke-dashoffset: 222.5701904296875px;stroke-dasharray: 222.5701904296875px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;}
.icon_wrap.active .icon_box:nth-child(1) svg .svg-elem-2 {stroke-dashoffset: 0;}
.icon_wrap .icon_box:nth-child(1) svg .svg-elem-3 {stroke-dashoffset: 180.98095703125px;stroke-dasharray: 180.98095703125px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;}
.icon_wrap.active .icon_box:nth-child(1) svg .svg-elem-3 {stroke-dashoffset: 0;}





/*2*/

.icon_wrap .icon_box:nth-child(2) svg .svg-elem-1 {stroke-dashoffset: 352.6687316894531px;stroke-dasharray: 352.6687316894531px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-1 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-2 {stroke-dashoffset: 71.00628662109375px;stroke-dasharray: 71.00628662109375px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-2 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-3 {stroke-dashoffset: 86.7078857421875px;stroke-dasharray: 86.7078857421875px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-3 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-4 {stroke-dashoffset: 167.78163146972656px;stroke-dasharray: 167.78163146972656px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-4 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-5 {stroke-dashoffset: 29.327999114990234px;stroke-dasharray: 29.327999114990234px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-5 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-6 {stroke-dashoffset: 44.183998107910156px;stroke-dasharray: 44.183998107910156px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-6 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-7 {stroke-dashoffset: 44.183998107910156px;stroke-dasharray: 44.183998107910156px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-7 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-8 {stroke-dashoffset: 153.70122605654393px;stroke-dasharray: 153.70122605654393px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-8 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-9 {stroke-dashoffset: 19.913361310769px;stroke-dasharray: 19.913361310769px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-9 {stroke-dashoffset: 0;fill: rgb(0, 0, 0);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-10 {stroke-dashoffset: 19.913361310769px;stroke-dasharray: 19.913361310769px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-10 {stroke-dashoffset: 0;fill: rgb(0, 0, 0);}
.icon_wrap .icon_box:nth-child(2) svg .svg-elem-11 {stroke-dashoffset: 26.980667114257812px;stroke-dasharray: 26.980667114257812px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;}
.icon_wrap.active .icon_box:nth-child(2) svg .svg-elem-11 {stroke-dashoffset: 0;}


/*3*/

.icon_wrap .icon_box:nth-child(3) svg .svg-elem-1 {stroke-dashoffset: 328.2178039550781px;stroke-dasharray: 328.2178039550781px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;}
.icon_wrap.active .icon_box:nth-child(3) svg .svg-elem-1 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(3) svg .svg-elem-2 {stroke-dashoffset: 63.16216278076172px;stroke-dasharray: 63.16216278076172px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;}
.icon_wrap.active .icon_box:nth-child(3) svg .svg-elem-2 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(3) svg .svg-elem-3 {stroke-dashoffset: 122.31999969482422px;stroke-dasharray: 122.31999969482422px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;}
.icon_wrap.active .icon_box:nth-child(3) svg .svg-elem-3 {stroke-dashoffset: 0;}
.icon_wrap .icon_box:nth-child(3) svg .svg-elem-4 {stroke-dashoffset: 153.70122605654393px;stroke-dasharray: 153.70122605654393px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;}
.icon_wrap.active .icon_box:nth-child(3) svg .svg-elem-4 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}
.icon_wrap .icon_box:nth-child(3) svg .svg-elem-5 {stroke-dashoffset: 35.522491455078125px;stroke-dasharray: 35.522491455078125px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;}
.icon_wrap.active .icon_box:nth-child(3) svg .svg-elem-5 {stroke-dashoffset: 0;fill: rgb(255, 255, 255);}



/*4*/
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-1 { stroke-dashoffset: 7.0626115798950195px; stroke-dasharray: 7.0626115798950195px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-1 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-2 { stroke-dashoffset: 330.951171875px; stroke-dasharray: 330.951171875px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-2 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-3 { stroke-dashoffset: 274.31927490234375px; stroke-dasharray: 274.31927490234375px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-3 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-4 { stroke-dashoffset: 139.43839540924625px; stroke-dasharray: 139.43839540924625px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-4 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-5 { stroke-dashoffset: 75.12020874023438px; stroke-dasharray: 75.12020874023438px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-5 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-6 { stroke-dashoffset: 75.11234283447266px; stroke-dasharray: 75.11234283447266px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-6 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-7 { stroke-dashoffset: 84.48779296875px; stroke-dasharray: 84.48779296875px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-7 { stroke-dashoffset: 0; fill: rgb(0, 0, 0); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-8 { stroke-dashoffset: 135.91452026367188px; stroke-dasharray: 135.91452026367188px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-8 { stroke-dashoffset: 0; fill: rgb(0, 0, 0); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-9 { stroke-dashoffset: 33.07600021362305px; stroke-dasharray: 33.07600021362305px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-9 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(4) svg .svg-elem-10 { stroke-dashoffset: 20.847999572753906px; stroke-dasharray: 20.847999572753906px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s; }
.icon_wrap.active .icon_box:nth-child(4) svg .svg-elem-10 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }




/*5*/
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-1 { stroke-dashoffset: 67.09874725341797px; stroke-dasharray: 67.09874725341797px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-1 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-2 { stroke-dashoffset: 54.45896911621094px; stroke-dasharray: 54.45896911621094px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-2 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-3 { stroke-dashoffset: 44.22721862792969px; stroke-dasharray: 44.22721862792969px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-3 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-4 { stroke-dashoffset: 264.2512512207031px; stroke-dasharray: 264.2512512207031px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-4 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-5 { stroke-dashoffset: 36.608978271484375px; stroke-dasharray: 36.608978271484375px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-5 { stroke-dashoffset: 0; }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-6 { stroke-dashoffset: 30.088932037353516px; stroke-dasharray: 30.088932037353516px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-6 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-7 { stroke-dashoffset: 232.455322265625px; stroke-dasharray: 232.455322265625px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-7 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-8 { stroke-dashoffset: 38.04081726074219px; stroke-dasharray: 38.04081726074219px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-8 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(5) svg .svg-elem-9 { stroke-dashoffset: 89.5159912109375px; stroke-dasharray: 89.5159912109375px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s; }
.icon_wrap.active .icon_box:nth-child(5) svg .svg-elem-9 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }




/*6*/


.icon_wrap .icon_box:nth-child(6) svg .svg-elem-1 { stroke-dashoffset: 91.7240219116211px; stroke-dasharray: 91.7240219116211px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-1 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(6) svg .svg-elem-2 { stroke-dashoffset: 30.0310001373291px; stroke-dasharray: 30.0310001373291px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-2 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(6) svg .svg-elem-3 { stroke-dashoffset: 91.72689819335938px; stroke-dasharray: 91.72689819335938px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-3 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(6) svg .svg-elem-4 { stroke-dashoffset: 30.03074073791504px; stroke-dasharray: 30.03074073791504px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-4 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(6) svg .svg-elem-5 { stroke-dashoffset: 259.83294677734375px; stroke-dasharray: 259.83294677734375px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-5 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(6) svg .svg-elem-6 { stroke-dashoffset: 38.138999938964844px; stroke-dasharray: 38.138999938964844px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-6 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(6) svg .svg-elem-7 { stroke-dashoffset: 249.72964477539062px; stroke-dasharray: 249.72964477539062px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-7 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }
.icon_wrap .icon_box:nth-child(6) svg .svg-elem-8 { stroke-dashoffset: 49.02104187011719px; stroke-dasharray: 49.02104187011719px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; }
.icon_wrap.active .icon_box:nth-child(6) svg .svg-elem-8 { stroke-dashoffset: 0; fill: rgb(255, 255, 255); }



/*브랜드 스토리*/

.sub.brand_story_page .layout_header.header_down.down .sub_nav {transform: translateY(100%);pointer-events: visible;}

.brand_story {color: #fff; /*margin-top: calc(var(--sub_nav) * -1);*/ transition: 1s ease-in-out; background-color: #fff}
.brand_story.active {background-color: #000}

.brand_story .sect_en_tit {font-size: 10rem; font-weight: 600}
.brand_story .sect_txt {font-size: 3.5rem; font-weight: 600}
.brand_story .sect_sm_txt {font-size: 2rem; font-weight: 300;}

.brand_story .sect_en_tit2 {font-size: 5rem; font-weight: 600; line-height: 1}
.brand_story .sect_sm_txt2 {font-size: 1.8rem;}
.brand_story .sect_en_tit2 + .sect_sm_txt2 {margin-top: 2.5rem}


.brand_story .visual_sect {position: relative; width: 100%; height: calc(100vh - var(--header_Height)); z-index: 4; background-color: #000; overflow: hidden}
.brand_story .visual_sect .visual_txt { left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; color: #fff; width: 85vw; font-weight: 500; opacity: 1}
.brand_story .visual_sect .visual_txt svg {display: block; fill: #fff}
.brand_story .visual_sect .visual_txt svg g > * { transform: translateY(30px); opacity: 0; transition: 1s ease-in-out ;}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(1) {transition-delay: 0s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(2) {transition-delay: 0.1s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(3) {transition-delay: 0.2s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(4) {transition-delay: 0.3s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(5) {transition-delay: 0.4s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(6) {transition-delay: 0.5s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(7) {transition-delay: 0.6s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(8) {transition-delay: 0.7s}
.brand_story .visual_sect .visual_txt svg g > *:nth-child(9) {transition-delay: 0.8s}
.brand_story .visual_sect .visual_txt.active svg g > * {opacity: 1 !important; transform: translateY(0px) !important;}


.brand_story .canvas_box {position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.brand_story #imageCanvas {position: absolute; left: 50%; bottom: 0px; height: 100%;transform: translate(-50%,0%); opacity: 1}
.brand_story #imageCanvas:before {position: absolute; width: 100%; height: 100%; background-color: red; left: 0; top: 0; content:''}

/*.scroll_animation { position: absolute; bottom: 0; left: 50%; height: 120px; color: #fff; z-index: 70; transform: translateX(-50%); }
.scroll_animation > span { display: block; transform: rotate(90deg); font-size: 14px; }
.scroll_animation > .bg { position: relative; height: 100%; width: 1px; margin: 30px auto 0; background: rgba(255,255,255,0.2); }
.scroll_animation > .bg .animation { width: 100%; background:#fff; animation-name: updown; animation-iteration-count: infinite; animation-duration: 3s; animation-timing-function: ease-in-out; }

@keyframes updown { 0% {height:0%} 100% {height:100%} }*/

.brand_story .yoo_jin_sect { padding: 10rem 0 24rem; position: relative; z-index: 5; background-color: #3A1F5E; margin-top: -125vh; overflow: hidden; min-height: 100vh;
	display: flex; justify-content: center; align-items: center}
.brand_story .yoo_jin_sect .sect_wrap{width: 100%}
.brand_story .yoo_jin_sect .sect_bg {opacity: 0.7; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; }
.brand_story .yoo_jin_sect .sect_bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.brand_story .yoo_jin_sect .video_box {position: relative; z-index: 2}
.brand_story .yoo_jin_sect .video_box .top_tit {font-size: 23rem; color: #fff; opacity: 0.25; font-family: 'CormorantGaramond22'; font-style: italic; text-align: center; line-height: 1.3; user-select: none;}
.brand_story .yoo_jin_sect .video_box .top_tit span {transform: translate(60px) skewX(50deg);filter: blur(30px);opacity: 0; transition: transform 1s, filter 1s, opacity 1s ; display: inline-block;}
.brand_story .yoo_jin_sect .video_box .top_tit.animated span {transform: translate(0) skewX(0deg);filter: blur(0);opacity: 1;}

.brand_story .yoo_jin_sect .video_box .video {position: relative;  padding-top: 40%; border-radius: 4rem; overflow: hidden; width: 80%; max-width: 240rem; margin: 0 auto}
.brand_story .yoo_jin_sect .video_box .video video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.brand_story .yoo_jin_sect .video_box .video .txt_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center}
.brand_story .yoo_jin_sect .video_box .video .txt_box .tit {font-size: 9rem; font-weight: 600; transform: skewX(50deg);filter: blur(30px);opacity: 0; transition: transform 1s ease-in, filter 1s ease-in, opacity 1s ease-in;}
.brand_story .yoo_jin_sect .video_box .video .txt_box .txt {font-size: 3rem; font-weight: 500; margin-top: 3rem; transform: skewX(50deg);filter: blur(30px);opacity: 0; transition: transform 1s ease-in, filter 1s ease-in, opacity 1s ease-in; transition-delay: 0.3s;}
.brand_story .yoo_jin_sect .video_box .video.animated .txt_box .tit {opacity: 1;filter: blur(0);transform: skewX(0deg);}
.brand_story .yoo_jin_sect .video_box .video.animated .txt_box .txt {opacity: 1;filter: blur(0);transform: skewX(0deg);}

.brand_story .yoo_jin_sect .video_box .bot_tit {font-size: 7vw; color:#3A1F5E; opacity: 0.1; font-family: 'CormorantGaramond22'; font-style: italic; text-align: center; line-height: 1.3; text-align: center}
.brand_story .yoo_jin_sect .video_box .bot_tit span {transform: translate(60px) skewX(50deg);filter: blur(30px);opacity: 0;display: inline-block; transition: transform 1s ease-in, filter 1s ease-in, opacity 1s ease-in;}
.brand_story .yoo_jin_sect .video_box .bot_tit.animated span {transform: translate(0) skewX(0deg);filter: blur(0);opacity: 1;}

.brand_story .yoo_jin_sect .skill_cont {position: relative; z-index: 2; color: #fff; text-align: center}
.brand_story .yoo_jin_sect .skill_cont .cont_tit {font-size: 5rem; font-weight: 600; transform: translateY(50px); opacity: 0; transition: 1s ease-in-out}
.brand_story .yoo_jin_sect .skill_cont .cir_cont { width: 140rem; height: 23rem ;margin: 8rem auto 0; position: relative; transition: 1s ease-in-out}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; width: 65rem; height: 100%}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir:nth-child(1) {left: 0}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir:nth-child(2) {right: 0}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .bg {border: 1px solid #fff; border-radius: 300px; position: absolute; width: 100%; height: 100%}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .bg svg {width: 100%; display: none}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .txt_box {position: absolute; width: 100%; top: 50%; left:0; transform: translateY(-50%) skewX(50deg);filter: blur(30px);opacity: 0;transition: 1.2s ease-in;}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .tit {font-size: 8rem; font-family: 'CormorantGaramond22'; font-style: italic; line-height: 1.1}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .txt {font-size: 3rem; font-weight: 500; margin-top: 1rem}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .bg svg .svg-elem-1 {stroke-dashoffset: 1577.0147705078125px;stroke-dasharray: 1577.0147705078125px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .bg svg .svg-elem-2 {stroke-dashoffset: 1573.87646484375px;stroke-dasharray: 1573.87646484375px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;}
.brand_story .yoo_jin_sect .cont_txt {font-size: 3rem; margin-top: 12rem; font-weight: 500; line-height: 1.7; transform: translateY(50px); opacity: 0; transition: 1s ease-in-out}

.brand_story .yoo_jin_sect .skill_cont.animated .cont_tit {transform: unset; opacity: 1}
.brand_story .yoo_jin_sect .skill_cont.animated .cir_cont {width: 120rem;  transition-delay: 0.75s}
.brand_story .yoo_jin_sect .skill_cont.animated .cir_cont .cir .txt_box {opacity: 1;filter: blur(0);transform:  translateY(-50%)  skewX(0deg);  transition-delay: 0.5s}
.brand_story .yoo_jin_sect .skill_cont.animated .cir_cont .cir .bg svg .svg-elem-1 {stroke-dashoffset: 0; transition-delay: 0s}
.brand_story .yoo_jin_sect .skill_cont.animated .cir_cont .cir .bg svg .svg-elem-2 {stroke-dashoffset: 0; transition-delay: 0s}
.brand_story .yoo_jin_sect .skill_cont.animated .cont_txt {transform: unset; opacity: 1; transition-delay: 1s}





/*.brand_story .fixed_sect {margin-top: -100vh}*/
.fixed_sect {position: relative; z-index: 2}
.fixed_sect .product_cont {position: sticky; top: 0; padding: var(--header_total) 0 0; min-height: 100vh; color: #000; background-color: #fff; display: flex; flex-direction: column; justify-content: center; display: none}
.fixed_sect.type2 .product_cont { position: static; }
/*position: sticky; top: var(--header_Height)*/

/*.fixed_sect .product_wrap {height: 500vh; margin-top: calc((100vh - var(--header_total)) * -1)}*/
.fixed_sect .product_wrap .product_cont .sect_tit_box {margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
.fixed_sect .product_wrap .product_cont .sect_tit_box .svg {opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out , transform 1s ease-in-out; width: 11rem}
.fixed_sect .product_wrap .product_cont .sect_tit_box .svg svg {width: 100%}
.fixed_sect .product_wrap .product_cont .sect_tit_box .svg path {fill: #000}
.fixed_sect .product_wrap .product_cont .sect_tit_box .sect_en_tit2 {opacity: 0; transform: translateY(30px); transition:  opacity 1s ease-in-out ,  transform 1s ease-in-out; transition-delay: 0.2s}
.fixed_sect .product_wrap .product_cont .sect_tit_box .tit {display: none}
.fixed_sect .product_wrap .product_cont .sect_tit_box .tit span {display: inline-block; opacity: 0; transform: translateY(30px); transition:  opacity 1s ease-in-out ,  transform 1s ease-in-out}
.fixed_sect .product_wrap .product_cont .sect_tit_box.animated .svg {opacity: 1; transform: unset}
.fixed_sect .product_wrap .product_cont .sect_tit_box.animated .tit span{transform: unset; opacity: 1; transition-delay: calc(var(--letter-inx)*0.1s)}
.fixed_sect .product_wrap .product_cont .sect_tit_box.animated .sect_en_tit2{transform: unset; opacity: 1;}
.fixed_sect .product_wrap .product_cont .cont_box {display: flex; margin: 5vh auto 0; width: 55%; padding:0 var(--inPd);}
.fixed_sect .product_wrap .product_cont .cont_box .cont {width: 33.333%; display: block}
.fixed_sect .product_wrap .product_cont .cont_box .cont + .cont {margin-left: 3rem}
.fixed_sect .product_wrap .product_cont .cont_box .cont .tit {font-size: 3rem; font-weight: 500; margin-top: 10px; transition: all .3s;}
.fixed_sect .product_wrap .product_cont .cont_box .cont:nth-child(2) .img:before {transition-delay: 0.2s}
.fixed_sect .product_wrap .product_cont .cont_box .cont:nth-child(3) .img:before {transition-delay: 0.4s}
.fixed_sect .product_wrap .product_cont .cont_box .cont .img {position: relative; overflow: hidden; padding-top: 150%}
.fixed_sect .product_wrap .product_cont .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover ;transition: all .3s ease-in-out}
.fixed_sect .product_wrap .product_cont .cont_box .cont .img:before {content: ""; position: absolute; left: -2px; top: -2px; width: calc(100% + 2px); height: calc(100% + 2px); background-color: #fff; transition: height 1.25s ease-in-out; z-index: 2}
.fixed_sect .product_wrap .product_cont .cont_box .cont.animated .img:before {height: 0}



/*position: sticky; top: var(--header_Height)*/
.brand_story .fixed_sect {margin-top: -100vh}
.brand_story .fixed_sect .card_slide {height: 250vh; margin-top: 0vh}
.brand_story .fixed_sect .card_slide .swiper-pagination {display: none}
.brand_story .fixed_sect .card_wrap {position: sticky;top: 0;height: 100vh;}

.brand_story .fixed_sect .card_wrap .card {z-index: 3; height: calc(100vh - var(--header_total) + 2px); width: 100%; overflow: hidden; position: relative; margin-top: calc(var(--header_total) - 2px)}
.brand_story .fixed_sect .card_wrap .card .img { overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.brand_story .fixed_sect .card_wrap .card .img:before {content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); left: 0; top: 0; z-index: 1}
.brand_story .fixed_sect .card_wrap .card .img img {width: 100%; height: 100%; object-position: center; object-fit: cover}
.brand_story .fixed_sect .card_wrap .card .in {height: 100%}
.brand_story .fixed_sect .card_wrap .card .tit_box {position: absolute; left: 0%; top: 50%; transform: translateY(-50%) ;z-index: 2; color: #fff; font-weight: 600; display: flex; flex-direction: column; align-items: flex-start; padding: 0 var(--resp_wrap_pd)}
.brand_story .fixed_sect .card_wrap .card .tit_box svg {fill: #fff; height: auto; width: 15rem; margin-bottom: 2rem; display: none}
.brand_story .fixed_sect .card_wrap .card .tit_box .sect_en_tit {line-height: 1; font-family: 'CormorantGaramond22'; }
.brand_story .fixed_sect .card_wrap .card .tit_box .sect_en_tit span {opacity: 0; transform: translateY(30px); display: inline-block; transition: 1s ease-in-out}
.brand_story .fixed_sect .card_wrap .card .tit_box .sect_txt {opacity: 0; transform: translateY(50px); transition: opacity 1s , transform 1s; margin-top: 6rem; transition-delay: 0.3s}
.brand_story .fixed_sect .card_wrap .card .tit_box .sect_sm_txt { opacity: 0; transform: translateY(50px); transition: opacity 1s , transform 1s; margin-top: 3rem; transition-delay: 0.6s}

.brand_story .fixed_sect .card_wrap .swiper-slide-active .card .tit_box .sect_txt,
.brand_story .fixed_sect .card_wrap .swiper-slide-active .card .tit_box .sect_sm_txt,
.brand_story .fixed_sect .card_wrap .swiper-slide-active .card .tit_box .sect_en_tit span {opacity: 1; transform: unset; }


.brand_story .fixed_sect .card_wrap .slide_btn_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 200rem; max-width: 100% ;display: flex; justify-content: space-between; z-index: 1; margin-top: calc(var(--header_total)/2) }
.brand_story .fixed_sect .card_wrap .swiper_btn {cursor: pointer;width: 8rem;height: 8rem;box-shadow: 0 0 0 1px #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0.6;transition: all .3s;}
.brand_story .fixed_sect .card_wrap .swiper_btn .ico {width: 1.5rem;height: 2.5rem;display: inline-block;}
.brand_story .fixed_sect .card_wrap .swiper_btn.prev .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="91.51 27.03 48.49 70.05 91.4 112.97"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') center/cover no-repeat;}
.brand_story .fixed_sect .card_wrap .swiper_btn.next .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-1" points="48.6 27.03 91.61 70.05 48.7 112.97"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/cover no-repeat;}



.brand_story .fixed_sect .card_wrap .swiper_btn.prev {left: -10rem;}
.brand_story .fixed_sect .card_wrap .swiper_btn.next {right: -10rem;}





.brand_story .ci_sect {margin-top: 26rem; color: #000}

.brand_story .ci_sect .sect_tit_box .en_tit {font-size: var(--en_tit); font-weight: 700; font-family: 'CormorantGaramond22'; line-height: 1.3}
.brand_story .ci_sect .sect_tit_box .tit {font-size: 2.2rem; font-weight: 600; margin-top: 3rem}
.brand_story .ci_sect .sect_tit_box .txt { margin-top: 3.5rem; font-size: 1.8rem}

.brand_story .graphic_cont,
.brand_story .logo_cont {margin-top: 12rem}

.brand_story .ci_sect .cont + .cont {margin-top: 12rem}
.brand_story .ci_sect .cont.graphic {display: none}
.brand_story .ci_sect .left_box { margin-bottom: 3rem}
.brand_story .ci_sect .left_box .tit {font-size: 3rem; font-weight: 700}

.brand_story .logo_cont .cont .right_box {display: flex;}
.brand_story .logo_cont .cont .right_box .box {flex: 1;  position: relative}
.brand_story .logo_cont .cont .add_info_btn_box {margin-top: 20px; }
.brand_story .logo_cont .cont .add_info_btn_box .btn {width: 14rem}


.brand_story .logo_cont .cont.symbol .right_box .box,
.brand_story .logo_cont .cont.logo .right_box .box {border: 1px solid #EAEAEA ; border-right: none; padding-top: 25%;}
.brand_story .logo_cont .cont.symbol .right_box .box + .box,
.brand_story .logo_cont .cont.logo .right_box .box + .box {background-color: #000; }
.brand_story .logo_cont .cont.symbol .right_box .box + .box svg path,
.brand_story .logo_cont .cont.logo .right_box .box + .box svg path {fill: #fff}
.brand_story .logo_cont .cont.symbol .right_box .box svg,
.brand_story .logo_cont .cont.logo .right_box .box svg {width: 60%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.brand_story .logo_cont .cont.symbol .right_box .box svg {width: auto; height: 45%}

.brand_story .logo_cont .cont.grid .box {padding-top: 23%}
.brand_story .logo_cont .cont.grid .box .bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover;}
.brand_story .logo_cont .cont.grid .box .logo {width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.brand_story .logo_cont + .sect_tit_box {margin-top: 26rem}

.brand_story .graphic_cont .color_cont {display: flex}
.brand_story .graphic_cont .color_cont .img_box {width: 45%; }
.brand_story .graphic_cont .color_cont .img_box .img {padding-top: 88%; position: relative}
.brand_story .graphic_cont .color_cont .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: left top}
.brand_story .graphic_cont .color_cont .color_box {flex: 1; display: flex; flex-wrap: wrap}
.brand_story .graphic_cont .color_cont .color_box .color {height: 50%; position: relative}
.brand_story .graphic_cont .color_cont .color_box .color .txt_box {position: absolute; left: 0; bottom: 0; padding: 3rem; font-size: 1.8rem; display: flex; justify-content: space-between; width: 100%}
.brand_story .graphic_cont .color_cont .color_box .color .txt_box .tit {font-weight: 700}
.brand_story .graphic_cont .color_cont .color_box .color .txt_box .txt {display: none}
.brand_story .graphic_cont .color_cont .color_box .color.bk {width: 50%; background-color: #000; color: #fff}
.brand_story .graphic_cont .color_cont .color_box .color.wh {width: 50%; border: 1px solid #EAEAEA}
.brand_story .graphic_cont .color_cont .color_box .color.gold {width: 100%}
.brand_story .graphic_cont .color_cont .color_box .color.gold img{position: absolute; width: 100%; height: 100%; object-position: center; object-fit: cover}

.brand_story .graphic_cont .cont.graphic .right_box .box {width: 100%}
.brand_story .graphic_cont .cont.graphic .right_box .box + .box {margin-top: 3rem}





/*
.brand_story .logo_cont .cont.color .box {border: 1px solid #EAEAEA ; border-right: none; height: 22rem; background-color: #FEFEFC; padding: 3rem; display: flex; flex-direction: column; justify-content: space-between}
.brand_story .logo_cont .cont.color .box .tit {font-size: 3rem; font-weight: 600; position: relative; z-index: 2}
.brand_story .logo_cont .cont.color .box .txt {font-size: 1.8rem; font-weight: 500}
.brand_story .logo_cont .cont.color .box:nth-child(2) {background-color: #000; color: #fff}
.brand_story .logo_cont .cont.color .box:nth-child(3) {border: none; color: #fff}
.brand_story .logo_cont .cont.color .box:nth-child(3) .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.brand_story .logo_cont .cont.color .box:nth-child(3) .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
*/






/*.brand_story .fixed_sect .card_wrap .card .txt_box {position: absolute;left: 0; top: calc(var(--header_Height) + 30%);  z-index: 2; color: #fff; display: none}
.brand_story .fixed_sect .card_wrap .card .txt_box .tit {font-size: 3.5rem; font-weight: 600; line-height: 1.5; opacity: 0; transform: translateY(50px); transition: opacity 1s , transform 1s}
.brand_story .fixed_sect .card_wrap .card .txt_box .txt {font-size: 1.6rem; color: #fff; margin-top: 3.5rem; line-height: 2; opacity: 0; transform: translateY(50px); transition: opacity 1s  , transform 1s; transition-delay: 0.15s}
.brand_story .fixed_sect .card_wrap .card .txt_box .main_btn {margin-top: 5.5rem; display: none}

.brand_story .fixed_sect .card_wrap .card .txt_box.active > * {opacity: 1; transform: unset}*/


.brand_story .info_sect {position: relative; display: none; align-items: center; justify-content: center; width: 100%; height: 100vh; will-change: transform; transition: color 1s ease-in-out , background-color 1s ease-in-out; color: #fff; margin-top: -2px; z-index: 2; background-color: #000}
.brand_story .info_sect .in {height: 100%; display: flex; flex-direction: column;}
.brand_story .info_sect .sect_tit_box {margin-top: calc(var(--header_total) + 6rem);}
.brand_story .info_sect .sect_tit_box .sect_en_tit2 {}
.brand_story .info_sect .sect_tit_box .sect_sm_txt2 {}
.brand_story .info_sect .sect_tit_box .sect_sm_txt {margin-top: 3rem}
.brand_story .info_sect .sect_tit_box .main_btn {margin-top: 3rem}

.brand_story .info_sect .cont_box {flex: 1; position: relative; margin-top: -20rem}
.brand_story .info_sect .img_wrap {position: relative; width: 100%; height: 100%;}
.brand_story .info_sect .img_wrap .img {display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%) !important;}
.brand_story .info_sect .img_wrap .img .main_img {width: 100%; height: 100%; object-position: center; object-fit: contain; z-index: 3}
.brand_story .info_sect .img_wrap .img:nth-child(1) .sub_img {position: absolute; top: 0%; right: 0; height: 100%; object-position: center; object-fit: contain; opacity: 0}
.brand_story .info_sect .img_wrap .img:nth-child(1) .sub_img.img1 { z-index: 3;}
.brand_story .info_sect .img_wrap .img:nth-child(1) .sub_img.img2 {}
.brand_story .info_sect .img_wrap .img:nth-child(1) .sub_img.img3 {}
.brand_story .info_sect .img_wrap .img:nth-child(2) .sub_img {position: absolute; top: 0%; right: 0; height: 100%; object-position: center; object-fit: contain; }
/*.brand_story .info_sect .img_wrap .img:nth-child(3) .sub_img {position: absolute; top: 0%; right: 0; height: 100%; object-position: center; object-fit: contain; opacity: 0; z-index: 4}*/
.brand_story .info_sect .img_wrap .img:nth-child(3) .sub_img {position: absolute; top: 0%; right: 0; height: 100%; object-position: center; object-fit: contain; opacity: 0; z-index: 4; width: 100%}
.brand_story .info_sect .img_wrap .img:nth-child(3) .sub_img img {height: 100%}
.brand_story .info_sect .img_wrap .img:nth-child(3) .sub_img .cir_line {position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%;}
.brand_story .info_sect .img_wrap .img:nth-child(3) .sub_img .cir_line .cir {position: absolute; left: 50%;bottom: 19%;transform: translate(-50%, -50%); width: 5px; height: 5px; background-color: #65D227; border-radius: 50%; opacity: 0.8}
.brand_story .info_sect .img_wrap .img:nth-child(3) .oled {display: flex;flex-direction: column-reverse;justify-content: flex-start;position: absolute; bottom: 17%;left: 0%;transform: translate(-30%,0%);width: 30%;height: 69%;}
.brand_story .info_sect .img_wrap .img:nth-child(3) .oled .oled_img {transform: translateY(10px); opacity: 0}
.brand_story .info_sect .img_wrap .img:nth-child(3) .oled .oled_img + .oled_img {margin-bottom: 10px}
.brand_story .info_sect .img_wrap .img:nth-child(3) .line {position: absolute;right: 51%;bottom: 19.3%;transform: translate(0%, -50%);width: 0%;height: 1px;background-color: #999;z-index: 5;}
.brand_story .info_sect .img_wrap .img:nth-child(3) .line .cir { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #999; border-radius: 50%; opacity: 0}
.brand_story .info_sect .img_wrap .img:nth-child(1) {z-index: 4}
.brand_story .info_sect .img_wrap .img:nth-child(2) {z-index: 3; opacity: 0}
.brand_story .info_sect .img_wrap .img:nth-child(3) {z-index: 2; opacity: 0}
.brand_story .info_sect .img_wrap .img:nth-child(4) {z-index: 1; opacity: 0}

.brand_story .info_sect .txt_wrap {overflow: hidden; position: absolute;width: 65%; height: 40rem; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.brand_story .info_sect .txt_wrap .txt_box { position: absolute; left: 0; bottom: 0 ;word-break: keep-all; font-size: 2rem; font-weight: 500; opacity: 0;}
.brand_story .info_sect .txt_wrap .txt_box:nth-child(3) {left: auto;right: 0}
.brand_story .info_sect .txt_wrap .txt_box .tit {font-size: 3.2rem; font-weight: 700; }
.brand_story .info_sect .txt_wrap .txt_box .tit span {}
.brand_story .info_sect .txt_wrap .txt_box .txt {font-size: 2rem; font-weight: 500;margin-top: 1rem;}

/*body {transition: background-color 1s ease-in-out}*/
/*body.active {background-color: #fff}*/
/*.brand_story .info_sect.active { color: #000}*/



.brand_story .muse_sect {color: #000; padding-top: 12rem;  padding-bottom: var(--layout_body_pd); transition:color 1s ease-in-out, background-color 1s ease-in-out; background-color: #fff; display: none}
.brand_story .muse_sect.active {color: #000;}
.brand_story .muse_sect .sect_tit_box .sect_en_tit2 { opacity: 0; transform: translateY(50px); transition: opacity 1s  , transform 1s  ;transition-delay: 0s}
.brand_story .muse_sect .sect_tit_box .sect_txt {margin-top: 5rem;  opacity: 0; transform: translateY(50px); transition: opacity 1s  , transform 1s  ;transition-delay: 0.2s}
.brand_story .muse_sect .sect_tit_box .sect_sm_txt2 {margin-top: 2rem;  opacity: 0; transform: translateY(50px); transition: opacity 1s  , transform 1s  ;transition-delay: 0.4s}
.brand_story .muse_sect .video_box {margin-top: 6rem; position: relative}
.brand_story .muse_sect .video_box:before {content:''; position: absolute; left: -1px; top: -1px; width: calc(35% + 2px); height: calc(100% + 2px); background-color: #fff; z-index: 3; transition: 1s ease-in-out;}
.brand_story .muse_sect .video_box:after {content:''; position: absolute; right: -1px; top: -1px; width: calc(35% + 2px); height: calc(100% + 2px); background-color: #fff; z-index: 3;  transition: 1s ease-in-out;}
.brand_story .muse_sect .video_box video {width: 100%; border-radius: 5rem}

.brand_story .muse_sect.active .video_box:before,
.brand_story .muse_sect.active .video_box:after {width: 0%}
.brand_story .muse_sect.active .sect_tit_box > * {transform: unset; opacity: 1}

.brand_story.wh {background-color: #fff;}
.brand_story.wh .info_sect,
.brand_story.wh .muse_sect {color: #000; background-color: #fff}
.brand_story.wh .muse_sect .video_box:after,
.brand_story.wh .muse_sect .video_box:before {background-color: #fff}



.brand_story .story_banner {position: relative; width: 100%; padding-top: 50%; opacity: 0; transition: 1s ease-in-out; overflow: hidden}
.brand_story .story_banner .img {position: absolute; width: 100%; height: 100%; left: 0; top: 0 ; opacity: 0.75; }
.brand_story .story_banner .img:before {content:''; position: absolute; left: -1px; top: -1px; width: calc(20% + 2px); height: calc(100% + 2px);
	background-color: #000; z-index: 3; transition: width 1s ease-in-out 0.5s , background-color 1s ease-in-out 0s;}
.brand_story .story_banner .img:after {content:''; position: absolute; right: -1px; top: -1px; width: calc(20% + 2px); height: calc(100% + 2px);
	background-color: #000; z-index: 3; transition: width 1s ease-in-out 0.5s , background-color 1s ease-in-out 0s}
.brand_story .story_banner .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0 ;object-position: center; object-fit: cover}
.brand_story .story_banner .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 184rem; max-width: 100%; padding:0 var(--inPd);}
.brand_story .story_banner .txt_box .logo {width: 46rem; opacity: 0; transform: translateY(50px); transition: opacity 1s  , transform 1s ;  transition-delay: 2s}
.brand_story .story_banner .txt_box .logo svg {width: 100%; height: auto;}
.brand_story .story_banner .txt_box .txt {font-size: 2.2rem; margin-top: 2rem; opacity: 0; transform: translateY(50px); transition: opacity 1s  , transform 1s  ;transition-delay: 2.2s}
.brand_story .story_banner .txt_box .main_btn {margin-top: 6rem; opacity: 0;transform: translateY(50px);transition-delay: 2.4s}
.brand_story .story_banner.animated {opacity: 1}
.brand_story .story_banner.animated .img:before,
.brand_story .story_banner.animated .img:after {width: 0%}
.brand_story .story_banner.animated .txt_box .logo ,
.brand_story .story_banner.animated .txt_box .txt,
.brand_story .story_banner.animated .txt_box .main_btn {opacity: 1; transform: unset;}

/*지속가능경영*/

.sustainable_page {margin-bottom: calc(var(--layout_body_pd) * -1);}
/*.sustainable_page {padding-top: var(--sub_sect_pt)}*/
.sustainable_page .page_tit_box .tit {font-size: 4.5rem; font-weight: 700}
.sustainable_page .page_tit_box .txt {font-size: 2rem; margin-top: 10px}

.sustainable_page .visual_img {margin-top: 7rem; position: relative}
.sustainable_page .visual_img:before {content: ""; position: absolute; left: -1px; top: -1px; width: 52%; height: 102%; background-color: #fff; transition: 1s ease-in-out; transition-delay: .5s}
.sustainable_page .visual_img:after {content: ""; position: absolute; right: -1px; top: -1px; width: 52%; height: 102%; background-color: #fff; transition: 1s ease-in-out; transition-delay: .5s}
.sustainable_page .visual_img.active:before {width: 0}
.sustainable_page .visual_img.active:after {width: 0}
.sustainable_page .visual_img img {width: 100%}


.sustainable_page .esg_sect .sect_tit {font-size: 7rem; font-weight: 600; text-align: center}
.sustainable_page .esg_sect .sect_tit span {font-size: 4rem; display: block;}
.sustainable_page .esg_sect .icon_wrap {margin-top: 10rem}
.sustainable_page .esg_sect .icon_wrap .swiper-wrapper {display: flex;}
.sustainable_page .esg_sect .icon_wrap .swiper-wrapper .swiper-slide {flex: 1}

.sustainable_page .esg_sect .icon_wrap .cont { flex: 1 ;display: flex; flex-direction: column; align-items: center; opacity: 0.3; transition: .3s}
.sustainable_page .esg_sect .icon_wrap .cont .icon {width: 16rem; height: 16rem; position: relative}
.sustainable_page .esg_sect .icon_wrap .cont .icon:nth-child(odd) {opacity: 1}
.sustainable_page .esg_sect .icon_wrap .cont .icon video {width: 100%; outline: none; border: 0; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.sustainable_page .esg_sect .icon_wrap .cont .txt_box {margin-top: 3rem; text-align: center}
.sustainable_page .esg_sect .icon_wrap .cont .txt_box .sub_tit {font-size: 1.6rem; color: #BDBDBD}
.sustainable_page .esg_sect .icon_wrap .cont .txt_box .tit {font-size: var(--en_tit); font-weight: 600; line-height: 1.3; font-family: 'CormorantGaramond22'}
.sustainable_page .esg_sect .icon_wrap .cont .txt_box .txt {font-size: 1.8rem; margin-top: 5px;}

.sustainable_page .esg_sect .icon_wrap .swiper-wrapper .cont.active {opacity: 1}

/*.sustainable_page .txt_slide {margin-top: 24rem; background-color: #000; position: relative; height: calc(100vh - var(--header_Height)); width: 100%; padding-bottom: 4000px}*/
.sustainable_page .txt_slide { background-color: #000; position: relative; height: calc(100vh + 3000px)}
.sustainable_page .txt_slide .slide_box { height: calc(100vh - var(--header_Height)); width: 100%; position: sticky; top: var(--header_Height); overflow: hidden}
.sustainable_page .txt_slide .img {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.sustainable_page .txt_slide .img img {width: 100%; height: 100%; object-position: center; object-fit: cover}
.sustainable_page .txt_slide .img {opacity: 0; transition: all .5s}
.sustainable_page .txt_slide .img.active {opacity: 1}
.sustainable_page .txt_slide .img img {opacity: 0.5}

.sustainable_page .txt_slide .txt_wrap {position: absolute; height: 39rem; width: 100%; right: 0; top: 50%; transform: translateY(-50%)}
.sustainable_page .txt_slide .txt_wrap .resp_wrap {display: flex; flex-direction: column; align-items: flex-end; width: 100%}
.sustainable_page .txt_slide .cont {position: relative; color: #fff; width: 45%; opacity: 0.3; transition: .5s; padding-right: 3rem}
.sustainable_page .txt_slide .cont + .cont {margin-top: 12rem}
.sustainable_page .txt_slide .cont .num {position: absolute; left: 0; top: 0; opacity: 0}
.sustainable_page .txt_slide .cont .tit {font-size: var(--en_tit); font-weight: 600; transition: .5s; word-break: break-all; font-family: 'CormorantGaramond22'; position: relative}
.sustainable_page .txt_slide .cont .tit:before { font-family: 'Pretendard Variable33'; font-size: 3rem; color: #fff; font-weight: 500; position: absolute; left: -40px; top: 50%; transform: translate(-100%,-50%); opacity: 0; transition: 0.3s}
.sustainable_page .txt_slide .cont:nth-child(1) .tit:before {content: "01";}
.sustainable_page .txt_slide .cont:nth-child(2) .tit:before {content: "02";}
.sustainable_page .txt_slide .cont:nth-child(3) .tit:before {content: "03";}
.sustainable_page .txt_slide .cont .desc {font-size: 1.8rem; font-weight: 600; margin-bottom: 20px; transition: 0.5s}
.sustainable_page .txt_slide .cont .txt {font-size: 2rem; font-weight: 300; transition: .5s; opacity: 0}
.sustainable_page .txt_slide .cont .txt span {position: relative; display: block; word-break: keep-all; padding-left: 15px}
.sustainable_page .txt_slide .cont .txt span.op_0 {opacity: 0; display: none}
.sustainable_page .txt_slide .cont .txt span + span {margin-top: 5px;}
.sustainable_page .txt_slide .cont .txt span:before {position: absolute; content: ""; left: 0; top: 0.75em; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #fff; border-radius: 50%; transform: translateY(-50%)}

.sustainable_page .txt_slide .cont.active {opacity: 1 !important;}
.sustainable_page .txt_slide .cont.active .tit:before {opacity: 1}
.sustainable_page .txt_slide .cont.active .tit {font-size: 12rem}
.sustainable_page .txt_slide .cont.active .desc {font-size: 2.6rem; font-weight: 600; margin-bottom: 20px; word-break: keep-all}
.sustainable_page .txt_slide .cont.active .txt {font-size: 1.7rem; opacity: 1}






/* ====================================== //Heavy Source ====================================== */


.gray_01 { color:#333 !important; }
.gray_02 { color:#444 !important; }
.gray_03 { color:#555 !important; }
.gray_04 { color:#666 !important; }
.gray_05 { color:#767676 !important; }
.gray_06 { color:#999 !important; }
.gray_07 { color:#bbb !important; }

.pointcolor { color:#333; }
.pointcolor.imp { color:#333 !important; }
.pointcolor2 { color:#007cd2; }
.pointcolor2.imp { color:#007cd2 !important; }
.pointcolor3 { color:#c60000; }
.pointcolor3.imp { color:#c60000 !important; }
.pointcolor4 { color:#697da6; }
.pointcolor4.imp { color:#697da6 !important; }
.desc {  }
.desc2 {  letter-spacing:-1px; }
.strong1 { font-size:14px; font-weight:500; color:#333; }
.dib_und { display:inline-block; border-bottom:1px #333 solid; cursor:pointer; }
.bg_yellow {background-color:#faffbd !important;}
.cover {display:inline-block; background-size:cover !important; overflow:hidden; text-indent:-9999px;}

/* responsive skeleton */
.section_hide_mobile { display:none; }
.resp_pop_layout { padding:10px; }


/* title */

.title_sub1.x2 { padding:20px 0 0; }
.title_sub2 { padding:2px 0; text-align:center; font-size:15px; font-weight:500; color:#333; background:url(../images/design/bg_title1.png) 0 50% repeat-x; animation:ani_title1 40s linear infinite; }
.title_sub2>b { display:inline-block; padding:8px 15px; background:#fff; font-weight:500; }
.title_sub2>b>p { display:inline; }
.title_sub2.v2 { font-size:2.2rem; }
.title_sub2.v2>b { font-weight:300; }
.title_sub3 { padding:30px 0 8px; font-size:15px; font-weight:500; color:#333; }
.title_sub3.v2 { font-size:19px; font-weight:300; }

.title_sub3.v2 .push_count { font-size:15px; position:relative; top:-1px; color:#767676; }

.title_sub3.v3 { text-align:center; padding-top:25px; font-size:19px; font-weight:300; color:#666; }
.title_sub4 { padding:35px 0 10px; font-weight:700; font-size:24px; line-height:1.2; color:#333; letter-spacing:-1px; }
.title_sub5 { padding:15px 0 5px; font-size:13px; font-weight:500; color:#444; }
.title_sub6 { font-size:22px; font-weight:400; line-height:1.3; color:#333; text-align:left; }
.title_sub6 .top5 { font-weight:300; }
@keyframes ani_title1 {
	0% { background-position:0 50%; }
	100% { background-position:100% 50%; }
}

/* ilst, p, text */
.list_01>li { padding:5px 0; border-top:1px #ddd solid; }
.list_01>li:first-child { border-top:none; }
.list_01.v2>li { padding:5px 0 0; border:none; }
.list_01.v2>li:first-child { padding-top:0; }
.list_01.v3>li { padding:2px 0 0; border:none; }
.list_01.v3>li:first-child { padding-top:0; }
.list_01.v4>li { padding-left:50px; text-indent:-50px; }

.list_02 { padding-top:8px; }
.list_02>li { color:#999; line-height:1.4; padding:3px 0 0 8px; text-indent:-8px; }
.list_02>li:first-child { padding-top:0; }
.list_02>li:first-letter { color:#444953; }

.list_dot_01 { line-height:1.4; }
.list_dot_01>li { padding:0 0 0 10px; margin-top:4px; position: relative}
.list_dot_01>li:before {content: ""; width: 2px; height: 2px; background-color: #999; border-radius: 50%; position: absolute; left: 0; top: 0.725em; transform: translateY(-100%) ;line-height: 1.5em; display: inline-flex; align-items: center}
.list_dot_01>li:first-child { margin-top:0; }
.list_dot_01.box { border:1px #ccc solid; padding:10px; background:#f8f8f8; }

.p_01 { padding-top:10px; text-align:center; }

/* contents */
.resp_content1 { display:table; width:100%; table-layout:fixed; }
.resp_content1>li { display:table-cell; vertical-align:top; }
.resp_content1 .contents { padding-right:20px; color:#767676; }
.resp_content1 .contents .title_sub5:first-child { padding-top:5px; }
.resp_content2 { display:table; }
.resp_content2>li { display:table-cell; vertical-align:middle; padding-left:10px; }
.resp_content2>li:first-child { padding-left:0; }


/* button */
button { border:none; border-radius:2px; }
button[disabled] { opacity:0.7; cursor:default; }

.basic_btn_area { display:table; width:100%; table-layout:fixed; }

.basic_btn_area>li:first-child { padding-left:0; }
.basic_btn_area>li>button { width:100%; }
.basic_btn_area>li.npay_area { width:30%;}
.basic_btn_area>li.talkbuy_area { width:30%;}
.basic_btn_area>li:first-child[style*="display:none"] + li { padding-left:0; }
.basic_btn_area2 { display:table; width:100%; table-layout:fixed; }
.basic_btn_area2>li { display:table-cell; padding-left:5px; padding-right:5px; vertical-align:middle; }
.basic_btn_area2>li>button { width:100%; }
.basic_btn_area2.v2>li { padding-left:0; padding-right:0; }

.btn_area_a { padding-top:10px; text-align:center; }
.btn_area_a.v2 { border-top:1px #999 solid; margin-top:10px; }
.btn_area_b { padding-top:15px; text-align:center; }
.btn_area_c { padding-top:20px; text-align:center; }
.btn_area_d { margin-top:40px; border-top:1px #ddd solid; padding-top:20px; text-align:center; }
ul.btn_area_a>li { display:inline; }
@media only screen and (max-width:479px) {
	ul.btn_area_a { overflow:hidden; zoom:1; padding:10px 5px; }
	ul.btn_area_a>li { float:left; width:50%; box-sizing:border-box; padding:0 5px; }
	ul.btn_area_a>li>button, ul.btn_area_a>li>input[type='button'] { width:100%; }
}

.btn_resp {}
a.btn_resp, span.btn_resp { display:inline-block; }

.btn_resp.size_a { height:20px; font-size:12px; line-height:19px; padding:0 5px; }
.btn_resp.size_b { height:32px; font-size:13px; line-height:31px; min-width:60px; }
.btn_resp.size_c { height:42px; font-size:16px; line-height:40px; min-width:100px; padding:0 14px; }


.btn_resp.color2 { border-color:#000; background-color:#000; color:#fff; }
.btn_resp.color3 { border-color:#d70303; background-color:#d70303; color:#fff; }
.btn_resp.color4 { border-color:#444; color:#444; }
.btn_resp.color5 { border-color:#999; background-color:#999; color:#fff; }
.btn_resp.color6 { border-color:#616775; background-color:#616775; color:#fff; }
.btn_resp.warnning { color:#f00; }

/*.btn_resp:hover { border-color:#999; }*/
/*.btn_resp.color2:hover { border-color:#333; background-color:#333; }*/
/*.btn_resp.color3:hover { border-color:#b70000; background-color:#b70000; }*/
/*.btn_resp.color4:hover { border-color:#333; color:#333; }*/
/*.btn_resp.color5:hover { border-color:#767676; background-color:#767676; }*/
/*.btn_resp.color6:hover { border-color:#484f61; background-color:#484f61; }*/

.btn_resp.icon { padding-left:30px; background-size:16px; background-position:9px 50%; background-repeat:no-repeat; }
.btn_resp.icon_my_minishop { background-image:url(../images/common/my_i_minishop.png); }
.btn_resp.icon_personal { background-image:url(../images/common/my_i_prvpay.jpg); }
.btn_resp.icon_delivery_address { background-image:url(../images/common/my_i_adrs.jpg); }
.btn_resp.icon_emoney_exchange { background-image:url(../images/common/my_i_exchange.jpg); }
.btn_resp.icon_1to1 { background-image:url(../images/common/my_i_1to1.jpg); }
.btn_resp.icon_qna { background-image:url(../images/common/my_i_qna.jpg); }
.btn_resp.icon_review { background-image:url(../images/common/my_i_review.jpg); }
.btn_resp.icon_prvpay { background-image:url(../images/common/my_i_prvpay.jpg); }

.btn_resp.no_border { border:none; color:#767676; outline:none; padding-right:0; display: flex; align-items: center; transform: translateY(1px)}
.btn_resp.no_border:after { display:inline-block; content:'\f138'; font-weight: 700;  margin-left:10px; font-size:15px;  font-family: "Font Awesome 6 Sharp"; vertical-align: middle; line-height: 1.1; color: #bdbdbd}


/*button.btn_resp.btn_open_small { padding-right:18px; background-image:url(../images/design/right_quick_arrowdown.gif); background-position:right 6px top 45%; background-repeat:no-repeat; }*/
/*button.btn_resp.btn_open_small.btn_close_small { background-image:url(../images/design/right_quick_arrowup.gif); } */
.ico_down { display:inline-block; box-sizing:border-box; border:1px #ccc solid; background:#fff url('../images/common/icon_download2.png') 50% 50% no-repeat; width:28px; height:28px; text-indent:-9999px; cursor:pointer;}

#npay_btn { padding-left:5px; padding-right:5px; min-width:70px; border-color:#00c73c; color:#fff; background:#00c73c url('../images/design/npay.png') no-repeat center; background-size:64px;}
#kpay_btn { padding-left:5px; padding-right:5px; min-width:70px; border-color:#fee500; color:#fff; background:#fee500 url('../images/design/kakao.png') no-repeat center; background-size:60px;}

/* 선물하기 버튼 */
.list_present {width: 70px}
.btn_present {background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAABf0lEQVRIie2XvUrDUBSAv5hQkELpEqEqTq6C0A7i6tSCg68g4uYs7Qv4CupLuHWrU8Gli7gJpog/FexQugglMXJCUmJvSW+RtCD5oKH3ntvz3XOTmzRGuVxGk13gAtgHVoEH4AY4AnaAL+AOOAfudVLqyveAW5EahoFpmriuOw5aloXnefi+TziJg3AiiawkBWNci7hardJqtWi32zQaDfL5PPV6PWhLf61WI1yVKyXDFHQq3wBei8UizWaTXC43DgyHQwqFwrg9Go2CCQwGA2luA09Kthg6lZfkYNv2L7EQFwsSl3EhNjPQkTuA5zgO/X5fCcaReLfblZ5v4FEZMIEs+yFwCawr0fR4B45F/gJsLlAc0bMicafTUaLTqFQqTI6f1pdEOL6ku9VSYalyWfY32cvR0v2FOXP0pPIz2SVKKF0+gRMrfDjIJ7gxz7pokqqb47drLPucZ/JMnskzeSbP5P9HHn9jeQa2FuD8iF5E4pXLP5peymLJfxp8A34Aib5ifOgIBIoAAAAASUVORK5CYII=") no-repeat center; background-size: 31px 31px; border: 1px solid #ccc; height: 100%}
.btn_resp.size_c.btn_gift {min-width: auto; background-size: 24px 24px;}
@media screen and (max-width: 767px) {
	.list_present {width: 54px;}
	.btn_present {background-size: 24px 24px;}
}

/* //button */

/* form */
.select_style1 { vertical-align:middle; }
.resp_sorting_list label { display:inline-block; vertical-align:top; margin:2px 0; padding:0 14px 0 8px; color:#999; background:url(../images/common/icon_list2.png) 2px 50% no-repeat; }
.resp_sorting_list label input[type='radio'] { width:1px; height:1px; visibility:hidden; }
.resp_sorting_list label.active { font-weight:500; color:#333; padding-left:12px; background:url(../images/common/icon_checked3.png) 0 50% no-repeat; }

/* calendar */

/* DatePicker */
.dateArea {position: relative; }
.dateArea i {position: absolute; right: 15px; top: 50%; margin-top: -12px; font-size: 24px; color: #00939b; }
.dateArea svg {position: absolute; right: 15px; top: 50%; margin-top: -12px; font-size: 20px; fill: #00939b; }
.dateArea input {cursor: pointer}
.ui-datepicker-trigger { display: none; }
.ui-datepicker { border-radius: 5px !important; border: 1px solid #e1e1e1; background-color: #fff; padding: 0}
.ui-datepicker .ui-datepicker-header { background: none; border: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: 0; border-radius: 5px; transition:all 0.3s ease; color: #000; font-weight: inherit}

.ui-datepicker-today a { font-weight: 600; color: #00939b; }
.ui-datepicker .ui-datepicker-prev { left: 2px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right: 2px; cursor: pointer; }
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
.ui-state-active { background: #000 !important; color: #fff !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: none; border: none; font-weight: inherit;
}


.ui-datepicker { width: 17em; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: 10px; background-color: #000; border-radius: 0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:13px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display: flex; justify-content: center}
.ui-datepicker .ui-datepicker-prev { left:12px; }
.ui-datepicker .ui-datepicker-prev:before { font-family: "Font Awesome 6 Pro"; content: "\f053"; font-size: 20px; color: #fff; font-weight: 300}
.ui-datepicker .ui-datepicker-next { right:12px; }
.ui-datepicker .ui-datepicker-next:before { font-family: "Font Awesome 6 Pro"; content: "\f054"; font-size: 20px; color: #fff; font-weight: 300}
.ui-datepicker .ui-datepicker-prev-hover { left:12px; }
.ui-datepicker .ui-datepicker-next-hover { right:12px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #fff; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; border: none}
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: calc(50% - 10px); }
.ui-datepicker select.ui-datepicker-month {margin-left: 5px}
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; background-color: #fff}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 400; border: 0; background-color: #fafafa}
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .4em .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }



/* //calendar */

/* tab */
.tab_basic { border-bottom:1px #666 solid; font-size:14px; font-weight:400; line-height:1.3; color:#666; margin-bottom:20px; }
.tab_basic>ul { display:table; margin-bottom:-1px; }
.tab_basic.fullsize>ul { width:100%; table-layout:fixed; }
.tab_basic>ul>li { display:table-cell; text-align:center; vertical-align:middle; border:1px #ddd solid; border-bottom-color:#666; border-right:none; background:#f4f4f4; cursor:pointer; }
.tab_basic>ul>li:last-child { border-right:1px #ddd solid; }
.tab_basic>ul>li.on { border-color:#666; border-right:1px #666 solid; border-bottom-color:#fff; background:#fff; position:relative; cursor:default; color:#333; }
.tab_basic>ul>li.on + li { border-left:none; }
.tab_basic>ul>li>a, .tab_basic>ul>li>label { display:block; box-sizing:border-box; height:40px; line-height:40px; padding:0 15px; color:#767676; }
.tab_basic>ul>li>label input { width:1px; height:1px; font-size:0; margin:0; visibility:hidden; overflow:hidden; position:absolute; left:0; top:0; }
.tab_basic>ul>li.on>a, .tab_basic>ul>li.on>label { color:#333; }
.tab_basic .addtxt { display:inline-block; font-size:12px; font-weight:normal; color:#767676; }
.tab_basic.size1>ul>li { width:148px; }
.tab_basic.size1>ul>li>a { padding-right:5px; padding-left:5px; }
.tab_basic.size2>ul>li { width:164px; }
.tab_basic.size2>ul>li>a { padding-right:5px; padding-left:5px; }
@media only screen and (max-width:479px) {
	.tab_basic>ul>li>a, .tab_basic>ul>li>label { padding:10px; height:auto; line-height:1.3; color:#666; }
}

.tab_layer1 { padding:10px 10px 0; border-bottom:1px #aaa solid; font-size:13px; font-weight:500; line-height:1.3; color:#666; }
.tab_layer1>ul { display:table; width:100%; table-layout:fixed; margin-bottom:-1px; }
.tab_layer1>ul>li { display:table-cell; text-align:center; vertical-align:middle; height:40px; padding:0 2px; border:1px #ddd solid; border-bottom-color:#aaa; border-right:none; background:#f4f4f4; cursor:pointer; }
.tab_layer1>ul>li:last-child { border-right:1px #ddd solid; }
.tab_layer1>ul>li.on { border-color:#aaa; border-right:1px #aaa solid; border-bottom-color:#fff; background:#fff; position:relative; cursor:default; color:#333; }
.tab_layer1>ul>li.on + li { border-left:none; }
.tab_layer1 .addtxt { display:inline-block; font-size:12px; font-weight:normal; color:#767676; }

/* tab old table */
.sub_page_tab_wrap {}
.sub_page_tab { width:100%; table-layout:fixed; border-collapse:collapse; }
.sub_page_tab td {background-color:#efefef; color:#767676; font-weight:500; font-size:13px; cursor:pointer; }
.sub_page_tab td.current {background-color:#fff; color:#333; border-bottom:none}
.sub_page_tab .addtxt { display:inline-block; font-size:12px; font-weight:normal; color:#767676; }

/* table */
table { border-spacing:0; border-collapse:collapse; word-break:break-all; }
.table_row_a { width:100%; table-layout:fixed; border:1px #ddd solid; }
.table_row_a>tbody>tr>th { border:1px #ddd solid; background:#f8f8f8; font-weight:normal; text-align:left; }
.table_row_a>tbody>tr>th>p { padding:8px 9px; }
.table_row_a>tbody>tr>td { border:1px #ddd solid; padding:8px 9px; }
.table_row_a col.size_a { width:140px; }
.table_row_a col.size_b { width:90px; }
@media only screen and (max-width:479px) {
	.table_row_a>tbody>tr>th>p { padding:8px 2px; }
	.table_row_a>tbody>tr>td { padding:8px 5px; }
	.table_row_a col.size_a { width:110px; }
	.table_row_a col.size_b { width:70px; }
}
.table_top_line1 { position:relative; padding-top:1px; width:100%; bottom:-1px; background-color:#7F858F; }

/* resp table1 */
.mo_show { display:none; }
.mt_sp1 { margin-top:10px; }
.mt_sp2 { margin-top:15px; }
.mt_sp3 { margin-top:20px; }

/*모달 */

#couponDownloadDialogId {left: 0 !important; top: 0!important; margin-left: 0!important;; margin-top: 0!important;}
#couponDownloadDialogId.modal {opacity: 1; pointer-events: visible}
#couponDownloadDialogId.modal .modal_wrap .modal_cont {width: 500px}

#lay_mask {left: 0; top: 0; background:  var(--modal_bg) !important;}

.modal{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: var(--modal_bg); pointer-events: none; transition: 0.2s ease-in-out}
.modal.open{opacity: 1; pointer-events: inherit}
.modal .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.modal .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.modal .modal_wrap .modal_cont{position: relative; width: 600px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff}
.modal .modal_bot_box {display: flex; justify-content: center}
.modal .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.modal .modal_bot_box .btn:first-child:nth-last-child(2),
.modal .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}

.foot_modal{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: var(--modal_bg); pointer-events: none; transition: 0.2s ease-in-out}
.foot_modal.open{opacity: 1; pointer-events: inherit}
.foot_modal .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.foot_modal .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.foot_modal .modal_wrap .modal_cont{position: relative; width: 600px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff}
.foot_modal .modal_bot_box {display: flex; justify-content: center}
.foot_modal .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.foot_modal .modal_bot_box .btn:first-child:nth-last-child(2),
.foot_modal .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}


.modal2{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: var(--modal_bg); pointer-events: none; transition: 0.2s ease-in-out}
.modal2.open{opacity: 1; pointer-events: inherit}
.modal2 .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.modal2 .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.modal2 .modal_wrap .modal_cont{position: relative; width: 600px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff}
.modal2 .modal_bot_box {display: flex; justify-content: center}
.modal2 .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.modal2 .modal_bot_box .btn:first-child:nth-last-child(2),
.modal2 .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}

.modal_new{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: var(--modal_bg); pointer-events: none; transition: 0.2s ease-in-out}
.modal_new.open{opacity: 1; pointer-events: inherit}
.modal_new .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.modal_new .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.modal_new .modal_wrap .modal_cont{position: relative; width: 600px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff}
.modal_new .modal_bot_box {display: flex; justify-content: center}
.modal_new .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.modal_new .modal_bot_box .btn:first-child:nth-last-child(2),
.modal_new .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}


.alert_modal{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: var(--modal_bg); pointer-events: none; transition: 0.2s ease-in-out}
.alert_modal.open{opacity: 1; pointer-events: inherit}
.alert_modal .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.alert_modal .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.alert_modal .modal_wrap .modal_cont {position: relative; width: 350px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff}
.alert_modal .modal_wrap .modal_cont .cont {padding: 4rem 2rem 2rem}
.alert_modal .modal_wrap .modal_cont .cont p {font-size: 14px; text-align: center}
.alert_modal .modal_bot_box {display: flex; justify-content: center}
.alert_modal .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.alert_modal .modal_bot_box .btn:first-child:nth-last-child(2),
.alert_modal .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}


.modal .swiper-container-fade .swiper-slide-active,
.modal .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: none}

.modal.open .swiper-container-fade .swiper-slide-active,
.modal.open .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: none}


.modal_new .modal_wrap .modal_cont.all_review_img {width: 100rem}

/**/


/* 제품구매_할인코드 팝업*/
.modal.discount_code .modal_wrap .modal_cont {width: 400px}
.discount_code .promotionlay .chk_box {border: 1px solid #EAEAEA; padding: 3rem; display: flex; flex-direction: column; align-items: center; justify-content: center}
.discount_code .promotionlay .chk_box .ico { width: 7.5rem; height: 7.5rem; background: #FAFAFA; border-radius: 50%; position: relative}
.discount_code .promotionlay .chk_box .ico:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
	background: url('/data/skin/dualsonic/images/common/discode_modal_check.svg') no-repeat center/contain; width: 3rem; height: 3rem}
.discount_code .promotionlay .chk_box.not .ico.not {background: url('/data/skin/dualsonic/images/common/discode_modal_ex.svg') no-repeat center/contain;}
.discount_code .promotionlay .chk_box .txt {font-size: 1.4rem; font-weight: 600; margin-top: 15px;}
.discount_code .promotionlay .info_tit {margin-top: 3rem; padding-bottom: 5px; border-bottom: 1px solid #000; margin-bottom: 1rem}
.discount_code .promotionlay ul {display: flex; flex-wrap: wrap}
.discount_code .promotionlay ul li {width: 100%}
.discount_code .promotionlay ul li + li {margin-top: 7px}
.discount_code .promotionlay ul li.discount_details {width: 58px; flex-shrink: 0}
.discount_code .promotionlay ul li.discount_details ~ li {width: calc(100% - 58px); padding-left: 55px;}
.discount_code .promotionlay ul li.discount_details ~ li:before {content: none}
.discount_code .promotionlay ul li.discount_details + li {padding-left: 0}
.discount_code .promotionlay ul li{position: relative; font-size: 12px; color: #999999; padding: 0 0 0 7px}
.discount_code .promotionlay ul li:before {content: ""; width: 2px; height: 2px; background: #000; border-radius: 50%;  vertical-align: middle; left: 0; top: 8px; display: inline-block; position: absolute}
.discount_code .promotionlay ul li b {font-weight: 400; color: #000}


.inipay_modal {padding: 0 !important;}
.inipay_modal-backdrop {opacity: 0 !important;}
.inipay_iframe {background: var(--modal_bg)}



/* 팝업 쿠폰 다운로드 - 제품 상세 쿠폰받기 */
.coupon_down_list ul{}
.coupon_down_list ul li {padding: 30px; border: 1px solid #e5e5e5;}
.coupon_down_list ul li + li{margin-top: 20px;}
.coupon_down_list ul li .top{display: grid; grid-template-columns: minmax(0, 1fr) 4rem; gap: 0 20px; padding-bottom: 20px;}

.coupon_down_list ul li .top .benefit span{display: block; color: #666; font-size: 13px; font-weight: 500; line-height: 1.2em; margin-top: 15px; display: block}
.coupon_down_list ul li .top .coupon_nm{margin-top: 8px; font-size: 17px; font-weight: 500;}
.coupon_down_list ul li .top .down_chk > *{display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border: 1px solid #000; font-size: 2rem; border-radius: 50%;}
.coupon_down_list ul li .top .down_chk button{background: #000;}
.coupon_down_list ul li .top .down_chk button.none {cursor: default}
.coupon_down_list ul li .top .down_chk button .ico {width: 3rem;height: 3rem; display: flex; align-items: center; justify-content: center}
.coupon_down_list ul li .top .down_chk button .ico::before {content: '';display: block; color: #ccc; width: 100%; height: 100%;background:url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 8px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><polyline class="cls-2" points="93.96 57.82 69.94 81.85 45.92 57.82"/><line class="cls-2" x1="69.94" y1="33.78" x2="69.94" y2="81.85"/></g><line class="cls-2" x1="34.94" y1="99.16" x2="104.94" y2="99.16"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat 0 0 / contain;background-size: 100% 100%;flex-shrink: 0;}
.coupon_down_list ul li .top .down_chk button .ico.chk::before { width: 85%; height: 85%; background:url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 13px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-1" points="32.62 56.39 61.19 87.5 108.81 40.83"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') no-repeat 0 0 / contain;}
.coupon_down_list ul li .bottom{display: flex; justify-content: space-between; ;}
.coupon_down_list ul li .bottom span{color: #000; font-size: 13px; line-height: 1em;}

#couponDownloadDialogId .opt_layer_btm {margin-top: 30px}

.coupon_down_list .no_coupon_down{padding: 30px; border: 1px solid #e5e5e5; font-size: 17px; font-weight: 500; text-align: center;}

/*할인내역 팝업*/

.modal2.discountDetails .modal_cont {width: 400px;}
.modal2.discountDetails .modal_cont .list li {display: flex; justify-content: space-between; font-size: 14px; font-weight: 500; color: #999999}
.modal2.discountDetails .modal_cont .list li .num {color: #000}
.modal2.discountDetails .modal_cont .list li + li {margin-top: 10px;}
.modal2.discountDetails .modal_cont .total_box {border-top: 1px solid #000; padding-top: 10px; font-size: 1.8rem; font-weight: 700; text-align: right; margin-top: 10px;}
.modal2.discountDetails .modal_cont .total_box span {font-size: 2.2rem; margin-left: 5px; }
.modal2.discountDetails .modal_cont .opt_layer_btm {margin-top: 4rem}





/*사진/비디오 리뷰 팝업*/
.photo_review_modal {position: relative; max-width: 100%; margin: 0 auto; background-color: #fff; width: 1200px}
.photo_review_modal svg {height: 20px}
.photo_review_modal .cont_box {display: flex; }
.photo_review_modal .photo_wrap {overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; width: 60%; margin-right: 40px; padding: 30px; max-height: 695px}
.photo_review_modal .photo_wrap .img {position: relative; padding-top: 100%; overflow: hidden; border-radius: 20px}
.photo_review_modal .photo_wrap .img img,
.photo_review_modal .photo_wrap .img video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.photo_review_modal .review_box {width: 40%}
.photo_review_modal .review_box .product {display: flex;}
.photo_review_modal .review_box .product .img {position: relative;width: 80px; height: 80px; flex-shrink: 0}
.photo_review_modal .review_box .product .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.photo_review_modal .review_box .product .txt_box ul {display: flex; align-items: center}
.photo_review_modal .review_box .product .txt_box ul li {display: flex; align-items: center}
.photo_review_modal .review_box .product .txt_box ul li + li {margin-left: 15px}
.photo_review_modal .review_box .product .txt_box ul li span {line-height: 1}
.photo_review_modal .review_box .product .txt_box ul li svg {height: 12px}
.photo_review_modal .review_box .slide_box {position: relative; margin-top: 30px}
.photo_review_modal .review_box .slide_box .swiper-pagination {position: absolute; left: 50%; bottom: 10px; transform: translate(-50%);}
.photo_review_modal .review_box .slide_box .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 5px}

.photo_review_modal .review_box .score_box {display: flex; align-items: center; justify-content: space-between; margin-top: 20px}
.photo_review_modal .review_box .score_box .score {display: flex}
.photo_review_modal .review_box .score_box .score img {width: 15px}
.photo_review_modal .review_box .score_box .good_btn {}

.photo_review_modal .review_txt {margin-top: 25px; font-size: 16px}
.photo_review_modal .review_txt ul {display: flex; align-items: center; justify-content: space-between; font-size: 13px; margin-top: 10px}
.photo_review_modal .answer_txt {padding: 20px; background-color: #f5f5f5}

/*판매자정보 팝업*/
.seller_info_modal .info_box ul li{display: flex; }
.seller_info_modal .info_box ul li .left {flex-shrink: 0; width: 120px; font-weight: 500; }

/*비밀번호입력 팝업*/
.pw_input_modal .cont_box .tit {font-size: 2.4rem; font-weight: 500; text-align: center}
.pw_input_modal .cont_box .inp input {font-size: 1.6rem; width: 100%; height: 4rem; border: 1px solid #ddd}

/*제품문의 등록/수정 팝업*/
.product_reg_modal .cont_box .list_tit {display: flex; align-items: center; }
.product_reg_modal .cont_box .list_tit .tit {position: relative; font-size: var(--modal_list_tit); font-weight: var(--modal_list_tit_weight)}
.product_reg_modal .cont_box .list_tit .tit.ess:after{content: "*"; font-weight: 400; font-size: 16px}
.product_reg_modal .cont_box .list_tit .secret {display: flex; align-items: center; border: 1px solid #000; padding: 5px 15px; border-radius: 50px}
.product_reg_modal .cont_box .list_tit .secret svg {height: 12px; margin-right: 10px}
.product_reg_modal .cont_box .list_tit .secret span {font-size: 14px}
.product_reg_modal .cont_box .list .nice-select {width: 100%; }
.product_reg_modal .cont_box .list .product {display: flex; align-items: center}
.product_reg_modal .cont_box .list .product .img {position: relative; width: 80px; height: 80px; flex-shrink: 0}
.product_reg_modal .cont_box .list .product .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.product_reg_modal .cont_box .list .product .txt_box {margin-left: 20px; flex: 1}
.product_reg_modal .cont_box .list .inp {position: relative; width: 100%; height: 4.5rem}
.product_reg_modal .cont_box .list .inp input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 15px;}
.product_reg_modal .cont_box .list .textarea {position: relative; width: 100%; height: 15rem}
.product_reg_modal .cont_box .list .textarea textarea {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding:15px; outline: none; }
.product_reg_modal .cont_box .list .file_box .file_list li {display: flex; align-items: center}
.product_reg_modal .cont_box .list .file_box .file_list li svg {fill: #000; height: 15px}
.product_reg_modal .cont_box .list .file_box .file_list li .btn {display: flex; align-items: center}
.product_reg_modal .cont_box .list .file_box .file_list li p span {display: inline-block; width: 40px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle}
.product_reg_modal .cont_box .list .file_box .ref_txt {color: red; margin-top: 5px}
.product_reg_modal .cont_box .list .terms .check_inp input:checked + label svg {font-weight: 700}
.product_reg_modal .cont_box .list .terms .cont {padding: 20px; border: 1px solid #ddd}

/*문의상품 선택 팝업*/
.product_choice_modal .search_box .inp {position: relative; height: 5rem;}
.product_choice_modal .search_box .inp input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 15px}
.product_choice_modal .search_box .inp .btn {display: flex; position: absolute; right: 15px; top: 50%; transform: translateY(-50%)}
.product_choice_modal .search_box .inp .btn svg {height: 20px}
.product_choice_modal .list .cont {display: flex}
.product_choice_modal .list .cont label {display: flex; align-items: center}
.product_choice_modal .list .cont .svg {position: relative; margin-right: 15px; height: 20px; width: 20px}
.product_choice_modal .list .cont .svg svg { position: absolute; left: 0; top: 0; height: 100%}
.product_choice_modal .list .cont .svg svg + svg {display: none}
.product_choice_modal .list .cont .product {display: flex; align-items: center}
.product_choice_modal .list .cont .product .img {width: 80px; height: 80px; position: relative; margin-right: 10px}
.product_choice_modal .list .cont .product .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}

.product_choice_modal .list .cont input:checked + label .svg svg {display: none}
.product_choice_modal .list .cont input:checked + label .svg svg + svg {display: block}

/*약관 팝업*/
.terms1_modal .txt_box{max-height: 120px; margin-top: 20px; overflow-y: auto}


/*옵션수량선택 팝업*/
.option_change_modal .product {display: flex; align-items: center}
.option_change_modal .product .img {position: relative; width: 80px; height: 80px; flex-shrink: 0}
.option_change_modal .product .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.option_change_modal .product .txt_box {margin-left: 20px; flex: 1}

/*취소 상품 선택 팝업*/
.cancel_modal .info_box .product {display: flex; align-items: center}
.cancel_modal .info_box .product label {display: flex; align-items: center}
.cancel_modal .info_box .product .svg {position: relative; margin-right: 15px; height: 20px; width: 20px}
.cancel_modal .info_box .product .svg svg { position: absolute; left: 0; top: 0; height: 100%}
.cancel_modal .info_box .product .svg svg + svg {display: none}
.cancel_modal .info_box .product .img {width: 80px; height: 80px; position: relative; margin-right: 10px}
.cancel_modal .info_box .product .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}

.cancel_modal .info_box .product input:checked + label .svg svg {display: none}
.cancel_modal .info_box .product input:checked + label .svg svg + svg {display: block}


/* resp_1line_table */

.resp_1line_table ul {display: flex; border-bottom: 1px solid #cccccc}
.resp_1line_table ul li {padding: 15px 0}
.resp_1line_table ul .th {width: 20rem; font-size: 14px; color: #999999; flex-shrink: 0; text-transform: capitalize; word-break: keep-all}
.resp_1line_table ul .td {padding-left: 5rem; font-size: 14px; font-weight: 500; border-left: 1px solid #cccccc}


/* resp table row */
.resp_table_row { display:table; width:100%; table-layout:fixed; border-top:1px #7F858F solid; border-bottom:1px #7F858F solid; font-size:13px; }
.resp_table_row>ul { display:table-row; }
.resp_table_row>ul>li { display:table-cell; vertical-align:middle; word-break:break-all; box-sizing:border-box; padding:10px; border-right:1px #ddd solid; border-top:1px #ddd solid; }
.resp_table_row.input_form>ul>li { padding:5px 10px; }
.resp_table_row>ul:first-child>li { border-top:none; }
.resp_table_row>ul>li:first-child { border-left:1px #ddd solid; }
.resp_table_row>ul>li.th { background:#f8f8f8; width:90px; }
.resp_table_row.th_size2>ul>li.th { width:180px; }
.resp_table_row.th_size3>ul>li.th { width:120px; }
.resp_table_row.v2 { border-bottom-color:#ccc; }
.address_area { padding-top:5px; }
.address_area2 { padding-top:4px; }


.resp_table_row2 { display:table; width:100%; table-layout:fixed; font-size:13px; }
.resp_table_row2>ul { display:table-row; }
.resp_table_row2>ul>li { display:table-cell; vertical-align:middle; word-break:break-all; box-sizing:border-box; padding:5px 0; }
.resp_table_row2>ul>li.th { width:72px; }
.resp_table_row2.form_style>ul>li { padding:2px 0; }

/* 게시판 레이어 보기 관련 추가 */
.box_bbs_r2 { border:1px #ddd solid; }
.box_bbs_r2>ul { border-top:1px #ddd dashed; padding:5px 0; }
.box_bbs_r2>ul:first-child { border-top:None; }
.box_bbs_r2>ul>li { display:inline-block; padding:5px 10px; }
.box_bbs_r3>ul { padding-top:5px; }
.box_bbs_r3>ul>li { display:inline-block; padding:5px 20px 5px 0; }
.box_bbs_r3>ul>li:last-child { padding-right:0; }
#bbsview.x2 { padding:10px 0; }
.board_detail_contents.reply { padding-top:15px; margin-top:15px; border-top:1px #7f858f solid; }
.board_detail_contents.reply .writer { padding-bottom:10px; }
.board_detail_contents.reply .icon1 { display:inline-block; height:22px; line-height:22px; padding:0 5px; background:#007cd2; font-size:12px; color:#fff; vertical-align:middle; }
.board_detail_contents.reply .writer_subject { font-size:13px; font-weight:500; color:#357bc3; }

.resp_layer_pop .btn_pop_close.viewerlay_close_btn { right:-10px; top:-10px; width:35px; height:35px; background-color:#fff; border-radius:2px; }



/* resp table col */
.resp_table_col { display:table; width:100%; table-layout:fixed; border-top:1px #7F858F solid; border-bottom:1px #7F858F solid; font-size:13px; }
.resp_table_col>ul { display:table-row; }
.resp_table_col>ul>li { display:table-cell; vertical-align:middle; word-break:break-all; box-sizing:border-box; padding:10px; border-right:1px #ddd solid; border-top:1px #ddd solid; text-align:center; }
.resp_table_col>ul.thead>li { background:#f8f8f8; }
.resp_table_col>ul:first-child>li { border-top:none; }
.resp_table_col>ul>li:first-child { border-left:1px #ddd solid; }
.resp_table_col>.thead>.num_area { width:46px; }
.resp_table_col>.thead>.price_area { width:100px; }
.resp_table_col>.tbody>.name_area { text-align:left; }
.resp_table_col>.tbody>.price_area { text-align:right; }
.resp_table_col>.tbody>.name_area .name { font-weight:500; color:#333; }
.resp_table_col .sub_name { overflow:hidden; zoom:1; }
.resp_table_col .sub_option_img { float:left; width:50px; height:50px; margin-right:8px; border:1px #ddd solid; }


/* paging */
/*.paging_navigation { zoom:1; margin:15px 0 0; text-align:center; font-size:0; }
.paging_navigation:after {display:block; content:""; clear:both;}
.paging_navigation a, .paging_navigation input { display:inline-block; box-sizing:border-box; padding:0 2px; min-width:34px; height:34px;line-height:34px; font-size:12px; font-weight:500; color:#666; text-align:center; vertical-align:middle; border:1px #ddd solid; margin-left:-1px; text-decoration:none; }
.paging_navigation a:first-child, .paging_navigation input:first-child { margin-left:0; }
.paging_navigation input + a { margin-left:-1px; }
.paging_navigation a:hover { color:#333; border-color:#999; background-color:#eee; position:relative; z-index:2; }
.paging_navigation a.on {background-color:#fff; font-weight:500; color:#333; border-color:#333; position:relative; cursor:default; }
.paging_navigation a.red {color:#333 !important;}

.paging_navigation a.prev, .paging_navigation a.next, .paging_navigation a[rel='prev'], .paging_navigation a[rel='next'] { overflow:hidden; text-indent:-999px; margin:0 0 0 -1px; height:34px; }
.paging_navigation a.first, .paging_navigation a.last, .paging_navigation a.end, .paging_navigation a[rel='first'], .paging_navigation a[rel='last'], .paging_navigation a[rel='end'] { overflow:hidden; text-indent:-999px; margin:0 0 0 -1px; height:34px; }
.paging_navigation a.first { margin-left:0; }
.paging_navigation .prev, .paging_navigation [rel='prev'] {background:url('../images/design/icon_paging_prev.png') 50% 50% no-repeat; }
.paging_navigation .next, .paging_navigation [rel='next'] {background:url('../images/design/icon_paging_next.png') 50% 50% no-repeat; }
.paging_navigation .first, .paging_navigation [rel='first'] {background:url('../images/design/icon_paging_first.png') 50% 50% no-repeat; }
.paging_navigation .end, .paging_navigation [rel='end'] {background:url('../images/design/icon_paging_last.png') 50% 50% no-repeat; }
.paging_navigation .last, .paging_navigation [rel='last'] {background:url('../images/design/icon_paging_last.png') 50% 50% no-repeat; }
.paging_navigation a[rel]>span { display:none; }*/


/* paging pop */
.paging_navigation_pop { zoom:1; margin-top:15px;text-align:center; font-size:0; }
.paging_navigation_pop:after {display:block; content:""; clear:both;}
.paging_navigation_pop a { display:inline-block; box-sizing:border-box; padding:0 2px; min-width:34px; height:34px;line-height:34px; font-size:12px; font-weight:500; color:#666; text-align:center; vertical-align:middle; border:1px #ddd solid; margin-left:-1px; text-decoration:none; }
.paging_navigation_pop a:first-child { margin-left:0; }

.paging_navigation_pop a.on {background-color:#fff; font-weight:500; color:#333; border-color:#333; position:relative; cursor:default; }
.paging_navigation_pop a.red {color:#ed3347;}
.paging_navigation_pop .prev {background:url('../images/design/icon_paging_prev.png') 50% 50% no-repeat; }
.paging_navigation_pop .next {background:url('../images/design/icon_paging_next.png') 50% 50% no-repeat; }
.paging_navigation_pop .first {background:url('../images/design/icon_paging_first.png') 50% 50% no-repeat; }
.paging_navigation_pop .end {background:url('../images/design/icon_paging_last.png') 50% 50% no-repeat; }
.paging_navigation_pop .last {background:url('../images/design/icon_paging_last.png') 50% 50% no-repeat; }
.paging_navigation_pop .prev span,
.paging_navigation_pop .next span,
.paging_navigation_pop .first span,
.paging_navigation_pop .end span,
.paging_navigation_pop .last span {display:none}

/* paging thebogi */
.paging_thebogi { padding-top:15px; text-align:center; }
.paging_thebogi .btn_thebogi { border:1px #ddd solid; background:#fff; width:100%; height:34px; font-size:14px; line-height:34px;padding:0 14px; box-sizing:border-box; text-align:center; color:#767676; cursor:pointer; vertical-align:middle; border-radius:2px; transition:all 0.2s; }

.paging_thebogi .btn_thebogi:before, .paging_thebogi .btn_thebogi:after { display:inline-block; content:'↓'; margin-right:12px; color:#ccc; font-weight:300; transition:color 0.2s; animation:ani_thebogi 1s linear infinite; }
.paging_thebogi .btn_thebogi:after { margin-right:0; margin-left:12px; }

.paging_thebogi .btn_thebogi .num { position:relative; left:2px; top:-1px; color:#bbb; }
.paging_thebogi .btn_thebogi .num>b { font-weight:400; color:#767676; }

.goods_display_more_btn { border:1px #ddd solid; background:#fff; width:100%; height:34px; font-size:14px; line-height:34px;padding:0 14px; box-sizing:border-box; text-align:center; color:#767676; cursor:pointer; vertical-align:middle; border-radius:2px; transition:all 0.2s; margin-top:20px; outline:None; }

.goods_display_more_btn:after { margin-right:0; margin-left:12px; }
.goods_display_more_btn .pages { position:relative; left:2px; color:#444; }
.goods_display_more_btn .pages:before { display:inline; content:'('; color:#999; }
.goods_display_more_btn .pages:after { display:inline; content:')'; color:#999; }
.goods_display_more_btn br { display:none; }

@keyframes ani_thebogi {
	0% { transform:translateY( -2px ); }
	20% { transform:translateY( 2px ); }
	100% { transform:translateY( -2px ); }
}

/* etc */
.no_data_area { border:1px #ddd solid; padding:30px 5px; text-align:center; }
.no_data_area .text { padding-top:20px; font-size:14px; font-weight:500; }
.no_data_area2 { padding:130px 5px 32px; text-align:center; font-size:15px; font-weight:400; color:#333; border:1px #ddd solid; background:url(../images/common/nodata.png) 50% 40px no-repeat; background-size:68px; border-radius:4px; }
.no_data_area2.v2 { margin-top:10px; }
.no_data_area2.gallery { margin-top:10px; }
.no_data_area2 + .no_data_area2 { display:none !important; }
.para_style1 { font-size:13px; line-height:1.5; color:#666; }

.step_type1 { font-size:13px; color:#999; }
.step_type1>li { padding-top:20px; }
.step_type1>li:first-child { padding-top:5px; }
.step_type1 .tle { font-size:14px; color:#333; }
.step_type1 .tle .num { display:inline-block; vertical-align:middle; width:20px; height:20px; border-radius:50%; text-align:center; font-size:15px; font-weight:400; line-height:20px; color:#fff; background:#444; }
.step_type1 .cont { padding-top:5px; }

.min_width1 { min-width:100px; }

.form_multi_row>li { padding-top:5px; }
.form_multi_row>li:first-child { padding-top:0; }
.form_multi_row2 { zoom:1; margin:-5px 0 0 -20px; }
.form_multi_row2:after {display:block; content:""; clear:both;}
.form_multi_row2>li { float:left; margin:5px 0 0 20px; }

.pushCount {display:inline-block; box-sizing:border-box; min-width:20px; padding:0 5px; height:20px; line-height:21px; background-color:#333; color:#fff; font-weight:400; font-size:14px; border-radius:10px; text-align:center;}
/* //etc */


/* ---------- 상품 디스플레이 모듈 공통 ---------- */
.goods_score_area .font1 { font-weight:500; color:#fff; background-color:#ee6600; padding:0 3px; font-family:tahoma; }
.goods_score_area .font2 { color:#ff8000; }
.goods_score_area .font3 { color:#999; }
.goods_score_area .font4 { color:#fd454d; cursor:pointer; }
.goods_solo_event_area { padding-top:5px; font-family:dotum; font-size:11px; }
.goods_solo_event_area .img1 { padding-bottom:2px; }
.goods_solo_event_area .style1 { background-color:#c61515; color:#ffffff; padding:2px; font-weight:500; }
.goods_solo_event_area .style2,
.goods_solo_event_area .style3,
.goods_solo_event_area .style4,
.goods_solo_event_area .style5 { color:#ffffff; font-weight:500; }
.goods_buy_count_area .style1 { color:#c61515; font-weight:500; text-decoration:underline; }




.res_db_title2 br { display:none; }

.respItemImageArea { display:block; overflow:hidden; position: relative; width: 100%; padding-top:100%; left: 0; top: 0; background-color: #fafafa}
.respItemImageArea .swiper-slide>li.gl_item {width: auto}
.respItemImageArea > img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); object-position: center; object-fit: cover; transition: transform 1s ease-in-out 0.2s , opacity 0.8s cubic-bezier(.4,0,.2,1) }
.respItemImageArea .displaY_icon_images {position: absolute; left: 0; top: 0; display: flex; z-index: 1; padding: 0}
.respItemImageArea .displaY_icon_images img {width: 6rem}


/* 1번째이미지, 2번째 이미지 교차 */
.goodsDisplayImage.item2cut {opacity: 0}


/* 반응형 New Display -- Icon */
.respGoodsIcon { position:absolute; right:0; top:0; transform:translateX(5px) translateY(-5px); transition:all 0.2s; }
.respGoodsIcon .respGoodsIconInner { display:table; table-layout:fixed; }
.respGoodsIcon.typeText { border-radius:2px; background:#333; color:#fff; font-size:13px; font-weight:300; line-height:1.3; }
.respGoodsIcon.typeText .respGoodsIconInner { width:47px; height:47px; }
.respGoodsIcon .iconArea { display:table-cell; text-align:center; vertical-align:middle; }
.respGoodsIcon.discount_per .nuM { font-size:19px; font-weight:500; line-height:1.2; }
.respGoodsIcon.typeText .secondMessage { display:inline-block; }
.respGoodsIcon .nextMessage { display:block; }


/* 반응형 New Display -- 찜 */
/*.respGoodsZzim { position:absolute; left:0; bottom:0; }
.respGoodsZzim .zzimArea { display:block; padding:10px; }
.respGoodsZzim .zzimImage { width:16px; }*/
.gl_item:hover .respGoodsZzim .zzimImage {  }
.gl_item .respGoodsZzim .zzimImage.active { opacity:1; }

/* 미리보기/옵션보기/SNS보내기 */
.respGoodsFuncMenu { position:absolute; width:100px; right:-4px; bottom:5px; font-size:0; text-align:right; opacity:0; transition:all 0.2s; }
.respGoodsFuncMenu>ul {}
.respGoodsFuncMenu>ul>li { display:inline-block; font-size:13px; }
.respGoodsFuncMenu>ul>li>a { display:block; color:#767676; border-radius:2px; padding-right:26px; height:24px; line-height:25px; overflow:hidden; background-position:right 2px center; background-repeat:no-repeat; }
.respGoodsFuncMenu>ul>li .txt { display:block; padding-left:6px; opacity:0; transform:translateX(-4px); transition:all 0.2s; }
.respGoodsFuncMenu>ul>li.funcMenu_quickview>a { background-image:url(/data/icon/goodsdisplay/preview/thumb_quickview.png); }
.respGoodsFuncMenu>ul>li.funcMenu_option>a { background-image:url(/data/icon/goodsdisplay/preview/thumb_option.png); }
.respGoodsFuncMenu>ul>li.funcMenu_send>a { background-image:url(/data/icon/goodsdisplay/preview/thumb_send.png); }



/* 상품상태 - "품절", "재고확보중", "판매중지", "coming soon" */
.respGoodsStatus { position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; overflow:hidden}
.respGoodsStatus .area {display: block; width: 100%; height: 100%}
.respGoodsStatus .status_style {position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: calc(100% + 2px); display: flex; align-items: center; justify-content: center;  background:rgba(0, 0, 0, 0.27);}
.respGoodsStatus .status_style em { display:block; width: 100%;  font-size:1.8rem; font-weight:600; color:#fff; text-align: center}
.respGoodsStatus .status_style em.coming_soon{display: inline-block; width: auto; padding: 0.8em 1.5em; background: rgba(0, 0, 0, 0.4); font-size: 2rem; border-radius: 2em; text-transform: uppercase;}
.respGoodsStatus .status_style em.view{font-size: 1.3rem;}

/* ---------- //상품 디스플레이 모듈 공통 ---------- */


/* ---------- 상품 디스플레이 : 슬라이드형(크기고정) ---------- */

.display-scrollbar { display:none; } /* scrollbar 노출 */
table.displaySwipeTabContentsContainer { width:100%; table-layout:fixed; border:none; }

/*
.display_slide_class .swiper-scrollbar-drag { background:#333; } !* scrollbar - bar 색상 *!
.display_slide_class .swiper-button-prev { display:block; width:16px; height:33px; background-size:100%; left:-35px; background-image:url(../images/design/arrow_left.gif); }
.display_slide_class .swiper-button-next { display:block; width:16px; height:33px; background-size:100%; right:-35px; background-image:url(../images/design/arrow_right.gif); }
.display_slide_class .paging_btn {margin:auto;}
.display_slide_class .custom_mobile_pagination {margin:20px auto;}

.display_slide_class .goods_display_slide_wrap { width:100%; overflow:hidden; position:relative; z-index:1; }
.display_slide_class .swiper-wrapper { display:table; width:auto; }
.display_slide_class .swiper-slide { display: table-cell; width:auto; padding:10px 0 0 10px; vertical-align:top; }
.display_slide_class .swiper-slide:first-child { padding-left:0; }
.display_slide_class .swiper-slide>li.gl_item { width:190px; }

.display_slide_class .respGoodsIcon.typeText .respGoodsIconInner { width:47px; height:47px; }
.display_slide_class .respGoodsIcon.discount_per .nuM { font-size:19px; }

.display_slide_class .swiper-slide {width: 25%}
.swiper-slide>li.gl_item {width: 100% !important;}
*/



/* 상품리스트 공통 스타일 */
.gl_inner_item_wrap { position: relative }

/* 스와이프형 개수 고정 */
.show_display_col6 .display_slide_class .swiper-wrapper, .show_display_col5 .display_slide_class .swiper-wrapper, .show_display_col4 .display_slide_class .swiper-wrapper, .show_display_col3 .display_slide_class .swiper-wrapper, .show_display_col2 .display_slide_class .swiper-wrapper { display:flex; }
.show_display_col6 .display_slide_class .swiper-slide, .show_display_col5 .display_slide_class .swiper-slide, .show_display_col4 .display_slide_class .swiper-slide, .show_display_col3 .display_slide_class .swiper-slide, .show_display_col2 .display_slide_class .swiper-slide { display:block; box-sizing:border-box; padding:10px 5px 0; }
.show_display_col6 .display_slide_class .swiper-slide>li.gl_item, .show_display_col5 .display_slide_class .swiper-slide>li.gl_item, .show_display_col4 .display_slide_class .swiper-slide>li.gl_item, .show_display_col3 .display_slide_class .swiper-slide>li.gl_item, .show_display_col2 .display_slide_class .swiper-slide>li.gl_item { width:auto !important; }

.show_display_col6 .display_slide_class .swiper-slide { width:16.67%; } /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
.show_display_col5 .display_slide_class .swiper-slide { width:20%; } /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
.show_display_col4 .display_slide_class .swiper-slide { width:25%; } /* pc 4개, 태블릿 3개, 모바일 2개 */
.show_display_col3 .display_slide_class .swiper-slide { width:33.34%; } /* pc 3개, 태블릿 2개, 모바일 1개 */
.show_display_col2 .display_slide_class .swiper-slide { width:50%; } /* pc 2개, 태블릿/모바일 1개 */

/* ---------- //상품 디스플레이 : 슬라이드형(크기고정) ---------- */


/* ---------- 상품 디스플레이 : 격자형(반응형) ---------- */
.display_responsible_class { margin: 0 auto; }
.display_responsible_class:after {display:block; content:""; clear:both;}
.display_responsible_class .goods_list { margin-left:-20px; vertical-align:top; }
.display_responsible_class .gli_image { display:block !important; position:relative; }
.display_responsible_class .gli_image_item { width:100%; }
.display_responsible_class .goods_list li.gl_item { display:inline-block; padding-top:20px; padding-left:20px; width:300px; }
.display_responsible_class .goodsDisplayImageIcon[style*="left"] { transform:translateX(-5px) translateY(-5px); transition:all 0.2s; }
.display_responsible_class .goodsDisplayImageIcon[style*="right"] { transform:translateX(5px) translateY(-5px); transition:all 0.2s; }


.show_display_col6 .display_responsible_class .goods_list li.gl_item { box-sizing:border-box; width:16.66%; } /* pc 6개 - 5 - 4 - 3 - 모바일 2개 */
.show_display_col5 .display_responsible_class .goods_list li.gl_item { box-sizing:border-box; width:20%; } /* pc 5개, 태블릿(대) 4개, 태블릿(소) 3개, 모바일 2개 */
.show_display_col4 .display_responsible_class .goods_list li.gl_item { box-sizing:border-box; width:25%; } /* pc 4개, 태블릿 3개, 모바일 2개 */
.show_display_col3 .display_responsible_class .goods_list li.gl_item { box-sizing:border-box; width:33.33%; } /* pc 3개, 태블릿 2개, 모바일 1개 */
.show_display_col2 .display_responsible_class .goods_list li.gl_item { box-sizing:border-box; width:50%; } /* pc 2개, 태블릿/모바일 1개 */

/* ---------- //상품 디스플레이 : 격자형(반응형) ---------- */


/* ---------- 상품 디스플레이 : 모바일 리스트( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */
.display_mobile_list_class .goods_list .gl_item { display:inline-block; width:50%; box-sizing:border-box; padding:10px; vertical-align:top; border-bottom:1px #ddd solid; }
.display_mobile_list_class .goods_list .gl_inner_item_wrap { display:table; width:100%; table-layout:fixed; }
.display_mobile_list_class .goods_list .gl_inner_item_wrap>div.relative { display:table-cell; vertical-align:top; width:160px; }
.display_mobile_list_class .goods_list .gl_inner_item_wrap>span.gli_image { display:table-cell; vertical-align:top; width:160px; }
.display_mobile_list_class .goods_list .gl_inner_item_wrap ol.gli_contents { display:table-cell; vertical-align:top; padding-left:10px; padding-bottom:0; }

/* ---------- //상품 디스플레이 : 모바일 리스트( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */


/* ---------- 상품 디스플레이 : 모바일 센터( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */
.display_mobile_center_class .goods_list span.gli_image {width:100%;}
.display_mobile_center_class .goods_list { padding:10px; }
/* ---------- //상품 디스플레이 : 모바일 센터( 카테고리/상세검색 상품 정렬 옵션으로 선택됨 ) ---------- */


/* ---------- 카테고리/브랜드 페이지, mshop ---------- */
.sorting_area { display:table; width:100%; }
.sorting_area>ul { display:table-cell; font-size:0; vertical-align:top; }

/* 상품 소팅( 종류별 ) */
.list_sorting_1 { padding-right:6px; }
.list_sorting_1>li { display:inline-block; margin:2px 4px 2px 0; }
.list_sorting_1>li>a { display:block; padding:0 5px; font-size:12px; line-height:20px; color:#555; border:1px #ddd solid; border-radius:2px; }
.list_sorting_1>li>a.on { font-weight:500; border-color:#555; background-color:#555; color:#fff; }

/* 상품 소팅( 디스플레이별 ) */
.list_sorting_2 { padding-left:6px; text-align:right; }
.list_sorting_2>li { display:inline-block; margin:2px 0 2px -1px; }
.list_sorting_2>li:first-child { display:inline-block; margin-left:0; }
.list_sorting_2>li.current { position:relative; }
.list_sorting_2>li>a { display:block; width:22px; height:22px; overflow:hidden; text-indent:-999px; background-position:50% 50%; background-repeat:no-repeat; }
.list_sorting_2>li.sorting_a>a { background-image:url(../images/design/icon_sort_a.png); }
.list_sorting_2>li.sorting_a.current>a { background-image:url(../images/design/icon_sort_a_on.png); }
.list_sorting_2>li.sorting_b>a { width:29px; background-image:url(../images/design/icon_sort_b.png); }
.list_sorting_2>li.sorting_b.current>a { background-image:url(../images/design/icon_sort_b_on.png); }
.list_sorting_2>li.sorting_c>a { background-image:url(../images/design/icon_sort_c.png); }
.list_sorting_2>li.sorting_c.current>a { background-image:url(../images/design/icon_sort_c_on.png); }
.list_sorting_2>li.sorting_d>a { background-image:url(../images/design/icon_sort_d.png); }
.list_sorting_2>li.sorting_d.current>a { background-image:url(../images/design/icon_sort_d_on.png); }
.list_sorting_2>li.sorting_c, .list_sorting_2>li.sorting_d { display:none; }


.mshoptitle .minishp_favor  img {width:20px; height:20px;}
.myshop_favorite_alert {display:none; width:200px; height:200px; position:fixed; left:50%; top:50%; margin:-100px 0 0 -100px; background:url('../images/design/alert_bg.png') no-repeat; background-size:cover;}
.myshop_favorite_alert .cfa_on { width:68px; height:66px; margin:40px auto 0; background:url('../images/design/ico_fvr_big_on.png') no-repeat; background-size:cover;}
.myshop_favorite_alert .cfa_off { width:68px; height:66px; margin:40px auto 0; background:url('../images/design/ico_fvr_big_off.png') no-repeat; background-size:cover;}
.myshop_favorite_alert .cfa_msg { padding-top:20px; text-align:center; font-size:14px; line-height:1.5; color:#fff; font-weight:500;}

/* 상단 카테고리 뎁스*/
.category_depth { margin-top:10px; }
.category_depth ul.list li.item {position:relative; color:#9f9f9f; float:left; padding-left:3px;}
.category_depth ul.list li.item:first-child > a { display:inline-block; vertical-align:top; width:17px; height:17px; background:url('../images/common/depth_home.png') 50% 50% no-repeat; }
.category_depth ul.list li.item > a {color:#9f9f9f}
.category_depth ul.list li.selected > a {color:#333333; font-weight:500; padding-right:10px; background:url("../images/design/right_quick_arrowdown.gif") no-repeat right center;}
.category_depth ul.sub_menu_list {display:; position:absolute; white-space:nowrap; z-index:10; border:1px solid #a0a5b8; background-color:#f2f2f2; padding:7px;}
.category_depth ul.sub_menu_list li.sub_item a {display:block; color:#858585; padding:1px 0;  font-weight:normal;}

.category_depth ul.list li.selected ul.sub_menu_list {display:block;}

.category_edit_area { margin-top:20px; text-align:center; }


/* ---------- //카테고리/브랜드 페이지, mshop ---------- */




/* ---------- 검색 영역( 검색페이지, 카테고리, 브랜드, mshop ) ---------- */
.goods_responsible_search_form { padding:15px 0 15px 10px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
.goods_responsible_search_form .gsfm-colors { font-size:0; }
.goods_responsible_search_form .gsfm-colors:after {content:""; display:block; clear:both;}
.goods_responsible_search_form .gsfm-colors>li { float:left; padding:5px 0 5px 5px; }
.goods_responsible_search_form .gsfm-colors>li:first-child { padding-left:0; }
.goods_responsible_search_form .gsfm-colors_detail { display:inline-block; width:22px; height:22px; box-sizing:border-box; border:1px #ddd solid; border-radius:50%; }
.goods_responsible_search_form .gsfm-colors_detail.selected { background-image:url(../images/design/icon_color_check.png); background-position:50% 50%; background-repeat:no-repeat; }
.goods_responsible_search_form .btn_area1 { padding-top:10px; text-align:center; }

.gsf-main-table { display:table; width:100%; table-layout:fixed; }
.gsf-main-table>.gsfm-th { display:table-cell; vertical-align:top; width:70px; padding-top:8px; padding-bottom:8px; }
.gsf-main-table>.gsfm-td { display:table-cell; vertical-align:middle; padding:2px 0 2px 5px; }
.gsf-main-table .gsfm-price-wrap .gsfm-price-input { float:left; padding-right:20px; padding-bottom:5px; }
.gsf-main-table .gsfm-price-wrap .gsfm-prices { float:left; font-size:0; padding-bottom:5px; }

.btn_sel { display:inline-block; box-sizing:border-box; font-size:12px; margin:0 -1px -1px 0; height:32px; line-height:32px; padding:0 5px; border:1px #ddd solid; color:#767676; border- }
.btn_sel.selected { position:relative; border-color:#999; color:#333; }
.btn_sel.link { padding-right:12px; background:url(../images/common/arrow_right.gif) calc(100% - 4px) 50% no-repeat; }

.gsf-main-table .categoryLInk { font-size:0; }
.gsf-main-table .categoryLInk .active { font-weight:500; color:red; }
.gsf-main-table .categoryLInk>li { display:inline; }

.gsf-main-table .gsfm-brands { font-size:0; float:left; }
.gsf-main-table .gsfm-brands>label { font-size:12px; display:inline-block; box-sizing:border-box; border:1px #ddd solid; height:32px; line-height:32px; padding:0 10px; margin:0 -1px -1px 0; }
.gsf-main-table .gsfm-brands>label.on { position:relative; border-color:#999; color:#333; }
.gsf-main-table .gsfm-brands>label>.ez-checkbox { width:1px; height:1px; font-size:0; margin:0; visibility:hidden; overflow:hidden; }
.gsf-main-table .gsfm-brands>label input[type="checkbox"] { width:0; height:0; visibility:hidden; }
.gsf-main-table .brand_cate_check { display:block; float:left; padding:3px 8px 3px 0; }
.gsf-main-table .brand_cate_check input[type=checkbox] { width:26px; height:26px; }
.gsf-main-table .ez-checkbox { width:24px; height:24px; background-size:cover; }

#search_depth { display:inline-block; vertical-align:middle; }
#search_depth .category_depth ul.list>li { font-weight:normal; }
#search_depth .category_depth ul.list>li:first-child { background:url(../images/common/auth_img.png); background-size:cover; }
#search_depth .category_depth ul.list a { cursor:default; font-weight:500; color:#ed3347; }

.noReault { padding:50px 10px; text-align:center; font-size:16px; line-height:1.4; color:red; border-top:1px #ccc solid; border-bottom:1px #ccc solid; }

.ctg_depth li {float:left;}
.ctg_depth .decont {font-size:12px; color:#949494;}
.ctg_depth .link2 { display:block; padding-right:4px; }
.ctg_depth .link2:after { color:#aaa; content:' >'; }
.ctg_depth li.doingil .link2:after { content:''; }
/* ---------- //검색 영역( 검색페이지, 카테고리, 브랜드, mshop ) ---------- */

/* checkbox/radio image ezmark*/
.ez-hide {opacity:0; filter:alpha(opacity=0);}
.ez-checkbox {background:transparent url('../images/icon/i_check_off.png') 0 0px no-repeat;}
.ez-checkbox-on {background:transparent url('../images/icon/i_check_on.png') 0 0px no-repeat;}
.ez-radio {background:transparent url('../images/icon/i_radio_off.png') 0 0px no-repeat;}
.ez-radio-on {background:transparent url('../images/icon/i_radio_on.png') 0 0px no-repeat;}
.ez-checkbox {display:inline-block; zoom:1; *display:inline; width:22px; height:22px; _height:22px; vertical-align:middle; background-size:22px 22px; }
.ez-radio {display:inline-block; zoom:1; *display:inline; width:20px; height:20px; _height:20px; vertical-align:middle; background-size:20px 20px; }



/* -------------------------------------- 상품 상세 --------------------------------------------- */
.text_soldout {height: 70px; line-height: 71px; background-color: #eee; color: #999; text-align: center; font-size: 18px; font-weight: 500; margin-top: 30px}


/*상세 nav*/

.ajaxLineMap.search_nav {width: 164rem; padding: 0 20px; max-width: 100%; margin: 0 auto; display: none}


/* 상품 상세 - 레이아웃 */
.goods_thumbs_top { display: flex; position: absolute; left: 0; top: 0; transform: translateY(-100%); width: 100%; padding: 0 20px 10px; z-index: 4}
.goods_thumbs_top .back_btn svg{height: 24px;}
.goods_thumbs_top .back_btn .ico { display: inline-block; width: 30px; height: 30px; background: url('/data/skin/dualsonic/images/common/dual_ico_arrow.svg')center/contain no-repeat; transform: scaleX(-1); }


/* 상품 상세 - 타이틀 영역 */
.goods_thumbs_top .sns_wish {display: flex;justify-content: flex-end; margin-left: auto}
.goods_thumbs_top .sns_wish .btn_sns_share:nth-child(n+2) {margin-left: 10px}
.goods_thumbs_top .sns_wish .btn_sns_share.line {background-color: #000;border: 1px solid #000}
.goods_thumbs_top .sns_wish .btn_sns_share.line svg {fill: #000}
.goods_thumbs_top .sns_wish .btn_sns_share.line svg.on {display: none}
.goods_thumbs_top .sns_wish .btn_sns_share.active svg {display: none}
.goods_thumbs_top .sns_wish .btn_sns_share.active svg.on {fill: #000;display: block}
.goods_thumbs_top .sns_wish .btn_sns_share.line .ico {background: transparent}
.goods_thumbs_top .sns_wish .btn_sns_share.line .ico .wish {width: 3.5rem;height: 3.5rem; background: url('data:image/svg+xml,<svg id="wishFullIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23wishFullIco .cls-2 { fill: %23fff; stroke: none; stroke-miterlimit: 10; stroke-width: 9px; }</style></defs><path class="cls-2" d="M113.97,58.33c0-12.89-10.45-23.33-23.33-23.33-8.85,0-16.54,4.92-20.5,12.18-3.96-7.26-11.65-12.18-20.5-12.18-12.57,0-22.81,9.94-23.31,22.39-.05.3-.07.62-.07.94,0,29.18,43.94,52.5,43.94,52.5,0,0,40.16-21.43,43.5-48.89.18-1.18.28-2.38.28-3.6Z"/></svg>') center/contain no-repeat;}
.goods_thumbs_top .sns_wish .btn_sns_share.active .ico .wish {background: url('data:image/svg+xml,<svg id="wishFullIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23wishFullIco .cls-2 { fill: %23ff4545; stroke: none; stroke-miterlimit: 10; stroke-width: 9px; }</style></defs><path class="cls-2" d="M113.97,58.33c0-12.89-10.45-23.33-23.33-23.33-8.85,0-16.54,4.92-20.5,12.18-3.96-7.26-11.65-12.18-20.5-12.18-12.57,0-22.81,9.94-23.31,22.39-.05.3-.07.62-.07.94,0,29.18,43.94,52.5,43.94,52.5,0,0,40.16-21.43,43.5-48.89.18-1.18.28-2.38.28-3.6Z"/></svg>') center/contain no-repeat;}
/*.goods_thumbs_top .sns_wish .btn_sns_share.line.active {background-color: #F22121; border-color: #F22121}*/
.goods_thumbs_top .sns_wish .snsbox_area {bottom: -2px}

.goods_thumbs_spec {display: flex; align-items: flex-start; margin-top: var(--sub_sect_pt); }
#goods_thumbs {width: 50%}
#goods_thumbs_paging {position:absolute; top:-45px; width:100%; text-align:center; z-index:10;}


#goods_spec {width: 50%; padding-left: 8rem}


.goods_spec_sections .btn_resp.question { font-size:17px; font-weight:700; color:#999; width:28px; }





.goods_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:1000;}


#goods_thumbs .visual_img {position: relative}
#goods_thumbs .visual_img .goods_icon_area {position: absolute; left: 20px; top: 20px; z-index: 3; display: flex}
#goods_thumbs .visual_img .swiper-pagination {position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: none}



/* 상품 상세 - 타이틀 영역 */
#goods_spec .detail_title_area {text-align: left; }
#goods_spec .detail_title_area .sns_wish {display: flex; justify-content: flex-end; display: none}
#goods_spec .detail_title_area .sns_wish .btn_sns_share:nth-child(n+2) {margin-left: 10px}
#goods_spec .detail_title_area .sns_wish .btn_sns_share.line {background-color: transparent; border: 1px solid #000}
#goods_spec .detail_title_area .sns_wish .btn_sns_share.line svg {fill: #000}
#goods_spec .detail_title_area .sns_wish .btn_sns_share.line svg.on{display: none}
#goods_spec .detail_title_area .sns_wish .btn_sns_share.active svg {display: none}
#goods_spec .detail_title_area .sns_wish .btn_sns_share.active svg.on {fill: #000; display: block}

#goods_spec .detail_title_area .sns_wish .btn_sns_share.line .ico .wish { width: 25px; height: 25px; background: url('data:image/svg+xml,<svg id="wishIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> %23wishIco .cls-2 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none; }</style></defs><path class="cls-2" d="M113.97,58.33c0-12.89-10.45-23.33-23.33-23.33-8.85,0-16.54,4.92-20.5,12.18-3.96-7.26-11.65-12.18-20.5-12.18-12.57,0-22.81,9.94-23.31,22.39-.05.3-.07.62-.07.94,0,29.18,43.94,52.5,43.94,52.5,0,0,40.16-21.43,43.5-48.89.18-1.18.28-2.38.28-3.6Z"/></svg>') center/contain no-repeat; }
#goods_spec .detail_title_area .sns_wish .btn_sns_share.active .ico .wish { width: 25px; height: 25px; background: url('data:image/svg+xml,<svg id="wishFullIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23wishFullIco .cls-2 { fill: %23000; stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; }</style></defs><path class="cls-2" d="M113.97,58.33c0-12.89-10.45-23.33-23.33-23.33-8.85,0-16.54,4.92-20.5,12.18-3.96-7.26-11.65-12.18-20.5-12.18-12.57,0-22.81,9.94-23.31,22.39-.05.3-.07.62-.07.94,0,29.18,43.94,52.5,43.94,52.5,0,0,40.16-21.43,43.5-48.89.18-1.18.28-2.38.28-3.6Z"/></svg>') center/contain no-repeat; }

#goods_spec .detail_title_area .sns_wish .snsbox_area {bottom: -2px}
#goods_spec .detail_title_area .brand_name{font-size: 16px; font-weight: 500}
#goods_spec .detail_title_area .name { font-size: 3.2rem ; font-weight: 700}
#goods_spec .detail_title_area .summary { margin-top: 5px; font-size: 15px; font-weight: 400; color: #BDBDBD}

/* 상품 상세 - 이미지 - 페이지네이션 */
#goods_thumbs .visual_img .swiper-slide {position: relative; width: 100%; padding-top: 100%; background-color: #f3f3f3}
#goods_thumbs .visual_img .swiper-slide a {position: absolute; left: 0; top: 0; width: 100%; height: 100%}
#goods_thumbs .visual_img .swiper-slide a img {width: 100%; height: 100%; object-fit: cover; background: linear-gradient(135deg, #eee 0%, #fcfcfc 100%);}

#goods_thumbs .pagination_wrap {margin-top: 2.5rem}
#goods_thumbs .pagination_wrap .swiper-slide > a {position: relative; width: 100%; padding-top: 100%; display: block; background-color: #f5f5f5}
#goods_thumbs .pagination_wrap .swiper-slide > a:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0; box-sizing: border-box; z-index: 2;}
#goods_thumbs .pagination_wrap .swiper-slide > a > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; mix-blend-mode: multiply}
#goods_thumbs .pagination_wrap .swiper-slide > a.video:before {content:"\f144"; font-family: "Font Awesome 6 Pro"; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; color: #fff}
#goods_thumbs .pagination_wrap .swiper-slide.swiper-slide-thumb-active > a:after {opacity: 1}

#goods_thumbs .event_box {display: block; margin-top: 30px; display: none}
#goods_thumbs .event_box .swiper-slide {padding-top: 30%}
#goods_thumbs .event_box .swiper-slide img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
#goods_thumbs .event_box .swiper-pagination-bullet-active {background-color: #000; width: 16px}
#goods_thumbs .event_box .swiper-container-horizontal > .swiper-pagination {bottom: 5px}
#goods_thumbs .event_box .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {margin: 0 3px; border-radius: 4px}
#goods_thumbs .event_box .swiper-pagination-bullet {transition: 0.3s}




/* 상품상세 - 이미지 - ZOOM 버튼 */
#btn_zoom_view { display:block; position:absolute; left:10px; bottom:10px; width:35px; height:35px; text-align:center; overflow:hidden; text-indent:-9999px; background-image:url(../images/design/btn_zoom.png); background-position:50% 50%; background-repeat:no-repeat; background-size:22px; opacity:0.6;  z-index: 10; display: none}



/* 상품상세 - 이미지 - ZOOM 페이지 */
.zoom_page { margin:0 auto; }

/* 상품상세 - 이미지 - SNS공유 */
.sns_wish { padding:0 0 2px; text-align:right; position:relative; }
.btn_sns_share { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; background-color: transparent; border-radius: 50%; position: relative; border: 1px solid #000}
.btn_sns_share .ico { display: flex; align-items: center; justify-content: center; font-size: 18px; fill: #fff; }

.btn_sns_share .ico { width: 2.5rem; height: 2.5rem;
	background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="91.92" cy="40" r="15"/><circle class="cls-1" cx="91.92" cy="100" r="15"/><circle class="cls-1" cx="38.33" cy="70" r="15"/><line class="cls-1" x1="79.43" y1="48.31" x2="50.82" y2="61.69"/><line class="cls-1" x1="79.43" y1="91.71" x2="50.78" y2="78.37"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') no-repeat center / cover;}
.btn_sns_share .ico svg {display: none}


/*.btn_sns_share:before { content: ""; width: 16px; height: 16px; background:url(../images/common/icon_sns_share.svg) 0 50% no-repeat; background-size:16px; }*/
.sns_wish .snsbox_area { font-size:0; position:absolute; top:-5px; right:120px; padding:4px 4px 4px 0; border:1px #ccc solid; background:#fff; }

.sns_wish .snsbox { display:inline-block; vertical-align:top; font-size:0; color:#fff; }
.sns_wish .snsbox>li { display:inline-block; }
.snsbox img { max-height:35px; cursor:pointer; margin-left:4px; }

/* 상품상세 - 이미지 - 위시리스트 버튼 */
.ico_wish {display:inline-block; width:35px; height:35px; background-image:url('../images/design/ico_wish_off.png'); background-position:50% 50%; background-repeat:no-repeat; background-size:27px;  }
.sns_wish .ico_wish { float:right; margin:0 0 0 12px; vertical-align:top; width:auto; padding:0 0 0 32px; background-position:0 50%; line-height:36px; color:#767676; }


/* 상품상세 - 타임세일 */
.event_datetime { text-align:center; padding:15px 0 0; }
.event_datetime .event_tit { font-size:16px; font-weight:500; color:#333; letter-spacing:-1px; opacity:0.7; filter:alpha(opacity=70);}
.event_datetime .remain_time { padding-top:8px; font-size:14px; }
.event_datetime .remain_time .title {  font-weight:500; }
.event_datetime .event_date { display:inline-block; width:40px; height:30px; border-radius:4px; text-align:center; font-size:20px; line-height:30px; font-weight:500; color:#fff; background:rgba(0,0,0,0.2);}
.spec_solo_event {  }
.spec_solo_event .list { display:table; width:100%; font-size:14px; line-height:30px; }
.spec_solo_event .list>li { display:table-cell; }
.spec_solo_event .list>li.buy_num .num { font-size:20px; font-weight:500; color:#333; }
.spec_solo_event .list>li.remain_time { text-align:right; }
.spec_solo_event .event_datetime_box { display:inline-block; vertical-align:middle; height:30px; padding:0 9px; background:#333; font-weight:300; border-radius:2px; color:#fff; }
.spec_solo_event .event_datetime_box .num2 { font-size:17px; font-weight:400; }
.spec_solo_event .event_datetime_box .day { margin-right:4px; }
.spec_solo_event .remain_time .title { display:inline-block; width:24px; height:24px; vertical-align:middle; background:#333 url(../images/common/icon_clock.png) 50% 50% no-repeat; background-size:cover; }

/* 상품상세 - 상품스펙 - 가격, 할인율, 할인내역 */
#goods_spec .deatil_price_area {display: flex; align-items: flex-end; margin-top: 35px; padding-bottom: 60px; margin-bottom: 30px; border-bottom: 1px solid #cccccc}
#goods_spec .deatil_price_area .goods_spec_customer_ev {margin-left: auto}
#goods_spec .deatil_price_area .price_txt {position:relative; display: flex; align-items: flex-end; font-size: 2.6rem; line-height: 1}
#goods_spec .deatil_price_area .price_txt .deatil_sale_rate {order: 1}
#goods_spec .deatil_price_area .deatil_sale_rate .inner { font-weight: 700; margin-right: 10px; color: #ff4545; }
#goods_spec .deatil_price_area .sale_price {font-weight: 700; order: 2}
#goods_spec .deatil_price_area .sale_price a {color: #000 !important;}
#goods_spec .deatil_price_area .org_price {margin-left: 10px; font-size:14px; font-weight: 500; color: #C4C4C4; order: 3}
#goods_spec .deatil_price_area .max_sale_rate {position: absolute; bottom: -30px; left: 0; }
#goods_spec .deatil_price_area .max_sale_rate .inner {font-size: 18px; font-weight: 700; color: #000;}



/*상품상세 - 상품구매정보*/

.modal_deli .price_opt_list div + div {margin-top: 5px}
#goods_spec .goods_spec_sections .price_opt_list div + div {margin-top: 20px}

/*상품상세 쿠폰*/
#goods_spec .goods_spec_sections .info_list .goods_spec_coupon {margin-top: 30px; margin-bottom: 30px;}
#goods_spec .goods_spec_coupon .btn {display: flex; align-items: center; justify-content: center; width: 100%; padding: 1.8rem 0 ;font-size: 1.5rem; font-weight: 500; border: 1px solid #000; transition: all .3s ; background: #000;}
#goods_spec .goods_spec_coupon .btn .ico {height: 2.5rem; width: 2.5rem; margin-right: 10px; transition: all .3s; background: url(../images/common/dual_ico_download.svg) no-repeat center / cover;}

.coupon_area .btn {  color: #fff ;}
.coupon_area .btn:hover { background: #fff !important; color: #000!important ;}


/*상품상세 _ 옵션*/
.goods_option_box {margin-top: 40px}
.goods_option_box + .goods_option_box {margin-top: 20px}
.goods_option_box .goods_option{display: flex; align-items: center}
.goods_option_box .goods_option .optionTr {flex: 1}
.goods_option_box .goods_option .suboptionTr {flex: 1}
.goods_option_box .goods_option .tit {font-size: 14px; font-weight: 600; width: 90px}
.goods_option_box .goods_option .sbHolder,
.goods_option_box .goods_option .sbSelector{border: 1px solid var(--inp_border); height: var(--inp_height); line-height: var(--inp_lineheight); width: 100%; font-size: 16px; color: #BDBDBD}
.goods_option_box .goods_option .sbToggle{width: auto; height: auto; background: none !important; right: 10px}
.goods_option_box .goods_option .sbToggle:before{content:"\f107"; font-family: "Font Awesome 6 Pro"; font-size: 16px; }
.goods_option_box .goods_option .sbOptions a {display: block; padding: 0 10px; height: 46px; line-height: 45px; font-size: 14px}

.goods_quantity_table {margin-top: 35px; max-height: 30rem; overflow-y: auto;}



/* 배송 */
.prepay_info_area { color:#bbb; }
.prepay_info_area.on { color:#333; }



/* 이벤트/사은품 */
.goods_event_gift_area { padding-top:25px; }
.goods_event_gift_area>li { margin-top:5px;  }
.goods_event_gift_area>li:first-child { margin-top:0; }
.detail_event_area { overflow:hidden; zoom:1; font-size:15px; color:#333; padding:15px 35px 14px 20px; background:#f6f6f6 url(../images/common/ico_arw_open3.png) right 10px top 18px no-repeat; background-size:16px; cursor:pointer; }
.detail_event_area.up { background-image:url(../images/common/ico_arw_close3.png); }
.detail_event_area>li { float:left; width:calc( 100% - 70px ); }
.detail_event_area>li.th { width:70px; font-size:13px; color:#767676; }



/* 상품상세 - 상품스텍 - 기본 테이블, 서브 정보 리스트 */
#goods_spec .detail_spec_table { display: flex; }
#goods_spec .goods_spec_saving_benefit {display: none}
#goods_spec .detail_spec_table li.th {width: 14rem; font-size: 1.4rem; color: #999999; flex-shrink: 0}
#goods_spec .detail_spec_table li.th + li {font-size: 15px; font-weight: 500}
#goods_spec .detail_spec_table li.th + li a {color: #000 !important;}

.goods_spec_shipping .detail_spec_table .nice-select,
.goods_spec_shipping .detail_spec_table select {display: none !important}

.goods_spec_shipping .detail_spec_table li + li {display: flex}
.detail_spec_table .btn_area1 {display: flex; align-items: center}

.detail_option_list { clear:both; margin-top:8px; background:#f4f4f4; }
.detail_option_list.x1 { background:#f4f4f4; margin-top:0; }
.detail_option_list>ul {  }
.detail_option_list>ul>li { padding:12px 20px; border-top:1px #ccc dashed; }
.detail_option_list>ul>li:first-child { border-top:none; }
.detail_option_list>ul>li>.title { display:inline-block; width:78px; }
.detail_option_list>ul>li>.detail { display:inline-block; }
.detail_option_list .e_title { font-size:15px; color:#333; }
.detail_option_list .e_period { padding-top:4px; }
.detail_option_list .e_content { padding-top:4px; }

.basic_lr_style {*zoom:1;}
.basic_lr_style:after {content:""; display:block; clear:both;}
.basic_lr_style>li { float:left; }
.basic_lr_style>li:first-child { padding-right:10px; }

.detail_option_table { width:100%; table-layout:fixed; border:1px #999 solid; background:#fff; }
.detail_option_table>tbody>tr>th { padding:5px; border-top:1px #ccc solid; border-left:1px #f2f2f2 solid; text-align:center; }
.detail_option_table>tbody>tr>td { padding:5px; border-top:1px #ccc solid; border-left:1px #f2f2f2 solid; text-align:center; }
.detail_option_table>tbody>tr:first-child>th,
.detail_option_table>tbody>tr:first-child>td { border-top:none; }
.detail_option_table>tbody>tr>th:first-child { border-left:none; }
.detail_option_table.card>tbody>tr>th { padding:0 5px; }
.detail_option_table.card>tbody>tr>td { padding:5px;}
.Relative>table.card { position:absolute; right:0; top:4px; }


/* 옵션 선택 */
.goods_option_area {margin-top: 20px}

.goods_option_area .goods_option_table + .goods_option_table {margin-top: 20px}

.goods_option_area .add_config,
.goods_option_area .optionTr ,
.goods_option_area .goods_option_table > .suboptionTr {display: flex;}
.goods_option_area .suboptionTr .suboptionTr,
.goods_option_area .optionTr .select_box{flex: 1}
.goods_option_area .add_config .tit,
.goods_option_area .suboptionTr .tit,
.goods_option_area .optionTr .tit {font-size: 14px; font-weight: 600; width: 140px; flex-shrink: 0; height: var(--inp_lineheight); display: flex; align-items: center}
.goods_option_area .suboptionTr .sbHolder,
.goods_option_area .optionTr .sbHolder {width: 100%; height: var(--inp_height); box-shadow: 0 0 0 1px var(--inp_border); border: none}
.goods_option_area .sbOptions {box-shadow: 0 0 0 1px #333; border: none; left: 0; max-height: 26rem}
.goods_option_area .suboptionTr .sbSelector,
.goods_option_area .optionTr .sbSelector {width: 100%; height: 100%; color: #BDBDBD; line-height: var(--inp_lineheight); padding: 0 45px 0 20px; text-indent:0; font-size: 14px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goods_option_area .suboptionTr .sbToggle,
.goods_option_area .optionTr .sbToggle {width: auto; top: 50%; right: 20px; transform: translateY(-50%); background: none !important; height: auto}
.goods_option_area .suboptionTr .sbToggle:before,
.goods_option_area .optionTr .sbToggle:before { content: ""; display: inline-block; width: 22px; height: 22px; margin-top: 5px; background: url('/data/skin/dualsonic/images/common/dual_ico_down.svg')center/contain no-repeat; font-size: 16px; color: #000000}

.goods_option_area .sbOptions .sbDisabled,
.goods_option_area .suboptionTr .sbOptions a,
.goods_option_area .optionTr .sbOptions a {padding: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.sbOptions .sbDisabled {border-top: 1px solid #ddd !important;}

.goods_option_area .goods_buy_btn {display: none}

.goods_option_area .add_config {margin-top: 20px}
.goods_option_area .add_config .select_wrap {flex: 1}
.goods_option_area .add_config .select_box {display: flex}
.goods_option_area .add_config .select_box + .select_box {margin-top: 10px;}
.goods_option_area .add_config .select_box .select {flex: 1}
.goods_option_area .add_config .select_box .btn_add_suboption {height: var(--inp_height); width: var(--inp_height); line-height: var(--inp_lineHeight) ;background-color: #fff; border-left: none; box-shadow: 0 0 0 1px var(--inp_border);}
.goods_option_area .add_config .select_box .btn_add_suboption svg {height: 18px; transform: translateY(2px)}
.goods_option_area .add_config .select_box .btn_del_suboption {height: var(--inp_height); width: var(--inp_height); line-height: var(--inp_lineHeight) ;background-color: #fff; border-left: none; box-shadow: 0 0 0 1px var(--inp_border);}
.goods_option_area .add_config .select_box .btn_del_suboption svg {height: 18px; transform: translateY(2px)}

#goods_spec .choice_btn_box {margin-top: 20px; padding-left: 140px}

#goods_spec .choice_btn_box .choice_btn {display: flex; align-items: center; justify-content: center; width: 100%; padding: 16px 0 ;font-size: 15px; font-weight: 500; border: 1px solid #000; transition: all .3s}
#goods_spec .choice_btn_box .choice_btn svg {height: 17px; margin-right: 10px; transition: all .3s}


#goods_spec .goods_buy_btn {display: none}
.fixed_btn_bg {display: none}

#goods_spec .goods_price_area {display: flex; align-items: center;}
#goods_spec .goods_price_area.single_opt_box .total_goods_price,
#goods_spec .goods_price_area { margin-top: 40px;font-size: 2.8rem; font-weight: 700}
#goods_spec .goods_price_area .total_goods_price {margin-left: auto}
#goods_spec .goods_price_area .total_goods_tit { font-size: 1.6rem; margin-right: 10px; font-weight: 400}
#goods_spec .goods_price_area .num_single_area li {display: flex; align-items: center}
#goods_spec .goods_price_area .num_single_area li input {width: 7.5rem;height: 3.1rem;border: 1px solid #cccccc;font-size: 12px;text-align: center;font-weight: 500; border-radius: 0}
#goods_spec .goods_price_area .num_single_area li .btn_box {display: flex;flex-direction: column;margin-left: 5px;}
#goods_spec .goods_price_area .num_single_area li .btn_box button {position: relative;width: 2.5rem;height: 1.5rem;text-align: center;border: 1px solid #cccccc;background: #FFFFFF;}
#goods_spec .goods_price_area .num_single_area li .btn_box button + button {border-top: none}
#goods_spec .goods_price_area .num_single_area li .btn_box button:before {content: "";font-family: "Font Awesome 6 Pro";font-size: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);vertical-align: middle;}
#goods_spec .goods_price_area .num_single_area li .btn_box .eaPlus:before{content: "\f106";}
#goods_spec .goods_price_area .num_single_area li .btn_box .eaMinus:before{content: "\f107";}
#goods_spec .goods_price_area .num_single_area li.none input,
#goods_spec .goods_price_area .num_single_area li.none .btn_box button{pointer-events: none}


#goods_view.basic .goods_option_select_area {margin-bottom: 0 !important;}

/*단일 옵션 스타일*/
#goods_spec .goods_price_area.single_opt_box {display: block}
#goods_spec .goods_price_area.single_opt_box .cont_box {padding: 2rem 2.5rem;background-color: #FAFAFA;border-top: 1px solid #BCBCBC; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap}
#goods_spec .goods_price_area.single_opt_box .cont_box .ul_txt {font-size: 1.6rem; width: 100%; margin-bottom: 10px; font-weight: 400}
#goods_spec .goods_price_area.single_opt_box .total_goods_price {text-align: right}

#goods_spec .goods_buttons_area .basic_btn_area {display: flex; margin-top: 30px; table-layout: auto}
#goods_spec .goods_buttons_area .basic_btn_area li {flex: 1}
#goods_spec .goods_buttons_area .basic_btn_area li .btn {height: 7rem; line-height: 6.9rem; font-size: 1.8rem; font-weight: 600; border: 1px solid #000; background-color: #fff; cursor: pointer}
#goods_spec .goods_buttons_area .basic_btn_area li + li .btn {border-left: none}
#goods_spec .goods_buttons_area .basic_btn_area li .btn.bk {background: #000; color: #fff}

.goods_quantity_table .quanity_row {position: relative}
.goods_quantity_table .quanity_row + .quanity_row > div {border-color: #cccccc}
.goods_quantity_table .suboption_tr > .quantity_cell_sub,
.goods_quantity_table .option_tr > .quantity_cell {padding: 2rem 2.5rem; background-color: #FAFAFA; border-top: 1px solid #BCBCBC}
.goods_quantity_table .option_text {font-size: 1.6rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 25px;}

.goods_quantity_table .quantity_check {display: flex; align-items: center}
.goods_quantity_table .quantity_check input {width: 7.5rem; height: 30px; border: 1px solid #cccccc; font-size: 12px; text-align: center; font-weight: 500}
.goods_quantity_table .quantity_check .btn_box {display: flex; flex-direction: column; margin-left: 5px;}
.goods_quantity_table .quantity_check .btn_box button {position: relative; width: 25px; height: 15px;  text-align: center; border: 1px solid #cccccc; background: #FFFFFF}
.goods_quantity_table .quantity_check .btn_box button + button {border-top: none}
.goods_quantity_table .quantity_check .btn_box button:before {content: ""; width: 10px; height: 10px; background: url('/data/skin/dualsonic/images/common/dual_ico_down.svg')center/contain no-repeat; font-size: 8px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.goods_quantity_table .quantity_check .btn_box .eaPlus:before{ transform: translate(-50%,-50%) rotate(180deg) }
.goods_quantity_table .quantity_check .btn_box .eaMinus:before{  }


.goods_quantity_table .num_price {display: flex; align-items: center; justify-content: space-between; margin-top: 10px}
#goods_spec .goods_price_area.single_opt_box .opt_total_txt,
.goods_quantity_table .num_price .out_suboption_price,
.goods_quantity_table .num_price .out_option_price {font-size: 1.8rem; font-weight: 700}
.goods_quantity_table .close_btn {position: absolute; top: 1.8rem; right: 2rem; width: 3rem; height: 3rem; }
.goods_quantity_table .close_btn:before {content: ""; display: inline-block; width: 100%; height: 100%; background: url('/data/skin/dualsonic/images/common/dual_ico_x.svg')center/contain no-repeat; font-size: 18px; font-weight: 300}


.goods_quantity_table_float {margin-top: 35px;}
.goods_quantity_table_float .quanity_row {position: relative}
.goods_quantity_table_float .quanity_row + .quanity_row > div {border-color: #cccccc}

.total_goods_price.single_opt_box .cont_box ,
.goods_quantity_table_float .suboption_tr > .quantity_cell_sub,
.goods_quantity_table_float .option_tr > .quantity_cell {padding: 2rem 2.5rem; background-color: #FAFAFA; border-top: 1px solid #BCBCBC}
.goods_quantity_table_float .option_text {font-size: 1.6rem; color: #000}

.goods_quantity_table_float .quantity_check {display: flex; align-items: center}
.goods_quantity_table_float .quantity_check input {width: 75px; height: 30px; border: 1px solid #cccccc; font-size: 12px; text-align: center; font-weight: 500}
.goods_quantity_table_float .quantity_check .btn_box {display: flex; flex-direction: column; margin-left: 5px;}
.goods_quantity_table_float .quantity_check .btn_box button {position: relative; width: 25px; height: 15px;  text-align: center; border: 1px solid #cccccc; background: #FFFFFF}
.goods_quantity_table_float .quantity_check .btn_box button + button {border-top: none}
.goods_quantity_table_float .quantity_check .btn_box button:before {content: ""; width: 10px; height: 10px; background: url('/data/skin/dualsonic/images/common/dual_ico_down.svg')center/contain no-repeat; font-size: 8px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.goods_quantity_table_float .quantity_check .btn_box .eaPlus_float:before{ transform: translate(-50%,-50%) rotate(180deg) }
.goods_quantity_table_float .quantity_check .btn_box .eaMinus_float:before{}


.goods_quantity_table_float .num_price {display: flex; align-items: center; justify-content: space-between; margin-top: 2rem}
.goods_quantity_table_float .num_price .out_suboption_price,
.goods_quantity_table_float .num_price .out_option_price {font-size: 1.8rem; font-weight: 700}
.goods_quantity_table_float .close_btn {position: absolute; top: 2rem; right: 2rem; width: 3rem; height: 3rem; }
.goods_quantity_table_float .close_btn:before {content: ""; display: inline-block; width: 100%; height: 100%; background: url('/data/skin/dualsonic/images/common/dual_ico_x.svg')center/contain no-repeat; font-size: 18px; font-weight: 300}


.pre_option_wrap .suboptionTr_float {display: flex}
.pre_option_wrap .optionTr_float .sbHolder {width: 100%;height:4.8rem;border: none; box-shadow: 0 0 0 1px var(--inp_border);}
.pre_option_wrap .optionTr_float .sbSelector {width: 100%;height: 100%;color: #BDBDBD;line-height: 4.8rem;padding: 0 20px;text-indent: 0;font-size: 14px;}
.pre_option_wrap .optionTr_float .sbOptions {box-shadow: 0 0 0 1px #333; border: none; left: 0; max-height: 20rem}


.pre_option_wrap .optionTr_float .sbToggle {width: auto; top: 50%; right: 20px; transform: translateY(-50%); background: none !important; height: auto}
.pre_option_wrap .optionTr_float .sbToggle:before {content: ""; display: inline-block; width: 20px; height: 20px; background: url('/data/skin/dualsonic/images/common/dual_ico_down.svg')center/contain no-repeat; font-size: 16px; color: #000000; margin-top: 5px}


.pre_option_wrap .optionTr_float .select_box .select {flex: 1}
.pre_option_wrap .optionTr_float .select_box .btn_add_suboption_float {height: 4.8rem; width: var(--inp_height); line-height: var(--inp_lineHeight) ;background-color: #fff; box-shadow: 0 0 0 1px var(--inp_border); border-left: none}
.pre_option_wrap .optionTr_float .select_box .btn_add_suboption_float svg {height: 18px}
.pre_option_wrap .optionTr_float .select_box .btn_del_suboption_float {height: 4.8rem; width: var(--inp_height); line-height: var(--inp_lineHeight) ;background-color: #fff; box-shadow: 0 0 0 1px var(--inp_border); border-left: none}
.pre_option_wrap .optionTr_float .select_box .btn_del_suboption_float svg {height: 18px}

.pre_option_wrap .num_single_area_float {margin-right: auto}
.pre_option_wrap .num_single_area_float li {display: flex; align-items: center}
.pre_option_wrap .num_single_area_float li input {width: 60px;height: 26px;border: 1px solid #cccccc;font-size: 11px;text-align: center;font-weight: 500;}
.pre_option_wrap .num_single_area_float li .btn_box {display: flex;flex-direction: column;margin-left: 5px;}
.pre_option_wrap .num_single_area_float li .btn_box button {position: relative;width: 20px;height: 13px;text-align: center;border: 1px solid #cccccc;background: #FFFFFF;}
.pre_option_wrap .num_single_area_float li .btn_box button + button {border-top: none}
.pre_option_wrap .num_single_area_float li .btn_box button:before {content: "";font-family: "Font Awesome 6 Pro";font-size: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);vertical-align: middle;}
.pre_option_wrap .num_single_area_float li .btn_box .eaPlus_float:before{content: "\f106";}
.pre_option_wrap .num_single_area_float li .btn_box .eaMinus_float:before{content: "\f107";}

/*단일 옵션일 경우 aside*/
.product_info_sect .aside .total_goods_price.single_opt_box {display: block}
.product_info_sect .aside .total_goods_price.single_opt_box .cont_box {display: flex; align-items: flex-end; flex-wrap: wrap}
.product_info_sect .aside .total_goods_price.single_opt_box .cont_box .ul_txt {font-size: 1.6rem;width: 100%;margin-bottom: 10px;font-weight: 400; text-align: left}


.pre_option_wrap .choice_btn_box .choice_btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 4.8rem; font-size: 15px; font-weight: 500; border: 1px solid #000; transition: all .3s}
.pre_option_wrap .choice_btn_box .choice_btn svg {height: 17px; margin-right: 10px; transition: all .3s}



/*.goods_option_area .suboptionTr .sbOptions a,*/
/*.goods_option_area .optionTr .sbOptions a {padding: 10px}*/


/*.product_info .aside .goods_price_area {display: flex; align-items: center;}*/
.product_info_sect .aside .total_goods_price.single_opt_box .total_txt,
.product_info_sect .aside .total_goods_price {margin-left: auto;  margin-top: 3.5rem;font-size: 2rem; font-weight: 700; text-align: right;}
.product_info_sect .aside .total_goods_tit { font-size: 12px; margin-right: 10px; font-weight: 400}
.product_info_sect .aside .btn_wrap {margin-top: 20px}



/*
.sale_price {color:#333;}
.total_price {color:#cc0000;}
option.soldout {color:#bcbcbc;}

.goods_option_table {margin:0;}
.goods_option_table th { padding-right: 10px; padding-bottom:2px; text-align:left; font-weight:500; color:#333; font-size:13px; }

.goods_option_table tr:first-child th {border-top:0px;}
.goods_option_table td {text-align:left; color:#616161; min-height:20px; }
.goods_option_table .desc {font-size:12px; color:#9a9a9a;}
.goods_option_table select { width:100%; height:35px; }
.goods_option_table select>option { font-size:14px; }
.goods_option_table .btn_pm_td { text-align:right; padding-left:5px !important; width:35px; vertical-align:top;}
.goods_option_table tr.optionTr td {padding:5px 0;}
.goods_option_table tr.inputoptionTr td {padding:5px 0;}
.goods_option_table tr.suboptionTr td {padding:5px 0;}
.goods_option_table .title_dd { font-size:13px; font-weight:500; color:#333;  }
.goods_option_table .upload-tb td { padding-right:10px !important; }

.goods_quantity_table_container {padding:10px 0;}
.goods_quantity_table { width:100%; table-layout:fixed; border-collapse:collapse; background-color:#f8f8f8; border:1px solid #d0d0d0; }
.goods_quantity_table td.quantity_cell {padding:10px; line-height:20px;border-top:1px solid #d0d0d0;}
.goods_quantity_table .inputoption_tr>td.quantity_cell { padding:0 10px 8px; line-height:1.4; }
.goods_quantity_table td.option_col_price {padding-bottom:10px;}
.goods_quantity_table td.quantity_cell_sub {padding:10px; line-height:20px; border-top:1px solid #d0d0d0; }
.goods_quantity_table td.quantity_cell_sub_price {padding:10px; border-top:1px solid #d0d0d0}
.goods_quantity_table tr.quanity_row:first-child td.quantity_cell {border-top:0px}
.goods_quantity_table tr.quanity_row:first-child td.quantity_cell_sub {border-top:0px}
.goods_quantity_table tr.quanity_row:first-child td.quantity_cell_sub_price {border-top:0px}
.goods_quantity_table tr.quanity_row:first-child td.quantity_cell {border-top:0px}
.goods_quantity_table .option_text { font-size:13px;color:#333; }
.goods_quantity_table .out_option_price, .out_suboption_price {font-size:19px; color:#333; font-weight:400; line-height:20px;}
.goods_quantity_table .removeOption {padding-left:10px;}
.goods_quantity_table .num_price { display:table; width:100%; margin-top:4px; }
.goods_quantity_table .num_price>li { display:table-cell; vertical-align:bottom; }
.goods_quantity_table .num_price .option_col_price { text-align:right; }
.goods_quantity_table .num_price .quantity_cell_sub_price { text-align:right; }
.goods_quantity_table .num_price .removeOption { margin-top:0; vertical-align:bottom; }

.goods_option_area .sbOptions { max-height: 400px; overflow-y: auto; z-index:5; }
.goods_option_area .viewOptionsspecialays, .goods_option_area .recently_viewOptionsspecialays {}
.goods_option_area .viewOptionsspecialays>span, .goods_option_area .recently_viewOptionsspecialays>span { display:inline-block; position:relative; border:1px #ccc solid; cursor:pointer; }
.goods_option_area .viewSubOptionsspecialays, .goods_option_area .recently_viewSubOptionsspecialays { padding-top:8px; }
.goods_option_area .viewSubOptionsspecialays>span, .goods_option_area .recently_viewSubOptionsspecialays>span { display:inline-block; position:relative; border:1px #ccc solid; cursor:pointer; }
.goods_option_area .out { position:absolute; top:0; left:0; display:block; width:100%; line-height:26px; text-align:center; color:#f00; font-weight:normal; text-shadow:0 0 4px #fff; }

.goods_option_area .viewOptionsspecialbtn, .goods_option_area .viewOptionsspecialbtn font,
.goods_option_area .viewOptionsspecialbtnDisable, .goods_option_area .viewOptionsspecialbtnDisable font,
.goods_option_area .viewSubOptionsspecialbtn, .goods_option_area .viewSubOptionsspecialbtn font,
.goods_option_area .viewSubOptionsspecialbtnDisable, .goods_option_area .viewSubOptionsspecialbtnDisable font,
.goods_option_area .recently_viewOptionsspecialbtn, .goods_option_area .recently_viewOptionsspecialbtn font,
.goods_option_area .recently_viewOptionsspecialbtnDisable, .goods_option_area .recently_viewOptionsspecialbtnDisable font,
.goods_option_area .recently_viewSubOptionsspecialbtn, .goods_option_area .recently_viewSubOptionsspecialbtn font,
.goods_option_area .recently_viewSubOptionsspecialbtnDisable, .goods_option_area .recently_viewSubOptionsspecialbtnDisable font { display:block; padding:0; width:24px; height:24px; border:0px #e8e8e8 solid; font-size:0; }

.goods_option_area .viewInputLay input {padding:0;box-sizing:border-box; width:100%;height:40px; line-height:40px; text-indent:8px;border:1px solid #ddd;}
.goods_option_area .viewInputTextareaLay {padding:6px 8px;border:1px solid #ddd;background-color:#fff;}
.goods_option_area .viewInputTextareaLay textarea {padding:0;width:100%;resize:none;overflow:auto;border:none;}
.goods_option_area .inputsFileWrap {display:block; border:1px solid #ddd; height:40px; line-height:40px; text-indent:8px;}
.goods_option_area .single_num_change { padding:10px; }
.goods_option_area .single_num_change .tle { display:inline-block; margin-right:6px; font-size:14px; font-weight:500; }

.goods_price_area .num_single_area { width:100px; padding-left:10px; }
.goods_price_area .total_goods_price { text-align:right; padding:0px 10px 0 2px; font-size:18px; color:#333;vertical-align:middle;}
.goods_price_area .total_goods_tit { font-size:17px; margin-right:4px; color:#333;}
#total_goods_price { display:inline-block; position:relative; bottom:-1px; vertical-align:bottom;  font-weight:500; font-size:32px; line-height:1.0em; letter-spacing:-2px; }
#total_goods_price.v2 { display:inline; position:static; bottom:0; vertical-align:baseline; font-weight:500; font-size:21px; line-height:1.2; letter-spacing:-1px; color:#333; }
.total_goods_price2 { font-weight:500; font-size:20px; line-height:1.2; letter-spacing:-1px; }



.goods_buttons_area { padding:20px 0 0; }
.goods_buttons_section>li { padding-top:10px; }
.goods_buttons_section>li:first-child { padding-top:0; }
.goods_buttons_section>li>button { width:100%; }

.goods_buttons_section .basic_btn_area {display: flex;}
.goods_buttons_section .basic_btn_area li:not(.list_present) {flex: 1 1 25%}
.goods_buttons_section .basic_btn_area li button {padding: 0 10px}
*/





.goods_naver_talk_pc { padding-top:20px; }
.goods_naver_talk_pc .btn_naver_talk { width:100%; }

.goods_npay, .goods_talkbuy{ margin-top:15px; margin-left: 0px; }
.goods_npay:after, .goods_talkbuy:after {content:""; display:block; clear:both;}
#nhn_btn .npay_type_C_2_2 { width: 100%!important;  }



.btn_naver_talk { background:#01c43d; height:40px; line-height:40px; font-size:16px; color:#ffffff; }

/* coupon */
.coupon_area .swipe { overflow:hidden; visibility:hidden; position:relative; }
.coupon_area .swipe-wrap { overflow:hidden; position:relative; }
.coupon_area .swipe-wrap > div { float:left; width:50%; position:relative; }
.coupon_area .coupon_cont { display:table; margin:0 auto; }
.coupon_area .coupon_cont>li { display:table-cell; vertical-align:top; }
.coupon_area .coupon_cont .btn_area { padding-top:4px; }
.coupon_area .coupon_cont .btn_area>a { display:block; width:50px; height:110px; }
.coupon_area .coupon_cont .btn_area>a.btn_prev { background: #fff url(../images/design/btn_detail_prev.gif) 45% 50% no-repeat; }
.coupon_area .coupon_cont .btn_area>a.btn_next { background: #fff url(../images/design/btn_detail_next.gif) 55% 50% no-repeat; }
.coupon_area .coupon_cont .txt_area { padding:2px 0 0 6px; }
#couponSwipe {width:254px;margin:auto}
.obj_slide div.offline_coupon { background:url('../../images/design/cpn_bg.gif') no-repeat;margin-top:5px;margin-left:5px;width:200px; height:95px; padding:15px; font-weight:500; color:#333; font-size:12px; letter-spacing:-1px; word-break:break-all; }
.obj_slide div.offline_coupon .item_text_content { width:160px; padding-top:8px; font-size:16px; color:#c00900;}
.obj_slide div.online_coupon { width:254px; height:120px; }
.obj_slide div.online_coupon .discount_price { padding:55px 30px 0 0; text-align:right; }
.obj_slide div.use_limit_txt { overflow-x:hidden; margin-top:-1px; }
.couponDownload {cursor:pointer;}

/* 제품 상세 쿠폰 1개 */
.couponDownload {display: flex; align-items: center; border: 1px solid #000; padding: 15px 25px; transition: all .3s}
.couponDownload .num {font-size: 20px; font-weight: 800}
.couponDownload .num + .tit {margin-left: 10px}
.couponDownload .tit {font-size: 15px; font-weight: 500}
.couponDownload .date {font-size: 12px; color: #BDBDBD; transition: all .3s}
.couponDownload .tit + .date {margin-left: 10px;}
.couponDownload .ico {margin-left: auto; display: block;width: 28px;height: 28px;background: url('/data/skin/dualsonic/images/common/dual_ico_download.svg') center/contain no-repeat; transition: all .3s}






.guide_origin_image { display:none; width:100%; font-size:13px; color:#767676; }
.guide_origin_image>li { display:table-cell; padding:10px 0; vertical-align:middle; }
.guide_origin_image>li.btn_area { text-align:right; width:80px; padding-left:0; }


/* 상품상세 탭 */

.product_info_wrap {margin-top: 16rem}
.product_info_wrap .sticky_nav {display: flex; position: sticky; top: calc(var(--header_Height) - 1px) ; background: #fff; z-index: 15; transition: 0.2s; width: calc(100% + (var(--resp_wrap_pd) * 2)); margin-left: calc(var(--resp_wrap_pd) * -1);
	padding: 0 var(--resp_wrap_pd)}
/*.down .product_info_wrap .sticky_nav { top: calc(var(--header_Height) - 1px)}*/
.product_info_wrap .sticky_nav .btn {position: relative;flex: 1; padding-bottom: 15px; font-size: 2.2rem; font-weight: 600; color: #BDBDBD; transition: all .3s; text-align: center; text-transform: capitalize;}
.product_info_wrap .sticky_nav .btn:before {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); width: 100%; height: 2px; background-color: #cccccc}
.product_info_wrap .sticky_nav .btn:after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); width: 0%; height: 2px; background-color: #000; z-index: 1; transition: all .3s}
.product_info_wrap .sticky_nav .btn.active {color: #000}
.product_info_wrap .sticky_nav .btn.active:after{width: 100%}

.product_info_wrap .sticky_nav .btn .num {font-size: 0.8em}
.product_info_wrap .sticky_nav .btn .num:before{content: "("}
.product_info_wrap .sticky_nav .btn .num:after{content: ")"}

/*상세 레이아웃*/


.list_empty_box {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 70px 0; border-bottom: 1px solid var(--border-color)}

.list_empty_box svg {fill: #DEDEDE; height: 56px}
.list_empty_box span {display: inline-block; margin-top: 0.85em; color: #C4C4C4; font-size: 16px; font-weight: 400; text-align: center}
.product_info_wrap .product_info_sect {display: flex; align-items: flex-start}
.product_info_wrap .product_info {flex: 1; min-width: 0}
.product_info_wrap .aside {width: 26%}

.product_info_wrap .product_info .sect_tit .tit {font-size: 2.2rem; font-weight: 700; text-transform: capitalize;}
.product_info_wrap .product_info .sect_tit .tit .num {font-size: 0.8em;}
.product_info_wrap .product_info .sect_tit .tit .num:before {content: "("}
.product_info_wrap .product_info .sect_tit .tit .num:after {content: ")"}
.product_info_wrap .product_info .sect_top {display: flex; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #000}
.product_info_wrap .product_info .sect_top .arr_btn {width: 20px;height: 20px;background: url("/data/skin/dualsonic/images/common/dual_ico_down.svg") center / cover no-repeat;transition: transform 0.3s; margin-left: auto }
.product_info_wrap .product_info_sect .payment .goods_buy_btn {display: none}

.product_info_wrap .fold_top { cursor: pointer; }
.product_info_wrap .product_info .sect_top.active .arr_btn { transform: rotate(180deg); }
.product_info_wrap .fold_cont { height: 0; overflow: hidden;}
.product_info_wrap .fold_cont.active { height: auto; overflow: visible; }

/*제품상세 고정 주문탭*/
.product_info_wrap .product_info_sect .aside {padding-top: 6rem; margin-left: 5rem; position: sticky; top: 125px; min-width: 340px}
.product_info_wrap .product_info_sect .payment {padding: 0 2px 10rem; overflow-y: auto; max-height: calc(100vh - var(--header_total))}
.product_info_wrap .product_info_sect .payment .goods_option_table + .goods_option_table {margin-top: 20px}
.product_info_wrap .product_info_sect .payment .optionTr_float .tit {margin-bottom: 10px;}
.product_info_wrap .product_info_sect .payment .detail_title_area .brand_name {font-size: 12px; font-weight: 500}
.product_info_wrap .product_info_sect .payment .detail_title_area .name {font-size: 26px; font-weight: 700;}
.product_info_wrap .product_info_sect .payment .detail_title_area .summary {font-size: 13px; font-weight: 500; margin-top: 5px; color: #BDBDBD; }
.product_info_wrap .product_info_sect .payment .goods_spec_sections {margin-top: 20px}
.product_info_wrap .product_info_sect .payment .deatil_price_area .price_txt {display: flex; align-items: flex-end; font-size: 18px; line-height: 1}
.product_info_wrap .product_info_sect .payment .deatil_price_area .deatil_sale_rate .inner { font-weight: 800; margin-right: 5px; order: 1; color: #ff4545}
.product_info_wrap .product_info_sect .payment .deatil_price_area .sale_price {font-weight: 700; order: 2}
.product_info_wrap .product_info_sect .payment .deatil_price_area .org_price {margin-left: 10px; font-size:11px; font-weight: 500; color: #C4C4C4; order: 3}
.product_info_wrap .product_info_sect .payment .goods_spec_coupon {margin-top: 12px;}
.product_info_wrap .product_info_sect .payment .goods_spec_coupon .btn {font-size: 11px; border-bottom: 1px solid #999999; color: #999999; display: flex; align-items: center}
.product_info_wrap .product_info_sect .payment .goods_spec_coupon .btn .ico {display: inline-block; height: 13px; width: 13px; transition: all .3s;background: url(../images/common/dual_ico_next_gy.svg) no-repeat center / cover;}

.product_info_wrap .product_info_sect .payment .pre_option_wrap {margin-top: 30px;}
.product_info_wrap .product_info_sect .payment .add_config {margin-top: 15px;}
.product_info_wrap .product_info_sect .payment .choice_btn_box {margin-top: 20px;}

.product_info_wrap .product_info_sect .payment .goods_buy_sections{border-top: none;}
.product_info_wrap .product_info_sect .payment .goods_option_area {margin-top: 35px}
.product_info_wrap .product_info_sect .payment .goods_option_area .optionTr .tit {display: none}
.product_info_wrap .product_info_sect .payment .pre_option_wrap .goods_option_area .optionTr .tit {display: block;}
.product_info_wrap .product_info_sect .payment .goods_option_area .goods_option_table + .goods_option_table {margin-top: 10px}

/* 상품상세 제품_리뷰 */

.goods_desc_contents {position: relative}
.goods_desc_contents video,
.goods_desc_contents img {width: 100%; max-width: 100%}
/*.goods_desc_contents .detailWrapper .wrapcon,*/
/*.goods_desc_contents .detailWrapper .wrapcon > *,*/
/*.goods_desc_contents .detailWrapper  {width: 100%; max-width: 100%}*/

.goods_desc_contents .iframe_box {width: 100%; position: relative; }
.goods_desc_contents .iframe_box iframe {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}



/* 상품상세 디자인 */
/*.movBox {padding: 0 !important;}*/

.set_preload .product_info .sect {margin-top: 9rem; position: relative}
/*.set_preload .product_info .sect iframe {width: 100%; border: none;}*/
.set_preload .product_info .details_sect  {margin-top: 6rem;}
.set_preload .product_info .review_sect .sect_top .txt {margin-left: auto; font-size: 12px; color: #BDBDBD}
.set_preload .product_info .review_sect .avg_box {display: flex; background-color: #FAFAFA;}
.set_preload .product_info .review_sect .avg_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; padding: 4rem 0}
.set_preload .product_info .review_sect .avg_box .cont + .cont {border-left: 1px solid #DADADA}
.set_preload .product_info .review_sect .avg_box .cont.left .star_txt {display: flex; align-items: center}
.set_preload .product_info .review_sect .avg_box .cont.left .star_txt .ico { display: block; width: 30px; height: 30px; background: url('/data/skin/dualsonic/images/common/dual_ico_full_star.svg') center / contain no-repeat; }
.set_preload .product_info .review_sect .avg_box .cont.left .star_txt svg {height: 30px; fill: #000}
.set_preload .product_info .review_sect .avg_box .cont.left .star_txt .num {margin-left: 1.5rem; font-size: 30px; font-weight: 700; color: #000}
.set_preload .product_info .review_sect .avg_box .cont .txt {font-size: 14px; font-weight: 500; margin-top: 10px}
.set_preload .product_info .review_sect .avg_box .cont.right .review_info {display: flex; align-items: center; height: 45px}
.set_preload .product_info .review_sect .avg_box .cont.right .review_info .ev_active2{width: 13rem; height: 2.2rem}
.set_preload .product_info .review_sect .avg_box .cont.right .review_info .ev_active2 b:before {width: 13rem}

.set_preload .product_info .review_sect .slide_box {margin-top: 4rem}
.set_preload .product_info .review_sect .slide_box .tit_box {display: flex; justify-content: space-between; align-items: center; font-size: 2rem; font-weight: 600}
.set_preload .product_info .review_sect .slide_box .tit_box .btn {display: inline-block; color: #999999; border-bottom: 2px solid #999999; font-size: 14px; line-height: 1.1; display: none}
.set_preload .product_info .review_sect .slide_box .tit_box .num {font-size: 0.8em}
.set_preload .product_info .review_sect .slide_box .tit_box .num:before {content: "(";}
.set_preload .product_info .review_sect .slide_box .tit_box .num:after {content: ")";}
.set_preload .product_info .review_sect .slide_box .slide {position: relative; margin-top: 15px}
.set_preload .product_info .review_sect .slide_box .slide .img {position: relative; width: 100%; padding-top: 100%; opacity: 1; transition: all .3s; background-color: #f5f5f5}
.set_preload .product_info .review_sect .slide_box .slide .img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box; z-index: 1; opacity: 0; transition: all .3s; display: none}
.set_preload .product_info .review_sect .slide_box .slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; mix-blend-mode: multiply;}






.set_preload .product_info .review_sect .slide_box .slide .swiper-button-prev,
.set_preload .product_info .review_sect .slide_box .slide .swiper-button-next {background: none; width:aut o; height: auto; margin-top: 0; transform: translateY(-50%); display: none}
.set_preload .product_info .review_sect .slide_box .slide .swiper-button-prev {left: 0}
.set_preload .product_info .review_sect .slide_box .slide .swiper-button-next {right: 0}
.set_preload .product_info .review_sect .slide_box .slide .swiper-button-prev svg,
.set_preload .product_info .review_sect .slide_box .slide .swiper-button-next svg {height: 2.3rem; fill: #BDBDBD; transition: all .3s}
.set_preload .product_info .review_sect .slide_box .slide .swiper-button-prev.swiper-button-disabled,
.set_preload .product_info .review_sect .slide_box .slide .swiper-button-next.swiper-button-disabled {opacity: 1}

.set_preload .product_info .review_sect .review_list {margin-top: 4rem}
.set_preload .product_info .review_sect iframe {width: 100%; border: none; margin-top: 40px; overflow: hidden}

.set_preload .product_info .review_sect .slide_box .slide .swiper-slide .last_box {display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; font-weight: 500; color: #fff; font-size: 16px}
.set_preload .product_info .review_sect .slide_box .slide .swiper-slide .last_box .plus {margin-right: 2px;}

.pd_review_iframe .list_top {display: flex;}
.pd_review_iframe .list_top .btn {font-size: 16px; font-weight: 500; transition: all .3s; color: #BDBDBD}
.pd_review_iframe .list_top .btn:after {content: attr(data-nm);overflow: hidden;height: 0;width: 0;visibility: hidden;font-weight: 700;display: block;}
.pd_review_iframe .list_top .btn.active {font-weight: 700; color: #000}

.pd_review_iframe .list_top .btn + .btn {margin-left: 20px;}
.pd_review_iframe .list_box {margin-top: 20px; border-top: 1px solid #000}
.pd_review_iframe .list_box > li {display: flex; align-items: flex-start; padding: 3rem 2rem; border-bottom: 1px solid #cccccc}
.pd_review_iframe .list_box .cont_box {flex: 1; display: flex; flex-wrap: wrap; margin-left: 7rem;}
.pd_review_iframe .list_box .score_box {flex-shrink: 0}
.pd_review_iframe .list_box .score_box .review_info .ev_active2 {width: 8.7rem; height: 1.45rem}
.pd_review_iframe .list_box .score_box .review_info .ev_active2 b:before {width: 8.7rem;}
.pd_review_iframe .list_box .score_box .txt {margin-top: 10px; font-size: 14px; font-weight: 500}
.pd_review_iframe .list_box .txt_box {position: relative; flex: 1}
.pd_review_iframe .list_box .txt_box .product_txt {font-size: 14px; color: #BDBDBD}
.pd_review_iframe .list_box .txt_box .txt {font-size: 14px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.pd_review_iframe .list_box .txt_box .more_button {display: none; margin-top: 5px; color: #999;text-decoration-line: underline;text-decoration-color: #999;text-decoration-style: solid;text-underline-position: under;text-underline-offset: 0px;text-decoration-thickness: 1px ;}
.pd_review_iframe .list_box .txt_box .crystal_btn_box {position: absolute; top: 0; right: 0}
.pd_review_iframe .list_box .good_info_box {margin-top: 25px; width: 100%}
.pd_review_iframe .list_box .img_box {position: relative; flex-shrink: 0; width: 12rem; height: 12rem; margin-left: 8rem; background-color: #f5f5f5}
.pd_review_iframe .list_box .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; mix-blend-mode: multiply}



/*제품상세 상세정보*/

.set_preload .product_info .details_sect .details_box {position: relative; max-height: 190rem; overflow: hidden; transition: all .4s; z-index: 2; margin-top: -2px; background-color: #fff}
.set_preload .product_info .details_sect .details_box:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(190,149,110,0) 90%);}
.set_preload .product_info .details_sect .view_btn {display: flex; align-items: center; justify-content: center; width: 100%; padding: 15px 0; font-size: 16px; font-weight: 600; color: #666666; border: 1px solid #cccccc; transition: all .3s}
.set_preload .product_info .details_sect .view_btn .ico { display: block; width: 16px; height: 16px; margin-left: 5px; background: url('data:image/svg+xml,<svg id="viewDownIco" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 140 140" ><style type="text/css">%23viewDownIco .st0{fill:none;stroke:%23000000;stroke-width:9;stroke-miterlimit:10;}</style><polyline class="st0" points="113,48.6 69.9,91.6 27,48.7"/></svg>') center / contain; transition: background 0.3s; }

.set_preload .product_info .details_sect .details_box.active {max-height: none}
.set_preload .product_info .details_sect .details_box.active:before {content: none}
.set_preload .product_info .details_sect .view_btn.up .ico {transform: rotate(180deg)}


/*제품상세 문의*/
.set_preload .product_info .inquiry_sect .sect_top {display: flex;}
.set_preload .product_info .inquiry_sect iframe {width: 100%; border: none}

.qna_iframe .list_empty {padding: 8rem 0 !important;}
.qna_iframe .list_empty.bot_line {border-bottom: 1px solid #ccc}
.qna_iframe .btn_box {margin-top: 20px;}
.qna_iframe .reg_btn  {display: flex; align-items: center; justify-content: center; width: 15rem; height: 4.5rem; margin-left: auto; line-height: 4.4rem; border: 1px solid #000; margin-right: 2px; transition: all .3s;}
.qna_iframe .reg_btn svg {height: 13px; margin-right: 5px; transition: all .3s}
.qna_iframe .reg_btn .ico { display: block; width: 1.6rem; height: 1.6rem; margin-top: -1px; margin-right: 5px; background: url('data:image/svg+xml,<svg id="inquiryIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23inquiryIco .cls-1 { fill: %23000; }%23inquiryIco .cls-1, .cls-2 { stroke-width: 0px; }%23inquiryIco .cls-3 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; }</style></defs><polygon class="cls-1" points="79.67 23.3 17.61 85.48 17.61 112.44 44.57 112.44 106.75 50.38 79.67 23.3"/><line class="cls-3" x1="69.46" y1="110.82" x2="122.61" y2="110.82"/></svg>') center /contain; transition: background 0.3s; }
.qna_iframe .reg_btn span {font-size: 1.5rem; font-weight: 600;}

.preview_iframe .qna_iframe  {display: none}





.prd_qna_list > li {padding: 3rem 2rem; border-bottom: 1px solid #cccccc}
.prd_qna_list > li .file_cont {margin-top: 20px;}
.prd_qna_list > li.on .q_box_top .arr_btn .ico {transform: rotate(180deg)}
.prd_qna_list > li .q_box_top {position: relative; display: flex; align-items: center; cursor: pointer}
.prd_qna_list > li .q_box_top .badge {display: inline-block; width: 70px; height: 22px; margin-right: 20px; line-height: 23px; flex-shrink: 0; text-align: center; background-color: #eaeaea; color: #999999; font-size: 12px; font-weight: 600; border-radius: 50px;}
.prd_qna_list > li .q_box_top .badge.clear {background-color: #000; color: #fff}
.prd_qna_list > li .q_box_top .tit {display: flex; align-items: center}
.prd_qna_list > li .q_box_top .tit .ico { display: block; width: 18px; height: 18px; margin-right: 5px; margin-top: -2px; background: url('/data/skin/dualsonic/images/common/dual_ico_lock.svg') center / contain; }
.prd_qna_list > li .q_box_top .tit p {font-size: 16px; font-weight: 700; order: 2}
.prd_qna_list > li .q_box_top .tit .my{ font-size: 12px; font-weight: 700; color: #000; border: 1px solid #ccc; line-height: 1.2; padding: 3px 10px; border-radius: 50px; margin-right: 5px}
.prd_qna_list > li .q_box_top .arr_btn {position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all .3s}
.prd_qna_list > li .q_box_top .arr_btn .ico {display: block;width: 20px;height: 20px;margin-left: 5px; background: url('data:image/svg+xml,<svg id="viewDownIco" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 140 140" ><style type="text/css">%23viewDownIco .st0{fill:none;stroke:%23000000;stroke-width:9;stroke-miterlimit:10;}</style><polyline class="st0" points="113,48.6 69.9,91.6 27,48.7"/></svg>') center / contain;transition: transform 0.3s;}
.prd_qna_list > li .q_box_top.on .arr_btn {transform: translateY(-50%) rotate(180deg)}
.prd_qna_list > li .q_box_top.secret .arr_btn {display: none}
.prd_qna_list > li .slide_box { padding-left: 90px; padding-top: 15px;display: none}
.prd_qna_list > li .slide_box .q_box_cont img {margin-bottom: 10px}
.prd_qna_list > li .slide_box .q_box_cont > .txt {font-size: 14px; max-width: 90%}
.prd_qna_list > li .slide_box .q_box_cont .bot_cont {margin-top: 15px; display: flex; align-items: flex-end}
.prd_qna_list > li .slide_box .q_box_cont .bot_cont .cmt_util {margin-left: auto}
.prd_qna_list > li .slide_box .a_box {padding: 30px; margin-top: 25px; background-color: #FAFAFA}
.prd_qna_list > li .slide_box .a_box .tit {display: flex; align-items: center; font-size: 14px; font-weight: 600}
.prd_qna_list > li .slide_box .a_box .tit .ico { display: block; width: 16px; height: 16px; margin-right: 5px; background: url('/data/skin/dualsonic/images/common/dual_ico_answer.svg') center / contain; }
.prd_qna_list > li .slide_box .a_box .txt {font-size: 14px; margin-top: 10px;padding-left: 25px}
.prd_qna_list > li .slide_box .a_box .txt p {background: none  !important; margin: 0 !important; padding: 0 !important; font-size: inherit!important; font-weight: inherit !important; color: inherit !important; font-family: inherit !important; }
.prd_qna_list > li .slide_box .a_box .file_cont {border-bottom: none; border-color: #ccc}

.set_preload .product_info .shipping_sect .cont_box {margin-top: 30px}
.set_preload .product_info .shipping_sect .cont_box .sect_top {display: none}
.set_preload .product_info .shipping_sect .cont_box .cont {display: flex}
.set_preload .product_info .shipping_sect .cont_box .cont + .cont {margin-top: 40px;}
.set_preload .product_info .shipping_sect .cont_box .cont .left_box {font-size: 1.6rem; font-weight: 700; width: 12rem; margin-right: 20px; flex-shrink: 0}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .dot_list li{position: relative; padding-left: 10px; font-size: 14px; color: #666666; line-height}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .dot_list li:before {content: ""; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; border-radius: 50%; background-color: #666666}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .dot_list li + li {margin-top: 5px}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .tr:first-child{border-top: 1px solid #cccccc}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .tr {display: flex; border-bottom: 1px solid #cccccc}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .tr > * {padding: 15px}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .th {width: 150px; font-size: 14px; color: #999999; border-right: 1px solid #cccccc; flex-shrink: 0}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .td {font-size: 14px; font-weight: 500}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .table_box + .txt_box {margin-top: 30px}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .txt_box + .txt_box {margin-top: 20px}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .txt_box .tit {font-size: 14px; font-weight: 700}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .txt_box .dot_list {margin-top: 10px;}
.set_preload .product_info .shipping_sect .cont_box .cont .right_box .txt_box .ref_txt {margin-top: 10px; color: #BDBDBD;}

/*제품상세 판매자 정보*/
.set_preload .product_info .seller_sect .txt_box {margin-top: 20px}
.set_preload .product_info .seller_sect .txt_box .top_box {display: flex; align-items: center}
.set_preload .product_info .seller_sect .txt_box .top_box .tit {font-size: 14px; font-weight: 700}
.set_preload .product_info .seller_sect .txt_box .top_box .btn {margin-left: 5px; font-size: 11px; color: #999999; border-bottom: 1px solid #999999}
.set_preload .product_info .seller_sect .txt_box .txt {margin-top: 10px; font-size: 12px; }

/*제품상세 하단 상품 슬라이드*/
.set_preload .goods_display_slide_wrap {overflow: hidden;}
.set_preload .product_slide_box {margin-top: 12rem}
.set_preload .product_slide_box + .product_slide_box {margin-top: 8rem}

.product_slide_box {overflow: hidden}
.product_slide_box .sect_top {margin-bottom: 20px;}
.product_slide_box .slide_tit_box {margin-bottom: 20px; }
.product_slide_box .slide_tit_box .tit {font-size: 2.2rem; font-weight: 700}

.product_slide_box .goods_list {height: auto}
.product_slide_box .gl_item {height: 100%}
.product_slide_box .gl_item .gl_inner_item_wrap {display: flex; flex-direction: column; height: 100%}
.product_slide_box .gl_item .goods_icon_area {display: flex; position: absolute; left: 20px; top: 20px; }
.product_slide_box .gl_item .goods_icon_area span {width: 50px;height: 32px;line-height: 31px;font-size: 14px;font-weight: 600;text-align: center;border: 1px solid transparent;background-color: #fff;text-transform: capitalize}
.product_slide_box .gl_item .goods_icon_area span.best {border-color: #000}
.product_slide_box .gl_item .goods_icon_area span.new {background-color: #000; border-color: #000; color: #fff}
.product_slide_box .gl_item .goods_icon_area span.sale {background-color: #DF3C3C; border-color: #DF3C3C; color: #fff}
.product_slide_box .gl_item .brand_name {font-size: 10px; margin-top: 15px; display: none}
.product_slide_box .gl_item .prd_name {display: block; font-size: 14px; font-weight: 500; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 87%}
.product_slide_box .gl_item .goods_desc_area {margin-top: 5px; font-size: 10px; font-weight: 500; color: #BDBDBD; display: none}
.product_slide_box .gl_item .infO_group {}
.product_slide_box .gl_item .goodsDisplayImageWrap {position: relative}
.product_slide_box .gl_item .resp_display_goods_info {margin-top: 12px; flex: 1; display: flex; flex-direction: column}
.product_slide_box .gl_item .resp_display_goods_info .review_info {order: 3; margin-top: 12px;}
.product_slide_box .gl_item .resp_display_goods_info .infO_group {order: 1}
.product_slide_box .gl_item .resp_display_goods_info .goods_name_area {order: 2; margin-top: 10px;}
.product_slide_box .gl_item .infO_group {margin-top: auto}
.product_slide_box .gl_item .infO_group + .infO_group {display: none}
.product_slide_box .gl_item .goodS_info .warning_text,
.product_slide_box .gl_item .goods_price_area {display: flex; align-items: flex-end; font-size: 14px}

.product_slide_box .gl_item .goods_price_area > span {display: block; line-height: 1;}
.product_slide_box .gl_item .goods_price_area .discount_rate {font-weight: 700; color: #ff4545; margin-right: 5px; order: 1; font-size: 14px}
.product_slide_box .gl_item .goods_price_area .discount_rate + .sale_price {margin-left: 5px}
.product_slide_box .gl_item .goodS_info .warning_text a,
.product_slide_box .gl_item .goods_price_area .sale_price {font-weight: 700; order: 2; color: #000 !important;}
.product_slide_box .gl_item .goods_price_area .consumer_price {order: 3}
.product_slide_box .gl_item .goods_price_area .sale_price + .consumer_price {position: relative; margin-left: 5px; font-size: 0.7em; color: #BDBDBD;}
.product_slide_box .gl_item .goods_price_area .sale_price + .consumer_price:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 1px; background-color: #BDBDBD;}
.product_slide_box .swiper-button-next,
.product_slide_box .swiper-button-prev {top: -20px; left: auto; right: 0; transform: translateY(-100%); width: 20px; height: 20px; margin-top: 0; background-color: transparent;  font-size: 20px}
.product_slide_box .swiper-button-next {right: 0}
.product_slide_box .swiper-button-prev {right: 30px}
/*.product_slide_box .swiper-button-next:before { content: "\f105"; font-family: "Font Awesome 6 Pro";}*/
/*.product_slide_box .swiper-button-prev:before { content: "\f104"; font-family: "Font Awesome 6 Pro";}*/

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url("/data/skin/dualsonic/images/common/dual_ico_next.svg")center/cover no-repeat }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url("/data/skin/dualsonic/images/common/dual_ico_prev.svg")center/cover no-repeat }
/*.product_slide_box .swiper-button-next:before { content: ""; width: 100%; height: 100%; background: url("/data/skin/dualsonic/images/common/dual_ico_next.svg")center/cover no-repeat }*/
/*.product_slide_box .swiper-button-prev:before { content: ""; width: 100%; height: 100%; background: url("/data/skin/dualsonic/images/common/dual_ico_next.svg")center/cover no-repeat }*/


.related_prd_sect .product_slide_box .swiper-button-next,
.related_prd_sect .product_slide_box .swiper-button-prev {top: -30px}





/* 상품상세 공용정보 샘플 */
#detail_sample_info>.section { padding-bottom:30px; border-top:1px #eee solid; }
#detail_sample_info>.section:first-child { border-top:none; }
#detail_sample_info .title1 { font-size:18px; line-height:1.3; letter-spacing:-1px; color:#333; padding:30px 0 10px; }
#detail_sample_info .title2 { font-size:15px; line-height:1.4; padding:20px 0 8px; }
#detail_sample_info .title1+.title2 { padding-top:10px; }
#detail_sample_info .text1 { font-size:13px; line-height:1.5; color:#767676; }
#detail_sample_info .list1 { margin:0; padding:0; list-style:none; }
#detail_sample_info .list1>li { margin:0; padding:2px 0 2px 10px; text-indent:-10px; font-size:13px; line-height:1.5; letter-spacing:0; color:#767676; }

/* 댓글 */
/*
.cmt_box{ text-align:left; vertical-align:middle; border:1px solid silver; cursor:pointer;}
.cmt_cont_head { padding:10px 0 0; border-top:1px #ddd solid; }
.cmt_cont_head.cmt_reply { padding:5px 0 0 8px; border-top:none; }
.cmt_contents { padding:10px 0; }
.cmt_contents.cmt_reply { padding-left:20px; }
.cmt_contents.cmt_insert { padding:0; margin-bottom:-1px; }
.cmtreplylay .wbox { padding-bottom:5px; }
div.cmt_box { padding:10px 0; }
table.cmt_box { width:100%; }
table.cmt_box th { padding:5px; }
table.cmt_box td { padding:0 5px 5px; }
table.cmt_box>tbody>tr:first-child>td { padding-top:5px; }

.cmt_division.v2  { padding:10px 0; }
.cmt_division.v2 .title_area { font-size:15px; }
.cmt_division.v2 .title_area .num { font-size:16px; }
 */

/* 관련 이벤트 */
/*
.detail_relation_event>li { margin-top:5px; }
.detail_relation_event>li:first-child { margin-top:0; }
.detail_relation_event>li>a { display:block; position:relative; padding:10px 20px 10px 10px; background-color:#f5f7fa; }
.detail_relation_event>li>a:after { display:block; content:''; position:absolute; right:0; top:0; bottom:0; width:16px; background:#434343 url(../images/common/bul_coupon_list.png) 50% 50% no-repeat; }
.detail_relation_event .title { display:inline-block; margin-right:12px; }
.detail_relation_event .date { display:inline-block; margin-right:12px; color:#999; }
.detail_relation_event .e_desc { display:inline-block; color:#999; }
*/

/* 무이자 할부 hide 처리 */
#goods_spec .goods_spec_halbu { display:none; }
/* -------------------------------------- //상품 상세 --------------------------------------------- */

/* 반응형 레이어 팝업 */
.resp_layer_bg { position:fixed; left:0; right:0; top:0; bottom:0; z-index:10005; background:rgba(0,0,0,0.5); }
.resp_layer_pop { position:fixed; z-index:10020; background:#fff; width:700px; text-align:left; }
.resp_layer_pop.small_screen { width:auto !important; margin:0 !important; left:10px !important; top:10px !important; right:10px !important; bottom:10px !important; }
.resp_layer_pop.wait_hide { opacity:0; }
.resp_layer_pop>.title { background:#fff; border-top:1px #fff solid; font-size:21px; font-weight:300; color:#333; padding:20px 50px 10px 20px; }
.resp_layer_pop .title_l2 { background:#fff; font-size:21px; font-weight:300; color:#333; padding:10px; position:relative; border:1px #999 solid; margin-bottom:-1px; }
.resp_layer_pop .btn_pop_close { position:absolute; right:0; top:5px; width:60px; height:60px; background:url('../images/common/icon_close_layer.png') no-repeat center center;  }
.y_scroll_auto { overflow-y:auto; min-height:220px; }


.layer_pop_contents .stitle { padding:10px 0 8px; font-size:14px; line-height:1.3; font-weight:500; color:#333; }
.layer_pop_contents .stitle.v2 { font-weight:700; }
.layer_pop_contents .stitle.v3 { padding:10px 0 4px; }
.layer_pop_contents .stitle.v4 { font-weight:400; line-height:1.4; }
.layer_pop_contents.v2 .stitle { padding:10px 0; }
.layer_pop_contents .stitle_desc { display:inline-block; font-weight:500; color:#5594c0; }
.layer_bottom_btn_area { position:absolute; left:0; bottom:0; right:0; z-index:10; padding:0 10px 10px; background:#fff; }
.layer_bottom_btn_area.v2 { padding-top:10px; border-top:1px #ddd solid; }
.layer_bottom_btn_area2 { position:absolute; left:0; bottom:0; right:0; z-index:500; padding:10px 10px 0; height:52px; background:#fff; border-top:1px #ddd solid; }
.layer_bottom_btn_area2.v2 { padding:10px 5px 0; }
.layer_bottom_btn_area .add1 { padding:10px 0 15px; text-align:center; }

/* //반응형 레이어 팝업 */

/* 큰 레이어 팝업 */
.ui-dialog {}

.ui-dialog-content {padding:10px !important;}
.ui-dialog-box {border:1px solid #ddd; padding:15px;}
.ui-dialog-box .ul_list2 li {margin-top:10px; color:#666;}
.ul_ship {}
.ul_ship > li {margin-top:15px;}
.ul_ship > li dl {margin-bottom:5px;}
.ul_ship > li dt {float:left; font-weight:500;}
.ul_ship > li dd {float:right;}
.ico_de {display:inline-block; background:url('../images/common/ico_detail_list.png') no-repeat; width:11px; height:11px; text-indent:-9999px; vertical-align:middle;}
.address_box {position:relative; }
.address_box > dl {margin:10px 0 0 0; border:1px solid #ccc;}
.address_box:nth-child(odd) > dl {margin-left:0;}
.address_box > dl > dt {border-bottom:1px solid #e0e0e0; background:#f9f9f9; padding:8px 15px 5px; font-size:14px;}
.address_box > dl > dt p {font-size:13px; color:#888;}
.address_box > dl > dd {padding:13px 15px 10px;}
.address_box > .btns {position:absolute; top:10px; right:10px;}
.address_box > .btns a.more {display:inline-block; margin-left:5px; background:url('../images/common/btn_detail_more.png') no-repeat right 6px; padding-right:5px; text-align:right; color:#666;}
.pickup {width:100%; height:120px; margin:10px auto;}
.pickup li {float:left; padding-top:75px; text-align:center; line-height:1.2; color:#666;}
.pickup li.fir {background:url('../images/common/img_pickup1.png') no-repeat center top;}
.pickup li.sec {background:url('../images/common/img_pickup2.png') no-repeat center top;}
.pickup li.thi {background:url('../images/common/img_pickup3.png') no-repeat center top;}
.pickup li.fou {background:url('../images/common/img_pickup4.png') no-repeat center top;}
.pickup li.fiv {background:url('../images/common/img_pickup5.png') no-repeat center top;}
.pickup li:nth-child(odd) {width:25%;}
.pickup li:nth-child(even) {width:12.5%; font-size:11px;}
.pickup li.point {font-weight:500; color:#8297d2;}
.ui-dialog .ul_coupon > li {border-top:1px solid #ddd; margin-top:15px; padding-top:15px;}
.ui-dialog .ul_coupon > li:first-child {border-top:0; margin-top:0; padding-top:0;}
.ui-dialog .ul_coupon > li li {margin-top:5px;}
/* //큰 레이어 팝업 */

/* 작은 레이어 팝업 */
.layer_simple_basic { position:absolute; left:0; top:8px; z-index:10; width:300px; padding:10px; border:1px #999 solid; background:#fff; }
.layer_simple_basic .btn_close_x { display:block; position:absolute; right:0; top:0; width:40px; height:40px; text-align:center; font-size:16px; line-height:40px; color:#767676; }
.layer_simple_basic.px { padding:0; }
.layer_simple_basic.px .detail_option_table { border:none; }
.layer_simple_basic.p_right { left:auto; right:0; }
.layer_simple_basic.country_list { left:auto; right:0; max-height:300px; overflow-y:auto; }

.calendar_title { padding-bottom:10px; font-size:16px; text-align:center; color:#444; }
.calendar_title .prev { cursor:pointer; margin-right:4px; }
.calendar_title .next { cursor:pointer; margin-left:4px; }
table.tb_timetable { width:100%; table-layout:fixed; border:1px #eee solid; }
table.tb_timetable>thead>tr>th { border:1px #ddd solid; background:#f8f8f8; padding:4px 0; text-align:center; }
table.tb_timetable>tbody>tr>td { border:1px #ddd solid; padding:4px 0; text-align:center; color:#999; }
table.tb_timetable>tbody>tr>td.selectable { cursor:pointer; background:#ffffe9; color:#444; }
table.tb_timetable>tbody>tr>td.selectable.selected { font-weight:500; outline:2px #2c8ff0 solid; }
table.tb_timetable>thead>tr>th:first-child, table.tb_timetable>tbody>tr>td:first-child { color:#ed3347; }
table.tb_timetable>thead>tr>th:last-child, table.tb_timetable>tbody>tr>td:last-child { color:#006cff; }

.detailDescriptionLayer { position:absolute; z-index:9999;}
.detailDescriptionLayer .layer_wrap {position:relative; border:1px solid #999; background:#fff; -webkit-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); -moz-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1);text-align:left;}
.detailDescriptionLayer .layer_wrap h1 {border-bottom:1px solid #ccc; background:#f1f1f1; padding-left:15px; text-align:left; height:30px; line-height:30px; font-family:'dotum'; font-size:13px; font-weight:500; letter-spacing:-1px;}
.detailDescriptionLayer .layer_wrap a.detailDescriptionLayerCloseBtn {position:absolute; top:0; right:0; display:inline-block; background:url('../images/common/btn_detail_close.png') no-repeat; width:30px; height:30px; text-indent:-9999px;}
.detailDescriptionLayer .layer_wrap .layer_inner {padding:10px; text-align:left; font-size:13px; color:#666; line-height:1.8;}
/* //작은 레이어 팝업 */



/* -------------------------------------- 장바구니, 위시리스트, 최근 본 상품 --------------------------------------------- */
.tab_cart_top { border-bottom:1px #666 solid; }
.tab_cart_top>ul {  }
.tab_cart_top>ul>li { float:left; position:relative; width:33.33%; max-width:180px; }
.tab_cart_top>ul>li>a { display:block; vertical-align:top; height:40px; margin-left:-1px;  text-align:center; font-size:14px; line-height:40px; border:1px #ddd solid; border-bottom:none; background:#f8f8f8; color:#767676; }
.tab_cart_top>ul>li:first-child>a { margin-left:0; }
.tab_cart_top>ul>li.on { z-index:2; margin-bottom:-1px; }
.tab_cart_top>ul>li.on>a { border-color:#666; height:41px; background:#fff; color:#333; font-weight:500; }
.tab_cart_top .num { display:inline-block; padding:0 4px; height:20px; border-radius:4px; font-size:12px; line-height:20px; text-align:center; min-width:16px; background:#aaa; color:#fff; }
.tab_cart_top li.on .num { background:#444; color:#fff; }

.tab_desc { color:#999; }
.tab_right_menu { position:relative; }
.tab_right_menu>li { position:absolute; right:0; top:-60px; }

.resp_cart_wrap { display:table; width:100%; table-layout:fixed; }
.resp_cart_wrap>li { display:table-cell; vertical-align:top; }
.resp_cart_wrap>li.cart_left { width:68%; }
.resp_cart_wrap>li.cart_right { padding-left:20px; }
.resp_cart_wrap .title_x { height:40px; font-weight:400; font-size:23px; line-height:1.2; color:#333; }

@media only screen and (max-width:479px) {
	.tab_cart_top>ul>li>a { line-height:42px; }
	.tab_cart_top .num { position:absolute; right:-2px; top:-4px; z-index:3; }
	.tab_right_menu { position:static; float:left; }
	.tab_right_menu>li { position:static; right:auto; top:auto; }
}

.cart_contents_top { height:30px; }
.cart_contents_top>li { float:right; }
.cart_contents_top>li.aa { float:left; }
label.checkbox_allselect { font-size:14px; font-weight:500; color:#333; }
label.checkbox_allselect .txt { display:inline-block; vertical-align:middle; padding-left:4px; }
.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] { width:24px; height:24px; }
.resp_cart_wrap label.checkbox_allselect .txt { font-size:19px; font-weight:300; color:#333; }

.nodata_a { padding:10px; }
.cart_list {}



.res_option_inline { display:inline-block; vertical-align:top; margin:4px 4px 0 0; }

.xtle { display:inline-block; box-sizing:border-box; height:20px; line-height:20px; font-size:12px; padding:0 4px; margin-right:4px; font-weight:400; }
.xtle { border:1px #b3b9c7 solid; color:#999; }
.xtle.v2 { border:1px #c0c6d1 solid; color:#999; }
.xtle.v3 { border:1px #ccc solid; color:#999; }

.cart_list .cgd_contents .cart_inputs { }
.cart_list .cgd_contents .cart_inputs>li { padding-bottom:2px; font-weight:500; color:#333; }
.cart_list .cgd_contents .cart_inputs .inputed_img { height:20px; }
.cart_list .cgd_contents .cart_suboptions { }
.cart_list .cgd_contents .cart_suboptions>li { padding-bottom:2px; font-weight:500; color:#333; }
.cart_list .cgd_contents .cart_quantity + .cart_inputs,
.cart_list .cgd_contents .cart_quantity + .cart_suboptions,
.cart_list .cgd_contents .cart_inputs + .cart_suboptions { padding-top:4px; }

.total_price_n_btns {  }
.total_price_n_btns:after { content:''; display:block; clear:both; }
.total_sum_price { padding:10px; border:1px #444953 solid; font-size:15px; }
.total_sum_price .list { display:table; width:100%; }
.total_sum_price .list>li { display:table-cell; vertical-align:bottom; padding:5px 0; }
.total_sum_price .list>li.td { text-align:right; }
.total_sum_price .list .num { font-size:19px; color:#333; }
.total_sum_price .list.total { margin-top:10px; font-size:17px; font-weight:500; color:#333; border-top:1px #ccc dashed; }
.total_sum_price .list.total>li { padding:10px 0 0; }
.total_sum_price .list.total>li.th { padding-bottom:5px; }
.total_sum_price .list.total .num { font-size:27px; letter-spacing:-1px; }

.selected_btn_groups label.checkbox_allselect { display:inline-block; padding:5px 16px 0 0; vertical-align:middle; }
.selected_btn_groups .btns { display:inline-block; padding-top:6px; }
.selected_btn_groups .btns button { margin-top:4px; }

.cart_order_btn_area { margin-top:10px; overflow:hidden; zoom:1; margin-left:-10px; }
.cart_order_btn_area>li { box-sizing:border-box; float:left; width:50%; padding-left:10px; vertical-align:top; }
.cart_order_btn_area .btn_resp { width:100%; }

.wish_allselect_area { padding:15px 10px 0; }
.wish_allselect_area .checkbox_allselect { margin-right:8px; }
.wish_wrap .wish_list { overflow:hidden; zoom:1; padding:0 5px; font-size:0; }
.wish_wrap .wish_list>li { display:inline-block; vertical-align:top; font-size:13px; padding:15px 5px; box-sizing:border-box; }
.wish_wrap .wish_list .img_area img { width:auto; margin:0; }
.wish_wrap .wish_list ul.sub>li { padding-top:5px; }
.wish_wrap .wish_list ul.sub>li:first-child { padding-top:10px; }
.wish_wrap .wish_list ul.sub .wish_name { padding-bottom:5px; font-size:14px; font-weight:500; color:#333; }
.wish_wrap .wish_list ul.sub .wish_name>label { display:block; position:relative; /*padding-left:28px; 장바구니에서 UI오류 있음 */ }
.wish_wrap .wish_list ul.sub .wish_name>label .ez-checkbox { position:absolute; left:0; top:0; }
.wish_wrap .wish_list ul.sub .wish_point { color:#767676; font-size:12px; }
.wish_wrap .wish_list ul.sub .wish_btns { padding-top:8px; }
.wish_wrap .wish_list .wish_price .nomal_price>b { margin-right:4px; }
.wish_wrap .wish_list .wish_price .nomal_price>s { display:inline-block; color:#999; }
.wish_wrap .wish_list .nodata { display:block; width:100%; padding:10px 0 15px; text-align:center; font-size:14px; }

.recent_allselect_area { padding:15px 10px 0; }
.recent_allselect_area .checkbox_allselect { margin-right:8px; }
.recent_wrap .recent_list { overflow:hidden; zoom:1; padding:0 5px; font-size:0; }
.recent_wrap .recent_list>li { display:inline-block; box-sizing:border-box; width:50%; vertical-align:top; font-size:13px; padding:15px 5px 10px; }
.recent_wrap .recent_list .img_area { display:table-cell; vertical-align:top; }
.recent_wrap .recent_list ul.sub { display:table-cell; vertical-align:top; padding-left:10px; }
.recent_wrap .recent_list .img_area img { min-width:90px; max-width:140px; width:auto; margin:0; border:1px #ddd solid; }
.recent_wrap .recent_list ul.sub>li { padding-top:5px; }
.recent_wrap .recent_list ul.sub>li:first-child { padding-top:0; }
.recent_wrap .recent_list ul.sub .recent_name { padding-bottom:5px; font-size:14px; font-weight:500; color:#333; }
.recent_wrap .recent_list ul.sub .recent_name>label { display:block; position:relative; /*padding-left:28px; 최근본상품에서 UI오류 있음 */ }
.recent_wrap .recent_list ul.sub .recent_name>label .ez-checkbox { position:absolute; left:0; top:0; }
.recent_wrap .recent_list ul.sub .recent_point { color:#767676; font-size:12px; }
.recent_wrap .recent_list ul.sub .recent_btns { padding-top:8px; }
.recent_wrap .recent_list .recent_price .nomal_price>b { margin-right:4px; }
.recent_wrap .recent_list .recent_price .nomal_price>s { display:inline-block; color:#999; }
.recent_wrap .recent_list .nodata { display:block; width:100%; padding:10px 0 15px; text-align:center; font-size:14px; }

.cart_dialog_img { padding:10px 20px; }
.cart_dialog_img img { max-height:60px; }
.cart_dialog_option { padding:0 20px 60px; }
.cart_dialog_foot { position:absolute;left:0px;bottom:0px;width:100%; height:50px; background:#eee; border-top:1px #ccc solid; }
.cart_dialog_foot>li { float:left; padding:4px 0 0 10px; }
.cart_dialog_foot>li.btn_area { float:right; padding:12px 10px 0 0; }



/* -------------------------------------- //장바구니, 위시리스트, 최근 본 상품 --------------------------------------------- */



/* 주문 페이지*/
.order_page {padding-top: var(--sub_sect_pt)}
.order_page .resp_wrap {width: 164rem}
.order_page .page_tit {font-size: 5rem; font-weight: 700; display: none}

.order_payment {display: flex; align-items: flex-start ;justify-content: space-between;}
.order_payment_left {width: 62%}
.order_payment_left .list_tit {font-size: 24px; font-weight: 700; }

.order_payment_left .cart_list .shipping_group_list + .shipping_group_list {margin-top: 60px}
.order_payment_left .cart_list .goods_delivery_info {display: flex; align-items: center; padding-bottom: 10px}
.order_payment_left .cart_list .goods_delivery_info .detail {margin-left: auto}
.order_payment_left .cart_list .goods_delivery_info .detail li {font-size: 14px; color: #666666}

.order_payment_left .cart_list .cart_goods {padding: 2.5rem 0; border-top: 1px solid #000; border-bottom: 1px solid #cccccc}
.order_payment_left .cart_list .cart_goods + .cart_goods {border-top: none}
.order_payment_left .cart_list .cart_goods .list_box {display: flex; align-items: center}
.order_payment_left .cart_list .cart_goods .prd_box {display: flex; flex: 1; min-width: 0}
.order_payment_left .cart_list .cart_goods .prd_box .img_area {position: relative; width: 10.5rem; height: 10.5rem; background-color: #fafafa; flex-shrink: 0}
.order_payment_left .cart_list .cart_goods .prd_box .img_area a {display: block}
.order_payment_left .cart_list .cart_goods .prd_box .img_area img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover}
.order_payment_left .cart_list .cart_goods .prd_box .option_area {display: flex; flex-direction: column; margin-left: 25px; flex: 1}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .brand_name {font-size: 13px; font-weight: 600; display: none}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_name {font-size: 14px; font-weight: 500; margin-top: 5px; width: 85%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .option_box {display: flex; margin-top: auto; font-size: 14px; font-weight: 500; color: #666666; margin-top: 10px}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .option_box .xtle {display: none}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .option_box > div + div {margin-left: 24px}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .option_box > div + div {position: relative}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .option_box > div + div:before{content: ''; width: 1px; height: 12px; position: absolute; left: -12px; top: 50%; transform: translateY(-50%); background-color: #BDBDBD;}

.order_payment_left .cart_list .cart_goods .price_box { margin-left: auto; text-align: right}
.order_payment_left .cart_list .cart_goods .price_box .price_b {display: inline-block; font-size: 12px; font-weight: 600; margin-right: 10px; transform:translateY(-2px); display: none}
.order_payment_left .cart_list .cart_goods .price_box .price_c {display: inline-block; font-size: 20px; font-weight: 700}
.order_payment_left .cart_list .cart_goods .price_box .price_f {display: inline-block; font-size: 20px; font-weight: 700}
.order_payment_left .cart_list .cart_goods .price_box .price_a {display: none; position: relative; font-size: 14px; font-weight: 500; margin-top: 5px; color: #BDBDBD}
.order_payment_left .cart_list .cart_goods .price_box .price_a:before {content: ""; position: absolute; left: 50%; top: 50% ;transform: translate(-50%,-50%); width: 100%; height: 2px; background-color: #BDBDBD;}


.order_payment_left .order_info_sect {margin-top: 9rem}
.order_payment_left .order_info_sect .order_info_box {margin-top: 9rem}
.order_payment_left .order_info_sect .order_info_box:first-child {margin-top: 0}
.order_payment_left .order_info_sect .inp_tit {font-size: 16px; font-weight: 600; min-width: 100px; margin-right: 20px; height: var(--inp_height); line-height: var(--inp_lineheight)}

.order_payment_left .order_info_sect .list_tit_box {border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 30px;}
.order_payment_left .order_info_sect .list_tit_box .hold_txt {font-size: 14px; margin-left: 10px; }
.order_payment_left .order_info_sect .list_tit_box .hold_txt b {font-weight: 700}
.order_payment_left .order_info_sect .list_tit_box .same_btn {display: flex; align-items: center; margin-left: 20px; font-size: 16px; color: #BDBDBD; line-height: 1; vertical-align: middle}
.order_payment_left .order_info_sect .list_tit_box .same_btn .svg {margin-right: 3px}
.order_payment_left .order_info_sect .list_tit_box .same_btn .svg .cir {display: inline-block; width: 20px; height: 20px;}

.order_payment_left .order_info_sect .list_tit_box .same_btn .svg svg {display: none !important;}
.order_payment_left .order_info_sect .list_tit_box .same_btn .svg .cir::before {content: '';display: block;width: 100%;height: 100%;margin-right: 3px;color: #ccc;background: url('/data/skin/dualsonic/images/common/dual_chk_cir.svg') no-repeat 0 0 / contain;background-size: 100% 100%;flex-shrink: 0;}

.order_payment_left .order_info_sect .list_tit_box .same_btn.active .svg .cir::before {background: url('/data/skin/dualsonic/images/common/dual_chk_cir_full.svg') no-repeat 0 0 / contain;}
.order_payment_left .order_info_sect .list_tit_box .same_btn.active {color: #000;}

.order_payment_left .order_info_sect .list_tit_box .mileage_notice{margin-left: auto; color: #666;}


.order_payment_left .order_info_sect .list_tit_box .change_btn {margin-left: auto; border: 1px solid #cccccc; padding: 6px 10px; font-size: 13px; font-weight: 600; color: #666666}

.order_payment_left .order_info_sect .order_info_box .list_tit_box.flex,
.order_payment_left .order_info_sect .order_info_box.shipping .list_tit_box {display: flex; flex-wrap: wrap; align-items: center}

.order_payment_left .order_info_sect .order_info_box.sale_code .cont {display: flex;}
.order_payment_left .order_info_sect .order_info_box.sale_code .cont .inp_btn {margin-left: 15px}

.order_payment_left .order_info_sect .order_info_box.mileage .cont {display: flex}
.order_payment_left .order_info_sect .order_info_box.mileage .cont .inp {display: flex; align-items: center}
.order_payment_left .order_info_sect .order_info_box.mileage .cont .inp input {margin-right: 10px}
.order_payment_left .order_info_sect .order_info_box.mileage .cont .inp input[readonly]{background: #f7f7f7; cursor: default;}
.order_payment_left .order_info_sect .order_info_box.mileage .cont .inp input[readonly]:focus{border-color: #ccc;}
.order_payment_left .order_info_sect .order_info_box.mileage .cont .btn_box {display: flex; margin-left: 30px}
.order_payment_left .order_info_sect .order_info_box.mileage .cont .btn_box .inp_btn {margin-right: 15px}
.order_payment_left .order_info_sect .order_info_box.mileage .cont .btn_box .inp_btn:last-child {margin-right: 0}

.order_payment_left .order_info_sect .order_info_box.coupon .inp .box,
.order_payment_left .order_info_sect .order_info_box.sale_code .inp input,
.order_payment_left .order_info_sect .order_info_box.mileage .inp input {width: 25rem}
.order_payment_left .order_info_sect .order_info_box.coupon .inp {display: flex; align-items: center}
.order_payment_left .order_info_sect .order_info_box.coupon .inp .box {position: relative;height: var(--inp_height);padding: 0 2rem;line-height: var(--inp_lineheight);border: 1px solid #ccc;font-size: 14px;border-radius: 0;box-sizing: border-box;outline: none;-webkit-appearance: none; margin-right: 10px}
.order_payment_left .order_info_sect .order_info_box.coupon .inp_btn { margin-left: 30px }

.order_payment_left .order_info_sect .inp_btn {height: var(--inp_height); line-height: var(--inp_lineheight); width: 12rem; font-size: 1.6rem; border: 1px solid #000;}
.order_payment_left .order_info_sect .inp_btn.bk {background-color: #000; color: #fff}

.order_payment_left .order_info_sect .inp_list > li {display: flex}
.order_payment_left .order_info_sect .inp_list > li.hide {display: none}
.order_payment_left .order_info_sect .inp_list > li:first-child {margin-top: 0}
.order_payment_left .order_info_sect .inp_list > li + li {margin-top: 30px}
.order_payment_left .order_info_sect .inp_list > li .cont {position: relative; flex: 1}
.order_payment_left .order_info_sect .inp_list > li .cont .nice-select {height: var(--inp_height); padding: 0 2rem;line-height: var(--inp_lineheight);border: 1px solid var(--inp_border);font-size: var(--inp_txt); border-radius: 0; max-width: 55rem}
.order_payment_left .order_info_sect .inp_list > li .cont .nice-select .list {border-radius: 0; width: 100%; transition: none}
.order_payment_left .order_info_sect .inp_list > li .cont .inp {position: relative}
.order_payment_left .order_info_sect .inp_list > li .cont.delivery_msg .inp + .inp {margin-top: 15px}
.order_payment_left .order_info_sect .inp_list > li .cont.delivery_msg .inp.delivery_msg_inp {max-width: 40rem}
.order_payment_left .order_info_sect .inp_list > li .cont.delivery_msg .inp.delivery_msg_inp input {cursor: pointer}
.order_payment_left .order_info_sect .inp_list > li .cont .inp.address_num .inp_btn {margin-left: 15px}
.order_payment_left .order_info_sect .inp_list > li .cont .inp.address_num {display: flex}
.order_payment_left .order_info_sect .inp_list > li .cont .inp.address_num input {width: 17rem}

.order_payment_left .order_info_sect .inp_list > li .cont .inp.goods_delivery_info + .inp.goods_delivery_info {margin-top: 15px}

.order_payment_left .order_info_sect .inp_list > li .cont .inp input {max-width: 57rem}
.order_payment_left .order_info_sect .inp_list > li .cont .inp .name {max-width: 17rem}
.order_payment_left .order_info_sect .inp_list > li .cont .inp_box.tel {max-width: 57rem}
.order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email {max-width: 72rem}
.order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email .inp {width: 26rem}
.order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email .nice-select {width: 33.333%}

.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box {display: flex; }
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box {position: relative; width: calc(33.333% - 13px); display: flex; align-items: center; justify-content: center; height: 64px; border: 1px solid #cccccc; border-radius: 10px; font-size: 1.6rem}
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box + .box {margin-left: 20px;}
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box label {position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box input:checked + label {border-color: #000}
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box input:disabled {color: #bdbdbd}
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box.active {border-color: #000; background-color: #000; color: #fff}
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box.none {color: #bdbdbd; cursor: default}
.order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box.none label {cursor: default}

.order_payment_left .order_info_sect .payment_list > li:not([class]) {display: none !important;}
.order_payment_left .order_info_sect .payment_list > li .inp_tit {height: 64px; line-height: 63px}
.order_payment_left .order_info_sect .payment_list > li.simple .inp_tit {height: 64px; line-height:63px}
.order_payment_left .order_info_sect .payment_list > li.simple .cont .pay_type_box .box label{height: 64px;}
.order_payment_left .order_info_sect .payment_list > li .more_cont {margin-top: 15px;}
.order_payment_left .order_info_sect .payment_list > li .more_cont .tit {font-size: 12px; font-weight: 600}
.order_payment_left .order_info_sect .payment_list > li .more_cont .txt {color: #BDBDBD; font-size: 10px}


.order_payment_right {position: sticky; top: var(--header_Height); width: 30%; padding-top: 40px; border: 1px solid #000; flex-shrink: 0; }
.order_payment_right .pd_box {padding: 0 40px}
.order_payment_right .settle_price_title {font-size: 2.4rem; font-weight: 700}
.order_payment_right .order_price_total {margin-top: 2.5rem;}
.order_payment_right .order_price_total .list_box + .list_box {margin-top: 1.5rem}
.order_payment_right .order_price_total .list {display: flex; align-items: center}
.order_payment_right .order_price_total .list .th {display: flex; align-items: center; font-size: 1.8rem;}
.order_payment_right .order_price_total .list .th .em {font-weight: 600}
.order_payment_right .order_price_total .list .th .btn {font-size: 11px; color: #BDBDBD; margin-left: 10px; text-decoration: underline}
.order_payment_right .order_price_total .list .td {margin-left: auto}
.order_payment_right .order_price_total .list .price_txt {font-size: 1.8rem; font-weight: 700}
.order_payment_right .order_price_total .list .total_price_txt {font-size: 2.4rem; font-weight: 700}

.easy_pays_kr {position: absolute; left: 0; bottom: -10px; transform: translateY(100%); }
.easy_pays_kr .npay_type_C_1_1,
.easy_pays_kr .npay_type_C_2_1  {width: 100% !important;}

.order_payment_right .order_price_total .sale_box {padding-left: 10px; margin-top: 15px}
.order_payment_right .order_price_total .sale_box > li {display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #BDBDBD}
.order_payment_right .order_price_total .sale_box > li + li {margin-top: 10px;}
.order_payment_right .order_price_total .sale_box > li svg {height: 14px; fill: #BDBDBD; margin-right: 10px;}

.order_payment_right .saved_money {margin-top: 5px; font-size: 12px; color: #BDBDBD; text-align: right}
.order_payment_right .pay_layer.btn_area {margin-top: 45px; cursor: pointer; display: block !important;}
.order_payment_right .pay_layer.btn_area .btn {color: #fff; font-weight: 800; height: 75px; line-height: 74px; border-radius: 0; background-color: #000; font-size: 20px; font-weight: 700; border: none; cursor: pointer;}

.cart_container .order_payment_right .nonmember_terms {display: none !important;}

/*마이페이지 제품 등록 팝업*/

.modal .modal_wrap .modal_cont.prd_inq_reg {width: 500px;}
.modal_cont.prd_inq_reg .modal_sch_wrap {position: relative}
.modal_cont.prd_inq_reg .modal_sch_wrap input { width: 100%; height: var(--inp_height); line-height: var(--inp_lineheight); font-size: var(--inp_txt); border-color: 1px solid var(--inp_border); padding: 0 50px 0 20px}
.modal_cont.prd_inq_reg .modal_sch_wrap .sch_btn {width: 20px; height: 20px; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
;background: url('data:image/svg+xml,<svg class="custom" id="_레이어_2" data-name="레이어 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>svg {stroke: %23000}</style></defs><g id="_레이어_2-2" data-name="레이어 2"><g><circle stroke-miterlimit="10" stroke-width="9px" fill="none" class="cls-1" cx="58.33" cy="58.33" r="35"/><line fill="none" stroke-miterlimit="10" stroke-width="9px" class="cls-1" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect stroke-width="0px" fill="none" class="cls-2" width="140" height="140"/></g></g></svg>') no-repeat center / contain;}

#sourceList .board_goods_select_display {margin-top: 25px}
#sourceList .board_goods_select_display .goods_area {display: flex;align-items:center;}
#sourceList .board_goods_select_display .goods_loop_area {padding-bottom: 20px}
#sourceList .board_goods_select_display .goods_loop_area + .goods_loop_area {border-top: 1px solid #ccc; padding-top: 20px}
#sourceList .board_goods_select_display .goods_area .price {display:none}
#sourceList .board_goods_select_display .goods_area .img_area {width:100px; height:100px; position: relative; background-color: #f5f5f5; margin-right: 20px; flex-shrink: 0}
#sourceList .board_goods_select_display .goods_area .img_area img {position: absolute; width: 100%; height: 100%; object-position: center; object-fit: cover; mix-blend-mode: multiply}
#sourceList .board_goods_select_display .goods_area .name {font-size: 16px; font-weight: 700}

/*제품인증 팝업*/
.modal .modal_wrap .modal_cont.pd_regist {width: 450px; }

.modal_cont.pd_regist .top_txt {font-size: 14px; text-align: center}
.modal_cont.pd_regist .bg_box {padding: 3rem 4rem;background: #fafafa; margin-top: 3rem; font-size: 14px}
.modal_cont.pd_regist .bg_box .txt {display: flex; color: #999; align-items: flex-start; word-break: keep-all; line-height: 1.6}
.modal_cont.pd_regist .bg_box .txt .ico {flex-shrink: 0; height: 1.6em; display: flex; align-items: center; margin-right: 5px}
.modal_cont.pd_regist .bg_box dl {display: grid;grid-template-columns: max-content minmax(0, 1fr);gap: 10px 30px; }
.modal_cont.pd_regist .bg_box dl dt {color: #999;font-weight: 500;}
.modal_cont.pd_regist .bg_box dl dd {color: #000; font-weight: 500}



/*쿠폰 리스트 팝업*/

.modal_cont.coupon_get {}

.coupon_list_pop .modal_top {display: flex;align-items: center;justify-content: space-between;padding: 4rem 4rem 2rem;}
.coupon_list_pop .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; }
.coupon_list_pop .modal_top.step { align-items: flex-start; }
.coupon_list_pop .modal_top .tit_wrap {  }
.coupon_list_pop .modal_top .step { font-size: 16px; font-weight: 600; }
.coupon_list_pop .modal_top .step + .tit { margin-top: 10px; }
.coupon_list_pop .modal_top .tit { font-size: 24px; font-weight: 700; }
.coupon_list_pop .modal_top .modal_close {font-size: 24px; }

.coupon_list_pop .modal_wrap .modal_cont {width: 400px}

.coupon_list_pop h5.stitle {padding: 0 0 5px 0; font-size: 14px; font-weight: 700; border-bottom: 1px solid #000; margin-bottom: 20px}
.coupon_list_pop .prd_list > li + li {margin-top: 20px}
.coupon_list_pop .layer_pop_contents > div {margin-bottom: 40px}
.coupon_list_pop .layer_pop_contents > div:last-child {margin-bottom: 0}

/*.coupon_list_pop .layer_pop_contents #coupon_ordersheet_lay + #coupon_goods_lay {margin-top: 0} */

.coupon_list_pop .nice-select {height: 5rem; line-height: 4.9rem ;border-radius: 0; border: 1px solid #cccccc; font-size: 14px}
.coupon_list_pop .nice-select.disabled {background: #FAFAFA; color: #999999; border: none}
.coupon_list_pop .nice-select.disabled:after {content: none}
.coupon_list_pop .nice-select .current {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block}
.coupon_list_pop .nice-select .list {width: 100%; border-radius: 0; max-height: 225px; overflow-y: auto}
.coupon_list_pop .nice-select .list .option {height: 5rem; line-height: 4.9rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.coupon_list_pop #coupon_ordersheet_lay .nice-select {margin-top: 20px;}*/
/*.coupon_list_pop #coupon_ordersheet_lay .nice-select:after {border-bottom: 1px solid #000; border-right: 1px solid #000; width: 6px; height: 6px;}*/
.coupon_list_pop .prd_list > li + li {margin-top: 20px;}
.coupon_list_pop .prd_list .prd_tit {font-size: 14px; font-weight: 700}
.coupon_list_pop .prd_list .option_info {font-size: 12px; margin-top: 5px;}
.coupon_list_pop .prd_list .nice-select {margin-top: 10px;}
.coupon_list_pop .bot_btn {width: calc(100% - 2px); margin-left: 1px}

#couponDeatilLayer {left: auto !important;; top: auto !important; margin-left: 0 !important; margin-top: 0 !important; z-index: 9999999}
#couponDeatilLayer .layer_pop_contents {padding: 2rem 4rem 4rem}
.resp_layer_bg {display: none}

/* -------------------------------------- 마이페이지 --------------------------------------------- */
.subpage_wrap {width:100%;}

.mypage_top{padding-bottom: 45px; border-bottom: 1px solid #cccccc}
.mypage_wrap{display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 0 50px; padding-top: 90px; }
.non_member .mypage_wrap {display: block}
.non_member .mypage_wrap .subpage_lnb {display: none}

.subpage_lnb .title1 { padding:60px 0 0 0; height:70px; }
.subpage_lnb .title1>a { display:block; padding-left:10px; font-size:20px; font-weight:700; color:#333; }
.subpage_lnb .title2 { margin-top:20px; border-bottom:1px #eee solid; border-radius:2px; }
.subpage_lnb .title1 + .title2 { margin-top:0; }
.subpage_lnb .title2>a { display:block; padding:10px 0 6px 10px; font-size:19px; line-height:1.3; font-weight:300; color:#333; }
.subpage_lnb .title2 + .lnb_sub { padding-top:8px; }
.subpage_lnb .lnb_sub>li>a { display:block; padding:4px 0 4px 10px; font-size:14px; line-height:1.3; font-weight:400; color:#767676; transition:transform 0.2s; }

.subpage_lnb .lnb_sub>li.on>a { font-weight:500; color:#333; }

.subpage_container {}
.subpage_container .btn_sub_all { display:none; position:absolute; left:-10px; top:0; z-index:20; padding:0 20px 0 10px; height:40px; line-height:41px; font-weight:300; background:#9c9c9c; color:#fff; border-top-right-radius:20px; border-bottom-right-radius:20px; background-image:url(../images/common/icon_arr_next3.png); background-repeat:no-repeat; background-position:right 10px top 50%; }
.title_container { padding:0 0 1.5rem; text-align:center; position:relative;}
.title_container>h2 { display:inline-block; vertical-align:middle; font-size:2.8rem; line-height:1.2; font-weight:700; color:#333; }
.title_container>h2.searched { font-weight:300; }
.title_container .cate_num { font-size:20px; font-weight:300; color:#767676; position:relative; top:-2px; }
.title_container .btn_history { opacity:0.3; display:none; position:absolute; top:20px; }
.title_container .btn_history.back { left:0; }
.title_container .btn_history.forward { right:0; }
.title_container .btn_history>img { height:22px; }
.title_container + .mypage_greeting { position:relative}
.mypage_greeting + .login_ok_menu {margin-top: 5rem}
.subpage_container .title_od1 { padding:35px 0 10px; font-weight:400; font-size:23px; line-height:1.2; color:#333; }
.title_container2 { margin-top:60px; padding:0 0 12px; text-align:center; position:relative; border-bottom:2px #333 solid; }
.title_container2 .btn_thebogi { display:inline-block; padding-right:12px; position:absolute; right:0; top:10px; font-weight:300; background:url(../images/common/ico_arw_direct.png) right 3px no-repeat; background-size:7px; }




.linemap_area { padding-left:0; }

.sub_layout_z1 { display:table; width:100%; table-layout:fixed; }
.sub_layout_z1>li { display:table-cell; vertical-align:top; }
.sub_layout_z1>li.layout_aside_b { padding-left:20px; }

.mycs_fcont_margin { margin-top:130px; }
.my_index_top { display:table; width:100%; }
.my_index_top>li { display:table-cell; vertical-align:top; }
.my_index_top .my_greeting { font-size:34px; font-weight:100; line-height:1.0; color:#666; }
.my_index_top .my_greeting .name { font-weight:300; color:#333; }
.my_index_top .my_msub1 { padding-top:16px; font-size:14px; font-weight:400; color:#767676; }
/*.my_index_top .my_msub1:after {clear:both; display:block; content:"";}*/
.my_index_top .my_msub1 a { color:#767676; }
.my_index_top .my_msub1>li { float:left; padding-right:10px; }
.my_index_top .my_msub1>li:after { display:inline-block; content:'|'; font-weight:100; color:#ccc; margin-left:10px; }
.my_index_top .my_msub1>li:last-child { padding-right:0; }
.my_index_top .my_msub1>li:last-child:after { content:''; margin-left:0; }
.my_index_top .my_msub2 { font-size:0; text-align:right; margin-top:-10px; }
.my_index_top .my_msub2>li { display:inline-block; margin-top:10px; font-size:15px; border-left:1px #ccc solid; }
.my_index_top .my_msub2>li:first-child { border-left:none; }
.my_index_top .my_msub2>li>a { display:block; box-sizing:border-box; text-align:center; padding:0 10px; }
.my_index_top .my_msub2 .title { display:block; }
.my_index_top .my_msub2 .cont { display:block; padding-top:10px; }
.my_index_top .my_msub2 .num { font-size:30px; font-weight:300; line-height:1.0; color:#333; }

/* greeting */
.mypage_greeting { text-align:center; font-size:14px; line-height:1.5; color:#999; }
.mypage_greeting.btm_padding { padding-bottom:20px; }
.mypage_greeting .username { color:#666; }
.mypage_greeting .usergroup { color:#666; }
.mypage_greeting .pointnum { font-size:15px; color:#333; }

/* order step */
.my_order_step { margin:0 auto; padding-top:15px; padding-bottom:25px; max-width:1000px; text-align:center; }
.my_order_step:after {clear:both; display:block; content:"";}
.my_order_step>li { float:left; width:21%; box-sizing:border-box; padding-left:10px; font-size:13px; background:url('../images/common/my_order_arw2.png') 0 40% no-repeat; }
.my_order_step>li:first-child { width:16%; background:none; padding-left:0; }
.my_order_step>li>a { display:block; position:relative; color:#333; }
.my_order_step>li>a:before { display:block; content:''; height:70px; background-position:50% 50%; background-repeat:no-repeat; opacity:0.3; transition:opacity 0.2s; }
.my_order_step>li.step1>a:before { background-image:url('../images/common/my_order_p1.png'); }
.my_order_step>li.step2>a:before { background-image:url('../images/common/my_order_p2.png'); }
.my_order_step>li.step3>a:before { background-image:url('../images/common/my_order_p3.png'); }
.my_order_step>li.step4>a:before { background-image:url('../images/common/my_order_p4.png'); }
.my_order_step>li.step5>a:before { background-image:url('../images/common/my_order_p5.png'); }

.my_order_step .pushCount { position:absolute; left:calc(50% + 22px); top:0; }
@media only screen and (max-width:640px) {
	.my_order_step>li { background-size:10px; padding-left:4px; }
	.my_order_step .pushCount { left:70%; top:0; }
}
@media only screen and (max-width:479px) {
	.my_order_step>li { background-size:8px; }
	.my_order_step>li>a:before { background-size:12vw }
}

.mypage_list_sec0 { display:table; width:100%; table-layout:fixed; box-sizing:border-box; font-size:13px; color:#333; border-top:1px #ddd solid; border-left:1px #ddd solid; }
.mypage_list_sec0>ul { display:table-row; font-size:14px; }
.mypage_list_sec0>ul>li { display:table-cell; vertical-align:middle; padding:10px; border-bottom:1px #ddd solid; border-right:1px #eee solid; }
.mypage_list_sec0>ul>li:last-child { border-right-color:#ddd; }
.mypage_list_sec0>ul>li.th { width:110px; padding:0; }
.mypage_list_sec0>ul>li.th>p { padding:10px; }

.common_count { color:#7086c0; }
.common_count.v2 { color:#007cd2; }
.common_count .num { font-size:16px; line-height:1.1; font-weight:500; }

.mypage_link_set1 { padding:6px 0 0; }
.mypage_link_set1>a { margin:4px 0 0; }
.title_sub1+.mypage_link_set1 { padding:0; margin-top:-4px; }

.myorder_sort { padding:10px 0; font-size:14px; }
.myorder_sort:after {clear:both; display:block; content:""; }
.myorder_sort .list1 { float:left; padding-top:12px; line-height:18px; }
.myorder_sort .list2 { float:right; text-align:right; line-height:32px; }
.myorder_sort .list3 { float:left; line-height:1.5; }
.myorder_sort .th { display:inline-block; vertical-align:top; padding-right:4px; color:#333; }
.myorder_sort .td { display:inline-block; }
.myorder_sort .direct_area { margin-left:2px; }
.myorder_sort .sc-datepicker { width:94px; vertical-align:top; }


/* 주문/배송 내역 */
.oc_item_info_detail { display:table; width:100%; }
.oc_item_info_detail>li { display:table-cell; vertical-align:top; }
.oc_item_info_detail>li.img_link { padding-right:10px; }
.oc_item_info_detail>li.detail_spec { width:100%; }
.oc_item_info_detail img.goods_thumb,
.oc_item_info_detail img.order_thumb { border:1px #ddd solid; width:60px; max-width:none; }
.oc_item_info_detail .goods_name { font-weight:500; color:#333; padding-bottom:4px; }
.oc_item_info_detail .goods_type { padding-top:2px; }
.oc_item_info_detail .goods_options>li { padding-top:2px; }
.oc_item_info_detail .goods_quantity { padding-top:2px; }
.oc_item_info_detail .goods_quantity .num { font-size:15px; line-height:1.2; font-weight:500; }
.oc_item_info_detail .goods_inputs { display:inline-block; vertical-align:top; padding-right:20px; }
.oc_item_info_detail .goods_inputs>li { padding-top:2px; }
.oc_item_info_detail .goods_inputs .input_img { height:20px; }
.oc_item_info_detail .goods_suboptions { display:inline-block; }
.oc_item_info_detail .goods_suboptions>li { padding-top:2px; }
.item_info>.oc_item_info_detail { margin-top:5px; }
.item_info>.oc_item_info_detail:first-child { margin-top:0; }

.oc_res_block { display:inline-block; vertical-align:top; padding-right:20px; }

.oc_event_area { padding-bottom:4px; }
.oc_event_area .img_clock { margin-top:-1px; }
.oc_event_area .time_area { display:inline-block; background-color:#c61515; color:#ffffff; padding:2px 4px; font-weight:500; color:#fff; }
.order-item-cancel-type { color:#f00; }

/* 세금계선서 */
.taxbill_total { border:1px #ddd solid; border-top-color:#7F858F; border-bottom-color:#7F858F; background:#f4f4f4; padding:6px 10px; text-align:right; font-size:13px; }
.resp_table_col + .taxbill_total { border-top:none; }
.taxbill_total .txt_tot { font-size:14px; font-weight:500; color:#333; }
.taxbill_total .txt_part { padding-top:2px; }
.taxbill_total .txt_part:before { display:inline-block; content:'('; }
.taxbill_total .txt_part:after { display:inline-block; content:')'; }
.taxbill_total .num_part { font-weight:500; font-size:14px; color:#333; }

/* 우편번호 찾기 */
.zipcode_iframe { width:100%; height:100%; max-height: 785px}
.zipcode_search_contents { padding-bottom:10px; font-size:13px; line-height:1.4; }
.zipcode_search_contents .inputbox_area { padding-top:10px; display: flex}
.zipcode_search_contents .inputbox_area .btn_resp.size_b {height: var(--inp_height); line-height: var(--inp_lineheight); margin-left: 10px}
.zipcode_search_contents .zsfText { flex: 1; height: var(--inp_height); border: 1px solid #ccc; padding: 0 15px; min-width: 0}
.search_ex_area { border:1px #ccc solid; background:#f7f7f7; line-height:1.5; padding:15px; margin-top:10px; }
.search_ex_area .ex_point { color:#000; font-weight: 600}
.search_ex_area .addtext { display:inline-block; color:#999; }

.cont_type1 { }
.cont_type1>ul { display:inline-block; vertical-align:top; margin:5px 20px 0 0; }
.cont_type1>ul:last-child { margin-right:0; }
.cont_type1>ul>li { display:inline-block; }
.cont_type1>ul>li.size1 { width:auto; }
.cont_type1 .select_style1 { min-width:80px; position: relative}
.cont_type1 .select_style1 {-webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none /* 화살표 없애기 */}


.cont_type1 .select_style1 {background: #FFFFFF url("/data/skin/dualsonic/images/common/dual_ico_down.svg") no-repeat center right 6px / 14px;border: 1px solid #ccc;border-radius: 2px;font-style: normal;font-weight: 400;font-size: 14px;color: #000000;height: 30px;line-height: 28px;padding: 0 30px 0 10px;outline: 0 !important;appearance: none;transition: border-color 0.25s, box-shadow 0.25s;font-family: 'Pretendard';}



.list_01.zipcodeResult { cursor:pointer; font-size:13px; line-height:1.5; }

.zipcode_result_area { padding:10px; text-align:center; font-size:13px; }
.zipcode_no_keyword { color:#999; }
.zipcode_result_nodata { color:#999; }
.zipcode_result_nodata .txt1 { padding-bottom:20px; color:#999; }
.zipcode_result_nodata .txt2 a { text-decoration:underline; }

/* 주소록 */
.add_address { margin-right:2px; }
.sorting_group { padding-bottom:10px; }
.sorting_group>li { display:inline; }
.sorting_group.right_static>li.right_area { display:block; float:right; }

/* 취소/환불 */
.order_settle { display:table; width:100%; table-layout:fixed; background:#f4f4f4; font-size:13px; color:#767676; }
.order_settle>li { display:table-cell; padding:10px; border-bottom:1px #ccc solid; border-left:1px #ddd solid; }
.order_settle>li:first-child { border-left:none; }
.order_settle>li.col2 { width:60%; }
.order_settle .title { padding:0 0 8px; font-size:15px; font-weight:500; color:#333; }

/* 쿠폰 내역 */
.search_basic { border:1px #7F858F solid; border-radius:4px; padding:10px 0; font-size:13px; }
.search_basic_area { display:table; width:100%; table-layout:fixed; }
.search_basic_area>ul { display:table-row; }
.search_basic_area>ul>li { display:table-cell; padding:5px; vertical-align:middle; }
.search_basic_area .th { width:80px; text-align:right; color:#333; }
.search_btn_area { padding:5px 0; text-align:center; }
.search_basic.v2 { position:absolute; right:0; top:5px; z-index:50; max-width:320px; background:#fff; }

.cont_coupon_reg { padding-top:30px; text-align:center; }

/* 포인트로 마일리지 교환 */
.point_mileage_exchange>ul { display:table; }
.point_mileage_exchange>ul>li { display:table-cell; vertical-align:bottom; }
.point_mileage_exchange>ul>li.arr_aera { width:40px; opacity:0.3; background-image:url(../images/design/arw_next.gif); background-position:left 50% bottom 2px; background-repeat:no-repeat; animation:ani_to_right 1s linear infinite; }
.point_mileage_exchange>ul>li.btn_aera { padding-left:8px; }
.point_mileage_exchange .title { padding:5px 0; font-size:15px; }
.point_mileage_exchange .input { width:100px; font-weight:500; }
.point_mileage_exchange .input.v1 { color:#ed3347; }
.point_mileage_exchange .input.v2 { border-color:#007cd2; background-color:#eaf6ff; color:#007cd2 }
.point_mileage_exchange .desc { padding-top:10px; font-size:13px; color:#999; }
@keyframes ani_to_right {
	0% { transform:translateX( 0 ); }
	20% { transform:translateX( 4px ); }
	100% { transform:translateX( 0 ); }
}

/* 포인트로 할인코드 교환 */
.pro_code_exch { margin:0 0 0 -10px; text-align:center; font-size:13px; }
.pro_code_exch>ul { zoom:1; }
.pro_code_exch>ul:after {display:block; content:""; clear:both;}
.pro_code_exch>ul>li { float:left; width:210px; margin:0 0 10px 10px; background:#fff; }
.pro_code_exch .promo_code { padding:10px 0; background:#6d7c81; color:#c4cad1; }
.pro_code_exch .promo_code .sale { font-size:18px; color:#fff; font-weight:500; font-family:verdana; }
.pro_code_exch .promo_deatil { border:1px #bfd3da solid; border-top:none; padding:10px 5px; height:88px; line-height:1.6; }


/* 마일리지로 사은품 교환 */
.gift_loop_title { padding:10px; background:#616775; font-size:13px; color:#c4cad0; }
.gift_loop_title>ul { display:table; width:100%; }
.gift_loop_title>ul>li { display:table-cell; vertical-align:middle; }
.gift_loop_title .tt1 { display:inline-block; font-size:17px; font-weight:300; color:#fff; margin-right:10px; }
.gift_loop_title .ss1 { display:inline-block; font-size:12px; }
.gift_loop_title .date { text-align:right; }

.gift_loop_desc { padding-top:5px; }

.gift_loop_items { font-size:0; margin-left:-15px; }
.gift_loop_items>li { display:inline-block; vertical-align:top; margin:15px 0 0 15px; font-size:13px; text-align:center; }
.gift_loop_items .item_detail>li { padding-top:5px; }
.gift_loop_items .item_detail>li:first-child { padding-top:0; }
.gift_loop_items .item_detail>li.btn_area { padding-top:8px; }
.gift_loop_items .name_area { font-size:15px; color:#333; font-weight:400; }
.gift_loop_items .item_img { width:160px; }

/* 나의 1:1 문의 */
.event_container .bbs_top_wrap,
.review_page .bbs_top_wrap {  margin-top: var(--sub_banner_pd)}

.bbs_top_wrap .cont_box {display: flex; }
.bbs_top_wrap .cont_box .right_box {margin-left: auto}

.how_sect .bbs_top_wrap .cont_box { flex-wrap: wrap}
.how_sect .bbs_top_wrap .cont_box .right_box {margin-left: auto; margin-bottom: 20px;}
.how_sect .bbs_top_wrap .cont_box .notice_catalog {width: 100%; order: 2}



.bbs_top_wrap .right_box .searchform {position: relative; width: 35rem; height: 5.5rem; line-height: 5.5rem; border-bottom: 2px solid #000; }
.bbs_top_wrap .right_box .searchform input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; border: none; font-size: 14px;}
.bbs_top_wrap .right_box .searchform .btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 14px; }
.bbs_top_wrap .right_box .searchform .btn svg {height: 2rem; vertical-align: middle; fill: #000}

.board_detail_title { position:relative; padding:10px; border:1px #7F858F solid; border-top-color:#7F858F; font-size:16px; font-weight:500; color:#333; margin-bottom:-1px; }

.board_detail_contents img { width:auto; height:auto; }
.board_sns_link { padding-top:15px; font-size:0; }
.board_sns_link .snsbox img { width:27px; height:auto; }
.board_manager_reply { margin-top:15px; padding-top:15px; padding-bottom:14px; border-top:1px #7F858F solid; border-bottom:1px #7F858F solid; }
.board_manager_reply .icon1 { display:inline-block; height:22px; line-height:22px; padding:0 5px; background:#007cd2; font-size:12px; color:#fff; vertical-align:middle; }
.board_manager_reply .subject { padding:10px 0 0; font-weight:500; color:#007cd2; }
.board_manager_reply .contents { padding:10px 0 0; }
.board_score { padding-top:10px; }
.board_prev_next_list { margin-top:20px; border-top:1px #7F858F solid; border-bottom:1px #7F858F solid; }
.board_prev_next_list>ul {}
.board_prev_next_list>ul>li { display:table; width:100%; table-layout:fixed; border-top:1px #ddd solid; }
.board_prev_next_list>ul>li:first-child { border-top:none; }
.board_prev_next_list>ul>li>span { display:table-cell; padding:10px 0; vertical-align:middle; }
.board_prev_next_list .pnl_icon { width:20px; text-align:center; opacity:0.6; }
.board_prev_next_list .pnl_desc { width:50px; color:#767676; }
.board_prev_next_list .pnl_name { width:126px; text-align:right; letter-spacing:-1px; }
.board_detail_btns { margin-top:10px; display:table; width:100%; display: none}
.board_detail_btns>li { display:table-cell; }
.board_detail_btns>li.left { text-align:left; }
.board_detail_btns>li.right { text-align:right; }
.board_detail_btns button { margin-top:5px; }
.board_detail_btns2 { margin-top:15px; padding-top:15px; text-align:center; border-top:1px #7F858F solid; }

input[type='text'].res_bbs_search_input { width:220px; }
input[type='text'].res_bbs_search_input:focus { border-color:#357bc3 ; outline:none; }
@media only screen and (max-width:479px) {
	input[type='text'].res_bbs_search_input { width:120px; transition:width 0.3s; }
	.bbs_top_wrap .right2 input[type='text'].res_bbs_search_input:focus { width:220px; border-width:2px; }
}




/* 나의 상품 문의 */
.board_goods_list { display:table; width:100%; table-layout:fixed; }
.board_goods_list>li { display:table-cell; vertical-align:top; }
.board_goods_list>li.pic { width:60px; padding-right:9px; }
.board_goods_list>li.pic img { border:1px #ddd solid; }
.board_goods_list>li.info { font-weight:500; }
.board_goods_list>li.info .name { padding-bottom:4px; color:#333; }
.board_goods_list>li.info .name>a { color:#767676; }
.board_goods_list>li.info .name>a:before { display:inline-block; padding-right:2px; content:'상품:'; color:#999; }
.board_goods_list>li.info .title { color:#333; font-weight:500; }
.board_goods_list>li.info .cont,
.board_list_cont { padding-top:5px; font-size:13px; font-weight:normal; color:#767676; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');word-wrap:normal !important; }
.board_goods_list>li.info .cont2 { padding-top:5px; }
.board_goods_list>li.info .cont3 { padding-top:2px; }
.board_goods_list>li.pic>span, .board_goods_list>li.info .title>span, .board_goods_list>li.info .cont>span { cursor:pointer; }

.board_comment_area { padding:20px 0 0; }
.board_goods_select .btn_area { padding-top:8px; }


.goods_origin_info { border:1px #ddd solid; padding:10px; margin-top:15px; }
.goods_origin_info .title { font-weight:500; padding-bottom:5px; color:#333; }

.goodsviewbox { display:table; width:100%; }
.goodsviewbox>div { display:table-cell; vertical-align:middle; padding-top:5px; padding-bottom:5px; }
.goodsviewbox .pic { width:60px; vertical-align:top; }
.goodsviewbox img.pic { border:1px #ddd solid; }
.goodsviewbox .info { padding-left:10px; width:auto !important; }
.goodsviewbox .info .name { padding-top:4px; color:#555; font-weight:500; }
.goodsviewbox .info .name:first-child { padding-top:0; }
.goodsviewbox .info .name a { color:#333; }
.goodsviewbox .info .cont { padding-top:4px; color:#999; }
td>.goodsviewbox { border-top:1px #ddd dashed; }
td>.goodsviewbox:first-child { border:none; }

.search-form-container {}
.search-form-container .inputbox_area { padding-top:10px; text-align:right; }
.search-form-container .input_text { float:left; border:2px #357bc3 solid; width:calc(100% - 66px); }

.search_goods_result { display:table; width:100%; table-layout:fixed; }
.search_goods_result>div { display:table-cell; vertical-align:top; }

/* 상품 후기 */
.free_score label { display:inline-block; padding:0 12px 0 4px; }
.free_score label:last-child { padding-right:0; }
.free_score .ez-radio { margin:2px 0; }
.score_select label { display:inline-block; padding:0 12px 0 0; }
.score_desc { display:inline-block; line-height:1.2; padding:2px 0; vertical-align:middle; color:#999; }

.res_st_desc { display:inline-block; vertical-align:top; padding-top:7px; color:#007cd2; }
.res_st_desc2 { display:inline-block; vertical-align:top; padding-top:7px; color:#999; }
/* -------------------------------------- //마이페이지 --------------------------------------------- */

/* -------------------------------------- 게시판( 고객센터 ) --------------------------------------------- */


/* resp_bulk_table */
.resp_bulk_table { display:table; width:100%; table-layout:fixed; border-bottom:1px #ddd solid; font-size:13px; }
.resp_bulk_table>ul { display:table-row; }
.resp_bulk_table>ul>li { display:table-cell; border-top:1px #ddd solid; border-left:1px #eee solid; padding:8px; color:#666; vertical-align:middle; }
.resp_bulk_table>ul>li:first-child { border-left:none; }
.resp_bulk_table>ul>li.th { width:140px; text-align:left; padding:0; background:#f8f8f8; color:#333; }
.resp_bulk_table>ul>li.th>p { padding:8px 5px 8px 10px; }
.resp_bulk_table.no_pilsu>ul>li.th>p { padding-right:5px; }
.resp_bulk_table>ul.required>li.th>p { padding-right:22px; background:url(../images/common/icon_check1.png) right 8px top 8px no-repeat; background-size:12px; }

.resp_bulk_table .custom_form input[type='text'] { padding:0 9px !important; border:1px #ccc solid !important; margin:0 !important; }
.resp_bulk_table .custom_form textarea { width:100% !important; }
.resp_bulk_table .custom_form table { margin:0; width:100%; border-collapse:collapse; border-spacing:0; }
.resp_bulk_table .custom_form select { height:32px !important; }
.resp_bulk_table .custom_form label:last-child { margin-right:0; }
.desc.pd_1 { padding-top:8px; }
.desc.pd_2 { padding-top:5px; }
.desc.pd_3 { padding-bottom:5px; }
.resm_x1 { margin-top:10px; }

.goodsview_content_hide .goodsviewbox .info .name + .cont { display:none; }

@media only screen and (max-width:479px) {
	.resp_bulk_table { display:block; width:auto; border:none; }
	.resp_bulk_table>ul { display:block; border-top:none; }
	.resp_bulk_table>ul>li { display:block; border:none; padding-left:0; padding-right:0; padding-top:5px; }
	.resp_bulk_table>ul>li.th { width:auto; background:none; font-size:15px; font-weight:500; color:#333; }
	.resp_bulk_table>ul>li.th>p { display:inline-block; padding:10px 0 0 0; }
	.resp_bulk_table>ul.required>li.th>p { padding-right:20px; background-position:right 0 top 14px; background-size:12px; }
	.resp_bulk_table>ul>li.td.custom_form { display:flex; display:flex; flex-flow:column wrap; }
	.resp_bulk_table>ul>li.td.custom_form .desc { order:1; padding:5px 0 0; }
	.resp_bulk_table>ul>li.td.custom_form input[type='text'] { width:100% !important; }
	.resm_x1 { margin-top:2px; }
}

/* =========== 사용자 생성 게시판 =========== */
.res_table.custom_board_type1 {}
.res_table.custom_board_type1 .thead .c_num { width:48px; }
.res_table.custom_board_type1 .thead .c_subject {}
.res_table.custom_board_type1 .thead .c_name { width:110px; }
.res_table.custom_board_type1 .thead .c_date { width:100px; }
.res_table.custom_board_type1 .thead .c_hit { width:50px; }
.res_table.custom_board_type1 .thead .c_score { width:50px; }
.res_table.custom_board_type1 .tbody .c_num {}
.res_table.custom_board_type1 .tbody .c_subject { text-align:left; }
.res_table.custom_board_type1 .tbody .c_name {}
.res_table.custom_board_type1 .tbody .c_name>img { max-height:16px; }
.res_table.custom_board_type1 .tbody .c_date {}
.res_table.custom_board_type1 .tbody .c_hit {}
.res_table.custom_board_type1 .tbody .c_score {}
.res_table.custom_board_type1 .c_mtitle { display:none; }

.c_scorelay { padding-top:10px; }

.custom_gallery_sort { overflow:hidden; zoom:1; }
.custom_gallery_sort>li { float:left; margin-left:-1px; border:1px #ccc solid; }
.custom_gallery_sort>li:first-child { float:left; margin-left:0; }
.custom_gallery_sort>li>a { display:block; width:30px; height:30px; overflow:hidden; text-indent:-999px; background-position:50% 50%; background-repeat:no-repeat; }
.custom_gallery_sort>li.on { position:relative; border-color:#767676; }
.custom_gallery_sort>li.sort_1>a { background-image:url(../images/common/gallery_sort_a.png); }
.custom_gallery_sort>li.sort_2>a { background-image:url(../images/common/gallery_sort_b.png); }
.custom_gallery_sort>li.sort_3>a { background-image:url(../images/common/gallery_sort_c.png); }
.custom_gallery_sort>li.sort_1.on>a { background-image:url(../images/common/gallery_sort_a_on.png); }
.custom_gallery_sort>li.sort_2.on>a { background-image:url(../images/common/gallery_sort_b_on.png); }
.custom_gallery_sort>li.sort_3.on>a { background-image:url(../images/common/gallery_sort_c_on.png); }
.custom_gallery_sort {}

/*
.custom_gallery_board1 .custom_board_img_area,
.custom_gallery_board2 .custom_board_img_area,
.custom_gallery_board3 .custom_board_img_area { cursor:pointer; width: auto; }
.custom_gallery_board1 {}
.custom_gallery_board1>li { display: flex; gap: 1rem; border-top:1px #ddd solid; }
.custom_gallery_board1>li:first-child { border-top:none; }
.custom_gallery_board1>li>ul { display:table-cell; vertical-align:top; padding:1rem 0; }
.custom_gallery_board1 .custom_board_img_area { flex: 0 0 auto; width: calc(100% / 3 - 10px); display: flex; justify-content: center;}
.custom_gallery_board1 .c_subject { padding-bottom:6px; font-size:20px; font-weight:500; color:#333; cursor:pointer; }
.custom_gallery_board1 .c_name,
.custom_gallery_board1 .c_date,
.custom_gallery_board1 .c_hit,
.custom_gallery_board1 .c_score { display:inline-block; padding:2px 0 2px 16px; color:#999; }
.custom_gallery_board1 .c_short_code { padding-top:10px; line-height:1.6; cursor:pointer; }
.custom_gallery_board1 .c_name { padding-left:0; }
.custom_gallery_board1 .c_more { padding-top:15px; font-weight:800; color:#007cd2; cursor:pointer; }

.custom_gallery_board2,
.custom_gallery_board3 { display: flex; flex-wrap: wrap; gap: 2rem 15px; padding-top: 1rem}
.custom_gallery_board2>li,
.custom_gallery_board3>li { flex: 1 1 auto; max-width: calc(100% / 3 - 10px); display: flex; flex-direction: column; align-items: center; box-sizing:border-box; }
.custom_gallery_board2 .text_area { text-align: center; }
.custom_gallery_board2 .c_subject { padding:15px 0 6px; font-size:16px; font-weight:500; color:#333; cursor:pointer; }
.custom_gallery_board2 .c_name,
.custom_gallery_board2 .c_date,
.custom_gallery_board2 .c_hit,
.custom_gallery_board2 .c_score { display:inline-block; padding:2px 0 2px 16px; color:#999; }
.custom_gallery_board2 .c_name { padding-left:0; }
.custom_gallery_board2 .c_short_code { display:none; }
.custom_gallery_board2 .c_more { display:none; }

.custom_gallery_board3 {row-gap: 15px;}
.custom_gallery_board3 .text_area { display:none; }
*/



/* =========== //사용자 생성 게시판 =========== */

/* 고객센터 메인 */
.cs_top2 { zoom:1; text-align:center; padding:1px 0 0 1px; }
.cs_top2:after {display:block; content:""; clear:both;}
.cs_top2>a { float:left; box-sizing:border-box; width:calc(16.66% + 1px); height:160px; margin:-1px 0 0 -1px; border:1px #eee solid; transition:all 0.2s; }
.cs_top2>a>.area { display:block; text-align:center; }
.cs_top2>a>.area:before { display:block; content:''; height:100px; background-position:50% 50%; background-size:56px; background-repeat:no-repeat; opacity:0.4; transition:opacity 0.2s; }
.cs_top2>a.menu1>.area:before { background-image:url(../images/common/icon_cs_01.png); }
.cs_top2>a.menu2>.area:before { background-image:url(../images/common/icon_cs_02.png); }
.cs_top2>a.menu3>.area:before { background-image:url(../images/common/icon_cs_03.png); }
.cs_top2>a.menu4>.area:before { background-image:url(../images/common/icon_cs_04.png); }
.cs_top2>a.menu5>.area:before { background-image:url(../images/common/icon_cs_05.png); }
.cs_top2>a.menu6>.area:before { background-image:url(../images/common/icon_cs_06.png); }
.cs_top2>a.menu7>.area:before { background-image:url(../images/common/icon_cs_07.png); }
.cs_top2>a.menu8>.area:before { background-image:url(../images/common/icon_cs_08.png); }
.cs_top2>a.menu9>.area:before { background-image:url(../images/common/icon_cs_09.png); }
.cs_top2>a.menu10>.area:before { background-image:url(../images/common/icon_cs_10.png); }
.cs_top2>a>.area>span { display:block; }
.cs_top2>a>.area>span.text1 { font-size:14px; font-weight:400; color:#333; }
.cs_top2>a>.area>span.text2 { padding-top:5px; font-size:15px; font-weight:400; color:#333; }


.cs_call_info { display:table; width:100%; table-layout:fixed; margin-top:60px; }
.cs_call_info>li { display:table-cell; vertical-align:top; }
.cs_call_info .spc { width:30px; }
.cs_call_info .item { border:1px #eee solid; padding:30px 0; }
.cs_call_info .item>ul { display:table; width:100%; }
.cs_call_info .item>ul>li { display:table-cell; vertical-align:middle; }
.cs_call_info .item>ul>li.icon { width:30%; border-right:1px #eee solid; text-align:center; height:123px; }
.cs_call_info .item>ul>li.info { padding-left:25px; padding-right:5px; vertical-align:top; }
.cs_call_info .img_cscenter { animation:ani_call2 4s linear infinite; }
.cs_call_info .item .title { font-size:14px; font-weight:500; color:#333; }
.cs_call_info .item .text1 { padding-top:5px; font-size:29px; font-weight:500; color:#333; }
.cs_call_info .item .text2 { padding-top:5px; color:#333; }
.cs_call_info .item .text2.v2 { padding-top:15px; }

@keyframes ani_call2 {
	0% { transform:translateX(0) translateY(0); }
	1% { transform:translateX(2px) translateY(-2px); }
	2% { transform:translateX(0) translateY(0); }
	3% { transform:translateX(-2px) translateY(-2px); }
	4% { transform:translateX(0) translateY(0); }
	5% { transform:translateX(-2px) translateY(2px); }
	6% { transform:translateX(0) translateY(0); }
	7% { transform:translateX(2px) translateY(2px); }
	8% { transform:translateX(0) translateY(0); }
	9% { transform:translateX(2px) translateY(-2px); }
	10% { transform:translateX(0) translateY(0); }
	11% { transform:translateX(-2px) translateY(-2px); }
	12% { transform:translateX(0) translateY(0); }
	13% { transform:translateX(-2px) translateY(2px); }
	14% { transform:translateX(0) translateY(0); }
	15% { transform:translateX(2px) translateY(2px); }
	16% { transform:translateX(0) translateY(0); }
	100% { transform:translateX(0) translateY(0); }
}

.board_short_info { margin-left:-30px; font-size:0; line-height:0; }
.board_short_info>li { display:inline-block; position:relative; vertical-align:top; width:calc( 50% - 30px ); margin:20px 0 0 30px; font-size:13px; line-height:1.5; }
.board_short_info .title { font-size:20px; line-height:1.3; font-weight:300; margin-top:16px; margin-bottom:15px; padding-bottom:8px; color:#333; border-bottom:1px #eee solid; }
.board_short_info a { color:#767676; }
.board_short_info .board_list2>li { padding-top:2px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');word-wrap:normal !important; }
.board_short_info .more { position:absolute; right:0; top:17px; color:#999; }

.naver_talk_service { margin-top:10px; text-align:center; }
.naver_talk_service>a { display:block; background:#00c63b; padding:10px; border-radius:4px; font-size:16px; color:#fff; }
.naver_talk_service>a>img { width:40px; }

.cs_bank_info { margin-top:10px; padding:10px 5px 10px 15px;; background:#fff; box-shadow:0 0 4px #bbb; }
.cs_bank_info .title { font-size:16px; font-weight:500; padding-bottom:5px; color:#007cd2;  }
.cs_bank_info>ul>li { padding-top:4px; }
.cs_bank_info>ul>li>span { display:inline-block; }
.cs_bank_info .bank { min-width:65px; }
.cs_bank_info .account { margin-right:4px; }

/* -------------------------------------- //게시판( 고객센터 ) --------------------------------------------- */

/* -------------------------------------- 서비스 페이지들 --------------------------------------------- */
.service_wrap { padding:10px 10px 60px; text-align:center; }
.service_wrap .title { display:inline-block; vertical-align:middle; margin:0 24px; padding-top:5px; font-size:26px; line-height:1.2; font-weight:500; color:#333; border-bottom:1px #444 solid; }
.service_section { font-size:14px; line-height:1.6; color:#555; }
.service_section.v1 { text-align:center; }
.service_section.v2 { text-align:left; padding-top:60px; padding-bottom:60px; }
.service_section.v3 { text-align:left; }
.service_section .title1 { padding-bottom:15px; font-size:22px; line-height:1.2; letter-spacing:-1px; color:#333; }
.service_section.v3 .title1 { padding-top:60px; }
.service_section .desc1 { margin:-10px 0 15px; font-size:12px; color:#aaa; }
.service_section strong, .service_section b { font-weight:500; }
@media only screen and (max-width:479px) {
	.service_section.v3 .title1 { padding-top:40px; }
}
/* -------------------------------------- //서비스 페이지들 --------------------------------------------- */

/* -------------------------------------- 이벤트 페이지 --------------------------------------------- */
.event_section { font-size:14px; line-height:1.6; color:#555; }
.event_section.v1 { padding:0; text-align:center; }
.event_section.v2 { text-align:left; padding-top:40px; padding-bottom:40px; }
.event_title1 { font-size:20px; line-height:1.2; letter-spacing:-1px; color:#333; }

.event-list2>ul { font-size:0; line-height:0; margin-left:-20px; }
.event-list2>ul>li { width:33.33%; display:inline-block; box-sizing:border-box; vertical-align:top; padding:10px 0 30px 20px; font-size:13px; line-height:1.4; cursor:pointer; }
.event-list2 .event-image-box { position:relative; }
.event-list2 .infobox { color:#888; }
.event-list2 .close-icon { position:absolute; top:0; right:0; }
.event-list2 .end-icon { position:absolute; top:0; right:0; }
.event-list2 .intorduce { padding-top:20px; padding-bottom:3px; font-size:19px; font-weight:300; color:#333; }
.event-list2 .period { display:inline-block; vertical-align:top; padding-top:5px; margin-right:20px; color:#999; }
.event-list2 .until { display:inline-block; vertical-align:top; padding-top:5px; margin-right:10px; color:#999; }

.resp_event_dlist { margin-top:16px; font-size:14px; color:#767676; }
.resp_event_dlist>ul>li { position:relative; padding:0 0 0 98px; padding-top:6px; margin-top:5px; min-height:25px; }
.resp_event_dlist>ul>li:first-child { margin-top:0; }
.resp_event_dlist .title { position:absolute; left:0; top:0; box-sizing:border-box; width:90px; height:30px; border-radius:15px; background:#767676; color:#fff; font-weight:300; line-height:31px; text-align:center; }
.resp_event_dlist .point { color:#333; }
.resp_event_status1 { text-align:center; background:#eee; margin-top:22px; padding:20px 10px; font-size:14px; }
.resp_joincheck { margin-top:22px; }
.resp_joincheck .joincheck_month { font-size:19px; font-weight:500; padding-bottom:10px; color:#333; text-align:center; }
.resp_joincheck .joincheck_month .prev { margin-right:10px; font-size:13px; color:#767676 }
.resp_joincheck .joincheck_month .next { margin-left:10px; font-size:13px; color:#767676 }
.stamp-list-table { border:1px #ddd solid; }
.stamp-list-table th { border:1px #ddd solid; padding:10px 0; text-align:center; background-color:#f8f8f8; color:#333; }
.stamp-list-table td { border:1px #ddd solid; padding:0 2px 2px; }
.stamp-list-table .stl-sun { color:#ed3347; }
.stamp-list-table .stl-sat { color:#007cd2; }
.stamp-list-table>tbody>tr>td>center { display:block; margin:0 0 6px; }
.resp_joincheck_reply>ul { display:table; width:100%; table-layout:fixed; }
.resp_joincheck_reply>ul>li { display:table-cell; vertical-align:top; }
.resp_joincheck_reply>ul>li.btns { width:70px; padding-left:5px; }
.resp_joincheck_reply .reply_input { height:68px; border-color:#444; }
.resp_joincheck_reply .btn_reply_reg { width:100%; height:68px; background:#444; color:#fff; text-align:center; }
.resp_joincheck_reply .btn_reply_reg.v2 { background-color:#f4f4f4; }
.resp_reply_contents>li { margin-top:10px; border:1px #ddd solid; }
.resp_reply_contents>li:first-child { margin-top:0; }
.resp_reply_contents>li>ul>li { padding:10px; }
.resp_reply_contents .head { border-bottom:1px #eee dashed; color:#999; }

.no_image_event { min-width:234px; border:1px #eee solid; text-align:center;}



/* -------------------------------------- //이벤트 페이지 --------------------------------------------- */


/* -------------------------------------- 주문 결제 --------------------------------------------- */
.kakaopay_text { margin-bottom:5px; background-color:#f8f8f8; }



.order_subsection.v2 { border:none; margin:0; }
.order_subsection .nation_section { color:#999; }
.order_subsection .name1 { font-size:15px; font-weight:400; color:#666; }

.settle_tab { border-bottom:1px #666 solid; margin-bottom:15px; }
.settle_tab>li { float:left; position:relative; width:33.33%; max-width:160px; }
.settle_tab>li>a { display:block; vertical-align:top; height:40px; margin-left:-1px;  text-align:center; font-size:14px; line-height:40px; border:1px #ddd solid; border-bottom:none; background:#f8f8f8; color:#767676; }
.settle_tab>li:first-child>a { margin-left:0; }
.settle_tab>li.current { z-index:2; margin-bottom:-1px; }
.settle_tab>li.current>a { border-color:#666; height:41px; background:#fff; color:#333; font-weight:500; }

.ship_possible { padding-bottom:10px; color:#ed3347; }
.now_shipping_nation { overflow:hidden; zoom:1; border-bottom:1px #999 solid; padding:16px 0 10px; font-size:14px; background:#fff; position:absolute; left:10px; top:40px; width:calc(100% - 37px); }
#nation_gl_type { float:right; margin-top:-6px; }
.layer_nation_list { margin-top:46px; }
.layer_nation_list>li { display:table; width:100%; table-layout:Fixed; border-top:1px #ddd solid; cursor:pointer; }
.layer_nation_list>li:first-child { border-top:none; }
.layer_nation_list>li>span { display:table-cell; vertical-align:middle; padding:5px 0; }
.layer_nation_list>li>span.nation_flag { width:30px; padding-right:10px; }
.layer_nation_list .eng { font-size:12px; color:#999; }

.settle_tab_contents {}
.recipient_user_name { font-size:15px; font-weight:500; color:#333; }

.ul_delivery > li { padding:10px 0; border-top:1px dashed #ccc;}
.ul_delivery > li:first-child  {margin-top:0; border-top:0; padding-top:0;}
.ul_delivery .list {margin:-20px 0 0 24px}
.ul_delivery .name { font-size:15px; font-weight:500; color:#333; }
.ul_delivery li.name_section { padding-bottom:2px; }
.ul_delivery li.name_section:after {display:block; content:""; clear:both;}
.ul_delivery li.name_section .btn_x1 { float:right; margin-top:-4px; }
.ul_delivery .nation_section { color:#999; }

.ship_message { margin-top:10px; position:relative; z-index:10; }
.ship_message .ship_message_txt { box-sizing:border-box; width:100%; height:34px; border:1px solid #ccc; background:#fff url('../images/common/new_arrow.png') 100% 50% no-repeat; }

.ship_message .add_message { display:none; position:absolute; bottom:0px; left:0; transform: translateY(100%); box-sizing:border-box; max-height:200px; overflow-y:auto; border:1px solid #cccccc; background:#fff; width:100%; z-index: 2}
.ship_message .add_message > li { border-top:1px solid #ddd; height: var(--inp_height); line-height: var(--inp_lineheight); padding-left:5px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; padding: 0 2rem}
.ship_message .add_message > li:first-child { border-top:none; }


.od_sale_title { display:inline-block; width:56px; }
.od_sale_title2 { padding:15px 0 4px; font-weight:500; color:#333; }

input.od_m_box { padding-left:5px; padding-right:5px; text-align:right; color:#c60000; }
.od_layer_title1 { display:table; width:100%; table-layout:fixed; margin:10px 0 8px; font-size:16px; font-weight:500; }
.od_layer_title1>li { display:table-cell; }
.od_layer_title1>li.th { width:160px; }
.od_layer_title1 .totalprice_font { font-size:18px; }



.payment_method_select { font-size:0; line-height:0; margin-left:-14px; }
.payment_method_select > li { display:inline-block; vertical-align:top; padding-bottom:14px; margin-left:14px; text-align:center; font-size:14px; line-height:1.4; }
.payment_method_select li label {display:block; width:auto; height:auto; line-height:auto; margin:auto; text-indent:auto;}
.payment_method_select > li > div {border-radius:10px; width:69px; height:69px; overflow:hidden; margin:0 auto;}
.payment_method_select > li > div > label { width:100%; height:100%; text-align:center; background-color:#eee; background-position:center center; background-repeat:no-repeat; background-size:60px; }
.payment_method_select > li > div > label input[type="radio"] { width:1px; height:1px; font-size:0; margin:0; visibility:hidden; overflow:hidden; }
.payment_method_select > li > p {margin-top:10px; text-align:center; color:#767676; }
.payment_method_select > li > div.active > label { background-color:#434343; }
.payment_method_select > li > div.active + p {font-weight:500; color:#333;}

.payment_method_select > li > div.kakaopay2 > label { background-image:url('../images/common/pay_kakaopay.png'); }
.payment_method_select > li > div.card > label { background-image:url('../images/common/pay_card.png'); }
.payment_method_select > li > div.account > label { background-image:url('../images/common/pay_account.png'); }
.payment_method_select > li > div.escrow_account > label { background-image:url('../images/common/pay_escrow_account.png'); }
.payment_method_select > li > div.virtual > label { background-image:url('../images/common/pay_virtual.png'); }
.payment_method_select > li > div.escrow_virtual > label { background-image:url('../images/common/pay_escrow_virtual.png'); }
.payment_method_select > li > div.cellphonepay > label { background-image:url('../images/common/pay_cellphonepay.png'); }
.payment_method_select > li > div.bank2 > label { background-image:url('../images/common/pay_bank.png'); }
.payment_method_select > li > div.paypal > label { background-image:url('../images/common/pay_paypal.png'); }
.payment_method_select > li > div.eximbay > label { background-image:url('../images/common/pay_eximbay.png'); }
.payment_method_select > li > div.npay > label { background-image:url('../images/common/pay_npay.png'); }
.payment_method_select > li > div.payco > label { background-image:url('../images/common/pay_payco.png'); }
.payment_method_select > li > div.naverpayment > label { background-image:url('../images/common/pay_naverpayment.png'); }

.payment_method_select > li > div.kakaopay2.active > label { background-image:url('../images/common/pay_kakaopay_on.png'); }
.payment_method_select > li > div.card.active > label { background-image:url('../images/common/pay_card_on.png'); }
.payment_method_select > li > div.account.active > label { background-image:url('../images/common/pay_account_on.png'); }
.payment_method_select > li > div.escrow_account.active > label { background-image:url('../images/common/pay_escrow_account_on.png'); }
.payment_method_select > li > div.virtual.active > label { background-image:url('../images/common/pay_virtual_on.png'); }
.payment_method_select > li > div.escrow_virtual.active > label { background-image:url('../images/common/pay_escrow_virtual_on.png'); }
.payment_method_select > li > div.cellphonepay.active > label { background-image:url('../images/common/pay_cellphonepay_on.png'); }
.payment_method_select > li > div.bank2.active > label { background-image:url('../images/common/pay_bank_on.png'); }
.payment_method_select > li > div.paypal.active > label { background-image:url('../images/common/pay_paypal_on.png'); }
.payment_method_select > li > div.eximbay.active > label { background-image:url('../images/common/pay_eximbay_on.png'); }
.payment_method_select > li > div.npay.active > label { background-image:url('../images/common/pay_npay_on.png'); }
.payment_method_select > li > div.payco.active > label { background-image:url('../images/common/pay_payco_on.png'); }
.payment_method_select > li > div.naverpayment.active > label { background-image:url('../images/common/pay_naverpayment_on.png'); }


.nonmember_terms { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #ccc}
.nonmember_terms > .tit {font-size: 2.4rem;font-weight: 700;}
.nonmember_terms .mem_agree_area {margin-top: 2.5rem;}
.nonmember_terms .mem_agree_area .chk_box:not(.agree) input[type='checkbox'] + label { align-items: flex-start}
.nonmember_terms .mem_agree_area .chk_box:not(.agree) input[type='checkbox'] + label::before {background:url('/data/skin/dualsonic/images/common/dual_ico_terms_check.svg') no-repeat 0 0 / contain;  opacity: 0.2; margin-right: 5px;}
.nonmember_terms .mem_agree_area .chk_box.all:not(.agree) input[type='checkbox'] + label {font-size: 15px; font-weight: 600}
.nonmember_terms .mem_agree_area .chk_box.all:not(.agree) input[type='checkbox'] + label::before {background: url(/data/skin/dualsonic/images/common/dual_chk_cir.svg) no-repeat 0 0 / contain; opacity: 1; transform: translateY(1px)}

.nonmember_terms .mem_agree_area .chk_box:not(.agree) input[type='checkbox']:checked + label::before { opacity: 1}
.nonmember_terms .mem_agree_area .chk_box.all:not(.agree) input[type='checkbox']:checked + label::before {background: url(/data/skin/dualsonic/images/common/dual_chk_cir_full.svg) no-repeat 0 0 / contain;}



.agree_list2 { margin-top: 1.5rem; }
.agree_list2 input[type='checkbox'] {margin:0; width:20px;height:20px;}
.agree_list2>li.end { background:#feffee; }
.agree_list2>li>label { display:block; margin:0; padding:5px 0 5px 2px; box-sizing:border-box; }
.agree_list2>li { display: flex; align-items: flex-start; justify-content: space-between; }
.agree_list2>li + li { margin-top: 5px; }
.agree_list2 .agree_view + label { width:calc( 100% - 66px ); }
.agree_list2 .desc { font-size:13px; }

/* 티켓 사용 내역 */
div.coupon_info { border:2px solid #444; padding-left:20px; padding:15px 40px 15px 15px; background-color:#fcfede; background-image:url('../images/common/coupon_rbg.png'); background-repeat:no-repeat; background-size:34px 120px; background-position: 100%; }
div.coupon_info div.coupon_name { font-size:26px; font-weight:500; color:#333; letter-spacing:-1px; }
div.coupon_info div.coupon_option { font-size:13px; padding-top:5px; color:#999; }
div.coupon_info div.coupon_serial { font-size:13px; font-weight:500; padding-top:5px; }
div.coupon_detail { padding:10px 0; }


/* -------------------------------------- //주문 결제 --------------------------------------------- */





/* -------------------------------------- Layout --------------------------------------------- */
/*#layout_body { max-width:1800px; margin:0 auto; padding: 0 20px }*/
.resp_wrap { max-width:1800px; margin:0 auto; padding: 0 var(--resp_wrap_pd); position: relative}

/*.resp_wrap:after {display:block; content:""; clear:both;}*/
.wrap_aside { padding:0 10px; }
.wrap_aside.v2 { padding-top:30px; }
#layout_body div.slide-wrap { overflow:visible; }
iframe#actionFrame { width:0; height:0; position:absolute; left:0; bottom:0; visibility:hidden; }
.pcHideMoShow { display:none; }
.full_layout { position:fixed; left:0; top:0; right:0; bottom:0; overflow-y:auto; }
.full_layout .single_contents { display:table; width:100%; height:100%; }
.full_layout .single_contents>li { display:table-cell; padding:10px; vertical-align:middle; text-align:center; }
.layout_intro { padding:0 0 60px; }
.center_contents_layout { text-align:center; }
.center_contents_layout>.inner { display:inline-block; text-align:left; }

/* -------------------------------------- //Layout --------------------------------------------- */


/* ========================= FOOTER( /layout_footer/standard.html ) ========================= */

html {position: relative}
body {height: auto; position: relative}

/*-----footer-----*/
/*-----footer-----*/
.layout_footer {  position: relative; padding: 10rem 0 5rem; background-color: #000; color: #fff; margin-top: auto}
.layout_footer .resp_wrap {width: 1640px !important; margin-top: 1px}
.layout_footer .fix_btn {position: fixed; right: 5rem; bottom: 5rem; color: #000; z-index: 50}
.layout_footer .more_btn {display: flex; align-items: center; justify-content: center; width: 70px; height: 70px;border-radius: 50%; background-color: #1E1E1E; overflow: hidden}
.layout_footer .more_btn .swiper-container {height: 100%}
.layout_footer .more_btn .swiper-wrapper {height:  100% !important;}
.layout_footer .more_btn .swiper-slide {display: flex; align-items: center; justify-content: center; height: 100%}
.layout_footer .more_btn .swiper-slide svg {opacity: 0; transition: .5s; vertical-align: middle}
.layout_footer .more_btn .swiper-slide-active svg {opacity: 1}
.layout_footer .more_btn .d_logo { width: auto; height: 35px; z-index: 1; fill: #fff}
.layout_footer .more_btn .dots { width: 30px; fill: #fff;}
.layout_footer .more_btn span { color: #fff; font-size: 1.5rem; font-weight: 600}
.layout_footer .more_btn .bg_svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; filter: drop-shadow(0px 9.02079px 8.01848px rgba(0,0,0,0.45))}

.layout_footer .fix_btn .btn_wrap {display: flex; flex-direction: column; justify-content: flex-start ;position: absolute; left: 50%; top: 0; transform: translate(-50%,-100%); height: 85px; transition: height 0.75s}
.layout_footer .fix_btn .btn_wrap .btn { width: 70px; height: 70px; background-color: #fff; border-radius: 50%; overflow: hidden; opacity: 0; pointer-events: none ;transform: translateY(30px); box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); flex-shrink: 0; transition:  background-color .3s}
.layout_footer .fix_btn .btn_wrap .btn.top_btn {opacity: 1; pointer-events: inherit; transform: unset}
.layout_footer .fix_btn .btn_wrap .btn .cir {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height:100%; border-radius: 50%; transition: 0.6s}


.layout_footer .fix_btn .btn_wrap .btn .cir .ico { width: 24px; height: 24px; }
.layout_footer .fix_btn .btn_wrap .btn.kakao .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_kakao.svg") center/contain no-repeat; }
.layout_footer .fix_btn .btn_wrap .btn.rental .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_rental2.svg") center/contain no-repeat; }
.layout_footer .fix_btn .btn_wrap .btn.insta .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_insta.svg") center/contain no-repeat; }
.layout_footer .fix_btn .btn_wrap .btn.sns .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_sns.svg") center/contain no-repeat; }
.layout_footer .fix_btn .btn_wrap .btn.youtube .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_youtube.svg") center/contain no-repeat; }
.layout_footer .fix_btn .btn_wrap .btn.blog .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_blog.svg") center/contain no-repeat; }
.layout_footer .fix_btn .btn_wrap .btn.purchase .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_rental.svg") center/contain no-repeat; }
.layout_footer .fix_btn .btn_wrap .btn.certified .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_certified.svg") center/contain no-repeat; }



.layout_footer .fix_btn .btn_wrap .btn + .btn {margin-top: 5px;}

.layout_footer .fix_btn .btn_wrap .btn svg {max-width: 30px; height: 20px; width: 100%; flex-shrink: 0; fill: #000;}
.layout_footer .fix_btn .btn_wrap .btn .ico { width: 22px; height: 22px; background: url('/data/skin/dualsonic/images/common/dual_ico_top.svg') center/contain; transition: all .3s}
.layout_footer .fix_btn .btn_wrap .btn .txt {font-size: 12px; font-weight: 500; margin-top: 4px; color: #000; word-break: keep-all; width: 100%; text-align: center; line-height: 1.2; white-space: nowrap; transition: all .3s}
.layout_footer .fix_btn .btn_wrap .btn .txt br {display: none}




.layout_footer .fix_btn.active .more_btn + .btn_wrap {height: 450px}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn:nth-child(7){transition: opacity 0.75s 0.6s, transform 0.75s 0.6s, background-color .3s;}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn:nth-child(6){transition: opacity 0.75s 0.5s, transform 0.75s 0.5s, background-color .3s;}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn:nth-child(5){transition: opacity 0.75s 0.4s, transform 0.75s 0.4s, background-color .3s;}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn:nth-child(4){transition: opacity 0.75s 0.3s, transform 0.75s 0.3s, background-color .3s;}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn:nth-child(3){transition: opacity 0.75s 0.2s, transform 0.75s 0.2s, background-color .3s;}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn:nth-child(2){transition: opacity 0.75s 0.1s, transform 0.75s 0.1s, background-color .3s;}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn:nth-child(1){transition: opacity 0.75s, transform 0.75s, background-color .3s;}
.layout_footer .fix_btn.active .more_btn + .btn_wrap {opacity: 1; pointer-events: auto}
.layout_footer .fix_btn.active .more_btn + .btn_wrap .btn {opacity: 1; transform: unset;  pointer-events: inherit}



/*.footer.active .fix_btn {position: absolute; right: 3rem; top: -10rem ; bottom: auto ;transform: translateY(-100%); }*/

.layout_footer .ft_box {display: flex; justify-content: space-between}
.layout_footer .ft_left {width: 45%}
.layout_footer .ft_left .foo_nav_box {display: flex;}
.layout_footer .ft_left .foo_nav_box .nav_box {display: flex;}
.layout_footer .ft_left .foo_nav + .foo_nav {margin-left: 12rem}
.layout_footer .ft_left .foo_nav .tit {margin-bottom: 2rem; font-size: 15px; font-weight: 800; color: #727880}
.layout_footer .ft_left .foo_nav ul + ul {margin-left: 50px;}
.layout_footer .ft_left .foo_nav ul li {font-size: 15px; font-weight: 500}
.layout_footer .ft_left .foo_nav ul li + li {margin-top: 10px}
.layout_footer .ft_left .foo_nav ul li a {position: relative}
.layout_footer .ft_left .foo_nav ul li a:before {content: ''; position: absolute; bottom: 1px; left: 0; width: 0%; height: 1px; background-color: #fff; transition: .3s; display: none}


.layout_footer .util { width: 100%; margin-top: 10rem}
.layout_footer .util .menu ul { display: flex; align-items: center; justify-content: flex-start; font-size: 1.8rem; color: #727880; }
.layout_footer .util .menu ul b { color: #fff; font-weight: 400; }
.layout_footer .util .menu ul li + li { margin-left: 3rem; }
.layout_footer .util .menu ul li a{position: relative; transition: all .3s}
.layout_footer .util .menu ul li a:before {content: ''; position: absolute; bottom: 1px; left: 0; width: 0%; height: 1px; background-color: #fff; transition: .3s; display: none}

.layout_footer .ft_right .sns { display: flex; align-items: center; justify-content: flex-start; margin-top: 5rem; }
.layout_footer .ft_right .sns .ico { position: relative; font-size: 2rem; }
.layout_footer .ft_right .sns .ico:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background-color: #fff; transform: translateX(-50%); transform-origin: center; transition: width 0.3s; display: none}

.layout_footer .ft_right .sns .ico + .ico { margin-left: 4rem; }
.layout_footer .ft_right .sns svg { fill: #fff; }
.layout_footer .ft_right .sns .ico .sns_ico { display: block; width: 35px; height: 35px; }
.layout_footer .ft_right .sns .ico.youtube .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-linejoin: round; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-width: 6px; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-miterlimit: 10; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><rect class="cls-3" x="24.97" y="25.01" width="90" height="90" rx="12" ry="12"/><polygon class="cls-1" points="58.31 87.51 58.31 52.51 87.48 70.01 58.31 87.51"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_footer .ft_right .sns .ico.kakao .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><path class="cls-1" d="M52.79,60.14c0-1.46-1.18-2.64-2.64-2.64h-14.05c-1.46,0-2.64,1.18-2.64,2.64s1.18,2.64,2.64,2.64h4.38v16.26c0,1.46,1.18,2.64,2.64,2.64s2.64-1.18,2.64-2.64v-16.26h4.38c1.46,0,2.64-1.18,2.64-2.64Z"/><path class="cls-1" d="M63.89,60.09c-.58-1.6-2.05-2.63-3.75-2.63s-3.17,1.03-3.75,2.63l-6.54,18.06c-.5,1.37.21,2.89,1.58,3.38,1.37.5,2.89-.22,3.38-1.58l1.07-2.97h8.49l1.07,2.97c.38,1.04,1.38,1.74,2.48,1.74.31,0,.61-.05.9-.16,1.37-.5,2.08-2.01,1.58-3.38l-6.54-18.06ZM62.47,71.69h-4.67l2.33-6.44,2.33,6.44Z"/><path class="cls-1" d="M84.47,75.97h-5.99v-15.83c0-1.46-1.18-2.64-2.64-2.64s-2.64,1.18-2.64,2.64v18.47c0,1.46,1.18,2.64,2.64,2.64h8.64c1.46,0,2.64-1.18,2.64-2.64s-1.18-2.64-2.64-2.64Z"/><path class="cls-1" d="M105.99,77l-6.61-8.62,6.11-6.04c1.03-1.02,1.04-2.7.02-3.74-1.02-1.04-2.7-1.04-3.74-.02l-7.45,7.36v-5.81c0-1.46-1.18-2.64-2.64-2.64s-2.64,1.18-2.64,2.64v18.47c0,1.46,1.18,2.64,2.64,2.64s2.64-1.18,2.64-2.64v-5.23l1.27-1.25,6.2,8.09c.5.66,1.27,1.04,2.1,1.04.58,0,1.14-.19,1.61-.54,1.16-.89,1.38-2.55.49-3.7Z"/></g><path class="cls-3" d="M38.23,121.59c-.18-.46,3.72-19.41,3.72-19.41-13.63-7.12-22.61-19.29-22.61-33.1,0-21.95,22.68-39.75,50.66-39.75s50.66,17.8,50.66,39.75-22.68,39.75-50.66,39.75c-2.8,0-5.54-.18-8.22-.52,0,0-23.34,13.84-23.56,13.29Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_footer .ft_right .sns .ico.blog .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-width: 6px; } .cls-1, .cls-2 { fill: none; } .cls-3 { fill: %23fff; } .cls-3, .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M105.97,29.18H34.02c-9.17,0-16.61,7.46-16.61,16.67v39.54c0,9.21,7.44,16.67,16.61,16.67h24.78l8.46,13.77s.09.16.27.39c.49.85,1.41,1.42,2.46,1.42s1.95-.57,2.45-1.41c.21-.25.28-.41.28-.41l8.46-13.77h24.78c9.17,0,16.61-7.46,16.61-16.67v-39.54c0-9.21-7.44-16.67-16.61-16.67Z"/><g><path class="cls-3" d="M49.6,67.97c-.01-.38-.43-9.56-8.82-9.56-.03,0-2.81.04-5.3,2.46l-.42.41v-10.55h-5.94v26.33h6.01v-2.81l.47.84c.06.11,1.52,2.64,5.19,2.64.35-.01,8.82-.44,8.82-9.76ZM39.35,72.57c-2.42,0-4.39-1.97-4.39-4.39s1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39-1.97,4.39-4.39,4.39Z"/><path class="cls-3" d="M60.81,77.06v-17.1c0-.05.08-4.63-2.71-7.49-1.46-1.5-3.46-2.28-5.93-2.33v5.72c.33.05.91.2,1.47.74.97.93,1.47,2.56,1.47,4.83v15.63h5.71Z"/><path class="cls-3" d="M65.84,68.18s-.1,3.97,2.58,6.75c1.8,1.86,4.42,2.8,7.8,2.8.43,0,10.63-.13,10.63-9.55,0-.05.1-4-2.62-6.82-1.84-1.9-4.54-2.87-8.02-2.87-.42,0-10.39.12-10.39,9.69ZM80.62,68.18c0,2.42-1.97,4.39-4.39,4.39s-4.39-1.97-4.39-4.39,1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39Z"/><path class="cls-3" d="M101.73,86.87c.14,0,3.94-.03,6.57-2.64,1.71-1.7,2.58-4.11,2.58-7.17v-17.92h-5.76v2.29l-.45-.59s-1.83-2.35-5.2-2.35c-.05,0-3.67-.12-6.25,2.35-1.73,1.66-2.61,4.11-2.61,7.26,0,.05-.01,4.36,2.68,7.08,1.46,1.47,3.46,2.22,5.93,2.22.04,0,3.56.11,5.46-2.35l.45-.58v2.24c0,.07.2,2.24-1.12,3.7-.75.83-1.84,1.25-3.23,1.25h-1.3v5.21h2.25ZM101.03,72.57c-2.42,0-4.39-1.97-4.39-4.39s1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39-1.97,4.39-4.39,4.39Z"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_footer .ft_right .sns .ico.insta .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-3" cx="69.45" cy="70.81" r="17"/><circle class="cls-1" cx="95.73" cy="44.34" r="5.75"/><rect class="cls-3" x="25.04" y="25.03" width="90" height="90" rx="12" ry="12"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }


.layout_footer .ft_right {width: 55%; margin-left: 1rem}

.layout_footer .ft_right .notice { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; }
.layout_footer .ft_right .notice .ft_tit { flex-shrink: 0; margin-right: 30px; font-weight: 800; font-size: 15px; color: #727880}
.layout_footer .ft_right .notice .designDisplay {width: 100%}
.layout_footer .ft_right .notice table {width: 100%}
.layout_footer .ft_right .notice table tr td {padding: 25px 20px;border-bottom: 1px solid rgba(255,255,255,0.2)}
.layout_footer .ft_right .notice table tr a {position: relative; display: inline-block; color: #fff; }
.layout_footer .ft_right .notice table tr a .txt {position: relative; display: inline-block; font-size: 16px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-weight: 500}
.layout_footer .ft_right .notice table tr a:before{content: '';position: absolute;bottom: 1px;left: 0;width: 0%;height: 1px;background-color: #fff;transition: .3s;}
.layout_footer .ft_right .notice table tr.normal_bbslist:first-child td {border-top: 1px solid rgba(255,255,255,0.2)}
.layout_footer .ft_right .notice table tr .cat {display: none}


.layout_footer .ft_right .foo_menu {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem 2rem; margin-top: 6rem; font-size: 2rem; font-weight: 600; display: none}
.layout_footer .ft_right .foo_menu a {position: relative}
.layout_footer .ft_right .foo_menu a:before {content: ''; position: absolute; bottom: -1px; left: 0; width: 0%; height: 2px; background-color: #fff; transition: .3s}

.layout_footer .ft_right .info { font-size: 15px; font-weight: 500; color: #727880; line-height: 1.7;}
.layout_footer .ft_right .info ul {display: flex; flex-wrap: wrap}
.layout_footer .ft_right .info ul li + li:before {content: ""; display: inline-block; width: 1px; height: 0.8em; background-color: #727880; margin: 0 5px}
.layout_footer .ft_right .info ul li a {text-decoration-line: underline;text-decoration-color: #727880;text-decoration-style: solid;text-underline-position: under;text-underline-offset: -1px; transition: .3s}
.layout_footer .ft_right .info .txt {margin-top: 30px; font-size: 12px;}
.layout_footer .ft_right .info .txt a {text-decoration-line: underline;text-decoration-color: #727880;text-decoration-style: solid;text-underline-position: under;text-underline-offset: -1px; transition: .3s}
.layout_footer .ft_right .info .txt button {text-decoration-line: underline;text-decoration-color: #727880;text-decoration-style: solid;text-underline-position: under;text-underline-offset: -1px; transition: .3s; color: inherit; font-size: inherit;}
.layout_footer .ft_right .info .copy {margin-top: 20px; font-size: 15px; font-weight: 500}



.layout_footer .ft_right .info .copy {font-size: 12px}


.layout_footer .ft_btm { display: flex; align-items: flex-start; justify-content: center; padding-top: 12rem; }



.layout_footer .ft_btm .info { width: 47%; color: #727880; }
.layout_footer .ft_btm .info ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-left: -2rem; font-size: 1.5rem; font-weight: 500; }
.layout_footer .ft_btm .info ul li { position: relative; margin-left: 2rem; text-align: left; line-height: 1.8em; }
.layout_footer .ft_btm .info ul li:before { content: ''; position: absolute; right: -1rem; top: 50%; width: 1px; height: 50%; transform: translate(-50%, -50%); background-color: #727880; }
.layout_footer .ft_btm .info ul li:last-of-type:before { display: none; }
.layout_footer .ft_btm .info ul li a { text-decoration: underline; margin-left: 1rem; }
.layout_footer .ft_btm .info .txt { margin-top: 3rem; font-size: 13px; }
.layout_footer .ft_btm .info .txt a { text-decoration: underline; margin-left: 1rem; }
.layout_footer .ft_btm .info .copy { margin-top: 3rem; font-size: 15px; }
.layout_footer .bot_logo { display: flex; justify-content: center; margin-top: 10rem; position: relative}
.layout_footer .bot_logo svg {width: 100%; height: auto}
.layout_footer .bot_logo svg .cls-1 {fill: #fff; stroke-width: 0px}
.layout_footer .bot_logo svg + svg {margin-left: 1.25rem}


/*스키 디자인*/
.layout_footer.ski .resp_wrap {width: 144rem !important;}
.layout_footer .foo_nav .depth1 {display: flex; justify-content: space-between}
.layout_footer .foo_nav .depth1 > li {font-size: 1.6rem;}
.layout_footer .foo_nav .depth1 > li a {transition: font-weight .3s; }
.layout_footer .foo_nav .depth1 > li .depth2 {margin-top: 2rem}
.layout_footer .foo_nav .depth1 > li .depth2 li a{color: #727880; transition: all .3s}
.layout_footer .foo_nav .depth1 > li .depth2 li + li {margin-top: 1rem}



.layout_footer .bot_box {display: flex; justify-content: center; position: relative}
.layout_footer .bot_box .prd_info_txt {display: none}
.layout_footer.ski .bot_logo svg {width: 40rem; max-width: 100%}
.layout_footer .bot_box .txt_box {color: #727880; font-weight: 700; position: absolute; left: 0; bottom: 0}
.layout_footer .bot_box .txt_box .copy {margin-bottom: 10px;}
.layout_footer .bot_box .txt_box .txt {font-size: 10px;}
.layout_footer .bot_box .txt_box button {color: #727880; font-size: 10px; text-decoration: underline; font-weight: 500}
.layout_footer .bot_box .sns { display: flex; align-items: center; justify-content: flex-start; position: absolute; right: 0; bottom: 0}
.layout_footer .bot_box .sns .ico { position: relative; font-size: 2rem; }
.layout_footer .bot_box .sns .ico:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background-color: #fff; transform: translateX(-50%); transform-origin: center; transition: width 0.3s; display: none}

.layout_footer .bot_box .sns .ico + .ico { margin-left: 3rem; }
.layout_footer .bot_box .sns svg { fill: #fff; }
.layout_footer .bot_box .sns .ico .sns_ico { display: block; width: 3rem; height: 3rem; }
.layout_footer .bot_box .sns .ico.youtube .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-linejoin: round; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-width: 6px; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-miterlimit: 10; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><rect class="cls-3" x="24.97" y="25.01" width="90" height="90" rx="12" ry="12"/><polygon class="cls-1" points="58.31 87.51 58.31 52.51 87.48 70.01 58.31 87.51"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_footer .bot_box .sns .ico.kakao .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><path class="cls-1" d="M52.79,60.14c0-1.46-1.18-2.64-2.64-2.64h-14.05c-1.46,0-2.64,1.18-2.64,2.64s1.18,2.64,2.64,2.64h4.38v16.26c0,1.46,1.18,2.64,2.64,2.64s2.64-1.18,2.64-2.64v-16.26h4.38c1.46,0,2.64-1.18,2.64-2.64Z"/><path class="cls-1" d="M63.89,60.09c-.58-1.6-2.05-2.63-3.75-2.63s-3.17,1.03-3.75,2.63l-6.54,18.06c-.5,1.37.21,2.89,1.58,3.38,1.37.5,2.89-.22,3.38-1.58l1.07-2.97h8.49l1.07,2.97c.38,1.04,1.38,1.74,2.48,1.74.31,0,.61-.05.9-.16,1.37-.5,2.08-2.01,1.58-3.38l-6.54-18.06ZM62.47,71.69h-4.67l2.33-6.44,2.33,6.44Z"/><path class="cls-1" d="M84.47,75.97h-5.99v-15.83c0-1.46-1.18-2.64-2.64-2.64s-2.64,1.18-2.64,2.64v18.47c0,1.46,1.18,2.64,2.64,2.64h8.64c1.46,0,2.64-1.18,2.64-2.64s-1.18-2.64-2.64-2.64Z"/><path class="cls-1" d="M105.99,77l-6.61-8.62,6.11-6.04c1.03-1.02,1.04-2.7.02-3.74-1.02-1.04-2.7-1.04-3.74-.02l-7.45,7.36v-5.81c0-1.46-1.18-2.64-2.64-2.64s-2.64,1.18-2.64,2.64v18.47c0,1.46,1.18,2.64,2.64,2.64s2.64-1.18,2.64-2.64v-5.23l1.27-1.25,6.2,8.09c.5.66,1.27,1.04,2.1,1.04.58,0,1.14-.19,1.61-.54,1.16-.89,1.38-2.55.49-3.7Z"/></g><path class="cls-3" d="M38.23,121.59c-.18-.46,3.72-19.41,3.72-19.41-13.63-7.12-22.61-19.29-22.61-33.1,0-21.95,22.68-39.75,50.66-39.75s50.66,17.8,50.66,39.75-22.68,39.75-50.66,39.75c-2.8,0-5.54-.18-8.22-.52,0,0-23.34,13.84-23.56,13.29Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_footer .bot_box .sns .ico.blog .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-width: 6px; } .cls-1, .cls-2 { fill: none; } .cls-3 { fill: %23fff; } .cls-3, .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M105.97,29.18H34.02c-9.17,0-16.61,7.46-16.61,16.67v39.54c0,9.21,7.44,16.67,16.61,16.67h24.78l8.46,13.77s.09.16.27.39c.49.85,1.41,1.42,2.46,1.42s1.95-.57,2.45-1.41c.21-.25.28-.41.28-.41l8.46-13.77h24.78c9.17,0,16.61-7.46,16.61-16.67v-39.54c0-9.21-7.44-16.67-16.61-16.67Z"/><g><path class="cls-3" d="M49.6,67.97c-.01-.38-.43-9.56-8.82-9.56-.03,0-2.81.04-5.3,2.46l-.42.41v-10.55h-5.94v26.33h6.01v-2.81l.47.84c.06.11,1.52,2.64,5.19,2.64.35-.01,8.82-.44,8.82-9.76ZM39.35,72.57c-2.42,0-4.39-1.97-4.39-4.39s1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39-1.97,4.39-4.39,4.39Z"/><path class="cls-3" d="M60.81,77.06v-17.1c0-.05.08-4.63-2.71-7.49-1.46-1.5-3.46-2.28-5.93-2.33v5.72c.33.05.91.2,1.47.74.97.93,1.47,2.56,1.47,4.83v15.63h5.71Z"/><path class="cls-3" d="M65.84,68.18s-.1,3.97,2.58,6.75c1.8,1.86,4.42,2.8,7.8,2.8.43,0,10.63-.13,10.63-9.55,0-.05.1-4-2.62-6.82-1.84-1.9-4.54-2.87-8.02-2.87-.42,0-10.39.12-10.39,9.69ZM80.62,68.18c0,2.42-1.97,4.39-4.39,4.39s-4.39-1.97-4.39-4.39,1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39Z"/><path class="cls-3" d="M101.73,86.87c.14,0,3.94-.03,6.57-2.64,1.71-1.7,2.58-4.11,2.58-7.17v-17.92h-5.76v2.29l-.45-.59s-1.83-2.35-5.2-2.35c-.05,0-3.67-.12-6.25,2.35-1.73,1.66-2.61,4.11-2.61,7.26,0,.05-.01,4.36,2.68,7.08,1.46,1.47,3.46,2.22,5.93,2.22.04,0,3.56.11,5.46-2.35l.45-.58v2.24c0,.07.2,2.24-1.12,3.7-.75.83-1.84,1.25-3.23,1.25h-1.3v5.21h2.25ZM101.03,72.57c-2.42,0-4.39-1.97-4.39-4.39s1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39-1.97,4.39-4.39,4.39Z"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_footer .bot_box .sns .ico.insta .sns_ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-3" cx="69.45" cy="70.81" r="17"/><circle class="cls-1" cx="95.73" cy="44.34" r="5.75"/><rect class="cls-3" x="25.04" y="25.03" width="90" height="90" rx="12" ry="12"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }

.layout_footer .bot_box.week {display: flex; justify-content: space-between ;position: relative; text-align: left; margin-top: 12rem}
.layout_footer .bot_box.week .sns {position: absolute; left: 0; top: 0; right: auto; bottom: auto}
.layout_footer .bot_box.week .bot_logo {width: 40%; padding-top: 7rem; position: static; margin-top: 0}
.layout_footer .bot_box.week .bot_logo svg {width: 100%}
.layout_footer .bot_box.week .prd_info_txt {display: block; position: static; transform: unset; justify-content: flex-start; font-weight: 400; padding-top: 3px}
.layout_footer .bot_box.week .prd_info_txt .txt p {justify-content: flex-start; font-size: 13px;}
.layout_footer .bot_box.week .txt_box {position: static; order: 2; display: flex; flex-direction: column}
.layout_footer .bot_box.week .txt_box .txt {margin-top: auto}
.layout_footer .bot_box.week .txt_box .txt br {display: none}
.layout_footer .bot_box.week .txt_box .copy {order: 3; margin-bottom: 0; margin-top: 15px}
.layout_footer.ski.type3 .bot_box.week .bot_logo {margin-top: 0}

.layout_footer .bot_box .prd_info_txt {text-align: center; position: absolute; left: 50%; top: -20px; transform: translate(-50%,-100%)}
.layout_footer .bot_box .prd_info_txt .top_txt { font-size: 15px; color: #727880; margin-bottom: 15px}
.layout_footer .bot_box .prd_info_txt .top_txt a + a {margin-left: 10px}
.layout_footer .bot_box .prd_info_txt .top_txt a.active {color: #fff;}
.layout_footer .bot_box .prd_info_txt .txt { color: #727880; font-size: 13px; text-align: left}
.layout_footer .bot_box .prd_info_txt .txt span {position: relative; display: inline-flex; align-items: center}
.layout_footer .bot_box .prd_info_txt .txt span + span:before {content: ""; width: 1px; height: 0.8em; background-color: #727880; display: block; margin: 0 7px}

.layout_footer .bot_box .prd_info_txt .txt .btn{margin-left: 5px; text-decoration: underline; color: #727880}



/*.main .layout_footer {display: none}
.main .layout_footer.block {display: block}*/

.layout_footer.ski.type3 .bot_logo svg {width: 62rem; max-width: 100%}
.layout_footer.ski.type3 .bot_logo {margin-top: 20rem}



/* 플로팅 - BACK/TOP(대쉬보드)*/
#floating_over {display:none !important; position:fixed; left:0; bottom:0; width:100%; z-index:600;}
#floating_over .ico_floating_back {position:absolute; bottom:10px; right:96px; box-sizing:border-box; width:36px; height:36px; border-radius:4px; background:#f4f4f4 url(../images/design/btn_back.png) 50% 50% no-repeat; background-size:20px; opacity:0.7; display:none; }
#floating_over .ico_floating_foward {position:absolute; bottom:10px; right:56px; box-sizing:border-box; width:36px; height:36px; border-radius:4px; background:#f4f4f4 url(../images/design/btn_foward.png) 50% 50% no-repeat; background-size:20px; opacity:0.7; display:none; }
#floating_over .ico_floating_top { position:absolute; bottom:10px; right:10px; box-sizing:border-box; width:36px; height:36px; border-radius:4px; padding-top:18px; text-align:center; font-size:11px; color:#333; background:#f4f4f4 url(../images/design/btn_arw_up_w2.png) 50% 2px no-repeat; background-size:20px; opacity:0.7; }
#floating_over .ico_floating_recently {position:absolute; bottom:52px; right:10px; font-size:11px; line-height:20px; color:#666; text-align:center; display: none}
#floating_over .ico_floating_recently img { width:34px; height:34px; border:1px solid #ccc; border-radius:2px; }
#floating_over .ico_floating_zoom {position:absolute; bottom:52px; right:10px; background:url('../images/design/btn_floating_zoom.png'); width:37px; height:37px; }

/* 최근 본 상품(하단 레이어)*/
#recently_popup {display:none; position:absolute; bottom:85px; right:0; z-index:999;}
.recently_popup {width:300px; margin:10px; position:relative; background:#fff; z-index:1001;}
.recently_popup .btn_close {position:absolute; top:0; right:0; background:url('../images/design/btn_recently_close.png') no-repeat center; background-size:10px 10px; width:35px; height:33px; text-indent:-9999px;}
.recently_popup h1 { background:#616775; height:35px; line-height:35px; text-indent:10px; font-size:14px; color:#fff;}
.recently_popup .recently_thumb {position:relative; margin:5px; padding-bottom:0; overflow:hidden; text-align:center;}
.recently_popup .recently_thumb .thumb {position:relative; text-align:center;}
.recently_popup .recently_thumb .thumb:after {display:block; content:""; clear:both;}
.recently_popup .recently_thumb .thumb h2 {background:#fff; height:95px; line-height:90px; font-size:13px; font-weight:normal; color:#666; z-index:99;}
.recently_popup .recently_thumb .thumb li {position:relative; float:left; width:25%;}
.recently_popup .recently_thumb .thumb li:first-child {margin-left:0;}
.recently_popup .recently_thumb .thumb li a {display:inline-block; margin:5px;}
.recently_popup .recently_thumb .thumb li img {border:1px solid #eee; width:64px; height:64px;}
.recently_popup .recently_thumb .thumb li .btn_delete {position:absolute; top:-5px; right:-5px; background:url('../images/design/ico_recently_delete.png') no-repeat; width:15px; height:15px; border-radius:2px; }
.recently_popup .recently_page { margin:0 auto; padding:0 0 10px; text-align:center;}
.recently_popup .recently_page .btn_page {margin:0 3px; display:inline-block; width:14px; height:8px; background:#aaa; border-radius:4px; }
.recently_popup .recently_page .btn_page.on {display:inline-block; width:40px; background:#616775; }
.recently_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:1000;}


/* ========================= //FOOTER( /layout_footer/standard.html ) ========================= */


/* ========================= HEADER( /layout_header/standard.html ) ========================= */


.layout_header .util_wrap {  }
.layout_header .util_wrap a {  }

/* language */
.layout_header .language { float:left; margin:5px 20px 0 0; line-height:12px; }
.layout_header .language .select_list { display:block; height:26px; line-height:26px; background:#fff; color:#767676; border:none; }

.layout_header .language .language_country_img { display:inline-block; vertical-align:top; width:26px; height:26px; background-position:100% 50%; background-repeat:no-repeat; background-size:20px; margin-right:2px; }
.layout_header .language .language_country_img_KR { background-image:url('/data/brand_country/kr.png');}
.layout_header .language .language_country_img_JP { background-image:url('/data/brand_country/jp.png');}
.layout_header .language .language_country_img_CN { background-image:url('/data/brand_country/cn.png');}
.layout_header .language .language_country_img_US { background-image:url('/data/brand_country/us.png');}
.layout_header .language .sel_arrow  {display:inline-block; vertical-align:top; width:20px; height:26px; background:url('/admin/skin/default/images/common/new_arrow.png') 50% 50% no-repeat;}
/* bookmark */
.layout_header .bookmark { float:left; margin:4px 0 0 10px;; padding:8px 0; font-size:11px; font-weight:300; color:#999; }
.layout_header .bookmark > img { max-height:14px; }

.layout_header .util_wrap_menu2 { font-size:13px; }
.layout_header .util_wrap_menu2>li { position:relative; }
.layout_header .util_wrap_menu2>li:first-child { background-image:none; }
.layout_header .util_wrap_menu2>li>a { display:block; }
.layout_header .util_wrap_menu2>li:last-child>a { padding-right:0; }
.layout_header .user_info {  }
.layout_header .u_name, .layout_header .u_id { color:#333;  }
.layout_header .cart_cnt1 { display:inline-block; vertical-align:middle; margin-top:-2px; height:16px; min-width:6px; font-size:12px; line-height:16px; padding:0 5px; margin-left:2px; background:#333; color:#fff; border-radius:8px; }



#layout_header .benefit { position:absolute; left:50%; top:36px; background:#8a8a8a; width:56px; height:20px; margin-left:-28px; font-size:11px; line-height:20px; color:#fff; text-align:center; border-radius:4px; animation:benefit 1s linear infinite }
@keyframes benefit {0% {transform:translateY(0)} 50% {transform:translateY(-4px)} 100% {transform:translateY(0)}}
#layout_header .benefit .arrow { position:absolute; top:-5px; left:50%; margin-left:-4px; font-size:6px; line-height:1.0; color:#8a8a8a; }


.layout_header .nav .pd_box {padding: 5rem 6rem 5rem}
.layout_header .nav .respCategoryList {margin-top: 45px}
.layout_header .nav .respCategoryList .li > a {position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 2rem; font-weight: 600}
.layout_header .nav .respCategoryList .li > a.on + .categoryAllSub {display: block;}
.layout_header .nav .respCategoryList .li > a em { position: relative; }
.layout_header .nav .respCategoryList .li > a.active em:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #000; display: none}
.layout_header .nav .respCategoryList .li.has_sub > a:before {content: ""; position: absolute; right: 0; top: 50%; display: block; width: 30px; height: 30px; transform: translateY(-50%); background: url("/data/skin/dualsonic/images/common/dual_ico_plus.svg") center/contain no-repeat; }
.layout_header .nav .respCategoryList .li.has_sub > a.on:before { background: url("/data/skin/dualsonic/images/common/dual_ico_minus.svg") center/contain no-repeat; }
.layout_header .nav .respCategoryList .li > a.on .icon .minus {display: block}
.layout_header .nav .respCategoryList .li > a.on .icon .plus {display: none}
.layout_header .nav .respCategoryList .li + .li {margin-top: 3rem}

.layout_header .nav .respCategoryList .categoryAllSub {display: none}
.layout_header .nav .respCategoryList .categoryAllSub ul {padding-top: 1.5rem; padding-left: 2rem}
.layout_header .nav .respCategoryList .categoryAllSub li {display: flex; flex-direction: column; align-items: flex-start}
.layout_header .nav .respCategoryList .categoryAllSub li a {position: relative;display: inline-block; font-size: 14px; font-weight: 500}
.layout_header .nav .respCategoryList .categoryAllSub li a:before {content: "";position: absolute; left: 50%; bottom: 0; transform: translate(-50%,100%); width: 0%; height: 1px; background-color: #000; transition: all .3s; display: none}

.layout_header .nav .respCategoryList .categoryAllSub li.active a:before { width: 100%; }
.layout_header .nav .respCategoryList .categoryAllSub li.active a{font-weight: 700}

.layout_header .nav .respCategoryList .categoryAllSub li + li {margin-top: 1rem}
.layout_header .nav .respCategoryList .categoryAllSub .categoryDepth2 {display: none}




.layout_header .logo_wrap { zoom:1;}
.layout_header .logo_wrap:after {display:block; content:""; clear:both;}
.layout_header .logo_wrap .resp_wrap { position:relative; }
.layout_header .logo_wrap .logo_area { display: flex; align-items: center; justify-content: center; width: 100% }
.layout_header .logo_wrap .logo_area>a { display:flex; align-items: center; height:148px; }



.layout_header {display: flex; align-items:center; justify-content: space-between; position: fixed; left:0; top: 0; height: var(--header_Height); width: 100%; background-color: #fff; z-index: 20; color: #000}
.layout_header .logo {order: 2; margin: 0 auto; }
.layout_header .logo a {display: flex; align-items: center; transform: translate(0%,200%);-webkit-transform:translate(0%,200%) ;transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);}
.layout_header .logo svg {height: 8vw; transition: height 0.8s cubic-bezier(0.5, 0, 0, 1), fill 0.8s cubic-bezier(0.5, 0, 0, 1); overflow: visible}
.layout_header .logo svg .cls-1 {stroke: none}
.layout_header .logo svg rect,
.layout_header .logo svg path {opacity: 0; fill: rgba(255,255,255,0.7); transform: translateY(5rem);  transition: fill 0.8s cubic-bezier(0.5, 0, 0, 1); opacity 0.75s ease-in-out calc(var(--letter-inx)*0.1s), transform 0.75s ease-in-out calc(var(--letter-inx)*0.1s);}

.layout_header .logo.active { bottom: 50%; height: 0 ;}
.layout_header .logo.active a {transform: translate(0%,calc(((var(--header_Height)/2) + (3rem/2))* -1)); -webkit-transform: translate(0%,calc(((var(--header_Height)/2) + (3rem/2))* -1));}
.layout_header .logo.active svg {height: 3rem; fill: #000;}
.layout_header .logo.active svg path ,
.layout_header .logo.active svg rect {fill: #000}
.layout_header .logo.active.svg_active svg rect,
.layout_header .logo.active.svg_active svg path{transition: margin 0.8s cubic-bezier(0.5, 0, 0, 1), font-size 0.8s cubic-bezier(0.5, 0, 0, 1), fill 0.8s cubic-bezier(0.5, 0, 0, 1)}
.layout_header .logo.svg_active svg rect,
.layout_header .logo.svg_active svg path{transform: unset; opacity: 1;  transition: opacity 0.75s ease-in-out calc(var(--letter-inx)*0.1s), transform 0.75s ease-in-out calc(var(--letter-inx)*0.1s);}


.layout_header .logo_wrap.flying {position:fixed; width:100%; top:0; left:0; right:0; z-index:900; height:auto; border-top:none; background:rgba(255,255,255,0.9); }
.layout_header .logo_wrap.flying .logo_area { height:auto; line-height:normal; }
.layout_header .logo_wrap.flying .logo_area img { max-height:32px; }
.layout_header .resp_top_cart { display:none; position:absolute; right:40px; top:50%; height:34px; margin-top:-17px; padding-left:20px; background:url(../images/common/icon_cart.png) 0 center no-repeat; background-size:29px; }
.layout_header .cart_cnt2 { display:inline-block; vertical-align:top; margin-top:-3px; text-align:center; height:20px; padding:0 5px; min-width:10px; border-radius:10px; font-size:11px; line-height:21px; font-weight:300; background:#333; color:#fff; }


/*.layout_header.active .logo.svg_active.active {transition: none}*/

/*서브네비 */
.layout_header .sub_nav {display: none}
/*.sub .layout_header .resp_wrap {border-bottom: 1px solid #eaeaea}*/
.sub .layout_header > .resp_wrap {z-index: 3; background-color: #fff; }
.sub .layout_header .sub_nav {display: block; position: absolute; left: 0; bottom: 1px; width: 100%; transform: translateY(100%);background-color: #f7f7f7; height: var(--sub_nav); transition: all .5s;}
.sub .layout_header .sub_nav.none {transform: translatey(-100%)}
.sub .layout_header .sub_nav .resp_wrap {height: 100%; justify-content: center}
.sub .layout_header .sub_nav .depth1 {display: flex; height: 100%; align-items: center}
.sub .layout_header .sub_nav .depth1 > li {height: 100%; position: relative; color: #999}
.sub .layout_header .sub_nav .depth1 > li > a {font-size: 15px; font-weight: 500; height: 100%; display: flex; align-items: center}
.sub .layout_header .sub_nav .depth1 > li > a em {position: relative; transition: all .3s}
.sub .layout_header .sub_nav .depth1 > li > a em:before{position: absolute; content: ""; width: 0%; height: 1px; left: 50%; bottom: 0px; transform: translate(-50%,100%) ;background-color: #000; transition: all .3s; display: none}

.sub .layout_header .sub_nav .depth1 > li.active em:before {width: 100%}
.sub .layout_header .sub_nav .depth1 > li.active {color: #000}
.sub .layout_header .sub_nav .depth1 > li.active > a em {font-weight: 700}

.sub .layout_header .sub_nav .depth1 > li + li {margin-left: 50px}
.sub .layout_header .sub_nav .depth2 { position: absolute; left: 50%; bottom: -15px; transform: translate(-50%,100%); padding: 15px 15px; background-color: #fff; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); font-size: 14px; opacity: 0; transition: all .3s; pointer-events: none}
.sub .layout_header .sub_nav .depth2 > li a {white-space: nowrap; color: rgba(0,0,0,0.4)}
.sub .layout_header .sub_nav .depth2 > li a em { transition: color 0.3s; font-weight: 600}
.sub .layout_header .sub_nav .depth2 > li.active a {color: #000}
.sub .layout_header .sub_nav .depth2 > li.active a em { font-weight: 700; }

.sub .layout_header .sub_nav .depth2 > li + li {margin-top: 10px}



.sub .layout_header .logo svg rect,
.sub .layout_header .logo svg path {fill: #000; opacity: 1; transform: none}

.sub .layout_header.header_down.down .sub_nav{transform: translateY(0%); pointer-events: none}


/*@media only screen and (max-width:2600px) {*/
/*	.layout_header .nav .respCategoryList .li > a {font-size: 1.8rem}*/
/*}*/


/*********************************** 공통 영역 ***********************************/

/* 공통 */
#layout_body { padding-bottom: var(--layout_body_pd); min-height: calc(100vh - var(--header_total))}
#layout_body, .resp_wrap { width: 100%;  }

.main #layout_body {padding-bottom: 0}
.goods_view_page #layout_body {padding-top: 35px;}

.main .resp_wrap {max-width: 100%}
.sub .resp_wrap {width: 144rem; max-width: 100%}

.resp_wrap.w1800 {width: 184rem;}
.resp_wrap.w1400 {width: 144rem;}
.resp_wrap.w1200 {width: 144rem;}
.sub .inq_write_resp_wrap {width: 104rem}

/* 헤더 */
.layout_header {position: fixed;left:0; top: 0; width: 100%; background-color: #fff; z-index: 120}
.layout_header .resp_wrap {display: flex; align-items:center; flex-wrap: wrap; justify-content: space-between;height: var(--header_Height); width: 100%; z-index: 20; color: #000; padding: 0 50px}
.layout_header .icon_wrap {display: flex; align-items: center; width: 50%; height: 100%; transform: translateY(-300px); transition: transform 1s; transition-delay: 0.4s}
.layout_header .icon_wrap.right {justify-content: flex-end}

.active-start .layout_header .icon_wrap{transform: unset}

.layout_header .icon_wrap .btn {display: flex; align-items: center; position: relative; z-index: 15}
.layout_header .icon_wrap .btn + .btn {margin-left: 3.5rem;}
.layout_header .icon_wrap .btn .ico {transition: .3s ease-in-out}
.layout_header .icon_wrap .btn:hover .btn_nav {opacity: 1; bottom: 12px; pointer-events: visible}

.layout_header .icon_wrap .btn.customer .ico { width: 2.4rem; height: 2.4rem; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_header.active .icon_wrap .btn.customer .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub .layout_header .icon_wrap .btn.customer .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }

.layout_header .icon_wrap .btn.user {height: 100%;}
.layout_header .icon_wrap .btn.user > a { display: block; width: 2.4rem; height: 2.4rem; background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_header.active .icon_wrap .btn.user > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;  }
.sub .layout_header .icon_wrap .btn.user > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;  }

.layout_header .icon_wrap .btn.basket {position: relative}
.layout_header .icon_wrap .btn.basket .num {position: absolute; right: 2px; top: 2px; transform: translate(50%,-50%) ;width: 1.8rem; height: 1.8rem; line-height: 1.9rem ;font-size: 1.2rem; color: #fff ;background-color: #000; border-radius: 50%; color: #fff; text-align: center}
.layout_header .icon_wrap .btn.basket > a { display: block; width: 2.4rem; height: 2.4rem; background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_header.active .icon_wrap .btn.basket > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub .layout_header .icon_wrap .btn.basket > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }

.layout_header .icon_wrap .btn.lang {position: relative; height: 100%}
.layout_header .icon_wrap .btn.lang .lang_wrap{position: absolute;right: -8px;bottom: 0px;transform: translate(0%,100%);padding-top: 5px;opacity: 0;pointer-events: none;}

.layout_header .icon_wrap .btn .btn_txt {margin-left: 7px; font-weight: 500; font-size: max(1.3rem,12px)}

.layout_header .icon_wrap .btn.lang .ico { width: 2.4rem; height: 2.4rem; background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.layout_header.active .icon_wrap .btn.lang .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub .layout_header .icon_wrap .btn.lang .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }


.layout_header .icon_wrap .btn.ham .ico { width: 2.4rem; height: 2.4rem; background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat; }
.layout_header.active .icon_wrap .btn.ham .ico { background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat; }
.sub .layout_header .icon_wrap .btn.ham .ico { background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat; }




.layout_header .icon_wrap .btn .btn_nav {position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,100%); padding:15px 20px; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); text-align: left; z-index: 15; background-color: #fff; font-size: 12px;
	opacity: 0; pointer-events: none; transition: all .3s}
.layout_header .icon_wrap .btn .btn_nav li + li {margin-top: 5px}
.layout_header .icon_wrap .btn .btn_nav a {white-space: nowrap}



.layout_header {background-color: transparent; transition: background-color 1s;}
.layout_header .icon_wrap .btn .btn_txt {color: #fff; transition: color 0.3s}
.layout_header .icon_wrap svg {fill: #fff; transition: fill 1s; display: flex; align-items: center; overflow: visible; font-size: 16px}
.layout_header .icon_wrap svg.custom {height: 22px; stroke: #fff}

.layout_header.active {background-color: #fff;}
.layout_header.active .icon_wrap .btn .btn_txt {color: #000;}
.layout_header.active .icon_wrap svg {fill: #000; stroke: #000}

/*.sub .layout_header {border-bottom: 1px solid #eaeaea}*/
.sub .layout_header .logo {  transition: none !important; height: 0 !important;}
.sub .layout_header .logo a {transform: translate(0%,calc(((var(--header_Height)/2) + (3rem/2))* -1)); -webkit-transform: translate(0%,calc(((var(--header_Height)/2) + (3rem/2))* -1));}
.sub .layout_header .logo svg {width: auto; height: 3rem; fill: #000; transition: none !important;}
.layout_header.active .icon_wrap .btn .ico,
.sub .layout_header .icon_wrap .btn .ico {}
.sub .layout_header .logo svg + svg {margin-left: 0.3rem}
.sub .layout_header .logo svg {transform: unset; opacity: 1;}
.sub .layout_header .icon_wrap{transform: unset}
.sub .layout_header {background-color: #fff;}
.sub .layout_header .icon_wrap .btn .btn_txt {color: #000; pointer-events: none;}
.sub .layout_header .icon_wrap svg {fill: #000; pointer-events: none; stroke: #000}

.layout_header .icon_wrap .btn .btn_txt,
.layout_header .icon_wrap svg { pointer-events: none; }


.layout_header .select {margin: 0 2rem;}
.layout_header .select select {opacity: 0}

.layout_header .icon_wrap .select .nice-select { height: 30px; padding-left: 10px; padding-right: 25px; background-color: rgba(255,255,255,0.26); border-color:transparent; color: #fff; border-radius: 0; font-size: 1.3rem; font-weight: 500; line-height: 29px; z-index: 11}
.layout_header .icon_wrap .select .nice-select .list { width: calc(100% + 1.34px);left: -0.5px; top: 100%; transform: translateX(0%) ;margin-top: 0px; color: var(--blue); border-radius: 0; border: 1px solid var(--blue); box-shadow: none; transition: none; font-size: 1em; border-color: #000}
.layout_header .icon_wrap .select .nice-select .list li { min-height: 30px; line-height: 29px; padding: 0 10px; background-color: #3b3838 !important}
.layout_header .icon_wrap .select .nice-select .list li + li { border-top: 1px solid rgba(23,51,72,0.25); }
.layout_header .icon_wrap .select .nice-select:after { right: 9px; margin-top: -5px;width: 0px;height: 0px;border-right: 6px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-radius: 3px;transform: rotate(-90deg); transform-origin: center}
.layout_header .icon_wrap .select .nice-select.open:after {transform: rotate(-270deg);}




.layout_header .designCategoryNavigation { background-color: #fff; z-index: 10}
.layout_header .nav_bg {position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(15px); width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: 1s; z-index: 39}
.layout_header .nav_bg.on {opacity: 1; pointer-events: auto}

.layout_header .nav::-webkit-scrollbar {-webkit-appearance: none; display: none}



.layout_header .nav .top_img{position: relative; width: 100%; padding-top: 63%; }
.layout_header .nav .top_img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover; opacity: 0; transition: all .5s}
.layout_header .nav .top_img img.active {opacity: 1}

.layout_header .nav .top_cont { position: relative; margin-top: 30px; padding-top: 30px;}
/*.layout_header .nav .top_cont:before { content: ''; position: absolute; left: 50%; top: 0; width: calc(100% + 120px); height: 1px; background: #999; transform: translateX(-50%);  }*/
.layout_header .nav .top_cont .tit { font-weight: 500; font-size: 26px}
.layout_header .nav .top_cont .sel_wrap + .sel_wrap { margin-top: 30px; }
.layout_header .nav .top_cont .sel_wrap .tit { font-size: 16px; font-weight: 600; }
.layout_header .nav .top_cont .sel_wrap .sel { width: 100%; }
.layout_header .nav .top_cont .sel_wrap .sel .btn_nav li {height: 42px; line-height: 40px;}
.layout_header .nav .top_cont .sel_wrap .nice-select { width: 100%; padding-left: 0px; background-color: transparent; border: 0; border-bottom: 1px solid #000; border-radius: 0; }
.layout_header .nav .top_cont .sel_wrap .nice-select:after { top: 50%; right: 0; width: 2rem; height: 2rem; border: 0; margin-top: 0; transform: translateY(-50%);
	background: url("/data/skin/dualsonic/images/common/dual_ico_down.svg")center/contain no-repeat; transform-origin: center; transition: transform 0.3s; }
.layout_header .nav .top_cont .sel_wrap .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }
.layout_header .nav .top_cont .sel_wrap .nice-select .list { width: 100%; top: 0; transform: translateY(-100%); border-radius: 0; }



.layout_header .nav .bot_cont {background-color: #F3F3F3; margin-top: auto; padding: 4rem 6rem}
.layout_header .nav .bot_cont .txt_box {display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 15px;}
.layout_header .nav .bot_cont .txt_box .btn { display: block; font-size: 16px; font-weight: 600; }

.layout_header .nav .bot_cont .txt_box .open_wrap { position: relative; cursor: pointer; }
.layout_header .nav .bot_cont .txt_box .open_wrap:before { content: ''; position: absolute; right: 0; top: 0.3em; width: 2rem; height: 2rem; background: url("/data/skin/dualsonic/images/common/dual_ico_down.svg") center/cover no-repeat; transition: transform 0.3s; pointer-events: none; }
.layout_header .nav .bot_cont .txt_box .open_wrap.active:before { transform: rotate(180deg); }
.layout_header .nav .bot_cont .txt_box .open_wrap .right_txt { display: none; margin-top: 1.5rem; padding-left: 2rem}
.layout_header .nav .bot_cont .txt_box .open_wrap.store .right_txt{padding-left: 0}
.layout_header .nav .bot_cont .txt_box .open_wrap.store .link_select {padding: 1.5rem 2rem; background-color: #fff; display: flex; flex-direction: column}
.layout_header .nav .bot_cont .txt_box .open_wrap.store .link_select a {font-size: 1.6rem; font-weight: 600}
.layout_header .nav .bot_cont .txt_box .open_wrap.store .link_select a + a {margin-top: 1.5rem}


.layout_header .nav .bot_cont .txt_box .left_txt {font-size: 16px; font-weight: 600; flex-shrink: 0;}
.layout_header .nav .bot_cont .txt_box .right_txt .num {font-size: 1.6rem; font-weight: 500; line-height: 1}
.layout_header .nav .bot_cont .txt_box .right_txt .txt {margin-top: 8px; font-size: 1.6rem; font-weight: 500}
.layout_header .nav .bot_cont .txt_box .right_txt .txt p + p {margin-top: 5px}
.layout_header .nav .bot_cont .menu {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem 2rem;  margin-top: 7rem; font-size: 2rem; font-weight: 700; display: none}



.layout_header .nav { position: fixed; transform: translateX(140%); top: 0; right: 0 ; width: 49rem;height: calc(var(--fullHeight));background-color: #fff;  transition: transform 1s; z-index: 50; min-height: 100dvh}
.layout_header .nav .nav_category_area {display: flex; flex-direction: column; height: 100%; overflow-y: scroll}
.layout_header .nav .nav_category_area::-webkit-scrollbar {-webkit-appearance: none;}
.layout_header .nav .nav_category_area::-webkit-scrollbar:vertical {width: 5px;}
.layout_header .nav .nav_category_area::-webkit-scrollbar:horizontal {height: 5px;}
.layout_header .nav .nav_category_area::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 5px;}
.layout_header .nav .nav_category_area::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}

.layout_header .nav.on { transform: unset; }


.layout_header .nav .top_cont .btn {display: flex; align-items: center}
.layout_header .nav .top_cont .btn + .btn {margin-left: 5rem}
.layout_header .nav .top_cont .btn svg {display: flex;align-items: center;overflow: visible;fill: #000;font-size:20px;}
.layout_header .nav .top_cont .btn .btn_txt {color: #000;margin-left: 10px;font-weight: 500; font-size: 15px;}
.layout_header .nav .top_cont .btn.lang {position: relative}
.layout_header .nav .top_cont .btn.lang .ico { width: 22px; height: 22px; background: url("/data/skin/dualsonic/images/common/dual_ico_lang.svg") center/contain no-repeat; }
.layout_header .nav .top_cont .btn.lang .lang_wrap {position: absolute; right:-8px; top: 20px; transform: translate(0%, -100%); padding-top: 5px; opacity: 0; pointer-events: none; background: #fff; transition: opacity 0.5s ease, top 0.5s ease; }
.layout_header .nav .top_cont .btn.lang a {display: block; width: 40px; height: 25px; line-height: 26px; opacity: 0; color: #000; font-size: 11px}
.layout_header .nav .top_cont .btn.lang a + a {margin-top: 7px}


.layout_header .nav .top_cont .btn.user .ico { width: 22px; height: 22px; background: url("/data/skin/dualsonic/images/common/dual_ico_user.svg") center/contain no-repeat; }

.layout_header .nav .close_btn { display: flex; align-items: center; justify-content: center; position: absolute; left: 0px; top: 0px; transform: translateX(-100%) ;width: 6rem; height: 6rem; background-color: #000; z-index: 11; cursor: pointer}
.layout_header .nav .close_btn svg {height: 3.2rem; fill: #fff}
.layout_header .nav .close_btn .ico { width: 65%; height: 65%; background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 7px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><line class="cls-1" x1="37.86" y1="37.86" x2="102.14" y2="102.14"/><line class="cls-1" x1="102.14" y1="37.86" x2="37.86" y2="102.14"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }



/* 햄버거 */
.resp_top_hamburger { position:absolute; left:51px; top:50%; margin-top:-15px; }
.resp_top_hamburger>a { display:block; position:relative; width:30px; height:22px; }
.resp_top_hamburger>a>b,
.resp_top_hamburger>a:before,
.resp_top_hamburger>a:after { display:block; font-size:0; content:''; position:absolute; right:0; height:2px; width:100%; background:#555; }
.resp_top_hamburger>a>b { overflow:hidden; text-indent:-9999px; top:calc(50% - 1px);  }
.resp_top_hamburger>a:before { top:calc(50% - 1px); transform:translateY(-10px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.resp_top_hamburger>a:after { top:calc(50% - 1px); transform:translateY(10px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }


.resp_top_hamburger>a.on:before { width:12px; right:-1px; transform:translateY(-5px) rotate(45deg); }
.resp_top_hamburger>a.on:after { width:12px; right:-1px; transform:translateY(5px) rotate(-45deg); }

/* 프로모션 코드 */
#resp_promo { text-align:center; }
#resp_promo li>span { display:inline-block; line-height:1.2; padding:5px 5px 0; }
#resp_promo .slick-arrow { width:30px; height:30px; top:calc( 50% - 15px ); border-radius:2px; opacity:0.4; }

#resp_promo .slick-prev { left:5px; transform:translateX(0); }
#resp_promo .slick-next { right:5px; transform:translateX(0); }


/*회원가입 완료*/
.membership_completed {margin-top: var(--sub_sect_pt)}


/* 전체 카테고리/브랜드/지역 팝업 버튼 */
/*.categoryAllBtn, .brandAllBtn, .locationAllBtn { display:block; height:49px; width:49px; border-left:1px #f0f0f0 solid; border-right:1px #f0f0f0 solid; font-size:16px; line-height:50px; font-weight:700; color:#333; }*/

/* 전체 카테고리, 전체 브랜드, 전체 지역 */
.categoryAll_wrap, .brandAll_wrap, .locationAll_wrap { position:fixed; left:0; top:0; right:0; bottom:0; z-index:900; padding:30px 40px 40px; background-color:rgba( 0, 0, 0, 0.5 ); }
.categoryAllContainer, .brandAllContainer, .locationAllContainer { position:relative; max-width:1260px; height:100%; margin:0 auto; background-color:#fff; border-radius:6px; overflow-y:auto; }
.all_list_contents { padding:40px; }
.all_list_contents a { color:#555; transition:all 0.2s; }
.all_list_contents .all_list_title { font-size:26px; font-weight:700; letter-spacing:-1px; color:#333; }
.all_list_contents .all_list_depth1 { font-size:0; line-height:0; text-align:left; margin-left:-10px; }
.all_list_contents .all_list_depth1>li { display:inline-block; min-width:160px; vertical-align:top; margin-left:10px; font-size:12px; line-height:1.4; color:#555; }
.all_list_contents .all_list_depth1>li>a { display:block; vertical-align:top; margin-top:20px; padding:10px 0 10px; border:1px #eee solid; font-size:17px; line-height:1.2; font-weight:300; color:#333; text-align:center; border-radius:2px; }

.all_list_contents .all_list_depth2 { padding-top:10px; }
.all_list_contents .all_list_depth2>li>a { display:block; vertical-align:top; padding:5px 10px 3px; font-size:14px; }

.all_list_contents .all_list_depth3 { padding:0 0 6px 14px; margin-top:-2px; }
.all_list_contents .all_list_depth3>li>a { display:block; vertical-align:top; padding:1px 10px 1px 14px; font-size:13px; color:#767676; background:url(../images/common/icon_sub2_a.png) 2px 50% no-repeat;}
.all_list_contents .all_list_depth3>li:last-child>a { background:url(../images/common/icon_sub2_b.png) 2px 0 no-repeat; }

.all_list_contents .all_list_close { position:absolute; right:30px; top:30px; display:block; width:40px; height:40px; overflow:hidden; text-indent:-9999px; background:url(../images/common/del.png) 50% 50% no-repeat; }

/* 카테고리 전체 배너 */
.all_list_banner { margin-top:40px; }
.cate_all_1banner { overflow:hidden; text-align:center; }

.cate_all_2banner { text-align:center; }
.cate_all_2banner:after {content:""; display:block; clear:both;}
.cate_all_2banner>p { float:right; width:calc(50% - 5px); }
.cate_all_2banner>p:first-child { float:left; }

/* GNB 슬라이드배너 */
.gnb_bnr_slide_01 { display:table; position:absolute; left:100px; top:0px; }
.gnb_bnr_slide_01 .slider_gon { display:table-cell; height:148px; vertical-align:middle; }
.gnb_bnr_slide_01 .slider_gon>div { width:120px; position:relative; }
.gnb_bnr_slide_01 .slick-slider .slick-arrow { position:absolute; left:auto; top:50%; width:21px; margin-top:-11px; height:21px; border-radius:2px; background-color:#eee; background-position:50% 50%; background-size:auto; opacity:0.5; }
.gnb_bnr_slide_01 .slick-slider .slick-prev { right:-23px; background-image:url(../images/common/btn_slide_s_prev.png); }
.gnb_bnr_slide_01 .slick-slider .slick-next { right:-46px; background-image:url(../images/common/btn_slide_s_next.png); }


.gnb_bnr_slide_02 { display:table; }
.gnb_bnr_slide_02 .slider_gon { display:table-cell; vertical-align:middle; }
.gnb_bnr_slide_02 .slider_gon>div { position:relative; }
.gnb_bnr_slide_02 .slick-slider .slick-arrow { position:absolute; top:0; left:auto; right:-23px; top:50%; width:21px; height:21px; border-radius:2px; background-color:#eee; background-position:50% 50%; background-size:auto; opacity:0.5; }
.gnb_bnr_slide_02 .slick-slider .slick-next { margin-top:-22px; background-image:url(../images/common/btn_slide_s_top.png); }
.gnb_bnr_slide_02 .slick-slider .slick-prev { margin-top:1px; background-image:url(../images/common/btn_slide_s_bottom.png); }



/* ========================= //HEADER( /layout_header/standard.html ) ========================= */






/* 휴면해제 */
.resp_auth_wrap { display:table; width:calc(100% + 10px); table-layout:fixed; margin-left:-10px; margin-top:40px; }
.resp_auth_wrap>li { display:table-cell; vertical-align:top; padding-left:10px; text-align:center; }
.resp_auth_wrap .resp_auth_container { padding:20px 10px; background:#f7f7f7; font-size:16px; }
.resp_auth_wrap .resp_auth_container>li { padding-top:20px; }
.resp_auth_wrap .resp_auth_container>li:first-child { padding-top:0; }
.resp_auth_wrap .img_outer { display:inline-block; height:90px; width:90px; line-height:90px; background:#fff; border-radius:50%; }






/* ======================== 검색 개선( 검색창 ) =============================== */
.resp_top_search {}
.resp_top_search button { vertical-align:middle; }
.resp_top_search a { display:flex; align-items: center}
.layout_header .resp_top_search a .ico { width: 2.4rem; height: 2.4rem; background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat; pointer-events: none; }
.layout_header.active .resp_top_search a .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23000; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat; }
.sub .layout_header .resp_top_search a .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23000; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat; }
.resp_top_search .search_ver2 { opacity:0; position:absolute; left:0; top:0; height:1px; overflow:hidden; transform:translateX(-10px); transition:all 0.4s; }
.resp_top_search .search_ver2.on { opacity:1; display:block; height:auto; overflow:visible; transform:translateX(0); }
.resp_top_search .search_ver2 .importcolor { color:#333; }
.resp_top_search .search_ver2 li { display:block; padding:0; line-height:1.4; }

/*.resp_top_search a.btn_search_open { display:block; width:20px; height:20px; margin-top:9px; overflow:hidden; text-indent:-999px; background:url('../images/common/btn_zoom.png') 50% 50% no-repeat; background-size:contain; }*/

.resp_top_search .search_ver2 .search_new { position:absolute; left:0; top:0; }
.resp_top_search .search_ver2 .search_new a { text-decoration:none; }
.resp_top_search .search_ver2 .search_new input[type='text'] { border:none; background:transparent; }
.resp_top_search .search_ver2 .search_new:after {display:block;visibility:hidden;clear:both;content:'';}

.resp_top_search .search_ver2 .search_new .input_area { text-align:right; font-size:0; line-height:0; }
.resp_top_search .search_ver2 .search_new .input_area .cont { box-sizing:border-box; width:300px; height:40px; padding:0 6px 0 0; margin:0; border:1px #767676 solid; background:#fff; border-radius:2px; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box { display:inline-block; height:100%; width:230px; cursor:text; text-align:left; margin-right:10px; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box>input[type='text'] { height:100%; width:100%; border:none; outline:none; font-size:16px; font-weight:500; color:#333; vertical-align:middle;  }
.resp_top_search .search_ver2 .search_new .input_area label.search_box>input[type='text']::placeholder { font-size:14px; font-weight:400; color:#999; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box>input[type='text']:-ms-input-placeholder { font-size:14px; font-weight:400; color:#999; }
.resp_top_search .search_ver2 .search_new .input_area button.search { width:20px; height:20px; border:none; background:url('../images/common/btn_zoom.png') 50% 50% no-repeat; background-size:contain; }
.resp_top_search .search_ver2 .search_new .input_area button.close { margin-left:5px; width:20px; height:20px; border:none; background:url('../images/common/icon_close_gray2.png') 50% 50% no-repeat; }
.resp_top_search .search_ver2 .search_new .input_area button.close.disabled { visibility:hidden; }

.resp_top_search .search_ver2 .search_new .contetns_area { margin-top:-1px; float:right; width:298px; background:#fff; border:1px #aaa solid; }
.resp_top_search .search_ver2 .search_new .tab_foot_menu { height:34px; border-top:1px #aaa solid; background:#eee; }
.resp_top_search .search_ver2 .search_new .tab_foot_menu>li { float:left; font-size:0; }
.resp_top_search .search_ver2 .search_new .tab_foot_menu>li>a { display:inline-block; vertical-align:top; height:34px; padding:0 10px; font-size:12px; line-height:34px; color:#767676; }

.resp_top_search .search_ver2 .search_new .tab_foot_menu>li.menu_item>a { border-left:1px #ddd solid; }
.resp_top_search .search_ver2 .search_new .tab_foot_menu>li.menu_item>a:first-child { border-left:none; }
.resp_top_search .search_ver2 .search_new .tab_foot_menu>li.search_close { float:right; border-left:1px #aaa solid; }
.resp_top_search .search_ver2 .search_new .tab_foot_menu>li.swiper_guide { display:none; }

.resp_top_search .search_ver2 .search_new .recent_area {}

.resp_top_search .search_ver2 .search_new .tab_btns { height:35px; }
.resp_top_search .search_ver2 .search_new .tab_btns>li { float:left; width:50%; }
.resp_top_search .search_ver2 .search_new .tab_btns>li>a { display:block; height:34px; color:#666; border-left:1px #aaa solid; border-bottom:1px #aaa solid; text-align:center; font-size:13px; font-weight:500; line-height:35px; background:#eee; }
.resp_top_search .search_ver2 .search_new .tab_btns>li:first-child>a { border-left:none; }
.resp_top_search .search_ver2 .search_new .tab_btns>li.on>a { height:35px; line-height:35px; font-weight:500; color:#333; border-bottom:none; background:none; }
.resp_top_search .search_ver2 .search_new .searching_list {}
.resp_top_search .search_ver2 .search_new .searching_list>li { border-top:1px #ddd solid; position:relative; }
.resp_top_search .search_ver2 .search_new .searching_list>li:first-child { border-top:none; }
.resp_top_search .search_ver2 .search_new .searching_list>li>a { display:block; height:32px; line-height:32px; vertical-align:top; color:#767676; }

.resp_top_search .search_ver2 .search_new .searching_list>li>a.searched_item { padding:0 30px 0 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');word-wrap:normal !important; }
.resp_top_search .search_ver2 .search_new .searching_list>li>a.searched_item.event { padding-right:62px; }
.resp_top_search .search_ver2 .search_new .searching_list>li>a.searching_item_close { position:absolute; right:0; top:0; width:30px; overflow:hidden; text-indent:-999px; background:url(../images/common/icon_close_gray2.png) 50% 50% no-repeat; opacity:0.5; }

.resp_top_search .search_ver2 .search_new .searching_list>li>a.goto_event { position:absolute; right:0; top:0; padding:0; width:62px; text-align:center; color:#aaa; }


.resp_top_search .search_ver2 .search_new .recent_item_list { max-height:330px; padding:5px; overflow-y:auto; font-size:0; }
.resp_top_search .search_ver2 .search_new .recent_item_list>li { display:inline-block; box-sizing:border-box; position:relative; max-width:33.33%; }
.resp_top_search .search_ver2 .search_new .recent_item_list .item_link { display:inline-block; border:1px #ddd solid; margin:5px; text-align:center; }

.resp_top_search .search_ver2 .search_new .recent_item_list .display_zzim { position:absolute; right:10px; bottom:10px; }
.resp_top_search .search_ver2 .search_new .recent_item_list .display_zzim { width:16px; cursor:pointer; }
.resp_top_search .search_ver2 .search_new .recent_item_list .item_img { max-width:100%; }
.resp_top_search .search_ver2 .search_new .recent_item_list .item_delete { position:absolute; right:-2px; top:-2px; opacity:0.7; display:block; width:20px; height:20px; background:url('../images/common/icon_close_gray2.png') 50% 50% no-repeat; }
.resp_top_search .search_ver2 .search_new .recent_item_list .item_wish { position:absolute; right:2px; bottom:2px; }
.resp_top_search .search_ver2 .search_new .recent_item_list .item_wish img { opacity:0.5; }



.resp_top_search .search_ver2 .search_new .autocomplete_area {  }
.resp_top_search .search_ver2 .search_new .autocomplete_banner { position:absolute; left:-251px; top:0; box-sizing:border-box; width:252px; padding:10px 0; border:1px #aaa solid; background:#fff; overflow-x:hidden; }
.resp_top_search .search_ver2 .search_new .autocomplete_banner img { max-width:100%; }
.resp_top_search .search_ver2 .search_new .autocomplete_banner .title { font-size:15px; line-height:1.2; color:#333; padding:10px 0; text-align:center; }
.resp_top_search .search_ver2 .search_new .autocomplete_banner .goods_name { padding-top:5px; font-size:12px; color:#767676; letter-spacing:0; }
.resp_top_search .search_ver2 .search_new .autocomplete_banner .goods_price { font-size:14px; color:#333; font-weight:500 }
.resp_top_search .search_ver2 .search_new .banner_list { width:270px; max-height:380px; padding-left:10px; overflow-y:scroll; font-size:0; margin-left:-10px; }
.resp_top_search .search_ver2 .search_new .banner_list>li { display:inline-block; vertical-align:top; width:110px; font-size:13px; margin:0 0 0 10px; padding:5px 0; }

.resp_top_search .search_ver2 .search_new .tab_contents .no_data,
.resp_top_search .search_ver2 .search_new .autocomplete_area .no_data { width:100%; max-width: 100%; box-sizing:border-box; padding:40px 0; text-align:center; font-size:13px; color:#999; }
.resp_top_search .search_ver2 .search_new .highlight { font-weight:500; color:#ed3347; }
.resp_top_search .search_ver2 .search_new .event .highlight { color:#0098ff; }

/*#searchVer2 {display: none !important;}*/


/* ======================== //검색 개선( 검색창 ) =============================== */


/* ======================== 검색 개선( 검색 필터 ) =============================== */

.sub_top {padding-top: var(--sub_pt); display: none}
/*.sub_top .resp_wrap {!*width: 100%;*! padding: 0}*/
.sub_top .top_box{ display: flex; justify-content: space-between; align-items: center; }

.sub_top .search_nav {display: flex; align-items: center}
.sub_top .search_nav .nice-select {font-size: 15px; height: auto; padding-left: 0; padding-right: 2rem; border: none; font-weight: 400; line-height: 1.1;}
.sub_top .search_nav .nice-select .list { border-radius: 0; margin-top: 0.5rem; background-color:#000; padding: 10px 0}
.sub_top .search_nav .nice-select .list li {position: relative; padding: 6px 15px 6px 20px; min-height: 0; line-height: 1.4; font-size: 13px; color: #fff}
.sub_top .search_nav .nice-select .list li:before {content: ""; position: absolute; left: 1.25rem; top: 12px; width: 3px; height: 3px; border-radius: 50% ;background-color: #000; opacity: 0 ;transition: all .3s}
.sub_top .search_nav .nice-select:after {content: "\f0d7"; width: auto; height: auto; border: none; margin-top: 0.1rem ;right: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-size: 1.2rem; font-weight: 700; transform: rotate(0) ; transform-origin: center; color: #000}
.sub_top .search_nav .nice-select.open:after {transform: rotate(180deg) ;}
.sub_top .search_nav .nice-select .list li.selected {font-weight: 700; color: #fff}
.sub_top .search_nav .nice-select .list li.selected:before,
.sub_top .search_nav .option:hover:before,
.sub_top .search_nav .option.focus:before,
.sub_top .search_nav .option.selected.focus:before {opacity: 1 !important}
.sub_top .search_nav .option:hover,
.sub_top .search_nav .option.focus,
.sub_top .search_nav .option.selected.focus {background-color: transparent}

.sub_top .tit {font-size: var(--sub_tit); font-weight: 700; padding-top: var(--sub_cont_pt); padding-top: 0}
.sub_top .tit + .txt {margin-top: var(--sub_txt_mt); font-size: var(--sub_txt); }

.sub_top.newletter,
.sub_top.howTo,
.sub_top.notice,
.sub_top.faq,
.sub_top.info{display: block; padding: var(--sub_sect_pt) 0 var(--sub_sect_pt); }



.sub_top.notice .tit_box,
.sub_top.faq .tit_box,
.sub_top.info .tit_box{color: #000}

.notice .sub_top_sect,
.faq .sub_top_sect,
.notice .sub_top .board_tab,
.faq .sub_top .board_tab {display: flex}

.sub_top .top_box {display: none}

.search_nav {font-size:15px; line-height:32px; color:#666; }
.search_nav a { text-decoration:none; }

.search_nav .navi_linemap { display:inline-block; vertical-align:middle; height:30px; margin:0 10px 0  15px; }
.search_nav .navi_linemap:before { position: relative; top: -1px; display:inline-block; content:''; width:15px; height:32px; margin-right:2px; vertical-align:top; background:url(../images/common/dual_ico_next.svg) 50% 50% no-repeat; }
.search_nav .navi_linemap.on { color:#333; }

.search_nav .home { position: relative; top: 1px; display:inline-block; vertical-align:middle; width:18px; height:18px; overflow:hidden; text-indent:-999px; background:url(../images/common/dual_ico_home.svg) 50% 50% no-repeat; }
.search_nav p {line-height: 1; transform: translateY(1px)}
.search_nav.search_page { margin-bottom:-12px; }
.searched_text { color:#333; }

.search_nav .navi_linemap2 { position:relative; z-index:10; display:inline-block; vertical-align:top; height:32px; cursor:pointer; }
.search_nav .navi_linemap2:before { display:inline-block; content:''; width:14px; height:32px; margin-right:2px; vertical-align:top; background:url(../images/common/icon_navi_linemap.png) 50% 50% no-repeat; }
.search_nav .navi_linemap2:after { display:inline-block; content:''; width:18px; height:18px; vertical-align:middle; margin-left:2px; border:1px #ddd solid; background:url(../images/common/btn_slide_s_bottom.png) 50% 50% no-repeat; }
.search_nav .navi_linemap2 .selected_cate { display:inline-block; vertical-align:middle; }
.search_nav .navi_linemap2 .navi_linemap_sub { position:absolute; left:14px; top:32px; min-width:120px; padding:5px 0; background:#fff; border:1px #ccc solid; }
.search_nav .navi_linemap2 .navi_linemap_sub>li { padding:0 10px; cursor:pointer; height:24px; line-height:24px; font-size:14px; color:#767676; white-space:nowrap; }

.search_nav .navi_linemap2 .navi_linemap_sub>li.on { color:#333; background-color:#f8f8f8; }
.search_nav .navi_linemap2 {}

/*.search_filter_wrap { margin-top:12rem; }*/
.search_nav + #goodsSearchForm .search_filter_wrap { margin-top:15px; }
#goodsSearchForm #filterResultCount { display:none; }



.search_filter { border:1px #ddd solid; font-size:13px; line-height:1.4; color:#666; }
.search_filter.no_filter { border:none; }
.search_filter label { margin:0; }
.search_filter label.active { color:#333; }
.search_filter .mo_hide { display:none; }
.search_filter a { color:#666; text-decoration:none; }

.search_filter .desc { color:#aaa; }
.search_filter .btn_sfilter { height:28px; font-size:12px; line-height:28px; border:1px #bbb solid; border-radius:2px; background:#fff; padding:0 10px; }
.search_filter label.btn_sfilter { display:inline-block; }
.search_filter button.btn_sfilter { height:30px; line-height:1; }
.search_filter .btn_sfilter.v2 { border-color:#898c9a; }
.search_filter .btn_sfilter.active { border-color:#767676; }
.search_filter .btn_sfilter>input[type='checkbox'] { width:0; height:0; visibility:hidden; }
.search_filter .input_sfilter { height:30px; border:1px #bbb solid; border-radius:2px; background:#fff; text-indent:0; padding:0 9px; font-size:14px; line-height:28px; color:#333; }
.search_filter>li { border-top:1px #eee solid; display:table; width:100%; table-layout:fixed; }
.search_filter>li:first-child { border-top:none; }
.search_filter .filter_menu_area { display:table-cell; vertical-align:top; width:120px; background:#fafafa; border-right:1px #ddd solid; color:#333; }
.search_filter .filter_detail_area { display:table-cell; vertical-align:top; }

.search_filter .filter_menu_area>a { display:block; padding:10px; position:relative; font-size:14px; color:#333; background:url(../images/common/btn_plus2.png) 90% 50% no-repeat; }
.search_filter .filter_menu_area>a.opend { background-image:url(../images/common/btn_minus2.png); }
.search_filter .filter_menu_area>a.xxx { background-image:none; cursor:default; }

.search_filter .message {display:none; padding:10px; color:#999;}
.search_filter .message.on { display:block; }
.search_filter .message.on + .filter_section_sorting { display:none !important; }

.search_filter .category_all_nav { zoom:1; }
.search_filter .category_all_nav:after {content:""; display:block; clear:both;}
.search_filter .category_all_nav + .filter_detail_item { border-top:1px #ddd dashed; zoom:1; }
.search_filter .category_all_nav>a { display:block; float:left; padding:10px 0 10px 24px; color:#999; background:url(../images/common/depth_list2.png) 10px 48% no-repeat; }

.search_filter .category_all_nav>a:nth-last-child( 2 ),
.search_filter .category_all_nav>a:nth-last-child( 2 ):hover { color:#333; cursor:default; }
.search_filter .category_all_nav>a.mobile_pre_cate { display:none; width:24px; height:24px; overflow:hidden; text-indent:-999px; padding:0; margin:5px 0 0 10px; border:1px #ccc solid; background:url(../images/common/icon_cate_pre.png) 50% 50% no-repeat; }
.search_filter .category_all_nav>a.mobile_pre_cate + a { padding-left:10px; background:none; }
.search_filter .category_all_nav .count_category {display:block; float:left; padding:10px 10px 10px 5px; color:#999;}


.search_filter .location_all_nav:after {content:""; display:block; clear:both;}
.search_filter .location_all_nav + .filter_detail_item { border-top:1px #ddd dashed; zoom:1; }
.search_filter .location_all_nav>a { display:block; float:left; padding:10px 10px 10px 14px; color:#999; background:url(../images/common/depth_list2.png) 0 50% no-repeat; }


.search_filter .location_all_nav>a.mobile_pre_location { display:none; width:24px; height:24px; overflow:hidden; text-indent:-999px; padding:0; margin:5px 0 0 10px; border:1px #999 solid; background:url(../images/common/icon_cate_pre.png) 50% 50% no-repeat; }
.search_filter .location_all_nav>a.mobile_pre_location + a { padding-left:10px; background:none; }
.search_filter .location_all_nav .count_location {display:block; float:left; padding:10px 10px 10px 0px; color:#999;}

.search_filter .filter_section_sorting { display:none; border-bottom:1px #ddd dashed; zoom:1; }
.search_filter .filter_section_sorting>label { display:inline-block; height:36px; line-height:36px; padding:0 10px 0 28px; background:url(../images/common/icon_checked_off2.png) 10px 40% no-repeat; }
.search_filter .filter_section_sorting>label.active { font-weight:500; color:#333; background-image:url(../images/common/icon_checked2.png); }
.search_filter .filter_section_sorting>label>input[type='radio'] { width:1px; height:1px; visibility:hidden; }

.search_filter .filter_detail_item { padding:5px 0; height:30px; overflow:hidden; }
.search_filter .filter_detail_item.opend { height:auto; max-height:200px; overflow-y:auto; }
.search_filter .filter_detail_item>li { display:inline-block; vertical-align:top; }
.search_filter .filter_detail_item>li.reresearch_area { padding-left:30px; }
.search_filter .filter_detail_item>li.price_area { padding-left:30px; }
.search_filter .filter_detail_item>li>a { display:block; height:16px; vertical-align:top; padding:7px 14px 7px 10px; line-height:16px; }
.search_filter .filter_detail_item>li.active { font-weight:500; color:#0c7bc6; }
.search_filter .filter_detail_item>li:first-child { padding-left:0px; }
.search_filter .filter_detail_item>li>a .name { display:inline-block; margin-right:2px; }

.search_filter .filter_brand_section .filter_detail_item label { display:inline-block; height:18px; vertical-align:top; position:relative; padding:7px 14px 7px 35px; line-height:18px; }
.search_filter .filter_brand_section .filter_detail_item label:before { display:block; content:''; position:absolute; left:10px; top:6px; width:18px; height:18px; border:1px #ccc solid; border-radius:2px; }

.search_filter .filter_brand_section .filter_detail_item label.active:before { background:url(../images/common/check_icon.png) 50% 50% no-repeat; background-size:12px; }
.search_filter .filter_brand_section .filter_detail_item input[type='checkbox'],
.search_filter .filter_brand_section .filter_detail_item input[type='radio'] { width:0; height:0; visibility:hidden; position:absolute; left:0; top:0; }

.search_filter .filter_seller_section .filter_detail_item input[type='radio'] { width:0; height:0; visibility:hidden; }
.search_filter .filter_seller_section .filter_detail_item label { display:inline-block; height:18px; vertical-align:top; position:relative; padding:7px 14px 7px 10px; line-height:18px; }

.search_filter .filter_detail_section .filter_menu_area>a { padding-top:15px; }
.search_filter .filter_detail_section .filter_detail_item { padding:10px; }
.search_filter .filter_detail_item>li.reresearch_area .input_sfilter { width:160px; }
.search_filter .filter_detail_item>li.price_area .input_sfilter { width:84px; text-align:right; }
.search_filter .filter_detail_item>li.color_area { display:block; padding-top:10px; font-size:0; }
.search_filter .filter_detail_item>li.color_area>label { display:inline-block; width:24px; height:24px; margin-right:5px; border:1px #ddd solid; border-radius:4px; background-position:50% 50%; background-repeat:no-repeat; }
.search_filter .filter_detail_item>li.color_area>label.active { background-image:url(../images/common/icon_color_check2.png); }
.search_filter .filter_detail_item>li.color_area>label>input[type='checkbox'] { width:0; height:0; visibility:hidden; }

.search_filter .filter_detail_item.li_align.opend>li { width:176px;}
.search_filter .filter_detail_item.li_align.opend>li>a,
.search_filter .filter_detail_item.li_align.opend>li>label { height:auto; padding-top:5px; padding-bottom:5px; padding-right:0; line-height:1.4; }

.search_filter .disable * { opacity:0.7 !important; cursor:default !important; }

/* 필터된 항목 */
.search_filter_selected { display:table; width:100%; table-layout:fixed; box-sizing:border-box; border:1px #ddd solid; border-top:none; font-size:0; }
.search_filter_selected .selected_item_area { display:table-cell; padding:2px; }
.search_filter_selected .selected_etc_area { display:table-cell; width:50px; vertical-align:middle; text-align:center; border-left:1px #ddd solid; }
.search_filter_selected a { text-decoration:none; }
.search_filter_selected .selected_item_area>li { display:inline-block; font-size:13px; margin:3px; vertical-align:top; border-radius:2px; cursor:default; background:#f0f0f0; color:#626262; }
.search_filter_selected .selected_item_area>li a.remove { display:inline-block; vertical-align:top; height:30px; line-height:31px; padding:0 26px 0 9px; background-image:url(../images/common/icon_x2.png); background-position:right 5px top 49%; background-repeat:no-repeat; color:#626262; }
.search_filter_selected .selected_item_area>li.color_type a.remove { padding:0; box-sizing:border-box; width:30px; height:30px; border-radius:2px; background-position:50% 50%; }
.search_filter_selected .selected_item_area>li.color_type.border a.remove { border:1px #999 dashed; }
.search_filter_selected .selected_item_area>li[data-filteritem='min_price'] a.remove:after { display:inline-block; content:'~'; }
.search_filter_selected .selected_item_area>li[data-filteritem='max_price'] a.remove:before { display:inline-block; content:'~'; }
.search_filter_selected .btn_all_cancel { display:inline-block; height:40px; width:40px; background:url(../images/common/icon_reload2.png) 50% 50% no-repeat; background-size:27px; }


/*제품 리스트 필터 팝업*/
.filter_box .search_filter_wrap .resp_wrap {padding: 0}



/* 추천상품 */
#recommendResult { padding-bottom:20px; }

/*  검색된 상품 정렬 */
.search_no_data { padding:60px 20px; text-align:center; font-size:14px; color:#999; }

.filtered_item_sorting .item_total {font-size: 14px;}
.filtered_item_sorting .item_total .num { margin-left: 0.3em; font-weight: 600 }

.filtered_item_sorting .top .util_box { display: flex; align-items: center; justify-content: flex-end; }
.filtered_item_sorting .top .util_box .select { margin-left: 15px; }

.filtered_item_sorting .bot {margin-top: 15px;}
.filtered_item_sorting .bot .btn_type {display: flex; flex-wrap: wrap;}
.filtered_item_sorting .bot .btn_type .btn {border: 1px solid #EAEAEA; height: 25px; line-height: 24px; padding: 0 10px; font-size: 12px; border-radius: 50px; transition: all .3s; display: flex; margin-right: 10px; margin-bottom: 10px}

.filtered_item_sorting .bot .btn_type .btn.active {border-color: #000; background-color: #000; color: #fff}


.exgroup_page .filtered_item_sorting .bot {}
.exgroup_page .filtered_item_sorting .bot .item_total {display: none}


.filtered_item_sorting {}
.filtered_item_sorting li {display: flex; justify-content: space-between; align-items: center}
.filtered_item_sorting li.newsletter {align-items: flex-end}
.filtered_item_sorting #mobileSortingSelected { display:none; }
.filtered_item_sorting .item_order {display: flex; align-items: center; margin-left: auto;}
.filtered_item_sorting .item_order .chk_box + .chk_box {margin-left: 10px}

/*.filtered_item_sorting .select .nice-select {font-size: 14px; height: auto; padding-left: 0; padding-right: 1.5rem; border: none; font-weight: 500; line-height: 1; color: #999}
.filtered_item_sorting .select .nice-select .list { border-radius: 0; margin-top: 0.5rem; background-color:#000; padding: 10px 0}
.filtered_item_sorting .select .nice-select .list li {position: relative; padding: 6px 15px 6px 20px; min-height: 0; line-height: 1.4; font-size: 13px; color: #fff}
.filtered_item_sorting .select .nice-select .list li:before {content: ""; position: absolute; left: 1.25rem; top: 12px; width: 3px; height: 3px; border-radius: 50% ;background-color: #000; opacity: 0 ;transition: all .3s}
.filtered_item_sorting .select .nice-select:after {content: "\f0d7"; width: auto; height: auto; border: none; margin-top: 0.1rem ;right: 0; top: 0; font-family: "Font Awesome 6 Pro"; font-size: 1.2rem; font-weight: 700; transform: rotate(0) ; transform-origin: center; color: #000}
.filtered_item_sorting .select .nice-select.open:after {transform: rotate(180deg) ;}
.filtered_item_sorting .select .nice-select .list li.selected {font-weight: 700; color: #fff}
.filtered_item_sorting .select .nice-select .list li.selected:before,
.filtered_item_sorting .select .option:hover:before,
.filtered_item_sorting .select .option.focus:before,
.filtered_item_sorting .select .option.selected.focus:before {opacity: 1 !important}
.filtered_item_sorting .select .option:hover,
.filtered_item_sorting .select .option.focus,
.filtered_item_sorting .select .option.selected.focus {background-color: transparent}*/


.filtered_item_sorting .item_viewnum { float:right; padding:0; margin-right:-1px; }
.filtered_item_sorting .item_viewnum select { height:40px; margin:-1px 0; border-color:#ddd; }

.filtered_item_sorting .item_display { float:right; font-size:0; padding:0; }
.filtered_item_sorting .item_display label { display:inline-block; overflow:hidden; text-indent:-999px; width:38px; height:38px; margin:-1px 0 -1px -1px; border:1px #ddd solid; background-position:50% 50%; background-repeat:no-repeat; }
.filtered_item_sorting .item_display label:first-child { margin-left:0; }
.filtered_item_sorting .item_display label.active { position:relative; border-color:#767676; }
.filtered_item_sorting .item_display label.display_lattice { background-image:url(../images/common/icon_sort_a3.png); }
.filtered_item_sorting .item_display label.display_lattice.active { background-image:url(../images/common/icon_sort_a3_on.png); }
.filtered_item_sorting .item_display label.display_list { background-image:url(../images/common/icon_sort_b3.png); }
.filtered_item_sorting .item_display label.display_list.active { background-image:url(../images/common/icon_sort_b3_on.png); }
.filtered_item_sorting .item_display label.display_lattice input[type='radio'],.filtered_item_sorting .item_display label.display_list input[type='radio'] { width:0px; }



/* ======================== //검색 개선( 검색 필터 ) =============================== */


/* ======================== 상품리스트 (검색필터) =============================== */



#catalog_page .all_sch_view {display: none}

/* ======================== 상품리스트 =============================== */

.event_container .event_li .list_empty,
#catalog_page .list_empty {margin-bottom: 12rem; height:30vh; max-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center}
.event_container .event_li .list_empty p,
#catalog_page .list_empty p {font-size: 2rem; font-weight: 700; color: #bdbdbd}




.catalog_list {overflow: hidden}
.catalog_list .list_empty {margin-top: 25px;}

.category_banner {position: relative; width: 100%; padding-top:min(calc(100vh - var(--header_total)), 1000px); display: none;}
.category_banner .img {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.category_banner .img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0) 100%)}
.category_banner .img img {width: 100%; height: 100%; object-position: center; object-fit: cover; }
.category_banner .txt_box {position: absolute; left: 5em; bottom: 5rem; color: #fff}
.category_banner .txt_box .tit {font-size: 3rem; font-weight: 700}
.category_banner .txt_box .desc {font-size: 1.8rem; font-weight: 300; margin-top: 15px; display: block}

#catalog_page .visual_sect {position: relative; width: 100%;background-color: #000; margin-top: -1px}
#catalog_page .visual_sect .swiper-slide { height: calc(100vh - var(--header_total) + 1px); width: 100%}


#catalog_page .visual_sect .visual_txt {width: 164rem; padding: 0 var(--resp_wrap_pd); left: 50%; top: 30%; transform: translate(-50%,0%); position: absolute; z-index: 3; max-width: 100%}
#catalog_page .visual_sect .visual_txt p { opacity: 1; transform: translateY(00px) ;transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
#catalog_page .visual_sect .visual_txt .desc {font-size: var(--banner_desc); font-weight: 500}
#catalog_page .visual_sect .visual_txt .tit {font-size: var(--banner_tit); font-weight: 700}
#catalog_page .visual_sect .visual_txt .desc + .tit {margin-top: var(--banner_tit_mt)}
#catalog_page .visual_sect .visual_txt .txt {font-size: var(--banner_txt)}
#catalog_page .visual_sect .visual_txt .tit + .txt {margin-top:var(--banner_txt_mt)}
#catalog_page .visual_sect .visual_txt .txt + .main_btn {margin-top: 10rem}

#catalog_page .visual_sect .swiper-slide-active .visual_txt p {opacity: 1; transform: unset}
#catalog_page .visual_sect .video {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#catalog_page .visual_sect .video img { width: 100%; height: 100%; object-fit: cover; object-position: 70%;}
#catalog_page .visual_sect .video video { object-position: center; object-fit: cover; width: 100%; height: 100%; pointer-events: none}
#catalog_page .visual_sect .img {position: absolute; width: 50%; left: 50%; top: 0; height: 100%; display: flex; justify-content: flex-start; align-items: center}
#catalog_page .visual_sect .img img {max-width: 100%; max-height: 100%; }

#catalog_page .visual_sect .video.type3 {position: absolute; width: 50%; right: 0; top: 0; left: auto; height: 100%;}
#catalog_page .visual_sect .video.type3 video {  width: 100%; height:100%; object-position: center; object-fit: cover;}



/*#catalog_page .visual_sect {position: relative; width: 100%;background-color: #000; }
#catalog_page .visual_sect .swiper-slide { height: min(calc(100vh - var(--header_total)), 1000px);}
#catalog_page .visual_sect .logo {display: flex; align-items: flex-end; position: fixed; left: 50%; top: calc(var(--header_Height) + 10rem); transform: translate(-50%,0); display: none}
#catalog_page .visual_sect .logo svg + svg {margin-left: 1.5rem}
#catalog_page .visual_sect .video {position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; opacity: 1; transition: opacity 1s}
#catalog_page .visual_sect .video * {width: 100%; height: 100%; object-fit: cover; object-position: center}
#catalog_page .visual_sect.active .video{opacity: 1}
#catalog_page .visual_sect .visual_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; width: 100%}
#catalog_page .visual_sect .visual_txt .resp_wrap {width: 184rem}
#catalog_page .visual_sect .visual_txt p { opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
#catalog_page .visual_sect .visual_txt .desc {font-size: 2.4rem; font-weight: 600}
#catalog_page .visual_sect .visual_txt .tit {font-size: 5.5rem; font-weight: 700}
#catalog_page .visual_sect .visual_txt .desc + .tit {margin-top: 20px}
#catalog_page .visual_sect .visual_txt .txt {font-size: 2rem}
#catalog_page .visual_sect .visual_txt .tit + .txt {margin-top: 30px}


#catalog_page .visual_sect.active .visual_txt p,
#catalog_page .visual_sect.active .visual_txt .btn {opacity: 1; transform: unset}
#catalog_page .visual_sect .slide_move { position: absolute; left: 6rem; bottom: 5rem;}
#catalog_page .visual_sect.active .swiper-slide .visual_txt  p {opacity: 0; transform: translateY(50px);}
#catalog_page .visual_sect.active .swiper-slide-duplicate-active .visual_txt p ,
#catalog_page .visual_sect.active .swiper-slide-active .visual_txt p {opacity: 1; transform: unset}
*/

#catalog_page .visual_sect .slide_move { width: 164rem;}

.sub .slide_move { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 5rem; padding: 0 var(--resp_wrap_pd); display: flex; align-items: center; justify-content: flex-end; z-index: 20; color: #fff; max-width: 100%}
.sub .slide_move .swiper-pagination { display: flex; align-items: center; font-size: 13px; font-weight: 600; text-align: left; position: static }
.sub .slide_move .swiper-pagination .slash { margin: 0 10px; }
.sub .slide_move .arr { display: flex; align-items: center; justify-content: flex-start; font-size: 13px; fill: #fff; z-index: 10; cursor: pointer; margin-left: 20px;}
.sub .slide_move .arr .swiper_btn { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.sub .slide_move .arr .swiper_btn + .swiper_btn { margin-left: 13px; }
.sub .slide_move .arr .swiper_btn .ico { width: 1.8rem; height: 1.8rem;  }
.sub .slide_move .arr .swiper_btn svg .cls-1 { stroke-width: 0px; fill: none}
.sub .slide_move .arr .swiper_btn svg .cls-2 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 10px; transition: stroke .3s}
.sub .slide_move .swiper-pagination-current {min-width: 18px}

.sub .swiper-progress-bar{display: block; position: relative; z-index: 1; width: 15rem; height: 2px; margin-left: 20px}
.sub .swiper-progress-bar .slide_progress-bar {position: absolute; height: 2px;  width: auto; clear: both;  left: 0; right: 0; transition: background .3s}
.sub .swiper-progress-bar .slide_progress-bar.bg {background: #fff; opacity: 0.2}
.sub .swiper-progress-bar .slide_progress-bar.loading { left: 0; right: auto; background: #fff; height: 100%; width: 0; transition: 0s 0.1s width linear;}
.sub .swiper-progress-bar.animate .slide_progress-bar.loading {width: 100%; transition-delay: unset; transition: width var(--transition-duration, 0s) linear;}

#catalog_page .swiper-progress-bar.animate .slide_progress-bar.loading { transition: width var(--transition-duration, 0s) linear;}

.category_wrap .category_top {padding: 15px 0; top: calc(var(--header_Height) - 2px);}


.catalog_list {margin-top: 20px; position: relative}
#catalog_page .event_banner_wrap {display: none}
.category_banner + .catalog_list {margin-top: 0px;}

#catalog_page .catalog_list {margin-top: 0}
#catalog_page .prd_list_wrap {padding-bottom: var(--resp_wrap_pd);}
#catalog_page .prd_list_wrap .list{gap: var(--resp_wrap_pd); padding: 0 var(--resp_wrap_pd);}

.searched_item_display .list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0;}
.searched_item_display .list + .list {margin-top: 0}
.searched_item_display .list .goods_list_style1{position: relative;  background: linear-gradient(135deg, #eee 0%, #fcfcfc 100%);}
.searched_item_display .list .goods_list_style1.banner{grid-column: span 2; grid-row: span 2; display: none}
.searched_item_display .list .goods_list_style1.banner.pc {display: block}
.searched_item_display .list .goods_list_style1.banner.pc.w1600 {display: none}

.searched_item_display .list .goods_list_style1.banner .img_box { width: 100%; padding-top: 100%; position: relative; display: block}
.searched_item_display .list .goods_list_style1.banner .img_box:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.1);z-index: 5;}
.searched_item_display .list .goods_list_style1.banner .img_box img {position: absolute;  left: 0; top: 0; width: 100%; height: 100%;  z-index: 3; object-fit: cover; object-position: center; transition: 1s ease-in-out, opacity 0.8s cubic-bezier(.4,0,.2,1)}
.searched_item_display .list .goods_list_style1.banner .img_box img + img {z-index: 2}
.searched_item_display .list .goods_list_style1.banner .tit{position: absolute; left: 5rem; bottom: 5rem; font-size: 3rem;color: #fff;font-weight: 600; z-index: 7}

/* 제품 준비중 */
.searched_item_display .list .goods_list_style1.coming{pointer-events: none;}

/*미리보기*/






/*

.searched_item_display .list .goods_list_style1.banner:before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  z-index: 3; transition:  1s ease-in-out, opacity 0.8s cubic-bezier(.4,0,.2,1)}
.searched_item_display .list .goods_list_style1.banner:after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  z-index: 2; transition:  1s ease-in-out, opacity 0.8s cubic-bezier(.4,0,.2,1)}

.searched_item_display .list .goods_list_style1.banner .tit{position: absolute; left: 5rem; bottom: 5rem; font-size: 3rem;color: #fff;font-weight: 600; z-index: 3}

.searched_item_display .list .goods_list_style1.banner.left:before{background: url("/data/skin/dualsonic/images/main/card2_bg.jpg") no-repeat center / cover;}
.searched_item_display .list .goods_list_style1.banner.left:after{background: url("/data/skin/dualsonic/images/main/card2_2_bg.jpg") no-repeat center / cover;}

.searched_item_display .list .goods_list_style1.banner.right:before{background: url("/data/skin/dualsonic/images/main/card3_bg.jpg") no-repeat center / cover;}
.searched_item_display .list .goods_list_style1.banner.right:after{background: url("/data/skin/dualsonic/images/main/card3_2_bg.jpg") no-repeat center / cover;}


*/

/*.searched_item_display .list .goods_list_style1.banner.left:before{background: url("/data/skin/dualsonic/images/main/card2_bg.jpg") no-repeat center / cover;}
.searched_item_display .list .goods_list_style1.banner.left:after{background: url("/data/skin/dualsonic/images/main/card2_2_bg.jpg") no-repeat center / cover;}

.searched_item_display .list .goods_list_style1.banner.right:before{background: url("/data/skin/dualsonic/images/main/card3_bg.jpg") no-repeat center / cover;}
.searched_item_display .list .goods_list_style1.banner.right:after{background: url("/data/skin/dualsonic/images/main/card3_2_bg.jpg") no-repeat center / cover;}*/



.searched_item_display .list .goods_list_style1 .item_img_area .cont {position: relative; display: block}
.searched_item_display .list .goods_list_style1 .item_img_area{position: relative; width: 100%; padding-top: 100%; cursor: pointer}
.searched_item_display .list .goods_list_style1 .item_img_area .img{}
.searched_item_display .list .goods_list_style1 .item_img_area .img > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%}
.searched_item_display .list .goods_list_style1 .item_info_area{position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 20px 20px; opacity: 1; transition: opacity 0.3s; margin-top: 0}

.searched_item_display .list .goods_list_style1 .btn_wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: opacity .3s; pointer-events: none; opacity: 0; width: auto}
.searched_item_display .list .goods_list_style1 .btn_wrap .btn_box {display: flex; align-items: center; justify-content: center}
.searched_item_display .list .goods_list_style1 .btn_wrap .btn_box > div {width: 5.5rem; height: 5.5rem; background-color: #000; border-radius: 50%;}
.searched_item_display .list .goods_list_style1 .btn_wrap .btn_box > div + div {margin-left: 10px;}
.searched_item_display .list .goods_list_style1 .btn_wrap a {width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center}
.searched_item_display .list .goods_list_style1 .btn_wrap > div svg {fill: #fff; width: 4rem; height: auto}
.searched_item_display .list .goods_list_style1 .btn_wrap > div svg.active {fill: #ff4545}
/*.searched_item_display .list .goods_list_style1 .btn_wrap > div svg.hide {display: block !important;}*/






.goods_top_banner {margin-top: 75px; overflow: hidden; }
.goods_top_banner a {position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0}
.goods_top_banner a > img{position: absolute; left: 0%; top: 0%; transform: translate(0%,0%); width: 100%; height: 100% ;object-fit: cover; object-position: center}
.goods_top_banner a.type2 > img{object-position: right; right: 0; left: auto; object-fit: cover; width: auto; height: 100%}
.goods_top_banner .swiper-container {overflow: visible}
.goods_top_banner .item { position: relative; width: 100%; padding-top: 31%;}
.goods_top_banner #eventSwiper .item .bg {position: absolute; width: 110vw; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}


/*라이브 쇼핑*/
.live_page .live_list {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10rem 6rem}
.live_page .live_list > li {display: flex; align-items: flex-start;}
.live_page .live_list .img_box { position: relative; border-radius: 10px; overflow: hidden; width: 45%; margin-right:  3rem; flex-shrink: 0}
.live_page .live_list .img_box .img {padding-top: 150%; position: relative}
.live_page .live_list .img_box .img img {position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; width: 100%; height: 100%}
.live_page .live_list .img_box .btn_wrap {position: absolute; left: 20px; top: 20px; display: flex; align-items: center; justify-content: flex-start; z-index: 3}
.live_page .live_list .img_box .btn_wrap .badge {height: 2.6rem; line-height: 2.5rem; font-size: 1.3rem; font-weight: 600; padding: 0 1.2rem; background-color: #000; color: #fff}
.live_page .live_list .img_box .btn_wrap .badge.live {background-color: #F10000}
.live_page .live_list .img_box .btn_wrap .view_num {background-color: rgba(0,0,0,0.5); padding: 0rem 1rem; color: #fff; display: flex; align-items: center; font-size: 1.3rem; font-weight: 500; border-radius: 50px; height: 2.6rem; margin-left: 10px; line-height: 1; display: none}
.live_page .live_list .img_box .btn_wrap .view_num .ico {width: 1.8rem; height: 1.8rem; margin-right: 5px; margin-top: -1px;
;background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M70,29.17c-35,0-58.33,40.83-58.33,40.83,0,0,23.33,40.83,58.33,40.83s58.33-40.83,58.33-40.83c0,0-23.33-40.83-58.33-40.83ZM70,93.33c-12.89,0-23.33-10.45-23.33-23.33s10.45-23.33,23.33-23.33,23.33,10.45,23.33,23.33-10.45,23.33-23.33,23.33Z"/><path class="cls-1" d="M70,52.5c-.52,0-1.02.03-1.53.08.97,1.7,1.53,3.66,1.53,5.75,0,6.44-5.22,11.67-11.67,11.67-2.09,0-4.05-.56-5.75-1.53-.04.5-.08,1.01-.08,1.53,0,9.66,7.83,17.5,17.5,17.5s17.5-7.83,17.5-17.5-7.83-17.5-17.5-17.5Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') no-repeat center /contain;
}
.live_page .live_list .end .img:before,
.live_page .live_list .wait .img:before{content: "라이브 종료"; width: 100%; height: 100%; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.43); z-index: 2;font-size: 3rem; font-weight: 600}
.live_page .live_list .wait .img:before {content: "방송예정"}
.live_page .live_list .right_box {flex: 1; padding-top: 4rem; min-width: 0; display: flex; flex-direction: column}
.live_page .live_list .txt_box .date {font-size: 1.8rem; font-weight: 600}
.live_page .live_list .txt_box .time {font-size: 5rem; font-weight: 700; line-height: 1; margin-top: 1rem}
.live_page .live_list .end .txt_box .time,
.live_page .live_list .end .txt_box .date {color: #BDBDBD}
.live_page .live_list .txt_box .tit {font-size: 1.8rem; font-weight: 700; margin-top: 3rem}
.live_page .live_list .txt_box .tit a{display: block; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}

.live_page .live_list .prd_list {margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #EAEAEA; overflow-y: auto; max-height: 25rem; flex: 1}
.live_page .live_list .prd_list a {display: flex; align-items: center; min-width: 0; padding-right: 10px}
.live_page .live_list .prd_list li {}
.live_page .live_list .prd_list li + li {margin-top: 2rem;}
.live_page .live_list .prd_list .prd_img {background-color: #F5F5F5; position: relative; width: 6rem; padding-top: 6rem; border-radius: 5px; overflow: hidden; flex-shrink: 0}
.live_page .live_list .prd_list .prd_img img {position: absolute;left: 50%;top: 59%;width: 120%;height: 120%;object-fit: cover;transform: translate(-50%, -50%);}
.live_page .live_list .prd_list .prd_txt {margin-left: 10px; min-width: 0}
.live_page .live_list .prd_list .prd_txt .tit {font-size: 1.5rem; font-weight: 700; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.live_page .live_list .prd_list .prd_txt .txt {font-size: 1.5rem;}
.live_page .live_list .prd_list .prd_txt .txt .sale {font-weight: 700; margin-right: 5px;}
.live_page .live_list .vide_more_btn {display: none}



/*.goods_top_banner a::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15)}*/

/*.goods_top_banner .txt_box{position: absolute; left: 0; bottom: 0; width: 100%; padding: 60px; color: #fff;}
.goods_top_banner .txt_box .tit{margin-bottom: 25px; font-size: 30px; font-weight: 700; line-height: 1em;}
.goods_top_banner .txt_box .desc{font-size: 18px; font-weight: 300;}*/






.event_visual_swiper .item .txt_box { position: absolute; left: 14rem; top: 22%; color: #261108; text-align: left; }
.event_visual_swiper .item .txt_box .desc { font-size: 16px; font-weight: 500; }
.event_visual_swiper .item .txt_box .desc + .tit { margin-top: 20px; }
.event_visual_swiper .item .txt_box .tit { font-size: 45px; font-weight: 700; line-height: 1.3; }
.event_visual_swiper .item .txt_box .desc.wh,
.event_visual_swiper .item .txt_box .tit.wh { color: #fff; }

.event_visual_swiper .item .type2 .txt_box {color: #fff}

.event_visual_swiper .slide_move { position: absolute; left: 15rem; bottom: 9rem; display: flex; align-items: center; justify-content: flex-start; width: 50px; z-index: 20; mix-blend-mode: difference}
.event_visual_swiper .slide_move .swiper-pagination { display: flex; justify-content: flex-end; width: 100%; font-size: 13px; font-weight: 600; text-align: left }
.event_visual_swiper .slide_move .swiper-pagination .slash { margin: 0 10px; }
.event_visual_swiper .slide_move .arr { position: absolute; left: 40px; top: 50%; display: flex; align-items: center; justify-content: flex-start; font-size: 13px; fill: #000; transform: translate(100%, -50%); z-index: 10; cursor: pointer; }
.event_visual_swiper .slide_move .arr .swiper_btn { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.event_visual_swiper .slide_move .arr .swiper_btn + .swiper_btn { margin-left: 13px; }
.event_visual_swiper .slide_move .arr .swiper_btn.swiper-button-disabled { fill: #BCBCBC; }


.catalog_list .item_img_area {position: relative}
.catalog_list .item_img_area .img {display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden}
.catalog_list .item_img_area .img > img {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.catalog_list .item_img_area .img .goods_icon_area {display: flex; flex-wrap: wrap; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .3s; width: calc(100% - 3rem)}
.goods_icon_area span {width: 7rem; height: 32px; line-height: 31px; font-size: 14px; font-weight: 600; text-align: center; border: 1px solid transparent; background-color: #fff; text-transform: capitalize; border-color: #000}
.goods_icon_area span.best {border-color: #000}
.goods_icon_area span.new {background-color: #000; border-color: #000; color: #fff}
.goods_icon_area span.sale {background-color: #DF3C3C; border-color: #DF3C3C; color: #fff}
.goods_icon_area span.hit {background-color: #A95DC5; border-color: #A95DC5; color: #fff}
.goods_icon_area span.md {background-color: #85d3ed; border-color: #85d3ed; color: #fff}
.goods_icon_area span.oto,
.goods_icon_area span.twto,
.goods_icon_area span.thto {background-color: #8ad4a8; border-color: #8ad4a8; color: #fff}
.goods_icon_area span.gift {background-color: #ef77a2; border-color: #ef77a2; color: #fff}
.goods_icon_area span.rental {background-color: #9d7878; border-color: #9d7878; color: #fff}




.catalog_list .item_info_area .goods_besong_area {display: none}
/*.catalog_list .item_info_area .goods_name_area {margin-top: 20px}*/
.catalog_list .item_info_area .goods_name_area .brand_name {font-size: 12px; font-weight: 500; display: none}
.catalog_list .item_info_area .goods_name_area .prd_name {font-size: 15px; font-weight: 500;cursor: pointer;}
.catalog_list .item_info_area .goods_name_area .prd_name span {display: block;width: 87%;
	overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;
}
.catalog_list .item_info_area .goods_name_area .goods_desc_area {margin-top: 5px; font-size: 15px; font-weight: 500; color: #BDBDBD; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
/*.catalog_list .item_info_area .goods_price_area {display: flex; align-items: flex-end; font-size: 14px}*/
.catalog_list .item_info_area .goods_price_area > span {display: block; line-height: 1;}

/*.catalog_list .item_info_area .goods_price_area .consumer_price + .discount_rate {margin-left: 15px}*/
.catalog_list .item_info_area .goods_price_area .consumer_price,
.catalog_list .item_info_area .goods_price_area .sale_price {font-weight:700; order: 2}
.catalog_list .item_info_area .goods_price_area .sale_price + .consumer_price {position: relative; margin-left: 10px; font-size: 0.9em; color: #BDBDBD; font-weight: 400}
.catalog_list .item_info_area .goods_price_area .sale_price + .consumer_price:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 1.5px; background-color: #BDBDBD;}





/*수창_반응형*/

/*@media only screen and (min-width: 2401px) and (max-width: 3000px) {
	.catalog_list .item_info_area .goods_name_area .brand_name {font-size: 14px;}
	.catalog_list .item_info_area .goods_name_area .prd_name {font-size: 18px}
	.catalog_list .item_info_area .goods_price_area {font-size: 16px;}
}

@media only screen and (min-width:3000px) {
	.catalog_list .item_info_area .goods_name_area .brand_name {font-size: 16px;}
	.catalog_list .item_info_area .goods_name_area .prd_name {font-size: 20px}
	.catalog_list .item_info_area .goods_price_area {font-size: 18px;}

	.review_info li .num {font-size: 14px;}
	.review_info .ev_active2 {width: 69px;height: 19px;}
	.review_info .ev_active2 b:before{width: 69px;}
	.review_info .ico {width: 14px;height: 14px;}

}*/





/* ========================상품리스트 =============================== */

.newletter .subpage_container {display: block;}
.experienceGroup .subpage_container {display: block}
.beautyEditor .subpage_container { display: block; }





/* -------------------------------------- 로그인 / 회원가입 --------------------------------------------- */
.pilsu_icon { display:inline-block; width:16px; height:16px; background:url(../images/common/icon_check1.png) 50% 50% no-repeat; background-size:16px; }
.login_container.login .resp_login_wrap {max-width: 460px}
.resp_login_wrap { max-width:600px; width: 100%; padding: 0 var(--resp_wrap_pd); margin:0px auto ; }
.login_container.w500 .resp_login_wrap {max-width: 500px;}
.resp_login_wrap .box_id,
.resp_login_wrap .box_pw { border:1px #ddd solid; height:46px; line-height:46px; font-size:18px; width:100%; padding:0 15px; font-weight:700; color:#333; outline:none; }
.resp_login_wrap .box_pw { margin-top:10px; }
.resp_login_wrap .box_order { border:1px #ddd solid; height:46px; line-height:46px; font-size:18px; width:100%; padding:0 15px; font-weight:700; color:#333; margin-top:10px; }
.resp_login_wrap .input_area .box_order:first-child { margin-top:0; }
.resp_login_wrap input[type='text']::placeholder { font-size:16px; font-weight:400; }
.resp_login_wrap input[type='text']:-ms-input-placeholder { font-size:16px; font-weight:400; }
.resp_login_wrap input[type='password']::placeholder { font-size:16px; font-weight:400; }
.resp_login_wrap input[type='password']:-ms-input-placeholder { font-size:16px; font-weight:400; }
.resp_login_wrap .btn_resp.size_login1 { width:100%; font-size:17px; font-weight:300; height:48px; line-height:48px; background-color:#333; border-color:#333; color:#fff; border-radius:2px; }
.resp_login_wrap .id_save { display:inline-block; padding:0 10px 0 0; height:50px; line-height:50px; font-size:14px; color:#767676; }
.resp_login_wrap .login_real_area { text-align:left; }
.resp_login_wrap .login_real_area .find_join { padding-top:5px; font-size:14px; font-weight:100; color:#ccc; text-align:center; }
.resp_login_wrap .login_real_area .find_join>a { display:inline-block; vertical-align:middle; font-size:14px; font-weight:400; line-height:1.2; color:#767676; padding:18px 4px; }

.resp_login_wrap .login_real_area .desc_area { box-sizing:border-box; padding:15px 0; min-height:50px; font-size:14px; color:#999; }
.resp_login_wrap .sns_login_ul { font-size:0; line-height:0; text-align:center; }
.resp_login_wrap .sns_login_ul>li { display:inline-block; width:32px; padding:2px; }
.resp_login_wrap .sns_login_ul img { cursor:pointer; }
.resp_login_wrap .join_btns { padding-top:5px; }

.join_fb_invite { text-align:center; padding:10px 0; font-size:17px; font-weight:500; color:#444; }
.join_fb_invite .fb_name { font-weight:700; color:#007cd2; }
.join_member_benefit_detail { font-size:0; text-align:center; }
.join_member_benefit_detail>ul { display:inline-block; padding:0 15px; margin-top:10px; vertical-align:top; font-size:14px; color:#666; }
.join_member_benefit_detail>ul>li { padding-top:5px; }
.join_member_benefit_detail>ul>li.tt { color:#999; }
.join_member_benefit_detail .num { font-size:21px; line-height:1.2; font-weight:400; letter-spacing:-1px; color:#333; }
.sub_page_tab_contents { margin-top:10px; }

.pilsu_agree_all { display:inline-block; padding:10px 9px; font-size:17px; font-weight:500; color:#333; }
.pilsu_agree_all input[type='checkbox'] { width:24px; height:24px; }
.agree_list3 input[type='checkbox'] {margin:0; width:20px;height:20px;}
.agree_list3 { border-top:1px #ddd solid; font-size:14px; }
.agree_list3>li { border:1px #ddd solid; border-top:none; }
.agree_list3>li.end { background:#feffee; }
.agree_list3>li>label { display:block; margin:0; padding:10px; box-sizing:border-box; }
.agree_list3 .agree_view { display:block; text-align:right; float:right; box-sizing:border-box; width:66px; padding:11px 10px 9px 0; }

.agree_list3 .agree_view + label { width:calc( 100% - 66px ); }
.agree_list3 .desc { font-size:13px; }

.resp_member_join_wrap { max-width:600px; margin:0 auto; padding: 0 var(--resp_wrap_pd); line-height:1.4; }
.resp_member_join_wrap input[type='checkbox'], .resp_member_join_wrap input[type='radio'] { margin:0; padding:0; vertical-align:middle; }
.resp_member_join_wrap input[type=text], .resp_member_join_wrap input[type=password], .resp_member_join_wrap input[type=email], .resp_member_join_wrap input[type=tel] {
	box-sizing:border-box; padding:0 9px; width:200px; height:32px; font-size:14px; line-height:32px; color:#333; border:1px #ccc solid; text-indent:0; vertical-align:middle;
}
.resp_member_join_wrap input::-ms-clear, .resp_member_join_wrap input::-ms-reveal { display:none; }




.resp_member_join .desc { font-size:12px; line-height:1.5; color:#999; }
.eng_only { -webkit-ime-mode:disabled; -moz-ime-mode:disabled; -ms-ime-mode:disabled; ime-mode:disabled; } /* 참고) ime-mode 크롬에서는 지원 안 함 */
.guide_text { margin-top:6px; color:#ed3347; }
.guide_text:empty { display:none; }
.guide_text .color_positive { color:#2470be; }
.guide_text .color_negative { color:#ed3347; }
.guide_placeholder { display:inline-block; padding-top:8px; font-size:12px; color:#999; }
.add_check_label { display:inline-block; vertical-align:top; padding-top:8px; }

/* resp_join_table */
.resp_join_table { width:100%;  font-size:16px; }
.resp_join_table input::placeholder { font-size:15px; color:#999; font-weight:normal; }
.resp_join_table input:-ms-input-placeholder { font-size:15px; color:#999; font-weight:normal; }
.resp_join_table>ul { display: flex; align-items: flex-start}
.resp_join_table>ul + ul {margin-top: 10px}
.resp_join_table>ul>li { color:#666; vertical-align:middle; }
.resp_join_table>ul>li:first-child { border-left:none; }
.resp_join_table>ul>li.th { text-align:left; padding:0; width: 16rem; flex-shrink: 0}
.resp_join_table>ul>li.th>p { padding: 1.8rem 0 0 0}
.resp_join_table>ul>li.td {flex: 1}
.resp_join_table>ul>li.td .nice-select {height: var(--inp_height); line-height: var(--inp_lineheight); margin-left: 1rem; font-size: 1.6rem}
.resp_join_table>ul>li.td.flex {display: flex; align-items: center}
.resp_join_table.no_pilsu>ul>li.th>p { padding-right:5px; }


.resp_join_table .custom_form input[type='text'] { padding:0 9px !important; border:1px #ccc solid !important; margin:0 !important; }
.resp_join_table .custom_form textarea { width:100% !important; }
.resp_join_table .custom_form table { margin:0; width:100%; border-collapse:collapse; border-spacing:0; }
.resp_join_table .custom_form select { height:32px !important; }
.resp_join_table .custom_form label:last-child { margin-right:0; }
.resp_join_table .member_icon_list:after {display:block; content:""; clear:both;}
.resp_join_table .member_icon_list>li { float:left; }
.resp_join_table .member_icon_list .lab1 { display:inline-block; vertical-align:top; text-align:center; padding:4px 6px; font-size:0; }

.resp_join_table.th_size2>ul>li.th { width:110px; }
.resp_join_table.th_size3>ul>li.th { width:70px; }

.resp_join_table.v2>ul>li.th>p { padding:8px 5px 8px 10px; }


.designed_radio_checkbox label { display:inline-block; box-sizing:border-box; height:32px; line-height:32px; padding:0 12px; border:1px #bbb solid; border-radius:2px; margin-right:2px !important; }
.designed_radio_checkbox.type_radio label { border-radius:16px; }
.designed_radio_checkbox label.on { border-color:#2470be; background-color:#2470be; color:#fff; }
.designed_radio_checkbox.disabled label { cursor:default; background-color:#f4f4f4; }
.designed_radio_checkbox.disabled label.on { border-color:#767676; background-color:#767676; color:#fff; }
.designed_radio_checkbox input[type='radio'], .designed_radio_checkbox input[type='checkbox'] { width:0; height:0; visibility:hidden; position:absolute; left:0; top:0; }

.auth_confirm img.ui-datepicker-trigger { display:none; }

.login_ok_menu { max-width:360px; margin:0 auto; }
.login_ok_menu>ul { display:table; width:100%; table-layout:fixed; }
.login_ok_menu>ul>li { display:table-cell; padding:0 5px; vertical-align:top; }
.login_ok_menu .btn_resp.size_c { display:block; width:100%; height:100px; text-align:center; font-size:20px; line-height:100px; font-weight:500; }


/*.member_sns_list { font-size:0; line-height:0; margin-top:-10px; margin-left:-5px; }*/
/*.member_sns_list>li { display:inline-block; vertical-align:top; padding:10px 5px 0; font-size:14px; line-height:1.4; text-align:center; }*/
/*.member_sns_list .sns_icon { width:42px; }*/
/*.member_sns_list .ttt1 { padding-top:4px; color:#007cd2; }*/

.lis_sns_disconnect { text-align:center; }
.lis_sns_disconnect>li { padding-top:10px; }
.lis_sns_disconnect>li:fitst-child { padding-top:0; }
.lis_sns_disconnect .icon { height:42px; }


.login_container  .auth_confirm_contents .btn_wrap {margin-top: 6rem;}

.find_confirm { text-align:center; margin-top: 6rem}
.find_confirm.start {text-align: left}
.find_confirm .contents { padding-top:10px; color:#999; }
.find_confirm .btns { padding-top:15px; }
.login_container .icon_box .find_confirm .img img {width: 60px; transform: translateX(12px)}
.login_container .icon_box .find_confirm .img.no_info img{transform: none}
.login_container .icon_box .find_confirm .icon_tit {font-size: 2.2rem; font-weight: 600; margin-top: 2rem}
.login_container .icon_box .find_confirm .icon_txt {font-size: 15px; color: #999; margin-top: 10px}

.idPwContents .radio_wrap {margin-top: 3.5rem;}



.find_id_result { font-size:15px; }
.find_id_result .id_box { display: flex; align-items: center; justify-content: center; height: 8rem; background-color: #f7f7f7  ;font-size: 2rem; font-weight: 500; margin-top: 3.5rem}
.find_id_result .id_box + .find_txt {margin-top: 20px;}
.find_id_result .find_txt.pw {margin-top: 3.5rem;}
.find_id_result .find_txt {font-size: 15px;color: #999; text-align: center}
.find_id_result .find_txt strong {color: #000}

.login_container .find_id_result .btn_wrap { display: flex; align-items: center; justify-content: center; flex-direction: row; }
.login_container .find_id_result .btn_wrap .btm_btn + .btm_btn { margin-top: 0; margin-left: 10px; }



/* 캡챠 */
.captcha_table { width:100%; border:1px #ddd solid; }
.captcha_table td  { border:1px #ddd solid; }
.captcha_text { margin-top:10px; width: 200px}
#captcha_id_image { height:74px; }
#captcha_id_search, #captcha_pass_search { box-sizing:border-box; width:100%; }

/* 회원 인증 */
.auth_confirm_contents { text-align:center; font-size:15px; }
.auth_confirm_contents>li { padding-top:20px; word-break: keep-all}
.auth_confirm_contents>li:first-child { padding-top:10px; }
.auth_confirm_contents {}
.auth_confirm_contents {}


/* -------------------------------------- //로그인 / 회원가입 --------------------------------------------- */















/* ==================== Mobile Aside ==================== */
.layout_side_background {z-index:990; background-color:#333; opacity:0.6; filter:alpha(opacity=60); position:fixed; left:0px; top:0px; width:100%; height:100%; display:none;}
.aside_navigation_bottom_line { padding-top:1px; background-color:#aaa; position:relative; top:-1px; z-index:3; }
.side_close { display:block; position:fixed; left:295px; margin-top:20px; z-index:2010; width:0; height:30px; text-indent:-9999px; transition:width 0.4s 0.8s; overflow:hidden; }
.side_close:before, .side_close:after { display:block; content:''; position:absolute; left:0; top:calc(50% - 2px); width:100%; height:4px; background:#fff; border-radius:2px; transform:rotate(0deg); transition:transform 0.4s 0s;  box-shadow:0 0 2px #999; }
.side_close.on { width:30px; }
.side_close.on:before { transform:rotate(45deg); transition-delay:1.2s; }
.side_close.on:after { transform:rotate(-45deg); transition-delay:1.4s; }
.layout_side {position:fixed; left:0px; top:0px; box-sizing:border-box; height:100%; padding-bottom:20px; overflow:auto; width:290px; z-index:2001; background-color:#fff; display:none;}

.aside_userinformation { padding:10px; text-align:left; border-bottom:1px #ddd solid; }
.aside_userinformation>ul { display:table; width:100%; }
.aside_userinformation>ul>li { display:table-cell; vertical-align:middle; }
.aside_userinformation>ul>li.right_area { text-align:right; }
/* .aside_userinformation .user_name { font-size:14px; color:#333; font-weight:500; } */
.aside_userinformation .user_name {font-size:14px;color:#333;font-weight:500;display: inline-block;vertical-align: middle;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.aside_userinformation .aside_o2o_barcode + .left_area .user_name { max-width:56px; }

.asie_main_menu { padding:10px 5px; }
.asie_main_menu>ul { font-size:0; line-height:0; }
.asie_main_menu>ul>li { display:inline-block; width:25%; vertical-align:top; font-size:13px; line-height:1.3; text-align:center; }
.asie_main_menu>ul>li>a { display:block; vertical-align:top; padding-top:50px; padding-bottom:5px; position:relative; background-repeat:no-repeat; background-position:50% 10px; background-size:32px; }
.asie_main_menu>ul>li.am_home>a { background-image:url(../images/common/icon_aside_100.png); }
.asie_main_menu>ul>li.am_cart>a { background-image:url(../images/common/icon_aside_101.png); }
.asie_main_menu>ul>li.am_order>a { background-image:url(../images/common/icon_aside_102.png); }
.asie_main_menu>ul>li.am_my>a { background-image:url(../images/common/icon_aside_103.png); }
.asie_main_menu>ul>li.am_cs>a { background-image:url(../images/common/icon_aside_104.png); }
.asie_main_menu>ul>li.am_recently>a { background-image:url(../images/common/icon_aside_105.png); }
.asie_main_menu>ul>li.am_wish>a { background-image:url(../images/common/icon_aside_106.png); }
.asie_main_menu>ul>li.am_coupon>a { background-image:url(../images/common/icon_aside_107.png); }
.asie_main_menu>ul>li.am_emony>a { background-image:url(../images/common/icon_aside_108.png); }
.asie_main_menu .push_count { position:absolute; right:0; top:0; display:inline-block; vertical-align:top; text-align:center; height:20px; padding:0 5px; min-width:10px; border-radius:10px; font-size:11px; line-height:21px; font-weight:300; background:#333; color:#fff; }

.layout_side .aside_navigation_wrap ul.tab { display:table; width:100%; table-layout:fixed; border-top:1px #aaa solid; position:relative; z-index:3; }
.layout_side .aside_navigation_wrap ul.tab>li { display:table-cell; line-height:40px; text-align:center; background-color:#f6f6f6; border-left:1px solid #aaa; border-bottom:1px solid #aaa; font-size:14px; font-weight:400; cursor:pointer}
.layout_side .aside_navigation_wrap ul.tab>li:first-child { border-left:none; }
.layout_side .aside_navigation_wrap ul.tab>li.current {background:none; border-bottom:none; color:#333; font-weight:500;}

/* side 카테고리 */
.aside_navigation_wrap ul.menu { margin-top:-1px; }
.aside_navigation_wrap ul.menu li { line-height:1.3; }
.aside_navigation_wrap ul.menu li.mitem {position:relative; z-index:2; border-bottom:1px solid #eee; *zoom:1; padding-right:0; }
.aside_navigation_wrap ul.menu li.mitem:first-child { border-top:1px #eee solid; }
.aside_navigation_wrap ul.menu li.mitem:after {content:""; display:block; clear:both;}
.aside_navigation_wrap ul.menu li.mitem a.mitem_title {width:100%; padding:13px 5px 11px 50px; display:block; box-sizing:border-box; font-size:14px; line-height:1.3; color:#333; font-weight:400; cursor:pointer; }
.aside_navigation_wrap ul.menu li.mitem a.mitem_title.v2 { color:#697da6; }
.aside_navigation_wrap ul.menu li.mitem a.mitem_title.v3 { color:#a67f69; }
.aside_navigation_wrap ul.menu li.mitem.category a.mitem_title { position:absolute; left:0; top:50%; margin-top:-20px; max-width:none; padding:0; float:none; min-height:none; width:40px; height:40px; background-color:rgba(0, 0, 0, 0.02); }
.aside_navigation_wrap ul.menu li.mitem.category.mitemicon3 a.mitem_title { cursor:default; background:none; }
.aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview { margin:0; display:block; padding:13px 5px 11px 10px; margin-left:40px; float:none; box-sizing:border-box; width:calc( 100% - 82px ); border:none; border-radius:0; background-color:transparent; font-size:13px; font-weight:400; line-height:1.3; border-left:1px #eee solid; }
.aside_navigation_wrap ul.menu li.mitem.category.mitemicon2 a.mitem_goodsview { font-weight:700; color:#333; }
.aside_navigation_wrap ul.menu li.mitem.category a.mitem_favorite {position:absolute; right:0; top:50%; width:40px; height:36px; margin:-18px 0 0;  text-align:center; background-position:50% 50%; }

.aside_navigation_wrap ul.menu li.mitem.mitemicon1 {background:url('../images/common/ico_arw_open3.png') no-repeat 15px 50%; background-size:11px;}
.aside_navigation_wrap ul.menu li.mitem.mitemicon2 {background:#fafbf0 url('../images/common/ico_arw_close3.png') no-repeat 15px 50%; background-size:11px; border-top:1px #aaa solid; margin-top:-1px; }
.aside_navigation_wrap ul.menu li.favorite.mitemicon2 { border-top:1px #aaa solid; }
.aside_navigation_wrap ul.menu li.mitem_subcontents { display:none; position:relative; z-index:3; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu {background-color:#fafbf0; clear:both;}
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem {position:relative; border-bottom:1px solid #eee; *zoom:1; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem:after {content:""; display:block; clear:both;}
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem a.submitem_title {width:100%; max-width:160px; padding-left:30px; display:block; float:left; box-sizing:border-box; padding-top:13px; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.no_favorite { padding:13px 5px 11px; text-align:center; border-bottom-color:#aaa; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.favorite a.submitem_title { width:calc( 100% - 60px ); max-width:none; float:left; min-height:none; line-height:1.3; padding:0 0 0 51px; background:url('../images/common/bul_category_sub.png') 20px 8px no-repeat; height:32px; font-size:13px; line-height:33px; color:#333; cursor:pointer; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.favorite a.mitem_favorite { position:absolute; right:0; top:50%; width:40px; height:36px; margin:-18px 0 0;  text-align:center; background-position:50% 50%; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.favorite:last-child { border-bottom:1px #aaa solid; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem .submitem_contents {display:block; box-sizing:border-box; padding:10px; font-size:12px; color:#333; letter-spacing:-1px;}
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category:last-child { border-bottom:1px #aaa solid; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.submitem_title { position:absolute; left:0; top:0; max-width:none; padding:0; float:none; min-height:none; width:40px; height:32px; background:url('../images/common/bul_category_sub.png') 20px 8px no-repeat; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.mitem_goodsview { margin:0; display:block; padding:0 5px 0 11px; height:32px; margin-left:40px; float:none; box-sizing:border-box; width:calc( 100% - 90px ); border:none; border-radius:0; background-color:transparent; font-size:13px; line-height:33px; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.mitem_favorite {position:absolute; right:0; top:50%; width:40px; height:32px; margin:-16px 0 0;  text-align:center; background-position:50% 50%; }
.aside_navigation_wrap ul.menu li.mitem.category.on,
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on { background-color:#fafbf0; color:#007cd2; }
.aside_navigation_wrap ul.menu li.mitem.category.on a.mitem_goodsview,
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on a.mitem_goodsview { color:#333; font-weight:500; }
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands {padding:6px 0; width:252px; *zoom:1; text-align:left; margin:auto;}
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands:after {content:""; display:block; clear:both}
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li {float:left; margin:0 2px}
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li a {display:block; width:80px; height:60px; line-height:60px; background-color:#fff; vertical-align:middle; text-align:center; margin:3px 0; white-space:nowrap; overflow:hidden;}
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.bestbrands li a img {max-width:70px; max-height:50px;}
.aside_navigation_wrap ul.menu li.mitem_subcontents .bestbrands_paging {text-align:center;}
.aside_navigation_wrap ul.menu li.mitem_subcontents .bestbrands_paging ul {margin-bottom:6px;}
.aside_navigation_wrap ul.menu li.mitem.mitemicon2.favorite { border-bottom-color:#eee; }
.aside_navigation_wrap a.mitem_goodsview {float:right; margin-right:5px; padding:5px 5px; border:1px solid #b0b5bb; border-radius:2px; background-color:#fff; font-size:11px; color:#555; }
#category_favorite_alert {display:none; position:fixed; left:35px; top:35%; z-index:50; width:200px; height:200px; background:url('../images/design/alert_bg.png') no-repeat; background-size:200px 200px;}
#category_favorite_alert .cfa_on {position:absolute; left:50%; top:50%; margin-left:-34px; margin-top:-55px; width:68px; height:66px; background:url('../images/design/ico_fvr_big_on.png') no-repeat; background-size:68px 66px;}
#category_favorite_alert .cfa_off {position:absolute; left:50%; top:50%; margin-left:-34px; margin-top:-55px; width:68px; height:66px; background:url('../images/design/ico_fvr_big_off.png') no-repeat; background-size:68px 66px;}
#category_favorite_alert .cfa_msg {position:absolute; left:0; top:65%; width:100%; text-align:center; font-size:13px; color:#fff; font-weight:500;}

.aside_navigation_wrap a.mitem_favorite {float:right; display:block; width:40px; height:32px; background:url('../images/design/ico_fvr_off.png') 50% 50% no-repeat; background-size:20px; cursor:pointer}
.aside_navigation_wrap a.mitem_favorite_on {background-image:url('../images/design/ico_fvr_on.png');}

.category_favorite_alert {display:none; position:fixed; left:35px; top:35%; width:200px; height:200px; background:url('../images/design/alert_bg.png') no-repeat; background-size:200px 200px;}
.category_favorite_alert .cfa_on {position:absolute; left:50%; top:50%; margin-left:-34px; margin-top:-55px; width:68px; height:66px; background:url('../images/design/ico_fvr_big_on.png') no-repeat; background-size:68px 66px;}
.category_favorite_alert .cfa_off {position:absolute; left:50%; top:50%; margin-left:-34px; margin-top:-55px; width:68px; height:66px; background:url('../images/design/ico_fvr_big_off.png') no-repeat; background-size:68px 66px;}
.category_favorite_alert .cfa_msg {position:absolute; left:0; top:65%; width:100%; text-align:center; font-size:15px; color:#fff; font-weight:500;}

/* side 브랜드 추가 */
.aside_navigation_wrap .aside_brand_sorting { padding:10px; position:relative; z-index:2; border-top:1px #ddd solid; border-bottom:1px #ddd solid; margin-top:-1px; }
.aside_navigation_wrap ul.brandsort { display:table; width:100%; table-layout:fixed; border-top:1px #ccc solid; border-bottom:1px #ccc solid; background:#f8f8f8; }
.aside_navigation_wrap ul.brandsort>li { display:table-cell; vertical-align:middle; text-align:center; height:34px; line-height:34px; border-right:1px #ccc solid; cursor:pointer; }
.aside_navigation_wrap ul.brandsort>li:first-child { border-left:1px #ccc solid; }
.aside_navigation_wrap ul.brandsort>li.current {background-color:#fff; color:#333; font-weight:500;}
.aside_navigation_wrap ul.brandsort_words { padding:6px 0 0; font-size:0; margin-left:-4px; }
.aside_navigation_wrap ul.brandsort_words li { display:inline-block; width:30px; height:30px; text-align:center; margin:4px 0 0 4px; font-size:13px; line-height:31px; font-weight:400; border-radius:2px; border:1px solid #ccc; background-color:#f8f8f8; color:#444; cursor:pointer}
.aside_navigation_wrap ul.brandsort_words li.current { border-color:#4a79b5; background-color:#4a79b5; color:#ffffff;}

/* side 커뮤니티 추가 */
.aside_navigation_wrap ul.menu.board { border-top:1px #eee solid; }
.aside_navigation_wrap ul.menu.board>li { border-bottom:1px solid #eee; }
.aside_navigation_wrap ul.menu.board>li a {display:block; height:40px; line-height:41px; padding:0 15px; font-size:13px; font-weight:500; color:#333; background:url('../images/common/ico_arw_direct.png') no-repeat; background-position:right 15px top 50%; background-size:7px; }
.aside_navigation_wrap ul.menu.board>li.on a { color:#007cd2; font-weight:700; background-color:#fafbf0; }

.aside_recently_menu .sslide { padding:2px; position:relative; }
.aside_recently_menu .btn_remove { position:absolute; right:0; top:0; width:20px; height:20px; overflow:hidden; text-indent:-9999px; background-color:rgba(0, 0, 0, 0.2); border-radius:2px; }
.aside_recently_menu .btn_remove:before,
.aside_recently_menu .btn_remove:after { display:block; content:''; position:absolute; left:2px; top:calc(50% - 1px); width:calc(100% - 4px); height:2px; background:#fff; border-radius:1px;  }
.aside_recently_menu .btn_remove:before { transform:rotate(45deg); }
.aside_recently_menu .btn_remove:after { transform:rotate(-45deg); }
.aside_recently_nodata { border-top:1px #ddd solid; border-bottom:1px #ddd solid; padding:25px 10px; text-align:center; color:#999; }

.aside_recently_menu .slick-arrow { position:absolute; top:0; left:auto; right:10px; top:-32px; width:21px; height:21px; border-radius:2px; background-position:50% 50%; background-size:auto; opacity:0.5; transform:translateX( 0 ); }
.aside_recently_menu .slick-next {  background-image:url(../images/common/btn_slide_s_next.png); }
.aside_recently_menu .slick-prev { right:34px; background-image:url(../images/common/btn_slide_s_prev.png); }


.aside_cs_phone { display:block; font-size:32px; line-height:1.0; font-weight:100; color:#333; }
.aside_cs_phone:before { display:inline-block; width:28px; height:28px; position:relative; top:-3px; margin-right:8px; vertical-align:middle; content:''; background:url(../images/common/icon_call_02.png) 50% 50% no-repeat;  animation:ani_call2 4s linear infinite; }
.aside_cs_addinfo { padding-top:5px; color:#999; font-size:12px; font-weight:300; line-height:1.8; }

/* ==================== //Mobile Aside ==================== */

/* ==================== BRANDS MAIN ==================== */


.resp_brand_search_form { text-align:center; margin:30px 0 26px; }
.resp_brand_search_form .search_title { display:inline-block; height:42px; margin-right:8px; vertical-align:middle; font-size:19px; line-height:43px; font-weight:300; color:#333; }
.resp_brand_search_form .search_input { height:42px; line-height:43px; width:200px; }
.resp_brand_search_form .btn_resp.size_c { min-width:90px; }
.resp_brand_search_btns:after {display:block; content:""; clear:both;}
.resp_brand_search_btns>ul { margin-left:-4px; }
.resp_brand_search_btns>ul>li { float:left; margin:4px 0 0 4px; }
.resp_brand_search_btns>ul>li.space { width:100%; margin:0; padding:0; }
.resp_brand_search_btns>ul>li>a { display:block; box-sizing:border-box; vertical-align:top; height:28px; line-height:28px; min-width:28px; padding:0 5px; text-align:center; border:1px #ccc solid; background-color:#fff; border-radius:2px; }
.resp_brand_search_btns>ul>li>a.all { width:60px; }
.resp_brand_search_btns>ul>li>a.on { border-color:#434343; background-color:#434343; color:#fff; }

.resp_brand_main_list { font-size:0; margin-left:-10px; padding-top:10px; }
.resp_brand_main_list>ul { display:inline-block; max-width:164px; margin:10px 0 0 10px; font-size:13px; vertical-align:top; }
.resp_brand_main_list>ul .brand_list_block { vertical-align:top; text-align:center; }
.resp_brand_main_list>ul .brand_list_block>img { border:1px #eee solid; }
.resp_brand_main_list .name { display:block; padding:10px 0; }
.resp_brand_main_list .name .icon { max-height:20px; position:relative; top:-1px; }
.resp_brand_main_list>ul.on .brand_list_block>img { border-color:#ddd; }
.resp_brand_main_list>ul.on .name { color:#333; }

.visual_title { margin-top:45px; position:relative; overflow:hidden; }
.visual_title .visual_gon { position:absolute; left:90px; bottom:0; top:0; text-align:left; }
.visual_title .title_inner_a { display:table; height:100%; }
.visual_title .title_inner_a>li { display:table-cell; vertical-align:middle; }
.visual_title h2 { padding:10px 0; margin:0; font-size:45px; line-height:1.1; font-weight:500; border-bottom:none; color:#333; }
.visual_title .descr { font-size:21px; line-height:1.3; }
.visual_title .descr2 { font-size:21px; line-height:1.3; }

/* ==================== //BRANDS MAIN ==================== */


/* ==================== 팝업 ==================== */
.designPopupClose { cursor:pointer; }

/* 띠배너 */
.designPopupBand, .designPopupBandMobile { position:relative; }
.designPopupBand .designPopupBody, .designPopupBandMobile .designPopupBody { text-align:center; }
.designPopupBand .designPopupClose, .designPopupBandMobile .designPopupClose { position:absolute; right:10px; top:50%; margin-top:-15px; padding:5px; border-radius:4px; background-color:rgba(0, 0, 0, 0.2); cursor:pointer; }
.designPopupBand .designPopupClose>a, .designPopupBandMobile .designPopupClose>a { display:block; width:14px; height:14px; overflow:Hidden; text-indent:-999px; background:url(../images/common/btn_tbanner_close.png) 50% 50% no-repeat; }

/* 레이어팝업 공통 */
.designPopup {position: fixed;}
.designPopup + .main2:before {display: none; content: ""; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 140}
.designPopup + .main2.pop_none:before {content: none}

.designPopup .designPopupBody { min-width:50rem; overflow-y:auto; border-top-left-radius: 1vw; border-top-right-radius: 1vw; width: 19vw; max-width: 100%}
.designPopup .designPopupBody.textStyle { min-width:300px; }
.designPopup .designPopupBody img {width: 100% !important;}
.designPopup .designPopupBar { zoom:1; font-size:14px; font-weight:500; color:#000; display: flex; min-width: 50rem ;width: 20vw; max-width: 100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden}
/*.designPopup .designPopupBar > div {flex: 1; height: 6rem; line-height: 5.9rem; font-size: 1.7rem; font-weight: 500; text-align: center; padding: 0 !important; float: none !important; cursor: pointer}*/
.designPopup .designPopupBar > div {flex: 1;height: 2.5vw;line-height: 2.4vw;font-size: 0.75vw;font-weight: 500;text-align: center;padding:0 !important;float: none !important;cursor: pointer;}

.designPopup .designPopupBar a { color:#000; }
.designPopup .designPopupBar .designPopupTodaymsg { color: #A7A7A7; background-color: #fff}
.designPopup .designPopupBar .designPopupTodaymsg input[type='checkbox'] { width:1px; height:1px; font-size:0; margin:0; visibility:hidden; overflow:hidden; position:absolute; left:0; top:0; display: none}
.designPopup .designPopupBar .designPopupClose { background-color: #000; color: #fff }
.designPopup .designPopupBar .designPopupClose a {color: #fff}
.designPopup { z-index: 150;  max-width: none !important; background-color: transparent}

/* ==================== 241029 innerBeauty ==================== */
.designPopup.popup_slider{left: auto !important; top: auto !important; bottom: 0; right: 20px;}
.designPopup.popup_slider .swiper-pagination{left: auto; right: 0; padding: 0.8em 1em; background: rgba(0, 0, 0, 0.7); border-radius: 2em; line-height: 1em;}
.designPopup.popup_slider .swiper-pagination span{background: none; color: rgba(255, 255, 255, 0.6);}
.designPopup.popup_slider .swiper-pagination span + span{margin-left: 6px;}
.designPopup.popup_slider .swiper-pagination .swiper-pagination-current{color: #fff;}
.designPopup .designPopupBarNew{display: flex; justify-content: space-between; padding: 15px 25px; background: #fff;}
.designPopup .designPopupBarNew > div{font-size: 14px;}
.designPopup .designPopupBarNew > div label{color: #707070;}
/* ==================== //241029 innerBeauty ==================== */

.designPopup .popup_slider_view {max-width: 100%; min-width: 400px; width: 20vw; margin-bottom: -1px; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; position: relative}
.designPopup .swiper-slide .slink {display: block; width: 100%; padding-top: 80.16667%; position: relative}
.designPopup .popup_slider_view .slink img {width: 100%; height: 100%; position: absolute; object-position: center; object-fit: cover; left: 0; top: 0}
.designPopup .popup_slider_view ~ .designPopupBar{min-width: 400px;}

/*.designPopup .swiper-pagination,.designPopup .swiper-pagination-progressbar{height: 0.5rem;left: 0;top: 0; position: static; width: 30rem; max-width: 100%; background-color: rgba(255,255,255,0.3); border-radius: 50px; margin-top: 3rem; display: none}*/
/*.designPopup .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transform-origin: left top; border-radius: 50px}*/

.designPopup .swiper-pagination {position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%)}
.designPopup .swiper-pagination span {width: 1.1rem;height: 1.1rem;opacity: 1;background: rgba(255,255,255,0.3);transition: all .3s;border-radius: 0.6rem;}
.designPopup .swiper-pagination .swiper-pagination-bullet-active {background: #fff;width: 2.6rem;}
.designPopup .swiper-pagination span + span {margin-left: 10px}


/* 레이어 팝업 - 텍스트형 샘플 */
.layerpop_text_01 { padding:20px; font-size:14px; line-height:1.4; color:#555; }
.layerpop_text_01 .title { margin:0; padding-top:15px; font-size:28px; font-weight:700; color:#333; letter-spacing:-1px; text-align:center; }
.layerpop_text_01 .subtxt { margin:0; padding-top:20px; text-align:center; font-size:17px; font-weight:400; color:#007cd2; }
.layerpop_text_01 .list { margin:0; list-style:none; padding:20px 0 0; font-size:15px; line-height:1.4; }
.layerpop_text_01 .list>li { margin:0; padding:2px 0 2px 11px; background:url(../images/common/bul_layer_custom.png) 2px 9px no-repeat; }
.layerpop_text_01 .paragraph { font-size:14px; line-height:1.5; }

/* 퀵뷰 레이어 스타일 */
/*div.goodsPopupLayer {border:2px solid #000; padding:0px 22px; position:absolute; background-color:#fff; z-index:9999}
div.goodsPopupLayerTitle {padding:12px 0 10px 0; border-bottom:1px solid #000; font-size:17px; font-weight:500; color:#333; }
div.goodsPopupLayerClose {position:absolute; top:12px; right:22px; background:url('../images/common/btn_close_dsp.gif') no-repeat; width:15px; height:15px; cursor:pointer}
div.goodsPopupLayerBody {padding:10px 0 5px 0; text-align:center;}
div.goodsPopupLayerBtnWrap {margin-top:20px; border-top:1px solid #ddd}
.goodsPopupLayerMoreBtn {margin-top:15px; background:url('../images/common/btn_view_detail.gif') no-repeat; width:128px; height:40px; display:inline-block;}*/

/* 옵션 미리보기 */
.quick_opt_view {position:absolute; top:calc(100% - 28px); z-index:15; box-sizing:border-box; border:1px solid #999; width:100%; background-color:#fff; display:none; }
.quick_opt_view .quick_opt_view_wrap {position:relative; margin:10px;}
.quick_opt_view .quick_opt_view_wrap .quick_option_title {font-size:14px; font-weight:400; color:#333; margin-bottom:10px;}
.quick_opt_view .quick_opt_view_wrap .quick_option_area { }
.quick_opt_view .quick_opt_view_wrap .quick_option_area ul li {border-top:1px solid #f0f0f0; padding:8px 0; font-size:12px; }
.quick_opt_view .quick_opt_view_wrap .quick_opt_view_close {position:absolute; right:0px; top:2px; width:11px; height:11px; background:url('/data/icon/goodsdisplay/preview/quick_opt_close.png') no-repeat; text-indent:-9999px; cursor:pointer}

/* 옵션 미리보기 */
.previewLayerOption { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; opacity: 0.9; }

/* sns 내보내기 */
#displayGoodsSendLayer { border-color:#ccc !important; padding:4px 4px 4px 0 !important; }
#displayGoodsSendLayer img { width:20px !important; height:20px !important; }
/* ==================== //팝업 ==================== */




/* -------------------------------------- MAIN --------------------------------------------- */
.title_group1 { text-align:center; }
.title_group1 .title1 { font-size:30px; font-weight:500; line-height:1.2; color:#333; }
.title_group1 .text1 { font-size:17px; color:#767676; }
.title_group1 .text2 { padding-top:5px; font-size:14px; color:#999; }
.btn_talk_area { margin-top:40px; }
.btn_talk {display:inline-block; border:1px solid #01ba3a; background:#01c43d; height:42px; line-height:38px; font-size:16px; font-weight:300; color:#ffffff !important; }
.btn_talk.v2 { width:100%; }

.wide_visual_slider { position:relative; overflow:hidden; }
.wide_visual_slider .sslide { position:absolute; left:0; top:0; z-index:-1; }
.wide_visual_slider .sslide:first-child { position:static; left:auto; top:auto; z-index:4; }

/* 이미지 hover Effect */
.item_rank,
[data-effect] .respItemImageArea,
[data-effect] .respItemImageArea img,
[data-effect] .slink,
[data-effect] .slink img,
[data-effect] .item_img_area > a,
[data-effect] .item_img_area > a > img { transition:all 0.2s; }

[data-effect] .respItemImageArea,
[data-effect] .slink,
[data-effect] .item_img_area > a { display:block; }

[data-effect*="scale"] .respItemImageArea,
[data-effect*="scale"] .slink,
[data-effect*="scale"] .item_img_area > a { overflow:hidden; }

[data-effect*="scale"] .gl_item:hover .respItemImageArea img,
[data-effect*="scale"] .slink:hover img,
[data-effect*="scale"] .item_img_area > a:hover > img { transform:scale(1.1); }

[data-effect*="opacity"] .gl_item:hover .respItemImageArea img,
[data-effect*="opacity"] .slink:hover img,
[data-effect*="opacity"] .item_img_area > a:hover > img { opacity:0.6; }

[data-effect*="rotate_01"] .gl_item:hover .respItemImageArea,
[data-effect*="rotate_01"] .slink:hover,
[data-effect*="rotate_01"] .item_img_area > a:hover { transform:rotate(5deg); }

[data-effect*="rotate_02"] .gl_item:hover .respItemImageArea,
[data-effect*="rotate_02"] .slink:hover,
[data-effect*="rotate_02"] .item_img_area > a:hover { transform:rotate(-5deg); }

[data-effect*="translate_x"] .gl_item:hover .respItemImageArea,
[data-effect*="translate_x"] .slink:hover,
[data-effect*="translate_x"] .item_img_area > a:hover { transform:translateX(8px); }

[data-effect*="translate_y"] .gl_item:hover .respItemImageArea,
[data-effect*="translate_y"] .slink:hover,
[data-effect*="translate_y"] .item_img_area > a:hover { transform:translateY(-8px); }

/* 아이콘 위치 */
[data-iconposition*="left"] .respGoodsIcon,
[data-iconposition*="left"] .item_img_area .item_rank { right:auto; top:0; left:0; transform:translateX(0) translateY(0); }
[data-iconposition*="left"] .gl_item:hover .respGoodsIcon,
[data-iconposition*="left"] .item_img_area:hover .item_rank { transform:translateX(0) translateY(-8px); }
[data-iconposition*="right"] .respGoodsIcon,
[data-iconposition*="right"] .item_img_area .item_rank { right:0; top:0; left:auto; transform:translateX(0) translateY(0); }
[data-iconposition*="right"] .gl_item:hover .respGoodsIcon,
[data-iconposition*="right"] .item_img_area:hover .item_rank  { transform:translateX(0) translateY(-8px); }

/* 아이콘 타입 - BEST */
[data-icontype*="best"] .respGoodsIcon .iconArea { font-size:15px; }
[data-icontype*="best"] .respGoodsIcon .nuM { display:block; font-size:10px; }

.main_slider_a1 { margin:0 -10px 0 -11px; }
.main_slider_a1 .sslide { display:block; padding:0 10px 0 11px; }
.main_slider_a1 .slick-arrow { opacity:0.3; }
.main_slider_a1 .slick-prev { left:-30px; }
.main_slider_a1 .slick-next { right:-30px; }
.main_slider_a1:hover .slick-prev { opacity:0.8; transform:translateX(5px); }
.main_slider_a1:hover .slick-next { opacity:0.8; transform:translateX(-5px); }
.main_slider_a1:hover .slick-arrow:hover { opacity:1; }

.main_bnr_c1 { display:table; width:100%; table-layout:fixed; margin:0 auto; }
.main_bnr_c1>li { display:table-cell; vertical-align:top; }
.main_bnr_c1>li.left_area { padding-right:3px; }
.main_bnr_c1>li.right_area { padding-left:3px; }
.main_bnr_c1_2 { overflow:hidden; zoom:1; }
.main_bnr_c1_2>li { box-sizing:border-box; float:left; width:33.33%; }
.main_bnr_c1_2>li.left_area { padding-right:4px; }
.main_bnr_c1_2>li.center_area { padding:0 2px; }
.main_bnr_c1_2>li.right_area { padding-left:4px; }

.main_slider_b2.sliderB .text_wrap { background:rgba( 0, 0, 0, 0.1 ); }
.main_slider_b2.sliderB .text1 { font-size:19px; font-weight:700; color:#fff; opacity:0; transform:translateX( 10px ) translateY( 0 ); transition:all 0.6s 1.5s; }
.main_slider_b2.sliderB .text2 { padding-top:10px; font-size:45px; font-weight:100; color:#fff; transform:translateX( 0 ) translateY( 10px ); transition:all 0.6s 1s; }
.main_slider_b2.sliderB .sbtns1 { padding-top:30px; opacity:0; transform:translateX( 20px ); transition:all 0.6s; opacity:0; transform:scale( 1.1 ); transition:all 0.6s 2s; }
.main_slider_b2.sliderB .sbtn1 { background-color:rgba(255, 255, 255, 0.3); font-size:14px; font-weight:300; color:#fff; border-radius:23px; }
.main_slider_b2.sliderB .sbtn1:hover { background-color:#fff; color:#333; font-weight:500; }

.display_slide_class { position:relative; }

/* -------------------------------------- //MAIN --------------------------------------------- */

/* -------------------------------------- 미니샵, 빅데이터 --------------------------------------------- */
.resp_mshop_top { padding:45px 60px; margin-top:20px; background-color:#f0f1f5; }
.resp_mshop_section { display:table; width:100%; font-size:15px; line-height:1.3; }
.resp_mshop_section>li { display:table-cell; vertical-align:top; }
.resp_mshop_section>li.sns { font-size:13px; text-align:right; }
.resp_mshop_section .title { padding-bottom:30px; font-size:29px; line-height:1.2; font-weight:400; color:#333; }
.resp_mshop_section .info { color:#767676; }
.resp_mshop_section .info .point { color:#333; }
.resp_mshop_section .descr { padding-top:6px; color:#999; }
.resp_mshop_section .snsbox_area { display:inline-block; padding:4px 4px 4px 0; font-size:0; border:1px #ccc solid; background:#fff; }

.bigdata_area .goods_thumbs_spec #goods_thumbs { padding-top:0px; }
.bigdata_area .dcont_b1  { overflow:hidden; zoom:1; padding:10px 0; border-bottom:1px #eee solid; }
.bigdata_area .price_area { display:table; width:100%; margin-top:10px; }
.bigdata_area .price_area>li { display:table-cell; padding:10px 0; vertical-align:middle; }
.bigdata_area .price1 { font-size:17px; font-weight:400px; color:#333; }
.bigdata_area .price1 b { font-size:32px; letter-spacing:-1px; }
.bigdata_area .consumer {  font-size:15px; color:#999; font-weight:400; }
.reg_minishop { display:inline-block; height:35px; padding:0 0 0 32px; vertical-align:top; margin:0 12px 0 0; background-position:0 50%; background-repeat: no-repeat; background-size: 27px; background-image: url(../images/design/ico_wish_off.png); }
.reg_minishop.on { background-image: url(../images/design/ico_wish_on.png); }
.reg_minishop.v2 { margin:-1px 0 0 2px; vertical-align:middle; height:16px; background-size:16px; }


/* -------------------------------------- //미니샵 --------------------------------------------- */

/* BEST, NEW 페이지 */
.best_page_ranking .item_rank { display:block; content:counter(number); position:absolute; left:-5px; top:-5px; width:50px; height:50px; line-height:50px; background:#767676; color:#fff; border-radius:2px; font-size:13px; font-weight:300; }
.best_page_ranking .item_rank .num { font-size:20px; position:relative; bottom:-1px; }
.best_page_ranking>ul>li:nth-child(1) .item_rank { background-color:#900207; }
.best_page_ranking>ul>li:nth-child(2) .item_rank { background-color:#900207; }
.best_page_ranking>ul>li:nth-child(3) .item_rank { background-color:#900207; }

/* //BEST, NEW 페이지 */


/* -------------------------------------- CSS Hack --------------------------------------------- */
@supports (-webkit-overflow-scrolling: touch) { /* iphone css hack */
	select { -webkit-appeArance:none; padding-left:4px; padding-right:17px; background-image:url(../images/design/right_quick_arrowdown.gif); background-position:right 7px top 50%; background-repeat:no-repeat; }
	.search_nav select { padding-left:4px; }
}
/* -------------------------------------- //CSS Hack --------------------------------------------- */


/* -------------------------------------- 배너 템플릿 --------------------------------------------- */
.respBnrGon { overflow:hidden; zoom:1; text-align:center; }
.respBnrGon>ul { font-size:0; line-height:0; }
.respBnrGon>ul:after {content:""; display:block; clear:both; }
.respBnrGon>ul>li { box-sizing:border-box; display:inline-block; vertical-align:top; font-size:15px; line-height:1.4; }

.respBnrGon_num1_typeA>ul>li { padding:5px 0; }

.respBnrGon_num2_typeA>ul>li { width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num2_typeA>ul>li:nth-child(odd) { float:left; padding:.47% .47% .47% 0; }

.respBnrGon_num3_typeA>ul>li { width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num3_typeA>ul>li:nth-child(3n+1) { clear:both; float:left; padding:.47% .47% .47% 0; }
.respBnrGon_num3_typeB>ul>li { width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num3_typeB>ul>li:nth-child(3n+1) { clear:both; float:right; padding:.47% 0 .47% .47%; }
.respBnrGon_num3_typeC>ul>li { width:33.33%; padding:.47% 0 .47% .47%; }
.respBnrGon_num3_typeC>ul>li:nth-child(3n+1) { clear:both; float:left; width:66.66%; padding:.47% .32% .47% 0; }
.respBnrGon_num3_typeD>ul>li { width:33.33%; padding:.47% .47% .47% 0; }
.respBnrGon_num3_typeD>ul>li:nth-child(3n+1) { clear:both; float:right; width:66.66%; padding:.47% 0 .47% .32%; }
.respBnrGon_num3_typeE>ul>li { width:33.33%; padding:.47% .31%; }
.respBnrGon_num3_typeE>ul>li:nth-child(3n+1) { padding-left:0; padding-right:.62%; }
.respBnrGon_num3_typeE>ul>li:nth-child(3n) { padding-right:0; padding-left:.62%; }
.respBnrGon_num3_typeF>ul { position:relative; }
.respBnrGon_num3_typeF>ul>li { width:25%; }
.respBnrGon_num3_typeF>ul>li:nth-child(3n+1) { width:50%; padding:.47% .23%; margin:0 auto; }
.respBnrGon_num3_typeF>ul>li:nth-child(3n+2) { position:absolute; left:0; top:0; padding:.47% .7% .47% 0; }
.respBnrGon_num3_typeF>ul>li:nth-child(3n) { position:absolute; right:0; top:0; padding:.47% 0 .47% .7%; }

.respBnrGon_num4_typeA>ul>li { width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num4_typeA>ul>li:nth-child(odd) { padding:.47% .47% .47% 0; }
.respBnrGon_num4_typeB>ul>li { width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num4_typeB>ul>li:nth-child(4n+1) { clear:both; float:left; padding:.47% .47% .47% 0; }
.respBnrGon_num4_typeB>ul>li:nth-child(4n) { width:25%; padding:.47% 0 .47% .7%; }
.respBnrGon_num4_typeB>ul>li:nth-child(4n+3) { width:25%; padding:.47% .23% .47% .47%; }
.respBnrGon_num4_typeC>ul>li { width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num4_typeC>ul>li:nth-child(4n+1) { clear:both; float:left; padding:.47% .47% .47% 0; }
.respBnrGon_num4_typeC>ul>li:nth-child(4n+2) { width:25%; padding:.47% .23% .47% .47%; }
.respBnrGon_num4_typeC>ul>li:nth-child(4n+3) { width:25%; padding:.47% 0 .47% .7%; }
.respBnrGon_num4_typeD>ul>li { width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num4_typeD>ul>li:nth-child(4n+1) { clear:both; float:right; padding:.47% 0 .47% .47%; }
.respBnrGon_num4_typeD>ul>li:nth-child(4n+3) { width:25%; padding:.47% .7% .47% 0; }
.respBnrGon_num4_typeD>ul>li:nth-child(4n) { width:25%; padding:.47% .47% .47% .23%; }
.respBnrGon_num4_typeE>ul>li { width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num4_typeE>ul>li:nth-child(4n+1) { clear:both; float:right; padding:.47% 0 .47% .47%; }
.respBnrGon_num4_typeE>ul>li:nth-child(4n+2) { width:25%; padding:.47% .7% .47% 0; }
.respBnrGon_num4_typeE>ul>li:nth-child(4n+3) { width:25%; padding:.47% .47% .47% .23%; }

.respBnrGon_num5_typeA>ul>li { width:25%; padding:.47% 0 .47% .47%; }
.respBnrGon_num5_typeA>ul>li:nth-child(5n+1) { clear:both; float:left; width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num5_typeA>ul>li:nth-child(5n+2),
.respBnrGon_num5_typeA>ul>li:nth-child(5n+4) { padding:.47% .23% .47% .47%; }
.respBnrGon_num5_typeA>ul>li:nth-child(5n+3),
.respBnrGon_num5_typeA>ul>li:nth-child(5n) { padding:.47% 0 .47% .7%; }
.respBnrGon_num5_typeB>ul>li { width:25%; padding:.47% .47% .47% 0; }
.respBnrGon_num5_typeB>ul>li:nth-child(5n+1) { clear:both; float:right; width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num5_typeB>ul>li:nth-child(5n+3),
.respBnrGon_num5_typeB>ul>li:nth-child(5n) { padding:.47% .47% .47% .23%; }
.respBnrGon_num5_typeB>ul>li:nth-child(5n+2),
.respBnrGon_num5_typeB>ul>li:nth-child(5n+4) { padding:.47% .7% .47% 0; }
.respBnrGon_num5_typeC>ul>li { width:33.33%; padding:.47% .31%; }
.respBnrGon_num5_typeC>ul>li:nth-child(5n+1) { clear:both; float:left; padding:.47% .62% .47% 0; }
.respBnrGon_num5_typeC>ul>li:nth-child(5n+3),
.respBnrGon_num5_typeC>ul>li:nth-child(5n) { padding:.47% 0 .47% .62%; }
.respBnrGon_num5_typeD>ul>li { width:33.33%; padding:.47% .31%; }
.respBnrGon_num5_typeD>ul>li:nth-child(5n+1) { clear:both; float:right; padding:.47% 0 .47% .62%; }
.respBnrGon_num5_typeD>ul>li:nth-child(5n+2),
.respBnrGon_num5_typeD>ul>li:nth-child(5n+4) { padding:.47% .62% .47% 0; }
.respBnrGon_num5_typeE>ul>li { width:16.66%; }
.respBnrGon_num5_typeE>ul>li:nth-child(5n+1) { float:left; width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num5_typeE>ul>li:nth-child(5n+2) { width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num5_typeE>ul>li:nth-child(5n) { padding:.47% 0 .47% .74%; }
.respBnrGon_num5_typeE>ul>li:nth-child(5n+4) { padding:.47% .16% .47% .58%; }
.respBnrGon_num5_typeE>ul>li:nth-child(5n+3) { padding:.47% .32% .47% .42%; }
.respBnrGon_num5_typeF>ul>li { width:16.66%; }
.respBnrGon_num5_typeF>ul>li:nth-child(5n+1) { float:right; width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num5_typeF>ul>li:nth-child(5n+2) { width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num5_typeF>ul>li:nth-child(5n+3) { padding:.47% .74% .47% 0; }
.respBnrGon_num5_typeF>ul>li:nth-child(5n+4) { padding:.47% .58% .47% .16%; }
.respBnrGon_num5_typeF>ul>li:nth-child(5n) { padding:.47% .42% .47% .32%; }
.respBnrGon_num5_typeG>ul>li { width:16.66%; }
.respBnrGon_num5_typeG>ul>li:nth-child(5n+1) { float:left; width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num5_typeG>ul>li:nth-child(5n+4) { padding:.47% 0 .47% .74%; }
.respBnrGon_num5_typeG>ul>li:nth-child(5n+3) { padding:.47% .16% .47% .58%; }
.respBnrGon_num5_typeG>ul>li:nth-child(5n+2) { padding:.47% .32% .47% .42%; }
.respBnrGon_num5_typeG>ul>li:nth-child(5n) { width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num5_typeH>ul>li { width:16.66%; }
.respBnrGon_num5_typeH>ul>li:nth-child(5n+1) { float:right; width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num5_typeH>ul>li:nth-child(5n+2) { padding:.47% .74% .47% 0; }
.respBnrGon_num5_typeH>ul>li:nth-child(5n+3) { padding:.47% .58% .47% .16%; }
.respBnrGon_num5_typeH>ul>li:nth-child(5n+4) { padding:.47% .42% .47% .32%; }
.respBnrGon_num5_typeH>ul>li:nth-child(5n) { width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num5_typeX1>ul { position:relative; }
.respBnrGon_num5_typeX1>ul>li { width:25%; }
.respBnrGon_num5_typeX1>ul>li:nth-child(5n+3) { width:50%; padding:.47% .23%; margin:0 auto; }
.respBnrGon_num5_typeX1>ul>li:nth-child(5n+1) { position:absolute; left:0; top:0; padding:.47% .7% .47% 0; }
.respBnrGon_num5_typeX1>ul>li:nth-child(5n+2) { position:absolute; left:0; bottom:0; padding:.47% .7% .47% 0; }
.respBnrGon_num5_typeX1>ul>li:nth-child(5n+4) { position:absolute; right:0; top:0; padding:.47% 0 .47% .7%; }
.respBnrGon_num5_typeX1>ul>li:nth-child(5n+5) { position:absolute; right:0; bottom:0; padding:.47% 0 .47% .7%; }
.respBnrGon_num5_typeX2>ul { position:relative; }
.respBnrGon_num5_typeX2>ul>li { width:33.33%; }
.respBnrGon_num5_typeX2>ul>li:nth-child(5n+1) { padding:.47% .31%; margin:0 auto; }
.respBnrGon_num5_typeX2>ul>li:nth-child(5n+2) { position:absolute; left:0; top:0; padding:.47% .61% .47% 0; }
.respBnrGon_num5_typeX2>ul>li:nth-child(5n+3) { position:absolute; left:0; bottom:0; padding:.47% .61% .47% 0; }
.respBnrGon_num5_typeX2>ul>li:nth-child(5n+4) { position:absolute; right:0; top:0; padding:.47% 0 .47% .61%; }
.respBnrGon_num5_typeX2>ul>li:nth-child(5n+5) { position:absolute; right:0; bottom:0; padding:.47% 0 .47% .61%; }

.respBnrGon_num6_typeA>ul>li { width:25%; padding:.47% 0 .47% .7%; }
.respBnrGon_num6_typeA>ul>li:nth-child(3n+1) { width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num6_typeA>ul>li:nth-child(3n+2){ padding:.47% .23% .47% .47%; }
.respBnrGon_num6_typeB>ul>li { width:25%; padding:.47% .7% .47% 0; }
.respBnrGon_num6_typeB>ul>li:nth-child(3n){ width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num6_typeB>ul>li:nth-child(3n+2){ padding:.47% .47% .47% .23%; }
.respBnrGon_num6_typeC>ul>li { width:33.33%; padding:.47% .31%; }
.respBnrGon_num6_typeC>ul>li:nth-child(3n+1) { padding-left:0; padding-right:.62%; }
.respBnrGon_num6_typeC>ul>li:nth-child(3n) { padding-right:0; padding-left:.62%; }

.respBnrGon_num7_typeA>ul>li { width:16.66%; }
.respBnrGon_num7_typeA>ul>li:nth-child(7n+1) { clear:both; float:left; width:50%; padding:.47% .47% .47% 0; }
.respBnrGon_num7_typeA>ul>li:nth-child(7n+2),
.respBnrGon_num7_typeA>ul>li:nth-child(7n+5) { padding:.47% .32% .47% .42%; }
.respBnrGon_num7_typeA>ul>li:nth-child(7n+3),
.respBnrGon_num7_typeA>ul>li:nth-child(7n+6) { padding:.47% .16% .47% .58%; }
.respBnrGon_num7_typeA>ul>li:nth-child(7n+4),
.respBnrGon_num7_typeA>ul>li:nth-child(7n) { padding:.47% 0 .47% .74%; }

.respBnrGon_num7_typeB>ul>li { width:16.66%; }
.respBnrGon_num7_typeB>ul>li:nth-child(7n+1) { clear:both; float:right; width:50%; padding:.47% 0 .47% .47%; }
.respBnrGon_num7_typeB>ul>li:nth-child(7n+4),
.respBnrGon_num7_typeB>ul>li:nth-child(7n) { padding:.47% .42% .47% .32%; }
.respBnrGon_num7_typeB>ul>li:nth-child(7n+3),
.respBnrGon_num7_typeB>ul>li:nth-child(7n+6) { padding:.47% .58% .47% .16%; }
.respBnrGon_num7_typeB>ul>li:nth-child(7n+2),
.respBnrGon_num7_typeB>ul>li:nth-child(7n+5) { padding:.47% .74% .47% 0; }

.respBnrGon_num8_typeA>ul>li { width:25%; padding:.47% 0; }
.respBnrGon_num8_typeA>ul>li:nth-child(4n+1) { padding-left:0; padding-right:.7%; }
.respBnrGon_num8_typeA>ul>li:nth-child(4n+2) { padding-left:0.23%; padding-right:.47% }
.respBnrGon_num8_typeA>ul>li:nth-child(4n+3) { padding-left:0.47%; padding-right:.23% }
.respBnrGon_num8_typeA>ul>li:nth-child(4n) { padding-right:0; padding-left:.7%; }

.respBnrGon_html { border:1px #999 dashed; padding:10px; margin-top:10px; }

/* -------------------------------------- //배너 템플릿 --------------------------------------------- */

/* -------------------------------------- 상세페이지 YOUTUBE --------------------------------------------- */
.resp_youtube_wrap { margin:0 auto; }
.resp_youtube_wrap .youtube_inner { position:relative; padding-bottom:56.25%; }
.resp_youtube_wrap .youtube_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
/* -------------------------------------- //상세페이지 YOUTUBE --------------------------------------------- */

/* -------------------------------------- 슬라이드배너 커스텀 --------------------------------------------- */
.sliderB .cfont1 { font-size:28px; line-height:1.2; font-weight:300; color:#444; transform:translateX( 20px ); transition:all 0.6s 0.6s; }
.sliderB .cfont2 { padding-top:5px; font-size:48px; line-height:1.2; font-weight:400; color:#000; letter-spacing:-1px; transform:translateX( 20px ); transition:all 0.6s 1s; }
.sliderB .cfont3 { padding-top:5px; font-size:24px; line-height:1.2; font-weight:300; color:#555; transform:translateX( 20px ); transition:all 0.6s 1.4s; }
.sliderB .cbtns1 { padding-top:10px; transform:scale( 1.1 ); transition:all 0.6s 2s; }
.sliderB .cfont_solo { font-size:48px; line-height:1.2; font-weight:400; color:#000; letter-spacing:-1px; }
.sliderB .cfont_solo .motion1 { display:inline-block; opacity:0; transform:perspective(300px) rotateY(540deg); transition:all 2.4s 0.6s; }
.sliderB .cfont_solo .motion2 { display:inline-block; opacity:0; transform:perspective(300px) rotateY(360deg); transition:all 1.8s 1.2s; }
.sliderB .cfont_solo .motion3 { display:inline-block; opacity:0; transform:perspective(300px) rotateY(180deg); transition:all 1.2s 1.8s; }
.sliderB .cfont_solo .xmotion1 { display:inline-block; opacity:0; transform:translateY( -20px ); transition:all 2.4s 0.6s; }
.sliderB .cfont_solo .xmotion2 { display:inline-block; opacity:0; transform:translateY( -20px ); transition:all 1.8s 1.2s; }
.sliderB .cfont_solo .xmotion3 { display:inline-block; opacity:0; transform:translateY( -20px ); transition:all 1.2s 1.8s; }
.sliderB .slick-active .slide_contents .cfont1,
.sliderB .slick-active .slide_contents .cfont2,
.sliderB .slick-active .slide_contents .cfont3 { opacity:1; transform:translateY( 0 ) translateX( 0 ); }
.sliderB .slick-active .slide_contents .cbtns1 { opacity:1; transform:scale( 1 ); }
.sliderB .slick-active .slide_contents .motion1,
.sliderB .slick-active .slide_contents .motion2,
.sliderB .slick-active .slide_contents .motion3 { opacity:1; transform:perspective(300px) rotateY(0deg); }
.sliderB .slick-active .slide_contents .xmotion1,
.sliderB .slick-active .slide_contents .xmotion2,
.sliderB .slick-active .slide_contents .xmotion3 { opacity:1; transform:translateY( 0 ); }

/* -------------------------------------- //슬라이드배너 커스텀 --------------------------------------------- */




/*----------------------------------*/
/* O2O
/*----------------------------------*/

.o2o_wrap{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.o2o_wrap .title {font-size:48px; color:#FFF; font-weight:100; margin-bottom:10px; }
.o2o_wrap .title .info{font-size:22px;}
.o2o_wrap .contents_wrap {width:718px; margin:auto; line-height:1.5; background:#fff; border-radius:50px; box-shadow: 0 0 50px rgba(222, 185, 225, 0.25);}

.o2o_join_form {margin-bottom: 10px;}
.o2o_join_form .hide { display:none; }

/* O2O 가입 */
.o2o_wrap .contents_wrap label { margin:0; }
.o2o_wrap .contents_wrap .contents_area { max-width:479px; padding:40px 10px; margin:0 auto; }
.o2o_wrap .contents_wrap .remain_time { padding-top:6px; font-size:14px; color:#000; }
.o2o_wrap .contents_wrap .remain_time .time { font-weight:bold; font-size:16px; color:#fb0000; }
.o2o_wrap .contents_wrap .all_agree { display:inline-block;  margin-bottom:6px; height:24px; padding-left:28px; font-size:15px; line-height:24px; font-weight:600; color:#000; background:url(../images/common/icon_check_all_off.png) 0 50% no-repeat; background-size:24px; }
.o2o_wrap .contents_wrap .all_agree.on { background-image:url(../images/common/icon_check_all_on.png); }
.o2o_wrap .contents_wrap .all_agree input[type='checkbox'] { width:0; height:0; visibility:hidden; position:absolute; left:0; top:0; }
.o2o_wrap .contents_wrap .agree_list2 { font-size:13px; }
.o2o_wrap .contents_wrap .agree_list2>li { padding:5px 0; }
.o2o_wrap .contents_wrap .agree_list2>li>label { display:inline-block; color:#808080; padding-left:26px; background:url(../images/common/icon_check_off.png) 5px 4px no-repeat; background-size:14px; }
.o2o_wrap .contents_wrap .agree_list2>li>label.on { background-image:url(../images/common/icon_check_on.png); }
.o2o_wrap .contents_wrap .agree_list2 input[type='checkbox'] { width:0; height:0; visibility:hidden; position:absolute; left:0; top:0; }
.o2o_wrap .contents_wrap .agree_link_btn { display:inline-block; box-sizing:border-box; height:24px; float:right; line-height:22px; padding:0 10px; font-size:11px; color:#808080; text-decoration:none; text-align:center; border:1px #d5d5d5 solid; background:#fff; border-radius:20px; }
.o2o_wrap .contents_wrap .btn_submit { box-sizing:border-box; border:none; height:52px; font-size:18px; font-weight:600; line-height:24px; color:#FFF; padding:0 80px; border-radius:50px; box-shadow: 3px 3px 15px rgba(241, 129, 177, 0.50); background:linear-gradient( to right, #f87cb4, #ffad96);}
.o2o_wrap .contents_wrap .agree_area {background:#f6f6f6; padding:20px 30px; margin:25px 0;  border-radius:20px;}
.o2o_join_form { display:table; width:100%; table-layout:fixed; }
.o2o_join_form > ul { display:table-row; }
.o2o_join_form > ul > li { display:table-cell; vertical-align:top; padding:4px 0; }
.o2o_join_form > ul > li.btns { width:144px; padding-left:8px; }
.o2o_join_form .input_text { box-sizing:border-box; width:100%; height:64px; padding:0px 20px; font-size:16px; line-height:1.2; border:1px #d8d8d8 solid; border-radius:50px;}
.o2o_join_form .input_text:focus { border-color:#767676; }
.o2o_join_form .btn_a { box-sizing:border-box; width:100%; height:64px; text-align:center; border:none; background:#bcbcbc; font-size:16px; line-height:50px; color:#fff; border-radius:50px;}
.o2o_join_form .label1 { display:block; position:relative; cursor:text; }
.o2o_join_form .label1 .title { position:absolute; left:0; top:21px; padding:0 0 0 30px; line-height:52px; font-size:16px; line-height:1.2; color:#b7b7b7; transition:all 0.2s; }

.o2o_join_form ul.label1 { display:table; width:100%; table-layout:fixed; }
.o2o_join_form ul.label1>li { display:table-cell; vertical-align:top; padding-left:16px; position:relative; }
.o2o_join_form ul.label1>li:first-child { padding-left:0; }
.o2o_join_form ul.label1>li:before { content:'-'; position:absolute; left:5px; top:17px; font-size:16px; font-weight:600; color:#999; }
.o2o_join_form ul.label1 label { cursor:text; }
.o2o_join_form ul.label1>li:first-child:before { content:''; display:none; }


/* O2O 쿠폰 */
.o2o_wrap .title.coupon {padding-left:50px}
.o2o_wrap .contents_wrap.coupon {width:918px; height:561px; background:url("../images/design/coupon_back.png") no-repeat bottom right; background-color:#FFF;}
.o2o_coupon_list { overflow:hidden; zoom:1; text-align:left; padding:45px 60px 10px; line-height: 15px;}
.o2o_coupon_list>li { float:left; width:50%; box-sizing:border-box; }
.o2o_coupon_list>li>.coupon{border:1px solid #cbcbcb; margin:7px 10px; padding:10px 80px 10px 15px; box-sizing:border-box; height:130px; background-size:38px 126px; background:#FFF;}
.o2o_coupon_list>li>.coupon > .text_sect{padding-right:20px}
.o2o_coupon_list .coupon_name { padding-top:5px; font-size:14px; font-weight:600; color:#000; }
.o2o_coupon_list .coupon_salepricetitle { font-size:22px; font-weight:600; letter-spacing:-1px; color:#000; padding: 9px 0; }
.o2o_coupon_list .coupon_date {font-size:12px; color:#888; }
.o2o_coupon_list .coupon_use { padding-top:2px; font-size:12px; color:#888; }
.o2o_coupon_list .coupongoodsreviewbtn { height:24px; box-sizing:border-box; border:1px #bbb solid; background:#f8f8f8; padding:0 8px; font-size:12px; line-height:22px; color:#333; border-radius:2px; }

.o2o_barcode { position:absolute; right:1px; top:1px; width:80px; height:100%; background:#eeeeee; border-left:1px #c5c5c5 dashed;  margin:7px 10px; padding:10px 15px; box-sizing:border-box; height:128px; background-size:38px 122px;}
.o2o_barcode:after { display:block; content:''; position:absolute; left:10px; top:50%; width:48px; height:34px; margin-top:-24px; padding:4px; border:2px #333 solid; border-radius:4px; line-height:0; font:0; background:url(../images/common/o2o_barcode.png) 50% 50% no-repeat; background-size:48px 34px; cursor:pointer; }

.barcode_wrap { display: table; width: 100%; height: 100%; }
.barcode_area { display: table-cell; vertical-align: middle; text-align: center; padding-top:20px; }
.barcode_img { text-align: center;}
.barcode_img img { width:auto; }
.barcode_text { text-align: center; margin-top:20px; font-size:17px; }
.o2o_wrap .paging_navigation {position:absolute; left:50%; transform: translate(-50%, 0); bottom:45px;}
.o2o_wrap .paging_navigation a.on{border:0; font-size:16px; margin-bottom: -1px; color:#000 !important; border-bottom:1px solid #000;}
.o2o_wrap .paging_navigation a {border:0; font-size:16px; color:#878787 !important; font-weight:400; min-width: 12px; margin:0 5px;}


/* aside O2O */
.aside_o2o_barcode { width:42px; padding-right:10px; }
.aside_o2o_barcode .barcode { box-sizing:border-box; height:24px; background:url(../images/common/o2o_barcode.png) 50% 50% no-repeat; background-size:contain; cursor:pointer; }
.aside_o2o_barcode.v2 { float:right; width:36px; padding-right:2px; padding-left:5px; }
.aside_o2o_barcode.v2 .barcode { height:20px; }

.o2o_coupon_list .aside_o2o_barcode {position:absolute; right: 30px; top: 42px; width:auto; padding:0; }
.o2o_coupon_list .aside_o2o_barcode .barcode{height:60px; width:100px;}

/********갤러리 레이어팝업******************/
#view_iframe { border:none; width:100%; }
.resp_layer_pop.gallery_type { width:1260px; }
.gallery_detail_filelist { text-align:center; }
.gallery_detail_filelist .slick-slide { padding:0 5px !important; }
.gallery_detail_filelist .slick-arrow { opacity:0.2; width:60px; height:80px; background-size:auto; border-radius:2px; }

.gallery_detail_filelist .slick-prev { left:5px; background-image:url('../images/o2o_img/arrow_prev.png'); }
.gallery_detail_filelist .slick-next { right:5px; background-image:url('../images/o2o_img/arrow_next.png'); }
.gallery_detail_filelist .slick-dots { bottom:-24px; }
.gallery_detail_filelist .gallery_detail_img { max-height:80vh; }

.gallery_detail_text { text-align:center; margin-top:40px; }
.gallery_detail_text .subject { font-size:24px; line-height:1.2; font-weight:300; color:#000; }
.gallery_detail_text .contents { padding-top:8px; font-size:17px; line-height:1.5; font-weight:300; color:#767676; }

.resp_layer_pop.gallery_type>.title { text-align:center; }

.title_group1 + .board_gallery { margin-top:-20px; }

.board_gallery > ul { font-size:0; margin-left:-20px; }
.board_gallery > ul > li { display:inline-block; box-sizing:border-box; width:25%; vertical-align:top; padding:20px 0 0 20px; font-size:14px; line-height:1.4; text-align:left; }
.board_gallery .item_img_area { position:relative; text-align:center; overflow:hidden; }
.board_gallery .item_img_area img { max-width:100%; }
.board_gallery .item_info_area { padding-top:7px; color:#767676; }
.board_gallery .item_info_area>li { padding:6px 0 0; }
.board_gallery .item_info_area .goods_name_area { padding-top:15px; font-size:20px; line-height:1.2; font-weight:300; color:#333; }
.board_gallery .item_info_area .goods_desc_area { padding-top:14px; }
.board_gallery .item_info_area .goods_desc_area a { color:#767676; }
.board_gallery .item_info_area .goods_date_area { color:#999; }
.board_gallery.board_no_data { border:1px #ddd solid; border-radius:4px; padding:60px 10px; background-color:#fff; text-align:center; font-size:17px; font-weight:300; }
.board_gallery.board_no_data .board_gallery_ul,
.board_gallery.board_no_data .more_warp { display:none; }
.no_image { display:block; box-sizing:border-box; border:1px #ddd solid; height:180px; line-height:180px; border-radius:2px; font-size:24px; font-weight:700; color:#ccc; background-color:#f8f8f8; text-align:center; }
.no_image2 { display:block; box-sizing:border-box; padding:80px 0 40px; color:#ccc; text-align:center; }
.no_image2 .title { font-size:24px; font-weight:300; line-height:1.6px; color:#fff; }
.no_image2 .desc { padding-top:10px; font-size:17px; font-weight:300; line-height:1.6; }

/* 컬럼수 */
.board_gallery[data-column='2'] > ul > li { width:50%; }
.board_gallery[data-column='3'] > ul > li { width:33.33%; }
.board_gallery[data-column='4'] > ul > li { width:25%; }
.board_gallery[data-column='5'] > ul > li { width:20%; }

/* 이펙트 */
.board_gallery[data-effect] > ul > li,
.board_gallery[data-effect] .item_img_area img { transition:all 0.2s; }
.board_gallery[data-effect*='translate_y'] > ul > li:hover { transform:translateY(-8px); }
.board_gallery[data-effect*='translate_x'] > ul > li:hover { transform:translateX(8px); }
.board_gallery[data-effect*='opacity'] > ul > li:hover { opacity:0.6; }
.board_gallery[data-effect*='scale'] > ul > li:hover .item_img_area img { transform:scale(1.08); }

/* type1( default ) */
.board_gallery[data-type='type1'] .item_info_area { color:#999; }
.board_gallery[data-type='type1'] .item_info_area .goods_desc_area a { color:#999; }
.board_gallery[data-type='type1'] .item_info_area .goods_date_area { display:none; }

/* type2( 이미지만 ) */
.board_gallery[data-type='type2'] .item_info_area { display:none; }

/* type3( 리스트형 ) */
.board_gallery[data-type='type3'] > ul > li { width:50%; }
.board_gallery[data-type='type3'] > ul > li:after {content:""; display:block; clear:both; }
.board_gallery[data-type='type3'] .item_img_area { float:left; width:180px; height:180px; position:relative; }
.board_gallery[data-type='type3'] .item_img_area img { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }
.board_gallery[data-type='type3'] .item_info_area { float:left; box-sizing:border-box; width:calc(100% - 180px); padding-left:20px; font-size:15px; }
.board_gallery[data-type='type3'] .item_info_area .goods_name_area { padding-top:0; }
.board_gallery[data-type='type3'] .item_img_area.garo img { max-width:none; height:100%; }
.board_gallery[data-type='type3'] .item_img_area.sero img { width:100%; max-height:none; }


/*캡쳐방지*/
.captcha_code_container{border-top:1px #7F858F solid; padding-top:15px; margin-top:15px;}
.captcha_code_refresh {display:inline-block; margin-left:5px; background:url('../images/common/icon_reload2.png') no-repeat center center; vertical-align:middle; background-size:25px;  width:25px; height:25px;}
.board_captcha {display:inline-block;}
.captcha_code {margin-left:5px;}

/*신고/차단하기*/
.report_btn, .block_btn { font-size:13px; font-weight:400; color:#767676; }
.board_detail_title:after { content:''; display:block; clear:both; }
.report_block_a { float:right; }
.report_block_a.reply_a { float:none; display:inline-block; vertical-align:middle; }
.report_block_a > li { position:relative; float:left; padding-left:6px; margin-left:5px; }
.report_block_a > li:before { display:block; content:''; font-size:0; position:absolute; left:0; top:calc(50% - 6px); height:12px; border-left:1px #ccc solid; }
.report_block_a > li:first-child { padding-left:0; }
.report_block_a > li:first-child:before { display:none; }

/*인스타그램 연동 디스플레이*/
.instagramDisplay > ul {display: inline-block; width: calc(100% + 30px);  margin-left: -15px;}
.instagramDisplay > ul > li{display:inline-block; float: left; text-align: center; margin: 15px 15px;}
.instagramDisplay > ul > li > a{display:block; padding-bottom: 100%; background-size: cover; text-indent: -9999px; background-position: center;}

.instagramFeedTitleWrap { text-align:center; padding:70px 0 30px; }
.instagramFeedTitleWrap > h3 { font-size:30px; font-weight:500; line-height:1.2; color:#333; }

@media only screen and (max-width:768px) {
	.instagramDisplay > ul {width: calc(100% + 20px);  margin-left: -10px;}
	.instagramDisplay > ul > li{width:calc(100%/3 - 20px) !important; margin: 10px 10px;}
}
@media only screen and (max-width:479px) {
	.instagramDisplay > ul {width: calc(100% + 10px);  margin-left: -5px;}
	.instagramDisplay > ul > li{width:calc(100%/2 - 10px) !important; margin: 5px 5px;}
	.instagramFeedTitleWrap { text-align:center; padding:40px 0 20px; }
	.instagramFeedTitleWrap  > h3 { font-size:28px; }
}
/*---------------------------------------------------------------------------------------------------------------*/


/* ############## 42991/제품상세페이지-추천상품-다른고객통계 ############## */
#goods_view .bigdata-goods-list .displayTabContentsContainer { display:block; }
#goods_view .title_sub1.bigdata { background:url('../images/design/ico_bd_view.png') 0 28px no-repeat; padding-left:55px; }
#goods_view .bigdata-goods-list .goods_list span.gli_image { height:300px !important; }
#goods_view .bigdata-goods-list .goods_list ol.gli_contents { font-size:13px; }
#goods_view .bigdata-goods-list .goods_list ol.gli_contents .goods_name { font-size:15px; }
#goods_view .bigdata-goods-list .goods_list ol.gli_contents .goods_summary { font-size:13px; color:#999 !important; }
#goods_view .bigdata-goods-list .goods_list ol.gli_contents .gli_goodsprice { font-size:15px; }
#goods_view .bigdata-goods-list .goods_list ol.gli_contents .gli_goodsprice .sale_per { font-size:14px; font-weight:300; color:#999; }

/* ############## // 42991/제품상세페이지-추천상품-다른고객통계 ############## */

/* 선물하기 */
.content_shipping_present { width: 480px; max-width: 100%; margin: 2rem auto; padding: 1rem; box-sizing: border-box; display: flex; flex-direction: column}
.content_shipping_present .text_blue {color: #007cd2;}
.content_shipping_present .section_header {text-align: center; margin-bottom: 1rem; border-radius: 5px; overflow: hidden;}
.content_shipping_present .section_header h3 {font-size: 16px !important; text-align: center;}
.content_shipping_present .section_header.dropdown h3::before {content: none}
.content_shipping_present .section_header.dropdown .details {gap: 2px}
.content_shipping_present .dropdown {background: white; border: 1px solid #eee; margin-bottom: .5rem }
.content_shipping_present .dropdown h3 {padding: 1rem 1rem 1rem .75rem; font-weight: bold; font-size: 14px; cursor: pointer; position: relative; line-height: 1; text-transform: capitalize;}
.content_shipping_present .dropdown h3::before {content: ""; position: absolute; right: 1rem; border: 2px solid #333; border-left: 0; border-bottom: 0; transform: rotate(135deg); width: 5px; height: 5px; margin-top: 3px; transition: .25s;}
.content_shipping_present .dropdown.active h3::before {transform: rotate(315deg); margin-top: 5px}
.content_shipping_present .dropdown .details {opacity: 0; visibility: hidden; max-height: 0; border-top: 1px solid #eee; padding: 0 .75rem; display: flex; flex-direction: column; gap: .5rem; transition: .25s;}
.content_shipping_present .dropdown.active .details {opacity: 1; visibility: visible; max-height: 1200px; padding: .75rem; z-index: -1}
.content_shipping_present .dropdown .row {display: flex; align-items: center;}
.content_shipping_present .dropdown .row .title {flex: 0 0 60px}
.content_shipping_present .dropdown .row .inputs {flex: 1 1 auto; display: flex; align-items: center; gap: .35rem; position: relative}
.content_shipping_present .dropdown .row .inputs .certify_timer {white-space: nowrap; position: absolute; right: 5rem}
.content_shipping_present .dropdown .inputs input {width: 100%}
.content_shipping_present .dropdown .inputs .button_wrapper {flex: 0 0 64px}
.content_shipping_present .dropdown .inputs .button_wrapper button {width: 100%}
.content_shipping_present .dropdown .inputs button {flex: 0 0 70px; background:#333; color: white; border: 0 ;border-radius: 3px; line-height: 1; height: 32px; white-space: nowrap}
.content_shipping_present .dropdown .items {display: flex; flex-direction: column; border-bottom: 1px solid #eee; margin-bottom: 1rem; word-break: keep-all;}
.content_shipping_present .dropdown .items ul {display: flex; align-items: center}
.content_shipping_present .dropdown .items li:first-of-type { flex: 1 1 40%; display: flex; gap: .5rem }
.content_shipping_present .dropdown .items :not(.title) li:first-of-type {align-self: flex-start}
.content_shipping_present .dropdown .items .quantity { flex: 0 0 30px !important; text-align: center;}
.content_shipping_present .dropdown .items .status { flex: 0 0 60px; text-align: center;}
.content_shipping_present .dropdown .items .tracking { flex: 0 0 70px; text-align: center;}
.content_shipping_present .dropdown .item .tracking {justify-content: flex-start; text-align: left;}
.content_shipping_present .dropdown .items .title {height:36px; background-color: #f8f8f8; border-top: 1px solid #333; border-bottom: 1px solid #ccc;}
.content_shipping_present .dropdown .items .title li {justify-content: center; line-height: 1.15; word-break: break-all;}
.content_shipping_present .dropdown .items li {padding: .5rem .25rem}
.content_shipping_present .dropdown .item {display: flex; flex-wrap: wrap; position: relative}
.content_shipping_present .dropdown .item:not(:last-of-type) {border-bottom: 1px solid #eee}
.content_shipping_present .dropdown .item button {padding: 2px 4px; border: 1px solid #ddd; margin-top: .5rem;}
.content_shipping_present .dropdown .item .thumbnail {flex: 0 0 auto; width: 40px; height: 40px; border: 1px solid #ddd; overflow: hidden;}
.content_shipping_present .dropdown .item .information {display: flex; flex-direction: column; gap: 3px}
.content_shipping_present .dropdown .item_options {font-size: 12px; color: #888; display: flex; align-items: center; gap: .35rem; flex-wrap: wrap;}
.content_shipping_present .dropdown .item_options.input {flex-direction: column; align-items: flex-start;}
.content_shipping_present .dropdown .item_options .option {display: flex; align-items: center; gap: 2px}
.content_shipping_present .dropdown .item_options .tag {flex: 0 0 auto; border: 1px solid #ddd;  color: #999; font-size: 11px; border-radius: 3px; padding: 1px 2px;}
.content_shipping_present .dropdown .item .more {width: 100%; border-top: 1px solid #eee; padding: 0; flex-direction: column; align-items: flex-start; gap: 0; overflow: hidden;}
.content_shipping_present .dropdown .item .more .option {width: 100%; flex: 1 1 auto; display: flex; align-items: center; padding: .75rem 0}
.content_shipping_present .dropdown .item .more .option:not(:last-of-type) {border-bottom: 1px solid #eee}
.content_shipping_present .dropdown .item .more .option::before {content: "└"; margin-bottom: -3px}
.content_shipping_present .dropdown .item .more .option span {padding: 0 .25rem}
.content_shipping_present .dropdown .item .more .option :nth-of-type(2) {flex: 1 1 auto}
.content_shipping_present .dropdown .item .more .option .quantity {position: absolute; right: 0; width: 30px}
.content_shipping_present .dropdown .item.gift {background-color: rgb(255, 243, 249);}
.content_shipping_present .dropdown .item.gift .information::before {content: "[사은품]"; color: #007cd2}
.content_shipping_present .dropdown .item.gift .event {display: flex; gap: .35rem; align-items: center; line-height: 1;}
.content_shipping_present .dropdown .item.gift .event span {font-size: 12px; color: #888}
.content_shipping_present .dropdown .item.gift .event a {background-color: #333; color: white; font-size: 10px; padding: 3px; border-radius: 2px;}
.content_shipping_present .shipping_information {padding: 1.75rem 1rem; display: flex; flex-direction: column; gap: .5rem; background-color: #f8f8f8; border: 1px solid #eee}
.content_shipping_present .shipping_information div {display: flex; align-items: flex-start;}
.content_shipping_present .shipping_information span:first-of-type {flex: 0 0 80px}
.content_shipping_present .shipping_information span:last-of-type {flex: 1 1 auto}
.content_shipping_present .caution {background-color: #e3e6e9; color: #939699; padding: .75rem 1rem; display: flex; justify-content: center; align-items: center; gap: 3px}
.content_shipping_present .caution::before {content: none; display: inline-flex; justify-content: center; align-items: center; width: 10px; height: 10px; font-size: 8px; border-radius: 50%; border: 1px solid #c3c6c9;}
.content_shipping_present .section_shipped .item {background-color: white !important;}
.content_shipping_present .section_shipped .item_options {background-color: white !important;}
.content_shipping_present .section_buttons {padding: 1rem 0}
.content_shipping_present .order_contents .item_options.more .quantity {right:68px !important}
.content_shipping_present .order_contents .item_options.more .status {position:absolute; right: 0; width: 60px}
@media screen and (max-width: 640px) {
	.content_shipping_present {width: auto; max-width: none; margin: 0 -10px; padding: 2rem 0; background-color: #f1f2f3;}
	.content_shipping_present .section_header {margin: 0 .75rem .75rem;}
	.content_shipping_present .dropdown {border-left: 0; border-right: 0;}
	.content_shipping_present .section_buttons {padding: 1rem 1rem 3rem}
}
/* ############## 59709/티켓상품상세-지도 ############## */
.resp_2col_wrap { font-size:14px; }
.resp_2col_wrap:after { content:""; display:block; clear:both; }
.resp_2col_wrap > li { float:left; box-sizing:border-box; }
.resp_2col_wrap > li.left_area { width:60%; }
.resp_2col_wrap > li.right_area { width:40%; padding-left:40px; transform: translateY(50px)}
@media only screen and (max-width:1023px) {
	.resp_2col_wrap > li { float:none }
	.resp_2col_wrap > li.left_area { width:auto; }
	.resp_2col_wrap > li.right_area { width:auto; padding-left:0; }
}
/* ############## // 59709/티켓상품상세-지도 ############## */


/*div.goodsPopupLayer {border: none; height: auto !important;}
div.goodsPopupLayerTitle {border: none; padding-top: 25px}
div.goodsPopupLayerBtnWrap {display: none}
div.goodsPopupLayerClose {width: 35px;height: 35px;margin-right: -10px;background: url("/data/skin/dualsonic/images/common/dual_ico_x.svg") center/contain no-repeat; top: 20px}
div.goodsPopupLayerClose img {}*/
/*div.goodsPopupLayer iframe {height: 650px !important;}*/

.modal.goodsPopupLayer .modal_wrap {display: block;}
.modal.goodsPopupLayer .modal_wrap .modal_cont {width: 1000px}

.goods_view_page .preview_iframe {margin-top: 0}
.preview_iframe {margin-top: calc(var(--header_total) * -1)}
.preview_iframe .resp_wrap {padding: 0}
.preview_iframe .layout_wrap {margin: 0}
.preview_iframe .goods_thumbs_top {display: none}
.preview_iframe .goods_thumbs_spec {margin-top: 0}
.preview_iframe .product_info_wrap .sticky_nav {top: 0}
.preview_iframe .product_info_wrap .product_info_sect .aside {display: none}

.preview_iframe {padding-right: 20px}
.preview_iframe #goods_spec .goods_buttons_area .basic_btn_area li .btn {height: 6rem; line-height: 5.9rem}


.msg_layer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: block; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 50px 0 80px; overflow: auto; opacity: 0; background: var(--modal_bg); pointer-events: none; transition: 0.2s ease-in-out; z-index: 999999999; }
.msg_layer.open { opacity: 1; pointer-events: inherit }
.msg_layer .modal_wrap { position: relative; display: table; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle }
.msg_layer .modal_wrap .scroll_box { display: table-cell; vertical-align: middle }
.msg_layer .modal_wrap .modal_cont { position: relative; width: 350px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff }
.msg_layer .modal_wrap .modal_cont .cont { padding: 4rem 2rem 2rem }
.msg_layer .modal_wrap .modal_cont .cont p { font-size: 14px; text-align: center }
.msg_layer .modal_bot_box { display: flex; justify-content: center }
.msg_layer .modal_bot_box .btn { display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff }
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2), .alert_layer .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn { width: 12rem; }
.msg_layer .modal_wrap .modal_cont .btn_wrap, .modal_new .modal_wrap .modal_cont .btn_wrap, .modal2 .modal_wrap .modal_cont .btn_wrap, .modal .modal_wrap .modal_cont .btn_wrap { margin-top: 3.5rem; }


.sns_modal {display: block;justify-content: center;align-items: center;overflow: auto;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999;opacity: 0;width: 100%;height: 100%;padding: 50px 0 80px;background: var(--modal_bg);pointer-events: none;transition: 0.2s ease-in-out}
.sns_modal.open {opacity: 1;pointer-events: inherit}
.sns_modal .modal_wrap {display: table;position: relative;width: 100%;height: 100%;padding: 0 var(--resp_wrap_pd);margin: 0 auto;table-layout: fixed;vertical-align: middle}
.sns_modal .modal_wrap .scroll_box {display: table-cell;vertical-align: middle}
.sns_modal .modal_wrap .modal_cont {position: relative;width: 310px;max-width: 100%;padding: 40px var(--modal_row_pd) 40px;margin: 0 auto;background-color: #fff}
.sns_modal .modal_top + .cont {padding: 1rem 3rem 3rem;}
.sns_modal .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 3rem 3rem 0rem; }
.sns_modal .modal_top.step { align-items: flex-start; }
.sns_modal .modal_top .tit_wrap {  }
.sns_modal .modal_top .step { font-size: 16px; font-weight: 600; }
.sns_modal .modal_top .step + .tit { margin-top: 10px; }
.sns_modal .modal_top .tit { font-size: 24px; font-weight: 700; }


.sns_modal .modal_wrap .modal_cont .cont .sns_tit {font-size:1.8rem; font-weight: 500}
.sns_modal .modal_wrap .modal_cont .cont {padding: 4rem 2rem 4rem}
.sns_modal .sns {display: flex;align-items: center;justify-content: center;}
.sns_modal .sns .ico {position: relative;font-size: 2rem; width: 5rem; height: 5rem; background-color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center}
.sns_modal .sns .ico:before {content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 1px;background-color: #fff;transform: translateX(-50%);transform-origin: center;transition: width 0.3s;display: none}
.sns_modal .sns .ico + .ico {margin-left: 2rem;}
.sns_modal .sns .ico .sns_ico {display: block;width: 3rem;height: 3rem;}
.sns_modal .sns .ico.youtube .sns_ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-linejoin: round; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-width: 6px; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-miterlimit: 10; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><rect class="cls-3" x="24.97" y="25.01" width="90" height="90" rx="12" ry="12"/><polygon class="cls-1" points="58.31 87.51 58.31 52.51 87.48 70.01 58.31 87.51"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sns_modal .sns .ico.kakao .sns_ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><path class="cls-1" d="M52.79,60.14c0-1.46-1.18-2.64-2.64-2.64h-14.05c-1.46,0-2.64,1.18-2.64,2.64s1.18,2.64,2.64,2.64h4.38v16.26c0,1.46,1.18,2.64,2.64,2.64s2.64-1.18,2.64-2.64v-16.26h4.38c1.46,0,2.64-1.18,2.64-2.64Z"/><path class="cls-1" d="M63.89,60.09c-.58-1.6-2.05-2.63-3.75-2.63s-3.17,1.03-3.75,2.63l-6.54,18.06c-.5,1.37.21,2.89,1.58,3.38,1.37.5,2.89-.22,3.38-1.58l1.07-2.97h8.49l1.07,2.97c.38,1.04,1.38,1.74,2.48,1.74.31,0,.61-.05.9-.16,1.37-.5,2.08-2.01,1.58-3.38l-6.54-18.06ZM62.47,71.69h-4.67l2.33-6.44,2.33,6.44Z"/><path class="cls-1" d="M84.47,75.97h-5.99v-15.83c0-1.46-1.18-2.64-2.64-2.64s-2.64,1.18-2.64,2.64v18.47c0,1.46,1.18,2.64,2.64,2.64h8.64c1.46,0,2.64-1.18,2.64-2.64s-1.18-2.64-2.64-2.64Z"/><path class="cls-1" d="M105.99,77l-6.61-8.62,6.11-6.04c1.03-1.02,1.04-2.7.02-3.74-1.02-1.04-2.7-1.04-3.74-.02l-7.45,7.36v-5.81c0-1.46-1.18-2.64-2.64-2.64s-2.64,1.18-2.64,2.64v18.47c0,1.46,1.18,2.64,2.64,2.64s2.64-1.18,2.64-2.64v-5.23l1.27-1.25,6.2,8.09c.5.66,1.27,1.04,2.1,1.04.58,0,1.14-.19,1.61-.54,1.16-.89,1.38-2.55.49-3.7Z"/></g><path class="cls-3" d="M38.23,121.59c-.18-.46,3.72-19.41,3.72-19.41-13.63-7.12-22.61-19.29-22.61-33.1,0-21.95,22.68-39.75,50.66-39.75s50.66,17.8,50.66,39.75-22.68,39.75-50.66,39.75c-2.8,0-5.54-.18-8.22-.52,0,0-23.34,13.84-23.56,13.29Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sns_modal .sns .ico.blog .sns_ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-width: 6px; } .cls-1, .cls-2 { fill: none; } .cls-3 { fill: %23fff; } .cls-3, .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M105.97,29.18H34.02c-9.17,0-16.61,7.46-16.61,16.67v39.54c0,9.21,7.44,16.67,16.61,16.67h24.78l8.46,13.77s.09.16.27.39c.49.85,1.41,1.42,2.46,1.42s1.95-.57,2.45-1.41c.21-.25.28-.41.28-.41l8.46-13.77h24.78c9.17,0,16.61-7.46,16.61-16.67v-39.54c0-9.21-7.44-16.67-16.61-16.67Z"/><g><path class="cls-3" d="M49.6,67.97c-.01-.38-.43-9.56-8.82-9.56-.03,0-2.81.04-5.3,2.46l-.42.41v-10.55h-5.94v26.33h6.01v-2.81l.47.84c.06.11,1.52,2.64,5.19,2.64.35-.01,8.82-.44,8.82-9.76ZM39.35,72.57c-2.42,0-4.39-1.97-4.39-4.39s1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39-1.97,4.39-4.39,4.39Z"/><path class="cls-3" d="M60.81,77.06v-17.1c0-.05.08-4.63-2.71-7.49-1.46-1.5-3.46-2.28-5.93-2.33v5.72c.33.05.91.2,1.47.74.97.93,1.47,2.56,1.47,4.83v15.63h5.71Z"/><path class="cls-3" d="M65.84,68.18s-.1,3.97,2.58,6.75c1.8,1.86,4.42,2.8,7.8,2.8.43,0,10.63-.13,10.63-9.55,0-.05.1-4-2.62-6.82-1.84-1.9-4.54-2.87-8.02-2.87-.42,0-10.39.12-10.39,9.69ZM80.62,68.18c0,2.42-1.97,4.39-4.39,4.39s-4.39-1.97-4.39-4.39,1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39Z"/><path class="cls-3" d="M101.73,86.87c.14,0,3.94-.03,6.57-2.64,1.71-1.7,2.58-4.11,2.58-7.17v-17.92h-5.76v2.29l-.45-.59s-1.83-2.35-5.2-2.35c-.05,0-3.67-.12-6.25,2.35-1.73,1.66-2.61,4.11-2.61,7.26,0,.05-.01,4.36,2.68,7.08,1.46,1.47,3.46,2.22,5.93,2.22.04,0,3.56.11,5.46-2.35l.45-.58v2.24c0,.07.2,2.24-1.12,3.7-.75.83-1.84,1.25-3.23,1.25h-1.3v5.21h2.25ZM101.03,72.57c-2.42,0-4.39-1.97-4.39-4.39s1.97-4.39,4.39-4.39,4.39,1.97,4.39,4.39-1.97,4.39-4.39,4.39Z"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sns_modal .sns .ico.insta .sns_ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-3" cx="69.45" cy="70.81" r="17"/><circle class="cls-1" cx="95.73" cy="44.34" r="5.75"/><rect class="cls-3" x="25.04" y="25.03" width="90" height="90" rx="12" ry="12"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}


/*이너뷰티 서브*/

/*헤더*/
.sub.inner_beauty_page .layout_header { background-color: transparent; }
.sub.inner_beauty_page .layout_header > .resp_wrap { background-color: transparent; transition: background-color .5s; }
.sub.inner_beauty_page .layout_header .sub_nav { display: none; }
.sub.inner_beauty_page .layout_header .logo svg { fill: #fff; }
.sub.inner_beauty_page .layout_header .logo svg path,
.sub.inner_beauty_page .layout_header .logo svg rect { fill: #fff !important; }
.sub.inner_beauty_page .layout_wrap { margin-top: 0; }

.sub.inner_beauty_page .layout_header .icon_wrap .btn.user > a {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.inner_beauty_page .layout_header .icon_wrap .btn.basket > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub.inner_beauty_page .layout_header .icon_wrap .btn.ham .ico {background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat;}
.sub.inner_beauty_page .layout_header .icon_wrap .btn .btn_txt { color: #fff; }
.sub.inner_beauty_page .layout_header .resp_top_search a .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
.sub.inner_beauty_page .layout_header .icon_wrap .btn.lang .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.inner_beauty_page .layout_header .icon_wrap .btn.customer .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }

.sub.inner_beauty_page .layout_header.header_down > .resp_wrap { background-color: #fff; }
.sub.inner_beauty_page .layout_header.header_down { background-color: #fff; }
.sub.inner_beauty_page .layout_header.header_down .logo svg { fill: #000; }
.sub.inner_beauty_page .layout_header.header_down .logo svg path,
.sub.inner_beauty_page .layout_header.header_down .logo svg rect { fill: #000 !important; }
.sub.inner_beauty_page .layout_header.header_down .icon_wrap .btn.user > a {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.inner_beauty_page .layout_header.header_down .icon_wrap .btn.basket > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub.inner_beauty_page .layout_header.header_down .icon_wrap .btn.ham .ico {background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat;}
.sub.inner_beauty_page .layout_header.header_down .icon_wrap .btn .btn_txt { color: #000; }
.sub.inner_beauty_page .layout_header.header_down .resp_top_search a .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23000; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
.sub.inner_beauty_page .layout_header.header_down .icon_wrap .btn.lang .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.inner_beauty_page .layout_header.header_down .icon_wrap .btn.customer .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }


.inner_beauty_container { margin-bottom: calc(var(--layout_body_pd)* -1); }

.inner_beauty_container .pin-spacer { pointer-events: visible !important; }

.inner_beauty_container .visual_sect { position: relative; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; }
.inner_beauty_container .visual_sect:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #4B4466; z-index: 5; transition: transform 1s cubic-bezier(0.38, 0.01, 0.25, 1); transition-delay: 1.5s; }
.inner_beauty_container .visual_sect .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.inner_beauty_container .visual_sect .bg img { width: 100%; height: 100%; object-fit: cover; }
.inner_beauty_container .visual_sect .img_wrap { position: relative; width: 30%; padding-top: 18%; overflow: hidden; z-index: 10; }
.inner_beauty_container .visual_sect .img_wrap .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: transform 0.8s cubic-bezier(0.38, 0.01, 0.25, 1); transition-delay: 0.7s; }
.inner_beauty_container .visual_sect .img_wrap .img.active { opacity: 1; }
.inner_beauty_container .visual_sect .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.inner_beauty_container .visual_sect .txt_wrap { position: absolute; left: 50%; bottom: 10%; width: 100%; transform: translateX(-50%); z-index: 10; text-align: center; }
.inner_beauty_container .visual_sect .txt_wrap .tit { font-size: 7.5rem; font-weight: 500; font-family: 'CormorantGaramond22',serif; color: #fff; transition: all 0.8s cubic-bezier(0.38, 0.01, 0.25, 1); transition-delay: 1.7s; }
.inner_beauty_container .visual_sect .txt_wrap .txt { margin-top: 1rem; font-size: 1.6rem; color: rgba(255,255,255,0.6); line-height: 1.2; overflow: hidden; }
.inner_beauty_container .visual_sect .txt_wrap .txt span { display: inline-block; transition: transform 0.5s; transition-delay: 1s; }

.inner_beauty_container .visual_sect.active .img_wrap .img { transform: translateY(-120%); }
.inner_beauty_container .visual_sect.active:before { transform: translateY(-110%); }
.inner_beauty_container .visual_sect.active .txt_wrap .tit { font-size: 20rem; }
.inner_beauty_container .visual_sect.active .txt_wrap .txt span { transform: translateY(-100%); }

.inner_beauty_container .txt_sect { position: relative; height: calc(60vh - var(--header_Height)); }
.inner_beauty_container .txt_sect .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.inner_beauty_container .txt_sect .txt:first-of-type { font-size: 5.5rem; font-weight: 700; }
.inner_beauty_container .txt_sect .txt:last-of-type { font-size: 6.8rem; font-weight: 700; }
.inner_beauty_container .txt_sect .txt span { opacity: 0; }


.inner_beauty_container .slide_img_sect { position: relative; padding: 0 0 15rem; overflow: hidden; opacity: 0; transition: opacity 1.2s }
.inner_beauty_container .slide_img_sect.active { opacity: 1; }
.inner_beauty_container .slide_img_sect .img_slide {  }
.inner_beauty_container .slide_img_sect .img_wrap { display: flex; align-items: center; width: 200%; }
.inner_beauty_container .slide_img_sect .img_wrap:first-of-type { animation: beautyTextLoop 60s linear infinite; justify-content: flex-start; }
.inner_beauty_container .slide_img_sect .img_wrap:last-of-type { margin-left: -100%; animation: beautyTextLoop2 60s linear infinite; justify-content: flex-end; }
.inner_beauty_container .slide_img_sect .img_wrap + .img_wrap { margin-top: 2rem; }
.inner_beauty_container .slide_img_sect .img_wrap .img { position: relative; width: 100%; padding-top: 6%; margin-left: 4rem; border-radius: 2rem; overflow: hidden; }
.inner_beauty_container .slide_img_sect .img_wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }


.inner_beauty_container .routine_sect { padding: 30rem 0; background: url('/data/skin/dualsonic/images/sub/inner_beauty_bg.jpg')center/cover no-repeat; color: #fff; overflow: hidden; }
.inner_beauty_container .routine_sect .tit_wrap { width: 85%; margin: 0 auto; }
.inner_beauty_container .routine_sect .tit_wrap .desc { font-size: 2.2rem; font-weight: 600; }
.inner_beauty_container .routine_sect .tit_wrap .tit { margin-top: 1rem; font-size: 9rem; font-weight: 600; font-family: 'CormorantGaramond22',serif; line-height: 1.2; }
.inner_beauty_container .routine_sect .tit_wrap .txt { margin-top: 4rem; font-size: 1.8rem; }
.inner_beauty_container .routine_sect .tit_wrap .txt span { display: block; }
.inner_beauty_container .routine_sect .tit_wrap .txt span + span { margin-top: 3.5rem; }

.inner_beauty_container .routine_sect .cont { margin-top: 25rem; }
.inner_beauty_container .routine_sect .cont .tit_box { text-align: center; }
.inner_beauty_container .routine_sect .cont .tit_box .ico { width: 6rem; height: 6rem; margin: 0 auto; }
.inner_beauty_container .routine_sect .cont .tit_box .ico img { width: 100%; height: 100%; object-fit: contain; animation: spinIco 15s infinite linear; }
.inner_beauty_container .routine_sect .cont .tit_box .tit { margin-top: 3.5rem; font-size: 5rem; font-weight: 700; line-height: 1.6; }
.inner_beauty_container .routine_sect .cont .tit_box .txt { margin-top: 9rem; font-size: 2.2rem; font-weight: 600; }

.inner_beauty_container .routine_sect .box_wrap { display: flex; align-items: center; justify-content: center; width: 85%; margin: 4.5rem auto 0; }
.inner_beauty_container .routine_sect .box_wrap .wrap { position: relative; width: calc(100% / 3); padding-top: calc(100% / 3.14); border-radius: 2rem; transform-origin: left bottom; transform: rotate(15deg); opacity: 0; overflow: hidden; }
.inner_beauty_container .routine_sect .box_wrap .wrap:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(174, 66, 17, 0.5); }
.inner_beauty_container .routine_sect .box_wrap .wrap + .wrap { margin-left: 3rem; }
.inner_beauty_container .routine_sect .box_wrap .wrap .box { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 5rem 4rem; }
.inner_beauty_container .routine_sect .box_wrap .wrap .box .num { font-size: 1.6rem; font-weight: 700; }
.inner_beauty_container .routine_sect .box_wrap .wrap .box .ico { display: flex; align-items: flex-end; justify-content: center; height: 9.5rem; margin: 0 auto; text-align: center; }
.inner_beauty_container .routine_sect .box_wrap .wrap .box .ico img { width: auto; height: 100%; object-fit: contain; }
.inner_beauty_container .routine_sect .box_wrap .wrap:nth-of-type(3) .box .ico img { width: 40%; margin: 0 auto; }
.inner_beauty_container .routine_sect .box_wrap .wrap .box .tit { margin-top: 5.5rem; font-size: 4rem; font-weight: 600; font-family: 'CormorantGaramond22',serif; text-align: center; }
.inner_beauty_container .routine_sect .box_wrap .wrap .box .txt { margin-top: 2.5rem; font-size: 1.6rem; color: rgba(255,255,255,0.7); text-align: center; }

.inner_beauty_container .routine_sect + .txt_flow_sect { overflow: hidden; }
.inner_beauty_container .routine_sect + .txt_flow_sect .txt_flow { display: flex; align-items: center; justify-content: flex-start; user-select: none; }
.inner_beauty_container .routine_sect + .txt_flow_sect .txt_flow .txt { font-size: 20rem; font-weight: 500; font-family: 'CormorantGaramond22',serif; white-space: nowrap; animation: textLoop 40s infinite linear; }
.inner_beauty_container .routine_sect + .txt_flow_sect .txt_flow .txt + .txt { margin-left: 0.2em; }


.inner_beauty_container .slide_up_sect { position: relative; height: calc(100vh - var(--header_Height)); margin: 35rem 0; }
.inner_beauty_container .slide_up_sect .in { height: 100%; }
.inner_beauty_container .slide_up_sect .blur { position: absolute; top: 50%; width: 80%; height: 200%; transform: translateY(-50%); pointer-events: none; }
.inner_beauty_container .slide_up_sect .blur.mo_blur { display: none; }
.inner_beauty_container .slide_up_sect .blur img { width: 100%; height: 100%; object-fit: cover; }
.inner_beauty_container .slide_up_sect .blur01 { left: 0; }
.inner_beauty_container .slide_up_sect .blur01 img { object-position: right center; }
.inner_beauty_container .slide_up_sect .blur02 { right: 0; }
.inner_beauty_container .slide_up_sect .blur02 img { object-position: left center; }

.inner_beauty_container .slide_up_sect .tit_wrap { position: absolute; left: 50%; top: 10%; transform: translateX(-50%); text-align: center; }
.inner_beauty_container .slide_up_sect .tit_wrap .desc { font-size: 2.2rem; font-weight: 600; }
.inner_beauty_container .slide_up_sect .tit_wrap .tit { margin-top: 1rem; font-size: 5rem; font-weight: 700; }
.inner_beauty_container .slide_up_sect .bg_tit { position: absolute; left: 50%; top: 70%; transform: translate(-50%, -50%); font-size: max(14vw, 50px); font-family: 'CormorantGaramond22',serif; white-space: nowrap; opacity: 0; }

.inner_beauty_container .slide_up_sect .img_box_wrap { position: absolute; left: 50%; bottom: 0; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 120rem; height: auto; transform: translate(-50%, 100%); }

.inner_beauty_pointer { position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; }
.inner_beauty_pointer .pointer_box { display: flex; justify-content: center; align-items: center; flex-direction: column; transform: translate(-50%,-50%); opacity:0; width: 20rem; height: 20rem; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 2.2rem; border-radius: 50%; transition:all .3s ease-out; font-family: 'CormorantGaramond22',serif; }
.inner_beauty_pointer .pointer_box .ico { width: 1em; height: 0.8em; }
.inner_beauty_pointer .pointer_box .ico svg { width: 100%; height: 100%; fill: #fff; }
.inner_beauty_pointer.on .pointer_box { opacity: 1 }

.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap { width: 48%; }
.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap + .box_wrap { margin-top: 15rem; }
.inner_beauty_container .slide_up_sect .img_box_wrap .box { display: block; width: 100%; background-color: #fff; border-radius: 2rem; overflow: hidden; transform: scale(0.8); transition: transform 0.8s; z-index: 10; cursor: url('/data/skin/dualsonic/images/sub/boxCursor.png'), auto; box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); }
.inner_beauty_container .slide_up_sect .img_box_wrap .box.active { transform: scale(1); }
.inner_beauty_container .slide_up_sect .img_box_wrap .box + .box { margin-top: 10rem; }
.inner_beauty_container .slide_up_sect .img_box_wrap .box .img { position: relative; width: 100%; padding-top: 90%; }
.inner_beauty_container .slide_up_sect .img_box_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box { padding: 3.5rem 4rem 8rem; background-color: #fff; transition: background-color 0.5s, color 0.5s; }
.inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box .tit { font-size: 2.5rem; font-weight: 700; }
.inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box .txt { margin-top: 1.5rem; font-size: 1.6rem; }


.inner_beauty_container .inner_beauty_banner { position: relative; height: calc(100vh - var(--header_Height)); overflow: hidden; }
.inner_beauty_container .inner_beauty_banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 5; }
.inner_beauty_container .inner_beauty_banner .bg { position: relative; opacity: 0.5; z-index: 10; overflow: hidden; }
.inner_beauty_container .inner_beauty_banner .bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); transition: transform 1.2s; }
.inner_beauty_container .inner_beauty_banner .txt_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 15; }
.inner_beauty_container .inner_beauty_banner .txt_box .txt { font-size: 5rem; font-weight: 700; color: #fff; }
.inner_beauty_container .inner_beauty_banner .txt_box .txt span { display: block; opacity: 0; transform: translateY(1em); filter: blur(20px); transition: opacity 0.9s, transform 0.9s, filter 0.9s; }
.inner_beauty_container .inner_beauty_banner .txt_box .txt + .txt { margin-top: 6rem; }
.inner_beauty_container .inner_beauty_banner .txt_box .txt + .txt span { transition-delay: 0.2s; }
.inner_beauty_container .inner_beauty_banner .main_btn { margin-top: 7rem; opacity: 0; filter: blur(20px); transition: opacity 0.9s, filter 0.9s; }

.inner_beauty_container .inner_beauty_banner.active .bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); }
.inner_beauty_container .inner_beauty_banner.active .txt_box .txt span { opacity: 1; transform: unset; filter: blur(0); }
.inner_beauty_container .inner_beauty_banner.active .main_btn { opacity: 1; filter: blur(0); }


/*브랜드 스토리 인트로페이지*/
/*헤더*/
.sub.brand_story_page .layout_header { background-color: rgba(0,0,0,1); }
.sub.brand_story_page .layout_header > .resp_wrap { background-color: transparent; transition: background-color .5s; }
.sub.brand_story_page .layout_header .sub_nav { display: none; }
.sub.brand_story_page .layout_header .logo svg { fill: #fff; }
.sub.brand_story_page .layout_header .logo svg path,
.sub.brand_story_page .layout_header .logo svg rect { fill: #fff; }
.sub.brand_story_page .layout_wrap { margin-top: var(--header_Height); }

.sub.brand_story_page .layout_header .icon_wrap .btn.user > a {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.brand_story_page .layout_header .icon_wrap .btn.basket > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub.brand_story_page .layout_header .icon_wrap .btn.ham .ico {background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat;}
.sub.brand_story_page .layout_header .icon_wrap .btn .btn_txt { color: #fff; }
.sub.brand_story_page .layout_header .resp_top_search a .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
.sub.brand_story_page .layout_header .icon_wrap .btn.lang .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.brand_story_page .layout_header .icon_wrap .btn.customer .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }

.sub.brand_story_page .layout_header.header_down > .resp_wrap { background-color: #fff; }
.sub.brand_story_page .layout_header.header_down { background-color: #fff; }
.sub.brand_story_page .layout_header.header_down .logo svg { fill: #000; }
.sub.brand_story_page .layout_header.header_down .logo svg path,
.sub.brand_story_page .layout_header.header_down .logo svg rect { fill: #000; }
.sub.brand_story_page .layout_header.header_down .icon_wrap .btn.user > a {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.brand_story_page .layout_header.header_down .icon_wrap .btn.basket > a { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub.brand_story_page .layout_header.header_down .icon_wrap .btn.ham .ico {background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat;}
.sub.brand_story_page .layout_header.header_down .icon_wrap .btn .btn_txt { color: #000; }
.sub.brand_story_page .layout_header.header_down .resp_top_search a .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23000; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
.sub.brand_story_page .layout_header.header_down .icon_wrap .btn.lang .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
.sub.brand_story_page .layout_header.header_down .icon_wrap .btn.customer .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }
.sub.brand_story_page .brand_story{  }


.brand_intro_container .item_wrapper{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; }
.brand_intro_container .item {position: relative; height: calc(100vh - var(--header_Height)); }
.brand_intro_container .item a { position: relative; display: block; height: 100%;}
.brand_intro_container .item .img{ width: 100%; height: 100%; overflow: hidden;}
.brand_intro_container .item .img img{ width: 100%; height: 100%; object-fit: cover; object-position: top center; transform: scale(1.1); transition: transform 1s ease-in-out, opacity 0.8s cubic-bezier(.4,0,.2,1)}

.brand_intro_container .item .txt_box{display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding-bottom: 9rem; color: #fff;}
.brand_intro_container .item .txt_box .tit{font-size: 6rem; font-weight: 600; font-family: 'CormorantGaramond22';}
.brand_intro_container .item .txt_box .sub_tit{margin-top: 4rem; font-size: 2.2rem; font-weight: 700;}
.brand_intro_container .item .txt_box .desc { margin-top: 2rem; margin-bottom: 6rem; font-size: 1.6rem; }
/* 241230 .main_btn 삭제요청 */
/*
.brand_intro_container .item .txt_box .main_btn{margin-top: 6rem;}
.brand_intro_container .item .txt_box .main_btn span{font-size: max(2.2rem, 12px);}
*/


.brand_intro_container.type2 .item_wrapper { display: flex; align-items: center; justify-content: center }
.brand_intro_container.type2 .item_wrapper .item { width: 25%; transition: width 0.8s; }
.brand_intro_container.type2 .item a { position: relative; display: block; height: 100%;}
.brand_intro_container.type2 .item a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1; transition: opacity 0.8s; }
.brand_intro_container.type2 .item .img img { transform: scale(1); }

/*=====브랜드스토리_뷰티디바이스=====*/
.beauty_device_container { margin-bottom: calc(var(--layout_body_pd)* -1); }
.device_beauty_page {  }
.device_beauty_page .side_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }

.device_beauty_page .side_sect .txt_wrap { margin: calc(45vh - 35rem) 0 45vh 0; }
.device_beauty_page .side_sect .txt_wrap .txt_box { margin-top: 35rem; opacity: 0.2; color: #000; }
.device_beauty_page .side_sect .txt_wrap .txt_box.active { opacity: 1; }
.device_beauty_page .side_sect .txt_wrap .txt_box .num { display: flex; align-items: center; justify-content: center; width: 5.6rem; height: 5.6rem; border-radius: 100%; background-color: #08B89A; color: #fff; font-size: var(--subTxt); font-weight: 700; }
.device_beauty_page .side_sect .txt_wrap .txt_box .tit { margin-top: 0.5em; font-size: 6.5rem; font-weight: 700; }
.device_beauty_page .side_sect .txt_wrap .txt_box .txt { margin-top: 1em; font-size: 2.5rem; font-weight: 700; }
.device_beauty_page .side_sect .txt_wrap .txt_box .desc { margin-top: 1em; font-size: 1.8rem; line-height: 1.8; }

.device_beauty_page .side_sect .img_wrap { position: sticky; top: var(--header_total); height: calc(100vh - var(--header_total)); width: 55%; }
.device_beauty_page .side_sect .img_wrap .img_box { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-top: 115%; border-radius: 2rem; overflow: hidden; }
.device_beauty_page .side_sect .img_wrap .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s; }
.device_beauty_page .side_sect .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.device_beauty_page .side_sect .img_wrap .img.active { opacity: 1; }

.device_beauty_page .inner_beauty_banner { position: relative; height: calc(100vh - var(--header_total)); overflow: hidden; }
.device_beauty_page .inner_beauty_banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 5; }
.device_beauty_page .inner_beauty_banner .bg { position: relative; width: 100%; height: 100%; opacity: 0.7; z-index: 10; overflow: hidden; }
.device_beauty_page .inner_beauty_banner .bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); transition: transform 1.2s; }
.device_beauty_page .inner_beauty_banner .txt_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; z-index: 15; }
.device_beauty_page .inner_beauty_banner .txt_box .txt { font-size: 5rem; font-weight: 700; color: #fff; }
.device_beauty_page .inner_beauty_banner .txt_box .txt span { display: block; opacity: 0; transform: translateY(1em); filter: blur(20px); transition: opacity 0.9s, transform 0.9s, filter 0.9s; }
.device_beauty_page .inner_beauty_banner .txt_box .txt + .txt { margin-top: 6rem; }
.device_beauty_page .inner_beauty_banner .txt_box .txt + .txt span { transition-delay: 0.2s; }
.device_beauty_page .inner_beauty_banner .txt_box .desc { margin-top: 1.5em; font-size: 1.8rem; opacity: 0; transform: translateY(1em); filter: blur(20px); transition: opacity 0.9s, transform 0.9s, filter 0.9s; }
.device_beauty_page .inner_beauty_banner .main_btn { margin-top: 7rem; opacity: 0; filter: blur(20px); transition: opacity 0.9s, filter 0.9s; }

.device_beauty_page .inner_beauty_banner.animated .bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); }
.device_beauty_page .inner_beauty_banner.animated .txt_box .txt span { opacity: 1; transform: unset; filter: blur(0); }
.device_beauty_page .inner_beauty_banner.animated .txt_box .desc { opacity: 1; transform: unset; filter: blur(0); }
.device_beauty_page .inner_beauty_banner.animated .main_btn { opacity: 1; filter: blur(0); }

/*브랜드스토리_스킨뷰티*/
.skin_beauty_container { margin-top: calc(var(--header_total) * -1); margin-bottom: calc(var(--layout_body_pd)* -1); }
.skin_beauty_container .visual_sect { position: relative; height: 100vh; padding-top: var(--header_Height); overflow: hidden; }
.skin_beauty_container .visual_sect .txt_box { position: absolute; left: 50%; top: calc(var(--header_Height) + 5vh); text-align: center; transform: translate(-50%, 0); z-index: 15; will-change: transform; }
.skin_beauty_container .visual_sect .txt_box .desc { font-size: 2.5rem; font-weight: 700; }
.skin_beauty_container .visual_sect .txt_box .tit { font-size: 7.8rem; font-weight: 500; font-family: 'CormorantGaramond22', serif; line-height: 1.3; }
.skin_beauty_container .visual_sect .txt_box .txt { margin-top: 0.6em; font-size: 1.6rem; }

.skin_beauty_container .visual_sect .bg_img { position: absolute; left: 50%; bottom: calc(var(--sub_nav) + 5vh); width: 20%; padding-top: 60vh; transform: translate(-50%, 0); overflow: hidden; }
.skin_beauty_container .visual_sect .bg_img .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); opacity: 0; z-index: 10; }
.skin_beauty_container .visual_sect .bg_img img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; object-position: top; }

.skin_beauty_container .txt_sect { position: relative; height: calc(55vh - var(--header_Height)); }
.skin_beauty_container .txt_sect .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 2rem; text-align: center; word-break: keep-all; }
.skin_beauty_container .txt_sect .txt:first-of-type { font-size: 5.5rem; font-weight: 700; }
.skin_beauty_container .txt_sect .txt:last-of-type { font-size: 5.5rem; font-weight: 700; }
.skin_beauty_container .txt_sect .txt span { opacity: 0; }

.skin_beauty_container .slide_sect {  }
.skin_beauty_container .slide_sect .swiper-container { padding: 0 2rem 18rem; }
.skin_beauty_container .slide_sect .item {  }
.skin_beauty_container .slide_sect .item .img { position: relative; width: 100%; padding-top: 100%; border-radius: 2rem; overflow: hidden; }
.skin_beauty_container .slide_sect .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.skin_beauty_container .slide_sect .swiper-slide { transition: transform 0.8s; }
.skin_beauty_container .slide_sect .swiper-slide[class$=-prev] { transform: translateY(5rem); }
.skin_beauty_container .slide_sect .swiper-slide[class$=-active] { transform: translateY(15rem); }
.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div { transform: translateY(0); }
.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div + div { transform: translateY(8rem); }
.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div + div + div { transform: translateY(18rem); }
.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div + div + div + div { transform: translateY(2rem); }

.skin_beauty_container .cont_tit_wrap .desc { margin-bottom: 0.3em; font-size: 2.2rem; font-weight: 600; opacity: 0; transform: translateY(50px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.1s; }
.skin_beauty_container .cont_tit_wrap .tit { font-size: 10rem; font-weight: 600; font-family: 'CormorantGaramond22', serif; line-height: 1; opacity: 0; transform: translateY(50px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.2s; }
.skin_beauty_container .cont_tit_wrap .txt { margin-top: 2em; font-size: 1.8rem; opacity: 0; transform: translateY(50px); transition: opacity 0.3s, transform 0.8s; transition-delay: 0.8s; }

.skin_beauty_container .cont_tit_wrap.active .desc { opacity: 1; transform: unset; }
.skin_beauty_container .cont_tit_wrap.active .tit { opacity: 1; transform: unset; }
.skin_beauty_container .cont_tit_wrap.active .txt { opacity: 1; transform: unset; }


.skin_beauty_container .cosmetic_sect { position: relative; padding: 25rem 0; overflow: hidden; }
.skin_beauty_container .cosmetic_sect .in { position: relative; z-index: 10; }
.skin_beauty_container .cosmetic_sect .bg_img { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; z-index: 1; opacity: 0.1; pointer-events: none; }
.skin_beauty_container .cosmetic_sect .bg_img img { width: 100%; height: 100%; object-position: bottom; }
.skin_beauty_container .cosmetic_sect .cont { position: relative; margin-top: 28rem; }
.skin_beauty_container .cosmetic_sect.type2 .cont { margin-top: 0; }
.skin_beauty_container .cosmetic_sect .cont + .cont { margin-top: 40rem; }
.skin_beauty_container .cosmetic_sect .cont .tit_wrap { text-align: center; }
.skin_beauty_container .cosmetic_sect .cont .tit_wrap .tit { font-size: 5rem; font-weight: 700; opacity: 0; transform: translateY(50px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.3s; }
.skin_beauty_container .cosmetic_sect .cont .tit_wrap .txt { margin-top: 1em; font-size: 1.6rem; opacity: 0; transform: translateY(50px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.3s; }

.skin_beauty_container .cosmetic_sect .cont .tit_wrap.active .tit { opacity: 1; transform: unset; }
.skin_beauty_container .cosmetic_sect .cont .tit_wrap.active .txt { opacity: 1; transform: unset; word-break: keep-all; }

.skin_beauty_container .cosmetic_sect .cont .cir_wrap { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; width: 60%; margin: 15rem auto 0; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); width: 140%; padding-top: 140%; transition: transform 1.2s ease-in-out; transition-delay: 0.2s; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.active .bg { transform: translate(-50%, -50%) scale(1); }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir { position: relative; width: 100%; padding-top: 100%; background-color: #fff; border-radius: 100%; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir.cir1 { margin-right: -4rem }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir.cir2 { margin-left: -4rem }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -30%); width: 80%; text-align: center; opacity: 0; transition: opacity 0.8s, transform 0.8s; transition-delay: 1s; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir.cir2 .box { transition-delay: 1.2s; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir.cir3 .box { transition-delay: 1.4s; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box .tit { font-size: 4rem; font-weight: 700;  }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box .txt { margin-top: 1em; font-size: 1.6rem; font-weight: 500; line-height: 1.8; word-break: keep-all; }

.skin_beauty_container .cosmetic_sect .cont .cir_wrap.active .cir .box { opacity: 1; transform: translate(-50%, -50%); }

.skin_beauty_container .skin_bg_sect{background: url('/data/skin/dualsonic/images/sub/skin_cont_bg2.png') no-repeat center top/cover;}

.skin_beauty_container .cosmetic_sect.type2{}
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 { width: 75%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 2rem; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .bg { width: 150%; padding-top: 230%; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir { padding-top: 145%; border-radius: 25rem; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir1 { margin-right: 0; margin-bottom: 0; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir2 { margin: 0 0; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir3 { margin-top: 0; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box {  }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .ico{max-width: 40%; margin: 0 auto 5rem auto;}
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .step { display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 700; color: #fff; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .step span { padding: 0.5em 1em; background-color: #000; border-radius: 100%; }
.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .txt { margin-top: 2em; font-size: 1.8rem; font-weight: 700; }

.skin_beauty_container .cosmetic_sect .cont .grid_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.4rem 3.2rem; width: 80%; margin: 10rem auto 0; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box { position: relative; border-radius: 2.5rem; background-color: #000; overflow: hidden; opacity: 0; transform: translateY(20%); transition: opacity 0.8s, transform 0.8s; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box:nth-of-type(1) { transition-delay: 0.1s }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box:nth-of-type(2) { transition-delay: 0.25s }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box:nth-of-type(3) { transition-delay: 0.4s }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box:nth-of-type(4) { transition-delay: 0.55s }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box:nth-of-type(5) { transition-delay: 0.7s }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box:nth-of-type(6) { transition-delay: 0.85s }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap.active .box { opacity: 1; transform: unset; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .img { opacity: 0.8; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .img img { width: 100%; height: 100%; object-fit: cover; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box { position: absolute; left: 50%; top: 50%; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 25% 5rem 5rem; transform: translate(-50%, -50%); color: #fff; text-align: center; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box .tit { font-size: 4.5rem; font-weight: 500; font-family: 'CormorantGaramond22', serif; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box .txt_box {  }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box .txt_box .txt { font-size: 2.5rem; font-weight: 700; }
.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box .txt_box .desc { margin-top: 0.6em; font-size: 1.6rem; }

.skin_beauty_container .txt_flow_sect { overflow: hidden; }
.skin_beauty_container .txt_flow_sect .txt_flow { display: flex; align-items: center; justify-content: flex-start; user-select: none; }
.skin_beauty_container .txt_flow_sect .txt_flow .txt { font-size: 20rem; font-weight: 500; font-family: 'CormorantGaramond22',serif; white-space: nowrap; animation: textLoop 60s infinite linear; }
.skin_beauty_container .txt_flow_sect .txt_flow .txt + .txt { margin-left: 0.2em; }

.skin_beauty_container .inner_beauty_banner { position: relative; height: calc(100vh - var(--header_Height)); overflow: hidden; }
.skin_beauty_container .inner_beauty_banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 5; }
.skin_beauty_container .inner_beauty_banner .bg { position: relative; width: 100%; height: 100%; opacity: 0.7; z-index: 10; overflow: hidden; }
.skin_beauty_container .inner_beauty_banner .bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); transition: transform 1.2s; }
.skin_beauty_container .inner_beauty_banner .txt_box { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 15; }
.skin_beauty_container .inner_beauty_banner .txt_box .txt { font-size: 5rem; font-weight: 700; color: #fff; }
.skin_beauty_container .inner_beauty_banner .txt_box .txt span { display: block; opacity: 0; transform: translateY(1em); filter: blur(20px); transition: opacity 0.9s, transform 0.9s, filter 0.9s; }
.skin_beauty_container .inner_beauty_banner .txt_box .txt + .txt { margin-top: 6rem; }
.skin_beauty_container .inner_beauty_banner .txt_box .txt + .txt span { transition-delay: 0.2s; }
.skin_beauty_container .inner_beauty_banner .txt_box .desc { margin-top: 1.5em; font-size: 1.8rem; opacity: 0; transform: translateY(1em); filter: blur(20px); transition: opacity 0.9s, transform 0.9s, filter 0.9s; }
.skin_beauty_container .inner_beauty_banner .main_btn { margin-top: 7rem; opacity: 0; filter: blur(20px); transition: opacity 0.9s, filter 0.9s; }

.skin_beauty_container .inner_beauty_banner.active .bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); }
.skin_beauty_container .inner_beauty_banner.active .txt_box .txt span { opacity: 1; transform: unset; filter: blur(0); }
.skin_beauty_container .inner_beauty_banner.active .txt_box .desc { opacity: 1; transform: unset; filter: blur(0); }
.skin_beauty_container .inner_beauty_banner.active .main_btn { opacity: 1; filter: blur(0); }


/*브랜드스토리_헬스뷰티*/
.skin_beauty_container.health .cosmetic_sect { position: relative; overflow: hidden; }
.skin_beauty_container.health .cosmetic_sect .bg { position: absolute; right: 0; top: 0; width: 50%; transform: translateX(50%); }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 9.5rem; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box { width: 22%; opacity: 0; transform: translateY(20%); transition: opacity 0.8s, transform 0.8s; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box:nth-of-type(1) { transition-delay: 0.1s; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box:nth-of-type(2) { transition-delay: 0.2s; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box:nth-of-type(3) { transition-delay: 0.3s; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap.active .box { opacity: 1; transform: unset; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .num { position: relative; display: flex; align-items: center; justify-content: center;  font-size: 1.8rem; font-weight: 700; color: #fff; transform: translateY(50%); z-index: 10; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .num span { display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 100%; background-color: #9797C8; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .img { position: relative; width: 100%; padding-top: 130%; border-radius: 20rem; overflow: hidden; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .tit_box { margin-top: 3rem; text-align: center; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .tit_box .tit { font-size: 3.6rem; font-weight: 700; }
.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .tit_box .txt { margin-top: 1em; font-size: 1.6rem; font-weight: 500; line-height: 1.8; }

.skin_beauty_container.health .health_sect { position: relative; padding: 25rem 0; background-color: #DDDDEB; overflow: hidden; }
.skin_beauty_container.health .health_sect .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.skin_beauty_container.health .health_sect .bg img { width: 100%; height: 100%; object-fit: cover; object-position: right bottom; }
.skin_beauty_container.health .health_sect .tit_wrap {  }
.skin_beauty_container.health .health_sect .tit_wrap .tit { font-size: 5rem; font-weight: 700; opacity: 0; transform: translateY(50px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.3s; }
.skin_beauty_container.health .health_sect .tit_wrap .txt { margin-top: 1em; font-size: 1.6rem; opacity: 0; transform: translateY(50px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.4s; }

.skin_beauty_container.health .health_sect .tit_wrap.active .tit,
.skin_beauty_container.health .health_sect .tit_wrap.active .txt { opacity: 1; transform: unset; }


.skin_beauty_container.health .health_sect .cont { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2.4rem; width: 55%; margin-right: auto; margin-top: 7rem; }
.skin_beauty_container.health .health_sect .cont .box { position: relative; width: 100%; padding-top: 100%; border-radius: 2rem; overflow: hidden; background-color: #9797C8; color: #fff; transform: rotate(15deg); transform-origin: left bottom; opacity: 0; transition: opacity 1s, transform 1s; }
.skin_beauty_container.health .health_sect .cont .box:nth-of-type(1) { transition-delay: 0.1s; }
.skin_beauty_container.health .health_sect .cont .box:nth-of-type(2) { transition-delay: 0.3s; }
.skin_beauty_container.health .health_sect .cont .box:nth-of-type(3) { transition-delay: 0.5s; }
.skin_beauty_container.health .health_sect .cont .box:nth-of-type(4) { transition-delay: 0.7s; }
.skin_beauty_container.health .health_sect .cont.active .box { opacity: 1; transform: unset; }
.skin_beauty_container.health .health_sect .cont .box .in_box { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 5rem 3rem; }
.skin_beauty_container.health .health_sect .cont .box .num { font-size: 1.6rem; font-weight: 700 }
.skin_beauty_container.health .health_sect .cont .box .ico { display: flex; align-items: center; justify-content: center; }
.skin_beauty_container.health .health_sect .cont .box .ico img { max-height: 11rem; }
.skin_beauty_container.health .health_sect .cont .box .tit_box { margin-top: 1rem; text-align: center; }
.skin_beauty_container.health .health_sect .cont .box .tit_box .tit { font-size: 3rem; font-weight: 700; }
.skin_beauty_container.health .health_sect .cont .box .tit_box .txt { margin-top: 1em; font-size: 1.6rem; }


@media screen and (min-width: 1024px) {
	.inner_beauty_container .slide_up_sect .img_box_wrap .box:hover .txt_box { background-color: #000000; color: #fff; }

	.brand_intro_container .item:hover .img img { transform: scale(1); }
	.brand_intro_container .item:hover .main_btn.line3::before { box-shadow: inset 300px 0 0 #fff; }
	.brand_intro_container .item:hover .main_btn.line3 span { color: #000; }
	.brand_intro_container .item:hover .main_btn.line3 .ico { background: url('/data/skin/dualsonic/images/common/dual_ico_arrow.svg')center/contain no-repeat; }

	.brand_intro_container.type2 .item_wrapper .item:hover { width: 40%; }
	.brand_intro_container.type2 .item:hover a:before { opacity: 0; }
}



@keyframes spinIco {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes beautyTextLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
}
@keyframes beautyTextLoop2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
	}
}

@media screen and (max-width: 2400px) {
	.device_beauty_page .side_sect .img_wrap { width: 45%; }
}

@media screen and (max-width: 1600px){
	/*브랜드스토리 인트로*/
	.brand_intro_container.type2 .item .txt_box .tit { font-size: 5rem; }

	/*스킨뷰티*/
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap { width: 70%; }
	.skin_beauty_container .txt_flow_sect .txt_flow .txt { font-size: 12rem; }
}

@media screen and (max-width: 1200px){
	/*브랜드스토리 인트로*/
	.brand_intro_container.type2 .item_wrapper { flex-wrap: wrap; }
	.brand_intro_container.type2 .item_wrapper .item { width: 50%; }

	/*뷰티 디바이스*/
	.device_beauty_page .side_sect .txt_wrap .txt_box .tit { font-size: 5.5rem; }

	/*헬스뷰티*/
	.skin_beauty_container .visual_sect .bg_img { width: 50%; padding-top: 50vh; }

	.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box { width: 30%; }
	.skin_beauty_container.health .health_sect .cont { width: 75%; }
	.skin_beauty_container.health .health_sect .cont .box .in_box { padding: 4rem 2rem; }
	.skin_beauty_container.health .health_sect .cont .box .ico img { max-height: 9rem; }

	.skin_beauty_container .cosmetic_sect .cont { margin-top: 20rem; }

	.skin_beauty_container .cont_tit_wrap .tit { font-size: 7rem; }

	/*스킨케어*/
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap { width: 90%; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box .tit { font-size: 3.2rem; }

	.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box { padding: 25% 2rem 2rem; }
	.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box .tit { font-size: 3.5rem; }
	.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box .txt_box .txt { font-size: 2rem; }
	.skin_beauty_container .cosmetic_sect .cont .grid_wrap .box .tit_box .txt_box .desc { font-size: 1.6rem; }

	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2{width: 100%;}
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .txt { margin-top: 1em; font-size: 1.6rem; }

	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir { padding-top: 145%; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir1 { margin-right: 0; margin-bottom: 0; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir2 { margin: 0 0; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir3 { margin-top: 0; }



}

@media screen and (max-width: 768px){
	/*브랜드스토리 인트로*/
	.brand_intro_container.type2 .item_wrapper .item { width: 50%; height: calc(70vh - var(--header_Height)); }
	.brand_intro_container.type2 .item .txt_box { justify-content: center; }
	.brand_intro_container.type2 .item .txt_box .main_btn { display: none; }

	/*뷰티 디바이스*/
	.device_beauty_page .inner_beauty_banner .txt_box .txt,
	.skin_beauty_container .inner_beauty_banner .txt_box .txt { font-size: 20px; }

	.device_beauty_page .inner_beauty_banner .txt_box .desc,
	.skin_beauty_container .inner_beauty_banner .txt_box .desc { font-size: 14px; word-break: keep-all; }

	.skin_beauty_container .inner_beauty_banner .txt_box { padding: 0 20px; }

	.device_beauty_page .side_slide { padding: 80px 0; }
	.device_beauty_page .side_slide .swiper-container { padding: 0 20px; }
	.device_beauty_page .side_slide .swiper-slide {  }
	.device_beauty_page .side_slide .swiper-slide .img { position: relative; width: 100%; padding-top: 60%; }
	.device_beauty_page .side_slide .swiper-slide .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
	.device_beauty_page .side_slide .swiper-slide .txt_box { margin-top: 3rem; color: #000; }
	.device_beauty_page .side_slide .swiper-slide .txt_box .tit { font-size: 2.6rem; font-weight: 700; }
	.device_beauty_page .side_slide .swiper-slide .txt_box .txt { margin-top: 1em; font-size: 2rem; font-weight: 700; }
	.device_beauty_page .side_slide .swiper-slide .txt_box .desc { margin-top: 1em; font-size: 1.6rem; word-break: keep-all; }
	.device_beauty_page .side_slide .swiper-slide .txt_box .desc br { display: none; }

	/*뷰티 비주얼*/
	.skin_beauty_container .visual_sect { height: calc(100vh - (var(--header_total) + var(--bot_fix_menu))) }
	.skin_beauty_container .visual_sect { margin-top: var(--header_total); padding-top: 0; }
	.skin_beauty_container .visual_sect .bg_img { width: 70%; padding-top: 35vh; bottom: 40px; }
	.skin_beauty_container .visual_sect .txt_box { top: calc(var(--header_total) - 1vh); width: 100%; }
	.skin_beauty_container .visual_sect .txt_box .desc { font-size: 18px; }
	.skin_beauty_container .visual_sect .txt_box .tit { font-size: 45px; }
	.skin_beauty_container .visual_sect .txt_box .txt { font-size: 16px; }


	/*헬스 뷰티*/
	.skin_beauty_container .txt_sect { width: 100%; height: 25vh; padding: 0 20px; }
	.skin_beauty_container .txt_sect .txt { width: 100%; word-break: keep-all; }
	.skin_beauty_container .txt_sect .txt:first-of-type,
	.skin_beauty_container .txt_sect .txt:last-of-type { font-size: 24px; }

	.skin_beauty_container .cont_tit_wrap .desc { font-size: 14px; }
	.skin_beauty_container .cont_tit_wrap .tit { font-size: 38px; }
	.skin_beauty_container .cont_tit_wrap .txt { font-size: 13px; }

	.skin_beauty_container .slide_sect .swiper-container { padding: 0 2rem 80px; }
	.skin_beauty_container .slide_sect .swiper-slide[class$=-active] { transform: translateY(60px); }
	.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div { transform: translateY(0); }
	.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div + div { transform: translateY(30px); }
	.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div + div + div { transform: translateY(80px); }
	.skin_beauty_container .slide_sect .swiper-slide[class$=-active] + div + div + div + div { transform: translateY(15px); }

	.skin_beauty_container .cosmetic_sect,
	.skin_beauty_container.health .health_sect { padding: 120px 0; }
	.skin_beauty_container .cosmetic_sect .cont { margin-top: 80px; }
	.skin_beauty_container .cosmetic_sect .cont .tit_wrap .tit,
	.skin_beauty_container.health .health_sect .tit_wrap .tit { font-size: 24px; }
	.skin_beauty_container .cosmetic_sect .cont .tit_wrap .txt,
	.skin_beauty_container.health .health_sect .tit_wrap .txt { font-size: 13px; }
	.skin_beauty_container .cosmetic_sect .cont .tit_wrap .txt br { display: none; }

	.skin_beauty_container.health .cosmetic_sect .cont .num_wrap { margin-top: 40px; }
	.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box { width: 32%; }
	.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .tit_box .tit { font-size: 16px; }
	.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .tit_box .txt { font-size: 12px; word-break: keep-all; }
	.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .num { font-size: 12px; }
	.skin_beauty_container.health .cosmetic_sect .cont .num_wrap .box .num span { width: 30px; height: 30px; }

	.skin_beauty_container.health .health_sect .cont { width: 100%; }
	.skin_beauty_container.health .health_sect .cont .box { padding-top:0; }
	.skin_beauty_container.health .health_sect .cont .box .in_box { position: static; padding: 20px 15px; justify-content: flex-start; }
	.skin_beauty_container.health .health_sect .cont .box .ico { margin-top: 15px; }
	.skin_beauty_container.health .health_sect .cont .box .tit_box { margin-top: 25px; }
	.skin_beauty_container.health .health_sect .cont .box .tit_box .tit { font-size: 18px; }
	.skin_beauty_container.health .health_sect .cont .box .tit_box .txt { font-size: 12px; word-break: keep-all; }

	.skin_beauty_container .cosmetic_sect .cont + .cont { margin-top: 150px; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap { width: 100%; margin: 80px auto 0; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir { width: calc(100% + 1rem); padding-top: calc(100% + 1rem); }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box { top: 50%; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.active .cir .box { transform: translate(-50%, -55%); }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box .tit { font-size: 18px; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box .txt { margin-top: 0.5em; font-size: 12px; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir.cir1 { margin-right: -1rem }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir.cir2 { margin-left: -1rem }

	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 { width: 70%; grid-template-columns: repeat(1, minmax(0, 1fr)); }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .bg{width: 315%; padding-top: 315%;}
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir { padding-top: 55%; border-radius: 100%; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir1 { margin-right: -1rem; margin-bottom: 0; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir2 { margin: -1rem 0; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir.cir3 { margin-top: -1rem; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .ico{max-width: 25%; margin: 0 auto 2rem auto;}
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .step { font-size: 12px; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir .box .txt { margin-top: 8px; }

	.skin_beauty_container .cosmetic_sect .cont .grid_wrap { width: 100%; margin: 40px auto 0; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }

	.skin_beauty_container .txt_flow_sect .txt_flow .txt { font-size: 60px; }

}

@media screen and (max-width: 600px){
	/*브랜드스토리 인트로*/
	.brand_intro_container.type2 .item { padding-top: 0 !important; }
	.brand_intro_container.type2 .item .txt_box .tit { font-size: 4rem; }
	.brand_intro_container.type2 .item_wrapper { padding-top: 0; }
	.brand_intro_container.type2 .item_wrapper .item { width: 100%; height: auto; }

	.skin_beauty_container .visual_sect { height: 70vh; }
	.skin_beauty_container .visual_sect .txt_box { top: 8vh; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box { top: auto; bottom: 50%; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap .cir .box { transform: translate(-50%, 0%); }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.active .cir .box { transform: translate(-50%, 50%); }

	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 { width: 100%; }
	.skin_beauty_container .cosmetic_sect .cont .cir_wrap.type2 .cir { padding-top: 70%; }

	.skin_beauty_container .cosmetic_sect .cont .grid_wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}