/* 공통속성 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,table { margin:0;padding:0;list-style:none;font-family:'맑은 고딕','Malgun Gothic','돋움','Dotum',sans-serif;}
ul,ol,dl,li { list-style:none; padding:0; margin:0;}
img { border:0;}
ul {list-style:none;}
li {list-style:none; padding:0; margin:0;}
frame { border:0; border:none;}
form { margin:0px; padding:0px; }
.pointer {cursor:pointer;}


/* 팝업_판매자정책*/
.policy_warp{ position:relative;top:0px; width:100%; margin:0 auto; height:100%; border-top:1px solid #d6d6d6;letter-spacing:-1px;  padding-bottom:30px;}
.policy_tab{overflow:hidden;position:absolute;top:0px;left:0;width:100%;border-right:1px solid #d6d6d6;font-weight:bold;text-align:center; font-size:12px;}
.policy_tab a{display:block;overflow:hidden;position:relative;z-index:1;height:31px;border-bottom:1px solid #d6d6d6;line-height:31px;color:#6b6d70;text-align:center; text-decoration:none;background-color:#f5f5f5;}
.policy_tab .on{position:relative;z-index:2;border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#d10707;}

h3.p1{left:0}
h3.p2{left:136px}
h3.p3{left:225px}
h3.p4{left:315px}

/*팝업_판매자정책_내용*/
.policy_con{ width:400px; position:relative;  top:30px;}
.policy_con li { text-align:left; color:#5d5d5d; padding-left:15px; font-size:11px;}

.level_pt { width:90%; margin:auto; margin-top:8px; border-right:1px solid #ececec;border-bottom:1px solid #ececec; }
.level_pt table { width:100%; min-height:300px; height:100%;  }
.level_pt td { font-size:11px; height:28px;color:#5d5d5d; text-align:center;border-top:1px solid #ececec;border-left:1px solid #ececec;}

.detail_con {width:355px;  height:100%; margin:auto; background-color:#fafafa;border:1px solid #d6d6d6; margin-top:8px;padding-bottom:20px;}
.detail_con li{text-align:left; padding-left:10px; color:#787878;}




/* 미투디스크팝업*/
#charge_pop { margin:auto; height:auto;  width:100%;}
#charge_pop .utilize { margin-top:15px; height:auto;}
#charge_pop .utilize li{text-align:left; padding-left:15px;  font-size:11px; color:#666;}
#charge_pop .totalpaybg { width:380px; margin:auto;  background-color:#f6f6f6; border:1px solid #e3e3e7; }
#charge_pop .totalpaycon { width:350px; margin:auto; border:1px solid #cecece;  background-color:#fff; margin-top:10px; padding-top:10px;}
#charge_pop .totalpaycon li {text-align:left; font-size:11px;padding-left:12px;font-size:11px; color:#666;}
#charge_pop .payagree { width:380px; margin:auto;  margin-bottom:15px;}
#charge_pop .payagree li {text-align:left; color:#666; padding-left:10px;  font-size:11px;}
#charge_pop .payterm {width:380px; margin-top:15px;text-align:left; margin:auto;}
#charge_pop .payterm .term{width:380px;margin-top:10px;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
#charge_pop .payterm .term td{height:25px;text-align:center;border-top:1px solid #cecece;border-right:1px solid #e2e2e2; font-size:11px; background-color:#fff;}


#charge_pop .payterm .term_spa{width:380px;margin-top:10px;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
#charge_pop .payterm .term_spatit {height:30px;  line-height:30px; text-align:center;border-top:1px solid #cecece; border-right:1px solid #e2e2e2; font-size:11px;  background-color:#f9f9f9; }
#charge_pop .payterm .term_m {height:50px; line-height:50px; text-align:center;border-top:1px solid #cecece;border-right:1px solid #e2e2e2; font-size:12px; font-weight:bold;  background-color:#fff;cursor:pointer;}
#charge_pop .payterm .term_m:hover{  height:50px; line-height:50px; background-color:#e74938; color:#ffffff ; font-weight:bold; cursor:pointer;}


/* 팝업 타이틀*/
.popup_me2_tit  {width:100%; background:#333; text-align:left;  font-size:12px; height:45px; line-height:45px; padding-left:15px; letter-spacing:-.8px; }
.popup_me2_tit li  {list-style:none}


/* 배경 공통*/
.blakbcg_gra {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('/images/popup/bg_gra.png') repeat;}
.blackbg_gra_no {clear:both; width:100%; height:100%;  margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('/images/popup/bg_gra.png') repeat;}


/* 판매자 이관레이어 */
.popup_filev_mem { width:754px; height:570px; margin:0 auto; position:relative;z-index:200}
.popup_filev_mem .filev_close { width:50px; height:50px; background:url(/images/popup/popup_unity_close.png) no-repeat; cursor:pointer; position:absolute; top:30px; right:80px;z-index:100}
.popup_filev_mem .filev_name{ width:100%; height:30px;line-height:30px; position:absolute; top:48px; color:#FFFF00; font-weight:BOLD; letter-spacing:.8px;}

.popup_filev_mem .icon_tom { width:192px; height:106px; position:absolute; top:268px; left:300px; background:url(/images/popup/popup_filev_icon.png) no-repeat; z-index:500}
.popup_filev_mem_s { width:754px; height:570px; background:url(/images/popup/popup_filev_bg.png) no-repeat ;}

.popup_filev_mem_s .tom_t {width:577px; height:auto; position:absolute;top:211px;left:93px;}
.popup_filev_mem_s .tom_t td { height:23px; line-height:23px; vertical-align:middle; color:#000; padding-left:5px;}


.popup_filev_mem_s .tb_li {  border-bottom:#dcdcdc 1px solid;font-size:11px; }
.popup_filev_mem_s .tom_tit  {background:#f7f7f7;font-size:12px;font-size:11px; letter-spacing:-.5px; text-align:left; border-right:#dcdcdc 1px solid;color:#666666;  }
.popup_filev_mem .btn_tom { width:100%; height:50px; margin:0 auto; text-align:center;position:absolute; bottom:55px; cursor:pointer; }



/*경품당첨자 레이어*/
.pop_evt1011_layer { clear:both;  height:auto; margin:0 auto; text-align:center; padding:0;  position:relative;  }
.pop_evt1011_tot {width:458px; height:485px;margin:0 auto;  text-align:center; padding:0;  position:relative; top:240px;left:0px; }
.pop_evt1011_tot  li { list-style:none;  }
.pop_evt1011_tot .pop_evt1011_txt1  {width:229px; line-height:20px;margin:0 auto; font-size:1.2em;  color:#000000;word-break:normal;  font-family:Verdana, Geneva, sans-serif; font-weight:bold ;   text-align:center; padding:0;  
position:absolute; top:100px; left:120px; }
.pop_evt1011_tot .pop_evt1011_txt2  {width:370px; height:50px;  line-height:50px;margin:0 auto; font-size:1.4em;  color:#d20909; font-family:Verdana, Geneva, sans-serif; font-weight:bold ;   text-align:center; padding:0;  
position:absolute; top:205px; left:45px; }


.pop_evt1011_tot .pop_evt1011_btn { width:50px; height:50px; background:url('../images/popup/popup_evt_1011_btn.png') no-repeat; position:absolute; top:116px;right:0px;   cursor:pointer;}




/* 쿠폰포인트 만료 정액제 레이어  */
.popup_cpoint {  width:100%; height:580px; margin:0 auto; text-align:center; position:absolute; top:0;}
.popup_cpoint_img { width:600px; height:580px; background:url(/images/popup/popup_cpoint_01.png) no-repeat; margin:0 auto; text-align:center; position:relative;}
.popup_cpoint_img li { list-style:none}
.popup_cpoint_img .btn_cpointx {width:60px;height:60px;cursor:pointer;position:absolute;background:url(/images/popup/popup_cpoint_close.png) no-repeat;top:48px;right:60px} 
.popup_cpoint_img .btn_cpointok {width:450px; height:110px;cursor:pointer;position:absolute;top:450px; left:75px; border-radius:0px 0px 500px 500px} 
.popup_cpoint_img .cpointok_gif {  width:455px; height:57px; margin:0 auto; text-align:center;  background:url(/images/popup/popup_cpoint_02.gif) no-repeat; background-position:center;  position:absolute; top:300px; left:70px;}
.popup_cpoint_img .btn_cpoint_ck {width:100px; height:30px; line-height:30px;cursor:pointer; position:absolute; top:530px; right:30px; font-size:11px;color:#cccccc } 


/*의견남기기 레이어*/
.pop_mag_layer { clear:both;  height:auto; margin:0 auto; text-align:center; padding:0;  }
.pop_mag_tot {width:490px; height:420px;margin:0 auto;  text-align:center; padding:0;  position:relative; top:240px;left:0px;  background-color:#f5f5f5;  border:#000 1px solid; padding-bottom:5px; }
.pop_mag{ width:100%; margin:0 auto; text-align:center; background-color:#f5f5f5; padding-top:20px; position:relative }
.pop_mag_s{width:90%; margin:0 auto; text-align:center;}
.pop_mag_s .mag_t {width:100%;height:60px; margin:0 auto; text-align:center; margin-bottom:10px;}
.pop_mag_s .mag_t p { line-height:18px; margin:0 auto; text-align:center; color:#666}

.pop_mag_s table { width:100%; margin:0 auto; background:#FFFFFF; border:#CCCCCC 1px solid}
.pop_mag_s table td { height:40px; line-height:35px; padding-left:10px;}
.pop_mag_s table .td_line { border-bottom: #CCC 1px solid}
.pop_mag_s table .tit {width:80px; text-align:left;  border-right:#CCCCCC 1px solid;  background-color:#f5f5f5; font-weight:bold ; color:#333333 }
.pop_mag_btn { width:100%;height:30px; margin:0 auto; text-align:center; margin-top:15px; }

/*### 신규가입시  보험사 이벤트 배너 pop_me2_sinhan_9p.gif   pop_me2_sinhan_6p.gif   pop_me2_sinhan_3p.gif  ###*/
.pop_sinhan_tot {width:203px;  height:228px; position:absolute; top:0px; z-index:1000;}
.pop_sinhan { width:203px; height:228px; margin:0 auto; text-align:center; background:url(/images/popup/pop_me2_sinhan_9p.gif) no-repeat; position:relative;}
.pop_sinhan .btn_sinhan_close { width:39px; height:39px; background:url(/images/popup/pop_sinhan_close.png) no-repeat; position:absolute;  top:-15px; left:170px; cursor:pointer }
.pop_sinhan .btn_sinhan { width:100%; height:55px; position:absolute; top:165px;cursor:pointer ; }



/*### 신규가입시 첫결제레이어 ###*/
.pop_first_tot { z-index:1000; position:absolute; width:203px; height:227px; top:0px; left:0px; }
.pop_first { position:relative; width:203px; height:227px; margin:0 auto; text-align:center; background:url(../images/popup/pop_first_2002_me.gif) no-repeat; }
.pop_first .btn_first_close { z-index:1000; position:absolute; display:inline-block; width:36px; height:36px; top:0px; right:0px; cursor:pointer; }
.pop_first .btn_first{ position:absolute; display:block; width:100%; height:60px; bottom:0px; cursor:pointer; }


/*### 신규가입시 500보너스 레이어 ###*/
.popup_join500b_layer  {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_join500b  { width:440px; height:438px; margin:0 auto; margin-top:200px; position:relative;cursor:pointer}
.popup_join500b .btn_join500bx { width:47px; height:47px; background:url('../images/popup/pop_close_btn_wh.png') no-repeat; position:absolute; top:0px; right:-57px; z-index:100; cursor:pointer; } 
.popup_join500b .popup_join500b_img { width:100%; height:438px; background:url('../images/popup/popup_join_500b_me.png') no-repeat;   position:absolute; top:0px; right:0px; z-index:10; cursor:pointer; } 


/*### 휴면전용 로그인박스 레이어  ###*/
.pop_sleep_tot { z-index:1000; position:absolute; width:203px; height:227px; top:0px; left:0px; }
.pop_sleep { position:relative; width:203px; height:227px; margin:0 auto; text-align:center; background:url(../images/popup/pop_sleep_2002_me.gif) no-repeat; }
.pop_sleep .btn_sleep_close { z-index:1000; position:absolute; display:inline-block; width:36px; height:36px; top:0px; right:0px; cursor:pointer; }
.pop_sleep .btn_sleep{ position:absolute; display:block; width:100%; height:60px; bottom:0px; cursor:pointer; }




/*### 로그인박스 복주머니 레이어  ###*/
.pop_ch1802_tot {width:215px;  height:264px; position:absolute;top:-16px; left:-5px; z-index:1000;}
.pop_ch1802 { width:203px;  height:247px; margin:0 auto; text-align:center; background:url(../images/popup/pop_charge1802bg.png) no-repeat; position:relative;}
.pop_ch1802 .btn_ch1802_img { width:134px; height:86px; background:url(../images/popup/pop_charge1802_01.gif) no-repeat; position:absolute;  top:102px; left:39px; cursor:pointer }
.pop_ch1802 .btn_ch1802_close { width:39px; height:39px; background:url(../images/popup/pop_sinhan_close.png) no-repeat; position:absolute;  top:20px; left:170px; cursor:pointer ;z-index:1000;}
.pop_ch1802 .btn_ch1802{ width:100%; height:47px; position:absolute; top:217px;display:block; cursor:pointer ; }




/*로그인박스 캐시백 포인트  레이어*/
.popup_login_okch_tot {width:200px; position:absolute; top:0px; left:-0px;z-index:900;}
.popup_login_okch { width:100%; height:215px; background-color:#FFFFFF; padding-bottom:10px; border:#6a92d5 1px solid}
.popup_login_okch  .okch_tit { width:100%; height:35px; line-height:35px; color:#FFFFFF; background-color:#6a92d5;  position:relative  }
.okch_tit li { list-style:none }
.okch_tit .okch_name  { width:130px;padding-left:10px; font-size:11px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold; text-align:left; } 
.okch_tit .okch_close { font-size:13px; display:block; font-weight:bold;position:absolute; top:0px; right:10px; cursor:pointer}
.popup_login_okch  .okch_ctn { width:90%; margin:0 auto; padding-top:10px;}
.popup_login_okch  .okch_ctn  li { list-style:none; line-height:18px;text-align:left; font-size:12px; margin-bottom:5px;letter-spacing:-.5px; }

.okch_ctn .coch_radio { width:100%; float:left; font-weight:bold; color:#1d5ecc} 
.okch_ctn .okch_bx { width:100%; padding:5px 0px; background-color:#3c4047; text-align:center; color:#00ffea;  margin:0 auto;}
.okch_ctn .okch_bx li { list-style:none; line-height:20px; text-align:center; color:#00ffea;  margin:0 auto;}

.okch_ctn .okch_bx2 { width:100%; height:50px; overflow:hidden;  background-color:#e2e2e2; text-align:left; color:#000000;  margin:0 auto;position:relative  }
.okch_ctn .okch_bx2 .okch_info { width:98%; height:100%;  line-height:14px;margin:0 auto;  overflow-y:scroll ;    font-size:11px;   text-align:left; color:#666666;position:absolute;  top:0px; right:0px;   }
.okch_ctn .okch_bx2 li { list-style:none; text-align:center;  margin:0 auto; padding-top:10px;}
.okch_ctn .okch_bx2 .coch_radio_t { float:left;  width:140px; text-align:left; color:#666666;  line-height:15px; } 
.okch_btn { width:100%; height:30px; margin:0 auto; line-height:30px; background-color:#6a92d5; margin-top:10px; color:#ffffff; text-align:center; font-weight:bold; font-size:12px;cursor:pointer ; }
.okch_btn2 { width:100%; height:30px; margin:0 auto; line-height:30px; background-color:#ed3034; margin-top:10px; color:#ffffff; text-align:center; font-weight:bold; font-size:12px;cursor:pointer ; }



/*### 추석2019  이벤트  레이어 ###*/
.popup_chu2019_layer  {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_chu2019  { width:100%; height:504px; margin:0 auto; text-align:center; position:relative; }
.popup_chu2019 .btn_chux {  width:100%;  height:47px; margin:0 auto; text-align:center;  background:url('/images/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px;background-position:center; position:absolute; bottom:-60px;  z-index:100; cursor:pointer; } 
.popup_chu2019 .btn_go { width:882px;  height:490px; text-align:center;  margin:0 auto;  cursor:pointer; } 

.popup_chu2019 .popup_chu_img { width:100%; height:504px; background:url('/images/event/chu2019/popup_evt219chu.png') no-repeat; background-position:center; position:absolute; top:0px; right:0px; z-index:10; cursor:pointer; 
animation-name: chu2019;
animation-duration:2s;
animation-delay:0s;
animation-ineration-count:infinite;
} 
@keyframes chu2019 { 
from {transform:translate(0,-1000px) }
to { 	transform:translate(500,0) }
}

/*### 202003 화이트데이 반값 레이어 ###*/
.popup_whday2020_layer  {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_whday2020 { width:100%; height:600px; margin:0 auto; text-align:center; position:relative; }
.popup_whday2020 .popup_2003_img { width:600px; height:550px; margin:0 auto; text-align:center; background:url('../images/popup/popup_evt_whday2020.png') no-repeat; background-position:center; position:relative; top:70px; right:0px; z-index:10; }
.popup_whday2020 .popup_2003_img .btn_ctg { width:100%; height:160px; text-align:center; margin:0 auto; position:absolute; bottom:20px; padding:0 60px; box-sizing:border-box; }
.popup_whday2020 .popup_2003_img .btn_ctg li { float:left; display:inline-block; width:160px; height:160px; cursor:pointer; }
.popup_whday2020 .popup_2003_img .btn_x { width:50px; height:50px; margin:0 auto; text-align:center; background:url('../images/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:70px; right:60px; z-index:100; cursor:pointer; }

/*### 202001 판매자 미션 이벤트 레이어 ###*/
.popup_mission2020_layer  {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_mission2020 { width:100%; height:520px; margin:0 auto; text-align:center; position:relative; }
.popup_mission2020 .popup_2001_img { width:700px; height:520px;  margin:0 auto; text-align:center;  background:url('../images/popup/popup_evt_mission2020.png') no-repeat; background-position:center; position:relative; top:100px; right:0px; z-index:10; }
.popup_mission2020 .popup_2001_img .btn_go { width:100%; height:100px; text-align:center;  margin:0 auto;  cursor:pointer; position:absolute; bottom:50px;  } 
.popup_mission2020 .popup_2001_img .btn_2001x {  width:50px;  height:50px; margin:0 auto; text-align:center;  background:url('../images/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:90px; right:100px; z-index:100; cursor:pointer; }

/*### 201912 크리스마스특가 레이어 ###*/
.popup_xmas2019_layer  {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_xmas2019 { width:100%; height:620px; margin:0 auto; text-align:center; position:relative; }
.popup_xmas2019 .popup_1912_img { width:620px; height:620px;  margin:0 auto; text-align:center;  background:url('../images/popup/popup_charge_xmas2019n.png') no-repeat; background-position:center; position:relative; top:70px; right:0px; z-index:10; }
.popup_xmas2019 .popup_1912_img .btn_go { width:100%; height:100px; text-align:center;  margin:0 auto;  cursor:pointer; position:absolute; bottom:0px;  } 
.popup_xmas2019 .popup_1912_img .btn_1912x {  width:50px;  height:50px; margin:0 auto; text-align:center;  background:url('../images/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:70px; right:60px; z-index:100; cursor:pointer; }

/*### 20111 특가  레이어 ###*/
.popup_chu1911_layer  {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_chu1911 { width:100%; height:419px; margin:0 auto; text-align:center; position:relative; }
.popup_chu1911 .popup_1911_img { width:621px; height:419px;  margin:0 auto; text-align:center;  background:url('../images/popup/popup_charge_1114.png') no-repeat; background-position:center; position:relative; top:150px; right:0px; z-index:10; }
.popup_chu1911 .popup_1911_img .btn_go { width:100%;  height:100px; text-align:center;  margin:0 auto;  cursor:pointer; position:absolute; bottom:0px;  } 
.popup_chu1911 .popup_1911_img .btn_1911x {  width:50px;  height:50px; margin:0 auto; text-align:center;  background:url('../images/event/chu2019/popup_evt219chu_x.png') no-repeat; background-size:50px 50px; position:absolute; top:70px; right:60px; z-index:100; cursor:pointer; } 




/*### 회원탈퇴 레이어 ###*/
.pop_leave { width:100%; height:600px; margin:0 auto; text-align:center; position:absolute; top:80px; left:102px; }
.pop_leave .pop_leave_img { width:600px; height:600px; margin:0 auto; background:url('../images/popup/popup_leave_n.jpg') no-repeat center 0; z-index:10; position:relative; }
.pop_leave .pop_leave_img .btn_x { width:75px; height:75px; position:absolute; top:0; right:0; cursor:pointer; }
.pop_leave .pop_leave_img .btn { width:100%; height:98px; margin:0 auto; position:absolute; bottom:0px; }
.pop_leave .pop_leave_img .btn li { float:left; display:inline-block; width:300px; height:98px; cursor:pointer; }
.pop_leave .pop_leave_img .btn li span { display:none; }
.pop_leave .pop_leave_img .btn li.btn1 { background:url('/images/popup/popup_leave_btn1.gif') no-repeat; }
.pop_leave .pop_leave_img .btn li.btn2 { background:url('/images/popup/popup_leave_btn2.gif') no-repeat; }



/*### 로그인 이벤트레이어   ###*/
.pop_gift_tot {width:197px;  height:264px; position:absolute; top:-10px; left:0px;z-index:1000;}
.pop_gift { width:197px;  height:248px; margin:0 auto; text-align:center; position:relative;}
.pop_gift .btn_gift_close { width:39px; height:39px; background:url(/images/popup/pop_sinhan_close.png) no-repeat; position:absolute;  top:80px; left:180px; cursor:pointer ;z-index:1000;}
.pop_gift .btn_gift_img1 { width:197px; height:219px; background:url(/images/popup/popup_loginevt_01.png) no-repeat; position:absolute;  top:16px; right:0px; cursor:pointer }
.pop_gift .btn_gift_img2{ width:197px; height:219px; background:url(/images/popup/popup_loginevt_02.png) no-repeat; position:absolute;  top:16px; right:0px; cursor:pointer }



/*### 비제휴 11일 반값할인충전이벤트 레이어 ###*/
.pop_11pay_tot {width:350px;  height:335px; position:absolute; top:-70px; left:-50px; z-index:1000;}
.pop_11pay { width:350px; height:335px; margin:0 auto; text-align:center; background:url(/images/popup/pop_me2_11pay.png) no-repeat; position:relative;}
.pop_11pay li { list-style:none}
.pop_11pay .btn_11pay_close {width:53px;height:53px;background:url(/images/popup/pop_me2_11pay_close.png) no-repeat;position:absolute;top:40px;left:269px;cursor:pointer}
.pop_11pay .btn_11pay_close2 {width:79px;height:18px; background:url(/images/popup/pop_me2_11pay_del.png) no-repeat; display:block; position:absolute;top:320px;left:135px; cursor:pointer ;}
.pop_11pay .btn_11pay_close3 {width:350px;height:220px; display:block; position:absolute;top:95px;left:0px;cursor:pointer ;}
.pop_11pay .btn_11pay_day {	width:98px;	height:60px; line-height:60px;text-align:center;font-size:2em;color:#ffffff; font-family:Verdana, Geneva, sans-serif;font-weight:bold;position:absolute;top:40px;left:10px;cursor:pointer}





/*아이디 비번 찾기 로그인 가입  공통폼*/
.popup_find { width:100%; height:auto; margin:0 auto; text-align:center;padding-top:20px; padding-bottom:20px;}
.popup_find .btn_find { clear:both; width:100%; margin:0 auto;  text-align:center; margin-top:20px; }

.find_tab { clear:both; width:444px; height:30px; margin:0 auto; text-align:center; }
.find_tab li { list-style:none; cursor:pointer; }
.find_tab .tab01 { width:220px;  height:30px; padding-top:15px; margin:0 auto; border-top:#9d9d9d 1px solid;border-left:#9d9d9d 1px solid; border-right:#9d9d9d 1px solid; background-color:#b7b7b7; color:#5b5b5b; text-align:center; font-weight:bold; font-size:12px; float:left} 
.find_tab .tab01:hover { width:220px;  height:30px; padding-top:15px; margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left}
.find_tab .tab01.on {width:220px;  height:30px; padding-top:15px; margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;  background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left}

.find_tab .tab02 {width:220px;  height:30px; padding-top:15px; margin:0 auto; border-top:#9d9d9d 1px solid;border-left:#9d9d9d 1px solid; border-right:#9d9d9d 1px solid; background-color:#b7b7b7; color:#5b5b5b; text-align:center; font-weight:bold; font-size:12px; float:left} 
.find_tab .tab02:hover {  width:220px;  height:30px; padding-top:15px; margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left}
.find_tab .tab02.on {width:220px;  height:30px; padding-top:15px; margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;  background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; float:left}

/*아이디 비번찾기 폼*/
.find_tb { clear:both;width:442px; min-height:150px; text-align:center; letter-spacing:-.5px; padding-top:10px; padding-bottom:10px; margin:0 auto; background-color:#FFFFFF;  
border-bottom:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;}
.find_tb table  {width:90%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; margin-top:10px; }
.find_tb table td { height:40px; vertical-align:middle;padding:5px;  font-size:11px; }

.find_tb table .td_line { border-bottom: #CCC 1px solid}
.find_tb table .td_lineno { border-bottom: #CCC 0px solid}
.find_tb table .td_lineT { border-top: #CCC 1px solid}

.find_tb table .td_lineR { border-right: #CCC 1px solid}

.find_tb span {letter-spacing:-.1px;font-size:12px; }
.find_tb p{letter-spacing:-.1px;}

.find_tb table .tit {   border-right:#CCCCCC 1px solid;  background-color:#f5f5f5; font-weight:bold ; color:#333333 }

/*팝업 공통폼*/
.pop_top_tit {width:100%; background:#333; text-align:left; color:#ffffff; font-size:12px; font-weight:bold; height:35px;line-height:35px; padding-left:20px; }
.pop_top_tits {width:100%; margin:0 auto;  text-align:center; color:#666666; font-size:12px;  line-height:20px; }
.popup_tb { clear:both;width:100%; height:auto; letter-spacing:-.5px; padding-top:20px; padding-bottom:40px; margin:0 auto; background-color:#f9f9f9; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;}
.popup_tb table  {width:90%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; margin-top:20px; padding:5px; }
.popup_tb table td {vertical-align:middle;font-size:11px; }
.popup_tb table .td_line { border-bottom: #CCC 1px solid}
.popup_tb table .td_lineR { border-right: #CCC 1px solid}
.popup_tb span {text-align:center; letter-spacing:-.1px;line-height:35px; font-size:12px; }
.popup_tb p{letter-spacing:-.1px;line-height:35px;}
.popup_tb table .tit {   border-right:#CCCCCC 1px solid;  background-color:#f5f5f5; font-weight:bold ; color:#333333 }
.popup_tb .btn_pop { clear:both; width:100%; margin:0 auto;  text-align:center; margin-top:20px; }
.popup_tb .popinput { background-color:#ffffff; border:#CCCCCC 1px solid; height:30px;line-height:30px;color:#666666;font-size:12px;    }
.popup_tb .popinput { background-color:#ffffff; border:#CCCCCC 1px solid; height:30px;line-height:30px;color:#666666;font-size:12px;    }

/* 공통폼*/
.find_input{ width:18px; height:18px; margin:0 5px; vertical-align:middle; }
.find_txt{  height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; }
.find_txt:focus { height:25px; line-height:25px; background:#f0f6ff; border:#4763be 1px solid; text-align:left; }

.find_txt_p{  height:25px; line-height:25px; background:#dde7ff; border:#728ed3 1px solid; text-align:left; float:left; }


.find_select {width:90px; height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; margin-right:5px; float:left; font-size:12px;}
.find_noti  {width:90%; margin:0 auto; text-align:left; line-height:20px; font-size:11px; color:#999; word-break:break-all; margin-top:20px;letter-spacing:-.5px;}

.popup_use {width:90%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; margin-top:10px; font-size:11px; }
.popup_useck { clear:both; width:100%;height:30px; margin:0 auto; text-align:center;background-color:#FFF;  margin-top:20px;font-size:11px;  }


.pbtn_green { margin:0 auto; background-color:#6a93d5; border:#1e5bbd 1px solid; text-align:center; color:#FFFFFF;  padding:10px 20px; font-size:14px; font-weight:bold; 
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer}
.pbtn_gray  { margin:0 auto;  background-color:#666666; margin:5px; border:#000 1px solid; text-align:center; color:#FFFFFF; padding:6px 15px 4px 15px; font-size:11px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer}


.pbtn_black_s { margin:0 auto;background-color:#383d36; border:#383d36 1px solid; text-align:center; color:#ffffff;  padding:5px 10px; font-size:12px; font-weight:bold; 
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer}





/*충전 레이어  */
.popup_vpay_layer { width:100%; height:auto; margin:0 auto; background-color:#FFF; padding:0; text-align:center; padding-bottom:20px;position:relative}
.popup_vpay {clear:both; width:100%; height:36px; background:url('/images/contents/view_top_bg.jpg') repeat-x;position:relative}
.popup_vpay li {list-style:none; }
.popup_vpay .vpay_logo {  height:36px;  background:url('/images/contents/view_top_tit.png') no-repeat; cursor:pointer;  float:left; margin-left:10px; padding-left:100px;}
/*.popup_vpay .btn_close { width:23px; height:22px; background:url('/images/popup/popup_btn_close.png') no-repeat; cursor:pointer; float:right; margin-right:20px;margin-top:6px;}*/
.popup_vpay .btn_close { width:36px; height:36px; background:url('/images/popup/view_btn_close.png') no-repeat 7px 7px; cursor:pointer; float:right; margin: 0;}
/*로고없이 텍스트만*/
 .vpay_name_b {float:left; margin-left:17px;  font-size:13px; color:#fff; font-weight:bold;text-shadow:#17689b 1px 1px 0px 0px; margin-top:9px;  letter-spacing:-.5px; }

.popup_vpay_tb { width:100%;margin:0 auto; background-color:#fff; padding-bottom:10px;  }
.popup_vpay_tb .vpay_tit { width:95%; margin:0 auto; text-align:left;  padding-top:25px; margin-bottom:5px;position:relative;}
.popup_vpay_tb .flat_tit_rtxt { position:absolute; top:13px; right:0;  text-align:right; font-size:11px;letter-spacing:0px;  }
.popup_vpay_tb .tr_title{ text-align:center;  background-color:#f9f9f9; border-bottom:1px #ccc solid;}
.popup_vpay_tb  .view_evbanner { width:90%;  margin:0 auto; text-align:center;  padding-top:10px; cursor:pointer}


.popup_vpay_tb table{ width:95%;margin:0 auto; background-color:#FFFFFF; border-top:1px #ccc solid;border-left:1px #ccc solid; }
.popup_vpay_tb table tr {cursor:pointer}
.popup_vpay_tb table  td {height:30px; line-height:25px; vertical-align:middle;border-bottom:1px #ccc solid;border-right:1px #ccc solid; letter-spacing:-.3px;}
.popup_vpay_tb table .td_rig20 {padding-right:20px;text-align:right; }
.popup_vpay_tb table .td_rig10 {padding-right:10px;text-align:right; }
.popup_vpay_tb table .td_pad10 {padding-left:10px;text-align:left; }
.popup_vpay_tb .vpay_sale  { letter-spacing:-.5px; font-size:11px;color:#c01e1e}



.popup_vpay_chinfo_tot { width:100%; margin:0 auto;  margin-top:0px;}
.popup_vpay_chinfo {width:95%; height:67px; margin:0 auto; text-align:center; background-color:#f8faff; border: 1px solid rgba(42, 106, 237, .1); margin-top:10px; padding-top:10px;box-sizing: border-box; }
.popup_vpay_chinfo  li { list-style:none; display:block; line-height:20px;}

.popup_vpay_chinfo_tot .charge_info {display:flex;font-size: 11px;margin:10px auto 0;justify-content:center;}
.popup_vpay_chinfo_tot .charge_info .ic_ss {padding:1px 0 0 3px;margin-right:20px}
.popup_vpay_chinfo_tot .charge_info .ic_ss:last-child{margin-right:0}
.popup_vpay_chinfo_tot .charge_info .ic_normal{display: inline-block;width: 19px;height: 19px;line-height: 19px;background-color: #666;border-radius: 50px;color: #fff;}

#popup_view_charge{padding-bottom:50px}
#popup_view_charge .notice_info {padding: 20px 25px;width: 95%;margin:0 auto;box-sizing: border-box;border: 1px solid #e5e5e5;border-radius: 5px;color: #666;}
#popup_view_charge .notice_info .title {float: left;padding-bottom: 20px;font-size: 14px;font-weight: bold;color: #363636;}
#popup_view_charge .notice_info .charge_info {float: right;/*padding-bottom: 20px;*/font-size: 11px;}
#popup_view_charge .notice_info .charge_info .ic_ss {padding: 3px;}
#popup_view_charge .notice_info .charge_info .ic_normal{display: inline-block;width: 19px;height: 19px;line-height: 19px;background-color: #666;border-radius: 50px;color: #fff;}
#popup_view_charge .notice_info .content {clear: both;padding-top: 20px;border-top: 1px #ccc dotted;}
#popup_view_charge .notice_info .content li {letter-spacing: -0.075em;line-height: 25px;text-align: left;font-size: 13px;color: #666666;}

/*### 팝업 정액제 버튼   btn_charge_popup_160701
.pbtn_flat { width:100%; margin:0 auto;  margin-top:0px; background-color:#ffffff; }
.pbtn_flat_s { overflow:hidden; margin:0 auto;  text-align:center; margin-left:35px;}
.pbtn_flat_s ul { overflow:hidden;list-style:none;float:left;margin:0;padding:0; margin-bottom:7px;}
.pbtn_flat_s ul li {float:left;   margin-bottom:5px;}
.pbtn_flat_s ul li a span {display:none;}
.pbtn_flat_s ul li a { background:url('/images/popup/btn_charge_popup_200406.png') no-repeat}
.pbtn_flat_s ul li a { display:block;}



.pbtn_flat_s .m1_sk a {width:110px; margin-right:6px;  margin-bottom:5px;height:42px;background-position: 0px -884px}
.pbtn_flat_s .m1_sk a:hover {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: -176px -884px}


.pbtn_flat_s .m1_lg a {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: 0px -936px}
.pbtn_flat_s .m1_lg a:hover {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: -176px -936px}

.pbtn_flat_s .m1_kt a {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: 0px -988px}
.pbtn_flat_s .m1_kt a:hover {width:110px; margin-right:6px;  margin-bottom:5px;height:42px;background-position: -176px -988px}


.pbtn_flat_s .m1_A a {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: 0px -1040px}
.pbtn_flat_s .m1_A a:hover {width:110px; margin-right:6px; margin-bottom:5px;height:42px;background-position: -176px -1040px}



.pbtn_flat_s .m1 a {width:146px; height:42px;background-position: 0px 0px}
.pbtn_flat_s .m1 a:hover {width:146px; height:42px;background-position: -176px 0px}


.pbtn_flat_s .m2 a {width:146px;height:42px; background-position: 0px -52px}
.pbtn_flat_s .m2 a:hover {width:146px;height:42px; background-position: -176px -52px}


.pbtn_flat_s .m3 a {width:146px; height:42px;background-position: 0px -104px}
.pbtn_flat_s .m3 a:hover {width:146px; height:42px;background-position: -176px -104px}


.pbtn_flat_s .m4 a {width:146px; height:42px;background-position: 0px -156px}
.pbtn_flat_s .m4 a:hover {width:146px; height:42px;background-position: -176px -156px}



.pbtn_flat_s .m5 a {width:146px; height:42px;background-position: 0px -208px}
.pbtn_flat_s .m5 a:hover {width:146px; height:42px;background-position: -176px -208px}



.pbtn_flat_s .m6 a {width:146px; height:42px;background-position: 0px -260px}
.pbtn_flat_s .m6 a:hover {width:146px; height:42px;background-position: -176px -260px}



.pbtn_flat_s .m7 a {width:146px; height:42px;background-position: 0px -312px}
.pbtn_flat_s .m7 a:hover {width:146px;height:42px; background-position: -176px -312px}


.pbtn_flat_s .m8 a {width:146px;height:42px; background-position: 0px -364px}
.pbtn_flat_s .m8 a:hover {width:146px;height:42px; background-position: -176px -364px}


.pbtn_flat_s .m9 a {width:146px;height:42px; background-position: 0px -416px}
.pbtn_flat_s .m9 a:hover {width:146px; height:42px;background-position: -176px -416px}


.pbtn_flat_s .m10 a {width:146px; height:42px;background-position: 0px -468px}
.pbtn_flat_s .m10 a:hover {width:146px;height:42px; background-position: -176px -468px}


.pbtn_flat_s .m11 a {width:146px; height:42px;background-position: 0px -520px}
.pbtn_flat_s .m11 a:hover {width:146px; height:42px;background-position: -176px -520px}


.pbtn_flat_s .m12 a {width:146px; height:42px;background-position: 0px -572px}
.pbtn_flat_s .m12 a:hover {width:146px; height:42px;background-position: -176px -572px}


.pbtn_flat_s .m13 a {width:146px; height:42px;background-position: 0px -624px}
.pbtn_flat_s .m13 a:hover {width:146px; height:42px;background-position: -176px -624px}


.pbtn_flat_s .m14 a {width:146px;height:42px; background-position: 0px -676px}
.pbtn_flat_s .m14 a:hover {width:146px; height:42px;background-position: -176px -676px}


.pbtn_flat_s .m15 a {width:146px; height:42px;background-position: 0px -728px}
.pbtn_flat_s .m15 a:hover {width:146px; height:42px;background-position: -176px -728px}


.pbtn_flat_s .m16 a {width:146px; height:42px;background-position: 0px -780px}
.pbtn_flat_s .m16 a:hover {width:146px; height:42px;background-position: -176px -780px}


.pbtn_flat_s .m17 a {width:146px; height:42px;background-position: 0px -832px}
.pbtn_flat_s .m17 a:hover {width:146px; height:42px;background-position: -176px -832px}


.pbtn_flat_s .m18 a {width:146px; height:42px;background-position: 0px -1092px;position:relative;}
.pbtn_flat_s .m18 a:hover {width:146px; height:42px;background-position: -176px -1092px;position:relative;}



.pbtn_flat_s .m19 a {width:146px; height:42px;background-position: 0px -1143px}
.pbtn_flat_s .m19 a:hover {width:146px; height:42px;background-position: -176px -1143px}



.pbtn_flat_s .m20 a {width:146px; height:42px;background-position: 0px -1195px}
.pbtn_flat_s .m20 a:hover {width:146px; height:42px;background-position: -176px -1195px}


.pbtn_flat_s .m21 a {width:146px; height:42px;background-position: 0px -1247px}
.pbtn_flat_s .m21 a:hover {width:146px; height:42px;background-position: -176px -1247px}



.pbtn_flat_s .m22 a {width:146px; height:42px;background-position: 0px -1299px;position:relative;}
.pbtn_flat_s .m22 a:hover {width:146px; height:42px;background-position: -176px -1299px;position:relative;}
.pbtn_flat_s .m22  .m22_on {width:462px; height:47px; background:url('../images/icon/ex_movie1810v.jpg') no-repeat; position:absolute; bottom:37px; left:190px; z-index:100;}


.pbtn_flat_s .m23 a {width:146px; height:42px; background-position: 0px -1351px; position:relative;}
.pbtn_flat_s .m23 a:hover {width:146px; height:42px;background-position: -176px -1351px; position:relative;}
.pbtn_flat_s .m23 .m23_on {width:38px; height:35px; background:url('../images/icon/icon_view_ticon190719.png') no-repeat; position:absolute; z-index:100;}


.pbtn_flat_s .m24 a {width:146px; height:42px; background-position: 0px -1403px; position:relative;}
.pbtn_flat_s .m24 a:hover {width:146px; height:42px;background-position: -176px -1403px; position:relative;}
.pbtn_flat_s .m24 .m24_on {width:38px; height:35px; background:url('../images/icon/icon_view_ticon190719.png') no-repeat; position:absolute; z-index:100;}


.icon_chv_on {width:35px; height:39px; background:url('../images/icon/icon_view181022.png') no-repeat; position:absolute;top:0px; left:2px; z-index:100; }
.icon_chv_off{width:35px; height:39px; background:url('../images/icon/icon_view181022.png') no-repeat; position:absolute;top:0px; left:2px; z-index:100;display:none;}
*/

/* 등록정보창 충전소 팝업 결제수단 리뉴얼 20200831 */
.pbtn_flat { padding: 0;margin:0 auto;width:95%}
.pbtn_flat_s { margin-left: 0;}
.pbtn_flat_s ul { overflow: hidden;}
.pbtn_flat_s ul li { float: left; width: 124px; height: 50px; line-height: 46px; margin: 0 4px 8px 4px; border-radius: 4px; box-sizing: border-box; background-color: #fff; border: 1px solid #dedede; letter-spacing: 0.075em;}
.pbtn_flat_s ul li span { vertical-align: middle;}
.pbtn_flat_s ul .mar_rig10 a { position: relative; display: block; width: 122px; height: 50px; color: #333; font-size: 12px; letter-spacing: -.075em;}
.pbtn_flat ul a .txt_empty { display: inline-block; text-indent: -9999px;}
.pbtn_flat_s ul a:before { display: inline-block; margin-right: 3px; content: ''; vertical-align: middle; background:url('/images/charge/renewal/common_view_bg2.png') no-repeat;}
.pbtn_flat_s .m21 { background-color: #fee533; border-color: #fee533;}
.pbtn_flat_s .m21 a:before { width: 84px; height: 15px; background-position: 0 -45px;}
.pbtn_flat_s .m19 { background-color: #0050ff; border-color: #0050ff;}
.pbtn_flat_s .m19 a:before { width: 61px; height: 17px; background-position: -84px -45px;}
.pbtn_flat_s .m24 a:before { width: 28px; height: 21px; background-position: -291px 0;}
.pbtn_flat_s .m1 a:before { width: 14px; height: 21px; background-position: 0 0;}
.pbtn_flat_s .m5 a:before { width: 23px; height: 16px; background-position: -14px 0;}
.pbtn_flat_s .m6 a:before { width: 28px; height: 20px; background-position: -37px 0;}
.pbtn_flat_s .m7 a:before { width: 27px; height: 16px; background-position: -65px 0;}
.pbtn_flat_s .m8 a:before { width: 27px; height: 16px; background-position: -92px 0;}
.pbtn_flat_s .m3 a:before { width: 23px; height: 21px; background-position: -119px 0;}
.pbtn_flat_s .m14 a:before { width: 25px; height: 16px; background-position: -142px 0;}
.pbtn_flat_s .m11 a:before { width: 27px; height: 14px; background-position: -167px 0;}
.pbtn_flat_s .m10 a:before { width: 16px; height: 21px; background-position: -194px 0;}
.pbtn_flat_s .m12 a:before { width: 16px; height: 22px; background-position: -210px 0;}
.pbtn_flat_s .m20 a:before { width: 43px; height: 18px; background-position: -226px 0;}
.pbtn_flat_s .m22 a:before { width: 21px; height: 21px; background-position: -269px 0;}
.pbtn_flat_s .m25 { background-color: #00C73A; border-color: #00C73A;}
.pbtn_flat_s .m25 a:before { width: 61px; height: 17px; background-position: -295px -45px;}

.pbtn_flat_s ul li:hover { background-color: #f9fbff; border:1px solid #6b92d5;}
.pbtn_flat_s ul a:hover { color: #517bc4;}
.pbtn_flat_s .m21:hover { background-color: #fee533;}
.pbtn_flat_s .m19:hover { background-color: #0050ff;}
.pbtn_flat_s .m25:hover { background-color: #00C73A;}
.pbtn_flat_s .m24 a:hover:before { width: 28px; height: 21px; background-position: -291px -22px;}
.pbtn_flat_s .m1 a:hover:before { width: 14px; height: 21px; background-position: 0 -23px;}
.pbtn_flat_s .m5 a:hover:before { width: 23px; height: 16px; background-position: -14px -23px;}
.pbtn_flat_s .m6 a:hover:before { width: 28px; height: 20px; background-position: -37px -23px;}
.pbtn_flat_s .m7 a:hover:before { width: 27px; height: 16px; background-position: -65px -23px;}
.pbtn_flat_s .m8 a:hover:before { width: 27px; height: 16px; background-position: -92px -23px;}
.pbtn_flat_s .m3 a:hover:before { width: 23px; height: 21px; background-position: -119px -23px;}
.pbtn_flat_s .m14 a:hover:before { width: 25px; height: 16px; background-position: -142px -23px;}
.pbtn_flat_s .m11 a:hover:before { width: 27px; height: 14px; background-position: -167px -23px;}
.pbtn_flat_s .m10 a:hover:before { width: 16px; height: 21px; background-position: -194px -23px;}
.pbtn_flat_s .m12 a:hover:before { width: 16px; height: 22px; background-position: -210px -22px;}
.pbtn_flat_s .m20 a:hover:before { width: 43px; height: 18px; background-position: -226px 0;}
.pbtn_flat_s .m22 a:hover:before { width: 21px; height: 21px; background-position: -269px -22px;}
/* //등록정보창 충전소 팝업 결제수단 리뉴얼 20200831 */

/* 로그인레이어 */
.pop_top_tot { width:520px; min-height:320px; margin:0 auto; padding:0;text-align:center; background-color:#ffffff; }
.pop_top {clear:both; width:100%; height:36px; line-height:36px; padding:0 10px; background-color:#6f97da; box-sizing:border-box; position:relative; }
.pop_top li {list-style:none; }
.pop_name_b {float:left; font-size:13px; color:#fff; font-weight:bold;text-shadow:#365d9e 1px 1px 0px 0px; letter-spacing:-.5px; }
.btn_close { width:23px; height:36px; background:url('/images/popup/popup_btn_close.png') no-repeat 50% 50%; background-size:80%; cursor:pointer; float:right; }
.popup_login { width:100%; height:auto; margin:0 auto; text-align:center;padding:20px; box-sizing:border-box;}
.popup_login .btn_find { clear:both; width:100%; margin:0 auto;  text-align:center; margin-top:20px; }

/*로그인 레이어 Tab*/
.login_tab { clear:both; width:100%;;height:40px;margin:0 auto;  position:relative}
.login_tab li { list-style:none; cursor:pointer;  display:block;float:left; }
.login_tab .tab01 {width:50%;height:40px; line-height:40px; margin:0 auto; border-top:#9d9d9d 1px solid;border-left:#9d9d9d 1px solid; border-right:#9d9d9d 1px solid; background-color:#b7b7b7; color:#5b5b5b; text-align:center; font-weight:bold; font-size:12px;}
.login_tab .tab01:hover { height:40px; line-height:40px;margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; }
.login_tab .tab01.on { height:40px; line-height:40px;margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;  background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; }

.login_tab .tab02 {width:50%; height:40px; line-height:40px;margin:0 auto; border-top:#9d9d9d 1px solid;border-left:#9d9d9d 1px solid; border-right:#9d9d9d 1px solid; background-color:#b7b7b7; color:#5b5b5b; text-align:center; font-weight:bold; font-size:12px; position:absolute; top:0; right:0px; }
.login_tab .tab02:hover {  height:40px; line-height:40px;margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px;}
.login_tab .tab02.on { height:40px; line-height:40px;margin:0 auto;  border-top:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;  background-color:#FFF; color:#000000; text-align:center; font-weight:bold; font-size:12px; }

/* 로그인 레이어 폼 */
.login_tb { clear:both; width:100%; min-height:150px; text-align:center; letter-spacing:-.5px; padding:10px 0 20px; margin:0 auto; background-color:#ffffff;
border-bottom:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;font-size:11px; box-sizing:border-box;}
.login_tb table  {width:90%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; margin-top:10px; }
.login_tb table td { height:40px; line-height:40px; vertical-align:middle; padding-left:10px;font-size:11px;}
.login_tb table .td_line { border-bottom: #CCC 1px solid}
.login_tb table .td_lineR { border-right: #CCC 1px solid}
.login_tb span {letter-spacing:-.1px;line-height:40px;}
.login_tb p{letter-spacing:-.1px;line-height:40px;}
.login_tb table .tit {   border-right:#CCCCCC 1px solid;  background-color:#f5f5f5; font-weight:bold ; color:#333333 }

.pbtn_red { margin:0 auto; background-color:#ea3a3a; border:#c81b1b 1px solid; text-align:center; color:#FFFFFF;  padding:10px 20px; font-size:14px; font-weight:bold;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer}

.login_tb .red{color:red}
.login_tb .blue{color:red}
.login_tb .green{color:green}

/* 로그인플러스 휴대폰간편로그인 배너 추가 */
.popup_login .login_ad { width:90%; margin:0 auto; padding-top:30px; box-sizing:border-box; }
.popup_login .login_ad .login_ad_banner { width:100%; height:40px; background:url('/images/popup/login_ad_2207.png') no-repeat 50% 50%; border:1px solid #CCC; box-sizing:border-box; cursor:pointer; }

/* 판매자 내정보 레이어 */
.popup_se_noti_tot {width:100%; position:relative; background-color:#FFF ; z-index:500}
.popup_se_noti {width:328px; height:336px; background:url(/images/popup/popup_seller_noti.png) no-repeat; position:absolute; top:00px; left:00px;}
.popup_se_noti .btn_sed2 {width:328px; height:60px; position:absolute; top:250px; left:0px; cursor:pointer;}
.popup_se_noti .btn_sed {width:38px; height:38px; background:url(/images/popup/popup_seller_close.png) no-repeat; position:absolute; top:-10px; right:-10px;cursor:pointer}


/*### 판매자 업로드창 멀티업로드 동의 레이어###*/
.upseller { clear:both;  width:520px; height:460px; background:url(../images/popup/upseller_noti_01.png) no-repeat; position:absolute; top:150px; left:0px; z-index:10000;}
.upseller .upseller_s { width:100%; position:relative; z-index:200;}
.upseller .upseller_s li { list-style:none}
.upseller .upseller_s .upsller_btnx { width:30px; height:30px; display:block; background:url(../images/popup/upseller_noti_btnx.png) no-repeat;  background-size:100%; cursor:pointer; position:absolute; top:18px; right:20px;}
.upseller .upseller_s .upsller_txt{  width:470px; height:220px; margin:0 auto; text-align:left; background:#333333; border:#000000 1px solid;display:block; font-size:12px; position:absolute; top:110px; left:20px;padding-top:10px; letter-spacing:-.5px; }
.upseller .upseller_s .upsller_txt p {  color:#ebebeb;   line-height:20px; margin:0 auto; text-align:left; font-size:12px;letter-spacing:-.5px; padding-left:10px; }

.upseller .upseller_s .upsller_txt li { width:100%;  float:left;  list-style:none; display:block; color:#ebebeb; text-align:left; line-height:18px; letter-spacing:-.5px;margin-left:8px; }
.upseller .upseller_s .upsller_ck{   width:25px;margin-left:25px;margin-top:0px;position:absolute; top:355px; left:138px;}
.upseller .upseller_s .upsller_ck2{  text-align:left;color:#ffffff; font-weight:bold; font-size:12px; text-align:left;line-height:25px;margin-left:0px;position:absolute;top:350px; left:185px;}
.upseller .upseller_s .upsller_ck3{  text-align:left;color:#ffffff; font-weight:bold; font-size:14px; text-align:left;line-height:25px;margin-left:0px;position:absolute;top:310px; left:40px;}

.upseller .upseller_s .upsller_btn { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:380px; left:140px;}
.upseller .upseller_s .upsller_btn2 { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:370px; left:140px;}
.upseller .upseller_s .upsller_font{color:#fffc00;font-weight:bold; }

.upseller2 { clear:both;  width:520px; height:460px; background:url(../images/popup/upseller_noti_01.png) no-repeat; position:absolute; top:160px; left:205px; z-index:10000;}
.upseller2 .upseller_s { width:100%; position:relative; z-index:200;}
.upseller2 .upseller_s li { list-style:none}
.upseller2 .upseller_s .upsller_btnx { width:30px; height:30px; display:block; background:url(../images/popup/upseller_noti_btnx.png) no-repeat;  background-size:100%; cursor:pointer; position:absolute; top:18px; right:20px;}
.upseller2 .upseller_s .upsller_txt{  width:470px; height:220px; margin:0 auto; text-align:left; background:#333333; border:#000000 1px solid;display:block; font-size:12px; position:absolute; top:110px; left:20px;padding-top:10px; letter-spacing:-.5px; }
.upseller2 .upseller_s .upsller_txt p {  color:#ebebeb;   line-height:20px; margin:0 auto; text-align:left; font-size:12px;letter-spacing:-.5px; padding-left:10px; }

.upseller2 .upseller_s .upsller_txt li { width:100%;  float:left;  list-style:none; display:block; color:#ebebeb; text-align:left; line-height:18px; letter-spacing:-.5px;margin-left:8px; }
.upseller2 .upseller_s .upsller_ck{   width:25px;margin-left:25px;margin-top:0px;position:absolute; top:352px; left:138px;}
.upseller2 .upseller_s .upsller_ck2{  text-align:left;color:#ffffff; font-weight:bold; font-size:12px; text-align:left;line-height:25px;margin-left:0px;position:absolute;top:350px; left:195px;}
.upseller2 .upseller_s .upsller_ck3{  text-align:left;color:#ffffff; font-weight:bold; font-size:14px; text-align:left;line-height:25px;margin-left:0px;position:absolute;top:310px; left:40px;}


.upseller2 .upseller_s .upsller_btn { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:380px; left:140px;}
.upseller2 .upseller_s .upsller_btn2 { width:227px; height:47px; display:block; background:url(../images/popup/upseller_noti_btn.png) no-repeat; cursor:pointer;float:right;margin-right:22px;position:absolute;top:370px; left:140px;}
.upseller2 .upseller_s .upsller_font{color:#fffc00;font-weight:bold; }


/*### 친구추가 관련 팝업###*/
.fnd_title {width:100%; background:#333; text-align:left; color:#ffffff; font-size:12px; font-weight:bold; height:30px;line-height:30px; padding-left:15px}
.popup_fnd { width:100%; margin:0 auto; }
.popup_fnd table { width:100%; margin:0 auto;}
.popup_fnd .tit {line-height:30px;  background:#f9f9f9;text-align:left;padding-left:10px;border-bottom: 1px #cccccc solid}
.popup_fnd td { line-height:40px;padding:5px; text-align:left;border-bottom: 1px #cccccc solid}
.popup_fnd th { width:100px;background:#f9f9f9;text-align:left;padding-left:10px;border-bottom: 1px #cccccc solid}
.popup_fnd .line_bot  { border-bottom: 1px #cccccc solid}
.popup_fnd .btn_fnd {width:100%;height:50px;line-height:50px; margin:0 auto;text-align:center; }
.popup_fnd input {width:200px;line-height:40px; }
.popup_fnd select {width:200px;line-height:40px; }
.popup_fnd .input_box {height:30px; line-height:30px;  border: 1px #cccccc solid; background:#fff; }
.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}


/*### 에러페이지 ###*/
.page_error { width:100%; margin:0 auto; padding:0; }
.page_error .wrap_error { width:600px; height:auto; margin:0 auto; margin-top:10%; }
.page_error .wrap_error .event_img01 { width:100%; height:325px; margin:0 auto; background:url(/images/popup/error/error_01.jpg) no-repeat; }
.page_error .wrap_error .event_img02 { width:100%; height:90px; margin:0 auto; background:url(/images/popup/error/error_02.jpg) no-repeat; }
.page_error .wrap_error .event_img03 { width:100%; height:auto; margin:0 auto; text-align:center; }
.page_error .wrap_error .event_img03 li { list-style:none; line-height:32px;  font-weight:bold; }
.page_error .wrap_error .event_img03 li b { font-size:14px; letter-spacing:-0.5px; }
.page_error .wrap_error .event_img03 li.txt_cs { display:inline-block; margin-top:10px; padding:4px 20px; border:1px solid #ccc; border-radius:25px; font-size:12px; }



/* 카카오페이인증 팝업 */
.popup_kapay_wrap {width:100%;padding-top:15px;padding-bottom:15px; background-color:#fff}
.popup_kapay {width:90%; margin:0 auto;font-family:Verdana, Geneva, sans-serif;position:relative; }
.popup_kapay .kapay_tit { width:100%; height:80px; margin:0 auto;background:url(/images/popup/kapay_logo2.png) no-repeat;background-size:67px;  background-position:left top; padding-top:40px;  border-bottom:#ccc 1px dotted ;}
.popup_kapay .kapay_tit span { width:100%; font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif}


.kapay_pop {width:100%; height:auto; margin:0 auto; background-color:#fff; border:1px solid #ffeb00;  position:absolute; top:40px; z-index:100; padding:10px; }
.kapay_pop ul { width:100%; padding:0px;}
.kapay_pop li { list-style:none; font-family:Verdana, Geneva, sans-serif; }
.kapay_pop .btn_katx { width:100%;margin:0 auto; text-align:center; color:#000; text-align:left ;border-bottom:#ccc 1px dotted ; margin-bottom:5px;padding:10px 0px;}
.kapay_pop .btn_katx span { font-family:Verdana, Geneva, sans-serif;}

.kapay_pop .btn_kaok { clear:both; width:100%; height:50px; line-height:50px; margin:0 auto; text-align:center; color:#000; font-weight:bold; font-size:16px; background-color:#ffeb00;font-family:Verdana, Geneva, sans-serif;  cursor:pointer}
.kapay_pop .btn_kaok:hover { background-color:#fff600; }

.kapay_pop .txb {font-weight:bold; font-size:16px; line-height:25px;}
.kapay_pop .txm {font-weight:600; font-size:14px;  line-height:25px;  }
.kapay_pop .txs {font-size:12px;line-height:20px; color:#333}

.ck_tb { width:100%; margin:0 auto; background-color:#FFF; border:1px solid #ccc;  position:relative}
.ck_tb .ckALL {  width:95%;height:40px; line-height:40px;  margin:0 auto;  border-bottom:1px solid #ccc; font-weight:bold; font-size:16px; font-family:Verdana, Geneva, sans-serif ; margin-top:20px;}
.ck_tb_no { width:100%; margin:0 auto; background-color:#FFF; padding-bottom:10px; position:relative;font-family:Verdana, Geneva, sans-serif ;}
.ck_tb_no .ckALL_txt {  width:100%; padding:10px 0px;  margin:0 auto; border-bottom:1px solid #ccc; font-weight:bold; font-size:16px;font-family:Verdana, Geneva, sans-serif ;}
.ck_tb_no .ckALL_txt input {  height:40px; line-height:40px; background-color:#fff; color:#666; font-size:16px; border:#fff 1px solid; text-align:left; text-indent:5px; display:inline-block; font-family:Verdana, Geneva, sans-serif ;}
.ck_tb_no .ckALL_txt .btn_pon {padding:6px 10px; margin-top:5px; background-color:#000; text-align:center; color:#fff; font-size:12px; display:inline-block; cursor:pointer;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; float:right }
.ck_tb .cklist {  width:100%;margin:0 auto; padding:20px 0px 00px 0px;}
.ck_tb .cklist ul {width:95%; padding:0px;margin:0 auto;}
.ck_tb .cklist li{  list-style:none; display:inline-block; font-family:Verdana, Geneva, sans-serif; margin-bottom:7px;}
.ck_tb .cklist ul li.ck_L { width:85%;height:35px; line-height:35px; text-align:left; font-size:14px; letter-spacing:-1px;}
.ck_tb .cklist ul li.ck_R { width:40px;height:35px; line-height:35px; text-align:center; font-size:12px;text-decoration:underline; color:#b8b8b8; float:right;  margin-right:10px;}
.ck_tb .cklist ul li.ck_R a{text-decoration:underline;outline:none;cursor:pointer;color:#333; }
.ck_tb .cklist ul li.ck_R a:hover{text-decoration:underline;}
.ck_tb .cklist ul li.ck_R a:active{text-decoration:none;}

.btn_cklist_on { width:100%; height:45px; line-height:45px; margin:0 auto; text-align:center; color:#000; font-weight:bold; font-size:16px; background-color:#ffeb00; margin-top:10px;cursor:pointer}
.btn_cklist_on :hover { background-color:#fff600; }

.btn_cklist_off { width:100%; height:45px; line-height:45px; margin:0 auto; text-align:center; color:#000; font-weight:bold; font-size:16px; background-color:#cccccc; margin-top:10px;cursor:pointer}
.btn_cklist_off:hover { background-color:#fff600; }
#cklist_t {display:none;}
#cklist_t + label {display:inline-block; cursor:pointer; background:url(/images/popup/ic_kapay_off.png) no-repeat 0; background-size:30px 30px; line-height:25px; padding:0 0 4px 35px;}
#cklist_t:checked + label { background:url(/images/popup/ic_kapay_on.png)  no-repeat;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}

#cklist01 {display:none;}
#cklist01 + label {display:inline-block; cursor:pointer; background:url(/images/popup/ic_kapay_off.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}
#cklist01:checked + label {background:url(/images/popup/ic_kapay_on.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}

#cklist02 {display:none;}
#cklist02 + label {display:inline-block; cursor:pointer; background:url(/images/popup/ic_kapay_off.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}
#cklist02:checked + label {background:url(/images/popup/ic_kapay_on.png) no-repeat 0;background-size:30px 30px;  line-height:25px; padding:0 0 4px 35px;}

#cklist03 {display:none;}
#cklist03 + label {display:inline-block; cursor:pointer; background:url(/images/popup/ic_kapay_off.png) no-repeat 0;background-size:30px 30px; line-height:25px; padding:0 0 4px 35px;}
#cklist03:checked + label {background:url(/images/popup/ic_kapay_on.png) no-repeat 0; background-size:30px 30px; line-height:25px; padding:0 0 4px 35px;}


/* 레이어 팝업 공통 배경 통일 22.06 */
.layerArea { z-index:9999999; display:flex; justify-content:center; align-items:center; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }

/* 팝업 레이어 공통 - 하단 버튼 */
.layerArea .layerCtrl > ul.btn_bottom { float:left; display:inline-block; width:100%; border-top:1px solid #000; }
.layerArea .layerCtrl > ul.btn_bottom li { float:left; display:inline-block; width:50%; line-height:60px; background:#e6e9ef; box-sizing:border-box; color:#808080; font-size:14px; font-weight:700; text-align:center; cursor:pointer; }
.layerArea .layerCtrl > ul.btn_bottom li:first-child { background:#363342; }
.layerArea .layerCtrl > ul.btn_bottom li:nth-child(2) { background:#000; }
.layerArea .layerCtrl > ul.btn_bottom li:hover { color:#CCC; }


/* 사이트 점검 안내 레이어 팝업 22.06.15 */
.layerArea .layerWrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; -webkit-box-shadow:0px 0px 20px rgb(0,0,0,0.3); -moz-box-shadow:0px 0px 20px rgb(0,0,0,0.3); box-shadow:0px 0px 20px rgb(0,0,0,0.3); }
.layerArea .layerWrap .layerPopup { position:relative; width:100%; height:100%; }
.layerArea .layerWrap .layerPopup > .layerClose { z-index:99999; position:absolute; top:0; right:0; width:50px; height:50px; background:url(/images/popup/btn_closeLayer.png) #202020 no-repeat; background-size:100%; cursor:pointer; }
.layerArea .layerWrap .layerPopup > img { display:block; }
.layerArea .layerWrap .layerPopup .layerBottom { display:inline-block; width:100%; height:40px; line-height:40px; padding:0 20px; background:#202020; color:#fff; font-size:12px; text-align:right; box-sizing:border-box; }
.layerArea .layerWrap .layerPopup .layerBottom label > input[type=checkbox] { margin-right:8px; }


/* 2022-06 생일축하 이벤트 상단띠배너 */
#topBanner_hbd { width:100%; height:55px; background:#7ca1ff; text-align:center; }
#topBanner_hbd > .topBannerArea { position:relative; width:1018px; height:auto; padding-left:102px; padding-right:20px; margin:0 auto; }
#topBanner_hbd > .topBannerArea .btn_topBanner_x { position:absolute; top:50%; right:20px; transform:translateY(-50%); margin-right:6px; cursor:pointer; }
#topBanner_hbd > .topBannerArea .btn_topBanner_x > span { float:left; line-height:24px; margin-right:10px; font-size:11px; color:#516494; }
#topBanner_hbd > .topBannerArea .btn_topBanner_x > img { float:left; display:inline-block; }
#topBanner_hbd > .topBannerArea .img_topBanner { width:1000px; height:55px; margin:0 auto; background:url('/images/event/hbd/topBanner_hbd.gif') no-repeat top center; cursor:pointer; }


/* 2022-06 생일축하 이벤트 레이어팝업 */
.layerArea .layer_hbd { z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:597px; border-radius:15px; overflow:hidden; -webkit-box-shadow:0px 0px 25px rgb(0,0,0,0.2); -moz-box-shadow:0px 0px 25px rgb(0,0,0,0.2); box-shadow:0px 0px 25px rgb(0,0,0,0.2); }
.layerArea .layer_hbd .hbd_bg { position:relative; float:left; display:inline-block; width:597px; height:734px; background:url('/images/event/hbd/layer_hbd.gif') #d0e9f3 no-repeat top center; }
.layerArea .layer_hbd .hbd_bg > .layerClose { position:absolute; right:15px; top:15px; width:40px; height:40px; cursor:pointer; }
.layerArea .layer_hbd .hbd_bg > .layerClose img { width:100%; }
.layerArea .layer_hbd .hbd_bg > .layerText { width:100%; margin-top:461px; padding:30px; text-align:center; color:#242424; font-size:16px; font-weight:bold; box-sizing:border-box; }
.layerArea .layer_hbd .hbd_bg > .layerText p { margin-bottom:14px; }
.layerArea .layer_hbd .hbd_bg > .giftOpen { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:inline-block; width:537px; height:88px; cursor:pointer; }
.layerArea .layer_hbd_gift { z-index:9999; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:637px; height:510px; }
.layerArea .layer_hbd_gift .hbd_gift > .layerClose { position:absolute; left:50%; bottom:36px; transform:translateX(-50%); display:inline-block; width:277px; height:64px; cursor:pointer; }


/* 2023-07 꿀툰 유입 이벤트 레이어 팝업 */
.layerArea .layer_ggultoon_popup { z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:597px; background: url('/images/popup/ggultoon_cupon/bg_pc.png')no-repeat center center; background-size: cover; overflow:hidden; -webkit-box-shadow:0px 0px 25px rgb(0,0,0,0.2); -moz-box-shadow:0px 0px 25px rgb(0,0,0,0.2); box-shadow:0px 0px 25px rgb(0,0,0,0.2); box-sizing: border-box;}
.layerArea .layer_ggultoon_popup img{display: block; width: 80%; object-fit: contain; margin: 0 auto;}
.layerArea .layer_ggultoon_popup>img:first-of-type{margin-bottom: 40px; margin-top: 40px;}
.layerArea .layer_ggultoon_popup .ggultoon_wrap{width: 100%; box-sizing: border-box; padding: 0px 10%;}
.layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box{display: block; width: 80%; border: 3px solid #30210e; border-radius: 21px; background-color: #fff; box-sizing: border-box; padding: 40px; margin: 0 auto;}
.layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box p.text_01{margin-bottom: 30px;}
.layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box p.text_01 img{display: block; width: 150px; margin: 0 auto; margin-bottom: 10px;}
.layerArea .layer_ggultoon_popup .ggultoon_wrap .text_box p.text_01 #couponNum{display: block; width: 100%; font-size: 33px; font-weight: 800; color: #30210e; text-align: center; line-height: 1.4;}
.layerArea .layer_ggultoon_popup .ggultoon_wrap .giftOpen{display: block; width: 100%; height: 75px; background: url('/images/popup/ggultoon_cupon/btn_link_330x68_new.png')no-repeat center center; background-size: contain; cursor: pointer; border-style: none;}
.layerArea .layer_ggultoon_popup #bottom_btn{display: flex; justify-content: center; align-items: center; width: 100%; height: 70px; margin-top: 50px;}
.layerArea .layer_ggultoon_popup #bottom_btn>li{width: 100%; height: 100%; cursor: pointer; text-indent: -999px;}
.layerArea .layer_ggultoon_popup #bottom_btn>li.left{background: url('/images/popup/ggultoon_cupon/btn_close_left_7_255x60.png')no-repeat center center; background-size: cover;}
.layerArea .layer_ggultoon_popup #bottom_btn>li.right{background: url('/images/popup/ggultoon_cupon/btn_close_right_255x60.png')no-repeat center center; background-size: cover;}




/* 2024-01 새해 결제 이벤트 팝업 */
.layerArea .new-year-container{z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 667px; height: 720px; background: linear-gradient(to bottom,  #235b99 0%,#4b7bb0 100%);}
.layerArea .new-year-container .new-wrap{width: 100%; height: 100%; position: relative; top: 0;}
.layerArea .new-year-container button{display: block; border-style: none; background-color: transparent; cursor: pointer;}
.layerArea .new-year-container .new-wrap .btn-close{position: absolute; right: 20px; top: 20px; width: 23px; height: 25px; background: url("../images/popup/new_year/Btn_close.png") no-repeat center center; background-size: 100%;}
.layerArea .new-year-container img{display: block; width: 100%; object-fit: contain; margin: 0 auto;}
.layerArea .new-year-container img.top{ width: 560px; height: 319px; padding-top: 30px;}
.layerArea .new-year-container .word{display: none; }
.layerArea .new-year-container .word.type-A{width: 361px;}
.layerArea .new-year-container .word.type-B{width: 249px;}
.layerArea .new-year-container .word.active{display: block;  object-fit: contain; margin-top: -47px; padding-left: 35px;}
.layerArea .new-year-container .new-wrap{background: url("../images/popup/new_year/bg_cloud.png")no-repeat left bottom 80px; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap{display: none; justify-content: space-between; align-items: flex-start; padding:0px 30px; padding-top: 20px; padding-right: 39px; margin-bottom: 20px;}
.layerArea .new-year-container .new-wrap .list-wrap.active{display: flex;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div{width: 194px; height: 196px; padding: 52px 30px 33px 48px; box-sizing: border-box;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2) img{width: 91px;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type{padding: 27px 24px 32px 44px; }
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type .third-top{width: 89px; height: 19px; margin-bottom: 6px;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:first-of-type{background: url("../images/popup/new_year/first_bg.png")no-repeat left top; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2){background: url("../images/popup/new_year/second_bg.png")no-repeat left top; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type{background: url("../images/popup/new_year/third_bg.png")no-repeat left top; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div button{width: 100%; height: 34px; cursor: pointer;margin-top: 18px;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:first-of-type button{background: url("../images/popup/new_year/Btn_default_01.png") no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2) button{background: url("../images/popup/new_year/Btn_default_02.png") no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type button{background: url("../images/popup/new_year/Btn_default_03.png") no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:first-of-type button:hover{background: url("../images/popup/new_year/Btn_active_01.png") no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:nth-of-type(2) button:hover{background: url("../images/popup/new_year/Btn_active_02.png") no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-A>div:last-of-type button:hover{background: url("../images/popup/new_year/Btn_active_03.png") no-repeat center center; background-size: 100%;}
/* type-B */
.layerArea .new-year-container .new-wrap .list-wrap.type-B{padding-left: 42px; padding-right: 39px; box-sizing: border-box;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div{width: 278px; height: 198px; padding: 54px 75px 34px 79px;box-sizing: border-box;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type{background: url("../images/popup/new_year/B_first_bg.png")no-repeat left top; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type{background: url("../images/popup/new_year/B_second_bg.png")no-repeat left top; background-size: 100%; padding: 27px 61px 34px 65px ;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type img{width: 101px;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type img:last-of-type{width: 152px; height: 62px;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type img.third-top{width: 89px; margin-bottom: 9px;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B button{margin: 0 auto; margin-top: 14px; width: 124px; height: 34px;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type button{background: url("../images/popup/new_year/Btn_default_02.png")no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:first-of-type button:hover{background: url("../images/popup/new_year/Btn_active_02.png")no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type button{background: url("../images/popup/new_year/Btn_default_03.png")no-repeat center center; background-size: 100%;}
.layerArea .new-year-container .new-wrap .list-wrap.type-B div:last-of-type button:hover{background: url("../images/popup/new_year/Btn_active_03.png")no-repeat center center; background-size: 100%;}
/* 지급 완료 btn */
.layerArea .new-year-container .new-wrap .list-wrap.type-A div:first-of-type button.change-btn-active,
.layerArea .new-year-container .new-wrap .list-wrap.type-A div:first-of-type button.active{background: url("../images/popup/new_year/btn_disable.png")no-repeat center center; background-size: 100%;}
/* 오늘하루 보지 않기 btn */
.layerArea .new-year-container .new-wrap .not-today{width: fit-content; margin: 0 auto; display: flex; margin-bottom: 21px; padding-left: 20px; box-sizing: border-box;}
.layerArea .new-year-container .new-wrap .not-today i{display: block; width: 17px; height: 17px; margin-left: 8px;}
.layerArea .new-year-container .new-wrap .footer{display: none;}
.layerArea .new-year-container .new-wrap .footer.active{position: absolute; bottom: 0px; width: 100%; background-color: #3a4157; display: flex; justify-content: flex-start; align-items: center;  }
.layerArea .new-year-container .new-wrap .footer.type-A{padding: 20px 94px 18px 75px; gap: 54px; box-sizing: border-box;}
.layerArea .new-year-container .new-wrap .footer.type-B{padding: 29px 174px 25px 73px; gap: 45px; box-sizing: border-box;}
.layerArea .new-year-container .new-wrap .footer img{margin: 0px 0px; }
.layerArea .new-year-container .new-wrap .footer img:first-of-type{width: 50px;}
.layerArea .new-year-container .new-wrap .footer.type-A .right{width: 334px;}
.layerArea .new-year-container .new-wrap .footer.type-B .right{width: 275px;}
.layerArea .new-year-container .new-wrap .fixed-dragon{width: 125px; height: 131px; position: absolute; right: 15px; bottom: 34px; z-index: 10;}






/* 익스플로러 브라우저 제한 안내 레이어 */
.layerArea .layer_browser { position:relative; width:640px; height:494px; border:1px solid #000; box-sizing:border-box; background:url('../images/popup/layer_img_browser.jpg') no-repeat center top #fff; }
.layerArea .layer_browser > .btn_layerClose { position:absolute; top:20px; right:20px; width:20px; height:20px; cursor:pointer; }
.layerArea .layer_browser > ul.btn_bottom { position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #b8bdcc; }
.layerArea .layer_browser > ul.btn_bottom li { float:left; display:inline-block; width:319px; line-height:60px; background:#e6e9ef; border-left:1px solid #b8bdcc; box-sizing:border-box; color:#5c6874; font-size:15px; font-weight:700; text-align:center; cursor:pointer; }
.layerArea .layer_browser > ul.btn_bottom li:first-child { border-left:0; }
.layerArea .layer_browser > ul.btn_bottom li:hover { background:#d8eaf9; color:#333; }


/* 2022-08 장기미사용회원 할인 레이어 */
.layer_sleep_2208 { position:relative; width:560px; height:auto; border:1px solid #000; box-sizing:border-box; }
.layer_sleep_2208 > .layer_bg { float:left; display:inline-block; position:relative; width:100%; height:655px; background:url('../images/popup/layer_sleep_2208.jpg') #101a71 no-repeat top center; }
.layer_sleep_2208 > .layer_bg > .btnArea { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; }
.layer_sleep_2208 > .layer_bg > .btnArea li { width:280px; height:59px; cursor:pointer; }
.layer_sleep_2208 > .layer_bg > .btnArea li span { display:none; }
.layer_sleep_2208 > ul.btn_bottom { float:left; display:inline-block; width:100%; border-top:1px solid #000; }
.layer_sleep_2208 > ul.btn_bottom li { float:left; display:inline-block; width:50%; line-height:60px; background:#e6e9ef; box-sizing:border-box; color:#808080; font-size:14px; font-weight:700; text-align:center; cursor:pointer; }
.layer_sleep_2208 > ul.btn_bottom li:first-child { background:#363342; }
.layer_sleep_2208 > ul.btn_bottom li:nth-child(2) { background:#000; }
.layer_sleep_2208 > ul.btn_bottom li:hover { color:#CCC; }

/* 2022-12-15 판매자 컨텐츠 연동 레이어 */
.layer_pop_interlock{ position:fixed; top:0px; left:0px; z-index:9999999; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); }
.layer_pop_interlock{ display:none; align-items:center; justify-content:center; }
.layer_interlock { position:relative;top:50%;width:600px; height:auto; box-sizing:border-box;margin:-414px auto 0 }
.layer_interlock > .layer_bg { float:left; display:inline-block; position:relative; width:100%; height:768px; background:#EEEEEE;padding:32px 50px 40px;box-sizing:border-box;border:4px solid #4285F4; }
.layer_interlock > .layer_bg h3{font-size:30px;font-weight:bold;color:#4285f4;margin:0;text-align:center;margin-bottom:30px}
.layer_interlock > .layer_bg .interlock_tit{font-size:14px;color:#535353;line-height:22px;margin-bottom:24px;word-break:keep-all;letter-spacing:-0.2px}
.layer_interlock > .layer_bg .interlock_tit p{font-weight:bold;display:block;margin:0}
.layer_interlock > .layer_bg .info_site{width:492px;padding:18px 24px 13px;box-sizing:border-box;background:#fff;border-radius:10px}
.layer_interlock > .layer_bg .info_site h5{font-size:14px;color:#4285f4;font-weight:bold;margin:0 0 10px}
.layer_interlock > .layer_bg .info_site h5:last-child{}
.layer_interlock > .layer_bg .info_site ul{margin-bottom:18px}
.layer_interlock > .layer_bg .info_site ul li{line-height:20px;padding-left:16px;position:relative;word-break:keep-all;}
.layer_interlock > .layer_bg .info_site ul li a{font-size:12px;color:#535353;}
.layer_interlock > .layer_bg .info_site ul li:before{content:'';width:3px;height:3px;display:inline-block;background:#4285F4;border:1px solid #4285F4;border-radius:3px;position:absolute;left:0;top:7px}
.layer_interlock > .layer_bg .info_site ul li span{font-weight:bold}
.layer_interlock > .layer_bg .info_site ul li a{font-weight:bold}
.layer_interlock > .layer_bg .info_site ul.line_site{margin-bottom:0}
.layer_interlock > .layer_bg .info_site ul.line_site li{font-weight:bold;margin-bottom:4px}
.layer_interlock > .layer_bg .info_txt{color:#535353;line-height:19px;margin:28px 5px 10px}
.layer_interlock > .layer_bg .btn_agree{position:relative;top:21px;display:block;margin:0 auto;width:240px;height:64px;background:url('/images/popup/btn_agree.png') no-repeat 0 0 / 240px 64px;border:none;text-indent:-9999px;font-size:0;cursor:pointer}
.layer_interlock > .layer_bg .btn_agree.on{background:url('/images/popup/btn_agree_checked.png') no-repeat 0 0 / 240px 64px;}
.layer_interlock > ul.btn_bottom { float:left; display:inline-block; width:100%; border-top:1px solid #000; }
.layer_interlock > ul.btn_bottom li { float:left; display:inline-block; width:50%; line-height:60px; background:#e6e9ef; box-sizing:border-box; color:#808080; font-size:14px; font-weight:700; text-align:center; cursor:pointer; }
.layer_interlock > ul.btn_bottom li:first-child { background:#363342; }
.layer_interlock > ul.btn_bottom li:nth-child(2) { background:#000; }
.layer_interlock > ul.btn_bottom li:hover { color:#CCC; }


/*### 폰트 ###*/
.font_through { text-decoration:line-through;}
.bold {font-weight:bold;}
.font8 {font-size:8px;}
.font9 {font-size:9px;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font17 {font-size:18px;}


.fontva10 {font-family:Verdana;font-size:10px;}
.fontva11 {font-family:Verdana;font-size:11px;}
.fontva12 {font-family:Verdana;font-size:12px;}
.fontva13 {font-family:Verdana;font-size:13px;}
.fontva14 {font-family:Verdana;font-size:14px;}
.fontva15 {font-family:Verdana;font-size:15px;}
.fontva16 {font-family:Verdana;font-size:16px;}
.fontva18 {font-family:Verdana;font-size:18px;}
.fontSpacing {letter-spacing:-1px;}

.fontWhite { color:#ffffff;}
.fontRed { color:#e21317;}
.fontRedr { color:#ff0000;}
.fontBlue{ color:#0e61ae;}
.fontBlueR{ color:#2e7de4;}
.fontBlack{ color:#000;}
.fontGreen{ color:#378b33;}
.fontGreen2{ color:#6d8c0e;}
.fontYellow {color:#fffc00;}
.fontOrange{ color:#F30;}
.fontGray { color:#757575}
.fontBlueL { color: #2a6aed;}



/*### 여백 ###*/
.mar_left3 { margin-left:3px}
.mar_left5 { margin-left:5px}
.mar_left10 { margin-left:10px}
.mar_left20 { margin-left:20px}

.mar_top3 { margin-top:3px}
.mar_top5 { margin-top:5px}
.mar_top10{ margin-top:10px}
.mar_top13{ margin-top:13px}

.mar_top20{ margin-top:20px}
.mar_top30{ margin-top:30px}

.mar_rig3 { margin-right:3px}
.mar_rig5 { margin-right:5px}
.mar_rig10 { margin-right:10px}
.mar_rig20 { margin-right:20px}
.mar_rig30 { margin-right:30px}

.mar_bot10 { margin-bottom:10px}
.mar_bot5 { margin-bottom:5px}


.pad_top5 { padding-top:5px}
.pad_top10 { padding-top:10px}
.pad_right5 { padding-right:5px}
.pad_right10 { padding-right:10px}
.pad_right20 { padding-right:20px}

.pad_bot10 { padding-bottom:10px}

.pad_left5 {padding-left:5px}
.pad_left10 {padding-left:10px}

/* 뷰창 충전소 */
#popup_view_charge .special td {
	border-top:#2a6aed 2px solid;
	border-bottom:#2a6aed 2px solid;
}
#popup_view_charge .special td:first-child {
	border-left:#2a6aed 2px solid;
}
#popup_view_charge .special td:last-child {
	border-right:#2a6aed 2px solid;
}
#popup_view_charge .blink {
  animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
	visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
	visibility: hidden;
  }
}
#popup_view_charge .hidden{display:none}