@charset "utf-8";

/* 로그인 */
#sub_login .bx{ margin:0 auto; padding:55px 70px; width:640px; border-radius:20px; background:#efefef; box-sizing:border-box; }
#sub_login .bx strong{ display:block; margin-bottom:8px; font-size:16px; line-height:26px; color:#111; font-weight:700; letter-spacing:-0.05em; }
#sub_login .bx input{ margin-bottom:6px; padding:18px 23px; width:100%; height:64px; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; border:1px solid #d2d2d2; border-radius:5px; box-sizing:border-box; }
#sub_login .bx input:last-of-type{ margin-bottom:0; }
#sub_login .bx .login_btn{ display:block; margin-top:20px; font-size:18px; line-height:64px; color:#fff; font-weight:700; letter-spacing:-0.05em; background:#Fc6c00; border-radius:5px; text-align:center; }
#sub_login .bx .list_bx{ margin-top:25px; font-size:0; text-align:center; }
#sub_login .bx .list_bx li{ display:inline-block; vertical-align:top; position:relative; padding-right:16px; margin-right:15px; }
#sub_login .bx .list_bx li:last-child{ padding-right:0; margin-right:0; }
#sub_login .bx .list_bx li:after{ content:''; position:absolute; right:0; top:7px; width:1px; height:12px; background:#bdbdbd; }
#sub_login .bx .list_bx li:last-child:after{ display:none; }
#sub_login .bx .list_bx li a{ display:block; font-size:15px; line-height:25px; color:#333; letter-spacing:-0.05em; }
#sub_login .bx .sns_login{ margin-top:30px; font-size:0; margin-right:-8px; }
#sub_login .bx .sns_login a{ display:inline-block; vertical-align:top; padding-left:85px; width:calc(50% - 8px); margin-right:8px; border-radius:5px; font-size:16px; line-height:64px; letter-spacing:-0.05em; font-weight:700; box-sizing:border-box; }
#sub_login .bx .sns_login a.log_n{ color:#fff; background:#2db400 url('../images/btn/log_naver.gif') no-repeat left center; }
#sub_login .bx .sns_login a.log_k{ color:#381e1f; background:#ffe600 url('../images/btn/log_kakao.gif') no-repeat left center; }

/* 회원가입 - 약관동의 */
#subJoin01 .bx_wrap .term_wrap{ border-top:1px solid #Fc6c00; padding-top:20px; padding-bottom:30px; border-bottom:1px solid #ccc; }
#subJoin01 .bx_wrap .term_bx{ margin-bottom:20px; }
#subJoin01 .bx_wrap .term_bx .term{ padding:25px 36px; width:100%; height:334px; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; background:#fafafa; border:1px solid #dadada; overflow-y:auto; box-sizing:border-box;  margin-bottom: 10px;}

