@charset "utf-8";

*{-webkit-text-size-adjust:none;letter-spacing:0em; word-break: break-all;  max-width:100%;}
 ::-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', sans-serif;font-size:13px;color:#222; background:#fff; }
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:#222;  outline: none}
a,button { outline: 0 none;  outline: 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', sans-serif; outline: none}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="datetime"]{width:100%;height:40px;font-size:14px;color:#101010; font-family:'Noto Sans KR', sans-serif;line-height: inherit;background:#ffffff;border:1px solid #d4d4d4;padding:3px 10px;border-radius:5px;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;  outline: none}
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='number']::-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:#999999; font-size: 12px;}
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-input-placeholder,
input[type='number']::-moz-input-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder{color:#999999; font-size: 12px;}
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;  outline: none}
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;}
input[type='password']{width:100%;height:40px;font-size:15px;color:#101010;line-height: inherit;background:#ffffff;border:1px solid #d4d4d4;padding:3px 5px;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;  outline: none}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* 공통 margin */
.tmg05{margin-top: 5px;}
.tmg10{margin-top: 10px;}
.tmg15{margin-top: 15px;}
.tmg20{margin-top: 20px;}
.tpd50{padding-top: 50px;}
.tpd100{padding-top: 100px;}
.hidden {display:none; visibility:hidden;}
.en{font-family: 'Open Sans', sans-serif;}
.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;}

/*공통배경색상변경 #3A466A */

