@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}

* {margin:0 auto; padding: 0;}
html {scroll-behavior: smooth; user-select: none; }
ol, ul, li, dl, dt, dd{list-style: none;}
html, body, div, p, strong, span, ol, ul, li, dl, dt, dd, i, em, pre {font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}
/* [class^="bg_"] {padding: 120px 0;} */



div.evt_wp {font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;position: relative;}
div.evt_wp a{text-decoration: none;}

.evt_wp .evt_top{background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; width: 100%; z-index: 11; height:60px;}
.evt_wp .evt_top.fix{position:fixed;}
.evt_wp .evt_top ul{overflow: hidden; width: 1080px; margin: 0 auto; padding: 15px 0; position: relative;}

.evt_wp .evt_top li{float: left; font-size: 20px; color: #fff; line-height: 1;}
.evt_wp .evt_top li:first-child{padding-top: 3px;}
.evt_wp .evt_top li:last-child{padding-top: 5px;}

.evt_wp .evt_top .data{font-size: 28px; padding-right: 70px; font-weight: 800;}
.evt_wp .evt_top .top_btn{background: #fff; color: #000; border-radius: 3px; padding: 8px 50px; font-size: 19px; font-weight: 600; margin-left: 90px; letter-spacing: -1;}
.evt_wp .evt_top a{text-decoration: none;}
.evt_wp .evt_top .count{font-weight: 500; padding-right: 10px;}
.evt_wp .evt_top .count:nth-child(3){width: 250px;}
.evt_wp .evt_top .count span{font-size: 32px; padding-left: 15px; font-weight: 800;}
.evt_wp .evt_top .arrow{font-family: 'yg-jalnan'; padding-left: 12px;}

.evt_wp .quick{position: fixed; bottom: 25%; right: 10px; z-index: 1;}
.evt_wp .quick p{margin: 0; padding: 0; text-align: center;}

.evt_wp .visual{background:url('bg_visual.png') no-repeat center 0; background-size:cover; height: 751px;overflow: hidden; text-align:center; }
.evt_wp .visual > .inner > .width{position: absolute; bottom:-20px; left:124px; overflow:hidden; }
.evt_wp .visual_txt{padding-top:200px; animation: fade-in-top 1s both;}
.evt_wp .visual_txt2{animation: fade-in-top 1s .2s both; padding-top:50px;}
.evt_wp .visual_typo{padding-top:30px; animation: fade-in 1.2s .8s both;}

.evt_wp .sub_typo{position: absolute; top:290px; right: 140px; color: #fff000; font-size:26px; text-align: center; z-index: 1; line-height: 30px; font-weight: 600;}
.evt_wp .inner{ width: 1200px; margin: 0 auto; position: relative; text-align:center; }
.evt_conts .inner{ padding:120px 0;}
.evt_conts h2 { padding-bottom:50px; }

.bg_01{background: #fff;}
.bg_02{background: #210303; }
.bg_03{background: #ffebe2;}
.bg_04{background: #fff;}
.bg_05{background: #210303;}
.bg_06{background: #f1541c; }
.bg_07{background: #333;}

ul.buy{overflow: hidden; text-align: center;}
ul.buy li{display: inline-block; position: relative;}
ul.buy li:first-child{margin-right: 20px;}
ul.buy .buy_btn{position: absolute; left: 34px; bottom: 40px; background: #000; font-size: 30px; color: #fff; padding: 30px; text-align: center; letter-spacing: -1;
}
ul.buy .buy_btn{position: absolute; left: 34px; bottom: 40px; background: #000; width: -webkit-fill-available;  max-width: 380px; padding: 30px 45px; color: #fff; text-align: center; letter-spacing: -1px;}
ul.buy .buy_btn *{font-size: 28px; color: #fff; font-weight: 900;}
ul.buy .btn_view{position: absolute; top: 217px; right: 40px; background: #fff; border: 1px solid #000; padding:0 10px 2px; border-radius: 3px; font-size: 13px; font-weight: 700; text-align: center; color: #000;}

/* 버튼 두개일때 */
ul.buy .buy_btn1{position: absolute; left: 34px; bottom: 40px; background: #000; font-size: 28px; color: #fff; text-align: center; letter-spacing: -1px; padding: 15px 28px; line-height: 34px;}
ul.buy .buy_btn2{position: absolute; right: 34px; bottom: 40px; background: #fb4d01; font-size: 28px; color: #fff; text-align: center; letter-spacing: -1px; padding: 15px 28px; line-height: 34px;}

.btn_down{position: absolute; left:0; top:648px; background: #111; width: 710px; padding: 25px 0; text-align:center; border-radius: 5px; color: #fff; font-size: 26px; font-weight:700; transition:all .2s;}
.btn_down:hover{background: #fb4d01; color: #fff;}
.btn_apply{position: relative; width:643px; margin:0 auto; padding-top:60px;}

.bg_06 > .tit{font-size: 55px; font-weight: 900; text-align: center; padding-top: 100px; color: #fb4d01; line-height: 33px;}
.bg_06 > .tit span{font-size: 35px; font-weight: 500; text-align: center; line-height: 1; color: #000; margin-top: 30px; display: inline-block;}

.small{font-size: 16px; letter-spacing: -1; white-space: pre; text-align: center; }
.mint{color: #00ffcc !important;}
.yellow{color: #fff000 !important;}

.pr_info { border-radius:20px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.pr_info th,
.pr_info td{font-size: 18px; padding: 20px;}
.pr_info th{background: #210303; color: #fff; height:60px;}
.pr_info td{background: #fff; border: 1px solid #ddd; border-top: 0; border-left: 0; text-align: center;}
.pr_info td:first-child{border-left: 0;}
.pr_info td:last-child{border-right: 0;}
.pr_info tr:last-child td{border-bottom: 0;}
.bg_06 .flex { display:flex; gap:20px;}

.pop{position: absolute; top: 80px; right: 85px;}
.pop_pm{position: absolute; top: 130px; left:295px;}
.pop_pm1{position: absolute; top: 50px; left: 100px;}
.pop_pm2{position: absolute; left: 573px; bottom: 138px;}

.width{animation: width .8s 1.5s ease-out both;}
.blink{animation: blink 1s infinite;}
.blink2{animation: blink 1s .5s infinite;}
.dungdung{animation: scrollBottom .8s both infinite alternate;}
.up-on-scroll{transition: transform 0.7s, opacity 1.7s;}

.project{color: #fff; padding-top: 30px; position: relative;}
.noti_tit{color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5); font-size: 35px; font-weight: 900; text-align: center; padding: 20px 0 10px;}

.detail{position: relative; margin: 0 auto; display: none;}
.project .show{display: block; -webkit-animation: fadeIn .5s; animation: fadeIn .5s;}
.project p.mint{font-size: 28px; font-weight: 900; text-align: center; padding: 15px 0;}

.project table{table-layout: fixed; word-break: break-all; border-collapse: collapse; width: 100%; border-bottom: 1px solid #fff; margin-bottom: 30px;}
.project table th,
.project table td{font-size: 22px; text-align: center; padding: 10px;}
.project table tr:nth-child(2) td{padding-top: 20px;}
.project table tr:last-child td{padding-bottom: 30px;}
.project table th{background: #fff; color: #13003f; padding: 5px 10px 7px;}
.project table td{color: #fff;}

.detail .noti_small{font-size: 14px; opacity: 0.8; font-weight: 100;}

.summary.open {cursor: pointer; position: absolute; top: -55px; right: 250px;}
.summary.close {cursor: pointer; position: absolute; top: -55px; right: 250px;}
.summary.open .arrow,
.summary.close .arrow{width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%;}
.summary.open .arrow::after {position: absolute; top: 10px; left: 13px; content: ''; width: 15px; height: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg);}
.summary.close .arrow::after {position: absolute; top: 16px; left: 13px; content: ''; width: 15px; height: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg);}


@keyframes fade-in-top{0%{transform: translateY(-50px); opacity: 0;}100%{transform: translateY(0); opacity: 1;}}
@keyframes fade-in{0%{opacity: 0;}100%{opacity: 1;}}

@keyframes scrollBottom { 0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}
@keyframes width{0%{width:0} 100%{width:405px;}}
@keyframes blink{0%{opacity:1} 50%{opacity:.3}100%{opacity:1}}

/* slide */
.evt_wp .swiper-container {width: 1200px; height: 400px; margin: 0 auto; padding-top: 0; border-radius: 20px;}
.evt_wp .bg_06 .swiper-slide{background: #fff; overflow: hidden; padding: 60px 100px;}
.evt_wp .swiper-slide li{float: left; font-size: 18px;}
.evt_wp .swiper-slide li:first-child{width: 270px; text-align: center; padding-top: 10px;}
.evt_wp .swiper-slide li:last-child{width: 700px; text-align: left;}
.evt_wp .swiper-slide li .tit{font-size: 26px;  white-space: pre;}
.evt_wp .swiper-slide li strong{font-weight: 800;}
.evt_wp .swiper-slide li:last-child div:nth-child(2){padding:10px 0 30px;}
.evt_wp .swiper-pagination{bottom: 80px !important;  left: 50%;}
.evt_wp .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 3px;}

.evt_wp .swiper-button-prev{left: 50%; margin-left: -550px;}
.evt_wp .swiper-button-next{right: 50%; margin-right: -550px;}
.evt_wp .swiper-button-prev:after{content:  ''; width: 20px; height:  20px;  border-top:  3px solid #888; border-right:  3px solid #888; transform:  rotate(225deg); }
.evt_wp .swiper-button-next:after{ content:  ''; width:  20px; height: 20px; border-top:  3px solid #888; border-right:  3px solid #888; /* 선 굵기 */ transform:  rotate(45deg); }
.swiper-pagination-bullet-active { background:#111; }

/* tab */
.tab_wp{ display:flex; border-bottom:1px solid #ddd; border-radius:10px 10px 0 0; overflow: hidden; }
.tab_wp li{cursor: pointer; text-align: center; color: #888; font-size: 20px; background: #fff; padding: 20px 0 18px; line-height: 32px; flex-grow: 1; transition:all .2s; border-right:1px solid #ddd; font-weight:700;}
.tab_wp li:hover,.tab_wp li.active{ background: #111; color: #fff;}
.tab_wp li:last-child{ border-right:none; }
.tab-content{position: relative; background: #fff; border-radius:0 0 10px 10px;}

.tab-content .btn{position: absolute; background: #333; padding: 5px 9px; text-align: center; color: #fff; font-size: 13px; border-radius: 3px;}
.btn.part1{top: 244px; left: 87px;}
.btn.part2{top: 244px; left: 647px;}
.btn.part3{top:457px; left: 87px;}
.btn.part4{top:457px; left: 647px;}

/* popup */
.popup-wrapper{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: inline-flex; align-items: center;  font-size: 15px; z-index: 12; word-spacing: 0; overflow-x: hidden;}
.closeX{position: absolute; top: 15px; right: 15px; width: 2rem; line-height: 0.8rem; font-size: 3rem; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.closeX:hover{color: #ccc;}
.pop_wrap{position: relative; background: #fff; width: 510px; padding: 30px 20px 40px; border-radius: 5px; overflow-y: auto; border: 2px solid #000;margin: 0 auto;}

.pop_conts{width:92%; margin:3px auto 0; letter-spacing: -0.5px; padding-bottom:50px;}
.popup-wrapper .pop_tit{text-align: center;}
.popup-wrapper .tit{font-weight: 800; font-size: 28px; letter-spacing:-1px; border-bottom:1px solid #000; margin:0 0 10px; padding-bottom:5px; color: #000 !important}

.pop_conts table{table-layout: fixed; word-break: break-all; width:100%; margin:12px auto 0;}
.pop_conts table th,
.pop_conts table td{padding: 8px; text-align: left; font-size:16px; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; color: #555; font-weight: 500;}
.pop_conts table img{ width: 23px; vertical-align: middle;}
.pop_conts table span{margin:0 5px;}

.pop_conts a{color:#fff;}
.pop_conts .btn{position:absolute; bottom:0; left:0; width:100%; margin:0 auto; background: #e41545; text-align:center; padding:18px 0; color:#fff; font-weight:900; font-size:22px; border-radius: 0;}
.btn_view{background:#333; text-align:center; color:#fff; border-radius:3px; padding:3px 10px 5px; font-size:11px; margin-left:2px;}

.popup-wrapper textarea{width: 99%; height: 80px; overflow-y: scroll; border:1px solid #ccc; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px;}
.popup-wrapper input{width:75%; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; border: 0; border-bottom: 1px solid #aaa; padding-bottom: 3px; font-size: 16px;}
.popup-wrapper select{font-size: 14px;}

.popup-wrapper input[type='text'].data{width:35%;}
.popup-wrapper select{padding:5px; border:1px solid #ccc; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}
.popup-wrapper button{border:0; cursor: pointer; padding: 0; margin-right: 15px;}

.popup-wrapper textarea,
.popup-wrapper select{border-radius: 5px; width: 240px; padding: 2px 0 2px 10px;}
.popup-wrapper label{cursor: pointer; margin-right: 8px;}
.popup-wrapper input[type='checkbox']{width: 20px; height: 20px; vertical-align: middle; accent-color: #e41545; margin-right: 5px;}

.popup-wrapper button{background: none;}

.popup-wrapper input:focus,
.popup-wrapper textarea:focus,
.popup-wrapper select:focus{outline: none;}
.popup-wrapper textarea::placeholder{font-size: 13px; color: #ccc;}

/* layer */
.layer-pop{position:fixed; top:0; left:0; display: inline-flex; align-items: center; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:2;}
.layer-pop .tit{margin-bottom: 0; font-size: 22px; text-align: center;}
.pop_layer{background: #fff; width: 470px; position: relative; margin: 0 auto; padding: 25px 20px; box-shadow: 0px 1px 6px 3px rgb(0 0 0 / 0.3); border-radius: 10px; text-align: left;}
.layer_conts{position: relative;  width: 100%; font-size: 14px;  overflow-y: auto;  line-height: 22px; height: 240px; margin: 0 auto;  padding: 0 2.5%; word-spacing: 3px;}
.layer_conts strong{padding-top: 16px; display: block; font-weight: 500;}
.layer-pop a{position: absolute; right:10px; top:20px; width: 2rem; line-height: 0.8rem; font-size: 2rem; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.layer-pop a:hover{color: #ccc;}
.noti_txt{font-size: 12px;}
.red{color:#e41545;}
.bg_gray{background:#efefef; margin: 5px 0; padding: 10px 20px; text-align: left; font-size: 13px;}

/* 250123추가 */
.evt_conts .pb_50{padding-bottom: 50px;}
.evt_conts .package {text-align: center; overflow: hidden; margin: 0 auto;}
.evt_conts .package .btn_packageMore {position: absolute; top:120px; right: 100px;}
.evt_conts .package ul {display: flex; gap: 30px; flex-direction: column; position: relative;}
.evt_conts .package ul li {position: relative; }
.evt_conts .package ul li .package_btn {position: absolute; display: flex; flex-direction: column; gap: 8px; top: 100px; right: 40px;}
.evt_conts .package ul li .package_btn a {width: 260px; height: 60px; font-family: "pretendard"; color: #fff; font-size: 20px; display: inline-block; background: #111; border-radius: 4px; line-height: 60px; font-weight: 600;}
.evt_conts .package ul li .package_btn a:hover {background: #252427;}
.evt_conts .package ul li .package_btn a:nth-of-type(2) {background: #dc082b;}
.evt_conts .package ul li .package_btn a:nth-of-type(2):hover {background: #ff1239;}
/* .evt_conts .package ul li .package_btn a:nth-of-type(2)::before {content: ""; z-index: 10; position: relative; top: 7px; left: -4px; display: inline-block; width: 27px; height: 27px; background: url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1215/pack_btn.png);} */
.evt_conts .package ul li .package_btn.one {top: 34px;}
.evt_conts .package ul li .package_badge {position: absolute; display: inline-block; top: 112px; left: 405px;}
.evt_conts .package ul li .package_badge img{animation: blink .8s infinite;}
.evt_conts .package ul li .package_badge p:nth-of-type(2) {padding-top: 43px;}
.evt_conts .package ul li .package_badge.one {top: 115px;}