@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');

/* reset */
body,html{width:100%; height:100%; margin:0;padding:0;font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight:300;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,option,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;line-height:inherit;outline:0;box-sizing:border-box;word-wrap:break-word;word-break:keep-all}
input,select{margin:0;padding:0;outline:0;box-sizing:border-box}
li,ol,ul{list-style:none}
address,caption,cite,code,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit}
body,button,input,option,select,textarea{font-family:inherit}
label{vertical-align:middle;cursor:pointer}
.align_m{vertical-align:middle}
blockquote,q{quotes:none}
a{text-decoration:none;color:inherit}
input{border-radius:0}
input[disabled],select[disabled]{border:1px solid #dfdfdf;background:#f0f0f0}
blockquote:after,blockquote:before,q:after,q:before{content:'';display:inline-block;}
table{border-collapse:collapse;border-spacing:0}
li>a{display:block;height:100%}
a.btn{vertical-align:middle}
ul{margin:0;padding:0}
a{border:none;text-decoration:inherit;color:inherit}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
ul{margin:0;padding:0}
li{list-style:none}
a{border:none;text-decoration:none;color:inherit}
a:hover{border:none;text-decoration:none;color:inherit}
.btn,a,button{padding:0;outline:0!important;color:inherit;border:none;border-radius:0;cursor:pointer}
li>button{background:inherit;padding:0}
table{border-collapse:collapse;border-spacing:0}

.pull-wrap{overflow:hidden}
.pull-wrap:after{content:"";clear:both}
.pull-left{float:left}
.pull-right{float:right}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.dis-ib{display:inline-block}
.after-won:after{content:"원"}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ellipsis-v{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.slidemotion{overflow:hidden;max-height:0;opacity:0;transition:all .6s ease-in-out}
.slidemotion.on{height:auto;max-height:600px;opacity:1}

ul.list-gnb li.ico-lang {display:inline-block; position:relative;}
ul.list-gnb li.ico-lang button {display:block; overflow:hidden; width:24px; height:100%; text-indent:-999px; border:none; background:transparent no-repeat 50% 50% / contain;}
ul.list-gnb li.ico-lang button {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg");}
ul.list-gnb li.ico-lang .lst_rang {display:none; position:absolute; top:50px; left:50%; width:70px; border:1px solid rgba(255,255,255,1.0); transform:translateX(-50%); background:none;}
ul.list-gnb li.ico-lang .lst_rang li {display:block; border-bottom:1px solid rgba(255,255,255,0.5);}
ul.list-gnb li.ico-lang .lst_rang li:last-child {border-bottom:none;}
ul.list-gnb li.ico-lang .lst_rang li a {display:block; margin:0; padding:7px 0; color:#ffffff; font-size:14px; text-align:center; line-height:normal; background:rgba(14,14,14,1.0);}

.active ul.list-gnb li.ico-lang button {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg");}
.active ul.list-gnb li.ico-lang .lst_rang {border:1px solid rgba(14,14,14,1.0); transform:translateX(-50%); background-color:rgba(14,14,14,0.5);}
.active ul.list-gnb li.ico-lang .lst_rang li {border-bottom:1px solid rgba(14,14,14,0.5);}
.active ul.list-gnb li.ico-lang .lst_rang li a {color:#ffffff;}

.cover ul.list-gnb li.ico-lang button {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg");}
.cover ul.list-gnb li.ico-lang .lst_rang {border:none; transform:translateX(-50%); background-color:rgba(14,14,14,0.5);}
.cover ul.list-gnb li.ico-lang .lst_rang li {border-bottom:1px solid rgba(14,14,14,0.5);}
.cover ul.list-gnb li.ico-lang .lst_rang li a {color:#ffffff;}

ul.list-gnb.mobile li.ico-lang {margin:0 0 0 12px;}
ul.list-gnb.mobile li.ico-lang button {width:28px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg") no-repeat 50% 0% / contain;}
ul.list-gnb.mobile li.ico-lang .lst_rang {top:30px; left:25%;}
ul.list-gnb.mobile li.ico-lang .lst_rang li a {color:#1b1b1b; background:rgba(255,255,255,0.8);}

.active ul.list-gnb.mobile li.ico-lang button {width:28px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg") no-repeat 50% 0% / contain;}
.active ul.list-gnb.mobile li.ico-lang .lst_rang li a {color:#fff; background:rgba(14,14,14,0.8);}

.cover ul.list-gnb.mobile li.ico-lang button {width:28px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg") no-repeat 50% 0% / contain;}
.cover ul.list-gnb.mobile li.ico-lang .lst_rang li a {color:#fff; background:rgba(14,14,14,0.8);}

.layer-gnb div.ico-lang {display:inline-block; position:relative; margin:15px 0 0 10px; vertical-align:middle;}
.layer-gnb div.ico-lang button {display:block; overflow:hidden; width:90px; height:36px; padding:0 20px 0 10px; color:#1b1b1b; font-size:13px; text-align:left; border:1px solid #bababa; background:#fff url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_down_gray.svg") no-repeat right 7px center / 10px;}
.layer-gnb div.ico-lang .lst_rang {display:none; position:absolute; top:35px; left:50%; width:90px; border:1px solid #bababa; transform:translateX(-50%); background:rgba(255,255,255,1.0); z-index:10;}
.layer-gnb div.ico-lang .lst_rang li {display:block; border-bottom:1px solid rgba(14,14,14,0.5);}
.layer-gnb div.ico-lang .lst_rang li:last-child {border-bottom:none;}
.layer-gnb div.ico-lang .lst_rang li a {display:block; margin:0; padding:8px 0; color:#1b1b1b; font-size:13px; text-align:center; background:none;}

.flogArea {display:block; position:relative; width:100%; padding:5.5% 0; font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; text-align:center; }
.flogArea.bg_bule {background:#10109F;}
.flogArea .flogBox {display:inline-block; max-width:1180px; color:#fff;}
.flogArea .flogBox dl.msg_flog {display:block; font-size:32px; line-height:1.6; letter-spacing:-0.5px;}
.flogArea .flogBox dl.msg_flog dt {display:block; font-weight:300;}
.flogArea .flogBox dl.msg_flog dd {display:block;}
.flogArea .flogBox .srch_flog {display:block; margin:50px 0 0 0; }
.flogArea .flogBox .srch_flog .innerBox {display:inline-block; clear:both; overflow:hidden; max-width:225px; height:62px; border:none; box-sizing:border-box;}
.flogArea .flogBox .srch_flog .innerBox .ipt_flog_field {float:left; width:calc(100% - 50px); height:100%; padding:0 18px; color:#fff; font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:32px; letter-spacing:3px; border:none; background:#fa7eff;}
.flogArea .flogBox .srch_flog .innerBox .ipt_flog_field::placeholder {color:#fff;}
.flogArea .flogBox .srch_flog .innerBox .btn_flog_srch {overflow:hidden; float:right; width:50px; height:100%; text-indent:-999px; border:none; background:#fff url("../../img/main/ico_srch_pink.svg") 50% 50% no-repeat;}
.flogArea .flogBox .srch_flog .innerBox .btn_flog_srch:disabled {cursor:pointer;}
.flogArea .flogBox .srch_flog p {display:block; margin:50px 0 0 0; font-size:35px; text-align:center; letter-spacing:-0.25px;}
.flogArea .flogBox .flogMap {display:inline-block; position:relative; width:460px; height:485px; margin:60px 0 0 0;}
.flogArea .flogBox .flogMap ul.lst_map {position:relative; top:0; left:0; width:100%; height:100%; background:url("../../img/main/bg_flogmap.png") 50% 50% no-repeat; background-size:100% 100%;}
.flogArea .flogBox .flogMap ul.lst_map li {overflow:hidden; position:absolute; text-indent:-999px; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; mix-blend-mode:multiply;}
.flogArea .flogBox .flogMap ul.lst_map li.map_GG {top:24px; left:51px; width:128px; height:141px; background-image:url("../../img/main/map_GG_off.svg");}/*경기*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GW {top:0; left:125px; width:166px; height:149px; background-image:url("../../img/main/map_GW_off.svg");}/*강원*/
.flogArea .flogBox .flogMap ul.lst_map li.map_CB {top:122px; left:138px; width:100px; height:124px; background-image:url("../../img/main/map_CB_off.svg");}/*충북*/
.flogArea .flogBox .flogMap ul.lst_map li.map_CN {top:129px; left:54px; width:112px; height:128px; background-image:url("../../img/main/map_CN_off.svg");}/*충남*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GB {top:94px; left:175px; width:229px; height:191px; background-image:url("../../img/main/map_GB_off.svg");}/*경북*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GN {top:235px; left:163px; width:115px; height:140px; background-image:url("../../img/main/map_GN_off.svg");}/*경남*/
.flogArea .flogBox .flogMap ul.lst_map li.map_JB {top:225px; left:74px; width:114px; height:78px; background-image:url("../../img/main/map_JB_off.svg");}/*전북*/
.flogArea .flogBox .flogMap ul.lst_map li.map_JN {top:279px; left:0; width:177px; height:135px; background-image:url("../../img/main/map_JN_off.svg");}/*전남*/
.flogArea .flogBox .flogMap ul.lst_map li.map_JJ {top:453px; left:56px; width:60px; height:32px; background-image:url("../../img/main/map_JJ_off.svg");}/*제주*/
.flogArea .flogBox .flogMap ul.lst_map li.map_IC {top:90px; left:68px; width:36px; height:30px; background-image:url("../../img/main/map_IC_off.svg");}/*인천*/
.flogArea .flogBox .flogMap ul.lst_map li.map_SJ {top:173px; left:128px; width:17px; height:43px; background-image:url("../../img/main/map_SJ_off.svg");}/*세종*/
.flogArea .flogBox .flogMap ul.lst_map li.map_DJ {top:196px; left:136px; width:25px; height:29px; background-image:url("../../img/main/map_DJ_off.svg");}/*대전*/
.flogArea .flogBox .flogMap ul.lst_map li.map_DG {top:236px; left:217px; width:30px; height:45px; background-image:url("../../img/main/map_DG_off.svg");}/*대구*/
.flogArea .flogBox .flogMap ul.lst_map li.map_US {top:267px; left:258px; width:45px; height:33px; background-image:url("../../img/main/map_US_off.svg");}/*울산*/
.flogArea .flogBox .flogMap ul.lst_map li.map_BS {top:295px; left:241px; width:50px; height:30px; background-image:url("../../img/main/map_BS_off.svg");}/*부산*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GJ {top:305px; left:95px; width:25px; height:20px; background-image:url("../../img/main/map_GJ_off.svg");}/*광주*/
.flogArea .flogBox .flogMap ul.lst_map li.map_SU {top:86px; left:102px; width:32px; height:23px; background-image:url("../../img/main/map_SU_off.svg");}/*서울*/

.flogArea .flogBox .flogMap ul.lst_map li.active {mix-blend-mode:normal;}
.flogArea .flogBox .flogMap ul.lst_map li.map_GG.active {background-image:url("../../img/main/map_GG_on.svg");}/*경기*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GW.active {background-image:url("../../img/main/map_GW_on.svg");}/*강원*/
.flogArea .flogBox .flogMap ul.lst_map li.map_CB.active {background-image:url("../../img/main/map_CB_on.svg");}/*충북*/
.flogArea .flogBox .flogMap ul.lst_map li.map_CN.active {background-image:url("../../img/main/map_CN_on.svg");}/*충남*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GB.active {background-image:url("../../img/main/map_GB_on.svg");}/*경북*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GN.active {background-image:url("../../img/main/map_GN_on.svg");}/*경남*/
.flogArea .flogBox .flogMap ul.lst_map li.map_JB.active {background-image:url("../../img/main/map_JB_on.svg");}/*전북*/
.flogArea .flogBox .flogMap ul.lst_map li.map_JN.active {background-image:url("../../img/main/map_JN_on.svg");}/*전남*/
.flogArea .flogBox .flogMap ul.lst_map li.map_JJ.active {background-image:url("../../img/main/map_JJ_on.svg");}/*제주*/
.flogArea .flogBox .flogMap ul.lst_map li.map_IC.active {background-image:url("../../img/main/map_IC_on.svg");}/*인천*/
.flogArea .flogBox .flogMap ul.lst_map li.map_SJ.active {background-image:url("../../img/main/map_SJ_on.svg");}/*세종*/
.flogArea .flogBox .flogMap ul.lst_map li.map_DJ.active {background-image:url("../../img/main/map_DJ_on.svg");}/*대전*/
.flogArea .flogBox .flogMap ul.lst_map li.map_DG.active {background-image:url("../../img/main/map_DG_on.svg");}/*대구*/
.flogArea .flogBox .flogMap ul.lst_map li.map_US.active {background-image:url("../../img/main/map_US_on.svg");}/*울산*/
.flogArea .flogBox .flogMap ul.lst_map li.map_BS.active {background-image:url("../../img/main/map_BS_on.svg");}/*부산*/
.flogArea .flogBox .flogMap ul.lst_map li.map_GJ.active {background-image:url("../../img/main/map_GJ_on.svg");}/*광주*/
.flogArea .flogBox .flogMap ul.lst_map li.map_SU.active {background-image:url("../../img/main/map_SU_on.svg");}/*서울*/

.flogArea .flogBox .flogMap .srchResult_txt {position:absolute; top:50%; left:50%; width:100%; color:#fff; font-size:28px; font-weight:300; letter-spacing:-0.5px; line-height:2.0; transform:translate(-50%, -65%);}
.flogArea .flogBox .flogStory {display:block; margin:100px 0 0 0;}
.flogArea .flogBox .flogStory ul.lst_photo {display:flex;}
.flogArea .flogBox .flogStory ul.lst_photo li {display:inline-flex;}
.flogArea .flogBox .flogStory ul.lst_photo li img {width:100%;}
.flogArea .flogBox .flogStory .flogStory_txt {display:block; margin:75px 0 0 0; color:#fff; font-size:40px; font-weight:normal; letter-spacing:-0.8px; line-height:1.8;}
.flogArea .flogBox .flogStory .flogStory_txt strong {font-weight:600;}
.flogArea .flogBox .flogStory .flog_banner {display:block; height:175px; margin:100px 0; text-align:center;}
.flogArea .flogBox .flogStory .flog_banner img {display:inline-block; height:100%;}
.flogArea .flogBox .flogStory .flog_letter {display:block; height:330px; margin:200px 0 0 0; text-align:center; background:url("../../img/main/img_flogLetter_pc.png") 50% 50% no-repeat; background-size:auto 100%;}
.flogArea .flogBox .flogStory .flog_letter img {display:none; height:100%;}
.flogArea .flogBox .flogStory .flog_letterSign {display:block; height:120px; margin:75px 0 0 0; text-align:center;}
.flogArea .flogBox .flogStory .flog_letterSign img {display:inline-block; height:100%; margin:0 70px 0 0;}
.flogArea .flogBox .flogStory .flog_pp {display:block; margin:200px 0 0 0;}
.flogArea .flogBox .flogStory .flog_pp img {width:100%;}
.flogArea .flogBox .flogStory .flog_instaID {display:block; margin:30px 0 0 0; color:#fff; font-size:30px; font-weight:normal; letter-spacing:-0.75px;}

.topBanner + .header {position:relative; top:0;}
.ui-mobile.down .topBanner + .header {position:relative; top:0;}
.topBanner {display:block; width:100%; height:36px; color:#fff; text-align:center; line-height:36px; vertical-align:top; background:#10069f;}

.topBanner .inner {display:inline-block; clear:both; overflow:hidden; width:1000px; height:100%;}
.topBanner .inner .txt {display:inline-block; height:100%; font-size:13px; font-weight:500; vertical-align:top;}
.topBanner .inner .txt strong {font-weight:700;}
.topBanner .inner .btnBox {display:inline-block; margin:5px 0 0 0; line-height:18px; vertical-align:top;}
.topBanner .inner .btnBox a {display:inline-block; width:auto; height:auto; margin:0 5px 0 0; padding:4px 5px 2px 5px; color:#000; font-size:11px; font-weight:500; line-height:18px; border:1px solid #000; background:none; transition:all 0.4s ease-out;}
.topBanner .inner .btnBox a:last-child {margin:0;}
.topBanner .inner .btnBox a:hover {border:1px solid #fff; background:rgba(255,255,255,0.3); transition:all 0.4s ease-out;}
.topBanner .inner .txt_rolling {overflow:hidden; position:relative; height:36px;}
.topBanner .inner .txt_rolling ul {margin:0; padding:0; list-style:none; transition:transform 0.5s ease-in-out;}
.topBanner .inner .txt_rolling ul li {height:36px; color:#1b1b1b; font-size:13px; font-weight:400; text-align:center; line-height:36px; white-space:nowrap; border:none;}
.topBanner .inner .txt_rolling ul li strong {font-weight:700;}
.topBanner .inner .txt_rolling ul li img {display:inline-block; width:auto; height:90%; object-fit:contain; vertical-align:middle;}
.topBanner .inner .txt_rolling ul li .btn_link_box {display:inline-block; height:24px; margin:0 0 2px 10px; padding:0 7px; color:#fff; font-size:10px; font-weight:400; line-height:24px; vertical-align:middle; border:none; background:#1b1b1b;}
.topBanner .inner .txt_rolling ul li a {color:#1b1b1b; font-size:13px; font-weight:400; border:none;}
.topBanner .inner .txt_rolling ul li a strong {font-weight:700;}

.topBanner.bg_clr {background:#f6f3ef;}
.topBanner.bg_clr .inner .txt a {color:#1b1b1b; font-size:13px; font-weight:400;}
.topBanner.bg_clr .inner .txt {color:#1b1b1b; font-size:13px; font-weight:400;}
.topBanner.bg_clr_bk {background:#000;}
.topBanner.bg_clr_bk .inner .txt a {color:#fcfaf7; font-size:13px; font-weight:400;}
.topBanner.bg_clr_bk .inner .txt {color:#fcfaf7; font-size:13px; font-weight:400;}
.topBanner.bg_clr_skyBlue {background:#068ee1;}
.topBanner.bg_clr_skyBlue .inner .txt a {color:#fcfaf7; font-size:13px; font-weight:400;}
.topBanner.bg_clr_skyBlue .inner .txt {color:#fcfaf7; font-size:13px; font-weight:400;}

/* 진심배송 */
.topBanner.sincere {background:#ffbac9;}
.topBanner.sincere .inner .txt {display:inline-block; height:100%; color:#1b1b1b; font-size:13px; font-weight:500; vertical-align:top;}
.topBanner.sincere .inner .txt span {}
.topBanner.sincere .inner .txt strong {font-weight:700;}
.topBanner.sincere .inner ul.countdown {display:inline-block; margin:0 30px; vertical-align:top; line-height:36px;}
.topBanner.sincere .inner ul.countdown li {display:inline-block; width:auto; color:#1b1b1b; vertical-align:top;} 
.topBanner.sincere .inner ul.countdown li span {display:inline-block; font-size:16px; font-weight:500; vertical-align:top;}
.topBanner.sincere .inner ul.countdown li p {display:inline-block; margin:0 7px 0 0; font-size:9px; font-weight:100; vertical-align:top; opacity:0.7;}
.topBanner.sincere .inner ul.countdown li:last-child p {margin:0;}
.topBanner.sincere .inner ul.countdown + .btnBox {display:inline-block; margin:5px 0 0 0; line-height:18px; vertical-align:top;}
.topBanner.sincere .inner ul.countdown + .btnBox a {display:inline-block; width:auto; height:auto; margin:0 5px 0 0; padding:4px 5px 2px 5px; color:#1b1b1b; font-size:11px; font-weight:400; line-height:18px; border:1px solid #1b1b1b; background:none; transition:all 0.4s ease-out;}

#container {width:100%; height:100%; min-height:calc(100vh - 55px);}
.view_detail {width:1180px; margin:92px auto;}

.stn_visual {position:relative; width:100%; padding:0;}
.stn_visual .lyt_70p {width:100%; height:100%;}
.stn_visual dl.bg_ojt {position:relative; overflow:hidden; width:100%; height:100%; min-height:460px; color:#fff; text-align:center; vertical-align:middle;}
.stn_visual dl.bg_ojt:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;}
.stn_visual dl.bg_ojt dt {position:absolute; top:50%; width:100%; margin:0; font-size:46px; font-weight:500; line-height:50px; letter-spacing:1px; transform:translate(0, -50%); z-index:10;}
.stn_visual dl.bg_ojt dd {position:absolute; top:50%; width:100%; margin:50px 0 0 0; font-size:20px; font-weight:300; line-height:1.63; letter-spacing:1px; transform:translate(0, -50%); z-index:10;}
.stn_visual dl.bg_ojt dd.slogan {margin:-60px 0 0 0;}
.stn_visual dl.bg_ojt dd.mgb70 {margin:70px 0 0 0;}
.stn_visual dl.bg_ojt span {position:absolute; top:50%; width:100%; margin:50px 0 0 0; font-size:20px; font-weight:300; line-height:1.63; letter-spacing:1px; transform:translate(-50%, -50%); pointer-events:none;}
.stn_visual dl.bg_ojt span video {pointer-events:none;}
.stn_visual dl.bg_ojt #vid_pc {display:block;}
.stn_visual dl.bg_ojt #vid_mo {display:none;}
.stn_visual .countBox {display:block; padding:30px 0; color:#fff; text-align:center; background:#0e4126;}
.stn_visual dl.bg_ojt .imgBox {display:block;}
.stn_visual dl.bg_ojt .imgBox img {width:100%;}
.stn_visual dl.bg_ojt .imgBox .pc {display:block;}
.stn_visual dl.bg_ojt .imgBox .mo {display:none;}

.stn_visual .lyt_30p {display:block; text-align:center}
.stn_visual .lyt_30p dl.txt {display:block; margin:30px 0 50px 0;}
.stn_visual .lyt_30p dl.txt dt {font-size:38px; font-weight:300;}
.stn_visual .lyt_30p dl.txt dd {display:block;}
.stn_visual .lyt_30p dl.txt dd.date {margin:20px 0 0 0; font-weight:bold;}
.stn_visual .lyt_30p dl.counting {display:block; margin:30px 0 0 0;;}
.stn_visual .lyt_30p dl.counting dt {font-size:30px; font-weight:300;}
.stn_visual .lyt_30p dl.counting dd {display:block; height:55px; font-size:46px; font-weight:500; line-height:44px;}
.stn_visual .lyt_30p p.txt {display:block; margin:30px 0 10px 0; font-size:32px; font-weight:300;}
.stn_visual .lyt_30p p.txt + p.txt {display:block; margin:10px 0 50px 0; font-size:16px; font-weight:300;}

.stn_basic {display:block; padding:70px 0 0 0; text-align:center;}
.stn_basic .category {display:block; margin:0 0 5px 0; color:#1b1b1b; font-size:16px; line-height:1.63; letter-spacing:-0.16px; text-align:center; vertical-align:middle;}
.stn_basic .category:before {content:''; display:inline-block; margin:0 10px 0 0; width:12px; height:1px; vertical-align:middle; background:#1b1b1b;}
.stn_basic .category:after {content:''; display:inline-block; margin:0 0 0 10px; width:12px; height:1px; vertical-align:middle; background:#1b1b1b;}
.stn_basic dl.tit {display:block; text-align:center;}
.stn_basic dl.tit dt {display:block; padding:0 0 10px; font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#1b1b1b; font-size:38px; font-weight:300;}
.stn_basic dl.tit dd {display:block; margin-bottom:30px; color:#1b1b1b; font-size:16px; font-weight:300; line-height:1.63; letter-spacing:-.16px;}
.stn_basic dl.tit dd.txt_s {display:block; margin:20px 0 0 0; color:#1b1b1b; font-size:14px; font-weight:300; line-height:1.63; letter-spacing:-.16px;}
.stn_basic dl.tit_s {display:block; padding:0 0 10px; font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#1b1b1b; font-size:24px; font-weight:500; text-align:center;}
.stn_basic dl.tit_s dt {font-size:36px;  font-weight:300;}
.stn_basic dl.tit_s .countBox {display:block; padding:20px 0 30px 0; text-align:center;}
.stn_basic dl.tit_s .countBox ul.countdown {display:inline-block; margin:7px 50px 0 50px; vertical-align:top;}
.stn_basic dl.tit_s .countBox ul.countdown li {display:inline-block; width:100px; line-height:30px; letter-spacing:0; vertical-align:top;} 
.stn_basic dl.tit_s .countBox ul.countdown li span {font-size:46px; font-weight:500;}
.stn_basic dl.tit_s .countBox ul.countdown li p {font-size:16px; font-weight:100; opacity:0.8;}
.stn_basic .photoBox {display:block; position:relative; text-align:center;}
.stn_basic .photoBox img {width:100%;}
.stn_basic .photoBox .inner_txt {position:absolute; bottom:8%; left:0; width:100%; font-size:12px; text-align:center;}
.stn_basic .photo_desc {display:block; margin:30px 0 0 0;}
.stn_basic .photo_desc dt {display:block; padding:0 0 20px 0; font-size:24px; font-weight:300;}
.stn_basic .photo_desc dd {display:block; }
.stn_basic .photo_desc dd ul.lst {display:block; }
.stn_basic .photo_desc dd ul.lst li {display:block; font-size:16px; line-height:1.8}
.stn_basic .photo_desc dd ul.lst li strong {font-weight:700;}
.stn_basic .mapBox {display:block; position:relative; width:100%; text-align:center;}
.stn_basic .mapBox img {width:100%;}
.stn_basic .imgBox {display:block; padding:50px 0; text-align:center;}
.stn_basic .imgBox .txt {display:block; margin:20px 0 0 0;}
.stn_basic .vdoBox {display:inline-block; width:500px;}

.stn_special {display:block; padding:70px 0;}
.stn_special dl.tit {display:block; margin:0 0 20px 0; text-align:center;}
.stn_special dl.tit dt {display:block; color:#1b1b1b; font-size:16px; font-weight:500; line-height:1.63; letter-spacing:-.16px;}
.stn_special dl.tit dd {display:block; padding:0 0 10px; font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#1b1b1b; font-size:42px; font-weight:700; letter-spacing:1px;}
.stn_special dl.desc_medium {display:block; margin:50px 0 0 0; text-align:center;}
.stn_special dl.desc_medium dt {display:block; margin:0 0 25px 0; color:#fff; font-size:26px; font-weight:700; line-height:1.63; letter-spacing:-.16px;}
.stn_special dl.desc_medium dd {display:block; color:#fff; font-size:20px; font-weight:300; line-height:1.63; letter-spacing:-.16px;}
.stn_special dl.desc_medium dd.icon {margin:100px 0 50px 0; text-align:center;}
.stn_special dl.desc_medium dd.icon img {width:120px;}
.stn_special dl.desc_medium dd.small {font-size:26px; font-weight:300;}
.stn_special dl.desc_medium dd.medium {font-size:30px; font-weight:500;}
.stn_special dl.desc_medium dd.large {font-size:40px; font-weight:700; }
.stn_special dl.desc_medium dd.txt_op60p {margin:10px 0 0 0; font-size:14px; opacity:0.6;}
.stn_special .msg_letter {display:block; padding:170px 0 100px 0; text-align:center;}
.stn_special .msg_letter p {display:block;}
.stn_special .msg_letter .tit {margin:0 0 50px 0; color:#fff; font-size:36px; font-weight:700; line-height:1.63; letter-spacing:-.16px;}
.stn_special .msg_letter .img {}
.stn_special .msg_letter .img img {display:inline-block; width:640px;}

.stn_desc {display:block; padding:50px 0 0 0;}
.stn_desc dl {display:block; margin:0 0 50px 0; color:#1b1b1b; font-size:14px; line-height:1.8; letter-spacing:-.16px;}
.stn_desc dl:last-child {margin:0;}
.stn_desc dl dt {}
.stn_desc dl dd {padding:0;}
.stn_desc dl dd ol, .stn_desc dl dd ul {padding:3px 0 0 0;}
.stn_desc dl dd ol li {padding:0 0 0 3px;}
.stn_desc dl dd ul li {position:relative; padding:0 0 0 10px;}
.stn_desc dl dd ul li:before {content:'-'; position:absolute; top:0; left:0; font-size:14px;}
.stn_desc dl dd ol li em {font-weight:300;}

.img_symmetry {display:block; position:relative; height:700px; margin:80px 0;}
.img_symmetry img {width:auto; height:100%;}
.img_symmetry .top_left {position:absolute; top:0; left:33%; height:55%;}
.img_symmetry .top_right {position:absolute; top:8%; right:22%; height:55%; transform:rotate(90deg);}
.img_symmetry .btm_right {position:absolute; bottom:0; right:33%; height:70%;}

.stn_special .lyt_hor {display:flex; padding:100px 0 70px 0;}
.stn_special .lyt_hor li.logo {width:50%; height:46px; padding:0 0 0 20px; text-align:left;}
.stn_special .lyt_hor li.logo:first-child {padding:12px 20px 12px 0; text-align:right;}
.stn_special .lyt_hor li.logo img {width:auto; height:100%;}

.stn_special .category {display:block; margin:0 0 5px 0; color:#1b1b1b; font-size:16px; line-height:1.63; letter-spacing:-0.16px; text-align:center; vertical-align:middle;}
.stn_special .category:before {content:''; display:inline-block; margin:0 10px 0 0; width:12px; height:1px; vertical-align:middle; background:#1b1b1b;}
.stn_special .category:after {content:''; display:inline-block; margin:0 0 0 10px; width:12px; height:1px; vertical-align:middle; background:#1b1b1b;}
.stn_special .photoBox {display:block; position:relative; text-align:center;}
.stn_special .photoBox img {width:100%;}
.stn_special .photoBox .inner_txt {position:absolute; bottom:8%; left:0; width:100%; font-size:12px; text-align:center;}

.btnBox {display:block; margin:50px 0; text-align:center;}	
.btnBox.mo_pd {margin:30px 0; padding:0 20px;}
.btnBox a, .btnBox button {display:inline-block; width:320px; height:50px; margin:0 auto 3px; font-family:Helvetica; font-size:16px; font-weight:700; line-height:48px; border:2px solid #1b1b1b; transition:all 0.3s ease-out;}
.btnBox a.disabled, .btnBox button:disabled {border:2px solid #b2b2b2; background:#b2b2b2; transition:all 0.3s ease-out; cursor:default;}
.btnBox .btn_bg_bk {color:#fff; background:#1b1b1b;}
.btnBox .btn_bg_w {color:#1b1b1b; background:#fff;}
.btnBox a:hover, .btnBox button:hover {color:#fff; border:2px solid #10109f; background:#10109f; transition:all 0.3s ease-out;}
.btnBox .tit {margin:0 0 45px 0; color:#1b1b1b; font-size:24px; font-weight:300; text-align:center;line-height:1.4; letter-spacing:-.42px; }
.btnBox .txt {margin:3px 0 0 0; color:#1b1b1b; font-size:12px; font-weight:300; text-align:center;line-height:1.67; letter-spacing:-.42px; }
.btnBox p.desc {display:block; margin:10px 0 0 0; font-size:0.8rem;}

.btnBox.bg01 {margin:0; padding:50px 0; background:#f9f8eb;}

.lstBox {display:block; margin:50px 0 0 0;}
.lstBox ul.lyt_hor {display:flex;}
.lstBox ul.lyt_hor li {position:relative; box-sizing:border-box;}
.lstBox ul.lyt_hor li:after {content:''; position:absolute; top:50%; right:0; width:30px; height:30px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/promotion_2022/ico_next_bk.png") no-repeat 50% 50%/100%; opacity:0.4; transform:translate(50%, -50%);}
.lstBox ul.lyt_hor.arr_none li:after {content:''; display:none;}
.lstBox ul.lyt_hor li:last-child:after {content:''; display:none;}
.lstBox ul.lyt_hor li:first-child:nth-last-child(1) {width:100%;}
.lstBox ul.lyt_hor li:first-child:nth-last-child(2), .lstBox ul.lyt_hor li:first-child:nth-last-child(2) ~ li {width:50%;}
.lstBox ul.lyt_hor li:first-child:nth-last-child(3), .lstBox ul.lyt_hor li:first-child:nth-last-child(3) ~ li {width:33.3333%;}
.lstBox ul.lyt_hor li:first-child:nth-last-child(4), .lstBox ul.lyt_hor li:first-child:nth-last-child(4) ~ li {width:25%;}
.lstBox ul.lyt_hor li:first-child:nth-last-child(5), .lstBox ul.lyt_hor li:first-child:nth-last-child(5) ~ li {width:20%;}
.lstBox ul.lyt_hor li.item_imgTxt {text-align:center;}
.lstBox ul.lyt_hor li.item_imgTxt span {display:grid; font-size:14px; text-align:center;}
.lstBox ul.lyt_hor li.item_imgTxt span.img {display:inline-block; width:100px; margin:0 0 10px 0;}
.lstBox ul.lyt_hor li.item_imgTxt span.img img {width:80px;}
.lstBox ul.lyt_hor li.item_imgTxt span.txt {}
.lstBox .tit_lst {display:block; margin:0 0 30px 0; color:#1b1b1b; font-size:20px; font-weight:300; text-align:center; line-height:1.4; letter-spacing:-.16px;}

.lyt_hor_trans {display:flex; margin:70px 0 0 0;}
.lyt_hor_trans .photoBox {width:50%;}
.lyt_hor_trans .photoBox .img {height:130px;}
.lyt_hor_trans .photoBox .img img {width:auto; height:100%;}
.lyt_hor_trans .photoBox .outer_txt {width:100%; margin:10px 0 0 0; font-size:14px; text-align:center;}

.view_form {width:960px; margin:70px auto; padding-top:6.25rem !important; text-align:center;}
.titArea {display:block; width:100%; margin:0 0 35px 0; padding:0 0 23px 0; text-align:left; border-bottom:3px solid rgba(0,0,0,1);}
.titArea h3.tit {display:block; height:36px; color:#1b1b1b; font-size:24px; font-weight:700; line-height:1.13; letter-spacing:-.53px;}
.titArea h3.tit span {font-weight:300;}
.titArea txt {display:block; height:26px; color:#1b1b1b; font-size:14px; font-weight:400; letter-spacing:-.03px;}

.stn_basic.pd0 {padding:0 !important;}
.hide {display:none; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0;}

dl.ipt_form {display:flex; min-height:38px; margin-bottom:10px;}
dl.ipt_form dt {display:inline-block; width:190px; font-weight:300; line-height:1.5 ; padding:5px 15px 5px 0; text-align:left;}
dl.ipt_form dd {display:inline-block; width:calc(100% - 190px);}
dl.ipt_form .tit_date {display:block; width:100%; padding:0 0 10px 0; font-size:16px; font-weight:500; text-align:center;}

.lst_selectTime {text-align:left;}
.lst_selectTime li {display:inline-block; width:10%; margin:0 10px 10px 0 }
.lst_selectTime li button {width:100%; height:40px; color:#10109f; font-size:16px; line-height:38px; border:1px solid #10109f; background:#fff; transition:all 0.3s ease-out;}
.lst_selectTime li button:hover {color:#fff; background:#10109f; transition:all 0.3s ease-out;}
.lst_selectTime li button.active {color:#fff; background:#10109f;}
.lst_selectTime li button:disabled {color:#999; border:1px solid #999; background:#fcfaf7; cursor:default;}

.md_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
.md_pop .popBox {overflow:hidden; position:absolute; top:50%; left:50%; width:360px; padding:0; border-radius:12px; background:none; transform:translate(-50%,-50%);}
.md_pop .popBox .pop_titBox {display:block; padding:0; text-align:center;}
.md_pop .popBox .pop_titBox .tit {display:block; color:#1b1b1b; font-size:26px; font-weight:500; letter-spacing:-1px;}
.md_pop .popBox .pop_titBox .txt {display:block; margin:5px 0 0 0; color:#1b1b1b; font-size:14px; font-weight:300; line-height:1.63; letter-spacing:-.16px;}
.md_pop .popBox .pop_titBox .tit_b {display:block; margin:20px 0 0 0; color:#1b1b1b; font-size:26px; font-weight:500; letter-spacing:-1px;}
.md_pop .popBox .pop_titBox .txt_b {display:block; margin:5px 0 0 0; padding:5px 0 15px 0 ;color:#1b1b1b; font-size:20px; font-weight:300; line-height:1.4; letter-spacing:-.16px;}
.md_pop .popBox .btn_close {overflow:hidden; position:absolute; top:15px; right:15px; width:30px; height:30px; text-indent:-99px; background:none; z-index:1;}
.md_pop .popBox .btn_close:before {content:''; position:absolute; top:50%; right:0; width:30px; height:1px; background:#1b1b1b; transform:rotate(45deg); opacity:0.6; transition:all 0.3s ease-out;}
.md_pop .popBox .btn_close:after {content:''; position:absolute; top:50%; right:0; width:30px; height:1px; background:#1b1b1b; transform:rotate(-45deg); opacity:0.6;  transition:all 0.3s ease-out;}
.md_pop .popBox .btn_close:hover:before, .md_pop .popBox .pop_titBox .btn_close:hover:after {background:#10109f; opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox .btn_close.white {overflow:hidden; position:absolute; top:15px; right:15px; width:25px; height:25px; text-indent:-99px; background:none; z-index:1;}
.md_pop .popBox .btn_close.white:before {content:''; position:absolute; top:50%; right:0; width:25px; height:1px; background:#fff; transform:rotate(45deg); opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox .btn_close.white:after {content:''; position:absolute; top:50%; right:0; width:25px; height:1px; background:#fff; transform:rotate(-45deg); opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox .btn_close.white:hover:before, .md_pop .popBox .pop_titBox .btn_close.white:hover:after {background:#fff; opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox .pop_contBox {display:block; position:relative; padding:30px 0 36px 0;}
.md_pop .popBox .pop_contBox.pdt0 {padding:0;}
.md_pop .popBox .pop_contBox.pd0 {padding:0;}
.md_pop .popBox .pop_contBox.bd_none {border:none;}
.md_pop .popBox .pop_contBox dl.applicant {position:absolute; top:35%; left:50%; color:#c5484a; transform:translateX(-50%);}
.md_pop .popBox .pop_contBox dl.applicant dt {display:block; font-size:14px; font-weight:300; line-height:20px;}
.md_pop .popBox .pop_contBox dl.applicant dd {display:block; font-size:32px; font-weight:700; line-height:32px;}
.md_pop .popBox .pop_contBox dl.applicant dd:after {content:'명'; display:inline-block; font-size:30px;}
.md_pop .popBox .pop_contBox .ipt_form {display:block;}
.md_pop .popBox .pop_contBox .ipt_form dt {display:block; width:100%; padding:0 0 5px 0; font-size:14px;}
.md_pop .popBox .pop_contBox .ipt_form dd {display:block; width:100%; font-size:16px;}
.md_pop .popBox .pop_contBox .ipt_form dd {display:block; width:100%;}
.md_pop .popBox .pop_contBox .stn_desc {display:block; padding:0; color:#656565; font-size:14px;  line-height:1.8; letter-spacing:-.16px;}
.md_pop .popBox .pop_contBox .stn_desc dd + dt {margin:7px 0 0 0;}
.md_pop .popBox .pop_contBox .stn_desc dt {font-size:12px; font-weight:500;}
.md_pop .popBox .pop_contBox .stn_desc dd {font-size:12px; line-height:1.6;}
.md_pop .popBox .pop_contBox .stn_desc dd .bgBox {overflow:auto; max-height:46px; padding:7px; font-size:11px; background:#f5f5f5;}
.md_pop .popBox .pop_contBox .essField {display:block; padding:10px 0 0 0; font-size:14px; text-align:center;}
.md_pop .popBox .pop_contBox .photoBox {display:block; text-align:center;}
.md_pop .popBox .pop_contBox .photoBox img {width:100%;}
.md_pop .popBox .pop_contBox .photoBox img.ico {width:90px;}
.md_pop .popBox .pop_contBox .photoBox a {display:block;}
.md_pop .popBox .pop_contBox .photoBox a img {width:100%;}
.md_pop .popBox .pop_contBox .photoBox .outer_txt{display:block; padding:7px 0 0 0; font-size:14px; text-align:center; letter-spacing:0;}
.md_pop .popBox .pop_contBox .photoBox .outer_large_txt{display:block; padding:7px 0 0 0; font-size:20px; font-weight:700; text-align:center; letter-spacing:-1px;}

.md_pop .popBox .pop_contBox .photo {display:block; text-align:center; background:#fff;}
.md_pop .popBox .pop_contBox .photo img {width:100%; object-fit:cover;}
.md_pop .popBox .pop_contBox .photo .frame {position:relative;}
.md_pop .popBox .pop_contBox .photo .frame img.before {width:100%; object-fit:cover;}
.md_pop .popBox .pop_contBox .photo .frame img.after {position:absolute; top:0; left:0; width:100%; object-fit:cover; opacity:0; animation:fadeInAfter 2s ease 0.5s forwards;}
@keyframes fadeInAfter {
from {opacity:0;}
to   {opacity:1;}
}
.md_pop .popBox .pop_mid .imgBox {display:block; padding:0 0 0 0;}
.md_pop .popBox .pop_mid .imgBox img {width:100%; object-fit:cover;}
.md_pop .popBox .pop_btm {display:flex; justify-content:space-between; align-items:center;}
.md_pop .popBox .pop_btm .btn_today_close2 {margin:8px 0 0 0; color:#ffffff; font-size:0.9rem; font-weight:300; background:none;}
.md_pop .popBox .pop_btm .btn_popup_close2 {margin:8px 0 0 0; color:#ffffff; font-size:0.9rem; font-weight:300; background:none;}


.md_pop .popBox .pop_btnBox {display:block; margin:10px 0 0 0; text-align:center;}	
.md_pop .popBox .pop_btnBox a, .md_pop .popBox .pop_btnBox button {display:inline-block; width:260px; height:46px; margin:0 auto 3px; font-family:Helvetica; font-size:16px; font-weight:700; line-height:44px; border:2px solid #1b1b1b; transition:all 0.3s ease-out;}
.md_pop .popBox .pop_btnBox a.disabled, .md_pop .popBox .pop_btnBox button:disabled {border:2px solid #b2b2b2; background:#b2b2b2; transition:all 0.3s ease-out; cursor:default;}
.md_pop .popBox .pop_btnBox .btn_bg_bk {color:#fff; background:#1b1b1b;}
.md_pop .popBox .pop_btnBox a:hover, .md_pop .popBox .btnBox button:hover {border:2px solid #10109f; background:#10109f; transition:all 0.3s ease-out;}
.md_pop .popBox .pop_btnBox  .txt {margin:3px 0 0 0; color:#1b1b1b; font-size:12px; font-weight:300; text-align:center;line-height:1.67; letter-spacing:-.42px; }
.md_pop .popBox .pop_btnBox a:first-child:nth-last-child(1) {width:260px;}
.md_pop .popBox .pop_btnBox a:first-child:nth-last-child(2), .md_pop .popBox .pop_btnBox a:first-child:nth-last-child(2) ~ a {width:48%; font-size:14px; letter-spacing:-1px;}
.md_pop .popBox .pop_btnBox button:first-child:nth-last-child(1) {width:260px;}
.md_pop .popBox .pop_btnBox button:first-child:nth-last-child(2), .md_pop .popBox .pop_btnBox button:first-child:nth-last-child(2) ~ button {width:48%; font-size:15px; letter-spacing:-1px;}

.md_pop .popBox2 {overflow:auto; position:absolute; top:50%; left:50%; width:380px; padding:30px; border-radius:8px; background:#fcfaf7; transform:translate(-50%,-50%);}
.md_pop .popBox2 .pop_top {display:block; width:100%; height:38px; color:#1b1b1b; font-size:26px; font-weight:500; text-align:center;letter-spacing:-1px;}
.md_pop .popBox2 .pop_top .btn_close {overflow:hidden; position:absolute; top:20px; right:20px; width:32px; height:32px; text-indent:-99px; background:none; opacity:0.7;}
.md_pop .popBox2 .pop_top .btn_close:before {content:''; position:absolute; top:50%; right:0; width:32px; height:1px; background:#1b1b1b; transform:rotate(45deg); opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox2 .pop_top .btn_close:after {content:''; position:absolute; top:50%; right:0; width:32px; height:1px; background:#1b1b1b; transform:rotate(-45deg); opacity:1.0;  transition:all 0.3s ease-out;}
.md_pop .popBox2 .pop_mid {display:block; padding:0 0 30px 0;} 
.md_pop .popBox2 .pop_mid.al_c {text-align:center;}
.md_pop .popBox2 .pop_mid img.logo {width:auto; height:60px; margin:0 0 30px 0; object-fit:cover;}
.md_pop .popBox2 .pop_mid .imgBox {display:block; padding:0 0 0 0;}
.md_pop .popBox2 .pop_mid .imgBox img {width:100%; object-fit:cover;}
.md_pop .popBox2 .pop_mid .txt_l {display:block; color:#1b1b1b; font-size:30px; font-weight:500; line-height:40px;}
.md_pop .popBox2 .pop_mid .txt_l strong {font-weight:700;}
.md_pop .popBox2 .pop_mid .txt_l .ft_clr_orange {color:rgba(255,72,0,1.0);}
.md_pop .popBox2 .pop_mid .txt_c {display:block; color:#1b1b1b; font-size:24px; font-weight:500; line-height:34px;}
.md_pop .popBox2 .pop_mid .txt_c strong {font-weight:700;}
.md_pop .popBox2 .pop_mid .txt_s {display:block; margin:15px 0 0 0; color:#1b1b1b; font-size:16px; font-weight:400; line-height:28px;}
.md_pop .popBox2 .pop_mid .desc {display:block; margin:30px 0 0 0; color:#1b1b1b; font-size:14px; font-weight:300;}
.md_pop .popBox2 .btnBox {margin:0;}
.md_pop .popBox2 .btnBox button {width:100%; margin:0 0 7px 0; font-size:14px; font-weight:500; border-radius:4px;}
.md_pop .popBox2 .btnBox button:last-child {margin:0;}
.md_pop .popBox2 .btnBox .btn_bg_bk {color:#fcfaf7; border:1px solid #1b1b1b; background:#1b1b1b;}
.md_pop .popBox2 .btnBox .btn_bg_bk:hover, .md_pop .popBox2 .btnBox .btn_bg_bk:focus {border:1px solid #1b1b1b; background:#1b1b1b;}
.md_pop .popBox2 .btnBox .btn_bg_w {color:#1b1b1b; border:1px solid #ffffff; background:#ffffff;}
.md_pop .popBox2 .btnBox .btn_bg_w:hover, .md_pop .popBox2 .btnBox .btn_bg_w:focus {border:1px solid #1b1b1b; background:#ffffff;}
.md_pop .popBox2 .btnBox .btn_bg_gray {color:#ffffff; border:1px solid #C6C6C6; background:#C6C6C6;}
.md_pop .popBox2 .btnBox .btn_bg_gray:hover, .md_pop .popBox2 .btnBox .btn_bg_w:focus {border:1px solid #C6C6C6; background:#C6C6C6;}
.md_pop .popBox2 .btnBox .btn_bg_blue {color:#fcfaf7; border:1px solid #10109f; background:#10109f;}
.md_pop .popBox2 .btnBox .btn_bg_blue:hover, .md_pop .popBox2 .btnBox .btn_bg_blue:focus {border:1px solid #10109f; background:#10109f;}
.md_pop .popBox2 .btnBox .link_txt_blue {display:block; clear:both; overflow:hidden; width:100%; padding:12px 0; color:#007afb; font-size:14px; font-weight:500; text-align:center; background:#f6f3ef;}
.md_pop .popBox2 .btnBox .link_txt_blue span {display:block; font-weight:300;}

.md_pop .doubleDay {overflow:auto; position:absolute; top:50%; left:50%; width:380px; padding:30px; border-radius:8px; background:#f1ece8; transform:translate(-50%,-50%);}
.md_pop .doubleDay .btn_close {overflow:hidden; position:absolute; top:20px; right:20px; width:32px; height:32px; text-indent:-99px; background:none; opacity:0.7;}
.md_pop .doubleDay .btn_close:before {content:''; position:absolute; top:50%; right:0; width:32px; height:1px; background:#1b1b1b; transform:rotate(45deg); opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .doubleDay .btn_close:after {content:''; position:absolute; top:50%; right:0; width:32px; height:1px; background:#1b1b1b; transform:rotate(-45deg); opacity:1.0;  transition:all 0.3s ease-out;}
.md_pop .doubleDay .pop_mid {display:block; padding:0 0 25px 0;} 
.md_pop .doubleDay .pop_mid.al_c {text-align:center;}
.md_pop .doubleDay .pop_mid img.logo {width:100%; height:auto; object-fit:cover;}
.md_pop .doubleDay .pop_mid dl.contBox {display:block;}
.md_pop .doubleDay .pop_mid dl.contBox dt {display:block; padding:20px 0; border-top:1px solid #c1bdba; border-bottom:1px solid #c1bdba;}
.md_pop .doubleDay .pop_mid dl.contBox dt.txt_l {color:#1b1b1b; font-size:30px; font-weight:500; line-height:40px;}
.md_pop .doubleDay .pop_mid dl.contBox dt.txt_c {color:#4f4e4d; font-size:24px; font-weight:400; line-height:34px;}
.md_pop .doubleDay .pop_mid dl.contBox dt .cl_b {display:block; margin:5px 0 0 0; font-size:16px; font-weight:400;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc {display:flex; margin:20px 0 0 0; justify-content:center;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span {position:relative; display:flex; align-items:center; width:100%; color:#1b1b1b; font-size:13px; font-weight:300; line-height:1.45; justify-content:center;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span:first-child:nth-last-child(2),
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span:first-child:nth-last-child(2) ~ span {width:50%; justify-content:left;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span:first-child:nth-last-child(2) {width:calc(50% - 15px); margin:0 15px 0 0; padding:0 10px 0 0;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span:first-child:nth-last-child(2):after {content:''; position:absolute; top:50%; right:0; width:1px; height:70%; background:#d8d3cf; transform:translateY(-50%);}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span:before {content:''; flex-shrink:0; width:26px; height:26px; margin-right:5px;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span.ico_point:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260514/ico_point_x3.png") no-repeat 50% 50%/cover;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span.ico_calendar:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260514/ico_calendar_x3.png") no-repeat 50% 50%/cover;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span.ico_double:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260514/ico_double_x3.png") no-repeat 50% 50%/cover;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span b {display:inline; font-size:13px; font-weight:300;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span em.price {display:inline; font-style:normal; white-space:nowrap;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span em.price i {font-style:normal; font-weight:500;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span .text_wrap {display:block; font-size:13px; text-align:left;}

.md_pop .doubleDay .btnBox {margin:0;}
.md_pop .doubleDay .btnBox button {display:block; width:100%; margin:0 0 7px 0; font-size:14px; font-weight:500; border-radius:4px;}
.md_pop .doubleDay .btnBox button:last-child {margin:0;}
.md_pop .doubleDay .btnBox .btn_bg_bk {color:#fcfaf7; border:1px solid #1b1b1b; background:#1b1b1b;}
.md_pop .doubleDay .btnBox .btn_bg_bk:hover, .md_pop .popBox2 .btnBox .btn_bg_bk:focus {border:1px solid #1b1b1b; background:#1b1b1b;}
.md_pop .doubleDay .btnBox .btn_bg_w {color:#1b1b1b; border:1px solid #ffffff; background:#ffffff;}
.md_pop .doubleDay .btnBox .btn_bg_w:hover, .md_pop .popBox2 .btnBox .btn_bg_w:focus {border:1px solid #ffffff; background:#ffffff;}

.md_pop .popBox3 {position:absolute; top:50%; left:50%; min-width:380px; padding:0; background:#fcfaf7; transform:translate(-50%,-50%);}
.md_pop .popBox3 .pop_top {display:block; padding:70px 35px 0 35px;}
.md_pop .popBox3 .pop_top .tit {display:block; font-size:24px; font-weight:500;}
.md_pop .popBox3 .pop_top .btn_close {overflow:hidden; position:absolute; top:25px; right:25px; width:40px; height:40px; text-indent:-99px; background:none; cursor:pointer; opacity:1.0;}
.md_pop .popBox3 .pop_top .btn_close:before {content:''; position:absolute; top:50%; right:0; width:40px; height:1px; background:#1b1b1b; transform:rotate(45deg); opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox3 .pop_top .btn_close:after {content:''; position:absolute; top:50%; right:0; width:40px; height:1px; background:#1b1b1b; transform:rotate(-45deg); opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox3 .pop_mid {display:block; padding:30px 35px;}
.md_pop .popBox3 .pop_mid .txt {display:block; font-size:18px; font-weight:300; line-height:36px;}
.md_pop .popBox3 .pop_btm {display:block; padding:10px 35px 50px 35px;}
.md_pop .popBox3 .pop_btm button {display:block; width:100%; height:60px; margin:0 0 5px 0; font-size:15px; border:none;}
.md_pop .popBox3 .pop_btm button:first-child {font-weight:500;}
.md_pop .popBox3 .pop_btm button:last-child {margin:0; font-weight:400;}
.md_pop .popBox3 .pop_btm button.btn_bg_bk {color:#fcfaf7; background:#1b1b1b;}
.md_pop .popBox3 .pop_btm button.btn_ft_bk {color:#1b1b1b; background:#fcfaf7;}
.md_pop .popBox3 .pop_btm button + .desc {display:block; font-size:14px; text-align:center;}
.md_pop .popBox3 .pop_btm button + .desc + button {margin-top:30px;}

.md_pop .popBox4 {position:absolute; top:50%; left:50%; min-width:380px; padding:0; background:#fcfaf7; transform:translate(-50%,-50%);}
.md_pop .popBox4 .pop_top {display:block; padding:70px 35px 0 35px;}
.md_pop .popBox4 .pop_top .tit {display:block; font-size:24px; font-weight:600; text-align:center;}
.md_pop .popBox4 .pop_top .btn_close {overflow:hidden; position:absolute; top:25px; right:25px; width:40px; height:40px; text-indent:-99px; background:none; cursor:pointer; opacity:1.0;}
.md_pop .popBox4 .pop_top .btn_close:before {content:''; position:absolute; top:50%; right:0; width:40px; height:1px; background:#1b1b1b; transform:rotate(45deg); opacity:1.0; transition:all 0.3s ease-out;}
.md_pop .popBox4 .pop_top .btn_close:after {content:''; position:absolute; top:50%; right:0; width:40px; height:1px; background:#1b1b1b; transform:rotate(-45deg); opacity:1.0;  transition:all 0.3s ease-out;}
.md_pop .popBox4 .pop_mid {display:block; padding:30px 35px; text-align:center;}
.md_pop .popBox4 .pop_mid img {width:250px;}
.md_pop .popBox4 .pop_mid img + .txt {margin-top:20px;}
.md_pop .popBox4 .pop_mid .txt {display:block; font-size:18px; font-weight:500; text-align:center; line-height:36px;}
.md_pop .popBox4 .pop_mid .txt + .desc {margin-top:20px;}
.md_pop .popBox4 .pop_mid .desc {display:block; font-size:13px; font-weight:300; line-height:24px;}
.md_pop .popBox4 .pop_btm {clear:both; overflow:hidden; padding:0;}
.md_pop .popBox4 .pop_btm button {float:left; width:50%; height:60px; margin:0; font-size:15px; font-weight:500; border:none;}
.md_pop .popBox4 .pop_btm button:first-child {color:#1b1b1b; background:#fcfaf7;}
.md_pop .popBox4 .pop_btm button:last-child {color:#fcfaf7; background:#1b1b1b;}
 
.md_pop.mainPop {display:block;}
.md_pop.mainPop .popBox {position:relative; padding:0;}
.md_pop.mainPop .popBox .btn_today_close {position:relative; bottom:0; left:0; width:100%; height:36px; padding:7px 25px; color:rgba(252,250,247,0.9); font-size:12px; font-weight:300; text-align:center; line-height:13px; background:none;}
.md_pop.mainPop .popBox .btn_today_close:hover {text-decoration:underline;}
.md_pop.mainPop .popBox .btn_today_close:after {content:'닫기'; display:inline-block; height:auto; margin:0 0 0 10px; padding:3px 5px; color:#000; font-size:10px; font-weight:400; align-items:center; line-height:13px; border:none; background:rgba(252,250,247,0.6);}
.md_pop.mainPop ul.countdown {position:absolute; top:7%; left:50%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; width:100%; padding:0 7%; margin:0; text-align:center; font-family:'Pretendard Variable', sans-serif; transform:translateX(-50%); z-index:2;}
.md_pop.mainPop ul.countdown:before {content:'라이브 시작까지'; display:block; flex-basis:100%; margin:0 0 10px 0; color:#ffffff; font-size:clamp(15px, 1.2vw, 17px); font-weight:400;}
.md_pop.mainPop ul.countdown li {position:relative; width:calc(33% - 5px); max-width:140px; margin:0 5px 0 0; color:#ffffff; list-style:none; text-align:center;}
.md_pop.mainPop ul.countdown li span {display:block; width:100%; height:auto; margin:0; color:#ffffff; font-size:clamp(35px, 2.5vw, 55px); font-weight:300; letter-spacing:5px; line-height:1.2;}
.md_pop.mainPop ul.countdown li p {display:block; width:100%; margin:0; color:#ffffff; font-size:clamp(9px, 1.2vw, 11px); font-weight:300; line-height:1.2;}
.md_pop.mainPop ul.countdown li:after {content:':'; position:absolute; top:10%; right:-5px; color:#fffef1; font-size:clamp(25px, 2.0vw, 30px); font-weight:400; line-height:1.2;}
.md_pop.mainPop ul.countdown li:last-child:after {content:'';}
.md_pop.mainPop ul.countdown.ft_clr_bk:before {color:#1b1b1b;}
.md_pop.mainPop ul.countdown.ft_clr_bk li {color:#1b1b1b;}
.md_pop.mainPop ul.countdown.ft_clr_bk span {color:#1b1b1b;}
.md_pop.mainPop ul.countdown.ft_clr_bk p {color:#1b1b1b;}
.md_pop.mainPop ul.countdown.ft_clr_bk li:after {color:#1b1b1b;}
.md_pop.mainPop .popBox .pop_contBox .photoBox {position:relative;}
.md_pop.mainPop .popBox .pop_contBox .photoBox p.timer {display:block; position:absolute; top:8%; left:0; width:100%; margin:0; color:#d92c2c; font-size:38px; font-weight:500; line-height:1.0; opacity:1.0;}
.md_pop.mainPop .popBox .pop_contBox .photoBox p.timer:before {content:'라이브 시작까지'; display:block; width:auto; height:16px; margin:0; padding:0 0 0 16px; color:#fff; font-size:14px; font-weight:400; vertical-align:top; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/icons/ico_timedeal_w.svg") no-repeat 32% 50%/auto 100%;}
.md_pop.mainPop .popBox .pop_contBox .photoBox span {display:block; margin:3px 0 0 0; letter-spacing:1.0px;}
.md_pop.mainPop .popBox .pop_contBox .photoBox .btn_live_before {display:block; position:absolute; bottom:20px; left:50%; width:calc(100% - 60px); transform:translateX(-50%);}
.md_pop.mainPop .popBox .pop_contBox .photoBox .btn_live_before .btn_bg_bk {width:100%; padding:12px 0; border-radius:4px; background:#000;}
.md_pop.mainPop .popBox .pop_contBox .photoBox .btn_live_before span {display:block; margin:0; color:#ffffff; font-size:16px; font-weight:500;}
.md_pop.mainPop .popBox .pop_contBox .photoBox .btn_live_after {display:none; position:absolute; bottom:20px; left:50%; width:calc(100% - 40px); transform:translateX(-50%);}

.md_pop.mainPop .popBox .pop_contBox .photoBox ul.countdown {top:23%;}
.md_pop.mainPop .popBox .pop_contBox .photoBox ul.countdown:before {display:none;}
.md_pop.mainPop .popBox .pop_contBox .photoBox ul.countdown li:after {color:#1b1b1b;}
.md_pop.mainPop .popBox .pop_contBox .photoBox ul.countdown li span {margin:0; color:#1b1b1b; line-height:1.0;}
.md_pop.mainPop .popBox .pop_contBox .photoBox ul.countdown li p {color:#1b1b1b;}

.pop_alert {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
.pop_alert .alertBox {overflow:hidden; position:absolute; top:5%; left:50%; width:360px; padding:20px; border-radius:12px; background:#ffffff; transform:translateX(-50%);}
.pop_alert .alertBox .btn_close {overflow:hidden; position:absolute; top:15px; right:15px; width:30px; height:30px; text-indent:-99px; background:none; z-index:1;}
.pop_alert .alertBox .btn_close:before {content:''; position:absolute; top:50%; right:0; width:30px; height:1px; background:#1b1b1b; transform:rotate(45deg); opacity:0.6; transition:all 0.3s ease-out;}
.pop_alert .alertBox .btn_close:after {content:''; position:absolute; top:50%; right:0; width:30px; height:1px; background:#1b1b1b; transform:rotate(-45deg); opacity:0.6;  transition:all 0.3s ease-out;}
.pop_alert .alertBox .btn_close:hover:before, .md_pop .popBox .pop_titBox .btn_close:hover:after {background:#10109f; opacity:1.0; transition:all 0.3s ease-out;}
.pop_alert .alertBox dl.dl_txt {display:block; padding:10px 0 0 0; }
.pop_alert .alertBox dl.dl_txt.al_c {text-align:center;}
.pop_alert .alertBox dl.dl_txt dt {display:block; margin:0 0 15px 0; color:#1b1b1b; font-size:1.25rem; font-weight:600; line-height:1.3;}
.pop_alert .alertBox dl.dl_txt dd {display:block; margin:0 0 15px 0; color:#007aff; font-size:0.95rem; font-weight:400; line-height:1.3;}
.pop_alert .alertBox .btnBox {display:block; margin:15px 0 0 0; padding:0;}
.pop_alert .alertBox .btnBox button {font-size:0.90rem; font-weight:500; border-radius:4px;}
.pop_alert .alertBox .btnBox button.btn_bg_bk, .pop_alert .alertBox .btnBox button.btn_bg_bk:hover {border:1px solid #1b1b1b; background:#1b1b1b;}

.reserve_info {display:inline-block; width:500px; padding:30px; background:#fff;}
.reserve_info .msg_complete {display:block; margin:0 0 50px 0; padding:60px 0 20px 0; font-size:32px; text-align:center; border-bottom:2px solid #dddcd1;} 
.reserve_info .msg_complete.alarm {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/promotion_2022/ico_complete_bk.png") 50% 0% no-repeat; background-size:50px 50px;} 
.reserve_info .msg_complete.reserve {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/promotion_2022/ico_reserve_bk.png") 50% 0% no-repeat; background-size:50px 50px;} 
.reserve_info .msg_complete.thanks {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/promotion_2022/ico_thank_bk.png") 50% 0% no-repeat; background-size:50px 50px;} 
.reserve_info .msg_complete span {display:block; padding:5px 0 0 0; font-size:16px;} 
.reserve_info .msg_s {display:block; padding:0 0 20px 0; font-size:14px; line-height:26px;}
.reserve_info dl.ipt_form {padding:0 40px; text-align:left; line-height:1.6;}
.reserve_info dl.ipt_form dt {width:100px; padding:0 20px 0 0;} 
.reserve_info dl.ipt_form dd {width:auto; padding:0; font-weight:500; text-align:left}

/* INPUT */
.iptBox {display:block;}
.iptBox.inline {display:inline-block;}

.iptBox input[type="checkbox"] {display:none;}
.iptBox input[type="checkbox"] + label {display:inline-block; position:relative; color:#1b1b1b; vertical-align:middle; line-height:22px;}
.iptBox input[type="checkbox"] + label:before {content:'v'; display:inline-block; width:20px; height:20px; margin:0 5px 0 0; color:#fff; font-size:12px; text-align:center; vertical-align:middle; line-height:1.6; background:#b2b2b2; border-radius:20px;}
.iptBox input[type="checkbox"]:checked + label:before {background:#10109f;}

/* 공통-범례 */
ul.lst_legend {display:block; margin:7px 0 15px 0; text-align:right;}
ul.lst_legend li {display:inline-block; margin:0 7px 0 0; font-size:12px;}
ul.lst_legend li:last-child {margin:0;}
ul.lst_legend li.use_y {color:#10109f;}
ul.lst_legend li.use_y:before {content:''; display:inline-block; width:10px; height:10px; margin:0 3px 0 0; vertical-align:middle; border:2px solid #10109f; background:#fff;}
ul.lst_legend li.use_n {color:#999;}
ul.lst_legend li.use_n:before {content:''; display:inline-block; width:10px; height:10px; margin:0 3px 0 0; vertical-align:middle; border:2px solid #999; background:#fcfaf7;}

/* 공통-Input */
.ipt_txt {width:100%; height:calc(1.5em + .75rem + 2px); padding:0.375rem 0.75rem; color:#1b1b1b; font-size:14px; font-weight:400; line-height:1.29; letter-spacing:0; border:none; border-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
.ipt_txt:focus {border-bottom:1px solid #10109f; transition:all 0.3s ease-out;}

/* 공통-Table */
.tbl_cal {width:100%; text-align:center; border-spacing:0px;}
.tbl_cal thead th {padding:10px 0; color:#1b1b1b; font-size:14px ; font-weight:300; border-top:1px solid #1b1b1b; border-bottom:1px solid #1b1b1b;}
.tbl_cal tbody td {width:14.2%; height:60px; padding:5px; color:#10109f; font-size:16px; font-weight:500; vertical-align:top; border:1px solid #999;  text-align:left; background:#fff; transition:all 0.3s ease-out;  border-collapse:collapse; border-spacing:0px}
.tbl_cal tbody td span {display:block; color:#999; font-size:11px; text-align:center;}
.tbl_cal tbody td:hover {color:#fff; background:#10109f; transition:all 0.3s ease-out; cursor:pointer;}
.tbl_cal tbody td.active {color:#fff; background:#10109f; transition:all 0.3s ease-out; cursor:pointer;}
.tbl_cal tbody td.disabled {color:#cdcdcd; font-weight:300; background:#fcfaf7; cursor:default; pointer-events:none;}

.ft_clr_bk {color:#1b1b1b !important;}
.ft_clr_w {color:#fff !important;}
.ft_clr_pink {color:#dd4969 !important;}

/* 공통-background Color */
.bgClr_blue {background-color:#10109f;}

.new_line {font-weight:300;}
.mgt50 {margin-top:50% !important;}

.txt_desc {display:block; margin:20px 0 0 0; color:#1b1b1b; font-size:14px; font-weight:300; text-align:center; line-height:1.67;letter-spacing:-.42px;}

/* pad UI */
.lot_pad .header {display:none;}
.lot_pad .footer {display:none;}
.lot_pad #container {min-height:100%;}
.lot_pad .titArea {margin:0 0 5px 0;}
.lot_pad .view_form {width:100%; margin:0; padding:40px 40px 0 40px !important; text-align:left;}
.lot_pad .lst_selectTime li {width:14.2%;}
.lot_pad .list-bottomMenu.lt-780 {display:none;}
.lot_pad dl.ipt_form {clear:both; margin:0; padding:20px 0 0 0;}
.lot_pad dl.ipt_form:nth-child(1) {clear:none; float:left; width:45%;}
.lot_pad dl.ipt_form:nth-child(2) {clear:none; float:right; width:45%;}
.lot_pad ul.lst_legend {margin:0;}

/* 전체화면 버튼 */
video::-webkit-media-controls-panel {display:none !important;}

html,body{width:100%; height:100%; vertical-align:top;}

/* Store-BEST리뷰 */
.bestReview {display:block; max-width:1200px; margin:0 auto; justify-content:space-between; align-items:center}
.bestReview .titBox {display:block; clear:both; overflow:hidden; width:100%; margin:20px 0 0 0;}
.bestReview .titBox h3 {float:left; font-weight:300;}
.bestReview .titBox h3 strong {font-weight:500;}
.bestReview .titBox .fl_r {float:right;}
.bestReview .titBox .fl_r .txt_desc {display:inline-block; margin:0; font-size:12px; font-weight:300;}
.bestReview .titBox .fl_r .txt_desc + .btn_more {margin:0 0 0 10px; color:#1b1b1b; font-size:13px; font-weight:400; text-decoration:underline;}
.bestReview .lstBox {display:block; clear:both; overflow:hidden; height:120px; margin:10px 0 15px 0; padding:0;}
.bestReview .lstBox .lst_photo {display:flex; box-sizing:border-box;}
.bestReview .lstBox .lst_photo li {width:120px !important; height:120px;}
.bestReview .lstBox .lst_photo li a {position:relative; overflow:hidden; width:120px; height:120px;}
.bestReview .lstBox .lst_photo li a img {width:100%; height:100%; scale:1.15; filter:blur(1px); transform:translate(-7%,-7%); transition:all 0.3s ease-out;}
.bestReview .lstBox .lst_photo li a:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.6); transition:all 0.3s ease-out;}
.bestReview .lstBox .lst_photo li a:hover img {scale:1.0; filter:blur(0px); transform:translate(0%,0%); transition:all 0.3s ease-out;}
.bestReview .lstBox .lst_photo li a:hover:after, .bestReview .lstBox .lst_photo li a:active:after {background:rgba(27,27,27,0); transition:all 0.3s ease-out;}

.bestReview .lstBox .lst_photo li.swiper-slide-active a img {scale:1.0; filter:blur(0px); transform:translate(0%,0%); transition:all 0.3s ease-out;}
.bestReview .lstBox .lst_photo li.swiper-slide-active a:after, .bestReview {background:rgba(27,27,27,0); transition:all 0.3s ease-out;}

.bestReview .swiper-pagination { display:block;}
.bestReview .swiper-pagination .swiper-pagination-bullet { width:3px; height:3px; background:#000;}

/* 시크릿 배너 */
.btns-pay.mobile.v2 + .arcanaBox {display:none;}
.arcanaBox {display:block; width:100%; margin:0 0 10px 0; text-align:center; background:#e9e7cf;}
.arcanaBox img {display:inline-block; width:100%; height:auto; vertical-align:middle;}

/* 가입완료 */
#complete {display:block; position:relative; width:100%; min-height:calc(100vh - 55px); padding:72px 0 0 0; background-color:#f0f0f0;}
#complete .innerBox {position:absolute; top:50%; left:50%; max-width:500px; width:100%; margin:0; padding:50px 0; text-align:center; background:#fcfaf7; transform:translate(-50%, -50%);}
#complete .innerBox .title {display:block; font-size:18px; font-weight:500; padding:0 0 5% 0; letter-spacing:-0.5px;}
#complete .innerBox .title span {display:block; padding:10px 0 0 0; color:#a0a0a0; font-size:13px; font-weight:300;}
#complete .innerBox .rowBox { position:relative; width:100%;}
#complete .innerBox .rowBox ul.lst_coupon {position:relative; width:100%; padding:0 0 10% 0;}
#complete .innerBox .rowBox ul.lst_coupon li {display:block; margin:0 0 5px 0; text-align:center;}
#complete .innerBox .rowBox ul.lst_coupon li:last-child {margin:0;}
#complete .innerBox .rowBox ul.lst_coupon li button {display:inline-block; clear:both; position:relative; width:100%; max-width:280px; height:100px; color:#fff; text-align:left; background:rgba(24,24,24,1.0);}
#complete .innerBox .rowBox ul.lst_coupon li button:before {content:''; position:absolute; top:50%; left:0; width:20px; height:20px; border-radius:20px; background:#fff; transform:translate(-10px, -50%);}
#complete .innerBox .rowBox ul.lst_coupon li button span.benefit {float:left; width:70%; height:100px; padding:0; font-size:22px; font-weight:400; text-align:center; line-height:98px; letter-spacing:4px;}
#complete .innerBox .rowBox ul.lst_coupon li button em.expiry {float:left; width:30%; height:100px; padding:0; font-size:14px; font-weight:300; text-align:center; line-height:98px; letter-spacing:0; border-left:3px dotted #fff;}

#complete .innerBox .imgBox {display:block; padding:0 0 40px 0;}
#complete .innerBox .imgBox img {width:100%; object-fit:cover;}

#complete .innerBox .imgBox + .btnBox {display:block; clear:both; overflow:hidden; margin:0; padding:0 15%;}
#complete .innerBox .imgBox + .btnBox .btn_bg_bk {display:block; float:none; width:100%; color:#fcfaf7; font-weight:500; border:1px solid #1b1b1b; background:#1b1b1b;}
#complete .innerBox .imgBox + .btnBox .btn_link_bk {display:block; float:none; width:100%; margin:5px 0 0 0; color:#1b1b1b; font-weight:400; border:none; background:none;}

#complete .innerBox .rowBox ul.lst_benefit {position:relative; bottom:0; width:100%; padding:0 0 10% 0;}
#complete .innerBox .rowBox ul.lst_benefit.pd20p {padding:10px 15% 15px 15%;}
#complete .innerBox .rowBox ul.lst_benefit li {display:block; margin:0 0 10px 0; text-align:center; line-height:1.0;}
#complete .innerBox .rowBox ul.lst_benefit li:last-child {margin:0;}
#complete .innerBox .rowBox ul.lst_benefit li span.coupon {display:inline-block; clear:both; overflow:hidden; position:relative; width:100%; max-width:200px; height:86px; padding:0 10px 0 0; color:#fcfaf7; text-align:left; border-radius:3px;  background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_couponBox_right.svg") no-repeat right 50%/auto 100%;}
#complete .innerBox .rowBox ul.lst_benefit li span.coupon:after {content:''; position:absolute; top:0; left:0; width:10px; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_couponBox_left.svg") no-repeat left 50%/auto 100%;}
#complete .innerBox .rowBox ul.lst_benefit li span.coupon em.benefit {position:relative; float:left; width:100%; margin:0; padding:0 0 0 10px; font-size:26px; color:#1b1b1b; font-weight:700; text-align:center; letter-spacing:0; line-height:1.1;}
#complete .innerBox .rowBox ul.lst_benefit li span.coupon em.benefit:before {content:'할인쿠폰'; display:block; padding:12px 0 3px 0; color:#1b1b1b; font-size:12px; font-weight:500; line-height:11px; letter-spacing:0; opacity:1.0;}
#complete .innerBox .rowBox ul.lst_benefit li span.coupon em.expiry {float:left; width:100%; padding:10px 0 0 10px; font-size:11px; color:#1b1b1b; text-align:center; opacity:0.6;}

#complete .innerBox .rowBox ul.lst_benefit li span.mileage {display:inline-block; clear:both; overflow:hidden; position:relative; width:100%; max-width:200px; height:86px; padding:0 10px 0 0; color:#fcfaf7; text-align:left; border-radius:14px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_mileageBox_right.svg") no-repeat right 50%/auto 100%;}
#complete .innerBox .rowBox ul.lst_benefit li span.mileage:after {content:''; position:absolute; top:0; left:0; width:10px; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_mileageBox_left.svg") no-repeat left 50%/auto 100%;}
#complete .innerBox .rowBox ul.lst_benefit li span.mileage em.benefit {position:relative; float:left; width:100%; margin:0; padding:0 0 0 10px; font-size:26px; color:#1b1b1b; font-weight:700; text-align:center; letter-spacing:0; line-height:1.1;}
#complete .innerBox .rowBox ul.lst_benefit li span.mileage em.benefit:before {content:'마일리지'; display:block; padding:12px 0 3px 0; color:#1b1b1b; font-size:12px; font-weight:500; line-height:11px; letter-spacing:0; opacity:1.0;}
#complete .innerBox .rowBox ul.lst_benefit li span.mileage em.expiry {float:left; width:100%; padding:10px 0 0 10px; font-size:11px; color:#1b1b1b; text-align:center; opacity:0.6;}
#complete .innerBox .rowBox ul.lst_benefit li img {width:100%;}

#complete .innerBox .rowBox ul.lst_benefit + .desc {display:block; padding:0 0 10% 0; font-size:11px; font-weight:400; opacity:0.7;}
#complete .innerBox .rowBox ul.lst_benefit + .desc a {font-weight:700; text-decoration:underline;}

#complete .innerBox .rowBox .txtBox {padding:0 110px; font-size:15px; font-weight:400; text-align:center;}
#complete .innerBox .rowBox .btnBox {display:block; clear:both; overflow:hidden; margin:20px 0 0 0; padding:0 70px;}
#complete .innerBox .rowBox .btnBox a {float:left; height:48px; font-size:14px; font-weight:500; line-height:46px;}
#complete .innerBox .rowBox .btnBox a:hover, #complete .innerBox .rowBox .btnBox a:focus {text-decoration:underline; background:#1b1b1b;}
#complete .innerBox .rowBox .btnBox a:first-child:nth-last-child(1) {display:block; width:100%;}
#complete .innerBox .rowBox .btnBox a:first-child:nth-last-child(2), #complete .innerBox .rowBox .btnBox a:first-child:nth-last-child(2) ~ a {display:block; width:100%; margin:0 0 10px 0;}
#complete .innerBox .rowBox .btnBox button {float:left; height:48px; line-height:46px;}
#complete .innerBox .rowBox .btnBox button:hover, #complete .innerBox .rowBox .btnBox button:focus {text-decoration:underline; background:#1b1b1b;}
#complete .innerBox .rowBox .btnBox button:first-child:nth-last-child(1) {display:block; width:100%;}
#complete .innerBox .rowBox .btnBox button:first-child:nth-last-child(2), #complete .innerBox .rowBox .btnBox button:first-child:nth-last-child(2) ~ button {display:block; width:100%; margin:0 0 10px 0;}
#complete .innerBox .rowBox .btnBox a.btn_bg_bk, #complete .innerBox .rowBox .btnBox button.btn_bg_bk {color:#fcfaf7; border:1px solid #1b1b1b; background:#1b1b1b;}
#complete .innerBox .rowBox .btnBox a.btn_line_bk, #complete .innerBox .rowBox .btnBox button.btn_line_bk {color:#1b1b1b; border:1px solid #1b1b1b; background:none;}
#complete .innerBox .rowBox .btnBox a.btn_link_bk, #complete .innerBox .rowBox .btnBox button.btn_link_bk {color:#1b1b1b; border:none; background:none;}

/* 간편인증/받기 */
.simp_confirm {position:fixed; top:0; left:0; width:100%; height:100%; background:#fcfaf7; z-index:99999;}
.simp_confirm .inner {position:absolute; top:50%; left:50%; width:400px; height:auto; transform:translate(-50%,-50%);}

/* 간편인증/받기-전화번호입력 */
.simp_confirm .inner .step_ph_confirm {}
.simp_confirm .inner .step_ph_confirm .tit {display:block; margin:0 0 20px 0; color:#1b1b1b; font-size:26px; font-weight:500; line-height:40px; letter-spacing:-0.5px;}
.simp_confirm .inner .step_ph_confirm .txt {display:block; margin:0 0 50px 0; font-size:20px; font-size:400; line-height:28px; opacity:1.0;}
.simp_confirm .inner .step_ph_confirm .ipt_txt {display:block; height:50px; margin:0 0 70px 0; padding:0 10px; font-size:24px; font-weight:700; background:#fcfaf7;}

/* 간편인증/받기-쿠폰받기선택 */
.simp_confirm .inner .step_cp_pick {text-align:center;}
.simp_confirm .inner .step_cp_pick .tit {display:block; margin:0 0 20px 0; color:#1b1b1b; font-size:26px; font-weight:500; line-height:40px; letter-spacing:-0.5px;}
.simp_confirm .inner .step_cp_pick .txt {display:block; margin:0 0 50px 0; font-size:20px; font-weight:400; line-height:28px; opacity:1.0;}
.simp_confirm .inner .step_cp_pick .couponBox {display:block; margin:30px 0 60px 0;}
.simp_confirm .inner .step_cp_pick .couponBox span.coupon {display:inline-block; position:relative; width:250px; margin:0 0 15px 0; padding:0 0 15px 0; font-size:18px; font-weight:300; line-height:32px; letter-spacing:1px; background:rgba(27,27,27,0.3);}
.simp_confirm .inner .step_cp_pick .couponBox span.coupon:before {content:''; display:none; margin:10px 50% 0 35px; color:#fcfaf7; font-size:0.65rem; font-weight:300; line-height:11px; letter-spacing:0; vertical-align:middle; white-space:pre; opacity:0.7;}
.simp_confirm .inner .step_cp_pick .couponBox span.coupon:after {content:''; position:absolute; top:50%; right:0; width:70px; color:#fcfaf7; font-size:0.8rem; text-align:center; transform:translate(0,-50%);}
.simp_confirm .inner .step_cp_pick .couponBox span.coupon.skt:after {content:'SKT'; position:absolute; top:50%; right:0; width:70px; color:#fcfaf7; font-size:0.8rem; text-align:center; transform:translate(0,-50%);}
.simp_confirm .inner .step_cp_pick .couponBox span.coupon em {display:block; padding:35px 80px 25px 35px; color:#fcfaf7; font-size:24px; font-weight:500; text-align:left; line-height:1.0; letter-spacing:2px;}
.simp_confirm .inner .step_cp_pick .couponBox span.coupon em:before {content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; border-radius:20px; background:#fcfaf7; transform:translateY(-50%);}
.simp_confirm .inner .step_cp_pick .couponBox span.coupon em:after {content:''; position:absolute; top:0%; right:70px; height:100%; border-right:3px dotted #fcfaf7;} 

/* 간편인증/받기-쿠폰받기완료 */
.simp_confirm .inner .step_cp_complete {text-align:center;}
.simp_confirm .inner .step_cp_complete .tit {display:block; margin:0 0 0 0; color:#1b1b1b; font-size:20px; font-weight:400; line-height:28px; letter-spacing:-0.5px;}
.simp_confirm .inner .step_cp_complete .couponBox {display:block; margin:30px 0 60px 0;}
.simp_confirm .inner .step_cp_complete .couponBox span.coupon {display:inline-block; position:relative; width:250px; margin:0 0 15px 0; padding:0 0 15px 0; font-size:18px; font-weight:300; line-height:32px; letter-spacing:1px; background:rgba(27,27,27,1.0);}
.simp_confirm .inner .step_cp_complete .couponBox span.coupon:before {content:''; display:none; margin:10px 50% 0 35px; color:#fcfaf7; font-size:0.65rem; font-weight:300; line-height:11px; letter-spacing:0; vertical-align:middle; white-space:pre; opacity:0.7;}
.simp_confirm .inner .step_cp_complete .couponBox span.coupon:after {content:''; position:absolute; top:50%; right:0; width:70px; color:#fcfaf7; font-size:0.8rem; text-align:center; transform:translate(0,-50%);}
.simp_confirm .inner .step_cp_complete .couponBox span.coupon.skt:after {content:'SKT'; position:absolute; top:50%; right:0; width:70px; color:#fcfaf7; font-size:0.8rem; text-align:center; transform:translate(0,-50%);}
.simp_confirm .inner .step_cp_complete .couponBox span.coupon em {display:block; padding:35px 80px 25px 35px; color:#fcfaf7; font-size:24px; font-weight:500; text-align:left; line-height:1.0; letter-spacing:2px;}
.simp_confirm .inner .step_cp_complete .couponBox span.coupon em:before {content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; border-radius:20px; background:#fcfaf7; transform:translateY(-50%);}
.simp_confirm .inner .step_cp_complete .couponBox span.coupon em:after {content:''; position:absolute; top:0%; right:70px; height:100%; border-right:3px dotted #fcfaf7;} 

.simp_confirm .inner .btnBox {text-align:center;}
.simp_confirm .inner .btnBox a, .simp_confirm .inner .btnBox button {width:100%;}
.simp_confirm .inner .btnBox button + button {margin:10px 0 0 0;}
.simp_confirm .inner .btnBox .btn_bg_bk + .btn_txt {margin:20px 0 0 0;}
.simp_confirm .inner .btnBox a.btn_txt, .simp_confirm .inner .btnBox button.btn_txt {display:inline-block; width:auto; height:auto; padding:0; color:#1b1b1b; font-size:16px; font-weight:400; line-height:16px; border:none; background:none;}
.simp_confirm .inner .btnBox a.btn_txt:hover, .simp_confirm .inner .btnBox a.btn_txt:focus, .simp_confirm .inner .btnBox button.btn_txt:hover, .simp_confirm .inner .btnBox button.btn_txt:focus { text-decoration:underline;}
.simp_confirm .inner .btnBox .btn_bg_bk:disabled {pointer-events:none;}
.simp_confirm .inner .btnBox .btn_bg_bk {}
.simp_confirm .inner .btnBox .desc {display:block; margin:30px 0 0 0; font-size:14px;}
.auth .auth-box .skt_title {display:block; margin:0 0 70px 0; padding:0 0 0 85px; color:#1b1b1b; font-size:22px; font-weight:400; text-align:left; letter-spacing:-0.5px;}

/* 무료배송 게이지(공통) */
.free_dlvry {display:block; margin:0; text-align:center;}
.free_dlvry .inner {clear:both; overflow:hidden; position:relative; width:100%; margin:0 auto;}
.free_dlvry .inner .gauge {position:relative; float:left; width:100%; margin:0 0 35px 0;}

.free_dlvry.delivery .inner .gauge:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_dlvry2free_bk.svg") no-repeat 50% 50%/90% auto; transition:all 0.3s ease-out;}

.free_dlvry .inner .gauge .amount {display:none/*inline-block*/; position:absolute; top:0; width:60px; height:28px; margin:0 0 0 -30px; padding:0; transition:all 0.3s ease-out;} 
.free_dlvry .inner .gauge .amount:before {content:''; position:absolute; bottom:0; left:50%; border-left:6px solid #fcfaf7; border-right:6px solid #fcfaf7; border-bottom:6px solid #1b1b1b; transform:translate(-50%,0) rotate(180deg);}
.free_dlvry .inner .gauge .amount em {display:block; color:#fcfaf7; font-size:11px; line-height:23px; border-radius:20px; background:#1b1b1b;}
.free_dlvry .inner .gauge .amount em:after {content:'원'; display:inline-block;}
.free_dlvry .inner .gauge .bar {display:block; overflow:hidden; position:relative; left:0; width:100%; height:16px; margin:35px 0 7px 0; text-indent:0; border-radius:30px; background:rgba(14,14,14,0.07); transition:all 0.5s ease-out;}
.free_dlvry .inner .gauge .bar em {position:absolute; top:0; left:0; height:100%; padding:0 7px; color:#fcfaf7; font-size:9px; text-align:right; line-height:15px; background:#1b1b1b; transition:all 0.5s ease-out;}
.free_dlvry .inner .gauge .bar em:after {content:'원'; display:inline-block;}
.free_dlvry .inner .gauge .desc {clear:both; overflow:hidden; display:block; height:20px; line-height:20px; text-align:left;}
.free_dlvry .inner .gauge .desc em {font-size:14px; font-weight:300;}
.free_dlvry .inner .gauge .desc em:nth-child(1) {float:left; padding:0 0 0 5px;text-align:left;}
.free_dlvry .inner .gauge .desc em:nth-child(2) {float:right; padding:0 5px 0 0; text-align:right;}
.free_dlvry .inner .gauge .desc em i {color:#1b1b1b; font-weight:600; font-style:normal;}
.free_dlvry .inner .gauge .desc em i.ft_clr_emboss {color:rgba(255,72,0,1.0);}
.free_dlvry .inner .gauge .desc em i.ft_clr_emboss:before {content:'+'; display:inline-block;}
.free_dlvry .inner .gauge .desc em strong {color:#007afb; font-weight:500; font-style:normal;}

.free_dlvry.nego .inner .gauge {margin:0 0 10px 0;} 
.free_dlvry.nego .inner .gauge_icons {display:none;}
.free_dlvry.nego .inner .gauge .bar {height:20px; margin:3px 0; background:#e0e1c9;}
.free_dlvry.nego .inner .gauge .bar em {padding:0 10px; font-size:10px; line-height:19px; background:#007afb;}
.free_dlvry.nego .inner .gauge .desc em i.ft_clr_emboss {color:rgba(255,72,0,1.0);}
.free_dlvry.nego .inner .gauge .desc em strong {color:#007afb;}

/* 무료배송 게이지(장바구니) 
/*#cart .free_dlvry .inner:before {display:none;}
#cart .free_dlvry .inner:after {content:''; float:right; width:50px; height:50px; margin:8px 0 0 5px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_dlvry2_off.svg") no-repeat 50% 50%/100% auto;} 
#cart .free_dlvry .inner .gauge {position:relative; float:left; width:calc(100% - 55px);}
#cart .free_dlvry .inner .gauge .bar {display:block; overflow:hidden; position:relative; left:0; width:100%; height:10px; margin:28px 0 7px 0; text-indent:-999px; border-radius:30px; background:#dee2e6; transition:all 0.3s ease-out;}
#cart .free_dlvry .inner .gauge .bar em:after {content:'';}
#cart .free_dlvry .inner .gauge .amount {display:inline-block;}
#cart .free_dlvry .inner .gauge .desc em:nth-child(1) {display:block; text-align:left;}
#cart .free_dlvry .inner .gauge .desc em:nth-child(2) {display:none; text-align:left;}

#cart .free_dlvry.active .inner:before {display:none;}
#cart .free_dlvry.active .inner:after {content:''; float:right; width:50px; height:50px; margin:8px 0 0 5px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_dlvry2_on.svg") no-repeat 50% 50%/100% auto;} 
#cart .free_dlvry.active .inner .gauge .bar em:after {content:'';}
#cart .free_dlvry.active .inner .gauge .desc em:nth-child(1) {display:none;}
#cart .free_dlvry.active .inner .gauge .desc em:nth-child(2) {display:block;}
*/

/* 결제금액증정품 swiper */
.fbBanner {display:block; margin:0 0 50px 0; padding:0 20px;}
.fbBanner .tit {display:block; clear:both; overflow:hidden; margin:0 0 10px 0;}
.fbBanner .tit h4 {float:left; padding:0; color:#1b1b1b; font-size:18px; font-weight:500; line-height:20px;} 
.fbBanner .tit .desc {float:right; padding:0; font-size:13px; font-weight:300; letter-spacing:-0.5px;}
.fbBanner ul.lst {}
.fbBanner ul.lst li {clear:both; overflow:hidden; background:rgba(27,27,27,0.07);}
.fbBanner ul.lst li .thumb {overflow:hidden; float:left; width:35%; aspect-ratio:1/1;}
.fbBanner ul.lst li .thumb img {height:100%; vertical-align:top; object-fit:cover;}
.fbBanner ul.lst li .info {float:left; width:65%; padding:10px 10px 15px 10px; text-align:left; box-sizing:border-box;}
.fbBanner ul.lst li .info em {display:block;}
.fbBanner ul.lst li .info em.main_txt {display:-webkit-box; overflow:hidden; margin:10px 0 10px 0; font-size:15px; font-weight:500; line-height:24px; text-align:left; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.fbBanner ul.lst li .info em.main_txt span {display:block; font-size:13px; font-weight:300;}
.fbBanner ul.lst li .info em.sub_txt {margin:0 0 10px 0; font-size:13px; font-weight:300; line-height:14px; text-align:left; opacity:0.8;}
.fbBanner ul.lst li .info a.btn_arw_txt {font-size:13px;}
.fbBanner ul.lst li .info a.btn_arw_txt:after {content:''; display:inline-block; width:20px; height:20px; margin:-2px 0 0 0; font-size:300; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_02.svg") no-repeat center center/cover; opacity:0.5;}
.fbBanner.swiper {width:100%; height:100%; padding:0 15px 0 15px;}
.fbBanner.swiper .swiper-slide {display:flex; overflow:hidden; font-size:18px; justify-content:center; text-align:center;}
.fbBanner.swiper .swiper-slide > img {width:100%;}

/* layer popup */
.lyrImgBox {display:none;}

.lyrImgWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); z-index:7777;}
.lyrImgWrap .lyrImgBox {display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:400px; border-radius:0; background:#fcfaf7; transform:translate(-50%, -50%);}
.lyrImgWrap .lyrImgBox .btn_lyrImg_close {overflow:hidden; position:absolute; top:3%; right:3%; width:36px; height:36px; text-indent:-99px; opacity:1.0; background:none;}
.lyrImgWrap .lyrImgBox .btn_lyrImg_close:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b1b1b; transform:rotate(45deg);}
.lyrImgWrap .lyrImgBox .btn_lyrImg_close:after {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b1b1b; transform:rotate(-45deg);}

.lyrImgWrap .lyrImgBox .imgBox {display:block; overflow:hidden;}
.lyrImgWrap .lyrImgBox .imgBox.scroll {overflow:auto;}
.lyrImgWrap .lyrImgBox .imgBox img {width:100%;}

/* 공지팝업 */
.openPopWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.8); z-index:8888;}
.openPopWrap .popBox {display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:360px; transform:translate(-50%, -50%);}
.openPopWrap .popBox .objectBox {display:block; position:relative;clear:both; overflow:hidden; aspect-ratio:3/4; border-radius:13px 13px 0 0; background:#fcfaf7;}
.openPopWrap .popBox .objectBox img {width:100%; height:100%; object-fit:cover;}
.openPopWrap .popBox .objectBox img.pc {display:block;}
.openPopWrap .popBox .objectBox img.mo {display:none;}
.openPopWrap .popBox .objectBox video {width:100%; height:100%; object-fit:cover;}
.openPopWrap .popBox .objectBox video.pc {display:block;}
.openPopWrap .popBox .objectBox video.mo {display:none;}
.openPopWrap .popBox .objectBox .a_txt {position:absolute; bottom:0; left:0; width:100%; padding:15px; color:#fcfaf7; font-size:15px; font-weight:300; background:rgba(27,27,27,0.6);}
.openPopWrap .popBox .buttonBox {display:block; clear:both; overflow:hidden; text-align:center;}
.openPopWrap .popBox .buttonBox button {height:46px; margin:0; padding:0; color:#fcfaf7; font-size:13px; font-weight:300; text-align:center; line-height:46px; background:none;}
.openPopWrap .popBox .buttonBox a {height:46px; margin:0; padding:0; color:#fcfaf7; font-size:13px; font-weight:300; text-align:center; line-height:46px; background:none;}
.openPopWrap .popBox .buttonBox .btn_bg_bk {display:block; width:100%; height:46px; color:#fcfaf7; font-size:14px; font-weight:500; text-align:center; line-height:46px; border-radius:0 0 13px 13px; background:#1b1b1b}
.openPopWrap .popBox .buttonBox .btn_bg_w {display:block; width:100%; height:46px; color:#1b1b1b; font-size:14px; font-weight:700; text-align:center; line-height:46px; border-radius:0 0 13px 13px; background:#fcfaf7;}
.openPopWrap .popBox .buttonBox .btn_txt_w {display:inline-block; height:36px; font-size:12px; line-height:36px; opacity:0.7;}

/* full popup */
.fullPopWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); z-index:7777;}
.fullPopBox {display:none; overflow:hidden; position:absolute; top:50%; left:50%; width:450px; border-radius:0; background:#fcfaf7; transform:translate(-50%, -50%);}
.fullPopBox .fullPop_top {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:20px 25px; text-align:center; line-height:20px;}
.fullPopBox .fullPop_top h3 {color:#1b1b1b; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.fullPopBox .fullPop_top .btn_ico {overflow:hidden; position:absolute; top:10px; left:0; width:40px; height:40px; text-indent:-999px;}
.fullPopBox .fullPop_top .btn_ico.prev {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_left_bk.svg") no-repeat 50% 50%/40%;}
.fullPopBox .fullPop_top .btn_txt {overflow:hidden; position:absolute; top:10px; right:16px; height:40px; font-size:14px; font-weight:400;}
.fullPopBox .fullPop_top .btn_txt.ft_clr_blue {color:#281DCB;}

.fullPopBox .fullPop_mid {display:block; overflow:auto; min-height:500px; max-height:600px;}
.fullPopBox .fullPop_mid .imgBox {display:block;}
.fullPopBox .fullPop_mid .imgBox img {width:100%;}

.fullPopBox .fullPop_btm {display:block; overflow:hidden; padding:16px;}
.fullPopBox .fullPop_btm .desc {display:block; color:#999; font-size:12px; text-align:center;}
.fullPopBox .fullPop_btm .desc + button {margin:10px 0 0 0;}
.fullPopBox .fullPop_btm button {float:left; padding:12px 0; color:#1b1b1b; font-size:15px; font-weight:500; text-align:center; border:1px solid #d6d5cc; background:#fff;}
.fullPopBox .fullPop_btm button.btn_bg_bk {color:#fcfaf7; border:1px solid #1b1b1b; background:#1b1b1b;}
.fullPopBox .fullPop_btm button.btn_bg_bk:disabled {color:#ccc; border:1px solid #eee; background:#eee; cursor:not-allowed;}
.fullPopBox .fullPop_btm button:first-child:nth-last-child(1) {width:100%;}
.fullPopBox .fullPop_btm button:first-child:nth-last-child(2) {width:calc(50% - 3px); margin:0 3px 0 0;}
.fullPopBox .fullPop_btm button:first-child:nth-last-child(2) ~ button {width:calc(50% - 3px); margin:0 0 0 3px;}

.fullPopWrap .fullPopBox {display:block;}

/* full popup-크루가입 */
.fullPopBox .crew_tit {display:block; padding:20px 0 20px 0; color:#1b1b1b; font-size:18px; font-weight:700; text-align:center; line-height:normal;}
.fullPopBox .crew_terms {display:block; padding:0 10%;}
.fullPopBox .crew_terms li {display:block; position:relative; margin:0 0 10px 0; padding:0 0 0 20px; font-size:13px; word-break:keep-all;}
.fullPopBox .crew_terms li:before {content:''; position:absolute; top:2px; left:0; width:15px; height:15px; border:none; border-radius:3px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_line_w.svg") no-repeat 50% 50%/50%;}
.fullPopBox .crew_terms li:last-child {margin:0;}
.fullPopBox .crew_benefit {display:block; padding:20px 0 0 0; text-align:center;}
.fullPopBox .crew_benefit dt {display:block; padding:0 0 7px 0; color:#281dcb; font-size:16px; font-weight:700;}
.fullPopBox .crew_benefit dd {display:block; margin:0; color:#281dcb; font-size:13px; font-weight:400;}
.fullPopBox .crew_benefit dd:last-child {margin:0;}
#btn_crew_join {width:100%; color:#fcfaf7; font-size:20px; font-weight:700; letter-spacing:3px; border:1px solid #1b1b1b; background:#1b1b1b;}

/* 투명팝업 */
.popWrap_trans {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.75); z-index:8888;}
.popWrap_trans .popBox {display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:400px; transform:translate(-50%, -50%);}
.popWrap_trans .popBox .pop_top {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:20px 25px; text-align:center; line-height:20px;}
.popWrap_trans .popBox .pop_top .tit {display:block; color:#fcfaf7; font-size:22px; font-weight:500; text-align:center; line-height:1.3;}
.popWrap_trans .popBox .pop_mid {display:block; overflow:hidden;}
.popWrap_trans .popBox .pop_mid .imgBox {display:block; padding:20px 0; text-align:center;}
.popWrap_trans .popBox .pop_mid .imgBox img {width:50%;}
.popWrap_trans .popBox .pop_mid .txt {display:block; color:#fcfaf7; font-size:14px; text-align:center;}
.popWrap_trans .popBox .pop_mid .txt.large {padding:0 0 20px 0; font-size:16px; font-weight:400;}
.popWrap_trans .popBox .pop_mid .txt.large + span.desc {display:block; padding:10px 0 0 0; color:#fcfaf7; font-size:12px; font-weight:300; text-align:center; opacity:0.5;}
.popWrap_trans .popBox .pop_mid .desc {display:block; padding:20px 0; color:#fcfaf7; font-size:12px; text-align:center; opacity:0.7;}
.popWrap_trans .popBox .pop_btm {display:block; overflow:hidden; padding:16px;}
.popWrap_trans .popBox .pop_btm button {float:left; padding:12px 0; color:#1b1b1b; font-size:15px; font-weight:500; text-align:center; border:1px solid #d6d5cc; background:#fff;}
.popWrap_trans .popBox .pop_btm button.btn_bg_w {color:#1b1b1b; border:1px solid #fcfaf7; background:#fcfaf7;}
.popWrap_trans .popBox .pop_btm button.btn_bg_bk {color:#fcfaf7; border:1px solid #1b1b1b; background:#1b1b1b;}
.popWrap_trans .popBox .pop_btm button.btn_bg_bk:disabled {color:#ccc; border:1px solid #eee; background:#eee; cursor:not-allowed;}
.popWrap_trans .popBox .pop_btm button:first-child:nth-last-child(1) {width:100%;}
.popWrap_trans .popBox .pop_btm button:first-child:nth-last-child(2) {width:calc(50% - 3px); margin:0 3px 0 0;}
.popWrap_trans .popBox .pop_btm button:first-child:nth-last-child(2) ~ button {width:calc(50% - 3px); margin:0 0 0 3px;}
.popWrap_trans .popBox .pop_btm a {float:left; padding:12px 0; color:#fcfaf7; font-size:15px; font-weight:300; text-align:center; border:none; background:none;}
.popWrap_trans .popBox .pop_btm a.btn_bg_w {color:#1b1b1b; font-weight:500; border:1px solid #fcfaf7; background:#fcfaf7;}
.popWrap_trans .popBox .pop_btm a.btn_bg_bk {color:#fcfaf7; font-weight:500; border:1px solid #1b1b1b; background:#1b1b1b;}
.popWrap_trans .popBox .pop_btm a.btn_bg_bk:disabled {color:#ccc; font-weight:500; border:1px solid #eee; background:#eee; cursor:not-allowed;}
.popWrap_trans .popBox .pop_btm a:first-child:nth-last-child(1) {width:100%;}
.popWrap_trans .popBox .pop_btm a:first-child:nth-last-child(2) {width:100%; margin:0 0 3px 0;}
.popWrap_trans .popBox .pop_btm a:first-child:nth-last-child(2) ~ a {width:100%; margin:0;}

.popWrap_trans .popBox .titBox {display:block; margin:0 0 15px 0; color:#fff; text-align:center;}
.popWrap_trans .popBox .titBox .txt {display:block; margin:5px 0 0 0; font-size:1.25rem; font-weight:300;}
.popWrap_trans .popBox .titBox .tit {display:block; margin:5px 0 0 0; font-size:1.5rem; font-weight:500;}
.popWrap_trans .popBox .contBox {display:block; padding:30px; background:#fff;}
.popWrap_trans .popBox .contBox .imgBox {display:block; padding:0 20px 30px 20px;}
.popWrap_trans .popBox .contBox .imgBox img {width:100%; object-fit:cover;}
.popWrap_trans .popBox .btnBox {display:block; margin:0;}
.popWrap_trans .popBox .btnBox a {display:block; width:100%; margin:0; font-size:1rem; font-weight:500;}
.popWrap_trans .popBox .closeBox {display:block; margin:0; text-align:center;}
.popWrap_trans .popBox .closeBox a {display:block; width:100%; margin:0; font-size:1rem; font-weight:500;}
.popWrap_trans .popBox .closeBox .btn_pop_close {display:inline-block; padding:15px 0; color:#fff; font-size:1rem; font-weight:300; vertical-align:middle; background:none;}
.popWrap_trans .popBox .closeBox .btn_pop_close:after {content:''; display:inline-block; width:12px; height:12px; margin:0 0 0 5px; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_thin_w.svg") repeat 50% 50%/cover;}
.popWrap_trans .popBox .closeBox a + a {margin:5px 0 0 0;}

/* 25진심배송 */
.fullPopWrap.GHD25 {background:#fcfaf7;}
.fullPopWrap.GHD25 .fullPopBox {width:550px; border:1px solid #1b1b1b;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_top {display:block; padding:70px 40px 20px 40px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_top h3 {display:block; font-size:1.8rem; font-weight:700; line-height:1.4; text-align:left;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_top h3 span {display:block; padding:5px 0 0 0; font-size:1.0rem; font-weight:300;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid {position:relative; padding:20px 40px; min-height:50dvh;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox {clear:both; overflow:hidden; padding:0;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox {position:relative; width:100%; min-height:50px; margin:0 0 20px 0; padding:0; line-height:50px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox:last-child {margin:0;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"] {display:none;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"] + label {width:100%; padding:0; font-size:1.3rem;; font-weight:500; text-align:left; opacity:0.7;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"] + label span {display:block; margin:0; font-size:0.9rem;; font-weight:300; line-height:1.6;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"] + label:before {content:''; position:absolute; top:12px; right:0; width:30px; height:30px; border:1px solid #1b1b1b; border-radius:100px; background:none;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"]:checked + label {font-weight:600; opacity:1.0;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"]:checked + label span {font-weight:400;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"]:checked + label:before {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") no-repeat 50% 50%/50%;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm {padding:20px 40px 50px 40px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm > a, .fullPopWrap.GHD25 .fullPopBox .fullPop_btm > button {display:block; height:60px; margin:0 0 5px 0; color:#FFE5E5; font-size:1.2rem; font-weight:600; text-align:center; line-height:60px; letter-spacing:0; border:1px solid #1b1b1b; border-radius:7px; background:#1b1b1b;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm a:hover, .fullPopWrap.GHD25 .fullPopBox .fullPop_btm button:hover {color:#FFE5E5; border:1px solid #1b1b1b; border-radius:7px; background:#1b1b1b;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle {display:block; margin:0 0 5px 0; padding:10px 20px; border:1px solid #e0e0e0; border-radius:7px; background:#fff;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle:last-child {margin:0;} 
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dt.ques {display:block; position:relative; height:30px; color:#1b1b1b; font-size:1.0rem; line-height:30px; cursor:pointer;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dt.ques:after {content:'+'; position:absolute; top:50%; right:0; font-size:1.8rem; font-weight:300; line-height:1.8; transform:translateY(-50%);}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dd.answ {display:none; margin:10px 0 0; padding:20px 0 0 0; border-top:1px solid #1b1b1b;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dd.answ .pmt_msg {padding:10px 0 30px 0;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dd.answ .pmt_msg dl.info dd {padding:0 0 0 80px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dd.answ .pmt_msg dl.info dt {left:0;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dd.answ img {width:100%; object-fit:cover;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle.active {position:absolute; bottom:50px; left:40px; width:calc(100% - 80px); margin:0; z-index:10;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle.active dt.ques:after {content:'-';}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle.active dd.answ {display:block;}

.box-category-sub {display:none; max-width:1200px; margin:0 auto; padding:13px 0 15px 0; justify-content:space-between; align-items:center; background:rgb(235,234,222,0.95);}
.box-category-sub.on {display:block;}
.box-category-sub dl.sub_category-area {clear:both; overflow:hidden; margin:0 0 10px 0; padding:0 30px 10px 30px; text-align:left; line-height:20px; border-bottom:1px solid rgba(14,14,14,0.08);}
.box-category-sub dl.sub_category-area:last-child {margin:0; padding:0 30px; border:none;}
.box-category-sub dl.sub_category-area dt {float:left; margin:0 25px 0 0; color:#1b1b1b; font-size:13px; font-weight:500;}
.box-category-sub dl.sub_category-area dd {float:left;}
.box-category-sub dl.sub_category-area dd ul.list-category {clear:both; overflow:hidden;}
.box-category-sub dl.sub_category-area dd ul.list-category li.category-item {float:left; color:#1b1b1b; font-size:13px; font-weight:300; margin:0 20px 0 0; cursor:pointer;}
.box-category-sub dl.sub_category-area dd ul.list-category li.category-item.on {font-weight:400; text-decoration:underline; }
.box-category-sub dl.sub_category-area dd ul.list-category li.category-item:last-child {margin:0;}

.box-category-sub.nego {background:rgba(246,197,0,1.0);}
.box-category-sub.nego dl.sub_category-area dt {font-weight:400;}
.box-category-sub.nego dl.sub_category-area dd ul.list-category li.category-item {font-weight:500;}
.box-category-sub.nego dl.sub_category-area dd ul.list-category li.category-item.on {font-weight:700;}

.navTrigger {display:none;}
.pc {display:block}
.mobile {display:none;}

/* 재입고알림 */
.btn_restock {display:block; clear:both; overflow:hidden; text-align:center;}
.btn_restock .restock {display:inline-block; width:87%; padding:15px 0; color:#fcfaf7; letter-spacing:0; background:#1b1b1b;}
.btn_restock .restock .name {display:block; font-size:18px; font-weight:500; letter-spacing:0;}
.btn_restock .restock .cl_b {display:block; font-size:12px; font-weight:300; letter-spacing:0;}
.btn_restock .restock .cl_b i {font-style:normal;}
.btn_restock + .btn_sns_share {display:inline-block; width:87%; margin:20px 0 0 0; padding:18px 0; color:#fcfaf7; font-size:18px; font-weight:500; letter-spacing:0; border:none; background:#1b1b1b;}
.btn_restock + .desc {display:inline-block; width:87%; margin:15px 0 70px 0; padding:0; color:#1b1b1b; letter-spacing:-0.5px;}

.wrap.detail .btns-pay .btn_restock {display:none; width:100% !important; margin:10px 0 0 0;}
.wrap.detail .btns-pay .btn_restock .restock {display:block; width:100%;}
.wrap.detail .btns-pay .btn_restock + .btn_sns_share {display:inline-block; width:80%; padding:15px 0; color:#fcfaf7; letter-spacing:0; background:#1b1b1b;}
.wrap.detail.soldout .btns-pay .btn_restock {display:block;}

/* 마이페이지-회원탈퇴 */
#withdrawal table.check-field {margin:15px;}
#withdrawal table.check-field textarea {margin:0 0 20px 0; padding:10px; resize:none;}
#withdrawal table.check-field-m {}
#withdrawal table.check-field-m tbody tr {}
#withdrawal table.check-field-m tbody tr td {padding:10px 10px 10px 50px !important;}
#withdrawal table.check-field-m tbody tr:first-child td {padding:30px 10px 10px 50px !important;}
#withdrawal table.check-field-m tbody tr:last-child td {padding:5px 20px 30px 50px !important;}
#withdrawal table.check-field-m tbody tr td textarea {height:100px !important; margin:0 !important; padding:15px; font-size:0.9rem;}
#withdrawal p.light-sm {font-size:13px; line-height:24px !important;}
#withdrawal p.light-sm-m {padding:0 15px !important; font-size:14px !important; line-height:20px !important;}
#withdrawal p.regular-16 {margin-bottom:20px;}
#withdrawal .form-group {margin-bottom:50px;}
#withdrawal div.form-btn-group {padding:0 10%;}
#withdrawal div.form-btn-group > button {}

#withdrawal .modal.show .modal-dialog {background:none}
#withdrawal .modal.show .modal-dialog .modal-body {background:#fcfaf7;}

.header.away {top:-60px;}
.topBanner + .header.away {top:-96px;}
.ui-mobile.down .topBanner + .header.away {top:-60px;}

/* 모바일 하단 메뉴 */
.m_fnb {display:none; position:fixed; bottom:0; left:0; width:100%; font-size:14px; background-color:rgba(252,250,247,0.7); backdrop-filter:blur(25px); z-index:10;}
.m_fnb ul.nav {display:flex; max-width:1200px; height:100%; margin:10px auto 20px auto; padding:0 10px; text-align:center; box-sizing:border-box;}
.m_fnb ul.nav li {flex:1; width:20%; text-align:center;}
.m_fnb ul.nav li a {display:block; width:100%; line-height:1.2;}
.m_fnb ul.nav li a:before {content:''; display:inline-block; width:28px; height:28px;}
.m_fnb ul.nav li a.ico_menu:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_menu_gray.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.ico_store:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_store_gray.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.ico_home:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_home_gray.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.ico_cart:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_cart_gray.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.ico_myPage:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_user_gray.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a span {display:block; padding:2px 0 0 0; font-size:0.80rem; font-weight:400; letter-spacing:-0.5px;}
.m_fnb ul.nav li a.active.ico_menu:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_menu_bk.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.active.ico_store:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_store_bk.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.active.ico_home:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_home_bk.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.active.ico_cart:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_cart_bk.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.active.ico_myPage:before {background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_user_bk.svg") no-repeat center center/cover;}
.m_fnb ul.nav li a.active span {font-weight:500;}

/* 레이어-장바구니 담기 */
.lyr_cart {position:fixed; top:20px; left:50%; bottom:auto; width:calc(100% - 40px); max-width:380px; padding:18px; border-radius:12px; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,0.15); opacity:0; visibility:hidden; transform:translateX(-50%) translateY(-120%); transition:transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; z-index:500;}
.lyr_cart.is_show {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); transition:transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;}
.lyr_cart .msg_benefit {margin:0 0 10px; padding:8px 0; border-radius:8px; background:#f6f3ef; font-size:13px; line-height:1.4; font-weight:500; text-align:center; word-break:keep-all;}
.lyr_cart .inner {display:flex; align-items:center; justify-content:space-between; gap:12px;}
.lyr_cart .inner .info {flex:1; min-width:0;}
.lyr_cart .inner .info .prod_price {display:inline-block; margin:0 5px 4px 0; font-size:16px; line-height:1.2; font-weight:700; vertical-align:middle;}
.lyr_cart .inner .info .prod_price:after {content:'원'; display:inline-block; font-weight:600;}
.lyr_cart .inner .info .prod_del {display:inline-block; color:#1b1b1b; font-size:14px; line-height:1.2; font-weight:300; text-decoration:line-through; vertical-align:middle; opacity:0.5;}
.lyr_cart .inner .info .prod_del:after {content:'원'; display:inline-block; text-decoration:line-through;}
.lyr_cart .inner .info .msg_nextBenefit {margin-top:2px; color:#007aff; font-size:14px; line-height:1.4; font-weight:400; word-break:keep-all;}
.lyr_cart .inner .btn {flex-shrink:0;}
.lyr_cart .inner .btn .btn_bg_blue {display:inline-flex; position:relative; align-items:center; justify-content:center; width:120px; height:46px; padding:0; border-radius:8px; border:none; background:#007aff; color:#ffffff; font-size:15px; line-height:1; font-weight:500; text-decoration:none; box-sizing:border-box; white-space:nowrap;}
.lyr_cart .inner .btn .btn_bg_blue .cart_qty_badge {position:absolute; top:-6px; right:-4px; min-width:20px; height:20px; padding:0 6px; color:#ffffff; font-size:11px; font-weight:700; line-height:20px; text-align:center; border-radius:999px; box-sizing:border-box; background:#1b1b1b;}
.lyr_cart .progress-bar {overflow:hidden; height:4px; margin-top:12px; border-radius:999px; background:#f6f3ef;}
.lyr_cart .progress-bar .progress-bar-fill {display:block; height:100%; background:#007aff; transition:width 0.35s ease;}

/* 리뷰 */
.reviewArea {display:block; padding:0;}
/* 리뷰-총점 */
.reviewArea .review_star {display:flex; max-width:980px; margin:0 auto; align-items:center; justify-content:space-between;}
.reviewArea .review_star .cl_b {display:flex; align-items:center; gap:8px;}
.reviewArea .review_star .cl_b .star_progress {display:inline-block; overflow:hidden; position:relative; width:170px; height:32px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_star_blue_off.svg") no-repeat 0 50% / 170px 100%;}
.reviewArea .review_star .cl_b .star_progress .star_progress_fill {position:absolute; top:0; left:0; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_star_blue_on.svg") no-repeat 0 50% / 170px 100%; font-size:0; color:transparent;}
.reviewArea .review_star .cl_b .score {font-size:24px; line-height:1; font-weight:600;}
.reviewArea .review_star .review_num {margin:0; font-size:14px; line-height:1.4; font-weight:400; color:#8d8d8d;}
/* 리뷰-포토존 */
.reviewArea .review_photo {display:block; max-width:980px; margin:0 auto; padding:25px 0;}
.reviewArea .review_photo .lst_photo {display:grid; grid-template-columns:repeat(8, 1fr); gap:8px;}
.reviewArea .review_photo .lst_photo li {position:relative; overflow:hidden; aspect-ratio:1 / 1; border-radius:4px; background:#f6f3ef;}
.reviewArea .review_photo .lst_photo li:nth-child(8):after {display:none;}
.reviewArea .review_photo .lst_photo li:nth-child(n+9) {display:block;}
.reviewArea .review_photo .lst_photo li img {display:block; width:100%; height:100%; object-fit:cover;}
.reviewArea .review_photo .lst_photo.is-show li:nth-child(8):after {content:'더보기'; display:flex; position:absolute; top:0; left:0; align-items:center; justify-content:center; width:100%; height:100%; color:#ffffff; font-weight:400; font-size:15px; line-height:1; background:rgba(0,0,0,0.5); }
.reviewArea .review_photo .lst_photo.is-show li:nth-child(n+9) {display:none;}
/* 리뷰-AI 인사이트 */
.reviewArea .review_aiInsight {display:block; max-width:980px; margin:0 auto 25px auto; padding:25px 25px; border-radius:8px; background:#f6f3ef;}
.reviewArea .review_aiInsight h5 {display:block; margin:0 0 10px; font-size:15px; font-weight:600; line-height:1.4;}
.reviewArea .review_aiInsight dl {display:block; margin:0;}
.reviewArea .review_aiInsight dl dt.tit {display:block; font-size:14px; font-weight:500; line-height:1.4;}
.reviewArea .review_aiInsight dl dd.txt {display:block; margin:7px 0 0; font-size:14px; color:#525252; font-weight:400; word-break:keep-all;}
.reviewArea .review_aiInsight dl dd.tag {display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0;}
.reviewArea .review_aiInsight dl dd.tag span {display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:0 12px; color:#6f6f6f; font-size:13px; font-weight:400; line-height:1.0; border-radius:999px; background:#fff;}
/* 리뷰-리뷰 글 */
.review_post {display:block; margin:0 0 50px 0; padding:0;}
.review_post .lst_post {display:block; margin:0 0 15px 0;}
.review_post .lst_post > li {display:grid; grid-template-columns:150px minmax(0, 1fr); gap:16px 24px; padding:20px 0; border-bottom:1px solid #eee;}
.review_post .lst_post > li:last-child {border:none;}
.review_post .lst_post li .lot_top {grid-column:1; grid-row:1;}
.review_post .lst_post li .lot_top .star_progress {display:inline-block; overflow:hidden; position:relative; width:100px; height:26px; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_star_blue_off.svg") no-repeat 0 50% / 100px 100%;}
.review_post .lst_post li .lot_top .star_progress .star_progress_fill {position:absolute; top:0; left:0; height:100%; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_star_blue_on.svg") no-repeat 0 50% / 100px 100%; font-size:0; color:transparent;}
.review_post .lst_post li .lot_top .user_name {display:block; margin:5px 0 0 0; color:#6f6f6f; font-size:13px; line-height:1; font-weight:400; vertical-align:middle;}
.review_post .lst_post li .lot_top .write_date {display:block; margin:7px 0 0 0; color:#6f6f6f; font-size:13px; line-height:1; font-weight:400;}
.review_post .lst_post li .lot_mid {grid-column:2; grid-row:1; min-width:0;}
.review_post .lst_post li .lot_mid .lst_photo {display:grid; margin:0 0 10px 0; grid-template-columns:repeat(5, 1fr); gap:10px;}
.review_post .lst_post li .lot_mid .lst_photo li {position:relative; overflow:hidden; border-radius:4px; background:#f6f3ef;}
.review_post .lst_post li .lot_mid .lst_photo li img {display:block; width:100%; height:100%; object-fit:cover;}
.review_post .lst_post li .lot_mid .txt {display:-webkit-box; margin:0; font-size:14px; font-weight:400; line-height:1.5; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.review_post .lst_post li .lot_mid .txt.is-show {overflow:visible; height:auto; text-overflow:initial; white-space:pre-wrap; -webkit-line-clamp:initial;}
.review_post .lst_post li .lot_btm {grid-column:1 / -1; grid-row:2; display:flex; align-items:center;}
.review_post .lst_post li .lot_btm .source {display:inline-block; margin:0 0 0 172px; padding:5px 10px; color:#525252; font-size:12px; border-radius:4px; background:#f6f3ef;}
.review_post .lst_post li .lot_btm .btn_more {display:inline-flex; align-items:center; gap:6px; margin-left:auto; margin-right:5px; padding:0; border:0; color:#1b1b1b; font-size:13px; font-weight:300; background:none; cursor:pointer;}
.review_post .lst_post li .lot_btm .btn_more:after {content:''; display:inline-block; width:6px; height:6px; border-top:1px solid #1b1b1b; border-right:1px solid #1b1b1b; transform:rotate(135deg); margin-top:1px;}
.review_post .lst_post li .lot_btm .btn_more.active:after {transform:rotate(-45deg);}
/* 리뷰-후기 더보기 */
.review_post .btn_review_more {width:100%; height:56px; line-height:54px; font-size:15px; font-weight:400; text-align:center; border:1px solid rgba(14,14,14,0.3); background:#ffffff;}

@media screen and (max-width:780px) {

/* 리뷰-총점 */
.reviewArea .review_star {display:block; text-align:center;}
.reviewArea .review_star .cl_b {display:inline-flex; align-items:center; gap:3px;}
.reviewArea .review_star .cl_b .star_progress {width:130px; height:24px; background:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_star_blue_off.svg) no-repeat 0 50% / 130px 100%;}
.reviewArea .review_star .cl_b .star_progress .star_progress_fill {background:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_star_blue_on.svg) no-repeat 0 50% / 130px 100%;}
.reviewArea .review_star .cl_b .score {font-size:20px; font-weight:500;}
.reviewArea .review_star .review_num {font-size:13px;}
/* 리뷰-포토존 */
.reviewArea .review_photo {padding:15px 20px 20px 20px;}
.reviewArea .review_photo .lst_photo {grid-template-columns:repeat(4, 1fr);}
/* 리뷰-AI 인사이트 */
.reviewArea .review_aiInsight {margin:0 auto; border-radius:0;}
/* 리뷰-리뷰 글 */
.review_post {margin:20px 0 50px 0;}
.review_post .lst_post > li {display:block; padding:20px;}
.review_post .lst_post li .lot_top {display:flex; margin:0 0 10px 0; align-items:center; gap:8px;}
.review_post .lst_post li .lot_top .write_date {margin-left:auto;}
.review_post .lst_post li .lot_mid .lst_photo {grid-template-columns:repeat(2, 1fr);}
.review_post .lst_post li .lot_mid .lst_photo li:nth-child(n+3) {display:none;}
.review_post .lst_post li .lot_mid .txt {margin:0 0 10px 0;}
.review_post .lst_post li .lot_mid .txt.is-show {margin:15px 0 0 0;}
.review_post .lst_post li .lot_btm {display:flex; align-items:center; justify-content:space-between;}
.review_post .lst_post li .lot_btm .source {margin:0; padding:5px; font-size:11px; line-height:1.0; letter-spacing:-0.5px;}
.review_post .lst_post li .lot_btm .btn_more {font-size:12px;}
/* 리뷰-후기 더보기 */
.review_post .btn_review_more {width:calc(100% - 40px); height:52px; margin:0 20px; line-height:50px;}
	
/* 레이어-장바구니 담기 */
.lyr_cart {top:auto; bottom:20px; max-width:none; padding:12px; transform:translateX(-50%) translateY(120%);}
.lyr_cart.is_show {transform:translateX(-50%) translateY(0);}
.lyr_cart .msg_benefit {font-size:12px;}
.lyr_cart .inner .info .prod_price {font-size:18px; letter-spacing:-0.2px;}
.lyr_cart .inner .info .prod_del {font-size:13px; letter-spacing:-0.1px;}
.lyr_cart .inner .info .msg_nextBenefit {font-size:14px; letter-spacing:-0.2px;}
#m_fnb + #lyr_cart {bottom:95px;}
	
/* 모바일 하단 메뉴 */
.m_fnb {display:block;}
.m_fnb ul.nav li a img {width:20%;}
	
/* 팝업 */
.popWrap_trans .popBox {width:90%;}
.popWrap_trans .popBox .titBox .txt {font-size:1rem;}
.popWrap_trans .popBox .titBox .tit {font-size:1.3rem;}
.popWrap_trans .popBox .contBox {padding:30px 20px 20px 20px;}
.popWrap_trans .popBox .contBox .imgBox {padding:0 20px 30px 20px;}
.popWrap_trans .popBox .btnBox {padding:0;}
	
.header.away {top:-90px;}
.topBanner + .header.away {top:-120px;}
.ui-mobile.down .topBanner + .header.away {top:-90px;}
	
.topBanner .inner .txt_rolling ul li img {width:100%; height:auto; vertical-align:top;}

#complete .innerBox .imgBox {overflow:hidden; padding:10px 0 50px 0;}
#complete .innerBox .imgBox img {scale:1.2;}
#complete .innerBox .imgBox + .btnBox {padding:0 20px;}
	
#withdrawal p.bold-m {font-size:1rem; font-weight:400;}
#withdrawal p.light {font-size:0.9rem !important;}
#withdrawal p.light-m {font-size:0.9rem;}
#withdrawal table.check-field .py-0.px-5 {padding:0 20px !important;}
#withdrawal table.check-field tbody tr td {padding:3px 0.75rem !important;}
#withdrawal table.check-field textarea {height:100px !important; font-size:0.9rem;}
#withdrawal table.check-field-m {}
#withdrawal table.check-field-m tbody tr {}
#withdrawal table.check-field-m tbody tr td {padding:10px 10px 10px 40px !important;}
#withdrawal table.check-field-m tbody tr:first-child td {padding:20px 10px 10px 40px !important;}
#withdrawal table.check-field-m tbody tr:last-child td {padding:5px 10px 10px 40px !important;}
#withdrawal p.light-sm {padding:0 20px !important; font-size:0.8rem;}
#withdrawal label.withdrawal-agreement-m {font-size:0.9rem; font-weight:400;}
#withdrawal div.form-btn-group {padding:0;}
#withdrawal div.form-btn-group > button {height:48px !important; line-height:46px;}
	
.free_dlvry.nego .inner .gauge {margin:0 0 10px 0;} 
.free_dlvry.nego .inner .gauge_icons {display:none;}
.free_dlvry.nego .inner .gauge .bar {height:20px; margin:3px 0;}
.free_dlvry.nego .inner .gauge .bar em {padding:0 10px; font-size:9px; line-height:16px;}
	
.btn_restock {padding:0 20px;}
.btn_restock .restock {display:block; width:100%; padding:15px 0;}
.btn_restock + .btn_sns_share {width:calc(100% - 40px); font-size:1rem;}
.btn_restock + .desc {display:block;  width:100%; margin:10px 0 50px 0; padding:0 20px; font-size:0.85rem; text-align:left;}

.wrap.detail .btns-pay .btn_restock .restock .name {font-size:0.9rem;}
.wrap.detail .btns-pay .btn_restock .restock .cl_b {font-size:0.7rem;}
	
.pc {display:none}
.mobile {display:block;}

.navTrigger{display:block;}
.box-category-sub {margin:10px auto 20px auto; padding:8px 0 10px 0;}
.box-category-sub dl.sub_category-area {margin:10px 10px; padding:0 0 10px 0; letter-spacing:-0.5px;}
.box-category-sub dl.sub_category-area:last-child {padding:0 0 0 10px;}
.box-category-sub dl.sub_category-area dt {margin:0 15px 0 0;}
.box-category-sub dl.sub_category-area dd ul.list-category li.category-item {margin:0 12px 0 0;}
		
.auth .auth-box .skt_title {padding:0 30px;}
/* 시크릿 배너 */
.btns-pay.mobile.v2 + .arcanaBox {display:block;}

}
body,html{min-width:100%;min-height:100%;margin:0;padding:0;font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-weight:300;color:#000;background:#fcfaf7}
.helvetica{font-family:helvetica}
.wrap{padding-bottom:116px;min-height:calc(100vh - 55px); position:relative; z-index:1;}
.wrap.detail{padding-bottom:0}
.header{position:relative; left:0;top:0;width:100%;z-index:1;}
.header h1 a{display:block;width:123px;height:38px;padding-top:16px;margin-top:4px;background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg") no-repeat 50% 16px/contain;}

.header h1 a img{display:none}
.header>.area{ width:100%;max-width:1180px;margin:0 auto;padding:0}
.navTrigger{display:none; width:28px; height:28px; text-align:center; cursor:pointer}
.navTrigger i{content:''; display:block; width:80%; height:1px; background-color:#000;}
.active .navTrigger i,.cover .navTrigger i{background-color:#000}
.navTrigger i:nth-child(1){margin:3px auto 11px;animation:outT .8s backwards;animation-direction:reverse}
.navTrigger i:nth-child(2){margin:0 auto;animation:outBtm .8s backwards;animation-direction:reverse}
@keyframes inT{0%{transform:translateY(0) rotate(0)}
50%{transform:translateY(5px) rotate(0)}
100%{transform:translateY(5px) rotate(135deg)}
}
@keyframes outT{0%{transform:translateY(0) rotate(0)}
50%{transform:translateY(5px) rotate(0)}
100%{transform:translateY(5px) rotate(135deg)}
}
@keyframes inBtm{0%{transform:translateY(0) rotate(0)}
50%{transform:translateY(-8px) rotate(0)}
100%{transform:translateY(-8px) rotate(45deg)}
}
@keyframes outBtm{0%{transform:translateY(0) rotate(0)}
50%{transform:translateY(-8px) rotate(0)}
100%{transform:translateY(-8px) rotate(45deg)}
}
.line-pageTitle{height:105px;margin-top:30px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #1b1b1b}
.right-conts .line-pageTitle{margin-top:80px;margin-bottom:40px;padding-bottom:40px}
.line-pageTitle>.pageTitle{height:29px;line-height:1.25;margin-bottom:16px;font-size:20px;font-weight:400;letter-spacing:normal;color:#1b1b1b}
.line-pageTitle>.pageTitle+p.desc{line-height:1.43;margin-bottom:14px;font-size:20px;font-weight:300;letter-spacing:normal;color:#1b1b1b}
ul.list-filter,ul.list-gnb{list-style:none;padding:0;display:flex;justify-content:center}
ul.list-filter>li,ul.list-gnb>li{float:left;margin:0 18px 0 0;letter-spacing:-.5px;font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:14px;color:#1b1b1b;font-weight:300}
ul.list-filter>li a,ul.list-filter>li button,ul.list-gnb>li a{padding:20px 0;border:0 none;background:0 0}
ul.list-gnb.gt-780>li.ico-cart,ul.list-gnb.gt-780>li.ico-like{margin-left:0;margin-right:10px}
ul.list-gnb.gt-780>li.ico-cart>a,ul.list-gnb.gt-780>li.ico-lang>a,ul.list-gnb.gt-780>li.ico-like>a{display:block;width:24px;height:100%;font-size:9px;font-weight:400;line-height:1.4;letter-spacing:-.09px;text-align:center;color:#1b1b1b;background:transparent no-repeat 50% 50%/contain;}
ul.list-gnb.gt-780>li.ico-cart a{padding-top:26px; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg");}
ul.list-gnb.gt-780>li.ico-cart a .cart-header-count {font-weight:400;}
ul.list-gnb.gt-780>li.ico-like a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg");}
ul.list-gnb.mobile{margin:14px -16px 0 0}
ul.list-gnb.mobile>li{margin:0 6px;color:#000}
.active ul.list-gnb.mobile>li{color:#000}
ul.list-gnb.mobile.m-sub-menu{justify-content:space-between;width:100%;margin:-16px 0 0 0;font-size:16px;font-family:NotoSansCJKkr,sans-serif;font-weight:300}
ul.list-gnb.mobile.m-sub-menu>li>a{padding:0}
ul.list-gnb.mobile.m-sub-menu.main>li>a{color:#fff}
ul.list-gnb.mobile>li.login{width:28px; margin:0; font-size:10px; text-align:center; line-height:34px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login.svg") no-repeat 50% 0%/28px 28px;}
ul.list-gnb.mobile>li.cart{width:28px; margin:0 0 0 12px; font-size:10px; text-align:center; line-height:34px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg") no-repeat 50% 0%/28px 28px;}
ul.list-gnb.mobile>li.cart .cart-header-count{color:#000; font-weight:400;}
.m_white ul.list-gnb.mobile>li.cart .cart-header-count{color:#fff; font-weight:400;}
.active ul.list-gnb.mobile>li.cart,.cover ul.list-gnb.mobile>li.cart {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg");}
ul.list-gnb.mobile>li.like{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg")}
ul.list-filterBtns>li button{padding:0 22px 0 2px;font-weight:300;background:transparent no-repeat right 2px center}
ul.list-filterBtns>li .btn-filter{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_sort3_bk.svg")}
ul.list-filterBtns>li .btn-sort{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_sort2_bk.svg")}
[class*=layer-]{position:fixed;right:0;top:0;width:480px;height:100%;padding:40px;background:#fff;z-index:10;transition:all .3s ease-in-out}
.layer-gnb{top:0; left:0; z-index:999999999}
[class*=layer-] h3{margin-bottom:60px;font-size:20px;font-weight:400;line-height:1;letter-spacing:-.2px;color:#1b1b1b}
[class*=layer-] .btn-close{position:absolute;right:10px;top:10px;width:40px;height:40px;background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_close_thin_bk.svg") no-repeat center center/24px 24px}
.layer-select h3{line-height:1;margin-bottom:45px;font-size:20px;letter-spacing:-.2px;color:#1b1b1b}
[class*=layer-] ul[class*=list-]{display:block;font-size:14px;font-weight:300;letter-spacing:-.14px;color:#1b1b1b}
[class*=layer-]:not(.on){right:-480px}
.layer-filter.in-first{transition:right .3s ease-in-out}
.layer-filter{right:-480px;transition:left .3s ease-in-out}
.layer-filter.on{right:0}
.layer-gnb:not(.on){left:-100%;}
[class*=layer-]:not(.on)+.dim{display:none}
[class*=layer-]:not(.on) h3,[class*=layer-]:not(.on) ul.list-select{display:none}
[class*=layer-] ul[class*=list-]>li{float:none;height:50px;line-height:47px;margin:0;font-weight:300;letter-spacing:0;color:inherit;cursor:pointer}
[class*=layer-] ul[class*=list-]>li.on,[class*=layer-] ul[class*=list-]>li:hover{font-weight:400;text-decoration:underline}
ul.list-filter>li{line-height:35px}

.layer-gnb.on {padding:0;}
.layer-gnb .ham_top {display:block; overflow:hidden; position:relative; height:55px; border-bottom:1px solid #dee2e6; box-sizing:border-box;}
.layer-gnb .ham_top:before {content:''; display:inline-block; width:100px; height:18px; margin:23px 0 0 20px; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg") no-repeat 50% 50%/100%;}

.layer-gnb .ham_mid {display:block; overflow:auto; position:relative; height:calc(100% - 55px);}
.layer-gnb .ham_mid .adBox {display:block; margin-bottom:20px; padding:17px 0; text-align:center;}
.layer-gnb .ham_mid .adBox a.ico_arw {display:inline-block; position:relative; padding:0 65px 0 45px; font-size:0.75rem; text-align:left; line-height:1.3;}
.layer-gnb .ham_mid .adBox a.ico_arw:hover {text-decoration:underline;}
.layer-gnb .ham_mid .adBox a.ico_arw:before {content:''; position:absolute; top:50%; left:0; width:30px; height:30px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_benefit_w.svg") no-repeat 50% 50%/100%; transform:translate(0,-50%);}
.layer-gnb .ham_mid .adBox a.ico_arw:after {content:'혜택보기'; position:absolute; top:50%; right:0; padding:7px 5px; font-size:0.65rem; color:rgba(252,250,247,0.9); font-weight:300; line-height:1.2; letter-spacing:-0.5px; border:1px solid rgba(252,250,247,0.7); opacity:1.0;}
.layer-gnb .ham_mid .adBox.bg_clr_bk {background:#10109f;}
.layer-gnb .ham_mid .adBox.bg_clr_bk a.ico_arw {color:#fcfaf7;}
.layer-gnb .ham_mid .adBox + .lstBox {height:calc(100% - 212px); margin:0; border-top:none;}
.layer-gnb .ham_mid .adImgBox {display:block;} 
.layer-gnb .ham_mid .adImgBox img {width:100%; object-fit:cover;} 
.layer-gnb .ham_mid .navBox {display:block; overflow:hidden; padding:25px 15px; border-bottom:1px solid #dee2e6;}
.layer-gnb .ham_mid .navBox ul.nav_gnb {display:block; position:relative; padding:0;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li {display:block; margin:0 0 15px 0;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li a {display:block;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li a.nav_1depth {height:auto; font-size:20px; font-weight:500;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li a.nav_1depth.active + ul.nav_snb {height:auto; padding:15px 0 5px 15px; transition:all 0.3s ease-out;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li ul.nav_snb {display:block; overflow:hidden; height:0; padding:0 0 0 15px; line-height:1.4; transition:all 0.3s ease-out;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li ul.nav_snb li {display:block; margin:0 0 10px 0;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li ul.nav_snb li:last-child {margin:0;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li ul.nav_snb li a.nav_2depth {display:inline-block; height:auto; font-size:16px; font-weight:400;}
.layer-gnb .ham_mid .navBox ul.nav_gnb .ham_mid_banner {position:absolute; right:10px; bottom:0;}
.layer-gnb .ham_mid .navBox ul.nav_gnb .ham_mid_banner img {width:140px;}
.layer-gnb .ham_mid .navBox ul.nav_etc {display:block; margin:30px 0 0 0; padding:0;}
.layer-gnb .ham_mid .navBox ul.nav_etc li {display:block; margin:0 0 10px 0;}
.layer-gnb .ham_mid .navBox ul.nav_etc li:last-child {margin:0 0 5px 0;}
.layer-gnb .ham_mid .navBox ul.nav_etc li a {display:inline-block; height:auto; font-size:15px; font-weight:400;}

.layer-gnb .ham_btm {display:block; padding:20px 20px 35px 20px;}
.layer-gnb .ham_btm ul.lst_rang { clear:both; overflow:hidden; height:24px; margin:0 0 25px 0; text-align:center;}
.layer-gnb .ham_btm ul.lst_rang li {display:inline-block; margin:0 10px;}
.layer-gnb .ham_btm ul.lst_rang li:first-child {margin:0 10px 0 0;}
.layer-gnb .ham_btm ul.lst_rang li:last-child {margin:0 0 0 10px;}
.layer-gnb .ham_btm ul.lst_rang li a {font-size:13px; font-weight:300;}
.layer-gnb .ham_btm ul.lst_rang li a.active {font-weight:500; text-decoration:underline;}
.layer-gnb .ham_btm button.btn {position:relative; width:100%; height:46px; margin:0; color:#fff; font-size:0.9rem; line-height:46px; text-align:center; border:1px solid rgba(27,27,27,0.3); border-radius:0; background:#1b1b1b;}

.layer-gnb .navBox ul.list-gnb {clear:both; overflow:hidden;}
.layer-gnb .navBox ul.list-gnb>li{float:left;width:33.3333%; height:90px; margin:10px 0 0 0; color:#1b1b1b; font-size:13px; font-weight:300; text-align:center; line-height:1.5; letter-spacing:-0.5px; background:transparent no-repeat 50% 0%; background-size:40px;}
.layer-gnb .navBox ul.list-gnb>li.ico-mission   {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_mission.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-store     {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_store.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-customize {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_customize.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-archive   {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_archive.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-b2b       {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_b2b.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-cart      {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-faq       {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_faq.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-like      {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-mycare    {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_mycare.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-zero-waste{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_zero_waste.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-crew      {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_crew.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-diagnosis {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_diagnosis.svg")}
.layer-gnb .navBox ul.list-gnb>li.ico-peptacica {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_peptacica.png")}
.layer-gnb .navBox ul.list-gnb>li a {padding:45px 0 0 0;}

.layer-filter .filter-wrap{height:calc(100vh - 230px);overflow-y:auto;margin-right:-40px;padding-right:40px;-webkit-overflow-scrolling:touch}
.layer-filter .total-txt{font-size:14px;color:rgba(255,72,0,1.0);line-height:20px;font-weight:300}
.layer-filter .total-txt .total-count{color:#10069f}
[class*=layer-] .filter-wrap .filter-list{display:flex;flex-wrap:wrap}
[class*=layer-] .filter-wrap .filter-list li{width:50%}
[class*=layer-] .filter-wrap .filter-list li.full-type{width:100%}
[class*=layer-] ::-webkit-scrollbar{width:4px}
[class*=layer-] ::-webkit-scrollbar-track{background-color:transparent}
[class*=layer-] ::-webkit-scrollbar-thumb{border-radius:30px;background-color:rgba(0,0,0,.1);border:none}
[class*=layer-] ::-webkit-scrollbar-button{width:0;height:0}
[class*=layer-] [class*=column-]>dt button{width:100%;line-height:1.43;margin-bottom:16px;letter-spacing:-.14px;text-align:left;font-size:14px;color:#1b1b1b; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat 100% 0%/contain;}
[class*=layer-] [class*=column-]>dt.on button{background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg") no-repeat 100% 0%/contain;}
[class*=layer-] [class*=column-]>dt .filter-open{display:flex;justify-content:space-between;padding-right:28px}
.filter-open .filter-title{white-space:nowrap;flex-shrink:0;padding-right:16px}
.filter-open .filter-data{font-size:14px;font-weight:300;color:#1b1b1b;flex:1 auto;word-break:keep-all;text-align:right;line-height:20px}
.choice-group{display:flex;flex-wrap:wrap;max-width:228px;margin-top:-4px}
.choice-group .choice-a{margin-right:6px;margin-bottom:10px}
.choice-a{position:relative;display:inline-block;cursor:pointer}
.choice-a .choice-a-input{position:absolute;opacity:0;top:0;left:0}
.choice-a .choice-a-label{height:30px;width:70px;text-align:center;display:flex;align-items:center;justify-content:center;color:#1b1b1b;font-size:10px;line-height:12px;background-color:#f3f3e5}
.choice-a .choice-a-input:checked+.choice-a-label{background-color:#1b1b1b;color:#fff}
[class*=layer-] [class*=column-]>dt{margin-bottom:20px}
[class*=layer-] [class*=column-]>dt.on{margin-bottom:0}
[class*=layer-] [class*=column-]>dd{display:none;margin-bottom:40px}
[class*=layer-] [class*=column-]>dt.on+dd{display:block}
[class*=layer-] [class*=column-]>dt.on+dd>ul>li{margin-bottom:8px}
[class*=layer-] .btns{position:absolute;left:40px;bottom:20px;width:calc(100% - 80px);height:42px;font-size:0;border-radius:0}
[class*=layer-] .btns .btn{display:inline-block;width:192px;height:42px;margin-left:16px;font-size:14px;font-weight:300;color:#1d1d1f;border:solid 1px #dddcd1;border-radius:0}
[class*=layer-] .btns .btn:first-child{margin-left:0}
.btn-black{color:#fcfaf7!important;border:1px solid #1b1b1b!important;background:#1b1b1b!important}
[class*=layer-] .btns .btn-black{display:inline-block;width:192px;height:42px}
[class*=pop-]{display:none;position:fixed;left:50%;top:50%;width:820px;height:480px;margin:-240px 0 0 -410px;padding:20px 30px;background:#ffffff;transition:all .3s ease-in-out}
[class*=pop-].on{display:block}
[class*=pop-] .header-pop{margin-bottom:12px}
[class*=pop-] h4{margin-bottom:32px;font-size:20px;font-weight:500;line-height:1;letter-spacing:-.2px;text-align:center;color:#1b1b1b}
[class*=pop-] .btn-close{position:absolute;right:20px;top:20px;width:24px;height:24px;border:0 none;background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_close_thin_bk.svg") no-repeat center center/24px 24px}
[class*=pop-] .body-pop{position:relative}
[class*=pop-] .popNext,[class*=pop-] .popPrev{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;background:transparent no-repeat center center;cursor:pointer;z-index:8}
[class*=pop-] .popPrev{left:-30px; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/popPrev.svg");}
[class*=pop-] .popNext{right:-30px; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/popNext.svg");}
[class*=pop-confirm-]{top:300px;width:380px;height:auto;margin:0 0 0 -190px;z-index:42}
[class*=pop-confirm-] .line-question{margin:20px auto;font-size:16px;line-height:23px;font-weight:400;text-align:center;color:#1b1b1b}
[class*=pop-confirm-] .line-text{line-height:1.38;margin-bottom:40px;font-size:16px;font-weight:400;text-align:center;color:#1b1b1b}
[class*=pop-confirm-] .footer-pop{font-size:0;padding:0 32px 24px}
[class*=pop-confirm-] .footer-pop.center{text-align:center}
[class*=pop-confirm-] .footer-pop .btn{display:inline-block;width:calc(50% - 8px);min-width:initial;height:46px;line-height:44px;margin-left:16px;font-size:14px;border:solid 1px #dddcd1}
[class*=pop-confirm-] .footer-pop .btn:first-child{margin-left:0}
[class*=pop-confirm-] .line-text{padding:25px 0 0}
.pop-option{width:500px;height:auto;margin-left:-250px;padding:0 60px 48px;background:#fff}
.pop-option.on{display:block}
.pop-option .header-pop{height:80px;margin:0 -60px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1);background-color:#fff}
.pop-option .header-pop h4{line-height:80px;margin:0;font-size:18px}
.pop-option .header-pop .btn-close{right:30px;top:30px;width:20px;height:20px;background-size:20px 20px}
.pop-option .line-pdt{padding:40px 0 20px}
.pop-option .line-pdt dl.column-pdt{display:flex;justify-content:flex-start}
.pop-option .line-pdt dl.column-pdt>dt{width:100px;height:100px}
.pop-option .line-pdt dl.column-pdt>dt img{width:100px;height:100px}
.pop-option .line-pdt dl.column-pdt>dd{line-height:100px;font-size:16px;font-weight:500;text-indent:10px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop-option .line-selectOption{margin-bottom:25px}
.pop-option .line-selectOption select{width:100%;height:49px;font-size:16px;border:solid 1px #e2e2e2;background:#fff}
.pop-option .line-selectedOptions{margin-bottom:15px}
.pop-option .line-selectedOptions ul.list-selectedOptions{overflow-y:auto;max-height:300px}
.pop-option .line-selectedOptions ul.list-selectedOptions>li{position:relative;display:flex;line-height:30px;margin-bottom:20px}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>span.optionNm{width:145px;font-size:15px;line-height:30px;text-indent:15px;letter-spacing:-.53px;color:#1b1b1b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.spinner{display:flex}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.spinner .minus{width:30px;height:30px;line-height:25px;padding:0;margin:0;display:inline-block;background-color:#fff;border:1px solid #ccc;margin-right:-1px;outline:0;cursor:pointer}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.spinner input.prod-cnt{font-size:14px;font-weight:400;line-height:1.86;max-width:50px;width:30px;height:30px;padding:0;margin:0;display:inline-block;border:1px solid #ccc;text-align:center;outline:0}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.spinner .plus{width:30px;height:30px;line-height:25px;padding:0;margin:0;display:inline-block;background-color:#fff;border:1px solid #ccc;margin-left:-1px;outline:0;cursor:pointer}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.optionPrice{position:absolute;right:50px;top:0;font-size:15px;letter-spacing:-.53px;text-align:right;color:#1b1b1b}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.btn-close{position:absolute;right:15px;top:0;background-size:10px 10px}
.pop-option .line-btns .btn{width:100%;height:73px;line-height:70px;text-align:center;font-size:21px;font-weight:500;color:#fff;background:#000}
.pop-bestReview,.pop-writeQuestion{z-index:10}
.pop-option{z-index:42}
.dim,.gnb-dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:7; transition:all .4s ease-in-out;}
.gnb-dim{z-index:99999999}
[class*=pop-].on+.dim{display:block!important;z-index:41}
.dim.on{display:block}
.dim-cross{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:8;transition:all .4s ease-in-out}
.dim-cross.on{display:block}
.dim.z8{z-index:8}
.bg-01{background:#fcfaf7}
.section{background:none;}
.section>.area{width:1180px;margin:0 auto}
.section.wide>.area{width:100%}
.kit-pageStep{overflow:hidden}
.kit-pageStep.pc{overflow:hidden;font-size:14px;font-weight:400}
.kit-pageStep .step{float:left;vertical-align:middle;text-transform:uppercase}
.kit-pageStep .step:before{content:"";display:inline-block;width:20px;height:20px;margin:0 12px;vertical-align:middle; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_stepArrow.svg") no-repeat 50% 50%/contain;}
.kit-pageStep .step:first-child:before{display:none}
[class*=container-]{overflow:hidden}
[class*=container-] .line-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #1b1b1b}
[class*=container-] .line-header>h4{line-height:1.25;font-size:20px;font-weight:400;color:#1b1b1b}
[class*=container-] .line-header>.btns .btn{line-height:1.43;font-size:14px;font-weight:400;color:#1b1b1b}
[class*=container-] .line-header>.btns .btn-edit:before{content:"편집"}
[class*=container-].edit .line-header>.btns .btn-edit:before{content:"취소"}
[class*=container-] ul.list-products>li .btn-check{position:absolute;right:16px;top:16px;width:18px;height:18px; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/check_off.svg") no-repeat 50% 50%/cover; z-index:2;outline:0;opacity:0;pointer-events:none;transition:all .3s ease}
[class*=container-].edit ul.list-products>li .btn-check{opacity:1;pointer-events:all}
[class*=container-].edit ul.list-products>li .btn-check.checked{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/check_on.svg");}
[class*=container-] .line-btns{margin-bottom:60px;text-align:center;font-size:0}
[class*=container-] .line-btns.btns-control{opacity:0;pointer-events:none;transition:all .3s ease}
[class*=container-].edit .line-btns.btns-control{opacity:1}
[class*=container-] .line-btns.btns-control.able{pointer-events:all}
[class*=container-] .line-btns>.btn{display:inline-block;width:140px;height:40px;line-height:36px;margin:0 10px;font-size:13px;font-weight:300;text-align:center;color:#b2b1ac;border:solid 1px #dddcd1}
[class*=container-] .line-btns.btns-control.able>.btn{color:#1b1b1b}
dl.column-product>dt{width:280px;height:295px;margin-bottom:18px;object-fit:contain;background:transparent no-repeat center center/cover}
.like dl.column-product>dt{width:220px;height:232px;margin-bottom:16px}
dl.column-product>dt img{width:100%}
dl.column-product>dd div,dl.column-product>dd p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
dl.column-product>dd .p-name{margin-bottom:2px;font-size:14px;font-weight:300;line-height:1.43;letter-spacing:-.14px;color:#1b1b1b}
dl.column-product>dd .kit-price{margin-bottom:2px;font-size:14px;line-height:1.43;color:#90908a}
dl.column-product>dd .kit-price .p-price{display:inline-block;font-size:14px;line-height:1.43;vertical-align:text-top;letter-spacing:-.14px;color:#1b1b1b}
dl.column-product>dd .p-desc{font-size:14px;font-weight:300;line-height:1.67;letter-spacing:-.12px;color:#1b1b1b}
ul.list-bottomMenu{display:none; position:fixed;left:0;bottom:0; width:100%;text-align:center;font-size:0;background:#ececdb;z-index:6;transition:bottom .5s ease}
ul.list-bottomMenu>li{display:inline-block; position:relative; width:20%;height:54px;padding-top:33px;font-size:9px;font-weight:500;letter-spacing:-.09px;text-align:center;color:#1a1a1a;background:transparent no-repeat center 9px/20px 20px}
ul.list-bottomMenu>li.home{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_home.svg)}
ul.list-bottomMenu>li.home.on{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_home_s.svg)}
ul.list-bottomMenu>li.fit{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_fit.svg)}
ul.list-bottomMenu>li.fit.on{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_fit_s.svg)}
ul.list-bottomMenu>li.store{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_store.svg)}
ul.list-bottomMenu>li.store.on{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_store_s.svg)}
ul.list-bottomMenu>li.like{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_like.svg)}
ul.list-bottomMenu>li.like.on{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_like_s.svg)}
ul.list-bottomMenu>li.mycare{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_mycare.svg)}
ul.list-bottomMenu>li.mycare.on{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/btn_mycare_s.svg)}
ul.list-bottomMenu>li.benefit{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_benefit_gray.svg)}
ul.list-bottomMenu>li.benefit.on{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_benefit_bk.svg)}
ul.list-bottomMenu>li.new:before {content:'NEW'; display:inline-block; position:absolute; top:-10px; left:50%; padding:3px 7px; color:#fcfaf7; font-size:0.5rem; line-height:10px; border-radius:50px; background:#001DFF; transform:translate(-50%,0);}
ul.list-bottomMenu>li.new:after {content:''; position:absolute; top:6px; left:50%; border-left:3px solid transparent; border-right:3px solid transparent; border-top:3px solid #001DFF; transform:translate(-50%,0);}
.box-rangeslider{width:300px;margin-bottom:19px}
.box-rangeslider+p{font-size:13px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.46;letter-spacing:-.13px;text-align:left;color:#555}
dl.column-select{overflow:visible;position:relative;width:100%;font-size:14px;border-bottom:0 none}
dl.column-select>dt{height:40px;line-height:38px;padding:0 12px;font-size:14px;font-weight:300;color:#000;border:solid 1px #dddcd1; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_opendown.svg") no-repeat right 10px center/contain;}
dl.column-select>dt:active,dl.column-select>dt:focus{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_closeup.svg") no-repeat right 10px center/contain;}
dl.column-select>dd{display:none;position:absolute;left:0;top:40px;width:100%;padding-top:8px;background:#fcfaf7;border:solid 1px #dddcd1;border-top:0 none;z-index:3}
dl.column-select>dt.on+dd{display:block!important}
dl.column-select>dd>ul>li{height:36px;line-height:36px;padding:0 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
dl.column-select>dd>ul>li:hover{background-color:#efefe9}
[class*=fixed-]{position:fixed}
[class*=fixed-footer]{bottom:0}
.btns-detail-bottom{position:fixed}
.btn-fixed-footer,.btns-detail-bottom{left:0;bottom:-54px;width:100%;height:54px;z-index:7;transition:all .5s ease}
.btn-fixed-footer.on,.btns-detail-bottom.on{bottom:0}
.left-lnb{float:left;width:180px}
.left-lnb h4{line-height:1.25;margin-bottom:50px;font-size:20px;font-weight:500;letter-spacing:normal;color:#1b1b1b}
.left-lnb ul.list-lnb>li{height:44px;line-height:44px;font-size:16px;font-weight:400;letter-spacing:-.16px;color:#1b1b1b}
.left-lnb ul.list-lnb>li.on{font-weight:500;text-decoration:underline}
.right-conts{float:right;width:980px}
.viewImgBg{background:transparent center center/cover}
.line-btns .btn-logout{width:160px;height:42px;line-height:38px;font-size:14px;font-weight:300;letter-spacing:-.49px;text-align:center;color:#1d1d1f;background:0 0;border:solid 1px #dddcd1}
.line-boxTab{margin:-40px 0 66px}
.line-boxTab ul.list-boxTab{overflow:hidden}
.line-boxTab ul.list-boxTab>li{float:left;min-width:78px;height:32px;padding:0 10px;line-height:30px;margin-right:8px;text-align:center;font-size:14px;font-weight:300;color:#1b1b1b;background:#f3f3e5;cursor:pointer}
.line-boxTab ul.list-boxTab>li.on{color:#fcfaf7;background:#85857e}
.dc,.dc-won{display:inline-block;vertical-align:text-top}
.dc:after{content:"%할인"}
.dc-won:after{content:"원 할인"}
.dc-per:after{content:"% 할인"}
.line-pirce .coupon{display:inline-block;height:21px;line-height:20px;margin-left:8px;padding:0 0 0 8px;vertical-align:middle;font-size:10px;letter-spacing:.3px;text-align:center;color:#1b1b1b;background-color:#e2e2e2;cursor:pointer}
.line-pirce .coupon:after{content:"";display:inline-block;width:21px;height:21px;margin-left:8px;background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_download.svg") no-repeat center right}
.line-pirce .coupon .dc-per{vertical-align:top}
.line-pirce .coupon .dc-per:after{content:"% 할인 쿠폰"}
.box-pdtInfo .line-pirce .coupon span{line-height:inherit;margin-left:0;font-size:10px}
.footer{position:relative; padding:28px;background:#1b1b1b}
.footer .area{max-width:1180px;margin:0 auto}
.footer .area .line-btns{overflow:hidden;margin-bottom:28px}
.footer .area .line-btns a{position:relative;float:left;line-height:1.43;padding:0 16px;font-size:14px;font-weight:300;letter-spacing:normal;text-align:center;color:#fcfaf7}
.footer .area .line-btns a:before{content:"";display:inline-block;position:absolute;left:0;top:4px;width:1px;height:12px;background:#fcfaf7}
.footer .area .line-btns a:first-child{padding-left:0}
.footer .area .line-btns a:first-child:before{display:none}
.footer .area .line-title{line-height:1.38;margin-bottom:20px;font-size:16px;font-weight:400;letter-spacing:-.16px;color:#fcfaf7; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_bottom.svg") no-repeat 100% 50%/contain;}
.footer .area .line-title.on{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_top.svg");}
.footer .area .line-conts{display:none}
.footer .area .line-title.on+.line-conts{display:block}
.footer .area .line-conts{line-height:1.38;margin-bottom:28px;padding-bottom:28px;font-size:13px;font-weight:300;letter-spacing:normal;color:#fcfaf7;border-bottom:solid 1px #dddcd1}
.footer .area .line-conts p{margin-bottom:5px; color:rgba(252,250,247,0.7);}
.footer .area .line-conts a{color:#ffffff; text-decoration:underline}
.footer .area .line-conts strong{margin:0 5px 0 0; color:#fcfaf7; font-weight:400;}

.footer .area .contact_us {display:block; line-height:1.38;margin-bottom:28px;padding-bottom:28px;font-size:13px;font-weight:300;letter-spacing:normal;color:#fcfaf7;border-bottom:solid 1px #dddcd1}
.footer .area .contact_us ul.lst {display:inline-block; margin:0;}
.footer .area .contact_us ul.lst li {display:inline-block; margin:0 15px 0 0; color:rgba(252,250,247,0.7);}
.footer .area .contact_us ul.lst li strong {display:inline-block; margin:0 5px 0 0; color:rgba(252,250,247,1.0); font-weight:400;}
.footer .area .contact_us ul.lst li a {display:inline-block; min-width:auto; height:auto; padding:0;}
.footer .area .contact_us p {display:inline-block; margin:0 15px 0 0; color:rgba(252,250,247,0.7);}
.footer .area .contact_us p strong {display:inline-block; margin:0 5px 0 0; color:rgba(252,250,247,1.0); font-weight:400}

.footer .area .line-copyright{line-height:1.14;margin-bottom:22px;font-size:14px;font-weight:300;letter-spacing:-.14px;color:#fcfaf7}
body>div.ui-loader.ui-corner-all.ui-body-a.ui-loader-default{display:none!important}
.mobile-menu-container.active,.mobile-menu-container.cover{transition:background-color 1s;}
#purchase .dc{display:block;font-size:12px}
#purchase .dc:after{display:none}
#purchase .dc span{font-size:12px;text-decoration:line-through;color:#b2b2b2}
#purchase .dc span:after{content:"원"}
#purchase .dc strong{font-size:12px;font-weight:500;color:#10069f}
#purchase .dc strong:after{content:"원 할인"}
#purchase .price{font-size:22px;font-weight:500;text-align:center;color:#000}
#purchase .price:after{content:"원"}
#purchase .cnt:after{content:"개"}
.list-options{padding:10px 0;border-top:1px dashed #ccc}
.list-options>li{font-size:12px;height:19px;line-height:19px;color:#82827a}
.list-options-01{margin-top:14.5px;padding:14.5px 0;border-top:1px dashed #ccc}
.list-options-01>li{line-height:1.54;font-size:13px;color:#82827a}
.list-options-01>li .qty:before{content:"/"}
.list-options-01>li .qty:after{content:"개"}
.list-options-01>li .price:before{content:":"}
.list-options-01>li .price:after{content:"원"}
.line-inputCoupon{margin-bottom:44px}
.line-inputCoupon>input[type=text]{width:310px;height:40px;line-height:40px;margin-right:10px;padding:0 10px;font-size:14px;font-weight:300;color:#1b1b1b;border:solid 1px #dddcd1;background:#f6f3ef}
.line-inputCoupon>button{height:40px;line-height:40px;padding:0 10px;text-align:center;font-size:14px;color:#fcfaf7}
.mobile-header{display:none;position:relative;height:56px;text-align:center}
.mobile-header h4{line-height:56px;font-size:20px;letter-spacing:-.6px;color:#1b1b1b}
.mobile-header .btn-prev{position:absolute;left:20px;top:7px;width:44px;height:44px;background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_prev.png") no-repeat center center}
.mobile_show{display:none}
.modal-body .iframe-box{max-width:400px;margin:0}
.modal-body .iframe-box img{max-width:100%;vertical-align:top}
.select-type-a{display:flex;align-items:center}
.select-type-a .bootstrap-select{height:40px;width:220px}
.select-type-a .n-installment{margin-left:18px!important;color:#868686;font-size:13px;cursor:pointer;text-decoration:underline}
.select-type-a .bootstrap-select>.dropdown-toggle{height:40px;padding:0 12px;background-color:transparent}
.select-type-a .bootstrap-select .dropdown-toggle .filter-option{max-height:40px!important;display:flex;align-items:center}
#installmentModal .modal-dialog{max-width:400px}
.for-a11y{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;text-indent:-99em}
.component-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:100}
.component-dialog.active{display:flex}
.component-dialog .dialog-content{background-color:#ffffff;padding:20px;font-weight:400;position:relative}
.component-dialog .dialog-content.type-alert{width:380px;padding:45px 24px 24px}
.component-dialog .dialog-content.type-alert .btn{min-width:160px}
.component-dialog .dialog-message{font-size:16px;line-height:22px;color:#1b1b1b;text-align:center}
.component-dialog .dialog-message .txt-point{color:#10069f}
.component-dialog .dialog-btn-group{margin-top:35px;display:flex;align-items:center;justify-content:center}
.component-dialog .dialog-btn-group .btn{height:46px;font-size:14px;min-width:132px}
.component-dialog .dialog-btn-group .btn~.btn{margin-left:8px}

.component-dialog .dialog-btn-group2 {display:block; margin-top:35px; align-items:center; justify-content:center}
.component-dialog .dialog-btn-group2 button {display:block; width:100%; height:46px; margin:0 0 5px 0;}
.component-dialog .dialog-btn-group2 button:last-child {margin:0;}
.component-dialog .dialog-btn-group2 .btn-green {color:#fff; font-weight:500; border:1px solid #1b1b1b; background:#1b1b1b;}
.component-dialog .dialog-btn-group2 .btn-line{color:#8B827B; font-weight:300; border:1px solid #fff; background:#fff;}

.component-dialog .btn-complete,.component-dialog .btn-line{border:solid 1px #dddcd1;background-color:transparent}
.component-dialog .dialog-content .dialog-close-btn{position:absolute;width:17px;height:17px;top:20px;right:20px;background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/btns/btn-dialog-close.svg") no-repeat 50% 50%/100%;}
.component-dialog .dialog-content .dialog-title{padding-bottom:20px;text-align:center;font-size:16px;font-weight:500;color:#1b1b1b}
.component-dialog .dialog-content.type-share{width:320px}
.dialog-content.type-share .share-area{padding:10px}
.dialog-content.type-share .product-content{display:flex;margin-top:10px;border-bottom:1px solid #dddcd1;align-items:center;padding-bottom:20px}
.dialog-content.type-share .product-content .img-box{width:56px;height:56px;overflow:hidden;margin-right:8px;flex-shrink:0}
.dialog-content.type-share .product-content .img-box img{width:100%;height:100%;vertical-align:top;object-fit:contain}
.dialog-content.type-share .product-content .txt-box{flex:1 auto}
.dialog-content.type-share .product-content .txt1{font-size:13px;font-weight:300;line-height:20px;color:#1b1b1b}
.dialog-content.type-share .product-content .txt2{font-size:14px;font-weight:400;color:#1b1b1b;line-height:20px}
.dialog-content.type-share .share-btn{margin-top:10px;display:flex}
.dialog-content.type-share .share-btn [class^=btn-share-]{flex:1 auto;text-align:center;position:relative;background-color:transparent}
.dialog-content.type-share .share-btn [class^=btn-share-]:before{content:'';width:45px;height:45px;display:block;margin:0 auto;background-size:100%}
.dialog-content.type-share .share-btn .share-name{margin-top:10px;text-align:center;font-size:12px;color:#1b1b1b;font-weight:400}
.dialog-content.type-share .share-btn .btn-share-1:before{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/icon-sns1.svg") no-repeat 50% 50%/contain;}
.dialog-content.type-share .share-btn .btn-share-2:before{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/icon-sns2.svg") no-repeat 50% 50%/contain;}
.dialog-content.type-share .share-btn [class^=btn-share-]~[class^=btn-share-]:after{content:'';position:absolute;width:1px;height:40px;top:50%;margin-top:-20px;left:0;background-color:#dddcd1}
.scroll-off{overflow:hidden}
.btn-line-a{border:1px solid #dddcd1;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:300;color:#1b1b1b;padding:0 28px;background-color:transparent}

.adBox {display:block; padding:30px 16px; text-align:center;}
.adBox a.ico_arw {display:inline-block; position:relative; min-height:clamp(36px, 8vw, 50px); padding-left:clamp(45px, 8vw, 70px); padding-right:clamp(95px, 10vw, 105px); color:#1b1b1b; font-size:clamp(14px, 1.5vw, 17px); font-weight:400; text-align:left; line-height:1.4; letter-spacing:-0.02em; box-sizing:border-box; vertical-align:middle;}
.adBox a.ico_arw:hover {text-decoration:underline;}
.adBox a.ico_arw:before {content:''; position:absolute; top:50%; left:0; width:clamp(36px, 8vw, 50px); height:clamp(36px, 8vw, 50px); background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_benefit_w.svg") no-repeat 50% 50%/100%; transform:translateY(-50%); opacity:0.6;}
.adBox a.ico_arw:after {content:'혜택보기'; display:inline-flex; position:absolute; top:50%; right:0; align-items:center; justify-content:center; min-width:clamp(58px, 8vw, 78px); padding:12px 15px; font-size:clamp(12px, 1.2vw, 14px); color:rgba(252,250,247,0.9); font-weight:500; line-height:1.2; letter-spacing:0; border:1px solid rgba(51, 51, 51, 0.2); border-radius:0; transform:translateY(-50%); letter-spacing:-0.5px; opacity:1; box-sizing:border-box; white-space:nowrap;}

.adBox.bg_clr_bk {background:#f6f3ee;}
.adBox.bg_clr_bk a.ico_arw {color:#fcfaf7;}

.adBox.bg_clr {background:#f6f3ef;}
.adBox.bg_clr a.ico_arw {color:#1b1b1b;}
.adBox.bg_clr a.ico_arw:after {color:#1b1b1b; font-size:0.85rem; font-weight:500; border:1px solid rgba(51, 51, 51, 0.2);}
.adBox.bg_clr a.ico_arw:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_benefit_bk.svg") no-repeat 50% 50%/100%; opacity:1.0;}

/* 공지사항 */
.line-notice{display:block; margin:0 0 40px 0;}
.line-notice dl.noticeBox{margin:0}
.line-notice dl.noticeBox dt,.line-notice dl.noticeBox dd{margin:0}
.line-notice dl.noticeBox dt.titBox{display:block}
.line-notice dl.noticeBox dt.titBox .noticeBtn {display:block; position:relative; width:100%; padding:0 36px 0 0; border:0; text-align:left; background:none; cursor:pointer}
.line-notice dl.noticeBox dt.titBox .noticeBtn:after {content:'';position:absolute; top:12px; right:5px; width:8px; height:8px; border-top:2px solid #111; border-right:2px solid #111; transform:translateY(-50%) rotate(45deg); transition:transform .3s ease;}
.line-notice dl.noticeBox dt.titBox .tit {display:block; font-size:20px; font-weight:600; line-height:1.4;}
.line-notice dl.noticeBox dt.titBox .txt {display:block; margin:10px 0 0 0; font-size:14px; line-height:1.6;}
.line-notice dl.noticeBox dd.contBox {clear:both; overflow:hidden; max-height:0; margin:30px 0 0 0; transition:max-height 0.4s ease;}
.line-notice dl.noticeBox dd.contBox dl.item {float:left; width:50%; margin:0 0 20px 0;}
.line-notice dl.noticeBox dd.contBox dl.item dt,.line-notice dd.contBox dl.item dd {margin:0}
.line-notice dl.noticeBox dd.contBox dl.item .tit {display:block; position:relative; padding:0 0 0 25px; color:#007afb; font-size:16px; font-weight:700; line-height:1.5;}
.line-notice dl.noticeBox dd.contBox dl.item .tit:before {content:"✓"; position:absolute; top:0; left:0; color:#007afb; font-size:20px;}
.line-notice dl.noticeBox dd.contBox dl.item .txt {display:block; margin:5px 0 0 0; padding:0 0 0 25px; font-size:14px; line-height:1.7;}
.line-notice dl.noticeBox dd.contBox dl.item .desc {position:relative; padding:0 0 0 15px; font-size:13px; line-height:1.6; opacity:0.7;}
.line-notice dl.noticeBox dd.contBox dl.item .desc:before {content:'·'; position:absolute; left:0;}

.line-notice.open dl.noticeBox dd.contBox{max-height:1000px;}
.line-notice.open dl.noticeBox dt.titBox .noticeBtn:after{transform:translateY(-50%) rotate(-45deg)}

/* 팝업-네고왕 */
.popRound_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99999;}
.popRound_wrap .popRound_inner {overflow:hidden; position:absolute; top:50%; left:50%; width:450px; padding:30px 20px 20px 20px; border-radius:16px; background:#fcfaf7; transform:translate(-50%,-50%);}
.popRound_wrap .popRound_inner.pd0 {padding:0;}
.popRound_wrap .popRound_inner.pd0 img {width:100%; object-fit:cover;}
.popRound_wrap .popRound_inner.pd0 .pop_variable {display:block;}
.popRound_wrap .popRound_inner.pd0 .pop_variable .img {width:100%; object-fit:cover;}

.popRound_wrap .popRound_inner .ft_clr_blue {color:#007afb;}
.popRound_wrap .popRound_inner .btn_close {overflow:hidden; position:absolute; top:15px; right:15px; width:24px; height:24px; text-indent:-99px; border-radius:999px; background:rgba(14,14,14,0.4); z-index:1;}
.popRound_wrap .popRound_inner .btn_close:before {content:''; position:absolute; top:50%; left:50%; width:13px; height:2px; border-radius:99px; background:#ffffff; transform:translate(-50%, -50%) rotate(45deg);}
.popRound_wrap .popRound_inner .btn_close:after {content:''; position:absolute; top:50%; left:50%; width:13px; height:2px; border-radius:99px; background:#ffffff; transform:translate(-50%, -50%) rotate(-45deg);}
.popRound_wrap .popRound_inner .popRound_top {display:block; padding:0 0 20px 0;}
.popRound_wrap .popRound_inner .popRound_top h4 {display:block; margin:0; font-size:20px; font-weight:600; text-align:center; line-height:1.4;}
.popRound_wrap .popRound_inner .popRound_top .desc {display:block; margin:5px 0 0; font-size:15px; font-weight:300; text-align:center; line-height:1.4;}
.popRound_wrap .popRound_inner .popRound_mid {display:block; max-height:50dvh; overflow-y:auto;}
.popRound_wrap .popRound_inner .popRound_mid .txt {display:block; text-align:center;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift {display:block;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item {display:flex; align-items:center; gap:12px; margin:0 0 10px 0; border:3px solid #f6f3ef; border-radius:8px; background:#f6f3ef;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item:last-child {margin:0;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item.active {border:3px solid #007afb;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .thumb {flex:0 0 100px; width:100px;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .thumb img {width:100%; height:auto; object-fit:cover; border-radius:8px;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info {flex:1; display:flex; flex-direction:column; justify-content:center; min-width:0;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info .prod_name {display:block; font-size:17px; font-weight:500;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info .prod_price {display:block; margin:6px 0; font-size:15px; font-weight:400; opacity:0.5;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info .prod_star {display:block; font-size:15px; font-weight:500;}
.popRound_wrap .popRound_inner .popRound_mid .notice_desc {padding:20px 0 5px 0;}
.popRound_wrap .popRound_inner .popRound_mid .notice_desc p.dot {display:block; position:relative; margin:0 0 7px 0; padding:0 5px 0 12px; font-size:13px;}
.popRound_wrap .popRound_inner .popRound_mid .notice_desc p.dot:before {content:'ㆍ'; position:absolute; top:1px; left:0;}
.popRound_wrap .popRound_inner .popRound_mid .notice_desc p.dot :last-child {margin:0;}

.popRound_wrap .popRound_inner .popRound_btm {display:block; padding:15px 0 0 0;}
.popRound_wrap .popRound_inner .popRound_btm button {display:block; width:100%; padding:17px 0; color:#1b1b1b; font-size:16px; font-weight:500; border:1px solid #1b1b1b; border-radius:8px; background:#ffffff;}
.popRound_wrap .popRound_inner .popRound_btm button:disabled {opacity:0.2; pointer-events:none;}
.popRound_wrap .popRound_inner .popRound_btm button + button {margin:7px 0 0 0;}
.popRound_wrap .popRound_inner .popRound_btm .btn_bg_bk {color:#ffffff; background:#1b1b1b;}
.popRound_wrap .popRound_inner .popRound_btm .btn_bg_w {color:#1b1b1b; background:#ffffff;}
.popRound_wrap .popRound_inner .popRound_btm .al_c {display:flex; margin-top:15px; justify-content:center; gap:10px;}
.popRound_wrap .popRound_inner .popRound_btm .al_c a {display:inline-flex; min-width:80px; align-items:center; justify-content:center; height:44px; padding:0; border-radius:99px; font-size:15px; font-weight:500; text-decoration:none; background:#edeae6;}
.popRound_wrap .popRound_inner .popRound_btm .al_c a.active {color:#ffffff; background:#007aff;}

.newbPop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
.newbPop .newbPopBox {overflow:hidden; position:absolute; top:50%; left:50%; width:360px; padding:0; background:none; transform:translate(-50%,-50%);}
.newbPop .newbPopBox .newbPop_cont {clear:both; overflow:hidden; position:relative; border-radius:20px; background:#fdfaf8;}
.newbPop .newbPopBox .newbPop_cont .imgBox {display:block;}
.newbPop .newbPopBox .newbPop_cont .imgBox img {width:100%; object-fit:cover;}

.newbPop .newbPopBox .newbPop_cont .couponStack {position:relative; width:calc(100% - 20%); /* 쿠폰 높이 + 뒤 카드가 내려오는 영역 확보 */height:150px; margin:0 10%; box-sizing:border-box;}
.newbPop .newbPopBox .newbPop_cont .couponStack .cpn {position:absolute; top:0; left:0; right:0; /* 실제 쿠폰 카드 높이 (이미지 비율에 맞게 조정) */height:110px; text-align:center; transform-origin:top center; transition:transform 0.5s ease, opacity 0.5s ease; will-change:transform, opacity;}
.newbPop .newbPopBox .newbPop_cont .couponStack .cpn img {display:inline-block; width:auto; height:100%; object-fit:cover;}

.newbPop .newbPopBox .newbPop_cont .cont_btn {display:block; padding:0 20px;}
.newbPop .newbPopBox .newbPop_cont .cont_btn a {display:flex; margin:0 0 5px 0; justify-content:center; align-items:center; width:100%; height:56px; font-size:1rem; font-weight:500; text-align:center; line-height:1.4; border-radius:8px;}
.newbPop .newbPopBox .newbPop_cont .cont_btn a.btn_bg_bk { color:#ffffff; background:#1b1b1b;}
.newbPop .newbPopBox .newbPop_cont .cont_btn a.btn_bg_2 {color:#1b1b1b; background:#ffffff;}
.newbPop .newbPopBox .newbPop_cont .cont_btn2 {display:block; padding:0;}
.newbPop .newbPopBox .newbPop_cont .cont_btn2 a.btn_img {display:block; margin:0; height:auto;}
.newbPop .newbPopBox .newbPop_cont .cont_btn2 a.btn_img img {width:100%; object-fit:cover;}
.newbPop .newbPop_cookie_btn {display:flex; justify-content:space-between; align-items:center; margin:0 0 10px 0; padding:0 4px;}
.newbPop .newbPop_cookie_btn .btn_txt {padding:0; color:#fff; font-size:0.8rem;; font-weight:400; line-height:1; border:0; background:none; cursor:pointer; opacity:0.7;}
.newbPop .newbPop_cookie_btn .al_l {text-align:left;}
.newbPop .newbPop_cookie_btn .al_c {text-align:center;}
.newbPop .newbPop_cookie_btn .al_r {text-align:right;}

.spclAdBox {display:block; margin:15px 0 10px 0;}
.spclAdBox .btn_imgBox {display:block; position:relative; width:100%; color:#fff; font-size:16px; font-weight:500; background:#1b1b1b;}
.spclAdBox .btn_imgBox img {width:100%; object-fit:cover;}
.spclAdBox .btn_imgBox img.pc {display:block;}
.spclAdBox .btn_imgBox img.mo {display:none;}

.pop_spclAdBox {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999999;}
.pop_spclAdBox .pop_contBox {display:block; clear:both; overflow:hidden; position:absolute; top:50%; left:50%; width:400px; background:#fff; transform:translate(-50%,-50%);}
.pop_spclAdBox .pop_contBox .btn_spclAdBox_close {overflow:hidden; position:absolute; top:15px; right:15px; width:40px; height:40px; text-indent:-99px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260625/btn_close_bk.png") no-repeat 50% 50%/100%;}
.pop_spclAdBox .pop_contBox .imgBox {display:block;}
.pop_spclAdBox .pop_contBox .imgBox img {width:100%; object-fit:cover;} 
.pop_spclAdBox .pop_contBox .relativeBox {position:relative;}
.pop_spclAdBox .pop_contBox .relativeBox span.tip_bubble {content:''; position:absolute; top:-32px; left:50%; min-width:50px; padding:7px 10px; color:#ffffff; font-size:0.8rem; font-weight:500; line-height:1.0; border-radius:20px; background:#007afb; transform:translateX(-50%); animation:tip_bubble 4.0s infinite;}
.pop_spclAdBox .pop_contBox .relativeBox span.tip_bubble:after {content:''; position:absolute; left:50%; bottom:-4px; border-top:5px solid #007afb; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:0px solid transparent;}

@keyframes tip_bubble {
0%   {transform:translateX(-50%) translateY(0);}
25%  {transform:translateX(-50%) translateY(6px);}
50%  {transform:translateX(-50%) translateY(0);}
51%  {transform:translateX(-50%) translateY(0);}
75%  {transform:translateX(-50%) translateY(6px);}
100% {transform:translateX(-50%) translateY(0);}
}
.pop_spclAdBox .pop_contBox .relativeBox img {width:100%; object-fit:cover;} 

@media (max-width:781px){		
.spclAdBox .btn_imgBox img.pc {display:none;}
.spclAdBox .btn_imgBox img.mo {display:block;}
	
.pop_spclAdBox {position:fixed; top:0; left:0; width:100%; height:100%;}
.pop_spclAdBox .pop_contBox {overflow:auto; position:relative; top:0; left:0; width:100%; height:100vh; transform:translate(0%,0%);}
	
.newbPop {height:calc(100% - 78px);}
.newbPop .newbPopBox {top:auto; bottom:0; left:0; width:100%; transform:translate(0,0);}
.newbPop .newbPopBox .newbPop_cont {border-radius:15px 15px 0 0;}
.newbPop .newbPopBox .newbPop_cont .couponStack .cpn {height:120px;}
.newbPop .newbPop_cookie_btn {margin:0 0 12px 0; padding:0 20px;}
.newbPop .newbPop_cookie_btn .btn_txt {font-size:1rem;}
.couponSwiper {margin:20px auto 0;}
	
.newbPop .newbPopBox.type_center {top:50%; bottom:auto; left:50%; width:80%; transform:translate(-50%,-50%);}
.newbPop .newbPopBox.type_center .newbPop_cont {border-radius:15px;}
	
.popRound_wrap .popRound_inner {width:90%; border-radius:12px; overscroll-behavior:contain;}
.popRound_wrap .popRound_inner .popRound_top h4 {font-size:17px;}
.popRound_wrap .popRound_inner .popRound_top .desc {margin:3px 0 0; font-size:13px;}
.popRound_wrap .popRound_inner .popRound_mid .txt {font-size:15px;}
.popRound_wrap .popRound_inner .popRound_btm .al_c {gap:7px;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item {gap:0;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .thumb {width:80px; flex:0 0 80px;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info {}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info .prod_name {font-size:0.8rem; line-height:1.2; font-weight:600;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info .prod_price{margin:2px 0; font-size:0.7rem; font-weight:300;}
.popRound_wrap .popRound_inner .popRound_mid ul.lst_gift li.item .info .prod_star {font-size:0.7rem; font-weight:400;}
.popRound_wrap .popRound_inner .popRound_mid .notice_desc p.dot {margin:0 0 5px 0; font-size:0.7rem;}
.popRound_wrap .popRound_inner .popRound_btm button {padding:15px 0; font-size:15px;}

.line-notice {margin:0; padding:0; border-bottom:1px solid #dddcd1;}
.line-notice dl.noticeBox dt.titBox .tit {font-size:15px;}
.line-notice dl.noticeBox dt.titBox .txt {font-size:13px;}
.line-notice dl.noticeBox dd.contBox {margin:15px 0 0 0;}
.line-notice dl.noticeBox dd.contBox dl.item {display:block; float:none; width:100%; margin:0 0 15px 0;}
.line-notice dl.noticeBox dd.contBox dl.item .tit {font-size:14px;}
.line-notice dl.noticeBox dd.contBox dl.item .tit:before {font-size:16px; line-height:1.2;}
.line-notice dl.noticeBox dd.contBox dl.item .txt {min-height:auto; margin:0; font-size:0.95rem;}
.line-notice dl.noticeBox dd.contBox dl.item .desc {font-size:11px;}
	
.footer .area .line-conts p {margin-bottom:7px; font-size:0.75rem;}
.footer .area .contact_us p {margin:0;}
.footer .area .contact_us ul.lst {margin:3px 0 0 0;}
.footer .area .contact_us ul.lst li {margin:0 0 5px 0;}
.footer .area .line-copyright {font-size:0.75rem;}
	
.wrap.detail {padding:0;}

.header .cover h1 a {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_white.svg) no-repeat center 16px/contain;}
.header .cover.mobile-menu-container {transition:none; background-color:transparent;}
.header .cover ul.list-gnb.mobile>li {color:#fff;}
.header .cover ul.list-gnb.mobile.main>li {color:#fff;}
.header .cover ul.list-gnb.mobile>li.cart {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_w.svg) no-repeat center top/28px 28px;}
.header .cover ul.list-gnb.mobile>li.cart .cart-count {color:#fff;}
.header .cover ul.list-gnb.mobile>li.login {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login-w.svg) no-repeat center top/28px 28px;}
.header .cover ul.list-gnb.mobile>li.like {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_w.svg) no-repeat center top/28px 28px;}
.header .cover ul.list-gnb.gt-780>li.ico-cart a {color:#fff; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_w.svg);}
.header .cover ul.list-gnb.gt-780>li.ico-like a {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_w.svg);}
.header .cover ul.list-gnb.gt-780>li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg);}
.header .cover ul.list-gnb.mobile li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg);}
.header .cover ul.list-gnb.mobile.m-sub-menu>li>a {padding:0;}
.header .cover .navTrigger i {background-color:#fff;}
.header .cover ul.list-filter>li,.header .cover ul.list-filter>li {color:#fff;}
.header .cover ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#fff;}
.header .cover ul.list-gnb>li {color:#fff;}
.header .cover ul.list-snb>li {color:#fff;}
	
.header .cover.active h1 a {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg);}
.header .cover.active.mobile-menu-container {transition:none; background-color:transparent;} 
.header .cover.active ul.list-gnb.mobile>li {color:#1b1b1b;}
.header .cove.activer ul.list-gnb.mobile.main>li {color:#1b1b1b;}
.header .cover.active ul.list-gnb.mobile>li.cart {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg) no-repeat center top/28px 28px;}
.header .cover.active ul.list-gnb.mobile>li.cart .cart-count {color:#1b1b1b;}
.header .cover.active ul.list-gnb.mobile>li.login {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login.svg) no-repeat center top/28px 28px;}
.header .cover.active ul.list-gnb.mobile>li.like {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg) no-repeat center top/28px 28px;}
.header .cover.active ul.list-gnb.gt-780>li.ico-cart a {color:#1b1b1b; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg);}
.header .cover.active ul.list-gnb.gt-780>li.ico-like a {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg);}
.header .cover.active ul.list-gnb.gt-780>li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg);}
.header .cover.active ul.list-gnb.mobile li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg);}
.header .cover.active ul.list-gnb.mobile.m-sub-menu>li>a {padding:0;}
.header .cover.active .navTrigger i {background-color:#1b1b1b;}
.header .cover.active ul.list-filter>li,.header .cover ul.list-filter>li {color:#1b1b1b;}
.header .cover.active ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#1b1b1b;}
.header .cover.active ul.list-gnb>li {color:#1b1b1b;}
.header .cover.active ul.list-snb>li {color:#1b1b1b;}
	
.adBox {padding:25px;}
	
.bestReview .titBox {margin:20px 0 0 0; padding:0 10px;}
.bestReview .titBox .fl_r {float:none;}
.bestReview .titBox .fl_r .txt_desc {float:left;}
.bestReview .titBox .fl_r .txt_desc + .btn_more {float:right;}
.bestReview .lstBox {height:120px; margin:10px 0 15px 0;}
.bestReview .lstBox .lst_photo li a {width:120px; height:120px;}
	
.mobile_show{display:block}
.mobile_show{display:block}
.mobile_hide{display:none}
.wrap{padding-bottom:0}
.header,.section{min-width:auto}
.header{background:0 0;position:relative;overflow:visible!important;height:auto;transition:top .5s ease;top:0; background:none; min-height:5vh;}
.header>.area{overflow:visible!important;height:auto}
.header>.area .line-gnb{height:55px;width:100%;padding-top:0}
.header>.area .line-gnb.mobile-menu-container.active {background-color:rgba(252,250,247,.95);}
ul.list-gnb.mobile.m-sub-menu{display:none;float:none!important;justify-content:space-between;margin-top:0;padding:0 20px}
ul.list-gnb.mobile.m-sub-menu li{margin:0;float:none}
.header>.area .line-gnb h1{position:absolute; top:2px; left:0; margin-left:20px;}
.line-gnb .navTrigger{display:block; position:absolute; top:12px; right:20px; width:28px; height:28px; border:none; background:0 0;}
.header>.area .line-snb{margin-top:48px}
.header h1 a{width:107px;margin-top:0px}
body .wrap{position:relative}
.container-products.like{overflow:visible}
body .wrap .list-bottomMenu{position:sticky;bottom:0}
.section>.area{width:100%}
ul.list-gnb.mobile.float-right{display:none; position:absolute; top:12px; right:65px; float:none !important; margin:0;}
[class*=pop-].wrap{left:0;top:0;width:100%;height:100%;margin:0;padding:20px;overflow-y:auto;z-index:10}
[class*=pop-confirm]{left:20px;top:100px;width:calc(100% - 40px);margin:0 auto}
[class*=layer-]{width:85%; padding:25px 20px}
[class*=layer-] .btn-close{top:20px; right:18px; width:20px; height:20px; background-size:100%;}
[class*=layer-] .column-filter{max-height:calc(100vh - 170px);margin-right:-26px;padding-right:26px}
[class*=crew] .btn-close,[class*=pop-] .btn-close,[class*=welcome] .btn-close{position:absolute; top:18px; right:18px; width:20px;height:20px;background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_close_thin_bk.svg") no-repeat center center/16px 16px}
[class*=layer-] h3{margin-bottom:36px;font-size:14px}
[class*=layer-] ul[class*=list-]>li{height:35px;line-height:35px;font-size:13px}
[class*=layer-] ul.list-gnb>li{height:68px;line-height:1.54; letter-spacing:-.46px}
[class*=pop-] .line-inputCoupon input[type=text]{width:100%;height:36px;line-height:36px;margin-bottom:12px;padding:0 9px;font-size:12px}
[class*=pop-] .line-inputCoupon button{width:100%;text-align:center;font-size:13px}
[class*=pop-confirm-] .line-question{margin:12px auto 32px;font-size:14px;line-height:20px}
[class*=pop-confirm-] .footer-pop{padding:0 34px 20px}
.line-pageTitle{position:relative;padding:114px 20px 39px}
.line-pageTitle .btn{position:absolute;right:0;top:0;height:36px;line-height:33px;padding:0 19px;font-size:14px;color:#1d1d1f;border:1px solid #1b1b1b}
[class*=container-] .line-header{padding:0 20px 16px}
[class*=container-] .line-header>h4{font-size:14px}
.like ul.list-products{width:calc(100% + 40px);margin:0 -20px 20px}
dl.column-product>dt{position:relative;width:100%;height:0;padding-bottom:105.357142857%}
.like dl.column-product>dt{width:100%;height:0}
dl.column-product>dt img{position:absolute;left:0;top:0;width:100%}
.like dl.column-product>dt img{display:none}
dl.column-product>dd>div,dl.column-product>dd>p{padding-left:10px;padding-right:10px}
dl.column-product>dd .p-desc{font-size:12px}
[class*=layer-] .btns{left:30px;width:calc(100% - 50px)}
[class*=layer-] .btns .btn{width:112px;min-width:auto;height:36px;line-height:33px}
.box-rangeslider{width:200px}
.box-rangeslider+p{font-size:11px;padding-bottom:16px}
ul.list-filter>li,ul.list-gnb>li{height:34px;line-height:34px;font-size:16px}
[class*=container-] .line-btns.btns-control{display:block;position:fixed;left:0;bottom:0;width:100%;margin:0;opacity:1;pointer-events:none}
[class*=container-].edit .line-btns.btns-control{display:block;position:fixed;left:0;bottom:0;width:100%;margin:0}
[class*=container-] .line-btns.btns-control.able{pointer-events:all}
[class*=container-] .line-btns.btns-control .btn{position:relative;width:50%;height:54px;line-height:54px;margin:0;font-size:16px;color:#868686;background:#e2e2e2;border:0 none}
[class*=container-] .line-btns.btns-control.able .btn{color:#fcfaf7;background:#1b1b1b}
[class*=container-] .line-btns.btns-control .btn:before{content:"";position:absolute;left:0;top:15px;width:1px;height:24px;background:#868686}
[class*=container-].edit .line-btns.btns-control .btn:before{background:#fcfaf7}
[class*=container-] .line-btns.btns-control .btn:first-child:before{display:none}
.line-boxTab{margin:20px 12px 0 20px}
.line-boxTab ul.list-boxTab>li{min-width:74px;height:28px;line-height:26px;margin-bottom:8px;font-size:12px}
.left-lnb{float:none}
.right-conts{float:none;width:auto}
.footer{padding-bottom:82px}
.wrap.crew~.footer,.wrap.detail~.footer,.wrap.myinfo~.footer,.wrap.welcome~.footer{padding-bottom:28px}
.footer .area{width:100%}
.footer .area .line-title{margin-bottom:16px;font-size:16px;letter-spacing:-.64px; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_bottom.svg") no-repeat 100% 50%/contain;}
.footer .area .line-title.on{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_top.svg")}
.footer .area .line-btns a{font-size:12px;line-height:1.42;padding:0 12px;letter-spacing:-.42px}
.footer .area .line-btns a:first-child{padding-left:0}
.m-py-70{padding-top:70px}
.m-py-50{padding-top:50px}
.mobile-product-sub-menu{width:100%;overflow-x:scroll;white-space:nowrap;height:30px}
.mobile-product-sub-menu>li{display:inline;font-size:14px;font-family:NotoSansCJKkr,sans-serif;font-weight:300;margin:0 6px}
.mobile-product-sub-menu>li.on{font-weight:700}
.pop-option{display:block;left:0;top:100%;width:100%;height:calc(100% - 96px);margin:0;padding:0 15px 20px;transition:all .3s ease}
.pop-option.on{top:96px}
.pop-option.on+.dim{display:block}
.pop-option .header-pop{height:auto;margin:0;padding:20px 0 15px;box-shadow:none}
.pop-option .header-pop h4{line-height:initial;text-align:left}
.pop-option .header-pop .btn-close{right:20px;top:24px;width:16px;height:16px;background-size:16px 16px}
.pop-option .line-pdt{margin-bottom:10px;padding:0}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>span.optionNm{width:calc(100vw - 220px);font-size:13px}
.pop-option .line-selectedOptions ul.list-selectedOptions{overflow-y:auto;height:calc(100vh - 474px)}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.spinner .minus,.pop-option .line-selectedOptions ul.list-selectedOptions>li>.spinner .plus{width:26px;height:26px;line-height:20px}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.spinner input.prod-cnt{height:26px;font-size:12px}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.optionPrice{font-size:13px}
.pop-option .line-selectedOptions ul.list-selectedOptions>li>.btn-close{top:3px;width:20px;height:20px;background-size:8px 8px}
.pop-option .line-btns .btn{height:60px;line-height:60px;font-size:18px}
.layer-filter .filter-wrap{height:calc(100% - 110px);padding-top:26px}
.component-dialog .dialog-content{padding:20px}
.component-dialog .dialog-content.type-alert{padding-top:32px;max-width:calc(100vw - 40px)}
.component-dialog .dialog-content.type-alert .btn{min-width:140px}
.component-dialog .dialog-message{font-size:14px;line-height:20px}
.component-dialog .dialog-btn-group{margin-top:32px}
.component-dialog .dialog-btn-group .btn{height:46px}
.btn-line-a{width:150px; height:34px; padding:0 12px; font-size:13px;}	
	
.flogArea {padding:12% 0 15% 0;}
.flogArea .flogBox {width:100%;}
.flogArea .flogBox dl.msg_flog {padding:0 20px; font-size:1.1rem;}
.flogArea .flogBox dl.msg_flog dt {font-size:1.1em;}
.flogArea .flogBox .srch_flog {margin:35px 0 370px 0; padding:0 14%;}
.flogArea .flogBox .srch_flog .innerBox {max-width:170px; height:46px; }
.flogArea .flogBox .srch_flog .innerBox .ipt_flog_field {width:calc(100% - 40px); padding:0 15px; font-size:1.1rem;}
.flogArea .flogBox .srch_flog .innerBox .btn_flog_srch {width:40px; background-size:50%;}
.flogArea .flogBox .srch_flog p {margin:20px 0 0 0; font-size:1.0rem;}
	
.flogArea .flogBox .flogMap {position:absolute; top:260px; left:50%; width:100%; margin:40px 0 0 0; scale:0.6; transform:translate(-50%, 0);}
.flogArea .flogBox .flogMap ul.lst_map {position:absolute; top:0; width:460px; transform:translate(-25%, -40%);}
.flogArea .flogBox .flogMap .srchResult_txt {top:0; font-size:1.5rem; font-weight:300; transform:translate(-84%, -30%);}
.flogArea .flogBox .flogMap .srchResult_txt strong, .flogArea .flogBox .flogMap .srchResult_txt span {font-weight:300;}
.flogArea .flogBox .flogStory {margin:0;}
.flogArea .flogBox .flogStory .flogStory_txt {margin:55px 0 0 0; padding:0 20px; font-size:1.1rem; letter-spacing:-1px;}	
.flogArea .flogBox .flogStory .flog_banner {margin:55px 0; width:100%; height:auto; padding:0 30px;}
.flogArea .flogBox .flogStory .flog_banner img {width:100%; height:auto;}
.flogArea .flogBox .flogStory .flog_letter {width:100%; height:auto; margin:45px 0 0 0; padding:0 30px; font-size:1rem; letter-spacing:0; background:none;}	
.flogArea .flogBox .flogStory .flog_letter img {display:inline-block; width:100%; height:auto;}
.flogArea .flogBox .flogStory .flog_letterSign {height:60px; margin:50px 0 0 0;}
.flogArea .flogBox .flogStory .flog_letterSign img {margin:0;}
.flogArea .flogBox .flogStory .flog_pp {margin:50px 0 30px 0;}
.flogArea .flogBox .flogStory .flog_instaID {margin:35px 0 0 0; padding:0 20px; font-size:0.75rem; font-weight:300; letter-spacing:0;}	
	
.topBanner + .header {top:0;}
.topBanner {height:30px; line-height:30px;}
.topBanner .inner {width:100%; padding:0;}	
.topBanner .inner .txt {font-size:11px;}
.topBanner .inner .btnBox {margin:4px 0 0 5px; padding:0;}
.topBanner .inner .btnBox a {float:left; margin:0 5px 0 0; padding:2px 3px 1px 3px; font-size:10px;}	
.topBanner .inner .txt_rolling {height:30px;}
.topBanner .inner .txt_rolling ul li {height:30px; line-height:30px;}
	
/* 진심배송 */
.topBanner.sincere {height:46px; padding:7px 0; line-height:46px;}
.topBanner.sincere .inner .txt {font-size:12px; line-height:16px;}
.topBanner.sincere .inner .txt span {display:block; line-height:12px;}
.topBanner.sincere .inner ul.countdown {margin:3px 15px 0 15px; line-height:14px;}
.topBanner.sincere .inner ul.countdown li {width:auto; margin:0 7px 0 0;}
.topBanner.sincere .inner ul.countdown li:last-child {width:auto; margin:0;}
.topBanner.sincere .inner ul.countdown li span {font-size:15px;}
.topBanner.sincere .inner ul.countdown li p {display:block; margin:0; letter-spacing:-1px;}
.topBanner.sincere .inner ul.countdown + .btnBox {margin:4px 0 0 0; padding:0;}
.topBanner.sincere .inner ul.countdown + .btnBox a {float:left; margin:0; padding:3px 7px 3px 7px; font-size:10px;}
.topBanner.sincere + .header {top:50px;}
	
.view_detail {width:100%; margin:100px 0 50px 0;}
.view_detail .new_line {display:block;}	

.view_form {width:100%; padding:0 20px;}
.titArea .txt {font-size:14px;}
dl.ipt_form {display:block;}
dl.ipt_form dt {width:100%; font-size:14px;}
dl.ipt_form dd {width:100%;}

.tbl_cal tbody td {height:46px; font-size:13px;}
.lst_selectTime li {width:21%;}
.lst_selectTime li button {font-size:13px;}
	
.stn_visual dl.bg_ojt {min-height:340px; background-size:auto 100%;}
.stn_visual dl.bg_ojt dt {margin:-25px 0 0 0; font-size:30px; letter-spacing:-1px;}
.stn_visual dl.bg_ojt dd {margin:15px 0 0 0; font-size:14px; letter-spacing:0;}
.stn_visual dl.bg_ojt dd.mgb70 {margin:30px 0 0 0;}
.stn_visual dl.bg_ojt span {transform:translate(-50%, -60%);}
.stn_visual .lyt_30p {padding:0 20px;}
.stn_visual .lyt_30p dl.txt {margin:20px 0;}
.stn_visual .lyt_30p dl.txt dt {font-size:24px;}
.stn_visual .lyt_30p dl.txt dd.date {margin:10px 0 0 0; font-size:14px;}
.stn_visual .lyt_30p dl.counting dt {font-size:24px;}
.stn_visual .lyt_30p dl.counting dd {font-size:36px;}
.stn_visual dl.bg_ojt #vid_pc {display:none;}
.stn_visual dl.bg_ojt #vid_mo {display:block;}
.stn_visual .btnBox {padding:0;}
.stn_visual dl.bg_ojt .imgBox .pc {display:none;}
.stn_visual dl.bg_ojt .imgBox .mo {display:block ;}

.stn_basic {padding:20px 0;}
.stn_basic .category {font-size:12px;}
.stn_basic dl.tit dt {font-size:24px;}
.stn_basic dl.tit dd {margin-bottom:20px; font-size:14px;}
.stn_basic dl.tit_s dt {font-size:18px; letter-spacing:-1px;}
.stn_basic dl.tit_s .countBox ul.countdown {margin:7px 20px 0 20px;}
.stn_basic dl.tit_s .countBox ul.countdown li {width:70px;}
.stn_basic dl.tit_s .countBox ul.countdown li span {font-size:36px;}
.stn_basic dl.tit_s .countBox ul.countdown li p {font-size:12px;}
.stn_basic dl.tit_s .countBox {padding:20px 0;}
.stn_basic.pd0 {padding:20px !important;}
.stn_basic .imgBox {padding:30px 20px;}
.stn_basic .imgBox .txt {font-size:14px; letter-spacing:-0.5px;}
.stn_basic .imgBox img {width:100%;}
.stn_basic .vdoBox {width:100%;}
.stn_basic .photo_desc dt {padding:0 0 12px 0; font-size:20px;}
.stn_basic .photo_desc dd ul.lst li {font-size:14px;}

.lstBox {margin:30px 0 0 0; padding:0 10px;}
.lstBox .tit_lst {font-size:16px;}
.lstBox ul.lyt_hor li {padding:0 10px;}
.lstBox ul.lyt_hor li:after {top:25%; width:15px; height:15px;}
.lstBox ul.lyt_hor li.item_imgTxt span.img img {width:40px;}
.lstBox ul.lyt_hor li.item_imgTxt span {font-size:11px; letter-spacing:-1px;}
.lstBox ul.lyt_hor li.item_imgTxt span.img {width:100%;}
	
.lyt_hor_trans {display:block; margin:30px 0 0 0;}
.lyt_hor_trans .photoBox {width:100%; margin:0 0 50px 0;}
.lyt_hor_trans .photoBox .img {height:auto;}
.lyt_hor_trans .photoBox .img img {width:100%; height:auto;}
.lyt_hor_trans .photoBox .outer_txt {font-size:14px;}
	
.stn_special {padding:50px 0 0 0;}
.stn_special dl.tit {margin:0;}
.stn_special dl.tit dt {font-size:12px;}
.stn_special dl.tit dd {font-size:30px;}
.stn_special dl.desc_medium {margin:30px 0 0 0; padding:0 20px;}
.stn_special dl.desc_medium dt {margin:0 0 15px 0; font-size:14px;}
.stn_special dl.desc_medium dd {font-size:12px;}
.stn_special .lyt_hor {padding:50px 0 30px 0;}
.stn_special .lyt_hor li.logo {height:30px;}
.stn_special .lyt_hor li.logo:first-child {padding:6px 20px 6px 0;}
.stn_special dl.desc_medium dd.icon {margin:50px 0 20px 0;}
.stn_special dl.desc_medium dd.icon img {width:80px;}

.stn_special dl.desc_medium dd.small {font-size:14px;}
.stn_special dl.desc_medium dd.medium {font-size:16px;}
.stn_special dl.desc_medium dd.large {font-size:22px;}
.stn_special dl.desc_medium dd.txt_op60p {font-size:12px;}

.stn_special .msg_letter  {padding:50px 20px;}
.stn_special .msg_letter .tit {margin:0 0 20px 0; font-size:24px;}
.stn_special .msg_letter .img img {display:block; width:100%;;}

.img_symmetry {height:550px; margin:30px 0;}
.img_symmetry .top_left {left:0; height:65%;}
.img_symmetry .btm_right {right:0; height:70%;}

.stn_desc {padding:0 20px 20px 20px}
.stn_desc dl {margin:0 0 30px 0; font-size:12px;}

.md_pop .popBox {width:70%; border-radius:8px;}
.md_pop .popBox .pop_titBox .tit {font-size:24px; letter-spacing:-2px;}
.md_pop .popBox .pop_btnBox a, .md_pop .popBox .pop_btnBox button {height:40px; font-size:13px; line-height:38px;}
.md_pop .popBox .pop_btnBox a:first-child:nth-last-child(2), .md_pop .popBox .pop_btnBox a:first-child:nth-last-child(2) ~ a {font-size:13px;}
.md_pop .popBox .pop_contBox .photoBox .outer_txt {font-size:12px;}
	
.md_pop .popBox2 {width:85%; padding:20px;}
.md_pop .popBox2 .pop_mid img.logo {height:50px;}
.md_pop .popBox2 .pop_mid .txt_l {font-size:1.8rem; line-height:1.4; letter-spacing:-0.5px}
.md_pop .popBox2 .pop_mid .txt_c {font-size:1.4rem; line-height:1.4; letter-spacing:-0.5px}
.md_pop .popBox2 .pop_mid .txt_s {font-size:1.1rem; letter-spacing:-0.5px}
.md_pop .popBox2 .pop_mid .desc {font-size:0.95rem; letter-spacing:-0.5px}
.md_pop .popBox2 .btnBox {padding:0;}
	
.md_pop .doubleDay {width:85%; padding:20px;}
.md_pop .doubleDay .btn_close {top:15px; right:15px;}
.md_pop .doubleDay .pop_mid {padding:0 0 25px 0;}
.md_pop .doubleDay .pop_mid img.logo {width:70%;}
.md_pop .doubleDay .pop_mid dl.contBox dt {padding:15px 0;}
.md_pop .doubleDay .pop_mid dl.contBox dt.txt_c {font-size:1.3rem; line-height:1.4; letter-spacing:0;}
.md_pop .doubleDay .pop_mid dl.contBox dt .cl_b {margin:10px 0 0 0; font-size:0.95rem;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc {margin:12px 0 0 0;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span {font-size:0.95rem; line-height:1.3;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span b.ft_s11 {font-size:0.7rem; letter-spacing:-0.5px;}
.md_pop .doubleDay .pop_mid dl.contBox dd.desc span b.ft_s12 {font-size:0.85rem; letter-spacing:-0.5px;}
.md_pop .doubleDay .btnBox {padding:0;}
	
.md_pop .popBox3 {width:90%; min-width:inherit;}
.md_pop .popBox3 .pop_top .tit {font-size:1.4rem;}
.md_pop .popBox3 .pop_mid .txt {font-size:1.0rem; line-height:1.8;}
.md_pop .popBox3 .pop_btm button {margin:0 0 5px 0; font-size:0.9rem;}
.md_pop .popBox3 .pop_btm button + .desc {font-size:0.8rem;}
	
.md_pop .popBox4 {width:90%; min-width:inherit;}
.md_pop .popBox4 .pop_top .tit {font-size:1.4rem;}
.md_pop .popBox4 .pop_mid .txt {font-size:1.0rem; line-height:2.0;}
.md_pop .popBox4 .pop_mid img {width:90%;}
.md_pop .popBox4 .pop_mid .txt + .desc {font-size:0.7rem; line-height:1.8;}
.md_pop .popBox4 .pop_btm button {font-size:0.9rem;}
	
.reserve_info {display:block; width:100%;}
.reserve_info {padding:20px;}
.reserve_info .msg_complete {margin:0 0 30px 0; font-size:24px;}
.reserve_info .msg_complete span {font-size:14px;}
.reserve_info dl.ipt_form {margin:0; padding:0;}	
.reserve_info dl.ipt_form dt {width:90px; padding:0 10px 0 0;}
.reserve_info dl.ipt_form dd {font-size:14px;}

.btnBox {margin:30px 0; padding:0 20px;}
.btnBox.bg01 {padding:30px 20px;}
.btnBox .tit {font-size:16px;}
.btnBox a, .btnBox button {width:100%; font-size:14px;}
.btnBox a:first-child:nth-last-child(2), .btnBox a:first-child:nth-last-child(2) ~ a {display:inline-block; width:calc(50% - 10px); margin:0 3px;}
	

	
.lyt_hor_trans + .btnBox {padding:0;}
form .btnBox {padding:0;}
}
@media (max-width:767px){
.filter-open .filter-data{font-size:13px}
}
@media (max-width:780px){
.down .header{top:-90px}
.down.not-sticky .header,.not-sticky .header{position:absolute;top:0}
.down .floating{bottom:16px}
.down ul.list-bottomMenu{bottom:-90px}
.modal-body .iframe-box{margin-top:0}
}
@media (min-width:781px){
.header{position:relative}
.header>.area{max-width:inherit}
.line-gnb{transition:background-color 1s;height:60px}
.line-gnb .max-wrap{max-width:1180px;margin:0 auto}
.line-gnb.active{background-color:rgba(252,250,247,0.9)}
.not-sticky .header{position:absolute}
}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent; }
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none; position:relative; float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
/*.slick-slide img{display:block}*/
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.rateit{display:-moz-inline-box;display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
.rateit .rateit-range{position:relative;display:-moz-inline-box;display:inline-block; background-color:transparent; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/star.svg"); background-size:auto 100%;height:16px;outline:0}
.rateit .rateit-range *{display:block}
* html .rateit,* html .rateit .rateit-range{display:inline}
.rateit .rateit-hover,.rateit .rateit-selected{position:absolute;left:0;top:0;width:0}
.rateit .rateit-hover-rtl,.rateit .rateit-selected-rtl{left:auto;right:0}
.rateit .rateit-hover{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/star_s.svg") left 0/auto 100%; color:#efc529}
.rateit .rateit-hover-rtl{background-position:right 0}
.rateit .rateit-selected{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/star_s.svg") left 0/auto 100%;color:#bf4242}
.rateit .rateit-selected-rtl{background-position:right 0}
.rateit .rateit-preset{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/star_s.svg") left 0/auto 100%; color:#ef6b22}
.rateit .rateit-preset-rtl{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/star_s.svg") right 0/auto 100%}
.rateit button.rateit-reset{background:url(delete.gif) 0 0;width:16px;height:16px;display:-moz-inline-box;display:inline-block;display:none!important;float:left;outline:0;border:none;padding:0}
.rateit .rateit-reset span{display:none}
.rateit button.rateit-reset:focus,.rateit button.rateit-reset:hover{background-position:0 0}
.rateit-font{font-size:24px;line-height:1em}
.rateit-font .rateit-range{background:0 0;height:auto}
.rateit-font .rateit-empty{color:#ccc}
.rateit-font .rateit-range>div,.rateit-font .rateit-range>span{background:0 0;overflow:hidden;cursor:default}
.rateit.rateit-font .rateit-reset{font-size:inherit;background-position:0 0;width:.6em;height:.6em;margin-top:.2em;background-color:gray;border-radius:50%;position:relative}
.rateit.rateit-font .rateit-reset span{display:block;font-weight:700;color:#fff;height:calc(50% - .045em);top:0;position:absolute;border-bottom:.09em solid #fff;width:72%;margin-left:14%}
.rateit.rateit-font .rateit-reset:hover,.rateit.rateit-font button.rateit-reset:focus{background:#e6574b;background:radial-gradient(ellipse at center,#e6574b 55%,#f6836b 77%,#f9d3cc 100%);background-position:0 0}
.input-group-checkbox{position:relative;display:inline-block;font-size:13px;font-weight:300;line-height:1.54;margin-right:5px;letter-spacing:-.13px;color:#1b1b1b}
label.input-group-checkbox input[type=checkbox]{position:relative;width:14px;height:15px;opacity:0;cursor:pointer;z-index:3}
label.input-group-checkbox input[type=checkbox]+span{position:relative;display:inline-block;width:14px;height:15px;line-height:inherit;margin:-2px 4px 0 -14px;vertical-align:middle;color:#9c9c9c; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/check_off.svg") no-repeat 50% 50%/contain; pointer-events:none;cursor:pointer;z-index:2}
label.input-group-checkbox input[type=checkbox]:checked+span{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/check_on.svg");}
.input-group-checkbox-02{position:relative;display:inline-block;font-size:13px;font-weight:300;line-height:1.54;letter-spacing:-.13px;color:#1b1b1b}
label.input-group-checkbox-02 input[type=checkbox]{width:26px;height:26px;margin:-7px 1px 0 3px;opacity:0;cursor:pointer}
label.input-group-checkbox-02 input[type=checkbox]+span{position:absolute;display:inline-block;left:0;top:-5px;width:26px;height:26px;line-height:inherit;vertical-align:middle;color:#9c9c9c; background-color:transparent; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/check2_off.svg") no-repeat 50% 50%/cover;z-index:3;pointer-events:none;cursor:pointer}
label.input-group-checkbox-02 input[type=checkbox]:checked+span{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/check2_on.svg");}
@media screen and (max-width:781px){label.input-group-checkbox-02 input[type=checkbox]{width:16px;height:16px;margin:-7px -3px 0 3px}
label.input-group-checkbox-02 input[type=checkbox]+span{top:0;width:16px;height:16px}
}
@media (min-width:780px){
.lt-780{display:none!important}
}
@media (max-width:781px){
.gt-780{display:none!important}
}
.range-figure{overflow:hidden;line-height:1.46;margin-bottom:19px;text-align:center;letter-spacing:-.13px;color:#1b1b1b}
.range-figure span.range-min{float:left;font-size:13px}
.range-figure span.range-max{float:right;font-size:13px}
.range-figure span.range-max:after,.range-figure span.range-min:after{content:"원"}
.rangeslider.ui-widget.ui-widget-content.ui-slider{height:2px;border:0 none;background:rgba(27,27,27,.3)}
.ui-slider-horizontal .ui-slider-range{background:#1b1b1b}
.rangeslider.ui-slider .ui-slider-handle{width:14px;height:14px;margin-left:0;border-radius:50%;object-fit:contain;border:1px solid #1b1b1b;background-color:#fcfaf7;cursor:pointer;top:-6px}
@media screen and (max-width:781px){
.range-figure{font-size:13px}
}
table td .ellipsis{display:inline-block; width:calc(100% - 70px); vertical-align:middle}
table.tbl-basic{width:100%;border-top:1px solid #1b1b1b}
table.tbl-basic th{border-bottom:1px solid #1b1b1b;text-align:center;color:#1b1b1b}
table.tbl-basic thead th{line-height:42px;font-size:14px}
table.tbl-basic td{height:73px;padding:0 15px;vertical-align:middle;text-align:center;font-size:14px;color:#1b1b1b;border-bottom:solid 1px #dddcd1}
table.tbl-basic td.conts{text-align:left}
table.tbl-basic td.conts .unit-img{display:inline-block;width:50px;height:50px;margin-right:12px;vertical-align:middle}
table.tbl-basic td.conts .unit-img img {width:100%;}
.slider-visual .slick-track{/* display:flex;  overflow:hidden; /*aspect-ratio:10 / 2;*/ justify-content:center; align-items:center;}
.slider-visual .slide {}
.slider-visual .slide img{width:100%; /*display:flex; aspect-ratio:10 / 2; justify-content:center; align-items:center; */object-fit:cover;}
.slider-visual .slide .texts{position:absolute;right:140px;top:50%;margin:-85px 0 0;font-size:43px;font-weight:300;line-height:1.33;letter-spacing:-.43px;text-align:right;color:#000;z-index:2}
.slider-visual ul.slick-dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;font-size:0;z-index:2}
.slider-visual ul.slick-dots>li{display:inline-block;text-align:center;width:10px;height:10px;margin:0 4px;vertical-align:middle}
.slider-visual ul.slick-dots>li button{display:inline-block;width:10px;height:10px;padding:3px;border:0 none;background:0 0}
.slider-visual ul.slick-dots>li.slick-active button{padding:2px}
.slider-visual ul.slick-dots>li button:before{content:"";display:inline-block;vertical-align:top;width:4px;height:4px;border-radius:50%;background:#1b1b1b}
.slider-visual ul.slick-dots>li.slick-active button:before{content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;border-radius:50%;background:0 0;border:1px solid #1b1b1b}
.category-filter{overflow:hidden;padding:10px 0 0 0;background-color:rgba(252,250,247,0.9);position:sticky;position:-webkit-sticky;top:0;z-index:5;margin-top:0;transition:top .5s ease,background-color .5s ease}
.category-filter.sticky{background-color:rgba(237,237,219,.95)}
.category-filter .box-category{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.box-category .list-category-area{display:flex;flex:1 auto}
.box-category .list-category .category-item{line-height:40px;font-size:14px;font-weight:400;color:#1b1b1b;margin-right:30px}
.box-category .list-category .category-item.on{text-decoration:underline}
.box-category .list-filter .filter-item{color:#1d1d1f;font-weight:300;margin:0;line-height:40px;font-size:14px;height:40px}
.box-category .list-filter .filter-item~.filter-item{margin-left:20px}
.box-category .box-filter{flex-shrink:0;display:flex;align-items:center;margin-left:auto}
.box-category .box-filter .total-count{font-size:14px;color:#1d1d1f;margin-right:20px;line-height:40px}
.category-filter .sub_category-area{max-width:1200px;margin:0 auto}
.layer-filter .product-sub-category{max-width:320px;flex-wrap:wrap}
.sub_category-area .product-sub-category{display:flex;margin-top:14px}
.sub_category-area .sub-category-item{cursor:pointer;height:30px;background-color:#f3f3e5;color:#1b1b1b;line-height:30px;min-width:70px;text-align:center;white-space:nowrap;margin-right:6px;margin-bottom:8px;font-weight:400;padding:0 4px;font-size:10px}
.sub_category-area .sub-category-item.on{background-color:#85857e;color:#fff}

@media screen and (min-width:1201px){
.box-category .list-category-area{overflow:hidden;position:relative;height:40px}
.box-category .list-category{padding-left:10px;display:flex;position:absolute;top:0}
.list-category-area[data-align=start] .list-category{left:0}
.list-category-area[data-align=end] .list-category{right:0}
.box-category .list-category .category-item{white-space:nowrap; line-height:3;}
.box-category .box-filter{margin-left:40px}
.btn-move-end,.btn-move-start{display:none; position:absolute; top:50%; width:30px; height:20px; margin-top:-10px; z-index:2}
.btn-move-end:disabled,.btn-move-start:disabled{opacity:.4;cursor:default}
.btn-move-start{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/btns/btn-s-left.svg") no-repeat 0 0/100%;left:0}
.btn-move-end{background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/btns/btn-s-right.svg") no-repeat 0 0/100%;right:0}
}
@media screen and (max-width:1200px){
.btn-move-end,.btn-move-start{display:none}
.category-filter{margin-top:0}
.category-filter .box-category{padding:0 20px}
.category-filter .sub_category-area{padding:0}
.category-filter .sub_category-area .product-sub-category{padding-left:20px}
.category-filter .box-category{display:block}
.box-category .list-category{overflow-x:auto;margin:0 -20px -8px;padding-bottom:3px;padding-left:0;-webkit-overflow-scrolling:touch;display:flex}
.box-category .list-category .category-item{margin-right:20px;white-space:nowrap}
.box-category .box-filter{display:none; justify-content:space-between}
.sub_category-area .product-sub-category{margin-top:8px}
.sec2>.area{padding:0 20px}
}
@media screen and (max-width:767px){
.box-category .list-category {padding-left:20px;}
.category-filter{padding:0 0 8px 0;}
.layer-filter h3{margin-bottom:10px}
.layer-filter .product-sub-category{max-width:240px;flex-wrap:wrap}
.layer-filter .total-txt{margin:0 -26px;padding:16px 26px;border-top:1px solid #dddcd1}
}
.list-products.type-flex{display:flex;flex-wrap:wrap;}
.list-products.type-flex .products-item{width:calc((100% - 60px)/ 4);margin:0 20px 64px 0}
.list-products.type-flex .products-item:nth-of-type(4n){margin-right:0}
.list-products.type-flex dl.column-product>dt{width:100%;padding-bottom:105.35714285714%;height:0}
@media screen and (max-width:850px){
.sec2>.area{padding:0}
.list-products.type-flex{margin-top:8px}
.list-products.type-flex .products-item{width:50%;margin:0 0 24px}
.list-products.type-flex dl.column-product>dd{padding:0 20px}
.list-products.type-flex dl.column-product>dd>div,.list-products.type-flex dl.column-product>dd>p{padding:0}
}
ul.list-products{overflow:hidden;margin-bottom:20px}
ul.list-products>li{position:relative;float:left;width:280px;margin-left:20px;margin-bottom:64px;transition:all .3s ease-in-out}
.like ul.list-products>li{width:220px;margin-bottom:40px}
ul.list-products>li:nth-child(4n+1){clear:both}
.like ul.list-products>li:nth-child(4n+1){clear:none}
.like ul.list-products>li:nth-child(5n+1){clear:both}
.btn-like{width:20px;height:20px;background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_heart_bk.svg") no-repeat center center/cover;z-index:2;outline:0}
ul.list-products>li .btn-like{position:absolute;right:16px;top:16px;width:20px;height:20px;background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_heart_neg_bk.svg") no-repeat center center/cover;z-index:2;outline:0}
ul.list-products>li .btn-like.like{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_heart_pos_bk.svg")}
.line-snb{width:100%}
ul.list-products>li .btn-cart{position:absolute;right:16px;top:16px;width:26px;height:26px;background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/event/260326/ui/ico_cartAdd_bk.svg") no-repeat center center/90%;z-index:2;outline:0}
ul.list-snb{overflow-x:hidden;overflow-y:hidden;width:100%;white-space:nowrap}
@media screen and (max-width:781px){
	ul.list-snb{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
ul.list-snb.pc{overflow-x:hidden}
ul.list-snb>li{overflow:auto;display:inline-block;font-size:14px;font-weight:300;line-height:1.43;letter-spacing:-.14px;color:#1b1b1b}
ul.list-snb>li a{display:block;white-space:nowrap;padding:20px 10px 10px}

@media screen and (max-width:780px){
.reviewArea .review_aiInsight dl dd.tag {gap:5px;} 
.slider-visual .slick-track {height:100vh;/*aspect-ratio:10 / 5;*/}
ul.list-snb{margin-top:14px}
ul.list-snb>li a{padding:0 20px 0 0}
.slider-visual .slide {}
.slider-visual .slide img {/*aspect-ratio:10 / 5;*/}
.slider-visual .slide .texts{right:20px;margin-top:-40px;font-size:20px}
.line-filter{margin-bottom:0;padding-top:16px}
.line-filter ul.list-filter>li{margin-right:0;margin-left:10px;font-size:13px;color:#1d1d1f}
ul.list-products>li .btn-like{width:20px;height:18px}
ul.list-products{width:100%}
ul.list-products>li{width:50%;margin-left:0;margin-bottom:24px}
ul.list-products>li:nth-child(2n+1){clear:both}
ul.list-products>li{width:50%;margin-left:0;margin-bottom:24px}
.like ul.list-products>li{width:50%;margin-left:0;margin-bottom:24px}
.like ul.list-products>li:nth-child(5n+1){clear:right}
	
/* 가입완료 */	
#complete {min-height:100vh; padding:0; background-color:transparent;}
#complete .innerBox {padding:0; background:none;}
#complete .innerBox .title {font-size:1.1rem;}
#complete .innerBox .rowBox ul.lst_coupon li button {max-width:250px;}
#complete .innerBox .rowBox ul.lst_coupon li button span.benefit {font-size:1.2rem;}
#complete .innerBox .rowBox ul.lst_coupon li button em.expiry {font-size:0.75rem;}
#complete .innerBox .rowBox .txtBox {padding:0 10% 5% 10%; font-size:0.9rem; line-height:20px;}
#complete .innerBox .rowBox .btnBox {margin:0; padding:0 15px;}
#complete .innerBox .rowBox .btnBox a {font-size:0.875rem;}
#complete .innerBox .rowBox .btnBox button {font-size:1rem;}
	
.simp_confirm {position:fixed;}
.simp_confirm .inner {position:relative; top:50%; left:0; width:100%; height:auto; padding:0 30px; transform:translate(0,-50%);}
.simp_confirm .inner .btnBox {padding:0;}
	
.simp_confirm .inner .step_cp_pick .couponBox span.coupon em {padding:25px 80px 15px 35px;}
	
/* 무료배송 게이지 */
.free_dlvry {margin:20px 0 10px 0; padding:0 15px;}
.free_dlvry .inner {width:100%;}
.free_dlvry .inner .gauge .amount {width:54px; height:26px;}
.free_dlvry .inner .gauge .amount em {font-size:0.6rem; line-height:20px;}
.free_dlvry .inner .gauge .bar {margin:28px 0 3px 0;}
.free_dlvry .inner .gauge .bar em {line-height:13px;}
.free_dlvry .inner .gauge .desc em {font-size:0.65rem;}
	
/* 결제금액증정품 swiper */
.fbBanner {margin:20px 0 10px 0;}
.fbBanner .tit {margin:0; padding:10px 15px 0 15px; text-align:left;}
.fbBanner .tit h4 {display:block; float:none; font-size:0.9rem; text-align:left;}
.fbBanner .tit .desc {display:block; float:none; padding:5px 0 10px 0; font-size:0.7rem; text-align:left;}
.fbBanner.swiper {padding:0 0 10px 0;}
.fbBanner ul.lst li .thumb {width:30%;}
.fbBanner ul.lst li .info {width:70%; padding:20px 15px 0 15px;}
.fbBanner ul.lst li .info em.main_txt {margin:0 0 7px 0; font-size:0.9rem; line-height:20px;}
.fbBanner ul.lst li .info em.main_txt span {font-size:0.8rem;}
.fbBanner ul.lst li .info em.sub_txt {margin:0 0 5px 0; font-size:0.6rem; text-align:right; line-height:16px;}
.fbBanner ul.lst li .info a.btn_arw_txt {font-size:0.75rem;}
	
.openPopWrap .popBox .objectBox img {}
.openPopWrap .popBox .objectBox img.pc {display:none;}	
.openPopWrap .popBox .objectBox img.mo {display:block;}	
.openPopWrap .popBox .objectBox video {}
.openPopWrap .popBox .objectBox video.pc {display:none;}	
.openPopWrap .popBox .objectBox video.mo {display:block;}
	
.openPopWrap .popBox {width:70%;}
	
.fullPopBox {width:100%; height:100%;}
.fullPopBox .fullPop_mid {overflow:auto; height:calc(100% - 140px); max-height:initial;}
.fullPopBox .fullPop_mid.only {height:calc(100% - 60px);}
#fullPop_crewJoin.fullPopBox .fullPop_mid {height:calc(100% - 135px);}
#fullPop_crewJoin.fullPopBox .fullPop_btm {height:135px;}
#fullPop_crewJoin.fullPopBox .fullPop_top + .fullPop_mid {height:calc(100% - 173px);}
#fullPop_crewJoin.fullPopBox .crew_tit {font-size:1.25rem;}
#fullPop_crewJoin.fullPopBox .crew_terms li {font-size:0.9rem;}
#fullPop_crewJoin.fullPopBox .crew_benefit dt {font-size:1rem;}
#fullPop_crewJoin.fullPopBox .crew_benefit dd {font-size:0.9rem;}
	
.lyrImgWrap .lyrImgBox {width:90%;}
	
#complete .innerBox .rowBox ul.lst_benefit.pd20p {padding:10px 15px 30px 15px;}

.footer .area .contact_us {font-size:0.75rem; line-height:1.6;}
	
/* 25진심배송 */
.fullPopWrap.GHD25 .fullPopBox {overflow:auto; width:100%; border:none;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_top {padding:50px 20px 20px 20px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_top h3 {font-size:1.3rem;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid {min-height:300px; height:auto; padding:20px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox {margin:0 0 20px 0;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"] + label {font-size:1.2rem;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"] + label span {font-size:0.85rem;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"]:checked + label {font-size:1.2rem;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_mid .methodBox .iptBox input[type="radio"] + label:before {width:26px; height:26px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm {padding:0 20px 20px 20px}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm > a, .fullPopWrap.GHD25 .fullPopBox .fullPop_btm > button {height:56px; font-size:1.1rem; font-weight:500; line-height:54px;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dt.ques {font-weight:500;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dt.ques:after {font-size:1.5rem;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle dd.answ .pmt_msg hr {position:relative; margin:0 0 10px 0; padding:0;}
.fullPopWrap.GHD25 .fullPopBox .fullPop_btm dl.btn_more_toggle.active {botttom:20px; left:20px; width:calc(100% - 40px);}
	
.pop_alert .alertBox {width:80%;}
.pop_alert .alertBox dl.dl_txt dt {font-size:1.15rem;}
.pop_alert .alertBox dl.dl_txt dd {font-size:0.9rem;}
}