@charset "utf-8";

/* 하단버튼 */
.btn_area{ margin-top:40px; font-size:0; text-align:center; }
.btn_area a{ display:inline-block; vertical-align:top; margin:0 5px; width:180px; height:64px; font-size:17px; line-height:62px; border:1px solid #Fc6c00; letter-spacing:-0.05em; border-radius:5px; font-weight:700; box-sizing:border-box; }
.btn_area a.btn01{ background:#Fc6c00; color:#fff; }
.btn_area a.btn02{ background:#Fc6c00; border-color:#Fc6c00; color:#fff; }
.btn_area a.btn03{ border-color:#Fc6c00; color:#Fc6c00; }

.btn_area.size0 a{ width:120px; height:64px; }
.btn_area.size1 a{ width:180px; height:64px; }
.btn_area.size2 a{ width:240px; height:64px; }

/* 체크박스 */
.chk_bx{display:inline-block; vertical-align:middle; position:relative; margin-bottom:20px; }
.chk_bx > input[type="checkbox"]{position:relative; top:-1px; vertical-align:middle;}
.chk_bx:not(#cssbrowser)>input[type="checkbox"]{position:absolute; left:0; top:0; width:0; height:0; margin:0; opacity:0;}
.chk_bx:not(#cssbrowser)>input[type="checkbox"] + label{display:inline-block; cursor:pointer; padding-left:30px; color:#111; font-size:16px; line-height:20px; font-weight:700; letter-spacing:-0.05em; position:relative;}
.chk_bx:not(#cssbrowser)>input[type="checkbox"] + label:after{content:''; width:24px; height:24px; display:block; background:url('../images/icon/chk_off.png') no-repeat 0 0; position:absolute; left:0; top:0; transition:all .2s cubic-bezier(0,0,.01,.98); -webkit-transition:all .2s cubic-bezier(0,0,.01,.98); -moz-transition:all .2s cubic-bezier(0,0,.01,.98);}
.chk_bx:not(#cssbrowser)>input[type="checkbox"]:checked + label:after{background-image:url('../images/icon/chk_on.png')}
.chk_bx > a{display:inline-block; vertical-align:middle; color:#8b8b8b; font-size:15px; text-decoration:underline;}
.fs18{ font-size:18px !important; }

.ck_list .chk_bx{ margin-right:10px !important; }
.ck_list .chk_bx:last-of-type{ margin-right:0 !important; }

/* 라디오 버튼 */
.radio_bx{ font-size:0; }
.radio_bx .radio{ display:inline-block; position:relative; margin-right:15px; }
.radio_bx .radio:last-of-type{ margin-right:0;}
.radio_bx label{ padding-left:26px; font-size:13px; line-height:26px; color:#666; cursor:pointer; letter-spacing:-0.05em; }
.radio_bx input[type="radio"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio_bx input[type="radio"] + label:before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('../images/icon/radio_off.png') no-repeat center; }
.radio_bx input[type="radio"]:checked + label:before{ background:url('../images/icon/radio_on.png') no-repeat center; } 

/* 검색 */
#sch_bx{ margin-bottom:30px; border:1px solid #Fc6c00; padding:24px 30px; text-align:center; font-size:0; }
#sch_bx select{ display:inline-block; vertical-align:top; margin-right:6px; padding-left:15px; width:320px; height:50px; font-size:14px; border:1px solid #d2d2d2; border-radius:5px; letter-spacing:-0.05em; box-sizing:border-box; }
#sch_bx input{ display:inline-block; vertical-align:top; margin-right:6px; height:50px; padding:12px 20px; font-size:14px; line-height:24px; border:1px solid #d2d2d2; border-radius:5px; letter-spacing:-0.05em; box-sizing:border-box; }
#sch_bx a{ display:inline-block; vertical-align:top; width:50px; height:50px; background:#Fc6c00 url('../images/icon/icon_sch.png') no-repeat center; border-radius:5px; text-indent:-9999px; }

/* 첨부파일 디자인 */
.fileBox{ position:relative; overflow:hidden;}
.fileBox input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; top:0; left:0;}
.fileBox input[type=text]{float:left; width:calc(100% - 104px) !important; height:50px; padding:11px 16px; font-size:16px; line-height:26px; color:#333; letter-spacing:-0.05em; border:1px solid #dbdbdb; }
.fileBox label{cursor:pointer; float:left; text-align:center; margin-left:4px; width:100px; height:54px; font-size:14px; line-height:52px; background:#f0f0f0; color:#Fc6c00; font-weight:700; letter-spacing:-0.05em; border:1px solid #d2d2d2; box-sizing:border-box; border-radius:5px; }

/* 공통 입력 폼 */
table.tableS01{ width:100%; border-top:1px solid #Fc6c00; table-layout:fixed; }	
table.tableS01 tbody tr{ border-bottom:1px solid #dadada; }
table.tableS01 tbody th{ padding:10px 0 10px 30px; height:74px; font-size:16px; line-height:26px; color:#212121; letter-spacing:-0.05em; background:#f5f4fa; font-weight:700; text-align:left; box-sizing:border-box; }
table.tableS01 tbody td{ padding:10px 20px; height:74px; box-sizing:border-box; font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; }
table.tableS01 tbody td input{ padding:16px 16px; width:360px; height:54px; font-size:15px; line-height:20px; color:#333; letter-spacing:-0.05em; border:1px solid #d2d2d2; border-radius:5px; box-sizing:border-box; }
table.tableS01 tbody td .short{width:100px;}
table.tableS01 tbody td select{ padding-left: 16px; width:480px; height:54px; font-size:15px; line-height:20px; color:#333; letter-spacing:-0.05em; border:1px solid #d2d2d2; border-radius:5px; box-sizing:border-box; }
table.tableS01 tbody td .phone_bx{ font-size:0; }
table.tableS01 tbody td .phone_bx select{ width:140px; }
table.tableS01 tbody td .phone_bx input{ width:140px;}
table.tableS01 tbody td .phone_bx > span{ display:inline-block; vertical-align:middle; width:30px; font-size:15px; line-height:25px; color:#666; text-align:center; }
a.tb_btn, span.tb_btn{ display:inline-block; vertical-align:middle; margin-left:5px; padding: 0 20px; min-width:110px; height:54px; font-size:14px; line-height:52px !important; text-align:center; box-sizing:border-box; border-radius:5px; font-weight:700;}
a.tb_btn.btn01, span.tb_btn.btn01{ background:#f0f0f0; color:#Fc6c00 !important; border:1px solid #d2d2d2; }
a.tb_btn.btn02, span.tb_btn.btn02{ border:1px solid #Fc6c00; color:#Fc6c00 !important; }
.sidetxt{ display:inline-block; vertical-align:middle; padding-left:17px; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; }

table.tableS01 tbody td .email_bx{ font-size:0; }
table.tableS01 tbody td .email_bx input{ width:280px; }
table.tableS01 tbody td .email_bx span{ display:inline-block; vertical-align:middle; width:30px; font-size:15px; line-height:25px; color:#666; text-align:center; }
table.tableS01 tbody td .email_bx select{ width:324px; margin-left:6px; }

/* 공통 리스트 */
table.table_list01{ width:100%; border-top:2px solid #Fc6c00; table-layout:fixed; }
table.table_list01 thead tr th{ padding:10px 0; height:60px; font-size:15px; line-height:25px; color:#111; letter-spacing:-0.05em; font-weight:700; border-bottom:1px solid #Fc6c00; box-sizing:border-box; }
table.table_list01 tbody tr td{ padding:10px 0; height:60px; font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; text-align:Center; border-bottom:1px solid #dadada; box-sizing:border-box; }
table.table_list01 tbody tr:nth-of-type(2n-1){ background:#fbf9fc; }
table.table_list01.cursor td{ cursor:pointer; }
table.table_list01 tbody tr td.link{ text-align:left; padding:10px 20px; }
table.table_list01 tbody tr td.link a{ display:block; color:#666; max-width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
table.table_list01 tbody tr td.link a:hover{ text-decoration:underline; }

.no_list{ padding:100px 0; font-size:15px; line-height:25px; color:#aaa; text-align:center; border-bottom:1px solid #dadada; letter-spacing:-0.05em; font-weight:700;}
.no_list.bb_n{ border-bottom:0;}

/* 페이지 */
.page_btn{ position:relative; margin-top:40px; font-size:0; text-align:center; }
.page_btn > a{ display:inline-block; vertical-align:top; margin:0 2px; width:36px; height:36px; font-size:13px; line-height:34px; color:#666; text-align:center; border:1px solid #ccc; box-sizing:border-box; border-radius:3px; }
.page_btn > a.on{ color:#fff; border-color:#Fc6c00; background:#Fc6c00; }
.page_btn > a.btn{ text-indent:-9999px; }
.page_btn > a.btn_first{ background:#f5f5f5 url('../images/btn/btn_first.png') no-repeat center; }
.page_btn > a.btn_prev{ background:#f5f5f5 url('../images/btn/btn_prve.png') no-repeat center; }
.page_btn > a.btn_next{ background:#f5f5f5 url('../images/btn/btn_next.png') no-repeat center; }
.page_btn > a.btn_last{ background:#f5f5f5 url('../images/btn/btn_last.png') no-repeat center; }

/* 마이페이지 > 나의충전내역 */
#myCharge .charge_sch{ font-size:0; }
#myCharge .charge_sch > div{ display:inline-block; vertical-align:top; }
#myCharge .charge_sch > div.left{ width: 100%; font-size:0; }
#myCharge .charge_sch > div.left dl{ display:inline-block; vertical-align:top; font-size:0; margin-right:40px; }
#myCharge .charge_sch > div.left dl:last-of-type{ margin-right:0; }
#myCharge .charge_sch > div.left dl dt{ display:inline-block; vertical-align:top; padding-right:15px; font-size:15px; line-height:50px; color:#Fc6c00; font-weight:700; letter-spacing:-0.05em; }
#myCharge .charge_sch > div.left dl dd { display:inline-block; vertical-align:top; }
#myCharge .charge_sch > div.left dl dd .date_bx{ font-size:0; }
#myCharge .charge_sch > div.left dl dd .date_bx input{ padding:12px 19px; width:180px; height:50px; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; border:1px solid #d2d2d2; border-radius:5px; box-sizing:border-box; background:url('../images/icon/icon_cal.png') no-repeat 140px center; }
#myCharge .charge_sch > div.left dl dd .date_bx span{ display:inline-block; vertical-align:top; width:20px; font-size:15px; line-height:50px; color:#Fc6c00; font-weight:700; text-align:center; }
#myCharge .charge_sch > div.left dl dd .sch_bx{ border:1px solid #d2d2d2; border-radius:5px; font-size:0; overflow:hidden; }
#myCharge .charge_sch > div.left dl dd .sch_bx input{ display:inline-block; vertical-align:top; padding:12px 20px; height:48px; width:600px; font-size:14px; line-height:24px; color:#666; letter-spacing:-0.05em; box-sizing:border-box; border:0; outline:none; }
#myCharge .charge_sch > div.left dl dd .sch_bx a{ display:inline-block; vertical-align:top;width:48px; height:48px; background:url('../images/btn/btn_sch.png') no-repeat center; }

#myCharge .charge_sch > div.right{ width:100%; font-size:15px; line-height:50px; color:#Fc6c00; text-align:right; letter-spacing:-0.05em; margin-top: 20px;}
#myCharge .charge_sch > div.right span{ font-weight:700;}
#myCharge .charge_sch > div.right strong{ padding-left:10px; font-size:20px; color:#Fc6c00; font-weight:800; }

/* 입력 폼 */
.formS01{ margin:0 auto; padding:40px 60px 60px; width:100%; max-width:760px; background:#fff; border-radius:20px; box-sizing:border-box; }
.formS01 .dl_wrap{ border-top:1px solid #Fc6c00; }
.formS01 .dl_wrap dl{ display:table; width:100%; table-layout:fixed; border-bottom:1px solid #dadada; } 
.formS01 .dl_wrap dl dt{ display:table-cell; vertical-align:middle; width:130px; height:74px; padding:10px 0 10px 20px; font-size:16px; line-height:26px; color:#111; letter-spacing:-0.05em; font-weight:700; box-sizing:border-box; }
.formS01 .dl_wrap dl dd{ display:table-cell; vertical-align:middle; height:74px; padding:10px 10px; font-size:15px; line-height:25px; color:#333; letter-spacing:-0.05em; box-sizing:border-box; }
.formS01 .dl_wrap dl dd input[type="text"], .formS01 .dl_wrap dl dd input[type="password"], .formS01 .dl_wrap dl dd input[type="number"]{ display:inline-block; padding:16px 20px; height:54px; font-size:15px; line-height:20px; color:#666; letter-spacing:-0.05em; text-align:left; border:1px solid #d3d3d3; box-sizing:border-box; border-radius:5px; outline:none; }
.formS01 .dl_wrap dl dd select{ display:inline-block; padding:0 0 0 20px; width:100%; height:54px; font-size:15px; line-height:20px; color:#666; letter-spacing:-0.05em; text-align:left; border:1px solid #d3d3d3; box-sizing:border-box; border-radius:5px; outline:none; box-sizing:border-box;}
.formS01 .dl_wrap dl dd textarea{ display:inline-block; height:200px; padding:10px 7px; width:100%; font-size:15px; line-height:20px; color:#666; letter-spacing:-0.05em; text-align:left; border:1px solid #d3d3d3; box-sizing:border-box; border-radius:5px; outline:none; box-sizing:border-box;}
.formS01 .dl_wrap dl dd input[type="text"]:focus, .formS01 .dl_wrap dl dd input[type="password"]:focus,.formS01 .dl_wrap dl dd select:focus,.formS01 .dl_wrap dl dd textarea:focus{ border-color:#Fc6c00; }
.formS01 .dl_wrap dl dd .sidetxt{ font-size:15px; line-height:25px; }
.formS01 .dl_wrap dl dd .chk_bx{ margin:0; }
.formS01 .dl_wrap dl dd .chk_bx label{ font-size:15px !important; line-height:20px !important; color:#333 !important; font-weight:400 !important; }

.formS01 .dl_wrap dl dd .card_name{ font-size:0; }
.formS01 .dl_wrap dl dd .card_name input{ width:270px; }
.formS01 .dl_wrap dl dd .card_name .radio_bx{ margin-left:20px; display:inline-block; vertical-align:middle; }
.formS01 .dl_wrap dl dd .input_list{ font-size:0; }
.formS01 .dl_wrap dl dd .input_list input{ display:inline-block; padding:16px 10px; margin-right:4px; width:102px; height:54px; font-size:15px; line-height:20px; color:#666; letter-spacing:-0.05em; text-align:center; border:1px solid #d3d3d3; box-sizing:border-box; border-radius:5px; }
.formS01 .dl_wrap dl dd .input_list input:last-of-type{ margin-right:0; }

.formS01 .dl_wrap dl dd .price_bx input{ margin-right:10px; width:180px; font-size:18px; color:#Fc6c00; font-weight:700; text-align:right; letter-spacing:0; }

.formS01 .dl_wrap dl dd .with_radio .radio_bx{ display:inline-block; vertical-align:middle; margin-left:20px; }

.formS01 .dl_wrap dl dd .phone_bx{ font-size:0; }
.formS01 .dl_wrap dl dd .phone_bx select{ width:110px; }
.formS01 .dl_wrap dl dd .phone_bx input{ width:110px; }
.formS01 .dl_wrap dl dd .phone_bx span{ display:inline-block; vertical-align:top; width:20px; font-size:15px; line-height:54px; color:#666; letter-spacing:-0.05em; text-align:center;}

.formS01 .dl_wrap dl dd .email_bx{ font-size:0; }
.formS01 .dl_wrap dl dd .email_bx input{ display:inline-block; vertical-align:top; width:calc(50% - 15px); }
.formS01 .dl_wrap dl dd .email_bx span{ display:inline-block; vertical-align:top; width:30px; font-size:15px; line-height:54px; color:#666; letter-spacing:-0.05em; text-align:center; }
.formS01 .dl_wrap dl dd .email_bx select{ margin-top:4px; }

.formS01 .dl_wrap dl dd .input_sch{ display:inline-block; border:1px solid #d3d3d3; border-radius:5px; }
.formS01 .dl_wrap dl dd .input_sch input{ border:0; width:115px; }
.formS01 .dl_wrap dl dd .input_sch a{ display:inline-block; vertical-align:top; width:40px; height:52px; background:url('../images/btn/btn_sch02.png') no-repeat left center; text-indent:-9999px; }
.formS01 .btn_area a{ font-size:16px; }

.formS01_term{ margin-top:30px; }
.formS01_term .term{ height:240px; padding:20px 25px; font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; border:1px solid #dadada; border-top-color:#Fc6c00; background:#fafafa; box-sizing:border-box; overflow-y:auto; }
.formS01_term .chk_bx_wrap{ margin-top:24px; text-align:center; }
.formS01_term .chk_bx_wrap .chk_bx{ display:inline-block; margin-bottom:0; }

/* 공통 뷰 */
.board_view{ border-top:2px solid #Fc6c00; }
.board_view .v_tit{ padding:25px 20px; }
.board_view .v_tit strong{ display:block; font-size:18px; line-height:28px; color:#111; letter-spacing:-0.05em; font-weight:400; }
.board_view .v_tit span{ display:block; margin-top:10px; font-size:15px; line-height:25px; color:#666; }
.board_view .v_file{ border-top:1px solid #dadada; background:#fbf9fc; font-size:0; padding:17px 0;}
.board_view .v_file strong{ display:inline-block; vertical-align:top; padding-left:20px; width:130px; font-size:15px; line-height:25px; color:#111; letter-spacing:-0.05em; font-weight:700; box-sizing:border-box; }
.board_view .v_file div{ display:inline-block; vertical-align:top; width:calc(100% - 130px); box-sizing:border-box;}
.board_view .v_file div a{ display:inline-block; vertical-align:top; position:relative; margin-right:10px; font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; }
.board_view .v_file div a:last-of-type{ margin-right:0; }
.board_view .v_file div a:after{ content:','; position:absolute; right:-5px; }
.board_view .v_file div a:last-of-type:after{ display:none; }

.board_view .v_con{ border-top:1px solid #Fc6c00; padding:30px 20px 50px; }
.board_view .v_con img{ max-width:100%; }

.board_view .v_page{ border-bottom:1px solid #acacac; }
.board_view .v_page dl{ border-top:1px solid #dadada; font-size:0; }
.board_view .v_page dl dt{ display:inline-block; vertical-align:top; width:130px; padding:0 34px 0 20px; box-sizing:border-box; }
.board_view .v_page dl dt span{ display:block; font-size:15px; line-height:60px; color:#111; font-weight:700; letter-spacing:-0.05em; }
.board_view .v_page dl.prev dt span{ background:url('../images/btn/page_prev.png') no-repeat right center; }
.board_view .v_page dl.next dt span{ background:url('../images/btn/page_next.png') no-repeat right center; }
.board_view .v_page dl dd{ display:inline-block; vertical-align:top; width:calc(100% - 130px); padding-right:20px; font-size:0; box-sizing:border-box; }
.board_view .v_page dl dd a{ display:inline-block; vertical-align:top; width:calc(100% - 100px); font-size:15px; line-height:60px; color:#666; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_view .v_page dl dd span{ display:inline-block; vertical-align:top; width:100px; font-size:15px; line-height:60px; color:#666; text-align:right;}

/**/ 
.faq_list { border-top:2px solid #Fc6c00; }
.faq_list .bx{ border-bottom:1px solid #dadada; }
.faq_list .bx .q_bx{ position:relative; display:table; width:100%; height:84px; padding:10px 64px 10px 63px; table-layout:fixed; box-sizing:border-box; }
.faq_list .bx .q_bx:before{ content:''; position:absolute; right:20px; top:50%; margin-top:-7px; width:24px; height:14px; background:url('../images/btn/faq_ar01.png') no-repeat center;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
.faq_list .bx .q_bx.on:before{ background:url('../images/btn/faq_ar02.png') no-repeat center; transform: rotate( 180deg ); -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg );}
.faq_list .bx .q_bx:after{ content:'Q'; position:absolute; left:20px; top:50%; font-size:30px; line-height:40px; color:#5b108b; font-weight:800; font-family: 'NanumSquare', sans-serif; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.faq_list .bx .q_bx > p{ display:table-cell; vertical-align:middle; width:100%; font-size:18px; line-height:28px; color:#111; letter-spacing:-0.05em; font-weight:700; }
.faq_list .bx .a_bx{ display:none; padding:25px 63px 40px; border-top:1px solid #dadada; background:#fbf9fc; }
.faq_list .bx .a_bx *{ font-size:15px; line-height:25px; color:#666; letter-spacing:-0.05em; }