@charset "utf-8";

/* @media screen and (max-width:1920px) {
	.app_download .inner {padding:12% 20px;}
} */
@media screen and (max-width:1700px) {
/* 팝업 */
.silde_wrap {width: 80%!important;}
}

/* media view  1280사이즈*/
@media screen and (max-width:1280px) {
#intro_wrap2 {margin: 80px 20px;}
#member_section1 .member_contact a{font-size: 1em;}
#member_section2 .member_contact a{font-size: 1em;}
.promotion_personal .inner,
.promotion_prepayment .inner,
.promotion_general .inner,
.promotion_personal .pc_inner,
.promotion_prepayment .pc_inner,
.promotion_general .pc_inner {padding:0 20px;}
.service_uni .inner {padding: 70px 20px;}
.service_uni .text_list li:before {position:unset; float:left; padding-right:10px;}
#service_plan {padding:70px 20px;}

/* 찾아오시는 길 */
.visit {padding: 0 20px;}

} /* media view  1280사이즈*/

/* media view  1200사이즈*/ 
@media screen and (max-width:1200px) {	
#footer .inner {width: 90%;}

#header{background: #2365b8; height: auto;}
#header #gnb{display:none;}
#header h1{position: static; text-align: left; height:80px; margin-left: 90px;}
#header h1 a img{margin-top: 15px;}
#all_category{display: block;}
#header .logo_explain{top:45px; padding-left: 0;}

/* 앱 다운로드 배너  */
.app_download .inner {height: auto; padding: 90px;}
.app_download .top, .app_download .event_deadline p {font-size: 3vmin;}
.app_download .info {font-size: 4vmin;}
.app_download .title strong,
.app_download .title span {font-size: 8vmin}
.app_download .event_deadline{padding: 20px;}
.app_download .event_deadline .app_icon {max-width: 50px;}
}


