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

.popupZoneIn {
            width:auto !important;
            height:auto !important;
            z-index:9999;
            position:absolute;
            left:23% !important;
            top:190px;
            min-width: 400px;
            max-width:1100px;
            min-height:100px;
            background:white;
            box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);
            /* padding:0 0 25px; */
            padding: 0;
            border-radius:2px;
            overflow:hidden;
            }
.popupZoneIn + .popupZoneIn {margin:0 -327px;}
.popupZoneIn > p {padding:10px; font-size:14px; line-height:150%;}
.popupZoneIn img {width:auto;max-height:70vh;height:auto;display:block;max-width: 100%;}
.popupZoneIn .popupZoneInClose {position:absolute; bottom:0; right:0; width:25px; height:25px; font-size:1px; color:#333; line-height:25px; transition:background 0.5s; text-indent: 999px;}
.popupZoneIn .popupZoneInClose:after {content:"\2715"; position: absolute; top:0; right:0; text-indent: 0; font-size:16px; margin-right:6px;}
.popupZoneIn label{cursor: pointer;}
.popupZoneIn + .popupZoneIn {margin:0 0 0 70px !important;}
.popupZoneIn:hover .popupZoneInClose {background:#ddd;;}


/*poppu zone*/
#popupZone {}
.adm_popupzone {width:100%; float:left; position:relative; margin:0 0; overflow:hidden; height:auto; box-sizing:border-box;}
/* .adm_popupzone .popup-slide {overflow:hidden;} */
.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; /*padding:10px 0;*/ position:relative; box-sizing:border-box;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap h1 {font-size:20px; font-weight:400; color:#fff; text-align:center; line-height:140%; color:#fff; word-break:keep-all;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {
                          font-size:14px;
                          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';
                          letter-spacing: -0.5px;
                          margin-top: 5px !important;
                          }
  .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:#fff; background-image:linear-gradient(to right,#f2f2f2, #f7f6f6, #fff);} /*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: 80px;top:10px;text-align:right;box-sizing:border-box;position: absolute;}
.adm_popupzone .slick-dots li {border: 1px solid rgba(255,255,255,0.9);/* opacity:0.5; */margin:0 3px !important;border-radius:0;display: inline-block;width: 6px;height: 6px;vertical-align: middle;}
.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: 7px;height: 7px;}

.adm_popupzone .slick-arrow {background:none;color:#dadada;width: 15px;height: 45px;overflow: hidden;text-indent: -9999px;position: absolute;top: 50%;/* top: 0; */transform: translateY(-50%);z-index: 999;}
.adm_popupzone .slick-arrow:after {font-size:30px;line-height:44px;width: 100%;position: absolute;left: 0;top: 0;text-indent: 0;}
.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";}
.adm_popupzone .slick-arrow.slick-prev:after {content:"\276E";}


.adm_popupzone .indicator {position: absolute;right: 5px;top: 10px;z-index: 2;background: rgba(255,255,255,0.8);padding-right: 5px;display: inline-block;}
.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: 7px;top: 5px;line-height: 25px;font-size: 11px;border-left: 8px solid #333;border-top: 6px solid transparent;border-bottom: 6px 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: 2px; font-size: 10px;}


.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;}
.adm_popupzone .indecator_number .this_count {font-weight:600;}

.adm_popupzone .wzwgPopupList + span {right: 40px !important;left: auto !important;font-family: 'NOTO SANS KR';font-weight: 600;font-size: 13px;}




@media (min-width:991px){
    .adm_popupzone .popup-slide {height:120px;}
    .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {box-sizing:border-box;line-height: 120px;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 {height:120px; line-height:100px;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: 17px;max-width:90%;margin:0 auto;max-height:58px;}
    .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;padding: 0 !important;max-width: 100%;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap p { max-width: 100%;}

	.popupZoneIn > *:not(img) {max-width:600px;margin: 0 10px;}
	.popupZoneIn > *:not(img):first-child {margin-top:10px;}

	.popupZoneIn + .popupZoneIn {margin: 0 0 0 200px !important;}
  }
  @media (max-width:990px){
	.popupZoneIn {max-width: 90% !important; left: 50% !important; border-radius:10px; top:100px; -webkit-transform:translateX(-50%);transform: translate(-50%);}
  }
  @media (min-width:991px) and (max-width:1350px){
    .adm_popupzone .adm_pop_bnr_p .admimg_404 {display:none;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap {width:100%;margin-left: 0;text-align: left;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap h1,
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap p {text-align:left;}
    
  }
  @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: 145px;line-height:130px;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 {height:130px;width:23%;padding:10px;line-height:110px;display: none;}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 img {/*width:90%;*/ /*max-height:100%;*/ 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: 3;max-height: 54px;/* white-space: nowrap !important; *//* text-overflow: ellipsis; */}

    .adm_popupzone .adm_pop_bnr_p .admimg_404 {}
    .adm_popupzone .adm_pop_bnr_p .admimg_404 + .admtext_wrap {width:100%;}
  }

  @media (max-width:599px){
    /*#popupZone {display:none !important; height:0 !important;}*/
    .adm_popupzone {/*display:none !important;*/}
    .adm_popupzone .popup-slide {height:100px;}
    .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:100px;}
    .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: 17px;line-height:130%;font-weight: 600;}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {font-size:13px;line-height:17px;-webkit-line-clamp: 2;max-height:32px;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* width: 100%; */}
    .adm_popupzone .adm_pop_bnr_p .admtext_wrap p br {display:none;}
    .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 + .popupZoneIn {margin:0 5% !important;}
    .adm_popupzone .slick-arrow.slick-next, .adm_popupzone .slick-arrow.slick-prev {display:none;}

    .popupZoneIn img{width:100%!important;}
    .popupZoneIn table {max-width:100%;}

    .adm_popupzone .indicator {right:33px;}
    .adm_popupzone .indicator button {height:20px; line-height:20px;}
    .adm_popupzone .indecator_number {right: 63px;font-size: 12px;height: 20px;line-height: 20px;}

    .adm_popupzone .slick-dots {right: 105px;height: 20px;line-height: 20px;}
    .adm_popupzone .wzwgPopupList + span {right: 10px !important;}
  }




/* close btn box new design - ssj 21.03.08 */
.closeZone {width: 100%;margin: 0 !important;/* max-width: 100% !important; */height: 50px;line-height: 50px;max-width: 100% !important;}
.closeZone> label{width: 50%;/* float: left; */font-size: 18px;display: inline-block;text-align: center;box-sizing: border-box;line-height: 130%;vertical-align: middle;padding: 0 10px;}
.closeZone> label input {float:none; }
.closeZone> .popupZoneInClose {width: 50%;float: right;position: relative;font-size: 18px;text-indent: 0;text-align: center;line-height: 50px;height: 100%;border-left: 1px solid #ddd;box-sizing: border-box;}
.closeZone> .popupZoneInClose:after {position: relative; margin-left: 10px;}
.closeZone> .popupZoneInClose:hover {font-weight:600;}

  @media (max-width:599px){
  	.closeZone> .popupZoneInClose,
  	.closeZone> label {font-size:15px;}
  }



@media (max-width:820px){
  .adm_popupzone .popup-slide {height: 90px;line-height: 70px;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p {display:none !important;}
  .adm_popupzone .adm_pop_bnr_p .admdiv_wrap {line-height: 60px;}

  .adm_popupzone .indecator_number,
  .adm_popupzone .indicator,
  .adm_popupzone .slick-dots{display:none;}
}


@media (max-width:420px){
.popupZoneIn {min-width: 90%;}
}