@keyframes boxani { 100% { transform: translateX(0); opacity: 1; } 
 } 




 .pop-wrapper {display: flex; align-items: flex-end; position: fixed;top: 0;width: 100%; max-width: 1024px; height:auto;z-index: 999999;}
 .pop-wrapper > div {flex: 1 1 0; align-items: end;  position: relative;height: 100vh;border-radius: 2rem 2rem 0 0;    overflow: hidden;}
 .pop-wrapper > div > div {width: 100%; height: calc(100% - 39rem);border-radius: 2rem 2rem 0 0;overflow: hidden;}
 .pop-wrapper > div:before { display:block; content:""; position:fixed; left:50%; top:0;max-width: 1024px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1;    transform: translateX(-50%); }
 .pop-wrapper.hidden {display: none;}

#splashWr1 {display: none;z-index: 3;}
#splashWr1 .tit {margin-bottom: 11rem; line-height: 5.4rem; color: #fff; font-size: 4.1rem; font-weight: 900; letter-spacing: 0; word-break: keep-all; } 
#splashWr1 .inner { display: flex; flex-direction: column; justify-content: center;width: 100%; margin-top: auto;background:url(/main_bg.jpg)no-repeat center right / cover; padding: 4rem;} 
#splashWr1 .cont {display: grid;align-content: center; position: relative; height: 100%; } 
#splashWr1 .box-img { position: absolute; right: 0; bottom: 0; width: 44%; transform: translateX(50%); opacity: 0; animation: boxani 0.8s ease 0s 1 normal forwards running; } 
#splashWr1 .splash-close ,#splashWr1 .deta-chk label span { font-size: 1.8rem; } 
#splashWr1 .splash-close { background: rgba(225, 225, 225, .9); border: 1px solid #fff; } 
#splashWr1 .splash-close > .flex { justify-content: space-between; } 
#splashWr1 .deta-chk label { flex-direction: row; } 
#splashWr1 .deta-chk label span { margin-top: 0; margin-left: 1rem; } 



#popBanner {display: none;z-index: 2;}
.pop1 .title { margin:10px 0; font-size:25px; font-weight:600; text-align:center; } 
.pop1 p { line-height:20px; font-size:14px; } 