/* media view  1060사이즈*/
@media screen and (max-width: 1060px){
	
.innerMethod{width: 100%;}

.sub_banner .sub_navi, .sub_banner .sub_contants{padding-left: 20px;}
.detail_list{margin:0 20px; width:auto;}
.detail_list3{margin:0 20px; width:auto;}
.input_contents img{width: 100% !important;}

.cg_intro_section1 .content1{float:none; margin:0 auto 70px;}
.cg_intro_section1 .content2{float:none; width:100%;}
.cg_intro_section1 .content2 .text_box{text-align:center;}
.cg_intro_section1 .content2 .text_box .strong{margin:0}
.cg_intro_section1 dl.text_box dt{margin-bottom:40px;}
.cg_intro_section1 dl.text_box dd:nth-child(2){margin-bottom:40px;}
.cg_intro_section4 .text_list .title{width:100%;}
.cg_intro_section4 .text_list > li:first-child .line_box{width:100%;}
.cg_intro_section4 .text_list > li:first-child .title{line-height: normal;}
.cg_intro_section4 .text_list > li:nth-child(2) .line_box, 
.cg_intro_section4 .text_list > li:nth-child(3) .line_box{width:100%;}
.cg_intro_section4 .text_list > li:last-child .line_box{width:100%}
.cg_intro_section4 .text_list .line_box span{width:98%;}
.cg_intro_section4 .text_list .content{width:100%;}

.uniev_intro{margin: 0 20px; width: auto;}
.ev_intro_section1 .content1{float:none; margin:0 auto 70px;}
.ev_intro_section1 .content2{float:none; padding:0; width:100%; text-align:center; border: 0;}
.ev_intro_section1 .content2 dl.text_box dt{margin-bottom: 40px;}
.ev_intro_section1 .content2 .text_box .strong:last-child{margin:0;}
.ev_intro_section2 {padding: 14% 8%;}
.ev_intro_section2 .inner{display:block;}
.ev_intro_section2 .content2{position:inherit; padding: 8%; text-align:center;}
.ev_intro_section2 .content1 .text_list,
.ev_intro_section2 .content3 .text_list {padding: 42px;}
.ev_intro_section3 .text_box .top,
.ev_intro_section3 .text_box .bottom{flex-wrap:wrap; justify-content: space-around;}
.ev_intro_section3 .text_box .top{margin-bottom: 0;}
.ev_intro_section3 .text_box .top .text_list {margin-bottom: 10%;}
.ev_intro_section3 .text_box .bottom .text_list:first-child {margin-right: 0;}

.fire_protection {margin: 150px 20px;}
.fire_protection .pc {display: none;}
.fire_protection .mo {display: block;}
.fire_section1 {margin-bottom: 130px;}
.fire_section2 > div .img_box, .fire_section2 > div .text_box {width: 100%;}
.fire_section2 > div .img_box {padding: 0; border-radius: 46px 46px 0 0;}
.fire_section2 > div .img_wrap {padding: 40px;}
.fire_section2 > div .text_box ul {padding: 40px;}
.fire_section2 .content1 .img_box {padding: 0;}
.fire_section2 .content1 .img_wrap img {width: 80%;}
.fire_section2 .content2 .img_box {padding: 0;}
.fire_section2 .content3 .img_box {padding: 0;}

.promotion_ev_transport .pc_view {display: none;}
.promotion_ev_transport .mo_view {display: block;}
.promotion_ev_transport .container {background-size: contain; background-color: #ccd2dd;}
.promotion_ev_transport .inner {background: #DDE3ED}

.personal_section1 .icon_list li{margin:0; width:calc(100% / 2 - 18px);}
.personal_section1 .icon_list li:nth-child(2n){margin-left: 28px;}
.personal_section1 .icon_list li:nth-child(n+1):nth-child(-n+2){margin-bottom: 28px;}

.promotion_prepayment .concept{margin: 130px 0 100px;}

.prepayment_section1,
.prepayment_section1 .content1 {margin-bottom: 130px;}
.prepayment_section1 .content1 {background: #F0F8FF;}
.prepayment_section1 .content2 {background: #EDEDFC;}
.prepayment_section1 .content1, 
.prepayment_section1 .content2 {position: inherit; min-height: auto; border: 2px solid #000000; box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.25);}
.prepayment_section1 .product {position: inherit; width: 100%; height:auto; background: none; border: none; box-shadow: none;}
.prepayment_section1 .product .content_wrap {position: inherit; transform: none;}
.prepayment_section1 .product .img_wrap {margin: 0 auto;}
.prepayment_section1 .explain {box-sizing: border-box; position: inherit; width: 100%; border: none; box-shadow: none;}
.prepayment_section1 .explain h4 {text-align: center;}
.prepayment_section1 .content1 .explain,
.prepayment_section1 .content2 .explain {padding: 0 10% 10%;}

/* 일반구매 */
.general_section1 .explain {box-sizing: border-box; position: inherit; width: 100%; border: none; box-shadow: none;}
.general_section1 .explain h4 {text-align: center;}
.general_section1 .content1 .explain,
.general_section1 .content2 .explain,
.general_section1 .content3 .explain {padding: 0 10% 10%;}

/* 설치안내 */
.customer_section1,
.customer_section2,
.customer_section3,
.customer_section4,
.customer_section5 {padding: 0 20px;}

/* 개인충전사업자 new */
.promotion_personal .title_wrap {width: 80%;}
}/* media view  1080사이즈 끝 */



/* media view  1024사이즈*/
@media screen and (max-width: 1024px){

#mainSection2 .section2_quote{height: auto; background-color:#fbf9ea; background-image: none;}
#mainSection2 .section2_title p{padding-bottom: 10px;}
#mainSection2 .section2_title{float:none; padding-top: 50px;}
#mainSection2 table{width: 80%; margin: 30px auto; text-align: center; display: table; padding-bottom: 50px;}
.section3_img3{display: none;}

#member_section1>.inner{width: 95%;}
#member_section1>.inner .member_area{padding:20px 0;}
#member_section2>.inner{width: 95%;}
#member_section2>.inner .member_area{padding:20px 0;}
#member_section1 .member_contact a{font-size: 0.8em;}
#member_section2 .member_contact a{font-size: 0.8em;}
#newsList > ul{padding: 0 30px;}

/* 찾아오시는 길 */
.visit {padding: 0 20px;}
.visit_footer .visit_transport {display: block;}
.visit_footer .visit_transport li:not(:last-child) {margin-bottom: 2%;}
.visit_footer .visit_transport li:not(:last-child):after {content: none;}
.visit_content .address li:not(:last-child):after {margin: 0 4vmin;}

}/* media view  1024사이즈 끝 */




/* media view  964사이즈*/
@media screen and (max-width:964px) {
#footer .inner {display: block; padding: 85px 0;}
#footer .inner .footer_logo {margin-bottom: 40px;}
#footer .footerInfoWrap {margin-bottom: 20px;}
#footer .footerNavWrap {display: block;}
#footer .footerNavBox {margin-bottom: 20px;}
#footer .footerCS li {font-size: 16px;}
#footer .footerCS li:not(:last-child) {margin-bottom: 10px;}
#footer .footerCS li:first-child {margin-bottom: 20px; font-size: 18px; font-weight: 800;}


.lnb_third ul li{width: 32.7%;}
.lnb_fourth ul li{width: 24%;}


.tab-content ul li ul{width: calc(100% - 40px);}
ul.tabId li{width: 24%; font-size: .8em; }
.tab-content ul li ul li:last-child p{font-size: 1.4em;}
.tab-content ul li ul li:first-child{width: 98%;}
.tab-content ul li ul li:last-child{width: 98%;}
.terms02_text{display: inline-block; width: 100%;vertical-align: top; }

.news_box{width: calc((100% / 2) - 18px);}
.news_box:nth-child(3n){margin-right:30px;}
.news_box:nth-child(2n){margin-right:0;}

/* 개인충전사업자 프로모션 */
.promotion_personal .pc {display:none;}
.promotion_personal .mo {display:block;}
.personal_section2 .text_list {padding: 0 40px;}
.personal_section2 .text_list .text_box,
.personal_section2 .text_list li:first-child .text_box,
.personal_section2 .text_list li:nth-child(4) .text_box {margin: 0 auto 62px; display: block; word-break: keep-all;}
.personal_section2 .text_list .text_box li {display: inline-block;}
.personal_section2 .text_list .text_box .line_box {width: 100%; display:none;}
.personal_section2 .text_box .order {vertical-align:bottom;}
.personal_section2 .text_box .title {padding: 0 0 10px 12px;}
.personal_section2 .text_box .line{width: 99%;}
.personal_section2 .text_box .detail {padding-top: 20px; width: 100%; text-align:left; font-size: 22px;}
.personal_section2 .text_box .detail .small {font-size: 18px;}
.personal_section2 .icon_list li:not(:last-child) {margin:0 0 30px;}

.personal_section3 > * {float: none;}
.personal_section3 .img_wrap {margin: 0 auto;}
.personal_section3 .qna_box {padding: 0}

.personal_section4 .content1 .content_list > li {display: block; margin-bottom: 40px; width: 100%;}
.personal_section4 .content2 .content_list {display: block;}
.personal_section4 .content2 .content_list .explain {margin-top: 10px;}

.personal_section5 h5 {width: 100%; border-right: 6px solid #fff;}
.personal_section5 table tr th,
.personal_section5 table tr td,
.personal_section5 table tr td:first-child{font-size: 18px; line-height: inherit;}
.personal_section5 .text_box h6 {font-size: 18px;}
.personal_section5 .text_box .text_list li,
.personal_section5 .text_box .text_list .normal {font-size: 16px; word-break:keep-all;}

.personal_section6 h4 {width: 100%; font-size: 28px;}
.personal_section6 .content{padding:10% 4%;}
.personal_section6 .icon_list li{width: 100%; min-height: 0;}
.personal_section6 .icon_list li:not(:last-child) {margin-bottom:60px;}

/* 개인충전사업자 new */
#promotion_personal .revenue.tab .content1 .content_wrap {position: inherit; transform: none;} /* 공유충전이랑 겹치는부분 수정 */
.personal_section2 table,
.promotion_personal .title_wrap {width:100%;}
.promotion_personal .sub_title {width: 160px; height: 24px; font-size: 22px;}
.promotion_personal .title_wrap {text-align: center;}
.promotion_personal .title_wrap > * {float: none; }
 
/* 전기화물차/택시 프로모션 */
.promotion_ev_transport .pc {display:none;}
.promotion_ev_transport .mo {display:block;}
.promotion_ev_transport .concept{margin:0 0 130px; padding: 24px 6%;}
.promotion_ev_transport .concept dt {font-size: 26px;}
.promotion_ev_transport .concept dd {font-size: 20px;}

.transport_section3 .text_list .detail .pc{display:none;}
.transport_section3 .text_list .detail .mo{display:inline;}

.transport_section1 .content ul{display: block;}
.transport_section1 .circle {margin: 0 auto; width: 250px; height: 250px;}
.transport_section1 .plus {margin: 40px auto; width: 74px; height: 74px; }
.transport_section1 .plus:before {width: 38px;}
.transport_section1 .plus:after {height: 38px;}
.transport_section1 .text_box h4{flex-direction: column;}
.transport_section1 .text_box .icon_wrap{margin-right: 0;}
.transport_section1 .explain1,
.transport_section1 .explain2 {font-size: 26px; text-align:left;}

.transport_section2 .content_list {padding:80px 0;}
.transport_section2 .content_list > li {display:block; margin-bottom: 40px; width: 100%;}
.transport_section2 .content_box .small {padding: 58px; background: rgba(255, 255, 255, 0.5);}

.transport_section3 .text_list .detail{margin-left:10px; display: inline;}
.transport_section3 .text_list .detail:last-of-type {margin-left:-4px;}
.transport_section3 .text_list li:first-child .explain {margin: 30px 0 0;}

.transport_section3 .content_box {display:block;}
.transport_section3 .content_box .product {margin:0 auto 40px;}
.transport_section3 .content_box .explain {margin: 0 auto;}
.transport_section3 .content_box2 .product {display: block;}
.transport_section3 .content_box2 .product li:first-child {margin:0 0 30px;}
.transport_section3 .content_box2 .product .content_wrap{width: 100%;}

.transport_section4 h4 {width: 100%; font-size: 28px;}
.transport_section4 .content {padding: 10% 4%;}
.transport_section4 .icon_list li {width: 100%; min-height: 0;}
.transport_section4 .icon_list li:not(:last-child) {margin-bottom: 60px;}

/* 선불충전 프로모션 */
.prepayment_section2 .line {justify-content: center;}
.prepayment_section2 .line:before,
.prepayment_section2 .line:after {content: none;}
.prepayment_section2 .title_wrap .img_wrap {justify-content: center; margin-right: 20px; max-width: 220px;}
.prepayment_section2 .content .text_box > li {display:block; width: 100%; text-align: center;}
.prepayment_section2 .content .text_box > li:first-child{margin: 0 0 88px 0;}

.prepayment_section3 .content h4 {text-align: center;}

.prepayment_section4 h4 {width: 100%; font-size: 28px;}
.prepayment_section4 .content {padding: 10% 4%;}
.prepayment_section4 .icon_list li {width: 100%;}
.prepayment_section4 .icon_list li:not(:last-child) {margin-bottom: 60px;}

/* 일반구매 프로모션 */

.general_section1 .additional_wrap {display: block; text-align:center;}
.general_section1 .additional_wrap .special {width: 100%;}
.general_section1 .additional_wrap .special strong {margin: 0; padding: 4px 20px; font-size: 26px;}
.general_section1 .additional_wrap a {margin-top: 14px;}

.general_section2 .line {justify-content: center;}
.general_section2 .line:before,
.general_section2 .line:after {content: none;}
.general_section2 .title_wrap .img_wrap {margin-right: 20px; max-width: 220px;}

.general_section3 > * {float: none;}
.general_section3  .img_wrap {margin:0 auto;}
.general_section3  .qna_box {padding:0; width:100%;}

.general_section4 h4 {width: 100%; font-size: 28px;}
.general_section4 .content {padding: 10% 4%;}
.general_section4 .icon_list li {width: 100%;}
.general_section4 .icon_list li:not(:last-child) {margin-bottom: 60px;}

/* 유니포인트, 유니마일 */
.service_uni .pc {display:none;}
.service_uni .content_wrap {display:block;}
.service_uni .left {padding:0;}
#service_UNIPoint .right .img_wrap,
#service_UNIMile .right .img_wrap {margin: 0 auto;}
.service_uni table {margin: 26px auto 58px;}

/* 유니차저 APP */
.app_intro .pc {display: none;}
.app_intro .mo {display: block;}
.app_intro h3 {font-size: 6vmin;}
.app_intro h3 strong {font-size: 8vmin;}
.app_intro h3 br {width: 1px; margin-bottom: 2vmin;}
.app_intro .slide_wrap {padding: 0 10%;}
.app_intro .btn_wrap {display: block;}
.app_intro .btn_wrap button {margin: 0 auto;}
.app_intro .btn_wrap button:first-child {margin: 0 auto 10px;}

/* 메인 앱 다운로드 배너 */
.app_download .pc {display: none!important;}
.app_download .mo {display: block!important;}
.app_download .inner {display:block; padding: 70px 0; height: auto; text-align:center;}
.app_download .inner .left { display:inline-block; text-align: center; }
.app_download .right_img_wrap {display: none;}
.app_download .title strong, .app_download .title span {font-size: 14vmin;}
.app_download .top {margin-bottom: 10%; font-size:5vmin;}
.app_download .top:after {content:none;}
.app_download .bottom_wrap {padding: 0 20px;}
.app_download .info {margin-bottom: 25%; display: block; font-size:5vmin;}
.app_download .info span{padding-left: 4%;}
.app_download .event_deadline {position: inherit; display: table; margin:0 auto 20%; padding: 16px 50px; border: 1px solid #004098; border-radius: 40px;}
.app_download .event_deadline p {font-size: 4vmin;}
.app_download .btn_wrap button {width: 100%; height: 12vmin; font-size: 4vmin; text-align: left;}
.app_download .btn_wrap button i {padding: 8%;}
.app_download .btn_wrap button svg {width: 4vmin;}
.app_download .title span {display: inline-block;} 

#service_plan .explain.bottom {font-size: 2.2vmin;}


/* 운수사업자 공유충전 */
.promotion_ev_transport_new .pc {display: none !important;}
.promotion_ev_transport_new .mo {display: block !important;}

.promotion_ev_transport_new > *,
.promotion_ev_transport_new .nomarl,
.promotion_ev_transport_new .color_right_blue,
.revenue.tab .content4 .content_wrap .case h5  {font-size: 3vmin;} /* font-size: 26px; */

.promotion_ev_transport_new .check_list li,
.pro_view.tab .content3 .left .check_btn_wrap button,
.faq.tab .inner dl dd,
.revenue.tab .content4 .explain_sm {font-size: 2.4vmin;} /* font-size: 22px  */

.promotion_ev_transport_new .main_content_wrap {padding: 0;}
.promotion_ev_transport_new .tab {padding:0 3%;}

.revenue.tab .content4 .explain_wrap p,
.promotion_ev_transport_new .concept_wrap {line-height: 20px;}
.promotion_ev_transport_new .title_wrap {display: block; text-align: center;}
.promotion_ev_transport_new .sub_title {margin:0 0 4%}
.promotion_ev_transport_new .sub_title.sm {margin: 0 2% 4% 0; width: 5vmin;}

.promotion_ev_transport_new .check_list li:before {top:1vmin; width: 1.8vmin;}
.promotion_ev_transport_new .check_list li {margin-bottom: 12px;}


.pro_view.tab .content2 .check_list {margin: 20px 0 0;}
.pro_view.tab .content2 .check_list li {justify-content: center;}

.pro_view.tab .content3 {text-align: center;}
.pro_view.tab .content3 > ul{padding-left: 10%;}
.pro_view.tab .content3 > ul > li {display: block; width: 100%; /* justify-content: center; */}
.pro_view.tab .content3 ul > li:not(:last-child) {margin-bottom: 12%;}
.pro_view.tab .content3 .left .num {text-align: left;}
.pro_view.tab .content3 .left .num > * {float: none;}
.pro_view.tab .content3 ol {margin: 0 0 0 9%; justify-content: center;}
.pro_view.tab .content3 ol li {/* justify-content: center; */}


.revenue.tab .content1 .content_wrap {position: relative; left: 60%; transform: translate(-50%, 0);}

.revenue.tab .content2 {text-align: center;}
.revenue.tab .content2 > ul {width: 80%; text-align: left; margin: 0 auto;}
.revenue.tab .content2 ul li > * {float: none;}

.revenue.tab .content3 {text-align: center;}
.revenue.tab .content3 > .sub_title.lg {padding: 15px; width: auto;}
.revenue.tab .content3 > div {display: block;}
.revenue.tab .content3 .item {justify-content: center;}
.revenue.tab .content3 .item .explain {width: auto;}
.revenue.tab .content3 .item .item_wrap {display: flex; justify-content: center; align-items: center; width: 80%;}
.revenue.tab .content3 .item .sub_title {margin: 0;}

/* 모바일 공유충전수익 분배 구조 및 방법 */
.revenue.tab .content3 .item:not(:last-child) {margin-bottom: 10%;}
.revenue.tab .content3 .item .top,
.revenue.tab .content3 .item .bottom {display: flex; justify-content: center; align-items: center;}
.revenue.tab .content3 .item .top .img_wrap {width: 30vmin;}
.revenue.tab .content3 .item .top .explain {width: 30vmin; font-size:3vmin}
.revenue.tab .content3 .item .bottom {margin-top: 6%;}
.revenue.tab .content3 .item .bottom .plus {margin: 0; font-size: 5vmin;}
.revenue.tab .content3 .item .bottom > div {width: 30vmin;}
.revenue.tab .content3 .item .bottom > div:first-child {margin-right: 78px;}

.revenue.tab .content3 .item .explain:before {content: none;}
.revenue.tab .content3 .mobile_content {align-items: center; display: flex !important; justify-content: space-around;}
.revenue.tab .content3 .mobile_content .sub_title,
.revenue.tab .content3 .mobile_content .plus {margin: 0;}


.revenue.tab .content4 .content_wrap {display: block;}
.revenue.tab .content4 .content_wrap .case {padding: 0 10%;}
.revenue.tab .content4 .content_wrap .case.silver {margin-bottom: 8%;}
.revenue.tab .content4 .explain_wrap {margin: 0 0 6% ;}

.faq.tab .inner .icon_wrap {width: 20%; top: 0; transform: translate(-50%, -78%);}

/* 출시 배경 */
.bg.tab .content > * {line-height: 150%; word-break: keep-all;}

.bg.tab .main_explain {background-position: right;}
.bg.tab .main_explain div {padding: 20px;}
.bg.tab .main_explain ol {padding: 16px 20px; width: auto; background: rgba(255, 255, 255, 0.8); }

.bg.tab .sub_explain {display: block;}
.bg.tab .sub_explain h5 {font-size: 4vmin;}
.bg.tab .sub_explain span {padding-right: 10px; font-size: 5vmin;}
.bg.tab .sub_explain dt {margin: 4% 0; justify-content: center;}

/* 찾아오시는 길 */
.visit_header h3 {font-size: 4vmin;}
.visit_footer h4 {font-size: 3.5vmin;}
.visit_header p,
.visit_content .address li {font-size: 3vmin;}
.visit_content .address {display:block; height: auto; padding: 4vmin;}
.visit_content .address li:not(:last-child):after {content: none;}
.visit_content .address li:before {content: "·\00a0\00a0"; display: inline-block;}
.visit_footer .visit_transport li {font-size: 2.5vmin;}
.visit_footer .visit_transport li svg {width: 20px; height: 20px;}
} /* media view  964사이즈*/



/* media view  780사이즈*/
@media screen and (max-width:780px) {
/* 팝업 */
.silde_wrap {width: 60%!important;}
.silde_wrap .swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset,-50px);}
.silde_wrap .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset,-50px);}

#header h1{position: static; text-align: left; height:80px; margin-left: 70px;}
#mainSection4 .section4_explain01>li{width: 47%;}
#mainSection4 .section4_explain01>li:last-child{width: 96%;}

#mainSection4 .section4_explain02 li{width: 100%; display: block;}
#mainSection5 h2{background-image: none; background: #f84206; text-align: center;}

#modal_alertAuth{margin-left: auto; width: 95%; }
.modalWrap{width: 95% !important; text-align: center; margin:0 auto;  left:0; right:0; font-size: 0.8rem;}
#footer .footerCustom{font-size: 0.8rem;}
#footer .footerCustom b{font-size: 1.5rem;}
#footer .footerInfo li{line-height: 1.5rem;}
#mainSection9 li{height: auto;}
#mainSection9 li a{padding-bottom: 25px;}

#mainSection3{margin: 40px auto;}
#mainSection2 ul li{width: 32.5%;}
#mainSection2 ul li h3{display: block; padding-top:10px; font-size: 1em;}

#mainSection3 >div{width: 100%; margin: 0 auto 20px auto; }
#mainSection3 .section3_right h3, #mainSection3 .section3_left h3 {float: none; margin-left: 5%; }
#mainSection3 .section3_right ul li, #mainSection3 .section3_left ul li {float: none; margin-left: 5%;}

.product_title, .product_img{width: 100%;}
.product_img{text-align: center;}
.product_explain{margin-bottom: 50px;}
.product_left{display: block;}
#product_section1>.inner{ overflow-x: scroll;}
#product_section1 table{ /*min-width: 768px;*/ float:inherit;}
#product_section1.product_wrap table{width: 100%;} /* 충전서비스 > 충전기 테이블 스타일 적용 */

.Qmenu_upload{overflow-x: scroll;}
.Qmenu_upload table{ min-width: 768px;}

.free_apply{overflow-x: scroll;}
.free_apply table{ min-width: 768px;}

#product_section3 .lease_wrap{ overflow-x: scroll;}
#product_section3 table{ min-width: 768px;}

#service_section2>.inner{ padding:70px 10px 150px 10px; overflow-x: scroll;}
/*#service_section2 table{ min-width: 768px;}*/

#service_section4 .board_list{ overflow-x: scroll;}
#service_section4 table{ min-width: 768px;}

#customer_section1 .board_list{ overflow-x: scroll;}
#customer_section1 table{ min-width: 768px;}

.Qmenu_input{width: calc(100% - 40px) ; } 
.Qmenu_payment{width: calc(100% - 40px); } 
.Qmenu .complate_btn a{width: 55%;}
.Qmenu_code input{width: 100%;}

.complate_btn03 a{width: 40%; cursor:pointer;}

.product_explain3 .product_cs01, .product_explain3 .product_cs02{width: 96%; padding: 20px 2%; }
.product_explain3 .product_cs02{border-top: 1px solid #ddd; }

.cg_intro_section1, .cg_intro_section2, .cg_intro_section3 {margin-bottom:200px;}
.cg_intro_section2 img.mo{display:block;}
.cg_intro_section2 img.pc{display:none;}

.ev_intro_section1, .ev_intro_section2{margin-bottom: 200px;}
.ev_intro_section2 .content3 .text_list ul:first-child {padding: 0 0 56px 0;}
.ev_intro_section3 .text_box .bottom .text_list:first-child {margin-bottom: 10%;}

/* 프로모션 하단 고객문의 공통 */

.tel {padding:6%}
.tel p {font-size: 20px; word-break: keep-all;}
.tel strong {display: flex; justify-content: center; align-items: center; font-size: 50px;}
.tel svg {padding-right: 10px; width: 50px;}

/* 개인충전사업자 프로모션  */
.promotion_personal .concept dt{font-size: 26px;}
.promotion_personal .concept dd {font-size: 20px;}

.personal_section1 .icon_list > li > div {box-sizing:border-box; padding: 40px; min-height: 250px;}
.personal_section1 .icon_list > li > p {font-size: 24px;}

.personal_section2 .strong {font-size:30px;}
.personal_section2 .normal {font-size:22px;}
.personal_section2 .text_box .title {font-size: 28px;}

.personal_section3 .qna_box dt {margin: 25px 0; font-size: 30px;}
.personal_section3 .qna_box dd {font-size: 22px; line-height: 40px; word-break: keep-all;}

.personal_section4 h4{font-size: 30px;}
.personal_section4 .content1 .content_box .normal,
.personal_section4 .content2 .content_list .title {font-size: 26px;}
.personal_section4 .content1 .content_box .kwh {font-size: 34px;}
.personal_section4 .content1 .content_box .small,
.personal_section4 .content2 .content_list .explain {font-size: 22px;}

/* .personal_section5 .title {position:relative; display:block; margin-bottom: 40px; font-size: 30px;} */
/* .personal_section5 .title span{width: 100%;display: inline-block;} */
/* .personal_section5 .title span:last-of-type{text-align: right;} */
/* .personal_section5 .title .img_wrap{position: absolute; display: inline-block; z-index: -1;}
.personal_section5 .title .img_wrap:first-of-type{top: -75px;}
.personal_section5 .title .img_wrap:last-of-type{ right: 0px; top: -26px;} */
.personal_section5 .text_box .text_list .normal {text-indent: 10px;}

/* 개인충전사업자 new */
.promotion_personal .tab h3 {font-size: 28px;}
.promotion_personal .tab .concept_wrap {font-size: 20px; line-height: 26px;}
.personal_section2 table th, 
.personal_section2 table td {border: 5px solid #fff; word-break: keep-all;}
.personal_section2 table tbody th,
.personal_section2 table thead th:not(:first-child) {font-size: 18px;}
.personal_section2 table tbody td {font-size: 14px; line-height: 20px;}
.personal_section2 table tbody td .sm {font-size: 12px;}
.personal_section2 table tbody td ol li:first-child {margin-bottom:4px;}
.promotion_personal .title_wrap li {width: 100%; font-size: 20px; padding:0; word-break: keep-all;}
.promotion_personal .tab .explain  {width: 100%; font-size: 14px; word-break: keep-all; text-align: center;}
.promotion_personal .faq.tab .inner dl dt {font-size: 20px; word-break: keep-all;}
.promotion_personal .faq.tab .inner dl dd {font-size: 18px; word-break: keep-all;}
.promotion_personal .title_wrap li:first-child {padding-bottom: 15px;}
.promotion_personal .personal_section_new.content1 .sub_title {margin-bottom: 6%;}
.personal_section5 .sub_title {margin: 0 0 6%;}
.promotion_personal .personal_section_new.content1 .content_wrap ol li:first-child:after {right: -32%;}
.promotion_personal .personal_section_new.content1 .content_wrap ol li:nth-child(2):after {right: -38%;}
.personal_section5 .top_section {margin-bottom: 100px;}
.personal_section5 table tr td .sm {font-size: 14px;}
.personal_section5 .title {display: block;}
.personal_section5 .title > div { font-size: 28px;}
.personal_section5 .title > div:first-child {justify-content: start;}
.personal_section5 .title > div:last-child {justify-content: end;}
.personal_section5 .title .img_wrap {max-width: 50px;}

/* 전기화물차/택시 프로모션  */
.promotion_ev_transport .title {font-size: 33px;}
.promotion_ev_transport .normal {font-size: 26px;}
.promotion_ev_transport .small {font-size: 22px;}

.transport_section1 .circle{font-size:36px;}

.transport_section2 .content_box .kwh{font-size: 34px;}
.transport_section2 .notice {flex-direction: column; }
.transport_section2 .notice .icon_wrap {margin:0 0 16px 0;}
.transport_section2 .notice span{font-size: 22px;}

.transport_section3 .text_list .num {font-size: 46px;}
.transport_section3 .text_list .detail{font-size: 26px;}
.transport_section3 .text_list li:first-child .explain {font-size: 18px;}
.transport_section3 .content_box .product{width: 322px; height: 322px;}
.transport_section3 .content_box .product .img_wrap{padding: 3% 0; max-width: 269px;}
.transport_section3 .content_box .explain {width: 100%;}
.transport_section3 .content_box .explain p{font-size: 24px;}
.transport_section3 .content_box2 .title {font-size: 24px;}

/* 선불충전 프로모션 */
.promotion_prepayment .pc {display:none;}
.promotion_prepayment .mo {display:block;}

.promotion_prepayment .title {font-size: 30px;}
.promotion_prepayment .title2 {font-size: 26px;}
.promotion_prepayment .normal {font-size: 22px;}

.promotion_prepayment .concept dt {font-size:26px;}
.promotion_prepayment .concept dd {font-size:20px;}


.prepayment_section1 .explain .order {display:block;}
.prepayment_section1 .explain .order li{float: none;}
.prepayment_section1 .explain .order li:not(:last-child):after {position: static; display:block; margin: 40px auto; transform: rotate(90deg);}
.prepayment_section1 .explain .special h3 {font-size: 24px;}
.prepayment_section1 .content1 .explain .special .detail,
.prepayment_section1 .content2 .explain .special .detail ol{display: block; text-align: left;}
.prepayment_section1 .content1 .product .img_wrap {max-width: 294px;}
.prepayment_section1 .content1 .explain .img_wrap {margin: 0 auto 20px;}
.prepayment_section1 .content1 .explain .special .detail .small {font-size: 18px;}
.prepayment_section1 .content2 .product .img_wrap {max-width: 272px;}
.prepayment_section1 .content2 .explain .special .detail ol li:not(:last-child) {display: inline-block;}
.prepayment_section1 .content2 .explain .special .detail ol {text-align: center;}
.prepayment_section1 .content2 .explain .special .detail ol .normal {text-align: left;}

.prepayment_section2 .content .small {font-size: 18px;}

.prepayment_section3 .content .explain_list {font-size:16px;}

/* 일반구매 프로모션 */
.promotion_general .pc {display:none;}
.promotion_general .mo {display:block;}

.promotion_general .title {font-size: 28px;}
.promotion_general .title2 {font-size: 24px;}
.promotion_general .normal {font-size: 20px;}
.promotion_general .big {font-size: 40px;}

.promotion_general .concept .dt {font-size:26px;}
.promotion_general .concept .dd {font-size:20px;}
.promotion_general .concept .dd ol {font-size: 20px;}

.general_section1 .content1 .img_wrap1,
.general_section1 .content1 .img_wrap2,
.general_section1 .content2 .img_wrap1,
.general_section1 .content3 .img_wrap1 {margin: 0 auto;}

.general_section1 .content_wrap ol {display: block;}
.general_section1 .content_wrap .ev_name {font-size: 26px;}
 
.general_section1 .product .img_wrap {max-width: 272px;}
.general_section1 .content1 .product .img_wrap {max-width: 294px;}
.general_section1 .explain .order {display: block;}
.general_section1 .content1 .explain .order .arrow,
.general_section1 .explain .order li:nth-child(2) {margin: 16% auto;}
.general_section1 .explain .order .arrow {transform: rotate(90deg);}
.general_section1 .explain .order .text_wrap {padding: 40px; transform: rotate(-90deg);}
.general_section1 .explain .order li:first-child .mb {margin-bottom: 20px;}
.general_section1 .explain .order li:last-child .mb {margin-bottom: 15px;}
.general_section1 .explain .special h3 {font-size: 24px;}

.general_section2 .content .vat {font-size: 20px;}
.general_section2 .content table th {font-size:20px; word-break: keep-all; line-height: 24px;}
.general_section2 .content table td {font-size:18px;}
.general_section2 .content table tbody th {padding:3% 10px; line-height: 30px;}
.general_section2 .content .explain {font-size: 16px;}

.general_section3 .qna_box dt {margin: 25px 0; font-size: 30px;}
.general_section3 .qna_box dd {font-size: 22px; line-height: 40px; word-break: keep-all;}


/* 설치안내 */
.install_procedure .pc {display:none;}
.install_procedure .mo {display:block;}

.install_procedure .title_l,
.install_procedure .title_r {display:block;}

.install_procedure h4 {display:block; margin-bottom: 10%; text-align: center;}
.install_procedure h4 .title_l {margin: 0 0 2%;}

.customer_section1 .content > li,
.customer_section2 .content > li {box-sizing:border-box; float:none; width: 100%;}

.customer_section2 .content > li:first-child,
.customer_section1 .content > li:first-child {margin:0 0 30px;}

.customer_section3 .content {display: block; padding-bottom: 0;}
.customer_section3 .content > li {padding: 0;}
.customer_section3 .content > li:first-child {padding-bottom: 7%; border-right:none; border-bottom: 2px dashed #000000;}
.customer_section3 .content .text_list .t1 {padding: 0 65px 34px 0;}
.customer_section3 .content > li:last-child .text_list .t1 {padding: 14% 65px 34px 0;}
.customer_section3 .content .text_list .t2 {padding: 0;}
.customer_section3 .content .text_list .t2 > span {display:inline-block; padding: 0px 65px 14px 0;}
.customer_section3 .content .text_list .t3 {padding: 0;}
.customer_section2 .content .text_list .explain {top: -12px;}

.customer_section4 .content .text_list li {width: 100%;}
.customer_section4 .content .text_list li:nth-child(-n+5) {margin-bottom: 7%;} 

.customer_section5 table th, .customer_section5 table td:not(.custom) {line-height: 28px;}

/* 이용방법 리뉴얼 */
.tabId2 .mo {display: block;}
ul.tabId2 {width: 100%;}
ul.tabId2 li {font-size: 2.8vmin;}
.title {font-size: 4vmin;}
.head_sub_wrap .title {font-size: 4.2vmin;}
.service_method .explain {font-size: 3vmin;}
.step {margin-bottom: 10%; text-align: center;}
.step .title_wrap .badge {font-size: 3.8vmin;}
.step > .title_wrap, .step .explain {float: none; width: 100%;}
.step .img_wrap {float: none; margin: 10% auto; width: 32vmin; height: 32vmin;}
.step .explain {position: inherit;}

/* 이용요급 리뉴얼 */
#service_plan .title, #service_plan h4 {font-size: 3.5vmin;}
#service_plan .explain, #service_plan .explain2 {font-size: 2vmin;}
#service_plan table th, #service_plan table td, #service_plan table .sm, #service_plan .arrow_btn  {font-size: 2vmin; line-height: inherit;}
#service_plan .section:first-child .accent_line hr {height: 1vmin;}
#service_plan .roaming_list dt, #service_plan .roaming_list dd {font-size: 2vmin;}
#service_plan .go_detail_list_pc {display: none;}
#service_plan .go_detail_list_mo {display: block;}
#service_plan .arrow_btn {padding: 2% 4%;}
}/* media view 768사이즈 끝 */




/* media view  620사이즈*/
@media screen and (max-width:620px) {
body,input,select,textarea,button,table,h1,h2,h3,h4,h5,h6{font-size:1rem;}
#footer .inner>ul{text-align: center; width: 95%;}
#mainSection3 ul li a p{max-width: 270px; overflow-y:hidden; height: 30px; }
.Qmenu .complate_btn02 {text-align: center;}
.Qmenu .complate_btn02 a{width: 80%; text-align: center; display: block;}
.Qmenu .complate_btn a{width: 80%;}
.passowrd_area input{width: 70%;}
.product_intro .inner{text-align: center;}
.product_intro .product_logo{position: inherit; text-align: center; right:0; bottom:0; top:15px}
.product_subtitle>.inner{text-align: center;}
.product_subtitle>.inner>img{width:97%;}
.news_box{margin-right:0; width: 100%;}

.cg_intro_section1 dl.text_box dd:last-child{text-align:left;}
.cg_intro_section1 dl.text_box dd:last-child .pc{display:none;}
.ev_intro_section1 .content2 dl.text_box dd{text-align:left;}
.ev_intro_section1 .content2 dl.text_box dd .pc{display:none;}
.ev_intro_section1 .content2 dl.text_box .detail{margin-bottom:40px;}
.ev_intro_section2 .text_list li {font-size:22px;}
.ev_intro_section3 .title_box {text-align:center;}
.ev_intro_section3 .text_box h4 span{display:block; width:100%;}
.ev_intro_section3 .text_box h4 span:first-child{margin-bottom:20px;}

.silde_wrap {right: 0;}
}/* media view  620사이즈 끝*/




 /* media view  414사이즈*/
@media screen and (max-width:414px) {
	.Qmenu_input input[name='apply_addr']{
		width: 60%;
	}
	.Qmenu_input input[name='apply_info'], .Qmenu_input input[name='contract_info']{
		width: 100%;
	}
}/* media view  414사이즈*/


 /* media view  360사이즈*/
@media screen and (max-width:360px) {
	
	
}/* media view  360사이즈*/