.pop02 {
        margin: 0 auto;
        max-width: 800px;
    }

    .pop02 .title {
        margin: 10px 0;
        font-size: 25px;
        font-weight: 600;
        text-align: center;
    }

    .pop02 p {
        line-height: 20px;
        font-size: 14px;
    }

    .pop02 {
        display: none;
    }

    .pop02:before {
        display: block;
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        z-index: 10;
    }

    .pop02 .close {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .pop02 .layerBox {
	    width: 100%;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 6px;
        z-index: 20;
		text-align: center;
    }

    .pop02 .layerBox .title {
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-weight: 600;
        border-bottom: 1px solid #d9d9d9;
        text-align: left;
    }


	  .pop02 .layerBox .cont img {
        width: 100%;    
		max-width: 500px;    
		cursor:pointer;

    }


   .pop02 .layerBox .close {
        position: absolute;
        top: 0px;
        right: 0px;
    }


    .pop02 .layerBox p {
        line-height: 20px;
        font-size: 13px;
    }

    .pop02 .layerBox .btnClose {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 6px 12px;
        color: #444;
        font-size: 12px;
        text-decoration: underline;
    }


    .pop02 .cont div {
        position: absolute;
        top: 18%;
        
    }


	

/* 특가 충전소  */
	.pop03 {  margin: 0 auto;  max-width: 800px; }
    .pop03 .title {   margin: 10px 0; font-size: 25px;  font-weight: 600; text-align: center; }
    .pop03 p { line-height: 20px; font-size: 14px;}
    .pop03 {}
   	.pop03 .cont { position: relative; width: 100%;margin: auto; max-width: fit-content;}	
    .pop03:before {  display: block; content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(0, 0, 0, .6); z-index: 10; }
    .pop03 .close {    position: absolute; top: 0px; left: 45%; background: #ffffffad;  padding: 12px 12px 8px 12px; border-radius: 50%;}
    .pop03 .layerBox { width: 100%;position: fixed; left: 52%;top:20%; transform: translate(-50%, -50%); border-radius: 6px;z-index: 20;text-align: center;}
    .pop03 .layerBox .title { margin-bottom: 10px;padding-bottom: 10px; font-weight: 600; border-bottom: 1px solid #d9d9d9; text-align: left; }
	.pop03 .layerBox .cont img {cursor:pointer;}
	.pop03 .layerBox .close {   position: absolute;  top: 10%; }
	.pop03 .layerBox p { line-height: 20px; font-size: 13px; }
	.pop03 .layerBox .btnClose {display: inline-block; position: absolute; right: 0px;  top: 0px; padding: 6px 12px; color: #444;font-size: 12px; text-decoration: underline; }
	.pop03 .cont div {}
	.pop03 .cont  .go_btn {position: absolute; width: 77%; top: 15%; right: 13%;max-height: 443px; height: 35vh; }


	/* 2509추석이벤트 */
	.pop03 .layerBox .cont1{ width: 100%;margin: auto; position: relative; }
	.pop03 .cont1 .close {   position: absolute; top: -48px; left: 44%; background: #ffffffad;  padding: 12px 12px 8px 12px; border-radius: 50%;}
	.pop03 .cont1 .go_btn {position: absolute;width: 77%; top: 28%; right: 13%;max-height: 443px; height: 27vh; }


	/* 2022507 특가  충전소 
	.pop03 .layerBox .cont1{ width: 86%;margin: auto; }
	.pop03 .cont1 .close {top: 8%;left: 71%;}
	.pop03 .cont1 .go_btn {position: absolute;width: 77%; top: 28%; right: 13%;max-height: 443px; height: 27vh; }
 */


	/* 202509 수요일 충전소  */
	.pop03 .chweek{width: 86%; margin: auto; }
	.pop03 .layerBox .chweek .close {position: absolute;  top: -5%;  left: 50%;  transform: translate(-50%, -50%);   padding: 12px 12px 8px 12px; border-radius: 50%;  }
	.pop03 .chweek  .go_btn {position: absolute; width: 77%; top: 28%; right: 13%;max-height: 443px; height: 27vh; }





 /* kav 카테고리 레이어  */
 	.pop_kav { margin: 0 auto;}
    .pop_kav:before {display: block;content: "";  position: fixed; left: 0;  top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);z-index: 11;}
	.pop_kav .layerBox {  position: fixed;  left: 50%; top:30%;transform: translate(-50%, -50%);  border-radius: 6px;z-index: 20;}  
    .pop_kav .layerBox .close {  position: absolute;  bottom: -40px;  left: 50%;  transform: translate(-50%, -50%);   background: #0000007a;   padding: 5px;       display: block; border-radius: 50%; cursor: pointer;}
    .pop_kav .layerBox .close p {width: 40px;   height: 40px;    background: url(//pic.filestar.co.kr/_img/popup/popup_btn_close.png) no-repeat;	 background-position: center}
    .pop_kav .layerBox .cont {width: 90%;  max-width: 500px; min-width: 380px;}

/*로고없이 텍스트만*/
 .pop_name_b {float:left; margin-left:10px;  font-size:13px; color:#fff; font-weight:500;font-family:'Noto Sans KR';text-shadow:#7a9b17 1px 1px 0px 0px;letter-spacing:-.5px; }

/*팝업 타이틀*/
.pop_top {clear:both; width:100%; height:36px; line-height:36px; background:#ff4444;position:relative}
.pop_top li {list-style:none; }
.pop_top  .pop_logo {  height:36px;  background:#ccc;  cursor:pointer;  float:left; margin-left:10px; padding-left:100px;}

.blackbg_gra {clear:both; width:100%; height:100%; min-height:1700px; background-color: rgba(0, 0, 0, 0.7);  margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;}
.btn_close { width:30px; height:30px; cursor:pointer; float:right; margin-right:5px;margin-top:8px;}
.btn_close .btnc_img { width:60%; }

/*의견남기기 레이어*/
.pop_mag_layer { clear:both;  height:auto; margin:0 auto; text-align:center; padding-top:5%; font-size:11px  }
.pop_mag_tot {width:95%; height:auto;margin:0 auto;  text-align:center; padding:0;  position:relative; top:10%;left:0px;  background-color:#fff;  border:#000 1px solid; padding-bottom:5px; }
.pop_mag{ width:100%; margin:0 auto; text-align:center; background-color:#f5f5f5; padding:20px 0; 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 { padding:10px;text-align:left; }
.pop_mag_s table .td_line { border-bottom: #CCC 1px solid}
.pop_mag_s table .tit {width:15%;white-space: nowrap; text-align:left;  border-right:#CCCCCC 1px solid;  background-color:#f5f5f5; font-weight:bold ; text-align:left;color:#333333 }
.pop_mag_btn { width:100%; margin:0 auto; text-align:center; margin-top:15px; }

.phone_msg {font-size:10px; line-height:18px; word-break:break-all;white-space:normal   }

.pbtn_green {
    margin: 0 auto;
    background-color: #ff4444;
    border: #ff4444 1px solid;
    text-align: center;
    color: #FFFFFF;
    width:100%;
	padding: 7px 0;
    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
	margin-top:15px;
}

.pbtn_green:hover {
    background-color: #ff4444;
    border: #98c219 1px solid;
}
.pop_mag_s textarea {
	width:95%;
	border: #ccc 1px solid;
	resize: none;
	height: 3.5rem;
	
	
 }

 .pop_mag_s select {
	width:95%;
	border: #ccc 1px solid;
	resize: none;
    height:35px;
	line-height:35px;
 }


.font12{  font-size:12px}
.font11{  font-size:11px}
.font10{  font-size:10px}

/*### 폼 ###*/
.input_1to1 {
    width: 95%;
    height: 30px;
    background: #FFFFFF;
    border: #CCCCCC 1px solid;
    font-size: 12px;
}


/*###  svip 리워드 선정안내 ###*/
.popup-svipre_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-color: rgba(0, 0, 0, 0.795);    }
.popup-svipre {  width: 95%;  margin: 0 auto;  text-align: center;  position: relative;  top: 0;  z-index: 9999;    }
.popup-svipre .svip_tit {  width: 100%;  position: absolute;  top: 10px;    }
.popup-svipre .svip_info {  width: 100%;  position: absolute;  top: 40%;  left: 50%;  transform: translate(-50%, -50%);    }
.popup-svipre .svip_txt {  width: 90%;  height: auto;  text-align: left;  padding-left: .2rem;  position: absolute;  top: 66%;  left: 50%;  transform: translate(-50%, -50%);}
.popup-svipre .svip_txt p {font-size: .66rem;  color: #fff2e2;  text-align: left;  display: inline-block;  line-height: 140%;  padding: 0;  margin: 0; font-weight: 100;  letter-spacing: -.5px;  margin-block-start:0em;    margin-block-end: 0em;  }
.popup-svipre .btn_go {  width: 100%;  height: 114px;  margin: 0 auto;  text-align: center;  text-align: center;  margin: 0 auto;  position: absolute;  bottom: 0px;  cursor: pointer;  left: 0px; }

/*###  svip 리워드 지금  ###*/
.vipreward_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-color: rgba(0, 0, 0, 0.795); }
.vipreward_bg {width: 100%;  margin: 0 auto;  text-align: center;  position: relative;  top: 20px;  z-index: 9999;    }
.vipreward_bg .vipreward_txt {  width: 100%; text-align: center;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);   }
.vipreward_bg .vipreward_txt p {  font-family: 'GmarketSansB', 'Malgun Gothic', sans-serif;  font-weight: bold;  font-size: 3rem;  color: #cbb887;  letter-spacing: -2px; }
.vipreward_bg .vipreward_txt_ov {  width: 100%;  margin: 0 auto;  text-align: center;  margin: 0 auto;  position: absolute;  top: 45%;  left: 50%; transform: translate(-50%, -50%);  cursor: pointer;  z-index: 1; }
.vipreward_bg .btn_go {  width: 100%;  height: 100%;  margin: 0 auto;  text-align: center;  margin: 0 auto;  position: absolute;  cursor: pointer;  z-index: 1;   }



 /* ── 개인정보 비번 90일  변경  ── */
 .pwresetbg_layer {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0; z-index:998; background:rgba(0,0,0,0.6); }
 .pwreset_layer {  width: 90%;  position: relative; top:50px;  background: #fff;margin:0 auto; border-radius: 3px; padding: 2.5rem 1.5rem 1.5rem 1.5rem; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);  }
 .pwreset_layer .btn_close {position: absolute;  top: 16px; right: 16px;  width: 30px; height: 30px;cursor: pointer; background: none;  border: none;padding: 0;display: flex;    align-items: center;justify-content: center;}
 .pwreset_layer .btn_close::before,
 .pwreset_layer .btn_close::after {content: '';position: absolute;width: 30px;height: 2px;background: #888;border-radius: 2px;}
 .pwreset_layer .btn_close::before {transform: rotate(45deg);}
 .pwreset_layer .btn_close::after {transform: rotate(-45deg);}
 .pwreset_layer .btn_close:hover::before,
 .pwreset_layer .btn_close:hover::after {background: #333;}

 .pwreset_layer .pwreset_inner h2 {font-size: 1.5rem;font-weight: 700;line-height: 1.2;margin: 0 0 10px;color: #222;text-align:left; }
 .pwreset_layer .pwreset_inner h2 span {color: #e63946;}
 .pwreset_layer .pwreset_inner h3 {font-size: .8rem;font-weight: 400;line-height: 1.4;color: #555;margin: 0 0 15px;letter-spacing: -1px;text-align:left; }
 .pwreset_layer .pwreset_inner h3 span {font-weight: 600;color: #e63946;}
 .pwreset_layer .pwreset_form {display: flex;flex-direction: column;gap: 14px;margin-bottom: 24px;}

 .pwreset_layer .input-group {display: flex;flex-direction: column;gap: 4px;}
 .pwreset_layer .input-wrapper {position: relative;display: flex;align-items: center;}
 .pwreset_layer .input-wrapper input[type="password"],
 .pwreset_layer .input-wrapper input[type="text"] {width: 100%;height: 44px;padding: 1rem;border: 1px solid #ddd;border-radius: 3px;font-size: .8rem;color: #222;outline: none;box-sizing: border-box;transition: border-color 0.2s;}
 .pwreset_layer .input-wrapper input:focus {border-color: #ff4444;}
 /* ── 눈 아이콘 토글 버튼 ── */
 .pwreset_layer .toggle-btn {position: absolute;right: 12px;background: none;border: none;cursor: pointer;padding: 0;display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;color: #aaa;}
 .pwreset_layer .toggle-btn:hover {color: #555;}
 .pwreset_layer .eye_icon {display: inline-block;width: 22px;height: 22px;background: url('https://pic.filestar.co.kr/_img/popup/ic_eye_off.svg') no-repeat center / contain;}
 .pwreset_layer .eye_icon.show {display: inline-block;width: 22px;height: 22px; background: url('https://pic.filestar.co.kr/_img/popup/ic_eye.svg') no-repeat center / contain;}
 .pwreset_layer .input-hint {font-size: .7rem;color: #888;padding-left: 2px;text-align:left;}
/* ── 확인 버튼 ── */

.pwreset_layer .btn_wp {width:100%; align-items: center;    margin: 0 auto;    display: flex;    align-content: center;     justify-content: space-between;}
.pwreset_layer .btn_wp .btn_pwreset_ok {display: block;width:48%;height: 46px;background: #ff4444;color: #fff;font-size: .9rem;font-weight: 400;border: none;border-radius: 3px;cursor: pointer;letter-spacing: 0.04em;transition: background 0.2s;}
.pwreset_layer .btn_wp .btn_pwreset_ok:hover {background: #ff4444;}
.pwreset_layer .btn_wp .btn_pwreset {display: block;width: 48%;height: 46px;background: #e2e2e2;color: #666;font-size: .9rem;font-weight: 400;border: none;border-radius: 3px;cursor: pointer;letter-spacing: 0.04em;transition: background 0.2s;}
.pwreset_layer .btn_wp .btn_pwreset:hover {background: #ccc;}