@charset "utf-8";
@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");

.bg-line{border-bottom: 5px solid #fffab2; box-shadow:  inset 0 -10px 0 #fffab2; font-weight: 600; color: #111;}
.slick-slide{height: auto !important;}

#main_container { padding-top:163px;width: 100%; min-width: 1280px; }
#main_container div.main_content div.inner { width: 92%; min-width: 1280px;  margin:0 auto; }

div.main_content h3 { margin-bottom:75px; font-size:30px; color:#222; letter-spacing:0.2em; text-align:center;}
/*div.main_content h3 > strong { font-weight:900; font-size:16px; }*/

/* 메인 리스트 */
div.main_content div.sec1 { position:relative; }
/*div.main_content div.sec1 > div.roll_control { position:absolute; top:0; right:0; z-index:20; zoom:1; width:136px; height:35px; border:1px solid #d2d2d2; border-radius:4px; background:#fff; box-sizing:border-box; }
div.main_content div.sec1 > div.roll_control:after { display:block; clear:both; content:''; }
div.main_content div.sec1 > div.roll_control button { display:inline-block; float:left; width:16px; height:35px; margin:0; padding:0; border:0; background:url("./img/btn_control.png") no-repeat 0 0; }
div.main_content div.sec1 > div.roll_control p {display:inline-block; float:left; padding:0 8px; font-size:12px; line-height:35px; color:#3c3c3c; letter-spacing:0.1em; }
div.main_content div.sec1 > div.roll_control p .cur_num { font-weight:900; }
div.main_content div.sec1 > div.roll_control button.prev { width:23px; background-position:4px 0; }
div.main_content div.sec1 > div.roll_control button.play { width:23px; background-position:-78px 0; }
div.main_content div.sec1 > div.roll_control button.pause { background-position:-54px 0; }
div.main_content div.sec1 > div.roll_control button.next { background-position:-30px 0; }*/

div.main_content div.sec1 .slick-prev,
div.main_content div.sec1 .slick-next {display:block !important; top:50%; transform: translateY(-50%); font-size:0; line-height:0; position:absolute; display:block; width:50px; height:50px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; outline:none; z-index:50; border-radius:5px; border:1px solid #ddd;}
div.main_content div.sec1 .slick-prev:before,
div.main_content div.sec1 .slick-next:before {display:none !important;}
div.main_content div.sec1 .slick-prev{left: 0%;/* margin-left: 560px;transform: translateX(-50%);*/  background:#f8f8f8 url("./img/ico_btn_main_list.png") 0 2px no-repeat;}
div.main_content div.sec1 .slick-next{right: 0%;/* margin-right: -664px; transform: translateX(-50%);*/ background:#f8f8f8 url("./img/ico_btn_main_list.png") -52px 2px no-repeat;}
div.main_content div.sec1 .slick-prev:hover{background-color:#db3333; background-position: 0 -38px;}
div.main_content div.sec1 .slick-next:hover{background-color:#db3333; background-position: -52px -38px;}
div.main_content div.sec1 .slick-next:hover{background-color:#db3333; background-position: -52px -38px;}

/* 2016-07-06 masonry 수정 */
div.main_list { }
div.main_list > ul { }

#best_list{position:relative; padding:120px 0; height:540px; background: url("./img/bg_mvisual.jpg") center right no-repeat; background-size:cover; box-sizing: border-box; overflow: hidden;}
#best_list:before{position:absolute; bottom:0; left:50%; transform: translateX(-50%); width:425px; height:545px; background: url("./img/bg-phone.png") center center no-repeat; box-sizing: border-box; content:"";}
#best_list div.main_list { position:relative;}

div.sec1 div.main_list > ul:after {display:block; clear:both; content:''; }
div.sec1 div.main_list > ul.center div.slick-track{padding: 35px 0; }
div.sec1 div.main_list > ul.center li.box { position:relative; width:300px; float:left; height:300px;  margin:15px 60px;  border:5px solid #fff; background:#fff; border-radius:10px;  transition: all 0.5s; -webkit-transition: all 0.5s;}/* 높이값 수정*/
div.sec1 div.main_list > .center li.box.slick-current{position:relative; margin:0 10px; border:1px solid #fff; /*box-shadow: 5px 5px 35px rgba(0,0,0,0.4);*/}
div.sec1 .slick-slide img {margin: 0 auto;}

div.sec4 div.main_list > ul > li {display:block; width:19%; margin:0 auto 1%;  /*overflow:hidden;*/}
div.sec4 div.main_list > ul li.box div.img_area{position:relative; /*border:10px solid #fff;*/ background:url("../../layout/user/img/bg-png.png") 0 0 repeat; border-radius:5px; box-sizing: border-box;}
div.sec4 div.main_list > ul li.box div.img_area a{display: block; min-height: 100px; border-radius:5px; overflow: hidden;}
div.sec4 div.main_list > ul li.box div.img_area a img{border-radius:5px; width:100%; border:1px solid #eee; box-sizing:border-box;}
div.sec4 div.main_list > ul li.box div.img_area a div.hover_box{display:none; position: absolute; top:0; left:0; width: 100%; height:100%; background: rgba(0,0,0,0.7); border-radius:10px;}
div.sec4 div.main_list > ul li.box div.img_area a:hover > div.hover_box{display: block;}
div.sec4 div.main_list > ul li.box div.img_area a div.hover_box > span{display:block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:40px; height:40px; background:#db3333 url("./img/ico_hover_plus.png") center center no-repeat; border-radius: 3px;}
div.sec4 div.main_list > ul li.box div.img_area a div.hover_box > p{position: absolute; padding:0 18px; bottom:16px; left:0; width: 100%; box-sizing: border-box;}
div.sec4 div.main_list > ul li.box div.img_area a div.hover_box > p:after{ display:block; clear:both; content:"";}
div.sec4 div.main_list > ul li.box div.img_area a div.hover_box > p span{color:#fff;}
div.sec4 div.main_list > ul li.box div.img_area a div.hover_box > p span.pro_tit{float:left;}
div.sec4 div.main_list > ul li.box div.img_area a div.hover_box > p span.price{float:right;}

div.sec1 div.main_list > ul.center li.box div.img_area {height:294px; overflow:hidden;}
div.sec1 div.main_list > ul.center li.box div.img_area a{display: block; height:294px; border-radius:5px; overflow: hidden; text-align: center;}
div.sec1 div.main_list > ul.center li.box div.img_area a img{width: 100%;}
div.sec1 div.main_list > ul.center li.box div.img_area a div.hover_box{display: none;}

div.sec1 div.main_list > ul.center li.box div.info,
div.sec4 div.main_list > ul > li > div.info  {position:relative;}
div.sec1 div.main_list > ul.center li.box div.info {display:none; margin:20px; }
div.sec4 div.main_list > ul > li > div.info {display:none; padding:20px;} /* 정보영역 */

div.sec1 div.main_list > .center li.box div.info > span,
div.sec4 div.main_list > ul > li > div.info > span { display:block; width:50px; height:20px; border:1px solid #6e6e6e; font-size:11px; line-height:22px; color:#3c3c3c; text-align:center;}

div.main_list > ul > li > div.info > p,
div.main_list > ul > li > div.info > p { margin-top:10px; line-height:14px; color:#6e6e6e; }

div.sec1 div.main_list > ul > li > div.info > strong,
div.sec4 div.main_list > ul > li > div.info > strong { position:absolute; font-weight:900; font-size:14px; color:#3c3c3c;  }
div.sec1 div.main_list > ul > li > div.info > strong { top:27px; right:0;}
div.sec4 div.main_list > ul > li > div.info > strong { top:50px; right:20px; }

div.sec1 div.main_list > ul li.box  ul.ico_list,
div.sec1 div.main_list > ul li.box  p.sales{display: none;}
/*div.sec1 div.main_list > ul > li > ul.ico_list { position:absolute; left:0; bottom:0; width:240px; border-top:1px solid #e6e6e6; *zoom:1 }*/

div.sec4 div.main_list > ul > li > ul.ico_list { position:absolute; display:none; left:0; top:0; border-top:1px solid #e6e6e6; *zoom:1 }
div.sec4 div.main_list > ul > li:hover > ul.ico_list{display:block;}

div.main_list > ul > li > ul.ico_list{padding: 10px 0 0 10px;}
div.main_list > ul > li > ul.ico_list:after { display:block; clear:both; content:''; }
div.main_list > ul > li > ul.ico_list > li {display: inline-block;}
div.main_list > ul > li > ul.ico_list > li > a { display:block; position:relative; width:30px ;height:30px; background:#999 url("/webuser/img/ico_list.png") 0 0 no-repeat; border-radius: 3px;}
div.main_list > ul > li > ul.ico_list > li > a:hover {background-color:#db3333;}
div.main_list > ul > li > ul.ico_list > li > a.ico01 { background-position:0 0 }
div.main_list > ul > li > ul.ico_list > li > a.ico02 { background-position:-35px 0 }
div.main_list > ul > li > ul.ico_list > li > a.ico03 { background-position:-67px 0 }
div.main_list > ul > li > ul.ico_list > li > a.ico04 { background-position:-91px 0; background-color: #333; }
div.main_list > ul > li > ul.ico_list > li > a > span { display:none; position:absolute; top:-21px; left:50%; width:50px; height:25px; margin-left:-25px;background:url("/webuser/img/ico_icon_txt.png") 0 0 no-repeat; }
div.main_list > ul > li > ul.ico_list > li > a:hover span, div.dcong_con_list > ul > li > div.ico_list ul > li > a:focus span { display:block }
div.main_list > ul > li > ul.ico_list > li > a.ico01 span { background-position:0 0 }
div.main_list > ul > li > ul.ico_list > li > a.ico02 span { background-position:0 -25px }
div.main_list > ul > li > ul.ico_list > li > a.ico03 span { background-position:0 -50px }
div.main_list > ul > li > ul.ico_list > li > a.ico04 span { width: 100px; margin-left: -50px; background: url("/webuser/img/ico_icon_txt2.png") 0 0 no-repeat; }
div.main_list div.mb-down{display:none;}
ul.ico_list li:hover > div.mb-down,
ul.ico_list li.mb-open > div.mb-down{position:relative; display:block;}
ul.ico_list li:hover > div.mb-down ul{position: absolute; display:flex; width: 240px; margin-left:-120px; background-color: #fff;border: 1px solid #23232c;background: #fff; border: 1px solid #ccc;}
ul.ico_list li:hover > div.mb-down li:hover {color: #fe7235;}
ul.ico_list li:hover > div.mb-down li a{position:relative; display:block; width: auto; height: 32px;line-height: 32px;padding: 0 10px; text-align:center; border-top: 1px solid #f4f4f4;}
ul.ico_list li:hover > div.mb-down li:nth-child(2) a:after{display: block; position: absolute; top: 11px; left: 0; content: ""; width: 1px; height: 10px; background: #555; }
/*
div.main_list > ul > li > p.sales { position:absolute; bottom:12px; right:10px; font-size:11px; color:#818181; }
*/
div.main_list > ul > li > p.sales {display: none; position:absolute; bottom:12px; right:10px; font-size:14px; font-weight:900;  color:#3c3c3c; }


div.main_list > ul > li.no_data {width:100%;height:16px;margin:20px 0;padding:150px 0 40px 0;border:0;font-size:14px;background:url("./img/ico_search3.png") 50% 60px no-repeat;text-align:center}
div.main_list > ul > li.no_data > strong {font-weight:900;color:#f2434f}

div.main_list > a{display:block;position:absolute;right:0;width:60px;height:60px;background:url("../../img/btn/list_control.gif") no-repeat}
div.main_list > a.btn_list_prev{top:0;background-position:0 0}
div.main_list > a.btn_list_prev:hover,.product_list .dcong_con_list > a.btn_list_prev:focus{background-position:-60px 0}
div.main_list > a.btn_list_next{top:70px;background-position:0 -60px}
div.main_list > a.btn_list_next:hover,.product_list .dcong_con_list > a.btn_list_next:focus{background-position:-60px -60px}

/* 2016-07-06 
#best_list div.main_list { width:1010px; height:314px; overflow:hidden; }
#new_list div.main_list > ul { width:1010px; }

div.main_list > ul:after { display:block; clear:both; content:''; }
div.main_list > ul > li { float:left; position:relative; width:240px; height:312px; margin:0 10px 10px 0; border-top:1px solid #d2d2d2; border-right:1px solid #828282; border-bottom:1px solid #828282; border-left:1px solid #d2d2d2; background:#fff; }
div.main_list > ul > li > div.img_area { height:166px; }
div.main_list > ul > li > div.info { position:relative; margin:20px; }
div.main_list > ul > li > div.info > span { display:block; width:50px; height:20px; border:1px solid #6e6e6e; font-size:11px; line-height:22px; color:#3c3c3c; text-align:center; }
div.main_list > ul > li > div.info > p { margin-top:10px; line-height:14px; color:#6e6e6e; }
div.main_list > ul > li > div.info > strong { position:absolute; top:27px; right:0; font-weight:900; font-size:14px; color:#3c3c3c;  }
div.main_list > ul > li > ul.ico_list { position:absolute; left:0; bottom:0; width:240px; border-top:1px solid #e6e6e6; *zoom:1 }
div.main_list > ul > li > ul.ico_list:after { display:block; clear:both; content:''; }
div.main_list > ul > li > ul.ico_list > li { float:left; }
div.main_list > ul > li > ul.ico_list > li > a { display:block; position:relative; width:41px ;height:40px; background:url("/webuser/img/ico_list.png") 0 0 no-repeat; }
div.main_list > ul > li > ul.ico_list > li > a.ico01 { background-position:0 0 }
div.main_list > ul > li > ul.ico_list > li > a.ico02 { background-position:-41px 0 }
div.main_list > ul > li > ul.ico_list > li > a.ico03 { background-position:-82px 0 }
div.main_list > ul > li > ul.ico_list > li > a > span { display:none; position:absolute; top:-21px; left:50%; width:50px; height:25px; margin-left:-25px; background:url("/webuser/img/ico_icon_txt.png") 0 0 no-repeat; }
div.main_list > ul > li > ul.ico_list > li > a:hover span, .dcong_con_list > ul > li > div.ico_list ul > li > a:focus span { display:block }
div.main_list > ul > li > ul.ico_list > li > a.ico01 span { background-position:0 0 }
div.main_list > ul > li > ul.ico_list > li > a.ico02 span { background-position:0 -25px }
div.main_list > ul > li > ul.ico_list > li > a.ico03 span { background-position:0 -50px }
div.main_list > ul > li > p.sales { position:absolute; top:281px; right:10px; font-size:11px; color:#818181; }
*/
div.main_content div.section{padding:90px 0; }
div.main_content div.section.short{padding:45px 0;}
div.main_content div.section div.inner{margin:0 auto; width:1280px;}
div.main_content div.section div.inner ul.group:after{ display:block; clear:both; content:"";}
div.main_content div.section div.inner ul.group > li{float:left;}
div.main_content div.section div.group:after{ display:block; clear:both; content:"";}
div.main_content div.section div.group div.left{float:left;}
div.main_content div.section div.group div.right{float:right;}

div.main_content div.sec2 div.inner ul.group > li{width:256px;}
div.main_content div.sec2 div.inner ul.group > li:after{display: block; content: ""; clear: both;}
div.main_content div.sec2 div.inner ul.group > li > div{float:left;  box-sizing:border-box;}
div.main_content div.sec2 div.inner ul.group > li div.ico{position:relative; width:60px; height:60px; background:url("./img/ico_sec2.png"); border:1px solid #ddd; border-radius:50%;}
div.main_content div.sec2 div.inner ul.group > li:first-child div.ico{background-position:-2px 0;}
div.main_content div.sec2 div.inner ul.group > li:nth-child(2) div.ico{background-position:-58px 0;}
div.main_content div.sec2 div.inner ul.group > li:nth-child(3) div.ico{background-position:-117px 0;}
div.main_content div.sec2 div.inner ul.group > li:nth-child(4) div.ico{background-position:-175px 0;}
div.main_content div.sec2 div.inner ul.group > li:last-child div.ico{background-position:-229px 0;}
div.main_content div.sec2 div.inner ul.group > li div.cont{padding:10px;}
div.main_content div.sec2 div.inner ul.group > li div.cont a{display: block;}
div.main_content div.sec2 div.inner ul.group > li div.cont a span{color:#333; font-weight:bold;}

div.main_content div.sec3 #single-item{margin-bottom: 0;}
div.main_content div.sec3 #single-item div.item a{display:block; height:150px;}
div.main_content div.sec3 #single-item div.item a img {margin:0 auto;}
/*div.main_content div.sec3 #single-item div.item.item1{background:url("./img/img_mbanner1.jpg") center center no-repeat;}
div.main_content div.sec3 #single-item div.item.item2{background:url("./img/img_mbanner2.jpg") center center no-repeat;}
div.main_content div.sec3 #single-item div.item.item3{background:url("./img/img_mbanner3.jpg") center center no-repeat;}*/
div.main_content div.sec3 #single-item .slick-dots{bottom:10px;}
div.main_content div.sec3 #single-item .slick-dots li button:before{}

div.main_content div.sec3 #single-item div.item.slick-slide{margin: 0;}

div.main_content div.sec4.section{padding-bottom: 0; border-bottom:1px solid #ccc; }
div.main_content div.sec4 ul.tab_category{margin-bottom: 10px;}
div.main_content div.sec4 ul.tab_category li{display: inline-block;}
div.main_content div.sec4 ul.tab_category li a{display: block; width:179px; height:50px; line-height:48px; text-align:center; border: 1px solid #ddd; color:#333; background: #eee; text-decoration:none; box-sizing:border-box;}
div.main_content div.sec4 ul.tab_category li.on a{color:#fff; background: #db3333; font-weight: bold;}
#new_list div.main_list > ul {width: 100% !important; min-width: 1200px !important;}
div.main_content div.sec4 div.new_list_wrap{padding:0px 0 95px;background:#fff;/*url("./img/bg_sec4.jpg")*/;}

div.main_content div.sec5{}
div.main_content div.sec5 div.inner ul.partner_list > li{width:426px;}
div.main_content div.sec5 div.inner ul.partner_list > li > a:after{display: block; content: ""; clear: both;}
div.main_content div.sec5 div.inner ul.partner_list > li > a{display: block;}
div.main_content div.sec5 div.inner ul.partner_list > li > a > div{float:left;  box-sizing:border-box;}
div.main_content div.sec5 div.inner ul.partner_list > li div.thumb{position:relative; width:100px; height:70px; background:url("./img/img_partners.png");}
div.main_content div.sec5 div.inner ul.partner_list > li div.thumb3{background:url("./img/wewalk-logo.png") no-repeat; background-size:100%;}
div.main_content div.sec5 div.inner ul.partner_list > li:first-child div.thumb{background-position:-2px 0;}
div.main_content div.sec5 div.inner ul.partner_list > li:nth-child(2) div.thumb{background-position:-120px 0;}
div.main_content div.sec5 div.inner ul.partner_list > li:last-child div.thumb{background-position:0px center;}
div.main_content div.sec5 div.inner ul.partner_list > li div.cont{width:326px; padding:10px 20px;}
div.main_content div.sec5 div.inner ul.partner_list > li div.cont p.tit{margin:7px 0;font-size:14px; color:#333; font-weight:bold;}
div.main_content div.sec5 div.inner ul.partner_list > li div.cont span{display: block; margin-top: -10px; color:#20c0c0; font-weight:bold;}

div.main_content div.sec6{background:url("./img/bg_sec6.jpg") center center;}
div.main_content div.sec6 div.inner{padding-left:380px; box-sizing: border-box;}
div.main_content div.sec6 div.inner div.newsletterbox{position:relative; min-height:48px; padding-left:90px; background:url("./img/ico_mail.png") left top no-repeat;}
div.main_content div.sec6 div.inner div.newsletterbox p{color:#fff; font-size:13px;}
div.main_content div.sec6 div.inner div.newsletterbox p.tit{margin-bottom:10px; line-height: 110%; font-size:24px;}
div.main_content div.sec6 div.inner div.newsletterbox a{position:absolute; top:0; rihgt:0; display:blcok; text-align: center; position:absolute; top:0; right:0; width:220px; height:50px; line-height:50px; border-radius:3px; background:#434a54; color:#fff;}
div.main_content div.sec6 div.inner div.newsletterbox a:hover{background: #333; text-decoration: none;}

/*공지사항 영역*/
/*div.main_content div.sec5 { margin-top:40px; }
div.main_content div.sec5:after { display:block; clear:both; content:''; }*/

/* carousel 적용 위해 마크업/CSS 수정 (MYM) */
/*div.main_content div.sec5 > div.news { float:left; position:relative; width:560px; height:20px; line-height:20px; padding:19px; border:1px solid #d2d2d2; border-radius:4px; background:#fff; color:#6e6e6e; }
div.main_content div.sec5 > div.news > h3 {}
div.main_content div.sec5 > div.news > h3 > a { font-weight:900; font-size:12px; color:#3c3c3c; letter-spacing:0; }

div.main_content div.sec5 > div.news > div.news_list { position:absolute; top:19px; left:70px; width:480px; height:20px; overflow:hidden; }
div.main_content div.sec5 > div.news > div.news_list > div.roll_list {}
div.main_content div.sec5 > div.news > div.news_list > div.roll_list > ul {}
div.main_content div.sec5 > div.news > div.news_list > div.roll_list > ul  > li { position:relative; width:470px; height:20px; padding-left:10px; background:url("./img/bu_dot.gif") 0 7px no-repeat; }
div.main_content div.sec5 > div.news > div.news_list > div.roll_list > ul  > li > a { display:block; width:400px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
div.main_content div.sec5 > div.news > div.news_list > div.roll_list > ul  > li > span.date { display:block; position:absolute; top:0; right:0; width:70px; height:20px; line-height:20px; text-align:right; color:#a0a0a0; }

div.main_content div.sec5 > div.news > div.news_btn { position:absolute; top:0; right:0; width:30px; height:58px; }
div.main_content div.sec5 > div.news > div.news_btn > button { display:block; width:30px; height:29px; }
div.main_content div.sec5 > div.news > div.news_btn > button.prev { background:url("./img/btn_news_prev.png") 0 0 no-repeat;  }
div.main_content div.sec5 > div.news > div.news_btn > button.next { background:url("./img/btn_news_next.png") 0 0 no-repeat; }
*/
/*
div.main_content div.sec4 > div.news > div.news_list > ul {}
div.main_content div.sec4 > div.news > div.news_list > ul > li {display:block;overflow:hidden;width:400px;padding-left:10px; }
div.main_content div.sec4 > div.news > div.news_list > ul > li > a { color:#6e6e6e; }
div.main_content div.sec4 > div.news > div.news_list > ul > li > span.date {position:absolute;top:16px;right:50px;color:#a0a0a0}
*/

div.main_content div.sec4 > div.banner { float:left; }
div.main_content div.sec4 > div.banner > ul {}
div.main_content div.sec4 > div.banner > ul:after { display:block; clear:both; content:''; }
div.main_content div.sec4 > div.banner > ul > li { float:left; width:125px; height:60px; margin-left:8px; padding-left:20px; border-radius:4px; font-weight:900; line-height:60px; box-sizing:border-box; }
div.main_content div.sec4 > div.banner > ul > li.banner1 { border:1px solid #3c3c3c; background:url("./img/ico_event.png") 87px 22px no-repeat #6e6e6e; }
div.main_content div.sec4 > div.banner > ul > li.banner2 { border:1px solid #3c3c3c; background:url("./img/ico_faq.png") 87px 22px no-repeat #6e6e6e; }
div.main_content div.sec4 > div.banner > ul > li.banner3 { border:1px solid #ac1c26; background:url("./img/ico_inquiry.png") 87px 22px no-repeat #f2434f; }
div.main_content div.sec4 > div.banner > ul > li > a { display:block; color:#fff; }


/* 이용약관 */
div.terms_wrap {}
div.terms_wrap > div.terms_area {margin-bottom:40px}
div.terms_wrap > div.terms_area > h4 {margin-bottom:10px;font-weight:900;font-size:14px;color:#3c3c3c}
div.terms_wrap > div.terms_area > p {margin-bottom:5px}
div.terms_wrap > div.terms_area > ul > li {margin-bottom:5px}
div.terms_wrap > div.terms_area > ul > li > ul {margin-left:10px}
div.terms_wrap > div.terms_area > ul > li > ul > li{margin-bottom:5px}
div.terms_wrap > div.terms_area > ul > li > ul > li > ul{margin-left:10px}
div.terms_wrap > div.terms_area div.gray-box{margin-top:1rem;padding:0.5rem 1rem; background:#f5f5f5;}

/* 개인정보취급방침 */
div.privacy_wrap {}
div.privacy_wrap > div.privacy_box {margin-bottom:40px;padding:20px;border:1px solid #c8c8c8;background:#fafafa}
div.privacy_wrap > div.privacy_box > ul > li:first-child {margin:0}
div.privacy_wrap > div.privacy_box > ul > li {margin-top:10px}
div.privacy_wrap > div.privacy_area {margin-bottom:40px}
div.privacy_wrap > div.privacy_area > h4 {margin-bottom:10px;font-weight:900;font-size:14px;color:#3c3c3c}
div.privacy_wrap > div.privacy_area > p {margin-bottom:10px}
div.privacy_wrap > div.privacy_area > ul > li {margin-bottom:10px}
div.privacy_wrap > div.privacy_area > ul > li > ul > li {margin:5px 0 10px 5px}
div.privacy_wrap > div.privacy_area > dl > dt:first-child {margin:0}
div.privacy_wrap > div.privacy_area > dl > dt {margin-top:10px}
div.privacy_wrap > p.add {font-size:11px}

/* 이메일무단수집거부 */
div.email_wrap {padding:30px;border:1px solid #c8c8c8;background:#fafafa}
div.email_wrap > p.date {margin-top:20px;font-size:11px;}
div.email_wrap > strong {font-weight:900;color:#3c3c3c}

/* 라이선스정책 */
div.lisence_wrap {}
div.lisence_wrap > div.lisence_area {margin-bottom:40px}
div.lisence_wrap > div.lisence_area > h4 {margin-bottom:10px;font-weight:900;font-size:14px;color:#3c3c3c}
div.lisence_wrap > div.lisence_area > ul > li:first-child {margin:0}
div.lisence_wrap > div.lisence_area > ul > li {margin-top:10px}
div.lisence_wrap > div.lisence_area > ul > li > dl {margin:5px 0 0 5px}
div.lisence_wrap > div.lisence_area > ul > li > dl > dt {font-weight:900}

/*멤버십 페이지*/
.flex{display:flex;}
.ju-between{justify-content: space-between;}
.ju-around{justify-content: space-around;}
.ju-center{justify-content: center;}
.ai-center{align-items: center;}
.color-bk{color:#333;}
.primary{color:#e95a72;}
.kakao{color:#ffd400;}
div.membership_wrap a:hover{text-decoration: none;}
div.membership_wrap{font-size:16px;}
div.membership_wrap .mb-box{ padding:100px 0; text-align:center;}
div.membership_wrap .mb-box .mb-tit{padding-bottom:20px; font-size:32px; line-height:1.3; font-weight:600; color:#333;}
div.membership_wrap .mb-box .mb-tit-sub{padding-bottom:12px; font-size:24px; line-height:1.3; font-weight:600; color:#333;}
div.membership_wrap .mb-box .mb-info-big{font-size:20px;}
div.membership_wrap .mb-box .mb-info{font-size:18px;}
div.membership_wrap .mb-box .mb-info-small{font-size:14px;}
div.membership_wrap .btn-area .button {border-radius:5px; padding:1rem 1.2rem; background:#333; transition: .5s; color:#fff;}
div.membership_wrap .btn-area .button:hover{background:#ff4b55;}
div.membership_wrap .mb-use{position:relative; line-height:140%; color:#eee;}
div.membership_wrap .mb-use:after{content:""; position:absolute; top:0; left:-50%; display:block; width:200%; height:100%; background:url("./img/bg-use.png")center center no-repeat; background-size:cover; z-index: -1;}
div.membership_wrap .mb-use > div:nth-child(1){padding-bottom:2rem;}
div.membership_wrap .mb-use > div:nth-child(2){padding-top:2rem;}
div.membership_wrap .mb-use .mb-tit,
div.membership_wrap .mb-use .mb-tit-sub{color:#fff;}
div.membership_wrap .mb-use .lisence_area{}
div.membership_wrap .mb-use .lisence_area ul{}
div.membership_wrap .mb-use .lisence_area ul li:nth-child(1){border-radius: 5px 0 0 5px; overflow: hidden;}
div.membership_wrap .mb-use .lisence_area ul li:nth-child(2){border-radius: 0 5px 5px 0; overflow: hidden;}
div.membership_wrap .mb-use .lisence_area ul a{display:block; width:100%; background:#222; padding:10px 20px; box-sizing:border-box;}
div.membership_wrap .mb-use .lisence_area ul a:hover{color:#fff;}
div.membership_wrap .mb-introduce{}
div.membership_wrap .mb-introduce .level_list{padding:60px 0;}
div.membership_wrap .mb-introduce .level_box{width:25%; box-sizing:border-box; border: 5px solid transparent; border-radius: 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right bottom, #e6bf8e, #f1ddc4, #e6bf8e, #f1ddc4, #e6bf8e);
    background-origin: border-box; background-clip: content-box, border-box;}
div.membership_wrap .mb-introduce .level_box.nd{background-image: linear-gradient(#fff, #fff), linear-gradient(to right bottom, #9b9b9b, #e1e1e1, #9b9b9b, #e1e1e1, #9b9b9b);}
div.membership_wrap .mb-introduce .level_box.th{background-image: linear-gradient(#fff, #fff), linear-gradient(to right bottom, #e84952, #ffc7c7, #e84952, #ffc7c7, #e84952);}
div.membership_wrap .mb-introduce .level_box:hover{background-image: linear-gradient(to right bottom, #fdf2e5, #fff, #fdf2e5, #fff, #fdf2e5),linear-gradient(to right bottom, #e6bf8e, #f1ddc4, #e6bf8e, #f1ddc4, #e6bf8e);}
div.membership_wrap .mb-introduce .level_box.nd:hover{background-image: linear-gradient(to right bottom, #e9e9e9, #fff, #e9e9e9, #fff, #e9e9e9),linear-gradient(to right bottom, #9b9b9b, #e1e1e1, #9b9b9b, #e1e1e1, #9b9b9b);}
div.membership_wrap .mb-introduce .level_box.th:hover{background-image: linear-gradient(to right bottom, #ffc7c7, #fff, #ffc7c7, #fff, #ffc7c7),linear-gradient(to right bottom, #e84952, #ffc7c7, #e84952, #ffc7c7, #e84952);}
div.membership_wrap .mb-introduce .level_box a{display:block; padding:2rem 3rem 3rem 3rem; box-sizing: border-box;}
div.membership_wrap .mb-introduce .level_box dt{padding-bottom:20px;}
div.membership_wrap .mb-introduce .level_box div.ico-box{width:150px; border-bottom:1px solid #ccc; padding-top:150px; margin:0 auto; background:url("../../layout/user/img/ico_lever.png")  0 0 no-repeat;  background-size:auto 150px;}
div.membership_wrap .mb-introduce .level_box.nd div.ico-box{background-position: -150px 0;}
div.membership_wrap .mb-introduce .level_box.th div.ico-box{background-position: -300px 0;}
div.membership_wrap .mb-introduce .level_box .price-box p.txt_middle{padding-bottom:6px; text-decoration: line-through;}
div.membership_wrap .mb-benefit{position:relative; background:#f5f5f5;}
div.membership_wrap .mb-benefit:after{content:""; width:300%; height:100%; display:block; position:absolute; top:0; left:-100%; background:#f5f5f5; z-index:-5;}
div.membership_wrap .mb-benefit .benefit_list{padding:60px 0;}
div.membership_wrap .mb-benefit .benefit_box{width:30%;}
div.membership_wrap .mb-benefit .benefit_box .circle{width:170px; margin: 0px auto; border-radius:50%; background:#fff;}
div.membership_wrap .mb-benefit .benefit_box div.ico-box{width:170px; padding-top:170px; background:url("./img/ico-benefit.png")  11px center no-repeat;  background-size:auto 150px;}
div.membership_wrap .mb-benefit .benefit_box:nth-child(2) div.ico-box{background-position: -149px center;}
div.membership_wrap .mb-benefit .benefit_box:nth-child(3) div.ico-box{background-position: -295px center;}
div.membership_wrap .mb-benefit .benefit_box dl{padding-top:30px;}
div.membership_wrap .mb-benefit .benefit_box dd{padding-top:10px;}
div.membership_wrap .mb-benefit .benefit_box dd p.primary{padding-top:4px; }

div.membership_wrap .mb-box.mb-guide{text-align:left;}
div.membership_wrap .mb-box .text_alert .text_info ul li{background-position:0 50%; line-height:1.6; font-size:16px;}


div.voucher{position: relative; font-family:'Noto Sans KR', Noto Sans CJK KR;}
div.voucher a:hover{text-decoration: none;}
div.voucher .inner{width:1200px; margin: 0 auto;}
div.voucher div.sub-top{position: relative; background:url("./img/bg-sub-top.png") 0 0 no-repeat;  padding:110px 0 140px;}
div.voucher div.sub-top:before{position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; opacity: 0.5;  background:url("./img/bg-sub-top.png") center center no-repeat; animation: forwards; animation-name:bg-size; animation-duration:8s;  animation-direction: alternate;}
div.voucher div.sub-top div.inner{position: relative; }
div.voucher div.sub-top div.inner > p{text-align: center; margin-bottom: 70px; font-size: 66px; text-shadow:5px 6px 0px #111;}
div.voucher div.sub-top div.inner > p b,
div.voucher div.sub-top div.inner > p span{display: block;}
div.voucher div.sub-top div.inner > p span{margin-bottom: 30px; color: #fff; font-size: 30px; font-weight: 600;}
div.voucher div.sub-top div.inner > p b{line-height: 1; font-weight: 900; color: #fff; }
div.voucher div.sub-top ul {justify-content: center;}
div.voucher div.sub-top ul li{padding:30px; box-sizing: border-box; border: 0.1rem solid #ddd; border-radius: 20px; background: #fff; box-shadow:5px 5px 5px rgb(0 0 0 / 20%) ; margin-right: 5rem;}
div.voucher div.sub-top ul li:last-of-type{margin-right: 0;}
div.voucher div.type{padding: 0.5rem 1rem; box-sizing: border-box; border-radius: 20px; margin-bottom: 30px; background: #fed100; display: inline-block; font-size: 14px; color: #111; font-weight: 600;}
div.voucher div.txt-area{padding-bottom: 30px; margin-bottom: 20px; border-bottom: 0.1rem solid #ddd;}
div.voucher div.txt-area p{font-size:14px ; font-weight: 400; color:#999;}
div.voucher div.txt-area p.txt{font-size:24px ; margin-top: 0.5rem;  font-weight:800; color: #111; }
div.voucher div.txt-area p span{}
div.voucher div.txt-area p b{ color:#666;  display: inline-block;  text-decoration: line-through;  text-decoration-color: #f44336;   padding-right: 1rem;}
div.voucher dl{margin-bottom: 10px;}
div.voucher dl dt{font-size: 14px;}
div.voucher dl dd{font-size: 20px; padding-left: 10px;  font-weight:600; color: #111; }
div.voucher p.warning{padding-left: 20px; position: relative; color: red; margin-right: 10px;}
div.voucher p.warning span{position: absolute; top: 0; left: 0; }
div.voucher div.btn-area{margin-top: 15px;}
div.voucher div.btn-area a{display: block; height: 45px; line-height: 45px; width: 100%; background: #333; color: #fff; font-size: 16px; font-weight: 600; text-align: center; border-radius: 30px;}
div.voucher div.btn-area:hover a{background: #fed100; color:#111 ; }
div.voucher p.tit{font-size: 48px; font-weight: 800; color: #111; text-align: center; line-height: 1;}

div.voucher div.sec01,
div.voucher div.sec02{padding: 160px 0;}

div.voucher div.sec01{}
div.voucher div.sec01 ul{margin-top: 60px;}
div.voucher div.sec01 ul li{height: 90px; line-height: 90px; text-align: center; width: 760px; font-weight: 800; font-size: 20px; color: #111; margin: 10px auto 0; box-sizing: border-box; border: 0.1rem solid #ddd; border-radius: 20px; background: #fff; box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);}
div.voucher div.sec02{background: #f5f5f5}
div.voucher div.sec02 p.tit{margin-bottom: 40px;}
div.voucher div.sec02 div.flex{ justify-content: center; margin-bottom: 10px; word-break: keep-all}
div.voucher div.sec02 div.flex div{position: relative; box-sizing: border-box; border: 0.1rem solid #ddd;line-height: 1.3;  border-radius: 20px; background: #fff; box-shadow: 5px 5px 5px rgb(0 0 0 / 20%); padding: 30px; margin-right: 10px; font-size: 20px;}
div.voucher div.sec02 div.flex div ul li{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 0.1rem solid #ddd; box-sizing: border-box;line-height: 1.3;}
div.voucher div.sec02 div.flex div ul li:last-of-type{margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
div.voucher div.sec02 div.flex div:first-child{width: 220px;}
div.voucher div.sec02 div.flex div:last-of-type{width: 620px; margin-right: 0;}
div.voucher div.sec02 div.flex div p{text-align: left; padding-top: 20px; font-size: 14px; padding-left: 0;}
div.voucher div.sec02 span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);     display: block; width: 100%;}
div.voucher div.sec02 a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: red; border-bottom: 0.1rem solid red;}
div.voucher div.sec02 div.flex div.center{}
div.voucher div.sec02 div.flex div.center ul{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%;}
div.voucher div.sec02 div.flex div.center ul li b{font-size: 14px; display: block}
div.voucher div.sec02 div.license{width: 70%; margin: 4rem auto;}
div.voucher div.sec02 div.license p{font-size: 20px; background: #fff; padding: 15px; margin-bottom: 20px;}
div.voucher div.sec02 div.license ul{font-size: 16px;}
div.voucher div.sec02 div.license ul li{position: relative; padding-left: 20px; line-height: 1.5; margin-bottom: 10px;}
div.voucher div.sec02 div.license ul li:after{content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background: #666; position: absolute; top:11px; left:5px;}

@keyframes bg-size{
    0%{background-size:100%;}
    100%{background-size:150%; opacity: 0.9;}
}