@charset "utf-8";.mainPopupWrap{z-index:201;position:absolute;top:0;left:0;display:none;width:100%;height:100%}
.mainPopupWrap.active{display:block}
.mainPopupWrap::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}
.mainPopupWrap .contentsWrap,.mainPopupWrap .innerContainer{position:relative;display:flex}
.mainPopupWrap .contentsWrap{z-index:202;margin:71px auto 0;width:1440px}
.mainPopupWrap .contentsWrap .closeLayerPopup{z-index:204;position:absolute;right:30px;top:30px;width:16px;height:16px;background-repeat:no-repeat;background-position:center center;background-size:contain}
.mainPopupWrap .contentsWrap .txtArea,.mainPopupWrap .contentsWrap .imgArea{width:500px}
.mainPopupWrap .contentsWrap .txtArea{padding:50px 40px 120px}
.mainPopupWrap .contentsWrap .titWrap{margin-bottom:20px}
.mainPopupWrap .contentsWrap .titWrap .tit{font-size:44px;line-height:1.23;letter-spacing:.88px;font-family:'HyundaiMedium'}
.mainPopupWrap .contentsWrap .txtcon{line-height:1.75;letter-spacing:.24px}
.mainPopupWrap .contentsWrap .btnWrap{margin-top:50px}
.mainPopupWrap .contentsWrap .btnWrap .btn{padding:15px;display:block;line-height:20px;text-align:center}
.mainPopupWrap .contentsWrap .btnWrap a+a{margin-top:10px}
.mainPopupWrap .contentsWrap #chk{position:absolute;left:40px;bottom:30px}
.mainPopupWrap .contentsWrap #chk input[type=checkbox]{display:none}
.mainPopupWrap .contentsWrap #chk input[type=checkbox]+label{position:relative;padding-left:28px;display:block;line-height:20px;font-size:16px;cursor:pointer;letter-spacing:.24px}
.mainPopupWrap .contentsWrap #chk input[type=checkbox]+label::before{content:'';position:absolute;left:0;top:0;width:14px;height:14px;border:2px solid #979797}
.mainPopupWrap .contentsWrap #chk input[type=checkbox]:checked+label::before{border-color:#00aad2}
.mainPopupWrap .contentsWrap #chk input[type=checkbox]:checked+label::before{background:url('../../../images/common/checkbox.png') no-repeat center center;background-size:11px}
.mainPopupWrap .contentsWrap .imgArea{position:relative}
.mainPopupWrap .contentsWrap .imgArea::before{content:'';position:absolute;left:0;top:0;width:100%;height:170px;background:linear-gradient(to bottom,#fff,#000 0,rgba(0,0,0,0));opacity:.4}
.mainPopupWrap .contentsWrap .imgArea .img{width:100%;height:100%}
.mainPopupWrap .contentsWrap .imgArea .img img{width:100%;height:100%;object-fit:cover}
.mainPopupWrap .contentsWrap .countdownWrap{z-index:203;position:absolute;left:0;top:0;padding-top:45px;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center}
.mainPopupWrap .contentsWrap .countdownArea p{display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;text-shadow:3px 3px 6px rgba(0,0,0,0.16);font-family:'HyundaiMedium'}
.mainPopupWrap .contentsWrap .countdownArea .Dday{margin-bottom:17px;font-size:80px}
.mainPopupWrap .contentsWrap .countdownArea .Dday i{margin:0 15px;width:24px;height:12px;background-color:#fff;box-shadow:3px 3px 6px 0 rgba(0,0,0,0.16)}
.mainPopupWrap .contentsWrap .countdownArea .time{font-size:58px}
.mainPopupWrap .contentsWrap .countdownArea .time i{position:relative;margin:0 15px;width:8px;height:30px}
.mainPopupWrap .contentsWrap .countdownArea .time i::before,.mainPopupWrap .contentsWrap .countdownArea .time i::after{content:'';position:absolute;left:0;width:8px;height:8px;background-color:#fff;box-shadow:3px 3px 6px 0 rgba(0,0,0,0.16);border-radius:50%}
.mainPopupWrap .contentsWrap .countdownArea .time i::before{top:0}
.mainPopupWrap .contentsWrap .countdownArea .time i::after{bottom:0}
.mainPopupWrap .contentsWrap.bg_white .txtArea{background-color:#fff}
.mainPopupWrap .contentsWrap.bg_white .closeLayerPopup{background-image:url('../../../images/common/btn-layer-close.png')}
.mainPopupWrap .contentsWrap.imgType.bg_white .closeLayerPopup{background-image:url('../../../images/common/btn-layer-close-white.png')}
.mainPopupWrap .contentsWrap.bg_navy .txtArea{background-color:#002c5f}
.mainPopupWrap .contentsWrap.bg_navy .closeLayerPopup{background-image:url('../../../images/common/btn-layer-close-white.png')}
.mainPopupWrap .contentsWrap.bg_navy .titWrap h2,.mainPopupWrap .contentsWrap.bg_navy .titWrap h3,.mainPopupWrap .contentsWrap.bg_navy .titWrap h4,.mainPopupWrap .contentsWrap.bg_navy .txtcon,.mainPopupWrap .contentsWrap.bg_navy #chk input[type=checkbox]+label{color:#fff}
.mainPopupWrap .contentsWrap.bg_navy .btnWrap .btn{color:#000;background-color:#fff}
.mainPopupWrap .contentsWrap.bg_navy #chk input[type=checkbox]+label::before{border-color:#fff}
.mainPopupWrap .contentsWrap.bg_navy #chk input[type=checkbox]:checked+label::before{border-color:#00aad2}
.mainPopupWrap .contentsWrap .titWrap .tit.text_shadow{text-shadow:2px 2px 0 #bbb !important}
.mainPopupWrap .contentsWrap.sectionL{justify-content:flex-start}
.mainPopupWrap .contentsWrap.sectionC{justify-content:center}
.mainPopupWrap .contentsWrap.sectionR{justify-content:flex-end}
@media screen and (max-width:1440px){.mainPopupWrap .contentsWrap{padding:0 20px;width:100%}
}
@media screen and (max-width:1024px){.mainPopupWrap .contentsWrap .closeLayerPopup{right:15px;top:15px;width:12px;height:12px}
.mainPopupWrap .contentsWrap .txtArea{padding:30px 15px 75px}
.mainPopupWrap .contentsWrap .titWrap{margin-bottom:15px}
.mainPopupWrap .contentsWrap .titWrap .tit{font-size:30px;line-height:1.17;letter-spacing:1.2px}
.mainPopupWrap .contentsWrap .txtcon{font-size:12px;line-height:1.42;letter-spacing:.48px}
.mainPopupWrap .contentsWrap .btnWrap{margin-top:40px}
.mainPopupWrap .contentsWrap .btnWrap .btn{padding:12px;height:auto;font-size:14px;line-height:16px}
.mainPopupWrap .contentsWrap #chk{left:15px;bottom:15px}
.mainPopupWrap .contentsWrap #chk input[type=checkbox]+label{padding-left:28px;font-size:14px}
.mainPopupWrap .contentsWrap .countdownWrap{padding-top:30px}
.mainPopupWrap .contentsWrap .countdownArea .Dday{margin-bottom:10px;font-size:75px}
.mainPopupWrap .contentsWrap .countdownArea .Dday i{margin:0 20px;width:25px;height:9px}
.mainPopupWrap .contentsWrap .countdownArea .time{font-size:35px}
.mainPopupWrap .contentsWrap .countdownArea .time i{margin:0 15px;width:4px;height:14px}
.mainPopupWrap .contentsWrap .countdownArea .time i::before,.mainPopupWrap .contentsWrap .countdownArea .time i::after{width:4px;height:4px}
.mainPopupWrap .imgType .innerContainer{width:100%}
.mainPopupWrap .contentsWrap.imgType .txtArea,.mainPopupWrap .contentsWrap.imgType .imgArea{width:50%}
}
@media screen and (max-width:767px){.mainPopupWrap .contentsWrap{margin-top:60px}
.mainPopupWrap .innerContainer{flex-flow:wrap-reverse;width:100%}
.mainPopupWrap .contentsWrap .imgArea .img img{height:auto}
.mainPopupWrap .contentsWrap .countdownWrap{padding-top:0;align-items:center}
.mainPopupWrap .contentsWrap.txtType .txtArea{padding:40px 15px 75px;width:100%}
.mainPopupWrap .contentsWrap.imgType .txtArea,.mainPopupWrap .contentsWrap.imgType .imgArea{width:100%}
}