@charset "UTF-8";

@import url('font.css');
@import url('common.css');
@import url('swiper.min.css');
@import url('star-rating-svg.css');
@import url('jquery-ui.min.css');


/* 공통 */
#wrap {overflow:hidden;}
.wrapper {padding-left:16px; padding-right:16px;}
.wrapper02 {padding-left:24px; padding-right:24px;}
.sub_para {padding-top:24px;}
.sub_para02 {padding-top:34px;}


/* 배경 공통 */
.bg_gray {background:#F3F3F3 !important;}

/* 텍스트 공통 */
h4 {font-size:22px; font-weight:700; word-break:Keep-all;}

.home_contit {margin-bottom:24px; padding:0 8px;}
.home_contit .btn_arw {margin-bottom:4px; padding-right:15px; font-weight:600;}
.home_contit .with_btn {display:flex; justify-content:space-between; align-items:flex-end;}
.refresh_btn {display:block; flex-shrink:0; margin:-3px 0; width:34px; height:34px; min-height:auto; padding:0; text-indent:-9999px; background:url(../images/ico/ico_btn_reflash.svg) no-repeat center; background-size:24px;}

/* 버튼 공통 */
.btn_box {margin-top:8px; text-align:center;}
.btn_box .btn_arw {display:block; padding:12px;}

.btn_arw {display:inline-block; padding:4px 0; color:var(--blue-color02); font-size:15px; font-weight:500; word-break:keep-all;}
.btn_arw::after {content:''; display:inline-block; position:relative; top:-1.5px; width:15px; height:15px; margin-left:4px; vertical-align:middle; background-image:url(../images/ico/ico_btn_arw_blue.svg); background-repeat:no-repeat; background-size:contain;}

.btn_arw.gray {color:#A7ACB5;}
.btn_arw.gray::after {background-image:url(../images/ico/ico_btn_arw_gray.svg);}

.btn_rect {display:block; width:100%; padding:18px; color:var(--white-txt); font-size:17px; font-weight:700; word-break:keep-all; text-align:center; border-radius:8px; background-color:var(--point-color); transition:all .2s ease;}
.btn_rect.gray {color:var(--normal-txt); background-color:#F3F3F3;}
.btn_rect.red {background-color:var(--red-color);}
.btn_rect:disabled {color:var(--gray-txt);}

.btn_rect.btn_sm {display:inline-block; width:auto; padding:10px 14px; color:var(--normal-txt); font-size:13px; font-weight:500; line-height:1; background-color:var(--brightgray-color);}

.btn_rect_sm {flex-shrink:0; display:block; width:70px; padding:8px; color:var(--lightgray-txt); font-size:12px; font-weight:600; text-align:center; border:1px solid var(--lightgray-color); border-radius:8px; background-color:var(--white-color); background-position:center;}
.btn_rect_sm.reset_btn {padding:34px 8px 8px; background:url(../images/ico/ico_btn_reset.svg) no-repeat center top 8px; background-size:24px;}
.btn_rect_sm.bookmark_btn i {width:24px; height:24px; margin:0 auto 2px;}
.btn_rect_sm.bookmark_btn span {transition:color .2s ease;}
.btn_rect_sm.bookmark_btn input:checked ~ span {color:var(--black-txt);}

.btn_rect_bd {display:block; width:100%; padding:14px; font-size:15px; font-weight:600; line-height:1.3; text-align:center; border:1px solid var(--black-txt); border-radius:8px; background-color:var(--white-color);}
.btn_rect_bd.gray {color:var(--darkgray-txt); border-color:var(--darkgray-txt);}

.btn_txt {display:inline-block; position:relative; padding:12px; color:var(--lightgray-txt); font-size:13px; font-weight:600;}
.btn_txt:last-of-type {margin-right:0;}
.btn_txt::after {content:''; position:absolute; z-index:1; top:50%; right:0; transform:translateY(-50%); width:1px; height:10px; background-color:rgba(204,204,204,.9);}
.btn_txt:last-of-type::after {display:none;}

.bookmark_btn input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.bookmark_btn i {display:block; width:44px; height:44px; background-image:url(../images/ico/ico_btn_bookmark.svg); background-repeat:no-repeat; background-size:24px; background-position:center; transition:background .2s ease;}
.bookmark_btn input:checked + i {background-image:url(../images/ico/ico_btn_bookmark_on.svg);}

.toggle_btn input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.toggle_btn span {display:block; position:relative; width:44px; height:26px; border-radius:100px; background-color:#E9E9E9; transition:background .3s ease;}
.toggle_btn span::before {content:''; position:absolute; z-index:1; top:50%; left:2px; transform:translateY(-50%); width:22px; height:22px; box-shadow:0 0 3.35px rgba(0,0,0,.1); border-radius:50%; background-color:var(--white-txt); transition:left .3s ease;}
.toggle_btn input:checked + span {background-color:#21D060;}
.toggle_btn input:checked + span::before {left:calc(100% - 24px);}

.check_btn {display:inline-block;}
.check_btn input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.check_btn i {display:inline-block; position:relative; top:-1px; width:22px; height:22px; margin-right:6px; vertical-align:middle; background-image:url(../images/ico/ico_comon_check.svg); background-repeat:no-repeat; background-size:contain; transition:background .3s ease;}
.check_btn span {color:var(--black-txt); font-size:15px; word-break:keep-all;}
.check_btn input:checked + i {background-image:url(../images/ico/ico_comon_check_on.svg);}
.check_btn input:disabled + i {background-image:url(../images/ico/ico_comon_check_disable.svg);}
.check_btn input:disabled ~ span {color:var(--gray-txt);}
.agree_form {margin-bottom:24px;}
.agree_form .check_btn {position:relative; padding-right:55px; display:flex; align-items:center;}
.agree_form .check_btn i {top:0;}
.agree_form .check_btn em {color:#FF574A;}
.agree_form .check_btn p {margin-left:8px; font-weight:600; font-size:15px;}
.agree_form .check_btn p span {display:block; font-size:14px; font-weight:500; color:#888;}
.agree_form .check_btn .more {position:absolute; z-index:1; right:0; top:0; width:55px; height:100%; text-indent:-9999px; background:url(../images/ico/ico_setting_arw.svg) no-repeat center/7px 11px;}
/* 별점 공통 */
.comon_star {display:flex; align-items:center; margin-top:3px;}
.comon_star .star,
.comon_star .star span {display:inline-block; height:16px; overflow:hidden; background-image:url(../images/ico/ico_comon_star.svg); background-repeat:no-repeat; background-size:100px;}
.comon_star .star {flex-shrink:0; position:relative; width:100px; margin-right:4px;}
.comon_star .star span {width:100%; background-position:left bottom;}
.comon_star .num {margin-top:2px; font-size:15px; font-weight:600; line-height:1;}

.comon_star.big_star {display:block; text-align:center; margin-top:0;}
.comon_star.big_star .star,
.comon_star.big_star .star span {height:37px; text-align:left; background-size:214px;}
.comon_star.big_star .star {width:214px; margin-right:0;}
.comon_star.big_star .num {display:block; margin-top:8px; font-size:24px; font-weight:700; letter-spacing:0;}

/* 헤더 */
header.hd_main {padding:0 24px; border-bottom:0;}
header.hd_onlyright {justify-content:flex-end;}
header.hd_noborder {border-bottom:0;}

header {display:flex; justify-content:space-between; align-items:center; position:fixed; z-index:9980; top:0; left:0; width:100%; height:56px; padding:0 16px; border-bottom:1px solid #DDD; background-color:var(--white-txt);}
header h1 {width:122px; height:26px;}
header h1 a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/ico/ico_hd_logo.svg) no-repeat; background-size:contain;}
header h3 {position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--black-txt); font-size:18px; font-weight:700; line-height:1; letter-spacing:0;}

header .hd_ico.ico_l {margin-left:-6px;}
header .hd_ico.ico_r {margin-right:-6px;}
header .hd_ico > a {display:inline-block; position:relative; width:44px; height:44px; text-indent:-9999px; background-repeat:no-repeat; background-size:32px; background-position:center;}
header .hd_ico > a + a {margin-left:-6px;}
header .hd_ico .hd_qr {background-image:url(../images/ico/ico_hd_qr.svg);}
header .hd_ico .hd_notify {background-image:url(../images/ico/ico_hd_notify.svg);}
header .hd_ico .hd_notify.on::after {content:''; position:absolute; z-index:1; top:11px; right:8px; width:5px; height:5px; border-radius:50%; background:var(--point-color);}
header .hd_ico .hd_back {background-image:url(../images/ico/ico_hd_back.svg);}
header .hd_ico .hd_close {background-image:url(../images/ico/ico_hd_close.svg);}

header .hd_txtbtn > button {display:inline-block; min-width:44px; min-height:44px; font-size:15px; font-weight:500; line-height:1;}
header .hd_txtbtn .gray {color:var(--gray-txt);}
header .hd_txtbtn .red {color:var(--red-color);}

header.hd_search .search_box {position:relative; width:100%; margin-left:2px;}
header.hd_search .search_box input {width:100%; padding:0; padding-right:44px; color:var(--black-txt); font-size:16px; font-weight:500; background-color:transparent;}
header.hd_search .search_box input::placeholder {font-size:16px;}
header.hd_search .search_box .hd_search {position:absolute; z-index:1; top:50%; right:-6px; transform:translateY(-50%); width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_btn_search.svg) no-repeat center; background-size:32px;}

#header {display:flex; justify-content:space-between; align-items:center; position:fixed; z-index:9980; top:0; left:0; width:100%; height:56px; padding:0 16px; border-bottom:1px solid #DDD; background-color:var(--white-txt);}
#header.hd_search .search_box {position:relative; width:100%; margin-left:2px;}
#header.hd_search .search_box input {width:100%; padding:0; padding-right:44px; color:var(--black-txt); font-size:16px; font-weight:500; background-color:transparent;}
#header.hd_search .search_box input::placeholder {font-size:16px;}
#header.hd_search .search_box .hd_search {position:absolute; z-index:1; top:50%; right:-6px; transform:translateY(-50%); width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_btn_search.svg) no-repeat center; background-size:32px;}
#header .hd_ico .hd_back {background-image:url(../images/ico/ico_hd_back.svg);}
#header .hd_ico.ico_l {margin-left:-6px;}
#header .hd_ico > a {display:inline-block; position:relative; width:44px; height:44px; text-indent:-9999px; background-repeat:no-repeat; background-size:32px; background-position:center;}
#header .hd_ico > a + a {margin-left:-6px;}


/* footer */
footer {margin-top:50px; text-align:center; background-color:var(--brightgray-color);}
footer > div {padding-top:34px; padding-bottom:30px;}
footer .btn_box {font-size:0;}
footer .btn_box .btn_txt {color:var(--darkgray-txt); font-size:13px;}
footer .btn_box .btn_txt::after {background-color:#D9D9D9;}
footer .info {color:var(--gray-txt); font-size:13px; word-break:keep-all;}

/* 전체메뉴 */
#allmenu {display:none; position:fixed; z-index:9998; top:0; left:0; width:100%; height:100vh; background-color:transparent; transition:background .3s ease;}
#allmenu .menu_box {position:absolute; z-index:1; top:0; right:-100%; width:80%; height:100%; padding-bottom:40px; overflow-y:auto; box-shadow:-4px 0 30px rgba(0,0,0,.25); background-color:var(--white-txt); -ms-overflow-style:none; scrollbar-width:none; transition:right .3s ease;}
#allmenu .menu_box::-webkit-scrollbar {display:none;}
#allmenu .menu_box > div {padding:24px 0 12px;}
#allmenu .menu_box > div + div {border-top:8px solid var(--brightgray-color);}
#allmenu .menu_box > div > strong {display:block; margin-bottom:8px; padding:0 24px; color:var(--balck-txt); font-size:18px;}

#allmenu .menu_box .info {display:flex; justify-content:space-between; align-items:center; padding:60px 26px 24px 24px;}
#allmenu .menu_box .info .txt {margin-right:24px;}
#allmenu .menu_box .info .txt strong {display:block; margin-bottom:4px; color:var(--black-txt); font-size:20px; font-weight:600; word-break:keep-all;}
#allmenu .menu_box .info .txt p {color:var(--gray-txt); word-break:keep-all;}
#allmenu .menu_box .info .set_btn {flex-shrink:0; display:inline-block; padding:6px 16px; font-size:14px; font-weight:600; line-height:1.6; box-shadow:0 1px 2px rgba(16,24,40,.05); border-radius:8px; background-color:#F3F3F3;}
#allmenu .menu_box .info .go_login {display:inline-block; padding:15px 24px 14px 0; color:var(--black-txt); font-size:18px; font-weight:600; background:url(../images/ico/ico_menu_arw.svg) no-repeat center right; background-size:24px;}

#allmenu .menu_box ul li a {display:block; padding:12px 58px 12px 24px; color:var(--black-txt); font-size:15px; background:url(../images/ico/ico_menu_arw.svg) no-repeat; background-size:24px; background-position:center right 24px;}

#allmenu.show {background-color:rgba(0,0,0,.5);}
#allmenu.show .menu_box {right:0;}

/* 독바 */
#dockbar, .dockbar {position:fixed; z-index:9980; bottom:0; left:0; width:100%; transform:none; box-shadow:0 -8px 16px rgba(0,0,0,.08); border-radius:8px 8px 0 0; background-color:var(--white-txt); transition:transform .4s ease;}
#dockbar.hide,
.dockbar.hide {z-index:-1; transform:translateY(calc(100% + 22px));} /* 240116 수정 transform 값 수정 */
#dockbar .nav,
.dockbar .nav {display:flex; justify-content:space-between; align-items:center;}
#dockbar .nav li,
.dockbar .nav li {flex:1;}
#dockbar .nav li a,
.dockbar .nav li a {display:block; width:100%; height:100%; padding:13px 0 19px; text-align:center; color:#111; font-size:9px; font-weight:600; line-height:1; letter-spacing:-0.025rem;}

#dockbar .nav li a::before,
.dockbar .nav li a::before {content:''; display:block; margin:0 auto 3px; width:32px; height:32px; background-repeat:no-repeat; background-size:contain;}
#dockbar .nav li.dock_home a::before,
.dockbar .nav li.dock_home a::before {background-image:url(../images/ico/ico_dockbar_home.svg);}
#dockbar .nav li.dock_search a::before,
.dockbar .nav li.dock_search a::before {background-image:url(../images/ico/ico_dockbar_search.svg);}
#dockbar .nav li.dock_charge a::before,
.dockbar .nav li.dock_charge a::before {background-image:url(../images/ico/ico_dockbar_charge.svg);}
#dockbar .nav li.dock_report a::before,
.dockbar .nav li.dock_report a::before {background-image:url(../images/ico/ico_dockbar_report.svg);}
#dockbar .nav li.dock_menu a::before,
.dockbar .nav li.dock_menu a::before {background-image:url(../images/ico/ico_dockbar_menu.svg);}

#dockbar .nav li.dock_charge,
.dockbar .nav li.dock_charge {flex-shrink:0; position:relative; top:-22px;}
#dockbar .nav li.dock_charge a,
.dockbar .nav li.dock_charge a {color:var(--white-txt); width:64px; height:64px; margin:0 auto; padding:8px 0 13px; border-radius:50%; background-color:var(--point-color);}

/* 하단 고정 버튼 */
#btmbtn {position:fixed; z-index:9981; bottom:0; left:0; transform:none; width:100%; background-color:var(--white-txt); transition:transform .4s ease;}
#btmbtn.hide {z-index:-1; transform:translateY(100%);}
#btmbtn .btn {padding:16px 16px 40px;}
#btmbtn .btn > * + * {margin-top:8px;}

#btmbtn .btn.btn_small .btn_rect {height:52px; padding:14px; font-size:16px; font-weight:600; line-height:1.6;}

#btmbtn .btn.lay_flex {display:flex;}
#btmbtn .btn.lay_flex > * {margin-right:8px;}
#btmbtn .btn.lay_flex > *:last-child {margin-right:0;}
#btmbtn .btn.lay_flex > * + * {margin-top:0;}

#btmbtn .btn_box {margin-bottom:-24px;}
#btmbtn .policy_select + .btn {padding-top: 0;}

/* 팝업 */
#modalpop {display:none; position:fixed; z-index:9990; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,.7);}
#modalpop .modal_box {position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% - 40px); padding:36px 24px 24px; border-radius:16px; background-color:var(--white-txt);}
#modalpop .modal_box .txt {margin-bottom:32px; text-align:center;}
#modalpop .modal_box .txt strong {display:block; margin-bottom:8px; font-size:18px;}
#modalpop .modal_box .txt p {color:var(--darkgray-txt); line-height:1.6; word-break:keep-all;}
#modalpop .modal_box .btn {display:flex;}
#modalpop .modal_box .btn .btn_rect {flex:1; margin-right:8px; padding:14px; font-size:15px; font-weight:600; line-height:1.3;}
#modalpop .modal_box .btn .btn_rect:last-of-type {margin-right:0;}
#modalpop .modal_box .pop_close {position:absolute; z-index:1; top:6px; right:6px; width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_pop_close.svg) no-repeat center; background-size:32px;}

#modalpop.pin_notice .modal_box {padding:24px 24px 34px;}
#modalpop.pin_notice .modal_box .txt {margin-bottom:24px;}
#modalpop.pin_notice .modal_box .txt strong {margin-bottom:0;}
#modalpop.pin_notice .modal_box .pin_state {display:flex; align-items:center;}
#modalpop.pin_notice .modal_box .pin_state li {flex:1; padding-top:48px; font-size:14px; font-weight:500; line-height:1.3; text-align:center; background-repeat:no-repeat; background-size:40px; background-position:top center;}
/*
#modalpop.pin_notice .modal_box .pin_state li.can {background-image:url(../images/ico/ico_map_pin_green.svg);}
#modalpop.pin_notice .modal_box .pin_state li.ing {background-image:url(../images/ico/ico_map_pin_red.svg);}
#modalpop.pin_notice .modal_box .pin_state li.no {background-image:url(../images/ico/ico_map_pin_gray.svg);}
#modalpop.pin_notice .modal_box .pin_state li.check {background-image:url(../images/ico/ico_map_pin_yellow.svg);}
*/
#modalpop.pin_notice .modal_box .pin_state li.can {background-image:url(../images/ico/ico_map_pin_enable.svg);}
#modalpop.pin_notice .modal_box .pin_state li.ing {background-image:url(../images/ico/ico_map_pin_ing.svg);}
#modalpop.pin_notice .modal_box .pin_state li.no {background-image:url(../images/ico/ico_map_pin_disable.svg);}
#modalpop.pin_notice .modal_box .pin_state li.check {background-image:url(../images/ico/ico_map_pin_check.svg);}


#modalpop.busi_info .modal_box {padding:24px; max-height:450px; height:calc(100% - 60px); overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none;}
#modalpop.busi_info .modal_box::-webkit-scrollbar {display:none;}
#modalpop.busi_info .modal_box .txt {margin-bottom:24px;}
#modalpop.busi_info .modal_box .txt strong {margin-bottom:0;}
#modalpop.busi_info .modal_box .info_area {padding:16px; border-radius:8px; background-color:var(--brightgray-color);}
#modalpop.busi_info .modal_box .info_area li + li {margin-top:16px;}
#modalpop.busi_info .modal_box .info_area li strong {display:block; margin-bottom:4px; color:var(--black-color); font-size:14px; font-weight:600; line-height:1.5;}
#modalpop.busi_info .modal_box .info_area li p {color:var(--darkgray-txt); font-size:13px; line-height:1.5;}
#modalpop.busi_info .modal_box .btn {margin-top:24px;}


/* #modalpop.search_wrap {padding:24px; max-height:450px; height:calc(100% - 60px); overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none;}  background-color:rgba(0,0,0,.7);*/
#searchpop.search_wrap {display:none; position:fixed; z-index:9990; top:0; left:0; width:100%; height:100vh; background-color:var(--white-color); overflow-y:auto; }



/* 바텀시트 */
#btmsheet {display:none; position:fixed; z-index:9990; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,.7);}
#btmsheet .sheet_box {position:absolute; z-index:1; left:0; bottom:0; transform:translateY(100%); width:100%; padding-bottom:40px; box-shadow:0 -2px 5px rgba(0,0,0,.1); border-radius:24px 24px 0 0; background-color:var(--white-txt); transition:transform .4s ease;}
#btmsheet.show .sheet_box {transform:none;}
#btmsheet .sheet_box .tit {position:relative; padding:42px 24px 20px;}
#btmsheet .sheet_box .tit::before {content:''; position:absolute; z-index:1; top:16px; left:50%; transform:translateX(-50%); width:38px; height:4px; border-radius:100px; background-color:#D6D6D6;}
#btmsheet .sheet_box .tit strong {display:block; padding-right:44px; color:var(--black-txt); font-size:20px; line-height:1.2; word-break:keep-all;}
#btmsheet .sheet_box .tit p {margin-top:8px; color:var(--gray-txt); font-size:15px; line-height:1.6; letter-spacing:0;}

#btmsheet .sheet_box .cont ul {max-height:252px; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none;}
#btmsheet .sheet_box .cont ul::-webkit-scrollbar {display:none;}
#btmsheet .sheet_box .cont ul li label input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
#btmsheet .sheet_box .cont ul li label span {display:block; position:relative; width:100%; padding:14px 24px; font-weight:500; word-break:keep-all; background-color:var(--white-txt); background-image:url(../images/ico/ico_btmsheet_check.svg); background-repeat:no-repeat; background-size:11px 9px; background-position:center right 24px; transition:all .3s ease;}
#btmsheet .sheet_box .cont ul li > a.sort_list {display:block; position:relative; width:100%; padding:14px 24px; font-weight:500; word-break:keep-all; background-color:var(--white-txt); background-image:url(../images/ico/ico_btmsheet_check.svg); background-repeat:no-repeat; background-size:11px 9px; background-position:center right 24px; transition:all .3s ease;}
#btmsheet .sheet_box .cont ul li label input:checked + span {background-color:var(--brightgray-color); background-image:url(../images/ico/ico_btmsheet_check_on.svg);}
#btmsheet .sheet_box .cont ul li > a.sort_list.on {background-color:var(--brightgray-color); background-image:url(../images/ico/ico_btmsheet_check_on.svg);}

#btmsheet .sheet_box .cont ul li label span[class^="ico_"]::before {content:''; display:inline-block; position:relative; top:-1px; width:25px; height:25px; margin-right:12px; vertical-align:middle; border-radius:7px; background-repeat:no-repeat; background-size:contain;}
#btmsheet .sheet_box .cont ul li label span.ico_tmap::before {background-image:url(../images/ico/ico_navimap_t.png);}
#btmsheet .sheet_box .cont ul li label span.ico_kakaomap::before {background-image:url(../images/ico/ico_navimap_kakao.png);}
#btmsheet .sheet_box .cont ul li label span.ico_applemap::before {background-image:url(../images/ico/ico_navimap_apple.png);}

#btmsheet:not(.naviapp) .sheet_box .close_btn {position:absolute; z-index:1; top:34px; right:16px; width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_circle_x.svg) no-repeat center; background-size:28px;}

#btmsheet.naviapp .sheet_box .tit {padding-top:54px; padding-bottom:34px;}
#btmsheet.naviapp .sheet_box .cont {padding:0 16px;}
#btmsheet.naviapp .sheet_box .cont .map {display:flex; align-items:center; margin-bottom:24px; padding:0 8px;}
#btmsheet.naviapp .sheet_box .cont .map > div {flex:1; margin-right:15px;}
#btmsheet.naviapp .sheet_box .cont .map > div:last-of-type {margin-right:0;}
#btmsheet.naviapp .sheet_box .cont .map label {display:flex; justify-content:center; align-items:center; position:relative;}
#btmsheet.naviapp .sheet_box .cont .map label input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
#btmsheet.naviapp .sheet_box .cont .map label i {position:absolute; z-index:1; top:8px; left:8px; width:22px; height:22px; opacity:0; background:url(../images/ico/ico_comon_check_on.svg) no-repeat; background-size:contain; transition:opacity .3s ease;}
#btmsheet.naviapp .sheet_box .cont .map label span {display:block; width:100%; min-height:123px; padding:76px 0 32px; color:var(--lightgray-txt); font-size:15px; font-weight:600; text-align:center; border:1px solid var(--brightgray-color); border-radius:8px; background-color:var(--brightgray-color); transition:all .3s ease;}
#btmsheet.naviapp .sheet_box .cont .map label span::before {content:''; position:absolute; z-index:1; top:32px; left:50%; transform:translateX(-50%); width:32px; height:32px; background-repeat:no-repeat; background-size:contain;}
#btmsheet.naviapp .sheet_box .cont .map label span.ico_tmap::before {background-image:url(../images/ico/ico_navimap_t.png);}
#btmsheet.naviapp .sheet_box .cont .map label span.ico_kakaomap::before {background-image:url(../images/ico/ico_navimap_kakao.png);}
#btmsheet.naviapp .sheet_box .cont .map label span.ico_applemap::before {background-image:url(../images/ico/ico_navimap_apple.png);}
#btmsheet.naviapp .sheet_box .cont .map label input:checked + i {opacity:1;}
#btmsheet.naviapp .sheet_box .cont .map label input:checked ~ span {color:var(--black-txt); border-color:var(--point-color); background-color:var(--white-txt);}

#btmsheet.naviapp .sheet_box .cont .set {padding:0 8px;}
#btmsheet.naviapp .sheet_box .cont .btn_rect {margin-top:36px;}

/* 로딩 */
/*
#loading {display:flex; justify-content:center; align-items:center; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.7);}
#loading.type_white {background-color:var(--white-color);}
#loading .load_box {display:inline-block; width:100px; height:100px; overflow:hidden;}
#loading .load_circle {position:relative; width:100%; height:100%;}
#loading .load_circle div {position:absolute; z-index:1; top:30px; left:8px; width:42px; height:42px; border-radius:50%;}
#loading .load_circle div:nth-child(1) {animation:loadAni01 1s -0.5s linear infinite; background:var(--point-color);}
#loading .load_circle div:nth-child(2) {animation:loadAni01 1s 0s linear infinite; background:var(--blue-color);}
#loading .load_circle div:nth-child(3) {animation:loadAni02 1s -0.5s linear infinite; background:var(--point-color);}

#loading.withtxt {flex-direction:column;}
#loading.withtxt .txt_wrap {text-align:center;}
#loading.withtxt .txt_wrap strong {font-size:20px; font-weight:600;}
#loading.withtxt .txt_wrap p {position:relative; margin-top:8px; height:20px;}
#loading.withtxt .txt_wrap p span {display:block; width:100%; text-align:center; color:var(--gray-txt); font-size:16px; transition:all .3s ease;}

#loading.crosstxt .txt_wrap p span {position:absolute; z-index:1; left:0; top:0; opacity:0;}
#loading.crosstxt .txt_wrap p span.view {opacity:1;}
*/
#loading.type_white {display:flex; justify-content:center; align-items:center; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:var(--white-color);}
#loading.type_white .load_box {display:inline-block; width:100px; height:100px; overflow:hidden;}
#loading.type_white .load_circle {position:relative; width:100%; height:100%;}
#loading.type_white .load_circle div {position:absolute; z-index:1; top:30px; left:8px; width:42px; height:42px; border-radius:50%;}
#loading.type_white .load_circle div:nth-child(1) {animation:loadAni01 1s -0.5s linear infinite; background:var(--point-color);}
#loading.type_white .load_circle div:nth-child(2) {animation:loadAni01 1s 0s linear infinite; background:var(--blue-color);}
#loading.type_white .load_circle div:nth-child(3) {animation:loadAni02 1s -0.5s linear infinite; background:var(--point-color);}

#loading.type_white.withtxt {flex-direction:column;}
#loading.type_white.withtxt .txt_wrap {text-align:center;}
#loading.type_white.withtxt .txt_wrap strong {font-size:20px; font-weight:600;}
#loading.type_white.withtxt .txt_wrap p {position:relative; margin-top:8px; height:20px;}
#loading.type_white.withtxt .txt_wrap p span {display:block; width:100%; text-align:center; color:var(--gray-txt); font-size:16px; transition:all .3s ease;}

#loading.type_white.crosstxt .txt_wrap p span {position:absolute; z-index:1; left:0; top:0; opacity:0;}
#loading.type_white.crosstxt .txt_wrap p span.view {opacity:1;}


#loading.type_dimmed {display:flex; justify-content:center; align-items:center; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8);}
#loading.type_dimmed .load_box {display:inline-block; width:100px; height:100px; overflow:hidden;}
#loading.type_dimmed .load_circle {position:relative; width:100%; height:100%;}
#loading.type_dimmed .load_circle div {position:absolute; z-index:1; top:30px; left:8px; width:42px; height:42px; border-radius:50%;}
#loading.type_dimmed .load_circle div:nth-child(1) {animation:loadAni01 1s -0.5s linear infinite; background:var(--point-color);}
#loading.type_dimmed .load_circle div:nth-child(2) {animation:loadAni01 1s 0s linear infinite; background:var(--blue-color);}
#loading.type_dimmed .load_circle div:nth-child(3) {animation:loadAni02 1s -0.5s linear infinite; background:var(--point-color);}

#loading.type_dimmed.withtxt {flex-direction:column;}
#loading.type_dimmed.withtxt .txt_wrap {text-align:center;}
#loading.type_dimmed.withtxt .txt_wrap strong {font-size:20px; font-weight:600; color:white;}
#loading.type_dimmed.withtxt .txt_wrap p {position:relative; margin-top:8px; height:20px;}
#loading.type_dimmed.withtxt .txt_wrap p span {display:block; width:100%; text-align:center; color:var(--gray-txt); font-size:16px; transition:all .3s ease; color:white;}

#loading.type_dimmed.crosstxt .txt_wrap p span {position:absolute; z-index:1; left:0; top:0; opacity:0;}
#loading.type_dimmed.crosstxt .txt_wrap p span.view {opacity:1;}

/*결제카드 삭제시 로딩*/
#delLoading.type_dimmed {display:flex; justify-content:center; align-items:center; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8);}
#delLoading.type_dimmed .load_box {display:inline-block; width:100px; height:100px; overflow:hidden;}
#delLoading.type_dimmed .load_circle {position:relative; width:100%; height:100%;}
#delLoading.type_dimmed .load_circle div {position:absolute; z-index:1; top:30px; left:8px; width:42px; height:42px; border-radius:50%;}
#delLoading.type_dimmed .load_circle div:nth-child(1) {animation:loadAni01 1s -0.5s linear infinite; background:var(--point-color);}
#delLoading.type_dimmed .load_circle div:nth-child(2) {animation:loadAni01 1s 0s linear infinite; background:var(--blue-color);}
#delLoading.type_dimmed .load_circle div:nth-child(3) {animation:loadAni02 1s -0.5s linear infinite; background:var(--point-color);}

#delLoading.type_dimmed.withtxt {flex-direction:column;}
#delLoading.type_dimmed.withtxt .txt_wrap {text-align:center;}
#delLoading.type_dimmed.withtxt .txt_wrap strong {font-size:20px; font-weight:600; color:white;}
#delLoading.type_dimmed.withtxt .txt_wrap p {position:relative; margin-top:8px; height:20px;}
#delLoading.type_dimmed.withtxt .txt_wrap p span {display:block; width:100%; text-align:center; color:var(--gray-txt); font-size:16px; transition:all .3s ease; color:white;}

#delLoading.type_dimmed.crosstxt .txt_wrap p span {position:absolute; z-index:1; left:0; top:0; opacity:0;}
#delLoading.type_dimmed.crosstxt .txt_wrap p span.view {opacity:1;}


#loading .ani_view {position:relative; width:calc(100% - 80px); max-width:280px; height:186px; margin:-24px 0 36px 0; border-radius:16px; background:#F4F6F9; overflow:hidden;}
#loading .ani_view .connector {position:absolute; z-index:1; right:-50px; bottom:0; width:225px; height:138px; background:url(../images/ico/ico_ani_loading.svg) no-repeat center; animation:moveConnect 3s ease-in-out infinite;}

@keyframes moveConnect {
	0% {right:-50px;}
	30% {right:0px;}
	80% {right:0px;}
	100% {right:-50px;}
}

@keyframes loadAni01 {
	0% {transform:translate(0,0)}
	50% {transform:translate(42px,0)}
	100% {transform:translate(0,0)}
}
@keyframes loadAni02 {
	0% {opacity:1; transform:translate(0,0)}
	49.99% {opacity:1; transform:translate(42px,0)}
	50% {opacity:0; transform:translate(42px,0)}
	100% {opacity:0; transform:translate(0,0)}
}

/* lightbox 뷰 공통 */
.fslightbox-container.fslightbox-full-dimension {background:rgba(0,0,0,.7); !important}
.fslightbox-source {border-radius:8px;}

/* s: 컨텐츠 공통 */
/* 공통 리스트 */
.comon_list > li {position:relative; width:100%; box-shadow:0 1px 0 #eee; border:1px solid var(--lightgray-color); border-radius:16px;}
.comon_list > li + li {margin-top:12px;}
.comon_list > li a {display:block; width:100%; height:100%; padding:24px 20px;}
.comon_list > li .btn_area {position:absolute; z-index:2; top:14px; right:10px;}

.comon_list > li .btn_area .remove_btn {display:none; width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_circle_minus.svg) no-repeat center; background-size:24px;}

.edit_con .comon_list > li .btn_area .remove_btn {display:block;}

.comon_list .add_charge {min-height:auto;}
.comon_list .add_charge a {padding:16px 20px; text-indent:-9999px; background:url(../images/ico/ico_circle_plus.svg) no-repeat center; background-size:32px;}

.comon_list02 li {border-bottom:1px solid var(--lightgray-color);}
.comon_list02 li a {display:block; width:100%; height:100%; padding:16px 0 18px;}
.comon_list02 li a strong {display:block; margin-bottom:7px; color:var(--black-txt); font-size:15px; font-weight:600; word-break:keep-all;}
.comon_list02 li a strong.new::after {content:'N'; display:inline-block; position:relative; top:-1px; width:16px; height:16px; margin-left:10px; color:var(--white-txt); font-size:11px; font-weight:600; line-height:16px; text-align:center; vertical-align:middle; border-radius:50%; background-color:var(--point-color);}
.comon_list02 li a p {font-size:0;}
.comon_list02 li a p span {display:inline-block; position:relative; margin-right:17px; color:var(--gray-txt); font-size:12px; line-height:1.2;}
.comon_list02 li a p span:last-of-type {margin-right:0;}
.comon_list02 li a p span::after {content:''; position:absolute; z-index:1; top:50%; right:-9px; transform:translateY(-50%); width:1px; height:10px; background-color:#ccc;}
.comon_list02 li a p span:last-of-type::after {display:none;}

.comon_list02 li a p .state {color:var(--point-color); font-weight:600;}
.comon_list02 li a p .state.ok {color:var(--lightgray-txt);}

/* 공통 레이아웃 */
.comon_layout > div {background-color:var(--white-txt);}
.comon_layout > div + div {border-top:8px solid #F3F3F3;}


.filter_layout > p {width:100%; height:10px; background-color:#F3F3F3;}

.comon_layout .tit {padding:32px 16px; text-align:center;}
.comon_layout .tit p {color:var(--darkgray-txt); font-size:15px; font-weight:500; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.comon_layout .tit span {color:#777; font-weight:500;}
.comon_layout .tit strong {display:block; margin-top:8px; font-size:20px; word-break:keep-all;}

.comon_layout .cont {padding-top:34px;}

.comon_layout02 .top {position:fixed; z-index:9980; top:56px; left:0; width:100%; background-color:var(--white-color);}
.comon_layout02 .top .tab {border-top:1px solid var(--lightgray-color);}
.comon_layout02 .list ul li {padding:24px;}
.comon_layout02 .list ul li + li {border-top:1px solid var(--lightgray-color);}

/* 총건수 공통 */
.sub_box {display:flex; justify-content:space-between; align-items:center; padding:0 20px; background-color:var(--brightgray-color);}
.sub_box p {color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1;}
.sub_box button {display:block; padding:17px 28px 17px 6px; color:var(--black-txt); font-size:14px; font-weight:500; line-height:1; background:url(../images/ico/ico_btn_filter.svg) no-repeat center right; background-size:24px;}

/* 충전소박스 공통 */
.comon_charger > li {min-height:152px;}

.comon_charger li .main {margin-bottom:16px; padding-right:30px;}
.comon_charger li .main .tit {display:block; margin-bottom:4px; color:var(--black-txt); font-weight:600; word-break:Keep-all;}
.comon_charger li .main .info {display:flex;}
.comon_charger li .main .info p {position:relative; font-size:14px; margin-right:17px; word-break:Keep-all;}
.comon_charger li .main .info p:last-of-type {margin-right:0;}
.comon_charger li .main .info p::after {content:''; position:absolute; z-index:1; top:5px; right:-9px; width:1px; height:10px; background:#ccc;}
.comon_charger li .main .info p:last-of-type::after {display:none;}
.comon_charger li .main .info .distance {color:var(--black-txt); font-weight:500;}
.comon_charger li .main .info .address {color:var(--darkgray-txt);}

.comon_charger li .sub {display:flex; align-items:center; height:42px;}
.comon_charger li .sub .charge_possible {display:flex; align-items:center; width:100%; height:100%; padding:6px 16px; border-radius:8px; background-color:#F4F6F9;}
.comon_charger li .sub .charge_possible strong {flex-shrink:0; display:block; margin-right:16px; color:var(--black-txt); font-size:13px; font-weight:600; line-height:1;}
.comon_charger li .sub .charge_possible ul {display:flex; align-items:center;}
.comon_charger li .sub .charge_possible ul li {margin-right:16px; padding-left:18px; color:var(--blue-color); font-size:13px; font-weight:600; line-height:1.2; word-break:keep-all; background-repeat:no-repeat; background-size:14px; background-position:center left;}
.comon_charger li .sub .charge_possible ul li:last-of-type {margin-right:0;}
.comon_charger li .sub .charge_possible ul li.slow {background-image:url(../images/ico/ico_charger_slow.svg);}
.comon_charger li .sub .charge_possible ul li.fast {background-image:url(../images/ico/ico_charger_fast.svg);}
.comon_charger li .sub .go_map {flex-shrink:0; display:block; position:relative; z-index:2; width:42px; height:100%; margin-left:8px; text-indent:-9999px; border-radius:8px; background-color:#F4F6F9; background-image:url(../images/ico/ico_btn_map.svg); background-repeat:no-repeat; background-size:22px; background-position:center;}

.comon_charger.none_charger li {display:flex; justify-content:center; align-items:center;}
.comon_charger.none_charger li a {pointer-events:none;}
.comon_charger.none_charger li a p {color:var(--gray-txt); font-size:14px; text-align:center; word-break:keep-all;}
.comon_charger.none_charger li a p::before {content:''; display:block; width:40px; height:40px; margin:0 auto 8px; background:url(../images/ico/ico_comon_charger_none.svg) no-repeat; background-size:contain;}

/* 컨텐츠 내용 없을 때 공통 */
.comon_nocont {display:flex; justify-content:center; align-items:center; height:100vh; text-align: center;}
.comon_nocont p {color:var(--lightgray-txt); font-size:15px; font-weight:600; word-break:Keep-all; line-height: 1.6;}
.comon_nocont p::before {content:''; display:block; width:62px; height:62px; margin:0 auto 22px; border-radius:50%; background-color:#F0F2F6; background-repeat:no-repeat; background-size:contain;}

.comon_nocont.icon_charger p::before {background-image:url(../images/ico/ico_comon_nocont_charger.svg);}
.comon_nocont.icon_bell p::before {background-image:url(../images/ico/ico_comon_nocont_notify.svg);}
.comon_nocont.icon_car p::before {background-image:url(../images/ico/ico_comon_nocont_car.svg);}
.comon_nocont.icon_card p::before {background-image:url(../images/ico/ico_comon_nocont_card.svg);}
.comon_nocont.icon_writing p::before {background-image:url(../images/ico/ico_comon_nocont_writing.svg);}
.comon_nocont.icon_exclamark p {font-size:14px; font-weight:400;}
.comon_nocont.icon_exclamark p::before {width:40px; height:40px; margin-bottom:8px; background-image:url(../images/ico/ico_comon_charger_none.svg);}
.comon_nocont.icon_event p::before {background-image:url(../images/ico/ico_event.svg);}

.tab_con .comon_nocont {height: calc(100vh - 240px);}

/* 폼 공통 */
.comon_form .tit {margin-bottom:28px;}
.comon_form .tit p {color:var(--darkgray-txt); font-size:15px; font-weight:500; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.comon_form .tit strong {display:block; color:var(--black-txt); font-size:18px; line-height:1.6; letter-spacing:0; word-break:keep-all;}

.comon_form .form_box li + li {margin-top:24px;}
.comon_form .form_box li .inp_tit {display:block; margin-bottom:8px; color:var(--darkgray-txt); font-size:14px; font-weight:500; letter-spacing:0; word-break:Keep-all;}
.comon_form .form_box li .inp_tit.bold {margin-bottom:16px; color:var(--normal-txt); font-size:16px; font-weight:700;}
.comon_form .form_box li .inp_tit span {font-weight:400;}
.comon_form .form_box .noti {margin-top:16px; color:var(--gray-txt); font-size:12px; line-height:1.6; letter-spacing:-0.01rem; word-break:keep-all;}

.comon_form .form_box li .con div {position:relative;}
.comon_form .form_box li .con div + div {margin-top:8px;}
.comon_form .form_box li .con div input[type="text"] + input[type="text"] {margin-top:8px; margin-left:0;}

.comon_form .form_box .lay_flex {display:flex; align-items:center;}
.comon_form .form_box .lay_flex .con {margin-right:24px;}
.comon_form .form_box .lay_flex .con:last-of-type {margin-right:0;}
.comon_form .form_box .lay_flex input {margin-right:8px;}
.comon_form .form_box .lay_flex input:last-of-type {margin-right:0;}

.comon_form .form_box li.lay_flex .con {width:50%;}
.comon_form .form_box .con.inp_cardpass div input {width:50px; margin-right:8px;}

.comon_form .form_box .con.inp_postcode div input {flex:0; width:120px;}
.comon_form .form_box .con.inp_postcode div .ok_btn {display:block; width:80px; min-height:48px; margin-left:8px; padding:12px; color:var(--point-color); font-size:15px; font-weight:600; line-height:1.6; text-align:center; letter-spacing:0; border:1px solid var(--point-color); border-radius:8px; background-color:var(--white-txt);}

.comon_form .form_box .con.inp_numsend div input {padding-right:120px;}
.comon_form .form_box .con.inp_numsend div .num_send {position:absolute; z-index:1; top:50%; right:12px; transform:translateY(-50%); padding:4px 12px; color:var(--white-txt); font-size:13px; font-weight:600; line-height:1.6; border-radius:6px; background-color:var(--point-color); transition:all .2s ease;}
.comon_form .form_box .con.inp_numsend div .num_send.send_ok {color:var(--gray-txt); background-color:var(--lightgray-color);}
.comon_form .form_box .con.inp_numsend div .num_time {position:absolute; z-index:1; top:50%; right:16px; transform:translateY(-50%); color:var(--red-color); font-size:14px; font-weight:500; line-height:1.6;}

.comon_form .form_box .con.add_photo div .img {display:flex; flex-wrap:wrap; align-items:center; max-width:800px; margin:-5px;}
.comon_form .form_box .con.add_photo div .img li {flex:0 calc(33.33% - 10px); position:relative; margin:5px;}
.comon_form .form_box .con.add_photo div .img li p,
.comon_form .form_box .con.add_photo div .img li a {max-height:258px; overflow:hidden; border:1px solid var(--lightgray-color); border-radius:8px;}
.comon_form .form_box .con.add_photo div .img li p img,
.comon_form .form_box .con.add_photo div .img li a img {width:100%; height:100%; object-fit:cover;}
.comon_form .form_box .con.add_photo div .img li .delete_btn {position:absolute; z-index:1; top:-6px; right:-8px; width:calc(100% + 8px); height:calc(100% + 6px); text-indent:-9999px; background:url(../images/ico/ico_circle_x_bd.svg) no-repeat top right; background-size:24px;}
.comon_form .form_box .con.add_photo div .img li.file_add {display:block;}
.comon_form .form_box .con.add_photo div .img li.file_add label input[type="file"] {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.comon_form .form_box .con.add_photo div .img li.file_add label img {display:block; width:100%; height:100%; overflow:hidden; border:1px dashed var(--lightgray-color); border-radius:8px;}

/* 상세 페이지 공통 */
.comon_detail .tit {padding:24px 0; border-bottom:1px solid #EEE;}
.comon_detail .tit strong {display:block; margin-bottom:7px; color:var(--black-txt); font-size:15px; font-weight:600; letter-spacing:-0.03rem; word-break:keep-all;}
.comon_detail .tit strong.new::after {content:'N'; display:inline-block; position:relative; top:-1px; width:16px; height:16px; margin-left:10px; color:var(--white-txt); font-size:11px; font-weight:600; line-height:16px; text-align:center; vertical-align:middle; border-radius:50%; background-color:var(--point-color);}
.comon_detail .tit p {font-size:0;}
.comon_detail .tit p span {display:inline-block; position:relative; margin-right:17px; color:var(--gray-txt); font-size:12px; line-height:1.2;}
.comon_detail .tit p span:last-of-type {margin-right:0;}
.comon_detail .tit p span::after {content:''; position:absolute; z-index:1; top:50%; right:-9px; transform:translateY(-50%); width:1px; height:10px; background-color:#ccc;}
.comon_detail .tit p span:last-of-type::after {display:none;}
/*.comon_detail .con {display:flex; flex-wrap:wrap; position:relative; min-height:220px; padding:30px 0 36px;}*/
.comon_detail .con {display:flex; flex-wrap:wrap; position:relative; padding:30px 0 36px;}

.comon_detail .con > p {width:100%; font-size:14px; font-weight:500; line-height:1.7; letter-spacing:0; word-break:keep-all;}
.comon_detail .con > p + p {margin-top:24px;}
.comon_detail .lightbox ~ .btn {margin-top:40px;}
.comon_detail .btn {width:100%; margin-bottom:24px;}

.comon_detail .img {display:flex; flex-wrap:wrap; align-items:center; max-width:800px; margin:0 -4px -4px;}
.comon_detail .img li {flex:0 calc(33.33% - 8px); margin:4px; overflow:hidden; border:1px solid var(--lightgray-color); border-radius:8px;}
.comon_detail .img li a {display:block; max-height:258px;}
.comon_detail .img li a,
.comon_detail .img li img {width:100%; height:100%; object-fit:cover;}
.comon_detail .img .delete_btn {display:none;}

.comon_detail .answer_box {width:calc(100 + 48px); margin:0 -24px; padding:24px 24px 26px; border-top:1px solid var(--lightgray-color); background-color:var(--brightgray-color); display: flex; flex-wrap: wrap; position: relative; flex-direction: column;}
.comon_detail .answer_box p { width:100%; font-size:13px; font-weight:500; line-height:1.85; word-break:keep-all;}
.comon_detail .answer_box p + p {margin-top:16px;}
.comon_detail .answer_box .date {margin-top:14px; color:var(--gray-txt); font-size:12px; font-weight:400; line-height:1.3; letter-spacing:0;}

.comon_detail .tit p .state {color:var(--point-color); font-weight:600;}
.comon_detail .tit p .state.ok {color:var(--lightgray-txt);}

/* 리뷰 공통 */
.comon_review li {padding:24px 0;}
.comon_review li + li {border-top:1px solid var(--lightgray-color);}

.comon_review li .tit {display:flex; justify-content:space-between; margin-bottom:12px;}
.comon_review li .tit strong {display:inline-block; margin-right:24px; font-size:15px; font-weight:600; word-break:keep-all;}
.comon_review li .tit span {display:inline-block; margin-top:3px; color:var(--lightgray-txt); font-size:14px; line-height:1; letter-spacing:0.01rem;}

.comon_review li .rv {margin:12px -4px -4px; font-size:0;}
.comon_review li .rv span {display:inline-block; margin:4px; padding:10px 12px 10px 28px; font-size:13px; font-weight:500; line-height:1; border:1px solid #EEEEEE; border-radius:8px; background-color:var(--white-color); background-repeat:no-repeat; background-size:18px; background-position:center left 8px;}
.comon_review li .rv span.ico_speed {background-image:url(../images/ico/ico_myrv_speed.png);}
.comon_review li .rv span.ico_comfortable {background-image:url(../images/ico/ico_myrv_comfortable.png);}
.comon_review li .rv span.ico_clean {background-image:url(../images/ico/ico_myrv_clean.png);}
.comon_review li .rv span.ico_price {background-image:url(../images/ico/ico_myrv_price.png);}
.comon_review li .rv span.ico_parking {background-image:url(../images/ico/ico_myrv_parking.png);}
.comon_review li .rv span.ico_good {background-image:url(../images/ico/ico_myrv_good.png);}

/* 탭 공통 */
.comon_tabwrap .tab {display:flex; width:100%; border-bottom:1px solid var(--lightgray-color); background-color:var(--white-color);}
.comon_tabwrap .tab li {flex:1; padding:17px 12px; color:var(--gray-txt); font-size:15px; font-weight:500; line-height:1; text-align:center; border-bottom:2px solid transparent; transition:all .2s ease;}
.comon_tabwrap .tab li.on {color:var(--black-txt); font-size:15px; border-color:var(--black-color);}
.comon_tabwrap .tab.headbtm li {padding: 4px 12px 17px;}
.comon_tabwrap .tab_con > div {display:none;}
.comon_tabwrap .tab_con > div.on {display:block;}

/* 대표 설정 */
.set_main {flex-shrink:0;}
.set_main input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.set_main span {display:inline-block; padding:6px 8px; color:var(--gray-txt); font-size:12px; font-weight:500; line-height:1; border-radius:8px; background-color:#F4F6F9; transition:all .3s ease;}
.set_main input:checked + span {color:var(--blue-color); background-color:#E5F2FF;}
/* e: 컨텐츠 공통 */

/* s: 메인 홈 */
/* 메인 홈 비주얼 */
.home_visual {position:relative; margin-top:8px; border-radius:16px; overflow:hidden;}
.home_visual ul li {position:relative; overflow:hidden;}
.home_visual ul li:first-of-type {border-radius:16px 0 0 16px;}
.home_visual ul li:last-of-type {border-radius:0 16px 16px 0;}
.home_visual ul li a {display:block; width:100%; height:100%;}
.home_visual ul li .txt {position:absolute; z-index:1; top:24px; left:24px; width:calc(100% - 48px);}
.home_visual ul li .txt strong {display:block; margin-bottom:12px; color:var(--white-txt); font-size:24px; font-weight:700;}
.home_visual ul li .txt p {color:var(--white-txt); opacity:0.8;}
.home_visual ul li .bgimg {max-height:540px;}

.home_visual .swiper-pagination {left:24px; bottom:24px; transform:none; width:auto; padding:6px; color:rgba(255,255,255,.6); font-size:12px; line-height:1; text-align:left; border-radius:100px; background:rgba(0,0,0,.2);}
.home_visual .swiper-pagination span {display:inline-block; padding:0 2px; font-size:12px; line-height:1;}
.home_visual .swiper-pagination span.swiper-pagination-current {min-width:11px; color:var(--white-txt);}

/* 메인 홈 리포트 */
.home_report {margin:40px 0 60px;}
.home_report ul {padding:8px 24px 8px 22px; border-radius:16px; background-color:#F7F7FA;}
.home_report ul li {display:flex; justify-content:space-between; align-items:center; padding:16px 0;}
.home_report ul li + li {border-top:1px dashed #E0E0E4;}
.home_report ul li p {flex-shrink:0; position:relative; margin-right:16px; padding-left:34px; font-size:15px; font-weight:500;}
.home_report ul li p::before {content:''; position:absolute; z-index:1; top:50%; left:0; transform:translateY(-50%); width:26px; height:26px; background-repeat:no-repeat; background-size:contain;}
.home_report ul li p.amount::before {background-image:url(../images/ico/ico_home_report_amount.svg);}
.home_report ul li p.fee::before {background-image:url(../images/ico/ico_home_report_fee.svg);}
.home_report ul li p.distance::before {background-image:url(../images/ico/ico_home_report_distance.svg);}
.home_report ul li strong {color:var(--blue-color); text-align:right; letter-spacing:0;}

/* 메인 홈 배너 */
.home_banner {position:relative; width:calc(100% + 32px); margin-left:-16px; background:radial-gradient(144.54% 121.49% at 18.61% -14.62%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), #004E9E;}
.home_banner::after {content:''; position:absolute; z-index:0; bottom:0; right:0; width:230px; height:130px; background:url(../images/pic/pic_nongsimcheonsim_banner.png) no-repeat; background-size:contain;}
.home_banner > div {display:block; position:relative; z-index:1; width:100%; height:100%; padding:27px 150px 27px 24px; overflow:hidden;}
.home_banner span {color:var(--black-txt); font-size:14px; opacity:.6; line-height:1; color:#fff;}
.home_banner strong {display:block; margin-top:6px; color:#fff; font-size:17px; word-break:keep-all;}

/* 메인 홈 서비스 */
.home_service {margin-top:50px;}
.home_service ul {display:flex; flex-wrap:wrap; margin:-4px;}
.home_service ul li {flex:1 calc(50% - 8px); margin:4px; border-radius:16px; background-color:#F0F2F6; background-repeat:no-repeat; background-size:66px; background-position:right 10px bottom 10px;}
.home_service ul li:nth-of-type(odd):last-of-type {background-size:84px; background-position:center right 24px;}
.home_service ul li a {display:block; width:100%; height:100%; min-height:160px; padding:20px;}
.home_service ul li:nth-of-type(odd):last-of-type a {min-height:auto; padding:25px 125px 25px 20px;}
.home_service ul li strong {display:block; margin-bottom:8px; color:var(--black-txt);}
.home_service ul li p {color:var(--gray-txt); font-size:14px; word-break:keep-all;}

.home_service ul li.charger {background-image:url(../images/ico/ico_home_service_charger.svg);}
.home_service ul li.benefit {background-image:url(../images/ico/ico_home_service_benefit.svg);}
.home_service ul li.card {background-image:url(../images/ico/ico_home_service_card.svg);}

/* 메인 홈 가장 가까운 충전소 */
.home_nearcharge {margin-top:40px;}
.home_nearcharge .comon_charger > li + li {margin-top:8px;}

/* 메인 홈 즐겨찾는 충전소 */
.home_likecharge {margin-top:40px;}
.home_likecharge .comon_charger > li + li {margin-top:8px;}
/* e: 메인 홈 */

/* s: 즐겨찾기 */
.bookmark_wrap.edit_con .comon_charger > li .btn_area .bookmark_btn {display:none;}
/* e: 즐겨찾기 */

/* s: 내 정보 */
.mypage_wrap ul {padding:8px 0 16px; background-color:var(--white-txt);}
.mypage_wrap ul li {display:flex; justify-content:space-between; align-items:center; padding:15px 24px;}
.mypage_wrap ul li span {flex-shrink:0; min-width:70px; color:#777; font-size:15px; text-align:left;}
.mypage_wrap ul li strong {font-size:15px; font-weight:600; text-align:right;}
/* e: 내 정보 */

/* s: 알림함 */
.notify_wrap > div + div {margin-top:16px;}
.notify_wrap ul li {padding:20px 0;}
.notify_wrap ul li + li {border-top:1px solid #eee;}

.notify_wrap ul li .txt {position:relative; padding-left:48px;}
.notify_wrap ul li .txt::before {content:''; position:absolute; z-index:1; top:0; left:0; width:36px; height:36px; border-radius:50%; background-color:#F2F2F2; background-repeat:no-repeat; background-position:center;}
.notify_wrap ul li .txt strong {display:block; margin-bottom:2px; font-size:14px;}
.notify_wrap ul li .txt p {font-size:14px; height:42px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-break:break-word;}
.notify_wrap ul li .txt .data {margin-top:8px;}
.notify_wrap ul li .txt .data span {display:inline-block; position:relative; margin-right:15px; color:var(--gray-txt); font-size:12px;}
.notify_wrap ul li .txt .data span:last-of-type {margin-right:0;}
.notify_wrap ul li .txt .data span::after {content:''; position:absolute; z-index:1; top:50%; right:-11px; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background-color:var(--lightgray-color);}
.notify_wrap ul li .txt .data span:last-of-type::after {display:none;}

.notify_wrap ul li.state_ok .txt strong {color:var(--point-color);}
.notify_wrap ul li.state_error .txt strong {color:var(--red-color);}
.notify_wrap ul li.state_notice .txt strong {color:var(--black-txt);}
.notify_wrap ul li.state_card .txt strong {color:var(--blue-color);}

.notify_wrap ul li.state_ok .txt::before {background-image:url(../images/ico/ico_notify_state_ok.svg);}
.notify_wrap ul li.state_error .txt::before {background-image:url(../images/ico/ico_notify_state_error.svg);}
.notify_wrap ul li.state_notice .txt::before {background-image:url(../images/ico/ico_notify_notice.svg);}
.notify_wrap ul li.state_card .txt::before {background-image:url(../images/ico/ico_notify_card.svg);}
.notify_wrap .past ul li.state_ok .txt::before {background-image:url(../images/ico/ico_notify_state_ok_past.svg);}
.notify_wrap .past ul li.state_error .txt::before {background-image:url(../images/ico/ico_notify_state_error_past.svg);}
.notify_wrap .past ul li.state_notice .txt::before {background-image:url(../images/ico/ico_notify_notice_past.svg);}
.notify_wrap .past ul li.state_card .txt::before {background-image:url(../images/ico/ico_notify_card_past.svg);}

.notify_wrap .new ul li .txt::after {content:''; position:absolute; z-index:2; top:2px; left:28px; width:6px; height:6px; border-radius:50%; background-color:var(--red-color);}

.notify_wrap .past ul {opacity:.5;}
.notify_wrap .past ul li .txt strong,
.notify_wrap .past ul li .txt p,
.notify_wrap .past ul li .txt .data span {color:var(--gray-txt);}
/* e: 알림함 */

/* s: 알림 설정 관리 */
.notifyset_wrap ul li {display:flex; justify-content:space-between; align-items:center; padding:16px 20px 16px 24px;}
.notifyset_wrap ul li + li {border-top:1px solid var(--lightgray-color);}
.notifyset_wrap ul li .txt {margin-right:20px;}
.notifyset_wrap ul li .txt strong {display:block; margin-bottom:1px; color:var(--black-txt); font-weight:500; word-break:keep-all;}
.notifyset_wrap ul li .txt p {color:var(--gray-txt); font-size:12px; font-weight:500; line-height:1.7; letter-spacing:0;}
.notifyset_wrap ul li .toggle_btn {flex-shrink:0;}
/* e: 알림 설정 관리 */

/* s: 알림함 상세 */
.notifydt_wrap .go_list {display:inline-block; margin-bottom:24px; padding:4px 24px 4px 12px; color:var(--white-txt); font-size:13px; font-weight:600; line-height:1.7; letter-spacing:0; border-radius:6px; background:var(--darkgray-txt) url(../images/ico/ico_btn_arw_white.svg) no-repeat center right 10px; background-size:6px 10px;}
.notifydt_wrap .tit strong {margin-bottom:4px;}
.notifydt_wrap .tit p span {font-size:13px;}
/* e: 알림함 상세 */

/* s: 내 차량정보 */
.carinfo_wrap .main {display:flex; align-items:center; margin-bottom:14px;}
.carinfo_wrap .main strong {display:block; margin-right:10px; font-weight:600; line-height:1.5;}

.carinfo_wrap .sub ul {display:flex; flex-wrap:wrap; margin:-3px -8px;}
.carinfo_wrap .sub ul li {flex:1 calc(50% - 16px); display:flex; margin:3px 8px;}
.carinfo_wrap .sub ul li span {display:block; min-width:50px; margin-right:4px; color:var(--lightgray-txt); font-size:14px; font-weight:600;}
.carinfo_wrap .sub ul li strong {font-size:14px; font-weight:400; word-break:keep-all;}
/* e: 내 차량정보 */

/* s: 설정 */
.setting_wrap ul li {position:relative;}
.setting_wrap ul li + li {border-top:1px solid var(--lightgray-color);}
.setting_wrap ul li a {display:block; width:100%; background:url(../images/ico/ico_setting_arw.svg) no-repeat; background-size:7px 11px; background-position:center right 24px;}
.setting_wrap ul li a .txt {display:flex; justify-content:space-between;}
.setting_wrap ul li .txt {padding:16px 24px;}
.setting_wrap ul li .txt p {flex-shrink:0; margin-right:24px; font-size:15px; font-weight:600; line-height:1.5; text-align:left; word-break:keep-all;}
.setting_wrap ul li .txt strong {position:relative; top:1px; padding-right:16px; color:var(--blue-color); font-size:13px; font-weight:600; line-height:1.6; text-align:right; word-break:Keep-all;}

.setting_wrap ul li .txt strong[class^="ico_"]::before {content:''; display:inline-block; position:relative; top:-1px; width:21px; height:21px; margin-right:4px; vertical-align:middle; background-repeat:no-repeat; background-size:contain;}
.setting_wrap ul li .txt strong.ico_tmap::before {background-image:url(../images/ico/ico_navimap_t.png);}
.setting_wrap ul li .txt strong.ico_kakaomap::before {background-image:url(../images/ico/ico_navimap_kakao.png);}
.setting_wrap ul li .txt strong.ico_applemap::before {background-image:url(../images/ico/ico_navimap_apple.png);}

.setting_wrap ul li .toggle_btn {position:absolute; z-index:1; top:50%; right:20px; transform:translateY(-50%);}

.setting_wrap .btn_box {margin-top:14px; font-size:0; border-top:0; background-color:transparent;}
/* e: 설정 */

/* s: 신고/접수 */
.problem_wrap .cont .form_box li + li {margin-top:34px;}
.problem_wrap .cont .form_box li .con textarea {font-size:14px;}
.problem_wrap .cont .form_box li .con textarea::placeholder {font-size:14px;}
/* e: 신고/접수 */

/* s: 신고/접수 리스트 */
.problemlist_wrap > ul > li + li {border-top:1px solid var(--lightgray-color);}
.problemlist_wrap > ul > li > a {display:block; width:100%; height:100%; padding:24px 0;}

.problemlist_wrap > ul li .state {display:inline-block; margin-bottom:16px; padding:8px 12px; color:var(--point-color); font-size:13px; font-weight:600; line-height:1; border-radius:8px; border:1px solid var(--point-color); background-color:var(--white-color);}
.problemlist_wrap > ul li .state.ok {color:var(--gray-txt); border-color:#F4F6F9; background-color:#F4F6F9;}

.problemlist_wrap > ul li .txt strong {display:block; margin-bottom:8px; letter-spacing:0; word-break:keep-all;}
.problemlist_wrap > ul li .txt p {font-size:14px; line-height:1.6; letter-spacing:0; word-break:keep-all;}

.problemlist_wrap > ul li .img {display:flex; flex-wrap:wrap; align-items:center; max-width:800px; margin:12px -4px -4px;}
.problemlist_wrap > ul li .img li {flex:0 calc(33.33% - 8px); margin:4px;}
.problemlist_wrap > ul li .img p,
.problemlist_wrap > ul li .img a {display:block; max-height:258px; overflow:hidden; border:1px solid var(--lightgray-color); border-radius:8px;}
.problemlist_wrap > ul li .img p img,
.problemlist_wrap > ul li .img a img {width:100%; height:100%; object-fit:cover;}
.problemlist_wrap > ul li .img .delete_btn {display:none;}

.problemlist_wrap > ul li .date {margin-top:16px; color:var(--gray-txt); font-size:13px; line-height:1.6; letter-spacing:0;}
/* e: 신고/접수 리스트 */

/* s: 충전소 리뷰 */
.review_wrap .cont > div + div {margin-top:44px;}
.review_wrap .cont > div > strong {display:block; margin-bottom:16px; text-align:center; word-break:keep-all;}

.review_wrap .score .star_box {display:flex; justify-content:center; align-items:center; margin:0 auto;}
.review_wrap .score .star_box .star .jq-star-svg {padding-left:0;}
.review_wrap .score .star_box .star .jq-star + .jq-star {margin-left:6px;}
.review_wrap .score .star_box .star_num {display:block; min-width:30px; margin-left:16px; font-size:18px; font-weight:700; letter-spacing:0; text-align:center;}

.review_wrap .best .rv_box {text-align:center;}
.review_wrap .best .rv_box label input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.review_wrap .best .rv_box label span {display:inline-block; margin:4px; padding:12px 16px; color:var(--gray-txt); font-size:14px; font-weight:600; line-height:1; text-align:center; border-radius:100px; background-color:#F4F6F9; transition:all .2s ease;}
.review_wrap .best .rv_box label input:checked + span {color:var(--white-txt); background-color:var(--point-color);}
/* e: 충전소 리뷰 */

/* s: 자주 묻는 질문 */
.faq_wrap .tab {position:fixed; z-index:9980; top:56px; left:0; width:100%; font-size:0; overflow-x:auto; white-space:nowrap; border-bottom:1px solid var(--lightgray-color); background-color:var(--white-color); -ms-overflow-style:none; scrollbar-width:none;}
.faq_wrap .tab::-webkit-scrollbar {display:none;}
.faq_wrap .tab li {display:inline-block; padding:8px 16px 18px; color:var(--gray-txt); font-size:15px; font-weight:500; line-height:1; border-bottom:2px solid transparent; transition:all .2s ease;}
.faq_wrap .tab li.on {border-color:#000; color:var(--black-txt);}

.faq_wrap .faq_list li .ques {padding:16px 24px 18px; border-bottom:1px solid var(--lightgray-color);}
.faq_wrap .faq_list li .ques span {color:var(--lightgray-txt); font-size:13px; font-weight:500; line-height:1.2; letter-spacing:0;}
.faq_wrap .faq_list li .ques strong {display:block; position:relative; margin-top:7px; padding-left:20px; color:var(--black-txt); font-size:15px; font-weight:600;}
.faq_wrap .faq_list li .ques strong::before {content:'Q'; position:absolute; z-index:1; top:0; left:0; color:var(--point-color); font-size:17px; font-weight:600; line-height:1.2;}

.faq_wrap .faq_list li .anwr {display:none; padding:20px 24px 22px 24px; border-bottom:1px solid var(--lightgray-color); background-color:var(--brightgray-color);}
.faq_wrap .faq_list li .anwr p {position:relative; padding-left:20px; font-size:13px; font-weight:500; line-height:1.85;}
.faq_wrap .faq_list li .anwr p:first-of-type::before {content:'A'; position:absolute; z-index:1; top:0; left:0; color:var(--lightgray-txt); font-size:16px; font-weight:600; line-height:1.5;}
.faq_wrap .faq_list li .anwr p + p {margin-top:16px;}
/* e: 자주 묻는 질문 */

/* s: 로그인 */
/*.login_wrap {display:flex; justify-content:center; align-items:center; height:calc(100vh - 260px); padding-top: 80px;}*/
.login_wrap {display:flex; justify-content:center; align-items:center; height:100vh;}
.login_wrap .log_con {width:100%;}

.login_wrap .txt_box {margin-bottom:44px; text-align:center;}
.login_wrap .txt_box .logo {display:block; width:160px; height:68px; margin:0 auto; text-indent:-9999px; background:url(../images/ico/ico_login_logo.svg) no-repeat; background-size:contain;}
.login_wrap .txt_box strong {display:block; margin-bottom:16px; font-size:22px; line-height:1.6; word-break:keep-all;}
.login_wrap .txt_box p {color:var(--gray-txt); font-weight:500; line-height:1.6; word-break:keep-all;}
.login_wrap .txt_box p span {color:var(--black-txt); font-weight:600;}
.login_wrap .txt_box.result strong {margin-bottom: 4px;}
.login_wrap .txt_box .ico {width: 130px; margin: 0 auto 16px;}
.login_wrap .txt_box .ico.app {margin-bottom: 0;}

.login_wrap .form_box input {height:56px;}
.login_wrap .form_box input + input {margin-top:8px; margin-left:0;}
.login_wrap .form_box .check_btn {padding:20px 0 18px;}
.login_wrap .form_box .check_btn i {top:-2px;}
.login_wrap .form_box .check_btn span {line-height:1;}
.login_wrap .form_box .btn_rect {margin-top:16px;}

.login_wrap .btn_box {margin-top:34px;}
/* e: 로그인 */

/* s: 이용약관 */
.termsuse_wrap p {font-size:15px; line-height:1.5;}
/* e: 이용약관 */

/* s: 필터설정 */
.filter_wrap > div + div {border-width:10px;}
.filter_wrap ul li p {color:var(--black-txt); font-size:15px; font-weight:500; line-height:1.5;}

.filter_wrap .view_only {padding:8px 0;}
.filter_wrap .view_only ul li {display:flex; justify-content:space-between; align-items:center; padding:17px 24px;}
.filter_wrap .view_only ul li p {margin-right:24px;}

/*
.filter_wrap .select_sort {padding:24px 24px 0;}
.filter_wrap .select_sort ul li + li {margin-top:28px;}
.filter_wrap .select_sort ul li p {display:block; margin-bottom:8px;}
.filter_wrap .select_sort ul li .sort_btn {display:flex; align-items:center; position:relative; border-radius:8px; background-color:#F3F3F3;}
.filter_wrap .select_sort ul li .sort_btn label {flex:1;}
.filter_wrap .select_sort ul li .sort_btn label input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.filter_wrap .select_sort ul li .sort_btn label span {display:inline-block; position:relative; z-index:5; width:100%; padding:12px 5px; color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0; text-align:center; transition:all .2s ease;}
.filter_wrap .select_sort ul li .sort_btn label input:checked + span {background:#fff; border-color:var(--point-color); color:var(--point-color); font-weight:600;}
*/

.filter_wrap .select_sort {padding: 24px;}
.filter_wrap .select_sort ul li + li {margin-top:28px;}
.filter_wrap .select_sort ul li p {display:block; margin-bottom:12px; font-weight:600; font-size:16px;}
.filter_wrap .select_sort ul li .sort_btn {display:flex; flex-wrap:wrap; align-items:center; margin:-4px; position:relative;}
.filter_wrap .select_sort ul li .sort_btn label {flex:1; margin:4px;}
.filter_wrap .select_sort ul li .sort_btn label input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.filter_wrap .select_sort ul li .sort_btn label span {display:inline-block; position:relative; z-index:5; width:100%; padding:10px 6px; color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0; text-align:center; transition:all .2s ease; background:#f8f8f8; border:1px solid #ddd; border-radius:100px;}
.filter_wrap .select_sort ul li .sort_btn label input:checked + span {background:#fff; border-color:var(--point-color); color:var(--point-color); font-weight:600;}
/*
.filter_wrap .select_sort ul li .sort_btn label input:checked + span {color:var(--point-color); font-weight:600;}
.filter_wrap .select_sort ul li .sort_btn .choice {position:absolute; z-index:3; top:50%; left:0; transform:translateY(-50%); width:auto; height:100%; box-shadow:2px 4px 8px rgba(10,46,23,.08); border:1px solid var(--point-color); border-radius:8px; background-color:var(--white-color); transition:left .3s ease;}
*/

.filter_wrap .filter_sort {padding:24px 24px 0;}
.filter_wrap .filter_sort ul li + li {margin-top:28px;}
.filter_wrap .filter_sort ul li p {display:block; margin-bottom:12px; font-weight:600; font-size:16px;}
.filter_wrap .filter_sort ul li .sort {display:flex; flex-wrap:wrap; align-items:center; margin:-4px; position:relative;}
.filter_wrap .filter_sort ul li .sort label {margin:4px;}
.filter_wrap .filter_sort ul li .sort label input {position:absolute; z-index:-1; left:-9999px; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0);}
.filter_wrap .filter_sort ul li .sort label span {display:inline-block; position:relative; z-index:5; width:100%; padding:8px 22px; color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0; text-align:center; transition:all .2s ease; background:#f8f8f8; border:1px solid #ddd; border-radius:100px;}
.filter_wrap .filter_sort ul li .sort label input:checked + span {background:#fff; border-color:var(--point-color); color:var(--point-color); font-weight:600;}


/* e: 필터설정 */

/* s: 내가 쓴 리뷰 */
.myreview_wrap {padding-top:8px;}

.myreview_wrap ul li .btn {margin-top:20px; font-size:0;}
.myreview_wrap ul li .btn .btn_rect {margin-right:4px;}
.myreview_wrap ul li .btn .btn_rect:last-of-type {margin-right:0;}
/* e: 내가 쓴 리뷰 */

/* s: 충전소 검색 */
.search_wrap .search_first > strong {display:block; margin-bottom:32px; color:var(--black-txt); font-size:17px; font-weight:700; word-break:keep-all;}
.search_wrap .search_first .tip + .tip {margin-top:32px;}
.search_wrap .search_first .tip strong {display:block; margin-bottom:8px; color:var(--black-txt); font-size:15px; font-weight:500; word-break:keep-all;}
.search_wrap .search_first .tip p {color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1.6; word-break:keep-all;}
.search_wrap .search_first .tip p span {color:var(--point-color);}

.search_wrap .search_history {position:relative;}
.search_wrap .search_history > strong {display:block; margin-bottom:14px; color:var(--black-txt); font-size:17px; font-weight:700; word-break:keep-all;}
.search_wrap .search_history ul {width:calc(100% + 8px); margin-left:-4px;}
.search_wrap .search_history ul li {position:relative;}
.search_wrap .search_history ul li a {display:block; padding:14px 36px; font-size:15px; font-weight:500; word-break:keep-all; background-repeat:no-repeat; background-size:28px; background-position:center left;}
.search_wrap .search_history ul li a.ico_map {background-image:url(../images/ico/ico_circle_map.svg);}
.search_wrap .search_history ul li a.ico_search {background-image:url(../images/ico/ico_circle_search.svg);}
.search_wrap .search_history ul li .delete_btn {position:absolute; z-index:1; top:50%; right:-8px; transform:translateY(-50%); width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_btn_x.svg) no-repeat center; background-size:28px;}
.search_wrap .search_history .all_delete {position:absolute; z-index:1; top:-10px; right:0; min-width:44px; min-height:44px; color:var(--lightgray-txt); font-size:13px; font-weight:500; text-align:center;}

.search_wrap .search_list .tab {position:fixed; z-index:9980; top:56px; left:0;}
.search_wrap .search_list .tab_con ul li + li {border-top:1px solid var(--lightgray-color);}
.search_wrap .search_list .tab_con ul li a {display:block; padding:24px 0 24px 52px; background-repeat:no-repeat; background-size:40px; background-position:top 24px left;}
.search_wrap .search_list .tab_con ul li a strong {display:block; margin-bottom:4px; color:var(--black-txt); font-size:15px; font-weight:600;}
.search_wrap .search_list .tab_con ul li a strong span {color:var(--point-color);}
.search_wrap .search_list .tab_con ul li a div {display:flex; font-size:0;}
.search_wrap .search_list .tab_con ul li a div p {margin-right:8px; font-size:13px; word-break:kaap-all;}
.search_wrap .search_list .tab_con ul li a div p:last-of-type {margin-right:0;}
.search_wrap .search_list .tab_con ul li a div .distance {flex-shrink:0; color:var(--lightgray-txt);}

.search_wrap .search_list .tab_con .address ul li a {background-image:url(../images/ico/ico_circle_map.svg);}
/* .search_wrap .search_list .tab_con .station ul li a {background-image:url(../images/ico/ico_circle_nhlogo.svg);} */
/* e: 충전소 검색 */

/* s: 충전소 상세 */
.chargedt_wrap {display:none; position:fixed; z-index:9990; top:0; left:0; width:100%; height:100vh; overflow-y:auto; background-color:var(--white-color);}
.chargedt_wrap .detail > div {background-color:var(--white-txt);}
.chargedt_wrap .detail > div + div {border-top:8px solid #F3F3F3;}
.chargedt_wrap .btn_box .btn_arw {padding:8px 12px;}

.chargedt_wrap .btn {display:flex; padding:0 16px 40px;}
.chargedt_wrap .btn > * {margin-right:8px;}
.chargedt_wrap .btn > *:last-child {margin-right:0;}


.chargedt_wrap .info_box .back {padding:6px 10px;}
.chargedt_wrap .info_box .back .back_btn {display:block; width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_hd_back.svg) no-repeat center; background-size:32px;}

.chargedt_wrap .info_box .main {padding:8px 24px 33px;}
.chargedt_wrap .info_box .main .txt {padding-right:64px; background-size:48px;}
.chargedt_wrap .info_box .main .txt strong {display:block; margin-bottom:5px; color:var(--black-txt); font-size:18px; font-weight:600; word-break:keep-all;}
.chargedt_wrap .info_box .main .txt p {color:var(--lightgray-txt); font-size:15px; line-height:1;}
.chargedt_wrap .info_box .main .tag {margin:14px -2px -2px; font-size:0;}
.chargedt_wrap .info_box .main .tag span {display:inline-block; margin:2px; padding:6px 8px; font-size:12px; font-weight:500; line-height:1; border-radius:8px; background-color:#F3F3F3;}
.chargedt_wrap .info_box .main .tag span.green {color:var(--point-color); background-color:#E7F8ED;}
.chargedt_wrap .info_box .main .tag span.blue {color:var(--blue-color); background-color:#E5F2FF;}
.chargedt_wrap .info_box .main .tag span em {font-weight:700;}

.chargedt_wrap .info_box .sub > div > strong {display:block; padding:16px 24px; color:var(--black-txt); font-weight:600; background-color:var(--brightgray-color);}

.chargedt_wrap .info_box .sub .charge_fee .fee {padding:0 24px;}
.chargedt_wrap .info_box .sub .charge_fee .fee > li {padding:24px 0;}
.chargedt_wrap .info_box .sub .charge_fee .fee > li + li {border-top:1px solid var(--lightgray-color);}
.chargedt_wrap .info_box .sub .charge_fee .fee > li strong {display:block; margin-bottom:8px; color:var(--black-txt); font-weight:600;}
.chargedt_wrap .info_box .sub .charge_fee .fee > li ul li {display:flex; justify-content:space-between; align-items:center;}
.chargedt_wrap .info_box .sub .charge_fee .fee > li ul li + li {margin-top:8px;}
.chargedt_wrap .info_box .sub .charge_fee .fee > li ul li p {flex-shrink:0; margin-right:24px; color:var(--lightgray-txt); font-size:14px; font-weight:500;}
.chargedt_wrap .info_box .sub .charge_fee .fee > li ul li span {color:var(--blue-color); font-size:14px; font-weight:600; text-align:right;}

.chargedt_wrap .info_box .sub .charge_info {padding-bottom:24px;}
.chargedt_wrap .info_box .sub .charge_info .info {padding:0 24px;}
.chargedt_wrap .info_box .sub .charge_info .info > li {padding:24px 0;}
.chargedt_wrap .info_box .sub .charge_info .info > li + li {border-top:1px solid var(--lightgray-color);}
.chargedt_wrap .info_box .sub .charge_info .info > li:last-of-type {padding-bottom:0;}
.chargedt_wrap .info_box .sub .charge_info .info > li .top {margin-bottom:16px;}
.chargedt_wrap .info_box .sub .charge_info .info > li .top strong {display:inline-block; position:relative; margin-right:12px; font-size:15px; font-weight:600; word-break:keep-all;}
.chargedt_wrap .info_box .sub .charge_info .info > li .top strong::after {content:''; position:absolute; z-index:1; top:50%; right:-10px; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background-color:#CCCCCC;}
.chargedt_wrap .info_box .sub .charge_info .info > li .top strong:last-of-type::after {display:none;}
.chargedt_wrap .info_box .sub .charge_info .info > li .top strong span {color:var(--gray-txt); font-weight:400;}
.chargedt_wrap .info_box .sub .charge_info .info > li ul {display:flex; flex-wrap:wrap; margin:-4px;}
.chargedt_wrap .info_box .sub .charge_info .info > li ul li {flex:0 calc(50% - 8px); margin:4px; padding:16px; border:1px solid var(--lightgray-color); border-radius:8px;}
.chargedt_wrap .info_box .sub .charge_info .info > li ul li strong {display:block; margin-bottom:4px; color:var(--lightgray-txt); font-size:15px; font-weight:600; word-break:keep-all;}
.chargedt_wrap .info_box .sub .charge_info .info > li ul li strong.can_use {color:var(--blue-color);}
.chargedt_wrap .info_box .sub .charge_info .info > li ul li p {color:var(--lightgray-txt); font-size:13px; font-wight:500; word-break:keep-all;}
.chargedt_wrap .info_box .sub .charge_info .btn_box {margin-top:24px;}
.chargedt_wrap .info_box .sub .charge_info .btn_box .btn_arw::after {top:-1px;}

.chargedt_wrap .info_box .sub .detail_info .detail {padding:24px 24px 34px;}
.chargedt_wrap .info_box .sub .detail_info .detail ul li {display:flex; justify-content:space-between;}
.chargedt_wrap .info_box .sub .detail_info .detail ul li + li {margin-top:16px;}
.chargedt_wrap .info_box .sub .detail_info .detail ul li p {flex-shrink:0; min-width:80px; margin-right:24px; color:var(--gray-txt); font-size:15px;}
.chargedt_wrap .info_box .sub .detail_info .detail ul li span {display:inline-block; font-size:15px; text-align:right; word-break:keep-all;}
.chargedt_wrap .info_box .sub .detail_info .detail .detail_img {position:relative; margin-top:24px; overflow:hidden; border-radius:8px;}
.chargedt_wrap .info_box .sub .detail_info .detail .detail_img li {overflow:hidden;}
.chargedt_wrap .info_box .sub .detail_info .detail .detail_img li:first-of-type {border-radius:8px 0 0 8px;}
.chargedt_wrap .info_box .sub .detail_info .detail .detail_img li:last-of-type {border-radius:0 8px 8px 0;}

.chargedt_wrap .info_box .sub .detail_info .detail .detail_img .swiper-pagination {left:inherit; right:12px; bottom:12px; transform:none; width:auto; padding:6px 8px; color:rgba(255,255,255,.6); font-size:12px; font-weight:600; line-height:1; text-align:right; border-radius:100px; background:rgba(0,0,0,.2);}
.chargedt_wrap .info_box .sub .detail_info .detail .detail_img .swiper-pagination span {display:inline-block; padding:0 2px; font-size:12px; line-height:1;}
.chargedt_wrap .info_box .sub .detail_info .detail .detail_img .swiper-pagination span.swiper-pagination-current {min-width:11px; color:var(--white-txt);}

.chargedt_wrap .review_box .total_rv {padding:32px 0 40px; border-bottom:1px solid var(--lightgray-color);}
.chargedt_wrap .review_box .total_rv .tit {display:flex; justify-content:space-between; align-items:center; margin-bottom:28px;}
.chargedt_wrap .review_box .total_rv .tit strong {margin-top:0; color:var(--black-txt); font-size:18px; font-weight:600;}
.chargedt_wrap .review_box .total_rv .tit strong span {display:inline-block; margin-left:4px; color:var(--point-color);}
.chargedt_wrap .review_box .total_rv .tit .btn_txt {min-width:44px; min-height:44px; padding-left:22px; color:var(--point-color); font-size:14px; font-weight:500; text-align:center; background:url(../images/ico/ico_review_pen.svg) no-repeat center left; background-size:20px;}
/* e: 충전소 상세 */


/* s: 충전소 찾기 */
.map_wrap {position:relative; width:100%; height:100vh; no-repeat center;}

.map_wrap .search_box {position:fixed; z-index:9980; top:8px; left:0; width:100%; padding:0 16px;}
.map_wrap .search_box .search_bar {display:block; margin-bottom:12px; padding:15px 56px 15px 24px; color:var(--gray-txt); font-weight:500; line-height:1; letter-spacing:0; border:1px solid var(--lightgray-color); border-radius:8px; background:var(--white-color) url(../images/ico/ico_btn_search.svg) no-repeat center right 14px; background-size:32px;}
.map_wrap .search_box .tab {width:calc(100% + 32px); margin:0 -16px; padding:0 16px; overflow-x:auto; white-space:nowrap;  -ms-overflow-style:none; scrollbar-width:none;}
.map_wrap .search_box .tab::-webkit-scrollbar {display:none;}
.map_wrap .search_box .tab li {display:inline-block; margin-right:4px;}
.map_wrap .search_box .tab li:last-of-type {margin-right:16px;}
.map_wrap .search_box .tab li a {display:block; position:relative; padding:8px 12px 8px 30px; color:var(--darkgray-txt); font-size:13px; font-weight:500; line-height:1.2; letter-spacing:0; border:1px solid var(--lightgray-color); border-radius:100px; background-color:var(--white-color); background-repeat:no-repeat; background-size:18px; background-position:center left 10px; transition:all .2s ease;}
.map_wrap .search_box .tab li.on a {color:var(--white-color); border-color:var(--point-color); background-color:var(--point-color);}

.map_wrap .search_box .tab li.ico_arw a {padding-right:30px;}
.map_wrap .search_box .tab li.ico_arw a::after {content:''; position:absolute; z-index:1; top:50%; right:10px; transform:translateY(-50%); width:18px; height:18px; background:url(../images/ico/ico_map_tab_arw.svg) no-repeat; background-size:contain;}

.map_wrap .search_box .tab li.tab_filter a {background-image:url(../images/ico/ico_map_tab_filter.svg);}
.map_wrap .search_box .tab li.tab_bookmark a {background-image:url(../images/ico/ico_map_tab_bookmark.svg);}
.map_wrap .search_box .tab li.tab_canuse a {background-image:url(../images/ico/ico_map_tab_canuse.svg);}
.map_wrap .search_box .tab li.tab_speed a {background-image:url(../images/ico/ico_map_tab_speed.svg);}
.map_wrap .search_box .tab li.tab_move a {background-image:url(../images/ico/ico_map_tab_move.png);}
.map_wrap .search_box .tab li.on.tab_filter a {background-image:url(../images/ico/ico_map_tab_filter_on.svg);}
.map_wrap .search_box .tab li.on.tab_bookmark a {background-image:url(../images/ico/ico_map_tab_bookmark_on.svg);}
.map_wrap .search_box .tab li.on.tab_canuse a {background-image:url(../images/ico/ico_map_tab_canuse_on.svg);}
.map_wrap .search_box .tab li.on.tab_speed a {background-image:url(../images/ico/ico_map_tab_speed_on.svg);}
.map_wrap .search_box .tab li.on.tab_move a {background-image:url(../images/ico/ico_map_tab_move_on.png);}

.map_wrap .pin_box .pin {position:relative; width:42px; height:45px;}

/* .map_wrap .floating_box {position:fixed; z-index:2; left:24px; bottom:376px; width:40px; margin-bottom:24px; border:1px solid var(--lightgray-color); border-radius:8px; background-color:var(--white-color); transition:all .4s ease;} */
/* 2024 05 22일 변경 */
.map_wrap .floating_box {position:fixed; z-index:1; right:16px; top:126px; width:40px; height:84px; margin-bottom:24px; border:1px solid var(--lightgray-color); border-radius:8px; background-color:var(--white-color); transition:all .4s ease;}
.map_wrap .floating_box a {display:block; width:100%; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-size:24px; background-position:center;}
.map_wrap .floating_box a + a {border-top:1px solid var(--lightgray-color);}

.map_wrap .floating_box .pin_info {background-image:url(../images/ico/ico_map_floating_info.svg);}
.map_wrap .floating_box .my_loca {background-image:url(../images/ico/ico_map_floating_loca.svg);}
/* 2024 05 22일 변경 */
/* 바텀시트 */
/*
.map_wrap .panel_box > div {position:fixed; left:0; bottom:0; width:100%; box-shadow:0 -2px 5px rgba(0,0,0,.1); border-radius:24px 24px 0 0; background-color:var(--white-color);}
.map_wrap .panel_box > div .top {border-bottom:1px solid var(--lightgray-color);}
.map_wrap .panel_box > div .top::before {content:''; position:absolute; z-index:1; top:16px; left:50%; transform:translateX(-50%); width:30%; height:4px; border-radius:100px; background-color:#D6D6D6;}
*/
/* 바텀시트 - 가까운 충전소 */
/*
.map_wrap .list_panel {z-index:9950; max-height:376px; height:100%; transition:all .4s ease;}
.map_wrap .list_panel .top {padding:44px 58px 16px 24px;}
.map_wrap .list_panel .top strong {display:block; font-size:20px; letter-spacing:0;}
*/

/* 2024 05 22일 변경 */
/* 바텀시트 */
.map_wrap .panel_box > div {position:fixed; z-index:10; left:0; bottom:0; width:100%; box-shadow:0 -2px 5px rgba(0,0,0,.1); border-radius:24px 24px 0 0; background-color:var(--white-color);}
.map_wrap .panel_box > div .top {border-bottom:1px solid var(--lightgray-color);}
.map_wrap .panel_box > div .top::before {content:''; position:absolute; z-index:1; top:16px; left:50%; transform:translateX(-50%); width:35%; height:4px; border-radius:100px; background-color:#D6D6D6;}

/* 바텀시트 - 가까운 충전소 */
.map_wrap .list_panel {z-index:9950; /* max-height:376px; */ max-height:calc(100% - 120px); height:30%; /*transition:all .4s ease;*/ --default-transitions:transform 0.5s, border-radius 0.5s;}
.map_wrap .list_panel:not(.not-selectable) {transition:var(--default-transitions), height 0.5s}
.map_wrap .list_panel .top {padding:44px 58px 16px 24px;}
.map_wrap .list_panel .top strong {display:block; font-size:20px; letter-spacing:0;}

.map_wrap .list_panel .list_area {max-height:290px; padding-bottom:200px;}
.map_wrap .list_panel .list_area > ul > li {box-shadow:none; border:0; border-bottom:1px solid var(--lightgray-color); border-radius:0;}
.map_wrap .list_panel .list_area > ul > li > a {padding:24px;}

.map_wrap .list_panel .refresh_btn {position:absolute; z-index:1; top:37px; right:14px;  margin:0; width:44px; height:44px;}

.map_wrap .list_panel.up .list_area {overflow-y:auto; max-height:100%; -ms-overflow-style:none; scrollbar-width:none; }
.map_wrap .list_panel.up .list_area::-webkit-scrollbar {display:none;}
.map_wrap .list_panel.down {max-height:120px;}

/* 바텀시트 - 상세 */
.map_wrap .info_panel {z-index:9960; transform:translateY(100%); transition:transform .4s ease;}
.map_wrap .info_panel.show {transform:none;}
.map_wrap .info_panel .top {padding:44px 24px 20px;}
.map_wrap .info_panel .top .tag {margin:-2px; font-size:0;}
.map_wrap .info_panel .top .tag span {display:inline-block; margin:2px; padding:6px 8px; font-size:12px; font-weight:500; line-height:1; border-radius:8px; background-color:#F3F3F3;}
.map_wrap .info_panel .top .tag span.green {color:var(--point-color); background-color:#E7F8ED;}
.map_wrap .info_panel .top .tag span.blue {color:var(--blue-color); background-color:#E5F2FF;}
.map_wrap .info_panel .top .tag span em {font-weight:700;}

.map_wrap .info_panel .top .txt {padding:16px 0 20px; padding-right:64px; background:url(../images/ico/ico_circle_nhlogo.svg) no-repeat center right; background-size:48px;}
.map_wrap .info_panel .top .txt strong {display:block; margin-bottom:8px; font-size:18px; font-weight:600;}
.map_wrap .info_panel .top .txt p {color:var(--lightgray-txt); font-size:15px; line-height:1;}

.map_wrap .info_panel .info_area ul {display:flex; flex-wrap:wrap; margin:-5px -4px; padding:20px 24px 24px;}
.map_wrap .info_panel .info_area ul li {flex:1 calc(50% - 8px); display:flex; align-items:center; margin:5px 4px;}
.map_wrap .info_panel .info_area ul li p {flex-shrink:0; min-width:60px; margin-right:8px; color:var(--lightgray-txt); font-size:15px; font-weight:500;}
.map_wrap .info_panel .info_area ul li strong {color:var(--black-txt); font-size:15px; font-weight:600;}

.map_wrap .info_panel .btn {display:flex; padding:0 16px 40px;}
.map_wrap .info_panel .btn > * {margin-right:8px;}
.map_wrap .info_panel .btn > *:last-child {margin-right:0;}
/* e: 충전소 찾기 */

/* s: 결제수단 관리 */
.payment_wrap ul li {position:relative;}
.payment_wrap ul li + li {border-top:1px solid var(--lightgray-color);}
.payment_wrap ul li a {display:flex; align-items:center; padding:24px 8px;}
.payment_wrap ul li.add_crad {margin-top:8px; border-top:0;}
.payment_wrap ul li.add_crad a {padding:24px 20px; text-indent:-9999px; border-radius:8px; background:#F4F6F9 url(../images/ico/ico_circle_plus_gray.svg) no-repeat center; background-size:32px;}

.payment_wrap ul li .logo {flex-shrink:0; width:70px; height:45px; margin-right:16px; overflow:hidden; border-radius:6px; background-color:var(--brightgray-color);}
.payment_wrap ul li .logo img {width:100%; height:100%; object-fit:cover;}
.payment_wrap ul li .txt .main {display:flex; align-items:center; margin-bottom:4px;}
.payment_wrap ul li .txt .main strong {display:block; margin-right:10px; color:var(--black-txt); font-size:15px; font-weight:600; line-height:1.5; word-break:keep-all;}
.payment_wrap ul li .txt .card_num {display:flex; align-items:center; font-size:0;}
.payment_wrap ul li .txt .card_num span {display:block; margin-right:4px; color:var(--lightgray-txt); font-size:13px;}
.payment_wrap ul li .txt .card_num span:last-of-type {margin-right:0;}

.payment_wrap ul li .btn_area {display:none; position:absolute; z-index:1; top:14px; right:-2px;}
.payment_wrap.edit_con ul li .btn_area {display:block;}
.payment_wrap ul li .btn_area .remove_btn {width:44px; height:44px; text-indent:-9999px; background:url(../images/ico/ico_circle_minus.svg) no-repeat center; background-size:24px;}
/* s: 결제수단 관리 */

/* s: qr스캔 */
.qrcode_wrap {position:relative; width:100%; height:100vh;}
.qrcode_wrap .scan_box {position:absolute; z-index:9999; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.qrcode_wrap .scan_box strong {display:block; margin-bottom:24px; color:var(--white-txt); font-size:20px; font-weight:700; line-height:1.6; letter-spacing:0;}
.qrcode_wrap .scan_box .qr {position:relative; border:4px solid #00B140; width:240px; height:240px; margin:0 auto; border-radius:16px;}
.qrcode_wrap .scan_box .qr::after {content:''; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:140px; height:4px; border-radius:50px; background-color:#00B140;}
.qrcode_wrap .scan_box p {margin-top:30px; color:var(--white-txt); font-size:14px; line-height:1.6; letter-spacing:0; opacity:.8;}
.qrcode_wrap .scan_box .close_btn {display:block; width:54px; height:54px; margin:50px auto 0; text-indent:-9999px; box-shadow:5px 5px 22px rgba(0,0,0,.05); border-radius:50%; background:url(../images/ico/ico_circle_x_black.svg) no-repeat; background-size:contain;}
/* e: qr스캔 */

/* s: 회원카드 */
.membcard_wrap .memb_card {padding:24px 24px 34px; background-color:#F3F3F3;}
.membcard_wrap .memb_card .card {position:relative; max-width:312px;  width:100%; height:196px; margin:0 auto; box-shadow:0 14px 20px rgba(0,0,0,.2); border-radius:11px; background:url(../images/pic/pic_membcard_card.jpg) no-repeat center; background-size:cover;}
.membcard_wrap .memb_card .card .cardnum {position:absolute; z-index:1; right:24px; bottom:28px; color:var(--white-txt); line-height:1;} /*letter-spacing:0.06rem;*/
.membcard_wrap .memb_card .card .status {z-index:1; color:var(--white-txt); font-size:30px;}
.membcard_wrap .memb_card .card .cardnum2 {z-index:1; color:var(--white-txt);}
.membcard_wrap .memb_card .btn_rect {max-width:312px; margin:16px auto 0; font-size:16px; font-weight:600; line-height:1.5;}
.membcard_wrap .memb_card .btn_rect::before {content:''; display:inline-block; position:relative; top:1px; width:18px; height:18px; margin-right:8px; vertical-align:top; background:url(../images/ico/ico_circle_plus.svg) no-repeat; background-size:contain;}

.membcard_wrap .memb_history > strong {display:block; padding:28px 24px 16px; color:var(--black-txt); font-size:18px; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.membcard_wrap .memb_history ul li {display:flex; justify-content:space-between; align-items:center; padding:24px;}
.membcard_wrap .memb_history ul li + li {border-top:1px solid var(--lightgray-color);}
.membcard_wrap .memb_history ul li .info strong {display:block; margin-bottom:4px; color:var(--black-txt); font-size:15px; font-weight:600;}
.membcard_wrap .memb_history ul li .info p {color:var(--lightgray-txt); font-size:13px;}
.membcard_wrap .memb_history ul li span {flex-shrink:0; margin-left:24px; color:var(--point-color); font-size:15px; font-weight:600;}
.membcard_wrap .memb_history ul li .complete {color:var(--lightgray-txt);}
/* e: 회원카드 */

/* s: nh멤버스 포인트 사용 */
.usepoint_wrap .use_point {display:flex; justify-content:space-between; align-items:center; position:fixed; z-index:9980; top:56px; left:0; width:100%; padding:18px 24px; background-color:var(--brightgray-color);}
.usepoint_wrap .use_point p {flex-shrink:0; margin-right:24px; color:var(--gray-txt); font-size:14px; font-weight:600; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.usepoint_wrap .use_point strong {font-size:18px; line-height:1.2; letter-spacing:0;}

.usepoint_wrap .con {position:fixed; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.usepoint_wrap .con strong {display:block; margin-bottom:12px; color:var(--black-txt); font-size:20px; font-weight:600; line-height:1.6; letter-spacing:0;}
.usepoint_wrap .con input {color:var(--point-color); font-size:48px; font-weight:600; line-height:1; text-align:center; border-radius:0; background:transparent;}
.usepoint_wrap .con input::placeholder {color:#CCCCCC; font-size:48px; font-weight:400; line-height:1;}
.usepoint_wrap .con .nopoint_btn {display:inline-block; margin-top:60px; padding:8px 16px; color:var(--normal-txt); font-size:13px; font-weight:600; line-height:1.6; letter-spacing:0; box-shadow:0 1px 2px rgba(16,24,40,.05); border-radius:8px; background-color:#F3F3F3;}
/* e: nh멤버스 포인트 사용 */

/* s: 충전중 */
.charging_wrap {padding-top:83px;}
.charging_wrap .state_box {position:relative; text-align:center;}

.charging_wrap .state_box .cir_txt {position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.charging_wrap .state_box .cir_txt strong {display:block; margin-bottom:4px; color:var(--point-color); font-size:54px; font-weight:600; letter-spacing:0;}
.charging_wrap .state_box .cir_txt p {color:var(--gray-txt); font-weight:500; letter-spacing:0;}

.charging_wrap .info_box {margin-top:40px;}
.charging_wrap .info_box ul {display:flex; margin:16px 0 28px; padding:24px 4px; border-radius:16px; background-color:var(--brightgray-color);}
.charging_wrap .info_box ul li {flex:1; padding:0 4px; text-align:center; border-right:1px solid var(--lightgray-color);}
.charging_wrap .info_box ul li:last-of-type {border-right:0;}
.charging_wrap .info_box ul li span {color:var(--gray-txt); font-size:13px; font-weight:500; letter-spacing:0;}
.charging_wrap .info_box ul li strong {display:block; margin-top:6px; font-size:15px; font-weight:600; letter-spacing:0;}
.charging_wrap .info_box .noti {color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1.6; text-align:center; word-break:keep-all;}
.charging_wrap .info_box .btn_rect_bd {font-size:16px;}
/* e: 충전중 */

/* s: nh멤버스 포인트 */
.nhpoint_wrap .top .have_point {padding:40px 16px; text-align:center;}
.nhpoint_wrap .top .have_point p {margin-bottom:8px; color:#777777; font-weight:500; letter-spacing:0; word-break:keep-all;}
.nhpoint_wrap .top .have_point strong {color:var(--black-txt); font-size:40px; line-height:1; letter-spacing:0;}

.nhpoint_wrap .list ul li {display:flex; justify-content:space-between; align-items:center;}
.nhpoint_wrap .list ul li .info {margin-right:24px;}
.nhpoint_wrap .list ul li .info strong {display:block; margin-bottom:4px; color:var(--black-txt); font-size:15px; font-weight:600; word-break:keep-all;}
.nhpoint_wrap .list ul li .info p {color:var(--lightgray-txt); font-size:13px;}
.nhpoint_wrap .list ul li > span {flex-shrink:0; font-size:15px; font-weight:600; text-align:right;}
.nhpoint_wrap .list ul li > .minus {color:var(--lightgray-txt);}
.nhpoint_wrap .list ul li > .plus {color:var(--point-color);}
/* e: nh멤버스 포인트 */

/* s: 충전내역 */
.history_wrap .top .month_allhis {padding:14px 24px 34px;}
.history_wrap .top .month_allhis .selec_month {display:inline-block; padding:20px 22px 20px 0; color:var(--black-txt); font-size:17px; font-weight:600; background:url(../images/ico/ico_select_arw.svg) no-repeat center right; background-size:20px;}
.history_wrap .top .month_allhis > strong {display:block; margin-bottom:8px; color:var(--black-txt); font-size:34px; letter-spacing:0;}
.history_wrap .top .month_allhis > p {color:var(--darkgray-txt); font-size:15px; word-break:keep-all;}
.history_wrap .top .month_allhis > p strong {color:var(--black-txt); font-weight:500;}
.history_wrap .top .month_allhis .btn_arw {margin-top:28px; padding:8px 12px 8px 16px; color:var(--normal-txt); font-size:13px; font-weight:600; line-height:1.6; border-radius:8px; background-color:var(--brightgray-color);}
.history_wrap .top .month_allhis .btn_arw::after {top:-1px; margin-left:7px;}

.history_wrap .list ul li .name {display:block; margin-bottom:8px; color:var(--black-txt); font-size:15px; font-weight:600; word-break:keep-all;}
.history_wrap .list ul li .con {display:flex; justify-content:space-between;}
.history_wrap .list ul li .con div p {font-size:13px; word-break:keep-all;}
.history_wrap .list ul li .con div p + p {margin-top:4px;}

.history_wrap .list ul li .con .left {margin-right:24px;}
.history_wrap .list ul li .con .left p {color:var(--lightgray-txt);}
.history_wrap .list ul li .con .left p span {display:inline-block; position:relative; margin-right:17px;}
.history_wrap .list ul li .con .left p span::after {content:''; position:absolute; z-index:1; top:50%; right:-10px; transform:translateY(-50%); width:1px; height:10px; background-color:#CCCCCC;}
.history_wrap .list ul li .con .left p span:last-of-type::after {display:none;}
.history_wrap .list ul li .con .right {text-align:right;}
.history_wrap .list ul li .con .right p {color:var(--black-color); font-weight:500;}
.history_wrap .list ul li .con .right .discount {color:var(--blue-color);}

#btmsheet .sheet_box .cont .date_select {padding:8px 24px 0;}
#btmsheet .sheet_box .cont .date_select ul {display:flex; flex-wrap:wrap; width:calc(100% + 4px); margin:0 -2px;}
#btmsheet .sheet_box .cont .date_select ul li {width:calc(25% - 4px); margin:0 2px;}
#btmsheet .sheet_box .cont .date_select ul li label input + span {display:block; text-align:center; padding:12px 10px; color:#888; font-size:14px; border:1px solid #ddd; border-radius:6px; background:#fff;}
#btmsheet .sheet_box .cont .date_select ul li label input:checked + span {color:#000; border:1px solid #000;}
#btmsheet .sheet_box .cont .date_range {display:flex; margin-top:8px; align-items:center; color:#888;}
#btmsheet .sheet_box .cont .date_range input {width:calc(50% - 10px); height:46px; min-height:initial; border-radius:6px; background:#fff url(../images/ico/ico_calendar.svg) no-repeat center right 9px; border:1px solid #ddd;}
#btmsheet .sheet_box .cont .date_range input:disabled {background-color:#f4f4f4;}
#btmsheet .sheet_box .cont .date_range span {width:20px; text-align:center; font-weight:400; font-size:14px;}
#btmsheet .sheet_box .cont .apply_btn {width:100%; height:46px; margin-top:24px; border-radius:8px; text-align:center; font-weight:700; font-size:16px; color:#fff; background:var(--point-color);}

#ui-datepicker-div {z-index:9999 !important; left:50% !important; transform:translateX(-50%) !important;}
/* e: 충전내역 */

/* s: 충전 레포트 */
.report_wrap .month_total {margin-bottom:40px; padding:24px 110px 24px 24px; border-radius:16px; background:#F4F6F9 url(../images/pic/pic_report_charge.png) no-repeat center right 24px; background-size:80px;}
.report_wrap .month_total p {margin-bottom:4px; color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.report_wrap .month_total strong {color:var(--normal-txt); font-weight:600; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.report_wrap .month_total strong span {color:var(--point-color); font-weight:700;}

.report_wrap .chart_box > div + div {margin-top:40px;}
.report_wrap .chart_box .txt_area {margin-bottom:16px;}
.report_wrap .chart_box .txt_area p {margin-bottom:4px; color:var(--gray-txt); font-size:14px; font-weight:500; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.report_wrap .chart_box .txt_area strong {color:var(--black-txt); font-weight:600; line-height:1.6; letter-spacing:0; word-break:keep-all;}
.report_wrap .chart_box .txt_area strong span {color:var(--point-color); font-weight:700;}

.report_wrap .chart_box .chart_area > div {position:relative;}
.report_wrap .chart_box .chart_area > div > ul {display:flex; justify-content:flex-end; align-items:flex-end; position:relative; padding-left:70px;}
.report_wrap .chart_box .chart_area > div > ul li {flex:1; position:relative; margin:0 5px;}
.report_wrap .chart_box .chart_area > div > ul > li:first-of-type {margin-left:0;}
.report_wrap .chart_box .chart_area > div > ul > li:last-of-type {margin-right:0;}

.report_wrap .chart_box .chart_area .chart ul {min-height:112px;}
.report_wrap .chart_box .chart_area .chart ul::after {content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:1px; background-color:rgba(204,204,204,.9);}
.report_wrap .chart_box .chart_area .chart ul li .num {position:absolute; z-index:5; left:50%; bottom:100%; transform:translateX(-50%); margin-bottom:7px; opacity:0; transition:opacity .3s ease;}
.report_wrap .chart_box .chart_area .chart ul li .num span {display:inline-block; position:relative; padding:2px 4px; color:var(--white-color); font-size:11px; font-weight:600; line-height:1.3; letter-spacing:0; text-align:center; border-radius:4px; background-color:var(--point-color);}
.report_wrap .chart_box .chart_area .chart ul li .num span::after {content:''; position:absolute; z-index:1; top:100%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:5px; height:5px; background:var(--point-color);}
.report_wrap .chart_box .chart_area .chart ul li .bar {width:32px; max-width:60px; width:100%; height:112px; margin:0 auto; border-radius:8px 8px 0 0; background-color:var(--lightgray-color); transition:height 1.2s ease, background .3s ease;}
.report_wrap .chart_box .chart_area .chart ul li.on .num {opacity:1;}
.report_wrap .chart_box .chart_area .chart ul li.on .bar {background-color:#41DC00;}

.report_wrap .chart_box .chart_area .chart .average {position:absolute; z-index:10; bottom:0; left:0; transform:translateY(10px); transition:bottom 1s ease;}
.report_wrap .chart_box .chart_area .chart .average::after {content:''; position:absolute; z-index:1; top:calc(50% + 1px); left:16px; transform:translateY(-50%); width:calc(100vw - 48px); border-top:1px dashed #9A9A9A;}
.report_wrap .chart_box .chart_area .chart .average span {display:inline-block; position:relative; z-index:15; padding:2px 8px; color:var(--white-txt); font-size:12px; font-weight:600; line-height:1.3; letter-spacing:0; border-radius:4px; background-color:#666666;}

.report_wrap .chart_box .chart_area .month {margin-top:12px;}
.report_wrap .chart_box .chart_area .month ul li {color:var(--gray-txt); font-size:11px; font-weight:500; line-height:1.3; letter-spacing:0; text-align:center;}
/* e: 충전 레포트 */


/* 240402 스플래쉬 추가
.splash {width:100vw; height:100vh; margin-top:27px; background:#0055B1;}
.logo {position:relative; z-index:1; left:50%; top:50%; margin:-27px 0 0 -127px; width:254px; height:54px; background:url(../images/ico/ico_white_logo.svg) no-repeat center; animation:splash 1s ease forwards; transform:translateY(30px); opacity:0;}

@keyframes splash {
	0% {transform:translateY(30px); opacity:0;}
	100% {transform:translateY(-25px); opacity:1;}
}
*/
.full_pop {display:none; position:fixed; z-index:9980; left:0; top:0; width:100%; height:100%; background:#fff; overflow-y:auto;}
.full_pop_wrap {display:none; position:fixed; z-index:9990; top:0; left:0; width:100%; height:100vh; background-color:var(--white-color); overflow-y:auto; }

/* 하단 고정 버튼 */
#filterBtmBtn {position:fixed; z-index:9981; bottom:0; left:0; transform:none; width:100%; background-color:var(--white-txt); transition:transform .4s ease;}
#filterBtmBtn.hide {z-index:-1; transform:translateY(100%);}
#filterBtmBtn .btn {padding:16px 16px 40px;}
#filterBtmBtn .btn > * + * {margin-top:8px;}

#filterBtmBtn .btn.btn_small .btn_rect {height:52px; padding:14px; font-size:16px; font-weight:600; line-height:1.6;}

#filterBtmBtn .btn.lay_flex {display:flex;}
#filterBtmBtn .btn.lay_flex > * {margin-right:8px;}
#filterBtmBtn .btn.lay_flex > *:last-child {margin-right:0;}
#filterBtmBtn .btn.lay_flex > * + * {margin-top:0;}

#filterBtmBtn .btn_box {margin-bottom:-24px;}

.termsuse_wrap h4 {margin-bottom:16px; font-size:17px;}
.termsuse_wrap > * + * {margin-top:16px;}
.termsuse_wrap ol ul {margin:8px 0 0 8px;}
.termsuse_wrap .one {font-weight:700;}
.termsuse_wrap .two {margin:8px 0 0 16px; font-size:15px;}
.termsuse_wrap .two li {font-weight:500;}
.termsuse_wrap .bullet > li {position:relative; padding-left:8px; color:#444;}
.termsuse_wrap .bullet > li:before {content:''; position:absolute; z-index:1; left:0; top:9px; width:3px; height:3px; background:#444;}
.termsuse_wrap .dash > li {position:relative; padding-left:8px; color:#444; font-size:14px;}
.termsuse_wrap .dash > li:before {content:''; position:absolute; z-index:1; left:0; top:10px; width:4px; height:1px; background:#888;}

.checkbox_wrap {margin-top:10px; text-align: center; font-size:17px;}
.checkbox_wrap .checkbox {margin-right:20px; margin-bottom:10px;}
.checkbox {display:inline-block; position:relative; padding-left:28px; vertical-align:top;}
.checkbox input {position:absolute; width:0; height:0; margin:0; clip:rect(0,0,0,0); border:0; overflow:hidden;}
.checkbox input + i {display:inline-block; position:absolute; z-index:1; top:0; left:0; width:20px; height:20px; vertical-align:top; border-radius:4px; border:1px solid #ddd; background-color:var(--white-color); transition:all .3s ease; background-position:center; background-size:20px; }
.checkbox input[type="checkbox"]:checked + i {background-color:var(--blue-color); border-color:var(--blue-color); background-image:url(../images/ico/ico_chk_on.svg);}
.checkbox input[type="checkbox"]:checked:disabled + i {border-color:var(--placeholder-color); background-color:var(--placeholder-color);}
.checkbox input[type="checkbox"]:disabled + i {background-color:#E7E7E7;}

.checkbox input[type="radio"] + i {border-width:1px; border-radius:50%;}
.checkbox input[type="radio"] + i:after {content:''; position:absolute; z-index:1; top:50%; left:50%; width:10px; height:10px; border-radius:50%; opacity:0; background:var(--blue-color); transform:translate(-50%,-50%)}*/
.checkbox input[type="radio"]:disabled + i {border-color:var(--line-darkgray); background-color:#E7E7E7;}
.checkbox input[type="radio"]:disabled + i:after {/* opacity:1; background-color:var(--placeholder-color); */}
.checkbox input[type="radio"]:checked + i {border-color:var(--point-color);}
.checkbox input[type="radio"]:checked + i:after {opacity:1; border-color:var(--placeholder-color); background-color:var(--point-color);}
.checkbox input[type="radio"]:checked:disabled + i {border-color:var(--placeholder-color); background:var(--white-color);}
.checkbox input[type="radio"]:checked:disabled + i:after {opacity:1; border-color:var(--placeholder-color); background-color:var(--placeholder-color);}
.checkbox span {display:inline-block; color:var(--dark-gray); font-size:14px; vertical-align:top; line-height:1.3;}
.counter {font-size: 13px; align-self: center; padding-left: 5px; font-weight: 500;}

/* 공지사항팝업 */
.main_modal {position:fixed; z-index:9999; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.8)}
.main_modal .m_modal_wrap {position:absolute; z-index:1; left:50%; top:50%; width:290px; transform:translate(-50%,-50%);}
.main_modal .m_modal_wrap .modal_ctrl {display:flex; justify-content:space-between; align-items:center; margin-top:8px;}
.main_modal .m_modal_wrap .modal_ctrl button {color:#fff; font-size:15px; line-height:22px;}
.main_modal .m_modal_wrap .modal_ctrl button.today {padding-left:28px; background:url(../images/ico/ico_comon_check.svg) no-repeat left center;}
.main_modal .m_modal_wrap .modal_ctrl button.close {font-weight:500;}
.main_modal .modal_roll {align-items:stretch;}
.main_modal .modal_roll .swiper-slide {border-radius:16px; overflow:hidden;}
.main_modal .modal_roll .notice {height:340px; text-align:center; background:#0055B1 url(../images/ico/ico_modal_logo_w.svg) no-repeat center bottom 32px/80px;}
.main_modal .modal_roll .notice a {display:block; width:100%; height:100%; padding:98px 30px 0; color:#fff;} /*word-break:keep-all;*/
.main_modal .modal_roll .notice a:before {content:''; position:absolute; z-index:1; left:50%; top:32px; width:50px; height:50px; margin-left:-25px; background:url(../images/ico/ico_modal_notice.png) center/100%;}
.main_modal .modal_roll .notice a strong {display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 20px; max-height:56px; line-height:1.4;}
.main_modal .modal_roll .notice a p {margin:16px 0 24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:15px; line-height:1.5; max-height:45px; opacity:0.8;}
.main_modal .modal_roll .notice a em {display:block; font-size:13px; line-height:1.5; opacity:0.6;}

.main_modal .swiper-pagination {right:14px; top:14px; left:initial; bottom:initial; transform:none; width:auto; padding:6px; color:rgba(255,255,255,.6); font-size:12px; line-height:1; text-align:left; border-radius:100px; background:rgba(0,0,0,.2);}
.main_modal .swiper-pagination span {display:inline-block; padding:0 2px; font-size:12px; line-height:1;}
.main_modal .swiper-pagination span.swiper-pagination-current {min-width:11px; color:var(--white-txt);}

.main_modal .modal_roll .notice > div {display:block; width:100%; height:100%; padding:98px 30px 0; color:#fff;} /*word-break:keep-all;*/
.main_modal .modal_roll .notice > div:before {content:''; position:absolute; z-index:1; left:50%; top:32px; width:50px; height:50px; margin-left:-25px; background:url(../images/ico/ico_modal_notice.png) center/100%;}
.main_modal .modal_roll .notice > div strong {display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 20px; max-height:56px; line-height:1.4;}
.main_modal .modal_roll .notice > div p {margin:16px 0 24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:15px; line-height:1.5; max-height:45px; opacity:0.8;}
.main_modal .modal_roll .notice > div em {display:block; font-size:13px; line-height:1.5; opacity:0.6;}

.policy_select {width:100%; margin-top: 16px;}
.policy_select button {display:block; width:calc(100% - 32px); height:46px; padding:0 16px; margin:0 16px 16px; font-weight: 500; font-size: 14px; text-align: left; border-radius:8px; background:var(--brightgray-color) url(../images/ico/ico_select_arw.svg) no-repeat center right 16px;}

.button-group {text-align: center; margin-top: 10px; display: flex; justify-content: space-around;}
.button-group button {flex-shrink:0; display:inline-block; padding:6px 16px; font-size:14px; font-weight:600; line-height:1.6; box-shadow:0 1px 2px rgba(16,24,40,.05); border-radius:8px; background-color:var(--brightgray-color);}
#toolbar {padding: 10px;text-align: center;}
#pdf-viewer {width: 100%; border: 1px solid #000; overflow: auto;}

/* 이벤트 게시판 리스트 */
.event_list {padding: 20px 24px 0;}
.event_list > p {margin-bottom: 16px; font-size: 14px; color: var(--gray-txt);}
.event_list ul {display: flex; flex-direction: column; gap: 16px}
.event_list ul li .pic {border-radius: 12px 12px 0 0; overflow: hidden; border: 1px solid rgba(0,0,0,0.15);}
.event_list ul li .con {border-radius: 0 0 12px 12px; padding: 16px; border: 1px solid #DFE3E8;}
.event_list ul li .con strong {display: block; margin-bottom: 4px; font-size: 14px;}
.event_list ul li .con em {font-size: 13px; color: var(--gray-txt);}

.event_list ul li#run .pic {position: relative; border-radius: 12px 12px 0 0; overflow: hidden; border: 1px solid rgba(0,0,0,0.15);}
.event_list ul li#run .pic:before {content: '';f position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.event_list ul li#run .pic:after {content: '진행중'; position: absolute; z-index: 1; right: 10px; top: 10px; padding: 4px 10px; color: #fff; font-size: 12px; line-height: 1.4; font-weight: 700; border-radius: 8px; background: var(--point-color);}
.event_list ul li#run .con {border-radius: 0 0 12px 12px; padding: 16px; border: 1px solid #DFE3E8;}
.event_list ul li#run .con strong {display: block; margin-bottom: 4px; font-size: 14px;}
.event_list ul li#run .con em {font-size: 13px; color: var(--gray-txt);}


.event_list ul li#etr .pic {position: relative; border-radius: 12px 12px 0 0; overflow: hidden; border: 1px solid rgba(0,0,0,0.15);}
.event_list ul li#etr .pic:before {content: '';f position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.event_list ul li#etr .pic:after {content: '예정'; position: absolute; z-index: 1; right: 10px; top: 10px; padding: 4px 10px; color: #fff; font-size: 12px; line-height: 1.4; font-weight: 700; border-radius: 8px; background: var(--blue-color);}
.event_list ul li#etr .con {border-radius: 0 0 12px 12px; padding: 16px; border: 1px solid #DFE3E8;}
.event_list ul li#etr .con strong {display: block; margin-bottom: 4px; font-size: 14px;}
.event_list ul li#etr .con em {font-size: 13px; color: var(--gray-txt);}

.event_list.end ul li .pic {position: relative;}
.event_list.end ul li .pic:before {content: '';f position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.event_list.end ul li .pic:after {content: '종료'; position: absolute; z-index: 1; right: 10px; top: 10px; padding: 4px 10px; color: #fff; font-size: 12px; line-height: 1.4; font-weight: 700; border-radius: 8px; background: #000;}
.event_list.end ul li .con strong {color: var(--gray-txt);}

.event_result {padding: 4px 24px 0;}
.event_result ul li {border-bottom: 1px solid #DFE3E8;}
.event_result ul li a {display: flex; flex-direction: column; padding: 16px 0; gap: 10px;}
.event_result ul li a strong {display: block; font-size: 15px; font-weight: 600;}
.event_result ul li a em {font-size: 13px; color: var(--gray-txt);}

.policy_table {font-size: 14px; border-bottom:1px solid #eee;}
.policy_table th {width: 40%; background: #f8f8f8; border-top:1px solid #eee;}
.policy_table td {padding: 12px; border-top:1px solid #eee;}

.scroll_table {overflow-x: auto;width: 100%;}
.scroll_table table {min-width:700px;}

.circle_num{display: inline-flex; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; border-radius: 50%; background-color: white; color: rgba(87, 177, 206, 1); line-height: 1; font-size : 0.75em; vertical-align: middle;}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}


/* 250905 추가 */
#btmbtn.nomg .btn {padding-bottom: 16px;}
.btm_recommend {display: flex; flex-direction: column; padding: 16px 16px 0px; gap: 8px;}
.btm_recommend .bar {text-align: center; padding: 8px; border-radius: 8px; background: #edfdf3; color: var(--point-color); font-size: 15px; font-weight: 600;}
.btm_recommend .row {display: flex; align-items: center; gap: 8px; border-radius: 8px; padding: 16px; background: #f8f8f8; justify-content: center;}
.btm_recommend .row label {display: block; font-size: 14px; font-weight: 700; color: #000; white-space: nowrap;}
.btm_recommend .row .form {display: flex;}
.btm_recommend .row .form input {min-height: 40px; font-size: 14px; background: #fff; border-radius: 8px 0 0 8px;}
.btm_recommend .row .form input::placeholder {font-size: 14px;}
.btm_recommend .row .form .check {display: block; width: 80px; background: #666; color: #fff; font-size: 14px; border-radius: 0 8px 8px 0;}

#pdf-viewer {width: 100%; border: 1px solid #000; overflow: auto;}

.event_checkbox_wrap {display: flex; flex-direction: column; gap: 8px; text-align: center; font-size: 15px; padding: 16px 0; color: #666;}
.event_checkbox_wrap .checks {display: flex; gap: 16px; justify-content: center;}