@charset 'euc-kr';

#layerPopv {position: fixed !important; top: 45% !important;}
.modal_popup{display:flex; margin-top: 50px; border-radius: 20px; border: 4px solid #ed3535; background: #fff; letter-spacing:-1px; font-family:'Pretendard'; color:#000;}
.modal_popup > .inner{position: relative; display: flex; flex-direction: column; align-items: center; padding:80px 60px 30px; width:100%;}
.modal_popup > .inner .title{margin:0 0 30px; text-align:center;}
.modal_popup > .inner .title .tit{position:relative; font-size:32px; font-weight:700;  font-family:'GmarketSans'; color:#000;}
.modal_popup > .inner .title .tit.wifi:after{position:absolute; left:167px; top:-26px; content:''; width:29px; height:24px; background:url(img/event/ico_wifi.png) no-repeat; animation: wifi 1s steps(4) infinite;}
.modal_popup > .inner .title .tit span{color:#F20000;}
.modal_popup > .inner .title .note{font-size:18px; color:#A7A7A7; font-family:'Pretendard'; }
.modal_popup > .inner .form{}
.modal_popup > .inner .form .section1{display:flex; flex-direction: column; gap:20px; padding:0 40px;}
.modal_popup > .inner .form .section1 dl{display:flex; height:60px;}
.modal_popup > .inner .form .section1 dt{display:flex; align-items: center; font-size:22px;  font-weight:700; width:120px; height:100%;}
.modal_popup > .inner .form .section1 dd{display:flex;}
.modal_popup > .inner .form .section1 dd input[type=text]{width: 310px; height: 100%; background: #efeff0; border: none; border-radius: 82px; font-size: 22px; color: #000; padding: 0 20px;}
.modal_popup > .inner .form .section1 dd input[type=text]::-webkit-input-placeholder{color: #aaa; font-weight: 400;}
.modal_popup > .inner .form .section1 dd input[type=text]:-ms-input-placeholder {color: #aaa; font-weight: 400;}
.modal_popup > .inner .form .section1 dd input[type=text]:focus::-webkit-input-placeholder {color: #efeff0; font-weight: 700;}
.modal_popup > .inner .form .section1 dd input[type=text]:focus:-ms-input-placeholder {color: #efeff0; font-weight: 700;}

.modal_popup > .inner .form .section6 dd textarea{width:100%; height:150px; background:#efeff0; border: none; font-size: 20px; color: #000; padding: 20px 20px; resize:none;}
.modal_popup > .inner .form .section6 dd textarea::-webkit-input-placeholder{color: #aaa; font-weight: 400;}
.modal_popup > .inner .form .section6 dd textarea:-ms-input-placeholder {color: #aaa; font-weight: 400;}
.modal_popup > .inner .form .section6 dd textarea:focus::-webkit-input-placeholder {color: #efeff0; font-weight: 700;}
.modal_popup > .inner .form .section6 dd textarea:focus:-ms-input-placeholder {color: #efeff0; font-weight: 700;}

.modal_popup > .inner .form .section2{display:flex; flex-direction: column; margin:10px 0 0;}
.modal_popup > .inner .form .section2 .article{display:flex; height:60px; align-items: center;}
.modal_popup > .inner .form .section2 .article .tit{display:flex; font-size:24px;  font-weight:700; width:120px; }
.modal_popup > .inner .form .section2 .article .radio{display:flex; gap:20px; }
.modal_popup > .inner .form .section2 .article .radio input[type=radio]{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.modal_popup > .inner .form .section2 .article .radio input[type=radio] + label{display:inline-block; position:relative; vertical-align:middle; padding-left:29px; line-height:23px; font-size:20px;}
.modal_popup > .inner .form .section2 .article .radio input[type=radio]:checked + label{/* color:#ed3535; */}
.modal_popup > .inner .form .section2 .article .radio input[type=radio] + label:after{content:""; display:block; position:absolute; top:0; left:0; width:25px; height:25px; background:url(/_images/brand/sub/radio_ico.png) 0 0 no-repeat;}
.modal_popup > .inner .form .section2 .article .radio input[type=radio]:checked + label:after{background-position:0 -25px;}
.modal_popup > .inner .form .section2 .note{font-size:16px; color:#ed3535; text-indent:-18px; padding:0 0 0 18px;}
.modal_popup > .inner .form .section3{margin:30px 0 0; border-top:1px solid #bdbdbd; padding:20px 40px 0;}
.modal_popup > .inner .form .section3 .tit{font-size:24px;  font-weight:700; color:#000;}
.modal_popup > .inner .form .section3 .check{display:flex; flex-wrap: wrap; gap:20px 0; margin:20px 0 0;}
.modal_popup > .inner .form .section3 .check > li{width:calc(100% / 3);}}
.modal_popup > .inner .form .section3 .check > li:nth-of-type(7){width:calc(100%)}
.modal_popup > .inner .form .section3 .check input[type=checkbox]{position:relative;margin: 0 10px 0 0;}
.modal_popup > .inner .form .section3 .check input[type=checkbox] + label{display:inline-block; position:relative; vertical-align:middle; line-height:16px; font-size:20px; }
.modal_popup > .inner .form .section3 .check input[type=checkbox]:checked + label{}
.modal_popup > .inner .form .section3 .check input[type=checkbox]:after{position:absolute;left: 0; top:-1px; background:url(img/event/check_in.png) no-repeat; width:18px; height:17px; content:'';}
.modal_popup > .inner .form .section3 .check input[type=checkbox]:checked:after{background:url(img/event/check_in_on.png) no-repeat;}
.modal_popup > .inner .form .section4{margin:60px 0 0; display:flex; justify-content: center;}
.modal_popup > .inner .form .section4 .article{position:relative;padding: 0 0 0 18px;}
.modal_popup > .inner .form .section4 .article input[type=checkbox]{position: absolute; top: 0; left: 0; border: 0; margin: 0; padding: 0; width: 20px; height: 20px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px);}
.modal_popup > .inner .form .section4 .article input[type=checkbox] + label{display:inline-block; position:relative; vertical-align:middle; line-height:16px; font-size:20px; }
.modal_popup > .inner .form .section4 .article input[type=checkbox]:checked + label{/*color:#ed3535;*/}
.modal_popup > .inner .form .section4 .article input[type=checkbox] + label:before{position:absolute;left: -28px; top:-1px; background:url(img/event/check_in.png) no-repeat; width:18px; height:17px; content:'';}
.modal_popup > .inner .form .section4 .article input[type=checkbox]:checked + label:before{background:url(img/event/check_in_on.png) no-repeat;}
.modal_popup > .inner .form .section4 .btn_view{font-size:14px;color:#fff;background:#b2b2b2;padding:4px 14px;border-radius:24px;margin: -5px 0 0 60px;}
.modal_popup > .inner .form .section5{margin:10px 0 0;text-align:center;}
.modal_popup > .inner .form .section5 .btn_app{display:inline-block;height:60px;color:#fff;font-size:30px;font-weight:700;padding: 7px 51px 0;border-radius:58px;background:#ed3535;font-family:'GmarketSans';letter-spacing:-1px;}
.modal_popup > .inner .form .section5 .btn_app span{color:#FFF964;}
.modal_popup > .inner .form .section6{margin:20px 0 0;}
.modal_popup > .inner .form .section6 dl{}
.modal_popup > .inner .form .section6 dt{font-size:22px;  font-weight:700; line-height:1.3;}
.modal_popup > .inner .form .section6 dt span{color:#F20000;}
.modal_popup > .inner .form .section6 dd{position:relative; margin:5px 0 0; background:#efeff0; width:100%; height:180px; border-radius:20px; overflow:hidden;}
.modal_popup > .inner .form .section6 dd .count{position:absolute; right:20px; bottom:10px; font-size:14px; color:#999;}
.modal_popup > .inner .form .section6 dd .count strong{ font-weight:700; color: #000;}
.modal_popup .b-close {position: absolute; right: 0; top: 0; background: url(img/event/pop_close.png) no-repeat center; width: 85px; height: 85px; text-indent: -9999em;}
.modal_popup .box {position: relative; overflow: auto; margin:28px 0 0;}
.modal_popup .scrollbar{max-height:calc(100vh/1.7); overflow:auto;}

.modal_popup > .inner .alert1{ font-size:35px; font-weight:700; padding:70px 0 120px; line-height:1.3; text-align:center;}
.modal_popup > .inner .alert2{padding:70px 0 120px; text-align:center; background:url(img/event/ico_notice.png) no-repeat center 40px; padding:130px 0 0;}
.modal_popup > .inner .alert2 .txt{font-size:25px; font-weight:600; line-height:1.3;}
.modal_popup > .inner .alert2 button{color:#fff; background:#F20000; font-size:25px; padding:10px 65px; font-weight:700; display:inline-block; border-radius:20px; margin:30px 0 0;}

.modal_popup.type2{border:none;}
.modal_popup.type2 > .inner{padding:76px 35px 60px; flex-wrap: wrap; }

.modal_popup.type3{border:none; border-radius:0;}
.modal_popup.type3 > .inner{padding:13px 35px 40px; flex-wrap: wrap; }
.modal_popup.type3 .b-close{display:none;}

/* scrollbar */
.scrollbar::-webkit-scrollbar {width: 5px; background-color: #F3F3F3; border-radius: 5px;}
.scrollbar::-webkit-scrollbar-track {background-color: #eee;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #ababab; border-radius: 5px;}

/* keyframes */
@keyframes wifi {
    100%{background-position:-116px 0;}    
}
@keyframes blinker {
    50%{opacity:0;}
}