@charset "utf-8";
@import url('layout.css'); 

::-webkit-scrollbar,
::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-thumb,  
::-webkit-scrollbar-track {-webkit-appearance:none; display:none;}

/* reset */
html, body {width:100%; height:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure {margin:0; padding:0}
body {padding:0; background:#fff; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; font-size:15px; color:#000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
img {width:100%;}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend, .blind {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
.blind {position:absolute !important;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {-webkit-appearance:none; margin:0; padding:0; -webkit-border-radius:0; border-radius:0; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum,'돋움',gulim,'굴림',Arial, AppleGothic, verdana, sans-serif, helvetica; vertical-align:middle; outline-style:none;}
textarea {-webkit-box-sizing:border-box; box-sizing:border-box; padding:20px 12px; width:100%; border:1px solid #e5e5e5;font-size:15px;}
button {overflow:visible; margin:0; padding:0; border:none; background:none; font-size:0; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum,'돋움',gulim,'굴림',Arial, AppleGothic, verdana, sans-serif, helvetica; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
a {color:#111; text-decoration:none; word-wrap:break-word; word-break:keep-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
strong {font-weight:normal; font-family:'YouandiModernHEB';}
.p_loading {position:fixed; overflow:hidden; top:50%; left:50%; z-index:100; width:50px; height:32px; margin:-16px 0 0 -25px;}
.p_loading img {position:absolute; top:0; left:0; width:auto; height:100%;}

@font-face {
    font-family: 'YouandiModernTR'; 
    font-style: normal; 
    font-weight: normal; 
    src: url(/m/font/Youandi_Modern_TextRegular.eot); 
    src: url(/m/font/Youandi_Modern_TextRegular.eot?#iefix) format('embedded-opentype'),
         url(/m/font/Youandi_Modern_TextRegular.woff) format('woff')
}

@font-face {
    font-family: 'YouandiModernTB'; 
    font-style: normal; 
    src: url(/m/font/Youandi_Modern_TextBold.eot); 
    src: url(/m/font/Youandi_Modern_TextBold.eot?#iefix) format('embedded-opentype'),
         url(/m/font/Youandi_Modern_TextBold.woff) format('woff')
}

@font-face {
    font-family: 'YouandiModernHEB'; 
    font-style: normal; 
    font-weight: normal; 
    src: url(/m/font/Youandi_Modern_HeadExtraBold.eot); 
    src: url(/m/font/Youandi_Modern_HeadExtraBold.eot?#iefix) format('embedded-opentype'),
         url(/m/font/Youandi_Modern_HeadExtraBold.woff) format('woff')
}
@media all and (max-width:1179px) {  /* 넷북 또는 header보다 좁은 화면일 경우 */
    header {position:relative; width:100%; top:0;}
    #header {position:static !important;}
}
#wrap {min-width:320px;}
.hc-fix-activated #wrap #header {transform: none; }
#header {z-index: 20; }
#header {position: relative; height: 55px; background: #000; z-index: 13;} #header h1 {position: relative; z-index: 11; width: 166px; }
#header h1.logo a {display: block; height: 55px; background: url(/m/image/common/logo_top.png) no-repeat center 0; background-size: auto 100%; line-height: 0; font-size: 0; overflow: hidden; }
#header_bk{padding-top:40px;}
#header_bk h1.logo a {display:block;height: 15px; background: url(/i/LMS/image/coupon_barcode/logo.png) no-repeat center 0; background-size: auto 100%; line-height: 0; font-size: 0; overflow: hidden; }

.area_tit {position:absolute; top:0; left:0; z-index:10; width:100%; background-color:rgba(0,0,0, .6); color:#eee; text-align:center;}
.area_tit.type_white {position:relative; top:0; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:rgba(0,0,0,.16);background-color:rgba(255,255,255,1); color:#000;}
.area_tit .tit_wrap h1 {padding:15px 0;font-size:16px; line-height:20px;}
.con-type2.guide {padding:25px 16px; margin:0; border-top:9px solid #ededed;}
.agree-pointguide {min-height:85px; font-size:14px; line-height:21px; color:#888;}
.agree-pointguide span.visual-area {float:right;margin-left:5px;}
.agree-pointguide span.visual-area img{width:94px; height:auto;}

.con-type2 .tit {margin:20px 0 9px; font-size:14px; color:#000;}
.txt-type3 {font-size:14px; line-height:21px; color:#666;}

.agree_pit.txt-con {margin:10px 0 14px; font-size:14px; color:#666; line-height:21px;}
.agree_pit.txt-con .mark-point {float:left; width:17px;}
.agree_pit.txt-con .txt-point {padding-left:18px;}

/*footer*/
#footer_area #footer {text-align:center; background:#fff;}
#footer_area #footer .logo {padding:4px 0 20px 0;}
#footer_area #footer .logo img {width:78px;height:15px;}
#footer_area #footer .footer_menu {overflow:hidden; margin-bottom:16px; border-bottom:1px solid #d1d1d1;}
#footer_area #footer .footer_menu li {position:relative;width:23%;float:left;}
#footer_area #footer .footer_menu li:last-child {width:31%;}
#footer_area #footer .footer_menu li:last-child p{width:100%;}
#footer_area #footer .footer_menu li a {display:block;height:50px;line-height:50px;font-size:13px;font-family: 'YouandiModernHEB';color:#333;}
#footer_area #footer .footer_menu li:after {display:block;position:absolute;left:0;top:17px;width:1px;height:15px;background:#363636;content:'';}
#footer_area #footer .footer_menu li:first-child:after {display:none;}
#footer_area #footer .copyright {padding:0 18px 12px 18px;font-size:12px;line-height:19px;color:#333;}
#footer_area #footer .copyright a {color:#333;;}
#footer_area #footer .copyright .box_line span {display:inline-block;position:relative;padding:0 8px; }
#footer_area #footer .copyright .box_line span:after {display:block;position:absolute;right:-1px;top:5px;width:1px;height:8px;background:#666;content:'';}
#footer_area #footer .copyright .box_line span:last-child:after {display:none;}
#footer_area #footer .copyright.n01 .w100{width:100%;}
#footer_area #footer .copyright.n02 {margin-top:12px; color:#666;}

@media only screen and (max-width:321px){
    div.menu_area>ul li.dep01>div {left:160px;} 
    #footer_area #footer .copyright a {display:block;}
    #footer_area #footer .copyright > span {display:block; width:100%;}
}

/*layer*/
body .area_layer.opened {top: 0; display: block; -webkit-animation: layOpenAni .5s cubic-bezier(0.645,0.045,0.355,1.000); animation: layOpenAni .5s cubic-bezier(0.645,0.045,0.355,1.000); opacity: 1; }
body .area_layer {transition: top 0.5s;}
.area_tit.type_white {position: relative; top: 0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(0,0,0,.16); background-color: rgba(255,255,255,1); color: #000; }
.area_tit {-webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.area_tit {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; background-color: rgba(0,0,0, .6); color: #eee; }
.area_tit .tit_wrap {min-height: 20px; text-align: center; }
.area_layer .tit_wrap h3 {padding: 15px 55px; }
.area_layer .btn_close {position: absolute; top: 8px; right: 8px; }
.area_layer .btn_close a {display: block; overflow: hidden; position: relative; z-index: 11; width: 39px; height: 0; padding-top: 100%; content: -10000px; }
.area_layer .btn_close a:before {-webkit-transform: rotate(45deg); transform: rotate(45deg); }
.area_layer .btn_close a:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.area_layer .btn_close a:before, .area_layer .btn_close a:after {display: block; position: absolute; top: 7px; left: 19px; width: 1px; height: 25px; background-color: #000; content: ''; }

.tit_wrap {position: relative; }
.area_layer {display:none; position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; overflow: auto; background-color:#fff; font-size:14px; line-height:22px; color:#666;}
.pop_mibile_service {min-width:305px;}
.pop_mibile_service .tit_bar {display:box;display:-webkit-box;padding:0 18px;position:relative;border-sizing:border-box;height:33px;line-height:33px;border-bottom:1px solid #f1f1f1;background:#fafafa;}
.pop_mibile_service .tit_bar:after {display:block;clear:both;visibility:hidden;height:0;content:'';}
.pop_mibile_service .tit_bar .icon_box {width:40px;text-align:center;font-size:13px;color:#888;}
.pop_mibile_service .tit_bar .box01 {padding-top:0;font-size:13px;color:#999;} 
.pop_mibile_service ul {border-bottom:1px solid #f1f1f1;}
.pop_mibile_service ul li {display:box;display:-webkit-box;padding:8px 9px 8px 18px;clear:both;position:relative;box-sizing:border-box;}
.pop_mibile_service ul li:first-child {padding-top:16px;}
.pop_mibile_service ul li:last-child {padding-bottom:25px;}
.pop_mibile_service ul li:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.pop_mibile_service .box01,
.pop_mibile_service .box02 {display:box; display:-webkit-box;box-orient:vertical; -webkit-box-orient:vertical;box-pack:center; -webkit-box-pack:center;box-flex:1; -webkit-box-flex:1;word-wrap:break-word;word-break:keep-all;}
.pop_mibile_service .box01 {width: 55%;padding-top:10px;font-size:14px;line-height:19px;color:#000;}
.pop_mibile_service .box01 span {display:inline-block;}
.pop_mibile_service .box02 {width: 45%;text-align:right;}
.pop_mibile_service .box02 .icon_box {display:inline-block;vertical-align:bottom;}
.pop_mibile_service .box02 .icon_box img {width:40px;height:40px;}
.pop_mibile_service .box02 .icon_box.n02 {margin-left:16px;}
.pop_mibile_service .box02 .icon_box.n02 img {width:49px;height:49px;}
.pop_mibile_service .box02 .icon_box.n02.no_img {display:inlin-block;position:relative;width:49px;height:49px;}
.pop_mibile_service .box02 .icon_box.n02.no_img:after {display:block;position:absolute;left:0;top:9px;width:38px;height:38px;background:#f8f8f8;border:1px solid #f2f2f2;border-radius:7px;content:'';}


/* 바코드형 할인쿠폰 */
.barcode{max-width:225px;margin:20px auto 10px;}
.barcode img{width:100%;height:43px;}
.number{font-size:9pt;text-align:center;}


/* 2018-04-10 신규 추가 */
.couponBox {width:100%;max-width:640px;min-width:320px;height:100%;margin:0 auto;text-align:center;background:url(/i/LMS/image/coupon_barcode/bg_LMScoupon.jpg) no-repeat;background-size:cover;box-sizing:border-box;}

.couponBox .coupon_head {padding:21px 0 17px;}
.couponBox .coupon_head > .logo > a {display:block;height:24px;background:url(/i/LMS/image/coupon_barcode/logo_w.png) no-repeat center 0;background-size:auto 100%;line-height:0;font-size:0;overflow:hidden;}
.couponBox .coupon_head > .tit {width:160px;height:50px;margin:14px auto 0;background:url(/i/LMS/image/coupon_barcode/tit_PBcoupon.png) no-repeat center 0;background-size:auto 100%;line-height:0;font-size:0;overflow:hidden;}

.couponBox .coupon_cont {position:relative;padding:0 16%;box-sizing:border-box;overflow:hidden;}
.couponBox .coupon_cont:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:10px;background:url(/i/LMS/image/coupon_barcode/bg_contBot.png) top center no-repeat;background-size:auto 100%;}

.couponBox .coupon_cont > .coupon {width:119px;height:56px;padding:17px 8px 17px 20px;margin:0 auto 27px;background:url(/i/LMS/image/coupon_barcode/bg_coupon.png) no-repeat center 0;background-size:auto 100%;box-sizing:border-box;overflow:hidden;color:#000;}
.couponBox .coupon_cont > .coupon p {font-size:11px;line-height:21px;letter-spacing:-0.025em;font-family:'YouandiModernHEB';}
.couponBox .coupon_cont > .coupon p > .price {font-size:19px;letter-spacing:-0.045em;}

.couponBox .coupon_detail {width:100%;padding:30px 14px 29px;background-color:#fffef5;box-sizing:border-box;overflow:hidden;}
.couponBox .detail_tit > .pb_logo {width:100%;height:9px;margin-bottom:10px;background:url(/i/LMS/image/coupon_barcode/logo_PB.png) top center no-repeat;background-size:auto 100%;line-height:0;font-size:0;overflow:hidden;}
.couponBox .detail_tit > .tit {font-size:16px;line-height:21px;font-family:'YouandiModernHEB';}
.couponBox .detail_info {font-size:14px;text-align:left;}
.couponBox .detail_info > dt {margin-top:12px;font-weight:bold;line-height:19px;color:#000;font-family:'YouandiModernTB';}
.couponBox .detail_info > dd {margin-top:7px;color:#333;line-height:17px;font-family:'YouandiModernTR';}

.coupon_foot {padding:13px 0 17px;background-color:#305095;}
.coupon_foot > .foot_tit {width:79px;height:16px;margin:0 auto;background:url(/i/LMS/image/coupon_barcode/tit_superClub.jpg) top center no-repeat;background-size:auto 100%;line-height:0;font-size:0;overflow:hidden;}
.coupon_foot > .barcodeWrap {width:100%;margin:10px auto 0;display:none;color:#fff;}
.coupon_foot > .barcodeWrap > .barcode {width:100%;min-width:126px;max-width:251px;height:100%;min-height:55px;max-height:99px !important;margin:0;}

/* 2018-08-23 */
.area_content .box_info .box_info_inner .inner_box p.tit02{text-align:center;}
.area_content .box_info .box_info_inner .inner_box p.tit02 span{font-family:'YouandiModernTR';color:#000;font-size:21px;font-weight:bold;line-height:1.1em;border-bottom:1px solid #000;}
.area_content .box_info .box_info_inner .inner_box p.tit_date{font-size:13px;text-align:center;}

/* 버튼 */
.btn_area{margin-top:25px; margin-bottom:25px;}
.hcbtn_xlarge{display:block;width:100%;border:1px solid #666;-webkit-border-radius:2px;border-radius:2px;line-height:53px;box-sizing:border-box;font-size:16px;color:#fff;text-align:center;}
.hcbtn_xlarge.type_2, .hcbtn_xlarge.type2, .hcbtn_large.type_2, .hcbtn_full.type_2{background-color:#1e75d6;border:1px solid #1e75d6;}