@charset "utf-8";
/*@latest 2025.11.24 SSJ*/
/*@latest 2025.11.27 SSJ*/
/*@latest 2026.03.03 SSJ*/



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

.popupZoneIn {width:auto !important; height:auto !important; z-index:9999; position:absolute; left:23% !important; 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 > p {padding:10px;font-size:14px;line-height:150%;}
.popupZoneIn img {width:auto; max-width:100%; 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; max-width:100%; margin:0;
                        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: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;}

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

	.popupZoneIn + .popupZoneIn {margin:0 0 0 70px !important;}
  }
  @media (max-width:990px){
	.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%);}
  }
  @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;}
    

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

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


  }





























/* 슬라이드형 팝업 추가 */
.popupZone-slide {background: rgba(0,0,0,0.7);width: 100%;height: 100%;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;position: fixed;z-index: 9999;}
.popupZone-slide:empty {display:none;}
.popupZone-slide .slidePOPUP {z-index: 9999; padding: 0px 0 90px; box-sizing:border-box;}

.slidePOPUP {width: 100%;/* height:100%; */max-width: 1500px;position: relative;padding: 45px 15px 0;box-sizing: border-box;}
.slidePOPUP .swiper-wrapper {align-items: stretch;/* padding: 50px 0; */ justify-content:flex-start;}
.slidePOPUP .swiper-slide {text-align:center;font-size:18px;background:#fff;display:flex;border-radius: 15px;overflow: hidden;height: auto;}
.slidePOPUP .swiper-slide .popupCoArea {width:100%;background: #fff;color: #333;max-height: 70vh;overflow-y: scroll;overflow-x: hidden;font-size: 15px;text-align: left;line-height: 150%;padding: 15px;box-sizing: border-box;word-break: break-all;}
.slidePOPUP .swiper-slide .popupCoArea img {display:block;width:100%;}
.slidePOPUP .swiper-slide .popupCoArea img:only-child {width: calc(100% + 30px);display: block;z-index: 3;position: relative;margin: -15px 0 -20px -15px;}

.slidePOPUP .slideBTN {position: fixed; width: 100%; height: 50px; right: 0; top: 50%; margin-top: -30px; z-index: 0;}
.slidePOPUP [class *="slidePOP-button"] {width: 60px;height: 60px;display: inline-block;background: rgba(14, 22, 37, 0.8); border-radius: 100%;position: absolute;right: 55px;top: -50px;box-sizing: border-box;cursor: pointer;}
.slidePOPUP .slidePOP-button-next {}
.slidePOPUP .slidePOP-button-prev {left: 55px;}
.slidePOPUP .slidePOP-button-next:before,
.slidePOPUP .slidePOP-button-prev:before {content:""; width: 14px;height: 14px;display:inline-block;border: 1px solid rgba(255,255,255,0.9);transform: rotate(45deg);position: absolute;top: 22px;}
.slidePOPUP .slidePOP-button-next:before {border-width: 2px 2px 0 0;right: 25px;}
.slidePOPUP .slidePOP-button-prev:before {border-width: 0 0 2px 2px;left: 24px;}

.popupZone-slide .popupSetBTN {width: 100%;max-width: 1500px;margin: 0 auto;display: flex;gap: 20px;justify-content: center;padding: 10px 10px 0;box-sizing: border-box;position: absolute;bottom: 0;left: 0;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide,
.popupZone-slide .popupSetBTN .closePOPUPSlide {background:rgba(14, 22, 37, 0.8);height: 60px;line-height: 58px;border-radius: 30px;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide {overflow: hidden;padding: 0 30px 0 20px;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"] {width: 1px; height: 1px !important; line-height: normal; overflow: hidden; text-indent: -9999px;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"] + label {font-size: 17px;color: #fff;position: relative;cursor:pointer;font-family: 'Noto Sans KR';}
.popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"] + label:before {content:"";width: 20px;height: 20px;display: inline-block;border: 1px solid rgba(255,255,255,0.5);border-radius: 100%;vertical-align: middle;margin-right: 7px;box-sizing: border-box;margin: -2px 9px 0 0;transition: all 0.5s;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"] + label:after  {content:"";width: 5px;height: 7px;display: inline-block;border: 1px solid #fff;border-width: 0 1px 1px 0;transform: rotate(45deg);position: absolute;left: 7px;top: 9px;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"]:checked + label {font-weight:600;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"]:checked + label:before {background: #fff;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"]:checked + label:after  {border-color: #333;}
.popupZone-slide .popupSetBTN .closePOPUPSlide {font-size: 17px;color: #fff;padding-right: 25px;position: relative;padding: 0 55px 0 30px;font-family: 'Noto Sans KR';}
.popupZone-slide .popupSetBTN .closePOPUPSlide:hover {font-weight:600;}
.popupZone-slide .popupSetBTN .closePOPUPSlide:before,
.popupZone-slide .popupSetBTN .closePOPUPSlide:after {content:"";width: 1px;height: 18px;display: inline-block;background: #fff;position: absolute;right: 36px;top: 21px;}
.popupZone-slide .popupSetBTN .closePOPUPSlide:before {transform: rotate(45deg);}
.popupZone-slide .popupSetBTN .closePOPUPSlide:after  {transform: rotate(-45deg);}

.popupZone-slide .popupSetBTN .checkPOPUPSlide:hover {background:#fff;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide:hover input[type="checkbox"] + label {color:#333;}
.popupZone-slide .popupSetBTN .checkPOPUPSlide:hover input[type="checkbox"] + label:before {border-color: rgba(0,0,0,0.5);}
.popupZone-slide .popupSetBTN .checkPOPUPSlide:hover input[type="checkbox"] + label:after  {/* border-color: #333; */}

/* popup scroll bar setting */
.slidePOPUP ::-webkit-scrollbar {width:3px;}
.slidePOPUP ::-webkit-scrollbar-track {background:transparent;}
.slidePOPUP ::-webkit-scrollbar-thumb {background:#333;}
.slidePOPUP ::-webkit-scrollbar-thumb:hover {background:#00c4ff;} /*chrome*/

  @media (min-width:991px){
    .slidePOPUP .swiper-slide:first-child:nth-last-child(2),
    .slidePOPUP .swiper-slide:nth-child(2):nth-last-child(1) {/* flex-grow:1; */}
	  .slidePOPUP .swiper-slide:first-child:nth-last-child(2) {margin-left: 18%;}
    .slidePOPUP .swiper-slide:nth-child(2):nth-last-child(1)  {margin-right: 0 !important;}
    .slidePOPUP .swiper-slide:only-child {margin: 0 34%;}}
  @media (min-width:991px) and (max-width:1750px){
    .popupZone-slide .slidePOPUP {padding:0 80px 90px;}
    .slidePOPUP .swiper-slide.swiper-slide-prev, 
    .slidePOPUP .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide {opacity: 0;}

    .slidePOPUP [class *="slidePOP-button"] {width: 50px; height: 50px;}
    .slidePOPUP .slidePOP-button-next {right: 10px;}
    .slidePOPUP .slidePOP-button-prev {left: 10px;}
    .slidePOPUP .slidePOP-button-next:before {top: 17px; right: 20px;}
    .slidePOPUP .slidePOP-button-prev:before {top: 17px; left: 20px;}
  }
  @media (max-width:990px){
    .popupZone-slide .slidePOPUP {padding:0 50px 90px;}
    .slidePOPUP .swiper-slide:not(.swiper-slide-active) {opacity: 0;}

    .slidePOPUP .slideBTN {margin-top: -60px;}
	.slidePOPUP [class *="slidePOP-button"] {width: 30px;height: 30px;top: 0;}
	.slidePOPUP .slidePOP-button-next {right: 10px;}
	.slidePOPUP .slidePOP-button-prev {left: 10px;}
    .slidePOPUP .slidePOP-button-next:before,
	.slidePOPUP .slidePOP-button-prev:before {width: 8px; height: 8px; top: 10px;}
    .slidePOPUP .slidePOP-button-next:before {right: 11px;}
	.slidePOPUP .slidePOP-button-prev:before {left: 11px;}
  }

  @media (max-width:399px){
    .popupZone-slide .popupSetBTN {gap:10px;}
    .popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"] + label,
    .popupZone-slide .popupSetBTN .closePOPUPSlide {font-size:14px;}
    .popupZone-slide .popupSetBTN .checkPOPUPSlide input[type="checkbox"] + label:after {top: 6px;}
  }