.wrap {width:100%; max-width: 700px;}
.wrap .bg_box {height:445px; background:url(/assets/new_res/images/mainbg.jpg) no-repeat center; background-size: cover; margin: auto;}
.wrap .bg_box dl dd { padding-top: 10px}
.wrap .bg_box a img {width:110px;}
.main_text {padding:15px; font-size:15px; line-height:20px;}


.wrap .bg_box dl { position: relative; width:300px; margin: auto; padding-top:10px; text-align: center; }
.wrap .bg_box dl dd { position: relative;}
.wrap .bg_box dl dt {}
.wrap .bg_box dl dt img {max-width: 100%;}

.down_text {padding:20px 15px; margin: auto;}
.down_text dl dt {font-size:14px; padding-bottom:8px;}
.down_text dl dd {font-size:13px; padding-bottom:5px; padding-left:5px; line-height:18px;}
.down_text dl dd:before {width:1px; height:1px; top:7px;}
.down_text p {font-size:14px; font-weight:700;}



.sub_text { width: 300px;}
.sub_text p { font-size: 13px; right:25px; right: -50px; margin-top:50px}
.sub_text em { font-size:18px}

/*** 충전결과 ***/
.pop_wrap {width:100%;}
.pop_wrap .pop_top {height:45px; line-height:45px; font-size:20px; padding:0 15px;}
.pop_wrap .pop_top span img {width:25px;}
.pop_close {position:absolute; right:15px; width:20px; height:20px; top:12px;}
.pop_close img {width:100%;}
.pop_box {padding:20px 15px;}
.pop_box .pop_img dl dt {padding-bottom:15px;}
.pop_box .pop_img dl dt img {width:90px;}
.pop_box .pop_img dl dd {font-size:17px;}
.pop_box .pop_table {padding-top:20px;}
.pop_box .pop_table table tr th {font-size:14px; padding:10px;}
.pop_box .pop_table table tr td {font-size:14px;}
.pop_btn {padding-top:20px;}
.pop_btn .p_btn {width:160px; height:35px; line-height:35px; font-size:14px;}
.pop_box .pop_text {padding:20px 15px; margin-top:20px;}
.pop_box .pop_text dl dt {font-size:18px; padding-bottom:15px;}
.pop_box .pop_text dl dd {font-size:13px; padding-bottom:8px; line-height:18px;}
.l_btn {padding-top:10px;}
.l_btn a {font-size:13px;}



/*** 문의하기 ***/
.ask dl {padding-top:20px;}
.ask dl dt {font-size:15px; padding-bottom:10px;}
.ask dl dd textarea {padding:15px; height:130px; font-size:13px; line-height:18px;}
.selectric .label {font-size:13px; box-sizing:border-box;}
.btn_area {padding-top:20px;}
.btn_area span:nth-child(1) {padding-right:5px;}
.btn_area span:nth-child(2) {padding-left:5px;}
.btn_area span a {font-size:16px; height:38px; line-height:38px;}
.selectric {height:35px;}
.selectric .label {font-size:13px;line-height:35px; height:35px; padding-left:10px;}
.selectric .button {width: 35px;height: 35px;line-height: 35px;}
.selectric .button:after {width:35px; height:35px;}
.selectric-items ul, .selectric-items li {font-size:13px; line-height:18px;min-height:18px;}
.selectric-items li {padding:8px 10px;}
.select {height:35px;}



/*** 내역보기 ***/
.back {width:12px; height:21px; left:15px; top:10.5px;}
.back img {width:100%;}
.view_area dl dt {font-size:15px; padding-bottom:10px;}
.view_area dl dd {font-size:13px; height:35px; line-height:35px; padding-left:10px;}
.view_table {padding-top:20px;}
.view_table table thead tr th {height:40px; font-size:14px;}
.view_table table tbody tr td {font-size:13px; padding:10px 8px; line-height:18px;}

.view_table table tbody tr.view li .up .mt {padding:15px 10px 15px 50px; font-size:14px;}
.view_table table tbody tr.view li .up .mt:before {width:27px; height:27px; content:'Q'; display:block; left:15px; margin-top:-13.5px; line-height:27px; font-size:16px;}
.view_table table tbody tr.view li .up .st {padding:15px; font-size:13px; line-height:18px;}
.view_table table tbody tr.view li .down .tt {padding:15px 10px 15px 50px; font-size:14px;}
.view_table table tbody tr.view li .down .tt:before {width:27px; height:27px; content:'A'; display:block; left:15px; margin-top:-13.5px; line-height:27px; font-size:16px;}



