.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;   }