@charset "utf-8"; 
/* main_top popupzone */
/*#popupZone {height:95px !important;}*/

.popupZoneIn {width:auto !important;z-index:9999;top:50%;min-width: 455px;max-width:800px;max-height:80vh;text-align:center;overflow-y:scroll;padding:0;border-radius:2px;margin-top: 16vh;margin-bottom: 50vh;}
#popupZone:before {content:"";width: calc(100vw - 17px);height: 100%;/* height: 100vh; */position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);/* z-index: 0; *//* opacity: 0; */}
.popupZoneIn + .popupZoneIn {}
.popupZoneIn > p {padding:0 15px; line-height:150%; background:#fff; margin-top:-1px;}
.popupZoneIn > p:first-child>img:only-child {margin-top: 15px;}
.popupZoneIn img {width:auto; max-height:70vh; height:auto; display:inline-block; max-width:100%;}
.popupZoneIn>img:only-of-type {min-width: 100%;min-height:450px;max-width: 100%;box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);}

.popupZoneIn label {cursor:pointer;}
.popupZoneIn:hover .popupZoneInClose {font-weight:600;}

/*poppu zone*/
#popupZone {/* background:rgba(0,0,0,0.7); */min-width: calc(100vw - 17px);/* min-height: 100vh; *//* height: 100%; */position:fixed;z-index: 1000;display:flex;align-items: flex-start;justify-content:center;gap:20px;/* overflow-x:scroll; */flex-wrap: wrap;/* padding:0 50px; */box-sizing:border-box;/* position: absolute; */}
.adm_popupzone {width:100%; float:left; position:relative; margin:0 0; overflow:hidden; height:auto; box-sizing:border-box;}
.adm_popupzone button:focus {border:1px dashed #555; box-sizing:border-box;}
.adm_popupzone .swiperpage {background:#38aad9;}

  .adm_popupzone .adm_pop_bnr_p {width:100%; height:100%; position:relative; top:0; left:0; z-index:1; text-align:center;}
  .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {width:100%;max-width:1300px;/* height:99%; *//* margin:2px auto; */position:relative;text-align:center;box-sizing:border-box;display:inline-block;}
  .adm_popupzone .adm_pop_bnr_p .admdiv_wrap:focus {border:1px dotted #ddd; box-sizing:border-box; margin:0; height:100%;}

  .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:90%; display:inline-block; vertical-align:middle;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap {width:90%; float:left; text-align:left; position:relative; box-sizing:border-box;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1 {font-size: 18px;font-weight:400;color:#fff;text-align:center;line-height:140%;color:#fff;word-break:keep-all;font-family: 'Noto Sans KR';font-weight: 500;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {
                                                font-size: 13.5px;
                                                color:#fff;
                                                margin-top:5px;
                                                text-align:center;
                                                word-break:keep-all;
                                                color:#fff;
                                                overflow:hidden;
                                                -webkit-line-clamp:3;
                                                -webkit-box-orient:vertical;
                                                display:-webkit-box;
                                                white-space:normal;
                                                font-family: 'Noto Sans KR';
                                                opacity: 0.9;
                                                }
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p + span {display:none;}

  .adm_popupzone a.admclose_btn {position:absolute; right:5px; bottom:3px; z-index:1; font-size:1px; color:#b5b5b5; text-indent:-9999px; width:30px; height:30px;}
  .adm_popupzone a.admclose_btn:after {content:"\2715"; position:absolute; text-indent:0; right:0; color:#fff; font-size:17px; padding:2px 8px; border-radius:100%; -webkit-transition:color 1s; transition:color 1s; text-shadow:2px 1px #333, 2px 1px 1px #333;}

  .adm_popupzone .swiper-container + span {left:auto !important; right:5px; line-height:28px; bottom:3px !important; padding-left:10px; padding-right:35px; border-radius:3px; -webkit-transition:background 1s; transition:background 1s;}
  .adm_popupzone .swiper-container + span label {position:relative; cursor:pointer; color:#fff; text-shadow:1px 1px rgba(0,0,0,0.5), 1px 0px 0px #333;}

  .adm_popupzone .swiper-container + span:hover {background:rgba(0,0,0,0.5);}
    /* bg color - font color match*/
    .adm_popupzone .popup-slide.popcol_red    {background:#b81301;background-image:linear-gradient(to right, #b81301 ,#c02514,  #b81301);} /*red*/
    .adm_popupzone .popup-slide.popcol_blue   {background:#124274; background-image:linear-gradient(to right, #124274,  #285f99, #2d66a1, #2d7ca1);} /*blue*/
    .adm_popupzone .popup-slide.popcol_green  {background:#136a07; background-image:linear-gradient(to right, #0d5d05,  #12680a, #106f27, #238966);} /*green*/
    .adm_popupzone .popup-slide.popcol_yellow {background:#e5a907; background-image:linear-gradient(to right, #e5a907,  #e5a907, #f8ba16, #fbbf1f);} /*yellow*/
    .adm_popupzone .popup-slide.popcol_silver {background:#333; background-image:linear-gradient(to right, #333,  #373636, #393737);} /*grey*/
    .adm_popupzone .popup-slide.popcol_orange {background:#c14e15; background-image:linear-gradient(to right, #c14e15,  #cb5419, #e4801d, #f6aa1d);} /*orange*/
    .adm_popupzone .popup-slide.popcol_purple {background:#4f1c65; background-image:linear-gradient(to right, #4f1c65,  #69276e, #7b2975, #812671, #69276e);} /*purple*/
    .adm_popupzone .popup-slide.popcol_white  {background: #c1c1c1;background-image: linear-gradient(to right, #acabab, #d9d9d9, #acabab);} /*white*/

    .adm_popupzone .popup-slide.popcol_white .adm_pop_bnr_p .admtext_wrap h1 {color:#333;}
    .adm_popupzone .popup-slide.popcol_silver .adm_pop_bnr_p .admtext_wrap p {color:#dcdcdc;}
    .adm_popupzone .popup-slide.popcol_white .adm_pop_bnr_p .admtext_wrap p  {color:#333;}


/* slide btn */
.adm_popupzone .slick-dots {width:auto !important;height:25px;line-height:25px;right: 40px;top:10px;text-align:right;box-sizing:border-box;position:absolute;}
.adm_popupzone .slick-dots li {border: 2px solid rgba(255,255,255,0.9);/* background: #333; */margin:0 3px !important;border-radius:0;display:inline-block;width: 10px;height: 10px;vertical-align:middle;border-radius: 100%;box-sizing: border-box;}
.adm_popupzone .slick-dots li button {text-indent:-999px; overflow:hidden; width:100%; height:100%; cursor:pointer; float:left;}
.adm_popupzone .slick-dots li button:hover {cursor:pointer;}
.adm_popupzone .slick-dots .slick-active {background:white;opacity:1;/* border:1px solid black; *//* width: 10px; *//* height: 10px; */}

.adm_popupzone .slick-arrow {background:none;color:#dadada;width: 20px;height: 23px;overflow:hidden;text-indent:-9999px;position:absolute;top:50%;transform:translateY(-50%);z-index:999;}
.adm_popupzone .slick-arrow:after {font-size:30px;line-height:44px;width:100%;position:absolute;left: 4px;top: 4px;text-indent:0;width: 15px;height: 15px;transform: rotate(45deg);border: 2px solid #fff;/* border-radius: 3px; */}
.adm_popupzone .slick-arrow.slick-next {right:10px;}
.adm_popupzone .slick-arrow.slick-prev {left:10px;}
.adm_popupzone .slick-arrow.slick-next:after {content:"\276F";content:"";border-width: 2px 2px 0 0;left: auto;right: 5px;/* border-radius: 0 3px 0 0; */top: 3px;}
.adm_popupzone .slick-arrow.slick-prev:after {content:"\276E";content:"";border-width: 0px 0 2px 2px;border-radius: 0 0 0 3px;}


.adm_popupzone .indicator {position:absolute;right:5px;top:10px;z-index:2;background: rgba(255,255,255,0.2);/* padding-right:5px; */display:inline-block;border-radius: 100%;}
.adm_popupzone .indicator button {width:25px;height:25px;overflow:hidden;text-indent:-999px;font-size:1px;position:relative;text-align:center;background:none !important;}
.adm_popupzone .indicator button:before {text-indent:0; position:absolute; left:0; top:0; color:#000;}
.adm_popupzone .indicator .play:before {content:"";left: 10px;top: 8px;line-height:25px;font-size:11px;border-left: 6px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;/* font-size:10px; */}
.adm_popupzone .indicator .stop:before {content:"||";font-weight:900;letter-spacing:3px;width:20px;height:25px;line-height:25px;text-align:center;padding-left: 4px;font-size:10px;color: #fff;}


.adm_popupzone .indecator_number {position:absolute;right:35px;top:10px;z-index:2;background:rgba(255,255,255,0.8);height:25px;padding:0 5px 0 10px;line-height:25px;font-size:12px;color:#000;display: none;}
.adm_popupzone .indecator_number .this_count {font-weight:600;}

.adm_popupzone .wzwgPopupList + span {right:40px !important;left:auto !important;}
.adm_popupzone .wzwgPopupList + span label {font-family: 'Noto Sans KR';font-size: 14px;color: #fff;}



@media (min-width:991px){
    .adm_popupzone .popup-slide {height: 130px;}
    .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {box-sizing:border-box;line-height: 130px;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 {height: 130px;line-height: 110px;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:20px;max-width:90%;margin:0 auto;max-height:58px;margin-top: 5px !important;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap {width:100%; margin-left:-20%;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1,
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap p {max-width:60%;margin:0 auto;}

  }
  @media (max-width:990px){
    #popupZone {flex-direction:column;align-items: center;min-width: 100%;position: fixed;z-index: 9999;}
    #popupZone:before {width:100vw;background: rgba(0,0,0,0.8);}
	  .popupZoneIn {/* max-width: 45% !important; *//* left:50% !important; *//* border-radius:10px; *//* top:100px; *//* -webkit-transform:translateX(-50%); *//* transform:translate(-50%); */min-width: auto;margin-bottom: 0;}
    .popupZoneIn + .popupZoneIn {/* margin-top:20px; */}
  }
  @media (min-width:991px) and (max-width:1299px){
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1,
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap p {max-width:100%; padding:0 0 0 20%;}
  }
  @media (min-width:600px) and (max-width:1399px){
    .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {padding:0 40px;}
  }
  @media (min-width:600px) and (max-width:990px){
    .adm_popupzone .popup-slide {height:130px; line-height:130px;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 {height:130px; width:23%; padding:10px; line-height:110px;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 img {max-width:85%;}

    .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; padding-right:30px; text-align:left;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {overflow:hidden; font-size:13px; line-height:18px; text-align:left; -webkit-line-clamp:2; max-height:34px;}
  }

  @media (max-width:599px){
    .adm_popupzone {/*display:none !important; */}
    .adm_popupzone .popup-slide {height: 120px;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 {width:100%; text-align:center; padding:20px 20px 0px; display:none;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 img {width:50%; max-width:92px; height:auto;}

    .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {line-height: 110px;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap {width:100%; float:none; display:inline-block; text-align:center; padding:0 30px; vertical-align:middle;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1{font-size:16px; line-height:130%;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {font-size:13px; line-height:17px; -webkit-line-clamp:2; max-height:32px;}
    .adm_popupzone .swiper-container + span {display:none;}
    .adm_popupzone .swiper-container + span label {color:white; font-size:12px; line-height:29px;}
    .adm_popupzone .swiper-container-horizontal>.slick-dots lis {padding-right:25px;}
    .adm_popupzone a.admclose_btn {color:white; right:5px; top:10px; line-height:20px; height:20px;}
    .adm_popupzone a.admclose_btn:after {font-size:13px;}

    .popupZoneIn {max-width:80vw;max-height: 85vh;margin-top: 10vh;height: 100vh;margin-bottom: 10vh;}
    .popupZoneIn + .popupZoneIn {/* margin:0 5% !important; */}
    .adm_popupzone .slick-arrow.slick-next, .adm_popupzone .slick-arrow.slick-prev {display:none;}

    .popupZoneIn img{width:100%!important;min-width: 250px !important;min-height: auto !important;}
    .popupZoneIn table {max-width:100%;}

    .adm_popupzone .indicator {right:33px;}
    .adm_popupzone .indicator button {/* height:20px; *//* line-height:20px; *//* width: 20px; */}
    .adm_popupzone .indecator_number {right:58px; font-size:12px; height:20px; line-height:20px;}

    .adm_popupzone .slick-dots {right: 67px;height:20px;line-height: 24px;}
    .adm_popupzone .wzwgPopupList + span {right:10px !important;}
    .adm_popupzone .wzwgPopupList + span label {font-size:13px;}
  }




/* close btn box new design */
.closeZone {width:100%;height:50px;display:flex;justify-content: space-between;gap:15px;align-items:center;margin-top: 30px;margin-bottom: 2px;}
.closeZone> label{font-size: 16px;box-sizing:border-box;padding:0 30px;background:#fff;height:50px;line-height: 48px;border-radius:30px;box-shadow:0px 0px 8px -1px rgba(0,0,0,0.2);position:relative;font-family: 'Noto Sans KR';}
.closeZone> label input {float:none;}
/* .closeZone> label input:before {content:""; width:19px; height:19px; display:inline-block; border-radius:3px; background:#ddd; vertical-align:middle;}
.closeZone> label input:after  {content:""; width:7px; height:12px; display:inline-block; transform:rotate(45deg); border:2px solid #333; border-width:0px 2px 2px 0px; position:absolute; left:37px; top:14px;}
.closeZone> label input:checked:before {content:"";}
.closeZone> label input:checked:after  {content:"";} */
.closeZone> .popupZoneInClose {font-size:18px;box-sizing:border-box;/* background:#fff; */transition:background 0.5s;/* padding:0 30px; */width: 50px;height:50px;color: #fff;text-indent: -99999px;/* border-radius:30px; *//* box-shadow:0px 0px 8px -1px rgba(0,0,0,0.2); */position: relative;overflow: hidden;}
.popupZoneIn .popupZoneInClose:after {content:"\2715";position:absolute;text-indent:0;font-size: 25px;margin-right:6px; /display:inline-block;transition:transform 0.5s;font-weight:600;position: absolute;right: 0;top: 9px;color: #fff;}
.closeZone> .popupZoneInClose:after {/* position:relative; *//* margin-left:10px; */}
.closeZone> .popupZoneInClose:hover {font-weight:600;/* background:#333; */color:#fff;}
.closeZone> .popupZoneInClose:hover:after {transform:rotate(-90deg);}
  @media (max-width:599px){
  	.closeZone> .popupZoneInClose,
  	.closeZone> label {font-size:15px; background:transparent; color:#fff; padding:0;}
    .closeZone {margin-top: 0px !important;}
  }





/* popup scroll bar setting */
.popupZoneIn::-webkit-scrollbar { width:5px; height:20%;}
.popupZoneIn::-webkit-scrollbar-track { background:transparent;}
.popupZoneIn::-webkit-scrollbar-thumb { background:#57bfff;}
.popupZoneIn::-webkit-scrollbar-thumb:hover { background:#1d90d6;}