@charset "utf-8";
/* Mobile Reset CSS */
html, body, div, header, footer, section, nav, article, aside, h1, h2, h3, h4, h5, h6, p, span, a, blockquote, dl, dt, dd, ol, ul, li, form, fieldset, legend, table, tr, th, td, textarea, input, select, button{margin:0;padding:0;line-height:1;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{-webkit-text-size-adjust:none}
ul, ol, li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;cursor:pointer;outline:none}
a{color:inherit;text-decoration:none}
em, address{font-style:normal}
iframe, fieldset, img{border:0}
textarea{resize:none}
html,
body{height:100%}
body{overflow-x:hidden;width:100%;color:#1e1e1e;font-size:16px;font-family:"NotoSansKR-Regular";letter-spacing:-.05em;background:#f1f2f3}
img{display:block;width:100%}
/* layout common class start */
#wrapper{position:relative;width:100%;min-height:100%}
.contents{position:relative;width:1200px;padding:20px 20px 60px 100px;margin:0 auto}
.ir-caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0}
.clear:after{display:block;content:"";clear:both}
.left{float:left}
.right{float:right}
.layout-change{-ms-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}
.w50{width:50px !important;}
.w77{width:77px !important;}
.w80{width:80px !important;}
.w90{width:90px}
.w100{width:100px}
.w120{width:120px}
.w130{width:130px}
.w145{width:145px}
.w150{width:150px}
.w160{width:160px}
.w165{width:165px}
.w170{width:170px}
.w180{width:180px}
.w190{width:190px}
.w195{width:195px}
.w200{width:200px}
.w230{width:230px}
.w260{width:260px}
.w290{width:290px !important;}
.w310{width:310px}
.w320{width:320px !important;}
.w330{width:330px !important;}
.w340{width:340px}
.w400{width:400px}
.w100-p{width:100% !important}
.mt0{margin-top:0px !important;}
.mt4{margin-top:4px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb20{margin-bottom:20px !important;}
.ml0{margin-left:0px !important}
.mb30{margin-bottom:30px !important;}
.ml4{margin-left:4px !important}
.ml8{margin-left:8px}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pl20{padding-left:20px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.main-content{position:relative;width:100%;padding-top:20px}
.mobile-show{display:none}
.hide{display:none}
.inline-input{display: inline-block !important;}
.t-c{text-align: center !important;}
.t-r{text-align: right !important;}
.t-l{text-align: left !important;}
@media screen and (max-width:1199px) {
.contents{width:100%}
}
@media screen and (max-width:1023px) {
.contents{padding-left:20px}
.main-content{padding-top:30px}
}
@media screen and (max-width:939px) {
.mobile-hide{display:none !important}
.mobile-show{display:block}
.w130{width:100%}
.w145{width:100%}
.w150{width:100%}
.w195{width:100%}
.w260{width:100%}
.w310{width:100%}
}
/* //layout common class end */
/* text common class start */
.color-bk{color:#1e1e1e !important;}
.color-dgr{color:#999 !important;}
.color-gr{color:#ccc !important;}
.color-lgr{color:#e0e0e0 !important;}
.color-wt{color:#fff !important;}
.color-yw{color:#ffdc00 !important;}
.color-rd{color:#e94b4b !important;}
.color-bl{color:#3186ff !important;}
.color-pk{color:#fde1e1 !important;}
.color-sky{color:#cee2ff !important;}
.color-ivr{color:#fff7c8 !important;}
.color-grn{color: #099D0F !important;}
.f-xs{font-size:12px}
.f-s{font-size:14px}
.f-m{font-size:16px}
.f-l{font-size:18px}
.f-ttl{font-size:28px}
.f-hd{font-size:36px}
.ff-l{font-family:"NotoSansKR-Light";font-weight:300}
.ff-r{font-family:"NotoSansKR-Regular";font-weight:400}
.ff-m{font-family:"NotoSansKR-Medium";font-weight:500}
.ff-b{font-family:"NotoSansKR-Bold";font-weight:700}
.t_bold{font-weight: 700 !important;}
/* //text common class end */
/* button common class start */
.btn-type-yw{display:inline-block;color:#1e1e1e;font-size:12px;border-radius:8px;border:1px solid #ffdc00;text-align:center;background-color:#ffdc00}
.btn-type-bk{display:block;color:#fff;font-size:12px;border-radius:8px;border:1px solid #1e1e1e;text-align:center;background-color:#1e1e1e}
.btn-type-wt{display:block;color:#1e1e1e;font-size:12px;border-radius:8px;border:1px solid #1e1e1e;text-align:center;background-color:#fff}
.btn-type-gr{display:block;color:#fff;font-size:12px;border-radius:8px;border:1px solid #999;text-align:center;background-color:#999}
.btn-type-lgr{display:block;color:#1e1e1e;font-size:12px;border-radius:8px;border:1px solid #e0e0e0;text-align:center;background-color:#f2f2f2}
.btn-type-wt2{display:block;color:#1e1e1e;font-size:12px;border-radius:8px;border:1px solid #e0e0e0;text-align:center;background-color:#fff}
.btn_small_yellow{font-size: 12px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.25px;text-align:center;border-radius: 6px;background: #FFDC00;padding: 4px 8px;}
@media screen and (max-width:939px) {
.btn-type-yw,
.btn-type-bk,
.btn-type-wt,
.btn-type-gr,
.btn-type-lgr,
.btn-type-wt2{border-radius:4px}
}
/* //button common class end */
/* background common class start */
.bg-full{background-repeat:no-repeat;background-size:100% auto}
.bg-cover{background-repeat:no-repeat;background-size:cover}
/* //background common class end */
/* header class start */
.header{position:fixed;z-index:100;width:100%;height:70px;padding:0 140px 0 296px;border-bottom:1px solid #e0e0e0;background:#fff}
.header:after{display:block;content:"";clear:both}
.bi{position:absolute;top:0;left:80px;z-index:10;width:216px;height:100%}
.home-link{display:block;width:100%;height:100%;text-indent:-9999px;background:url("../images/common/bi.png") no-repeat 24px 50%;background-size:182px 16px}
.header {padding-left: 245px;}
.bi {width: 116px;left: 114px;}
.home-link {background: url("../images/common/bi-golfvx.png") no-repeat 0 50%;background-size: 100% auto;}
.store-state{float:left;padding:22px 0 24px;font-size:0}
.store-name{display:inline-block;vertical-align:middle;font-family:"NotoSansKR-Bold";font-size:18px}
.store-bullet{display:inline-block;vertical-align:middle;width:60px;height:24px;margin-left:9px;border-radius:12px;font-family:"NotoSansKR-Bold";font-size:12px;line-height:24px;text-align:center}
.store-bullet-yw{background:#ffdc00}
.store-bullet-dgr{color:#fff;background:#999}
.store-bullet-gr{background:#ccc}
.store-bullet-rd{color:#fff;background:#e94b4b}
.store-point{float:right;padding:28px 0;font-size:0}
.point-txt{display:inline-block;margin-left:10px;font-family:"NotoSansKR-Medium";font-size:14px;line-height:14px}
.point-txt:first-child{margin-left:0}
.point-txt.btnAccount{background:#000;color:#fff;}
.point-txt.btnAccount a{padding:5px 12px;display:inline-block;font-size:13px;}
.point-num{display:inline-block;margin-left:8px;font-family:"NotoSansKR-Bold"}
.equipment-tabs{position:absolute;top:20px;right:24px;z-index:10;width:100px;height:30px;border:1px solid #1e1e1e;border-radius:15px;background:#fff}
.equipment-tab{display:block;position:absolute;top:-1px;right:-1px;width:60px;height:30px;padding-left:10px;border-radius:15px;color:#ccc;font-family:"NotoSansKR-Bold";font-size:14px;text-align:center;line-height:30px}
.equipment-tab:first-child{right:auto;left:-1px;padding-left:0;padding-right:10px}
.equipment-tab.active{padding-left:0;color:#fff;background:#1e1e1e}
.equipment-tab:first-child.active{padding-right:0}
.responsive-header{display:none}
.fsStore{position:absolute;top:24px;right:24px;text-indent:-9999px;background:url("../images/btn_store_off.svg") no-repeat 0 0;width:110px;height:30px;background-size:110px 30px;}
.fsStore:hover{background:url("../images/btn_store_on.svg") no-repeat 0 0;background-size:110px 30px;}
@media screen and (max-width:1023px) {
.header{padding:0;height:56px}
.bi,
.store-state,
.store-point,
.equipment-tabs{display:none}
.responsive-header{display:block}
.header-btn{display:block;position:absolute;top:0;right:0;z-index:300;width:60px;height:55px;padding:20px}
.header-btn-ico{display:inline-block;vertical-align:top;position:relative;width:100%;background:#1e1e1e}
.header-btn-ico-1{position:absolute;top:20px;left:20px;width:20px;height:2px}
.header-btn-ico-2{margin-top:6px;height:2px;opacity:1}
.header-btn-ico-3{position:absolute;top:32px;left:20px;width:20px;height:2px}
.history-back{display:block;position:absolute;top:0;left:0;z-index:300;width:60px;height:55px;text-indent:-9999px;background:url("../images/common/history-back-ico.png") no-repeat 50% 50%}
.path-ttl{padding-left:60px;font-family:"NotoSansKR-Medium";font-size:18px;font-weight:500;line-height:55px}
}
/* //header class end */
/* navigation class start */
.nav{position:fixed;top:0;left:0;z-index:150;width:80px;height:100%;background:#1e1e1e}
.alarm{display:block;position:absolute;top:0;left:0;z-index:10;width:80px;height:80px;text-indent:-9999px;background:url("../images/common/alarm-ico.png") no-repeat 50% 50%;background-size:22px 22px}
.alarm.new:after{display:block;content:"";position:absolute;top:28px;right:26px;width:4px;height:4px;border-radius:50%;background:#e94b4b}
.gnb{position:absolute;top:50%;left:0;width:100%;margin-top:-307px}
.gnb li{margin:70px 0 0 0;}
.gnb li:first-child{margin:0 0 0 0;}
.gnb-link{display:block;width:100%;position:relative;}
.gnb-link:hover .gnb-name{display:block;}
.gnb-ico{display:block;width:40px;height:40px;margin:0 auto;border-radius:12px;background-color:#353535;background-repeat:no-repeat;background-position:50% 50%;background-size:20px 20px}
.gnb-ico-1{background-image:url("../images/common/gnb-ico-1.png")}
.gnb-ico-2{background-image:url("../images/common/gnb-ico-2.png")}
.gnb-ico-3{background-image:url("../images/common/gnb-ico-3.png")}
.gnb-ico-4{background-image:url("../images/common/gnb-ico-4.png")}
.gnb-ico-5{background-image:url("../images/common/gnb-ico-5.png")}
.gnb-ico-6{background-image:url("../images/common/gnb-ico-6.png")}
.gnb-ico-7{background-image:url("../images/common/gnb-ico-7.png")}
.gnb-name{color:#222;background:#FFE400;font-family:"NotoSansKR-Medium";font-size:14px;text-align:center;display:none;position:absolute;left:73px;width:max-content;height:42px;line-height:42px;border-radius:8px;padding:0 20px;top:50%;transform:translateY(-50%);}
.gnb-name:after{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%) rotate(-45deg);width:6px;height:6px;background:#FFE400;}
.gnb-link:hover .gnb-ico{background-color:#fff}
.gnb-link:hover .gnb-ico-1{background-image:url("../images/common/gnb-ico-active-1.png");opacity:0.3;}
.gnb-link:hover .gnb-ico-2{background-image:url("../images/common/gnb-ico-active-2.png");opacity:0.3;}
.gnb-link:hover .gnb-ico-3{background-image:url("../images/common/gnb-ico-active-3.png");opacity:0.3;}
.gnb-link:hover .gnb-ico-4{background-image:url("../images/common/gnb-ico-active-4.png");opacity:0.3;}
.gnb-link:hover .gnb-ico-5{background-image:url("../images/common/gnb-ico-active-5.png");opacity:0.3;}
.gnb-link:hover .gnb-ico-6{background-image:url("../images/common/gnb-ico-active-6.png");opacity:0.3;}
.gnb-link:hover .gnb-ico-7{background-image:url("../images/common/gnb-ico-active-7.png");opacity:0.3;}
.gnb-link.active .gnb-ico{background-color:#fff}
.gnb-link.active .gnb-ico-1{background-image:url("../images/common/gnb-ico-active-1.png")}
.gnb-link.active .gnb-ico-2{background-image:url("../images/common/gnb-ico-active-2.png")}
.gnb-link.active .gnb-ico-3{background-image:url("../images/common/gnb-ico-active-3.png")}
.gnb-link.active .gnb-ico-4{background-image:url("../images/common/gnb-ico-active-4.png")}
.gnb-link.active .gnb-ico-5{background-image:url("../images/common/gnb-ico-active-5.png")}
.gnb-link.active .gnb-ico-6{background-image:url("../images/common/gnb-ico-active-6.png")}
.gnb-link.active .gnb-ico-7{background-image:url("../images/common/gnb-ico-active-7.png")}
.gnb-link.active:hover .gnb-ico{opacity:1;}
.gnb-link.active .gnb-name{color:#222}
.logout{display:block;position:absolute;bottom:0;left:0;z-index:10;width:80px;height:80px;text-indent:-9999px;background:url("../images/common/logout-ico.png") no-repeat 50% 50%;background-size:22px 23px}
.lnb{position:relative;width:100%;padding:78px 0 0 80px;font-size:0;text-align:center}
.lnb > li{display:inline-block;vertical-align:top;margin-left:30px}
.lnb > li:first-child{margin-left:0}
.lnb-link{display:block;position:relative;width:100%;padding:12px 0;color:#999;font-family:"NotoSansKR-Medium";font-size:16px}
.lnb-link.active{color:#1e1e1e;font-family:"NotoSansKR-Bold"}
.lnb-link.active:after{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1e1e1e}
@media screen and (max-width:1023px) {
.nav{display:none}
.lnb{padding-left:0}
}
@media screen and (max-width:939px) {
.lnb-wrap{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}
.lnb-wrap::-webkit-scrollbar{display:none}
.lnb{overflow-x:auto;width:100%;padding:60px 20px 5px;-ms-overflow-style:none;scrollbar-width:none}
.lnb::-webkit-scrollbar{display:none}
.lnb > li{display:inline-block;vertical-align:top;position:relative;margin-left:20px}
.lnb-link{width:auto;padding:8px 0;color:#999;font-size:14px}
.lnb-link.active:after{height:1px}
}
/* //navigation class end */
/* responsive menu start */
.responsive-menu-wrap{overflow-y:scroll;position:fixed;top:0;right:-300px;z-index:500;width:300px;height:100%;background:#fff;-ms-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}
.responsive-menu-wrap.active{right:0}
.responsive-menu-container{overflow:hidden;min-height:100%;padding-bottom:20px}
.responsive-menu-header{position:relative;width:100%;height:62px}
.responsive-alarm{display:block;position:absolute;top:0;left:0;width:62px;height:62px;text-indent:-9999px;background:url("../images/common/responsive-alarm-ico.png") no-repeat 50% 50%;background-size:22px 22px}
.responsive-alarm.new:after{display:block;content:"";position:absolute;top:19px;right:17px;width:4px;height:4px;border-radius:50%;background:#e94b4b}
.responsive-menu-close{display:block;position:absolute;top:0;right:0;width:62px;height:62px;text-indent:-9999px;background:url("../images/common/responsive-menu-close.png") no-repeat 50% 50%;background-size:24px 24px}
.responsive-store-state{position:relative}
.responsive-store-bullet{display:block;vertical-align:middle;width:60px;height:24px;margin:0 auto;border-radius:12px;font-family:"NotoSansKR-Bold";font-size:12px;line-height:24px;text-align:center}
.responsive-store-bullet-yw{background:#ffdc00}
.responsive-store-bullet-dgr{color:#fff;background:#999}
.responsive-store-bullet-gr{background:#ccc}
.responsive-store-bullet-rd{color:#fff;background:#e94b4b}
.responsive-bi{width:200px;height:18px;margin:16px auto 0;text-indent:-9999px;background:url("../images/common/responsive-bi.png") no-repeat;background-size:100% auto}
.responsive-bi {width: 116px;height: auto;background: url("../images/common/bi-golfvx.png") no-repeat;background-size: 100% auto;}
.responsive-store-name{padding-top:10px;font-family:"NotoSansKR-Medium";font-size:16px;text-align:center}
.responsive-equipment-tabs{position:relative;width:100px;height:30px;margin:24px auto 0;border:1px solid #1e1e1e;border-radius:15px;background:#fff}
.responsive-equipment-tab{display:block;position:absolute;top:-1px;right:-1px;width:60px;height:30px;padding-left:10px;border-radius:15px;color:#ccc;font-family:"NotoSansKR-Bold";font-size:14px;text-align:center;line-height:30px}
.responsive-equipment-tab:first-child{right:auto;left:-1px;padding-left:0;padding-right:10px}
.responsive-equipment-tab.active{padding-left:0;color:#fff;background:#1e1e1e}
.responsive-equipment-tab:first-child.active{padding-right:0}
.responsive-store-point{margin-top:32px;font-size:0;text-align:center}
.responsive-point-area{position:relative;display:inline-block;vertical-align:top;width:50%}
.responsive-point-area:before{display:block;content:"";position:absolute;top:3px;left:0;width:1px;height:32px;background:#e0e0e0}
.responsive-point-area:first-child:before{display:none}
.responsive-point-txt{color:#999;font-family:"NotoSansKR-Medium";font-size:14px}
.responsive-point-num{display:block;padding-top:8px;font-family:"NotoSansKR-Bold";font-size:16px}
.responsive-gnb{position:relative;padding:40px 20px}
.responsive-gnb > li{margin-top:20px}
.responsive-gnb > li:first-child{margin-top:0}
.responsive-gnb-link{display:block;width:100%;padding:10px 0;font-family:"NotoSansKR-Bold";font-size:16px;border-bottom:1px solid #e0e0e0}
.responsive-lnb{padding:10px 0}
.responsive-lnb:after{display:block;content:"";clear:both}
.responsive-lnb > li{float:left;width:50%}
.responsive-lnb-link{display:block;width:100%;padding:10px 0;font-size:16px}
.responsive-logout{position:relative;width:100%;padding:0 20px}
.responsive-logout > a{display:block;width:100%;height:48px;border-radius:8px;color:#fff;font-size:16px;text-align:center;line-height:48px;background:#999}
/* //responsive menu end */
/* fixed button start */
.fixed-btns{position:fixed;bottom:42px;right:50px;z-index:200}
.fixed-top-btn{display:block;width:60px;height:60px;border-radius:50%;border:1px solid #e0e0e0;text-indent:-9999px;background:#fff url("../images/common/fixed-top-ico.png") no-repeat 50% 50%;background-size:14px 26px;box-shadow:0 2px 20px -8px rgba(0, 0, 0, .5)}
.fixed-refresh-btn{overflow:visible;display:block;position:relative;width:60px;height:60px;margin-top:16px;border-radius:50%;border:1px solid #1e1e1e;text-indent:-9999px;background:#1e1e1e url("../images/common/fixed-refresh-ico.png") no-repeat 50% 50%;background-size:24px 22px;box-shadow:0 2px 20px -8px rgba(0, 0, 0, .5)}
.refresh-info-txt{display:inline-block;position:absolute;bottom:15px;right:72px;padding:8px 20px;border:1px solid #e0e0e0;border-radius:15px;font-family:"NotoSansKR-Medium";font-size:12px;text-align:right;white-space:nowrap;background:#fff}
.refresh-info-txt:after{display:block;content:"";position:absolute;top:50%;right:-8px;width:12px;height:13px;margin-top:-7px;text-indent:-9999px;background:url("../images/common/right-arrow-ico.png") no-repeat;background-size:100% auto}
@media screen and (max-width:939px) {
.fixed-btns{bottom:20px;right:20px}
.fixed-top-btn{width:40px;height:40px;background-size:7px 13px}
.fixed-refresh-btn{width:40px;height:40px;margin-top:8px;background-size:12px 11px}
.refresh-info-txt{display:none}
.refresh-info-txt:after{display:none}
}
/* fixed button end */
/* form common class start */
.selectric-w-auto{width:auto}
.selectric-w100-p{width:100%}
.selectric-w65{width:65px}
.selectric-w100{width:100px}
.selectric-w110{width:110px}
.selectric-w120{width:120px}
.selectric-w130{width:130px}
.selectric-w140{width:140px}
.selectric-w150{width:150px}
.selectric-w160{width:160px}
.selectric-w170{width:170px}
.selectric-w200{width:200px}
.selectric-w405{width:405px}
.input-wrap{position:relative;font-size:0}
.input-wrap .input-sel-box{display:inline-block;vertical-align:top;font-size:0;margin-left:10px}
.input-wrap .input-sel-box:first-child{margin-left:0}
.input-wrap .input-sel-box.ml-none{margin-left:0}
.input-wrap .input-sel-box .selectric-wrapper{display:inline-block;vertical-align:top}
.input-wrap .input-sel-box .selectric-wrapper:first-child{margin-left:0}
.input-wrap .date-input-box{display:inline-block;vertical-align:top;position:relative}
.input-wrap .date-input-box.nextDay{line-height:40px;margin:0 4px 0 0;}
.input-wrap .date-input-box.nextDay input{vertical-align:middle;margin:-12px 4px 0 0;}
.input-wrap .date-input-box.nextDay label{font-size:14px;}
.input-wrap .date-span{display:inline-block;vertical-align:top;width:18px;font-family:"NotoSansKR-Medium";font-size:14px;text-align:center;line-height:40px}
.input-box{position:relative}
.input-wrap .input-box{display:inline-block;vertical-align:top}
.input-txt,
.input-pw{display:block;position:relative;height:40px;padding:0 12px;border:1px solid #e0e0e0;border-radius:8px;color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:14px;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;}
.input-txt.value{padding:0;border:0;border-radius:0}
.input-txt::-ms-clear{display:none}
.input-txt::-webkit-input-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt::-moz-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt:-ms-input-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt:-moz-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt::placehoder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-pw::-ms-clear{display:none}
.input-pw::-webkit-input-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-pw::-moz-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-pw:-ms-input-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-pw:-moz-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-pw::placehoder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-num{display:inline-block;vertical-align:middle;border:0;padding:0 16px;color:#1e1e1e;font-family:"NotoSansKR-Bold";font-size:18px;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}
.input-num::-webkit-outer-spin-button,
.input-num::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.input-txt.error,
.input-num.error{border:1px solid #e94b4b}
.input-sch{padding-right:40px;background:#fff}
.sch-ico{display:block;position:absolute;top:0;right:0;z-index:10;width:40px;height:40px;text-indent:-9999px;background:url("../images/common/sch-ico.png") no-repeat 50% 50%;background-size:20px 20px}
.input-wrap .input-txt,
.input-wrap .input-pw{display:inline-block;vertical-align:top}
.input-txt-area{overflow-y:auto;position:relative;width:100%;min-height:150px;-moz-appearance:none;-webkit-appearance:none;appearance:none;padding:12px;border:1px solid #e0e0e0;border-radius:8px;color:#1e1e1e;font-family:"NotoSansKR-Medium";font-size:14px;line-height:20px;outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;zoom:1;resize:none;box-shadow:0;background:#fff}
.input-txt-area::-ms-clear{display:none}
.input-txt-area::-webkit-input-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt-area::-moz-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt-area:-ms-input-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt-area:-moz-placeholder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt-area::placehoder{color:#ccc;font-family:"NotoSansKR-Regular";font-size:14px;vertical-align:middle}
.input-txt-area.txt-area-length{min-height:100px;padding-bottom:30px}
.txt-length{display:block;position:absolute;bottom:13px;right:12px;color:#ccc;font-size:14px}
.txt-length-bottom{bottom:-18px;}
.input-date{padding-right:40px}
.calendar-ico{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url("../images/common/calendar-ico.png") no-repeat 50% 50%;background-size:18px 18px;cursor:pointer}
.calendar-ico.active{background-image:url("../images/common/calendar-active-ico.png")}
.ui-datepicker-trigger{display:block;position:absolute;top:0;right:0;width:20px;height:auto;cursor:pointer;z-index:1;padding:10px;}
.chk-box{position:relative;height:24px;font-size:0;background:url("../images/common/chk-ico-off.png") no-repeat;background-size:24px 24px}
.chk-box.active{background-image:url("../images/common/chk-ico-on.png")}
.input-chk{display:inline-block;vertical-align:middle;width:24px;height:24px;z-index:10;opacity:0;filter: alpha(opacity=0);border:0;cursor:pointer}
.input-chk-label{display:inline-block;vertical-align:middle;margin-left:10px;font-family:"NotoSansKR-Medium";font-size:14px;line-height:24px}
.input-file{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);opacity:0;filter: alpha(opacity=0)}
@media screen and (max-width:939px) {
.selectric-w110{width:80px}
.input-wrap .date-span{display:block;width:100%;font-size:12px;line-height:20px}
.input-txt,
.input-pw{font-size:12px;border-radius:4px}
.input-txt::-webkit-input-placeholder{font-size:12px}
.input-txt::-moz-placeholder{font-size:12px}
.input-txt:-ms-input-placeholder{font-size:12px}
.input-txt:-moz-placeholder{font-size:12px}
.input-txt::placehoder{font-size:12px}
.input-pw::-webkit-input-placeholder{font-size:12px}
.input-pw::-moz-placeholder{font-size:12px}
.input-pw:-ms-input-placeholder{font-size:12px}
.input-pw:-moz-placeholder{font-size:12px}
.input-pw::placehoder{font-size:12px}
.sch-ico{background-size:16px 16px}
.input-txt-area{max-height:120px;border-radius:4px;font-size:12px;line-height:18px}
.input-txt-area::-webkit-input-placeholder{font-size:12px}
.input-txt-area::-moz-placeholder{font-size:12px}
.input-txt-area:-ms-input-placeholder{font-size:12px}
.input-txt-area:-moz-placeholder{font-size:12px}
.input-txt-area::placehoder{font-size:12px}
.txt-length{font-size:12px}
.input-date{padding-right:30px}
.calendar-ico{width:30px;height:40px;background-size:16px 16px}
.chk-box{height:16px;background-size:16px 16px}
.input-chk{width:16px;height:16px}
}
/* //form common class end */
/* table common class start */
.tbl-wrap{position:relative;width:100%}
.tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none}
.tbl tr th,
/* .tbl tr td{position:relative;padding:15px 80px;border-bottom:1px solid #e0e0e0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} */
.tbl tr td{position:relative;padding:15px 10px;border-bottom:1px solid #e0e0e0;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tbl thead tr th{border-top:1px solid #1e1e1e}
.tbl tr th:first-child,
.tbl tr td:first-child{padding-left:10px}
/* .tbl tr th:first-child,
.tbl tr td:first-child{padding-left:80px} */
.tbl tr th:last-child,
.tbl tr td:last-child{padding-right:10px}
/* .tbl tr th:last-child,
.tbl tr td:last-child{padding-right:80px} */
.tbl tr .v-top{vertical-align:top}
.tbl-thead-th{font-family:"NotoSansKR-Medium";font-size:14px;font-weight:500;line-height:20px}
.tbl-thead-th.t-left{text-align:left}
.tbl-tbody-td{display:block;font-size:14px;line-height:20px;word-break:break-word;}
.tbl-tbody-td.t-left{text-align:left}
.tbl-tbody-td.td_ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
@media screen and (max-width:1023px) {
.tbl tr th,
.tbl tr td{padding:15px}
.tbl tr th:first-child,
.tbl tr td:first-child{padding-left:40px}
.tbl tr th:last-child,
.tbl tr td:last-child{padding-right:40px}
}
@media screen and (max-width:939px) {
.tbl tr th,
.tbl tr td{padding:10px 5px}
.tbl tr th:first-child,
.tbl tr td:first-child{padding-left:5px}
.tbl tr th:last-child,
.tbl tr td:last-child{padding-right:5px}
.tbl-thead-th{font-size:12px;line-height:18px}
.tbl-tbody-td{font-size:12px;line-height:18px}
}
/* //table common class end */
/* paging button common class start */
.common-paging{position:relative;z-index:20;width:100%;padding-top:40px;font-size:0;text-align:center}
.page-more-btn{display:inline-block;width:200px;height:40px;border-radius:8px;border:1px solid #e0e0e0;font-size:0;text-align:center;background:#fff}
.page-more-ico{display:inline-block;vertical-align:middle;width:18px;height:18px;text-indent:-9999px;background:url("../images/common/plus-ico.png") no-repeat 50% 50%;background-size:11px 11px}
.page-more-txt{display:inline-block;vertical-align:middle;margin-left:4px;font-family:"NotoSansKR-Medium";font-size:14px;line-height:38px}
.page-btn{display:inline-block;vertical-align:top;width:40px;height:40px;margin-left:10px;border-radius:50%;border:1px solid #e0e0e0;text-align:center;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:8px 14px}
.page-btn:first-child{margin-left:0}
.page-btn.active{color:#fff;font-family:"NotoSansKR-Bold";border:1px solid #1e1e1e;background-color:#1e1e1e}
.page-num{font-size:14px;line-height:38px}
.page-prev{background-image:url("../images/common/page-prev.png")}
.page-next{background-image:url("../images/common/page-next.png")}
@media screen and (max-width:939px) {
.common-paging{padding-top:30px}
.page-more-btn{width:100%;border-radius:4px}
.page-more-ico{width:16px;height:16px}
.page-more-txt{font-size:12px}
.page-btn{width:30px;height:30px;margin-left:5px;background-size:6px 10px}
.page-num{font-size:12px;line-height:28px}
}
/* //paging button common class end */
/* select start */
.selectric-wrapper{position:relative;cursor:pointer}
.input-wrap .selectric-wrapper{display:inline-block;vertical-align:top}
.selectric-responsive{width:100%}
.selectric{position:relative;border-radius:8px;border:1px solid #e0e0e0;background:#fff}
.selectric .label{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 38px 0 11px;font-family:"NotoSansKR-Medium";font-size:14px;line-height:38px;color:#1e1e1e;height:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric .button{display:block;position:absolute;right:0;top:0;width:38px;height:38px;text-indent:-9999px;background:url("../images/common/select-down-ico.png") no-repeat 50% 50%;background-size:12px 8px}
.selectric-open .selectric .button{background-image:url("../images/common/select-up-ico.png")}
.selectric-focus .selectric{border-color:#e0e0e0}
.selectric-hover .selectric{border-color:#e0e0e0}
.selectric-hover .selectric .button{color:#1e1e1e}
.selectric-hover .selectric .button:after{border-top-color:#1e1e1e}
.selectric-open{z-index:500}
.selectric-open .selectric{border-color:#e0e0e0}
.selectric-disabled{filter:alpha(opacity=50);opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-hide-select{overflow:hidden;position:relative;width:0;height:0}
.selectric-hide-select select{position:absolute;left:-100%}
.selectric-hide-select.selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}
.selectric-hide-select.selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;box-sizing:border-box;opacity:0}
.selectric-input{overflow:hidden;position:absolute;top:0;left:0;clip:rect(0, 0, 0, 0);margin:0;padding:0;width:1px;height:1px;outline:none;border:none;background:none}
.selectric-temp-show{display:block;visibility: hidden;position:absolute}
.selectric-items{display:none;position:absolute;top:100%;left:0;width:100% !important;max-height:414px;margin-top:8px;border-radius:8px;background:#fff;border:1px solid #e0e0e0;z-index:-1;box-shadow:0 0 10px -6px;width:max-content !important;}
.selectric-items .selectric-scroll{overflow:auto;height:100%}
.selectric-above .selectric-items{top:auto;bottom:100%}
.selectric-items ul{padding:8px}
.selectric-items ul,
.selectric-items li{border-radius:4px;font-family:"NotoSansKR-Medium";font-size:14px}
.selectric-items li{display:block;margin-top:5px;padding:5px 12px;cursor:pointer}
.selectric-items li.selected{color:#fff;background:#1e1e1e}
.selectric-items li.highlighted{color:#fff;background:#1e1e1e}
.selectric-items li:hover{color:#1e1e1e;background:#ffdc00}
.selectric-items li.selected:hover,
.selectric-items li.highlighted:hover{color:#fff;background:#1e1e1e}
.selectric-items li:first-child{margin-top:0}
.selectric-items .disabled{filter:alpha(opacity=50);opacity:.5;color:#999;background:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-items .selectric-group .selectric-group-label{padding-left:10px;color:#1e1e1e;font-weight:700;background: none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-items .selectric-group.disabled li{filter: alpha(opacity=100);opacity:1}
.selectric-items .selectric-group li{padding-left:25px}
.selectric-open .selectric-items{display:block}
@media screen and (max-width:939px) {
.selectric{border-radius:4px}
.selectric .label{margin:0 20px 0 11px;font-size:12px}
.selectric .button{width:20px;height:38px;background-position:30% 50%;background-size:9px 6px}
.selectric-items{max-height:300px;margin-top:4px;border-radius:4px}
.selectric-items ul{padding:6px}
.selectric-items ul,
.selectric-items li{font-size:12px}
.selectric-items li{margin-top:4px;padding:4px 8px}
}
/* //select end */
/* datepicker class start */
.date-top{position:relative;text-align:center}
.date-txt{color:#1e1e1e;font-family:"NotoSansKR-Light";font-size:28px;line-height:40px}
.date-ico{display:inline-block;vertical-align:top;width:40px;height:40px;margin-left:8px;border:1px solid #e0e0e0;border-radius:50%;background:#fff url("../images/common/calendar-ico.png") no-repeat 50% 50%;background-size:20px 20px}
.common-date{position:relative;width:100%;margin-top:25px}
.month-prev,
.month-next{position:absolute;top:6px;width:28px;height:28px;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;background-size:10px 18px}
.month-prev{left:10px;background-image:url("../images/common/datepicker-prev-ico.png")}
.month-next{right:10px;background-image:url("../images/common/datepicker-next-ico.png")}
/* .ui-datepicker{display:none;top:0 !important;left:50% !important;z-index:400 !important;width:530px;padding:40px;border:1px solid #e0e0e0;border-radius:20px;background:#fff; position:absolute !important;} */
.ui-datepicker{display:none;z-index:400 !important;width:520px;padding:40px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;margin:unset !important;}
.ui-datepicker .ui-datepicker-header{position:relative}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;top:0;width:28px;height:28px;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;background-size:10px 18px}
.ui-datepicker .ui-datepicker-prev{left:10px;background-image:url("../images/common/datepicker-prev-ico.png")}
.ui-datepicker .ui-datepicker-next{right:10px;background-image:url("../images/common/datepicker-next-ico.png")}
.ui-datepicker .ui-datepicker-title{margin-top:30px;font-size:0;text-align:center}
.ui-datepicker .ui-datepicker-title > a{display:block;font-size:28px}
.ui-datepicker .ui-datepicker-title > a.ui-datepicker-title{font-family:"NotoSansKR-Bold";font-size:28px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-yearpicker{display:inline-block;font-family:"NotoSansKR-Bold";font-size:28px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{display:inline-block;font-family:"NotoSansKR-Bold";font-size:28px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{display:inline-block;margin-left:6px;font-family:"NotoSansKR-Bold";font-size:28px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-date{display:inline-block;margin-left:6px}
.ui-datepicker table{table-layout:fixed;min-width:100%;width:100%;max-width:none;margin:20px auto 0}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td{border:0;padding:4px 12px;text-align:center;}
.ui-datepicker .ui-datepicker-calendar th span{display:block;width:auto;height:28px;color:#1e1e1e;font-family:"NotoSansKR-Regular";font-size:14px;font-weight:400;line-height:28px;text-align:center;white-space:nowrap;}
.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a{display:inline-block;width:28px;height:28px;color:#1e1e1e;font-family:"NotoSansKR-Regular";font-size:14px;line-height:28px;text-align:center;text-decoration:none}
.ui-datepicker .ui-state-default{border-radius:50%;-ms-transition:all .75s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all .75s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .75s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .75s cubic-bezier(0.215, 0.61, 0.355, 1)}
.ui-datepicker .ui-state-default.ui-state-hover,
.ui-datepicker .ui-state-active{border-radius:50%;background:#ffd633}
.ui-datepicker .ui-datepicker-today .ui-state-default{border-radius:50%;color:#fff;font-family:"NotoSansKR-Bold";background:#1e1e1e}
.ui-datepicker .ui-datepicker-select-year,
.ui-datepicker .ui-datepicker-select-month{width:292px;margin:0 auto}
.ui-datepicker .ui-datepicker-select-month table,
.ui-datepicker .ui-datepicker-select-year table{margin:25px auto 0}
.ui-datepicker .ui-datepicker-select-month table tr td,
.ui-datepicker .ui-datepicker-select-year table tr td{padding:5px}
.ui-datepicker .ui-datepicker-select-month table tr td span,
.ui-datepicker .ui-datepicker-select-month table tr td a{display:block;width:63px;height:63px;border-radius:8px;color:#1e1e1e;font-family:"NotoSansKR-Regular";font-size:16px;text-align:center;line-height:63px;background:#e0e0e0}
.ui-datepicker .ui-datepicker-select-year table tr td span,
.ui-datepicker .ui-datepicker-select-year table tr td a{display:block;width:52px;height:99px;margin:0 auto;border-radius:8px;color:#1e1e1e;font-family:"NotoSansKR-Regular";font-size:16px;text-align:center;line-height:99px;background:#e0e0e0}
.ui-datepicker .ui-datepicker-select-month .ui-datepicker-today .ui-state-default{border-radius:8px}
.ui-datepicker .ui-datepicker-select-month .ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-select-month .ui-state-active{border-radius:8px}
.ui-datepicker .ui-datepicker-select-year .ui-datepicker-today .ui-state-default{border-radius:8px}
.ui-datepicker .ui-datepicker-select-year .ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-select-year .ui-state-active{border-radius:8px}
.ui-datepicker .ui-datepicker-select-year .outoffocus a{opacity:.5;cursor:default}
@media screen and (max-width:939px) {
.date-txt{font-size:18px;line-height:30px;letter-spacing:-.06em}
.date-ico{width:30px;height:30px;margin-left:6px;background-size:16px 16px}
.common-date{position:relative;width:100%;margin-top:20px}
.common-date .date-txt{font-size:20px;line-height:32px}
.month-prev,
.month-next{top:4px;width:24px;height:24px;background-size:8px 14px}
.month-prev{left:5px}
.month-next{right:5px}
.ui-datepicker{width:280px;padding:19px;border-radius:10px}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:24px;height:24px;background-size:8px 14px}
.ui-datepicker .ui-datepicker-prev{left:5px}
.ui-datepicker .ui-datepicker-next{right:5px}
.ui-datepicker .ui-datepicker-title{margin-top:20px}
.ui-datepicker .ui-datepicker-title > a.ui-datepicker-title{font-size:20px;line-height:24px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-yearpicker{font-size:20px;line-height:24px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{font-size:20px;line-height:24px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{margin-left:4px;font-size:20px;line-height:24px}
.ui-datepicker .ui-datepicker-title .ui-datepicker-date{margin-left:4px;line-height:24px}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td{border:0;padding:5px}
.ui-datepicker .ui-datepicker-calendar th span{width:24px;height:24px;font-size:12px;line-height:24px}
.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a{width:24px;height:24px;font-size:12px;line-height:24px}
.ui-datepicker .ui-datepicker-select-year,
.ui-datepicker .ui-datepicker-select-month{width:240px;margin:0 auto}
.ui-datepicker .ui-datepicker-select-month table,
.ui-datepicker .ui-datepicker-select-year table{margin:20px auto 0}
.ui-datepicker .ui-datepicker-select-month table tr td,
.ui-datepicker .ui-datepicker-select-year table tr td{padding:4px}
.ui-datepicker .ui-datepicker-select-month table tr td span,
.ui-datepicker .ui-datepicker-select-month table tr td a{width:52px;height:52px;border-radius:4px;font-size:14px;line-height:52px}
.ui-datepicker .ui-datepicker-select-year table tr td span,
.ui-datepicker .ui-datepicker-select-year table tr td a{width:40px;height:66px;border-radius:4px;font-size:14px;line-height:66px}
.ui-datepicker .ui-datepicker-select-month .ui-datepicker-today .ui-state-default{border-radius:4px}
.ui-datepicker .ui-datepicker-select-month .ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-select-month .ui-state-active{border-radius:4px}
.ui-datepicker .ui-datepicker-select-year .ui-datepicker-today .ui-state-default{border-radius:4px}
.ui-datepicker .ui-datepicker-select-year .ui-state-default.ui-state-hover,
.ui-datepicker .ui-datepicker-select-year .ui-state-active{border-radius:4px}
}
/* //datepicker class end */
/* slick class start */
.slick-slider{display:block;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{display:block;overflow:hidden;position:relative;width:100%;height:100%}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{display:block;position:relative;top:0;left:0;height:100%;margin-left:auto;margin-right:auto}
.slick-track:before,
.slick-track:after{display:table;content:""}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide:focus{outline:none}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/* //slick class end */
/* mCustomScrollBar start */
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}
.mCustomScrollBox{position:relative;height:100%;max-width:100%;outline:none;direction:ltr}
.mCSB_container{width:auto;height:auto}
.mCSB_inside > .mCSB_container{margin-right:0}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}
.mCSB_scrollTools{position:absolute;width:8px;height:auto;left:auto;top:0;right:0;bottom:0}
.mCSB_outside + .mCSB_scrollTools{right:-26px}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0}
.mCSB_scrollTools .mCSB_draggerRail{display:none}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;border-radius:4px;z-index:1;background:#e0e0e0}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}
.mCSB_scrollTools .mCSB_buttonDown{bottom:0}
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:0}
.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:8px;top:auto;right:0;bottom:-16px;left:0}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;border-radius:4px}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}
.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}
.mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0;margin-left:30px}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#e0e0e0}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#e0e0e0}
/* //mCustomScrollBar end */
/* popup start */
/* .common-pop,
.alert-pop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;width:100%;text-align:center}
.common-pop-inner,
.alert-pop-inner{margin-left:auto !important;position:absolute;top:50%;left:50%;padding:39px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;box-shadow:0 2px 20px -6px rgba(0, 0, 0, .08);transform:translateX(-50%)}
.alert-pop-inner{width:490px} */
.common-pop,
.alert-pop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;width:100%;text-align:center;overflow-y:auto;vertical-align:middle;padding:50px 0;}
.common-pop:before,
.alert-pop:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
.common-pop > form, .alert-pop > form{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;width:100%;text-align:center;overflow-y:auto;vertical-align:middle;padding:50px 0;}
.common-pop > form:before, .alert-pop > form:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
.common-pop-inner,
.alert-pop-inner{width:490px;position:relative;display:inline-block;top:unset !important;padding:39px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;box-shadow:0 2px 20px -6px rgba(0, 0, 0, .08);margin-top:0!important;margin-left:0!important;vertical-align:middle;transform:unset !important;}
.common-pop .content-wrap,
.alert-pop .content-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;width:100%;text-align:center;overflow-y:auto;vertical-align:middle;padding:50px 0;}
.common-pop .content-wrap:before, .alert-pop .content-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
/* .common-pop-inner,
.alert-pop-inner{width:490px;position:absolute;top:50%;left:50%;padding:39px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;box-shadow:0 2px 20px -6px rgba(0, 0, 0, .08);margin-top:0!important;margin-left:0!important;transform:translate(-50%, -50%);max-height:100vh;overflow-y:auto;} */
.common-pop-close,
.alert-pop-close{display:block;position:absolute;top:32px;right:32px;z-index:100;width:24px;height:24px;text-indent:-9999px;background:url("../images/common/pop-close.png") no-repeat;background-size:100% auto}
.common-pop-delete{display:block;position:absolute;top:32px;left:32px;z-index:100;width:24px;height:24px;text-indent:-9999px;background:url("../images/common/trash-ico.png") no-repeat;background-size:100% auto}
.common-pop-download{display:block;position:absolute;top:32px;left:32px;z-index:100;width:24px;height:24px;text-indent:-9999px;background:url("../images/common/download-ico.png") no-repeat;background-size:100% auto}
.common-pop-head{position:relative;width:100%}
.common-pop-head .pop-ttl-area,
.alert-pop-head .pop-ttl-area{padding-top:20px;text-align:center}
.common-pop-head .pop-ttl{color:#3c3c3b;font-family:"NotoSansKR-Bold";font-size:28px;letter-spacing:-.05em}
.common-pop-head .pop-sub-ttl,
.alert-pop-head .pop-sub-ttl{color:#3c3c3b;font-family:"NotoSansKR-Bold";font-size:20px;letter-spacing:-.05em}
.caution-ico{display:inline-block;vertical-align:top;width:24px;height:24px;margin-left:4px;background:url("../images/common/caution-ico.png") no-repeat;background-size:100% auto}
.caution-ico.active{background-image:url("../images/common/caution-active-ico.png")}
.common-pop-head .pop-txt-1{padding-top:10px;color:#999;font-size:14px}
.common-pop-head .pop-txt-2{padding-top:20px;color:#1e1e1e;font-size:14px;line-height:1.5}
.common-pop-cont{position:relative;width:100%;padding-top:40px}
.alert-pop-cont{position:relative;width:100%;padding-top:20px}
.alert-pop-cont .pop-txt-area{text-align:center}
.alert-pop-cont .pop-txt{font-size:16px;line-height:24px;letter-spacing:-.05em}
.alert-pop-cont .pop-txt-2{font-size:14px;line-height:1.5}
.common-pop-submit{padding-top:40px;font-size:0;display:flex;justify-content:center;}
.common-pop-btn,
.alert-pop-btn{display:inline-block;vertical-align:top;width:200px;height:48px;margin-left:9px;font-family:"NotoSansKR-Medium";font-size:14px;line-height:46px}
.common-submit-type-2 .common-pop-btn{width:130px}
.common-pop-btn:first-child,
.alert-pop-btn:first-child{margin-left:0}
.common-pop-btn.disabled,
.alert-pop-btn.disabled{border:1px solid #ccc;text-align:center;background-color:#ccc}
.common-dimm{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:200;width:100%;height:100%;background:rgba(0, 0, 0, .25)}
.alert-pop-submit{padding-top:40px;font-size:0}
.pop-tbl-wrap{position:relative;width:100%}
.pop-tbl-wrap.timeDay{line-height:1.5;}
.pop-tbl{table-layout:fixed;min-width:100%;width:100%;max-width:none}
.pop-tbl tr th,
.pop-tbl tr td{position:relative;padding:15px 25px;border-bottom:1px solid #e0e0e0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pop-tbl tr:first-child th,
.pop-tbl tr:first-child td{border-top:1px solid #1e1e1e}
.pop-tbl-th{font-family:"NotoSansKR-Medium";font-size:14px;font-weight:500;line-height:20px}
.pop-tbl-sub-th{font-family:"NotoSansKR-Regular";font-size:14px;font-weight:400;line-height:20px}
.pop-tbl-td{font-size:14px;line-height:20px;text-align:left;word-break:break-all;position:relative;}
.pop-tbl-td .info{color:red;position:absolute;left:0;bottom:-11px;font-size:10px;}
.pop-tbl .pop-tbl-col-1{width:120px}
.pop-tbl .pop-tbl-col-2{width:100px}
.pop-tbl .pop-tbl-col-3{width:65px}
.pop-tbl .pop-tbl-col-4{width:14.3%}
.pop-tbl .pop-tbl-col-5{width:14%}
.pop-tbl .pop-tbl-col-6{width:12%}
.pop-tbl .pop-tbl-col-7{width:10.75%}
.pop-tbl .pop-tbl-col-8{width:16.5%}
.pop-tbl.pop-input-tbl tr th,
.pop-tbl.pop-input-tbl tr td{vertical-align:top;padding:5px 0;border:0;text-align:left}
.pop-tbl.pop-input-tbl tr:first-child th,
.pop-tbl.pop-input-tbl tr:first-child td{border:0}
.pop-tbl.pop-input-tbl tr th{height:40px;}
/* .pop-tbl.pop-input-tbl .pop-tbl-th{line-height:40px} */
.pop-tbl.pop-input-tbl .pop-tbl-th{line-height:16px;position:relative;top:50%;transform:translateY(-50%);}
.pop-tbl.pop-input-tbl .pop-tbl-th-2{line-height:20px}
.pop-tbl .input-wrap,
.pop-tbl .selectric-items ul,
.pop-tbl .selectric-items li,
.pop-tbl .selectric .label {text-align: left;}
.pop-info-txt{padding-top:20px;font-size:12px;line-height:18px}
.pop-info-txt-area{padding-top:20px;text-align:left}
.pop-info-txt-area .pop-info-txt{position:relative;padding:0 0 0 12px;word-break:keep-all}
.pop-info-txt-area .pop-info-txt:after{display:block;content:"";position:absolute;top:7px;left:2px;width:4px;height:4px;border-radius:50%;background:#1e1e1e}
.common-pop-btns{position:relative;margin:-10px 0 0 -10px;font-size:0}
.common-pop-radio{display:inline-block;vertical-align:top;height:40px;margin:10px 0 0 10px;border:1px solid #e0e0e0;border-radius:8px;color:#999;font-size:14px;text-align:center;line-height:38px}
.common-pop-radio.active{border:1px solid #1e1e1e;color:#1e1e1e;font-family:"NotoSansKR-Medium"}
.common-pop-btn-1{width:calc(50% - 10px)}
.accountPop.open-pop .common-pop-inner{width:unset;margin-left:unset;}
.accountPop .common-pop-inner{transform:translate(-50%, -50%);}
.accountPop .popTxtAccount{overflow:hidden;padding:40px;line-height:28px;}
.accountPop .popTxtAccount label{float:left;}
.accountPop .popTxtAccount span{float:right;}
.accountPop .popTxtAccount span input{width:180px;height:28px;padding:0 10px;line-height:28px;text-align:right;outline:none;border:1px solid #000;font-size:20px;font-weight:bold;}
/* 충전페이지 푸터추가 */
.chargeFooter{text-align:center;color:#999;font-size:14px;line-height:30px;margin:40px 0 0 0;}
.chargeFooter ul{overflow:hidden;}
.chargeFooter ul li{display:inline-block;padding:0 0 0 9px;margin:0 0 0 8px;position:relative;line-height:24px;}
.chargeFooter ul li:after{content:"";width:1px;height:10px;background:#999;position:absolute;left:0;top:50%;margin:-4px 0 0 0;}
.chargeFooter ul li:first-child:after{margin:0 0 0 0;padding:0 0 0 0;display:none;}
.popup_agree_area{
background:rgba(0, 0, 0, 0.5);
width:100%;
height:100%;
position: absolute;
z-index:1000;
}
.popup_agree{
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
width:490px;
background:#fff;
border-radius: 20px;
z-index:1001;
}
/* .popup_agree:before{
content: "";
display:block;
clear:both;
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
background:red;
z-index:10;
} */
.popup_agree .popup_agree_inner{
padding:60px 40px 35px;
}
.popup_agree .popup_agree_inner h1{
font-family:"NotoSansKR-Bold";
font-size:20px;
text-align: center;
margin-bottom:40px;
}
.popup_agree .popup_agree_inner ul{
border-bottom:1px solid #e0e0e0;
padding-bottom:30px;
margin-bottom:30px;
}
.popup_agree .popup_agree_inner ul li{
position: relative;
font-family:"NotoSansKR-Regular";
font-size:16px;
line-height:24px;
padding-left:10px;
margin-bottom: 10px;
}
.popup_agree .popup_agree_inner ul li:before{
content:"";
display:block;
clear:both;
position: absolute;
top:10px;
left:0;
width:3px;
height:3px;
background:#1e1e1e;
}
.popup_agree .popup_agree_inner .popup_agree_info{
font-family:"NotoSansKR-Bold";
font-size:16px;
line-height: 24px;
letter-spacing: -0.005px;
}
.popup_agree .popup_agree_inner .popup_check_close_area {
position: relative;
margin-bottom: 9px;
text-align: center;
margin:40px 0 0;
}
.popup_agree .popup_agree_inner .popup_check_close_area input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.popup_agree .popup_agree_inner .popup_check_close_area label {
position: relative;
cursor: pointer;
padding-left: 36px;
display:inline-block;
line-height: 20px;
}
.popup_agree .popup_agree_inner .popup_check_close_area label:before {
content: "";
display: block;
clear: both;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
width: 24px;
height: 24px;
border:1px solid #999;
border-radius:6px;
box-sizing: border-box;
}
.popup_agree .popup_agree_inner .popup_check_close_area input:checked + label:before {
background: url("../images/common/btn_check_sel.png") no-repeat -1px -1px / auto 24px;
}
.popup_agree_close{
position: absolute;
top:35px;
right:35px;
width:24px;
height:24px;
background: url("../images/common/btn_close.png") no-repeat 0 0 / auto 24px;
}
.popup_agree_close span{
display:block;
text-indent:-9999px;
}
.open_area dl{
display:flex;
align-items: center;
width:100%;
margin-top:10%;
}
.open_area dl dt{
font-size:20px;
}
.open_area dl dd{
/* width:80%; */
padding-left:1%;
}
.open_area dl dd .selectric-wrapper{
width:100%;
height: 100%;
text-align: left;
}
@media screen and (max-width:939px) {
.common-pop-inner,
.alert-pop-inner{padding:19px;border-radius:10px}
.alert-pop-inner{width:280px}
.common-pop-close,
.alert-pop-close{top:16px;right:16px;width:16px;height:16px}
.common-pop-delete{top:16px;left:16px;width:16px;height:16px}
.common-pop-head .pop-ttl{font-size:18px}
.common-pop-head .pop-txt-1{font-size:12px}
.common-pop-head .pop-txt-2{font-size:12px}
.common-pop-cont{padding-top:30px}
.alert-pop-head .pop-sub-ttl{font-size:16px}
.common-pop-btn,
.alert-pop-btn{width:calc(50% - 5px);height:40px;font-size:12px;line-height:38px}
.common-submit-type-2 .common-pop-btn{width:calc(33.33% - 10px)}
.common-submit-type-2 .common-pop-btn:first-child{width:33.34%;margin-left:0}
.alert-pop-cont .pop-txt{font-size:12px;line-height:20px}
.common-pop-submit{padding-top:30px}
.pop-tbl tr th,
.pop-tbl tr td{padding:15px 5px}
.pop-tbl-th{font-size:12px;line-height:18px}
.pop-tbl-td{font-size:12px;line-height:18px}
.pop-tbl .pop-tbl-col-1{width:80px}
.pop-tbl .pop-tbl-col-2{width:60px}
.open_area dl{
flex-direction: column;
align-items: flex-start;
}
.open_area dl dt{
font-size:14px;
text-align: left;
margin-bottom:5%;
}
.open_area dl dd{
width:100%;
}
}
/* //popup end */
.popTab{display:flex;border-bottom:1px solid #999;margin:26px 0 0 0;}
.popTab li{flex-grow: 1;text-align:center;}
.popTab li button{width:100%;font-size:14px;font-weight:500;letter-spacing:-0.25px;line-height:19px;padding:0 0 6px 0;}
.popTab li.on{border-bottom:1px solid #000;}
.popTabCon{display:none;}
.popTabCon.on{display:block;}
/* T3 */
.tableType_1{}
.tableType_1 thead tr th{padding:15px 3px !important;}
.tableType_1 thead tr th:first-child{padding:15px 3px !important;}
.tableType_1 thead tr th:last-child{padding:15px 3px !important;}
.tableType_1 tbody tr td{padding:15px 3px !important;}
.tableType_1 tbody tr td:first-child{padding:15px 3px !important;}
.tableType_1 tbody tr td:last-child{padding:15px 3px !important;}
.setting-switch{display:block;position:relative;width:60px;height:32px;margin:0 auto;border-radius:16px;background:#ccc;-ms-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}
.setting-switch.active{background:#1e1e1e}
.setting-switch-ico{display:block;position:absolute;top:3px;left:3px;width:27px;height:27px;border-radius:50%;background:#fff;-ms-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}
.setting-switch.active .setting-switch-ico{left:30px}