@charset "utf-8";

/* ================================================
	common style
	source file: style.css
	target: CSS Level 2
================================================ */
/* common style */
body{font-size:12px; padding:0px; margin:0px; color:#666; font-family:"돋움";width:100%;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd{margin:0px; padding:0px; font-family:"돋움"; font-size:12px;}
ul, ol, dl{list-style:none; font-size:0;}
li, dt, dd{font-size:12px;}
table, th, td{margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; font-size:12px;}
fieldset{margin:0px; padding:0px; border:none;}
legend, caption{display:none;}
hr{display:none;}
img{font-size:0px; border:0px;}
input, select, textarea{font-family:"돋움"; color:#666; font-size:12px; vertical-align:middle;}
input[type=text],input[type=password],input[type=file],[type=tel]{height:16px; padding:4px 5px 2px; border:0; background-color:#ffffff;border:1px solid #E5E5E5;}
select{ vertical-align:middle;}
textarea{overflow:hidden; overflow-y:auto; padding:5px; border:1px solid #000; background-color:#fff; line-height:16px;}
a{color:#666; text-decoration:none;}
html,body,div,textarea{
scrollbar-face-color:#fff;
scrollbar-highlight-color:#DFDFDF;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#DFDFDF;
scrollbar-arrow-color:#9B9B9B;
scrollbar-track-color:#EFEFEF;
}




body {	-webkit-user-select:none; -webkit-text-size-adjust:none;}

#scroller {min-width:320px; overflow:hidden;}
.greenfont{color:#158603}
.redfont{color:#f30e0e}
.bluefont{color:#056eb0}
.grayfont{color:#929492}



/*header*/
.header{width:100%; height:43px; background:url(/en/images/krapp014.gif) repeat-x;}
.header .header_td1{padding:0 0 0 10px; width:50px;}
.header .header_td2{text-align:center;}
.header .header_td3{padding:0 10px 0 0; width:50px;}


.cusInfo{width:100%; margin-top:23px;}
.cusInfo td{font-weight:bold; color:#fff;  height:40px;}
.cusInfo .cusInfo_td1{background: url(/en/images/krapp004.gif) no-repeat right; width:21px;}
.cusInfo .cusInfo_td2{background: url(/en/images/krapp016.gif) repeat-x; text-align:center}
.cusInfo .cusInfo_td3{background: url(/en/images/krapp017.gif) repeat-x; width:1px;}
.cusInfo .cusInfo_td4{background: url(/en/images/krapp016.gif) repeat-x; text-align:center}
.cusInfo .cusInfo_td5{background: url(/en/images/krapp015.gif) no-repeat; width:21px;}

.join_top{text-align:center; padding:12px; border-bottom:1px #dfdddd solid}
.divtop{text-align:right; margin:17px 20px 0 0}




/*navi*/
.navi_Ul{width:100%;text-align:center; margin:37px 0 20px 0;}
.navi_Ul2{text-align:center; width:100%;margin-top:20px}
.navi_Ul li{padding-bottom:10px;}
.navi_Ul2 .case1{margin:auto;text-align:left;width:250px;font-size:10pt}
.navi_Ul2 .case2{margin:auto;text-align:left;width:250px;padding-left:30px;padding-top:5px}
.navi_Ul2 .case3{margin:auto;text-align:left;width:250px;padding-left:2px;line-height:1.2em;padding-top:10px}
.navi_Ul2 .case4{margin:auto;text-align:left;width:250px;padding-left:29px;}
.navi_Ul2 .case5{margin:auto;text-align:left;width:270px;padding-left:22px;;padding-top:10px;line-height:1.2em;color:#d70066}
.navi_Ul2 .case6{margin:auto;text-align:left;width:250px;padding-left:30px;color:#d70066}

/*충전게이트 테이블*/
#charge_wrap{width:100%;margin-top:10px}
#charge_div{width:260px;margin:auto;}
#charge_tb{margin-left:20px;width:240px}


/*요금잔액 충전 페이지 */
#charge_tb td{text-align:center;height:20px;border:1px #ddd solid}
.charge_ul1 .line1{line-height:1em;padding-bottom:2px}
.charge_ul1 .line2{line-height:1em;font-size:7pt}
.charge_ul2 {margin-top:5px}
.charge_ul2 .line1{line-height:1em;padding-bottom:2px}
.charge_ul2 .line2{line-height:1em;padding-bottom:2px;padding-left:124px}
.charge_ul3 {margin-top:30px}
.charge_ul3 .line1{line-height:1em;padding-bottom:2px;}
.charge_ul3 .line2{padding-top:10px;line-height:0.2em;font-size:7pt}
.charge_ul3 .line3{line-height:0.2em;font-size:7pt}






.krTable{width:100%; margin:7px 0 10px 0;}
.krTable .krTable_td1{background:url(/en/images/krapp005.gif) no-repeat; background-position: 16px 0px; height:6px; width:24px;}
.krTable .krTable_td2{background:url(/en/images/krapp018.gif) repeat-x top; height:6px; }
.krTable .krTable_td3{background:url(/en/images/krapp022.gif) no-repeat; height:6px; width:23px;}

.krTable .krTable_td4{background:url(/en/images/krapp020.gif) repeat-y; }
.krTable .krTable_td6{background:url(/en/images/krapp021.gif) repeat-y;}

.krTable .krTable_td7{background:url(/en/images/krapp006.gif) no-repeat; background-position: 16px 0px; height:7px; width:24px;}
.krTable .krTable_td8{background:url(/en/images/krapp019.gif) repeat-x bottom; height:7px;}
.krTable .krTable_td9{background:url(/en/images/krapp023.gif) no-repeat ; height:7px; width:23px;}


.rountTB{width:100%; margin:0px 0 10px 0;}
.rountTB .minDiv{min-width:289px;}
.rountTB .tTD1{width:24px; height:6px;background:url(/en/images/krapp005_1.gif) no-repeat 16px 0px;}
.rountTB .tTD2{background:url(/en/images/krapp018.gif) repeat-x;}
.rountTB .tTD3{width:24px;  background:url(/en/images/krapp022_1.gif) no-repeat ;}

.rountTB .mTD1{background:url(/en/images/krapp020.gif) repeat-y;}
.rountTB .mTD2{}
.rountTB .mTD3{ background:url(/en/images/krapp021.gif) repeat-y;}

.rountTB .bTD1{padding-left:24px; width:0px;  height:8px; background:url(/en/images/krapp006.gif) no-repeat 16px 0px;}
.rountTB .bTD2{ background:url(/en/images/krapp019.gif) repeat-x 0 0  ;}
.rountTB .bTD3{width:24px;  background:url(/en/images/krapp023.gif) no-repeat 0 0;}


.td_table{width:100%}
.td_table td img{vertical-align:middle;}
.td_table th{text-align:left; border-bottom:1px #e9e7e7 solid; height:28px; padding-left:3px;}
.td_table th img{margin-bottom:-2px}
.td_table td{padding:14px 6px 14px 6px; vertical-align:middle;}
.td_table ul li{line-height:18px; padding-bottom:10px}
.td_table ul li img{margin:0 7px 3px 0;}
.td_table .lasttd{text-align:center}
.td_table .lasttd img{margin:0 3px 0 3px}




.divcenter{text-align:center;}
.divcenter img{margin:20px 5px 25px 5px}
.divcenter font{color:#e71616}
.divcenter2{text-align:center;}
.divcenter2 img{margin-bottom:10px}
.divcenter3{text-align:center; padding:24px 0 0 0 }
.divcenter4{text-align:center; padding:40px 0 17px 0 }


/*join*/
.td_table2{width:100%}
.td_table2 th{text-align:right;}
.td_table2 th img{margin:0 4px 0 0}
.td_table2 td{padding:7px 6px 7px 6px}
.td_table2 td img{margin-bottom:-7px}
.td_table2 input[type=text]{width:100px} 



/*chargeList*/
.inTable{width:100%}
.inTable th{text-align:center; background:#6e6d6d; color:#fff; border-top:1px #bdbcbc solid; height:32px;}
.inTable td{text-align:center; padding:13px 0 13px 0; border-bottom:1px #e9e7e7 solid}
.inTable .noneborderTr {border-top:0px; border-bottom:0px;}
.inTable .noneborderTr2 {border-top:0px; border-bottom:1px #e9e7e7 solid;}

/*login*/
.td_table3{width:100%; margin-top:10px}
.td_table3 th{text-align:right; width:56%;}
.td_table3 td{padding:7px 6px 7px 6px; text-align:left;  width:44%}
.logbt{text-align:center; border-top:1px #dad9d6 solid}
.logbt img{margin:14px 5px 14px 5px}



/*useList*/
.inTable2{width:100%}
.inTable2 td{text-align:center; padding:5px 0 5px 0; border-bottom:0px}



/*notice*/
.noticeTb{width:100%;}
.noticeTb th{border-bottom:1px #d9d8d9 solid; padding:14px 20px 14px 0; text-align:right; background:#eceff1; width:20%}
.noticeTb td{ border-bottom:1px #d9d8d9 solid; padding:10px}
.noticeTb .detail_notice{border-top:0}


.noticeTb2{width:100%}
.noticeTb2 th{border-top:1px #d9d8d9 solid; border-bottom:1px #d9d8d9 solid; padding:14px 20px 14px 0; text-align:right; width:30%}
.noticeTb2 td{border-top:1px #d9d8d9 solid; border-bottom:1px #d9d8d9 solid; padding:10px}
.noticeTb2 td input[type=text]{width:200px}
.noticeTb2 td textarea{width:200px; border:1px #cac9c9 solid; height:70px}

.chargeSuccessWrap{border:1px #d5d3d3 solid; border-radius:8px; margin:10px 10px 10px 10px; padding:10px 10px 20px 10px;}
.chargeSuccessWrap .chargeSuccessNoti{border-top:1px solid #d5d3d3; border-bottom:1px solid #d5d3d3; padding-top:15px; margin-top:5px;}
.chargeSuccessWrap .chargeSuccessNoti img{margin-bottom:10px; margin-top:10px;}
.chargeSuccessWrap li{border-bottom:1px solid #d5d3d3; padding-top:10px; padding-bottom:10px;  text-align:left; padding-left:10px; }
.chargeSuccessWrap ul{margin-bottom:10px;}
.chargeSuccessWrap li span{display:inline-block; width:125px;}

.btn_v{width: 250px;height: 44px;color: #605f5f;border: 1px solid #d6d3d3;font-weight: bold;border-radius: 10px 10px;background: linear-gradient(0deg, rgba(242, 242, 242, 1) 50%, rgba(255, 255, 255, 1) 100%);}


/*loading*/
.loading{width:100%; height:100%; position:fixed; top:0px; left:0px; background:url(/images/myhome/bgpng.png) repeat-x; z-index:100; display:none;}
.loading2{width:250px; height:270px; border:2px #cdcbcb solid; text-align:center; background:#fff; z-index:100; margin:auto; margin-top:100px;}