/* ·¹ÀÌ¾î ¸ÖƼÆ˾÷ Àüü */
#popup-layer {position: fixed; top: 0; left: 0; z-index: 100000000;}
.popup-box {position: relative; top: 100px; left: 100px; width: 800px; max-width: 800px; height: 100%; z-index: 10000; background: #fff; box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup-box .popup-cont {float: left; width: 100%; height: 500px; background: #000;}

/* ·¹ÀÌ¾î ¸ÖƼÆ˾÷ ½½¶óÀ̵å ÄÁÅÙÃ÷ */
.popup-box .popup-cont .imgbox {position: relative; float: left; width: 100%; height: 100%; overflow: hidden;}
.popup-box .popup-cont .imgbox img {width: 100%;}

/* Æ˾÷ ¹öÆ° ¿µ¿ª */
.popup-box .popup-btn {display: table; width: 100%; height: 40px; text-align: left; background: #102c5c; word-break: break-word;}
.popup-box .popup-btn .btnTodayHide {position: relative; display: table-cell; height: 40px; vertical-align: middle; padding-left: 5%; background: #102c5c;}
.popup-box .popup-btn .btnTodayHide input {opacity: 0; position: absolute;}
.popup-box .popup-btn .btnTodayHide input, .checkbox-label {display: inline-block; vertical-align: middle; margin: 5px 0; cursor: pointer;}
.popup-box .popup-btn .btnTodayHide .checkbox-label {position: relative; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #fff; font-weight: 500; letter-spacing: -0.5px;}
.popup-box .popup-btn .btnTodayHide input + .checkbox-label:before {display: inline-block; width: 17px; height: 17px; content: ''; margin-right: 10px; text-align: center; border: 1px solid #000; vertical-align: -4px; background: #fff;}
.popup-box .popup-btn .btnTodayHide input:checked + .checkbox-label:before {background: #102c5c; border: 1px solid #000; box-shadow: inset 0px 0px 0px 4px #fff;}
.popup-box .popup-btn .btnClose {position: relative; display: table-cell; vertical-align: middle;}
.popup-box .popup-btn .btnClose a {display: block; font-family: "Noto Sans KR", sans-serif; color: #fff; font-size: 13px; text-align: right; padding-right: 40px;}
.popup-box .popup-btn .btnClose a:before {content: ''; display: block; position: absolute; top: 13px; right: 25px; width: 1px; height: 15px; background: #fff; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup-box .popup-btn .btnClose a:after {content: ''; display: block; position: absolute; top: 13px; right: 25px; width: 1px; height: 15px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

#popup-layer {width: 100%; padding: 2%; box-sizing:border-box;}
.popup-box {top: 90px; left: 0; width: 100%;}
.popup-box .popup-cont {height: auto;}
.popup-box .popup-cont .video {position: relative; height: 100%; padding-bottom: 56.25%;}
.popup-box .popup-cont .video iframe {position: absolute; width: 100%; height: 100%;}

/* ·¹ÀÌ¾î ¸ÖƼÆ˾÷ ½½¶óÀ̵å ÄÁÅÙÃ÷ */
.popup-box .popup-cont .imgbox {height: auto;}
.imgbox .contents-slide {height: auto;}
.imgbox .contents-slide .swiper-container-popup .swiper-slide {height: auto; padding-bottom: 50px;}
.popup-box .popup-btn .btnTodayHide {width: 68%;}
.popup-box .popup-btn .btnClose {width: 32%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

#popup-layer {width: 100%; padding: 2%; box-sizing:border-box;}
.popup-box {top: 90px; left: 0; width: auto;}
.popup-box .popup-cont {height: auto;}

/* ·¹ÀÌ¾î ¸ÖƼÆ˾÷ ½½¶óÀ̵å ÄÁÅÙÃ÷ */
.popup-box .popup-cont .imgbox {height: auto;}
.popup-box .popup-btn .btnTodayHide {width: 72%;}
.popup-box .popup-btn .btnClose {width: 28%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

#popup-layer {width: 100%; padding: 2%; box-sizing:border-box;}
.popup-box {top: 90px; left: 0; width: auto;}
.popup-box .popup-cont {height: auto;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

#popup-layer {width: 100%; padding: 2%; box-sizing:border-box;}
.popup-box {top: 90px; left: 0; width: auto;}
.popup-box .popup-cont {height: auto;}

}