@charset "utf-8";

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

.popupZoneIn {width:auto !important; height:auto !important; z-index:9999; position:absolute; left:23%; top:16%; min-width:300px; max-width:90%; min-height:100px;
            background:white; box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2); padding:0 0 25px; 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:80vh; height:auto; display:block;}
.popupZoneIn .popupZoneInClose {position:absolute; bottom:0; left:0; width:100%; height:25px; background:#f9f9f9; border-top:1px solid #f0f0f0;
                        font-size:0; text-align:right; color:#333; line-height:25px; margin-top:-3px; transition:background 0.5s; transition:background 0.5s;}
.popupZoneIn .popupZoneInClose:after {content:"\2715"; float:right; font-size:16px; margin-right:7px;}

.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 .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; text-align:center; box-sizing:border-box;}

  .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;}
  .adm_popupzone .adm_pop_bnr_p .admtext_wrap p + span {display:none;}
  
  .adm_popupzone a.admclose_btn {position:absolute; right:5px; bottom:5px; z-index:1; font-size:0; color:#b5b5b5;}
  .adm_popupzone a.admclose_btn:after {content:"\2715";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;/* margin-right:35px; */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 input { display:none; }
  .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 label:before {content:"";width:13px;height:13px;border:1px solid #b5b5b5;margin-top:8px;float:left;margin-right:5px;text-shadow: 0px 1px #333, 0px 1px 1px #333;}
  .adm_popupzone .swiper-container + span input:checked + label:before {content:"\2714"; font-size:11px; line-height:13px; text-align:center;}
  .adm_popupzone .swiper-container + span:hover {background:rgba(0,0,0,0.5);}
    /* bg color - font color match*/
    .adm_popupzone .swiper-slide.popcol_red {background:#b81301; background-image:linear-gradient(to right, #b81301 ,#c02514,  #b81301);} /*red*/
    .adm_popupzone .swiper-slide.popcol_blue {background:#124274; background-image:linear-gradient(to right, #124274,  #285f99, #2d66a1, #2d7ca1);} /*blue*/
    .adm_popupzone .swiper-slide.popcol_green {background:#136a07; background-image:linear-gradient(to right, #0d5d05,  #12680a, #106f27, #238966);} /*green*/
    .adm_popupzone .swiper-slide.popcol_yellow {background:#e5a907; background-image:linear-gradient(to right, #e5a907,  #e5a907, #f8ba16, #fbbf1f);} /*yellow*/
    .adm_popupzone .swiper-slide.popcol_silver {background:#333; background-image:linear-gradient(to right, #333,  #373636, #393737);} /*grey*/
    .adm_popupzone .swiper-slide.popcol_orange {background:#c14e15; background-image:linear-gradient(to right, #c14e15,  #cb5419, #e4801d, #f6aa1d);} /*orange*/
    .adm_popupzone .swiper-slide.popcol_purple {background:#4f1c65; background-image:linear-gradient(to right, #4f1c65,  #69276e, #7b2975, #812671, #69276e);} /*purple*/
    .adm_popupzone .swiper-slide.popcol_white {background:#fff; background-image:linear-gradient(to right,#f2f2f2, #f7f6f6, #fff);} /*white*/

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


/* slide btn */
.adm_popupzone .swiper-container-horizontal>.swiper-pagination-bullets {width:100% !important; height:12px; left:auto !important; top:10px; padding-right:10px; text-align:right; box-sizing:border-box;}   
.adm_popupzone .swiper-pagination-bullet {border:1px solid #ddd; opacity:0.5; margin:0 3px !important; border-radius:0;}
.adm_popupzone .swiper-pagination-bullet-active {background:white; opacity:1; border:1px solid black;}
.adm_popupzone .swiper-button-next, 
.adm_popupzone .swiper-button-prev {background:none; color:#dadada;}
.adm_popupzone .swiper-button-next:after, .adm_popupzone .swiper-button-prev:after {font-size:30px; line-height:44px;}
.adm_popupzone .swiper-button-next:after {content:"\276F";float:right;/* outline: 1px solid #333; *//* outline-style: auto; */}
.adm_popupzone .swiper-button-prev:after {content:"\276E"; float:left;}




  @media (min-width:991px){ 
    .adm_popupzone .swiper-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:20px; 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;}
  }

  @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 .swiper-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 {/*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:2; max-height:34px; }
  }

  @media (max-width:599px){
    /*#popupZone {display:none !important; height:0 !important;}*/
    .adm_popupzone {/*display:none !important;*/}
    .adm_popupzone .swiper-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: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>.swiper-pagination-bullets {padding-right:25px;}
    .adm_popupzone a.admclose_btn {color:white; right:5px; top:8px; line-height:18px; height:15px;}
    .adm_popupzone a.admclose_btn:after {font-size:13px;}

    .popupZoneIn + .popupZoneIn {margin:0 5% !important;}
    .popupZoneIn {width:90% !important; margin:0 5% !important; left:0 !important; border-radius:10px; top:50%; -webkit-transform:translate(0,-50%); transform:translate(0, -50%);}

    .adm_popupzone .swiper-button-next, .adm_popupzone .swiper-button-prev {display:none;}


  }