@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* 웹폰트:NotoSansKR(한국어-고딕) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap'); /* 웹폰트:NotoSerifKR(한국어-명조) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); /* 웹폰트:Roboto(영어) */

/* reset */
body,html{width:100%; height:100%; margin:0;padding:0;font-family:'Noto Sans KR',NanumGothic,Dotum,Arial,sans-serif; font-weight:400;}
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-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; 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_w.svg");}
.cover ul.list-gnb li.ico-lang .lst_rang {border:1px solid rgba(255,254,241,1.0); 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:"Noto Sans KR",NanumGothic,Dotum,Arial,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:"Noto Sans KR",NanumGothic,Dotum,Arial,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:absolute; top:36px;}
.ui-mobile.down .topBanner + .header {position:fixed; 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:500; text-align:center; line-height:36px; white-space:nowrap;}
.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 a {color:#1b1b1b; font-size:13px; font-weight:500;}
.topBanner .inner .txt_rolling ul li a strong {font-weight:600;}

.topBanner.bg_clr {background:#ececdc;}
.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:#fffef1; font-size:13px; font-weight:400;}
.topBanner.bg_clr_bk .inner .txt {color:#fffef1; 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 - 184px);}
.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:'Noto Sans KR'; 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:'Noto Sans KR'; 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:'Noto Sans KR'; 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:#fffef1; 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:auto; position:absolute; top:50%; left:50%; width:380px; padding:26px 20px; background:#fffef1; transform:translate(-50%,-50%);}
.md_pop .popBox .pop_titBox {display:block; padding:0 0 10px 0; text-align:center; border-top:2px solid #dddcd1;}
.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 .pop_contBox {display:block; position:relative; padding:30px 0 36px 0;}
.md_pop .popBox .pop_contBox.pdt0 {padding-top: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_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; background:#fffef1; 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:15px; right:15px; width:30px; height:30px; text-indent:-99px; background:none; opacity:0.7;}
.md_pop .popBox2 .pop_top .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 .popBox2 .pop_top .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 .popBox2 .pop_mid {display:block; padding:30px 0 50px 0;} 
.md_pop .popBox2 .pop_mid .txt_l {display:block; color:#1b1b1b; font-size:24px; font-weight:400; line-height:38px;}
.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 .desc {display:block; margin:15px 0 0 0; color:#1b1b1b; font-size:13px; font-weight:300;}
.md_pop .popBox2 .btnBox {margin:0;}
.md_pop .popBox2 .btnBox .btn_bg_bk {color:#fffef1; 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_blue {color:#fffef1; 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:#ececdc;}
.md_pop .popBox2 .btnBox .link_txt_blue span {display:block; font-weight:300;}

.md_pop .popBox3 {position:absolute; top:50%; left:50%; min-width:380px; padding:0; background:#fffef1; 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:#fffef1; background:#1b1b1b;}
.md_pop .popBox3 .pop_btm button.btn_ft_bk {color:#1b1b1b; background:#fffef1;}
.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:#fffef1; 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:#fffef1;}
.md_pop .popBox4 .pop_btm button:last-child {color:#fffef1; background:#1b1b1b;}
 
.md_pop.mainPop {display:block;}
.md_pop.mainPop .popBox {padding:0;}
.md_pop.mainPop .popBox .btn_today_close {position:absolute; bottom:0; left:0; width:100%; height:36px; padding:7px 25px; color:#1b1b1b; font-size:12px; text-align:center; line-height:23px; background:#d7d5c4;}
.md_pop.mainPop .popBox .btn_today_close:hover {text-decoration:underline;}
.md_pop.mainPop .popBox .btn_today_close:after {content:'닫기'; display:inline-block; height:22px; margin:0 0 0 10px; padding:0; color:#000; font-size:12px; font-weight:700; vertical-align:middle; line-height:21px; background:none;}

.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:#fffef1;}

/* 공통-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:#fffef1; cursor:default; pointer-events:none;}

.ft_clr_bk {color:#1b1b1b !important;}
.ft_clr_w {color:#fff !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 - 184px); 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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1;}

/* 간편인증/받기-쿠폰받기선택 */
.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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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 #fffef1;} 

/* 간편인증/받기-쿠폰받기완료 */
.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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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 #fffef1;} 

.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 #fffef1; border-right:6px solid #fffef1; border-bottom:6px solid #1b1b1b; transform:translate(-50%,0) rotate(180deg);}
.free_dlvry .inner .gauge .amount em {display:block; color:#fffef1; 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:#fffef1; 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%;}

/* 공지팝업 */
.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:#fffef1;}
.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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1;}
.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:#fffef1; 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:#fffef1; 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:#fffef1; 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:360px; 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:#fffef1; 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:#fffef1; 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:#fffef1; font-size:12px; font-weight:300; text-align:center; opacity:0.5;}
.popWrap_trans .popBox .pop_mid .desc {display:block; padding:20px 0; color:#fffef1; 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 #fffef1; background:#fffef1;}
.popWrap_trans .popBox .pop_btm button.btn_bg_bk {color:#fffef1; 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:#fffef1; 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 #fffef1; background:#fffef1;}
.popWrap_trans .popBox .pop_btm a.btn_bg_bk {color:#fffef1; 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;}

.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(236,236,219,1.0);}
.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:#fffef1; 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:#fffef1; 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:#fffef1; 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:#fffef1;}

@media screen and (max-width:780px) {	
.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 10px 0 0;}
.box-category-sub dl.sub_category-area dd ul.list-category li.category-item {margin:0 9px 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:"Noto Sans KR",NanumGothic,Dotum,Arial,sans-serif;font-weight:300;color:#000;background:#fffef1}
.helvetica{font-family:helvetica}
.wrap{padding-bottom:116px;min-height:calc(100vh - 184px); position:relative; z-index:1;}
.wrap.detail{padding-bottom:0}
.header{position:absolute; left:0;top:0;width:100%;z-index:6}
.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:120px;margin-bottom:40px;padding-bottom:40px;border-bottom:solid 1px #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:"Noto Sans KR";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.44;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-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-count{color:#000}
.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(255,254,241,0.9); font-weight:300; line-height:1.2; letter-spacing:-0.5px; border:1px solid rgba(255,254,241,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:#fffef1;}
.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:10px 15px 50px 15px; border-bottom:1px solid #dee2e6;}
.layer-gnb .ham_mid .navBox ul.nav_gnb {display:block; padding:0;}
.layer-gnb .ham_mid .navBox ul.nav_gnb li {display:block; margin:0 0 20px 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 15px 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; 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:15px; font-weight:400;}
.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:#fffef1!important;border:solid 1px #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:#fffef1;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:#fffef1}
.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:solid 1px #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:#fffef1; 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:#fffef1;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:#fffff2;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:#fffef1}
.footer .area .line-btns a:before{content:"";display:inline-block;position:absolute;left:0;top:4px;width:1px;height:12px;background:#fffef1}
.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:#fffef1; 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:#fffef1;border-bottom:solid 1px #dddcd1}
.footer .area .line-conts p{margin-bottom:5px; color:rgba(255,254,241,0.7);}
.footer .area .line-conts a{text-decoration:underline}
.footer .area .line-conts strong{margin:0 5px 0 0; color:#fffef1; 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:#fffef1;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(255,254,241,0.7);}
.footer .area .contact_us ul.lst li strong {display:inline-block; margin:0 5px 0 0; color:rgba(255,254,241,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(255,254,241,0.7);}
.footer .area .contact_us p strong {display:inline-block; margin:0 5px 0 0; color:rgba(255,254,241,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:#fffef1}
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:#f4f4e9}
.line-inputCoupon>button{height:40px;line-height:40px;padding:0 10px;text-align:center;font-size:14px;color:#fffef1}
.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 0; text-align:center;}
.adBox a.ico_arw {display:inline-block; position:relative; padding:0 80px 0 45px; font-size:0.85rem; font-weight:400; text-align:left; line-height:1.3;}
.adBox a.ico_arw:hover {text-decoration:underline;}
.adBox a.ico_arw:before {content:''; position:absolute; top:50%; left:0; width:36px; height:36px; 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%); opacity:0.6;}
.adBox a.ico_arw:after {content:'혜택보기'; position:absolute; top:50%; right:0; padding:9px 10px; font-size:0.75rem; color:rgba(255,254,241,0.9); font-weight:300; line-height:1.2; letter-spacing:-0.5px; border:1px solid rgba(255,254,241,0.7); transform:translate(0,-50%); opacity:1.0;}
.adBox.bg_clr_bk {background:#10109f;}
.adBox.bg_clr_bk a.ico_arw {color:#fffef1;}

.adBox.bg_clr {background:#ececdc;}
.adBox.bg_clr a.ico_arw {color:#1b1b1b;}
.adBox.bg_clr a.ico_arw:after {color:rgba(27,27,27,1.0); font-weight:400; border:1px solid rgba(27,27,27,1.0); }
.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;}

@media (max-width:781px){	
.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;}

.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:fixed;overflow:visible!important;height:auto;transition:top .5s ease;top:0}
.header>.area{overflow:visible!important;height:auto}
.header>.area .line-gnb{height:100px;width:100%;padding-top:56px}
.header>.area .line-gnb.mobile-menu-container.active {background-color:rgba(255,254,241,.95);}
ul.list-gnb.mobile.m-sub-menu{display:flex!important;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:0; left:0; margin-left:20px;}
.line-gnb .navTrigger{display:block; position:absolute; top:14px; right:20px; width:28px; height:28px; background:0 0;}
.header>.area .line-snb{margin-top:48px}
.header h1 a{width:107px;margin-top:5px}
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{position:absolute; top:14px; 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:solid 1px #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:44px;line-height:44px;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:#fffef1;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:#fffef1}
[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:30px;}
.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:90%;}
.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:90%;}
.md_pop .popBox2 .pop_mid .txt_l {font-size:1.25rem; line-height:1.6;}
.md_pop .popBox2 .pop_mid .desc {font-size:0.75rem;}
.md_pop .popBox2 .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:-56px}
.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:fixed}
.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(255,254,241,.95)}
.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;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:solid 1px #1b1b1b;background-color:#fffef1;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:solid 1px #1b1b1b}
table.tbl-basic th{border-bottom:solid 1px #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{overflow:hidden;height:35vh}
.slider-visual .slide {height:calc(100vh - 36px);position:relative;overflow:hidden; /*background:transparent no-repeat center center/cover*/ background:none !important;}
.slider-visual .slide img{width:100vw;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;background-color:rgba(255,254,241,.95);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}
.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:4px 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;margin-top:14px}
.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/renew/ico_cart_bk.svg") no-repeat center center/cover;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){
.slider-visual .slick-track{height:35vh;}
ul.list-snb{margin-top:14px}
ul.list-snb>li a{padding:0 20px 0 0}
.slider-visual .slide {height:calc(100vh - 84px); border:0 none; background-position:30% center;}
.slider-visual .slide img{width:100vw;height:calc(100vh - 430px) !important}
.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;}
	
#complete .innerBox .rowBox ul.lst_benefit.pd20p {padding:10px 15px 30px 15px;}

.footer .area .contact_us {font-size:0.75rem; line-height:1.6;}
}