@charset "utf-8";

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'NanumGothic', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'NanumGothic', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}

html, body{ min-width:1200px; }

/* header */
#header{ height:80px; }
#header .inner{ margin:0 auto; width:100%; max-width:1200px; }
#header .inner:after{ content:''; display:block; clear:both; }
#header .inner h1{ display:inline-block; vertical-align:top;/* margin-top:25px;*/}
#header .inner h1 a{ display:block; width:190px; height:80px; background:url('../images/common/logo.png') no-repeat center; text-indent:-9999px; background-size: 190px auto; }
#header .inner .right{ float:right; display:inline-block; }
#header .inner .right #gnb{ display:inline-block; vertical-align:top; font-size:0; margin-right:45px; }
#header .inner .right #gnb > li{ position:relative; display:inline-block; vertical-align:top; margin-right:60px;}
#header .inner .right #gnb > li:last-child{ margin-right:0; }
#header .inner .right #gnb > li > a{ display:block; position:relative; font-size:18px; line-height:80px; color:#444; font-weight:700; letter-spacing:-0.05em; font-family: 'NanumSquare', sans-serif; }
#header .inner .right #gnb > li > a:before{ content:''; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#Fc6c00; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#header .inner .right #gnb > li > a:after{ content:''; position:absolute; right:50%; bottom:0; width:0; height:4px; background:#Fc6c00; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#header .inner .right #gnb > li:hover > a{ font-weight:800; color:#Fc6c00; }
#header .inner .right #gnb > li.on > a:before, #header .inner .right #gnb > li.on > a:after{ width:20px; }
/* #header .inner .right #gnb > li:hover > a:before{ width:20px; }
#header .inner .right #gnb > li:hover > a:after{ width:20px; } */

#header .inner .right #gnb > li ul.dep02{ opacity:0; visibility: hidden; position:absolute; top:85px; left:50%; margin-left:-79px; padding:20px 23px; width:170px; border:1px solid #Fc6c00; background:#fff; border-radius:5px; z-index:100; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; box-sizing:border-box; }
#header .inner .right #gnb > li ul.dep02 li{ margin-bottom:10px; }
#header .inner .right #gnb > li ul.dep02 li:last-child{ margin-bottom:0; }
#header .inner .right #gnb > li ul.dep02 li a{ display:block; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; }
#header .inner .right #gnb > li ul.dep02 li a:hover{ color:#Fc6c00; font-weight:700; }
#header .inner .right #gnb > li ul.dep02.on{ opacity:1; top:70px; visibility: visible; }
#header .inner .right .log_bx{ display:inline-block; vertical-align:top; position:relative; padding-top:24px;}
#header .inner .right .log_bx > a{ display:inline-block; vertical-align:top; width:30px; height:30px; background:url('../images/icon/icon_login.png') no-repeat center; text-indent:-9999px; }