/* 휴대폰 인증 */
.phone_find{ margin:0 auto; width:100%; max-width:640px; padding:56px 70px 60px; background:#efefef; border-radius:20px; box-sizing:border-box; }
.phone_find p{ margin-bottom:24px; font-size:20px; line-height:30px; color:#111; letter-spacing:-0.05em; font-weight:700; text-align:center; }
.phone_find a{ display:block; padding-bottom:35px; background:#fff; border:1px solid #Fc6c00; border-radius:5px; background:#fff; text-align:Center; }
.phone_find a span{ display:block; padding-top:153px; font-size:18px; line-height:28px; color:#Fc6c00; letter-spacing:-0.05em; font-weight:700; background:url('../images/icon/icon_phone01.png') no-repeat center 39px; }

/* 아이디 찾기 */
#subFindID .find_id{ margin:0 auto; padding:55px 70px 60px; width:640px; background:#efefef; border-radius:20px; box-sizing:border-box; }
#subFindID .find_id p{ margin-bottom:25px; font-size:20px; line-height:30px; color:#111; font-weight:700; letter-spacing:-0.05em; text-align:center; }
#subFindID .find_id strong{ display:block; border:1px solid #Fc6c00; font-size:24px; line-height:82px; color:#Fc6c00; font-weight:800; text-align:center; border-radius:5px; }
#subFindID .find_id .btn_bx{ margin-top:20px; font-size:0; margin-right:-8px; }
#subFindID .find_id .btn_bx a{ display:inline-block; vertical-align:top; width:calc(50% - 8px); margin-right:8px; border-radius:5px; font-size:16px; line-height:58px; color:#fff; font-weight:700; letter-spacing:-0.05em; border-radius:5px; text-align:center; }
#subFindID .find_id .btn_bx a.btn01{ background:#Fc6c00; }
#subFindID .find_id .btn_bx a.btn02{ background:#3a279f; }

/* 비밀번호 찾기 */
#subFindPw .find_pw{ margin:0 auto; padding:55px 70px 60px; width:640px; background:#efefef; border-radius:20px; box-sizing:border-box;}
#subFindPw .find_pw p{ margin-bottom:10px; font-size:16px; line-height:26px; color:#111; letter-spacing:-0.05em; font-weight:700; }
#subFindPw .find_pw input{ margin-bottom:6px; padding:18px 23px; width:100%; height:64px; font-size:16px; line-height:26px; color:#666; letter-spacing:-0.05em; box-sizing:border-box; border-radius:5px; border:1px solid #d2d2d2; }
#subFindPw .find_pw input:last-of-type{ margin-bottom:20px; }
#subFindPw .find_pw a{ display:block; font-size:16px; line-height:58px; color:#fff; font-weight:700; letter-spacing:-0.05em; text-align:center; background:#Fc6c00; border-radius:5px; }

/* 충전카드등록 */
.card_listS01{ font-size:0; margin-right:-60px;}
.card_listS01 > div{ display:inline-block; vertical-align:top; margin-right:60px; padding:50px 45px 65px; width:calc(50% - 60px); border-radius:20px; background:#f7f7f7; border:3px dashed #d4d4d4; box-sizing:border-box; }
.card_listS01 > div .top{ padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #e1e1e1; font-size:0; }
.card_listS01 > div .top:after{ content:''; display:block; clear:both; }
.card_listS01 > div .top strong{ display:inline-block; vertical-align:top; font-size:20px; line-height:30px; letter-spacing:-0.05em; font-weight:700; }
.card_listS01 > div .top strong span{ font-size:16px; font-weight:400; letter-spacing:-0.05em; }
.card_listS01 > div .top .chk_bx{ float:right; margin-bottom:0; margin-top:5px; }
.card_listS01 > div .top .chk_bx label{ font-size:15px; line-height:20px; letter-spacing:-0.05em; color:#333; font-weight:400; }
.card_listS01 > div .top .chk_bx label span{ font-size:14px; color:#888; }
.card_listS01 > div .btm .card_bx{ position:relative; top:0; margin:0 auto; display:block; padding:120px 40px 0; width:380px; height:236px; border-radius:10px; box-shadow:10px 10px 20px rgba(0,0,0,.1); box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.card_listS01 > div .btm .card_bx strong{ display:block; font-size:24px; line-height:34px; color:#fff; font-weight:800; }
.card_listS01 > div .btm .card_bx span{ display:block; margin-top:5px; font-size:16px; line-height:26px; color:#fff; }

.card_listS01 > div .btm .card_bx:hover{ top:-10px; box-shadow:10px 10px 20px rgba(0,0,0,.4); }

.card_listS01 > div.card1.on{ border-color:#Fc6c00; background:#fff; }
.card_listS01 > div.card2.on{ border-color:#3a279f; background:#fff; }
.card_listS01 > div.card1 .top strong{ color:#Fc6c00; }
.card_listS01 > div.card2 .top strong{ color:#3a279f; }
.card_listS01 > div.card1 .btm .card_bx{ background:url('../images/sub/card_img01.jpg') no-repeat center; background-size: cover;}
.card_listS01 > div.card2 .btm .card_bx{ background:url('../images/sub/card_img02.jpg') no-repeat center; }

#myCard02{ background:#efefef; }

/* 포인트 관리 */
#myPoint01 .point_bx{ margin-top:50px; padding-top:30px; border-top:1px solid #d0d0d0; text-align:Center; }
#myPoint01 .point_bx dl{ font-size:0; display:inline-block;}
#myPoint01 .point_bx dt{ display:inline-block; vertical-align:top; margin-right:20px; font-size:16px; line-height:64px; color:#111; letter-spacing:-0.05em; font-weight:700; }
#myPoint01 .point_bx dd{ display:inline-block; vertical-align:top; font-size:16px; line-height:64px; color:#111; font-weight:700; }
#myPoint01 .point_bx dd input{ margin-right:10px; padding:30px; width:240px; height:64px; font-size:18px; line-height:28px; color:#Fc6c00; font-weight:700; text-align:right; border:1px solid #b4b4b4; border-radius:5px; box-sizing:border-box; outline:none; }
#myPoint01 .point_bx dd input:focus{ border-color:#Fc6c00;}
#myPoint01 .point_bx dd a{ display:inline-block; vertical-align:top; width:160px; height:64px; font-size:16px; line-height:px; color:#fff; text-align:Center; border:1px solid #Fc6c00; box-sizing:border-box; border-radius:5px; letter-spacing:-0.05em; }
#myPoint01 .point_bx dd a.btn01{ color:#fff; background:#Fc6c00; }
#myPoint01 .point_bx dd a.btn02{ color:#Fc6c00; }

#myPoint02{ background:#efefef; }

/* 충전소 찾기 */
#subFindStore #sch_bx{ margin-top:60px;}
#subFindStore #map{ width:1200px; height:480px; background:#ddd }

/* 충전기신청 */
#subApForm{ background:#efefef; }

/*충전기 고장신고*/
#subBreak{ background:#efefef; }

/* */
#subPolicy .txt_wrap{ font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; }

/* 회사소개 */
#subCompany .bx{ font-size:0; }
#subCompany .bx > div{ display:inline-block; vertical-align:top; box-sizing:border-box; }
#subCompany .bx > div.left{ width:calc(100% - 490px); padding-right:110px; }
#subCompany .bx > div.left .list_bx{ display:table; width:100%; height:175px; margin-bottom:30px; }
#subCompany .bx > div.left .list_bx ul{ display:table-cell; vertical-align:middle; padding:10px 30px; background:#f6f6f6; }
#subCompany .bx > div.left .list_bx ul li{ position:relative; margin-bottom:5px; padding-left:18px; font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; word-break: keep-all; }
#subCompany .bx > div.left .list_bx ul li:last-child{ margin-bottom:0; }
#subCompany .bx > div.left .list_bx ul li:after{ content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background:#999; border-radius:50%; }
#subCompany .bx > div.left table{ border-top:1px solid #333; width:100%; }
#subCompany .bx > div.left table tr{ border-bottom:1px solid #ddd; }
#subCompany .bx > div.left table th{ height:60px; padding:15px 0; font-size:16px; line-height:26px; color:#111; font-weight:700; letter-spacing:-0.05em; text-align:center; box-sizing:border-box; border-right:1px solid #ddd; }
#subCompany .bx > div.left table td{ height:60px; padding:15px 30px; font-size:15px; line-height:26px; color:#666; letter-spacing:-0.05em;  box-sizing:border-box;}
#subCompany .bx > div.left table td ul.history_list li{ margin-bottom:8px; font-size:0; }
#subCompany .bx > div.left table td ul.history_list li:last-child{ margin-bottom:0; }
#subCompany .bx > div.left table td ul.history_list li span{ display:inline-block; vertical-align:top; width:58px; font-size:15px; line-height:26px; font-weight:700; }
#subCompany .bx > div.left table td ul.history_list li p{ display:inline-block; vertical-align:top; width:calc(100% - 58px); font-size:15px; line-height:26px; }
#subCompany .bx > div.right{ width:490px; }

/* 주요사업 */
#subBiz .txt1{ margin-bottom:60px; font-size:24px; line-height:34px; color:#111; font-weight:700; text-align:center; letter-spacing:-0.05em; }
#subBiz .bx{ background:#efefef; border-radius:20px; font-size:0; text-align:center; padding-bottom:75px; }
#subBiz .bx > strong{ display:Block; position:relative; top:-30px; margin:0 auto 35px; width:420px; font-size:20px; line-height:60px; color:#fff; font-weight:700; letter-spacing:-0.05em; text-align:center; border-radius:30px; background:#Fc6c00; }
#subBiz .bx dl{ display:inline-block; vertical-align:top; width:310px; margin-right:30px;}
#subBiz .bx dl:last-of-type{ margin-right:0; }
#subBiz .bx dl dt{ height:170px; padding-top:102px; border-radius:5px; font-size:20px; line-height:30px; color:#666; font-weight:700; letter-spacing:-0.05em; box-sizing:border-box; font-family: 'NanumSquare', sans-serif; }
#subBiz .bx dl dd ul{ margin-top:20px; text-align:left; }
#subBiz .bx dl dd ul li{ position:relative; padding-left:20px; margin-bottom:4px; font-size:16px; line-height:24px; color:#666; font-weight:700; letter-spacing:-0.05em; }
#subBiz .bx dl dd ul li:after{ content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background:#999; border-radius:50%; }

#subBiz .bx dl.dl01 dt{ background:#fff url('../images/sub/biz_icon01.png') no-repeat center 45px; }
#subBiz .bx dl.dl02 dt{ background:#fff url('../images/sub/biz_icon02.png') no-repeat center 45px; }
#subBiz .bx dl.dl03 dt{ background:#fff url('../images/sub/biz_icon03.png') no-repeat center 45px; }

#subBiz .step_bx{ margin-top:65px; }
#subBiz .step_bx ul{ position:relative; font-size:0; padding-left:115px; }
#subBiz .step_bx ul:before{ content:''; position:absolute; right:0; top:0; width:18px; height:21px; background:url('../images/sub/biz_ar.png') no-repeat center; z-index:1;}
#subBiz .step_bx ul:after{ content:''; position:absolute; left:0; top:8px; width:99%; height:7px; background:#efedf9; }
#subBiz .step_bx ul li{ position:relative; display:inline-block; vertical-align:top; padding-top:30px; width:25%; font-size:18px; line-height:28px; color:#444; font-weight:700; letter-spacing:-0.05em; text-align:center; }
#subBiz .step_bx ul li:after{ content:''; position:absolute; left:-5px; top:3px; width:20px; height:20px; background:#3a279f; border-radius:50%; z-index:1; }

/* 전기차 충전기 설치 절차 */
#subInstall .bx{ margin-top:12px; font-size:0; display:flex; flex-wrap:wrap; }
#subInstall .bx > div{ display:inline-block; vertical-align:top; background:#f9f5fb; border-radius:20px; padding:40px 30px; margin-right:20px; }
#subInstall .bx > div:last-of-type{ margin-right:0; }
#subInstall .bx > div strong{ display:block; margin-bottom:15px; font-size:16px; line-height:26px; color:#111; font-weight:700; letter-spacing:-0.05em; }
#subInstall .bx > div ul li{ position:relative; padding-left:16px; margin-bottom:2px; font-size:15px; line-height:24px; color:#666; letter-spacing:-0.05em; }
#subInstall .bx > div ul li span{ font-size:14px; }
#subInstall .bx > div ul li:last-child{ margin-bottom:0; }
#subInstall .bx > div ul li:after{ content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background:#999; border-radius:50%; }