@charset "utf-8";

/* index */
* {font-family:'NanumGothic';}


/* main_top popupzone */
/*#popupZone {height:95px !important;}*/

.popupZoneIn {width:auto !important; height:auto !important; z-index:999; position:absolute; left:23% !important; top:16%; min-width:300px; min-height:200px;
        background:white; box-shadow:1px 1px 2px #888888; padding:10px 10px 30px; border-radius:3px; overflow:hidden;}
.popupZoneIn + .popupZoneIn {margin:0 -327px;}
.popupZoneIn img {width:auto; max-height:600px; height:auto;}
.popupZoneIn .popupZoneInClose {text-align:right; color:white; background:#333; margin-top:-3px; height:23px; line-height:23px; 
                font-size:11px; padding-right:5px; position:absolute; bottom:0; left:0; width:100%;}
.popupZoneIn .popupZoneInClose:after {content:"❌"; float:right;}




/*poppu zone*/
#popupZone {height:o !important;}
.adm_popupzone {width:100%; float:left; position:relative; margin:0 0; overflow:hidden; height:auto; box-sizing:border-box;}
  .adm_popupzone .swiper-slide { overflow:hidden;}
  .adm_popupzone .swiperpage {background:#38aad9;}

  .adm_popupzone .adm_pop_bnr_p {width:100%; height:100%; position:relative; top:0; left:0; z-index:1;}
  .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {width:100%; max-width:1300px; height:100%; margin:0 auto; position:relative;}

  .adm_popupzone .adm_pop_bnr_p .admimg_404 {width:10%; float:left; text-align:center; padding:10px; box-sizing:border-box;}
  .adm_popupzone .adm_pop_bnr_p .admimg_404 img {width:auto; max-width:100%; height:auto; max-height:95%; display:inline-block; vertical-align:middle;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap {width:90%; float:left; text-align:left; padding:10px 0; position:relative;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1 {font-family: 'NanumGothic'; font-size:21px; font-weight:400; color:#fff; text-align:center;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {font-size:14px; color:#fff; letter-spacing:-1px; margin-top:5px; text-align:center;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p + span {display:none;}
  
  .adm_popupzone a.admclose_btn {position:absolute; right:30px; bottom:10px; z-index:1; font-size:0;}
  .adm_popupzone a.admclose_btn:after {content:"❌"; font-size:25px; font-weight:200;}
  .adm_popupzone a.admclose_btn:hover {color:white;}

  .adm_popupzone .swiper-container + span {left:auto !important; right:30px; margin-right:50px; line-height:28px;}
  .adm_popupzone .swiper-container + span input { display:none; }
  .adm_popupzone .swiper-container + span label {position:relative; cursor:pointer;}
  .adm_popupzone .swiper-container + span label:before {content:""; width:13px; height:13px; border:1px solid black; margin-top:7px; float:left; margin-right:10px;}
  .adm_popupzone .swiper-container + span input:checked + label:before {content:"\2714"; font-size:11px; line-height:13px; text-align:center;}
    /* bg color - font color match*/
    .adm_popupzone .swiper-slide.popcol_red {background:#da3b01 !important;} /*red*/
    .adm_popupzone .swiper-slide.popcol_blue {background:#3754ba !important;} /*blue*/
    .adm_popupzone .swiper-slide.popcol_green {background:#18b253 !important;} /*green*/
    .adm_popupzone .swiper-slide.popcol_yellow {background:#ffb901 !important;} /*yellow*/
    .adm_popupzone .swiper-slide.popcol_silver {background:#D5D5D5 !important;} /*grey*/
    .adm_popupzone .swiper-slide.popcol_orange {background:#f1ad70 !important;} /*orange*/
    .adm_popupzone .swiper-slide.popcol_purple {background:#8764b8 !important;} /*purple*/
    .adm_popupzone .swiper-slide.popcol_white {background:#fff !important;} /*purple*/

      .adm_popupzone .swiper-slide.popcol_red .adm_pop_bnr_p .admtext_wrap h1 {color:#f1dbb0;}
      .adm_popupzone .swiper-slide.popcol_blue .adm_pop_bnr_p .admtext_wrap h1 {color:#b0f1d1;}
      .adm_popupzone .swiper-slide.popcol_green .adm_pop_bnr_p .admtext_wrap h1 {color:white;}
      .adm_popupzone .swiper-slide.popcol_orange .adm_pop_bnr_p .admtext_wrap h1 {color:black;}
      .adm_popupzone .swiper-slide.popcol_purple .adm_pop_bnr_p .admtext_wrap h1 {color:white;}
      .adm_popupzone .swiper-slide.popcol_yellow .adm_pop_bnr_p .admtext_wrap h1 {color:black;}
      .adm_popupzone .swiper-slide.popcol_silver .adm_pop_bnr_p .admtext_wrap h1 {color:black;}
      .adm_popupzone .swiper-slide.popcol_white .adm_pop_bnr_p .admtext_wrap h1 {color:black;}


      .adm_popupzone .swiper-slide.popcol_red .adm_pop_bnr_p .admtext_wrap p {color:white;}
      .adm_popupzone .swiper-slide.popcol_blue .adm_pop_bnr_p .admtext_wrap p {color:white;}
      .adm_popupzone .swiper-slide.popcol_green .adm_pop_bnr_p .admtext_wrap p {color:white;}
      .adm_popupzone .swiper-slide.popcol_orange .adm_pop_bnr_p .admtext_wrap p {color:black;}
      .adm_popupzone .swiper-slide.popcol_purple .adm_pop_bnr_p .admtext_wrap p {color:white;}
      .adm_popupzone .swiper-slide.popcol_yellow .adm_pop_bnr_p .admtext_wrap p {color:black;}
      .adm_popupzone .swiper-slide.popcol_silver .adm_pop_bnr_p .admtext_wrap p {color:black;}
      .adm_popupzone .swiper-slide.popcol_white .adm_pop_bnr_p .admtext_wrap p {color:black;}


    .adm_popupzone .swiper-container-horizontal>.swiper-pagination-bullets {width:100% !important; height:20px; left:auto !important; top:10px; text-align:right; box-sizing:border-box; padding-right:30px;}   
 

/* PC _ popup */
.popupZoneIn {text-align:center; padding:0 0 30px; max-width:90%;}
  .popupZoneIn > p {padding:10px; font-size:15px; line-height:18px;}
  .popupZoneIn .popupZoneInClose {height:35px; line-height:35px; background:black; font-size:0;}
  .popupZoneIn .popupZoneInClose:after {content:"╳"; float:right; font-size:13px; margin-right:10px;}

.popupZoneIn + .popupZoneIn {margin:0 -70px !important;}



@media (min-width:800px){ 
  .adm_popupzone .swiper-slide {height:200px;}
  .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {box-sizing:border-box; line-height:180px;}
  .adm_popupzone .adm_pop_bnr_p .admimg_404 {height:200px; line-height:180px; width:20%;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap {width:80%;  vertical-align:middle; display:inline-block; float:none;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {line-height:22px; font-size:16px; margin-top:20px;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1 {line-height:32px; font-size:24px; text-decoration:underline;}


  
  .adm_popupzone .swiper-pagination-bullet {border:1px solid black; opacity:0.5; margin:0 3px !important;}
  .adm_popupzone .swiper-pagination-bullet-active {background:white; opacity:1; border:1px solid black;}
}
@media (min-width:1050px) and (max-width:1300px){/*.adm_popupzone .swiper-container + span { right:15%;}*/}
@media (min-width:800px) and (max-width:1049px){/*.adm_popupzone .swiper-container + span { right:17%;}*/}
@media (min-width:800px) and (max-width:1049px){
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {font-size:14px; line-height:20px;}
}

@media (min-width:600px) and (max-width:799px){
  .adm_popupzone .swiper-slide {height:150px; line-height:150px;}
  .adm_popupzone .adm_pop_bnr_p .admimg_404 {height:150px; width:23%; padding:10px; line-height:130px;}
  .adm_popupzone .adm_pop_bnr_p .admimg_404 img {width:90%; max-height:100%;}  
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap {width:77%; display:inline-block; float:none; vertical-align:middle;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1 {font-size:17px; line-height:26px; padding-right:30px; text-align:left;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {height:40px; overflow:hidden; font-size:13px; line-height:20px; padding-right:30px; text-align:left;}

  .adm_popupzone a.admclose_btn {right:15px;}
  .adm_popupzone .swiper-container-horizontal>.swiper-pagination-bullets {width:100% !important; left:auto; right:15px; top:10px; padding-right:0; text-align:right; max-height:20px;}
  .adm_popupzone .swiper-pagination-bullet {border:1px solid black; opacity:0.5; margin:0 3px !important;}
  .adm_popupzone .swiper-pagination-bullet-active {background:white; opacity:1; border:1px solid black;}

  .adm_popupzone .swiper-container + span {right:15px;}
}
@media (max-width:599px){
  #popupZone {display:none !important; height:0 !important;}
  .adm_popupzone {display:none !important; position:absolute; top:80px; width:80%; left:10%; background:#fff; border:1px solid #e9e9e9; box-shadow:0 2px 11px #666666; z-index:999; /*border-radius:10px;*/}
  .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {padding:0;}

  .adm_popupzone .swiper-slide {height:auto; min-height:250px; padding-bottom:30px; }
    .adm_popupzone .swiper-slide.popcol_blue, .adm_popupzone .swiper-slide.popcol_red, .adm_popupzone .swiper-slide.popcol_green, 
    .adm_popupzone .swiper-slide.popcol_yellow, .adm_popupzone .swiper-slide.popcol_silver {background:#333 !important;}
    .adm_popupzone .adm_pop_bnr_p {background:white;}
  .adm_popupzone .adm_pop_bnr_p .admimg_404 {width:100%; text-align:center; padding:20px 20px 0px;}
  .adm_popupzone .adm_pop_bnr_p .admimg_404 img {width:50%; max-width:92px; height:auto;}

  .adm_popupzone .adm_pop_bnr_p .admtext_wrap {width:100%; text-align:center; padding:0 10px; box-sizing:border-box;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1 {font-size:18px; color:#333 !important;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {font-size:13px; line-height:20px; color:#333 !important; height:120px; overflow:hidden;}
  .adm_popupzone .swiper-container + span { left:3% !important; width:190px; display:inline-block; bottom:0 !important;}

  .adm_popupzone .swiper-container + span label {color:white; font-size:12px; line-height:29px;}
  .adm_popupzone .swiper-container + span label:before {color:white; border-color:white;}
  .adm_popupzone a.admclose_btn {color:white; right:3%; bottom:0; line-height:18px;}
  .adm_popupzone a.admclose_btn:after {font-size:17px;}
  .adm_popupzone .swiper-container-horizontal>.swiper-pagination-bullets {padding-right:10px;}



  .popupZoneIn + .popupZoneIn {margin:0 10% !important;}
  .popupZoneIn {width:80% !important; margin:0 10% !important; left:0 !important;}


}