@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

:root{
	--cont_in: 144rem;
	--modal_bg: rgba(0,0,0,0.5);
}

/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
Author : 퍼스트몰(firstmall)
Author URL : http://www.firstmall.kr
Creation Date : 2021-11-01
Modify Date : 2022-05-09
************************************************************************************** */
.password_alert_msg { font-size: 12px; margin-top: 5px; color: rgb(255, 119, 119); }

/*common으로 이동*/

/*회원가입 이용약관 내 팝업 스크롤*/
.y_scroll_auto2 { overflow: auto; }

/*리셋*/
button { border-radius: 0; }
svg { overflow: visible; }

.nice-select { border: 1px solid #ccc; }
.nice-select:after { right: 10px; width: 1.5rem; height: 1.5rem; margin-top: 0; border: 0; background: url('/data/skin/dualsonic/images/common/dual_ico_down.svg')center/contain no-repeat; transform: rotate(0) translateY(-50%); transform-origin: top; }
.nice-select.open:after { transform: rotate(180deg) translateY(-50%); }

/*btn_wrap 공용*/
.sub .btn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; }
.sub .btn_wrap.left { justify-content: flex-start; }
.sub .btn_wrap.right { justify-content: flex-end; }

/*input checkbox 기본스타일(원형)*/
.chk_box > label { width: 100%; }
.chk_box:not(.agree) input {  }
.chk_box:not(.agree) input + label { position: relative; display: flex; align-items:center; justify-content: flex-start; font-size: 14px; font-weight: 500; word-break: keep-all}
.chk_box.center:not(.agree) input + label { justify-content: center; }
.chk_box:not(.agree):not(.box) input + label::before { content: ''; display: block; width: 20px; height: 20px; 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}
.chk_box:not(.agree):not(.box) input:checked + label { color: #000; }
.chk_box:not(.agree):not(.box) input:checked + label::before { background: url('/data/skin/dualsonic/images/common/dual_chk_cir_full.svg') no-repeat 0 0 / contain; }

/*input checkbox 기본스타일(사각)*/
.chk_box.squ:not(.agree) input + label { color: #999; }
.chk_box.squ:not(.agree) input:checked + label { color: #000; }
.chk_box.squ:not(.agree) input + label::before { width: 22px; height: 22px; 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: %23999; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><rect class="cls-2" x="25.05" y="25.11" width="90" height="90" rx="12" ry="12"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat 0 0 / contain; }
.chk_box.squ:not(.agree) input:checked + label::before { background: url("/data/skin/dualsonic/images/common/dual_chk_squ_full.svg") no-repeat 0 0 / contain; }

/*input checkbox 박스스타일*/
.chk_box.agree input + label { display: inline-block; width: 100%; height: 5rem; line-height: 5rem; border: 1px solid #ccc; font-size: 14px; font-weight: 500; color: #ccc; text-align: center; }
.chk_box.agree input:checked + label { border-color: #000; color: #000; }


/*input radio 기본스타일*/
.radio_wrap { display: flex; align-items: center; justify-content: flex-start; }

/*.chk_box:not(.box) input[type='radio'] {  }*/

/*input radio 박스스타일*/
.chk_box.box { width: 100%; }
.chk_box.box + .chk_box.box input[type='radio'] + label { border-left: 0; }
.chk_box.box input[type='radio'] + label { position: relative; display: inline-block; width: 100%; height: var(--inp_height); line-height: var(--inp_lineheight); border: 1px solid #ccc; text-align: center; font-size: 13px; font-weight: 500; }
.chk_box.box input[type='radio'] + label:before { content: ''; position: absolute; left: 0%; top: 0%; display: block; width: 100%; height: 100%; pointer-events: none; z-index: 10; box-sizing: border-box}
.chk_box.box input[type='radio']:checked + label { color: #000; }
/*.chk_box.box.border_right_none input[type='radio'] + label {border-right: none} border: 1px solid !important;*/
.chk_box.box input[type='radio']:checked + label:before { box-shadow: 0 0 0 1px #000; color: #000; }


/*radio 네모 체크박스 스타일*/
.chk_box.squ:not(.agree) input[type='radio'] + label { position: relative; display: flex; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 500; color: #ccc; }
.chk_box.squ.center:not(.agree) input[type='radio'] + label { justify-content: center; }
.chk_box.squ:not(.agree) input[type='radio'] + label::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; margin-right: 0.5rem; color: #ccc; 
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><style>path {fill: %23bdbdbd;}</style><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') no-repeat 0 0 / contain;   }
.chk_box.squ:not(.agree) input[type='radio']:checked + label { color: #000; }
.chk_box.squ:not(.agree) input[type='radio']:checked + label::before { 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="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') no-repeat 0 0 / contain; }
.chk_box.squ:not(.box) input[type='radio'] + label { color: #999; }
.chk_box.squ:not(.box) input[type='radio']:checked + label { color: #000; }
.chk_box.squ:not(.box) input[type='radio'] + label::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><style>path{ fill: %23999; }</style><path d="M416 64V448H32V64H416zM32 32H0V64 448v32H32 416h32V448 64 32H416 32z"/></svg>') no-repeat 0 0 / contain;   }
.chk_box.squ:not(.box) input[type='radio']:checked + label::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><style>path{fill: %23000;}</style><path d="M32 64V448H416V64H32zM0 32H32 416h32V64 448v32H416 32 0V448 64 32zM331.3 203.3l-128 128L192 342.6l-11.3-11.3-64-64L105.4 256 128 233.4l11.3 11.3L192 297.4 308.7 180.7 320 169.4 342.6 192l-11.3 11.3z"/></svg>') no-repeat 0 0 / contain; }

.chk_box.cir:not(.agree) input[type='radio'] + label { position: relative; display: flex; align-items: center; justify-content: flex-start; font-size: 14px; font-weight: 500; color: #999; }
.chk_box.cir:not(.agree) input[type='radio'] + label::before { content: ''; display: block; width: 1.8rem; height: 1.8rem; margin-right: 0.5rem; color: #ccc; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><style>path {fill: %23bdbdbd;}</style><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') no-repeat 0 0 / contain;   }
.chk_box.cir:not(.agree) input[type='radio']:checked + label { color: #000; }
.chk_box.cir:not(.agree) input[type='radio'] + label::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" height="1em" viewBox="0 0 512 512"><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>') no-repeat 0 0 / contain; }
.chk_box.cir:not(.agree) input[type='radio']:checked + label::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="%23000" viewBox="0 0 512 512"><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192z"/></svg>') no-repeat 0 0 / contain; }



.inp {position: relative}

/*input txt 기본스타일*/
.inp input[type='numver'],
.inp input[type='text'],
.inp input[type='password'],
.inp input[type='tel'],
.inp input[type='email'] { position: relative; width: 100%; 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; max-width: 100%}
.inp input[type='numver']:focus,
.inp input[type='text']:focus,
.inp input[type='password']:focus,
.inp input[type='tel']:focus,
.inp input[type='email']:focus { border: 1px solid #000; }

/*.inp input:read-only {cursor: default; border: 1px solid #ccc !important;}*/
.inp input::placeholder { font-size: 14px; }

.inp input.w50 { width: 50%; }

.inp textarea { height: 17rem; padding: 1.5rem 2rem; border-radius: 0; border: 1px solid #ccc; resize: none; overflow: auto; }
.inp textarea:focus { border: 1px solid #000; outline: none; }

.inp p { font-size: 14px;  line-height: var(--inp_lineheight); }


/*페이징*/
.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;position: relative;min-width: 30px;height: 30px;padding: 0 16px;border: 0;font-size: 14px;line-height: 30px;transition: font-weight 0.5s;}
.paging_navigation a:first-child,
.paging_navigation input:first-child {margin-left: 0;}
.paging_navigation input + a {margin-left: -1px;}

.paging_navigation a.on {background-color: #fff;font-weight: 500;color: #333;border-color: #333;position: relative;cursor: default;}
.paging_navigation a.prev, .paging_navigation a.next, .paging_navigation a[rel='prev'], .paging_navigation a[rel='next'], .paging_navigation .prev,
.paging_navigation [rel='prev'] {overflow: hidden;text-indent: -999px;margin: 0 0 0 -1px;height: 34px;background-size: 18px 18px;}
.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'], .paging_navigation .first, .paging_navigation [rel='first'], .paging_navigation .last, .paging_navigation [rel='last'], .paging_navigation .end,
.paging_navigation [rel='end'] {overflow: hidden;text-indent: -999px;margin: 0 0 0 -1px;height: 34px;background-size: 18px 18px;}
.paging_navigation a.first {margin-left: 0;}
.paging_navigation .prev, .paging_navigation [rel='prev'] {background: url('/data/skin/dualsonic/images/common/dual_ico_prev.svg') 50% 50% no-repeat;}
.paging_navigation .next, .paging_navigation [rel='next'] {background: url('/data/skin/dualsonic/images/common/dual_ico_next.svg') 50% 50% no-repeat;}
.paging_navigation .first, .paging_navigation [rel='first'] {background: url('/data/skin/dualsonic/images/common/dual_ico_first.svg') 50% 50% no-repeat;}
.paging_navigation .last, .paging_navigation [rel='last'] {background: url('/data/skin/dualsonic/images/common/dual_ico_last.svg') 50% 50% no-repeat;}
.paging_navigation a[rel]>span {display: none;}
.paging_navigation a:not(.next):not(.prev):not(.first):not(.last):before {content: '';position: absolute;left: 50%;bottom: 2px;width: 0;height: 0.25rem;
	background-color: #000;transform: translateX(-50%);transition: width 0.5s;}

.paging_navigation a:not(.next):not(.prev).on:before {width: 10px;}
.paging_navigation a.on {color: #000;font-weight: 700;}


/*페이징*/
.iframe_paging_navigation {zoom: 1;margin: 40px 0 0;text-align: center;font-size: 0;}
.iframe_paging_navigation:after {display: block;content: "";clear: both;}
.iframe_paging_navigation a,
.iframe_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: #bdbdbd;text-align: center;vertical-align: middle;border: 1px #ddd solid;margin-left: -1px;
	text-decoration: none;position: relative;min-width: 30px;height: 30px;padding: 0 16px;border: 0;font-size: 14px;line-height: 30px;transition: font-weight 0.5s;}
.iframe_paging_navigation a:first-child,
.iframe_paging_navigation input:first-child {margin-left: 0;}
.iframe_paging_navigation input + a {margin-left: -1px;}

.iframe_paging_navigation a.on {background-color: #fff;font-weight: 500;color: #333;border-color: #333;position: relative;cursor: default;}
.iframe_paging_navigation a.prev, .iframe_paging_navigation a.next, .iframe_paging_navigation a[rel='prev'], .iframe_paging_navigation a[rel='next'], .iframe_paging_navigation .prev,
.iframe_paging_navigation [rel='prev'] {overflow: hidden;text-indent: -999px;margin: 0 0 0 -1px;height: 34px;background-size: 18px 18px;}
.iframe_paging_navigation a.first, .iframe_paging_navigation a.last, .iframe_paging_navigation a.end, .iframe_paging_navigation a[rel='first'], .iframe_paging_navigation a[rel='last'], .iframe_paging_navigation a[rel='end'], .iframe_paging_navigation .first, .paging_navigation [rel='first'], .paging_navigation .last, .paging_navigation [rel='last'], .iframe_paging_navigation .end,
.iframe_paging_navigation [rel='end'] {overflow: hidden;text-indent: -999px;margin: 0 0 0 -1px;height: 34px;background-size: 18px 18px;}
.iframe_paging_navigation a.first {margin-left: 0;}
.iframe_paging_navigation .prev, .iframe_paging_navigation [rel='prev'] {background: url('/data/skin/dualsonic/images/common/dual_ico_prev.svg') 50% 50% no-repeat;}
.iframe_paging_navigation .next, .iframe_paging_navigation [rel='next'] {background: url('/data/skin/dualsonic/images/common/dual_ico_next.svg') 50% 50% no-repeat;}
.iframe_paging_navigation .first, .iframe_paging_navigation [rel='first'] {background: url('/data/skin/dualsonic/images/common/dual_ico_first.svg') 50% 50% no-repeat;}
.iframe_paging_navigation .last, .iframe_paging_navigation [rel='last'] {background: url('/data/skin/dualsonic/images/common/dual_ico_last.svg') 50% 50% no-repeat;}
.iframe_paging_navigation a[rel]>span {display: none;}
.iframe_paging_navigation a:not(.next):not(.prev):not(.first):not(.last):before {content: '';position: absolute;left: 50%;bottom: 2px;width: 0;height: 0.25rem;background-color: #000;transform: translateX(-50%);transition: width 0.5s;}

.iframe_paging_navigation a:not(.next):not(.prev).on:before {width: 10px;}
.iframe_paging_navigation a.on {color: #000;font-weight: 700;}


/*over_modal*/
.over_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: rgba(0,0,0,0.4); pointer-events: none; transition: 0.2s ease-in-out }
.over_modal.open { opacity: 1; pointer-events: inherit }
.over_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}
.over_modal .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.over_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}

/*회원가입 약관동의 checkbox*/
.chk_wrap.all + .chk_wrap { margin-top: 3rem; }
.chk_wrap + .chk_wrap { margin-top: 2rem; }
.chk_wrap .tit_wrap .more_btn { position: relative; font-size: 10px; font-weight: 500; color: #bdbdbd; transition: color 0.3s; }
.chk_wrap .tit_wrap .more_btn:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.5px; background-color: #bdbdbd; transition: background-color 0.3s; }


/*회원가입 개인정보 기입 input*/
.inp_wrap + .inp_wrap { margin-top: 2.2rem; }
.inp_box {  }
.inp_box + .inp_box { margin-top: 1.2rem; }
.inp_box .txt { font-size: 14px; color: #999; }

.inp + .desc { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 0.8rem; font-size: 12px; color: #bdbdbd; line-height: 1.4; }
.inp + .desc > span { margin-top: 2px; margin-right: 3px; font-size: 1.4em; font-weight: 200; line-height: 0.7; }
.inp > .chk_btn { position: absolute; right: 2rem; top: 50%; height: 2.8rem; line-height: 2.8rem; padding: 0 1.5rem; background-color: #000; border-radius: 2rem; font-size: 12px; color: #fff; transform: translateY(-50%); }
.inp.id input { padding-right: 10rem; }
.inp.pw input { padding-right: 5rem; }
.inp.pw:before { content: ''; position: absolute; right: 2rem; top: 50%; display: inline-block; width: 1.4rem; height: 1.4rem; transform: translateY(-50%); z-index: 10; }
.inp.pw.correct:before { 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="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg>') no-repeat 0 0 / contain; }
.inp.pw.wrong input { border: 1px solid rgb(255,119,119); }
.inp.pw.wrong:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><style>path{fill:%23FF0000}</style><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>') no-repeat 0 0 / contain; }

.inp_box.w50 { width: 50%; }

.inp_box.email { display: flex; align-items: center; justify-content: flex-start; }
.inp_box.email .inp { min-width: 170px; }
.inp_box.email .nice-select { width: 100%; height: var(--inp_height);  line-height: var(--inp_lineheight); margin-left: 10px; border-radius: 0; }
.inp_box.email .nice-select .list { width: 100%; border-radius: 0; }
.inp_box.email .at { flex-shrink: 0; margin: 0 1rem; }

.inp_box.tel { display: flex; align-items: center; justify-content: flex-start; }
.inp_box.tel .inp { flex: 1 }
.inp_box.tel .dash { flex-shrink: 0; margin: 0 1rem; }

.inp_box .sch_box .inp { position: relative; }
.inp_box .sch_box .inp input { padding-right: 15% }
.inp_box .sch_box .inp .sch_box { position: absolute; right: 2rem; top: 50%; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); font-size: 16px; }
.inp_box .sch_box .inp .sch_box .ico { display: inline-block; width: 22px; height: 22px; background: url("/data/skin/dualsonic/images/common/dual_ico_search.svg") center/contain no-repeat; }

.inp_desc { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 9px; font-size: 10px; color: #bdbdbd; }
.inp_desc .ico { margin-right: 3px; margin-top: -2px; font-size: 18px; font-weight: 200; line-height: 1; }
.inp_desc + .inp_desc { margin-top: 5px; }

.inp_wrap .terms_box { max-height: 20rem; padding: 20px; background-color: #FAFAFA; font-size: 12px; color: #000; line-height: 1.7; overflow: auto; margin-top: 15px}

/*select 공통*/
.inp_box .sel .nice-select {height: var(--inp_height);line-height: var(--inp_lineheight);font-size: 14px; border-radius: 0; color: #000 }


.inp_box .sel .nice-select.active { color: #000; }
.inp_box .sel .nice-select .list { min-width: 100%; border-radius: 0; }
.inp_box .sel .nice-select .list li.disabled { display: none; }
.inp_box .sel + .inp { margin-top: 15px; }
.inp_box .sel.time .nice-select {padding-left: 4.5rem}
.inp_box .sel.time .nice-select:before {
	content: "";
	position: absolute;
	left: 2rem;
	top: 50%;
	width: 1.9rem;
	height: 1.9rem;
	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: %23000; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><circle class="cls-1" cx="70" cy="70.15" r="49.5"/><polyline class="cls-3" points="70 40.83 70 70 87.5 87.5"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;
	transform: translateY(-50%);
}

/*버튼 스타일 공용*/
.btm_btn { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: var(--inp_height);  line-height: var(--inp_lineheight); background: #000; color: #fff; fill: #fff; border: 1px solid #000; font-size: 1.6rem; font-weight: 700; text-align: center; transition: background-color 0.5s, color 0.5s; cursor: pointer}
.btm_btn .ico { display: flex; align-content: center; margin-top: -1px; margin-right: 0.8rem; }

.btm_btn .ico.phone { width: 20px; height: 20px; background: url('data:image/svg+xml, <svg id="phoneIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> %23phoneIco .cls-1 { stroke-miterlimit: 10; } %23phoneIco .cls-1, .cls-3 { fill: none; stroke: %23FFF; stroke-width: 9px; } %23phoneIco .cls-3 { stroke-linecap: round; stroke-linejoin: round; } </style></defs><path class="cls-1" d="M34.94,17.49h70v93c0,6.62-5.38,12-12,12h-46c-6.62,0-12-5.38-12-12V17.49h0Z" transform="translate(139.89 139.99) rotate(180)"/><rect class="cls-3" x="58.28" y="17.49" width="23.33" height="5.83"/></svg>') center/contain no-repeat; }

.btm_btn.wh { background: #fff; color: #000; fill: #000; }
.btm_btn.gy { background: #fff; color: #bdbdbd; fill: #bdbdbd; border: 1px solid #ccc; }
.btm_btn.small { height: 4.8rem; line-height: 4.8rem; font-size: 15px; }
.btm_btn.line {background-color: #fff; border: 1px solid #000; color: #000}
.btm_btn.line span {position: relative; z-index: 2}
.btm_btn.line .ico { width: 22px; height: 22px; margin-left: 12px; transition: background 0.3s; }
.btm_btn.line .ico.plus { margin-right: 0; background: url('data:image/svg+xml,<svg id="reviewPlusIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23reviewPlusIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; }%23reviewPlusIco .cls-1, .cls-2 { fill: none; }</style></defs><line class="cls-1" x1="70" y1="35" x2="70" y2="105"/><line class="cls-1" x1="105" y1="70" x2="35" y2="70"/></svg>') center / contain; }
.btm_btn.line svg {fill: #000; height: 1em; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.75s;}

.modal_btm .btm_btn + .btm_btn { margin-left: 0; }
.btm_btn + .btm_btn { margin-left: 10px; }
.btm_btn.line::before {content: '';position: absolute;left: -1px;bottom: -1px;z-index: 0;width: calc(100% + 2px);height: calc(100% + 2px);background: transparent;box-shadow: inset 0px 0px 0px #000;display: block;-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.75s;}

/*.btm_btn:hover { background-color: #fff;  border-color: #000; color: #000; }*/

/*고객지원 서브 탑*/
.sub_top.notice,
.sub_top.faq,
.sub_top.cscenter,
.sub_top.howTo { background-color: #0000; margin-bottom: var(--sub_sect_pt); border-bottom: 1px solid #000}
.sub_top.howTo {margin-bottom: 0}

.sub_top.notice .tit_box,
.sub_top.faq .tit_box,
.sub_top.cscenter .tit_box,
.sub_top.howTo .tit_box {color: #000; flex-shrink: 0}

.sub_top.notice .search_nav,
.sub_top.faq .search_nav,
.sub_top.cscenter .search_nav,
.sub_top.howTo .search_nav { display: none}

.sub_top.notice .search_nav .nice-select .list,
.sub_top.faq .search_nav .nice-select .list,
.sub_top.cscenter .search_nav .nice-select .list,
.sub_top.howTo .search_nav .nice-select .list { background-color: #1E1E1E; }

.sub_top.notice .search_nav select,
.sub_top.notice .search_nav .nice-select,
.sub_top.faq .search_nav select,
.sub_top.faq .search_nav .nice-select,
.sub_top.cscenter .search_nav select,
.sub_top.cscenter .search_nav .nice-select,
.sub_top.howTo .search_nav select,
.sub_top.howTo .search_nav .nice-select { background-color: transparent; }

.sub_top.notice .search_nav .nice-select:after,
.sub_top.faq .search_nav .nice-select:after,
.sub_top.cscenter .search_nav .nice-select:after,
.sub_top.howTo .search_nav .nice-select:after { color: #fff; }

.sub_top.notice .search_nav .navi_linemap:before,
.sub_top.faq .search_nav .navi_linemap:before,
.sub_top.cscenter .search_nav .navi_linemap:before,
.sub_top.howTo .search_nav .navi_linemap:before { background:url(../images/common/icon_navi_linemap_w.svg) 50% 50% no-repeat; }

.sub_top.notice .search_nav .home,
.sub_top.faq .search_nav .home,
.sub_top.cscenter .search_nav .home,
.sub_top.howTo .search_nav .home { background:url(../images/common/icon_navi_home_w.svg) 50% 50% no-repeat; }

.tit_container { display: flex; align-items: flex-end; justify-content: space-between; flex-direction: column; padding-bottom: 100px; }
.sub_top .tit_container {padding-bottom: 0}
.sub_top .tit_wrap.board { display: flex; align-items: flex-end; justify-content: space-between; width: 100%;}
.sub_top .tit_box { color: #fff; }
.sub_top .tit_box .tit { margin-top: 0; }

.sub_top .util_wrap { display: flex; align-items: center; justify-content: flex-end; color: #000;}
.sub_top .util_wrap .box { display: flex; align-items: center; justify-content: flex-start; }
.sub_top .util_wrap .box + .box { margin-left: 40px; }
.sub_top .util_wrap .box .cir { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; background-color: #000; font-size: 13px; }
/*.sub_top .util_wrap .box .cir .ico { width: 20px; height: 20px; background: url('/data/skin/dualsonic/images/common/dual_ico_call.svg') center/contain; }*/
.sub_top .util_wrap .box .cir .ico { width: 20px; height: 20px; 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 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M92.61,75.88l-12.78,12.78c-.46.45-1.88.34-6.02-2.8-2.94-2.23-6.61-5.51-10.33-9.23-3.72-3.72-7-7.39-9.23-10.33-3.14-4.15-3.26-5.56-2.8-6.02l12.78-12.78-24.17-24.17-12.77,12.77-.2.21c-1.62,1.84-14.79,18.99,21.46,55.23,20.28,20.28,34.65,25.02,43.66,25.02,7.56,0,11.35-3.34,11.68-3.65l12.89-12.89-24.17-24.17Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain; }
.sub_top .util_wrap .box.kakao .cir { background-color: #FAE300; }
.sub_top .util_wrap .box .cir + .num { margin-left: 10px; }
.sub_top .util_wrap .box .num { font-size: 13px; opacity: 0.7; line-height: 1}
.sub_top .util_wrap .box .num.link { display: flex; align-items: center; justify-content: flex-start; }
.sub_top .util_wrap .box .num.link > span { display: flex; align-items: center; justify-content: center; fill: #fff; line-height: 1}
.sub_top .util_wrap .box .num.link > span + span { margin-left: 5px; margin-top: -1px; }

.sub_top .board_tab_box {width: 100rem; margin: 0 auto; max-width: 100%}
.sub_top .board_tab { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 10rem;}
.sub_top .board_tab::-webkit-scrollbar {display: none}
.sub_top .board_tab .tab { position: relative; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; padding: 0.5rem 3rem; border-radius: 100px; flex: 1; height: 5rem;
	;font-weight: 600; color: #000; border: 1px solid #000;transition: background-color 0.3s, color 0.3s, border 0.3s; }
.sub_top .board_tab .tab + .tab { margin-left: 3rem; }

.sub_top .board_tab .tab.active { color: #fff; border-color: #000; background-color: #000}
.sub_top .board_tab .tab.active:before {opacity: 1; top: -5px;}
.sub_top .board_tab .tab.active:after {width: 100%}

/*-----통합검색-----*/
.all_sch_container { position: absolute; left: 0; bottom: -5.1rem; width: 750px; transform: translateY(100%); padding: 40px; 
	background-color: #fff; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1); }
.all_sch_container .all_sch_cont { display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #000; }
.all_sch_container .all_sch_cont .inp_box { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 45px; }
.all_sch_container .all_sch_cont label { width: 90%; margin-right: 15px; }
.all_sch_container .all_sch_cont input { width: 100%; border: 0; font-size: 16px; }
.all_sch_container .all_sch_cont input:focus { outline: 0; }

.all_sch_container .all_sch_cont button.search { display: block; width: 26px; height: 26px; }
.all_sch_container .all_sch_cont button.search .ico { display: block; width: 100%; height: 100%; 
	background: url('/data/skin/dualsonic/images/common/dual_ico_search.svg') center/contain no-repeat; }

.all_sch_container .sch_cont .recent_area { display: flex !important; align-items: flex-start; justify-content: flex-start; margin-top: 25px; }
.all_sch_container .sch_cont .recent_area .tab_contents.word { width: 20%; }
.all_sch_container .sch_cont .recent_area .tab_contents.product { width: 80%; margin-left: 40px; }
.all_sch_container .sch_cont .recent_area .tab_contents > .tit { margin-bottom: 20px; font-size: 12px; font-weight: 700; }

.all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item { display: flex; align-items: center; justify-content: flex-start; font-size: 12px; color: #999; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item:nth-of-type(n + 6) { display: none; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item + .recent_search_item { margin-top: 10px; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item .searched_item { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item .searching_item_close { margin-left: 3px; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item .searching_item_close svg { font-size: 10px; fill: #bdbdbd; }

.all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item > a.item_link{ position: relative; display: block; width: 100%; padding-top: 100%; background-color: #FAFAFA; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item > a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item > .name { display: block; margin-top: 10px; font-size: 12px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item > a.item_delete { display: none; }
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list.no_data{}
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list.no_data li{grid-column: 1/-1; text-align: center;}
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list.no_data li svg{display: inline-block; fill: #bdbdbd; font-size: 4em;}
.all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list.no_data li p{margin-top: 1em; text-align: center;}


/*통합검색 상세*/
.search_all_wrap .search_filter_wrap { display: none; }

.notice_catalog.center { width: 120rem; max-width: 100%; margin: 8rem auto 0; padding: 0 var(--resp_wrap_pd); justify-content: center; }
.sub_top.allSch { width: 120rem; max-width: 100%; margin: 0 auto; padding: 0 var(--resp_wrap_pd); }
.all_sch_view {  margin: var(--sub_sect_pt) auto 0; padding: 0 var(--resp_wrap_pd)}
.all_sch_view .top { width: 60rem; max-width: 100%; margin: 0 auto; }
.all_sch_view .top .inp_box { display: flex; align-items: center; justify-content: center; height: var(--inp_height); padding: 0 25px; border: 1px solid #000; }
.all_sch_view .top .inp_box input { width: 100%; height: 100%; border: 0; font-size: 16px; }
.all_sch_view .top .inp_box input::placeholder { color: #999999; }
.all_sch_view .top .inp_box button { flex-shrink: 0; margin-left: 10px; }
.all_sch_view .top .inp_box button .ico { display: block; width: 25px; height: 25px; background: url("/data/skin/dualsonic/images/common/dual_ico_search.svg") center/contain no-repeat; }

#searchedItemDisplay { opacity: 1!important; }

.search_all_wrap {margin-top: 0}
.search_all_wrap .sch_tab { display: flex; align-items: center; justify-content: center; width: 124rem; max-width: 100%; margin: 4rem auto 0; padding: 0 var(--resp_wrap_pd); }
.search_all_wrap .sch_tab .tab { width: 100%; height: 5rem; line-height: 5rem; border: 1px solid #ccc; font-size: 1.6rem; color: #bdbdbd; text-align: center; transition: background-color 0.3s, border 0.3s, color 0.3s; }
.search_all_wrap .sch_tab .tab + .tab {border-left: none}
.search_all_wrap .sch_tab .tab.active { background-color: #000; border: 1px solid #000; color: #fff; }

.search_all_wrap .sch_tab .tab .name { font-weight: 700; }
.search_all_wrap .sch_tab .tab .desc {display: none}
.search_all_wrap .prd_list_wrap .list {gap: 60px 8px; grid-template-columns: repeat(5, minmax(0, 1fr));}

.prd_list_wrap .list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 60px 20px}
.prd_list_wrap .list .item_img_area { position: relative; }
.prd_list_wrap .list .item_img_area > a { display: block; }

.prd_list_wrap .list .item_img_area .preview_box {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: opacity .3s;
	pointer-events: none;opacity: 0;width: auto; z-index: 1;  display: inline-flex; }
.prd_list_wrap .list .item_img_area .preview_box .preview {width: 5rem;height: 5rem;background-color: #000;border-radius: 50%;}
.prd_list_wrap .list .item_img_area .preview_box .preview + .preview {margin-left: 10px}
.prd_list_wrap .list .item_img_area .preview_box .preview a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.prd_list_wrap .list .item_img_area .preview_box .preview a svg {width: 3.5rem; height: auto; fill: #fff}
.prd_list_wrap .list .item_img_area .preview_box .preview a svg.active {fill: #ff4545; stroke: none}

.prd_list_wrap .item_img_area > a { position: relative; width: 100%; padding-top: 100%; background-color: #FAFAFA;  }
.prd_list_wrap .item_img_area > a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.prd_list_wrap .item_img_area .display_zzim { display: none; }
.prd_list_wrap .item_img_area .goods_icon_area { position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: flex-start; }
.prd_list_wrap .item_img_area .goods_icon_area span { width: 5.5rem; height: 2.4rem; line-height: 2.3rem; font-size: 1.1rem; }
.prd_list_wrap .item_img_area .goods_icon_area img { max-width: 40px; }
.prd_list_wrap .item_info_area { margin-top: 15px; display: flex; flex-direction: column; }
.prd_list_wrap .item_info_area .score + .goods_brand { margin-top: 18px; }
.prd_list_wrap .item_info_area .goods_brand {display: none}
.prd_list_wrap .item_info_area .goods_brand a span { font-size: 8px; font-weight: 600; display: none}
.prd_list_wrap .item_info_area .review_info {order: 3; margin-top: 12px}
.prd_list_wrap .item_info_area .goods_name_area { margin-top: 10px; order: 1; width: 87%}
.prd_list_wrap .item_info_area .goods_name_area { font-size: 15px; font-weight: 500;order: 2;overflow: hidden;text-overflow: ellipsis;  
	display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.prd_list_wrap .item_info_area .goods_name_area + .goods_desc { margin-top: 6px; }
.prd_list_wrap .item_info_area .goods_desc { font-size: 10px; font-weight: 500; color: #bdbdbd; display: none; }
.prd_list_wrap .goods_price_area .warning_text {font-weight: 700; color: #000 !important;}
.prd_list_wrap .goods_price_area .warning_text a {color: #000 !important;}
.prd_list_wrap .goods_price_area { display: flex; align-items: flex-end; font-size: 15px; position: relative; padding-bottom: 20px;}
.prd_list_wrap .goods_price_area.goods_price_area_1 {padding-bottom: 0;}
.currency_compare_lay {display: none !important;}
.prd_list_wrap .goods_price_area .string_price .price a {color: #000 !important;}
.prd_list_wrap .goods_category_area {display: none}
.prd_list_wrap .goods_price_area .string_price .price a,
.prd_list_wrap .goods_price_area .sale_price {  font-weight: 700; line-height: 1; order: 2}
.prd_list_wrap .goods_price_area .sale_price > i {font-style: normal; display: block; position: absolute; bottom: 0; left: 0;}
.prd_list_wrap .goods_price_area .sale_price + .consumer_price { margin-left: 6px; }
.prd_list_wrap .goods_price_area .consumer_price { position: relative; font-size: 0.8em; color: #bdbdbd; line-height: 1; order: 3}
.prd_list_wrap .goods_price_area .consumer_price:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; 
	background-color: #bdbdbd; transform: translate(-50%, -50%); }
/*.prd_list_wrap .goods_price_area .consumer_price + .discount_rate { margin-left: 12px; }*/
.prd_list_wrap .goods_price_area .discount_rate { margin-right: 1rem; font-size: 1em; font-weight: 700; line-height: 1; order: 1; color: #ff4545}
.prd_list_wrap .goods_price_area .discount_rate span { font-size: 0.7em }

/*콘텐츠 검색결과*/
.search_all_wrap .cont_wrap { width: 124rem; padding: 0 var(--resp_wrap_pd); max-width: 100%; margin: 7rem auto 0; }
.search_all_wrap .cont_wrap + .cont_wrap { margin-top: 9rem; }

.search_all_wrap .cont_wrap > .tit_wrap { display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1.5px solid #000; padding-bottom: 15px; }
.search_all_wrap .cont_wrap > .tit_wrap .tit .txt { font-size: 2.2rem; font-weight: 700; }
.search_all_wrap .cont_wrap > .tit_wrap .tit .num { margin-eft: 1rem; font-size: 2rem; font-weight: 700; color: #999; }
.search_all_wrap .cont_wrap > .tit_wrap .more_btn { position: relative; font-size: 12px; color: #000; }
.search_all_wrap .cont_wrap > .tit_wrap .more_btn:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #000; }

.search_all_wrap .cont_wrap .cont_box { margin-top: 30px; }

.search_all_wrap .event_li_wrap { margin-top: 0; }

.search_all_wrap .review_page .review_list .list {gap: 80px 40px;}

.search_all_wrap .cont.online { margin-top: 10rem; }
.search_all_wrap .cont.online .logo_wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10rem 2rem; }
.search_all_wrap .cont.online .logo_wrap .logo_box { display: block;}
.search_all_wrap .cont.online .logo_wrap .logo_box .logo {position: relative; padding-top: 40%; background:#F8F8F8; border-radius: 1rem;}
.search_all_wrap .cont.online .logo_wrap .logo_box .logo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); 
	width: 100%; height: 100%; object-position: center; object-fit: contain; }
.search_all_wrap .cont.online .logo_wrap .logo_box .txt { margin-top: 2.5rem; font-size: 16px; font-weight: 600; text-align: center; }

.search_all_wrap .cont_wrap .cont_box.notice_li { margin-top: 0; }
.search_all_wrap .notice_li .notice .ntc_tit { display: flex; align-items: center; justify-content: flex-start; width: 70%; }
.search_all_wrap .notice_li .notice .ntc_tit .num .label { display: inline-block; height: 22px; line-height: 22px; padding: 0 1.2rem; margin-right: 10px; background-color: #000; font-size: 12px; font-weight: 600; color: #fff; }
.search_all_wrap .notice_li .notice .ntc_tit .subject { font-weight: 700; }
.search_all_wrap .notice_li .notice .subject { width: 70%; font-size: 1.8rem; }
.search_all_wrap .notice_li .notice .subject span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search_all_wrap .notice_li .notice .util { display: flex; align-items: center; justify-content: flex-start; }
.search_all_wrap .notice_li .notice .route_wrap { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; color: rgba(0,0,0,0.7); fill: rgba(0,0,0,0.7); font-size: 1.4rem; }
.search_all_wrap .notice_li .notice .route_wrap .home { display: flex; align-items: center; justify-content: center; }
.search_all_wrap .notice_li .notice .route_wrap .home .ico { width: 1.8rem; height: 1.8rem; background: url('/data/skin/dualsonic/images/common/dual_ico_home.svg')center/contain no-repeat; }
.search_all_wrap .notice_li .notice .route_wrap .arr { display: flex; align-items: center; justify-content: center; margin: 0 8px; }
.search_all_wrap .notice_li .notice .route_wrap .arr .ico { width: 1.8rem; height: 1.8rem; background: url('/data/skin/dualsonic/images/common/dual_ico_next.svg')center/contain no-repeat; }
.search_all_wrap .notice_li .notice .route_wrap + .date { margin-left: 40px; }
/*.search_all_wrap .notice_li .notice .date { font-size: 13px; font-weight: 500; color: #bdbdbd; }*/

/*-----sns_share-----*/
.sns_wish .snsbox_area { display: flex !important; align-items: center; justify-content: center; flex-direction: column; left: 50%; bottom: 0; top: unset; width: 100%; padding: 10px 0; transform: translate(-50%, 100%); background-color: #000; border: 0; border-radius: 5rem; opacity: 0; pointer-events: none; height: 0; transition: opacity 0.3s, height 0.6s; overflow: hidden; z-index: 90; transition-delay: 0.1s; }
.sns_wish .snsbox_area.on { height: 200px; opacity: 1; pointer-events: visible; transition-delay: 0; }
.sns_wish .snsbox_area .snsbox { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 2rem; opacity: 0; transition: opacity 0.5s; }
.sns_wish .snsbox_area .snsbox:first-of-type { margin-top: 0; }
.sns_wish .snsbox_area.on .snsbox { opacity: 1; }

.sns_wish .snsbox_area.on .snsbox:nth-of-type(1) { transition-delay: 0.4s; }
.sns_wish .snsbox_area.on .snsbox:nth-of-type(2) { transition-delay: 0.3s; }
.sns_wish .snsbox_area.on .snsbox:nth-of-type(3) { transition-delay: 0.2s; }
.sns_wish .snsbox_area.on .snsbox:nth-of-type(4) { transition-delay: 0.1s; }

.sns_wish .snsbox_area .snsbox:nth-of-type(1) { transition-delay: 0.1s; }
.sns_wish .snsbox_area .snsbox:nth-of-type(2) { transition-delay: 0s; }
.sns_wish .snsbox_area .snsbox:nth-of-type(3) { transition-delay: -0.1s; }
.sns_wish .snsbox_area .snsbox:nth-of-type(4) { transition-delay: -0.2s; }

.sns_wish .snsbox img { max-height: 16px; margin-left: 0; }
.sns_wish .snsbox.facebook img { max-height: 21px; }

.sns_wish.wh .btn_sns_share { background-color: #fff; }
.sns_wish.wh .btn_sns_share .ico { fill: #000; }
.sns_wish.wh .snsbox_area { background-color: #fff; }
.sns_wish.wh .snsbox img { filter: brightness(0); }



/*스와이퍼 페이징*/
.dot_paging { position: absolute; left: 50%; bottom: 10px; width: auto; z-index: 50; transform: translateX(-50%); }
.dot_paging .swiper-pagination-bullet { background-color: rgba(255,255,255,0.4); opacity: 1; transition: 0.5s; border-radius: 4px}
.dot_paging .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 1.2rem; }
.dot_paging .swiper-pagination-bullet-active { width: 2.5rem; background-color: #fff; border-radius: 2em; }

.bar_paging { position: relative; width: 100%; height: 2px; margin-top: 1.6rem; background-color: #ccc; }
.bar_paging .swiper-pagination-progressbar-fill { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; transform-origin: left top; background-color: #000; }


/*-----회원가입 팝업-----*/

/*공용*/
.modal .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 3rem 4rem 2rem; }

.modal .modal_top02 { display: black; align-items: center; justify-content: space-between; padding: 0rem 4rem 2rem; }

.modal .modal_top.step { align-items: flex-start; }
.modal .modal_top .tit_wrap {  }
.modal .modal_top .step { font-size: 16px; font-weight: 600; }
.modal .modal_top .step + .tit { margin-top: 10px; }
.modal .modal_top .tit { font-size: 24px; font-weight: 700; }
.modal_top .modal_close { width: 35px; height: 35px; flex-shrink: 0; margin-right: -10px; background: url("/data/skin/dualsonic/images/common/dual_ico_x.svg") center/contain no-repeat; }
.modal_top .modal_close svg { display: none; }
.modal_top .modal_close.type2 { background: #000; margin-top: 0; margin-right: 0; }
.modal_top .modal_close.type2 .ico { display: block; 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;}

.modal .modal_top + .cont { padding: 1rem 4rem 4rem; }
.modal .term_txt + .cont { padding: 1rem 4rem 4rem; }


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

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

.modal_new .modal_top + .cont { padding: 1rem 4rem 4rem; }
.modal_new .term_txt + .cont { padding: 1rem 4rem 4rem; }

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

.foot_modal .modal_top + .cont { padding: 1rem 4rem 4rem; }
.foot_modal .term_txt + .cont { padding: 1rem 4rem 4rem; }

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

.modal_tit_wrap { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 0.6rem; }
.modal_tit_wrap .tit { font-size: 14px; font-weight: 600; }
.modal_tit_wrap .tit span.required { position: relative; }
.modal_tit_wrap .tit span.required:before { content: '*'; position: absolute; right: -1px; top: -0.2em; color: #000; font-size: 14px; font-weight: 300; transform: translateX(100%); }
.modal_tit_wrap .txt { font-size: 10px; }
.modal_tit_wrap .desc { font-size: 10px; color: #666666; }

.modal_tit_wrap .more_btn { position: relative; font-size: 10px; color: #bdbdbd; }
.modal_tit_wrap .more_btn:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; height: 1px; background-color: #bdbdbd; transform: translateX(-50%); }

.order_tit_wrap { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-top: 1.5px solid #000; border-bottom: 1px solid #ccc; }
.order_tit_wrap .tit { font-size: 16px; font-weight: 700; }
.order_tit_wrap .num_wrap { display: flex; align-items: center; justify-content: flex-start; font-size: 12px; }
.order_tit_wrap .num_wrap .txt { color: #666; }
.order_tit_wrap .num_wrap .num { font-weight: 600; }

.alert_modal .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; }

.modal .modal_wrap .modal_cont .tab_wrap { display: flex; align-items: center; justify-content: center; }
.modal .modal_wrap .modal_cont .tab_wrap .tab { width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1.5px solid #ccc; text-align: center; color: #999999; font-size: 14px; font-weight: 700; transition: color 0.4s, border-color 0.4s; }
.modal .modal_wrap .modal_cont .tab_wrap .tab.active { color: #000; border-color: #000; }

.modal .modal_wrap .modal_cont .txt_wrap > .txt { font-size: 16px; font-weight: 500; line-height: 1.6; }

/*뉴스레터*/

/*이메일 형식*/
.modal .modal_wrap .modal_cont.news .inp_box.email { flex-wrap: wrap; }
.modal .modal_wrap .modal_cont.news .inp_box.email .inp { width: calc(50% - (6px + 2rem / 2)); min-width: 0}
.modal .modal_wrap .modal_cont.news .inp_box.email .nice-select { margin-left: 0; margin-top: 10px;}
.modal .modal_wrap .modal_cont.news .inp_box.email .nice-select .list { width: 100%; }

/*회원가입*/
.modal .modal_wrap .modal_cont.join { width: 50rem; }
.modal .modal_wrap .modal_cont.join .sms_chk { display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; }
.modal .modal_wrap .modal_cont.join .sms_chk .chk_box + .chk_box { margin-left: 1.5rem; }

.modal .modal_wrap .modal_cont.join .txt_wrap .txt { font-size: 14px; font-weight: 600; }

/*로그인*/
.modal .modal_wrap .modal_cont.login { width: 50rem; }

.modal .modal_wrap .modal_cont.login .sns_login { display: flex; align-items: center; justify-content: space-between; margin-top: 3rem; }
.modal .modal_wrap .modal_cont.login .sns_login .wide_sns { display: flex; align-items: center; justify-content: center; height: 4.5rem; padding: 0 4.5rem; background-color: #FAE100; border-radius: 2em; font-size: 14px; font-weight: 600; color: #381E1F; fill: #381E1F; }
.modal .modal_wrap .modal_cont.login .sns_login .wide_sns .ico { display: flex; align-items: center; margin-right: 0.95rem; font-size: 13px; }

.modal .modal_wrap .modal_cont.login .sns_login .cir_sns { display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: 100%; font-size: 16px; }
.modal .modal_wrap .modal_cont.login .sns_login .cir_sns.naver { background-color: #2DB400; border: 1px solid #2DB400; fill: #fff; }
.modal .modal_wrap .modal_cont.login .sns_login .cir_sns.google { background-color: #fff; border: 1px solid #ccc; }

.modal .modal_wrap .modal_cont.login .sns_login + .inp_wrap { margin-top: 3rem; }

.modal .modal_wrap .modal_cont.login .util_wrap { display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; }
.modal .modal_wrap .modal_cont.login .util_wrap .util { font-size: 12px; color: #999; }
.modal .modal_wrap .modal_cont.login .util_wrap .util .btn + .btn { position: relative; margin-left: 1.6rem; }
.modal .modal_wrap .modal_cont.login .util_wrap .util .btn + .btn:before { content: ''; position: absolute; left: -0.8rem; top: 50%; width: 0.5px; height: 70%; background-color: #bcbcbc; transform: translate(-100%, -50%); }

.modal .modal_wrap .modal_cont.login .cont .btn_wrap { flex-direction: column; }
.modal .modal_wrap .modal_cont.login .cont .btn_wrap .btm_btn.small + .btm_btn.small { margin-left: 0; margin-top: 10px; }

/*아이디 찾기*/
.modal .modal_wrap .modal_cont.join .id_box { width: 100%; padding: 3rem 10px; border: 1px solid #ccc; font-size: 15px; font-weight: 500; text-align: center; }
/*비밀번호 찾기*/
.modal .modal_wrap .modal_cont.join .ico_box { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.modal .modal_wrap .modal_cont.join .ico_box .ico { display: flex; align-items: center; justify-content: center; width: 7.5rem; height: 7.5rem; font-size: 30px; border-radius: 100%; background-color: #FAFAFA; }
.modal .modal_wrap .modal_cont.join .ico_box .ico .send { width: 40px; height: 40px; background: url("/data/skin/dualsonic/images/common/dual_ico_send_thin.svg") center/contain no-repeat; }
.modal .modal_wrap .modal_cont.join .ico_box .ico + .desc { margin-top: 15px; }
.modal .modal_wrap .modal_cont.join .ico_box .desc { font-size: 14px; font-weight: 600; }


/*마이페이지_배송지 수정*/
.modal_deli .modal_wrap .modal_cont.deli_add { width: 46rem; }
.deli_form_wrap {  }
.deli_form_wrap .addr_btn { display: flex; align-items: center; justify-content: center; max-width: 62px; height: 22px; padding: 0 12px; font-size: 10px; 
	color: #999999; border: 1px solid #EAEAEA; border-radius: 2em; }
.deli_form_wrap .addr_box {  margin: 12px 0; font-size: 14px; }
.deli_form_wrap .addr_box .inp {display: inline;}
.deli_form_wrap .addr_box .inp input { height: auto; line-height: normal; border: none; padding: 0}
/*.deli_form_wrap .addr_box .inp + .inp { margin-left: 5px; }*/
.deli_form_wrap .inp.addr input { width: auto; height: auto; padding: 0; border: 0; line-height: 1.6; }
.deli_form_wrap .set_default { margin-top: 10px; }
.deli_form_wrap .chk_box {margin-top: 10px;}

.deli_form_wrap + .desc { margin-top: 10px; font-size: 12px; color: #bdbdbd; }
.deli_form_wrap + .desc + .btn_wrap { margin-top: 36px; }

/*마이페이지 팝업*/
.modal .modal_wrap .modal_cont.mypage { width: 44rem; }
.modal_cont.mypage .cont .txt_cont .alert { display: flex; align-items: center; justify-content: flex-start; font-size: 17px; font-weight: 600; }
.modal_cont.mypage .cont .txt_cont .alert .ico { display: flex; align-items: center; justify-content: center; margin-top: -2px; margin-right: 0.8rem; }
.modal_cont.mypage .cont .txt_cont .tit { font-size: 17px; font-weight: 600; }
.modal_cont.mypage .cont .txt_cont .tit + .desc { margin-top: 1.2rem; }
.modal_cont.mypage .cont .txt_cont .desc { font-size: 14px; color: #999999; line-height: 1.7; }

.modal_cont.mypage .cont .txt_cont + .inp_wrap { margin-top: 2.5rem; }

.modal_cont.mypage .cont .box_li { margin-top: 2rem; padding: 2rem; background-color: #FAFAFA; }
.modal_cont.mypage .cont .box_li li { position: relative; font-size: 14px; font-weight: 600; }
.modal_cont.mypage .cont .box_li li:before { content: ''; position: absolute; left: -0.5em; top: 0.6em; display: block; width: 2px; height: 2px; 
	border-radius: 100%; background-color: #000; }
.modal_cont.mypage .cont .box_li li span { color: #A4704D; }
.modal_cont.mypage .cont .box_li li + li { margin-top: 10px; }

/*배송지 리스트*/
.modal_cont.mypage .deli_li_wrap { max-height: 45rem; overflow: auto; }
.modal_cont.mypage .deli_li { margin-top: 10px; }
.modal_cont.mypage .deli_li li { display: flex; align-items: flex-start; justify-content: flex-start; padding: 2rem 0; }
.modal_cont.mypage .deli_li li + li { border-top: 1px solid #ccc; }
.modal_cont.mypage .deli_li li .list_empty {padding: 0}
.modal_cont.mypage .deli_li li .chk_box { flex-shrink: 0; margin-right: 10px;}
.modal_cont.mypage .deli_li li .txt_wrap { width: 100%; }
.modal_cont.mypage .deli_li li .txt_wrap .tit_wrap { display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.mypage .deli_li li .txt_wrap .tit_wrap .label { height: 2.2rem; line-height: 2.1rem; padding: 0 0.8rem; margin-right: 0.8rem; border-radius: 2em; 
	border: 1.5px solid #000; font-size: 10px; font-weight: 600; }
.modal_cont.mypage .deli_li li .txt_wrap .tit_wrap .name { font-size: 14px; font-weight: 700; line-height: 2.2rem; }
.modal_cont.mypage .deli_li li .txt_wrap .adr_box { margin-top: 10px; font-size: 12px; }
.modal_cont.mypage .deli_li li .txt_wrap .adr_box p + p { margin-top: 0.5rem; }

/*배송지 추가*/
.modal_cont.mypage .modal_tit_wrap .label_btn { height: 2.2rem; line-height: 2.1rem; padding: 0 0.8rem; font-size: 10px; color: #999; 
	border: 1.5px solid #ccc; border-radius: 2em; font-weight: 500; }
.modal_cont.mypage .inp_box .txt { color: #000; }
.modal_cont.mypage .inp_box .txt + .inp { margin-top: 1.2rem; }
.modal_cont.mypage .inp_box .inp + .chk_box { margin-top: 1.2rem; }
.modal_cont.mypage .inp_box .chk_box + .desc { margin-top: 1.2rem; font-size: 10px; color: #bdbdbd; }

/*리뷰 이미지 보기*/
.modal .modal_wrap .modal_cont.review_img { width: 50rem; }
.modal .modal_wrap .modal_cont.review_img .cont { width: 95%; margin: 0 auto; }
.modal .modal_wrap .modal_cont.review_img .img_slide { position: relative; }
.modal .modal_wrap .modal_cont.review_img .img_slide .item .img { position: relative; width: 100%; padding-top: 100%; }
.modal .modal_wrap .modal_cont.review_img .img_slide .item .img img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }

/*비밀번호 입력*/
.modal .modal_wrap .modal_cont.pw_input { width: 50rem; }
.modal_cont.pw_input .inp_txt { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; font-size: 10px; color: #bdbdbd; fill: #bdbdbd; }
.modal_cont.pw_input .inp_txt > p { display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.pw_input .inp_txt span.ico { display: flex; align-items: center; justify-content: center; margin-top: -1px; margin-right: 0.5rem; font-size: 15px; font-weight: 400; }
.modal_cont.pw_input .inp_txt .phone_number { display: flex; align-items: center; justify-content: flex-start; font-size: 10px; }


/*제품문의 / 모달 rental이랑 같이씀*/
.modal_wrap .modal_cont.product { width: 50rem; }
.modal_wrap .modal_cont.product .add_btn { display: flex; align-items: center; justify-content: flex-start; font-size: 10px; fill: #bdbdbd; color: #bdbdbd; }
.modal_wrap .modal_cont.product .add_btn .ico { display: flex; align-items: center; justify-content: center; margin-top: -2px; margin-right: 0; }
.modal_wrap .modal_cont.product .add_btn.lock .ico { width: 14px; height: 14px; background: url('data:image/svg+xml, <svg id="lockIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> %23lockIco .cls-1 { fill: none; } %23lockIco .cls-1, .cls-3 { stroke: %23bdbdbd; stroke-miterlimit: 10; stroke-width: 9px;} %23lockIco .cls-3 {fill: %23bdbdbd;} </style></defs><path class="cls-1" d="M52.86,58.49v-17.81c0-9.63,7.72-17.44,17.25-17.44,9.53,0,17.25,7.81,17.25,17.44v17.81"/><path class="cls-3" d="M32.19,58.49h75.83v46.18c0,6.62-5.38,12-12,12h-51.83c-6.62,0-12-5.38-12-12v-46.18h0Z" transform="translate(140.21 175.16) rotate(180)"/></svg>') center/contain no-repeat; }
.modal_wrap .modal_cont.product .product_li { display: flex; align-items: center; justify-content: flex-start; padding: 7px; background-color: #FAFAFA; }
.modal_wrap .modal_cont.product .product_li .img_wrap { position: relative; width: 8.5rem; padding-top: 8.5rem; flex-shrink: 0; margin-right: 10px; }
.modal_wrap .modal_cont.product .product_li .img_wrap img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.modal_wrap .modal_cont.product .product_li .txt_wrap { width: calc(95% - 10rem); }
.modal_wrap .modal_cont.product .product_li .txt_wrap .brand { font-size: 8px; font-weight: 600; display: none}
.modal_wrap .modal_cont.product .product_li .txt_wrap .name { font-size: 13px; font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.modal_wrap .modal_cont.product .product_li .txt_wrap .name + .price { margin-top: 10px; }
.modal_wrap .modal_cont.product .product_li .txt_wrap .name + .rental_price {margin-top: 10px}
.modal_wrap .modal_cont.product .product_li .txt_wrap .price { font-size: 13px; font-weight: 700; }
.modal_wrap .modal_cont.product .product_li .txt_wrap .rental_price {font-size: 12px;}
.modal_wrap .modal_cont.product .product_li .txt_wrap .rental_price li {position: relative; padding-left: 6px}
.modal_wrap .modal_cont.product .product_li .txt_wrap .rental_price li:before {content: "";width: 2px;height: 2px;background-color: #000;border-radius: 50%;display: inline-block;position: absolute;left: 0;top: calc(1em * 1.5 / 2);transform: translateY(-50%);}

.modal_wrap .modal_cont.product .chk_product_li {  }
.modal_wrap .modal_cont.product .chk_product_li li:first-child {padding-top: 0}
.modal_wrap .modal_cont.product .chk_product_li li { display: flex; align-items: center; justify-content: flex-start; padding: 20px 0; }
.modal_wrap .modal_cont.product .chk_product_li li + li { border-top: 1px solid #ccc; }
.modal_wrap .modal_cont.product .chk_product_li li > .chk_box { width: 30px; flex-shrink: 0; }
.modal_wrap .modal_cont.product .chk_product_li li > .chk_box + .product { width: calc(100% - 50px); }
.modal_wrap .modal_cont.product .chk_product_li li > .product { width: 100%; display: flex; align-items: center; justify-content: flex-start; cursor: pointer}
.modal_wrap .modal_cont.product .chk_product_li li > .product .img_wrap { position: relative; width: 8.5rem; padding-top: 8.5rem; background-color: #FAFAFA; flex-shrink: 0; }
.modal_wrap .modal_cont.product .chk_product_li li > .product .img_wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.modal_wrap .modal_cont.product .chk_product_li li > .product .txt_wrap { width: calc(100% - 10rem); margin-left: 18px; }
.modal_wrap .modal_cont.product .chk_product_li li > .product .txt_wrap .brand { font-size: 10px; font-weight: 600; color: #999; display: none}
.modal_wrap .modal_cont.product .chk_product_li li > .product .txt_wrap .brand + .tit { margin-top: 6px; }
.modal_wrap .modal_cont.product .chk_product_li li > .product .txt_wrap .name { width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: 700; }
.modal_wrap .modal_cont.product .chk_product_li li > .product .txt_wrap .name + .option { margin-top: 10px; }
.modal_wrap .modal_cont.product .chk_product_li li > .product .txt_wrap .option { font-size: 12px; color: #666; }
.modal_wrap .modal_cont.product .deli_wrap { padding: 20px; background-color: #FAFAFA; }
.modal_wrap .modal_cont.product .deli_wrap .tit_wrap { display: flex; align-items: center; justify-content: flex-start; }
.modal_wrap .modal_cont.product .deli_wrap .tit_wrap .label { height: 22px; line-height: 21px; padding: 0 10px; font-size: 10px; font-weight: 600; background-color: #fff; border: 1.5px solid #000; border-radius: 2em; }
.modal_wrap .modal_cont.product .deli_wrap .tit_wrap .label + .user { margin-left: 8px; }
.modal_wrap .modal_cont.product .deli_wrap .tit_wrap .user { font-size: 14px; font-weight: 700; }
.modal_wrap .modal_cont.product .deli_wrap .txt { margin-top: 10px; font-size: 12px; }
.modal_wrap .modal_cont.product .deli_wrap .txt span { display: block; }
.modal_wrap .modal_cont.product .deli_wrap .txt span + span { margin-top: 5px; }
.modal_wrap .modal_cont.product .txt_type { margin-top: 20px; }
.modal_wrap .modal_cont.product .txt_type .side_box + .side_box { margin-top: 8px; }
.modal_wrap .modal_cont.product .side_box { display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; }
.modal_wrap .modal_cont.product .side_box.top_bd { padding-top: 15px; border-top: 1px solid #000; }
.modal_wrap .modal_cont.product .side_box + .side_box { margin-top: 15px; }
.modal_wrap .modal_cont.product .side_box .tit { width: 27%; flex-shrink: 0; }
.modal_wrap .modal_cont.product .side_box .box { width: 100%; }
.modal_wrap .modal_cont.product .side_box .box > .txt { color: #000; }
.modal_wrap .modal_cont.product .side_box .box > .txt b { font-weight: 600; }
.modal_wrap .modal_cont.product .side_box .box > .txt .copy { font-size: 10px; color: #bdbdbd; text-decoration: underline; }
.modal_wrap .modal_cont.product .side_box .box .more_btn { height: 22px; line-height: 21px; font-size: 10px; padding: 0 10px; border: 1px solid #ccc; color: #999; border-radius: 2em; }
.modal_wrap .modal_cont.product .return_wrap { border-top: 1.5px solid #000; }
.modal_wrap .modal_cont.product .return_wrap .total_price { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; }
.modal_wrap .modal_cont.product .return_wrap .total_price .tit { font-size: 14px; font-weight: 500; color: #999; }
.modal_wrap .modal_cont.product .return_wrap .total_price .price { font-size: 16px; font-weight: 600; }
.modal_wrap .modal_cont.product .return_wrap .price_li li { padding: 15px; border-top: 1px solid rgba(188,188,188,0.2); background-color: #FAFAFA; }
.modal_wrap .modal_cont.product .return_wrap .price_li li .total { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 600; }
.modal_wrap .modal_cont.product .return_wrap .price_li li .total + .detail { margin-top: 9px; }
.modal_wrap .modal_cont.product .return_wrap .price_li li .detail { display: flex; align-items: center; justify-content: space-between; font-size: 10px; font-weight: 500; }
.modal_wrap .modal_cont.product .return_wrap .price_li li .detail.none { color: #bdbdbd; }
.modal_wrap .modal_cont.product .return_wrap .price_li li .detail + .detail { margin-top: 5px; }
.modal_wrap .modal_cont.product .return_wrap .price_btm { padding: 12px 15px; text-align: right; background-color: #EEEEEE; }
.modal_wrap .modal_cont.product .return_wrap .price_btm > .tit { font-size: 10px; color: #999999; }
.modal_wrap .modal_cont.product .return_wrap .price_btm .price { display: flex; align-items: center; justify-content: flex-end; }
.modal_wrap .modal_cont.product .return_wrap .price_btm .price > .tit { font-size: 10px; }
.modal_wrap .modal_cont.product .return_wrap .price_btm .price > .total { margin-left: 8px; font-size: 18px; font-weight: 600; }
.modal_wrap .modal_cont.product .order_top { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
.modal_wrap .modal_cont.product .order_top .tit { font-size: 16px; font-weight: 600; }
.modal_wrap .modal_cont.product .order_top .num_wrap { display: flex; align-items: center; justify-content: flex-end; font-size: 12px; }
.modal_wrap .modal_cont.product .order_top .num_wrap .txt { color: #666666; }
.modal_wrap .modal_cont.product .order_top .num_wrap .txt + .num { margin-left: 8px; }
.modal_wrap .modal_cont.product .order_top .num_wrap .num { font-weight: 600; }
.modal_wrap .modal_cont.product .term_txt { padding: 20px 30px; background-color: #FAFAFA; }
.modal_wrap .modal_cont.product .term_txt .tit { font-size: 14px; font-weight: 600; }
.modal_wrap .modal_cont.product .term_txt ul { margin-top: 10px; }
.modal_wrap .modal_cont.product .term_txt ul li { position: relative; padding-left: 0.7em; font-size: 12px; color: #bdbdbd; word-break: keep-all}
.modal_wrap .modal_cont.product .term_txt ul li.point { color: #000; }
.modal_wrap .modal_cont.product .term_txt ul li + li { margin-top: 3px; }
.modal_wrap .modal_cont.product .term_txt ul li:before { content: ''; position: absolute; left: 0; top: 0.6em; width: 2px; height: 2px; border-radius: 100%; background-color: #bdbdbd; transform: translate(0, -50%); }
.modal_wrap .modal_cont.product .rate_box { display: flex; align-items: center; justify-content: center; padding: 25px 0; background-color: #f9f9f9; }
.modal_wrap .modal_cont.product .rate_box .ev_active2 { display:block; position:relative; vertical-align:top; width:180px; height: 30px; margin-top: -1px}
.modal_wrap .modal_cont.product .rate_box .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: cover; background-position: center}
.modal_wrap .modal_cont.product .rate_box .ev_active2 b { overflow: hidden; display:block; position:absolute; left:0; top:0; width:0%; height: 100%;}
.modal_wrap .modal_cont.product .rate_box .ev_active2 b:before{content: ""; display:block; position:absolute; left:0; top:0; width:180px; height: 100%; background:url(../images/common/img_ev_star_full.png) no-repeat; background-size: cover; background-position: center}
.modal_wrap .modal_cont.product .up_img_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }
.modal_wrap .modal_cont.product .up_img_wrap .img_box { position: relative; width: 100%; padding-top: 100%; }
.modal_wrap .modal_cont.product .up_img_wrap .img_box.upload { border: 1px solid #ccc; }
.modal_wrap .modal_cont.product .up_img_wrap .img_box .up_btn_box { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; transform: translate(-50%, -50%); }
.modal_wrap .modal_cont.product .up_img_wrap .img_box .up_btn_box .up_btn { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 100%; background-color: #000; fill: #fff; font-size: 12px; }
.modal_wrap .modal_cont.product .up_img_wrap .img_box .up_btn_box .num { margin-top: 5px; font-size: 13px; font-weight: 600; color: #999; }
.modal_wrap .modal_cont.product .up_img_wrap .img_box img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.modal_wrap .modal_cont.product .up_img_wrap .img_box .del_btn { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); transform: translate(-50%, -50%); fill: #fff; font-size: 20px; z-index: 10; }
.modal_wrap .modal_cont.product .agree_btm { margin-top: 10px; }

/*마이페이지 제품문의 팝업*/
.cont.product_choice .add_btn { display: flex; align-items: center; justify-content: flex-start; font-size: 10px; fill: #bdbdbd; color: #bdbdbd; }
.cont.product_choice .add_btn .ico { display: flex; align-items: center; justify-content: center; margin-top: -2px; margin-right: 0; }
.cont.product_choice .add_btn.lock .ico { width: 14px; height: 14px; background: url('data:image/svg+xml, <svg id="lockIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> %23lockIco .cls-1 { fill: none; } %23lockIco .cls-1, .cls-3 { stroke: %23bdbdbd; stroke-miterlimit: 10; stroke-width: 9px;} %23lockIco .cls-3 {fill: %23bdbdbd;} </style></defs><path class="cls-1" d="M52.86,58.49v-17.81c0-9.63,7.72-17.44,17.25-17.44,9.53,0,17.25,7.81,17.25,17.44v17.81"/><path class="cls-3" d="M32.19,58.49h75.83v46.18c0,6.62-5.38,12-12,12h-51.83c-6.62,0-12-5.38-12-12v-46.18h0Z" transform="translate(140.21 175.16) rotate(180)"/></svg>') center/contain no-repeat; }

.cont.product_choice .product_li { display: flex; align-items: center; justify-content: flex-start; padding: 15px; background-color: #FAFAFA; }
.cont.product_choice .product_li .img_wrap { position: relative; width: 10rem; padding-top: 10rem; flex-shrink: 0; margin-right: 15px; }
.cont.product_choice .product_li .img_wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }

.cont.product_choice .product_li .txt_wrap { width: calc(95% - 10rem); }
.cont.product_choice .product_li .txt_wrap .brand { font-size: 8px; font-weight: 600; }
.cont.product_choice .product_li .txt_wrap .brand + .name { margin-top: 6px; }
.cont.product_choice .product_li .txt_wrap .name { font-size: 12px; font-weight: 700; }
.cont.product_choice .product_li .txt_wrap .name + .price { margin-top: 12px; }
.cont.product_choice .product_li .txt_wrap .price { font-size: 14px; font-weight: 700; }

.cont.product_choice .chk_product_li { max-height: 45rem; overflow-y: auto; padding-right: 10px}
.cont.product_choice .chk_product_li::-webkit-scrollbar {-webkit-appearance: none;}
.cont.product_choice .chk_product_li::-webkit-scrollbar:vertical {width: 5px;}
.cont.product_choice .chk_product_li::-webkit-scrollbar:horizontal {height: 5px;}
.cont.product_choice .chk_product_li::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 5px;}
.cont.product_choice .chk_product_li::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}
.cont.product_choice .chk_product_li li { display: flex; align-items: center; justify-content: flex-start; padding: 20px 0; }
.cont.product_choice .chk_product_li li + li { border-top: 1px solid #ccc; }
.cont.product_choice .chk_product_li li > .chk_box { width: 30px; flex-shrink: 0; }
.cont.product_choice .chk_product_li li > .chk_box + .product { width: calc(100% - 50px); }
.cont.product_choice .chk_product_li li > .product { width: 100%; display: flex; align-items: center; justify-content: flex-start; cursor: pointer}
.cont.product_choice .chk_product_li li > .product .sale_price *,
.cont.product_choice .chk_product_li li > .product .sale_price {vertical-align: baseline}
.cont.product_choice .chk_product_li li > .product .consumer_price,
.cont.product_choice .chk_product_li li > .product .discount_rate {display: none}
.cont.product_choice .chk_product_li li > .product .img_wrap { position: relative; width: 8.5rem; padding-top: 8.5rem; background-color: #FAFAFA; flex-shrink: 0; }
.cont.product_choice .chk_product_li li > .product .img_wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.cont.product_choice .chk_product_li li > .product .txt_wrap { width: calc(100% - 10rem); margin-left: 18px; }
.cont.product_choice .chk_product_li li > .product .txt_wrap .brand { font-size: 10px; font-weight: 600; color: #999; display: none}
.cont.product_choice .chk_product_li li > .product .txt_wrap .name { width: 95%; font-size: 13px; font-weight: 700; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.cont.product_choice .chk_product_li li > .product .txt_wrap .name + .option { margin-top: 10px; }
.cont.product_choice .chk_product_li li > .product .txt_wrap .option { font-size: 12px; color: #666; }

.cont.product_choice .deli_wrap { padding: 20px; background-color: #FAFAFA; }
.cont.product_choice .deli_wrap .tit_wrap { display: flex; align-items: center; justify-content: flex-start; }
.cont.product_choice .deli_wrap .tit_wrap .label { height: 22px; line-height: 21px; padding: 0 10px; font-size: 10px; font-weight: 600; background-color: #fff; border: 1.5px solid #000; border-radius: 2em; }
.cont.product_choice .deli_wrap .tit_wrap .label + .user { margin-left: 8px; }
.cont.product_choice .deli_wrap .tit_wrap .user { font-size: 14px; font-weight: 700; }
.cont.product_choice .deli_wrap .txt { margin-top: 10px; font-size: 12px; }
.cont.product_choice .deli_wrap .txt span { display: block; }
.cont.product_choice .deli_wrap .txt span + span { margin-top: 5px; }

.cont.product_choice .txt_type { margin-top: 20px; }
.cont.product_choice .txt_type .side_box + .side_box { margin-top: 8px; }

.cont.product_choice .side_box { display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; }
.cont.product_choice .side_box.top_bd { padding-top: 15px; border-top: 1px solid #000; }
.cont.product_choice .side_box + .side_box { margin-top: 15px; }
.cont.product_choice .side_box .tit { width: 27%; flex-shrink: 0; }
.cont.product_choice .side_box .box { width: 100%; }
.cont.product_choice .side_box .box > .txt { color: #000; }
.cont.product_choice .side_box .box > .txt b { font-weight: 600; }
.cont.product_choice .side_box .box > .txt .copy { font-size: 10px; color: #bdbdbd; text-decoration: underline; }
.cont.product_choice .side_box .box .more_btn { height: 22px; line-height: 21px; font-size: 10px; padding: 0 10px; border: 1px solid #ccc; color: #999; border-radius: 2em; }

.cont.product_choice .return_wrap { border-top: 1.5px solid #000; }
.cont.product_choice .return_wrap .total_price { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; }
.cont.product_choice .return_wrap .total_price .tit { font-size: 14px; font-weight: 500; color: #999; }
.cont.product_choice .return_wrap .total_price .price { font-size: 16px; font-weight: 600; }

.cont.product_choice .return_wrap .price_li li { padding: 15px; border-top: 1px solid rgba(188,188,188,0.2); background-color: #FAFAFA; }
.cont.product_choice .return_wrap .price_li li .total { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 600; }
.cont.product_choice .return_wrap .price_li li .total + .detail { margin-top: 9px; }
.cont.product_choice .return_wrap .price_li li .detail { display: flex; align-items: center; justify-content: space-between; font-size: 10px; font-weight: 500; }
.cont.product_choice .return_wrap .price_li li .detail.none { color: #bdbdbd; }
.cont.product_choice .return_wrap .price_li li .detail + .detail { margin-top: 5px; }

.cont.product_choice .return_wrap .price_btm { padding: 12px 15px; text-align: right; background-color: #EEEEEE; }
.cont.product_choice .return_wrap .price_btm > .tit { font-size: 10px; color: #999999; }
.cont.product_choice .return_wrap .price_btm .price { display: flex; align-items: center; justify-content: flex-end; }
.cont.product_choice .return_wrap .price_btm .price > .tit { font-size: 10px; }
.cont.product_choice .return_wrap .price_btm .price > .total { margin-left: 8px; font-size: 18px; font-weight: 600; }

.cont.product_choice .order_top { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
.cont.product_choice .order_top .tit { font-size: 16px; font-weight: 600; }
.cont.product_choice .order_top .num_wrap { display: flex; align-items: center; justify-content: flex-end; font-size: 12px; }
.cont.product_choice .order_top .num_wrap .txt { color: #666666; }
.cont.product_choice .order_top .num_wrap .txt + .num { margin-left: 8px; }
.cont.product_choice .order_top .num_wrap .num { font-weight: 600; }

.cont.product_choice .term_txt { padding: 20px 30px; background-color: #FAFAFA; }
.cont.product_choice .term_txt .tit { font-size: 14px; font-weight: 600; }
.cont.product_choice .term_txt ul { margin-top: 10px; }
.cont.product_choice .term_txt ul li { position: relative; padding-left: 0.7em; font-size: 10px; color: #bdbdbd; }
.cont.product_choice .term_txt ul li.point { color: #000; }
.cont.product_choice .term_txt ul li + li { margin-top: 3px; }
.cont.product_choice .term_txt ul li:before { content: ''; position: absolute; left: 0; top: 0.6em; width: 2px; height: 2px; border-radius: 100%; background-color: #bdbdbd; transform: translate(0, -50%); }

.cont.product_choice .rate_box { display: flex; align-items: center; justify-content: center; padding: 25px 0; background-color: #f9f9f9; }
.cont.product_choice .rate_box .ev_active2 { display:block; position:relative; vertical-align:top; width:180px; height: 30px; margin-top: -1px}
.cont.product_choice .rate_box .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: cover; background-position: center}
.cont.product_choice .rate_box .ev_active2 b { overflow: hidden; display:block; position:absolute; left:0; top:0; width:0%; height: 100%;}
.cont.product_choice .rate_box .ev_active2 b:before{content: ""; display:block; position:absolute; left:0; top:0; width:180px; height: 100%; background:url(../images/common/img_ev_star_full.png) no-repeat; background-size: cover; background-position: center}

.cont.product_choice .up_img_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }
.cont.product_choice .up_img_wrap .img_box { position: relative; width: 100%; padding-top: 100%; }
.cont.product_choice .up_img_wrap .img_box.upload { border: 1px solid #ccc; }
.cont.product_choice .up_img_wrap .img_box .up_btn_box { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; transform: translate(-50%, -50%); }
.cont.product_choice .up_img_wrap .img_box .up_btn_box .up_btn { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 100%; background-color: #000; fill: #fff; font-size: 12px; }
.cont.product_choice .up_img_wrap .img_box .up_btn_box .num { margin-top: 5px; font-size: 13px; font-weight: 600; color: #999; }
.cont.product_choice .up_img_wrap .img_box img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }

.cont.product_choice .up_img_wrap .img_box .del_btn { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); transform: translate(-50%, -50%); fill: #fff; font-size: 20px; z-index: 10; }

.cont.product_choice .agree_btm { margin-top: 10px; }


/*내가 작성한 리뷰 이미지*/
.modal .modal_wrap .modal_cont.my_review {  }
.modal_cont.my_review .cont { position: relative; }
.modal_cont.my_review .cont .swiper-container {  }
.modal_cont.my_review .cont .swiper-container .img { position: relative; width: 85%; padding-top: 85%; margin: 0 auto; }
.modal_cont.my_review .cont .swiper-container .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.modal_cont.my_review .cont .paging { position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 10; }
.modal_cont.my_review .cont .paging .swiper-pagination-bullet { background: #fff; border-radius: 2em; opacity: 0.4; transition: width 0.3s, opacity 0.3s; }
.modal_cont.my_review .cont .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 25px; opacity: 1; }
.modal_cont.my_review .cont .paging .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 10px; }

/*완료 화면*/
.modal .modal_wrap .modal_cont.done { width: 410px; }
.modal .modal_wrap .modal_cont.done .done_box { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.modal .modal_wrap .modal_cont.done .done_box > .cir { display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; border-radius: 100%; background-color: #FAFAFA; fill: #000; font-size: 30px; }
.modal .modal_wrap .modal_cont.done .done_box > .cir .ico { width: 50px; height: 50px; background: url("/data/skin/dualsonic/images/common/dual_ico_chk.svg") center/contain no-repeat; }
.modal .modal_wrap .modal_cont.done .done_box .txt { margin-top: 15px; font-size: 14px; font-weight: 600; }
.modal .modal_wrap .modal_cont.done .done_box .txt + .txt { margin-top: 2px; }
.modal .modal_wrap .modal_cont.done .done_box .tit { margin-top: 15px; font-size: 20px; font-weight: 600; }
.modal .modal_wrap .modal_cont.done .done_box .desc { display: flex; align-items: center; justify-content: flex-start; font-size: 10px; color: #bdbdbd; }
.modal .modal_wrap .modal_cont.done .done_box .desc .ico { margin-right: 5px; font-size: 18px; font-weight: 300; }

.modal .modal_wrap .modal_cont.done .done_box.complete .tit { width: 100%; margin-top: 0; font-size: 17px; font-weight: 600; text-align: left; }
.modal .modal_wrap .modal_cont.done .done_box.complete .tit + .box { margin-top: 18px; }
.modal .modal_wrap .modal_cont.done .done_box.complete > .box { width: 100%; padding: 18px 0; background-color: #FAFAFA; text-align: center; }
.modal .modal_wrap .modal_cont.done .done_box.complete > .box .txt { font-size: 14px; font-weight: 500; }
.modal .modal_wrap .modal_cont.done .done_box.complete > .box .txt b { font-weight: 700; }

/*첨부파일 스타일*/
.attach_wrap { display: flex; align-items: flex-start; justify-content: flex-start; }
.attach_wrap .file_btn { height: 21px; line-height: 1em; padding: 0 10px; border: 1px solid #ccc; font-size: 10px; color: #999; border-radius: 2em; flex-shrink: 0; }
.attach_wrap .file_tit { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 80%; margin-left: 10px; font-size: 13px; gap: 7px; }
.attach_wrap .file_tit .file { display: flex; align-items: center; justify-content: flex-start; font-size: 12px; }
.attach_wrap .file_tit .file .name { max-width: 8.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attach_wrap .del_btn .ico { display: flex; align-items: center; justify-content: center; margin-left: 6px; font-size: 12px; fill: #999999; }

/*브랜드샵_판매자 정보*/
.modal .modal_wrap .modal_cont.brand { width: 50rem; }
.modal .modal_wrap .modal_cont.brand .side_wrap { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 14px; }
.modal .modal_wrap .modal_cont.brand .side_wrap + .side_wrap { margin-top: 10px; }
.modal .modal_wrap .modal_cont.brand .side_wrap .tit { width: 35%; font-weight: 600; color: #999999; flex-shrink: 0; }
.modal .modal_wrap .modal_cont.brand .side_wrap .txt { width: 100%; }

/*제품 목록 필터*/
.modal .modal_wrap .modal_cont.filter { width: 46rem; }
.modal .modal_wrap .modal_cont.filter .modal_tit_wrap { margin-bottom: 1rem; }
.modal .modal_wrap .modal_cont.filter .chk_box.squ:not(.agree) input[type='radio'] + label::before { width: 1.8rem; height: 1.8rem; margin-bottom: 1px; }
.modal .modal_wrap .modal_cont.filter .tit_wrap { display: flex; align-items: center; justify-content: flex-start; }
.modal .modal_wrap .modal_cont.filter .tit_wrap .reset_btn { margin: 2px 0 0 10px; font-size: 12px; color: #999999; fill: #999999; display: flex; align-items: center}
.modal .modal_wrap .modal_cont.filter .tit_wrap .reset_btn svg {margin-right: 5px; transform: translateY(-1px)}
.modal .modal_wrap .modal_cont.filter .product_filter .info_wrap + .info_wrap { margin-top: 35px; }
.modal .modal_wrap .modal_cont.filter .product_filter .filter_box { display: none; }

.info_wrap .filter .radio_wrap { display: grid; grid-template-columns: repeat(3,minmax(0, 1fr)); gap: 10px; }
.info_wrap .filter .radio_wrap.col4 { grid-template-columns: repeat(4,minmax(0, 1fr)); }
.info_wrap .filter .radio_wrap input + label { font-size: 14px; }
.info_wrap .filter .color_area>label { display:inline-block; width:24px; height:24px; margin-right:5px; border:1px transparent solid; background-position:50% 50%; background-repeat:no-repeat; }
.info_wrap .filter .color_area>label.active { border: 1px solid #000 !important; }
.info_wrap .filter .color_area>label>input[type='checkbox'] { width:0; height:0; visibility:hidden; }

#productFilter .search_filter_selected { margin-top: 30px; border-top: 1px solid #EAEAEA; border-width: 1px 0 0 0; }
#productFilter .search_filter_selected .selected_item_area { display: block; padding: 10px 0 0;}
#productFilter .search_filter_selected .selected_item_area>li { position: relative; width: 12px; height: 12px; border-radius: 0; margin: 5px 20px 5px 0; }
#productFilter .search_filter_selected .selected_item_area>li + li {margin-left: 20px}
#productFilter .search_filter_selected .selected_item_area>li.color_type.border { border: 1px solid #ccc; }

#productFilter .search_filter_selected .selected_item_area>li.filter_txt { width: auto; background-color: transparent; font-size: 14px; color: #999999; line-height: 1.2}
#productFilter .search_filter_selected .selected_item_area>li.filter_txt span { position: relative; top: -2.5px; line-height: 1; }

#productFilter .search_filter_selected .selected_item_area>li a.remove { position: absolute; right: -3px; top: 50%; width: 1.5rem; height: 1.5rem; padding: 0; transform: translate(100%, -50%); background: none; }
#productFilter .search_filter_selected .selected_item_area>li a.remove:before { content: ''; position: absolute; left: calc(50% + 2px); top: 50%; transform: translate(-50%, -50%); color: #bdbdbd; width: 100%; height: 110%;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><path d="M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.5 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z" fill="%23999"></path></svg>') center / contain no-repeat;}

#productFilter .search_filter_selected .selected_item_area>li.color_type.border a.remove { border: 0; }

/*콘텐츠산업 진흥법 팝업*/
.modal .modal_wrap .modal_cont.contents { width: 46rem; }
.modal_cont.contents .img{ display: flex; align-items: center; justify-content: center; }
.modal_cont.contents .img img { max-width: 90px }
.modal_cont.contents ol{counter-reset: copy 0; padding: 12px 15px; margin-top: 20px; background: #f4f4f4; text-align: left}
.modal_cont.contents ol li{counter-increment: copy; position: relative; padding-left: 1em; color: #444; font-weight: 500}
.modal_cont.contents ol li::before{content: counter(copy)'. '; position: absolute; left: 0}
.modal_cont.contents ol li + li{margin-top: 5px}

.modal_cont.contents .notice_con{ margin-top: 20px; color: #666; font-size: 12px}

/*회사정보 및 운영 팝업*/
.modal_cont.prd_info .list {font-size: 14px}
.modal_cont.prd_info .list li {display: flex}
.modal_cont.prd_info .list li + li {margin-top: 10px;}
.modal_cont.prd_info .list b {margin-right: 5px; font-weight: 600; flex-shrink: 0; min-width: 125px}
.modal_cont.prd_info .list .btn {border: 1px solid #ccc; padding: 2px 7px; border-radius: 50px; font-size: 11px; margin-left: 10px; display: inline-block}
.modal_cont.prd_info .txt_box {margin-top: 20px;}
.modal_cont.prd_info .txt_box a {text-decoration: underline}
.modal_cont.prd_info .txt_box p + p {margin-top: 10px;}


	/*----------이벤트_목록----------*/
.event_container {}

.main_event { position: relative; }

#eventSwiper .item { position: relative; width: 100%; padding-top: 500px; }
#eventSwiper .item .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#eventSwiper .item .img { position: absolute; left: 50%; top: 0; width: 1440px; padding: 0 var(--resp_wrap_pd) ;height: 100%; overflow: hidden; transform: translateX(-50%); text-align: right; }
#eventSwiper .item .img img { width: auto; height: 100%; object-fit: cover; object-position: right; }

#eventSwiper .item .txt_box { position: absolute; width:  1440px; height: 100%; max-width: 100%; padding: 14rem 20px 0; left: 50%; top: 0; transform: translateX(-50%); color: #261108; text-align: left; }
#eventSwiper .item .txt_box .desc { font-size: var(--sub_banner_desc); font-weight: 600; }
#eventSwiper .item .txt_box .desc + .tit { margin-top: var(--banner_tit_mt);}
#eventSwiper .item .txt_box .tit { font-size: var(--banner_tit); font-weight: 700; line-height: 1.3; }
#eventSwiper .item .txt_box .desc.wh,
#eventSwiper .item .txt_box .tit.wh { color: #fff; }
#eventSwiper .item .txt_box .txt {font-size: 16px; margin-top: 15px;}


.event_banner_wrap { position: relative; margin-top: -1px}
.event_banner_wrap .slide_move { position: absolute; width: 1440px; padding: 0 var(--resp_wrap_pd); left: 50%; transform: translateX(-50%); bottom: 4rem; display: flex; align-items: center; justify-content: flex-start; z-index: 20; }
.event_banner_wrap .slide_move .swiper-pagination { display: flex; justify-content: flex-end; font-size: 13px; font-weight: 600; text-align: left; position: static}
.event_banner_wrap .slide_move .swiper-pagination .slash { margin: 0 10px; }
.event_banner_wrap .slide_move .arr {display: flex; align-items: center; justify-content: flex-start; font-size: 13px; fill: #000; z-index: 10; cursor: pointer; margin-left: 20px;}
.event_banner_wrap .slide_move .arr .swiper_btn { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.event_banner_wrap .slide_move .arr .swiper_btn + .swiper_btn { margin-left: 13px; }
.event_banner_wrap .slide_move .arr .swiper_btn.swiper-button-disabled { fill: #bcbcbc; }

.full_slide #eventSwiper .item {padding-top: min(calc(100vh - var(--header_total)), 1000px);}
.full_slide #eventSwiper .item .txt_box {padding-top: 10%}
.full_slide #eventSwiper .item .img {width: 100%; height: 100%; padding: 0}
.full_slide #eventSwiper .item .img img {object-fit: cover; object-position: center; width: 100%}


#mainSector {width:100%; overflow:hidden;}
#mainVisible {position:relative; width:100%; height:940px; overflow:hidden; opacity:0;}
#slider-1 {position:relative;}

.swiper-container {margin:0;}
.slider {position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s ease-in-out; margin-top: -2px}
.slider * {outline:none;}
.slider .item {position:relative; z-index:1; width:100%; height:0; padding-top: min(29%, 1100px);}
.slider .item img {position: absolute; left: 0; top: 0; width: 102%; height: 102%; object-fit: cover; object-position: center}
.slider .item svg {position:relative; z-index: 1}

.slider .txt_box { position: absolute;width: 144rem; padding:0 var(--resp_wrap_pd); left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 20; color: #000; max-width: 100%;}
.slider .txt_box .txt {margin-top: var(--banner_txt_mt); font-size: var(--banner_desc);font-weight: 500;}
.slider .txt_box .tit {font-size: var(--banner_tit);font-weight: 700;line-height: 1.3;}
.slider .txt_box .txt + .tit {margin-top: var(--banner_tit_mt);}
.slider .txt_box .sub_txt  {margin-top: var(--banner_tit_mt); font-size:1.8rem}

.slider .txt_box  p {overflow: hidden}
.slider .txt_box  p span {display: block; transform: translateY(100%); }

.slider .swiper-slide-active .txt_box .sub_txt span,
.slider .swiper-slide-active .txt_box .txt span,
.slider .swiper-slide-active .txt_box .tit p span { transform: translateY(0%); transition: transform 0.75s; transition-delay: 0.3s}
.slider .swiper-slide-active .txt_box .tit p span{ transition: transform 1s;}
.slider .swiper-slide-active .txt_box .tit p:nth-child(1) span{transition-delay: 0.6s}
.slider .swiper-slide-active .txt_box .tit p:nth-child(2) span{transition-delay: 0.8s}
.slider .swiper-slide-active .txt_box .tit p:nth-child(3) span{transition-delay: 1s}
.slider .swiper-slide-active .txt_box .sub_txt p:nth-child(1) span{transition-delay: 1.0s}
.slider .swiper-slide-active .txt_box .sub_txt p:nth-child(2) span{transition-delay: 1.2s}
.slider .swiper-slide-active .txt_box .sub_txt p:nth-child(3) span{transition-delay: 1s}
.slider .swiper-slide-active .btn{opacity: 1; transform: translateY(00px)}

.slider.single-slide .slide_move {display: none}
.slider.single-slide .slide-inner,
.slider.single-slide .swiper-wrapper {transform: translate3d(0px, 0, 0) !important; }

.slider.single-slide .txt_box p span { transform: unset}

.slider .slide_move {width: 144rem; }

.swiperMprev {position:absolute; top:50%; left:4.427%; display:inline-block; width:60px; height:60px; background:url('/content/images/btn/btn_main_prev.png') left top no-repeat; margin:-30px 0 0 0; opacity:0.4; z-index:24; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.swiperMnext {position:absolute; top:50%; left:35.78125%; width:60px; height:60px; background:url('/content/images/btn/btn_main_next.png') left top no-repeat; margin:-30px 0 0 0; opacity:0.4; z-index:24; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

.mainDots {position:absolute; bottom:60px; left:13.541666%; z-index:20;}
.mainDots .swiper-pagination-bullet {display:inline-block; width:16px; height:16px; text-indent:-9999em; background:url('/content/images/bg/bg_main_dot.png') left top no-repeat; margin:0 24px 0 0;}
.mainDots .swiper-pagination-bullet-active {background:url('/content/images/bg/bg_main_dot_active.png') left top no-repeat;}
.swiper-container, .swiper-wrapper {width:100%; height:100%;}
.swiper-slide {overflow: hidden;}

.slide-inner {position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center;}
.slide-inner.type3 .img {width: 204rem; padding: 0 var(--resp_wrap_pd); position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; max-width: 100%}
.slide-inner.type3 .img img,
.slide-inner.type3 .img video {position: absolute; width: auto; height: 100%; right: 0; bottom: 0; left: auto; top: auto; }

.popup_slider .popup_slider_tab {display: none}

.event_li_wrap { margin-top: var(--sub_banner_pd)}
.bbs_top_wrap + .event_li_wrap { margin-top: 3rem}
.event_li_wrap .top { display: flex; align-items: flex-end; justify-content: space-between; display: none}
.event_li_wrap .top .right_box { max-width: 35rem; flex-shrink: 0; }
.sch_wrap { display: flex; align-items: center; justify-content: flex-start; width: 35rem; height: 5rem; border-bottom: 2px solid #000; }
.sch_wrap input { width: 100% !important; height: 100%; border: 0; font-size: 14px; }
.sch_wrap .btn { flex-shrink: 0; border: 0; margin-left: 10px; font-size: 14px; }
.sch_wrap .btn svg { display: flex; align-items: center; justify-content: center; font-size: 18px; }
.sch_wrap .btn .ico { display: block; width: 25px; height: 25px; background: url('/data/skin/dualsonic/images/common/dual_ico_search.svg') center / contain; }

.event_container .event_li {min-height: 55vh}

.event_li_wrap .event_li { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7rem 5rem;}
.event_li_wrap .event_li .event_box a { display: block; }

.event_li_wrap .event_li .event_box .close-icon {display: none}
.event_li_wrap .event_li .event_box .image_event { position: relative; width: 100%; padding-top: 58%; }
.event_li_wrap .event_li .event_box .image_event img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.event_li_wrap .event_li .event_box .infobox { display: flex; align-items: flex-start; padding: 2rem 0rem 0; }
.event_li_wrap .event_li .event_box .infobox .cate { display: flex; align-items: center; margin-right: 4.5rem; flex-shrink: 0; height: calc(1.8rem * 1.5); display: none}
.event_li_wrap .event_li .event_box .infobox .cate .ico {display: block;width: 1.9rem;height: 1.9rem; margin-right: 8px; flex-shrink: 0}
.event_li_wrap .event_li .event_box .infobox .cate .ico.gift { background: url(/data/skin/dualsonic/images/common/dual_ico_gift.svg) no-repeat center / contain;}
.event_li_wrap .event_li .event_box .infobox .cate .ico.time { background: url(/data/skin/dualsonic/images/common/dual_ico_clock.svg) no-repeat center / contain;}
.event_li_wrap .event_li .event_box .infobox .cate .ico.market { background: url(/data/skin/dualsonic/images/common/dual_ico_store.svg) no-repeat center / contain;}
.event_li_wrap .event_li .event_box .infobox .cate .cate_txt {font-size: 1.6rem; font-weight: 600}
.event_li_wrap .event_li .event_box .infobox .introduce { font-size: 1.8rem; font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.event_li_wrap .event_li .event_box .infobox .introduce + .txt { margin-top: 0.6rem; }
.event_li_wrap .event_li .event_box .infobox .txt { display: none; font-size: 1.6rem; }
.event_li_wrap .event_li .event_box .infobox .period { margin-top: 1.5rem; color: #9B9B9B; font-size: 1.4rem; font-weight: 600; line-height: 1em;}


/*통합검색 이벤트리스트*/
.event_li_wrap .event_li.col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.event_li_wrap .event_li.col3 .event_box .infobox .cate { font-size: 10px; }
.event_li_wrap .event_li.col3 .event_box .infobox .introduce { font-size: 16px; }
.event_li_wrap .event_li.col3 .event_box .infobox .period { margin-top: 15px; }

/*이벤트 상세*/

/*이벤트 상세_풀이미지*/
.event_view {margin-bottom: calc( var(--layout_body_pd) * -1 ); background: #fff;}
.event_view .view_board {margin-top: 0}
.event_view .view_board .top {display: none}
.event_view .view_board .txt_cont {padding-top: 0}
.event_view .view_board .resp_wrap.w1200 {width: 100%; padding: 0}

.event_view .view_board .full_banner {position: relative; text-align: center}
.event_view .view_board .full_banner .img { width: 60% !important;z-index: 2; position: relative; max-width: 1600px}
.event_view .view_board .full_banner .bg {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
.event_view .view_board .full_img {padding: 12rem 0}
.event_view .view_board .full_img .txc-image {/*width: 50% !important; max-width: 700px*/}
.event_view .view_btm {display: none}
.event_view .view_board .prd_wrap {margin-bottom: var(--layout_body_pd)}

.event_view {overflow: hidden}
.event_view .event_top_banner {display: none}
.event_view .event_top_banner .banner {position: relative;  padding-top: 500px;}
.event_view .event_top_banner .banner.time {background-color: #341673}
.event_view .event_top_banner .banner.special {background-color: #F86D72}
.event_view .event_top_banner .banner.market {background-color: #2BBD72}
.event_view .event_top_banner .banner .resp_wrap {position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%}
.event_view .event_top_banner .banner .img {width: 100%;}
.event_view .event_top_banner .banner .img img {position: absolute; width: auto; height: 100%; right: 0; top: 0; object-position: center; object-fit: cover}
.event_view .event_top_banner .banner .txt_box {position: absolute;left: 0;top: 50%;color: #fff;text-align: left; transform: translateY(-50%); }
.event_view .event_top_banner .banner .txt_box .tit {font-weight: 600; font-size: 5rem; line-height: 1em;}
.event_view .event_top_banner .banner .txt_box .txt {font-size: 1.8rem; font-weight: 500; margin-top: 2.5rem;}

/*.event_view .view_img img {width: 100%} */

.event_view .view_img .shinsegea  { display: flex; flex-flow: nowrap row; width: 100%; margin: 0 auto; text-align: center; justify-content: center ; }
.event_view .view_img .shinsegea02 { text-align: center;}
.event_view .view_img .shinsegea02 img {width: 868px; }

.notice_view_page .tit_container {padding-bottom: 0}

.sub_top.board_view {display: none !important;}
.view_board {margin-top: var(--sub_sect_pt);}
.view_board .top { padding-bottom: 4rem; text-align: center; border-bottom: 1px solid #000; }
.view_board .top .cate { font-size: 1.6rem; font-weight: 600; display: none}

.view_board .top .tit { font-size: 2.8rem; font-weight: 800; word-break: keep-all}
.view_board .top .tit + .date { margin-top: 1.2rem; }
.view_board .top .date { font-size: 1.4rem; font-weight: 500; color: #bdbdbd; }

.view_board .posting_link {background-color: #FAFAFA; font-weight: 700; font-size: 1.6rem; border-radius: 1rem; display: flex ; align-items: center; justify-content: center; width: 30rem; height: 5rem; margin: 0 auto 6rem; transition: all .3s}
.view_board .posting_link .ico {display: inline-block; width: 3rem; height: 3rem; margin-right: 10px; transition: .3s}
.view_board .posting_link .ico.insta {background: url("/data/skin/dualsonic/images/common/dual_ico_insta.svg")center/contain no-repeat;}
.view_board .posting_link .ico.blog {background: url("/data/skin/dualsonic/images/common/dual_ico_blog_thin_b.svg")center/contain no-repeat;}
.view_board .posting_link .ico.youtube {background: url("/data/skin/dualsonic/images/common/dual_ico_youtube_thin_b.svg")center/contain no-repeat;}
.view_board .posting_link .ico.tiktok {background: url("/data/skin/dualsonic/images/common/dual_ico_tiktok_thin.svg")center/contain no-repeat;}

.view_board .txt_cont { padding: 7.5rem 0rem 0; font-size: 16px; line-height: 1.8; min-height: 50rem}

.view_board .prd_wrap { width: 144rem; max-width: 100%; padding: 0 20px; margin: 7.5rem auto 0}
.view_board .file_cont {margin-bottom: 7.5rem}
.view_board .txt_cont + .prd_wrap + .view_btm {border-top: 1px solid #bdbdbd}
.event_view .view_board .view_btm {border-top: none}

.spec_solo_event2 .event_datetime_box {font-family: 'Gmarket'; font-weight: 700; }

.event_view .time_box {background-color: #2d2427; padding: 2rem 0; color: #fff; border-radius: 0px; line-height: 1 ; width:860px ; margin:0 auto;text-align: center; }
.event_view .time_box .time_tit {font-size: 5rem; font-weight: 700; text-align: center; line-height:130%; }
.event_view .time_box .tine_txt {font-size: 5rem; font-weight: 400; text-align: center; margin-top: 20px}
.event_view .time_box #countdown {margin-top: 0px;}
.event_view .time_box #countdown ul {display: flex; justify-content: center; font-size: 5rem; font-weight: 700; line-height: 1}
.event_view .time_box #countdown ul li span {display: inline-block; min-width: 1.3em}
.event_view .time_box #countdown ul li + li:before {content: ":"; margin: 0 10px}

.event_view .end_tit {font-size: 5rem; font-weight: 300; margin-top: 0px; text-align: center}

.rental_page .paging_navigation,
.event_view .paging_navigation {display: none}
.rental_page .prd_wrap .tit_box,
.event_view .prd_wrap .tit_box {padding-bottom: 10px;border-bottom: 1px solid #000; margin-bottom: 20px}
.rental_page .prd_wrap .tit_box .tit,
.event_view .prd_wrap .tit_box .tit {font-size: 2.2rem;font-weight: 700;}

.event_view .coupon_sect { margin-bottom: 0rem; padding: 16rem 0; background-color: #EEEEEE; position: relative; }
.event_view .coupon_sect:before {content: ""; width: 100vw; height: 100%;  background-color: #EEEEEE; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1}
.event_view .coupon_sect .tit_box {text-align: center; position: relative; z-index: 2}
.event_view .coupon_sect .tit_box .tit {font-size: 4.5rem; font-weight: 800}
.event_view .coupon_sect .tit_box .txt {margin-top: 2.5rem; font-size: 2rem; font-weight: 700}
.event_view .coupon_sect .coupon_box {position: relative; z-index: 2; width: 1000px; max-width: 100%; margin: 10rem auto 0}
.event_view .coupon_sect .coupon_box .list {display: flex; flex-wrap: wrap; justify-content: center}
.event_view .coupon_sect .coupon_box .list .coupon {background-color: #fff; display: flex;  width: calc(50% - 2.5rem) }
.event_view .coupon_sect .coupon_box .list .coupon:nth-child(2n) {margin-left: 5rem}
.event_view .coupon_sect .coupon_box .list .coupon:nth-child(n+3) {margin-top: 5rem}
.event_view .coupon_sect .coupon_box .list .coupon .txt_box {padding: 4rem; flex: 1}
.event_view .coupon_sect .coupon_box .list .coupon .txt_box .big_tit {font-weight: 700; font-size: 4rem; margin-bottom: 3rem; min-height: 1.5em}
.event_view .coupon_sect .coupon_box .list .coupon .txt_box .big_tit.none {width: 1.25em; background: url("/data/skin/dualsonic/images/common/dual_ico_noAmount.svg")center/contain no-repeat;}
.event_view .coupon_sect .coupon_box .list .coupon .txt_box .tit {font-size: 1.6rem; font-weight: 700}
.event_view .coupon_sect .coupon_box .list .coupon .txt_box .txt {font-size: max(1.4rem,12px); margin-top: 5px}
.event_view .coupon_sect .coupon_box .list .coupon .txt_box .desc {color: #bdbdbd; margin-top: 2.5rem; font-size: max(1.4rem,12px);}
.event_view .coupon_sect .coupon_box .list .coupon .btn_box {width: 22%; min-width: 10rem ;display: flex; align-items: center; justify-content: center; position: relative; border-left: 2px dashed #C6C6C6}
.event_view .coupon_sect .coupon_box .list .coupon .btn_box:before,
.event_view .coupon_sect .coupon_box .list .coupon .btn_box:after {content: ""; width: 2rem; height: 3rem; background-color: #EEEEEE; border-radius: 30px; position: absolute; left: -1px;}
.event_view .coupon_sect .coupon_box .list .coupon .btn_box:before {top: 0; transform: translate(-50%,-50%)}
.event_view .coupon_sect .coupon_box .list .coupon .btn_box:after {bottom: 0; transform: translate(-50%,50%)}
.event_view .coupon_sect .coupon_box .list .coupon .btn_box .ico {width: 6.5rem; height: 6.5rem; background: url("/data/skin/dualsonic/images/common/dual_ico_download.svg")center/contain no-repeat; display: block}
.event_view .coupon_sect .coupon_box .btm_btn_box {display: flex; justify-content: center; margin-top: 6rem}
.event_view .coupon_sect .coupon_box .btm_btn_box .all_down_btn {border: 1px solid #000; width: 25rem; height: 5rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; transition: all .3s}


.event_view .slide_txt { background-color: #fff; padding: 2rem 3rem; font-size: 1.5rem; position: relative; z-index: 2; width: 1000px; max-width: 100%; margin: 8rem auto 0}

.event_view .coupon_sect .slide_txt .more_btn {position: relative; cursor: pointer}
.event_view .coupon_sect .slide_txt .more_btn:after {content: '';position: absolute;right: 0;top: 50%;width: 2rem;height: 2rem;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:none;stroke:%23000000;stroke-width:9;stroke-miterlimit:10;}.st1{fill:none;}</style><g id="_레이어_2"><g><polyline class="st0" points="113,48.6 69.9,91.6 27,48.7 "/><rect class="st1" width="140" height="140"/></g></g></svg>')center/contain no-repeat;transform: translateY(-50%);transition: transform 0.4s;}
.event_view .coupon_sect .slide_txt .tit {font-weight: 700}
.event_view .coupon_sect .slide_txt ul {margin-top: 1.5rem; display: none}
.event_view .coupon_sect .slide_txt ul li { color: #666666; position: relative; padding-left: 8px}
.event_view .coupon_sect .slide_txt ul li + li {margin-top: 5px;}
.event_view .coupon_sect .slide_txt ul li:before {position: absolute; content: ""; width: 2px; height: 2px;background-color: #666666; border-radius: 50%; left: 0; top: calc(0.5em * 1.5); transform: translateY(-50%); display: block}


.view_board .view_btm { border-top: 1px solid #bdbdbd; padding-top: 30px}
.view_btm { display: flex; align-items: center; justify-content: space-between; margin-top: 0rem;}
.view_btm {margin-top: 7.5rem}
.view_btm .btn_wrap { max-width: 17rem; margin: 0 auto}

.view_btm .cnt_box:hover .tit_wrap .txt {text-decoration: underline}
.view_btm .cnt_box { display: flex; align-items: center; width: 35%; }
.view_btm .cnt_box .ico { height: 0.7rem; flex-shrink: 0; }
.view_btm .cnt_box .tit_wrap { width: 100%; min-width: 0}
.view_btm .cnt_box .tit_wrap .tit { font-size: 1.8rem; font-weight: 700; }
.view_btm .cnt_box .tit_wrap .txt { width: 80%; margin-right: auto; margin-top: 0.5rem; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.view_btm .cnt_box.none { pointer-events: none; }
.view_btm .cnt_box.none .ico svg path { stroke: #bdbdbd; }
.view_btm .cnt_box.none .tit_wrap { color: #bdbdbd; }
.view_btm .cnt_box.prev.none .ico { margin-right: 2.5rem; background: url("/data/skin/dualsonic/images/common/dual_ico_prev_gy.svg")center/contain no-repeat; }
.view_btm .cnt_box.next.none .ico { margin-left: 2.5rem; background: url("/data/skin/dualsonic/images/common/dual_ico_next_gy.svg")center/contain no-repeat; }

.view_btm .cnt_box .ico { width: 3rem; height: 3rem; }
.view_btm .cnt_box.prev .ico { margin-right: 2.5rem; background: url("/data/skin/dualsonic/images/common/dual_ico_prev.svg")center/contain no-repeat; }

.view_btm .cnt_box.next { text-align: right; justify-content: flex-end; }
.view_btm .cnt_box.next .ico { margin-left: 2.5rem; background: url("/data/skin/dualsonic/images/common/dual_ico_next.svg")center/contain no-repeat; }
.view_btm .cnt_box.next .txt { margin-right: 0; margin-left: auto; }


/*----------공지사항_리스트----------*/
.experienceGroup .resp_wrap,
.review_page.beautyEditor .resp_wrap,
.review_page.newletter .resp_wrap { width: 144rem}

/*고객지원*/
.cs_container {margin-top: var(--sub_banner_pd);}
.cs_container .cs_li_wrap {  }
.cs_container .cs_li_wrap + .cs_li_wrap { margin-top: 18rem; }
.cs_container .cs_li_wrap .tit_wrap { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3rem}
.cs_container .cs_li_wrap .tit_wrap > .tit { font-size: 2.6rem; font-weight: 800; }
.cs_container .cs_li_wrap .tit_wrap .more_btn { position: relative; font-size: 12px; color: #000; }
.cs_container .cs_li_wrap .tit_wrap .more_btn:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #000; }


.faq_li > li { margin-top: 0; border-top: 1px solid #EAEAEA; cursor: pointer; }
.faq_li > li:last-of-type { border-bottom: 1px solid #eaeaea; }
.faq_li .question { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; padding: 2rem 2.5rem; }
.faq_li .question:before { content: 'Q'; position: relative; left: unset; top: unset; width: auto; margin-right: 2rem; padding-left: 0; font-size: 2rem; font-weight: 600; height: 2.4rem; display: flex; align-items: center}
.faq_li .question:after { content: ''; position: absolute; right: 0; top: 50%; width: 2.6rem; height: 2.6rem; 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:none;stroke:%23000000;stroke-width:9;stroke-miterlimit:10;}.st1{fill:none;}</style><g id="_레이어_2"><g><polyline class="st0" points="113,48.6 69.9,91.6 27,48.7 "/><rect class="st1" width="140" height="140"/></g></g></svg>')center/contain no-repeat; transform: translateY(-50%); transition: transform 0.4s; }
.faq_li > li.on .question:after { transform: translateY(-50%) rotate(-180deg); }
.faq_li .question .subject { display: flex; align-items: flex-start; justify-content: flex-start; padding: 0; background-color: transparent; width: calc(100% - 6rem)}
.faq_li .question .subject .cat { display: flex; align-items: center; justify-content: center; min-width: 7.5rem; height: 2.4rem; line-height: 2.4rem; margin-right: 20px; padding: 0.4rem 10px; border-radius: 2em; font-size: 11px; font-weight: 600; color: #999; background-color: #f1f1f1}
.faq_li .question .subject .cat + span > a { font-size: 1.7rem; font-weight: 600; }
.faq_li .answer { padding: 0; margin: 0 auto; font-size: 1.6rem; color: #666666; }
.faq_li .answer:before { display: none; }
.faq_li .answer .box { padding: 3rem 4.5rem 3rem calc(2rem + 4rem + 7.5rem + 20px); background-color: #FAFAFA; }


.sub_top.w124 .resp_wrap { width: var(--cont_in); max-width: 100%; margin: 0 auto; padding: 0 var(--resp_wrap_pd); }
.sub_top.w144 .resp_wrap { width: 144rem;}

.sub_top.notice .resp_wrap,
.notice_container { }

.notice_li_wrap .cont_tit { font-size: 2.6rem;font-weight: 800;}
.notice_li_wrap .right_box { margin-left: auto;}
.notice_li_wrap .bbs_top_wrap {margin-top: 0}
.notice_li_wrap .top { display: flex; align-items: flex-end; justify-content: space-between; }
.notice_li_wrap .top .right_box { max-width: 35rem; flex-shrink: 0; }
.notice_li_wrap .filtered_item_sorting {display: flex; align-items: center; margin-top: var(--sub_cont_pt);display: none}

.notice_li {margin-top: 10px;}
.notice_li .notice { display: flex; align-items: center; justify-content: space-between; padding: 3rem; border-top: 1px solid #EAEAEA; cursor: pointer}
.notice_li .notice:last-of-type { border-bottom: 1px solid #eaeaea; }
.notice_li .notice .ntc_tit { display: flex; align-items: center; justify-content: flex-start; width: 80%; }
.notice_li .notice .ntc_tit .num .label { display: inline-block; height: 22px; line-height: 22px; padding: 0 1.2rem; margin-right: 10px; background-color: #000; font-size: 12px; font-weight: 600; color: #fff; }
.notice_li .notice .subject { width: 80%; font-size: 1.7rem; font-weight: 600}
.notice_li .notice .subject span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice_li .notice .date { font-size: 13px; font-weight: 500; color: #999; }
.notice_li .notice.top_ntc .subject { font-weight: 700; }


/*고객지원 - 1대1문의*/
.oto_form .inquiry_write {margin-top: 0; padding-top: 0; border-top: none}
.oto_form .btn_wrap {margin-top: 100px;}
.oto_form .btn_wrap .btm_btn {max-width: 17rem}
.oto_form .nice-select {width: 50%;padding: 0 2rem;border: 1px solid #ccc;font-size: 14px;border-radius: 0;height: var(--inp_height);line-height: var(--inp_lineheight);}
.oto_form .nice-select .list {width: 100%;border-radius: 0;transition: none;}


/*----------faq----------*/
.faq_li_wrap .bbs_top_wrap {margin-top: 0}

.cs_li_wrap .how_li ,
.bbs_top_wrap + .notice_li,
.faq_li_wrap .bbs_top_wrap + .faq_box,
.faq_li_wrap .bbs_top_wrap + .faq_li { margin-top: 3rem; }

/*1:1문의*/
.inquiry_container { width: var(--cont_in); max-width: 100%; margin: 0px auto 0; padding: 0 var(--resp_wrap_pd); }
.inquiry_container .title_container { display: flex; flex-wrap: wrap; padding: 0; text-align: left; }
.inquiry_container .title_container .right { display: flex; margin-left: auto; }
.inquiry_container .title_container>h2 { margin: 0; color: #000; font-size: 22px; font-weight: 700; }
.inquiry_container .title_container>h2 .num { margin-left: 8px; color: #999; font-size: 22px; font-weight: 600; }
.inquiry_container .title_container>h4 { margin: 0; color: #000; font-size: 22px; font-weight: 700; }
.inquiry_container .title_container>h4 .num { margin-left: 8px; color: #999; font-size: 22px; font-weight: 600; }
.inquiry_container .inp_wrap.agree { margin-top: 40px; }
.inquiry_container .btn_wrap { margin-top: 50px; }
.inquiry_container .btn_wrap .btm_btn { max-width: 17rem; }

/*제품사용법*/
.how_sect {margin-top: var(--sub_banner_pd);}
.how_sect .top { display: flex; align-items: flex-end; justify-content: space-between; }
.how_sect .top .right_box { max-width: 35rem; flex-shrink: 0; }
.how_sect .top + .cs_li_wrap { margin-top: 80px; }


.cs_li_wrap .how_li { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 50px 35px;}
.cs_li_wrap .how_li > li { cursor: pointer; }
.cs_li_wrap .how_li li .img { position: relative; width: 100%; padding-top: 56.8%; }
.cs_li_wrap .how_li li .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.cs_li_wrap .how_li li .tit_wrap { display: block; margin-top: 20px; }
.cs_li_wrap .how_li li .tit_wrap .label { display: inline-flex; align-items: center; justify-content: center; height: 22px; 
	padding: 0 1.5rem; font-size: 11px; font-weight: 600; color: #999999; border: 1px solid #bdbdbd; border-radius: 2em; line-height: 1; flex-shrink: 0 }
.cs_li_wrap .how_li li .tit_wrap .label + .tit {margin-top: 10px;}
.cs_li_wrap .how_li li .tit_wrap .tit { font-size: 1.8rem; font-weight: 700;overflow: hidden;text-overflow: ellipsis;  
	display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }

/*제품사용법_3d영역*/
.how_to_page .howTo3D {padding: var(--sub_sect_pt) 0}
.how_to_page .howTo3D .modal_3d {padding-top: 0}
.howTo3D { margin: 0 auto; background-color: #000; }

/*기본 리셋_변경 X*/
.howTo3D .modal_3d { position:unset; opacity: 1; pointer-events: inherit; overflow:unset; background:unset; }
.howTo3D .modal_3d .modal_wrap { width: 100%; }
.howTo3D .modal_3d .device_sect { border-radius: 0; }
.howTo3D .modal_close { display: none !important; }

/*제품사용법_영상 팝업*/
.modal .modal_wrap .modal_cont.video { width: 80%; max-width: 1120px; }
.modal_cont.video .video { position: relative; width: 100%; padding-top: 56.25%; }
.modal_cont.video .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


/*-------갤러리형 게시판-------*/

/*뷰티에디터*/

.experienceGroup .filtered_item_sorting .top {display: none}
.experienceGroup .filtered_item_sorting .bot {margin-top: 30px;}

form + #filteredItemSorting.gallery { margin-top: 5rem; }

.gal_bbs_wrap #customGalleryBoard { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10rem 6rem; margin-top: 15px; }
.review_list.ex_group {margin-top: 15px}
.gal_bbs_wrap .custom_board_img_area { position: relative; width: 100%; padding-top: 100%; overflow: hidden; cursor: pointer}
.gal_bbs_wrap .custom_board_img_area li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.gal_bbs_wrap .custom_board_img_area li img { width: 100%; height: 100%; object-fit: cover; }
.gal_bbs_wrap .custom_gallery_board1 > li { display: flex; flex-direction: column; }

.gal_bbs_wrap .text_area { margin-top: 2rem; flex: 1}

.gal_bbs_wrap .text_area .tit_wrap { height: 100%; display: flex; flex-direction: column}
.gal_bbs_wrap .text_area .tit_wrap .label_wrap { display: flex; align-items: center; justify-content: flex-start; }
.gal_bbs_wrap .text_area .tit_wrap .label { display: inline-block; width: auto; height: 2.5rem; line-height: 2.4rem; padding: 0 10px; background-color: #fff; border: 1px solid #000; color: #000; font-size: max(1.3rem,10px); border-radius: 20px}
.gal_bbs_wrap .text_area .tit_wrap .label.end { background-color: #F0F0F0; color: #999999; border: 1px solid #f0f0f0; }
.gal_bbs_wrap .text_area .tit_wrap .label.ing {background-color: #000; color: #fff; border-color: #000}
.gal_bbs_wrap .text_area .tit_wrap .label + .sns_wrap { margin-left: auto;}

.gal_bbs_wrap .text_area .tit_wrap .date {font-size: 12px; font-weight: 500; margin-top: 5px; color: #bdbdbd}
.gal_bbs_wrap .text_area .tit_wrap .sns_wrap { display: flex; align-items: center; justify-content: flex-start; }
.gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico { width: 2.7rem; height: 2.7rem; }
.gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico + .ico { margin-left: 5px; }
.gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico.insta { background: url("/data/skin/dualsonic/images/common/dual_ico_insta.svg")center/contain no-repeat; }
.gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico.blog { background: url("/data/skin/dualsonic/images/common/dual_ico_blog_thin_b.svg")center/contain no-repeat; }
.gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico.youtube { background: url("/data/skin/dualsonic/images/common/dual_ico_youtube_thin_b.svg")center/contain no-repeat; }
.gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico.tiktok { background: url("/data/skin/dualsonic/images/common/dual_ico_tiktok_thin.svg")center/contain no-repeat; }

.gal_bbs_wrap .text_area .tit_wrap .label_wrap + .tit_box { margin-top: 10px; margin-bottom: 2.5rem; display: flex; flex-direction: column; flex: 1}

.gal_bbs_wrap .text_area .tit_wrap .label + .c_subject {margin-top: 10px}
.gal_bbs_wrap .text_area .c_subject { font-size: 1.8rem; font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; cursor: pointer}
.gal_bbs_wrap .text_area .subs_box { display: flex; align-items: center; justify-content: flex-start; margin-top: auto; padding-top: 2rem; color: #666666; font-size: 1.5rem; }
.gal_bbs_wrap .text_area .subs_box .ico { width: 1.6rem; height: 1.6rem; margin-right: 5px; background: url('/data/skin/dualsonic/images/common/dual_ico_user_fill_gy.svg')center/contain no-repeat; }
.gal_bbs_wrap .text_area .subs_box p { position: relative; }
.gal_bbs_wrap .text_area .subs_box p + p { margin-left: 14px; }
.gal_bbs_wrap .text_area .subs_box p + p:before { content: ''; position: absolute; left: -8px; top: 50%; width: 1px; height: 50%; background: #bdbdbd; transform: translateY(-50%); }
.gal_bbs_wrap .text_area .subs_box p span { font-weight: 600; }

.gal_bbs_wrap .btn_wrap { margin-top: auto; }
.app_btn { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #000; color: #fff; ;height: var(--inp_height); line-height: var(--inp_lineheight); padding: 0 2rem}
.app_btn span {position: relative; z-index: 1; font-size: 1.4rem; font-weight: 600; transition: 0.7s}
.app_btn .ico { position: relative; z-index: 1; width: 2rem; height: 2rem; margin-left: 20px; transition: transform 0.5s; background: url("/data/skin/dualsonic/images/common/dual_ico_arrow_w.svg")center/contain no-repeat; }

.app_btn.center {justify-content: center}

.app_btn.line { color: #000; background-color: transparent; border: 1px solid #000; color: #000}
.app_btn.line .ico {background: url("/data/skin/dualsonic/images/common/dual_ico_arrow.svg")center/contain no-repeat; }


.app_btn.end {background-color: #f0f0f0; color: #999; justify-content: center; cursor: default}
.app_btn.end .ico {display: none}

.app_btn.wh { background: #fff; color: #000; border: 1px solid #000; }
.app_btn.wh .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_arrow.svg")center/contain no-repeat; }


/*뷰티에디터 뷰페이지*/
.beauty_container {position: relative;}
.beauty_container .back_btn { display: flex; align-items: center; justify-content: flex-start; font-size: 1.7rem; font-weight: 600; position: absolute; left: 0; top: 0; transform: translateY(-100%); padding: 0 var(--resp_wrap_pd) 10px}
.beauty_container .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);}
.beauty_container .back_btn .txt {display: none}
.beauty_container .beauty_view { display: flex; align-items: flex-start; margin-top: var(--sub_sect_pt);}
.beauty_container .page_tit {font-size: var(--sub_tit); font-weight: 700 ;margin-top: var(--sub_sect_pt); word-break: keep-all}
.beauty_container .page_tit .date {font-size: 1.9rem; font-weight: 500; color: #bdbdbd; margin-top: 10px; display: block}

.beauty_container + .resp_wrap ,
.beauty_container .beauty_activity {margin-top: 12rem}


.beauty_container .beauty_activity .sect_tit .en_tit { font-size: var(--en_tit);font-family: 'CormorantGaramond22';overflow: hidden;}
.beauty_container .beauty_activity .sect_tit .ko_tit { font-size: 4.5rem; font-weight: 700}
.beauty_container .beauty_activity .sect_tit .tit { font-size: 3rem; font-weight: 600}
.beauty_container .beauty_activity .sect_tit .txt {margin-top:10px; font-size: 1.8rem}


.beauty_container .beauty_activity .reg_bg,
.beauty_container .beauty_activity .sect + .sect,
.beauty_container .beauty_activity .honor_sect,
.beauty_container .beauty_activity .shorts_sect {margin-top: 16rem}

.beauty_container .beauty_activity .reg_bg { background-color: #E1DBF4; padding: 16rem 0}
.beauty_container .beauty_activity .rep_sect {overflow: hidden;}
.beauty_container .beauty_activity .rep_sect .sect_tit {text-align: center; padding: 0 var(--resp_wrap_pd)}
.beauty_container .beauty_activity .rep_sect .sect_tit .queen_txt { font-weight: 600; color: #000; position: relative; padding-bottom: 1.5rem; display: inline-block; margin: 30px auto 10px}
.beauty_container .beauty_activity .rep_sect .sect_tit .queen_txt svg {height: auto; width: 26rem}
.beauty_container .beauty_activity .rep_sect .sect_tit .queen_txt p {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 600; font-size: 7rem;font-family: 'CormorantGaramond22';white-space: nowrap; margin-top: -2rem}

.beauty_container .beauty_activity .shorts_sect .slide_box,
.beauty_container .beauty_activity .rep_sect .slide_box {width: 100%; position: relative; display: flex; margin-top: 8rem}
.beauty_container .beauty_activity .rep_sect .slide_box .swiper-container.slide_no .swiper-wrapper {transform: none !important; justify-content: center}
.beauty_container .beauty_activity .rep_sect .slide_box .swiper-container.slide_no .swiper-wrapper .swiper-slide:last-child {margin-right: 0 !important;}
.beauty_container .beauty_activity .shorts_sect .slide_box.center .swiper-wrapper { justify-content: center}
.beauty_container .beauty_activity .rep_sect .cont {display: block; position: relative; }
.beauty_container .beauty_activity .rep_sect .cont + .cont {margin-left: 2.5rem}
.beauty_container .beauty_activity .rep_sect .cont .img {position: relative;  width: 100%; padding-top: 125%}
.beauty_container .beauty_activity .rep_sect .cont .img img ,
.beauty_container .beauty_activity .rep_sect .cont .img video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.beauty_container .beauty_activity .rep_sect .cont .img .ico_box {position: absolute; right: 2rem; top: 2rem; width: 4.5rem; height: 4.5rem; border-radius: 50%; z-index: 1; background-color: #000}
.beauty_container .beauty_activity .rep_sect .cont .img .ico_box .ico {width: 2.5rem;height: 2.5rem;position: absolute;left: 2rem;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.beauty_container .beauty_activity .rep_sect .cont .img .ico_box .ico.blog { 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="M106,29.2H34c-9.2,0-16.6,7.5-16.6,16.7v39.5c0,9.2,7.4,16.7,16.6,16.7h24.8l8.5,13.8c0,0,0.1,0.2,0.3,0.4c0.5,0.8,1.4,1.4,2.5,1.4s1.9-0.6,2.4-1.4c0.2-0.2,0.3-0.4,0.3-0.4l8.5-13.8H106c9.2,0,16.6-7.5,16.6-16.7V45.8C122.6,36.6,115.1,29.2,106,29.2L106,29.2z"/><g><path class="st0" d="M49.6,68c0-0.4-0.4-9.6-8.8-9.6c0,0-2.8,0-5.3,2.5l-0.4,0.4V50.7h-5.9v26.3h6v-2.8l0.5,0.8c0.1,0.1,1.5,2.6,5.2,2.6C41.1,77.7,49.6,77.3,49.6,68L49.6,68z M39.3,72.6c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4S41.8,72.6,39.3,72.6z"/><path class="st0" d="M60.8,77.1V60c0,0,0.1-4.6-2.7-7.5c-1.5-1.5-3.5-2.3-5.9-2.3v5.7c0.3,0,0.9,0.2,1.5,0.7c1,0.9,1.5,2.6,1.5,4.8v15.6H60.8L60.8,77.1z"/><path class="st0" d="M65.8,68.2c0,0-0.1,4,2.6,6.8c1.8,1.9,4.4,2.8,7.8,2.8c0.4,0,10.6-0.1,10.6-9.6c0-0.1,0.1-4-2.6-6.8c-1.8-1.9-4.5-2.9-8-2.9C75.8,58.5,65.8,58.6,65.8,68.2L65.8,68.2z M80.6,68.2c0,2.4-2,4.4-4.4,4.4s-4.4-2-4.4-4.4s2-4.4,4.4-4.4S80.6,65.8,80.6,68.2z"/><path class="st0" d="M101.7,86.9c0.1,0,3.9,0,6.6-2.6c1.7-1.7,2.6-4.1,2.6-7.2V59.1h-5.8v2.3l-0.4-0.6c0,0-1.8-2.3-5.2-2.3c-0.1,0-3.7-0.1-6.2,2.3c-1.7,1.7-2.6,4.1-2.6,7.3c0,0.1,0,4.4,2.7,7.1c1.5,1.5,3.5,2.2,5.9,2.2c0,0,3.6,0.1,5.5-2.3l0.4-0.6v2.2c0,0.1,0.2,2.2-1.1,3.7c-0.8,0.8-1.8,1.2-3.2,1.2h-1.3v5.2C99.5,86.9,101.7,86.9,101.7,86.9z M101,72.6c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4S103.4,72.6,101,72.6z"/></g><rect class="st1" width="140" height="140"/></g></g></svg>') center / contain no-repeat;}
.beauty_container .beauty_activity .rep_sect .cont .img .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;}
.beauty_container .beauty_activity .rep_sect .cont .img .ico_box .ico.insta { 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-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-3, .cls-2 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-3" cx="69.41" cy="70.78" r="17"/><circle class="cls-1" cx="95.69" cy="44.31" r="6"/><rect class="cls-3" x="25" y="25.01" width="90" height="90" rx="12" ry="12"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
.beauty_container .beauty_activity .rep_sect .cont .img .ico_box .ico.tiktok {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="M100.15,57.9c4.35,1.83,8.95,2.83,13.68,2.95v-13.17c-5.04-.19-9.82-1.89-13.86-4.93-4.83-3.64-8.14-8.9-9.32-14.81-.23-1.18-.38-2.39-.44-3.61h-13.27l-.02,63.45c0,6.39-4.08,12.03-10.16,14.04-1.78.59-3.62.83-5.49.73-2.38-.13-4.72-.85-6.77-2.08-4.45-2.66-7.15-7.32-7.23-12.47-.06-3.99,1.45-7.75,4.25-10.59,2.81-2.85,6.57-4.42,10.58-4.42,1.13,0,2.25.13,3.35.38v-13.28c-1.13-.13-2.27-.2-3.39-.2-8.22,0-15.75,3.37-21.21,9.49-4.11,4.6-6.58,10.51-6.96,16.64-.5,8.12,2.42,15.74,8.21,21.47.84.83,1.74,1.61,2.66,2.32,4.97,3.83,10.95,5.85,17.3,5.85,1.42,0,2.85-.1,4.25-.31,5.97-.88,11.41-3.6,15.71-7.86,5.3-5.23,8.23-12.19,8.26-19.6l-.08-36.1,1.62,1.25c2.55,1.97,5.35,3.6,8.34,4.86Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}


.beauty_container .beauty_activity .rep_sect .cont .img:before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(255, 255, 255, 0) 80%); z-index: 1}
.beauty_container .beauty_activity .rep_sect .cont .txt_box { width: 100%; margin-top: 2rem; color: #000; text-align: left; z-index: 2; }
.beauty_container .beauty_activity .rep_sect .cont .txt_box .name {font-size: 2rem; font-weight: 700; display: inline}
.beauty_container .beauty_activity .rep_sect .cont .txt_box .id {font-size: 1.8rem; display: inline; margin-left: 5px}

.beauty_container .beauty_activity .scene_sect .cont_box {display: flex; align-items: flex-start}
.beauty_container .beauty_activity .scene_sect .cont_box .sect_tit {flex-shrink: 0; margin-right: 12rem}
.beauty_container .beauty_activity .scene_sect .video_box { flex: 1}
.beauty_container .beauty_activity .scene_sect .video {position: relative; padding-top: 56.25%; overflow: hidden}
.beauty_container .beauty_activity .scene_sect .video iframe {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% + 2px); height: calc(100% + 2px); object-position: center; object-fit: cover}
.beauty_container .beauty_activity .scene_sect .video:before {content: "";position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3;}
.beauty_container .beauty_activity .scene_sect .video .thumbnail {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-size: cover; background-position: center}

.beauty_container .beauty_activity .shorts_sect {}
.beauty_container .beauty_activity .shorts_sect .sect_tit { text-align: center; }


.beauty_container .beauty_activity .shorts_sect .swiper-slide {overflow: inherit}
.beauty_container .beauty_activity .shorts_sect .cont {padding-top: 177.77%; position: relative}
.beauty_container .beauty_activity .shorts_sect .cont:before {content: "";position: absolute;left: -1px;top: -1px;width: calc(100% + 1px);height: calc(100% + 1px);border: 2px solid #fff;z-index: 3;box-sizing: border-box;}
.beauty_container .beauty_activity .shorts_sect .cont * {width: 100% !important; height: 100% !important; left: 0; top:0; position: absolute; object-fit: cover; object-position: center; margin: 0}
.beauty_container .beauty_activity .shorts_sect .cont .img {z-index: 2}
.beauty_container .beauty_activity .shorts_sect .cont.playing .img {display: none}


.beauty_container .beauty_activity .honor_sect {background-color: #BFCBFC; padding: 16rem 0; overflow: hidden}
.beauty_container .beauty_activity .honor_sect .sect_tit{ text-align: center; margin-bottom: 6rem}
.beauty_container .beauty_activity .honor_sect .slide_box { position: relative;}
.beauty_container .beauty_activity .honor_sect .swiper-container {overflow: inherit}

.beauty_container .beauty_activity .honor_sect .swiper-slide .cont {opacity: 0.3; transition: all 1s;  transform: scale(0.8); display: block}
.beauty_container .beauty_activity .honor_sect .swiper-slide-active .cont,
.beauty_container .beauty_activity .honor_sect .swiper-slide-duplicate-active .cont {opacity: 1; transform: scale(1.0)}

.beauty_container .beauty_activity .slide_box .navi {display: none}
.beauty_container .beauty_activity .slide_box .navi .swiper_btn { position: absolute; top: 50%; font-size: 60px; fill: rgba(189,189,189,0.5); cursor: pointer; z-index: 10; transition: fill 0.3s; }

.beauty_container .beauty_activity .slide_box .navi .swiper_btn.prev { left: -10rem; transform: translate(-100%, -50%); }
.beauty_container .beauty_activity .slide_box .navi .swiper_btn.next { right: -10rem; transform: translate(100%, -50%); }


.beauty_container .beauty_activity .honor_sect .sns_wrap {display: flex; justify-content: center; margin-top: 4rem; display: none}
.beauty_container .beauty_activity .honor_sect .sns_wrap .ico_box {width: 6.5rem; height: 6.5rem; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0}
.beauty_container .beauty_activity .honor_sect .sns_wrap .ico_box + .ico_box {margin-left: 10px; }
.beauty_container .beauty_activity .honor_sect .sns_wrap .ico_box:nth-child(1) svg{width: 70%}
.beauty_container .beauty_activity .honor_sect .sns_wrap .ico_box:nth-child(2) svg{width: 60%}
.beauty_container .beauty_activity .honor_sect .sns_wrap .ico_box:nth-child(3) svg{width: 50%}
.beauty_container .beauty_activity .honor_sect .sns_wrap .ico_box:nth-child(4) svg{width: 60%}
.beauty_container .beauty_activity .honor_sect .sns_wrap .ico_box svg { height: auto}
.beauty_container .beauty_activity .honor_sect .swiper-container {padding: 20px}
.beauty_container .beauty_activity .honor_sect .swiper-slide {height: auto; overflow: visible; transition: transform 1s}
.beauty_container .beauty_activity .honor_sect .swiper-slide-duplicate-next + .swiper-slide,
.beauty_container .beauty_activity .honor_sect .swiper-slide-next + .swiper-slide  { transform: translate(-10%,-50px)}
.beauty_container .beauty_activity .honor_sect .swiper-slide-next + .swiper-slide + .swiper-slide {transform: translate(-20%,0)}
.beauty_container .beauty_activity .honor_sect .swiper-slide.down { transform: translate(10%,50px)}
.beauty_container .beauty_activity .honor_sect .swiper-slide.right { transform: translate(20%)}

.beauty_container .beauty_activity .honor_sect .cont {border-radius: 10px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.07); height: 100%; background-color: #fff; padding: 2.5rem 2rem}
.beauty_container .beauty_activity .honor_sect .cont .top_cont {display: flex; align-items: center; margin-bottom: 1.5rem; cursor: default}
.beauty_container .beauty_activity .honor_sect .cont .top_cont .ico {background: #000; width: 3.5rem; height: 3.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center}
.beauty_container .beauty_activity .honor_sect .cont .top_cont .ico svg {height: 2.2rem; fill: #fff}
.beauty_container .beauty_activity .honor_sect .cont .top_cont .txt {font-size: 1.6rem; font-weight: 500; margin-left: 9px}
.beauty_container .beauty_activity .honor_sect .cont .top_cont .svg {margin-left: auto; display: flex; align-items: center}
.beauty_container .beauty_activity .honor_sect .cont .img_box {position: relative; display: block; width: 100%; padding-top: 100%; background-color: #f5f5f5}
.beauty_container .beauty_activity .honor_sect .cont .img_box img {position: absolute; left: 0; top: 0; object-position: center; object-fit: contain; width: 100%; height: 100% }
.beauty_container .beauty_activity .honor_sect .cont .txt_box {margin-top: 2rem}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box {display: flex; justify-content: space-between}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .left_box {display: flex;}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .btn {cursor: default}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .btn + .btn {margin-left: 10px;}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .btn .ico {width: 2rem; height: 2rem; display: inline-block}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .btn.heart .ico{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.734" height="18.417" viewBox="0 0 20.734 18.417"><path id="패스_3981" data-name="패스 3981" d="M18.473,2.213a5.084,5.084,0,0,0-7.187.051l-.918.931-.921-.931A5.082,5.082,0,1,0,2.212,9.4l1.021,1.031,7.136,7.236L17.5,10.431,18.52,9.4A5.083,5.083,0,0,0,18.473,2.213Z" transform="translate(0 0)" fill="%23ff4545" stroke="%23ff4545" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>')center/contain no-repeat;}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .btn.chat .ico{background: url('/data/skin/dualsonic/images/common/dual_ico_honor_chat.svg')center/contain no-repeat;}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .btn.send .ico{background: url('/data/skin/dualsonic/images/common/dual_ico_honor_send.svg')center/contain no-repeat;}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .ico_box .btn.mark .ico{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.474" height="29.421" viewBox="0 0 21.474 29.421"><path id="패스_3996" data-name="패스 3996" d="M0,0V29.421l10.738-9.88,10.736,9.88V0Z" transform="translate(0 0)" fill="%239f9f9f"/></svg>')center/contain no-repeat;}
.beauty_container .beauty_activity .honor_sect .cont .txt_box .txt {margin-top: 1.5rem; font-size: 1.6rem; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.beauty_container .beauty_activity .honor_sect .cont .tag_box {display: flex; flex-wrap: wrap; margin-bottom: -10px; margin-top: 15px}
.beauty_container .beauty_activity .honor_sect .cont .tag_box .tag {height: 2.5rem; line-height: 2.6rem; font-size: 1.3rem; padding: 0 10px ;font-weight: 600; border-radius: 50px; margin-right: 10px; margin-bottom: 10px; background-color: #ECE8F3; color: #746293}
.beauty_container .beauty_activity .honor_sect .btn_box {display: flex; justify-content: center; margin-top: 8rem}
.beauty_container .beauty_activity .excellent_sect .sect_tit .tit {font-size: 2.4rem}
.beauty_container .beauty_activity .reg_bg {margin-bottom: calc(var(--layout_body_pd) * -1)}
.beauty_container .beauty_activity .sect + .excellent_sect{margin-top: 16rem}

.beauty_container .beauty_activity .excellent_sect .sect_tit {text-align: center; margin-bottom: 4rem}
.beauty_container .beauty_activity .excellent_sect .cont_box .list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.5rem;}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li {display: flex; align-items: center; background-color: #fff; padding: 2rem 3rem; cursor: pointer}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li.empty_link {cursor: auto}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .name {font-size: 2rem; font-weight: 700}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .id {font-size: 1.8rem; margin-left: 1rem}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box { width: 4rem; height: 4rem; border-radius: 50%; z-index: 1; background-color: #000;  margin-left: auto; position: relative}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box .ico {width: 2.5rem;height: 2.5rem;position: absolute;left: 2rem;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box .ico.blog { 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="M106,29.2H34c-9.2,0-16.6,7.5-16.6,16.7v39.5c0,9.2,7.4,16.7,16.6,16.7h24.8l8.5,13.8c0,0,0.1,0.2,0.3,0.4c0.5,0.8,1.4,1.4,2.5,1.4s1.9-0.6,2.4-1.4c0.2-0.2,0.3-0.4,0.3-0.4l8.5-13.8H106c9.2,0,16.6-7.5,16.6-16.7V45.8C122.6,36.6,115.1,29.2,106,29.2L106,29.2z"/><g><path class="st0" d="M49.6,68c0-0.4-0.4-9.6-8.8-9.6c0,0-2.8,0-5.3,2.5l-0.4,0.4V50.7h-5.9v26.3h6v-2.8l0.5,0.8c0.1,0.1,1.5,2.6,5.2,2.6C41.1,77.7,49.6,77.3,49.6,68L49.6,68z M39.3,72.6c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4S41.8,72.6,39.3,72.6z"/><path class="st0" d="M60.8,77.1V60c0,0,0.1-4.6-2.7-7.5c-1.5-1.5-3.5-2.3-5.9-2.3v5.7c0.3,0,0.9,0.2,1.5,0.7c1,0.9,1.5,2.6,1.5,4.8v15.6H60.8L60.8,77.1z"/><path class="st0" d="M65.8,68.2c0,0-0.1,4,2.6,6.8c1.8,1.9,4.4,2.8,7.8,2.8c0.4,0,10.6-0.1,10.6-9.6c0-0.1,0.1-4-2.6-6.8c-1.8-1.9-4.5-2.9-8-2.9C75.8,58.5,65.8,58.6,65.8,68.2L65.8,68.2z M80.6,68.2c0,2.4-2,4.4-4.4,4.4s-4.4-2-4.4-4.4s2-4.4,4.4-4.4S80.6,65.8,80.6,68.2z"/><path class="st0" d="M101.7,86.9c0.1,0,3.9,0,6.6-2.6c1.7-1.7,2.6-4.1,2.6-7.2V59.1h-5.8v2.3l-0.4-0.6c0,0-1.8-2.3-5.2-2.3c-0.1,0-3.7-0.1-6.2,2.3c-1.7,1.7-2.6,4.1-2.6,7.3c0,0.1,0,4.4,2.7,7.1c1.5,1.5,3.5,2.2,5.9,2.2c0,0,3.6,0.1,5.5-2.3l0.4-0.6v2.2c0,0.1,0.2,2.2-1.1,3.7c-0.8,0.8-1.8,1.2-3.2,1.2h-1.3v5.2C99.5,86.9,101.7,86.9,101.7,86.9z M101,72.6c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4S103.4,72.6,101,72.6z"/></g><rect class="st1" width="140" height="140"/></g></g></svg>') center / contain no-repeat;}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .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;}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box .ico.insta { 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-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-3, .cls-2 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-3" cx="69.41" cy="70.78" r="17"/><circle class="cls-1" cx="95.69" cy="44.31" r="6"/><rect class="cls-3" x="25" y="25.01" width="90" height="90" rx="12" ry="12"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
.beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box .ico.tiktok {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="M100.15,57.9c4.35,1.83,8.95,2.83,13.68,2.95v-13.17c-5.04-.19-9.82-1.89-13.86-4.93-4.83-3.64-8.14-8.9-9.32-14.81-.23-1.18-.38-2.39-.44-3.61h-13.27l-.02,63.45c0,6.39-4.08,12.03-10.16,14.04-1.78.59-3.62.83-5.49.73-2.38-.13-4.72-.85-6.77-2.08-4.45-2.66-7.15-7.32-7.23-12.47-.06-3.99,1.45-7.75,4.25-10.59,2.81-2.85,6.57-4.42,10.58-4.42,1.13,0,2.25.13,3.35.38v-13.28c-1.13-.13-2.27-.2-3.39-.2-8.22,0-15.75,3.37-21.21,9.49-4.11,4.6-6.58,10.51-6.96,16.64-.5,8.12,2.42,15.74,8.21,21.47.84.83,1.74,1.61,2.66,2.32,4.97,3.83,10.95,5.85,17.3,5.85,1.42,0,2.85-.1,4.25-.31,5.97-.88,11.41-3.6,15.71-7.86,5.3-5.23,8.23-12.19,8.26-19.6l-.08-36.1,1.62,1.25c2.55,1.97,5.35,3.6,8.34,4.86Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}

.beauty_view .contents { flex: 1; margin-right: 8rem}
.beauty_view .contents .bbs_view_tab { margin-bottom: 7rem; }
.beauty_view .contents .bbs_view_tab {display: flex; background: #fff; z-index: 15; transition: 0.2s }
.beauty_view .contents .bbs_view_tab .tab {position: relative; width: 50%; padding-bottom: 1.5rem; font-size: 2.2rem; font-weight: 600; color: #bdbdbd; transition: all .3s; text-align: center; }
.beauty_view .contents .bbs_view_tab .tab:before {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); width: 100%; height: 2px; background-color: #ccc}
.beauty_view .contents .bbs_view_tab .tab: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}
.beauty_view .contents .bbs_view_tab .tab.active {color: #000}
.beauty_view .contents .bbs_view_tab .tab.active:after{width: 100%}


.beauty_view .contents .board_detail_contents { position: relative; }
.beauty_view .contents .board_detail_contents img { width: 100% !important; }
.beauty_view .contents .view_btn {display: none; align-items: center; justify-content: center; width: 100%; padding: 15px 0; font-size: 16px; font-weight: 600; color: #666666; border: 1px solid #ccc; transition: all .3s}
.beauty_view .contents .view_btn .ico { display: block; width: 16px; height: 16px; margin-left: 5px; 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: %23666; stroke-miterlimit: 10; stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="113.02 50.32 70 93.34 27.09 50.42"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') center / contain; transition: background 0.3s; }
.beauty_view .contents .view_btn.on {display: flex}

.beauty_view .contents .board_detail_contents.active {max-height: none}
.beauty_view .contents .board_detail_contents.active:before {content: none}
.beauty_view .contents .view_btn.up .ico {transform: rotate(180deg)}

.beauty_view .contents .ul_cont { margin-top: 7rem; }
.beauty_view .contents .ul_cont .box { }
.beauty_view .contents .ul_cont .box + .box { margin-top: 8rem; }
.beauty_view .contents .board_comment_area { margin-top: 8rem; padding-top: 0}
.beauty_view .contents .ul_cont .box .tit { padding-bottom: 10px; border-bottom: 1px solid #000; font-size: 2rem; font-weight: 700; margin-bottom: 3rem}
.beauty_view .contents .ul_cont .box .img {margin-bottom: 3rem;}
.beauty_view .contents .ul_cont .box .img img {width: 50%}
.beauty_view .contents .ul_cont .box b {font-weight: 700; margin-bottom: 1rem; display: inline-block; font-size: 14px;}
.beauty_view .contents .ul_cont .box ul + b {margin-top: 10px}
.beauty_view .contents .ul_cont .box ul li { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 14px; }
.beauty_view .contents .ul_cont .box ul li + li { margin-top: 5px; }
.beauty_view .contents .ul_cont .box ul li:not(.point):before { content: '·'; display: block; margin-right: 8px; color: #000; }
.beauty_view .contents .ul_cont .box ul li.desc + li.point {margin-top: 2rem}
.beauty_view .contents .ul_cont .box ul li.point { font-weight: 700; }
.beauty_view .contents .ul_cont .box ul li.point .box { display: flex; align-items: flex-end; justify-content: flex-start; }
.beauty_view .contents .ul_cont .box ul li.point .box .btn { margin-left: 10px; padding: 1px 6px; font-size: 11px; border: 1px solid #bdbdbd; color: #999; border-radius: 2em; }
.beauty_view .contents .ul_cont .box ul li.desc { color: #666; }
.beauty_view .contents .ul_cont .box ul li.desc:before { color: #666; }

.beauty_view .contents .ul_cont .box ul.key_word li {display: flex; align-items: flex-start; line-height: 1.7}
.beauty_view .contents .ul_cont .box ul.key_word li .left {flex-shrink: 0}
.beauty_view .contents .ul_cont .box ul.key_word li .txt {margin-left: 3px; word-break: keep-all}
.beauty_view .contents .ul_cont .box ul.key_word li .btn {border: 1px solid #EAEAEA; border-radius: 50px; padding: 5px 10px; font-size: 11px; color: #999999; margin-left: 10px; font-weight: 500; line-height: 1}

/*뷰티에디터 활동내역*/
.act_details_page {margin-bottom: calc(var(--layout_body_pd) * -1)}
.act_details_page .sect_tit {text-align: center; margin-bottom: 6rem; color: #000}
.act_details_page .sect_tit .en_tit {font-size: var(--en_tit);font-family: 'CormorantGaramond22';overflow: hidden;}
.act_details_page .sect_tit .ko_tit {font-size: 4.5rem;font-weight: 700}
.act_details_page .sect_tit .tit {font-size: 3rem;font-weight: 600}
.act_details_page .sect_tit .txt {margin-top: 10px;font-size: 1.8rem}
.act_details_page .filtered_item_sorting li {display: none}
.act_details_page .bg_box {background-color: #F1ECE8;padding: 10rem 0; margin-top: 6rem}

/*체험단 신청하기 */
.beauty_view.app .contents .form_cont + .form_cont {margin-top: 9rem}
.beauty_view.app .contents .form_cont .cont_tit {display: flex;align-items: center}
.beauty_view.app .contents .form_cont .cont_tit .tit {font-size: 2rem; font-weight: 700;}
.beauty_view.app .contents .form_cont .cont_tit .txt {font-size: 1.4rem}
.beauty_view.app .contents .form_cont .cont_tit .tit + .txt {margin-left: 10px}

.beauty_view.app .contents .form_cont .ship_box {display: flex; justify-content: space-between; margin-top: 10px;}
.beauty_view.app .contents .form_cont .ship_box .same_btn {display: flex; align-items: center; font-size: 1.6rem; color: #bcbcbc; line-height: 1; }
.beauty_view.app .contents .form_cont .ship_box .same_btn .ico {margin-right: 5px; display: inline-block; transform: translateY(-1px)}
.beauty_view.app .contents .form_cont .ship_box .same_btn .ico::before {content: '';display: block;width: 20px; height: 20px; color: #bcbcbc; background: url('/data/skin/dualsonic/images/common/dual_chk_cir.svg') no-repeat 0 0 / contain;background-size: 100% 100%;}
.beauty_view.app .contents .form_cont .ship_box .same_btn.active .ico::before {content: '';display: block;width: 20px; height: 20px; color: #bcbcbc; background: url('/data/skin/dualsonic/images/common/dual_chk_cir_full.svg') no-repeat 0 0 / contain;background-size: 100% 100%;}
.beauty_view.app .contents .form_cont .ship_box .same_btn.active {color: #000}
.beauty_view.app .contents .form_cont .ship_box .change_btn {margin-left: auto;border: 1px solid #ccc; padding: 0.6rem 1rem;font-size: 1.3rem;font-weight: 600;color: #666666;}

.beauty_view.app .contents .form_cont .form_list {border-top: 1px solid #000; padding-top: 30px; margin-top: 10px}
.beauty_view.app .contents .form_cont .form_list > li {display: flex; align-items: flex-start}
.beauty_view.app .contents .form_cont .form_list > li + li {margin-top: 3rem}
.beauty_view.app .contents .form_cont .form_list > li .tit_box {height: var(--inp_height); width: 12rem; display: flex; align-items: center}
.beauty_view.app .contents .form_cont .form_list > li .tit_box.no_height {height: auto}
.beauty_view.app .contents .form_cont .form_list > li .tit_box .tit {font-size: 1.6rem; font-weight: 600; }

.beauty_view.app .contents .form_cont .form_list > li.chk .tit_box {height: auto}
.beauty_view.app .contents .form_cont .form_list > li.chk .ico {margin-right: 5px;}
.beauty_view.app .contents .form_cont .form_list > li.chk .txt {color: #000}

.beauty_view.app .contents .form_cont .form_list > li .cont {flex: 1; min-width: 0}
.beauty_view.app .contents .form_cont .form_list > li .cont .nice-select {flex: 1; height: var(--inp_height); padding: 0 2rem; line-height: var(--inp_lineheight); border: 1px solid #ccc; font-size: 1.4rem; border-radius: 0;}
.beauty_view.app .contents .form_cont .form_list > li .cont .nice-select .list {width: 100%; border-radius: 0; transition: none}
.beauty_view.app .contents .form_cont .form_list > li .cont .inp_box.email .inp {width: 31%}

.beauty_view.app .contents .form_cont .form_list > li .cont.year .nice-select {width: 31%; min-width: 15rem}
.beauty_view.app .contents .form_cont .form_list > li .cont.job .inp {width: 50%; max-width: 100%}
.beauty_view.app .contents .form_cont .form_list > li .cont.team .nice-select {width: 50%}
.beauty_view.app .contents .form_cont .form_list > li .cont.name .inp {width: 31.5%;}

.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp + .inp {margin-top: 10px;}
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp input{padding-left: 7rem}
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp.normal input {padding-left: 2rem}
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp .ico {width: 2.5rem; height: 2.5rem; position: absolute; left: 2rem; top: 50%; transform: translateY(-50%); z-index: 1}
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp .ico.insta { background: url("/data/skin/dualsonic/images/common/dual_ico_insta.svg")center/contain no-repeat; }
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp .ico.blog { background: url("/data/skin/dualsonic/images/common/dual_ico_blog_thin_b.svg")center/contain no-repeat; }
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp .ico.youtube { background: url("/data/skin/dualsonic/images/common/dual_ico_youtube_thin_b.svg")center/contain no-repeat; }
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp .ico.tiktok { background: url("/data/skin/dualsonic/images/common/dual_ico_tiktok_thin.svg")center/contain no-repeat; }
.beauty_view.app .contents .form_cont .form_list > li .cont.channel .em_txt {color: #000; margin-top: 10px; font-size: 1.4rem}

.beauty_view.app .contents .form_cont .form_list > li .cont.address .inp.address_num {display: flex}
.beauty_view.app .contents .form_cont .form_list > li .cont.address .inp.address_num input {width: 31.5%; cursor: default; }
.beauty_view.app .contents .form_cont .form_list > li .cont.address .inp.address_num input:focus {border-color: #ccc !important;}

.beauty_view.app .contents .form_cont .form_list > li .cont.address .inp_btn {height: var(--inp_height); line-height: var(--inp_lineheight); width: 13rem; font-size: 1.6rem; border: 1px solid #000; margin-left: 15px;}
.beauty_view.app .contents .form_cont .form_list > li .cont.address .inp_btn.bk {background-color: #000; color: #fff}
.beauty_view.app .contents .form_cont .form_list > li .cont.address .inp + .inp {margin-top: 10px;}

.beauty_view.app .contents .form_cont .form_list > li .cont.delivery_msg .inp {margin-top: 10px;}


/*게시판 댓글기능*/
.board_comment_area {  }
.board_comment_area .title_area { padding-bottom: 10px; font-size: 2rem; font-weight: 700; border-bottom: 1px solid #000; }
/*.cmt_division .title_area {display: none}*/

.board_comment_area .cmt_name { display: none; }
.cmt_tbl {max-height: 60rem; overflow-y: auto; border-top: 1px solid #000}
.cmt_tbl .cmt_wrap { padding: 30px 0; border-top: 1px solid #ccc; }
.cmt_tbl .cmt_wrap:last-child {border-bottom: 1px solid #ccc; }
.cmt_tbl .cmt_wrap:first-of-type { border-top: 0; }
.cmt_tbl .cmt_wrap .cmt_top { display: flex; align-items: center; justify-content: space-between; padding-right: 10px;}
.cmt_tbl .cmt_wrap .cmt_top .cmt_cont_head { display: flex; align-items: center; justify-content: flex-start; font-size: 1.5rem; font-weight: 700; }
.cmt_tbl .cmt_wrap .cmt_top .cmt_cont_head .desc { font-size: max(10px,1.2rem); font-weight: 600; color: #bdbdbd; margin-left: 10px;}

.cmt_util { display: flex; align-items: center; }
.cmt_util .btn { position: relative; display: flex; align-items: center; justify-content: flex-start; color: #bcbcbc; font-size: 12px; font-weight: 500; cursor: pointer; transition: color 0.3s; }

.cmt_util .btn + .btn { margin-left: 16px; }
.cmt_util .btn + .btn:before { content: ''; position: absolute; left: -8px; top: 50%; width: 1px; height: 50%; background-color: #bcbcbc; transform: translateY(-50%); }
.cmt_util .btn .ico { display: block; width: 13px; height: 13px; margin-right: 3px; transition: background 0.3s; }
.cmt_util .btn.edit .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: %23bcbcbc; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><polygon class="cls-1" points="23.42 90.42 23.42 116.67 49.67 116.67 96.6 69.86 70.23 43.48 23.42 90.42"/><path class="cls-1" d="M91.48,23.31h-.95l-13.65,13.5,26.39,26.39,13.5-13.65v-.95c0-13.95-11.35-25.3-25.3-25.3Z"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat; }

.cmt_util .btn.del .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: %23bcbcbc; 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><path class="cls-1" d="M52.75,33.6c0-9.63,7.72-17.44,17.25-17.44,9.53,0,17.25,7.81,17.25,17.44"/><path class="cls-1" d="M23.5,31.02h93.27H23.5Z"/><path class="cls-1" d="M57.03,51.3v52.5-52.5Z"/><path class="cls-1" d="M83.24,51.3v52.5-52.5Z"/><path class="cls-1" d="M108.07,46.67v60.96c0,6.63-5.37,12-12,12h-51.83c-6.63,0-12-5.37-12-12v-60.96"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat; }


.cmt_tbl .cmt_wrap .cmt_top + .cmt_area { margin-top: 15px; }
#mod_contents_15 {margin-top: 10px;}
.cmt_tbl .cmt_wrap .cmt_area { font-size: 1.5rem; }
.cmt_tbl .cmt_wrap .cmt_area .value_txt {font-size: 14px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.cmt_tbl .cmt_wrap .cmt_area .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;}
.cmt_tbl .cmt_wrap .cmt_area .btn_box {display: flex; justify-content: flex-end}
.cmt_tbl .cmt_wrap .cmt_area .value_txt.none {display: none}
.cmt_tbl .cmt_wrap .cmt_area .secret_cmt {display: none}
.cmt_tbl .cmt_wrap .cmt_area .cmt_mod_btn {height: 3rem; line-height: 3rem; font-size: 1.3rem; margin-top: 10px; background-color: #000; color: #fff; padding: 0 10px; font-weight: 500; display: inline-block; border-radius: 3px}

.cmt_insert {margin-bottom: 30px;}
.cmt_insert .txt {font-size: 1.6rem; font-weight: 600; margin-bottom: 15px;}
.cmt_insert .cmt_box {background-color: #f7f7f7; padding: 3rem; }


.cmt_box .its-td .cmt_txt_area {margin-top: 20px}

.cmt_box .cmt_txt_area textarea { min-height: 100px; padding: 15px;  border-radius: 5px; border: 1px solid #ccc}
.cmt_box .cmt_txt_area textarea:focus { outline: none; }

.cmt_insert .cmt_box .cmt_txt_area textarea {border: none; background-color: #fff;}


.cmt_box .cmt_txt_area + .btn_wrap .btm_btn {height: 3rem;line-height: 3rem; margin-top: 10px; font-size: 1.3rem;background-color: #000;color: #fff;padding: 0 10px;font-weight: 500;display: inline-flex;width: auto; align-items: center; border-radius: 3px}
.cmt_box .cmt_txt_area + .btn_wrap .btm_btn svg {width: 1.3rem; height: 1.3rem; margin-right: 5px; transform: translateY(0px)}

.announce_wrap {  }
.announce_wrap .notice { padding: 25px; background-color: #FAFAFA; text-align: center; }
.announce_wrap .notice .tit_box { display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; }
.announce_wrap .notice .tit_box .ico { width: 20px; height: 20px; margin-right: 8px; background: url('/data/skin/dualsonic/images/common/dual_ico_chat_fill.svg')center/contain no-repeat; }
.announce_wrap .notice .tit_box .ico.no {}
.announce_wrap .notice .tit_box + .txt { margin-top: 10px; }
.announce_wrap .notice .txt { font-size: 14px; color: #666666; }
.announce_wrap .announce_li { display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between; gap: 10px 15px; margin-top: 4rem; text-align: center; font-size: 1.5rem; }
.announce_wrap .announce_li li .name { margin-right: 1.5rem; color: #666666; }
.announce_wrap .announce_li li .num { font-weight: 600; }

.beauty_view .aside { width: 32%; position: sticky; top: calc(var(--header_total) + 20px);}
.beauty_view .aside .cont {  }

.beauty_view .exgroup_info .tit_wrap {  }
.beauty_view .exgroup_info .tit_wrap .label { display: inline-block; height: 2.6rem; line-height: 2.5rem; padding: 0 1rem; border: 1px solid #000; font-size: 1.4rem; font-weight: 600; border-radius: 50px}
.beauty_view .exgroup_info .tit_wrap .label + .tit { margin-top: 10px; }
.beauty_view .exgroup_info .tit_wrap .tit { font-size: 2.8rem; font-weight: 800; word-break: keep-all}
.beauty_view .exgroup_info .box { margin-top: 3.5rem; }
.beauty_view .exgroup_info .box ul {  }
.beauty_view .exgroup_info .box ul li { display: grid; grid-template-columns: 10rem 1fr; gap: 0 10px; font-size: 1.6rem; }
.beauty_view .exgroup_info .box ul li + li { margin-top: 12px; }
.beauty_view .exgroup_info .box ul li .tit { font-weight: 500; color: #666666; }
.beauty_view .exgroup_info .box ul li .txt b { font-weight: 700; }

.beauty_view .aside .cont .exgroup_info + .btn_wrap { margin-top: 4.5rem; }
.beauty_view .aside .cont .btn_wrap .arr_btn.end { justify-content: center; background-color: #F0F0F0; color: #999; pointer-events: none; }
.beauty_view .aside .cont .btn_wrap .arr_btn.end .ico { display: none; }

.beauty_view .aside .aside_terms {margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #ccc; margin-bottom: 3rem; display: flex; flex-direction: column; align-items: flex-end}
.beauty_view .aside .aside_terms ul {width: 100%}
.aside_terms .terms_tit {font-size: 16px; font-weight: 700}

.aside_terms ul li + li {margin-top: 1.5rem}

.aside_terms ul .chk_box.all:not(.agree) input[type='checkbox'] + label {font-size: 1.6rem; font-weight: 600}
.aside_terms ul .chk_box.all:not(.agree) input[type='checkbox'] + label::before {transform: translateY(0px)}
.aside_terms ul .chk_box:not(.agree) input[type='checkbox'] + label {font-size: 1.4rem; align-items: flex-start; word-break: keep-all; color: #bdbdbd}
.aside_terms ul .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;transform: translateY(-1px);}
.aside_terms ul .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);}

.aside_terms ul .chk_box:not(.agree) input[type='checkbox']:checked + label::before {opacity: 1}
.aside_terms ul .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;}



.aside_terms ul .chk_box:not(.agree) input[type='checkbox']:checked + label { color: #000; }

.aside_terms .terms_box {margin-top: 5px; padding: 15px; background-color: #FAFAFA; font-size: 12px; word-break: keep-all; width: calc(100% - 24px)}
.aside_terms .terms_box + .terms_box {margin-top: 1.5rem}
.aside_terms .terms_box .tit_box {display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.aside_terms .terms_box .tit_box .tit {font-weight: 600;}
.aside_terms .terms_box .tit_box .ico { width: 16px; height: 16px; transition: all .3s;
;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"><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" stroke="%23bdbdbd" fill="none" stroke-miterlimit="10" stroke-width="10px" points="113.02 50.32 70 93.34 27.09 50.42"/><rect class="cls-1" stroke-width="0" fill="none" width="140" height="140"/></g></g></svg>') no-repeat center / contain; }
.aside_terms .terms_box .tit_box.active .ico {transform: rotate(180deg)}
.aside_terms .terms_box .txt {color: #000; display: none; padding-top: 6px; line-height: 1.7}

/*뉴스레터*/
.gal_bbs_wrap.newsletter .custom_board_img_area { padding-top: 120%; }
.bbs_top_wrap.gallery.newsletter { justify-content: space-between; }
.bbs_top_wrap.gallery.newsletter .btn_wrap { max-width: 270px; }

.sub_top.newletter .resp_wrap {display: flex; align-items: flex-end;}
.sub_top.newletter .btn_box {width: 22.5rem; margin-left: auto}

/*----------공식판매점_온라인 판매점----------*/
.on_store_wrap .top_banner { position: relative; width: 100%; padding-top: 22%; margin-top: var(--sub_cont_pt); display: none}
.on_store_wrap .top_banner .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.on_store_wrap .top_banner .img img { width: 100%; height: 100%; object-fit: cover; }
.on_store_wrap .top_banner .txt_box { position: absolute; left: 50%; top: 50%; width: 144rem; transform: translate(-50%, -50%); color: #60370B; max-width: 100%; padding: 0 var(--resp_wrap_pd)}
.on_store_wrap .top_banner .txt_box .desc { font-size: var(--sub_banner_desc); font-weight: 700; }
.on_store_wrap .top_banner .txt_box .desc + .tit { margin-top: var(--banner_tit_mt); }
.on_store_wrap .top_banner .txt_box .tit { font-size: var(--banner_tit); font-weight: 700; line-height: 1.3}
.on_store_wrap .top_banner .txt_box .tit + .txt { margin-top: 10px; }
.on_store_wrap .top_banner .txt_box .txt { font-size: var(--sub_banner_desc); }


.on_store_wrap .cont .logo_wrap { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10rem 3rem; }
.on_store_wrap .cont .logo_wrap .logo_box { display: block;}
.on_store_wrap .cont .logo_wrap .logo_box .logo {position: relative; padding-top: 40%; background:#F8F8F8; border-radius: 1rem;}
.on_store_wrap .cont .logo_wrap .logo_box .logo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-position: center; object-fit: contain}
.on_store_wrap .cont .logo_wrap .logo_box .txt { margin-top: 2.5rem; font-size: 16px; font-weight: 600; text-align: center; }
.on_store_wrap .cont .logo_wrap .logo_box .label {display: block; font-size:12px; color: #999; text-align: center; margin-top: 5px}


/*-----브랜드 샵-----*/
.brand_container { max-width: 160rem; margin: 10rem auto 0; }
.brand_top { display: flex; align-items: flex-start; justify-content: flex-start; }
.brand_top .txt_wrap { width: 100%; margin-top: 4rem; }
.brand_top .txt_wrap .tit_wrap { display: flex; align-items: center; justify-content: space-between; }
.brand_top .txt_wrap .tit_wrap .brand { display: flex; align-items: center; justify-content: flex-start; cursor: pointer; }
.brand_top .txt_wrap .tit_wrap .brand .tit { font-size: 5rem; font-weight: 700; }
.brand_top .txt_wrap .tit_wrap .brand .ico { display: flex; align-items: center; justify-content: center; margin-left: 10px; font-size: 2.5rem; }

.brand_top .txt_wrap .tit_wrap .info_btn { font-size: 17px; fill: #bdbdbd; transition: fill 0.3s; }


.brand_top .txt_wrap .txt { margin-top: 8rem; font-size: 16px; line-height: 1.6; }

.brand_top .like { display: flex; align-items: center; justify-content: flex-start; margin-top: 4rem; }
.brand_top .like .ico { position: relative; width: 20px; height: 20px; font-size: 20px; }
.brand_top .like .ico:before { content: '\f004'; position: absolute; left: 50%; top: 50%; display: block; font-weight: 300; color: #bdbdbd; font-family: "Font Awesome 6 Pro"; transform: translate(-50%, -50%); }
.brand_top .like.active .ico:before { font-weight: 600; color: #000; }
.brand_top .like .num { display: block; margin-left: 8px; font-size: 14px; color: #bdbdbd; }

.brand_top .img_wrap { position: relative; width: 48%; padding-top: 31%; margin-left: 7rem; flex-shrink: 0; }
.brand_top .img_wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.brand_container .brand_cont { margin-top: 14rem; }

.brand_container .search_filter_wrap { margin-top: 8rem; }
.brand_container .search_filter_wrap .resp_wrap { padding: 0; }
.brand_container .search_filter_wrap .search_filter { display: none !important; }
.brand_container .search_filter_wrap .search_filter_selected { display: none !important; }

.brand_container .search_filter_wrap .icon_btn { display: none; }

.brand_container .searched_item_display { margin-top: 16px; }
.brand_container .searched_item_display .list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 160rem; margin: 0 auto; gap: 60px 30px; }

.brand_container .searched_item_display .list .item_img_area { position: relative; }
.brand_container .searched_item_display .list .item_img_area > a { display: block; }

.brand_container .sch_tab { display: flex; align-items: center; justify-content: center; max-width: 120rem; margin: 40px auto 0; }
.brand_container .sch_tab .tab { width: 100%; height: 48px; line-height: 48px; border: 1px solid #ccc; font-size: 16px; color: #bdbdbd; text-align: center; transition: background-color 0.3s, border 0.3s, color 0.3s; }
.brand_container .sch_tab .tab.active { background-color: #000; border: 1px solid #000; color: #fff; }

.brand_container .sch_tab .tab .name { font-weight: 700; }

.brand_container .item_img_area > a { position: relative; width: 100%; padding-top: 100%; background-color: #FAFAFA;  }
.brand_container .item_img_area > a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.brand_container .item_img_area .display_zzim { display: none; }

.brand_container .item_img_area .goods_icon_area { position: absolute; left: 15px; top: 15px; display: flex; align-items: center; justify-content: flex-start; }
.brand_container .item_img_area .goods_icon_area img { max-width: 40px; }

.brand_container .item_info_area { margin-top: 15px; }
.brand_container .item_info_area .score + .goods_brand { margin-top: 18px; }
.brand_container .item_info_area .goods_brand a span { font-size: 8px; font-weight: 600; }
.brand_container .item_info_area .goods_brand + .goods_name_area { margin-top: 8px; }
.brand_container .item_info_area .goods_name_area { font-size: 14px; font-weight: 600; }
.brand_container .item_info_area .goods_name_area + .goods_desc { margin-top: 6px; }
.brand_container .item_info_area .goods_desc { font-size: 10px; font-weight: 500; color: #bdbdbd; }

.brand_container .goods_price_area { display: flex; align-items: flex-end; margin-top: 25px; }
.brand_container .goods_price_area .sale_price { font-size: 14px; font-weight: 600; line-height: 1; }
.brand_container .goods_price_area .sale_price + .consumer_price { margin-left: 6px; }
.brand_container .goods_price_area .consumer_price { position: relative; font-size: 11px; color: #bdbdbd; line-height: 1; }
.brand_container .goods_price_area .consumer_price:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; background-color: #bdbdbd; transform: translate(-50%, -50%); }
.brand_container .goods_price_area .consumer_price + .discount_rate { margin-left: 12px; }
.brand_container .goods_price_area .discount_rate { font-size: 18px; font-weight: 900; line-height: 1; }


/*-------로그인 페이지-------*/

.login_container { min-height: 720px; padding-top: 10vh}
.login_container .step { font-size: 16px; font-weight: 600; }
.login_container .step + .main_tit { margin-top: 5px; }
.login_container .main_tit { font-size: 24px; font-weight: 700; }

.tab_basic { margin-bottom: 0; background-color: transparent; }
.tab_basic ul li { background-color: transparent; border: 0; font-size: 14px; font-weight: 700; border: 0 !important; border-bottom: 1.5px solid #ccc !important; transition: border-color 0.3s; }
.tab_basic ul li a { height: 4.5rem; line-height: 4.5rem; }
.tab_basic ul li a span { color: #999; transition: color 0.3s; }

.tab_basic ul li.on { border-color: #000 !important; }
.tab_basic ul li.on a span { color: #000; }


.login_container .sns_login { display: flex; align-items: center; justify-content: space-between; margin-top: 3rem; }
.login_container .sns_login .wide_sns { display: flex; align-items: center; justify-content: center; width: 49%; height: 4.5rem; padding: 0 4rem; 
	background-color: #FAE100; border-radius: 2em; font-size: 14px; font-weight: 600; color: #381E1F; fill: #381E1F; }
.login_container .sns_login .wide_sns .ico { display: flex; align-items: center; margin-right: 0.95rem; font-size: 13px; }
.login_container .sns_login .wide_sns.naver { background-color: #2DB400;  color: #fff; fill: #fff }

.login_container .sns_login .cir_sns { display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: 100%; font-size: 16px; }
.login_container .sns_login .cir_sns.naver { background-color: #2DB400; border: 1px solid #2DB400; fill: #fff; }
.login_container .sns_login .cir_sns.google { background-color: #fff; border: 1px solid #ccc; }

.login_container .sns_login + .inp_wrap { margin-top: 3rem; }
.login_container .resp_login_wrap .id_save { height: auto; line-height: normal; }

.login_container .util_wrap { display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; }
.login_container .util_wrap .util { font-size: 12px; color: #999; }
.login_container .util_wrap .util .btn + .btn { position: relative; margin-left: 1.6rem; }
.login_container .util_wrap .util .btn + .btn:before { content: ''; position: absolute; left: -0.8rem; top: 50%; width: 0.5px; height: 70%; background-color: #bcbcbc; 
	transform: translate(-100%, -50%); }

/*회원가입에서 확인 하기*/
.login_container .btn_wrap { display: flex ; margin-top: 3.5rem; flex-direction: column; }
.login_container .btn_wrap .btm_btn { font-size: 15px; }
.login_container .btn_wrap .btm_btn + .btm_btn { margin-left: 0; margin-top: 10px; }
.login_container .btn_wrap .btm_btn:before {display: none}


.login_container .btn_wrap.row {flex-direction: row}
.login_container .btn_wrap.row .btm_btn + .btm_btn {margin-left: 10px; margin-top: 0}
.login_container .resp_login_wrap .login_real_area .desc_area { font-size: 12px; }

.login_container .modal_tit_wrap .tit {font-weight: 700}

/*로그린 v2*/
.login_bg { width: 100%;     min-height: calc(100vh - var(--header_total)); background: url("/data/skin/dualsonic/images/sub/login_bg.jpg") no-repeat center / cover; display: flex; align-items: center; justify-content: center; padding: 4rem 0; margin-top: -2px; margin-bottom: calc(var(--layout_body_pd) * -1 - 2px)}
.login_bg .login_box {width: 70rem; padding: 6rem 7rem 6rem; background: rgba(255, 255, 255, 0.26); backdrop-filter: blur(15px) brightness(1.2); -webkit-backdrop-filter: blur(15px) brightness(1.2);}
.login_bg .login_box .login_tit_box { border-bottom: 1px solid rgba(0,0,0,0.14); display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 3rem}
.login_bg .login_box .login_tit_box .tit {font-family: 'CormorantGaramond22'; font-size: var(--en_tit); line-height: 1}
.login_bg .login_box .login_tit_box .txt {font-size: 1.6rem}
.login_bg .login_box .login_tit_box .txt a {font-weight: 700; margin-left: 15px; text-decoration: underline}

.login_bg .login_box .login_tab {margin-top: 6rem}
.login_bg .login_box .login_tab ul {display: flex; justify-content: center}
.login_bg .login_box .login_tab li {font-size: 2rem; font-weight: 700; color: #9F9F9F; position: relative; transition: .3s}
.login_bg .login_box .login_tab li:before {content: ""; position: absolute; opacity: 0; left: 50%; top: -15px; transform: translate(-50%,-100%); display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; transition: all .3s; background-color: #000}
.login_bg .login_box .login_tab li + li {margin-left: 9rem}
.login_bg .login_box .login_tab li.on {color: #000}
.login_bg .login_box .login_tab li.on:before {opacity: 1; top: -5px}


.login_bg .login_box .login_cont {padding: 0 7.5rem; margin-top: 5rem; min-height: 38rem}
.login_bg .login_box .login_cont .inp_wrap .inp_box input {border: 0.5px solid rgba(0,0,0,0.2);  height: 5.5rem; line-height: 5.4rem; font-size: 1.7rem; font-weight: 500}
.login_bg .login_box .login_cont .inp_wrap .inp_box input::placeholder {font-weight: inherit}

.login_bg .login_box .login_cont .util_wrap {margin-top: 3rem; display: flex; justify-content: space-between; align-items: center}
.login_bg .login_box .login_cont .util_wrap .chk_box {margin-left: -3px}
.login_bg .login_box .login_cont .util_wrap .chk_box.squ:not(.agree) input + label {color: #000;font-size: 1.6rem;font-weight: 600;}
.login_bg .login_box .login_cont .util_wrap .chk_box.squ:not(.agree) input + label::before {width: 25px;height: 25px;}

.login_bg .login_box .login_cont .util_wrap .util a {font-size: 1.6rem; font-weight: 500; color: #5F5F5F;text-decoration-line: underline;text-underline-position: under;}
.login_bg .login_box .login_cont .util_wrap .util a + a:before {content: ""; display: inline-block; width: 1px; height: 0.7em; margin: 0 14px; background-color: #5F5F5F}

.login_bg .login_box .login_cont .btn_wrap {margin-top: 4rem;}
.login_bg .login_box .login_cont .btn_wrap  .btm_btn {height: 5.5rem; line-height: 5.4rem; }

.login_bg .login_box .login_cont .sns_login {/* display: flex; justify-content: center */ margin-top: 10px;}
.login_bg .login_box .login_cont .sns_login button{display: flex; flex-wrap:wrap; width: 100%; height: 5.5rem; 
	background: #2DB400; border: 1px solid #2DB400; align-items:center; color: #fff; justify-content: center; margin-bottom: 10px; 
	color: #fff;font-size: 1.6rem; font-weight: 700; transition:.3s;}
.login_bg .login_box .login_cont .sns_login button .ico{width: 45px; line-height: 0;}
.login_bg .login_box .login_cont .sns_login button.kakao {background: #FAE100; color: #000; border: 1px solid #FAE100;}
.login_bg .login_box .login_cont .sns_login .ico svg {fill: #fff; transition:.3s;}  
.login_bg .login_box .login_cont .sns_login button.kakao .ico svg {fill: #000} 

.login_bg .login_box .login_cont .sns_login button:hover{background: #fff; color: #2DB400;}
.login_bg .login_box .login_cont .sns_login button:hover .ico svg {fill: #2DB400; }  

.login_bg .login_box .login_cont .sns_login button.kakao:hover {background: #fff; color: #000; border: 1px solid #000;}
.login_bg .login_box .login_cont .sns_login button.kakao:hover .ico svg {fill: #000;} 

.login_bg .login_box .login_cont .desc_area {margin-top: 10px}


	/*약관동의*/
.login_container .pilsu_agree_all { padding: 0; }
.login_container .chk_cont { margin-top: 4rem; }

.login_container .sms_chk { display: flex; align-items: center; justify-content: flex-start; margin-top: 15px; }
.login_container .sms_chk .chk_box + .chk_box { margin-left: 1.5rem; }

/*회원정보입력*/
.resp_member_join_wrap + .resp_member_join_wrap { margin-top: 3.5rem; }
.resp_member_join_wrap .btn_wrap {display: flex !important;}
.login_container .resp_join_table > ul + ul { margin-top: 2.5rem; }
.login_container .resp_join_table > ul > li.inp_li { width: 100%; }
.login_container .guide_text { display: none; font-size: 12px; }

/*아이디 찾기*/
.captcha_text input { height: var(--inp_height); padding: 0 2rem; line-height: var(--inp_lineheight); border: 1px solid #ccc; font-size: 14px; }
.captcha_text input:focus { outline: 0; border: 1px solid #000; }

/*------장바구니------*/
.cart_container { padding-top: var(--sub_sect_pt); }
.cart_container .sect_tit { max-width: 164rem; margin: 0 auto 8.5rem; padding: 0 var(--resp_wrap_pd); font-size: 5rem; font-weight: 700; }

.cart_container .no_data_area2 { max-width: 160rem; margin: 0 auto; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.cart_container .prd_slide_wrap {margin-top: 20rem}
.cart_container .prd_slide_wrap .resp_wrap {width: 144rem}
.cart_container .prd_slide_wrap .product_slide_box + .product_slide_box {margin-top: 10rem}

.cart_container .sub_top {margin-bottom: 100px; padding-top: 0}

.cart_li_wrap { display: flex; align-items: flex-start; justify-content: space-between; max-width: 144rem; margin: 0 auto; padding: 0 var(--resp_wrap_pd); }
.cart_li_wrap .left { width: 62%; }
.cart_li_wrap .left .btn_wrap { max-width: 25rem; margin: 10rem auto 0; }
.cart_li_wrap .aside { min-width: 50rem; flex-shrink: 0; margin-left: 13rem; }

.cart_li_wrap .cart_top_wrap { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; height: 100%; }
.cart_li_wrap .cart_top_wrap .chk_wrap { display: flex; align-items: center; justify-content: flex-start; }
.cart_li_wrap .cart_top_wrap .chk_wrap .btn { display: flex; align-items: center; justify-content: flex-start; color: #999; fill: #999; margin-left: 2rem; font-size: 14px}
.cart_li_wrap .cart_top_wrap .chk_wrap .btn .ico { width: 20px; height: 20px; margin-right: 3px; background: url("/data/skin/dualsonic/images/common/dual_ico_del_gy.svg") center/contain no-repeat; }
.cart_li_wrap .cart_top_wrap .chk_wrap .chk_box:not(.agree) input[type='checkbox'] + label { font-size: 14px; }
.cart_li_wrap .cart_top_wrap .desc { display: flex; align-items: center; justify-content: flex-start; font-size: 10px; color: #bdbdbd; }
.cart_li_wrap .cart_top_wrap .desc .ico { margin-right: 0.5rem; margin-top: -1.5px; font-size: 18px; font-weight: 300; }

.cart_li { margin-top: 10px; border-top: 1px solid #000; }

.cart_li .cart_li_top { display: flex; align-content: center; justify-content: space-between; padding: 1.5rem 0; border-bottom: 1px solid #ccc; text-align: center; font-size: 12px; }
.cart_li .cart_li_top .chk_box { min-width: 8rem; flex-shrink: 0 }
.cart_li .cart_li_top .tit { width: 100%; }
.cart_li .cart_li_top .deli { min-width: 15rem; flex-shrink: 0; }

.cart_li .cart_li_top .chk_box:not(.agree) input[type='checkbox'] + label { justify-content: center; }

.shop_container + .shop_container { margin-top: 100px; border-top: 1px solid #000; }

.cart_li .shop_li_wrap { display: flex; align-items: stretch; justify-content: flex-start; }

.cart_li .shop_li_wrap .shop_li_box { width: 100%; }

.cart_li .shipping_group_list { margin-top: 0; border: 0; }
.cart_li .shipping_group_list:first-of-type > li:first-of-type { border-top: 0; }
.cart_li .shipping_group_list > li {  border-top: 1px solid #ccc; }

.cart_li .cart_goods_detail { padding: 2.5rem; }
.cart_li .cart_goods_detail .product_wrap { display: flex; align-items: center; justify-content: flex-start; }

.cart_li .cart_goods_detail .product_wrap .chk_box { min-width: 6rem; flex-shrink: 0; }

.cart_li .cart_goods_detail .product_wrap .product { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 100%; }
.cart_li .cart_goods_detail .product_wrap .product .img_area { position: relative; flex-shrink: 0; width: 15%; }
.cart_li .cart_goods_detail .product_wrap .product .img_area.sold_out:before { content: '품절'; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,0.5); font-size: 16px; font-weight: 600; color: #fff; z-index: 10; }
.cart_li .cart_goods_detail .product_wrap .product .img_area > a { position: relative; display: block;  background-color: #FAFAFA; width: 100%; padding-top: 100%; overflow: hidden}
.cart_li .cart_goods_detail .product_wrap .product .img_area > a img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border: 0; object-position: center; object-fit: cover}

.cart_li .cart_goods_detail .product_wrap .product .txt_area { width: 100%; padding: 1.5rem 2.5rem; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box {  }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .brand { font-size: 12px; font-weight: 600; display: none}

.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .tit { max-width: 39rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
.order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_price_area,
.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .goods_price_area {font-size: 14px; font-weight: 700; margin-top: 5px; display: flex; align-items: flex-end}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_price_area .discount_rate,
.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .goods_price_area .discount_rate{color: #ff4545; margin-right: 5px;}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_price_area .consumer_price,
.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .goods_price_area .consumer_price {position: relative;margin-left: 5px;font-size: 0.7em;color: #bdbdbd; font-weight: 400}
.order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_price_area .consumer_price:before,
.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .goods_price_area .consumer_price:before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 1px;background-color: #bdbdbd;}

.cart_li .cart_goods_detail .product_wrap .product .txt_area .temp_div { display: flex; align-items: center; justify-content: flex-start; margin-top: 2rem; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .temp_div .count { margin-top: 0 !important; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .temp_div .option p:last-of-type { margin-right: 8px; }

/*장바구니, 주문결제에 있는 추가상품 옵션 스타일*/
.cart_suboptions {margin-top: 10px;}
.cart_suboptions .xtle {height: 2.5rem; line-height: 2.4rem;padding: 0 6px;}

.cart_container .num_counter { display: none; }
.num_counter { margin-top: 10px; }
.num_counter .quantity_check {display: flex; align-items: center}
.num_counter .quantity_check input {width: 75px; height: 31px; border: 1px solid #ccc; font-size: 12px; text-align: center; font-weight: 500}
.num_counter .quantity_check .btn_box {display: flex; flex-direction: column; margin-left: 5px;}
.num_counter .quantity_check .btn_box button {position: relative; width: 25px; height: 15px;  text-align: center; border: 1px solid #ccc; background: #FFFFFF}
.num_counter .quantity_check .btn_box button + button {border-top: none}
.num_counter .quantity_check .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}
.num_counter .quantity_check .btn_box .eaPlus:before{content: "\f106";}
.num_counter .quantity_check .btn_box .eaMinus:before{content: "\f107";}


.cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box + .option { margin-top: 2rem; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .option { display: flex; align-items: center; justify-content: flex-start; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .option_box { display: flex; align-items: center; justify-content: flex-start; margin-left: 8px; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .option_box p { position: relative; max-width: 17rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 500; color: #666666; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .option_box p + p { margin-left: 16px; }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .option_box p + p:before { content: '+'; position: absolute; left: -8px; top: 40%; transform: translate(-50%, -50%); }
.cart_li .cart_goods_detail .product_wrap .product .txt_area .option .btn { height: 25px; line-height: 24px; padding: 0 14px; border: 1px solid #999; border-radius: 2em; font-size: 12px; color: #999; white-space: nowrap; }

.cart_li .cart_goods_detail .product_wrap .product .txt_area .count { margin-top: 10px; font-size: 12px; font-weight: 500; color: #666; }

.cart_li .cart_goods_detail .product_wrap .product .price_area { width: 55%; text-align: right; }
.cart_li .cart_goods_detail .product_wrap .product .price_area > .price { display: flex; align-items: center; justify-content: flex-end; }
.cart_li .cart_goods_detail .product_wrap .product .price_area > .price .sale { display: none; margin-right: 10px; font-size: 12px; font-weight: 600; }
.cart_li .cart_goods_detail .product_wrap .product .price_area > .price .total_price { font-size: 20px; font-weight: 700; }
.cart_li .cart_goods_detail .product_wrap .product .price_area .basic_price { margin-top: 6px; font-size: 14px; font-weight: 500; color: #bdbdbd; display: none}
.cart_li .cart_goods_detail .product_wrap .product .price_area .basic_price span { position: relative; }
.cart_li .cart_goods_detail .product_wrap .product .price_area .basic_price span:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; transform: translate(-50%, -50%); background-color: #bdbdbd; }

.cart_li .cart_goods_detail .del_btn { position: absolute; right: 0; top: 15px; font-size: 12px; }
.cart_li .cart_goods_detail .del_btn .ico { display: block; width: 22px; height: 22px; margin-top: -5px; margin-right: -8px; 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: %23bdbdbd; 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><line class="cls-1" x1="46.61" y1="46.66" x2="93.28" y2="93.33"/><line class="cls-1" x1="93.28" y1="46.66" x2="46.61" y2="93.33"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat; }

.cart_li .shop_li_wrap .deli_wrap { display: flex; align-items: center; justify-content: center; min-width: 13rem; padding: 0 1.5rem; flex-shrink: 0; text-align: center; }
.cart_li .shop_li_wrap .deli_wrap .deli {  }
.cart_li .shop_li_wrap .deli_wrap .deli .tit { font-size: 16px; }
.cart_li .shop_li_wrap .deli_wrap .deli .btn { display: flex; align-items: center; justify-content: flex-start; margin-top: 5px; color: #bdbdbd; fill: #bdbdbd; font-size: 10px; }
.cart_li .shop_li_wrap .deli_wrap .deli .btn .ico { position: relative; top: -0.07rem; width: 1.2rem; height: 1.2rem; margin-left: 0.3rem; 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: %23bdbdbd; stroke-miterlimit: 10; stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="48.49 27.03 91.51 70.05 48.59 112.97"/><rect class="cls-1" width="140" height="140"/></g></g></svg>')center/contain no-repeat; }

.total_price_wrap { display: flex; align-items: center; justify-content: flex-end; padding: 18px 0; border-bottom: 1px solid #000; border-top: 1px solid #000; }
.total_price_wrap .price_box { display: flex; align-items: center; justify-content: flex-start; }
.total_price_wrap .price_box .tit { margin-right: 8px; font-size: 14px; font-weight: 500; color: #999; }
.total_price_wrap .price_box .price,
.total_price_wrap .price_box .deli_price { font-size: 17px; font-weight: 600; }

.total_price_wrap .price_box.total .tit { margin-right: 10px; color: #000; }
.total_price_wrap .price_box.total .deli_price { font-size: 24px; font-weight: 700; }

.total_price_wrap .plus { display: flex; align-items: center; justify-content: center; font-size: 20px; margin: 0 12px; }
.total_price_wrap .equal { margin: 0 18px 0 12px; font-size: 17px; font-weight: 600; }

/*옵션변경 팝업*/
.option_edit .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; }
.option_edit .modal_top.step { align-items: flex-start; }
.option_edit .modal_top .tit_wrap {  }
.option_edit .modal_top .step { font-size: 16px; font-weight: 600; }
.option_edit .modal_top .step + .tit { margin-top: 10px; }
.option_edit .modal_top .tit { font-size: 24px; font-weight: 700; }


.option_edit .modal_top + .cont { padding: 2rem 4rem 4rem; }

.modal .modal_wrap .modal_cont.cart_opt_layer { width: 50rem; }
.cart_opt_layer .cart_option_cont { padding: 0 4rem 4rem; }
.cart_opt_layer .cart_option_cont .product { display: flex; align-items: center; justify-content: flex-start; }
.cart_opt_layer .cart_option_cont .product .img { position: relative; display: block; width: 10rem; padding-top: 10rem; background-color: #FAFAFA; flex-shrink: 0; }
.cart_opt_layer .cart_option_cont .product .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.cart_opt_layer .cart_option_cont .product .txt_box { width: calc(100% - 10rem); margin-left: 20px; }
.cart_opt_layer .cart_option_cont .product .txt_box .brand { font-size: 10px; font-weight: 600; color: #999; display: none}

.cart_opt_layer .cart_option_cont .product .txt_box .tit { width: 90%; font-size: 14px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cart_opt_layer .cart_option_cont .product .txt_box .goods_price_area {font-size: 14px; font-weight: 700; margin-top: 5px; display: flex; align-items: flex-end}
.cart_opt_layer .cart_option_cont .product .txt_box .goods_price_area .discount_rate {color: #ff4545;margin-right: 5px;}
.cart_opt_layer .cart_option_cont .product .txt_box .goods_price_area .consumer_price {position: relative;margin-left: 5px;font-size: 0.7em;color: #bdbdbd; font-weight: 400;}
.cart_opt_layer .cart_option_cont .product .txt_box .goods_price_area .consumer_price:before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 1px;background-color: #bdbdbd;}


.cart_opt_layer .cart_option_cont .opt_total_price { display: flex; align-items: flex-end; justify-content: flex-end; margin-top: 30px}
.cart_opt_layer .cart_option_cont .opt_total_price .tit { margin-right: 10px; font-size: 12px; }
.cart_opt_layer .cart_option_cont .opt_total_price .price { font-size: 22px; font-weight: 600; line-height: 1; }
.cart_opt_layer .cart_option_cont .opt_layer_btm { margin-top: 35px; }

.cart_opt_layer .goods_option_area .add_config .tit,
.cart_opt_layer .goods_option_area .optionTr .tit {width: 10rem; font-size: 13px}
.cart_opt_layer .goods_option_area .suboptionTr .sbToggle:before,
.cart_opt_layer .goods_option_area .optionTr .sbToggle:before {width: 1.8rem; height: 1.8rem}
.cart_opt_layer .goods_option_area .suboptionTr .sbSelector,
.cart_opt_layer .goods_option_area .optionTr .sbSelector {line-height: var(--inp_lineheight); padding: 0 40px 0 15px; font-size: 13px;}
.cart_opt_layer .goods_option_area .suboptionTr .sbToggle,
.cart_opt_layer .goods_option_area .optionTr .sbToggle {right: 15px;}
.cart_opt_layer .goods_option_area .add_config {margin-top: 10px;}

.cart_opt_layer .goods_option_area {min-height: 0 !important;}
.cart_opt_layer .goods_quantity_table .option_text {font-size: 13px}
.cart_opt_layer .choice_btn_box {padding-left: 10rem; margin-top: 15px}
.cart_opt_layer .choice_btn_box .choice_btn {display: flex;align-items: center;justify-content: center;width: 100%; height: var(--inp_height); line-height: var(--inp_lineheight); font-size: 13px; font-weight: 500; border: 1px solid #000; transition: all .3s;}


.cart_option_cont .single_num_change .quantity_check {display: flex; align-items: center}
.cart_option_cont .single_num_change .quantity_check input {width: 75px; height: 31px; border: 1px solid #ccc; font-size: 12px; text-align: center; font-weight: 500}
.cart_option_cont .single_num_change .quantity_check .btn_box {display: flex; flex-direction: column; margin-left: 5px;}
.cart_option_cont .single_num_change .quantity_check .btn_box button {position: relative; width: 25px; height: 15px;  text-align: center; border: 1px solid #ccc; background: #FFFFFF}
.cart_option_cont .single_num_change .quantity_check .btn_box button + button {border-top: none}
.cart_option_cont .single_num_change .quantity_check .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}
.cart_option_cont .single_num_change .quantity_check .btn_box .eaPlus:before{content: "\f106";}
.cart_option_cont .single_num_change .quantity_check .btn_box .eaMinus:before{content: "\f107";}

.no_cart{max-width: 160rem; padding: 30px 0; margin: 0 auto; border: 1px solid #ccc; text-align: center;}
.no_cart svg{fill: #bdbdbd; font-size: 4em;}
.no_cart p{margin-top: 1em; text-align: center;}


/*배송비 안내 팝업*/

.modal_deli {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_deli.open{opacity: 1; pointer-events: inherit}
.modal_deli .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_deli .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.modal_deli .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_deli.option .modal_wrap .modal_cont { width: 46rem; }
.modal_deli .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; }
.modal_deli .modal_top.step { align-items: flex-start; }
.modal_deli .modal_top .tit_wrap {  }
.modal_deli .modal_top .step { font-size: 16px; font-weight: 600; }
.modal_deli .modal_top .step + .tit { margin-top: 10px; }
.modal_deli .modal_top .tit { font-size: 2.4rem; font-weight: 700; }
.modal_deli .modal_top + .cont { padding: 2rem 4rem 4rem; }
.modal_deli .modal_wrap .modal_cont.deli_price { width: 50rem; }
.modal_deli .modal_wrap .modal_cont.deli_price .layer_pop_contents { padding: 0 4rem 4rem; }
.modal_deli .modal_wrap .modal_cont.deli_price .ship_box { margin-top: 30px; }
.modal_deli .modal_wrap .modal_cont.deli_price .top_tit { padding: 10px 0; border-bottom: 1px solid #000; }
.modal_deli .modal_wrap .modal_cont.deli_price .top_tit .tit { font-size: 16px; font-weight: 700; }
.modal_deli .modal_wrap .modal_cont.deli_price .ship_wrap { margin-top: 0 !important; }
.modal_deli .modal_wrap .modal_cont.deli_price .ship_wrap + .ship_wrap .price_top { border-top: 1px dashed #ccc; }
.modal_deli .modal_wrap .modal_cont.deli_price .price_top { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; cursor: pointer; }
.modal_deli .modal_wrap .modal_cont.deli_price .price_top .tit { font-size: 14px; font-weight: 500; color: #999999; }
.modal_deli .modal_wrap .modal_cont.deli_price .price_top .total { display: flex; align-items: center; justify-content: flex-end; font-size: 16px; font-weight: 700; }
.modal_deli .modal_wrap .modal_cont.deli_price .price_top .total .ico { display: flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; margin-left: 5px; font-size: 12px; background: url("/data/skin/dualsonic/images/common/dual_ico_down.svg")center/contain no-repeat; transform: unset; transition: transform 0.4s; }
.modal_deli .modal_wrap .modal_cont.deli_price .price_top.active .ico { transform: rotate(180deg); }
.modal_deli .modal_wrap .modal_cont.deli_price .list_table_style { display: none; transition: margin 0.3s }
.modal_deli .modal_wrap .modal_cont.deli_price .price_top.active + .list_table_style { margin-bottom: 20px !important; }
.modal_deli .modal_wrap .modal_cont.deli_price .hidden { display: none; }
.modal_deli .modal_wrap .modal_cont.deli_price .price_box { display: block; padding: 18px; background-color: #FAFAFA; font-size: 12px; }
.modal_deli .modal_wrap .modal_cont.deli_price .tit { font-weight: 600; }
.modal_deli .modal_wrap .modal_cont.deli_price .tit + .in_price { margin-top: 10px; }
.modal_deli .modal_wrap .modal_cont.deli_price .in_price { position: relative; display: flex; align-items: center; justify-content: flex-start; padding-left: 0.7em; color: #999999; pointer-events: none}
.modal_deli .modal_wrap .modal_cont.deli_price .in_price + .in_price { margin-top: 5px !important; }
.modal_deli .modal_wrap .modal_cont.deli_price .in_price:before { content: ''; position: absolute; left: 0; top: 0.65em; width: 3px; height: 3px; border-radius: 100%; background-color: #999999; }
.modal_deli .modal_wrap .modal_cont.deli_price .in_price .right { position: relative; margin-top: 0 !important; margin-left: 0.5em; }

.modal_address {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_address.open{opacity: 1; pointer-events: inherit}
.modal_address .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_address .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.modal_address .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_address.option .modal_wrap .modal_cont { width: 46rem; }
.modal_address .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; }
.modal_address .modal_top.step { align-items: flex-start; }
.modal_address .modal_top .tit_wrap {  }
.modal_address .modal_top .step { font-size: 16px; font-weight: 600; }
.modal_address .modal_top .step + .tit { margin-top: 10px; }
.modal_address .modal_top .tit { font-size: 2.4rem; font-weight: 700; }
.modal_address .modal_top + .cont { padding: 2rem 4rem 4rem; }
.modal_address .modal_wrap .modal_cont.deli_price { width: 50rem; }
.modal_address .modal_wrap .modal_cont.deli_price .layer_pop_contents { padding: 0 4rem 4rem; }
.modal_address .modal_wrap .modal_cont.deli_price .ship_box { margin-top: 30px; }
.modal_address .modal_wrap .modal_cont.deli_price .top_tit { padding: 10px 0; border-bottom: 1px solid #000; }
.modal_address .modal_wrap .modal_cont.deli_price .top_tit .tit { font-size: 16px; font-weight: 700; }
.modal_address .modal_wrap .modal_cont.deli_price .ship_wrap { margin-top: 0 !important; }
.modal_address .modal_wrap .modal_cont.deli_price .ship_wrap + .ship_wrap .price_top { border-top: 1px dashed #ccc; }
.modal_address .modal_wrap .modal_cont.deli_price .price_top { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; cursor: pointer; }
.modal_address .modal_wrap .modal_cont.deli_price .price_top .tit { font-size: 14px; font-weight: 500; color: #999999; }
.modal_address .modal_wrap .modal_cont.deli_price .price_top .total { display: flex; align-items: center; justify-content: flex-end; font-size: 16px; font-weight: 700; }
.modal_address .modal_wrap .modal_cont.deli_price .price_top .total .ico { display: flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; margin-left: 5px; font-size: 12px; background: url("/data/skin/dualsonic/images/common/dual_ico_down.svg")center/contain no-repeat; transform: unset; transition: transform 0.4s; }
.modal_address .modal_wrap .modal_cont.deli_price .price_top.active .ico { transform: rotate(180deg); }
.modal_address .modal_wrap .modal_cont.deli_price .list_table_style { display: none; transition: margin 0.3s }
.modal_address .modal_wrap .modal_cont.deli_price .price_top.active + .list_table_style { margin-bottom: 20px !important; }
.modal_address .modal_wrap .modal_cont.deli_price .hidden { display: none; }
.modal_address .modal_wrap .modal_cont.deli_price .price_box { display: block; padding: 18px; background-color: #FAFAFA; font-size: 12px; }
.modal_address .modal_wrap .modal_cont.deli_price .tit { font-weight: 600; }
.modal_address .modal_wrap .modal_cont.deli_price .tit + .in_price { margin-top: 10px; }
.modal_address .modal_wrap .modal_cont.deli_price .in_price { position: relative; display: flex; align-items: center; justify-content: flex-start; padding-left: 0.7em; color: #999999; }
.modal_address .modal_wrap .modal_cont.deli_price .in_price + .in_price { margin-top: 5px !important; }
.modal_address .modal_wrap .modal_cont.deli_price .in_price:before { content: ''; position: absolute; left: 0; top: 0.65em; width: 3px; height: 3px; border-radius: 100%; background-color: #999999; }
.modal_address .modal_wrap .modal_cont.deli_price .in_price .right { position: relative; margin-top: 0 !important; margin-left: 0.5em; }
/*.modal_deli .modal_wrap .modal_cont.deli_price .in_price .right:before { content: ':'; }*/

/*----------회사소개----------*/
.info_container { margin: 0 auto; }
.info_container .sub_top .tit + .txt {}

.info_container .info_tab { display: flex; align-items: center; justify-content: center; width: var(--cont_in); max-width: 100%; margin: 0 auto; padding: 0 var(--resp_wrap_pd); }
.info_container .info_tab .tab { width: 100%; padding-bottom: 18px; font-size: 22px; font-weight: 700; color: #bdbdbd; border-bottom: 2px solid #ccc; transition: color 0.3s, border 0.3s; }

.info_container .info_tab .tab.active { color: #000; border-color: #000; }

/*--소개--*/


/*--브랜드스토리--*/


/*--인사말--*/
.sub_top .jion_svg {width: 36rem;}
.sub_top .jion_svg svg {width: 100%}
.sub_top .jion_svg + .txt {margin-top: 10px; font-size: 3rem; font-weight: 500}
.greet_sect { display: flex; align-items: flex-start; justify-content: center; width: 144rem; max-width: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; }
.greet_sect .img_wrap { position: relative; width: 37%; flex-shrink: 0; }
.greet_sect .img_wrap .img { position: relative; width: 100%; padding-top: 142%; }
.greet_sect .img_wrap  img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: left; }
.greet_sect .cont { width: calc(63% - 10rem); margin-left: 10rem; }
.greet_sect .cont .tit_wrap { font-weight: 700; }
.greet_sect .cont .tit_wrap .desc { font-size: 1.8rem; }
.greet_sect .cont .tit_wrap .desc + .tit { margin-top: 10px; }
.greet_sect .cont .tit_wrap .tit { font-size: 5rem; }
.greet_sect .cont .tit_wrap + .txt_wrap { margin-top: 8rem; }
.greet_sect .cont .txt_wrap {  }
.greet_sect .cont .txt_wrap .en_tit {font-size: 7.6rem; font-weight: 700; margin-bottom: 4.5rem; font-family: 'CormorantGaramond22'; text-transform: capitalize}
.greet_sect .cont .txt_wrap .tit { font-size: 3rem; font-weight: 700; word-break: keep-all}
.greet_sect .cont .txt_wrap .tit span + span {margin-top: 30px; display: inline-block}
.greet_sect .cont .txt_wrap .tit + .txt { margin-top: 3.5rem; }

.greet_sect .cont .txt_wrap .txt { font-size: 1.8rem; font-weight: 300; word-break: keep-all}
.greet_sect .cont .txt_wrap .txt span { display: block; line-height: 1.5; }
.greet_sect .cont .txt_wrap .txt span + span { margin-top: 30px; }
.greet_sect .cont .greet_btm { margin-top: 9rem; text-align: right; font-weight: 700; }
.greet_sect .cont .greet_btm .svg {width: 16rem; display: inline-block; margin-bottom: 10px}
.greet_sect .cont .greet_btm .tit { font-size: 27px; display: none}
/*.greet_sect .cont .greet_btm .tit + .name { margin-top: 15px; }*/
.greet_sect .cont .greet_btm .name { font-size: 18px; }

.greet_sect .img_wrap .img { width: 0%; transition: width 1s ease; transition-delay: 0.2s; }
.greet_sect.active .img_wrap .img { width: 100%; }

/*--인재채용--*/


/*--연혁--*/
.sustainable_page .txt_slide,
.sustainable_page .esg_sect {margin-top: calc(var(--sub_nav) + 3rem  + 16rem)}
.history_cont { width: 164rem; max-width: 100%; margin: 16rem auto 0; padding: 0 var(--resp_wrap_pd); }
.history_cont .top_tab { position: sticky; left: 0; top:  calc(var(--header_Height) - 1px); display: flex; align-items: center; justify-content: flex-start; 
	width: 100%; background-color: #fff; z-index: 10; padding-top: calc(var(--sub_nav) + 3rem); padding-bottom: 10px }
.history_cont .top_tab .tab { opacity: 0.3; transition: opacity 0.3s; }
.history_cont .top_tab .tab + .tab { margin-left: 15rem; }
.history_cont .top_tab .tab.active { opacity: 1; }

.history_cont .top_tab .tab span { display: block; text-align: left; }
.history_cont .top_tab .tab .tit { font-size: 27px; font-weight: 700; }
.history_cont .top_tab .tab .tit + .num { margin-top: 10px; }
.history_cont .top_tab .tab .num { font-size: 18px; font-weight: 300; }

.history_cont .history_wrap { display: flex; align-items: flex-start; margin-top: 9rem; }
.history_cont .history_wrap .year { position: sticky; left: 0; top: calc(var(--header_total) + 13rem); width: 50%; font-size: 21rem; font-weight: 500; line-height: 1; }
.history_cont .history_wrap .year span { position: relative; }
.history_cont .history_wrap .year span:before { content: ''; position: absolute; left: 0; top: 0; width: calc(100% + 60px); height: 100%; background-color: #fff; }
.history_cont .history_wrap .year span b { position: relative; font-weight: 500; z-index: 10; }
.history_cont .history_wrap .year:before { content: ''; position: absolute; right: 0; top: 50%; width: 100%; height: 1px; background-color: rgba(0,0,0,0.4); transform: translateY(-50%); }
.history_cont .history_wrap .txt_box { width: calc(50% - 60px); margin-left: 60px; margin-top: 9rem; }
.history_cont .history_wrap .txt_box .box { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 2.2rem; }
.history_cont .history_wrap .txt_box .box + .box { margin-top: 5rem; }
.history_cont .history_wrap .txt_box .box.start { margin-top: 26rem; }
.history_cont .history_wrap .txt_box .box:first-of-type { margin-top: 0; }
.history_cont .history_wrap .txt_box .box .month { width: 20%; font-weight: 600; flex-shrink: 0; }
.history_cont .history_wrap .txt_box .box .txt { width: 100%; }
.history_cont .history_wrap .txt_box .box .txt span { display: block; }
.history_cont .history_wrap .txt_box .box .txt span + span { margin-top: 3rem; }
.history_cont .history_wrap .txt_box .box .txt .img + span { margin-top: 3rem; }
.history_cont .history_wrap .txt_box .box .txt span + .img { margin-top: 2rem; }
.history_cont .history_wrap .txt_box .box .txt .img { position: relative; display: block; width: 80%; padding-top: 58%; }
.history_cont .history_wrap .txt_box .box .txt .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

/*--품질시스템--*/
.system_sect { margin-top: 100px; }
.info_top { margin-top: var(--sub_sect_pt); }
.info_top .tit {  font-size: var(--sub_tit); font-weight: 700; text-align: center; word-break: keep-all}
.info_top.left .tit { text-align: left; }
.info_top .txt { margin-top: var(--sub_txt_mt); font-size: var(--sub_txt); font-weight: 400; word-break: keep-all}

.info_top .img_wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: var(--sub_sect_pt)}
.info_top .img { position: relative; width: 26.4%; padding-top: 26.4%; }
.info_top .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.info_top .tit { opacity: 0; transform: translateY(80px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.5s; }
.info_top .txt { opacity: 0; transform: translateY(80px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.55s; }
.info_top.active .tit,
.info_top.active .txt { opacity: 1; transform: unset; }

/*품질경영*/
.quality_cont { width: var(--cont_in); max-width: 100%; padding: 0 var(--resp_wrap_pd); margin: 20rem auto 0; }
.quality_cont .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.quality_cont .cont + .cont { margin-top: 20rem; }
.quality_cont .cont > .tit { width: 60%; font-size: 55px; font-weight: 600; line-height: 1; }
.quality_cont .cont .txt_box { margin-top: 1.5em; }
.quality_cont .cont .txt_box .box { display: flex; align-items: flex-start; justify-content: flex-start; }
.quality_cont .cont .txt_box .box + .box { margin-top: 10rem; }
.quality_cont .cont .txt_box .box > .tit { width: 25%; margin-right: 6rem; font-size: 25px; font-weight: 600; text-align: right; flex-shrink: 0; }

.quality_cont .cont .txt_box .box > .txt { width: 100%; font-size: 20px; font-weight: 300; }
.quality_cont .cont .txt_box .box > .txt span.point { display: block; font-size: 45px; font-weight: 700; }
.quality_cont .cont .txt_box .box > .txt span.point + span.point { margin-top: 15px; }
.quality_cont .cont .txt_box .box > .cell { width: 100%; }
.quality_cont .cont .txt_box .box > .cell > .tit { font-size: 24px; font-weight: 600; }
.quality_cont .cont .txt_box .box > .cell > .tit + .desc { margin-top: 10px; }
.quality_cont .cont .txt_box .box > .cell > .desc { font-size: 20px; font-weight: 300; }
.quality_cont .cont .txt_box .box > .cell > .desc + .tit { margin-top: 35px; }
.quality_cont .cont > .tit { opacity: 0; transform: translateX(-80px); transition: opacity 0.8s ease, transform 0.8s ease; }
.quality_cont .cont.active > .tit { opacity: 1; transform: unset; }

.quality_cont .cont .txt_box .box > .tit { opacity: 0; transform: translateY(50px); 
	transition: opacity 0.7s calc(var(--cont_tit)*0.5s + 0.1s), transform 0.7s calc(var(--cont_tit)*0.5s + 0.1s); }
.quality_cont .cont.active .txt_box .box > .tit { opacity: 1; transform: unset; }

.quality_cont .cont .txt_box .box > .txt,
.quality_cont .cont .txt_box .box > .cell { opacity: 0; transform: translateY(50px); 
	transition: opacity 0.7s calc(var(--cont_txt)*0.5s + 0.3s), transform 0.7s calc(var(--cont_txt)*0.5s + 0.3s); }
.quality_cont .cont.active .txt_box .box > .txt,
.quality_cont .cont.active .txt_box .box > .cell { opacity: 1; transform: unset; }

/*인증현황*/
.info_sub_tab { display: flex; align-items: center; justify-content: center; margin-top: 13rem; }
.info_sub_tab .tab { padding: 0 2rem; font-size: 20px; font-weight: 700; color: #bdbdbd; transition: color 0.3s; }
.info_sub_tab .tab.active { color: #000; }


.patent_img_li { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; width: var(--cont_in); max-width: 100%; 
	padding: 0 var(--resp_wrap_pd); margin: 12rem auto 0; }
.patent_img_li li > a { display: block; }
.patent_img_li li .img { position: relative; width: 100%; padding-top: 125%; }
.patent_img_li li .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.patent_img_li li .img .hover_box { position: absolute; left: 0; top: 0; display: flex; align-items: center; 
	justify-content: center; width: 100%; height: 100%; fill: #fff; background-color: rgba(0,0,0,0.6); font-size: 6rem; z-index: 10; opacity: 0; transition: opacity 0.5s; }

.patent_img_li li .tit_box { margin-top: 35px; }
.patent_img_li li .tit_box .label span { display: inline-block; height: 32px; line-height: 32px; padding: 0 15px 0 20px; 
	background-color: #000; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 5px; }
.patent_img_li li .tit_box .label + .tit { margin-top: 10px; }
.patent_img_li li .tit_box .tit { font-size: 28px; font-weight: 600; }

.patent_li { width: var(--cont_in); max-width: 100%; margin: 12em auto 0; padding: 0 var(--resp_wrap_pd); }
.patent_li li { display: flex; align-items: center; justify-content: space-between; padding: 25px 40px; border-bottom: 1px solid #bdbdbd; }
.patent_li li:first-of-type { border-top: 1px solid #bdbdbd; }
.patent_li li .tit_wrap { display: flex; align-items: center; justify-content: flex-start; margin-right: 2em }
.patent_li li .tit_wrap > * + * { margin-left: 30px; }
.patent_li li .tit_wrap .label { font-size: 12px; font-weight: 600; color: #000; flex-shrink: 0; }
.patent_li li .tit_wrap .tit { font-size: 24px; font-weight: 600; flex-shrink: 0; }
.patent_li li .tit_wrap .txt { font-size: 14px; font-weight: 300; }
.patent_li li .date { font-size: 12px; font-weight: 300; color: #bdbdbd; flex-shrink: 0; }


/*--지속가능경영--*/

/*------이용약관------*/
.terms_cont { width: var(--cont_in); max-width: 100%; margin: 0 auto; padding: 0 var(--resp_wrap_pd); line-height: 1.7; }
.terms_cont .box + .box { margin-top: 40px; }
.terms_cont .top { padding-bottom: 30px; margin-bottom: 50px; font-size: 26px; font-weight: 600; text-align: center; border-bottom: 1px solid #000; }
.terms_cont .tit { font-size: 18px; font-weight: 600; }
.terms_cont .tit.center { text-align: center; }
.terms_cont .tit + .txt { margin-top: 15px; }
.terms_cont .txt { font-size: 14px; }
.terms_cont .txt + .txt { margin-top: 5px; }
.terms_cont .txt + .desc { margin-top: 15px; }
.terms_cont .desc { font-size: 12px; color: #999; }
.terms_cont ul { margin-top: 15px; font-size: 14px; }
.terms_cont ul li { position: relative; padding-left: 1em; }
.terms_cont ul li span { display: block; text-indent: -0.9em; padding-left: 0.9em }
.terms_cont ul li + li { margin-top: 12px; }
.terms_cont ul li:before { content: ''; position: absolute; left: 0; top: 0.7em; width: 2px; height: 2px; background-color: #000; border-radius: 100%; transform: translate(100%,0); }
.terms_cont ul + .txt { margin-top: 15px; }
.terms_cont.priv ul li { text-indent: -1.4em; padding-left: 1.4em; }
.terms_cont.priv ul li:before { display: none; }

/* 우측 사이드바 */
.rightQuickMenuWrap2 {display:none; position:fixed; top:0; bottom:0; right:0; width:220px; border-left:1px solid #dbdbdb; background:#fff; z-index:201;}
.rightQuickMenuWrap2.closed {right:-220px; box-shadow:none;}
.rightQuickMenuWrap2 p, .rightQuickMenuWrap2 li,
.rightQuickMenuWrap2 a, .rightQuickMenuWrap2 span {letter-spacing:0.5px; font-size:11px; font-weight:400; color:#999;}
.rightQuickMenuWrap2 .rightQuick_close {display:none;}
.rightQuickMenuWrap2 .outside_menu .rightQuick_close,
.rightQuickMenuWrap2 .outside_menu .rightQuick_open {border:none; background:none; position:static;}
.rightQuickMenuWrap2 .outside_menu {position:absolute; right:220px; top:50%; margin-top:-200px;}
.rightQuickMenuWrap2 .outside_menu .menu1 {box-shadow:-2px 2px 2px rgba(0, 0, 0, 0.05);}
.rightQuickMenuWrap2 .outside_menu .menu1>li {border-top:1px solid #e0e0e0; border-right:1px solid #f0f0f0; width:48px;}
.rightQuickMenuWrap2 .outside_menu .menu1>li.close {/*border-top:none;*/}
.rightQuickMenuWrap2 .outside_menu .menu1>li.open {margin-top:-1px; border-color:#333;}
.rightQuickMenuWrap2 .outside_menu .menu1>li>a {height:48px;}
.rightQuickMenuWrap2 .outside_menu .menu2 {display:table; width:100%; margin-top:15px;}
.rightQuickMenuWrap2 .outside_menu .menu2>li {display:table-row; width:48px;}
.rightQuickMenuWrap2 .outside_menu .menu2>li>a {display:table-cell; height:36px; text-align:center; vertical-align:middle; opacity:0.6;}
.rightQuickMenuWrap2 .outside_menu .menu2>li>a:hover {opacity:1;}
.rightQuickMenuWrap2 .inner_menu1>li {padding-top:5px;}
.rightQuickMenuWrap2 .inner_menu1>li:first-child {padding-top:0;}
.rightQuickMenuWrap2 .inner_menu1>li>a {display:block; border:1px solid #e0e0e0; text-align:center; color:#333; line-height:25px; transition:all ease 0.3s;}
.rightQuickMenuWrap2 .inner_menu1>li>a:hover {border-color:#aaa;}
.rightQuickMenuWrap2 .right_wrap {padding:0 20px 20px;}
.rightQuickMenuWrap2 .right_wrap h3 {margin:30px 0 12px; font-size:12px; font-weight:600; color:#000; letter-spacing:1.2px;}
.rightQuickMenuWrap2 .right_wrap h3 span {font-weight:inherit; color:inherit;}
.rightQuickMenuWrap2 .right_item_recent {padding-top:0;}
.rightQuickMenuWrap2 .right_itemList ul li {padding-top:0; position:relative; text-align:center;}
.rightQuickMenuWrap2 .right_itemList ul li .right_quick_goods img {max-width:100%;}
.rightQuickMenuWrap2 .right_itemList ul li .right_quick_goods:hover img {border-color:#fff !important;}
.rightQuickMenuWrap2 .right_itemList .btn_delete {display:none; position:absolute; top:-5px; right:-5px; 
	background:url('../images/design/ico_recently_delete.png') no-repeat; width:15px; height:15px; border-radius:2px;}
.rightQuickMenuWrap2 .right_quick_paging {display:none; position:relative; width:100px; margin:auto; padding:8px 0px; color:#acacac; text-align:center;}
.rightQuickMenuWrap2 .right_quick_paging .right_page_box {display:inline-block; vertical-align:middle; margin-top:-5px;}
.rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_prev {position:absolute; left:0;}
.rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_next {position:absolute; right:0;}
.rightQuickMenuWrap2 .right_menu1>li {font-size:10px; padding:1px 0;}
.rightQuickMenuWrap2 .right_menu1 .phone {margin:-2px 0 10px; font-size:20px; font-weight:600; color:#000; line-height:1.3;}
.rightQuickMenuWrap2 .bank_info>li {padding-top:6px;}
.rightQuickMenuWrap2 .bank_info>li:first-child {padding-top:0;}
.rightQuickMenuWrap2 ul.social_list {overflow:hidden; zoom:1;}
.rightQuickMenuWrap2 ul.social_list>li {float:left; line-height:0; padding-left:6px;}
.rightQuickMenuWrap2 ul.social_list>li:first-child {padding-left:0;}
.rightQuickMenuWrap2 ul.social_list>li>a>img {width:24px; opacity:0.4; transition:opacity 0.3s;}
.rightQuickMenuWrap2 ul.social_list>li>a:hover>img {opacity:1;}
.rightQuickMenuWrap2 .btn_navertalk {display:block; margin-top:30px; line-height:30px; border-radius:2px; border:1px solid #01ba3a; 
	background:#01c43d; text-align:center; font-size:14px; color:#fff; letter-spacing:0;}
@media only screen and (max-width:1023px) {
	.rightQuickMenuWrap2 {display:none;}
}

/* 좌측 어사이드 메뉴 */
.layout_side {padding:20px 30px;}
.layout_side .aside_userinformation {border-color:#333; padding:0 0 20px;}
.layout_side .asie_main_menu {padding:10px 0 15px;}
.layout_side .aside_navigation_wrap {border-top:1px solid #333;}
.layout_side .aside_navigation_wrap ul.menu {padding-top:30px; margin-bottom:10px;}
.layout_side .aside_navigation_wrap ul.menu li.mitem,
.layout_side .aside_navigation_wrap ul.menu li.mitem:first-child {border-top:0; border-bottom:0;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_title {background-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview {border-color:transparent; padding:10px 0; font-size:16px; font-weight:600; color:#666;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview:hover {color:#000;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category.on,
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on {background-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.mitemicon2,
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu {background-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem {border-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category:last-child {border-color:transparent;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.mitemicon1,
.layout_side .aside_navigation_wrap ul.menu li.mitem.mitemicon2 {background-position:10px center;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.submitem_title {background-position:15px center;}
.layout_side .aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview {margin-left:35px;}
.layout_side .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.mitem_goodsview {margin-left:25px; font-size:14px;}
.layout_side .aside_navigation_wrap ul.menu li.custom_nav_link a.mitem_goodsview {color:#666;}
.layout_side .aside_navigation_wrap ul.menu li.custom_nav_link a.mitem_goodsview:hover {color:#000;}
.layout_side .mitem_subcontents + .custom_nav_link {padding-top:10px;}
.layout_side .asie_main_menu>ul>li.am_home,
.layout_side .asie_main_menu>ul>li.am_wish,
.layout_side .asie_main_menu>ul>li.am_coupon,
.layout_side .asie_main_menu>ul>li.am_emony,
.layout_side .aside_navigation_wrap ul.tab,
.layout_side .aside_navigation_bottom_line {display:none;}
.layout_side .wrap_aside,
.layout_side .aside_recently_nodata,
.layout_side .aside_recently { }
.layout_side .aside_cs_btn {padding-top:20px;}
.layout_side .aside_cs_btn>a {display:block; height:34px; line-height:32px; font-size:14px;}

/*********************************** 메인 페이지 ***********************************/
/* 메인 - 슬라아드 배너 */
.wide_visual_slider {position:relative; }
.wide_visual_slider .simg{width: 100%}

.wide_visual_slider .slick-prev {left:50%; margin-left:-700px;}
.wide_visual_slider .slick-next {right:50%; margin-right:-700px;}
.wide_visual_slider .slick-dots {bottom:30px;}
.wide_visual_slider .slick-dots>li {padding:0 6px;}
.wide_visual_slider .slick-dots>li>button {width:10px; height:10px; border-radius:50px; border:1px solid #ccc; background:#fff;}
.wide_visual_slider .slick-dots>li.slick-active>button {width:10px; height:10px; border-color:#333; background:#333;}
.wide_visual_slider .sslide img {/* max-width:inherit; margin-left:-50%; margin-right:-50%; */}
.wide_visual_slider .slick-active .simg { transform:scale( 1.0 ); }
.wide_visual_slider .slide_contents {display: flex; flex-wrap: wrap; align-content: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1840px; height: 100%; }
.wide_visual_slider .slide_contents .tit{width: 100%; color: #fff; font-size: 32px}
.wide_visual_slider .slide_contents img{height: 64px}
.wide_visual_slider .wrap2 { text-align:left; }
.wide_visual_slider .text_wrap { margin:60px 0 0; background:transparent; padding:0; }
.wide_visual_slider .text1 { font-size:52px; font-weight:100; color:#333; letter-spacing:-3px; transform:translateX( 10px ); transition:all 0.6s 0.5s; }
.wide_visual_slider .text2 { font-size:52px; font-weight:600; color:#333; letter-spacing:-3px; transform:translateX( 20px ); transition:all 0.6s 1.3s; }
.wide_visual_slider .text3 { padding-top:30px; font-size:25px; font-weight:300; color:#333; letter-spacing:-1px; transform:translateY( -10px ); transition:all 0.6s 1.7s; }
.wide_visual_slider .sbtns1 { padding-top:30px; transform:scale( 1.1 ); transition:all 0.6s 2.3s; }
.wide_visual_slider .sbtn1 { height:50px; line-height:50px; border-radius:0; background:#35935E; padding:0 30px; font-size:17px; font-weight:400; color:#fff; }
.wide_visual_slider .sbtn1:hover { background:#218c74; }

@media only screen and (max-width:1330px) {
	.wide_visual_slider .slide_contents { max-width:100%; left:40px; margin-left:0; }
}
@media only screen and (max-width:1279px) {
	.wide_visual_slider .slick-prev {left:10px; margin-left:0;}
	.wide_visual_slider .slick-next {right:10px; margin-right:0;}
}
@media only screen and (max-width:1023px) {
	.wide_visual_slider .slide_contents { left:0; }
	.wide_visual_slider .text_wrap { padding:0 10px; }
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:46px; }
}
@media only screen and (max-width:767px) {
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:36px; }
	.wide_visual_slider .text3 { padding-top:15px; font-size:17px; }
	.wide_visual_slider .sbtns1 { padding-top:15px; }
	.wide_visual_slider .sbtn1 { height:40px; line-height:40px; padding:0 20px; font-size:15px; }
}
@media only screen and (max-width:479px) {
	.wide_visual_slider .text1,
	.wide_visual_slider .text2 { font-size:26px; letter-spacing:-2px; }
	.wide_visual_slider .text3 { font-size:16px; }
	.wide_visual_slider .sbtn1 { height:40px; line-height:40px;}
}

/* 메인 - 타이틀 */
.title_group1 {}
.title_group1 .title1 {font-size:85px; font-family: 'Times New Roman'; font-weight: 400; font-style: italic; color:#ae9268; line-height: 1em}
.title_group1 .text2 {color:#bababa;}

/* 메인 - 상품디스플레이 */
.display_slide_class {}
.displayTabContainer {margin-top:10px;}
.display_recomm {margin-top:20px;}

[data-iconposition*="right"] .respGoodsIcon.typeText {top:15px; right:15px; border-radius:50%; color:#fff;}
.respGoodsIcon.typeText .respGoodsIconInner {}
.goods_list li.gl_item .resp_display_goods_info .displaY_sales_percent {/*float:right;*/}
.goods_list li.gl_item .resp_display_goods_info .displaY_besong,
.goods_list li.gl_item .resp_display_goods_info .displaY_review_count {display:none;}
.goods_list .infO_style_4 .displaY_goods_name {margin-bottom:0; border-bottom:none; padding-bottom:0;}
.show_display_col4 .display_slide_class .goods_display_slide_wrap { margin-left:-20px; }
.show_display_col4 .display_slide_class .swiper-slide { padding-left:40px; }
.show_display_col4 .display_slide_class .swiper-slide li.gl_item .resp_display_goods_info { text-align:center; }

@media only screen and (max-width:1023px) {
	.display_responsible_class .goods_list li.gl_item {padding-top:10px;}
	.display_responsible_class {margin-top:0;}
	.display_recomm {margin-top:10px;}
	.show_display_col4 .display_slide_class .goods_display_slide_wrap { margin-left:0; }
	.show_display_col4 .display_slide_class .swiper-slide { padding-left:5px; }
}
@media only screen and (max-width:479px) {
	[data-iconposition*="right"] .respGoodsIcon.typeText { top:10px; right:10px; }
	.respGoodsIcon.typeText .respGoodsIconInner { width:40px; height:40px; }
	.goods_list li.gl_item .resp_display_goods_info .displaY_goods_name {font-size:15px;}
	.show_display_col3 .display_responsible_class .goods_list li.gl_item {width:50%;}
}

/* 메인 - 이미지 배너 (hover Effect) */
[data-effect] li img { transition:transform 0.3s; }
[data-effect] li.none:hover img { transform:none; }
[data-effect="scale"] li a { display:block; overflow:hidden; }
[data-effect="scale"] li:hover img { transform:scale(1.05); } /* 이미지 확대 */
[data-effect="opacity"] li:hover img { opacity:0.8 } /* 이미지 불투명 */
[data-effect="rotate_01"] li:hover img { transform:rotate(1.5deg); } /* 우측 회전 */
[data-effect="rotate_02"] li:hover img { transform:rotate(-1.5deg); } /* 좌측 회전 */
[data-effect="translateX_01"] li:hover img { transform:translateX(-5px); } /* 좌측 이동 */
[data-effect="translateX_02"] li:hover img { transform:translateX(5px); } /* 우측 이동 */
[data-effect="translateY_01"] li:hover img { transform:translateY(-5px); } /* 위쪽 이동 */
[data-effect="translateY_02"] li:hover img { transform:translateY(5px); } /* 아래쪽 이동 */

/* 메인 - 이미지 배너 */
.main_bnr .respBnrGon_num2_typeA>ul { margin:0 0 0 -3%; }
.main_bnr .respBnrGon_num2_typeA>ul>li { position:relative; width:50%; padding:0 0 0 3%; overflow:hidden; }
.main_bnr .respBnrGon_num3_typeE>ul { margin:0 0 0 -3%; }
.main_bnr .respBnrGon_num3_typeE>ul>li { position:relative; width:33.33%; padding:3% 0 0 3%; overflow:hidden; }

/* 메인 - 이미지 배너2 */
.main_bnr2 {margin-top:130px;}
.main_bnr2 .respBnrGon_num2_typeA>ul>li { position:relative; width:50%; padding:0; overflow:hidden; }
.main_bnr2 .respBnrGon_num2_typeA>ul>li .tag_wrap { position:absolute; top:40%; width:100%; text-align:center;}
.main_bnr2 .respBnrGon_num2_typeA>ul>li .title1 { margin-bottom:10px; font-size:24px; color:#fff; }
.main_bnr2 .respBnrGon_num2_typeA>ul>li a { display:inline-block; border:1px solid #fff; padding:15px 40px; font-size:13px; color:#fff; transition:all 0.5s ease; }
.main_bnr2 .respBnrGon_num2_typeA>ul>li a:hover { border-color:#333; background:#333; }
.main_bnr2 .respBnrGon_num2_typeA>ul>li a .arr { display:inline-block; vertical-align:middle; width:6px; height:11px; margin:0 0 1px 3px; background:url('../images/design_resp/icon_arr.png') no-repeat; }
@media only screen and (max-width:767px) {
	.main_bnr2 {margin-top:100px;}
	.main_bnr2 .respBnrGon_num2_typeA>ul>li .tag_wrap { top:35%; }
	.main_bnr2 .respBnrGon_num2_typeA>ul>li a { padding:10px 20px; }
}
@media only screen and (max-width:639px) {
	.main_bnr2 .respBnrGon_num2_typeA>ul>li { width:100%; }
}
@media only screen and (max-width:479px) {
	.main_bnr2 {margin-top:70px;}
}

/* 메인 - 이미지 배너3 */
.main_keyword { margin:130px auto 0; background:#ccc url('../images/design_resp/bnr2_bg.jpg') no-repeat center; }
.main_keyword .respBnrGon_num2_typeA>ul { display:flex; align-items:center; justify-content:center; }
.main_keyword .respBnrGon_num2_typeA>ul>li { width:50%; padding:0; text-align:left; }
.main_keyword .respBnrGon_num2_typeA>ul>li img { max-width:100%; }
.main_keyword .respBnrGon_num2_typeA>ul>li .tag_wrap { padding:0 100px; }
.main_keyword .respBnrGon_num2_typeA>ul>li .title1 { margin:0 5px 20px; font-size:30px; color:#333; line-height:1.4; }
.main_keyword .respBnrGon_num2_typeA>ul>li p { display:inline-block; margin:7px 5px; border:1px solid #666; padding:5px 15px 3px; color:#333;}
@media only screen and (max-width:945px) {
	.main_keyword .respBnrGon_num2_typeA>ul>li .tag_wrap { padding:60px; }
}
@media only screen and (max-width:767px) {
	.main_keyword { margin-top:100px; }
	.main_keyword .respBnrGon_num2_typeA>ul>li .tag_wrap { padding:30px 0; }
	.main_keyword .respBnrGon_num2_typeA>ul>li .title1 { margin-bottom:10px; font-size:24px; }
	.main_keyword .respBnrGon_num2_typeA>ul>li p { margin:2px 1px; padding:5px 10px 3px; font-size:14px; }
}
@media only screen and (max-width:479px) {
	.main_keyword { margin-top:70px; }
}

/* 메인 - 이미지 배너4 */
.main_keyword2 { background:#214e35 url('../images/design_resp/bnr3_bg.jpg') no-repeat center;}
.main_keyword2 .respBnrGon_num2_typeA>ul { display:flex; align-items:center; justify-content:center; }
.main_keyword2 .respBnrGon_num2_typeA>ul>li { width:50%; padding:85px 0; text-align:left;}
.main_keyword2 .respBnrGon_num2_typeA>ul>li .tag_wrap { padding-left:200px; }
.main_keyword2 .respBnrGon_num2_typeA>ul>li .title1 { margin-bottom:20px; font-size:36px; font-weight:600; color:#fff; }
.main_keyword2 .respBnrGon_num2_typeA>ul>li p { margin-bottom:30px; font-size:18px; font-weight:300; color:#fff; }
.main_keyword2 .respBnrGon_num2_typeA>ul>li a { display:inline-block; border:1px solid #fff; padding:15px 40px; font-size:13px; color:#fff; transition:all 0.5s ease; }
.main_keyword2 .respBnrGon_num2_typeA>ul>li a:hover { border-color:#333; background:#333; }
.main_keyword2 .respBnrGon_num2_typeA>ul>li a .arr { display:inline-block; vertical-align:middle; width:6px; height:11px; margin:0 0 1px 3px; background:url('../images/design_resp/icon_arr.png') no-repeat center; }
@media only screen and (max-width:1279px) {
	.main_keyword2 .respBnrGon_num2_typeA>ul>li .tag_wrap { padding-left:100px; }
}
@media only screen and (max-width:945px) {
	.main_keyword2 .respBnrGon_num2_typeA>ul>li .tag_wrap br { display:none; }
}
@media only screen and (max-width:767px) {
	.main_keyword2 { margin-top:100px; }
	.main_keyword2 .respBnrGon_num2_typeA>ul>li .tag_wrap { padding-left:0; }
	.main_keyword2 .respBnrGon_num2_typeA>ul>li .title1 { margin-bottom:10px; font-size:24px; }
	.main_keyword2 .respBnrGon_num2_typeA>ul>li p { margin-bottom:20px; font-size:14px; }
	.main_keyword2 .respBnrGon_num2_typeA>ul>li a { padding:10px 20px; }
}
@media only screen and (max-width:479px) {
	.main_keyword2 { margin-top:70px; }
	.main_keyword2 .respBnrGon_num2_typeA>ul>li { padding:50px 0; }
}

/* 메인 - 이미지 배너5 */
.main_bnr3 .respBnrGon_num2_typeA>ul>li { position:relative; width:50%; overflow:hidden; }
@media only screen and (max-width:639px) {
	.main_bnr3 .respBnrGon_num2_typeA>ul>li { width:100%; }
}

.move_text_box .text {display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden;transition: 0.3s; pointer-events: none}
.move_text_box .text p {animation: textLoop 55s linear infinite; animation-play-state: running; opacity: 0.05; padding-right:20px; color: #6c503f; font-size: 25rem; font-family: "Times New Roman"; font-style: italic; line-height: 1.1;}

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

a.more{display: inline-block; position: relative; padding: 0.5em 4em 0.5em 0; color: #1c1c1b; font-size: 17px; font-weight: 500; line-height: 1em}
a.more::before{content: ''; position: absolute; top: 50%; right: 0.6em; transform: translateY(-50%); width: 2em; height: 0.5em; background: url(../images/temp/more_arr.svg) no-repeat 0 center/contain}
a.more::after{content: ''; position: absolute; top: 0; right: 0; width: 2em; height: 2em; background: rgba(174, 146, 104, 0.25); border-radius: 50%}

/* 메인 텍스트 */
.main .sect_tit .svg {width: 11rem; display: flex; align-items: flex-end; opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out , transform 1s ease-in-out}
.main .sect_tit .svg svg {width: 100%}
.main .sect_tit .tit {font-size: 5rem; font-weight: 700; line-height: 1.3}
.main .sect_tit .tit span {display: inline-block; opacity: 0; transform: translateY(15px); transition:  opacity 1s ease-in-out ,  transform 1s ease-in-out}
.main .sect_tit .txt {font-size: 2.2rem; font-weight: 500; margin-top: 10px; opacity: 0; transform: translateY(15px);transition:  opacity 1s ease-in-out ,  transform 1s ease-in-out; transition-delay: 1s}
.main .sect_tit .txt + .gr_btn {margin-top: 6rem; transition-delay: 1.2s}
.main .sect_tit.animated .svg {opacity: 1; transform: unset}
.main .sect_tit.animated .tit span{transform: unset; opacity: 1; transition-delay: calc(var(--letter-inx)*0.1s)}
.main .sect_tit.animated .txt {opacity: 1; transform: unset}
.main .sect_tit.animated .gr_btn {opacity: 1; transform: unset}

/* MD픽 */
.md_pick{padding-bottom: 160px; margin-top: 40px}
.md_pick .slide{}
.md_pick .slide .item{display: flex; align-items: center}
.md_pick .slide .item .img{}
.md_pick .slide .item .img img{}
.md_pick .slide .item .txt{padding-left: 100px}
.md_pick .slide .item .txt .cat{margin-bottom: 0.75em; font-size: 22px; font-weight: 600; text-transform: uppercase}
.md_pick .slide .item .txt .tit{margin-bottom: 1em; color: #ae9268; font-size: 85px; font-family: 'Times New Roman'; font-weight: 400; font-style: italic; line-height: 1em}
.md_pick .slide .item .txt .sub_tit{font-size: 40px; font-weight: 600}
.md_pick .slide .item .txt .desc{margin-top: 1.5em; font-size: 17px; line-height: 1.8em}
.md_pick .slide .item .txt .more{margin-top: 10em}
.md_pick .swiper-pagination{position: relative; bottom: auto; padding-top: 90px}

/*product_sect*/

.product_sect {padding: 24rem 0}
.product_sect .product_wrap {margin-top: 4rem}
.product_sect .goods_list {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 80px 20px;margin: 0;}
.product_sect .goods_list li.gl_item {
	display: block;
	width: auto !important;
	padding: 0;
}

/*type_sect*/

/* best seller */
.best_seller{padding: 200px 0;}
.best_seller .aside_wrap{display: grid; grid-template-columns: minmax(0, 1fr) 60%; gap: 0 80px}
.best_seller .title_group1{padding-left: 120px; text-align: left}
.best_seller .title_group1 p{margin-top: 1em; font-size: 20px; line-height: 1.5em}
.best_seller .goods_list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 150px 20px; margin: 0 }
.best_seller .goods_list li.gl_item { display: block; width: auto !important; padding: 0; }
.best_seller .goods_list li.gl_item .respGoodsIcon{display: none}
.best_seller .goods_list li.gl_item .resp_display_goods_info {padding: 0}
.best_seller .goods_list li.gl_item .goodS_info{padding: 0}
.best_seller .goods_list li.gl_item .displaY_goods_name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1em; font-size:24px; font-weight:700;}
.best_seller .goods_list li.gl_item .displaY_goods_short_desc {margin-top: 0.5em; color: #727880; font-size:17px; font-weight: 500}
.best_seller .goods_list li.gl_item .displaY_consumer_price {font-size:16px;}
.best_seller .goods_list li.gl_item .displaY_sales_price {font-size:20px; font-weight: 700;}
.best_seller .goods_list li.gl_item .displaY_sales_price .nuM{font-size:20px; font-weight: 700;}
.best_seller .goods_list li.gl_item .infO_group{margin-top: 35px}
.best_seller .goods_list li.gl_item .infO_group .percent{padding: 0.25em; background: rgba(174, 146, 104, 0.25); color: #1c1c1b; font-size: 20px; font-weight: 900; border-radius: 5px; line-height: 1em}
.best_seller .goods_list li.gl_item .infO_group .displaY_review_score_a .ev_active2{width: 86px; background: none}
.best_seller .goods_list li.gl_item .infO_group .displaY_review_score_a .ev_active2:after{background: url('../images/temp/img_ev_star.svg') no-repeat}
.best_seller .goods_list li.gl_item .infO_group .displaY_review_score_a .ev_active2>b{background: url('../images/temp/img_ev_star_on.svg') no-repeat}
.best_seller .more{margin-top: 9em}

/* virtual_3d */
.virtual_3d{padding: 200px 0 250px 0; background: linear-gradient(135deg, #765745 0%, #49362b 100%)}
.virtual_3d .resp_wrap{max-width: 2240px}
.virtual_3d .txt_box{text-align: center}
.virtual_3d .tit{margin-bottom: 0.3em; color: #ae9268; font-size: 85px; font-family: 'Times New Roman'; font-style: italic; line-height: 1em}
.virtual_3d .desc{color: #ae9268; font-size: 20px; line-height: 1.75em}
.virtual_3d .big_tit{margin: 0.75em 0 0.25em 0; color: rgba(174, 146, 104, 0.14); font-size: 250px; font-family: 'Times New Roman'; font-style: italic; text-align: center; line-height: 1.1em;}
.virtual_3d .item_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 100px}
.virtual_3d .item_list li{}
.virtual_3d .item_list li p{margin-bottom: 1em; color: #fff; font-size: 35px; font-family: 'Times New Roman'; font-style: italic; line-height: 1.1em}
.virtual_3d .item_list li .img{padding-top: 130%; background: rgba(174, 146, 104, 0.1)}

/* real_review */
.real_review{padding: 160px 0 280px 0}
.real_review .title_group1{text-align: left}
.real_review .title_group1 p{margin-top: 1em; font-size: 20px; line-height: 1.5em}
.real_review .board_gallery{margin: 70px 0 0 0}
.real_review .board_gallery ul{display: grid; grid-template-columns: repeat(4, minmax(0 ,1fr)); gap: 90px 56px; margin: 0;}
.real_review .board_gallery ul li{display: block; width: auto; padding: 0}
.real_review .board_gallery ul li .img{overflow: hidden; position: relative; height: 0; padding-top: 100%}
.real_review .board_gallery ul li .img img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; object-fit: cover}
.real_review .board_gallery ul li .txt{padding: 0 10px}
.real_review .board_gallery ul li .txt .score_nm{display: flex; align-items: center; justify-content: space-between; margin-top: 25px}
.real_review .board_gallery ul li .txt .review_score{}
.real_review .board_gallery ul li .txt .review_score img{height: 16px}
.real_review .board_gallery ul li .txt .user_nm{color: #c4c4c4; font-size: 14px; font-weight: 300}
.real_review .board_gallery ul li .txt .review_cont{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1em; color: #1d2d46; font-size: 16px; line-height: 1.8em}
.real_review .board_gallery ul li .goods_info{display: grid; grid-template-columns: 70px minmax(0 , 1fr); align-items: center; gap: 0 15px; padding: 10px; margin: 25px 5px 0 5px; background: #f7f8fa}
.real_review .board_gallery ul li .goods_info img{}
.real_review .board_gallery ul li .goods_info p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #1d2d46; font-size: 12px; line-height: 1.8em; word-break: keep-all}
.real_review .board_gallery ul li.no_data_area2{grid-column: 1/-1}

/* rental_service */
.rental_service{background: rgba(153, 89, 49, 0.04)}
.rental_service .cont_box{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center}
.rental_service .cont_box .img{padding-top: 80px; text-align: center}
.rental_service .cont_box .img img{max-width: calc(100%/3*2)}
.rental_service .cont_box .txt{padding-left: 80px}
.rental_service .cont_box .txt .cat{margin-bottom: 0.75em; font-size: 22px; font-weight: 600}
.rental_service .cont_box .txt .tit{margin-bottom: 1em; color: #ae9268; font-size: 85px; font-family: 'Times New Roman'; font-weight: 400; font-style: italic; line-height: 1em}
.rental_service .cont_box .txt .sub_tit{font-size: 40px; font-weight: 600}
.rental_service .cont_box .txt .desc{margin-top: 1.5em; font-size: 17px; line-height: 1.8em}
.rental_service .more{margin-top: 5em}

/*********************************** 서브 페이지 ***********************************/
/* 모바일 하단 화살표 */
#floating_over .ico_floating_back {border:1px solid #ccc; background:#fff url('../images/design_resp/btn_back.png') center no-repeat; background-size:cover;}
#floating_over .ico_floating_foward {border:1px solid #ccc; background:#fff url('../images/design_resp/btn_foward.png') center no-repeat; background-size:cover;}
#floating_over .ico_floating_top {display:none; border:1px solid #ccc; background:#fff url('../images/design_resp/btn_up.png') center no-repeat; background-size:cover; text-indent:-9999px;}
@media only screen and (max-width:1023px) {
	#floating_over .ico_floating_top {display:block;}
}

/* 띠배너 */
.designPopupBand, .designPopupBandMobile {z-index:10;}
.designPopupBandBtn {background:url('../images/design_resp/band_btn_open.png') center no-repeat; text-indent:-9999px; z-index:210 !important;}

/* 팝업BG 감추기 */
#designPopupModalBack {display:none;}

/* 전체 카테고리 */
.all_list_contents .all_list_title {font-weight:400; line-height:1.0;}
.all_list_contents .all_list_close {background:url('../images/design_resp/del.png') 50% 50% no-repeat;}
@media only screen and (max-width:1023px) {
	.all_list_contents .all_list_close {top:18px;}
}

/* 사이드 메뉴 */
.layout_side .title_sub3.v2 {font-weight:600;}
.layout_side .aside_cs_phone:before {display:none;}
.layout_side .aside_cs_phone {font-weight:600; letter-spacing:-1px;}
.layout_side .aside_cs_addinfo {font-weight:400; color:#666;}
.side_close {margin-top:10px;}
.side_close:before, .side_close:after {height:2px;}

/* 페이지 경로 */
.search_nav select,
.search_nav select option,
.search_nav .navi_linemap2 .selected_cate,
.search_nav .navi_linemap2 .navi_linemap_sub>li {font-size:13px;}

/* 라디오/체크박스 크기 축소 */
input[type=radio] {width:17px; height:17px;}
input[type=checkbox],
.pilsu_agree_all input[type='checkbox'],
.pilsu_agree_all2 input[type='checkbox'],
.agree_list2 input[type='checkbox'],
.agree_list3 input[type='checkbox'],
.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] {width:16px; height:16px;}
.agree_list2 .agree_view { position: relative; padding-bottom:0; font-size: 11px; color: #666; }
.agree_list2 .agree_view:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; height: 1px; background-color: #666; transform: translateX(-50%); }


/* 버튼 */
.goods_thumbs_spec #goods_spec .btn_resp.size_extra2,
.goods_thumbs_spec #goods_spec .btn_resp.color2 {height:50px; line-height:50px; font-size:16px;} /* 상세 버튼 */

/* 테이블 */
.table_row_a>tbody>tr>th, .resp_table_row>ul>li.th {border-left:1px solid #fff;}
.table_row_a>tbody>tr>td, .resp_table_row>ul>li.td, .resp_1line_table>ul>li {border-right:1px solid #fff;}
.resp_1line_table, table.list_table_style, .board_goods_select_display.v2 {border-right:1px solid #fff; border-left:1px solid #fff;}
.no_data_area2 {color:#888;}

/* 회원 */
.resp_login_wrap .box_id[type=text]::placeholder,
.resp_login_wrap .box_pw[type=password]::placeholder,
.resp_login_wrap .box_order[type=text]::placeholder {font-size:14px;} /* 로그인 */
.resp_login_wrap .login_real_area .find_join>a.Fw500 {font-weight:400 !important;}
.login_ok_menu .btn_resp.size_c {height:60px; line-height:60px; font-size:16px; font-weight:300;} /* 회원가입 완료 버튼 */

/* 주문/결제 */
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection {position:relative !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap1 {padding-left:0 !important; padding-right:0 !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap3 {width:100% !important; box-shadow:none !important;}
#typereceiptlay .labelgroup_design {margin-bottom:5px;}

/* 고객센터 */
.mycs_fcont_margin {margin-top:60px;}

/* 자주 묻는 질문 */
#bbslist .faq_new {border-top:2px solid #333;}
#bbslist .faq_new>li {margin-top:0;}
#bbslist .faq_new .question {border-bottom:1px solid #e0e0e0;}
#bbslist .faq_new .question:before {line-height:58px; padding-left:15px;}
#bbslist .faq_new .question .subject {display:block; background:none; padding:20px 10px 15px 12px;}
#bbslist .faq_new .answer {margin-top:0; border-bottom:1px solid #e0e0e0; background:#f8f8f8; padding: 0}
#bbslist .faq_new .answer .box { padding:20px 10px 20px 52px;}
#bbslist .faq_new .answer:before {line-height:65px; padding-left:15px;}


/*자동입력방지*/

/* 이벤트 커스텀*/
.full_banner .mo_only { display: none; }
  @media only screen and (max-width: 768px) {
    .mo_only video { width: 100%; display: block; }
  }
 @media only screen and (max-width: 768px) {
.event_view .time_box { width: 100%;}
.event_view .coupon_sect .coupon_box .list .coupon:nth-child(2n) { margin: 0 auto;}
.event_view .coupon_sect .coupon_box .list .coupon { width: 100%;}
    
.maps_moblie { width: 100%; display: block!important;}
.maps_moblie iframe { width: 100%; margin: 0 auto; background: #000;}
.maps_pc , .maps_pc_inner01 { display: none!important;;}

.maps_moblie02  { width: 100%; display: block!important; min-height:1500px; background: #000; }
.maps_moblie02  iframe { width: 100%; margin: 0 auto; background: #000; min-height:1500px; }
    
.maps_pc03 , .maps_pc03 iframe , .maps_pc03_inner01 ,
.maps_pc02 , .maps_pc02 iframe , .maps_pc02_inner01
    { display: none!important; }
}
    
   
.maps_pc { width: 100%; display: block; background: #000;  margin: 0 auto; }
.maps_pc_inner01 { width: 1100px; margin: 0 auto; background: #000;}
.maps_pc iframe { width: 1100px; margin: 0 auto; background: #000;}
.maps_moblie , .maps_moblie02 { display: none;}

.maps_pc02 { width: 100%; display: block; background: #000;  margin: 0 auto; }
.maps_pc02 iframe { width: 100%; margin: 0 auto; background: #000;}
.maps_pc02_inner01 { width: 100%; margin: 0 auto; background: #000;}

.maps_pc03 { width: 100%; display: block; background: #000;  margin: 0 auto; text-align:center; }
.maps_pc03 iframe { width: 860px; margin: 0 auto; background: #000;}
.maps_pc03_inner01 { width: 100%; margin: 0 auto; background: #000;}


/*
#timer { font-size: 3em; font-weight: 100; color: black; margin: 1.5em auto 0; text-align: center;
  padding: 20px; width: 700px; color: white; }

#timer div { display: inline-block; min-width: 90px;
  padding: 15px; background: #fff; border-radius: 10px;
  border: 2px solid #ddd; margin: 15px; color: #000; }

#timer div span { color: #000;display: block; 
  margin-top: 15px; font-size: .35em; font-weight: 400; }
 */


.balloon { top: 110vh; opacity:.6; position: absolute; transform: translate3d(-50%, -50%, 0); width: 10rem; height: 10rem; background: #d2b584;
 border-radius: 10rem 10rem 4rem 10rem; transform: rotate(45deg); 
 box-shadow: inset -0.5rem -0.5rem 5rem -0.5rem #c69646, 3rem 3rem 1.5rem #57400e;
 -webkit-animation: float1 5s infinite ease-out; animation: float1 5s infinite ease-out; }

.balloon:after { content: ""; position: absolute; bottom: -0.05rem; right: -0.05rem; border-top: 0.5rem solid transparent; 
  border-bottom: 0.5rem solid transparent; border-right: 0.9rem solid #e3d5bd; transform: rotate(45deg); border-radius: 1rem; }

.holder.back { position: relative; z-index: 2; }
.holder.back .balloon:nth-child(1) { left: 50%; -webkit-animation: float2 3s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
 animation: float2 9.5s infinite cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-animation-delay: 0s; animation-delay: 0s; }
.holder.back .balloon:nth-child(2) { left: 20%; -webkit-animation: float1 5s infinite cubic-bezier(0.47, 0, 0.745, 0.715);
 animation: float1 10s infinite cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-animation-delay: 3.2s; animation-delay: 3.2s; }
.holder.back .balloon:nth-child(3) { left: 90%; -webkit-animation: float3 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715); 
 animation: float3 10.5s infinite cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-animation-delay: 7.7s; animation-delay: 7.7s; }
.holder.back .balloon:nth-child(4) { left: 70%; -webkit-animation: float1 7s infinite cubic-bezier(0.47, 0, 0.745, 0.715); 
 animation: float1 9s infinite cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.holder.back .balloon:nth-child(5) { left: 35%; -webkit-animation: float2 4s infinite cubic-bezier(0.47, 0, 0.745, 0.715); 
 animation: float2 10.2s infinite cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-animation-delay: 5.6s; animation-delay: 5.6s; }


@-webkit-keyframes float1 {
 0% { transform: rotate(40deg) translateY(0) translateX(0); }
 100% { transform: rotate(50deg) translateY(-85vh) translateX(-85vh); } }
@keyframes float1 {
 0% { transform: rotate(40deg) translateY(0) translateX(0); }
 100% { transform: rotate(50deg) translateY(-85vh) translateX(-85vh); } }

@-webkit-keyframes float2 {
 0% { transform: rotate(55deg) translateY(0) translateX(0); }
 100% { transform: rotate(45deg) translateY(-85vh) translateX(-85vh); }}
@keyframes float2 {
 0% { transform: rotate(55deg) translateY(0) translateX(0); }
 100% { transform: rotate(45deg) translateY(-85vh) translateX(-85vh); } }

@-webkit-keyframes float3 {
 0% { transform: rotate(45deg) translateY(0) translateX(0); }
 100% { transform: rotate(35deg) translateY(-85vh) translateX(-85vh); } }
@keyframes float3 {
 0% { transform: rotate(45deg) translateY(0) translateX(0); } 
 100% { transform: rotate(35deg) translateY(-85vh) translateX(-85vh); } }


 @media only screen and (max-width: 768px) {
 .popup_01 { width: 100%; overflow-x: hidden;}
}

.img_box01 { text-align:center; background: url(https://jionmeditech.com/in_office/img/black_bg.jpg) repeat; }
.img_box div { font-size: 24px; padding:15px 25px ; font-weight: 500 ; color: #fff; }
 @media only screen and (max-width: 768px) {

 }
 
.firework { position: absolute; width: 10px; height: 10px; background-color: #ddbb78; border-radius: 50%; animation: explode 1s ease-out forwards; pointer-events: none; }
@keyframes explode {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(10); opacity: 0; }
}
/* 폭죽이 퍼지는 효과 */
.firework:nth-child(even) { background-color: #a6a6a6; animation-duration: 1s; }
.firework:nth-child(odd) { background-color: #eac777; animation-duration: 1.2s; }

.maps_pc04 { width: 100%; background: #000 ; }
.maps_pc04_inner01 { text-align: center; }

@media only screen and (max-width: 768px) {
.maps_pc04 , .maps_pc04_inner01 { display: none; }
}
.maps_pc04 { width: 100%; background: #000 ; padding: 1.5em 0; }
.maps_pc04_inner01 { text-align: center; }

@media only screen and (max-width: 768px) {
.maps_pc04 , .maps_pc04_inner01 { display: none; }
.hyundai_pangyo_inner03 img { text-align: center; max-width: 100%; }
}

/* 탭 내용 */
.img_box02 span { font-size: 20px; padding:15px 25px ; font-weight: 500 ; color: #fff; animation: bannermove 5s linear infinite; }
.event_view .view_img .tab-content .half_img { width: 50%; display: flex; flex-flow: row wrap;} 
.half_clear { float: none;}
/*.tab-content_inner01 a {width: 100%; } */
@media only screen and (max-width: 768px) {
.shinsegea_duty_inner03 img , .shinsegea_duty_inner04 img ,.shinsegea_duty_inner05 img 
 {max-width: 96%;  margin: 0px auto ; }
    
 .tabbox01 { width:100%; box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1); margin: 0px auto ; background: #000;  }
    
}

.img_bax01 { text-align:center; background: url(https://jionmeditech.com/in_office/img/black_bg.jpg) repeat; }
.img_box div { font-size: 24px; padding:15px 25px ; font-weight: 500 ; color: #fff; }
 
.firework { position: absolute; width: 10px; height: 10px; background-color: #ddbb78; border-radius: 50%; animation: explode 1s ease-out forwards; pointer-events: none; }
@keyframes explode {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(10); opacity: 0; }
}
/* 폭죽이 퍼지는 효과 */
.firework:nth-child(even) { background-color: #a6a6a6; animation-duration: 1s; }
.firework:nth-child(odd) { background-color: #eac777; animation-duration: 1.2s; }
.maps_pc04 { width: 100%; background: #000; }
.maps_pc04_inner01 { text-align: center; }

@media only screen and ( max-width: 768px ) {
.maps_pc04 , .maps_pc04_inner01 { display: none; }
.shinsa_winter01 img { width: 96% ; margin: 0 auto; }
}

/* 탭메뉴 컨트롤 */
.tab-container { width: 80%; max-width: 860px; margin: auto; text-align: center; }
.tabs { display: flex; flex-flow:  row wrap; justify-content: center; }
.tab-button { width: 24%; text-decoration: none; padding: 20px 30px; margin-top: 20px;  background-color: #000; 
  color: white; cursor: pointer; text-align: center; border-radius: 35px; margin-right: 15px; font-size: 24px;  
  font-weight: bold; transition: background-color 0.3s ease; border: 1px solid #ddd; }
.tab-button:hover { background-color: #351d5b; border: 1px #000; }

.tab-button.active:nth-child(1)  { background-color: #d0c2f6; border: 1px #000; ; color:#000 ;   }
.tab-button.active:nth-child(2)  { background-color: #f8e6d0; border: 1px #000; ; color:#000 ;  }
.tab-button.active:nth-child(3)  { background-color: #ffe7e7; border: 1px #000; ; color:#000 ;  }
.tab-button.active:nth-child(4)  { background-color: #c6dbee ; border: 1px #000; ; color:#000 ;  }
.tab-button.active:nth-child(5)  { background-color: #c1dedc ; border: 1px #000; color:#000 ;  }

.tabs-content .tab-content { display: none; padding: 20px;  border-radius: 5px; margin-top: 10px }
.tabs-content .tab-content img { width: 100%; margin: 0 ; display: block; }

/* 이벤트 주의사항 */
.accordion-container { width: 100%; max-width: 800px; margin: 0px auto 20px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;  }
input[type="checkbox"] { display: none; }
.accordion-header {  display: block; width: 100%; text-align: center;
 background-color: #f1f1f1; padding: 20px 10px; cursor: pointer; font-size: 20px; font-weight: bold; transition: background-color 0.3s ease;  } 
.accordion-header i { margin-left: 10px ;  }

.accordion-content { padding: 25px 10px; display: none;  background-color: #fafafa; border-top: 1px solid #ddd; transition: max-height 0.5s ease-out;  }
input[type="checkbox"]:checked + .accordion-header + .accordion-content { display: block; }
.accordion-content ul { display: block; list-style: disc; text-align: left;  }
.accordion-content ul li { margin-bottom: 15px;  line-height: 160%; padding: 0 15px; font-size: 22px;  }

.dualsonic_winter01_inner06 { width: 100%; background: #000; }
.dualsonic_winter01_inner06 ul { width: 600px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin:  3em auto 1em ;}
.dualsonic_winter01_inner06 ul li {width: 25%; ; }
.dualsonic_winter01_inner06 ul li:last-child {   border-right: 0px; }
.dualsonic_winter01_inner06 ul li a  { display: block; color: #ccc ; font-size: 24px ;}

.move_up { width: 100%; text-align: center; }
.move_up p {  padding: 20px 10px;  }
.move_up p a {  display: block; text-decoration: none; color: #fff; font-size: 24px; }

/*.container { text-align: center; padding: 0px; background: #; width: 100% ;  margin: 0 auto;  }
.time_sale { display: flex; justify-content: center; align-items: center; font-size: 2rem; }
.time_sale .unit02 { display: flex; align-items: center; margin: 0 15px;  }
.time_sale .unit02 .digit { width: 50px;  height: 70px; display: flex; justify-content: center; align-items: center; background-color: #fff;
color: #666 ; font-size: 2rem; margin: 0 5px; border-radius: 10px; }
.unit-text { font-size: 24px;  color: #fff ;  margin-left: 10px; }
.message { font-size: 24px;  margin: 20px auto;  color:#fff} */

.time_sale  { background-color: #c1dedc ; display: flex ; flex-direction:column ;  }
.time_sale img { width: 80%!important ; margin: 0em auto !important; padding: 20px 0px;  }

.time_sale03  { background-color: #c1dedc ;  }
.time_sale03 img { width: 80%!important ; margin: 0em auto !important; padding: 20px 0px;  }

@media only screen and ( max-width: 768px ) {
.dualsonic_winter02 img { width: 96%; margin: 0 auto;  display: block; }
.goods_npay, .goods_talkbuy{ margin-top:15px; margin-left: 0px; }
#nhn_btn .npay_type_MA_1 {width: 100%!important; }  

.dualsonic_winter01 img { width: 96%; margin: 0 auto;  display: block; }
.tab-container { width: 96%; max-width: 96%; margin: 0 auto; text-align: center; }  
.tab-button { width: 30%; text-decoration: none; padding: 10px 10px; margin-top: 20px;  background-color: #000; 
  color: white; cursor: pointer; text-align: center; border-radius: 35px; margin-right: 10px; font-size: 14px;  
  font-weight: bold; transition: background-color 0.3s ease; border: 1px solid #ddd; }
.accordion-container { width: 96%; max-width: 96%; margin: 20px auto; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;  }
.dualsonic_winter01_inner06 ul li {width: 25%; ; }
.dualsonic_winter01_inner06 ul li a  { display: block; color: #ccc ; font-size: 16px ;}
.move_up p a {  display: block; text-decoration: none; color: #fff; font-size: 16px; }
.accordion-content ul li { margin-bottom: 15px;  line-height: 160%; padding: 0 15px; font-size: 18px;  }    
}

/* 테라피 라운지 수정*/
 .shinsa_body01 { width: 100%; display: block;}
 .shinsa_body01_inner01 { width: 100%; display: block; }
 .shinsa_body01_inner01 h2 { font-size: 20px; display: block; margin: 1em auto; text-align: left;}
 .shinsa_body01_inner01 dl { width: 100% ; margin: 2em auto; font-weight: normal;}
 .shinsa_body01_inner01 dl dt { font-size: 16px; margin-bottom: .5em; }
 .shinsa_body01_inner01 dl dd span { font-size: 16px; color: red; margin-right: .5em;}
 .shinsa_body01_inner01 dl dd { font-size: 16px;  margin-bottom: 1.5em;}

.darkBg {   background: linear-gradient(to bottom, #1a1a1a, #666); }
.lightBg { background : #b1dde0 top center no-repeat; }

#timer_sale_winter { display: flex; justify-content: center; align-items: center; gap: 20px; text-align: center; font-size: 4rem; width: 560px; 
	margin: 0 auto; margin-top: 50px; background-color: #000; }
#timer_sale_winter div { background-color: #000; color: #fff; width: 25%; padding: 20px; tab-size: 26px; border-radius: 10px;  }

#timer_sale_winter span { display: block; text-align: center;  font-size: 1.5rem; color: #000; }
#productCartView { min-height: 600px!important; }


/* 2025/02 아트 프로젝트  */
.art_cityofcolor01 { width: 100%; margin: 0 auto;  text-align: center; background: #242424;  }
.art_cityofcolor01 img { width: 860px; margin: 0 auto;  }

.art_cityofcolor01_inner01 {  width: 100%; margin: 0 auto; background:  url( https://jionmeditech.com/event/img/2025_02/art_cityofcolor_bg01.jpg ) repeat-x ;}
.art_cityofcolor01_inner02 {  width: 100%; margin: 0 auto; background:  url( https://jionmeditech.com/event/img/2025_02/art_cityofcolor_bg02.jpg ) repeat-x ;}
.art_cityofcolor01_inner03 {  width: 100%; margin: 0 auto; background:  url(  https://jionmeditech.com/event/img/2025_02/art_cityofcolor_bg03.jpg ) repeat-x ;}
.art_cityofcolor01_inner04 {  width: 100%; margin: 0 auto; background:  #473b8b;}
.art_cityofcolor01_inner05 {  width: 100%; margin: 0 auto; background:  #675bbf;}
.art_cityofcolor01_inner06 {  width: 100%; margin: 0 auto; background:  #fff ;}
@media only screen and ( max-width: 768px ) { .art_cityofcolor01 img { width: 100%; margin: 0 auto;  } }

.store_spring_off01_inner06 { width: 100%; background: #333; }
.store_spring_off01_inner07 { width: 100%; margin: 0 auto; text-align: center;}  
.store_spring_off01_inner07 ul { width: 600px; margin: 0 auto; text-align: center; display: flex; flex-flow: row nowrap;}  
.store_spring_off01_inner07 ul li { width: 25%;  padding: 15px 0 ; }  
.store_spring_off01_inner07 ul li a { color: #fff ; }  



/* 탭메뉴 컨트롤 */
.store_spring_off_tab_container { width: 80%; max-width: 860px; margin: auto; text-align: center; }
.store_spring_off_tabs { display: flex; flex-flow:  row nowrap; justify-content: center; border-bottom: 5px solid #fa6190 ; background:#a6a6a6 }
.store_spring_off_tab_button { width: 25%; text-decoration: none; padding: 20px 30px; margin-top: 0px;  background: #a6a6a6 ; 
 color: #f8f8f8; cursor: pointer; text-align: center;  font-size: 24px;  line-height: 120%; 
 font-weight: bold; transition: background-color 0.3s ease; }
 .store_spring_off_tab_content .store_spring_off_tabs_content { margin-bottom: 10vh; }
.store_spring_off_tab_button:hover { background: #fa6190 ; border: 1px #000; }
.store_spring_off_tab_button.active01  { background: #fa6190  ; border: 0px; ; color:#fff ;  }
.store_spring_off_tab_content .store_spring_off_tabs_content { display: none; padding: 0px 0 ;  border-radius: 5px; margin-top: 10px ; overflow: hidden; }
.store_spring_off_tab_content .store_spring_off_tabs_content img { width: 100%; margin: 1em auto 0 ; display: block; }

@media only screen and ( max-width: 768px ) {
.store_spring_off { width: 100%; text-align: center;}
.store_spring_off  img{ width: 100%; text-align: center;}
.store_spring_off_tab_container { width: 96%; max-width: none; margin: 0 auto; text-align: center; }  
.store_spring_off_tab_button { width: 25%; text-decoration: none; padding: 10px 10px; 
  cursor: pointer; text-align: center;  margin-right: 0px; font-size: 14px; font-weight: bold; transition: background-color 0.3s ease; }
.store_spring_off_tab_content .store_spring_off_tabs_content { margin-bottom: 5vh; }
.store_spring_off01_inner01 { width: 100%; background: #25201c; position: relative; }
.store_spring_off01_inner01 .store_spring01 { margin: 0 auto -36.2vh ; }
.store_spring_off01_inner01 .store_spring02 { position: relative; top: -45vh; animation: slideUp 1s forwards ease-out 1s; opacity: 0; }
.store_spring_off01_inner01 .store_spring03 { position: relative; top: -45vh; animation: slideUp 2s forwards ease-out 2.5s , flipInY 1s forwards ease-out 7s; opacity: 0; }
.store_spring_off01_inner01 .store_spring04 { position: relative; top: -45vh; animation: slideUp 1s forwards ease-out 4.5s; opacity: 0; }    

.store_spring_off01_inner07 { width: 100%; margin: 0 auto; text-align: center;}  
.store_spring_off01_inner07 ul { width: 100%; margin: 0 auto; text-align: center; display: flex; flex-flow: row wrap;}  
.store_spring_off01_inner07 ul li { width: 25%;  padding: 15px 0 ; }  
.store_spring_off01_inner07 ul li a { color: #fff ; }          
    

}

/* 오프라인 오프라인 봄탄력 고민 */
.spring_elasticity { width: 100%; text-align: center; }
.spring_elasticity01 { width: 100%; text-align: center; background: #333;padding-bottom: 5rem; }
.spring_elasticity02 { width: 100%; text-align: center; background: #333;padding-bottom: 5rem; }
.spring_elasticity01 img { width: 860px; margin: 0 auto;  display: inline-block; }
.spring_elasticity02 img { width: 860px; margin: 0 auto;  display: inline-block; }


.spring_elasticity01_inner01 { width: 100%; 
background: rgb(232,230,244);
background: linear-gradient(0deg, rgba(232,230,244,1) 0%, rgba(208,209,227,1) 1%, rgba(255,244,250,1) 100%)
}
.spring_elasticity01_inner01 .store_spring01 { margin: 0 auto  ; }

.spring_elasticity01_inner02 { width: 100%;  background: rgb(255 ,255,255 ,1 ); }
.spring_elasticity01_inner03 { width: 100%;  background: rgb(209 ,226,244 ,1); }
.spring_elasticity01_inner04 { width: 100%;  background: rgb(255 ,255,255 ,1); }

/* 탭메뉴 컨트롤 */
.spring_elasticity_tab_container { width: 80%; max-width: 860px; margin: auto; text-align: center; }
.spring_elasticity_tabs { display: flex; flex-flow:  row nowrap; justify-content: center; border-bottom: 5px solid #ff5e5e ; }
.spring_elasticity_tab_button { width: 33.33%; text-decoration: none; padding: 20px 30px; margin-top: 0px;  background: #a6a6a6 ; 
 color: #f8f8f8; cursor: pointer; text-align: center;  font-size: 24px;  line-height: 120%; 
 font-weight: bold; transition: background-color 0.3s ease; }
 .spring_elasticity_tab_content .spring_elasticity_tabs_content { margin-bottom: 5vh; }
.spring_elasticity_tab_button:hover { background: #ff5e5e ; border: 1px #000; }
.spring_elasticity_tab_button.active03  { background: #ff5e5e  ; border: 0px; ; color:#fff ;  }
.spring_elasticity_tab_content .spring_elasticity_tabs_content { display: none; padding: 0px 0 ;  border-radius: 5px; margin-top: 10px ; overflow: hidden; }
.spring_elasticity_tab_content .spring_elasticity_tabs_content img { width: 100%; margin: 1em auto 0 ; display: block; }

.spring_elasticity01_inner07 { width: 100%; margin: 0 auto; text-align: center; background: #333;}  
.spring_elasticity01_inner07 ul { width: 800px; margin: 0 auto; text-align: center; display: flex; flex-flow: row nowrap;}  
.spring_elasticity01_inner07 ul li { width: 33.33%;  padding: 15px 0 ; }  
.spring_elasticity01_inner07 ul li a { color: #fff ; }  

.store_spring_off01_inner30 { width: 100%; margin: 0 auto; text-align: center; background-color: #333;}  
.spring_elasticity01_inner31 { background: #75d1f6 ; }
.spring_elasticity01_inner31  video{ margin: 0 auto; padding: 0 0;width: 860px; }

@media only screen and ( max-width: 768px ) {
.spring_elasticity { width: 100%; text-align: center;}
.spring_elasticity  img{ width: 100%; text-align: center;}
.spring_elasticity_tab_container { width: 96%; max-width: none; margin: 0 auto; text-align: center; }  
.spring_elasticity_tab_button { width: 33.33%; text-decoration: none; padding: 10px 10px; margin-top: 20px;  background-color: #a6a6a6; color: #f8f8f8; 
  cursor: pointer; text-align: center;  margin-right: 0px; font-size: 14px; font-weight: bold; transition: background-color 0.3s ease; }
.spring_elasticity01_inner31  video{ margin: 0 auto; padding: 0 0; width: 100%; }    

.spring_elasticity_tab_content .spring_elasticity_tabs_content { margin-bottom: 5vh; }
.spring_elasticity01_inner01 { width: 100%; background: #25201c; position: relative; }

.spring_elasticity01_inner07 { width: 100%; margin: 0 auto; text-align: center;}  
.spring_elasticity01_inner07 ul { width: 100%; margin: 0 auto; text-align: center; display: flex; flex-flow: row wrap;}  
.spring_elasticity01_inner07 ul li { width: 33.33%;  padding: 15px 0 ; }  
.spring_elasticity01_inner07 ul li a { color: #fff ; }  
}
canvas { position: absolute; top: 0; left: 0; }

/* 스윗데이 이벤트*/
.sweetday_event01 { width: 100%; margin: 0 auto;  text-align: center; background: #a78ff1; padding-bottom: 5rem; }
.sweetday_event01 img { width: 860px; margin: 0 auto;  }
.sweetday_event01_inner01 { width: 100%; margin: 0 auto 0;  position: relative; text-align: center; 
  background: rgb(248,84,119);
  background: linear-gradient(0deg, rgba(248,84,119,1) 35%, rgba(255,183,222,1) 60%, rgba(255,202,248,1) 100%); } 

.sweetday_event01_inner02 { width: 100%; display: block; background: #f85477 url( https://jionmeditech.com/event/img/2025_03/sweetday_bg01.jpg ) no-repeat center bottom; padding: 5rem 0 ; } 
.sweetday_event01_inner01 ul { width: 860px; display: flex; margin: 5vh auto 5vh ; flex-flow: row wrap; padding: 0 0 5vh  0  ; background: url(sweetday_bg01.jpg) no-repeat;} 
.sweetday_event01_inner01 ul  li { width: 50%; } 
.sweetday_event01_inner01 ul  li  img{ width: 90%; padding:  20px ; ;} 
.sweetday_event01_inner03 { width: 100%; margin: 0 auto;} 

.shiny_text a { color: #000 ; text-decoration: none; position: relative; display: inline-block; font-weight: bold; animation: shine01 5s infinite alternate; }

@keyframes shine01 {
0% { color: #f87c42; }
25% { color: #fff; }
50% { color: #000 ;  }
75% { color:  #ffff;  }
100% { color: #f87c42;  }
}
.sweetday_event01_inner03 .tabs-container { width: 860px; margin: 0 auto ; }
.sweetday_event01_inner03 .tabs { list-style-type: none; display: flex; padding: 0; margin: 0; font-size: 20px; font-weight: bold;  margin-bottom: 5rem; }
.sweetday_event01_inner03 .tab0307 { flex: 1; padding: 15px 0; text-align: center;  background-color: none; cursor: pointer;  transition: background-color 0.3s ease; color: #fff; }

.sweetday_event01_inner03 .tab0307.active01 { background-color: #fa6190!important;  font-weight: bold; color: #fff;  }
.sweetday_event01_inner03 .tab0307-content { display: none; padding: 10px 0 ;  }
.sweetday_event01_inner03 .tab0307-content.active0307 { display: block; }

.sweetday_event01_inner03 .tab0307:nth-child( 2 ) { padding: 0 0 ;}
.sweetday_event01_inner03 .tab0307:nth-child( 3 ) { padding: 0 0 ;}

.sweetday_event01_inner03 .store_spring_off_tab_button { background: none; display: block; width: 100%;}
.sweetday_event01_inner03 .store_spring_off_tab_button.active01 { background: #ff3b79; }

@media only screen and ( max-width: 768px ) {
  .sweetday_event01_inner03 .tabs-container { width: 96%; margin: 0 auto ; }
  .sweetday_event01 img { width: 100%; margin: 0 auto;  }
		.sweetday_event01_inner01 video { width: 100%;}
  .sweetday_event01_inner03 .tabs { list-style-type: none; display: flex; padding: 0; margin: 0; font-size: 20px; font-weight: bold;  margin-bottom: 1rem; }
  .sweetday_event01_inner01 ul { width: 96%; display: flex; margin: 3vh auto 1vh ; flex-flow: row wrap; padding: 0 0 5vh  0  ; background: url(sweetday_bg01.jpg) no-repeat;} 
  .sweetday_event01_inner01 ul  li  img{ width: 90%; padding:  10px 0  ; ;} 
  .sweetday_event01_inner01 .sweetday_event01_key02 { position: relative; z-index: 2;  width: 80%; top: -65vh;
    animation: slideUp 3s forwards ease-in-out infinite ;  opacity: 1; } 


}

.photo_review img { width: 860px; margin: 0 auto; }
@media only screen and ( max-width: 768px ) {
 .photo_review img { width: 98%; margin: 0 auto; }
}


/* 다목적 탭 메뉴 스타일 */
.event_tab_container { width: 100%; max-width: 860px; margin: 20px auto;  }
.event_tabs { display: flex; background-color: #f4f4f4; border-radius: 8px 8px 0 0; }
.event_tab_btn { flex: 1; padding:20px 15px; text-align: center; background-color: #e2e2e2; cursor: pointer; font-weight: bold; transition: background-color 0.3s; }

.event_tab_btn:hover { background-color: #ebebeb; color:#000 ; }
.event_tab_btn.active03 { background-color: #fff; color: red; border: 0px solid red;  }
/* 탭 내용 */
.event_tab_content { padding: 20px; display: none; border-top: 0px solid #fff; transition: background-color 0.3s; padding: 2rem 0;    text-align:center  }
.event_tab_content.active03 { display: block; transition: background-color 0.3s;  }
@media only screen and ( max-width: 768px ) {
 .event_tab_container { width: 100%; max-width: none; margin: 20px auto;  }
}

/* 2025/03 72hours */
.spring_72hours_sale01 { width: 100%;background: #262626; padding-bottom: 3em; }
.spring_72hours_sale01 img { width: 800px; margin: 0 auto; display: block; }
.spring_72hours_sale01 video { width: 860px; margin: 0 auto; display: block; }
.spring_72hours_sale01_inner01 { width: 100% ; background: #222;}
.spring_72hours_sale01_inner02 { width: 100% ; background: #262626;}
.hours_sale { height: 35px; display: block; }
@media only screen and ( max-width: 768px ) {
/* 2025/03 72hours */
.spring_72hours_sale01 { width: 100%; padding-bottom: 1em; }
.spring_72hours_sale01 img { width: 96%; margin: 0 auto; display: block; }
.spring_72hours_sale01 video { width: 100%; margin: 0 auto; display: block; }
.spring_72hours_sale01_inner01 { width: 100% ; background: #222;}
.spring_72hours_sale01_inner02 { width: 100% ; background: #262626;}
.hours_sale { height: 10px; display: block; }    
}

/* 2025/03 healthy_beauty */
.healthy_beauty01 { width: 100%; background: #8ec8ff; text-align: center; padding-bottom: 5rem; }
.healthy_beauty01_inner01 img { width: 800px; margin: 0 auto; display: inline-block }
.healthy_beauty01_inner02 img { width: 800px; margin: 0 auto; display: inline-block; padding-bottom: 5rem; }
.healthy_beauty01 video { width: 800px; margin: 0 auto; display: inline-block;  }
.healthy_beauty01_inner01 { width: 100% ; background: #92c9fe; margin-bottom: -10px; 
    overflow: hidden ;position: relative;  }
.healthy_beauty01_inner02 { width: 100% ; background: #8ec8ff; position: relative; }

@media only screen and ( max-width: 768px ) {
/* 2025/03 healthy_beauty */
.healthy_beauty01 { width: 100%;text-align: center;  }
.healthy_beauty01_inner01 img { width: 100%; margin: 0 auto; display: inline-block;   }
.healthy_beauty01_inner02 img { width: 100%; margin: 0 auto; display: inline-block; padding-bottom: 2rem;  }
.healthy_beauty01 video { width: 100%; margin: 0 auto; display: inline-block; }
.healthy_beauty01_inner01 { width: 100% ; background: #92c9fe;}
.healthy_beauty01_inner02 { width: 96% ; background: #8ec8ff; margin: 0 auto;}
}

/* 250409 sakura sale */
.sakura_sale { width: 100%; text-align: center;  background: #fff; padding-bottom: 5rem;}
.sakura_sale img { display: block; margin: 0 auto 5rem;  width: 860px; padding: 0 ;}
.sakura_sale_inner01 { width: 100%; margin: 0 auto ; background: #fff0f3; overflow: hidden; }
.sakura_sale_inner01 video { margin: 0 auto -1rem; width: 860px; }
.sakura_sale_inner02 { width: 860px; margin: 0 auto 5rem;}
.sakura_sale_inner03 { width: 860px; margin: 0 auto 5rem;}
.sakura_sale_inner03 .event_tab_btn { width: 33%;}

.move_up { font-size: 20px; font-weight: bold; } 
.move_up i { padding: 0 15px ; } 

/* 기본 탭스타일*/
.tabs_box01 { width: 860px; margin: 0 auto; display: flex; }
.event_tab_btn {  display: inline-block; background: #fff; color: #000; font-size: 20px; font-weight: bold; }
.event_tab_btn.active03 { color: #ccc;  }
.event_tab_content { display: none; }
.event_tab_content.active03 { display: block; }
.sakura_sale_btn  {  background: #0e0e0e; color: #fff; padding: 2.5rem 0 1.5rem;  line-height: 120%; }
.sakura_sale_btn.active03  { 
    background: #FF1A1A;
background: linear-gradient(89deg, rgba(255, 26, 26, 1) 0%, rgba(255, 120, 0, 1) 100%);
    
    color: #fff; }
.sakura_sale_btn span {  font-size: 16px; font-weight: normal; }

@media (max-width: 860px) {
.sakura_sale .sakura_sale_inner01 { width: 100%; margin: 0 auto;}
.sakura_sale_inner01 { width: 100%; margin: 0 auto ; background: #fff0f3; overflow: hidden; }
.sakura_sale_inner02 { width: 100%; margin: 0 auto ; overflow: hidden; padding: 15px 0 ; }
.sakura_sale_inner01 video { margin: 0 auto 0rem; width: 100%; }
.sakura_sale img { display: block; margin: 0 auto 5rem;  width: 96%!important; }
.sakura_sale .tabs { display: flex; justify-content: center; width: 100%; margin: 0 auto; }
.sakura_sale_inner03 { width: 100%; margin: 0 auto;  }
} 

/* 2025/04 오프라인 이벤트 */
.ev-wrap-box{background: #e4d4e1; padding-bottom: 0px !important;}
.ev-wrap-box2{background: #333; padding-top: 50px;}
.secon1,
.secon2{position: relative; z-index: 10; }
.secon2{background: #333;}
.secon1:before,
.secon2:before{position: absolute; content: ''; width: 200%; left: -50%; top: 0; background: #e4d4e1; z-index: -1;}
.event-250402 {background: url(/data/skin/dualsonic/images/event/s250402-bg.jpg) center top / cover no-repeat;  max-width:860px; margin: 0 auto; padding-bottom: 50px;}
.event-250402  img{max-width:100%; width: auto}
.event-250402 .sec1{padding: 100px 70px 0px; box-sizing: border-box;}
.event-250402 .sec1 .tit{position: relative; z-index: 10; display: flex; flex-wrap:wrap; flex-direction: column; align-items: flex-start; gap:40px; z-index: 20;}
.event-250402 .sec1 figure{margin-top: -124px; position: relative; }
.event-250402 .sec1 figure img{position: relative; right: -20px; z-index: 15;}  
.event-250402 .sec2{background: #fff; border-radius: 30px; padding: 117px 60px 50px; box-sizing: border-box; width: calc(100% - 80px); margin-left: 40px; margin-top: -118px;}
.event-250402 .sec2 .box{position: relative; padding-bottom: 126px; z-index: 10;} 
.event-250402 .sec2 .box:nth-child(1) {position: relative; z-index: 20;}
.event-250402 .sec2 .box figure{position: absolute; right: -60px; top: -60px;}
.event-250402 .sec2 .box.last{padding-top: 120px; padding-bottom: 110px; position: relative; }
.event-250402 .sec2 .box.last:before{position: absolute; content: ''; width: 110%; height: 53px; 
background: url(/data/skin/dualsonic/images/event/s250402-sec2-line.png) center top no-repeat; left: -5%; top: -20px; z-index: -1;}
.event-250402 .sec2 .box.last figure{right: auto; left: -60px}
.event-250402 .sec2 .box.last .tbx{text-align: right;}
.event-250402 .sec3{width: calc(100% - 80px); margin-left: 40px; margin-top: 40px;}
.event-250402-2{}
.event-250402-2{max-width:860px; margin: 0 auto; margin-top: 100px; padding-top: 100px;}
.event-250402-2 .store_spring_off_tabs{ border-bottom: 5px solid #d27276; margin-top: 50px;} 
.event-250402-2 .store_spring_off_tab_button{background: #e6e6e6; color: #808080; border-right: 1px solid #fff;}
.event-250402-2 .store_spring_off_tab_button:first-child{border-left: 1px solid #fff;}
.event-250402-2 .store_spring_off_tab_button.active01{background: #d27276; color: #fff;}
.event-250402-2 .maps_pc04{}




@media (max-width: 860px) {
.ev-wrap-box{padding-bottom: 0 !important;}
.event-250402 .sec1{padding: 10vw 7vw;}
.event-250402 .sec1 figure{margin-top: -9px;}
.event-250402 .sec1 .tit{gap:4vw}

.event-250402 .sec1 .tit img:nth-child(1){width: 35vw;}
.event-250402 .sec1 .tit img:nth-child(2){width: 60vw;}
.event-250402 .sec1 .tit img:nth-child(3){width: 40vw;}
.event-250402 .sec2{padding: 5vw 6vw 5vw;     width: calc(100% - 8vw); margin-left: 4vw; margin-top: 10vw;} 
.event-250402 .sec2 .box figure{right: -6vw; top:-4vw; opacity: 0.7;}

.event-250402 .sec2 .box:first-child figure{top: -4vw;}
.event-250402 .sec2 .box:first-child figure img{width: 40vw;}
.event-250402 .sec2 .box:first-child .tbx img{width: 40vw;}
.event-250402 .sec2 .box .tbx{position: relative; z-index: 50;}
.event-250402 .sec2 .box.last .tbx img{width: 40vw;}
.event-250402 .sec2 .box.last figure img{width: 50vw;}
.event-250402 .sec2 .box.last .tbx img{width: 40vw; position: relative; z-index: 50;}
.event-250402 .sec2 .box.last figure{left: -6vw; top: 0vw;}
.event-250402-2{margin-top: 50px; padding-top: 20px;}
.event-250402-2 .store_spring_off_tab_button{margin-top: 0;}
.event-250402 .sec3{width: calc(100% - 8vw); margin-left: 4vw; }
.event-250402-2 .store_spring_off_tabs{margin-top: 30px;}
.event-250402 .sec2 .box{padding-bottom: 60px;}
.event-250402 .sec2 .box.last{padding-top: 60px; padding-bottom: 60px;}
} 

/* 랜더스 픽 */
.landers_pick { width: 100%; text-align: center;  background: #fff; padding-bottom: 5rem; }
.landers_pick_inner01 { width: 860px; margin: 0 auto;}
.landers_pick_inner01_box01 { width: 100%; font-size: 20px; padding: 15px 0; background: #f6f7f2; font-weight: bold;}
.landers_pick_inner01_box02 { width: 100%; font-size: 20px; padding: 15px 0 30px; background: #f6f7f2; font-weight: bold;}

@media (max-width: 860px) {
.landers_pick_inner01 { width: 100%; margin: 0 auto;}
.landers_pick_inner01_box01 { width: 100%; font-size: 20px; padding: 15px 0; background: #f6f7f2; font-weight: bold;}
.landers_pick_inner01_box02 { width: 100%; font-size: 20px; padding: 15px 0 30px; background: #f6f7f2; font-weight: bold;}
}  

/* 신용카드 이벤트 */
.event_card_box { width: 100%; word-wrap: break-word; padding-bottom: 5rem; background: #fff;}
.mo_only { display: none;}
.event_card_box_inner01 { width: 1200px; margin: 3rem auto 0; text-align: center; background: #4b1c90; padding: 5rem 0;}
.event_card_box_inner01 h1 { color:#fff; font-size: 30px;}

.event_card_box_inner02 { width: 1200px; margin: 5rem auto;}
.event_card_box_inner02 h2 { color:#4b1c90; font-size: 26px; text-align: center; font-weight: bold; padding: 2rem 0; }
.event_card_box_inner02 h3 span { color:#4b1c90; font-size: 24px; text-align: center; font-weight: bold; }
.event_card_box_inner02 h3{ color:#000; font-size: 24px; text-align: left; font-weight: bold; margin-top: 3rem;}
.event_card_box_inner02 p { color:#000; font-size: 18px; text-align: center; font-weight: bold;}

.event_card_box_inner02 table { width: 100%; margin: 0 auto; border-top: 4px solid #4b1c90; border-collapse: collapse;}
.event_card_box_inner02 table th { padding: 20px 0; border-right: 1px solid #ccc;}
.event_card_box_inner02 table th:nth-child(1) { width: 10%; border-left: 1px solid #ccc;}
.event_card_box_inner02 table th:nth-child(2) { width: 10%; }
.event_card_box_inner02 table th:nth-child(3) { width: 15%; }
.event_card_box_inner02 table th:nth-child(4) { width: 15%; }
.event_card_box_inner02 table th:nth-child(5) { width: 15%; }
.event_card_box_inner02 table th:nth-child(6) { width: 15%; }
.event_card_box_inner02 table td { text-align: center; padding: 10px 0; border: 1px solid #ccc;}

.event_card_box_inner03 { width: 1200px; margin: 0 auto;}
.event_card_box_inner03 h3 span { color:#4b1c90; font-size: 24px; text-align: center; font-weight: bold;}
.event_card_box_inner03 h3{ color:#000; font-size: 24px; text-align: left; font-weight: bold; margin-top: 3rem;}

.event_card_box_inner03 table { width: 100%; margin: 0 auto; border-top: 4px solid #4b1c90; border-collapse: collapse;}
.event_card_box_inner03 table th { padding: 20px 0; border-right: 1px solid #ccc;}
.event_card_box_inner03 table th:nth-child(1) { width: 15%; border-left: 1px solid #ccc;}
.event_card_box_inner03 table th:nth-child(2) { width: 10%; }
.event_card_box_inner03 table th:nth-child(3) { width: 15%; }
.event_card_box_inner03 table th:nth-child(4) { width: 15%; }
.event_card_box_inner03 table th:nth-child(5) { width: 15%; }
.event_card_box_inner03 table th:nth-child(6) { width: 15%; }
.event_card_box_inner03 table td { text-align: center; padding: 10px 0; border: 1px solid #ccc;}

.event_card_box_inner04 { width: 1200px; margin: 2rem auto 0; padding: 0 0 0 1rem;}
.event_card_box_inner04 p { font-size: 20px; font-weight: bold; margin: 0 0 ;} 
.event_card_box_inner04 ul {  margin: 1rem 0 0 0; }
.event_card_box_inner04 ul li { line-height: 160%; list-style: disc; margin-left: 2.5rem; font-size: 18px; }

@media (max-width: 860px) {
.event_card_box_inner01 { width: 100%; padding: 20px 0;}
.mo_only {display: block;}
.event_card_box_inner02 , .event_card_box_inner03  { width: 100%; margin: 0 auto;}

.event_card_box_inner02 h3{  padding-left: 1rem; }
.event_card_box_inner02 table { width: 96%; margin: 0 auto; border-top: 4px solid #4b1c90; border-collapse: collapse;}
.event_card_box_inner02 table th:nth-child(1) { width: 20%; border-left: 1px solid #ccc;}
.event_card_box_inner02 table th:nth-child(2) { width: 15%; }
.event_card_box_inner02 table th:nth-child(3) { width: 15%; }
.event_card_box_inner02 table th:nth-child(4) { width: 15%; }
.event_card_box_inner02 table th:nth-child(5) { width: 15%; }
.event_card_box_inner02 table th:nth-child(6) { width: 15%; }
.event_card_box_inner02 table th { padding: 10px 5px;}
.event_card_box_inner02 table td { padding: 10px 5px;}

.event_card_box_inner03 h3{  padding-left: 1rem; }
.event_card_box_inner03 table { width: 96%; margin: 0 auto; border-top: 4px solid #4b1c90; border-collapse: collapse; }
.event_card_box_inner03 table th { padding: 10px 5px;}
.event_card_box_inner03 table td { padding: 10px 5px;}

.event_card_box_inner04 { width: 96%; margin: 2rem auto 0; }
.event_card_box_inner04 ul { width: 94%; margin: 1rem auto 0; padding: 0 0 0 0 ; }
.event_card_box_inner04 ul li { padding: 0 0 0 0 ; margin-left: 1rem; }
}

/* 250421 가정의달 선물 */

.ev_wrap_box_250421 { background: #e4d4e1; padding-bottom: 0px !important; } 
.ev_wrap_box_2504212 { background: #fff; padding-top: 50px; } 
.secon1_250421,
.secon2_250421 { position: relative; z-index: 10;  } 
.secon2_250421 { background: #fff; text-align: center; } 
.event_tab_content img { margin:  1rem auto  ;} 

.secon1_250421:before,
.secon2_250421:before { position: absolute; content: ''; width: 200%; left: -50%; top: 0; background: #e4d4e1; z-index: -1; } 
.event_250421  { max-width:860px; margin: 0 auto;  padding-bottom: 0 ; } 
.event_250421  img { max-width:100%; width: auto } 

.event_250421 .sec3_250421 { width: calc(100% - 80px); margin-left: 40px; margin-top: 40px;  } 
.event_250421_2 {  } 
.event_250421_2 { max-width:860px; margin: 0 auto; margin-top: 0px; padding-top: 50px; } 
.event_250421_2 .store_spring_off_tabs {  border-bottom: 5px solid #ec8191; margin-top: 50px; }  
.event_250421_2 .store_spring_off_tab_button { background: #e6e6e6; color: #808080; border-right: 1px solid #fff; } 
.event_250421_2 .store_spring_off_tab_button:first-child { border-left: 1px solid #fff; } 
.event_250421_2 .store_spring_off_tab_button.active01 { background: #ec8191; color: #fff; } 
.event_250421_2 .maps_pc04 {  } 
.sakura_sale_inner03 { display: flex; flex-flow:  wrap row; justify-content: center; background: #000;}


@media (max-width: 860px) {
.ev_wrap_box_250421 { padding-bottom: 0 !important; } 
.event_250421  { max-width:none; margin: 0 auto; padding-bottom: 0px; } 

.event_250421_2 { margin-top: 0px; padding-top: 0px; } 
.event_250421_2 .store_spring_off_tab_button { margin-top: 0; } 
.event_250421 .sec3_250421_250421 { width: calc(100% - 8vw); margin-left: 4vw;  } 
.event_250421_2 .store_spring_off_tabs { margin-top: 30px; } 
.event_250421 .sec2_250421 .box { padding-bottom: 60px; } 
.event_250421 .sec2_250421 .box.last { padding-top: 60px; padding-bottom: 60px; } 

.sakura_sale_inner03 { display: flex; flex-flow:  wrap row; justify-content: center; background: #000;}
.sec2_250421 { width: 30%;}
.event_tab_btn { flex: none;}
} 

/* 현대목동 팝업 */
.hundai_mockdong_popup01 { width: 100%; background: #fff; }
.hundai_mockdong_popup01 img { width: 860px; margin: 0 auto ; }

.hundai_mockdong_popup02 { width: 100%; background: #e3e3e3; }
.hundai_mockdong_popup02 img { width: 860px; margin: 0 auto ; }
.hundai_mockdong_popup01_inner01 { width: 860px; margin: 0 auto; text-align: center;overflow-y: hidden; }
.hundai_mockdong_popup01_inner01 video { width: 96%; margin: 0 auto -1.5rem; }
.hundai_mockdong_popup01_inner02 { width: 860px; margin: 0 auto; padding: 5rem 0 ; }
.hundai_mockdong_popup01_inner02 img { margin: 3rem auto;}
.hundai_mockdong_popup01_inner03 { width: 860px; margin: 0 auto; }
 
@media (max-width: 860px) {
.hundai_mockdong_popup01 { width: 100%; background: #e3e3e3; text-align: center;  }
.hundai_mockdong_popup01 img { width: 96%; margin: 0rem auto 3rem ; }  
.hundai_mockdong_popup02 { width: 100%; background: #e3e3e3; text-align: center;  }
.hundai_mockdong_popup02 img { width: 96%; margin: 0rem auto 3rem ; }  
.hundai_mockdong_popup01_inner01 { width: 100%; margin: 0 auto; }
.hundai_mockdong_popup01_inner01 video { width: 100%; }
.hundai_mockdong_popup01_inner02 { width: 100%; margin: 0 auto; }
.hundai_mockdong_popup01_inner03 { width: 100%; margin: 0 auto; }
} 

/* 5월 가정의달 오프라인 이벤트 */

.ev-wrap-box { background: #e4d4e1; padding-bottom: 0px !important; } 
.ev-wrap-box2 { background: #333; padding-top: 50px; } 
.secon1,
.secon2 { position: relative; z-index: 10;  } 
.secon2 { background: #333; } 
.secon1:before,
.secon2:before { position: absolute; content: ''; width: 200%; left: -50%; top: 0; background: #fff; z-index: -1; } 
.event_250502  { background: url( https://jionmeditech.com/event/img/2025_05//mayeffect01.png ) center top / cover no-repeat;  max-width:860px; margin: 0 auto; padding-bottom: 50px; } 
.event_250502  img { max-width:100%; width: auto } 
.event_250502 .sec1 { padding: 100px 70px 0px; box-sizing: border-box; } 
.event_250502 .sec1 .tit { position: relative; z-index: 10; display: flex; flex-wrap:wrap; flex-direction: column; align-items: flex-start; gap:40px; z-index: 20; } 
.event_250502 .sec1 figure { margin-top: -124px; position: relative;  } 
.event_250502 .sec1 figure img { position: relative; right: -20px; z-index: 15; }  	 
.event_250502 .sec2 { border-radius: 30px; padding: 217px 60px 0px; box-sizing: border-box; width: calc(100% - 80px); margin-left: 40px; margin-top: -118px; } 
.event_250502 .sec2 .box { position: relative; padding-bottom: 126px; z-index: 10; }  
.event_250502 .sec2 .box:nth-child(1)  { position: relative; z-index: 20; } 
.event_250502 .sec2 .box figure { position: absolute; right: -60px; top: -60px; } 
.event_250502 .sec2 .box.last { padding-top: 0px; padding-bottom: 10px; position: relative;  } 
/* .event_250502 .sec2 .box.last:before { position: absolute; content: ''; width: 110%; height: 53px; 
background: url(/data/skin/dualsonic/images/event/s250402-sec2-line.png) center top no-repeat; left: -5%; top: -20px; z-index: -1; } 	*/
.event_250502 .sec2 .box.last figure { right: auto; left: -60px } 
.event_250502 .sec2 .box.last .tbx { text-align: right; } 
.event_250502 .sec3 { width: calc(100% - 80px); margin-left: 40px; margin-top: 40px; } 
.event_250502_2 {  } 
.event_250502_2 { max-width:860px; margin: 0 auto; margin-top: 100px; padding-top: 100px; } 
.event_250502_2 .store_spring_off_tabs {  border-bottom: 5px solid #d27276; margin-top: 50px; }  
.event_250502_2 .store_spring_off_tab_button { background: #e6e6e6; color: #808080; border-right: 1px solid #fff; } 
.event_250502_2 .store_spring_off_tab_button:first-child { border-left: 1px solid #fff; } 
.event_250502_2 .store_spring_off_tab_button.active01 { background: #d27276; color: #fff; } 
.event_250502_2 .maps_pc04 {  } 
 
@media (max-width: 860px) {
.ev-wrap-box { padding-bottom: 0 !important; } 
    .event_250502 {width: 96%; }
.event_250502 .sec1 { padding: 10vw 1vw; } 
.event_250502 .sec1 figure { margin-top: -9px; } 
.event_250502 .sec1 .tit { gap:4vw } 
  
.event_250502 .sec1 .tit img:nth-child(1) { width: 100vw; } 
.event_250502 .sec1 .tit img:nth-child(2) { width: 100vw; } 
.event_250502 .sec1 .tit img:nth-child(3) { width: 100vw; } 
.event_250502 .sec2 { padding: 0 0; width: calc(100% - 8vw); margin-left: 4vw; margin-top: 10vw; }  
.event_250502 .sec2 .box figure { right: -6vw; top:-4vw; opacity: 0.7; } 

.event_250502 .sec2 .box:first-child figure { top: -4vw; } 
.event_250502 .sec2 .box:first-child figure img { width: 40vw; } 
.event_250502 .sec2 .box:first-child .tbx img { width: 96vw; } 
.event_250502 .sec2 .box .tbx { position: relative; z-index: 50; } 
.event_250502 .sec2 .box.last .tbx img { width: 40vw; } 
.event_250502 .sec2 .box.last figure img { width: 50vw; } 
.event_250502 .sec2 .box.last .tbx img { width: 96vw; position: relative; z-index: 50; } 
.event_250502 .sec2 .box.last figure { left: -6vw; top: 0vw; } 
.event_250502_2 { margin-top: 50px; padding-top: 20px; } 
.event_250502_2 .store_spring_off_tab_button { margin-top: 0; } 
.event_250502 .sec3 { width: calc(100% - 8vw); margin-left: 4vw;  } 
.event_250502_2 .store_spring_off_tabs { margin-top: 30px; } 
.event_250502 .sec2 .box { padding-bottom: 60px; } 
.event_250502 .sec2 .box.last { padding-top: 0px; padding-bottom: 0px; } 

} 

/* 5월 주말 헬시뷰티 이벤트 */
.healthybeauty { width: 100%; text-align: center; }
.healthybeauty_inner01 { width: 860px; margin: 0 auto;}
.healthybeauty_inner01 img { width: 100% ; margin: 1.5rem 0 ;}

@media (max-width: 860px) {
.healthybeauty { width: 100%; text-align: center; }
.healthybeauty_inner01 { width: 100%; margin: 0 auto;}
.healthybeauty_inner01 img { width: 98% ; margin: 1rem 0 ;}
} 


/* 듀얼럽데이 */
.dual_membership_may { background: #e4d4e1; padding-bottom: 0px !important; text-align: center; } 
.event_tab_content img { margin:  1rem auto ; } 
.event_tab_content img:hover {  } 

.dual_membership_may_key  { max-width: 100%; margin: 0 auto;  padding-bottom: 0 ; 
/*background: linear-gradient(180deg,rgba(137, 181, 246, 1) 0%, rgba(239, 208, 249, 1) 100%);  */
background: skyblue;
} 
.dual_membership_may_key  img { max-width: 860px; margin: 0 auto; } 
.dual_membership_may_box01 { max-width:860px; margin: 0 auto; margin-top: 0px; padding-top: 50px; } 
.dual_membership_may_inner01 { display: flex; flex-flow:  wrap row; justify-content: center; background: #000;}
.move_up { margin: 2rem 0 ;}

@media (max-width: 860px) {
.dual_membership_may { padding-bottom: 0 !important; } 
.dual_membership_may_key  { max-width:none; margin: 0 auto; padding-bottom: 0px; } 

.dual_membership_may_key  img { max-width: 96%; margin: 0 auto; } 
    
    
.dual_membership_may_box01 { margin-top: 0px; padding-top: 0px; } 
.dual_membership_may_inner01 { display: flex; flex-flow:  wrap row; justify-content: center; background: #000; width: 100%;}

.event_tab_content img { margin:  1rem auto ; border: 0px solid #000;  width: 96%; margin: 2rem auto; } 
.event_tab_content img:hover { border: 0px solid #ccc; border-radius: 3% ;  } 
.event_tab_btn { width: 33.33%;}
.tabs_box01 { width: 100% ;}
.move_up { margin: 1rem 0 ;}
} 

 /* 본체 업그레이드 상시 이벤트*/
.upgrade_2505 { width: 100%; margin: 0 auto; text-align: center;}
.upgrade_2505 img { width: 860px; margin: 0 auto;}

@media (max-width: 860px) {
.upgrade_2505 { width: 100%; margin: 0 auto; text-align: center;}
.upgrade_2505 img { width: 96%; margin: 0 auto;}
}


/* 2506 오프 1차 이벤트 */

.secon1,
.secon2 { position: relative; z-index: 10;  margin-bottom: -100px;} 
.secon1 { 
/*background: #C3E8F8;
background: linear-gradient(0deg, rgba(195, 232, 248, 1) 0%, rgba(209, 239, 250, 1) 30%, rgba(53, 144, 225, 1) 100%); */
} 
.secon2 { background: #333; } 
.secon1:before,
.secon2:before { position: absolute; content: ''; width: 200%; left: -50%; top: 0; background: #fff; z-index: -1; } 
.event_250602  { background: url( https://jionmeditech.com/event/img/2025_06/early_summer01.jpg ) center top / cover no-repeat;  max-width:860px; margin: 0 auto; padding-bottom: 50px; } 
.event_250602  img { max-width:100%; width: auto } 
.event_250602 .sec1 { padding: 100px 70px 0px; box-sizing: border-box;  } 
.event_250602 .sec1 .tit { position: relative; z-index: 10; display: flex; flex-wrap:wrap; flex-direction: column; align-items: center; gap:40px; z-index: 20; margin-top: 5rem; } 
.event_250602 .sec1 figure { margin-top: -124px; position: relative;  } 
.event_250602 .sec1 figure img { position: relative; right: -20px; z-index: 15; }  	 
.event_250602 .sec2 { border-radius: 30px; padding: 217px 0 0px 0px; box-sizing: border-box; width: 100%; margin: -118px 0 0 0; text-align: center; } 
.event_250602 .sec2 .box { position: relative; padding-bottom: 126px; z-index: 10; }  
.event_250602 .sec2 .box:nth-child(1)  { position: relative; z-index: 20; } 
.event_250602 .sec2 .box figure { position: absolute; right: -60px; top: -60px; } 
.event_250602 .sec2 .box.last { padding-top: 0px; padding-bottom: 10px; position: relative;  } 
/* .event_250602 .sec2 .box.last:before { position: absolute; content: ''; width: 110%; height: 53px; 
background: url(/data/skin/dualsonic/images/event/s250402-sec2-line.png) center top no-repeat; left: -5%; top: -20px; z-index: -1; } 	*/
.event_250602 .sec2 .box.last figure { right: auto; left: -60px } 
.event_250602 .sec2 .box.last .tbx { text-align: right; } 
.event_250602 .sec3 { width: 100%; margin-left: 40px; margin: 40px 0 0 0 ; } 

.event_250602_2 { max-width:860px; margin: 0 auto; margin-top: 100px; padding-top: 100px; } 
.event_250602_2 .store_spring_off_tabs {  border-bottom: 5px solid #d27276; margin-top: 50px; }  
.event_250602_2 .store_spring_off_tab_button { background: #e6e6e6; color: #808080; border-right: 1px solid #fff; } 
.event_250602_2 .store_spring_off_tab_button:first-child { border-left: 1px solid #fff; } 
.event_250602_2 .store_spring_off_tab_button.active01 { background: #d27276; color: #fff; } 

.early_summer_tab  {  background: #000; color: #fff; padding: 1.5rem 0;  line-height: 120%;  }
.early_summer_tab.active03  { background: #3590e1; color: #fff; }
.early_summer_tab span {  font-size: 16px; font-weight: normal; }


 
@media (max-width: 860px) {
.ev-wrap-box { padding-bottom: 0 !important; } 
.event_250602 {width: 100%; }
.event_250602 .sec1 { padding: 10vw 1vw; } 
.event_250602 .sec1 figure { margin-top: -9px; } 
.event_250602 .sec1 .tit { gap:4vw ; } 
  
.event_250602 .sec1 .tit img:nth-child(1) { width: 94vw; margin-top: 3rem; text-align: center;  } 
.event_250602 .sec1 .tit img:nth-child(2) { width: 80vw; } 
.event_250602 .sec1 .tit img:nth-child(3) { width: 100vw; } 
.event_250602 .sec2 { padding: 0 0; width: calc(100% - 8vw); margin-left: 4vw; margin-top: 10vw; }  
.event_250602 .sec2 .box figure { right: -6vw; top:-4vw; opacity: 0.7; } 

.event_250602 .sec2 .box:first-child figure { top: -4vw; } 
.event_250602 .sec2 .box:first-child figure img { width: 40vw; } 
.event_250602 .sec2 .box:first-child .tbx img { width: 96vw; } 
.event_250602 .sec2 .box .tbx { position: relative; z-index: 50; } 
.event_250602 .sec2 .box.last .tbx img { width: 40vw; } 
.event_250602 .sec2 .box.last figure img { width: 50vw; } 
.event_250602 .sec2 .box.last .tbx img { width: 96vw; position: relative; z-index: 50; } 
.event_250602 .sec2 .box.last figure { left: -6vw; top: 0vw; } 
.event_250602_2 { margin-top: 50px; padding-top: 20px; } 
.event_250602_2 .store_spring_off_tab_button { margin-top: 0; } 
.event_250602 .sec3 { width: calc(100% - 8vw); margin-left: 4vw;  } 
.event_250602_2 .store_spring_off_tabs { margin-top: 30px; } 
.event_250602 .sec2 .box { padding-bottom: 60px; } 
.event_250602 .sec2 .box.last { padding-top: 0px; padding-bottom: 0px; } 
} 

/* 위클리 특가 05월*/
.weely_sale_may { width: 100%; text-align: center;}
.weely_sale_may_box01 { width: 100%; margin: 0 auto;}
.weely_sale_may_inner01 { width: 860px; margin: 0 auto;}

@media (max-width: 860px) {
.weely_sale_may { width: 100%; text-align: center;}
.weely_sale_may_box01 { width: 100%; margin: 0 auto;}
.weely_sale_may_inner01 { width: 100%; margin: 0 auto;}

} 

/* 6월 1차 타임세일*/
.timesale_june { width: 100%; text-align: center;}
.timesale_june_inner01 { width: 860px; margin: 0 auto;}
.timesale_june_inner01 img { width: 100%; }
@media (max-width: 860px) {
.timesale_june { width: 100%; text-align: center;}
.timesale_june_inner01 { width: 100%; margin: 0 auto;}
.timesale_june_inner01 img { width: 100%; }
}   


/* 6월 타임딜 2차*/
#timer_sale_winter { display: flex;  justify-content: center; align-items: center;  gap: 5px; font-size: 5rem; margin-top: 0px;background:#2d2427; text-align: center; font-weight:bold; }
#timer_sale_winter div { background-color: #2d2427; color: white; padding: 10px; border-radius: 10px; }
#timer_sale_winter span { display: block; font-size: 2rem; color: #fff;text-align: center; } 


@media (max-width: 860px) {
    #timer_sale_winter {width: 100%; }
}


/* 2025/06/20 더현대 대구 팝업 */
.deagu_pop01 { width: 100%; margin: 0 auto ; background: #efdbab;}
.deagu_pop01_inner01 { width: 860px; margin: 0 auto ; background: #efdbab;}
.deagu_pop02 { width: 100%; margin: 0 auto ; background: #efdbab; padding: 3rem 0 ;}
.deagu_pop02_inner01 { width: 750px; display: flex; flex-flow: nowrap row; text-align: center; margin: 0rem auto; padding: 2rem 0 ;}
.deagu_pop02_inner01 img { width: 30%; display: flex; flex-flow: nowrap row; margin: 0rem auto; padding: 1rem 0 ;}
.deagu_pop02_inner02 { width: 860px; display: flex; flex-flow: column nowrap; text-align: center; margin: 0rem auto; padding-bottom: 5rem;}
.deagu_pop02_inner02 img { margin: 5rem auto  ;}
.deagu_pop02_inner03 { width: 100%; margin-bottom: -3em; background : #333 ; text-align: center; }
.deagu_pop02_inner03 img { margin: 5rem auto ; }
 
@media (max-width: 860px) {
.deagu_pop01 { width: 100%; margin: 0 auto ; background: #fff;}
.deagu_pop01_inner01 { width: 100%; margin: 0 auto ; background: #efdbab;}
.deagu_pop01_inner01 video { width: 100%; margin: 0 auto ; }   
.deagu_pop02 { width: 100%; margin: 0 auto ; background: #efdbab; padding: 3rem 0 5rem ;}
.deagu_pop02_inner01 { width: 96%; display: flex; flex-flow: nowrap row; text-align: center; margin: 0rem auto; padding: 1.5rem 0 ; align-items: center; }
.deagu_pop02_inner01 img { width: 30%; display: flex; flex-flow: nowrap row; margin: 0rem auto; padding: 1rem 0 ;}
.deagu_pop02_inner02 { width: 100%; display: flex; flex-flow: column nowrap; text-align: center; margin: 0rem auto;}
.deagu_pop02_inner02 img { margin: 3rem auto 4rem ;}
} 

/* 250630 시즌오프 세일 */
.ev-wrap-box { background: #e4d4e1; padding-bottom: 0px !important; } 
.ev-wrap-box2 { background: #333; padding-top: 50px; } 
.secon1,
.secon2 { position: relative; z-index: 10;  margin-bottom: -100px;} 
.secon1 {  background: #C3E8F8; 
  background: linear-gradient(0deg, rgba(195, 232, 248, 1) 0%, rgba(209, 239, 250, 1) 30%, rgba(53, 144, 225, 1) 100%); } 
.secon2 { background: #333; } 
.secon1:before,
.secon2:before { position: absolute; content: ''; width: 200%; left: -50%; top: 0; background: #fff; z-index: -1; } 
.event_250630  { background: url( https://jionmeditech.com/event/img/2025_07/summer_offsale_bg.jpg ) center top / cover no-repeat;  max-width:860px; margin: 0 auto; padding-bottom: 50px; } 
.event_250630  img { max-width:100%; width: auto } 
.event_250630 .sec1 { padding: 100px 70px 0px; box-sizing: border-box;  } 
.event_250630 .sec1 .tit { position: relative; z-index: 10; display: flex; flex-wrap:wrap; flex-direction: column; align-items: center; gap:40px; z-index: 20; margin-top: 5rem; } 
.event_250630 .sec2 { border-radius: 30px; padding: 217px 0 0px 0px; box-sizing: border-box; width: 100%; margin: -118px 0 0 0; text-align: center; } 
.event_250630 .sec2 .box { position: relative; padding-bottom: 126px; z-index: 10; }  
.event_250630 .sec2 .box:nth-child(1)  { position: relative; z-index: 20; } 
.event_250630 .sec2 .box.last { padding-top: 0px; padding-bottom: 10px; position: relative;  } 
.event_250630 .sec2 .box.last .tbx { text-align: right; } 
.event_250630 .sec3 { width: 100%; margin-left: 40px; margin: 40px 0 0 0 ; } 
.event_250630_2 { max-width:860px; margin: 0 auto; margin-top: 100px; padding-top: 70px; } 
 
@media (max-width: 860px) {
.ev-wrap-box { padding-bottom: 0 !important; } 
.event_250630 {width: 100%; }
.event_250630 .sec1 { padding: 10vw 1vw; } 
.event_250630 .sec1 .tit { gap:4vw ; } 
.event_250630 .sec1 .tit img:nth-child(1) { width: 94vw; margin-top: 3rem; text-align: center;  } 
.event_250630 .sec1 .tit img:nth-child(2) { width: 80vw; } 
.event_250630 .sec1 .tit img:nth-child(3) { width: 100vw; } 
.event_250630 .sec2 { padding: 0 0; width: calc(100% - 8vw); margin-left: 4vw; margin-top: 10vw; }  
.event_250630 .sec2 .box:first-child .tbx img { width: 96vw; } 
.event_250630 .sec2 .box .tbx { position: relative; z-index: 50; } 
.event_250630 .sec2 .box.last .tbx img { width: 40vw; } 
.event_250630 .sec2 .box.last .tbx img { width: 96vw; position: relative; z-index: 50; } 
.event_250630_2 { margin-top: 50px; padding-top: 20px; } 
.event_250630 .sec3 { width: calc(100% - 8vw); margin-left: 4vw;  } 
.event_250630 .sec2 .box { padding-bottom: 60px; } 
.event_250630 .sec2 .box.last { padding-top: 0px; padding-bottom: 0px; } 
}   

/* 반얀트리 팝업 오픈 */
.banyantree01 { width: 100%; text-align: center;}
.banyantree01_inner01 { width: 100%; margin: 0 auto;
background: #09292D;
background: linear-gradient(180deg, rgba(9, 41, 45, 1) 0%, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 1) 100%); }
.banyantree01_inner01 img { width: 860px; margin: 0 auto;}
.banyantree01_inner02 { width: 100%; margin: 0 auto; background: #f3f3f3 ;}
.banyantree01_inner03 { width: 100%; margin: 0 auto; background: #fff ;}
.banyantree01_inner02 img { width: 860px; margin: 0 auto;}
 
@media (max-width: 860px) {
.banyantree01 { width: 100%; text-align: center;}
.banyantree01_inner01 { width: 100%; margin: 0 auto; 
background: #09292D;
background: linear-gradient(180deg, rgba(9, 41, 45, 1) 0%, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 1) 100%); }
.banyantree01_inner01 img { width: 100%; margin: 0 auto;}
.banyantree01_inner02 { width: 100%; margin: 0 auto; background: #f3f3f3 ;}
.banyantree01_inner03 { width: 100%; margin: 0 auto; background: #fff ;}
.banyantree01_inner02 img { width: 100%; margin: 0 auto;}
}  

/* 정품인증 이벤트 7월 */
.gen_july01 { width: 100%; text-align: center; }
.gen_july01_inner01 { width: 100%; margin: 0 auto;}
.gen_july01_inner01 img { width: 860px; }
.gen_july01_inner02 { width: 100%; margin: 0 auto;}
.gen_july01_inner02 img { width: 860px; }
 
@media (max-width: 860px) {
.gen_july01 { width: 100%; text-align: center; }
.gen_july01_inner01 { width: 100%; margin: 0 auto;}
.gen_july01_inner01 img { width: 100%; }
.gen_july01_inner02 { width: 100%; margin: 0 auto;}
.gen_july01_inner02 img { width: 100%; }
}  

/* 롯데평촌 팝업 오픈 */
.lotte_pyeongchon01 { width: 100%; text-align: center;}
.lotte_pyeongchon01_inner01 { width: 100%; margin: 0 auto; 
background: linear-gradient(180deg, rgba(232, 232, 232, 1) 0%, rgba(226, 214, 190, 1) 95%, rgba(226, 214, 190, 1) 100%);
}
.lotte_pyeongchon01_inner01 img { width: 860px; margin: 0 auto;}
.lotte_pyeongchon01_inner02 { width: 100%; margin: 0 auto; background: #e2d6be ;}
.lotte_pyeongchon01_inner03 { width: 100%; margin: 0 auto; background: #d5c08b ;}
.lotte_pyeongchon01_inner02 img { width: 860px; margin: 0 auto;}
 
@media (max-width: 860px) {
.lotte_pyeongchon01 { width: 100%; text-align: center;}
.lotte_pyeongchon01_inner01 { width: 100%; margin: 0 auto; 
background: linear-gradient(180deg, rgba(232, 232, 232, 1) 0%, rgba(226, 214, 190, 1) 95%, rgba(226, 214, 190, 1) 100%);}
.lotte_pyeongchon01_inner01 img { width: 100%; margin: 0 auto;}
.lotte_pyeongchon01_inner02 { width: 100%; margin: 0 auto; background: #e2d6be ;}
.lotte_pyeongchon01_inner03 { width: 100%; margin: 0 auto; background: #d5c08b;}
.lotte_pyeongchon01_inner02 img { width: 100%; margin: 0 auto;}
}  

/* 강세일 앵콜 위크 7월 */
.bestweek_july01 { width: 100%; text-align: center; }
.bestweek_july01  img { width: 860px; }
.bestweek_july01_inner01 { width: 100%; margin: 0 auto;}
.bestweek_july01_inner02 { width: 100%; margin: 0 auto;}

@media (max-width: 860px) {
.bestweek_july01 { width: 100%; text-align: center; }
.bestweek_july01 img { width: 100%;  }
.bestweek_july01_inner01 { width: 100%; margin: 0 auto;}
.bestweek_july01_inner02 { width: 100%; margin: 0 auto;}
}

/* 250714 쿨섬머 이벤트 */
.cool_summer {  width: 100%; text-align: center; background:url(cool_summer_bg.png) center center no-repeat #1080ff ;    }
 
@media (max-width: 860px) {

} 

/* 250715 스킨리커버리 */
.skin_recovery_july {  width: 100%; text-align: center;}
.skin_recovery_inner01 { width: 860px; margin: 0 auto;}
.skin_recovery_inner01 img { width: 100%; }
.skin_recovery_inner02 { width: 860px; margin: 0 auto;}
.skin_recovery_inner02 img { width: 100%; }
 
@media (max-width: 860px) {
.skin_recovery_inner01 { width: 100%; margin: 0 auto;}
.skin_recovery_inner01 img { width: 100%; }
.skin_recovery_inner02 { width: 100%; margin: 0 auto;}
.skin_recovery_inner02 img { width: 100%; }
} 

/* 갤러리아 광교 팝업 오픈 */
.galleria_gwanggyo01 { width: 100%; text-align: center; }
.galleria_gwanggyo01_inner01 { width: 100%; margin: 0 auto; 
background: linear-gradient(180deg, rgba(196, 214, 238, 1) 0%, rgba(208, 202, 223, 1) 75%, rgba(220, 202, 197, 1) 100%);}
.galleria_gwanggyo01_inner01 img { width: 860px; margin: 0 auto; }
.galleria_gwanggyo01_inner02 { width: 100%; margin: 0 auto; background: #d0dcec; }
.galleria_gwanggyo01_inner02 img { width: 860px; margin: 0 auto; }
.galleria_gwanggyo01_inner03 { width: 100%; margin: 0 auto; }

@media (max-width: 860px) {
.galleria_gwanggyo01 { width: 100%; text-align: center; }
.galleria_gwanggyo01_inner01 { width: 100%; margin: 0 auto; 
background: linear-gradient(180deg, rgba(196, 214, 238, 1) 0%, rgba(208, 202, 223, 1) 75%, rgba(220, 202, 197, 1) 100%);}
.galleria_gwanggyo01_inner01 img { width: 100%; margin: 0 auto; }
.galleria_gwanggyo01_inner02 { width: 100%; margin: 0 auto; background: #e2d6be; }
.galleria_gwanggyo01_inner02 img { width: 100%; margin: 0 auto; }
.galleria_gwanggyo01_inner03 { width: 100%; margin: 0 auto; }
}   

/* 2025 핫섬머 페스*/
.hotsummer_beauty_fes { background: #e4d4e1; padding-bottom: 0px!important ; text-align: center; } 
.event_tab_content img { margin:  1rem auto ;  } 

.hotsummer_beauty_fes_key  { max-width: 100%; margin: 0 auto;  padding-bottom: 0 ; 
background: linear-gradient(180deg,rgb(101,210,253) 0%, rgb(2,132,255) 100%); } 
.hotsummer_beauty_fes_key  img { max-width: 860px; margin: 0 auto; } 
.hotsummer_beauty_fes_box01 { max-width:860px; margin: 0 auto; margin-top: 0px; padding-top: 50px; } 
.hotsummer_beauty_fes_inner01 { display: flex; flex-flow:  wrap row; justify-content: center; background: #000;}
.move_up { margin: 2rem 0 ; }

@media (max-width: 860px) {
.hotsummer_beauty_fes { padding-bottom: 0 !important; } 
.hotsummer_beauty_fes_key  { max-width:none; margin: 0 auto; padding-bottom: 0px; } 
.hotsummer_beauty_fes_key img  { max-width:none; margin: 0 auto; padding-bottom: 0px; width: 100%;} 
.hotsummer_beauty_fes_box01 { margin-top: 0px; padding-top: 0px; } 
.hotsummer_beauty_fes_inner01 { display: flex; flex-flow:  wrap row; justify-content: center; background: #000; width: 100%;}

.event_tab_content img { margin:  1rem auto ; width: 96%; margin: 2rem auto; } 
.event_tab_btn { width: 33.33%;}
.tabs_box01 { width: 100% ;}
.move_up { margin: 1rem 0 ;}
}

/* 250731 섬머나잇피버 이벤트 */
.summer_night_fever {  width: 100%; text-align: center;   }
.summer_night_fever img { width: 860px; margin: 0 auto ;}
.summer_night_fever_inner01 { width: 100%; background: #0c0b2d; } 
.summer_night_fever_inner02 { width: 100%; padding: 5em 0 0;
  background: url( https://jionmeditech.com/event/img/2025_08/summer_night_feverbg.jpg) center center no-repeat #f15ec9;  } 

@media (max-width: 860px) {
.summer_night_fever {  width: 100%; text-align: center;   }
.summer_night_fever img { width: 96%; margin: 0 auto ;}
.summer_night_fever_inner01 { width: 100%; background: #0c0b2d; } 
.summer_night_fever_inner02 { width: 100%; padding: 5em 0 0;
  background: url( https://jionmeditech.com/event/img/2025_08/summer_night_feverbg.jpg) center center no-repeat #f15ec9;  } 
} 

/* 7월 1차 타임세일*/
.timesale_july { width: 100%; text-align: center;}
.timesale_july_inner01 { width: 860px; margin: 0 auto;}
.timesale_july_inner01 img { width: 100%; }
@media (max-width: 860px) {
.timesale_july { width: 100%; text-align: center;}
.timesale_july_inner01 { width: 100%; margin: 0 auto;}
.timesale_july_inner01 img { width: 100%; }
}   

/* 8월 이벤트 여름방학 20250806*/
.summer_vacation-wrap { }
.summer_vacation-wrap .inner01,
.summer_vacation-wrap .inner02,
.summer_vacation-wrap .inner03 { width: 100%; margin: 0 auto; text-align: center;}

.summer_vacation-wrap .inner01 a,
.summer_vacation-wrap .inner02 a,
.summer_vacation-wrap .inner01 img,
.summer_vacation-wrap .inner02 img { width: 100%; max-width: 860px; margin: 0 auto; display:block;}