/* BASIC css start */
.popup300 {display:none; text-align:left; width:100%;}
.popup301 {display:none; text-align:left; width:100%;}
.popup302 {display:none; text-align:left; width:100%;}
.popup303 {display:none; text-align:left; width:100%;}
.popup304 {display:none; text-align:left; width:100%;}


.popup300 .btn_close .x1, .popup301 .btn_close .x1, .popup302 .btn_close .x1, .popup303 .btn_close .x1, .popup304 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}

.popup300 .btn_close .x2, .popup301 .btn_close .x2, .popup302 .btn_close .x2, .popup303 .btn_close .x2, .popup304 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}


.popup300, .popup301, .popup302, .popup303, .popup304 {display:none; text-align:left; width:100%;height: 100%;}
 
 
.popup300 .fix, .popup301 .fix, .popup302 .fix, .popup303 .fix, .popup304 .fix{position:fixed; top:0px;width:100%;padding:0px 0px 0 0px;z-index:9999999;background:#fff; height: 48px;;
    
    
 }

 .popup300, .popup301, .popup302, .popup303, .popup304 {width:100%;padding-top:50px;display:none; text-align:center; background:#fff;}

 .popup300 p, .popup301 p, .popup302 p, .popup303 p, .popup304 p{text-align:center; background:#fff;  font-size:1.15em;padding:0px 0px;}

 .popup300 .btn_close, .popup301 .btn_close, .popup302 .btn_close, .popup303 .btn_close, .popup304 .btn_close{ position:absolute; top:8px; right:15px;width: 45px; height: 40px;background:#fff;z-index:99999999; }

 .popup300 .btn-logo, .popup301 .btn-logo, .popup302 .btn-logo, .popup303 .btn-logo, .popup304 .btn-logo {display: inline-block;font-size:1.20em; height: 45px; line-height: 45px; font-weight: bold;text-align:center;padding-top:5px;}


  .popup300 img, .popup301 img, .popup302 img, .popup303 img, .popup304 img {
  width: 100%;
  height: auto;
margin:0 auto;
 

}

  .en_new1 {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

/* 이미지 스타일 */
.en_new1 img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0px auto;
}

/* 버튼 스타일 */
.en_new1 button {
  background: none;
  border: none;
  padding: 0px;
  margin: 5px 0 0 0px;
  cursor: pointer;
}

/* 버튼 내 이미지 크기 조정 */
.en_new1 button img {
  width: 100%; /* 필요에 따라 크기 조절 */
  height: auto;

  display: inline-block;
}

/* 미디어 쿼리: 모바일 전용 스타일 */
@media (max-width: 768px) {
  /* 버튼 크기 조절 */
  .popupOpen300 img,
  .popupOpen301 img,
  .popupOpen302 img,
  .popupOpen303 img,
  .popupOpen304 img {
    width: 100%; /* 모바일에서 더 작게 */
  }
}
/* BASIC css end */