/* 190708 추가분 */
.bg_box.cs { height: 95vw;
  background: url('/assets/new_res/images/cs_main_bg.jpg') no-repeat;  position: relative; width: 100%; background-position: center; background-size: cover; }
.bg_box.cs dl dt { position: relative; z-index: 2; padding-top: 11vw; }
.bg_box.cs dl dt img { max-width: 100%; }
.bg_box.cs dl dd { padding-top: 105px; }
.bg_box.cs dl dd a { width: 176px; height: 46px; display: inline-block; }
.bg_box.cs div.screen { position: absolute; z-index: 0; bottom: 0; display: inline-block; width: 100%; background: url('/assets/new_res/images/cs_main_screen.png') no-repeat; left: 50%; transform: translateX(-50%); background-position: center bottom; background-size: 100%;}
.bg_box.cs a.point_link { width: 35%; height: 9vw; bottom: 28.5vw;  }

.address { max-width: 70%; margin: 0 auto; background: #f1f1f1; padding: 25px 40px; font-size: 15px; box-sizing: border-box; color: #888; }
.address p { margin-bottom: 7px; }

.bg_box.cd { height: 95vw;  background: url('/assets/new_res/images/cs_main_bg.jpg') no-repeat;  position: relative; width: 100%; background-position: center; background-size: cover; }
.bg_box.cd dl dt { position: relative; z-index: 2; padding-top:  11vw; }
.bg_box.cd dl dt img { max-width: 100%; }
.bg_box.cd dl dd { padding-top: 105px; }
.bg_box.cd dl dd a { width: 176px; height: 46px; display: inline-block; }
.bg_box.cd div.screen { position: absolute; z-index: 0; bottom: 0; display: inline-block; width: 85%; background: url('/assets/new_res/images/cd_main_screen.png') no-repeat; left: 50%; transform: translateX(-50%); background-position: center bottom; background-size: 100%;}
.bg_box.cd a.point_link_d01 { width: 27%; height: 22vw; left: 6%; top: initial; bottom: 18vw; padding-top: 0; }
.bg_box.cd a.point_link_d02 { width: 27%; height: 22vw; right: 2%; top: initial; bottom: 10vw; padding-top: 0; }

.address { max-width: 100%; margin: 0 auto; background: #f1f1f1; padding: 25px 40px; font-size: 15px; box-sizing: border-box; color: #888; }
.address p { margin-bottom: 7px; }
/* //190708 추가분 */


@media all and (min-width:360px) and (max-width:449px) {

.wrap .bg_box {height:389px; background:url(/assets/new_res/images/mainbg.jpg) no-repeat center; background-size: cover;  margin: auto;}
.bg_box.point_s a.point_link { width: 35%; height: 8%;  bottom: 28vw; }
.wrap .bg_box dl { width: 270px; }
.wrap .bg_box a { padding-top: 10px;}
.wrap .bg_box a img {width:100px;}	
.sub_text p{ font-size: 12px; right:-10px; margin-top: 30px;}
.sub_text em { font-size:17px}


/* 190708 추가분 */
.bg_box.cs { height: 395px; background: url('/assets/new_res/images/cs_main_bg.jpg') no-repeat; position: relative; width: 100%; background-position: center; background-size: cover; }
.bg_box.cs a.point_link { height: 9vw; }
.bg_box.cs dl dt img { max-width: 90%; }
.bg_box.cs div.screen { width: 100%; }

.bg_box.cd { height: 395px; background: url('/assets/new_res/images/cs_main_bg.jpg') no-repeat; position: relative; width: 100%; background-position: center; background-size: cover; }
.bg_box.cd dl dt img { max-width: 90%; }
/* //190708 추가분 */
}

@media all and (min-width:320px) and (max-width:359px) {
.wrap .bg_box {height:350px;}
.wrap .bg_box dl { width: 240px; }
.wrap .bg_box a img { width: 90px;}
	.sub_text p { font-size: 11px; right:10px; margin-top: 30px;}
	.sub_text em { font-size: 15px; }
/* 190708 추가분 */
	.bg_box.point_s div.screen { width: 100%;  }
	.bg_box.point_s dl dt img { max-width: 80%; }
	.bg_box.cs a.point_link { height: 9vw; }
	.bg_box.cs dl dt img { max-width: 90%;  }
	.bg_box.cd dl dt img { max-width: 90%; }
/* //190708 추가분 */	
}
	
	
	
	
	
}