.container #pop-layer1 {position: fixed; z-index: 999; top: 0; bottom:0; left: 0; right: 0; margin: 0 auto; visibility: hidden; }
.container #pop-layer1 .pop-bg {position: absolute; width: 100%; height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70);}

.container div[id^="pop-layer"] .pop-cont { background: #323232; position: absolute; overflow: hidden; height: calc(138.192vw + 30px); width:90%; max-width:640px; top: 90px; z-index: 999; margin: 0 auto; left: 0; right: 0;}
.container div[id^="pop-layer"] .pop-cont .close {position: absolute; bottom: 0; top: auto; color: #fff; line-height: 30px; margin: 0 auto; left: 0; right: 0; text-align: right; font-weight: 300; padding-right: 0; z-index: 1;}
.container div[id^="pop-layer"] .pop-cont .close > form > a {font-size: 2.4vw;display: inline-block;width: 50%;color: #fff;line-height: 30px;text-align: center;letter-spacing: -1px;}
.container div[id^="pop-layer"] .pop-cont .close > form > a:last-child{border-left: 1px solid #9c9c9c; width: calc(49% - 1px);}
@media (min-width:640px) {
  .container div[id^="pop-layer"] .pop-cont {height:924px;}
  .container div[id^="pop-layer"] .pop-cont .close > form > a {font-size:12px;}
}

/*가로 모드일 때*/
@media(orientation: Landscape){
  .container div[id^="pop-layer"] .pop-cont {width:auto; height:90%;}
}

.container #pop-layer1 .pop-cont .close input{vertical-align: middle;}
.container #pop-layer1 .pop-cont .close>form>div{display: inline-block;}

.container #pop-cont1 .swiper-pagination-fraction,
.container #pop-cont1 .swiper-pagination-custom,
.container #pop-cont1 .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 35px; text-align: center; width: 100%; position: absolute; z-index: 1;}
.container #pop-cont1 .swiper-pagination-bullet-active{background: #ffde00;}



.container #pop-layer2 {position: fixed; z-index: 999; top: 0; bottom:0; left: 0; right: 0; margin: 0 auto; visibility: hidden; }
.container #pop-layer2 .pop-bg {position: absolute; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}

.container #pop-layer2 .pop-cont .close input{vertical-align: middle;}
.container #pop-layer2 .pop-cont .close>form{margin: 0;}
.container #pop-layer2 .pop-cont .close>form>div{display: inline-block;}

.container #pop-layer2 .pop-cont{height: calc(74.992vw + 30px);}
.container #pop-layer2 .pop-cont.h-489{height: calc(91.792vw + 30px); max-height: 489px;}
.container #pop-layer2 .pop-cont.endo{height: calc(94.192vw + 30px); width: 72.3%; max-width: 500px; max-height: 680px;}

.container #pop-layer2 .pop-cont.date230220{height: calc(84.492vw + 30px);}
@media (min-width:500px) {
  .container #pop-layer2 .pop-cont.date230220 {height:452px;}
}

.container #pop-cont2 .swiper-pagination-fraction,
.container #pop-cont2 .swiper-pagination-custom,
.container #pop-cont2 .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 21px; text-align: center; width: 100%; position: absolute; z-index: 1;}
.container #pop-cont2 .swiper-pagination-bullet-active{background: #ffde00;}