.pop1 { display:none; } 
.pop1 .cont {height: calc(100% - 4.9rem);background: #007CFF;}
.pop1 .cont img {object-fit: contain;    object-position: center;    height: 100%;}
.pop1 .cont img.img-mo {display: none;}
.pop1 .layerBox .title { margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9; text-align: left; } 
.pop1 .layerBox p { line-height:20px; font-size:13px; } 
.pop1 .layerBox .pop-ba-close {position: relative; grid-gap: 0; font-size: 1.6rem; text-align: center; } 
.pop1 .layerBox .pop-ba-close input {position: absolute; top: 0; left: 0; opacity: 0;} 
.pop1 .layerBox .btnClose1 { display:inline-block; background: #262626; } 
.pop1 .layerBox .btnClose1 a { color: #fff; } 
.pop1 .layerBox .btnClose1 a, .pop1 .layerBox .btnTodayHide label { display: block; padding: 1.5rem 0.5rem; } 
.pop1 .layerBox .btnTodayHide { background: #f0f0f0; text-align: center; } 

@media (max-width: 1200px) {
.pop-wrapper, .pop-wrapper > div:before { max-width: 100%;}
 .pop-wrapper > div > div {height: 43rem ;}

#splashWr1 .tit {width: 55%; margin-bottom: 0; line-height: 1.2; font-size: 3.1rem;}
}

@media (max-width: 1024px) {
 .pop-wrapper > div > div {height: 44rem;}
#splashWr1 .tit {width: 100%; line-height: 1.3;}
#splashWr1 .tit-wr {padding: 0;margin-bottom: 7rem;}
}
@media (max-width: 768px) {
 .pop-wrapper {display: block;}
 .pop-wrapper > div {position: absolute;width: 100%;}
 .pop-wrapper > div > div {height: calc(100% - 34rem);}
 
}
@media (max-width: 500px) {
 .pop-wrapper > div > div {height: calc(100% - 32rem);}

.pop1 .cont img.img-pc {display: none;}
.pop1 .cont img.img-mo {display: block;}

#splashWr1 .tit {font-size: 3.5rem;}
#splashWr1 .tit-wr {width: 100%; margin-bottom: 0;}
#splashWr1 .inner {justify-content: space-between; padding: 2rem;}
#splashWr1 .splash-close, #splashWr1 .deta-chk label span {  margin-bottom: 0;font-size: 1.5rem;  }
#splashWr1 .box-img {right: -1rem;width: 36%;}
}





/*스플래쉬  -  기존 css */
/*스플래쉬 - 팝업, 스플래쉬 따로*/
/* body.splash { overflow: hidden; }  */
/* #splashWr { display: none !important; position: fixed; top: 0; left: 50%; min-width: 320px; width: 100%; max-width: 1024px; height: 100%; margin: 0 auto;     background: rgba(0, 0, 0, .2); transform: translateX(-50%); z-index: 999999; overflow: hidden; }  */
/* #splashWr .tit { margin-top: 7rem; line-height: 6.4rem;   color: #fff; font-size: 5.1rem; font-weight: 900; letter-spacing: 0; word-break: keep-all; } 
#splashWr .inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%;background:url(/main_bg.jpg)no-repeat center right / cover;border-radius: 2rem 2rem 0 0; margin-top: auto; padding: 4rem;} 
#splashWr .cont { position: relative; height: 100%; } 
#splashWr .box-img { position: absolute; right: 0; bottom: 0; width: 44%; margin-top: auto; transform: translateX(50%); opacity: 0; animation: boxani 0.8s ease 0s 1 normal forwards running; } 
#splashWr .splash-close ,#splashWr .deta-chk label span { font-size: 1.8rem; } 
#splashWr .splash-close { background: rgba(225, 225, 225, .9); border: 1px solid #fff; } 
#splashWr .splash-close > .flex { justify-content: space-between; } 
#splashWr .deta-chk label { flex-direction: row; } 
#splashWr .deta-chk label span { margin-top: 0; margin-left: 1rem; } 

@media all and (max-width:1200px) { 
 #splashWr { max-width: 100%; } 
 } 
@media all and (max-width:800px) { 
 #splashWr .inner { background:url(/main_bg_m.jpg)no-repeat center right / cover; } 
 #splashWr .tit-wr { width: 100%; } 
 #splashWr .box-img { position: absolute; right: 4rem; width: 40%; } 
 } 
@media all and (max-width:768px) { 
 #splashWr .inner {height: 75%;}
 #splashWr .tit { line-height: 4.8rem; font-size: 4.1rem; } 
 #splashWr .box-img { width: 60%; } 
 } 
@media all and (max-width:500px) { 
 #splashWr .inner { justify-content: center; height: 69%; } 
 #splashWr .box-img { position: relative; right: 0; width: 100%; } 
 #splashWr .box-img img { width: 70%; margin: auto; } 
 #splashWr .tit { margin-top: 0; margin-bottom: 0; padding: 0 2rem; line-height: 1.3; font-size: 3.1rem; font-weight: 800; text-align: center; } 
 #splashWr .tit br { display: none; } 
 #splashWr .splash-close ,#splashWr .deta-chk label span { font-size: 1.6rem; } 
 #splashWr .splash-close { position: absolute; left: 5%; bottom: 5%; width: 90%; margin: auto; } 
 } 
@media all and (max-width:450px) { 
 #splashWr .inner { height: 72%; }
 #splashWr .tit { padding: 0; line-height: 4rem; font-size: 3.2rem; } 
 }  */

 

/* .pop { margin:0 auto; max-width:800px; } 
.pop .title { margin:10px 0; font-size:25px; font-weight:600; text-align:center; } 
.pop p { line-height:20px; font-size:14px; } 

.pop { display:none; position: fixed; top: 0; left: 50%; max-width: 1024px; width: 100%; height: 100%; z-index: 999998; transform: translateX(-50%); } 
.pop:before { display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); } 
.pop .layerBox { position: fixed; left: 0; bottom: 0; border-radius: 2rem 2rem 0 0; overflow: hidden; } 
.pop .layerBox .title { margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9; text-align: left; } 
.pop .layerBox p { line-height:20px; font-size:13px; } 
.pop .layerBox .pop-ba-close {position: relative; grid-gap: 0; font-size: 1.6rem; text-align: center; } 
.pop .layerBox .pop-ba-close input {position: absolute; top: 0; left: 0; opacity: 0;} 
.pop .layerBox .btnClose1 { display:inline-block; background: #262626; } 
.pop .layerBox .btnClose1 a { color: #fff; } 
.pop .layerBox .btnClose1 a, .pop .layerBox .btnTodayHide label { display: block; padding: 1.5rem 0.5rem; } 
.pop .layerBox .btnTodayHide { background: #f0f0f0; text-align: center; } 




@media screen and (min-width:1600px) {
 .pop .layerBox { left: 50%; bottom: 50%; width: 50%; transform: translate(-50%, 50%); } 
 .pop .layerBox { left: 0; bottom: 0; width: 45%; } 
 }
@media (max-width:1599px) and (min-width:1025px){
 .pop .layerBox { left: 0; bottom: 0; width: 36%; }
}
@media (max-width:1024px) and (min-width:768px){
 .pop .layerBox { left: 0; bottom: 0; width: 46%; }
}
@media (max-width:767px) and (min-width:500px){
 .pop .layerBox { left: 0; bottom: 0; width: 42rem; }
}
@media screen and (max-width:500px){
 .pop .layerBox { left: 0; bottom: 0; width: 100%; }
} */