#header .inner .right .log_bx .login_bx{ position:relative; display:inline-block; vertical-align:top; }
#header .inner .right .log_bx .login_bx > a{ display:block; padding: 0 0 15px 40px; font-size:13px; line-height:30px; color:#444; letter-spacing:-0.05em; background:url('../images/icon/icon_login_on.png') no-repeat left top ; }
#header .inner .right .log_bx .login_bx > a span{ padding-left:2px; color:#Fc6c00; font-weight:700; letter-spacing:0; }
#header .inner .right .log_bx .login_bx ul{ opacity:0; visibility: hidden; position:absolute; left:0; top:calc(100% + 20px); width:158px; padding:20px 23px; background:#efefef; border:1px solid #Fc6c00; box-sizing:border-box; border-radius:5px; z-index:100; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#header .inner .right .log_bx .login_bx ul.on{ opacity:1; top:100%; visibility: visible; }
#header .inner .right .log_bx .login_bx ul li{ margin-bottom:7px; }
#header .inner .right .log_bx .login_bx ul li:last-child{ margin-bottom:0; }
#header .inner .right .log_bx .login_bx ul li a{ display:block; font-size:13px; line-height:23px; color:#666; letter-spacing:-0.05em; }
#header .inner .right .log_bx .login_bx ul li a:hover{ color:#Fc6c00; font-weight:700; }
/* footer */
#footer{ background:#fafafa; padding:25px 0 50px; }
#footer .inner{ margin:0 auto; width:100%; max-width:1200px; font-size:0; }
#footer .inner > div{ display:inline-block; vertical-align:top; }
#footer .inner > div.left{ width:1010px;}
#footer .inner > div.left .link_bx{ font-size:0; }
#footer .inner > div.left .link_bx li{ display:inline-block; vertical-align:top; margin-right:24px; }
#footer .inner > div.left .link_bx li:last-child{ margin-right:0; }
#footer .inner > div.left .link_bx li a{ display:block; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; font-weight:700; }
#footer .inner > div.left .link_bx li:nth-child(1) a{ color:#222; }
#footer .inner > div.left .info_bx{ margin-top:20px; font-size:0; }
#footer .inner > div.left .info_bx span{ display:inline-block; vertical-align:top; margin-right:20px; font-size:14px; line-height:26px; color:#aaa; letter-spacing:-0.05em; }
#footer .inner > div.left p.copy{ margin-top:25px; font-size:14px; line-height:24px; color:#aaa; letter-spacing:-0.05em; }

#footer .inner > div.right{ width:calc(100% - 1010px); margin-top:108px}
#footer .inner > div.right ul{ font-size:0; }
#footer .inner > div.right ul li{ display:inline-block; vertical-align:top; margin-right:10px; }
#footer .inner > div.right ul li:last-child{ margin-right:0; }
#footer .inner > div.right ul li a{ display:block; width:40px; height:40px; text-indent:-9999px; }
#footer .inner > div.right ul li.sns_f a{ background:url('../images/icon/icon_sns_f.png') no-repeat center; }
#footer .inner > div.right ul li.sns_t a{ background:url('../images/icon/icon_sns_t.png') no-repeat center; }
#footer .inner > div.right ul li.sns_y a{ background:url('../images/icon/icon_sns_y.png') no-repeat center; }
#footer .inner > div.right ul li.sns_i a{ background:url('../images/icon/icon_sns_i.png') no-repeat center; }

/* common */
.layout{ margin:0 auto; width:100%; max-width:1200px; box-sizing:border-box; }

