@charset "utf-8";

/* 메디프 */
 /* @latest 2025.07.25 */

/* 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: auto; padding:0; border-radius:2px; margin-top: 16vh; margin-bottom: 50vh; } 
.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,
.popupZoneIn>a>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.5);position:fixed;z-index: 1000;display:flex;align-items: flex-start;justify-content:center;gap:20px;flex-wrap: wrap;box-sizing:border-box;width: 100%;} 
.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; } 

.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; 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); 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 { 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 { } 
 .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 .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; margin-top: -4px;} 
.closeZone> label input:hover { cursor: pointer;}
.closeZone> .popupZoneInClose { font-size:18px; box-sizing:border-box; transition:background 0.5s; width: 50px; height:50px; color: #fff; text-indent: -99999px; 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: 5px; color: #fff; } 
.closeZone> .popupZoneInClose:after { } 
.closeZone> .popupZoneInClose:hover { font-weight:600; 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: #ececec; } 
.popupZoneIn::-webkit-scrollbar-thumb { background:#57bfff; } 
.popupZoneIn::-webkit-scrollbar-thumb:hover { background:#1d90d6; }