.bg_3A466A{background: #3A466A;}

#wrapper{width:100%;margin:0 auto;padding:0;font-family:'Noto Sans KR', sans-serif; height: 100%; }
#wrapper.bg_gray{background: #f4f5fa; min-height: 100%; }
#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}
#wrapper .btn_previous {background: url(../images/btn_previous.png) 0 0 no-repeat;width: 37px;height: 37px;background-size: 100%;text-indent: -9999px;position: fixed;bottom: 38px;left: 10px;z-index: 10}

header{z-index:50; width:100%;height:50px;padding-bottom:0;font-size:20px;color:#000; background: none; position: absolute; top: 0;}
header.sub_01{z-index:50; width:100%;height:50px;padding-bottom:0;font-size:20px;color:#000; background: #fff; position: fixed; top: 0;}
header.sub_01 .close_btn{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }
header.sub_02{z-index:50; width:100%;height:50px;padding-bottom:0;font-size:20px;color:#000; background: #fff; position: fixed; top: 0; border-bottom: 1px solid #dbdbdb;}
header.sub_02 > h1{position:relative;height:50px;text-align:center; font-size: 17px; line-height: 48px; font-weight: 700; color: #222;}
header.sub_02 .btn_back{width:25px; height: 25px; background: url(../images/icon_back.png)  left 2px no-repeat; background-size: 12px; text-indent: -999999px; position: absolute; margin-top: 12px; z-index: 100; left: 20px}
header.sub_03{z-index:50; width:100%;height:50px;padding-bottom:0;font-size:20px;color:#000; background: #fff; position: fixed; top: 0;}
header.sub_03 > h2{position:relative;  width: 110px; text-align:center; margin: 0 auto; vertical-align: middle;}
header.sub_03 > h2 > img{width: 100%;}
header.sub_04{z-index:50; width:100%;height:50px;padding-bottom:0;font-size:20px;color:#000; background: #fff; position: fixed; top: 0;}
header.sub_04 > h1{position:relative;height:50px;text-align:center; font-size: 17px; line-height: 48px; font-weight: 700; color: #222;}
header.sub_04 .btn_back{width:25px; height: 25px; background: url(../images/icon_back.png)  left 2px no-repeat; background-size: 12px; text-indent: -999999px; position: absolute; margin-top: 12px; z-index: 100; left: 20px}

header > h1,.title-bar > h1{position:relative;height:50px;text-align:center;}
header > h1 > a{width: 220px; display: inline-block; margin: 0 auto; height: 50px; padding-top: 8px; }
header > h1 > a > img{ width: 100%; vertical-align: top; }
.drawer-menu .lnb_top{width: 100%; display: table; font-size: 14px; padding: 0 30px 30px;}
.drawer-menu .lnb_top .user_access{width: calc(100% - 70px); display: table-cell;}
.drawer-menu .lnb_top .user_access > a{font-size: 18px; display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #222222; font-weight: 700;}
.drawer-menu .lnb_top .user_access > span{font-size: 18px; display: inline-block; font-weight: 700; vertical-align: top}
.drawer-menu .lnb_top .user_access > span > p{font-size: 14px; color: #ea5703; font-weight: 500;}
.drawer-menu .lnb_top .user_access > span > p > em{font-weight: 700;}
.drawer-menu .lnb_top .system_area{width: 90px; display: table-cell; text-align: right;}
.drawer-menu .lnb_top .system_area .system {display: inline-block; width: 25px; height: 25px; font-size: 0; background: url(../images/icon_system.png) no-repeat; background-size: 24px; vertical-align: top}
.drawer-menu .lnb_top .system_area .home {display: inline-block; width: 25px; height: 25px; font-size: 0; background: url(../images/icon_home.png) no-repeat; background-size: 24px; margin-left: 20px; vertical-align: top}
.drawer-menu .mid_area{width: 100%; display: table;border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.drawer-menu .mid_area .Mybene{display: table-cell; width: 50%; border-right: 1px solid #dbdbdb; text-align: center; padding: 50px 0 20px; background: url(../images/icon_mybene2.png) center 20px no-repeat; background-size: 20px; font-size: 14px;}
.drawer-menu .mid_area .Mycard{display: table-cell; width: 33.3%; border-right: 1px solid #dbdbdb; text-align: center; padding: 50px 0 20px; background: url(../images/icon_mycard.png) center 20px no-repeat; background-size: 20px; font-size: 14px;}
.drawer-menu .mid_area .Mycoupon{display: table-cell;width: 50%; border-right: 1px solid #dbdbdb; text-align: center; padding: 50px 0 20px; background: url(../images/icon_mycoupon.png) center 20px no-repeat; background-size: 20px; font-size: 14px;}
.drawer-menu .lnb_menu{width: 100%; padding: 10px 30px 0; position: relative;} /* 20200210 추가 */
.drawer-menu .lnb_menu > a{position: absolute; width: 30%; top: 150px; right: 30px; } /* 20200210 추가 */
.drawer-menu .lnb_menu > a:first-child{top: 30px;}
.drawer-menu .lnb_menu > a > img{width: 100%}
.drawer-menu .lnb_menu > ul > li{width: 100%; padding-top: 30px; }
.drawer-menu .lnb_menu > ul > li > button{padding-left:33px; font-size: 16px; height: 27px; width: 100%; text-align: left; }
.drawer-menu .lnb_menu > ul > li > button.mybene{background: url(../images/icon_mybene.png) left no-repeat; background-size: 23px;}
.drawer-menu .lnb_menu > ul > li > button.mybene > span{font-family: 'Open Sans', sans-serif;}
.drawer-menu .lnb_menu > ul > li > button.event{background: url(../images/icon_event.png) left 4px no-repeat; background-size: 23px;}
.drawer-menu .lnb_menu > ul > li > button.menuinfo{background: url(../images/icon_menuinfo.png) left 5px no-repeat; background-size: 23px;}
.drawer-menu .lnb_menu > ul > li > button.shop{background: url(../images/icon_shop.png) left 5px no-repeat; background-size: 23px;}
.drawer-menu .lnb_menu > ul > li > button.notice{background: url(../images/icon_notice.png) left 5px no-repeat; background-size: 23px;}
.drawer-menu .lnb_menu > ul > li > button.terms{background: url(../images/icon_terms.png) left 7px no-repeat; background-size: 23px;}
.drawer-menu .lnb_menu > ul > li > button:disabled{padding-left:33px; font-size: 16px; opacity: 0.5;  }

#container{ width: 100%; height: 100%;}
#container.bg_gray{background:#f9f9f9;}
.main_swiper {height: 100%;}

/* main-banner */
.menu_box .swiper-container {width: 100%; padding: 0 0 0 25px; background: #fff;}
.menu_box .swiper-container > ul > li.swiper-slide {text-align: center; font-size: 16px; 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; height: 50px;}
.menu_box .swiper-container > ul > li > a{font-size: 16px; color:#333333; height: 50px; line-height: 46px}
.menu_box .swiper-container > ul > li.active > a{border-bottom:2px solid #ea5703; color: #ea5703;}
.swiper-slide .banner-txt{position: absolute; left: 20px; bottom: 120px; text-align: left; color: #fff; font-size: 18px; font-weight: 700;}
.swiper-slide .banner-txt p {color: #fff; font-size: 18px; font-weight: 700;}
.swiper-slide .banner-txt p:first-child{font-family: 'Open Sans', sans-serif;}
.barcoad_area{width: 100%; position: absolute;  bottom: 0; z-index: 200;}
.barcoad_area .accordionjs {margin: 0; padding: 0; list-style: none; width: 100%; background: #FFF;}

.barcoad_area .accordionjs .acc_section {position: relative; z-index: 10; margin-top: -1px; overflow: hidden;}
.barcoad_area .accordionjs .acc_section .acc_head {position: relative; padding: 15px; display: block; cursor: pointer; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center;}
.barcoad_area .accordionjs .acc_section .acc_head > span.title {display: inline-block; font-size: 14px; padding-left: 35px; background: url(../images/barcoad_s.png) left 4px no-repeat; background-size:27px; vertical-align: middle}
.barcoad_area .accordionjs .acc_section .acc_head > span.up {display: inline-block; padding-left: 25px; background: url(../images/icon_up.png) left 2px no-repeat; background-size: 14px; vertical-align: middle; text-indent: -99999999px; margin-left: 5px;}
.barcoad_area .accordionjs .acc_section .acc_head > em{display: inline-block; width: 10px; height: 10px; text-indent: -99999999px; background: url(../images/icon_dot.png) center 5px no-repeat; background-size: 5px; }
.barcoad_area .accordionjs .acc_section .acc_content { padding: 0px; background: #fff;}
.barcoad_area .accordionjs .acc_section.acc_active > .acc_content {display: block; background: #fff;}
.barcoad_area .accordionjs .acc_section.acc_active > .acc_head {background: #fff;}
.barcoad_area .accordionjs .acc_section.acc_active > .acc_head > span.title {display: none;}
.barcoad_area .accordionjs .acc_section.acc_active > .acc_head > span.up {display: inline-block; padding-left: 25px; background: url(../images/icon_down.png) center 2px no-repeat; background-size: 14px; vertical-align: middle; text-indent: -99999999px; margin-left: 0px;}
.barcoad_area .accordionjs .acc_section.acc_active > .acc_head > em{display: none; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area{padding:0;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .login_name{padding: 0 20px}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .login_name > h5{font-size: 14px; color:#ea5703; font-weight: normal}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .login_name .name{font-size: 16px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .login_name .name > em{font-size: 20px; font-weight: bold;}

/*20210312 수정 / 추가 */
.barcoad_area .accordionjs .acc_section .acc_content .quick_area{padding:0; width: 100%;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .top_box {width: 100%; display: table;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .top_box .login_name{padding: 0 20px; width: 50%; display: table-cell;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .top_box .login_name > h5{font-size: 14px; color:#ea5703; font-weight: normal}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .top_box .login_name .name{font-size: 16px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .top_box .login_name .name > em{font-size: 20px; font-weight: bold;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .top_box .banner_box{width: 50%; display: table-cell; padding: 0 30px 0 20px; vertical-align: middle;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .top_box .banner_box img{width: 100%;}
/*20210312 수정 / 추가 */
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in{ padding: 10px 20px 30px; width: 100%; display: table; border-bottom: 1px solid #dbdbdb;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box{width: 50%; display: table-cell; text-align: left; vertical-align: bottom;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box .user_id{font-size: 16px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box .user_id > strong {font-size: 20px; font-weight: 700;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box > a {display: inline-block; padding-right: 15px; background: url("../images/icon_lt.png") right no-repeat; background-size: 10px; font-size: 13px; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box .user_cash {font-size: 14px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box .user_cash  > strong {font-size: 22px; font-weight: 700;}
/*20190219 새로고침 추가 */
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box .user_cash  > button{width: 14px; height: 14px; background: url(../images/refresh.png) no-repeat; background-size: 14px; text-indent: -99999px; margin-left: 5px;} 
/*//20190219 새로고침 추가 */
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .barcoad_box{width: 50%; display: table-cell; text-align: right; vertical-align: bottom; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .barcoad_box .barcoad{width: 100%; padding-left: 10px; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .barcoad_box .barcoad > img{width: 100%;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .barcoad_box .barcoad > label{width: 100%; vertical-align: bottom;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .barcoad_box .barcoad > label > p{width: 100%; margin-top: 5px; font-size: 11px; text-align: left; background:url(../images/icon_expand.png) right no-repeat; background-size: 15px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_out{padding: 0 25px; width: 100%; border-bottom: 1px solid #dbdbdb;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_out > p {text-align: center; font-size: 12px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_out .btn_area{padding: 10px 0;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_out .btn_area > button{ height: 40px; width: 100%; border-radius: 5px; border: 1px solid #dbdbdb; font-size: 14px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_out .btn_area > button.btn_red{background: #e43d30; color: #fff; border: none;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar{width: 100%; padding-top: 5px; background: #f9f9f9;} /* 2차오픈 수정 */
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp{background: #f9f9f9; padding: 5px 0 0; border-bottom: 1px solid #dbdbdb;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p{ padding: 20px 30px; background: #fff; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p > span.icon_title{display: inline-block; font-size: 14px; font-weight: 700; padding-left: 22px; background: url(../images/icon_stamp.png) left 2px no-repeat; background-size: 15px; vertical-align: middle; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p > span.number{margin-left: 10px; font-size: 16px; color: #999999; vertical-align: middle; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p > span.number > strong{font-size: 18px; font-weight: 700; color: #ea5703;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p .none_text{opacity: 0.5;  display: none; padding-top: 5px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p.off > span.icon_title{display: inline-block; font-size: 14px; font-weight: 700; padding-left: 25px; background: url(../images/icon_stamp.png) left 1px no-repeat; background-size: 18px; vertical-align: middle; opacity: 0.5; font-family: 'Open Sans', sans-serif; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p.off > span.number{margin-left: 10px; font-size: 14px; color: #999999; vertical-align: middle; opacity: 0.5; font-family: 'Open Sans', sans-serif; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p.off > span.number > strong{font-size: 20px; font-weight: 700; color: #ea5703; opacity: 0.5;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p.off .none_text{opacity: 0.5;  display: block; padding-top: 5px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_stamp > p.off .none_text > span{font-family: 'Open Sans', sans-serif;}

.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon{background: #f9f9f9; padding: 5px 0 0; border-bottom: 1px solid #dbdbdb;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon > p{ padding: 20px 30px; background: #fff; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon > p > span.icon_title{display: inline-block; font-size: 14px; font-weight: 700; padding-left: 25px; background: url(../images/icon_coupon.png) left 1px no-repeat; background-size: 18px; vertical-align: middle; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon > p > span.number{margin-left: 10px; font-size: 16px; color: #999999; vertical-align: middle; font-family: 'Open Sans', sans-serif; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon > p > span.number > strong{font-size: 20px; font-weight: 700; color: #ea5703;}

.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in{width: 100%; padding-bottom: 20px; text-align: left; background: #fff;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper{padding: 0; background: #fff; width: 100%; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are{height: 80px; line-height: 78px;   }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li{height: 80px; text-align: left; margin-left: 0px;  width: 100%; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li:first-child{margin-left: 0; text-align: left;}

.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li .coupon_table{line-height: 1; padding:0 15px; text-align: center; color: #a7a7a7; display: table; width:100%;  font-size: 12px; border:1px solid #dbdbdb; background:  #fff url(../images/copon_left.png) left no-repeat; border-left: none; height: 80px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li .coupon_table .count{display: table-cell; font-size: 30px; vertical-align: middle; font-style: italic; width:42px; text-align: left; color: #ea5703; font-family: 'Open Sans', sans-serif;  }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li .coupon_table .coupon_info{display: table-cell; vertical-align: middle; text-align: left;  }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li .coupon_table .coupon_info .coupon_name{color:#222; font-size: 13px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li .coupon_table .coupon_info .coupon_date > span{  }

.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li .coupon_table .icon_bar{display: table-cell; vertical-align: middle; text-align: left; padding-left: 10px;  width: 50px;  }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li .coupon_table .icon_bar > label.button{width: 40px; height: 40px; background: url(../images/btn_barcoad.png) no-repeat; background-size: 40px; text-indent: -999999px; display: block;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li.off{height: 60px; border:1px solid #dbdbdb; border-left: none; background:  #f9f9f9 url(../images/copon_left.png) left no-repeat; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .quick_coupon .coupon_in .coopon_swiper .coopon_s_are li.off .coupon_none{line-height: 1.3; padding: 15px; text-align: center; color: #a7a7a7; display: block; width: 100%; font-size: 12px;}


.barcoad_pop{position: absolute; top:50%; padding: 0 25px; width: 100%; margin-top: -140px; text-align: left;}
.barcoad_pop > h4{font-size: 16px;}
.barcoad_pop .text_bt{width: 100%; display: table; padding: 10px 0 20px; border-bottom: 1px solid #ededed;}
.barcoad_pop .text_bt .sub_text{width: 50%; display: table-cell; color: #222222;}
.barcoad_pop .text_bt .sub_date{width: 50%; display: table-cell; text-align: right; color: #999999;}
.barcoad_pop .card_text{width: 100%; padding: 10px 0 20px; border-bottom: 1px solid #ededed;}
.barcoad_pop .card_text .name_text{display: table-cell; color: #222222;}
.barcoad_pop .card_text .cash{display: block; font-size: 18px; font-weight: bold; vertical-align: bottom; padding-top: 5px;}
.barcoad_pop .big_barcoad{width: 100%; padding-top: 30px;}
.barcoad_pop .big_barcoad > img{width: 100%;}
.barcoad_pop .big_barcoad > p{padding-top: 5px;}

/* 회원가입 */
.join_area{padding: 75px 25px 50px; background: #fff; }
.join_area > h2{font-size: 24px; color: #ea5703; font-weight: normal;}
.join_area > h3{font-size: 18px; color: #222; font-weight: normal; }
.join_area > em{position: absolute; right: 25px; font-size: 12px; color:#999999; padding-left: 10px; background: url(../images/icon_star.png) left 8px no-repeat; background-size: 5px; margin-top:7px;}
.join_area > p.title_text{font-size: 14px; color: #555555; padding-top: 10px;  }
.join_area > ul{padding-top: 25px;}
.join_area > ul > li{padding-left: 10px; background: url(../images/icon_dot_bk.png) 0px 7px no-repeat; background-size: 5px; font-size: 12px; color: #222222; margin-bottom: 10px;}
.join_area .icon_img{padding: 40px 30% 0;}
.terms_list{padding-top: 50px;}
.terms_list > ul > li{padding-bottom:20px; }
.terms_list > ul > li .terms_link{width: 25px; text-indent: -99999999px; background: url(../images/icon_lt.png) center  no-repeat; background-size: 14px; display: inline-block; position: absolute; right: 25px; margin-top: 0px; z-index: 100;}
.terms_list3{padding: 20px 0;}
.terms_list3 > ul > li{padding-bottom:20px; }
.terms_list3 > ul > li .terms_link{width: 25px; text-indent: -99999999px; background: url(../images/icon_lt.png) center  no-repeat; background-size: 14px; display: inline-block; position: absolute; right: 25px; margin-top: 0px; z-index: 100;}
span.red_p{font-size: 12px; color:#ea5703; }
span.red_p2{color:#ea5703; }
span.gray_p{font-size: 12px; color:#a7a7a7; }
.all_check{padding: 25px 25px 75px; background:#f9f9f9; }

.join_area .form{padding-top: 10px;}
.join_area .form > ul > li{margin-top: 25px;}
.join_area .form > ul > li > h4 {font-size: 14px; color: #222; padding-bottom: 5px;}
.join_area .form > ul > li > h4 > span{padding-right: 10px; background: url(../images/icon_star.png) right 9px no-repeat; background-size: 5px;}
.join_area .form > ul > li .input_border > label{display: none; color: #ea5703; padding-top: 5px; font-size: 12px;}
.join_area .form > ul > li .input_border > label.on{display: block;}
.join_area .form > ul > li .input_border{width: 100%; }
.join_area .form > ul > li .input_border > input{border: 1px solid #dbdbdb; border-radius:5px; color: #222; padding: 3px 10px;}
.join_area .form > ul > li .input_border > input:disabled{background: #f9f9f9; color: #c3c3c3;}
.join_area .form > ul > li .input_border > input:focus{border: 1px solid #ea5703;}
.join_area .form > ul > li .input_border2{padding: 0px; width: 100%; display: table;}
.join_area .form > ul > li .input_border2 .left_in{width: 50%; display: table-cell; vertical-align: top; padding: 0px; }
.join_area .form > ul > li .input_border2 .left_in > input{ color: #222; padding: 3px 10px; border: 1px solid #dbdbdb; border-radius:5px 0px 0px 5px;}
.join_area .form > ul > li .input_border2 .left_in > input:focus{border: 1px solid #ea5703;}
.join_area .form > ul > li .input_border2 .right_in{width: 50%; display: table-cell; padding: 0px}

.join_area .form > ul > li .input_border3{padding: 0px; width: 100%; text-align: left;}
.join_area .form > ul > li .input_border3 .email_ar{width: 100%; display: table;}
.join_area .form > ul > li .input_border3 .email_ar .left_inner{width: calc(50% - 20px); vertical-align: middle; padding: 0px; display: table-cell;}
.join_area .form > ul > li .input_border3 .email_ar .center_inner{width: 20px;display: table-cell; text-align: center; vertical-align: middle;}
.join_area .form > ul > li .input_border3 .email_ar .right_inner{width: 50%;display: table-cell;}
.join_area .form > ul > li .input_border3 .email_in{width: 100%; display: table; padding-top: 5px;}

.join_area .form > ul > li .input_border4{padding: 0px; width: 100%; display: table; margin: 5px 0 0 0;}
.join_area .form > ul > li .input_border4 .left_in{width: 50%; display: table-cell; vertical-align: top; padding: 0px; }
.join_area .form > ul > li .input_border4 .right_in{width: 50%; display: table-cell; padding: 0px}


.join_area .form .id_info{width: 100%; padding-top: 20px;}
.join_area .form .id_info .id_title{font-size: 14px; color: #222; display: inline-block; font-weight: bold; padding-right: 40px}
.join_area .form .id_info .id_in{font-size: 14px; color: #ea5703; display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.select-box-w {width: 100%; height: 40px; position: relative;background: #fff url(../images/icon_select.png) no-repeat;background-size: 15px 15px; vertical-align: top; background-position: 93%;  border: 1px solid #dbdbdb; border-radius:5px;}
.select-box-w.left_on{border-radius:5px 0px 0px 5px;}
.select-box-w.right_on{border-radius:0px 5px 5px 0px; border-left: none;}
.select-box-w select {width: 100%;height: 40px;line-height: 1.5;padding: 0 30px 0 10px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.select-box-w label {position: absolute;padding-left: 10px;font-size: 14px;top: 0;left: 0px;height: 40px;line-height: 40px}


.select-box-n {width: 100%; height: 40px; position: relative;background: url(../images/icon_select.png) no-repeat; background-size: 15px 15px; vertical-align: top; background-position: 93%; }
.select-box-n select {width: 100%;height: 40px;line-height: 1.5;padding: 0 30px 0 5px;filter: alpha(opacity=0);cursor: pointer;position: absolute;top: 0;left: 0;border:1px solid #ccc;opacity: 0}
.select-box-n label {position: absolute;padding-left: 5px;font-size: 14px;top: 0;left: 0px;height: 40px;line-height: 40px}

.join_area .ps_info{padding-top: 10px; padding-bottom: 50px }
.join_area .ps_info > p{padding-left: 7px; text-indent: -7px; padding-bottom: 5px; color: #a7a7a7; font-size: 12px;}
.join_area .ps_info2{padding-top: 10px; padding-bottom: 0px }
.join_area .ps_info2 > p{padding-left: 7px; text-indent: -7px; padding-bottom: 5px; color: #a7a7a7; font-size: 12px;}
.join_area .img_ar{width: 70%; margin: 7% auto 5%;}
.join_area .img_ar > img{width: 100%;}
.join_area .id_ar{text-align: center; font-size: 14px; color: #222; }
.join_area .id_ar > span{ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; }
.join_area .gray_box{padding: 20px 10px; background: #f9f9f9; text-align: center; margin-top: 5% ; font-size: 14px;}
.join_area .gray_box > p > span{font-weight: 700; color: #ea5703;}
.join_area .gray_box > p > br{display: none;}
.join_area .mileage_info{padding: 20% 0;}
.join_area .mileage_info > h4{font-size: 14px; padding-left: 22px; background: url(../images/icon_info.png) left 3px no-repeat; background-size: 16px; margin-bottom: 10px;}
.join_area .mileage_info > p{padding-left: 7px; text-indent: -7px; padding-bottom: 5px; color: #a7a7a7; font-size: 14px;}
.join_area .sub_info{text-align: center; padding-top: 15px; font-size: 12px;}

.join_area2{padding: 75px 25px 0; background: #fff; height: 100%; }
.join_area2 .terms_view{padding: 0px 0 0px; margin-top: 20px;  color: #222; height:calc(100% - 150px); overflow-y: auto;}
.join_area2 .terms_view.view2{height: calc(100% - 170px);}
.join_area2 .terms_view > h5 {font-size: 14px; color: #222; padding-top: 10px;}
.join_area2 .terms_view .sub_title{font-size: 14px; padding-top: 10px;}
.join_area2 .terms_view .n_text{font-size: 13px; padding-top: 10px;}
.join_area2 .terms_view .s_text{font-size: 12px; padding-top: 10px;}
.join_area2 .terms_view .list_text{font-size: 12px; padding-top: 5px; padding-left: 7px; text-indent: -7px;}

.find{position: absolute; top:50%; padding: 0 25px; width: 100%; margin-top: -110px;}
.find > h4{padding-top: 80px; background: url(../images/icon_find_id.png) center top no-repeat; background-size: 40px; text-align: center; width: 100%;font-weight: 700; font-size: 17px; color: #222;}
.find > p{font-size: 14px; color: #222; text-align: center; padding-top: 15px;}
.find .line_box{border:1px solid #dbdbdb; text-align: center; padding: 20px; margin-top: 15px; font-size: 14px;}

.quiesxency{position: absolute; top:20%; padding: 0 25px; width: 100%; text-align: center;}
.quiesxency > h4{padding-top: 80px; background: url(../images/icon_clock.png) center top no-repeat; background-size: 40px; text-align: center; width: 100%;font-weight: 700; font-size: 17px; color: #222;}
.quiesxency .logo{width: 30%; margin: 0 auto;}
.quiesxency .logo > img{width: 100%}
.quiesxency > h3{padding-top: 15px; width: 100%;font-weight: 700; font-size: 17px; color: #222;}
.quiesxency > p{font-size: 14px; color: #222; text-align: left; padding-top: 15px;}
.quiesxency > p.t_center{text-align: center;}
.quiesxency .line_box{border:1px solid #dbdbdb; text-align: center; padding: 20px; margin-top: 15px; font-size: 14px;}
.quiesxency .gray_box{padding: 20px 10px; background: #f9f9f9; text-align: left; margin-top: 15px; font-size: 12px; color:#a7a7a7; }

.error{position: absolute; top:50%; padding: 0 25px; width: 100%; margin-top: -140px; text-align: center;}
.error > h4{padding-top: 80px; background: url(../images/icon_error.png) center top no-repeat; background-size: 50px; text-align: center; width: 100%;font-weight: 700; font-size: 15px; color: #222;}
.error > h3{padding-top: 45px; background: url( ../images/logo.png) center top no-repeat; background-size: 40%; text-align: center; width: 100%;font-weight: 700; font-size: 17px; color: #222;}
.error > p{font-size: 14px; color: #222; text-align:center; padding-top: 15px;}
.error > button{margin-top: 20px; padding: 10px 15px; border: 1px solid #ededed; border-radius: 5px;}

.inspection{position: absolute; top:50%; padding: 0 25px; width: 100%; margin-top: -140px; text-align: center;}
.inspection > h4{padding-top: 80px; background: url(../images/icon_inspection.png) center top no-repeat; background-size: 50px; text-align: center; width: 100%;font-weight: 700; font-size: 15px; color: #222;}
.inspection > h3{padding-top: 45px; background: url( ../images/logo.png) center top no-repeat; background-size: 40%; text-align: center; width: 100%;font-weight: 700; font-size: 17px; color: #222;}
.inspection > p{font-size: 12px; color: #555555; text-align:center; padding-top: 15px;}
.inspection .inner_01{margin-top: 20px; border-top:1px solid #222; width: 100%; display: table; padding: 10px 0;}
.inspection .inner_01 .hd{display: table-cell;  width: 70px; font-weight: 600;}
.inspection .inner_01 .dd{display: table-cell; text-align: left; padding-left: 10px;}
.inspection .inner_01 .dd > p{font-size: 12px; }
.inspection .inner_01 .dd > p > strong {font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; }
.inspection .inner_02{border-top:1px solid #ededed; width: 100%; display: table; border-bottom:1px solid #ededed; padding: 10px 0;}
.inspection .inner_02 .hd{display: table-cell; width: 70px; font-weight: 600;}
.inspection .inner_02 .dd{display: table-cell; text-align: left; padding-left: 10px;}
.inspection .inner_02 .dd > p{font-size: 12px; }
.inspection .inner_02 .dd > p > strong {font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; }

.terms_list2{width: 100%; padding-top: 50px;}
.terms_list2 > ul > li {width: 100%; padding: 0px 25px; border-bottom: 1px solid #dedede;}
.terms_list2 > ul > li > a{display: block; background: url(../images/icon_lt.png) right  no-repeat; background-size: 14px; padding: 18px 0; font-size: 14px; color: #222; }
.terms_list2 > ul > li > label > p{display: block; background: url(../images/icon_lt.png) right  no-repeat; background-size: 14px; padding: 18px 0; font-size: 14px; color: #222; }
/*button*/
.full_red{width: 100%; background: #3A466A; color: #fff; font-size: 14px; position: absolute; bottom: 0; height: 50px; vertical-align: top; }
.full_red2{width: 100%; background: #3A466A; color: #fff; font-size: 14px;  position: fixed; bottom: 0; height: 50px; vertical-align: top; }
.full_red3{width: 100%; background: #3A466A; color: #fff; font-size: 14px;  height: 50px; vertical-align: top; }
.btn_red{width: 100%; background: #3A466A; color: #fff; font-size: 14px;  height: 50px; vertical-align: top; }
.btn_grey{width: 100%; background: #dddddd; color: #555555; font-size: 14px;  height: 50px; vertical-align: top; }
.helf_btn_ar{width: 100%; position: absolute; bottom: 0; vertical-align: top; display: table}
.helf_btn_ar > span{width: 50%; display: table-cell;}
.helf_btn_ar2{width: 100%; position: fixed; bottom: 0; vertical-align: top; display: table}
.helf_btn_ar2 > span{width: 50%; display: table-cell;}

/*checkbox */
.checkbox-wrap {cursor: pointer;vertical-align: middle;	font-size: 14px; color: #222; position: relative; height: 25px;}
.checkbox-wrap > p{padding-right:10px; display: inline-block; width: calc(100% - 50px); font-size: 13px;}
.checkbox-wrap .check-icon {display: inline-block; width: 25px; height: 25px; background: url(../images/checkbox_off.png) left 2px no-repeat;	vertical-align: top;	transition-duration: .3s; background-size: 20px;	margin-right: 5px;}
.checkbox-wrap input[type=checkbox] {display: none;}
.checkbox-wrap input[type=checkbox]:checked + .check-icon {background-image: url(../images/checkbox_on.png);}

.checkbox-wrap2 {cursor: pointer;vertical-align: middle;	font-size: 12px; color: #222; position: relative; height: 25px;}
.checkbox-wrap2 > p{padding-right:10px; display: inline-block; width: calc(100% - 50px);}
.checkbox-wrap2 .check-icon {display: inline-block; width: 25px; height: 25px; background: url(../images/checkbox_off.png) left 2px no-repeat;	vertical-align: top;	transition-duration: .3s; background-size: 20px;	margin-right: 5px;}
.checkbox-wrap2 input[type=checkbox] {display: none;}
.checkbox-wrap2 input[type=checkbox]:checked + .check-icon {background-image: url(../images/checkbox_on.png);}


.checkbox-wrap3 {cursor: pointer;vertical-align: middle;	font-size: 12px; color: #222; position: relative; height: 25px;}
.checkbox-wrap3 > p{padding-right:10px; display: inline-block; width: calc(100% - 50px); font-size: 14px;}
.checkbox-wrap3 .check-icon {display: inline-block; width: 25px; height: 25px; background: url(../images/checkbox_off.png) left 2px no-repeat;	vertical-align: top;	transition-duration: .3s; background-size: 20px;	margin-right: 5px;}
.checkbox-wrap3 input[type=radio] {display: none;}
.checkbox-wrap3 input[type=radio]:checked + .check-icon {display: inline-block; width: 25px; height: 25px; background: url(../images/checkbox_on.png) left 2px no-repeat;vertical-align: top;	transition-duration: .3s; background-size: 20px;	margin-right: 5px; position: relative; left: 0; top: 0;}

/*login*/
.login{padding: 95px 25px 0; background: #fff;  }
.login > h4{width: 40%; margin: 0 auto;}
.login > h4 > img{width: 100%;}
.login .login_input{margin-top: 40px; border:1px solid #dbdbdb; border-radius: 5px; padding: 1px}
.login .login_input > input {border: none; padding: 5px 10px;  }
.login .login_input > input:first-child{border-bottom: 1px solid #dbdbdb; border-radius: 0;}
.login .check_ar{width: 100%; padding-top: 20px; display: table;}
.login .check_ar > span{display: table-cell;}
.login > button{width: 100%; background: #E43D30; color: #fff; font-size: 14px;  height: 50px; vertical-align: top; border-radius: 5px; margin-top: 20px;}
.login > button:disabled{background: #dbdbdb;}
.login > p{font-size: 12px; text-align: center;  color: #959595; padding-top: 10px;}
.login > p > a{display: inline-block; margin-left: 15px; color: #222; }
.login .btn_link{position: absolute; bottom: 20px; text-align: center; width: calc(100% - 50px); }
.login .btn_link > a{ font-size: 12px; color: #222; opacity: .6; padding-left:10px; }
.login .btn_link > a:first-child{padding-left: 0px;}
.login .btn_link > a::after{content: "|"; margin-left: 10px;}
.login .btn_link > a:last-child::after{content: none;}


/*setup*/
.setup_area{width: 100%; padding-top:50px;  background: #fff;}
.setup_area > h3{padding: 5px 25px; font-size: 12px; background: #f5f5f6; color: #555555;}
.setup_area .helf_ar{width: 100%;display: table; padding: 0 25px; height: 50px; box-sizing: border-box; border-bottom: 1px solid #dbdbdb;}
.setup_area .helf_ar > span{display: table-cell; width: 50%; height: 50px; line-height: 48px; font-size: 14px; color: #222;}
.setup_area .helf_ar > span.t_right{text-align: right;}
.setup_area .helf_ar > span > button{padding: 7px 15px; border: 1px solid #dbdbdb; border-radius: 5px; font-size: 14px; color: #222;}
.setup_area .full_ar{width: 100%; padding: 0 25px; height: 50px; box-sizing: border-box; }
.setup_area .full_ar.last{border-bottom: 1px solid #dbdbdb;}
.setup_area .full_ar > a{display: block; background: url(../images/icon_lt.png) right  no-repeat; background-size: 14px; height: 50px; line-height: 48px; font-size: 14px; color: #222; }
.gray_ar{padding: 5px 25px; font-size: 12px; background: #f5f5f6; color: #555555; width: 100%; box-sizing: border-box; display: table;}
.gray_ar > span{display: table-cell; width: 50%; font-size: 12px; color: #555555; font-weight: bold;}
.gray_ar > span.t_right{text-align: right;}

.setup_area2{padding: 75px 25px 0; background: #fff; }
.setup_area2 > h3{font-size: 18px; color: #222; font-weight: normal; }
.setup_area2 > p.title_text{font-size: 14px; color: #555555; padding-top: 10px;  }
.setup_area2 .id_area{padding: 20px 0 0; }
.setup_area2 .id_area > em{padding-left: 30px; color: #ea5703;}
.setup_area2 .pw_area{padding: 20px 0 0; }
.setup_area2 .pw_area > p{padding-bottom: 10px;}
.setup_area2 .pw_area > input{border-radius: 5px; padding-left: 10px; padding-right: 10px;}



/*notice */
.notice_list{width: 100%; padding-top: 50px;}
.notice_list .none_data{position: absolute; width: 100%; text-align: center; top:49%; font-size: 14px; color: #555555;}
.notice_list > ul > li {width: 100%; padding: 0px 25px; border-bottom: 1px solid #dedede;}
.notice_list > ul > li > a{display: block; background: url(../images/icon_lt.png) right  no-repeat; background-size: 14px; padding: 18px 0;  }
.notice_list > ul > li > a > p{font-size: 14px; color: #222; padding-right: 30px;}
.notice_list > ul > li > a > span{font-size: 12px; color: #999999;}

.notice_view{width: 100%; padding-top: 50px;}
.notice_view .view_title{background: #f9f9f9; padding: 30px 25px;}
.notice_view .view_title > p{font-size: 16px; color: #222; padding-bottom: 5px;}
.notice_view .view_title > span{font-size: 14px; color: #999999;}
.notice_view .view_content{padding: 30px 25px; font-size: 14px; line-height: 1.5;}
.notice_view .view_content > img {width: 100%;}



/*popup*/


.popup_content_01{margin: auto; width:290px; background: #fff; border-radius: 5px; top: 40%; position: absolute; left: 50%; margin-left: -145px; z-index: 1001 }
.popup_content_01 .pop_text{padding: 30px 15px; text-align: center; font-size: 14px; color: #222;}
.popup_content_01 .btn_area{width: 100%; display: table; border-top:1px solid #ebebeb;}
.popup_content_01 .btn_area > button{width: 100%; display: table-cell; height: 50px; text-align: center;}
.popup_content_01 .btn_area > label{width: 50%; display: table-cell; height: 50px; text-align: center; line-height: 48px;}
.popup_content_01 .btn_area > button:first-child{border-right: 1px solid #ebebeb;}
.popup_content_01 .btn_area > label:first-child{border-right: 1px solid #ebebeb;}

.popup_content_01 .btn_area2{width: 100%; display: table; border-top:1px solid #ebebeb;}
.popup_content_01 .btn_area2 > button{width: 100%; display: table-cell; height: 50px;}
.popup_content_01 .btn_area2 > label{width: 100%; display: table-cell; height: 50px;}

.popup_content_02{margin: auto; width:90%; background: #fff; border-radius: 5px; top: 10%; position: absolute;  z-index: 101; margin-left: 5%; }
.popup_content_02 .pop_img{width: 100%;}
.popup_content_02 .pop_img > img {width: 100%;}
.popup_content_02 .btn_area2{width: 100%; display: table; height: 50px;}
.popup_content_02 .btn_area2 .chack_ar{display: table-cell; vertical-align: middle; padding-left: 25px;}
.popup_content_02 .btn_area2 .btn{display: table-cell; padding-right: 20px;  vertical-align: middle; line-height: 1; text-align: right;}

/* paging 20190222*/
.paging{width: 100%; padding:25px; text-align: center; color: #999999; font-size: 14px; }
.paging > button.prev{width: 15px; height: 16px; display: inline-block; background: url(../images/icon_prev.png) no-repeat; background-size: 9px; text-indent: -999999px;}
.paging > button.prev.on{background: url(../images/icon_prev_on.png) no-repeat; background-size: 9px;}
.paging > button.next{width: 15px; height: 16px; display: inline-block; background: url(../images/icon_next.png) right no-repeat; background-size: 9px; text-indent: -999999px;}
.paging > button.next.on{background: url(../images/icon_next_on.png) right  no-repeat; background-size: 9px;}
.paging > span{display: inline-block; width: 40%}
.paging > span > em{color: #222222; font-weight: 700;}




/* main Modal (background) */
.main_box_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.main_box_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.main_box_modal .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }

/* 모달 윈도우가 팝업되는 코어 소스 */
input#main_box_modal[type=checkbox]:checked ~ .main_box_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* main 무신사 card Modal (background) 20210312 */
.mu_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.mu_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.mu_modal .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }
.mu_modal .barcoad_pop{top: 70px; margin-top: 0;}
.mu_modal .barcoad_pop .card_img{width: 100%; padding-bottom: 25px;}
.mu_modal .barcoad_pop .card_img > img{width: 100%;}

/* 무신사 모달 윈도우가 팝업되는 코어 소스 20210312 */
input#mu_modal[type=checkbox]:checked ~ .mu_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* main card Modal (background) */
.card_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.card_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.card_modal .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }

/* 모달 윈도우가 팝업되는 코어 소스 */
input#card_modal[type=checkbox]:checked ~ .card_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}


/* The Modal (background) */
.box_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.box_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.box_modal .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }

/* 모달 윈도우가 팝업되는 코어 소스 */
input#modal[type=checkbox]:checked ~ .box_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.box_modal2 {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.5); overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10001;}
.box_modal2:hover { opacity: 1;  filter: alpha(opacity=100);}
/* 모달 윈도우가 팝업되는 코어 소스 */
input#modal[type=checkbox]:checked ~ .box_modal2 {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.login_pop {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.login_pop:hover { opacity: 1;  filter: alpha(opacity=100);}
.login_pop .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }
/* 모달 윈도우가 팝업되는 코어 소스 */
input#login_pop[type=checkbox]:checked ~ .login_pop {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.mileage_pop {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.mileage_pop:hover { opacity: 1;  filter: alpha(opacity=100);}
.mileage_pop .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }
/* 모달 윈도우가 팝업되는 코어 소스 */
input#mileage_pop[type=checkbox]:checked ~ .mileage_pop {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.terms_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.terms_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.terms_modal .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }
/* 모달 윈도우가 팝업되는 코어 소스 */
input#terms_modal[type=checkbox]:checked ~ .terms_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* 2차 open */
header a.count_box{width: 35px; height: 28px; background: url(../images/icon_alert.png) left bottom no-repeat; background-size: 22px;display: inline-block; left: 25px; position: absolute; top:10px; z-index: 51;}
header a.count_box .count{ width: 24px; background-color: #ea5703; color: #fff; font-size: 12px; padding:0px 0 1px; text-align: center; margin-left: 11px; border-radius: 8px; }

.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area{width: 100%; display: table; background: #fff; border-top: 1px solid #ededed;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area:first-child{border-top: none;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area{width: 50%; display: table-cell; padding: 20px 20px 20px 20px;  vertical-align: top; border-left: 1px solid #ededed;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area:first-child{border-left: none;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area > div{height: 41px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area > div > p{font-size: 13px; font-weight: 700;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area > div .m_count{font-size: 14px; color: #999999; line-height: 1;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area > div .m_text{font-size: 12px; color: #ea5703;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area > div .m_count > em{font-size: 22px; color:#ea5703; font-weight: 700;  line-height: 1;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_benemug{padding-left: 50px; background: url(../images/icon_stamp.png) left top no-repeat; background-size: 40px; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_coupon{padding-left: 50px; background: url(../images/icon_coupon_count.png) left 3px no-repeat; background-size: 37px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_event{padding-left: 50px; background: url(../images/icon_mevent.png) left 3px no-repeat; background-size: 37px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_frequency{padding-left: 50px; background: url(../images/icon_freq.png) left top no-repeat; background-size: 37px; vertical-align: top;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_event .mid{line-height: 40px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_frequency > p{letter-spacing: -0.4px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_event > p > span{display: inline-block; width: 15px; height: 15px; text-indent: -99999px; background: url(../images/icon_new.png) no-repeat; background-size: 15px; margin-left: 5px;  vertical-align: middle;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_coupon > p > span{display: inline-block; width: 15px; height: 15px; text-indent: -99999px; background: url(../images/icon_new.png) no-repeat; background-size: 15px; margin-left: 5px; vertical-align: middle; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_frequency > p > span{display: inline-block; width: 15px; height: 15px; text-indent: -99999px; background: url(../images/icon_new.png) no-repeat; background-size: 15px; margin-left: 5px; vertical-align: middle; }

.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_store{padding-left: 50px; background: url(../images/icon_shop.png) left 3px no-repeat; background-size: 37px; vertical-align: top;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_store .mid{line-height: 40px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_menu{padding-left: 50px; background: url(../images/icon_menuinfo.png) left 3px no-repeat; background-size: 37px; vertical-align: top;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_menu .mid{line-height: 40px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_notice {padding-left: 50px; background: url(../images/icon_notice.png) left 3px no-repeat; background-size: 37px; vertical-align: top;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_notice .mid {line-height: 40px;}

.faq_sh{background: #f5f5f5; padding:75px 25px 25px;  }
.faq_sh .sh_area{margin-top: 10px; border: 1px solid #d4d4d4; border-radius: 5px; background: #fff; }
.faq_sh .sh_area .sh_box{padding-right: 50px;}
.faq_sh .sh_area .sh_box > input{border: none;}
.faq_sh .sh_area > button{width: 40px; height: 40px; background: url(../images/icon_sh.png) center no-repeat; background-size:  20px; text-indent: -99999px; position: absolute; right: 30px; margin-top: -40px;}


#accordion-container {font-size: 13px; background: #ffffff;	border:0;	width: 100%}
.accordion-header {	font-size: 13px;	background: #fff;	margin: 0px 0 0 0;	padding: 15px 25px;	border-top: 1px solid #dbdbdb;	cursor: pointer;color: #222;}
.accordion-header:first-child{border: none;}
.accordion-header .cate_box{padding: 5px; display: inline-block; border: 1px solid #dbdbdb; border-radius: 5px; color: #999999; font-size: 12px;}
.accordion-header > p{font-size: 14px; margin-top: 10px; padding-right: 25px;}
.active-header > p {background: url(../images/icon_active.png);	background-repeat: no-repeat;	background-position: 100%;	background-size: 15px;}
.inactive-header > p {background: url(../images/icon_inactive.png);	background-repeat: no-repeat;	background-position: 100% 5px;	background-size: 15px;}
.accordion-content {display: none;	padding: 15px 25px;	background: #f5f5f5;	font-size: 14px;}

.tab_box{width: 100%; display: table; padding-top:50px; color: #c3c3c3; background: #fff; position: fixed; z-index: 48; }
.tab_box > div{display: table-cell;width: 50%; height: 50px; font-size: 16px; box-sizing: border-box; line-height: 48px; text-align: center; border-bottom:1px solid #dbdbdb;}
.tab_box > div.on{color: #ea5703; border-bottom: 2px solid #ea5703;}

.menu_box{width: 100%;  color: #c3c3c3; background: #fff; position: fixed; height: 50px; padding: 50px 0px 0; z-index: 49; }
.menu_gnb{width: 120%; display: table}
.menu_gnb > a{display: table-cell; margin-left: 15px; font-size: 16px; height: 50px;}
.benemug_area{ padding-top: 30px;}
.benemug_area .member_area{padding: 0 25px;}
.benemug_area .member_area > span{font-size: 18px; color: #ea5703; display: inline-block;}
.benemug_area .member_area > span > em{font-size: 15px; color: #222; }
.benemug_area .member_area > button{display: inline-block; margin-left: 10px;  padding: 5px 10px 7px; border: 1px solid #dbdbdb; border-radius: 5px; font-size: 14px; vertical-align: top; color: #555555 }
.benemug_area .member_area .player{margin-top: 10px; }
.benemug_area .member_area .player > button{padding-right: 20px; display: inline-block; font-size: 14px; background: url(../images/icon_right.png) right 5px no-repeat; background-size: 7px;}
.benemug_area .member_area .player > button:disabled{color:#c3c3c3; }

.benemug_area .mug_area {background: #e5e5e5; padding: 25px 25px 10px; margin-top: 20px;}
.benemug_area .mug_area .mug_box{width: 100%; background: #fff;}
.benemug_area .mug_area .mug_box > h4{text-align: center; padding: 20px 0 30px;}
.benemug_area .mug_area .mug_box > h4 > em{color: #ea5703;}
.benemug_area .mug_area .mug_box > img{width: 100%;}
.benemug_area .mug_area .mug_box > p{background: url(../images/icon_sl.png) center no-repeat; font-size: 20px; text-align: center; background-size: 12px; margin-top: 25px;}
.benemug_area .mug_area .mug_box > p > strong{margin-right: 8px; font-weight: bolder;}
.benemug_area .mug_area .mug_box > p > span{margin-left: 8px;}
.benemug_area .mug_area .mug_box .upg_text{font-size: 12px; padding: 25px 5px; text-align: center;}
.benemug_area .mug_area .mug_box .upg_text > em{color: #ea5703;}
.benemug_area .btn_box{padding: 20px 25px 0; background: #fff;}
.benemug_area .btn_box .btn_line{ height: 40px; width: 100%; border-radius: 5px; border: 1px solid #dbdbdb; font-size: 14px;}
.benemug_area .btn_box .btn_red{height: 40px; width: 100%; border-radius: 5px; font-size: 14px; background: #3A466A; color: #fff; border: none; margin-top: 10px;}
.benemug_area .mug_info{padding: 25px;}
.benemug_area .mug_info > h3{padding-left: 20px; background: url(../images/icon_inf.png) left 3px no-repeat; background-size: 15px; margin-bottom: 5px; }
.benemug_area .mug_info > p{padding-left: 7px; text-indent: -7px; color:#a7a7a7; padding-bottom: 5px; }
.benemug_area .mug_area .gray_helf{width: 100%; display: table;  }
.benemug_area .mug_area .gray_helf .left_g{width: 70%; display: table-cell; font-size: 12px; text-align: left; vertical-align: middle; padding: 10px 0 10px 10px;}
.benemug_area .mug_area .gray_helf .right_g{width: 30%; display: table-cell; font-size: 12px; text-align: right; vertical-align: middle; padding: 10px 10px 10px 0;}
.benemug_area .mug_area .gray_helf .right_g > strong{font-size: 18px; font-weight: bold;}

/*190514 수정 */
.benefit_pop{padding: 70px 25px 0; height: 100%; overflow-y: auto;}
.benefit_pop .title_area{width: 100%; padding-bottom: 25px;}
.benefit_pop .title_area > h4{font-size: 14px; color: #555555; text-align: center; margin-top: 5px;} 
.benefit_pop .title_area > h3{font-size: 18px; color: #222;  text-align: center;}
.benefit_pop .title_area > h3 > strong{font-weight: bolder;}
.benefit_pop .select_benefit{padding: 15px 20px; border-radius: 10px; background: #fff; }
.benefit_pop .select_benefit > ul{width: 100%;}
.benefit_pop .select_benefit > ul > li{width: 100%; padding: 15px 0; border-top: 1px dashed #cccccc;}
.benefit_pop .select_benefit > ul > li:first-child{width: 100%; padding: 15px 0; border-top: none;}
.benefit_pop .select_benefit .fit_area .top_tit{width: 100%; display: table;}
.benefit_pop .select_benefit .fit_area .top_tit .left_tit{width: 50%; display: table-cell; font-size: 20px; vertical-align: middle;}
.benefit_pop .select_benefit .fit_area .top_tit .left_tit > p{font-size: 14px;}
.benefit_pop .select_benefit .fit_area .top_tit .right_btn_ar{width: 50%; display: table-cell; text-align: right;}
.benefit_pop .select_benefit .fit_area .top_tit .right_btn_ar > button{width: 80%; border: 1px solid #bdbdbd; padding: 15px 0; vertical-align: middle; border-radius: 5px;}
.benefit_pop .select_benefit .fit_area .top_tit .right_btn_ar > button > img{width: 22px; margin-left: 10px;}
.benefit_pop .select_benefit .fit_area .gift_box{width: 100%; display: table; background:#f9f9f9; text-align: center; margin-top: 15px; padding: 15px 0;}
.benefit_pop .select_benefit .fit_area .gift_box .gift{width: 50%; display: table-cell; font-size: 15px;}
.benefit_pop .select_benefit .fit_area .gift_box .gift.line{border-right: 1px dashed #e1e0e0;}
.benefit_pop .select_benefit .fit_area .gift_box .gift > strong{font-weight: bolder;display: block;}
.benefit_pop .select_benefit .fit_area .gift_box2{padding: 15px; background:#f9f9f9; text-align: center; margin-top: 15px; font-size: 15px;}
.benefit_pop .select_benefit .fit_area .gift_box2 > strong{font-weight: bolder;display: block;}
.benefit_pop .benefit_info{padding-bottom: 25px;}
.benefit_pop .benefit_info > p{padding-left: 7px; text-indent: -7px; color:#a7a7a7; padding-bottom: 5px; }
/*//190514 수정 */

/*checkbox_fit 190514 추가 */
.checkbox_fit {cursor: pointer;vertical-align: middle; width: 100%;	font-size: 12px; color: #222; position: relative;}
.checkbox_fit .fit_box{padding-right:10px; display: inline-block; width: calc(100% - 38px); vertical-align: middle;}
.checkbox_fit .fit_box .top_in{font-size: 15px;}
.checkbox_fit .fit_box .top_in > strong{font-size: 13px; font-weight: bold}
.checkbox_fit .fit_box > h2{font-size: 20px; font-weight: bold; color: #ea5703;}
.checkbox_fit .fit_box .bt_in{font-size: 14px; color: #777777;}
.checkbox_fit .check-icon {display: inline-block; position: relative; width: 35px; height: 35px; background: url(../images/checkbox_off.png) left 2px no-repeat; transition-duration: .3s; background-size: 33px;	margin-right: 0px; vertical-align: middle;}
.checkbox_fit > input[type=radio] {display: none;}
input[type='radio'] + i{display:none;}
.checkbox_fit > input[type=radio]:checked + .check-icon {display: inline-block; width: 35px; height: 35px; background: url(../images/checkbox_on.png) left 2px no-repeat; transition-duration: .3s; background-size: 33px;	margin-right: 0px; vertical-align: middle; position: relative; left:0; top:0;}


.checkbox-wrap3 {cursor: pointer;vertical-align: middle;	font-size: 12px; color: #222; position: relative; height: 25px;}
.checkbox-wrap3 > p{padding-right:10px; display: inline-block; width: calc(100% - 50px); font-size: 14px;}
.checkbox-wrap3 .check-icon {display: inline-block; width: 25px; height: 25px; background: url(../images/checkbox_off.png) left 2px no-repeat;	vertical-align: top;	transition-duration: .3s; background-size: 20px;	margin-right: 5px;}
.checkbox-wrap3 input[type=radio]:checked + .check-icon {display: inline-block; width: 25px; height: 25px; background: url(../images/checkbox_on.png) left 2px no-repeat;vertical-align: top;	transition-duration: .3s; background-size: 20px;	margin-right: 5px; position: relative; left: 0; top: 0;}



/* benefit Modal (background) 190514수정 */
.benefit_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#f6f6f6; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}

.benefit_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.benefit_modal .closer{width: calc(100% - 40px); height: 37px; text-indent: -999999px; background: #f6f6f6 url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top: 0px; }

/* 모달 윈도우가 팝업되는 코어 소스 */
input#benefit_modal[type=checkbox]:checked ~ .benefit_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* benefit coupon Modal (background) 190514수정 */
.fitcoupon_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}

.fitcoupon_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.fitcoupon_modal .closer{width: calc(100% - 40px); height: 37px; text-indent: -999999px; background: #fff url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top: 0px; }

/* 모달 윈도우가 팝업되는 코어 소스 */
input#fitcoupon_modal[type=checkbox]:checked ~ .fitcoupon_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.fit_CP_pop{padding: 70px 0px 0; height: 100%; overflow-y: auto;}
.fit_CP_pop .title_area{width: 100%; padding:0 25px 25px;}
.fit_CP_pop .title_area > h4{font-size: 12px; color: #ea5703;} 
.fit_CP_pop .title_area > h3{font-size: 18px; color: #222;}

.fit_CP_pop .coupon_box{width: 100%;  padding: 0 25px;}
.fit_CP_pop .coupon_box .img_box{width: 100%;}
.fit_CP_pop .coupon_box .img_box > img{width: 100%;}
.fit_CP_pop .coupon_box .coupon_num{font-size: 16px; background: #f0f0f0; padding: 12px 0 15px; line-height: 1; text-align: center;}

.fit_CP_pop .mug_info{padding: 25px; border-bottom: 1px solid #dbdbdb;}
.fit_CP_pop .mug_info > h3{padding-left: 20px; background: url(../images/icon_inf.png) left 3px no-repeat; background-size: 15px; margin-bottom: 5px; }
.fit_CP_pop .mug_info > p{padding-left: 7px; text-indent: -7px; color:#a7a7a7; padding-bottom: 5px; font-size: 12px; }
.fit_CP_pop .employees_only{padding: 25px;}
.fit_CP_pop .employees_only > button > span{display: inline-block; padding-right: 10px; background: url("../images/icon_next_on.png") right 4px no-repeat; line-height: 1.2;  background-size: 5px; }
.fit_CP_pop .employees_only > strong{display: block; margin-top: 10px; color: #ea5703; font-size: 12px;}
.fit_CP_pop .employees_only > p{display: block; margin-top: 3px; font-size: 12px;}
.frequency_area{padding: 25px;}
.frequency_area .frequency_title{padding: 10px 0 25px; text-align: center;}
.frequency_area .frequency_title > h2{font-size: 20px;}
.frequency_area .frequency_title > p{font-size: 14px; margin-top: 5px;}
.frequency_area .frequency_box{padding: 20px 10px; background: #f9f9f9;  border: 1px solid #e5e5e5; border-radius: 5px; text-align: center; margin-bottom: 10px; overflow: hidden;}
.frequency_area .frequency_box .frequency_dep{width: 100%;}
.frequency_area .frequency_box .frequency_dep > h3{font-size: 14px; color: #ea5703; text-align: center;}
.frequency_area .frequency_box .frequency_dep > p{font-size: 12px; color: #9a9a9a; text-align: center;}
.frequency_area .frequency_box .frequency_dep > ul{width: 100%; padding: 15px 0; text-align: center;}
.frequency_area .frequency_box .frequency_dep > ul > li{width:calc(20% - 4px);  display: inline-block; margin-left: 1px; margin-top: 8px; }
.frequency_area .frequency_box .complete {width: calc(100% - 50px); position: absolute; margin-left: -10px; text-align: center; display: none; z-index: 20;}
.frequency_area .frequency_box .complete .img_c{width: 50%; margin: 0 auto;}
.frequency_area .frequency_box .complete > p{padding: 20px;}
.frequency_area .frequency_box.on .complete{display: block; opacity: 1 !important;}
.frequency_area .frequency_box.on .frequency_dep{opacity: 0.5;}
.frequency_area .mug_info{padding: 25px 0;}
.frequency_area .mug_info > h3{padding-left: 20px; background: url(../images/icon_inf.png) left 3px no-repeat; background-size: 15px; margin-bottom: 5px; }
.frequency_area .mug_info > p{padding-left: 7px; text-indent: -7px; color:#a7a7a7; padding-bottom: 5px; }


#accordion-container2 {font-size: 13px; background: #ffffff; border:0;	width: 100%;}
#accordion-container2 .accordion-header {font-size: 16px;	background: #fff;   margin: 0px 0 0 0;	padding: 0px 25px;	border-bottom: 1px solid #dbdbdb; text-align: center; cursor: pointer;color: #222;}

#accordion-container2 .accordion-header .cate_box{padding: 5px; display: inline-block; border: 1px solid #dbdbdb; border-radius: 5px; color: #999999; font-size: 12px;}
#accordion-container2 .accordion-header{font-size: 14px; margin-top:0px; padding-right: 25px;}
#accordion-container2 .active-header > span {background: url(../images/icon_3dot.png);	background-repeat: no-repeat;	background-position: 100% 20px;	background-size: 20px; display: block; height: 40px; line-height: 44px;}
#accordion-container2 .inactive-header > span{background: url(../images/icon_3dot.png); background-repeat: no-repeat;	background-position: 100% 20px;	background-size: 20px; display: block; height: 40px; line-height: 44px;}
#accordion-container2 .accordion-content {display: none; padding: 0;	background: #f5f5f5; font-size: 14px;}
#accordion-container2 .accordion-content .date_ar {width: 100%; display: table; border-bottom: 1px solid #dbdbdb;}
#accordion-container2 .accordion-content .date_ar .select_ar{display: table-cell; width: 20%; padding: 0 5px; border-right: 1px solid #dbdbdb; vertical-align: middle}
#accordion-container2 .accordion-content .date_ar .start_date{display: table-cell; width: 40%; padding: 0 5px 0 10px; background: url(../images/bg_stap.png) right no-repeat; background-size: 30px;  vertical-align: middle; }
#accordion-container2 .accordion-content .date_ar .start_date > span{position: absolute; margin-top: 10px;}
#accordion-container2 .accordion-content .date_ar .start_date > input{padding: 20px 10px 0 0; border: none; background: none; height: 60px; font-size: 14px }
#accordion-container2 .accordion-content .date_ar .start_date .ui-datepicker-trigger{position: absolute; margin-top: 20px; margin-left: -35px; width: 18px; display: none; }
#accordion-container2 .accordion-content .date_ar .end_date{display: table-cell; width: 40%; padding: 0 5px 0 10px;}
#accordion-container2 .accordion-content .date_ar .end_date > span{position: absolute; margin-top: 10px;}
#accordion-container2 .accordion-content .date_ar .end_date > input{padding: 20px 0 0; border: none; background: none; height: 60px; font-size: 14px }
#accordion-container2 .accordion-content .date_ar .end_date .ui-datepicker-trigger{position: absolute; margin-top: 20px; margin-left: -35px; width: 18px;  display: none;}


.mycard{ padding-top: 30px;}
.mycard .member_area{padding: 0 25px;}
.mycard .member_area > span{font-size: 18px; color: #ea5703; display: inline-block;}
.mycard .member_area > span > em{font-size: 15px; color: #222; }
.mycard .member_area > button{display: inline-block; margin-left: 10px;  padding: 5px 10px 7px; border: 1px solid #dbdbdb; border-radius: 5px; font-size: 14px; vertical-align: top; color: #555555 }
.mycard .member_area > a{display: inline-block; width: 34px; height: 34px; position: absolute; background: url(../images/icon_q.png) no-repeat; background-size: 34px; text-indent: -99999px; right:25px; }
.mycard .card_area{padding: 30px 50px;}
.mycard .card_area .card_outer{background:#e9e9e9; border:1px solid #bfbfbf; border-radius: 5px; padding:30px 30px 20px; }
.mycard .card_area .card_outer .card_inner{background: #fff; border-radius: 5px; padding: 15px 15px 10px;}
.mycard .card_area .card_outer .card_inner > p{font-size: 12px; text-align: center; margin-top: 5px;}
.mycard .card_area .card_outer .card_inner > img{width: 100%;}
.mycard .card_area .card_outer > p{font-size: 20px; text-align: center; margin-top: 5px; }
.mycard .card_area .card_outer > p > strong{font-size: 24px; font-weight: bolder;}
.mycard .card_area .card_outer > a {display: inline-block; width: 24px; height: 24px; position: absolute; background:  url(../images/refresh.png) no-repeat; background-size: 24px; text-indent: -99999px; right:80px; margin-top: -28px; }
.mycard .btn_box{padding: 0 25px;}
.mycard .btn_box .btn_line{ height: 40px; width: 100%; border-radius: 5px; border: 1px solid #dbdbdb; font-size: 14px;}
.mycard .btn_box .btn_red{height: 40px; width: 100%; border-radius: 5px; font-size: 14px; background: #3A466A; color: #fff; border: none; margin-top: 10px;}


.card_reg{padding: 75px 25px 25px; background: #fff; }
.card_reg > h2{font-size: 20px; color: #222; font-weight: normal; line-height: 1.2;}
.card_reg > h2 > strong{color: #ea5703; font-weight: normal;}
.card_reg .title_text{padding-top: 10px; color: #a7a7a7;}
.card_reg .red_text{color: #ea5703;}

.card_reg_ar{width: 100%; padding:30px 25px; background: #f5f5f5; text-align: center;}
.card_reg_ar:after{ content: url(../images/bg_tr.png); position: absolute; display: block; left:50%; margin-left:-49px; }
.card_reg_ar > h3{font-size: 16px; padding-bottom: 20px; text-align: left; font-weight: normal;}
.card_reg_ar > h3 > strong{font-weight: bolder;}
.card_reg_ar > img{width: 90%;}

.card_reg_ar2{width: 100%; padding:30px 25px; background: #f5f5f5; text-align: center;}
.card_reg_ar2 > img{width: 90%;}
.shop_select{width: 100%; height: 40px; vertical-align: middle; background: #e9e9e9; text-align: center; line-height: 38px; font-size: 14px;}
.shop_select > label{vertical-align: middle; padding-right:15px; background: url(../images/icon_next.png) right 4px no-repeat; background-size: 7px; }
.shop_select > label > em{color: #ea5703}
.shop_select > em{color: #ea5703}


.card_number_ar{padding: 25px 25px 70px;}
.card_number_ar > input{padding-right: 70px; height: 50px;}
.card_number_ar > button{position: absolute; width: 50px; height: 40px; background: #3d3d3d; color: #fff; right: 30px; margin-top: 5px; border-radius: 5px; }
.card_number_ar > p{padding: 5px; color: #a7a7a7;}
.card_number_ar .card_cash{width: 100%; text-align: center; padding-top: 30px;}
.card_number_ar .card_cash > strong{color: #ea5703; font-weight: bold;}
.card_number_ar > h5{padding: 15px 0 10px; font-size: 14px;}
.card_number_ar2{padding: 25px 25px 25px;}
.card_number_ar2 > input{ height: 50px;}
.card_number_ar2 > button{position: absolute; width: 50px; height: 40px; background: #3d3d3d; color: #fff; right: 30px; margin-top: 5px; border-radius: 5px; }
 .card_number_ar2 > h5{padding: 15px 0 10px; font-size: 14px;}

.card_ch_top{ padding: 80px 25px 30px; background: #f9f9f9;}
.card_ch_top > h3{font-size: 16px; color: #222; font-weight: bold; line-height: 1.2;}
.card_ch_top .card_num{padding-top: 5px; color: #222; font-size: 14px; padding-bottom: 15px; border-bottom:1px solid #dbdbdb;}
.card_ch_top .card_balance{ width: 100%; display: table; padding-top: 15px;}
.card_ch_top .card_balance .left_title{width: 50%; font-size: 16px; color: #222; display: table-cell}
.card_ch_top .card_balance .right_cash{width: 50%; text-align: right; font-size: 16px; color: #222; display: table-cell}
.card_ch_top .card_balance .right_cash > strong{font-weight: bolder;}

.charge_cash{padding: 25px 25px 140px;}
.charge_cash > h3{font-size: 14px;}
.charge_cash .cash_in{width: 100%; display: table; border: 1px solid #bdbdbd; border-radius: 5px; padding-right: 10px; margin-top: 10px;}
.charge_cash .cash_in > div{border:none; display: table-cell; text-align: right;}
.charge_cash .cash_in > span{display: table-cell; padding-right: 10px;}
.charge_cash .cash_in > button{display: table-cell; width: 18px; height: 18px; background: url(../images/icon_clear.png)no-repeat; background-size: 18px; text-indent: -9999px;}
.charge_cash .sum{width: 100%; padding-top: 5px; padding-bottom: 10px; display: table;}
.charge_cash .sum .btn_box3{width: 25%; display: table-cell;}
.charge_cash .sum .btn_box3:last-child{text-align: right;}
.charge_cash .sum .btn_box3:nth-child(2){text-align: right; padding-right: 3px;}
.charge_cash .sum .btn_box3:nth-child(3){text-align: right; padding-right: 2px;}
.charge_cash .sum .btn_box3 > button{width: calc(100% - 3px); display: inline-block; padding: 10px; text-align: right; background: #e6e6e6 url(../images/icon_sum.png) 10px no-repeat; border-radius: 5px; vertical-align: middle; background-size: 10px;}

.charge_cash .sum > button:active{background:#3d3d3d url(../images/icon_sum_on.png) 10px no-repeat; background-size: 12px; color: #fff;}
.charge_cash > p{padding-left: 7px; text-indent: -7px; color:#a7a7a7; padding-top: 5px; }
.payment_ar{ padding-top: 25px;}
.payment_ar > h3{font-size: 14px;}

.radio-items {width: 100%; border-radius: 4px; box-sizing: border-box; padding-top: 10px; display: table;}
.radio-items > div {display: table-cell; width:50%; text-align: right; vertical-align: middle;}

.radio-items > div > label {display: block; width: calc(100% - 8px); color: #c3c3c3; height:40px; line-height: 38px;  vertical-align: middle; box-sizing: border-box; cursor: pointer; text-align: left; padding-left: 35px; border: 1px solid #dbdbdb; border-radius: 5px;   background: url(../images/chek_off.png) 10px no-repeat; background-size: 15px; }
.radio-items > div > label.right_pd{margin-left: 8px;}
.radio-items > div > input[type="radio"]:checked + label{color:#222222;  padding-left: 33px;  line-height: 34px;   box-sizing: border-box; border: 3px solid #222; border-radius: 5px;   background: url(../images/chek_on.png)  8px 12px no-repeat; background-size: 15px; }
.gray_bt{width: 100%; height: 50px; display: table; background: #f5f5f5; border-top: 1px dashed #bdbdbd; padding: 0 25px; margin-top: 20px;  position: fixed; bottom: 50px;}
.gray_bt .sum_cash_tit{width: 60%; display: table-cell; font-size: 14px; color: #222; vertical-align: middle;}
.gray_bt .cash{width: 40%; display: table-cell; font-size: 16px; color: #222; text-align: right; vertical-align: middle;}
.gray_bt .cash > em{color:#ea5703; font-weight: bolder;}


/* shop_modal (background) */
.shop_modal {position:fixed; display:block; width:100%; top:0; left:0;background:#fff; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000; height: 100%; }
.shop_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.shop_modal .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top: 0px; z-index: 200; }
.shop_pop{padding: 220px 0 0; height: 100%;}
.g_sh{background: #f5f5f5; padding: 70px 25px 25px; position: fixed; width: 100%; top:0;}
.g_sh > h3{font-size: 20px;}
.g_sh .sh_box{margin-top: 10px;}
.g_sh .sh_box > button{width: 20px; height: 20px; background: url(../images/icon_sh.png) no-repeat; background-size:  20px; text-indent: -99999px; position: absolute; right: 40px; margin-top: 10px;}
.g_sh .add_box{padding-top: 20px; width: 100%; height: 40px;}
.g_sh .add_box > p{font-size: 14px; color: #222; padding-right: 30px; line-height: 18px;}
.g_sh .add_box > button{width: 20px; height: 20px; background: url(../images/icon_gps.png) no-repeat; background-size:20px;  text-indent: -9999px; position: absolute; right: 25px; top:170px; vertical-align: top;}
.shop_pop .list_area{padding:0px 25px 25px; height: 100%; overflow-y: scroll;}
.shop_pop .list_area .terms_list4{width: 100%; overflow-y: auto; height:100%}
.shop_pop .list_area .terms_list4 > ul > li {width: 100%; border-bottom: 1px solid #dedede;  padding: 18px 0px 5px 0; font-size: 14px; color: #222; display: table;}
.shop_pop .list_area .terms_list4 > ul > li > label{display: table-cell; width: calc(100% - 30px);}
.shop_pop .list_area .terms_list4 > ul > li > a {background: url(../images/icon_lt.png) right  no-repeat; background-size: 14px; text-indent: -999999px; width: 30px; display: table-cell;  right: 30px;}

/* 모달 윈도우가 팝업되는 코어 소스 */
input#shop_modal[type=checkbox]:checked ~ .shop_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.card_info{padding: 30px 25px 25px; }
.card_info > h3{padding-bottom: 10px; border-bottom: 1px solid #222;font-size: 14px}
.card_info .info_inner {padding:15px; border-bottom: 1px solid #bdbdbd; }
.card_info .info_inner .stap{padding-top: 50px; background: url(../images/icon_stap.png) left 15px no-repeat; background-size: 15px;}
.card_info .info_inner .stap:first-child{padding-top: 0; background: none;}
.card_info .info_inner .stap > h4{font-size: 14px; }
.card_info .info_inner .stap > p{font-size: 14px; padding-top: 5px; color: #a7a7a7;}
.ps_info{padding: 10px 25px 80px;}
.ps_info > p{padding-left: 7px; text-indent: -7px; color:#a7a7a7; padding-top: 5px; }


/* datepicker Style */
.ui-datepicker { width: 100%; display: none; border: 0; margin-top: 10px; padding: 20px 0;}
.ui-widget.ui-widget-content { border: 0; border-radius: 3px; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.3) }
.ui-datepicker .ui-widget-header { position: relative; padding: 6px 0 30px 0; border: 0; color: #101010; border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: #fff url(../images/icon_select.png) right 8px no-repeat; background-size: 10px; margin: 0 4px; padding: 0 24px 0 0px; border: 0; border-radius: 3px; color: #101010; font-size: 18px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ direction:rtl; }
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: #fff url(../images/icon_select.png) right 8px no-repeat; background-size: 10px;}
.ui-datepicker select::-ms-expand {
display: none; /* 화살표 없애기 for IE10, 11*/
}
.ui-datepicker .ui-datepicker-title { line-height: 1.8em; text-align: center; margin: 0px 2.3em; font-size:13px; font-weight:bold; letter-spacing:0; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #333;}
.ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker .ui-datepicker-calendar { position: relative; width: 100%; margin: 0 auto; }
.ui-datepicker-calendar thead tr { position: absolute; top: -20px; left: 5px; right: 5px; }
.ui-datepicker-calendar thead th { float: left; padding: 0; width: 14.2857%; color: #222; font-size:14px; letter-spacing:1px; opacity: 0.6 }
.ui-datepicker-calendar tbody{padding-top: 20px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; width:25px; height: 25px; text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 5px; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url( ../images/icon_prev2_off.png) 0 0 no-repeat; background-size:  25px;}
.ui-datepicker .ui-datepicker-next { right: 5px; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-next .ui-icon {background: url( ../images/icon_next2_off.png) 0 0 no-repeat; background-size:  25px; }
.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 15px; width: 30px; height: 30px; line-height: 28px; padding: 0; margin: 5px auto; font-size: 13px; text-align: center; background: #fff; font-weight: normal; color: #333; box-sizing: border-box; }
.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0,0,0,0.05); }
.ui-datepicker-today .ui-state-default { color: #3f51b5; font-weight: bold; }
.ui-datepicker-current-day .ui-state-default {border: 1px solid #3f51b5; color: #3f51b5; font-weight: bold; }
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] { color: #3f51b5; opacity: 0.75; }
.ui-datepicker-buttonpane button[data-handler="hide"] { }
.ui-datepicker-calendar > tbody td:last-child a {color: #ea5703; }



/* ie add Style */
.ui-datepicker td, .ui-datepicker th { border: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -12.5px; top: 50%; margin-top: -12.5px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 25px; height: 25px; }


.sh_btn_ar{padding: 25px; text-align: center;}
.sh_btn_ar > button {width: 120px; height: 40px; border-radius: 5px; font-size: 14px; font-weight: 700; }
.sh_btn_ar > button.inquiry{background: #3d3d3d; color: #fff; margin-right: 5px;}
.sh_btn_ar > button.close{border:1px solid #dbdbdb; color:#222;}
.sh_btn_ar > span{display: inline-block; padding-left: 20px; background: url(../images/con_in_g.png) left 4px  no-repeat; background-size: 15px; margin-top: 10px; color: #999999; }


.p_list{padding: 0 25px;}
.p_list > ul{width: 100%}
.p_list > ul > li{padding: 20px 0; border-bottom: 1px solid #dbdbdb;}
.p_list > ul > li .il_table{width: 100%; display: table;}
.p_list > ul > li .il_table .left_c{display:table-cell; width: 52px;}
.p_list > ul > li .il_table .left_c > span{display: inline-block;border: 1px solid #222; text-align: center; border-radius: 100%; width: 52px; height: 52px;  }
.p_list > ul > li .il_table .left_c > span.on{display: inline-block; border: none; background: #3A466A; text-align: center; border-radius: 100%; width: 52px; height: 52px; color: #fff;  }
.p_list > ul > li .il_table .left_c > span.off{display: inline-block; border: none; background: #dbdbdb; text-align: center; border-radius: 100%; width: 52px; height: 52px; color: #fff;}
.p_list > ul > li .il_table .left_c > span.red {
    display: inline-block;
    border: none;
    background: #ff0000;
    text-align: center;
    border-radius: 100%;
    width: 52px;
    height: 52px;
    color: #fff;
}
.p_list > ul > li .il_table .left_c > span.blue {
    display: inline-block;
    border: none;
    background: #0000ff;
    text-align: center;
    border-radius: 100%;
    width: 52px;
    height: 52px;
    color: #fff;
}
.p_list > ul > li .il_table .left_c > span > div {font-size: 50px; line-height: 48px;}
.p_list > ul > li .il_table .left_c > span.off > div {font-size: 50px; line-height: 40px;}
.p_list > ul > li .il_table .left_c > span > div.line_one {font-size: 13px; line-height: 48px;}
.p_list > ul > li .il_table .left_c > span > div.line_two {font-size: 13px; line-height: 0.8; margin-top:6px;}
.p_list > ul > li .il_table .left_c > span > div.line_two > i{font-size: 15px; font-weight: bold; display: block; width: 100%;}
.p_list > ul > li .il_table .left_c > span > div.line_two2 {font-size: 13px; line-height: 1.5; margin-top:6px;}
.p_list > ul > li .il_table .infotext{display: table-cell; padding: 0 0 0px 20px; vertical-align: middle}
.p_list > ul > li .il_table .infotext > span{display: block; font-size: 14px; color: #222; font-weight: 700; padding-bottom: 3px; }
.p_list > ul > li .il_table .infotext > em{display: block; font-size: 13px; color: #999999; }
.p_list > ul > li .il_table .infotext .cash_ad{display: inline-block; font-size: 14px; position: absolute; right: 25px; text-align: right; margin-top: -30px;}


.coupon_top{padding: 30px 25px 25px; background: #fff;}
.coupon_top > h3{font-size: 15px; text-align: center;}
.coupon_top > p{padding-top: 10px; color: #999; font-size: 12px; text-align: center;}
.coupon_list{padding: 20px 25px; background: #f9f9f9; }
.coupon_list > h3{font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #222;}
.coupon_list > h3 > em{font-size: 18px; color: #ea5703;}
.coupon_list > ul{width: 100%; background: #FFF;}
.coupon_list > ul > li{border: 1px solid #dbdbdb; border-left: none; border-top: none; padding: 0px 15px 0px 15px; background: url("../images/copon_left3.png")left center no-repeat ;vertical-align: middle;}
.coupon_list > ul > li:first-child{border-top: 1px solid #dbdbdb;}
.coupon_list > ul > li.down .coupon_inner{background: none;}
.coupon_list > ul > li.down .coupon_inner .alarm{text-align: right;}
.coupon_list > ul > li.none_coupon .coupon_inner{background: none;}
.coupon_list > ul > li .coupon_inner{width: 100%; background: url(../images/icon_next.png) right no-repeat; vertical-align: middle; background-size:8px; display: table; height: 80px;}
.coupon_list > ul > li .coupon_inner .coupon_name{display: table-cell; vertical-align: middle;  padding-right: 20px;}
.coupon_list > ul > li .coupon_inner .coupon_name > h3{font-size: 14px; }
.coupon_list > ul > li .coupon_inner .coupon_name .date{font-size: 13px; color: #999;}
.coupon_list > ul > li .coupon_inner .coupon_name .none{font-size: 13px; color: #ea5703;}
.coupon_list > ul > li .coupon_inner .alarm{ display: table-cell; width: 75px; padding-right: 15px; vertical-align: middle;}
.coupon_list > ul > li .coupon_inner .alarm > span{display: inline-block; padding:0px 8px; font-size: 11px; color: #fff; background: #3A466A; border-radius: 15px; height: 25px; line-height: 23px; }
.coupon_list > ul > li .coupon_inner .alarm > a{display: inline-block; padding:0px 8px; font-size: 11px; color: #fff; background: url("../images/icon_downf.png") center no-repeat; background-size:20px;  border-radius: 5px; border:1px solid #bfbfbf; width: 40px; height: 40px; text-indent: -999999px; }

.coupon_top2{padding: 30px 25px 20px; background: #f5f5f5;}
.coupon_top2 > h3{font-size: 15px; text-align: center;}
.coupon_top2 .fit_coupon{width: 100%; }
.coupon_top2 .fit_coupon .none_coupon{width: 100%; text-align: center; padding: 30px;}
.coupon_top2 .fit_coupon .none_coupon > p.top{ font-size: 12px; color: #ea5703}
.coupon_top2 .fit_coupon .none_coupon > p.mid{ font-size: 18px; color: #222; font-weight: bold; padding: 20px 0 10px;}
.coupon_top2 .fit_coupon .none_coupon > p.bottom{ font-size: 14px; color: #222; padding-bottom: 10px;}

.coupon_top2 .fit_coupon .coopon_swiper{padding: 0;  width: 100%;  padding-bottom: 30px;}
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are{ line-height: 78px;   }
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li{ text-align: left; margin-left: 0px;  width: 100%; }
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li:first-child{margin-left: 0; text-align: left;}

.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table{line-height: 1; padding:20px 25px; text-align: left; color: #a7a7a7; display: table; width:100%;  font-size: 12px; border:1px solid #dbdbdb; background:  #fff url(../images/copon_left3.png) left no-repeat; border-left: none; }
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table .fit_name{font-size: 14px; color: #ea5703; font-weight: bold;}
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table .coupon_name{font-size: 16px; margin: 10px 0 15px; height: 48px; overflow: hidden;}
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table > button{width: 100%; padding: 8px 0; vertical-align: middle; border-radius: 5px; background: #3d3d3d; color: #fff;}
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table .count{display: table-cell; font-size: 30px; vertical-align: middle; font-style: italic; width:42px; text-align: left; color: #ea5703; font-family: 'Open Sans', sans-serif;  }
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table .coupon_info{display: table-cell; vertical-align: middle; text-align: left;  }

.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table .icon_bar{display: table-cell; vertical-align: middle; text-align: left; padding-left: 10px;  width: 50px;  }
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li .coupon_table .icon_bar > label.button{width: 40px; height: 40px; background: url(../images/btn_barcoad.png) no-repeat; background-size: 40px; text-indent: -999999px; display: block;}
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li.off{height: 60px; border:1px solid #dbdbdb; border-left: none; background:  #f9f9f9 url(../images/copon_left.png) left no-repeat; }
.coupon_top2 .fit_coupon .coopon_swiper .coopon_s_are li.off .coupon_none{line-height: 1.3; padding: 15px; text-align: center; color: #a7a7a7; display: block; width: 100%; font-size: 12px;}
.coupon_top2 .fit_coupon .coopon_swiper .swiper-pagination.swiper-pagination-bullets, 
.coupon_top2 .fit_coupon .coopon_swiper .swiper-pagination.swiper-pagination-custom, 
.coupon_top2 .fit_coupon .coopon_swiper .swiper-pagination.swiper-pagination-fraction {bottom: 0px;left: 0px;	width: 100%;text-align: center;}
.coupon_top2 .fit_coupon .coopon_swiper .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;	border-radius: 100%;background: #000;opacity: .5}
.coupon_top2 .fit_coupon .coopon_swiper .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;background: #000}

.event_list{width: 100%; }
.event_list > ul{width: 100%;}
.event_list > ul > li{width: 100%;}
.event_list > ul > li .event_img{width: 100%;}
.event_list > ul > li .event_img > img{width: 100%;}
.event_list > ul > li .event_state{width: 54px; height: 54px; border-radius: 100%; font-size: 12px; text-align: center; vertical-align: middle; line-height: 52px; position: absolute; right: 25px; margin-top:-27px; z-index: 40; }
.event_list > ul > li .event_state.on{background: #3A466A; color: #fff; }
.event_list > ul > li .event_state.off{background: #efefef; color: #999; }
.event_info{padding: 30px 25px 40px;}
.event_info .event_division{color: #ea5703; font-size: 13px; }
.event_info .event_division.all{background: url(../images/icon_all.png) left 3px no-repeat; background-size: 17px; padding-left: 23px;}
.event_info .event_division.shop{background: url(../images/icon_stor.png) left 1px no-repeat; background-size: 12px; padding-left: 18px;}
.event_info .event_title{font-size: 16px; color: #222; padding-top: 5px;}
.event_info .event_date{font-size: 14px; color: #999; padding-top: 5px;}
.event_info{padding: 30px 25px 40px;}
.event_info .event_division{color: #ea5703; font-size: 13px; }
.event_info .event_division.all{background: url(../images/icon_all.png) left 3px no-repeat; background-size: 17px; padding-left: 23px;}
.event_info .event_division.shop{background: url(../images/icon_stor.png) left 1px no-repeat; background-size: 12px; padding-left: 18px;}
.event_info .event_title{font-size: 16px; color: #222; padding-top: 5px;}
.event_info .event_date{font-size: 14px; color: #999; padding-top: 5px;}



/* event_modal (background) */
.event_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.event_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.event_modal .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top: 0px; }
.event_modal .top_hd{position: fixed; height: 50px; background: #fff; top:0; width: 100%;}
.event_modal .top_hd .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; }
/*.event_pop{height: 100%; overflow-y: auto;}*/
.event_pop{height: 100%; overflow: scroll; -webkit-overflow-scrolling:touch; }
.event_pop .event_img{width: 100%; padding: 25px 25px 75px;}
.event_pop .event_img > img{width: 100%;}

/* 모달 윈도우가 팝업되는 코어 소스 */
input#event_modal[type=checkbox]:checked ~ .event_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}



.none_list{width: 100%; font-size: 13px; text-align: center; padding-top:40%; color: #999;}
#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: 1000;  text-align: center; }   
#loading-image {position: absolute;  top: 50%;  left: 50%; z-index: 1001; margin-left: -32px; width: 64px; height: 64px;}

#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}

.search_store{width: 100%; padding-top: 50PX;}
.search_store .search_ar{padding: 30px 25px 20px; background: #f5f5f5; }
.search_store .search_ar .sh_inner{width: 100%; border: 1px solid #dbdbdb; border-radius: 5px; background: #fff;  }
.search_store .search_ar .sh_inner > input{width: calc(100% - 40px); display: inline-block; border: none; box-sizing: border-box;}
.search_store .search_ar .sh_inner > button{width: 40px; height: 40px; text-indent: -9999px; display: inline-block; background: url(../images/icon_search.png) center no-repeat; background-size: 20px;}
.search_store .search_ar .gps_ar{width: 100%; padding-top: 10px;}
.search_store .search_ar .gps_ar .address{width: calc(100% - 40px); display: inline-block; border: none; box-sizing: border-box;}
.search_store .search_ar .gps_ar > button{width: 40px; height: 40px; text-indent: -9999px; display: inline-block; background: url(../images/icon_gps.png) center no-repeat; background-size: 20px;}
.store_list{width: 100%; padding: 20px 25px;}
 
.store_list > ul > li {width: 100%; padding-bottom: 10px;}
.store_list > ul > li > label{display: block; background: url(../images/icon_lt.png) right  no-repeat; background-size: 14px; padding: 18px 0; font-size: 14px; color: #222; border-bottom: 1px solid #dedede; }
.store_list > ul > li > label > h4{font-size: 15px; padding-bottom: 5px;}
.store_list > ul > li > label > p{width:calc(100% - 25px); overflow: hidden; font-size: 13px; height: 20px; color: #a7a7a7; padding-left: 25px; background: url(../images/icon_i.png) left no-repeat; background-size: 20px;}
.store_list > ul > li > label > span{padding: 5px; font-size: 12px; color: #ea5703; border: 1px solid #ea5703; border-radius: 4px; margin-bottom: 5px; display: inline-block; font-weight: 500;}
.store_list > ul > li .store_event{padding: 10px 0; width: 100%;}
.store_list > ul > li .store_event .event_name{width: calc(100% - 54px); display: inline-block; padding-right: 10px; vertical-align: middle;}
.store_list > ul > li .store_event .event_name > h5{font-size: 13px;}
.store_list > ul > li .store_event .event_name > p{font-size: 12px;color: #a7a7a7; padding-top: 5px;}
.store_list > ul > li .store_event .event_state{width: 50px; display: inline-block; background: #3A466A; border-radius: 25px; height: 50px; color: #fff; line-height: 48px; font-size: 12px; text-align: center;}

/* store_modal (background) */
.store_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.store_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.store_modal .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top: 0px; }
.store_modal .top_hd{position: fixed; height: 50px; background: #fff; top:0; width: 100%;}
.store_modal .top_hd .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; }

.store_pop{height: 100%; overflow-y: hidden; padding-top: 50px; box-sizing: border-box;}
.store_pop .stor_info_ar { position: absolute; width: 100%; top: 50px; background: #fff; padding: 0px 25px 20px; z-index: 10;}
.store_pop .stor_info_ar > span{padding: 5px; font-size: 12px; color: #ea5703; border: 1px solid #ea5703; border-radius: 4px; margin-bottom: 5px; display: inline-block; font-weight: 500;}
.store_pop .stor_info_ar > h3{font-size: 18px; color: #222; padding-bottom: 10px; }
.store_pop .stor_info_ar > p{font-size: 13px; color: #a7a7a7; padding-left: 25px; background: url(../images/icon_i.png) left top no-repeat; background-size: 20px; height: 45px;}
.store_pop .stor_info_ar .address{padding: 15px 0; border-top: 1px solid #dedede}
.store_pop .stor_info_ar > a.phone{display: inline-block; padding: 10px 20px 10px 35px; border: 1px solid #dedede; background: url(../images/icon_phone.png) 15px no-repeat; background-size: 15px; border-radius: 5px;}

.store_pop .store_map_ar{height: 100%; width: 100%; padding-top: 193px; box-sizing: border-box; background: #ededed;}
.store_pop .store_map_ar .map_box{height: 100%; width: 100%; overflow: hidden; text-align: center;}

    .store_pop .view_content {
        padding-top: 193px;
        height: 100%;
        width: 100%;
        padding-bottom: 10px;
        overflow: auto;
        font-size: 14px;
        line-height: 1.5;
    }
.store_pop .view_content .map_box {
    height: 40%;
    width: 100%;
    overflow: auto;
    text-align: center;
}

.store_pop .view_content > img {
    width: 100%;
}

.store_pop .bottombox {
    height: 20px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}


/* 모달 윈도우가 팝업되는 코어 소스 */
input#store_modal[type=checkbox]:checked ~ .store_modal {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}


.toggle_ar{width: 100%; padding: 15px 25px; display: table;}
.toggle_ar.top{border-bottom: 1px solid #dbdbdb;}
.toggle_ar .service{width: calc(100% - 60px); padding-right: 20px; display: table-cell}
.toggle_ar .service > p{font-size: 12px; padding-top: 5px; color: #555555;}
.toggle_ar .service > a{font-size: 12px; color: #999999; text-decoration: underline; padding-top: 10px;}
.toggle_ar .toggle_box{width: 60px; display: table-cell; vertical-align: middle;}
/* The switch - the box around the slider */
.switch {position: relative;display: inline-block; width: 60px; height: 34px; vertical-align:middle;}
 
/* Hide default HTML checkbox */
.switch input {display:none;}
 
/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s;  transition: .4s; border:3px solid #eaeaea;}
.slider:before { position: absolute;  content: "";  height: 27px;  width: 27px;  left: 0px;  bottom: 1px;  background-color: white;  -webkit-transition: .4s;  transition: .4s; box-shadow: 2px 2px #e9e9e9; }
 
input:checked + .slider { background-color: #3A466A;  border:3px solid #3A466A;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); box-shadow:none;}
 
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}


.secession_area{padding-top: 50px;}
.secession_area > h3{padding: 25px 25px 0; font-size: 16px;}
.secession_area > p{padding: 10px 25px 0 35px; font-size: 14px; color: #555555;}
.secession_area > p.list_hyphen{padding: 10px 25px 0px 35px; font-size: 12px; color: #555555;}
.secession_area .Status_inner{padding: 25px 25px 0;}
.secession_area .Status_inner > h4{font-size: 14px; font-weight: bold;}
.secession_area .Status_inner > h4 > em{color: #ea5703;}
.secession_area .Status_inner > ul{margin-top:10px; border-top:2px solid #222222;}
.secession_area .Status_inner > ul > li{width: 100%; display: table; padding: 15px 0 ; border-bottom: 1px solid #bcbcbc;}
.secession_area .Status_inner > ul > li .left_helf{width: 50%; display: table-cell; padding-left: 10px}
.secession_area .Status_inner > ul > li .right_helf{width: 50%; display: table-cell; text-align: right;}

.sub_menu{width: 100%; background: #f9f9f9; padding-top: 100px;}
.sub_menu ul {width: 100%; border-top:1px solid #dbdbdb;}
.sub_menu ul > li{width:33.3%; display: inline-block; text-align: center;  border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; margin-left: -3px; vertical-align: top; height: 50px; }
.sub_menu ul > li:first-child{width: 33.4%; margin-left: 0; border-left:none;}
.sub_menu ul > li:nth-child(4){width: 33.4%; margin-left: 0; border-left:none;}
.sub_menu ul > li:nth-child(7){width: 33.4%; margin-left: 0; border-left:none;}
.sub_menu ul > li > a{line-height: 49px; width: 100%; display: block; color: #999999; }
.sub_menu ul > li.on > a{color: #ea5703; background: #fff;  }

.menu_list{padding-top: 10px; background: #ededed;}
.menu_list > ul{padding: 13px; background: #fff; width: 100%;}
.menu_list > ul > li{ width: calc(50% - 28px); display: inline-block; background: #fff;  margin: 13px; vertical-align: top;}
.menu_list > ul > li .p_img{ background: #f9f9f9;border: 1px solid #ededed;}
.menu_list > ul > li .p_img > img{width: 100%;}
.menu_list > ul > li .p_img > span{width: 20px; height: 20px; line-height: 19.5px; display: inline-block; position: absolute; background:#3A466A; font-size: 12px; color: #FFF; margin-left: -8px; margin-top: -8px;  border-radius: 10px; text-align: center;}
.menu_list > ul > li > p{text-align: center; font-size: 14px; padding-top: 5px;}




/* menu_modal (background) */
.menu_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff;  visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.menu_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.menu_modal .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top: 0px; }
.menu_modal .top_hd{position: fixed; height: 50px; background: #fff; top:0; width: 100%;}
.menu_modal .top_hd .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; }


/* 모달 윈도우가 팝업되는 코어 소스 */
input#menu_modal[type=checkbox]:checked ~ .menu_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.menu_pop{padding-top: 50px; text-align: center; background: #f9f9f9; height: 100%; overflow-y: auto;}
.menu_pop .top_info{background: #FFF; text-align: center; padding-top: 20px;}
.menu_pop .top_info > span{display: inline-block; height: 20px; width: 20px; font-size: 12px; line-height: 18px; background: #ea5703; color: #fff; vertical-align: middle; border-radius: 5px;}
.menu_pop .top_info > h4{font-size: 16px; padding-top: 15px; display: inline-block;}
.menu_pop .top_info .ps_img{padding: 25px; border-bottom: 1px solid #ededed;}
.menu_pop .top_info .ps_img > img{width: 100%;}
.menu_pop .sub_info{margin-top: 10px; background: #fff; border-top: 1px solid #ededed;  border-bottom: 1px solid #ededed;}
.menu_pop .sub_info > h3{font-size: 16px; font-weight: bold; height: 50px; line-height: 48px; text-align: left; padding: 0 25px;  border-bottom: 1px solid #ededed;}
.menu_pop .sub_info .box_text{font-size: 14px; padding: 25px; text-align: left; line-height: 1.5;}
.menu_pop .sub_info .box_text > ul > li{width: 100%; display: table; padding: 0 0 10px ;}
.menu_pop .sub_info .box_text > ul > li .left_helf{width: 30%; display: table-cell; padding-left: 10px; background: url(../images/icon_dot_g.png) left no-repeat; background-size: 5px;}
.menu_pop .sub_info .box_text > ul > li .right_helf{width: 70%; display: table-cell; text-align: right;}


p.none_list{color: #999999; text-align: center; padding: 50px 0;}
button.refresh{width: 18px; height: 18px; background: url("../images/refresh.png") no-repeat; background-size: 18px; text-indent: -999999px;}
button.refresh.abs{position: absolute; margin: 6px 10px }
.btn_box2{padding: 0 0px;}
.btn_box2 .btn_line{ height: 40px; width: 100%; border-radius: 5px; border: 1px solid #dbdbdb; font-size: 14px; color: #555555;}


#accordion-container3 {font-size: 13px; background: #f9f9f9; border:0;	width: 100%;}
#accordion-container3 .accordion-header {font-size: 16px;	background: #f9f9f9;   margin: 0px 0 0 0;	padding: 0px 25px;	text-align: left; cursor: pointer;color: #222;}

#accordion-container3 .accordion-header .cate_box{padding: 5px; display: inline-block; border: 1px solid #dbdbdb; border-radius: 5px; color: #999999; font-size: 12px;}
#accordion-container3 .accordion-header{font-size: 14px; margin-top:0px; padding-right: 25px;}
#accordion-container3 .active-header > span {background: url("../images/icon_up2.png" );	background-repeat: no-repeat;	background-position: 95px 18px;	background-size: 10px; display: block; height: 40px; line-height: 40px;}
#accordion-container3 .inactive-header > span{background: url("../images/icon_down2.png"); background-repeat: no-repeat;	background-position: 95px 18px;	background-size: 10px; display: block; height: 40px; line-height: 40px;}
#accordion-container3 .accordion-content {display: none; padding: 0px 25px 15px;	background: #f9f9f9; font-size: 14px; color: #a7a7a7;}

.howtouse{padding-top: 50px; height: 100%; background: #383434;}
.howtouse > h3{ font-size: 18px; padding:10px 25px 20px;  background: #fff;}
.howtouse .swiper-container{width: 100%;}
.howtouse .swiper-container .swiper-wrapper{width: 100%;}
.howtouse .swiper-container .swiper-wrapper .swiper-slide{width: 100%; padding-top: 35px; background: #fff;}
.howtouse .swiper-container .swiper-wrapper .swiper-slide > img{width: 100%;}
.howtouse .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:0px;bottom:auto;left: 0px;	width: 100%;text-align: center; }
.howtouse .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000000;	opacity: 0.1}
.howtouse .swiper-pagination-bullet-active {opacity: 1;	background: #000}
.howtouse .img_box{width: 100%;}
.howtouse .img_box > img {width: 100%;}

.howtouse_modal_01, .howtouse_modal_02, .howtouse_modal_03, .howtouse_modal_04 {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.howtouse_modal_01:hover, .howtouse_modal_02:hover, .howtouse_modal_03:hover, .howtouse_modal_04:hover { opacity: 1;  filter: alpha(opacity=100);}
.howtouse_modal_01 .closer, .howtouse_modal_02 .closer, .howtouse_modal_03 .closer, .howtouse_modal_04 .closer{width: 24px; height: 24px; text-indent: -999999px; background: url(../images/icon_close.png) no-repeat; background-size: 24px; position: absolute; right: 20px; top: 13px; }
.howtouse_modal_01 .top_hd, .howtouse_modal_02 .top_hd, .howtouse_modal_03 .top_hd, .howtouse_modal_04 .top_hd{position: fixed; height: 50px; background: #fff; top:0; width: 100%;}
.howtouse_modal_01 .top_hd .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; }
/* 모달 윈도우가 팝업되는 코어 소스 */
input#howtouse_modal_01[type=checkbox]:checked ~ .howtouse_modal_01, input#howtouse_modal_02[type=checkbox]:checked ~ .howtouse_modal_02, input#howtouse_modal_03[type=checkbox]:checked ~ .howtouse_modal_03, input#howtouse_modal_04[type=checkbox]:checked ~ .howtouse_modal_04 {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top:13px}

.n_error{position: absolute; top:50%; padding: 0 25px; width: 100%; margin-top: -140px; text-align: center;}
.n_error > h4{padding-top: 80px; background: url("../images/icon_network.png") center top no-repeat; background-size: 60px; text-align: center; width: 100%;font-weight: 700; font-size: 15px; color: #222;}
.n_error > h3{padding-top: 45px; background: url("../images/logo.png") center top no-repeat; background-size: 40%; text-align: center; width: 100%;font-weight: 700; font-size: 17px; color: #222;}
.n_error > p{font-size: 12px; color: #222; text-align:center; padding-top: 15px;}
.n_error > button{margin-top: 20px; padding: 10px 30px; border: 1px solid #ededed; border-radius: 5px;}

/* coupon_modal (background) */
.coupon_modal {position:fixed; display:block; width:100%; height:100%; top:0; left:0;background:#fff; overflow:hidden; visibility: collapse; opacity:1; filter: alpha(opacity=100); -webkit-transition: all .2s ease; transition: all .2s ease;  -webkit-transform: scale(1, 1);  -ms-transform: scale(1, 1);  transform: scale(1, 1);	z-index: 10000;}
.coupon_modal:hover { opacity: 1;  filter: alpha(opacity=100);}
.coupon_modal .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; position: absolute; right: 20px; top: 0px; }
.coupon_modal .top_hd{position: fixed; height: 50px; background: #fff; top:0; width: 100%;}
.coupon_modal .top_hd .closer{width:37px; height: 37px; text-indent: -999999px; background:url(../images/icon_close.png) right bottom no-repeat; background-size: 24px; }
.coupon_pop{ padding: 50px 25px;}
.coupon_pop > h4{font-size: 14px; font-weight: bold; padding-top: 25px;}
.coupon_pop > h3{font-size: 16px; font-weight: bold; padding: 0px 0 20px; border-bottom: 1px solid #ededed}
.coupon_pop .coupon_box{padding: 30px 25px; background: #f0f0f0; margin-top: 20px; text-align: center;}
.coupon_pop .coupon_box > p{font-size: 14px; font-weight: bold;}
.coupon_pop .use_info{padding: 25px 0 0 0px; }
.coupon_pop .use_info > h5{padding-left: 20px; background: url("../images/icon_info.png") left 3px no-repeat; background-size: 15px; font-size: 14px; margin-bottom: 10px;}
.coupon_pop .use_info > p{font-size: 12px; padding-left: 8px; text-indent: -8px; color: #a7a7a7; margin-top: 5px;}


.insc{width: 100%; overflow-x: scroll; height: 50px; background: #fff; }
.insc ul {white-space: nowrap;background: #fff; padding-left: 15px;}
.insc ul li{padding: 0 20px; display: inline-block; text-align: center; font-size: 16px; background: #fff; /* Center slide text vertically */  -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; height: 50px;}
.insc > ul > li > a{font-size: 16px; color:#333333; display: inline-block; height: 50px; line-height: 46px}
.insc > ul > li.active > a{border-bottom:2px solid #ea5703; color: #ea5703;}

/* 모달 윈도우가 팝업되는 코어 소스 */
input#coupon_modal[type=checkbox]:checked ~ .coupon_modal {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}


/*이벤트 버튼 추가 */
.drawer-menu .lnb_menu > ul > a{display: inline-block; position: absolute; width:30%; z-index: 400; right: 0; top:189px; }


/* roulette */
.roulette{padding:0px 0; font-size: 14px;}
.roulette > section {position: absolute; width: 100%; top: 0; text-align: center;}
.roulette > section > img{width: 52%;}
.roulette .img_info{text-align: center;}
.roulette .text {text-align: center; font-size: 1.1rem; color: #fff; }
.roulette .text > span{display: inline-block; width: 50px; height: 50px; line-height: 48px; color: #000; background: #fff; border-radius: 25px; font-size: 2.2rem; font-weight: bolder; margin-left: 8px; vertical-align: middle}
.roulette  > section .start{display:block; width:100%; outline:none; position: absolute; text-align: center; z-index:40; top:31.5%}
.roulette  > section .start > img{width: 23%; }
.roulette  > section .inner{padding: 0;}
.roulette  > section .inner .roul-wrap{position:relative;margin-top:20px;padding:0 0 100px;  }
.roulette  > section .inner .roul-wrap .pin{position:absolute;top:5px; z-index:40;width:100%; text-align: center;}
.roulette  > section .inner .roul-wrap .pin > img{width: 10%;}

.roulette  > section .inner .roul-img{width:88%;margin:0 auto; padding-top: 7%;}
.roulette  > section .inner .roul-img #roulette_base{position:relative; z-index:1}
.roulette  > section .inner .roul-img ul{position:absolute; left:-9999em; top:-9999em;}

.lose > div > p{line-height:1.2;}
.lose > div > p:first-child{margin-top:-30px;line-height:1.2}
.lose > div > p strong{display:block;padding:80px 0 100px;font-size:160px;color:#af1d00}

.roulette .event_notice {width: 90%; padding:5% 0 5%; background: #fff; color: #333; margin: 0 auto; border-top:2px solid #000;} /*191004 추가*/
.roulette .event_notice h4 {font-size: 1rem; font-weight: bold; margin-bottom: 5%;} /*191004 추가*/
.roulette .event_notice .g_box{background: #f9f9f9; padding: 5%;}
.roulette .event_notice .g_box p {text-indent: -8px;padding-left: 8px;color: #999; font-size: 0.8rem; padding-top: 10px;} /*191004 추가*/
.roulette .event_notice .g_box p:first-child{padding-top: 0;}
.roulette .event_info_store {width: 90%; padding: 5% 0 5%; margin: 0 auto; background: #fff; color: #333; border-top:2px solid #000;} /*191004 추가*/
.roulette .event_info_store a {font-size: 16px; width: 100%; font-weight: bold;color: #333; display: inline-block; padding-right: 30px; background: url(../images/roulette/icon_open.png) right 50% no-repeat; background-size: 20px;} /*191004 추가*/
.roulette .event_info_store .on {background: url(../images/roulette/icon_close.png) right 50% no-repeat; background-size: 20px;}
.roulette .event_info_store p {color: #999; display: none; padding-top: 30px; font-size: 14px; background: #f9f9f9; padding: 5%; margin-top: 5%; } /*191004 추가*/
.roulette .event_info_store p > span{display: block; padding-top: 5px; font-weight: 700;}

.roulette .my_report{width: 90%; padding: 5% 0 10%; margin: 0 auto; border-top:2px solid #000;}
.roulette .my_report > h4{font-size: 1rem; font-weight: bold; margin-bottom: 8%;}
.roulette .my_report > ul{width: 100%;}
.roulette .my_report > ul > li{width: 100%; display: table; padding-bottom: 15px;}
.roulette .my_report > ul > li > p{font-size: 1rem; color: #999999; display: table-cell}
.roulette .my_report > ul > li > span{font-size: 1rem; color: #252525; display: table-cell}
.roulette .my_report > ul > li > em{font-size: 0.8rem; color: #999999; display: table-cell; text-align: right; width: 80px;}
.roulette .my_report .paging2{text-align: center; margin-top: 20px;}
.roulette .my_report .paging2 .prev{ background: url("../images/icon_prev_on.png") left 2px no-repeat; background-size:  10px; width: 10px;   text-indent: -9999999px; margin-right: 20px;}
.roulette .my_report .paging2 .prev:disabled{background: url("../images/icon_prev.png") no-repeat;  background-size:  10px;  }
.roulette .my_report .paging2 .next{ background: url("../images/icon_next_on.png") right 2px  no-repeat;  background-size:  10px; width: 10px;    text-indent: -9999999px; margin-left: 20px;}
.roulette .my_report .paging2 .next:disabled{background: url("../images/icon_next.png") no-repeat; background-size:  10px; }
.roulette .my_report .paging2 .left_c{display: inline-block; font-size: 1rem; color: #252525; vertical-align: middle;  vertical-align: top; line-height: 1.3 }
.roulette .my_report .paging2 .right_c{display: inline-block; font-size: 1rem; color: #252525; vertical-align: middle;  vertical-align: top; line-height: 1.3}
.roulette .my_report .paging2 .center_bar{display: inline-block; padding: 0 8px; height: 20px; background: url("../images/roulette/bar.jpg")  center 3px no-repeat; background-size: 2px 20px; vertical-align: middle}


/* 룰렛이벤트 개인정보동의 */
.event_terms{width: 100%;}
.event_terms .event_terms_header{width: 100%; background: #fff; height: 60px; border-bottom: 1px solid  rgba(20,20,20,0.10)  }
.event_terms .event_terms_header > h4{font-size: 18px; text-align: center; line-height: 58px;}
.event_terms .event_terms_content{padding: 25px 25px;}
.event_terms .event_terms_content .terms_section{padding-top: 15px;}
.event_terms .event_terms_content .terms_section .num{ padding-left: 15px; text-indent: -15px;}
.event_terms .event_terms_content .terms_section .dash{padding-top: 6px; padding-left: 8px; text-indent: -8px}
.event_terms .event_terms_btn{width: 100%; display: table; position: fixed; bottom: 0;}
.event_terms .event_terms_btn > span{width: 50%; display: table-cell;}
.event_terms .event_terms_btn > span .btn_gray{ height: 50px; color: #7b7b7b; font-size: 14px; text-align: center; background: #e8e8e8; width: 100%;}
.event_terms .event_terms_btn > span .btn_on{ height: 50px; color: #fff; font-size: 14px; text-align: center; background: #872534; width: 100%;}

/* BeneFIT 쿠폰 수정 20190830*/
.coupon_list2{padding: 20px 25px; background: #FFF; }
.coupon_list2 > h3{font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #222;}
.coupon_list2 > h3 > em{font-size: 18px; color: #ea5703;}
.coupon_list2 > ul{width: 100%; background: #FFF;}
.coupon_list2 > ul > li{border-bottom: 1px solid #dbdbdb; padding: 0px 15px 0px 15px; vertical-align: middle;}
.coupon_list2 > ul > li:first-child{border-top: 1px solid #dbdbdb;}
.coupon_list2 > ul > li.down .coupon_inner{background: none;}
.coupon_list2 > ul > li.down .coupon_inner .alarm{text-align: right;}
.coupon_list2 > ul > li.none_coupon .coupon_inner{background: none;}
.coupon_list2 > ul > li .coupon_inner{width: 100%; background: url(../images/icon_next.png) right no-repeat; vertical-align: middle; background-size:8px; display: table; height: 80px;}
.coupon_list2 > ul > li .coupon_inner .coupon_name{display: table-cell; vertical-align: middle;  padding-right: 20px;}
.coupon_list2 > ul > li .coupon_inner .coupon_name > h3{font-size: 14px; }
.coupon_list2 > ul > li .coupon_inner .coupon_name .date{font-size: 13px; color: #999;}
.coupon_list2 > ul > li .coupon_inner .coupon_name .none{font-size: 13px; color: #ea5703;}
.coupon_list2 > ul > li .coupon_inner .alarm{ display: table-cell; width: 75px; padding-right: 15px; vertical-align: middle;}
.coupon_list2 > ul > li .coupon_inner .alarm > span{display: inline-block; padding:0px 8px; font-size: 11px; color: #fff; background: #ea5703; border-radius: 15px; height: 25px; line-height: 23px; }
.coupon_list2 > ul > li .coupon_inner .alarm > a{display: inline-block; padding:0px 8px; font-size: 11px; color: #fff; background: url("../images/icon_downf.png") center no-repeat; background-size:20px;  border-radius: 5px; border:1px solid #bfbfbf; width: 40px; height: 40px; text-indent: -999999px; }

@media (max-width:640px) {
}

@media (max-width:320px){
    /* roulette */
	.roulette{padding:0px 0; font-size: 8px;}
.menu_list > ul > li > p{text-align: center; font-size: 12px;}
.font12{font-size: 12px;}
.join_area > h3{font-size: 15px; color: #222; font-weight: normal; }
.join_area > em{position: absolute; right: 25px; font-size: 11px; color:#999999; padding-left: 10px; background: url(../images/icon_star.png) left 6px no-repeat; background-size: 5px; margin-top:4px;}
.join_area .gray_box > p > br{display: block;}
.join_area .img_ar{width: 70%; margin: 1% auto 5%;}
.join_area  .mileage_info{padding: 11% 0;}
.join_area  .mileage_info > p{padding-left: 7px; text-indent: -7px; padding-bottom: 5px; color: #a7a7a7; font-size: 12px;}
.quiesxency .gray_box{padding: 20px 6px; background: #f9f9f9;  margin-top: 15px; font-size: 12px; color:#a7a7a7; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area{width: 50%; display: table-cell; padding: 20px 10px 20px 10px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area > div .m_count{font-size: 12px; color: #999999;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area > div .m_text{font-size: 11px; color: #ea5703;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .ex_log_in .left_box .user_cash  > strong {font-size: 20px; font-weight: 700;}
.charge_cash .sum > button{width: calc(25% - 3px); display: inline-block; padding: 10px 5px; text-align: right; background: #e6e6e6 url(../images/icon_sum.png) 6px 15px no-repeat; vertical-align: middle; background-size: 10px; margin-left: 1px}
.charge_cash .sum > button:active{background: #3d3d3d url(../images/icon_sum_on.png) 5px 14px no-repeat; background-size: 12px; color: #fff;}
#accordion-container2 .accordion-content .date_ar .start_date > input{padding: 20px 0 0; border: none; background: none; height: 40px; font-size: 12px; margin: 10px 0; }
#accordion-container2 .accordion-content .date_ar .end_date > input{padding: 20px 0 0; border: none; background: none; height: 40px; font-size: 12px; margin: 10px 0;}
.p_list > ul > li .il_table .infotext .cash_ad{display: inline-block; font-size: 14px; position: relative; right: 0; text-align: right; margin-top: 0;}
.p_list > ul > li .il_table .infotext{display: table-cell; padding: 0 0 0px 15px; vertical-align: middle}
.store_pop .stor_info_ar > h3{font-size: 16px;}
.store_pop .stor_info_ar > p{font-size: 12px;}
.store_pop .stor_info_ar .address{padding: 15px 0; border-top: 1px solid #dedede; font-size: 12px;}
.store_pop .store_map_ar{height: 100%; width: 100%; padding-top: 189px; box-sizing: border-box; background: #ededed;}
.checkbox-wrap > p{padding-right:10px; display: inline-block; width: calc(100% - 50px); font-size: 12px;}
.benefit_pop .title_area > h3{font-size: 16px; color: #222;  text-align: center;} /*190514 추가*/
.benefit_pop .title_area > h4{font-size: 12px; color: #555555; text-align: center; margin-top: 5px;} /*190514 추가*/
.checkbox_fit .fit_box .top_in{font-size: 13px;}/*190514 추가*/
.checkbox_fit .fit_box .top_in > strong{font-size: 11px; font-weight: bold}/*190514 추가*/
.checkbox_fit .fit_box > h2{font-size: 18px; font-weight: bold; color: #ea5703;}/*190514 추가*/
.checkbox_fit .fit_box .bt_in{font-size: 12px; color: #777777; padding-top: 8px;}/*190514 추가*/
.benefit_pop{padding: 50px 25px 0; height: 100%; overflow-y: auto;}/*190514 추가*/
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_benemug{padding-left: 45px; background: url(../images/icon_stamp.png) left top no-repeat; background-size: 40px; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_coupon{padding-left: 45px; background: url(../images/icon_coupon_count.png) left 3px no-repeat; background-size: 37px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_event{padding-left: 45px; background: url(../images/icon_mevent.png) left 3px no-repeat; background-size: 37px;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_frequency{padding-left: 45px; background: url(../images/icon_freq.png) left top no-repeat; background-size: 37px; vertical-align: top;}

}

/* 스마트 오더 */
.sm_order{width: 100%; padding: 20px 25px;}
.sm_order > ul > li {width: 100%; padding: 10px 0; display: table; border-bottom: 1px solid #dedede;}
.sm_order > ul > li .stor_name{display: table-cell; vertical-align: middle;}
.sm_order > ul > li .stor_name > span{padding: 5px; font-size: 12px; color: #ea5703; border: 1px solid #ea5703; border-radius: 4px; margin-bottom: 5px; display: inline-block; font-weight: 500;}
.sm_order > ul > li .stor_name > h4{font-size: 15px; padding-bottom: 5px;}
.sm_order > ul > li .order_ar{display: table-cell; text-align: right; vertical-align: middle; padding-right: 10px; width: 130px;}
.sm_order > ul > li .order_ar .btn_order{width: 50px; display: inline-block; background: #3a476a; border-radius: 25px; height: 50px; color: #fff; font-size: 12px; text-align: center; line-height: 1.3}
.sm_order > ul > li .order_ar .btn_reservation{width: 50px; display: inline-block; background: #0094a2; border-radius: 25px; height: 50px; color: #fff;  font-size: 12px; text-align: center;margin-left: 5px; line-height: 1.3}
.sm_order > ul > li .order_ar .btn_reservation2{width: 50px; display: inline-block; background: #e7ded0; border-radius: 25px; height: 50px; color: #544a3b;  font-size: 12px; text-align: center;margin-right: 5px; line-height: 1.3}
.sm_order > ul > li .store_link{display: table-cell; width: 20px; background: url(../images/icon_lt.png) right  no-repeat; background-size: 14px; text-indent: -999999px;}
.sm_order > ul > li .store_link .store_modal{display: inline-block; }

/* 스마트 오더 메인버튼 변경 */
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_order{padding-left: 50px; background: url(../images/icon_order.png) left 3px no-repeat; background-size: 37px; vertical-align: top; display: table-cell; vertical-align: middle;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_order > p {line-height:1.2; vertical-align: middle; display: table-cell;}
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_order > p > span{width: 40px;; display: block; }
.barcoad_area .accordionjs .acc_section .acc_content .quick_area .st_cp_ar .etc_area .h_area .m_order > p > span > img{width: 70px; margin-top: 5px;}