.sub_visual{ display:table; width:100%; height:120px; text-align:center; }
.sub_visual.purple{ background:#Fc6c00; background-size:cover; }
.sub_visual.purple2{ background:#Fc6c00; background-size:cover; }
.sub_visual.orange{ background:#Fc6c00; background-size:cover; }
.sub_visual.gray{ background:url('../images/sub/sub_v_g.jpg') no-repeat center; background-size:cover; }
.sub_visual h2{ display:table-cell; vertical-align:middle; font-size:32px; line-height:42px; color:#fff; font-weight:700; letter-spacing:-0.05em; font-family: 'NanumSquare', sans-serif; }

#sub .contents{ padding:80px 0; }

.h3_titbx{ font-size:0; margin-bottom:15px; }
.h3_titbx.line{ padding-bottom:15px; margin-bottom:50px; border-bottom:1px solid #Fc6c00; }
.h3_titbx h3.tit{ display:inline-block; font-size:24px; line-height:34px; color:#111; font-weight:800; letter-spacing:-0.03em; font-family: 'NanumSquare', sans-serif; }
.h3_titbx .right_txt{ float:right; font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; }
.h3_titbx .right_txt span{ color:#Fc6c00; font-weight:700; }
.h3_titbx .right_txt span.red{ color:#e90000; font-weight:700;}

/* 팝업 */
.popup{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999; overflow-y:auto; }
.popup .pop_layout{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); width:100%; max-width:680px; padding:30px 40px 40px; background:#fff; border-radius:20px; box-sizing:border-box; }
.popup .pop_layout.small{ padding:40px 20px 50px; width:100%; max-width:420px; }
.popup .pop_btn{ margin-top:25px; font-size:0; text-align:center; }
.popup .pop_btn a{ display:inline-block; vertical-align:top; margin-right:5px; width:120px; height:50px; font-size:16px; line-height:50px; color:#fff; letter-spacing:-0.05em; font-weight:700; text-align:center; border-radius:5px; }
.popup .pop_btn a:last-of-type{ margin-right:0; }
.popup .pop_btn a.btn01{ background:#Fc6c00; }

/* 팝업 - 확인 */
.popup.check_popup .bx1{ text-align:center; }
.popup.check_popup .bx1 p{ font-size:20px; line-height:30px; color:#111; letter-spacing:-0.05em; font-weight:700; font-family: 'NanumSquare', sans-serif; }
.popup.check_popup .bx1 strong{ display:block; margin-top:5px; font-size:16px; line-height:26px; color:#Fc6c00; font-weight:700;}

/* 팝업 - 충전소 */
.store_popup .pop_tit{ font-size:0; margin-bottom:15px; }
.store_popup .pop_tit strong{ display:inline-block; vertical-align:top; font-size:20px; line-height:30px; color:#Fc6c00; letter-spacing:-0.05em; font-weight:800; font-family: 'NanumSquare', sans-serif;}
.store_popup .pop_tit a{ float:right; width:19px; height:19px; background:url('../images/btn/btn_pop_close.png') no-repeat center; text-indent:-9999px; }

.store_popup .list_bx{ border-top:2px solid #Fc6c00; border-bottom:1px solid #ababab; padding:20px 0; max-height:458px; overflow-y:auto; box-sizing:border-box; }
.store_popup .list_bx dl{ position:relative; border:1px solid #ddd; border-radius:10px; padding:23px 110px 25px 30px; margin-bottom:10px; background: #f5f5f5;}
.store_popup .list_bx dl:after{ content:''; position:absolute; right:29px; top:50%; margin-top:-27px; width:44px; height:54px; background:url('../images/icon/icon_store.png') no-repeat center;}
.store_popup .list_bx dl.on:after{ background:url('../images/icon/icon_store_on.png') no-repeat center; }
.store_popup .list_bx dl.on {background: #fff;}
.store_popup .list_bx dl.on dt{color: #212121;}
.store_popup .list_bx dl:last-of-type{ margin-bottom:0; }
.store_popup .list_bx dl dt{ display:block; margin-bottom:7px; font-size:18px; line-height:28px; color:#111; font-weight:700; letter-spacing:-0.05em; color: #9e9e9e;}
.store_popup .list_bx dl dd ul{ font-size:0; }
.store_popup .list_bx dl dd ul li{ display:inline-block; vertical-align:top; position:relative; padding-right:15px; margin-right:13px; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; }
.store_popup .list_bx dl dd ul li:last-child{ padding-right:0; margin-right:0; }
.store_popup .list_bx dl dd ul li:after{ content:''; position:absolute; right:0; top:9px; width:1px; height:11px; background:#d7d7d7; }
.store_popup .list_bx dl dd ul li:last-child:after{ display:none; }

/* 탭 */
.tabS01{ display:table; width:100%; table-layout:fixed; height:54px; margin-bottom:28px; border-collapse: collapse;}
.tabS01 a{ display:table-cell; vertical-align:middle; background:#f6f6f6; border:1px solid #c7c7c7; font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; text-align:center; font-weight:700; }
.tabS01 a.on{ background:#Fc6c00; color:#fff; border-color:#Fc6c00; }

.popup.noti .close_btn a{ float:right; width:19px; height:19px; background:url('../images/btn/btn_pop_close.png') no-repeat center; text-indent:-9999px; }
.popup.noti .contents {padding-top: 20px; min-height: 150px}

.cursor {cursor: pointer;}
.invalid-feedback {color: #ff6f6f;}

.btn-white {background-color: #fff;border-color: #c4c5c9 !important;color: #979797 !important;}
input:read-only {background-color: #f6f6f6;}

div.toast.toast-error {background: #Fc6c00}