/* 로그인 */
.login-tit-wrap { text-align: center; }
.login-tit-wrap > img { width: 20.3rem !important; height: 5.3rem; }
.login-tit-wrap .login-tit { margin-top: 1.2rem; display: block; text-align: center; font-size: 2.2rem; font-weight: 400; }
.login-form-wrap { padding: 2.2rem 2rem 0 2rem; }
.login-form-wrap .login-input-memInfo { margin-bottom: 2rem; }
.login-form-wrap .login-input-memInfo > .inputID { margin-bottom: 1.2rem; }
.login-form-wrap .auto-login { margin-bottom: 2rem; }
.login-form-wrap .btn-wrap.login { margin-bottom: 1.2rem; }
.login-form-wrap .btn-wrap.login > button { box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.2); }
.login-form-wrap .login-util { margin-bottom: 1.5rem; border-radius: 2rem; height: 4rem; background: #F2F2F2; }
.login-form-wrap .login-util > li > a.link-findInfo,
.login-form-wrap .login-util > li > a.link-join { width: 48%; text-align: center; float: left; font-size: 1.4rem; line-height: 4rem; }
.login-form-wrap .login-util > li > a.link-findInfo { position: relative; }
.login-form-wrap .login-util > li > a.link-findInfo::after { position: absolute; top: 0; right: 0; content: ""; display: inline-block; width: 0.1rem; height: 100%; background: #fff; }
.login-sns-wrap { text-align: center; }
.login-sns-wrap > li { margin-right: 0; display: inline-block; width: 6.6rem; height: 6.6rem; }
.login-sns-wrap > li:last-child { margin-right: 0; }
.login-sns-wrap > li > a { display: inline-block; width: 100%; }

/* 약관 동의 */
.cont-subwrap.agreement .agreeAll-wrap { margin-bottom: 1.2rem; padding-left: 1rem; }
.cont-subwrap.agreement .agreeAll-wrap > label { font-size: 1.8rem !important; font-weight: 600; }
.cont-subwrap.agreement .agreeWrap { position: relative; border-radius: 1.2rem; margin-bottom: 1rem; padding: 2.4rem 1rem; box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); background: #fff; }
.cont-subwrap.agreement .btn-dropdownWrap { z-index: 2; position: absolute; top: 2rem; right: 1rem;  }
.cont-subwrap.agreement .btn-dropdown { display: inline-block; width: 3.2rem; height: 3.2rem; }
.cont-subwrap.agreement .agreeContent { display: none; margin-top: 1.2rem; border-top: 0.1rem solid #E5E5E5; }
.cont-subwrap.agreement .agreeCont-subwrap { margin-top: 1.2rem; padding: 1rem 2rem; max-height: 6.4rem; overflow: scroll; background: #f2f2f2; line-height: 1.6rem;  }

/* 회원가입 */
.address-wrap > td { position: relative; }
.address-wrap > td > button { position: absolute; top: 1.6rem; right: 0.4rem; }

/* 내정보관리 */
#btnCloseLayer { width: 6.5% !important; }

/* 결제관리 */
.payment-manage-wrap .payOption-wrap { margin-top: 1.2rem; }
.payment-manage-wrap .payOption-wrap input[type="radio"]+label { margin-right: 1rem; font-size: 1.4rem; font-weight: 400; color: #ccc; line-height: 4rem; text-align: center; padding-left: 0; z-index: 1; width: 48.4375%; height: 4rem; }
.payment-manage-wrap .payOption-wrap input[type="radio"]+label::before { box-sizing: border-box; z-index: -1; width: 100%; height: 100%; background: #f2f2f2; border: 0.1rem solid #ccc; border-radius: 2rem; }
.payment-manage-wrap .payOption-wrap input[type="radio"]:checked+label { color: #fff; font-weight: 600; }
.payment-manage-wrap .payOption-wrap input[type="radio"]:checked+label::before { background: #ff5157; border: none; }
.payment-manage-wrap .payOption-wrap label:nth-child(4) { margin-right: 0 !important; float: right; }
.payment-manage-wrap .chageCard-wrap .btn-wrap { padding-top: 1.2rem; border-top: 0.1rem solid #e5e5e5; }
.payment-manage-wrap .creditBuy-wrap ul { margin-top: 1.2rem; margin-bottom: 2rem; }
.payment-manage-wrap .creditBuy-wrap ul::after { content: ""; display: block; clear: both; }
.payment-manage-wrap .creditBuy-wrap ul li { box-sizing: border-box; float: left; text-align: center; width: 31.25%; margin-right: 3.125%; background: #fff; }
.payment-manage-wrap .creditBuy-wrap ul li:last-child { margin-right: 0; }
.payment-manage-wrap .creditBuy-wrap input[type="radio"]+label { box-sizing: border-box; position: relative; width: 100%; height: 10rem; padding: 4.4rem 0 2.1rem 0; font-size: 1.4rem; line-height: 1.6rem; }
.payment-manage-wrap .creditBuy-wrap input[type="radio"]+label::before { top: 1.1rem; left: 50%; margin-left: -1.1rem; }
.payment-manage-wrap .creditBuy-wrap input[type="radio"]+label::after { position: absolute; top: -0.1rem; left: -0.1rem; content: ""; display: inline-block; width: 100%; height: 100%; border: 0.1rem solid #ccc; border-radius: 1rem; }
.payment-manage-wrap .creditBuy-wrap input[type="radio"]:checked+label::after { position: absolute; top: -0.1rem; left: -0.1rem; content: ""; display: inline-block; width: 100%; height: 100%; border: 0.1rem solid #ff5157; border-radius: 1rem; box-shadow: 0rem 0.2rem 0.4rem rgb(0 0 0 / 16%); }

/* 결제하기 */
.payment-wrap .payHistory-wrap .basic_table tr:nth-child(1) th { vertical-align: top; position: relative; top: 1.2rem; }
.payment-wrap .payMethod-wrap .table-subwrap { margin-top: 1.2rem; }
.payment-wrap .card-area { box-sizing: border-box; width: 100%; overflow: hidden; padding: 1rem 1rem 2rem 4.5rem; }
.payment-wrap .card-list-wrap.before { display: table; width: 85.3%; height: 14.3rem; background: #f2f2f2; border: 0.1rem dashed #ccc; border-radius: 0.8rem; }
.payment-wrap .card-list-wrap.before > a { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.payment-wrap .card-list-wrap.before .addCard-img { display: block; margin: 0 auto; width: 4.8rem; height: auto; }
.payment-wrap .card-list-wrap.before .addCard-txt { display: block; text-align: center; margin-top: 2rem; font-size: 1.4rem; }

.payment-wrap .card-list-wrap.after .card-one.after-addCard { padding: 0 !important; box-shadow: none !important; display: table; width: 85.3%; height: 14.3rem; background: #f2f2f2; border: 1.5px dashed #ccc; border-radius: 0.8rem; }
.payment-wrap .card-list-wrap.after .card-one.after-addCard > a { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.payment-wrap .card-list-wrap.after .card-one.after-addCard .addCard-img { display: block; margin: 0 auto; width: 4.8rem; height: auto; }
.payment-wrap .card-list-wrap.after .card-one.after-addCard .addCard-txt { display: block; text-align: center; margin-top: 2rem; font-size: 1.4rem; }

.payment-wrap .card-list-wrap.after { position: relative; box-sizing: border-box; overflow: hidden; background: #fff; }
.payment-wrap .card-list-wrap.after::after { content: ""; z-index: 2; position: absolute; top: 0; right: 0; display: inline-block; width: 0.2rem; height: 100%; background: linear-gradient(to right, #fff 50%, #fff 50%); box-shadow: -0.1rem 0rem 1rem 1rem rgb(255 255 255); }
.payment-wrap .card-list-wrap.after .swiper-wrapper { padding-left: 0.3rem; padding-bottom: 0.3rem; display: flex; }
.payment-wrap .card-list-wrap.after .swiper-wrapper .swiper-slide { flex-shrink: 0; height: 14.3rem; }
.payment-wrap .card-list-wrap.after .card-one { width: 22.8rem; padding: 1.2rem 0 0 1.2rem; box-sizing: border-box; border-radius: 0.8rem; box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.2); }
.payment-wrap .card-list-wrap.after .card-one .cardTit { color: #fff; }
.payment-wrap .card-list-wrap.after .card-one .cardMoney { margin-top: 4rem; color: #fff; font-size: 2.2rem; font-weight: 600; }
.payment-wrap .card-list-wrap.after .card-one .cardMoney .cardPrice { margin-left: 0.6rem; }
.payment-wrap .card-list-wrap.after .card-one#signet { background: linear-gradient(-45deg, #fff, #ff5157); }
.payment-wrap .card-list-wrap.after .card-one#shinhan { background: linear-gradient(-45deg, #fff, #0071c2); }
.payment-wrap .card-list-wrap.after .card-one#woori { background: linear-gradient(-45deg, #fff, #01b0f1); }
.payment-wrap .card-list-wrap.after .card-one#hyundai { background: linear-gradient(-45deg, #fff, #00b1ef); }
.payment-wrap .card-list-wrap.after .card-one#bc { background: linear-gradient(-45deg, #fff, #fe0000); }
.payment-wrap .card-list-wrap.after .card-one#kb { background: linear-gradient(-45deg, #fff, #ffc003); }
.payment-wrap .card-list-wrap.after .card-one#samsung { background: linear-gradient(-45deg, #fff, #0149db); }
.payment-wrap .card-list-wrap.after .card-one#lotte { background: linear-gradient(-45deg, #fff, #fe0000); }
.payment-wrap .card-list-wrap.after .card-one#nh { background: linear-gradient(-45deg, #fff, #fdc100); }
.payment-wrap .card-list-wrap.after .card-one#citi { background: linear-gradient(-45deg, #fff, #01b0f1); }
.payment-wrap .card-list-wrap.after .card-one#kakao { background: linear-gradient(-45deg, #fff, #fedb03); }
.payment-wrap .card-list-wrap.after .card-one#epost { background: linear-gradient(-45deg, #fff, #ffc000); }
.payment-wrap .card-list-wrap.after .card-one#etc { background: linear-gradient(-45deg, #fff, #b8dcea); }
.payment-wrap .btn-inputInclude-wrap { margin-top: 1rem; }

/* 결제완료 */
.payFinish-wrap.cont-padding-typeA { padding: 2rem 1rem 14rem 1rem; }
.payFinish-wrap .table-wrap { box-shadow: 0 1.2rem 0.9rem 0 rgb(0 0 0 / 16%); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; }
.payFinish-wrap .table-wrap .finishTit-wrap { width: 94.1176%; margin: 0 auto; margin-top: 2.8rem; padding-bottom: 2.8rem; border-bottom: 0.1rem solid #dcdcdc; }
.payFinish-wrap .table-wrap .finishTit-wrap .logo { width: 8rem; height: 2rem; margin: 0 auto; margin-bottom: 1.8rem; }
.payFinish-wrap .table-wrap .finishTit-wrap .finish-txt { margin-bottom: 2rem; font-size: 2.2rem; text-align: center; }
.payFinish-wrap .table-wrap .finishTit-wrap .finish-img { margin: 0 auto; width: 8rem; height: 8rem; }
.payFinish-wrap .basic_table2 tr:nth-child(1) th,
.payFinish-wrap .basic_table2 tr:nth-child(1) td { padding-top: 2rem; }
.payFinish-wrap .basic_table2 td.txt-color-main1 { font-size: 2rem; font-weight: 600; }
.payFinish-wrap .basic_table2 td > span.num { display: inline-block; margin-right: 0.3rem; }
.payFinish-wrap .bg { width: 100%; height: 1.2rem; position: absolute; bottom: -1rem; left: 0; }

/* 충전이력 */
.hisCharge-wrap .search-wrap { margin-top: 2rem; }
.hisCharge-wrap .search-wrap .btn-wrap { margin-top: 1rem; margin-bottom: 2rem; }
.hisCharge-wrap .basic_table3 thead th { vertical-align: middle; padding: 0;}
.hisCharge-wrap .basic_table3 tfoot th,
.hisCharge-wrap .basic_table3 tfoot td { border-bottom: none; padding: 2rem 0; background: #fff; font-size: 1.4rem; font-weight: 600; color: #ff5157; }
.hisCharge-wrap .calendarWrap { display: table; }
.hisCharge-wrap .calendarWrap .date-pick-wrap { width: 45.58%; display: table-cell; text-align: center; }
.hisCharge-wrap .calendarWrap .date-pick-wave { vertical-align: middle; display: table-cell; text-align: center; margin: 0 0.6rem; font-size: 1.4rem; font-weight: 600; }
.ui-datepicker-year, .ui-datepicker-month { background-size: 1rem 1rem; }

/* 결제이력 */
.hisPay-wrap .summary-wrap .summary-point { margin-bottom: 1.4rem; border-radius: 1.3rem; width: 100%; box-sizing: border-box; padding: 2.4rem 1.2rem; background: #fff; }
.hisPay-wrap .summary-wrap .summary-point table { width: 100%; }
.hisPay-wrap .summary-wrap .summary-point th { text-align: left; font-size: 1.4rem; font-weight: 400; }
.hisPay-wrap .summary-wrap .summary-point td { text-align: right; font-size: 1.4rem; font-weight: 600; }
.hisPay-wrap .summary-wrap .summary-point td#pointTotal span { display: inline-block; margin-right: 0.3rem; }
.hisPay-wrap .summary-wrap .guide-box2 { margin-bottom: 1.8rem; padding: 0; padding-left: 0.7rem; background: #f2f2f2; }
.hisPay-wrap .summary-wrap .guide-box2 li { font-size: 1.2rem; }
.hisPay-wrap .search-wrap .cateSearch { margin-bottom: 1rem; }
.hisPay-wrap .search-wrap .cateSearch .tit { line-height: 4rem; display: inline-block; font-size: 1.4rem; }
.hisPay-wrap .search-wrap .cateSearch .select-wrap { display: table; float: right; width: 89.4177%; }
.hisPay-wrap .search-wrap .cateSearch .select-wrap > select { width: 46.7105%; }
.hisPay-wrap .search-wrap .dateSearch .tit { line-height: 4rem; display: inline-block; font-size: 1.4rem; }
.hisPay-wrap .search-wrap .dateSearch .calendarWrap { float: right; display: table; width: 89.4177%; }
.hisPay-wrap .search-wrap .dateSearch .date-pick-wrap { display: table-cell; width: 46.7105%; }
.hisPay-wrap .search-wrap .dateSearch .date-pick-wave { text-align: center; display: table-cell; margin: 0 0.6rem; font-size: 1.4rem; font-weight: 600; }
.hisPay-wrap .search-wrap .dateSearch .btn-wrap { margin-top: 1rem; margin-bottom: 2rem; }
.hisPay-wrap .addPoint { color: #51a2ff; }
.hisPay-wrap .minusPoint { color: #ff5157; }
.hisPay-wrap .cateSearch select { z-index: 1; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; }
.hisPay-wrap .cateSearch select::-ms-expand{ display:none;/*for IE10,11*/ }
.hisPay-wrap .cateSearch select { background: url("../images/icon_selectBox.png") no-repeat #fff; background-size: 3.2rem 3.2rem; background-position: 98% 45%; }
.ui-datepicker-year, .ui-datepicker-month { background-size: 1rem 1rem; }

/* 프로모션 */
.promo-wrap ul#promotionReg > .promo-list { margin-bottom: 1rem; position: relative; padding: 2.4rem 1rem; background: #fff; border-radius: 1.2rem; box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); }
.promo-wrap ul#promotionReg > .promo-list .btn-dropdownWrap { position: absolute; right: 0; top: 1.6rem; right: 1rem; }
.promo-wrap ul#promotionReg > .promo-list .btn-dropdownWrap > button { width: 3.2rem; height: 3.2rem; }
.promo-wrap ul#promotionReg > .promo-list .list-Tit { font-size: 1.8rem; font-weight: 600; }
.promo-wrap ul#promotionReg > .promo-list .list-contWrap { margin-top: 1.2rem; padding-top: 1.2rem; border-top: 0.1rem solid #dcdcdc; }
.promo-wrap ul#promotionReg > .promo-list .list-contWrap .proGuide { margin-bottom: 1rem; font-size: 1.4rem; line-height: 1.8rem; }
.promo-wrap ul#promotionReg > .promo-list .list-contWrap .input-wrap { margin-bottom: 1.2rem; padding-bottom: 1.2rem; border-bottom: 0.1rem solid #dcdcdc; }
.promo-wrap ul#promotionReg .list-contWrap { display: none; }

/* 회원 카드 관리 */
.memCard-wrap { position: relative; height: 100vh; z-index: -4; box-sizing: border-box; padding: 0; padding-top: 10rem; background: linear-gradient(-45deg, #fff, #FFDBBC); }
.memCard-wrap .cont-subwrap { margin: 0 auto; margin-bottom: 4.8rem; box-shadow: 0rem 0.2rem 0.2rem rgb(0, 0, 0, 0.2); border-radius: 0.8rem; box-sizing: border-box; padding: 2.2rem 1.2rem; width: 79.7222%; height: auto; background: linear-gradient(-45deg, #fff, #ff5157); }
.memCard-wrap .cont-subwrap > span { display: block; color: #fff; }
.memCard-wrap .cont-subwrap > span.cardName { margin-bottom: 4.3rem; }
.memCard-wrap .cont-subwrap > span.cardCredit { margin-bottom: 2.4rem; font-size: 2.2rem; font-weight: 600; }
.memCard-wrap .cont-subwrap > span.cardCredit > .num { display: inline-block; margin-right: 0.6rem; }
.memCard-wrap .cont-subwrap > span.cardNum { margin-bottom: 2.2rem; }
.memCard-wrap .cont-subwrap > span.cardNum > span { margin: 0 0.4rem; }
.memCard-wrap .bg-wrap { position: fixed; bottom: 6rem; }

/* 충전 상태 */
.chargeRate_Wrap { position: relative; box-sizing: border-box; width: 20rem; height: 20rem; background: #e5e5e5; margin: 0 auto; margin-top: 2rem; margin-bottom: 4rem; border-radius: 50% 50%; }
.chargeRate_thirdWrap { display: table; width: 20rem; height: 20rem; border-radius: 50% 50%; }
.chargeRate_thirdWrap .chargRate_number { z-index: 3; font-size: 4rem; font-weight: 100; position: relative; display: table-cell; vertical-align: middle; text-align: center; }
.chargeRate_thirdWrap .chargRate_number > span { font-weight: 600; }
.chargeRate_Wrap canvas { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 105% !important; height: 105% !important; }
.chargeRate_Wrap .white-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 2; width: 15.2rem; height: 15.2rem; background: #fff; border-radius: 50% 50%; box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); }

/* 고객센터 */
.cs-wrap { position: relative; height: 100vh; padding: 0; background: linear-gradient(-45deg, #fff, #ffdbbc); }
.cs-wrap .cont-subwrap { z-index: 3; position: absolute; top: 10rem; left: 50%; margin-left: -44.4444%; width: 88.8888%; height: 12rem; }
.cs-wrap .cont-subwrap > ul { height: 100%; }
.cs-wrap .cont-subwrap > ul > li { box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); border-radius: 1.8rem; float: left; margin-right: 3.125%; width: 31.25%; height: 100%; box-sizing: border-box; background: #fff; }
.cs-wrap .cont-subwrap > ul > li:last-child { margin-right: 0; }
.cs-wrap .cont-subwrap > ul > li > a { display: inline-block; width: 100%; height: 100%; }
.cs-wrap .cont-subwrap > ul > li > a > span.csmenu-img { display: block; width: 6.8rem; height: 5rem; margin: 0 auto; margin-top: 2rem; margin-bottom: 1.8rem; }
.cs-wrap .cont-subwrap > ul > li > a > span.csmenu-txt { display: block; text-align: center; font-size: 1.4rem; }
.cs-wrap .bg-wrap { position: fixed; z-index: 2; left: 12.22%; bottom: 0; width: 82.22%; margin: 0 auto; }

/* 충전소 검색 */
.detail_map { position: relative; }
.detail_map .charg_search-wrap { position: fixed; z-index: 3; width: 58.3888%; top: 7rem; left: 1rem; }
.detail_map .charg_search-wrap > ul::after { content: ""; display: block; clear: both; }
.detail_map .charg_search-wrap > ul > li:nth-child(1) { float: left; width: 47.6190%; }
.detail_map .charg_search-wrap > ul > li:nth-child(2) { float: right; width: 47.6190%; }
.detail_map .charg_search-wrap > ul > li > a { width: 100%; }
.detail_map .nowPosition-wrap { position: fixed; left: 1rem; top: 6.8rem; }
.detail_map .nowPosition-wrap > button,
.detail_map .nowPosition-wrap > a { display: inline-block; width: 4rem; height: 4rem; }
.detail_map .change-mapSize-wrap { box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.2); position: fixed; z-index: 3; top: 7rem; right: 2rem; width: 3rem; height: auto; background: pink; }
.detail_map .change-mapSize-wrap > ul > li:nth-child(1) { position: relative; }
.detail_map .change-mapSize-wrap > ul > li:nth-child(1)::after { position: absolute; bottom: 0; left: 0; content: ""; display: inline-block; width: 3rem; height: 0.1rem; background: #d4d4d4; }
.detail_map .stateGuide-wrap { position: fixed; z-index: 3; text-align: center; width: 5rem; top: 14rem; right: 1rem; }
.detail_map .stateGuide-wrap .btn_view-stateList { margin-bottom: 0.8rem; width: 60%; height: auto; }
.detail_map .stateGuide-wrap .stateList > li { margin-bottom: 0.7rem; }
.detail_map .charSearch-wrap { position: fixed; z-index: 3; left: 0; bottom: 0; width: 100%; }
.detail_map .charSearch-wrap .btn_open-charSearch { position: absolute; left: 50%; bottom: 1.6rem; width: 8.8rem; margin-left: -4.4rem; height: auto; }
.detail_map .charSearch-wrap .slide-popup-wrap { display: none; }
.detail_map .charSearch-wrap .searchOption-wrap { width: 100%; }
.detail_map .charSearch-wrap .searchOption-wrap > li { padding: 1.2rem 0; border-top: 0.1rem solid #e5e5e5; display: table; width: 100%; }
.detail_map .charSearch-wrap .searchOption-wrap > li:nth-child(1) { border-top: none; }
.detail_map .charSearch-wrap .searchOption-wrap > li:last-child { padding-bottom: 0; }
.detail_map .charSearch-wrap .searchOption-wrap > li > p.subTit { display: table-cell; vertical-align: top; position: relative; padding-top: 1rem; }
.detail_map .charSearch-wrap .searchOption-wrap > li > ul { width: 58.3333%; display: table-cell; }
.detail_map .charSearch-wrap ul.option-wrap::after { content: ""; display: block; clear: both; }
.detail_map .charSearch-wrap ul.option-wrap > li { float: left; width: 47.6190%; height: 3.2rem; }
.detail_map .charSearch-wrap ul.option-wrap > li:nth-child(2n) { float: right; }
.detail_map .charSearch-wrap ul.option-wrap > li > label { text-align: center; padding: 0; background: #e5e5e5; line-height: 3.2rem; color: #fff; width: 100%; height: 100%; border-radius: 3rem 3rem; }
.detail_map .charSearch-wrap ul.option-wrap > li > label::before { display: none; }
.detail_map .charSearch-wrap ul.option-wrap > li > input:checked + label { background: #ff5157; }
.detail_map .charSearch-wrap ul.option-wrap > li:nth-child(1),
.detail_map .charSearch-wrap ul.option-wrap > li:nth-child(2) { margin-bottom: 1rem; }
.detail_map .charInfo-wrap { display: none; position: fixed; z-index: 4; left: 0; bottom: 0; width: 100%; }
.detail_map .marker-wrap .mark { width: 3.2rem; height: auto; }
.detail_map .marker-wrap .mark button { witdh: 100%; }
.detail_map .marker-wrap .mark button.mark-off { display: none; }
.detail_map .mark { position: relative; }
.detail_map .mark button.off { position: relative; }
.detail_map .mark button.off::after { position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 3.2rem; height: 4.6rem;  }
.detail_map .mark button.off img { position: relative; left: 9999999px; }
.detail_map .mark.signet button.off::after { background: url("../images/state_s_off.png") no-repeat; background-size: 100%; }
.detail_map .mark.en button.off::after { background: url("../images/state_en_off.png") no-repeat; background-size: 100%; }
.detail_map .mark.hn button.off::after { background: url("../images/state_han_off.png") no-repeat; background-size: 100%; }
.detail_map .mark.etc button.off::after { background: url("../images/state_etc_off.png") no-repeat; background-size: 100%; }

/* 충전소 상세보기 */
.station-detail-wrap .basic_table3 { margin: 0 auto; width: 94.1176%; }
.station-detail-wrap .basic_table3 thead th { vertical-align: middle; }
.station-detail-wrap .btn-wrap { margin: 0 auto; width: 94.1176%; }
.station-detail-wrap .btn-wrap .btn-one a { margin-top: 1.2rem; width: 100%; }

/* 내주변충전소, 지역별충전소 */
.regionStation-wrap .btn_go-chargInfoPopup,
.localStation-wrap .btn_go-chargInfoPopup { display: inline-block; width: 100%; height: 100%; }

/* 공지사항 상세페이지 */
.notice-detail-wrap .basic_table2 { margin-bottom: 1.2rem; }
.notice-detail-wrap .basic_table2 tr:last-child { border-bottom: 0.1rem solid #e5e5e5; }
.notice-detail-wrap .basic_table2 tr:last-child th,
.notice-detail-wrap .basic_table2 tr:last-child td { padding-bottom: 2rem; }
.notice-detail-wrap .cont-detail { line-height: 1.6rem; box-sizing: border-box; width: 94.1176%; margin: 0 auto; padding: 1.2rem 2rem 6.8rem 2rem; background: #f2f2f2; }
.notice-detail-wrap .cont-detail .cont-subDetail { margin-bottom: 1.5rem; }
.notice-detail-wrap .cont-detail .cont-subDetail:last-child { margin-bottom: 0; }

/* FAQ, 1:1 문의 */
.faq-wrap .list-subwrap > ul > li .menu { position: relative; font-size: 1.4rem; padding: 2rem 0; border-bottom: 0.1rem solid #e5e5e5; }
.faq-wrap .list-subwrap > ul > li .menu .btn-dropdownWrap { top: 50%; margin-top: -1.6rem; right: 0; position: absolute; float: right; display: inline-block; width: 3.2rem; height: 3.2rem; }
.faq-wrap .list-subwrap > ul > li .menu::after { content: ""; display: block; clear: both; }
.faq-wrap .list-subwrap > ul > li .menu .cate-tit { display: block; }
.faq-wrap .list-subwrap > ul > li .menu-sub { position: relative; display: none; margin-top: 1.2rem; margin-bottom: 1.2rem; padding: 0.8rem 2rem 1rem 2rem; background: #f2f2f2; }
.faq-wrap .list-subwrap > ul > li .menu-sub::after { position: absolute; bottom: -1.2rem; left: 0; content: ""; display: inline-block; width: 100%; height: 0.1rem; background: #e5e5e5; }
.faq-wrap .list-subwrap > ul > li:last-child .menu-sub { margin-bottom: 0; }
.faq-wrap .list-subwrap > ul > li:last-child .menu-sub::after { display: none; }
.faq-wrap .list-subwrap > ul > li .menu-sub p { line-height: 1.6rem; }
.faq-wrap .list-subwrap > ul > li .menu-sub .question { margin-bottom: 1.6rem; }
.faq-wrap .list-subwrap > ul > li .menu-sub .answer { display: inline-block; max-height: 7.5rem; overflow-y: scroll; }
.faq-wrap .list-subwrap > ul > li .menu-sub .question .qna-icon,
.faq-wrap .list-subwrap > ul > li .menu-sub .answer .qna-icon { margin-right: 0.3rem; }
.faq-wrap .oneque-wrap table { width: 100%; }
.faq-wrap .oneque-wrap .menu > td { border-top: 0.1rem solid #e5e5e5;  padding: 2rem 0; font-size: 1.4rem; }
.faq-wrap .oneque-wrap .menu:first-child td { border-bottom: none; }
.faq-wrap .oneque-wrap .menu > td.qu-state { text-align: left; }
.faq-wrap .oneque-wrap .menu > td.qu-tit { text-align: center; }
.faq-wrap .oneque-wrap .menu > td.qu-date { text-align: right; }
.faq-wrap .oneque-wrap .menu:nth-child(1) td { border-top: none; }
.faq-wrap .oneque-wrap .menu-sub-subwrap { display: none; }
.faq-wrap .oneque-wrap .menu-sub > td { position: relative; padding: 0; }
.faq-wrap .oneque-wrap .menu-sub > td .menu-sub-subwrap { margin: 1.2rem 0; padding: 1.2rem 2rem; background: #f2f2f2;}
.faq-wrap .oneque-wrap .menu-sub > td .menu-sub-subwrap > p > .qna-icon { margin-right: 0.3rem; display: inline-block; }
.faq-wrap .oneque-wrap .menu-sub > td .menu-sub-subwrap > p.answer { margin-top: 2rem; padding-bottom: 0.7rem; margin-bottom: 1rem; border-bottom: 0.1rem solid #e5e5e5; line-height: 1.6rem; }
.faq-wrap .oneque-wrap > .btn-wrap { padding-top: 2rem; border-top: 0.1rem solid #e5e5e5; }
.faq-wrap .oneque-wrap .pageNavi { margin-bottom: 0 !important; }
.faq-wrap .popupWrap table tr:last-child th,
.faq-wrap .popupWrap table tr:last-child td { padding-bottom: 1rem; }
.faq-wrap .popupWrap table textarea { height: 12.8rem; overflow-y: scroll; box-sizing: border-box; }
.faq-wrap .popupWrap .btn-wrap { margin-top: 1.2rem; }
.faq-wrap .popupWrap table th.tettop { position: relative; top: 1.2rem; }

/*고장 신고*/
.broken-wrap .table-wrap textarea { box-sizing: border-box; width: 100%; height: 12.8rem; overflow-y: scroll; }
.broken-wrap .table-wrap tr:last-child { border-bottom: 0.1rem solid #e5e5e5; }
.broken-wrap .table-wrap tr:last-child th,
.broken-wrap .table-wrap tr:last-child td { padding-bottom: 1.2rem; }
.broken-wrap .table-wrap .btn-wrap { margin: 0 auto; margin-top: 2rem; width: 94.1176%; }
.broken-wrap .table-wrap th.tettop { position: relative; top: 1.2rem; }

/* 내카드 등록 > Step1 */
.registorMycard1-wrap .table-wrap tr td { position: relative; }
.registorMycard1-wrap .table-wrap tr:last-child { border-bottom: 0.1rem solid #e5e5e5; }
.registorMycard1-wrap .table-wrap tr:last-child th,
.registorMycard1-wrap .table-wrap tr:last-child td { padding-bottom: 1.2rem; }
.registorMycard1-wrap .chargID-guide-wrap { padding-bottom: 1.2rem; border-bottom: 0.1rem solid #e5e5e5; width: 94.1176%; margin: 0 auto; margin-top: 1.2rem; }
.registorMycard1-wrap .btn-wrap { margin: 0 auto; margin-top: 2rem; width: 94.1176%; }
.registorMycard1-wrap .btn-searchID { position: absolute; top: 50%; margin-top: -1.6rem; right: 0.3rem; display: inline-block; width: 3.2rem; height: 3.2rem; }
.registorMycard1-wrap .essential-icon { position: relative; bottom: 1rem; }

/* 내카드 등록 > Step2 */
.registorMycard2-wrap { position: relative; box-sizing: border-box; height: 100vh; }
.registorMycard2-wrap .tagging-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-63%); -webkit-transform: translate(-50%,-63%); -ms-transform: translate(-50%,-63%); margin: 0 auto; width: 61.1111%; max-width: 22rem; height: auto; }
.registorMycard2-wrap .tit-wrap { position: relative; z-index: 2; margin: 0 auto; text-align: center; margin-top: 2rem; margin-bottom: 5.5rem; }
.registorMycard2-wrap .tit-wrap .tit-logo { margin: 0 auto; width: 7.8rem; height: 2rem; }
.registorMycard2-wrap .tit-wrap .tit-txt { margin-top: 2rem; font-size: 2.2rem; line-height: 2.6rem; }

/* 내카드 등록 > Step3 */
.registorMycard3-wrap { position: relative; box-sizing: border-box; height: 100vh; }
.registorMycard3-wrap .tit-wrap { position: relative; z-index: 2; margin: 0 auto; margin-top: 2rem; text-align: center; }
.registorMycard3-wrap .tit-wrap .tit-logo { margin: 0 auto; width: 10rem; height: 4rem; }
.registorMycard3-wrap .tit-wrap .tit-txt { margin-top: 2rem; font-size: 2.2rem; line-height: 2.6rem; }
.registorMycard3-wrap .ckIcon-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-85%); -webkit-transform: translate(-50%,-85%); -ms-transform: translate(-50%,-85%); margin: 0 auto; box-sizing: border-box; width: 22.222%; max-width: 8rem; height: 8rem; }