@charset "utf-8";

*{-webkit-text-size-adjust:none;letter-spacing:0em; word-break: break-all;} /*20191227수정*/
::-webkit-scrollbar {
	width: 0px; remove scrollbar space
	background: transparent;  optional: just make scrollbar invisible
}
optional: show position indicator in red
::-webkit-scrollbar-thumb {
	background: #FF0000;
}

html{padding:0px; margin:0;height:100%;}
html,body{height:100%;-webkit-text-size-adjust:none;-webkit-appearance:none;}
body {font-family:'Noto Sans KR', 'Montserrat', sans-serif;font-size:13px;color:#2e2e2e; background:#f5f5f5; }
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6,
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption {margin:0;padding:0;list-style:none;line-height:1.5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
a {text-decoration:none;color:#808080;}
a,button { outline: 0 none;}
address,em,dfn {font-style:normal;}
strong {font-weight:bold;}
hr {display:none;}
img {border:0;vertical-align:middle;}
mark {background:none;}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}
fieldset {border:none;}
legend {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute;left:0;top:-999999px;}
button,
input[type=button],
input[type=submit],
input[type=reset] {cursor:pointer;width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;font-family:'Noto Sans KR', 'Montserrat', sans-serif;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="datetime"]{width:100%;height:40px;font-size:15px;color:#101010;font-family:'Noto Sans KR', 'Montserrat ', sans-serif;line-height: inherit;background:#ffffff;border:1px solid #d4d4d4;padding:3px 15px;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type="radio"],
input[type="checkbox"]{}
button::-moz-focus-inner{padding:0;border:0;cursor:pointer;}
select::-ms-expand{display: none;}
input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#b6b6b6}
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-input-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder{color:#b6b6b6}
input,button,select {vertical-align:middle;border:0;}
label {cursor:pointer;}
input[type='radio']{position:absolute;left:-6px; right:0; top:-3px; bottom:0;z-index:10;opacity:0;width:21px; height:21px;letter-spacing: 0;border:none;background:none;-webkit-appearance: none;-ms-appearance: none;vertical-align:middle;}
input[type='radio'] + i{display:none;}
input[type='radio']:checked + i{position:absolute; left:0; top:0; display:block;}
input[type='radio']:checked + i {width:10px; height:10px; border-radius:100%; box-sizing:border-box;background-color:#000;left:4px; top:4px;}

.clearFix {*zoom:1;}
.clearFix:after {content:"";display:block;clear:both;}
.a11y-hidden{position: absolute;overflow: hidden;clip: rect(0,0,0,0);clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;border: 0;padding: 0;}


#wrapper{width:100%;margin:0 auto;padding:0;font-family:'Noto Sans KR', 'Montserrat', sans-serif; }
#wrapper .btn_top{background: url(../images/btn_top.png) 0 0 no-repeat;width: 37px;height: 37px;background-size: 100%;text-indent: -9999px;position: fixed;bottom: 38px;right: 10px;z-index: 10}
#header{width: 100%;position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky; margin-bottom: 1px; top: 0; z-index: 9997; background:#f5f5f5;  -webkit-overflow-scrolling:touch; }
#header .header_top{width: 100%; height: 45px; text-align: center; line-height: 40px;padding: 0 10px  }
#header .header_top .logo{height: 19px; margin: 0 auto; display: inline-block; margin-top: 13px;}
#header .header_top .logo > img{height: 100%;}
#header .header_top > p.header_prev {float:left;background: url(../images/icon_prev.png) 0 50% no-repeat;width:10px;height: 100%; background-size: 100%;text-indent: -9999px}
#header .header_top > h2 {display: inline-block;font-size: 15px}
#header .header_top > p.header_close {float:right;background: url(../images/icon_close.png) 0 50% no-repeat;width:11px;height: 100%;background-size: 100%;text-indent: -9999px;z-index: 500;}
#header .header_top > a.search {position: absolute; background: url(../images/icon_sh.png) 0 50% no-repeat;width:15px;height: 15px;background-size: 100%;text-indent: -9999px; top:15px; right:35px; cursor: pointer; display: inline-block;}
#header .header_top .top_search_area{width: calc(100% - 30px); height: 45px; position: absolute; top: 0; left: 0; z-index: 10010; display: none;}
#header .header_top .top_search_area.on{display: block;}
#header .header_top .top_search_area .sh_box{padding: 8px 0px 8px 0; height: 45px; width: 100%; display: table}
#header .header_top .top_search_area .sh_box .btn_close_sh{width: 27px; height: 28px; background: #f5f5f5; display: table-cell;}
#header .header_top .top_search_area .sh_box .btn_close_sh > button{background: url(../images/icon_prev.png) 0 50% no-repeat;width:10px;height: 100%; background-size: 100%;text-indent: -9999px; margin-left:2px;}
#header .header_top .top_search_area .sh_box .inner{border: 1px solid #dddddd; width:calc(100% - 30px); height: 100%; background: #fff;display: table-cell; vertical-align: top; text-align: left;}
#header .header_top .top_search_area .sh_box .inner > input{width: calc(100% - 33px); border: 0; height: 27px; line-height: 25px; font-size: 12px; display: inline-block}
#header .header_top .top_search_area .sh_box .inner > button{width: 30px; display: inline-block; background: url(../images/icon_sh.png) 11px 50% no-repeat; height: 27px;background-size: 15px;text-indent: -9999px; vertical-align: top}
#header .gnb{height: 70px; width: 100%;}
#header .gnb ul{width: 100%; padding:28px 20px 0; display: table;} /*20191227 수정*/
#header .gnb ul li{display: table-cell; text-align: center; width: auto; } /*20191227 수정*/
#header .gnb ul li a{line-height: 40px; padding: 0 10px; height: 42px; font-size: 16px; font-weight: 700; color: #a6a6a6; display: inline-block; }
#header .gnb ul li a.on{border-bottom: 2px solid #00a5bf; color: #333333;}
#container{width: 100%; padding:0px 0 0px; min-height: calc(100vh - 164px);}
#container.short{padding: 0px 0 0px; background: #fff;}
#container.shortG{padding: 0px 0 0px;}
#container.nonefoot_s{padding: 0px 0 0px;}
#access_terms_area{background: #fff; width: 320px; height: 568px; z-index: 99999;}
#service_terms_area{background: #fff; width: 320px; height: 568px; z-index: 99999;}
.white_body{background: #fff;}
.sub_header{width: 100%; height: 45px; text-align: center; background: #f5f5f5; line-height: 43px; font-size: 14px; font-weight: 700; color: #333; padding: 0 10px;}
.sub_header > p.header_close {float:right;background: url(../images/icon_close.png) 0 50% no-repeat;width:11px;height: 100%;background-size: 100%;text-indent: -9999px;z-index: 500;}
.sub_container{ width: 100%; padding:0px 0px 0;}
.sub_container .info_area{width: 100%; }
.sub_container .info_area .info_title{padding: 20px 10px 20px; width: 100%; display: table; height: 40px; }
.sub_container .info_area .info_title > h4{font-size: 14px; font-weight: 700; color:#2e2e2e; display: table-cell; vertical-align: middle; line-height: 38px; height: 40px;}
.sub_container .info_area .info_title > h4 > em{color: #f15921; font-weight: 700;}
.sub_container .info_area .info_select{padding: 20px 10px 20px;vertical-align: middle; width: 100%; float: right;}
.sub_container .info_area .info_select .select-box-w {width: 150px; height: 40px;position: relative;background: #fff url(../images/select.png) 92% 50% no-repeat;border:1px solid #ccc ;background-size: 7px 4px; float: right;}
.sub_container .info_area .info_select .select-box-w select {width: 100%;height: 40px;line-height: 1.5;padding: 0 5px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.sub_container .info_area .info_select .select-box-w label {position: absolute;padding-left: 10px;font-size: 12px;top: 0;left: 0px;height: 40px;line-height: 36px}
.sub_container .info_area .info_text_box{width: 100%; padding:  10px 10px; font-size: 14px; color: #888888; height: 430px; overflow-y: scroll;  }
.sub_container .info_area .info_text_box h4{font-size: 14px; color: #333; font-weight: 700; padding-bottom: 10px;}
.sub_container .info_area .info_text_box h5{font-size: 14px; color: #333; padding-bottom: 5px; padding-top: 10px;}
.sub_container .info_area .info_text_box > p{font-size: 13px; font-weight: normal; color: #333333; padding-bottom: 5px; word-break: break-all;}
.sub_container .info_area .info_text_box > p.nom{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -13px; margin-left: 13px; word-break: break-all;}
.sub_container .info_area .info_text_box > p.nom1{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -15px; margin-left: 16px; word-break: break-all;}
.sub_container .info_area .info_text_box > p.nom2{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -19px; margin-left: 28px; word-break: break-all;}
.sub_container .info_area .info_text_box > p.nom3{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -8px; margin-left: 18px; word-break: break-all;}
.sub_container .info_area .info_text_box > p.nom4{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; margin-left: 25px; word-break: break-all;}

#footer{background: #f5f5f5; width: 100%; padding-top: 10px;}
#footer.bottom{position: absolute; left: 0; bottom:0;}
#footer .foot_link{padding: 10px 0; background: #888888; }
#footer .foot_link > ul{width: 100%; display: table; }
#footer .foot_link > ul > li{ display: table-cell; border-left: 1px solid #fff;text-align: center;  line-height: 1;  }
#footer .foot_link > ul > li:first-child{border-left: none; }
#footer .foot_link > ul > li:nth-child(2) > a{font-weight: 700;}
#footer .foot_link > ul > li > a{font-size: 12px; color: #FFF; cursor: pointer;} /*20191227 수정 */
#footer .foot_link > ul > li > a.btn_company_info{display: inline-block; }/*20191227 수정 */
#footer .foot_link > ul > li > a.btn_company_info.on{display: inline-block; }/*20191227 수정 */
#footer .foot_link > ul > li > a > em{color: #c70000; }/*20191227 수정 */
#footer .foot_info{padding: 12px 12px 20px; font-size: 12px; color:#888888; }
#footer .foot_info p {padding-bottom: 2px;}
#footer .foot_info p.tit{font-weight: 700; padding-bottom: 5px;}
#footer .foot_info p.tit > em {display: inline-block; padding-left: 10px;}
#footer .foot_info > strong{padding-top: 7px; display: block; font-weight: normal; color: #aaaaaa}
#footer .foot_info > div{padding-top: 10px; display: block; font-weight: normal; color: #888888}

.main_area{width: 100%; }
.main_area .cate_link{margin-top:5px;  background: #fff;}
.main_area .cate_link > ul{width: 100%;}
.main_area .cate_link > ul > li{display: inline-block; width:calc(32.3%); text-align: center; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; padding: 10px; margin-left: -3px}
.main_area .cate_link > ul > li:nth-child(1){border-top:none; margin-left: 0;}
.main_area .cate_link > ul > li:nth-child(2){border-top:none;}
.main_area .cate_link > ul > li:nth-child(3){border-top:none;}
.main_area .cate_link > ul > li:nth-child(4){margin-left: 0;}
.main_area .cate_link > ul > li:nth-child(7){margin-left: 0;}
.main_area .cate_link > ul > li:nth-child(10){margin-left: 0;}
.main_area .cate_link > ul > li .cate_img{width: 60%; margin: 0 auto; overflow: hidden; text-align: center;}
.main_area .cate_link > ul > li .cate_img > img{width: 100%;}
.main_area .cate_link > ul > li a > p{text-align: center; font-size: 12px; line-height: 1.2; padding-top: 7px; padding-bottom: 10px;}
.main_area .cate_link > button{width: 100%; height: 40px; border: 1px solid #CCC; margin-top:20px; font-size: 12px; font-weight: 700;}

.main_area .main_event{width: 100%; background: #f2f2f2; padding: 20px 0;}
.main_area .main_event > h3{padding:10px 0; font-size: 18px; font-weight: 700; text-align: center;}
.banner img{width:100%;}
.main_area .main_event .btn_area_02{padding: 12px;}
.main_area .main_event .btn_area_02 > button{width: 100%; height: 40px; border: 1px solid #CCC;  font-size: 12px; font-weight: 700; background: #fff;}
.main_area .list_area{padding: 0 10px;}
.main_area .list_area > h3{padding:40px 0 10px; font-size: 18px; font-weight: 700; text-align: left;}

/* 메인 슬라이더 */
.viSimpleSlider, #main_slide {width: 100%;background-color: #eee;overflow: hidden;}
.viSimpleSlider ul > li, #main_slide ul > li {position: absolute; font-size: 0; line-height: 0;}
.viSimpleSlider ul > li img, #main_slide ul > li img {width: 100%; height: auto;}
.viSimpleSlider ul > li .slideTo, #main_slide ul > li .slideTo {background-color: #222; color: #fff;}
.viSimpleSlider ul > li .slideTo.active, #main_slide ul > li .slideTo.active {background-color: green;}
.viSimpleSlider ul > li .slideTo > div, #main_slide ul > li .slideTo > div {font-size: 14px; margin-top: -20px;}
.viSimpleSlider ul > li .slideTo > img, #main_slide ul > li .slideTo > img {vertical-align: top;}
.viSimpleSlider ul > li span.indexNumber, #main_slide ul > li span.indexNumber {display: block; position: absolute; z-index: 3; left: 80px; top: 200px; color: #fff; font-size: 16px;}
.viSimpleSlider .indicate, #main_slide .indicate { width: 100%; bottom: 5px; z-index: 120; text-align: center;}
.viSimpleSlider .indicate > a, #main_slide .indicate > a { display: inline-block; width: 7px; height: 7px; background-color: rgba(220,220,220,0.80); margin-left: 3px; margin-right: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
.viSimpleSlider .indicate > a.active, #main_slide .indicate > a.active {background-color: rgba(149,149,149,0.8);}
.viSimpleSlider .indicate:after, #main_slide .indicate:after {display: block; visibility: hidden; content: "."; clear: both; text-indent: -9999px; height: 0;}
.viSimpleSlider a.arrowBtn, #main_slide a.arrowBtn {display: block; position: absolute; width: 20px; top: 50%; height: 30px; margin-top: -15px; z-index: 120;}
.viSimpleSlider a.arrowBtn.prev, #main_slide a.arrowBtn.prev {left: 5px; background-image: url("../images/left-arrow.png"); background-position: 50% 50%; background-size: 9px; background-repeat: no-repeat;}
.viSimpleSlider a.arrowBtn.next, #main_slide a.arrowBtn.next {right: 5px; background-image: url("../images/right-arrow.png"); background-position: 50% 50%; background-size:9px; background-repeat: no-repeat;}




/* 브랜드 슬라이더 */
.brand_list{width: 100%; background: #fff; }
.brand_list .none_brand{min-height: 350px; font-size: 14px; text-align:center;  padding-top: 150px; background:#fff url(../images/list_none.png) 50% 90px no-repeat; background-size: 50px; color: #f15921;}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center;font-size: 18px; background: #fff;/* Center slide text vertically */display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
/*2018 08 16 수정 */
.brand_icon_ar{padding: 20px 10px 50px; width: 100%; }
/*2018 08 16 수정 */
.brand_icon_ar > ul {width: 100%; text-align: left; height: 400px;  overflow: hidden;}
.brand_icon_ar > ul > li {width: calc(25% - 4px); display: inline-block; text-align: center; padding-bottom: 15px}
.brand_icon_ar > ul > li div {width: 100%;}
.brand_icon_ar > ul > li div > img{width: 65px;}
.brand_icon_ar > ul > li > a > p{font-size: 12px; padding-top: 5px;}

/* product_list */
.helf_list{width: 100%; }
.helf_list .none_list{min-height: 552px; font-size: 14px; text-align:center;  padding-top: 150px; background:#fff url(../images/list_none.png) 50% 90px no-repeat; background-size: 50px; color: #f15921; margin-bottom: 10px;}
.helf_list > ul {width:100%}
.helf_list > ul > li{width: calc(50% - 3px); display: inline-block; margin-bottom: 6px; vertical-align: top;}
.helf_list > ul > li:nth-child(odd){margin-right: 1px}
.helf_list > ul > li:nth-child(2n){ margin-left: 1px;}
.helf_list > ul > li .product {padding: 0;background: #fff;}
.helf_list > ul > li .product .product_img{margin: 0 auto;width:100%; padding: 20px 6px;}/* 20200519 수정 */
.helf_list > ul > li .product .product_img > img{width: 100%;}
.helf_list > ul > li .product .product_img .discount{width: 45px; height: 45px; border-radius: 45px; background:#27b7bd; color: #FFF; font-size: 12px;vertical-align: middle; position: absolute; text-align: center; line-height: 0.5; margin-top: -14px}
.helf_list > ul > li .product .product_img .discount > strong{display: block; font-weight: bolder; font-size: 14px;padding-top: 3px }
.helf_list > ul > li .product .bottom_area{ padding:15px 0px 0; border-top: 1px solid #f4f4f4;}
.helf_list > ul > li .product .bottom_area .brand_name{padding:8px 6px; font-size: 14px; color: #333333; font-weight: 700;}
.helf_list > ul > li .product .bottom_area .product_name{padding:0 6px; word-break: break-all; font-size: 14px; color: #333333; height: 42px; overflow: hidden;}
.helf_list > ul > li .product .bottom_area .price_area{padding:10px 6px; width: 100%; display: table}
.helf_list > ul > li .product .bottom_area .price_area .selling_price{font-size: 16px; color: #f15921; display: table-cell; font-weight: 900; font-family:'Montserrat', sans-serif; }
.helf_list > ul > li .product .bottom_area .price_area .selling_price > em{font-size: 14px; font-weight: normal;}
.helf_list > ul > li .product .bottom_area .price_area .suggested_price{font-size: 12px; color: #888888; display: table-cell; text-decoration: line-through; text-align: left; padding-left:7px; }
.helf_list > ul > li .product .bottom_area .price_area .suggested_price > em{font-size: 10px; }

/*20200519 추가 */
.helf_list > ul > li .product .product_img{position: relative;}
.helf_list > ul > li .product .product_img .sold_out_con{display: none;}
.helf_list > ul > li .product.sold_out .product_img .sold_out_con{display: block;position: absolute;width: 100%;z-index: 2;background: rgba(0, 0, 0, 0.7);padding: 20px 6px;left: 0;top: 0;}
.helf_list > ul > li .product.sold_out .product_img .sold_out_con > img{width: 100%;}
.helf_list > ul > li .product.sold_out .product_img .sold_out_con > p{color: #fff; font-size: 14px; height: 30px; line-height: 28px; width: 100%; text-align: center; font-weight: bold; position: absolute; z-index: 3; top:50%; margin-top: -15px; }



/* thema_tap */
.thema_area{width: 100%;}
.thema_area .thema_tab{width: 100%;  background: #FFF; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; padding: 10px 0; }
.thema_area .thema_tab > ul > li {padding: 0 10px; padding-top: 10px; text-align: center;}
.thema_area .thema_tab > ul > li > a{width: calc(33% - 4px); display: inline-block; text-align: center; border: 1px solid #ccc; height: 35px; border-radius: 35px; margin-right: -4px;  margin-bottom: 10px; vertical-align: top; margin-left: 4px;}
.thema_area .thema_tab > ul > li > a:nth-child(1){margin-left: 0;}
.thema_area .thema_tab > ul > li > a:nth-child(4){margin-left: 0;}
.thema_area .thema_tab > ul > li > a:nth-child(7){margin-left: 0;}
.thema_area .thema_tab > ul > li > a:nth-child(3n){margin-right: 0;}
.thema_area .thema_tab > ul > li > a > img{width: 20px; display: inline-block;}
.thema_area .thema_tab > ul > li > a > span{font-size: 13px; vertical-align: middle; display: inline-block; padding-left: 3px; color: #2e2e2e; font-weight: 500; line-height: 33px;}
.thema_area .thema_tab > ul > li > a.on{ border: 0; background: #23b8bc; }
.thema_area .thema_tab > ul > li > a.on > span{color: #fff; font-weight: 700;}
.thema_content{width:100%; background:#f5f5f5; height:100%;}
.thema_content .thema_title{padding: 30px 10px 15px;width: 100%;display: block; text-align: right;}
.thema_content .thema_title > h4{display:none;}
.thema_content .thema_title .thema_select{width: 120px; display: inline-block; vertical-align: middle;}
.thema_content .thema_title .thema_select .select-box-w {width:100%;height: 40px;position: relative;background: #fff url(../images/select.png) 92% 50% no-repeat;border:1px solid #ccc ;background-size: 7px 4px}
.thema_content .thema_title .thema_select .select-box-w select {width: 100%;height: 40px;line-height: 1.5;padding: 0 5px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.thema_content .thema_title .thema_select .select-box-w label {position: absolute;padding-left: 10px;font-size: 12px;top: 0;left: 0px;height: 40px;line-height: 36px}
.thema_content .thema_list{padding: 0 10px;}
.thema_content > div.tabcontent {display: none;}
.thema_content > div.tabcontent.on {display: block;}
.thema_content > div > h3{ font-size: 14px; color: #888888; padding:15px 0 15px 0px; height: 30px; line-height: 26px; margin: 0px 15px;  }
.thema_content > div > h3 > img {width: 30px; vertical-align: middle; margin-right: 10px;}
.thema_content > div > ul{width: calc(100% - 30px); display: block; font-size: 0;padding:0 15px 10px; background: #fff;}
.thema_content > div > ul > li{width: 25%; display: inline-block; text-align: center; padding-top: 10px; vertical-align: top; }
.thema_content > div > ul > li a{width:80%; background: #fff; display: inline-block; padding-bottom: 15px; padding-top: 10px; }
.thema_content > div > ul > li a img{width: 100%;}
.thema_content > div > ul > li a .brand_name{font-size: 12px; color:#aaaaaa; text-align: center; margin-top: 5px;}

/*search_area */
.search_area{width: 100%;  border-top: 1px solid #dadada;}
.search_area .search_title{padding: 30px 10px 15px; width: 100%; display: table; height: 40px;}
.search_area .search_title > h4{font-size: 14px; font-weight: 700; color:#2e2e2e; display: table-cell; vertical-align: middle; height: 40px;}
.search_area .search_title > h4 > em{color: #f15921; font-weight: 700;}
.search_area .search_title .search_select{ width: 120px; display: table-cell; vertical-align: middle;}
.search_area .search_title .search_select .select-box-w {width:100%;height: 40px;position: relative;background: #fff url(../images/select.png) 92% 50% no-repeat;border:1px solid #ccc ;background-size: 7px 4px}
.search_area .search_title .search_select .select-box-w select {width: 100%;height: 40px;line-height: 1.5;padding: 0 5px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.search_area .search_title .search_select .select-box-w label {position: absolute;padding-left: 10px;font-size: 12px;top: 0;left: 0px;height: 40px;line-height: 36px}
.search_area .search_list2{padding: 0 10px;}



#accordian li{ list-style:none;}
#accordian li > h1{ cursor:pointer; padding: 12px; font-size: 14px;  border-bottom:  1px solid #CCC; border-top:5px solid #ededed}
#accordian li > h1 > em{font-size: 8px;}
#accordian li > h1 .ico_ar{position: absolute; right: 12px; display: inline-block; width:14px; height: 24px; background: url(../images/slide_down.png) 0 8px no-repeat; background-size: 14px; vertical-align: middle;}
#accordian li > ul{ display:none;}
#accordian li.active > ul{ display:block;}
#accordian li.active > h1 .ico_ar{transform: rotate(180deg);}
#accordian li > ul > li{width: 100%; display: table; border-bottom:1px solid #ccc; }
#accordian li > ul > li > div{width: 25%; padding: 6px 0; display: table-cell; text-align: center; border-left:1px solid #ccc;}
#accordian li > ul > li > div:first-child{border: 0;}
#accordian li > ul > li > div > a{display: inline-block; text-align: center;}
#accordian li > ul > li > div > a > img{width: 50px;}


/* 상품상세 */

.products_area{width: 100%; padding: 0 10px;  background: #FFF; }
.products_area .product_area{ padding: 35px 5px 0;}
.products_area .product_area .brand_name{padding:30px 0px 20px; font-size: 14px; color: #333333; font-weight: 700;}
.products_area .product_area .product_name{padding:0 0px; word-break: break-all; font-size: 18px; color: #333333; height: 54px; overflow: hidden; font-weight: 400;}
.products_area .product_area .price{padding: 8px 0px 20px; font-size: 20px; color: #888888;display: inline-block;}
.products_area .product_area .price > strong{font-size: 24px; color: #ef4843;  font-family:'Montserrat', sans-serif; font-weight: 900; }
.products_area .product_area .price > em{font-size:18px; color: #ef4843;}
.products_area .product_area .suggested_price{font-size: 12px; color: #888888; text-decoration: line-through; text-align: left; padding-left:7px; display: inline-block;}
.products_area .product_area .suggested_price > em{font-size: 10px; }

.products_area .product_area .product_img_ar .discount2{width: 55px; height: 55px; border-radius: 55px; background:#27b7bd; color: #FFF; font-size: 12px;vertical-align: middle; position: absolute; text-align: center; line-height: 0.5;}
.products_area .product_area .product_img_ar .discount2 > strong{display: block; font-weight: bolder; font-size: 14px;padding-top: 8px }
.products_area .product_area .product_img_ar{padding: 12px 0px; text-align: center;}
.products_area .product_area .product_img_ar img{width: 100%;}


/*20200519 추가 */
.products_area .product_area .product_img_ar{position: relative;}
.products_area .product_area .product_img_ar .sold_out_con{display: none;}
.products_area .product_area.sold_out .product_img_ar .sold_out_con{display: block; position: absolute; z-index: 2; width: 100%; top: 0;}
.products_area .product_area.sold_out .product_img_ar .sold_out_con > p{display: block; position: absolute; z-index: 2; width: 100%; text-align: center; font-size: 24px; font-weight: bold; color: #fff; height: 30px; list-style: 28px; top: 50%; margin-top: -15px;}

.btn_area_03 {width: 100%; background: #fff;}
.btn_area_03 div.purchase_quantity {display: none; padding: 5px 15px 0;}
.btn_area_03 div.purchase_quantity .purchase_quantity_ar{width: 100%; display: table;}
.btn_area_03 div.purchase_quantity .purchase_quantity_ar .num{height: 50px; text-align: center; display: table-cell;}
.btn_area_03 div.purchase_quantity .purchase_quantity_ar .btn_min{display: table-cell; width: 40px; text-align: left;}
.btn_area_03 div.purchase_quantity .purchase_quantity_ar .btn_plus{display: table-cell; width: 40px; text-align: right;}
.btn_area_03 div.purchase_quantity .purchase_quantity_ar .btn_min img, .btn_area_03 div.purchase_quantity .purchase_quantity_ar .btn_plus img{ width: 30px;}
.btn_area_03 div.purchase_quantity .extended_price{text-align: center; padding: 10px 0; font-size: 14px; }
.btn_area_03 div.purchase_quantity .extended_price strong{ font-family:'Montserrat', sans-serif; font-weight: 900; font-size: 20px;}
/* 180816 수정 */
.btn_area_03 a{ width: 100%; height: 30px;display: inline-block;background: url(../images/btna_up.png) top center no-repeat; font-size: 0;}
.btn_area_03 a.on {background: url(../images/btna_down.png) top center no-repeat;}
/* 180816 수정 */
.btn_area_03 .btn_box01{width: 100%; display: table; padding-top:5px; }
.btn_area_03 .btn_box01 > button{width: 50%; display: table-cell; font-size: 14px; font-weight: 700; color: #FFF; height: 50px;}
.btn_area_03 .btn_box01 > button.grey_btn{background: #888888;}
.btn_area_03 .btn_box01 > button.green_btn{background: #23b8bc;}



/* 쿠폰함 coupon */
.coupon_area .coupon_pro_img {position: relative}
.coupon_area .coupon_img {background-color: #fff;text-align: center}
.coupon_area .coupon_img img {width:70%;}
.coupon_area .coupon_barcode {background-color: #fff;text-align: center}
.coupon_area .coupon_barcode img {width:70%;}
.coupon_area .coupon_pro_img .coupon_end_com:after {content: "";display: block; width: 90%;height: 100%; background: rgba(59,59,59,0.8) url(../images/coupon_complete.png) center center no-repeat;position: absolute;top:12px;left: 5%;}
.coupon_area .coupon_end_com button{width:120px; height: 30px; line-height: 30px;background-color: #009fd9; border-radius: 20px;color:#fff;position: absolute;bottom:15px;left:calc(50% - 60px);z-index: 10}
.coupon_area .coupon_end_exp img{width:100%;}
.coupon_area .coupon_pro_img .coupon_end_exp:after {content: "";display: block; width: 90%;height: 100%; background: rgba(59,59,59,0.8) url(../images/coupon_expirate.png) center center no-repeat;position: absolute;top:12px;left: 5%;}
.coupon_area .coupon_end_exp button{width:120px; height: 30px; line-height: 30px;background-color: #009fd9; border-radius: 20px;color:#fff;position: absolute;bottom:15px;left:calc(50% - 60px);z-index: 10}
.coupon_area .coupon_end_exp img{width:100%;}
.coupon_info_area {padding: 28px 13px;background-color: #fff}
.coupon_info_area > p {font-size:12px;color:#888;padding-bottom: 5px;}
.coupon_info_area > span {font-size:15px;color:#525252;font-weight: 600}
.coupon_info_area ul {font-size: 12px;color:#888;padding-top: 29px;}
.coupon_info_area ul li {padding-bottom: 13px}
.coupon_info_area ul li:last-child {padding-bottom: 0}
.coupon_info_area ul li span{padding-left:20px;}
.coupon_info_area ul li span em{font-size:13px;color:#ef4843; font-weight:600}
.coupon_notify_area {background-color: #fff;padding: 20px 5px; border-top: 1px solid #e8e8e8;}
.coupon_notify_area .coupon_notify_info {font-size:12px; padding: 0 0px;}
.coupon_notify_area .coupon_notify_info h3{color:#525252;padding-bottom: 0px;}
.coupon_notify_area .coupon_notify_info p{color:#888;padding-bottom: 20px;}

.coupon_list_area{width: 100%;}
.coupon_list_area .coupon_tab{background: #eeeeee;}
.coupon_list_area .coupon_tab > ul{width: 100%;}
.coupon_list_area .coupon_tab > ul > li{width: 100%; display: table; border-top: 1px solid #dddddd; padding-top: 8px}
.coupon_list_area .coupon_tab > ul > li > a{width: 50%; display: table-cell; text-align: center; height: 40px; line-height: 38px; color: #9e9e9e}
.coupon_list_area .coupon_tab > ul > li > a > p{height: 30px; line-height: 30px;}
.coupon_list_area .coupon_tab > ul > li > a > p:first-child{border-right: 1px solid #dddddd}
.coupon_list_area .coupon_tab > ul > li > a.on{ color: #23b9ba; font-weight: 700;}



.coupon_list_area .coupon_content{padding: 12px;}
.coupon_content .tabcontent {display: block;}
/*.coupon_content .tabcontent.on {display: block;} 20180806 data-tab 사용 안함*/
.coupon_content .tabcontent .coupon_title{padding: 10px 10px 5px; width: 100%; display: table; height: 40px;}
.coupon_content .tabcontent .coupon_title > h4{font-size: 14px; font-weight: 700; color:#2e2e2e; display: table-cell; vertical-align: middle; line-height: 38px; height: 40px;}
.coupon_content .tabcontent .coupon_title > h4 > em{color: #f15921; font-weight: 700;}
.coupon_content .tabcontent .coupon_title .search_select{ width: 120px; display: table-cell; vertical-align: middle;}
.coupon_content .tabcontent .coupon_title .search_select .select-box-w {width:100%;height: 40px;position: relative;background: #fff url(../images/select.png) 92% 50% no-repeat;border:1px solid #ccc ;background-size: 7px 4px}
.coupon_content .tabcontent .coupon_title .search_select .select-box-w select {width: 100%;height: 40px;line-height: 1.5;padding: 0 5px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.coupon_content .tabcontent .coupon_title .search_select .select-box-w label {position: absolute;padding-left: 10px;font-size: 12px;top: 0;left: 0px;height: 40px;line-height: 36px}
.coupon_content .tabcontent > p {font-size: 12px;color: #888888; padding-bottom: 10px; padding-left: 16px; text-indent: -16px; }
.coupon_content .tabcontent > ul {width: 100%;}
.coupon_content .tabcontent > ul .purchase_day{ padding: 15px 10px 0px; font-size: 14px; color:#a6a6a6; }
.coupon_content .tabcontent > ul .purchase_day:first-child{padding-top: 0px;}
.coupon_content .tabcontent > ul > li{width: 100%;  margin-top: 10px;}
.coupon_content .tabcontent > ul > li .info_area{width: 100%; padding: 0px; position: relative;  background: #FFF; border: 1px solid #dddddd;}
.coupon_content .tabcontent > ul > li .info_area .number_ar{width: 100%; border-bottom: 1px solid #dddddd; padding: 10px;}
.coupon_content .tabcontent > ul > li .info_area .number_ar > span{display: block; vertical-align: middle; font-size: 12px; color: #888;}
.coupon_content .tabcontent > ul > li .info_area .number_ar > span.cancel{text-align: right; color: #ef4843; margin-top: 4px;}
.coupon_content .tabcontent > ul > li .info_area .click_area{width: 100%; padding: 20px 10px 20px; display: table;}
.coupon_content .tabcontent > ul > li .info_area .click_area .left_img{width: 80px; height: 80px; display: table-cell; vertical-align: middle; box-sizing: content-box; }
.coupon_content .tabcontent > ul > li .info_area .click_area .left_img .use_coupon{width: 80px; height: 80px; background: url(../images/use.png) no-repeat; background-size:80px; position: absolute; z-index: 10;}
.coupon_content .tabcontent > ul > li .info_area .click_area .left_img > img{width: 100%;}
.coupon_content .tabcontent > ul > li .info_area .click_area .coupon_info{display: table-cell; padding-left: 8px; width: calc(100% - 100px);  vertical-align: top;}
.coupon_content .tabcontent > ul > li .info_area .click_area .coupon_info .brand_name{font-size: 12px; color:#333333; font-weight: 700; padding: 6px 0;}
.coupon_content .tabcontent > ul > li .info_area .click_area .coupon_info .product_name{font-size: 14px;  color: #525252; line-height: 1.2; height: 35px; overflow: hidden;}
.coupon_content .tabcontent > ul > li .info_area .click_area .coupon_info .data_info_2{font-size: 11px; color: #888888; padding: 6px 0 0px; margin-top: 5px; border-top: 1px solid #ccc; }
.coupon_content .tabcontent > ul > li .info_area .click_area .coupon_info .price_ingo{font-size: 16px; font-weight: bolder; color: #000000; padding-top: 3px; padding-bottom: 8px;}
.coupon_content .tabcontent > ul > li .info_area .click_area .coupon_info .date_info{font-size: 11px; color: #888888; padding: 6px 0 0px; border-top: 1px solid #ccc;}
.coupon_content .tabcontent > ul > li .info_area .coupon_extension{width: 40px; height: 40px; background:#f5f5f5; border: 2px solid #23b8bc; color: #23b8bc; border-radius: 40px; position: absolute; font-size: 9px; line-height:1.2; font-weight: 700; bottom: 10px; right: 10px; vertical-align: middle; z-index:9; -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(-10px);}
.coupon_content .tabcontent > ul > li .info_area .coupon_extension2{width: 40px; height: 40px; background:#f5f5f5; border: 2px solid #23b8bc; color: #23b8bc; border-radius: 40px; position: absolute; font-size: 9px; line-height:1.2; font-weight: 700; bottom: 10px; right: 10px; vertical-align: middle; z-index: 9; -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(-10px);}
.coupon_content .tabcontent > ul > li .info_area .cancel_payment{width: calc(100% - 20px); margin: 0px 10px 20px; height: 35px; background:#fff; border: 1px solid #23b9ba; color: #23b8bc; border-radius: 4px; font-size: 14px; font-weight: 700;}
.coupon_content .tabcontent > ul > li .gift_number{width: 100%; padding: 5px 10px 5px 0; position: relative;  background: #FFF; border: 1px solid #dddddd; margin-top: 5px; display: table;}
.coupon_content .tabcontent > ul > li .gift_number .left_title{border-right: 1px solid #dddddd; display: table-cell; text-align: center; width: 100px; vertical-align: middle;}
.coupon_content .tabcontent > ul > li .gift_number > ul{display: table-cell; padding-bottom: 7px;}
.coupon_content .tabcontent > ul > li .gift_number > ul > li{width: 100%; display: table; padding-top: 7px;}
.coupon_content .tabcontent > ul > li .gift_number > ul > li > span{display: table-cell; padding-left: 10px; text-align: left; width:100%; line-height: 24px; }
.coupon_content .tabcontent > ul > li .gift_number > ul > li > button{width: 50px; color: #fff; background:#434343;  display: table-cell; padding: 2px 0 4px; font-size: 12px; border-radius: 24px;}


.coupon_content .tabcontent > ul > li.use_off .info_area .click_area .left_img > img{width: 100%;  filter: url(filters.svg#grayscale); /* Firefox */  filter: gray; /* IE */  -webkit-filter: grayscale(1); /* Webkit */}
.coupon_content .tabcontent > ul > li.use_off .info_area .click_area .coupon_info .brand_name{font-size: 12px; color:#9e9e9e; }
.coupon_content .tabcontent > ul > li.use_off .info_area .click_area .coupon_info .product_name{font-size: 14px; font-weight: 700; color: #9e9e9e; line-height: 1.2; padding-top: 3px; height: 35px; overflow: hidden;}
.coupon_content .tabcontent > ul > li.use_off .info_area .click_area .coupon_info .price_ingo{font-size: 16px; font-weight: bolder; color: #9e9e9e; padding-top: 3px; padding-bottom: 8px;}
.coupon_content .tabcontent > ul > li.use_off .info_area .click_area .coupon_info .date_info{font-size: 12px; color: #9e9e9e; padding: 4px 0 0px; border-top: 1px solid #ccc;}
.coupon_content .tabcontent .none_list{width: 100%; min-height: 510px; padding-top: 30%}
.coupon_content .tabcontent .none_list > p{padding-top: 60px; background: url(../images/list_none.png) center top no-repeat; background-size: 50px;  color: #f15921; font-size: 16px; text-align: center;}


.coupon_view{width: 100%; border-top: 1px solid #dddddd; padding: 0 10px; background: #fff;}
.coupon_view .coupon_box{ padding: 35px 5px 0; border: 1px solid #dddddd; margin-top: 10px;}
.coupon_view .coupon_box .brand_name{padding:5px 0px 10px; font-size: 14px; color: #333333; font-weight: 700; text-align: center;}
.coupon_view .coupon_box .product_name{ word-break: break-all; font-size: 18px; color: #333333; height: 54px; overflow: hidden; font-weight: 400;  padding: 0 10px 0px; text-align: center;}
.coupon_view .coupon_box .barcode_area{padding:20px 20px; text-align: center;}
.coupon_view .coupon_box .barcode_area > img{width: 100%;}
.coupon_view .coupon_box .product_img_ar{padding: 12px 0px; text-align: center;}
.coupon_view .coupon_box .product_img_ar img{width: 100%;}
.coupon_view .coupon_box > ul{ padding: 0 10px;}
.coupon_view .coupon_box > ul > li{width: 100%; padding: 15px 0; display: table; border-top: 1px solid #dddddd;}
.coupon_view .coupon_box > ul > li.dp_bl{display: block;}
.coupon_view .coupon_box > ul > li.dp_bl .title_t{font-size: 14px; color: #333333; text-align: left; display: table-cell; padding-bottom: 10px;}
.coupon_view .coupon_box > ul > li.dp_bl > p{color: #666666; font-size: 14px;}
.coupon_view .coupon_box > ul > li:first-child{width: 100%; padding: 30px 0 10px; display: table;}
.coupon_view .coupon_box > ul > li:last-child{border-bottom: none;}
.coupon_view .coupon_box > ul > li .title_l{font-size: 14px; color: #333333; width: 30%; text-align: left; display: table-cell;}
.coupon_view .coupon_box > ul > li .datas{font-size: 14px; color: #666666; width: 70%; text-align: right; display: table-cell;}
.coupon_view .coupon_box > ul .btn_area_4{padding-bottom: 20px;}
.coupon_view .coupon_box > ul .btn_area_4 button{height: 50px; color:#fff; background: #23b8bc; border-radius: 8px; font-size: 14px; width: 100%; font-weight: 700; margin_bottom:30px;}
/*구매하기 purchase*/
.purchase_area{padding: 0 10px;}
.purchase_area .complete{padding: 0 10px; padding: 70px 0 100px; background: url(../images/icon_complete.png) center 125px no-repeat; background-size: 55px; font-size: 22px; text-align: center;}
.purchase_area .fail{padding: 0 10px; padding: 90px 0 100px; background: url(../images/icon_fail.png) center 175px no-repeat; background-size: 55px; font-size: 22px; text-align: center;}
.purchase_area .fail p{padding: 10px; font-size: 14px; color: #333; }
.purchase_area .inspection{padding: 0 10px; padding: 70px 0 0px; font-size: 22px; text-align: center;}
.purchase_area .inspection img{width: 55px; margin: 10px 0;}
.purchase_area .inspection p{padding: 10px; font-size: 14px; color: #333; }
.purchase_area .inspection p.inspect_tit{padding: 10px 0 0;}
.purchase_area h2 {font-size:16px; padding-top: 40px; font-weight: 700; color:#333333; text-align: center; padding-bottom: 60px; background: url(../images/icon_present.png) center 75px no-repeat; background-size: 40px;}
.purchase_area .purchase_product {width:100%;display: table;/*background-color: #fff; */padding:20px 15px; background: #fff; border: 1px solid #dddddd;}
.purchase_area .purchase_product .purchase_product_img{display: table-cell;position: relative;vertical-align: middle;width:35%;padding-right: 20px}
.purchase_area .purchase_product .purchase_product_img div {position: absolute;top:0;color:#fff;font-size:11px;text-align: center}
.purchase_area .purchase_product .purchase_product_img div p{display: inline-block;width:30px;height:15px;}
.purchase_area .purchase_product .purchase_product_img div p:first-child {background-color: #ef4843;}
.purchase_area .purchase_product .purchase_product_img div p+p {background-color: #777;margin-left: -2px}
.purchase_area .purchase_product .purchase_product_img img{width:100%;}
.purchase_area .purchase_product .purchase_product_title{display: table-cell;vertical-align: top;}
.purchase_area .purchase_product .purchase_product_title p:first-child {font-size:14px; color:#333333;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.3;}
.purchase_area .purchase_product .purchase_product_title p:nth-child(2) {font-size:14px;color:#333333; padding-top: 10px; font-weight: 700;}

.purchase_area .purchase_price{width: 100%; padding: 30px 10px 20px; border-bottom: 1px solid #dddddd;}
.purchase_area .purchase_price .half_group{width: 100%; display: table; font-size: 14px; color: #333333;}
.purchase_area .purchase_price .half_group .left_group{width: 50%; display: table-cell; text-align: left; }
.purchase_area .purchase_price .half_group .right_group{width: 50%; display: table-cell; text-align: right}
.purchase_area .purchase_price .half_group .right_group ul li{padding-bottom: 5px;}
.purchase_area .purchase_price .half_group .right_group > span{font-size: 14px;}
.purchase_area .purchase_price .half_group .right_group > span > strong{font-size: 18px; font-family:'Montserrat', sans-serif; color: #333333;font-weight: 900; padding-right: 5px;}
.purchase_area .purchase_price .half_group .right_group > strong{font-size: 16px; font-family:'Montserrat', sans-serif; color: #333333;font-weight: 900;}
.purchase_area .purchase_price .half_group .right_group .purchase_quantity_ar{width: 100%;}
.purchase_area .purchase_price .half_group .right_group .purchase_quantity_ar .num{ font-family:'Montserrat', sans-serif; height: 30px; width: 20px; border: none; background: none; text-align: right; display: inline-block; vertical-align: middle; font-size: 16px; color: #333333; padding: 0; font-weight: 900;}
.purchase_area .purchase_price .half_group .right_group .purchase_quantity_ar .btn_min{display: inline-block; width: 25px; vertical-align: middle; padding-right: 5px;}
.purchase_area .purchase_price .half_group .right_group .purchase_quantity_ar .btn_plus{display: inline-block; width: 25px;  vertical-align: middle;}
.purchase_area .purchase_price .half_group .right_group .purchase_quantity_ar .btn_min img, .purchase_area .purchase_price .half_group .right_group .purchase_quantity_ar .btn_plus img{ width: 20px;}

/*20181232 수정 */
.purchase_area .purchase_price .point_group{width: 100%; display: table;font-size: 14px; color: #333333; padding-top: 15px;}
.purchase_area .purchase_price .point_group .point_inquiry_ar{width: 100%; padding-bottom: 5px; height: 30px; display: table;} /* 20190221 수정 */
.purchase_area .purchase_price .point_group .point_inquiry_ar .point_title{display: table-cell; padding-right: 5px; vertical-align: middle;}/* 20190221 수정 */
.purchase_area .purchase_price .point_group .point_inquiry_ar .tool_tip{display: table-cell; padding-right: 5px; width: 15px; }/* 20190221 수정 */
.purchase_area .purchase_price .point_group .point_inquiry_ar .tool_tip .tip{width: 15px; height: 15px; background: url(../images/tip.png) no-repeat; background-size: 15px;}
.purchase_area .purchase_price .point_group .point_inquiry_ar .tip_box{ position: absolute; width: calc(100% - 20px); padding: 10px 25px 10px 10px; background: #fff; border: 1px solid #f15921; left: 10px; margin-top: -80px; display: none;}
.purchase_area .purchase_price .point_group .point_inquiry_ar .tip_box.on{display: block;}
.purchase_area .purchase_price .point_group .point_inquiry_ar .tip_box > ul > li{line-height: 18px; font-size: 12px; color: #3f3f3f; padding-left: 10px; text-indent: -10px; padding-top: 5px;}
.purchase_area .purchase_price .point_group .point_inquiry_ar .tip_box > ul > li:first-child{padding-top: 0;}
.purchase_area .purchase_price .point_group .point_inquiry_ar .tip_box .btn_x{position: absolute; width: 12px; height: 12px; background: url(../images/icon_x.png) no-repeat; background-size: 12px; right: 8px; top:8px}
.purchase_area .purchase_price .point_group .point_inquiry_ar .inquiry_ar{display: table-cell; width: 80%; text-align: right;}/* 20190221 수정 */
.purchase_area .purchase_price .point_group .point_inquiry_ar .inquiry_ar > span{color: #f15921; font-weight: bold; vertical-align: middle;}
.purchase_area .purchase_price .point_group .point_inquiry_ar .point_inquiry{width: 40px; padding: 11px 0 14px; font-size: 12px; color: #fff; background:#434343; border-radius: 20px; line-height: 0; }
.purchase_area .purchase_price .point_group .point_use{width: 100%; display: table;}
.purchase_area .purchase_price .point_group .point_use .use_point{display: table-cell; padding-right: 8px; }
.purchase_area .purchase_price .point_group .point_use .use_point .point_inner{width: 100%; border: 1px solid #dddddd; border-radius: 2px; background: #fff;  }
.purchase_area .purchase_price .point_group .point_use .use_point .point_inner > input{width: calc(100%); border: 0; background: none; text-align: right; padding: 0 15px 0 5px;  height: 25px;}
.purchase_area .purchase_price .point_group .point_use .use_point .point_inner > input:disabled{background: #eaeaea; color:#f6f5f5; }

.purchase_area .purchase_price .point_group .point_use .use_point .point_inner > span{ font-size: 14px; vertical-align: middle; position:absolute; margin-left: -14px; padding-top: 3px; }
.purchase_area .purchase_price .point_group .point_use .use_btn_ar{display: table-cell; width: 60px; }
.purchase_area .purchase_price .point_group .point_use .use_btn_ar .allpoint_use{width: 60px; padding: 11px 0 14px; font-size: 12px; color: #fff; background:#434343; border-radius: 20px; line-height: 0; }
.purchase_area .purchase_price .point_group .point_use .use_btn_ar .allpoint_use:disabled{background:#626262; }
/*//20181232 수정 */






.purchase_area .purchase_price2{width: 100%; padding: 20px 10px 30px; border-bottom: 1px solid #dddddd;}
.purchase_area .purchase_price2 .half_group{width: 100%; display: table; font-size: 14px; color: #333333;}
.purchase_area .purchase_price2 .half_group .left_group{width: 50%; display: table-cell; text-align: left; font-size: 20px; color: #333333; }
.purchase_area .purchase_price2 .half_group .right_group{width: 50%; display: table-cell; text-align: right; color: #f15921; font-size: 20px;}
.purchase_area .purchase_price2 .half_group .right_group > strong{font-size: 24px; font-family:'Montserrat', sans-serif; font-weight: 900; padding-right: 5px;}
.purchase_area .purchase_price2 .point_info{font-size: 12px; color: #f15921; margin-top: 5px;}

.purchase_area .purchase_price3{width: 100%; padding: 10px 10px 20px; border-bottom: 1px solid #dddddd;}
.purchase_area .purchase_price3 .half_group{width: 100%; display: table; font-size: 14px; color: #333333;}
.purchase_area .purchase_price3 .half_group .left_group2{width: 30%; display: table-cell; text-align: left; font-size: 16px; color: #333333; font-weight: 700; vertical-align: middle;}
.purchase_area .purchase_price3 .half_group .right_group2{width: 70%; display: table-cell; text-align: right; color: #f15921; font-size: 20px;}

.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap{width: 100%}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_1 { width: 75px; display: inline-block;}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_2 { width: 75px; display: inline-block; margin-left: -4px;  border-left: 1px solid #dddddd}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_1 label {font-size: 14px; display: block; text-align: center; color: #666666;}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_1 .radio {display: inline-block;position: relative;width: 75px;height: 77px;vertical-align: middle; box-sizing: border-box;top: 0; background: url(../images/radio_01_off.png) no-repeat; background-size: 75px;}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_1 input[type='radio'] {width:75px;height: 77px; left: 0; top:0;}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_1 input[type='radio']:checked + i {width:75px;height: 77px; position: absolute;top:0px;left: 0; background:url(../images/radio_01_on.png) no-repeat; background-size: 75px; }
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_2 label {font-size: 14px; display: block; text-align: center; color: #666666;}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_2 .radio {display: inline-block;position: relative;width: 75px;height: 77px;vertical-align: middle; box-sizing: border-box;top: 0; background: url(../images/radio_02_off.png) no-repeat; background-size: 75px;}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_2 input[type='radio'] {width:75px;height: 77px; left: 0; top:0;}
.purchase_area .purchase_price3 .half_group .right_group2 .radio_wrap .radio_2 input[type='radio']:checked + i {width:75px;height: 77px; position: absolute;top:0px;left: 0; background:url(../images/radio_02_on.png) no-repeat; background-size: 75px; }
.purchase_area .purchase_price4{width: 100%; padding: 20px 10px 10px;}
.purchase_area .purchase_price4 > p{padding-bottom: 10px;}
.purchase_area .purchase_price4 .open_btn{display: inline-block; padding-right: 17px; background: url(../images/icon_down.png) right 50% no-repeat; background-size: 12px; font-size: 12px; color: #5fc1c7; font-weight: 700; position: absolute; right: 10px; margin-top: -28px; content:'자세히보기'}
.purchase_area .purchase_price4 .open_btn.on{display: inline-block; padding-right: 17px; background: url(../images/icon_up.png) right 50% no-repeat; background-size: 12px; text-indent: -9999999999px;}
.purchase_area .purchase_price4 .open_btn.on::after{text-indent: 0px;float: left;content: '접기';}
.checkbox-wrap {cursor: pointer;vertical-align: middle;	font-size: 14px; color: #101010;}
.checkbox-wrap .check-icon {display: inline-block;width: 18px;height: 16px;background: url(../images/chack_off.png) top left no-repeat;	vertical-align: middle;	transition-duration: .3s;background-size: 18px;	margin-right: 5px;}
.checkbox-wrap input[type=checkbox] {display: none;}
.checkbox-wrap input[type=checkbox]:checked + .check-icon {background-image: url(../images/chack_on.png);}

.text_box1{width: 100%; padding: 20px; border: 1px solid #dddddd; font-size: 14px; background: #FFF; display: none; height: 200px;}
.text_box1 .text_content{width: 100%; height:158px; overflow-y: auto;  }
.text_box1 .text_content > h3{font-size: 12px; font-weight: 700; color: #333333; }
.text_box1 .text_content > h4{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; padding-top: 15px;}
.text_box1 .text_content > p{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; word-break: break-all;}
.text_box1 .text_content > p.nom{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -13px; margin-left: 13px; word-break: break-all;}
.text_box1 .text_content > p.nom1{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -15px; margin-left: 16px; word-break: break-all;}
.text_box1 .text_content > p.nom2{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -19px; margin-left: 28px; word-break: break-all;}
.text_box1 .text_content > p.nom3{font-size: 12px; font-weight: normal; color: #333333; padding-bottom: 5px; text-indent: -8px; margin-left: 18px; word-break: break-all;}
.btn_bottom_area{width: 100%; position: absolute; bottom: 0;}
.btn_bottom_area> button{width: 100%; font-size: 14px; font-weight: 700; color: #FFF; height: 50px;}
.btn_bottom_area> button.grey_btn{background: #888888;}
.btn_bottom_area > button.green_btn{background: #23b8bc;}

.btn_half_area{width: 100%; display: table; }
.btn_half_area > button{width: 50%; display: table-cell; font-size: 14px; font-weight: 700; color: #FFF; height: 50px;}
.btn_half_area > button.grey_btn{background: #888888;}
.btn_half_area > button.green_btn{background: #23b8bc;}

.btn_half_area2{width: 100%; display: table;}
.btn_half_area2 > button{width: 50%; display: table-cell; font-size: 14px; font-weight: 700; color: #FFF; height: 50px;}
.btn_half_area2 > button.grey_btn{background: #888888;}
.btn_half_area2 > button.green_btn{background: #23b8bc;}

/* 20200520 추가 */
.btn_half_area3{width: 100%; display: table;position: absolute; bottom: 0;}
.btn_half_area3 > button{width: 50%; display: table-cell; font-size: 14px; font-weight: 700; color: #FFF; height: 50px;}
.btn_half_area3 > button.grey_btn{background: #888888;}
.btn_half_area3 > button.green_btn{background: #23b8bc;}
/* 20200520 추가 */

.btn_full{width: 100%; height: 50px; background: #23b8bc; color: #FFF; font-size: 16px; font-weight: 900; }



.purchase_area .phone_info_area{width: 100%; padding: 30px 0px 0px;}
.purchase_area .phone_info_area h3{font-size:16px; font-weight: 700; color:#333333; padding-bottom: 20px;}
.purchase_area .phone_info_area .number_box{ height: 50px; width: 100%; border: 1px solid #dddddd; background: #fff; margin-bottom:10px; }
.purchase_area .phone_info_area .number_box input{height: 48px; line-height: 48px; font-size: 14px; border: none; width: calc(100% - 40px); }
.purchase_area .phone_info_area .number_box button{display: inline-block; width: 36px; height: 48px; text-indent: -99999999999px; }
.purchase_area .phone_info_area .number_box button.plus{background: url(../images/btn_plus.png) 50% 50% no-repeat; background-size: 22px;}
.purchase_area .phone_info_area .number_box button.minus{background: url(../images/btn_min.png) 50% 50% no-repeat; background-size: 22px;}

.purchase_area .send_info_area{width: 100%; padding: 30px 0px 0px;}
.purchase_area .send_info_area h3{font-size:16px; font-weight: 700; color:#333333; padding-bottom: 20px;}
.purchase_area .send_info_area .number_box{ height: 50px; width: 100%; border: 1px solid #dddddd; background: #fff; margin-bottom:10px; }
.purchase_area .send_info_area .number_box input{height: 48px; line-height: 48px; font-size: 14px; border: none; width:100%; }


.purchase_area .msn_area{width: 100%; padding: 30px 0px 0px;}
.purchase_area .msn_area h3{font-size:16px; font-weight: 700; color:#333333; padding-bottom: 20px;}
.purchase_area .msn_area textarea {width: 100%;height: 130px;background: #FFF;border:1px solid #dddddd;padding: 15px;box-sizing: border-box;}


.purchase_area .purchase_term .checkbox {position: relative;width: 17px;height: 17px;margin-right: 5px;border: 1px solid #cfcfcf;background-color: #fff;vertical-align: middle;box-sizing: border-box;top: -1px;display: inline-block;margin-left: 10px}
.purchase_area .purchase_term li input[type='checkbox']{position: absolute;left: -6px;right: 0;top: -3px;bottom: 0;z-index: 10;opacity: 0;width: 15px;height: 15px;letter-spacing: 0;border: none;-webkit-appearance: none;-ms-appearance: none;vertical-align: middle;}
.purchase_area .purchase_term li input[type='checkbox']:checked + i {position: absolute;top:2px;left: 0; width:15px; height: 16px; background:url(../images/checkbox.png) 0 0 no-repeat;background-size: 100%}
.purchase_area .purchase_payment .purchase_term ul li .on {background: #f5f5f5 url(../images/slide_up.png) 98% 50% no-repeat;background-size: 15px 8px}
.purchase_area > button {width:100%; background-color: #303030; height:45px;line-height: 45px;color:#fff;font-weight: 600;font-size:18px}
.purchase_area .purchase_payment .purchase_receive {border-bottom: none}
.purchase_area .purchase_payment .purchase_message {border-bottom: none}
.purchase_area .purchase_receive ul {margin-bottom: 15px}
.purchase_area .purchase_receive ul li {width:57px; height:25px;line-height: 22px; border-radius: 20px;border:1px solid #ccc;text-align: center;font-size:12px}
.purchase_area  .purchase_receive ul li a{display: block;line-height: 23px}
.purchase_area .purchase_receive div {margin-top:15px;}
.purchase_area .purchase_receive div p:first-child {border-top:1px solid #ccc}
.purchase_area .purchase_receive div p:first-child:after {content:"";display: block;background: url(../images/icon_del.png) 0 0 no-repeat;width: 15px; height: 16px;position: absolute;top:12px;right: 12px;background-size: 100%;cursor: pointer}
.purchase_area .purchase_receive div p {width:100%;height:40px;line-height: 40px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right: 1px solid #ccc;position: relative;;padding-left: 15px}
.purchase_area .purchase_receive div p input {border:none; height: 34px;position: absolute;top:2px;left: 0;font-size: 12px;width:90%}
.purchase_area .purchase_message p{width:100% !important}
.purchase_area .purchase_message p span {color:#9e9e9e}
.purchase_area .purchase_message textarea {width: 100%;height: 115px;background-color: #f5f5f5;border:1px solid #ededed;padding: 15px;box-sizing: border-box;margin-top: 15px}
.purchase_area .purchase_payment {border-top:1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1}

/*구매완료 purchase comple*/
.purchase_comple_area .purchase_comple_area_inner {padding: 14px 13px}
.purchase_comple_area_inner .purchase_comple {background-color: #f5f5f5;padding: 22px 9px;border:1px solid #ccc; display: table;width: 100%}
.purchase_comple .purchase_product_img {display: table-cell;width:28%}
.purchase_comple .purchase_product_img img{width:100%;border:1px solid #ccc}
.purchase_comple .purchase_product_title {display: table-cell;padding-left: 20px;vertical-align: middle}
.purchase_comple .purchase_product_title h3 {margin-bottom: 20px;font-size: 14px;color:#525252;height: 60px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.purchase_comple .purchase_product_title h3 span {display: block;font-size: 12px;color:#888}
.purchase_comple .purchase_product_title p{float:left;width:50%;color:#888}
.purchase_comple .purchase_product_title ul{float:right;width:50%;text-align: left}
.purchase_comple_txt {text-align: center;padding: 37px 0}
.purchase_comple_txt p span{font-size: 12px;color:#888}
.purchase_comple_txt p span em{color:#525252}
.purchase_comple_txt p:first-child {font-size: 15px}
.purchase_comple_txt p:first-child+p {font-size: 15px;padding-bottom: 25px}

/*.purchase_btn {margin-top: -45px}*/
.purchase_btn button {width:50%;height: 45px; line-height: 45px; float:left;color:#fff}
.purchase_btn button:first-child {background-color: #000;}
.purchase_btn button+button {background-color: #009fd9;}
.purchase_fail_txt {text-align: center;padding:76px 0 100px}
.purchase_fail_txt p:first-child {padding-bottom: 20px}
.purchase_fail_txt p:first-child+p {padding-bottom: 28px}
.purchase_fail_txt p:nth-child(3) strong{font-size: 15px}
.purchase_fail_txt p:nth-child(4) strong{font-size: 23px}
.purchase_fail_txt p {color:#888;font-size:12px}
.purchase_fail_txt p strong{color:#2e2e2e;font-size:18px}

/*에러페이지*/

.error_area .error_txt {text-align: center; background: url(../images/error.png) center 76px no-repeat;background-size: 63px 49px;padding:147px 0 100px}
.error_area .error_txt p{color:#888}
.error_area .error_txt p:first-child{font-size:18px;color:#2e2e2e;padding-bottom: 17px}
.error_area .error_txt p:first-child+p{padding-bottom: 20px}
.error_btn {margin-top: -45px}
.error_btn button {width: 100%; height: 45px; line-height: 45px; background-color: #000;color:#fff;font-size: 15px}


/*정기점검*/
.regular_area .regular_txt {text-align: center;padding:123px 33px 60px;background: url(../images/check.png) center 76px no-repeat;background-size:63px 50px;}
.regular_area .regular_txt > p{color:#888}
.regular_area .regular_txt > p:first-child{font-size:18px;color:#2e2e2e;padding-bottom: 14px;}
.regular_area .regular_txt > p:first-child+p{padding-bottom: 28px}
.regular_area .regular_txt ul {border-top:1px solid #c4c4c5;border-bottom:1px solid #c4c4c5;text-align: left;padding-left: 15px}
.regular_area .regular_txt ul li{padding:12px 0}
.regular_area .regular_txt ul li p:first-child {padding-bottom:8px}
.regular_area .regular_txt ul li p+p {color:#888}
.regular_area .regular_txt ul li:first-child{border-bottom: 1px solid #f2f2f2}


/*이용약관*/
.access_terms_container {padding-top: 0}
.access_terms_area {width:272px;box-sizing: border-box;margin: 0 auto;}
.access_terms_area h2{font-size: 14px}
.access_terms_area .access_terms_inner {padding:18px 17px 15px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.access_terms_area .access_terms_inner > p{padding-top: 17px}
.access_terms_area .access_terms_view {border:1px solid #ccc;padding:10px;margin-top: 10px;height: 300px;overflow-y: auto;box-sizing: border-box}
.access_terms_area .access_terms_view p{color:#5b5c5f}
.access_terms_area .access_terms_view h3{padding-bottom:20px;font-size: 12px;color:#111113}
.access_terms_area button {width:100%; height:46px;line-height: 46px; color:#fff; background-color: #000;}
.access_terms_btn button {float:left;width:50%}
.access_terms_btn button+button {background-color: #009fd9}


#loading {width: 100%;  height: 100%;  top: 0px; left: 0px; position: fixed;  display: block;  opacity: 0.7;  background-color: rgba(255,255,255,0.70);  z-index: 99;  text-align: center; }
#loading-image {position: absolute;  top: 50%;  left: 50%; z-index: 100; margin-left: -32px;}


/* theme_content 20191227 추가 */
.theme_content{width: 100%;  border-top: 1px solid #dadada;}
.theme_content .theme_title{padding: 30px 10px 15px; width: 100%; display: table; height: 40px;}
.theme_content .theme_title > h4{font-size: 14px; font-weight: 700; color:#2e2e2e; display: table-cell; vertical-align: middle; height: 40px;}
.theme_content .theme_title > h4 > em{color: #f15921; font-weight: 700;}
.theme_content .theme_title .search_select{ width: 120px; display: table-cell; vertical-align: middle;}
.theme_content .theme_title .search_select .select-box-w {width:100%;height: 40px;position: relative;background: #fff url(../images/select.png) 92% 50% no-repeat;border:1px solid #ccc ;background-size: 7px 4px}
.theme_content .theme_title .search_select .select-box-w select {width: 100%;height: 40px;line-height: 1.5;padding: 0 5px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.theme_content .theme_title .search_select .select-box-w label {position: absolute;padding-left: 10px;font-size: 12px;top: 0;left: 0px;height: 40px;line-height: 36px}
.theme_content .theme_list2{padding: 0 10px;}
.theme_content > div.tabcontent {display: none;}
.theme_content > div.tabcontent.on {display: block;}


/* event_area 20191227 추가 */
.event_area{width: 100%;  border-top: 1px solid #dadada;}
.event_area .event_top{padding: 15px 0px 15px; width: 100%; background: #fff; border-bottom: 1px solid #dadada;}
.event_area .event_img{width: 100%;}
.event_area .event_img > img{width: 100%;}
.event_area .event_top > h3{font-size: 18px; font-weight: 700; color:#2e2e2e; padding: 0 10px 5px 10px; }
.event_area .event_top > p{font-size: 12px;  color:#2e2e2e; padding: 0 10px 0px 10px; text-align: right;}
.event_area .event_list_title{padding: 30px 10px 15px; width: 100%; display: table; height: 40px;}
.event_area .event_list_title > h4{font-size: 14px; font-weight: 700; color:#2e2e2e; display: table-cell; vertical-align: middle; height: 40px;}
.event_area .event_list_title > h4 > em{color: #f15921; font-weight: 700;}
.event_area .event_list_title .event_select{ width: 120px; display: table-cell; vertical-align: middle;}
.event_area .event_list_title .event_select .select-box-w {width:100%;height: 40px;position: relative;background: #fff url(../images/select.png) 92% 50% no-repeat;border:1px solid #ccc ;background-size: 7px 4px}
.event_area .event_list_title .event_select .select-box-w select {width: 100%;height: 40px;line-height: 1.5;padding: 0 5px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.event_area .event_list_title .event_select .select-box-w label {position: absolute;padding-left: 10px;font-size: 12px;top: 0;left: 0px;height: 40px;line-height: 36px}
.event_area .event_list2{padding: 0 10px;}


/* popup */
/* 2020-06-01 추가 */
.popup { width: 300px; background-color: #fff; text-align: center; z-index: 9999; display: none;}
.popup .pop_header {display: block; width: 100%; padding:18px 14px;  text-align: left; border-bottom: 1px solid #ccc;}
.popup .pop_header h3 {font-family: 'NanumGothic', sans-serif;	font-size: 16px; font-weight: normal; color:#111111;}
.popup .pop_content {display: table; width: 100%;min-height: 130px; text-align: left; }
.popup .pop_content .txt_box {display: table-cell; width: 100%; padding:30px 14px; vertical-align: middle;}
.popup .pop_content p {font-family: 'NanumGothic', sans-serif; font-size: 14px; color: #666666;}
.popup .pop_content p.center{text-align: center;}
.popup .pop_content .info_box {padding-top: 10px;}
.popup .pop_content .info_box p {font-size: 12px; vertical-align: middle;}
.tc_orang {color:#f15921;}
.tac {text-align: center;}
.popup .pop_footer .btn_wrap{width: 100%; font-size: 0;}
.popup .pop_footer .btn_wrap > button {
	font-family: 'NanumGothic', sans-serif;
	width: 100%; height: 60px; background-color:#1c9296;
	font-size: 16px; color:#fff;
}
.popup .pop_footer .btn_wrap > button.cancel_btn{width: 50%; background: #888888; }
.popup .pop_footer .btn_wrap > button.submit_btn{width: 50%;}
/* 2020-06-01 추가 END */

@media (max-width:355px){
	.helf_list > ul > li .product .bottom_area .icon_area img{width: 30px;}
	#footer .foot_link > ul > li > a{font-size: 11px; color: #fff;}
	#footer .foot_info{padding: 12px; font-size: 11px; color:#525252; border-top:1px solid #cccccc;  }
	.thema_area .thema_tab > ul > li > a > span{font-size: 12px; vertical-align: middle; display: inline-block; padding-left: 3px; color: #2e2e2e; font-weight: 500; line-height: 33px;}
	.thema_area .thema_tab > ul > li > a.on{ border: 0; background: #23b8bc; }
	.thema_area .thema_tab > ul > li > a.on > span{color: #fff; font-weight: 700;}
	.search_area .search_list_none {background: url(../images/product_none.png) 50% 50px no-repeat;width: 100%;height: 45px; background-size: 45px;text-align: center;padding-top: 120px}
	.brand_product_list .navi > div{width: 38%; border-bottom:1px solid #ccc; border-left:1px solid #ccc; display: table-cell; padding:10px 5px 10px 5px; font-size: 12px; }


	.coupon_content .tabcontent .purchase_list .purchase_info{width: 100%; display: table; font-size: 11px; color: #FFF;}
	.coupon_content .tabcontent > ul > li.use_off .info_area .coupon_info .date_info{font-size: 11px; color: #9e9e9e; padding: 4px 0 0px; border-top: 1px solid #ccc;}
	.coupon_content .tabcontent > ul > li .bottom_border{ width: 16px; height: 8px; position: absolute;  background: url(../images/coupon_bg_botton.png)no-repeat; background-size: 16px; margin: 119px 0 0 118px; z-index: 2; }
}

.btm_pop {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 200;
}

.btm_pop.on {
    display: block;
}

.btm_pop.on .dim {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

.btm_pop.on .btm_text {
    width: 100%;
    background: #fff;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    overflow: hidden;
    padding: 2.2rem 2rem;
    position: absolute;
    z-index: 201;
    bottom: 0;
    animation: fadeInUp 0.5s;
}

.btm_pop.on .btm_text .top_h {
    width: 100%;
    position: relative;
    height: 2rem;
}

.btm_pop.on .btm_text .top_h > h5 {
    line-height: 2rem;
    font-size: 1rem;
    letter-spacing: -0.06rem;
    font-weight: 500;
}

.btm_pop.on .btm_text .top_h > button {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon_close.png) no-repeat;
    background-size: 1rem;
    position: absolute;
    right: 0;
    top: 0;
}

.btm_pop.on .btm_text .btm_content {
    width: 100%;
}

.btm_pop.on .btm_text .btm_content > p {
    font-size: 1rem;
    letter-spacing: -0.06rem;
    color: #4c5459;
}

.btm_pop.on .btm_text .btm_content > button {
    width: 45%;
    margin-top: 1rem;
    margin-left: 0.5rem;
    background: #1490ef;
    border-radius: 0.6rem;
    height: 3rem;
    font-size: 1rem;
    letter-spacing: -0.06rem;
    color: #fff;
    border: 0;
}

.btm_pop.on .btm_text .btm_content > button.left {
    background: white;
    color: #1490ef;
    border: 2px solid #1490ef;
}