@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; }
#header, #footer, .topBanner, div.evt_wp { min-width: 1300px; }
div.evt_wp { position: relative; }
.evt_wp * { font-family: "Plus Jakarta Sans", "Noto Sans KR", "Malgun Gothic", sans-serif; letter-spacing: 0; }
/*
.evt_wp a{width: fit-content; display: block; text-decoration: none;}
*/

strong { font-weight: 900; }
em, i { font-style: normal; }
[class^="bg_"] { padding: 120px 0; }
[class^="tit_"] { padding-bottom: 50px; text-align: center; }
.inner { width: 1100px; margin: 0 auto; position: relative; }
.evt_wp .quick { position: fixed; top: 50%; right: 0; z-index: 20; }
.visual_wp { position: relative; background: #e7d8ff; height: 1200px; }
.back { background: url("https://cdn.ibstudy.co.kr/Content_new/event/2025/manage_0219/bg_visual.png") no-repeat center 0; width: 100%; height: 1200px; position: absolute; top: 0; }
.visual .typo { position: relative; top: 80px; }
.visual .sub { position: relative; margin-top: 120px; }
.visual .btn { position: relative; top: 40px; }
.bg_01 { background: #fff;}
.bg_02 { background: #f4edff; }
.bg_03 { background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/manage_0219/bg_03.png) no-repeat center bottom / cover; }
.bg_04 { background: #efefef; }
.bg_05 { background: #353437; }
.title { background: #5018a7; }
.bnr_wp { background: #2f3548 url("https://cdn.ibstudy.co.kr/Content_new/event/2025/manage_0219/bg_bnr.png") repeat-x; }
.bnr_wp .bnr { background: url("https://cdn.ibstudy.co.kr/Content_new/event/2025/manage_0219/bnr.png") no-repeat center 0; }
/**/
.evt_wp .flow_banner { overflow: hidden; display: flex; width: 700px; position: absolute; top: 210px; right: 62px; }
.evt_wp .flow_banner ul { display: flex; }
.evt_wp .flow_banner ul li { margin-left: 15px; }
@keyframes flowRolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
/* slide */
.bg_review .swiper-container { width: 1000px; height: 400px; margin: 0 auto; padding-top: 0; border-radius: 20px; }
.bg_review .swiper-slide { background: #fff; overflow: hidden; padding: 70px 100px; }
.bg_review .swiper-slide li { float: left; font-size: 20px; }
.bg_review .swiper-slide li:first-child { width: 270px; }
.bg_review .swiper-slide li:last-child { width: 502px; text-align: left; }
.bg_review .swiper-slide li .tit { font-size: 26px; white-space: pre; }
.bg_review .swiper-slide li .tit strong { font-weight: 900; }
.bg_review .swiper-slide li:last-child div:nth-child(2) { padding: 15px 0 35px; }
.bg_review .swiper-pagination { bottom: -43px !important; }
.bg_review .swiper-slide .btn a { text-align: left; }
.bg_review .swiper-button-prev { left: 50%; margin-left: -450px; }
.bg_review .swiper-button-next { right: 50%; margin-right: -450px; }
.bg_review .swiper-button-prev:after { content: ""; width: 20px; height: 20px; border-top: 5px solid #007aff; border-right: 5px solid #007aff; transform: rotate(225deg); }
.bg_review .swiper-button-next:after { content: ""; width: 20px; height: 20px; border-top: 5px solid #007aff; border-right: 5px solid #007aff; /* 선 굵기 */
  transform: rotate(45deg); }
.bg_review .swiper-pagination { position: relative; }
.bg_review .swiper-pagination-clickable .swiper-pagination-bullet { width: 15px; height: 15px; margin: 0 5px; }
.dungdung { animation: scrollBottom 1s both infinite alternate; }
@keyframes scrollBottom {
  0% { transform: translateY(-5px); }
  100% { transform: translateY(5px); }
}
.pop { background: #d6004c; width: 130px; height: 130px; position: absolute; top: -166px; right: 10px; display: grid; align-items: center; font-size: 22px; line-height: 25px; text-align: center; color: #fff; border-radius: 50%; font-weight: 900; }
.buy { margin-bottom: 30px; }
.buy:last-child { margin-bottom: 0; }
.color-b { color: #1689ff; }
.color-g { color: #00ffcc; }
.color-y { color: #f6ff00; }
.color-r { color: #ee0759; }
.color-v { color: #5f0ddd; }
.color-w { color: #fff !important; }
.small { font-size: 16px; font-weight: 700; }
.con_txt { font-size: 34px; line-height: 48px; text-align: center; font-weight: 900; letter-spacing: -1px; padding-top: 50px; color: #000; }
.con_btn { background: #5f0ddd; width: 575px; margin: 30px auto 0; color: #fff; font-size: 27px; text-align: center; padding: 30px 0; border-radius: 5px; letter-spacing: -1px; font-weight: 900; }
.con_no { width: 48px; height: 48px; display: none; align-items: center; text-align: center; border-radius: 50%; margin: 0 auto 30px; color: #fff; background: #5f0ddd; font-size: 23px; font-weight: 900; }
table.project { table-layout: fixed; word-break: break-all; border-collapse: collapse; width: 100%; border-bottom: 1px solid #fff; margin: 30px 0 15px; }
table.project thead th { background: #5f0ddd; padding: 20px 10px; color: #fff; font-weight: 900; font-size: 25px; }
table.project tbody th, table.project tbody td { background: #fff; text-align: center; padding: 16px 10px; border-bottom: 1px solid #ececec; }
table.project tbody th { background: #d3dbe4; }
table.project tbody td { background: #f9f9f9; }
table.project tbody td:last-child { background: #fff; border-right: 1px solid #ececec; }
table.project col:nth-child(1) { width: 15%; }
table.project col:nth-child(2) { width: 25%; }
table.project col:nth-child(3) { width: 60%; }
/* popup */
.evt_wp .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: 3; word-spacing: 0; overflow-x: hidden; }
.evt_wp .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; }
.evt_wp .closeX:hover { color: #ccc; }
.evt_wp .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; z-index: 22; }
.evt_wp .pop_conts { width: 92%; margin: 3px auto 0; letter-spacing: -0.5px; padding-bottom: 50px; }
.evt_wp .popup-wrapper .pop_tit { text-align: center; }
.evt_wp .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; }
.evt_wp .pop_conts table { table-layout: fixed; word-break: break-all; width: 100%; margin: 12px auto 0; }
.evt_wp .pop_conts table th, .evt_wp .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; }
.evt_wp .pop_conts table img { width: 23px; vertical-align: middle; }
.evt_wp .pop_conts table span { margin: 0 5px; }
.evt_wp .pop_conts a { color: #fff; }
.evt_wp .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; }
.evt_wp .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; }
.evt_wp .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; }
.evt_wp .popup-wrapper select { font-size: 14px; width: 75%; }
.evt_wp .popup-wrapper input[type="text"].data { width: 35%; }
.evt_wp .popup-wrapper select { padding: 5px; border: 1px solid #ccc; font-family: "Plus Jakarta Sans", "Noto Sans KR", "Malgun Gothic", sans-serif; }
.evt_wp .popup-wrapper button { border: 0; cursor: pointer; padding: 0; margin-right: 15px; }
.evt_wp .popup-wrapper textarea, .evt_wp .popup-wrapper select { border-radius: 5px; padding: 2px 0 2px 10px; }
.evt_wp .popup-wrapper label { cursor: pointer; margin-right: 8px; }
.evt_wp .popup-wrapper input[type="checkbox"] { width: 20px; height: 20px; vertical-align: middle; accent-color: #e41545; margin-right: 5px; }
.evt_wp .popup-wrapper button { background: none; }
.evt_wp .popup-wrapper input:focus, .evt_wp .popup-wrapper textarea:focus, .evt_wp .popup-wrapper select:focus { outline: none; }
.evt_wp .popup-wrapper textarea::placeholder { font-size: 13px; color: #ccc; }
/* layer */
.evt_wp .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; }
.evt_wp .layer-pop .tit { margin-bottom: 0; font-size: 22px; text-align: center; }
.evt_wp .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; }
.evt_wp .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; }
.evt_wp .layer_conts strong { padding-top: 16px; display: block; font-weight: 500; }
.evt_wp .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; }
.evt_wp .layer-pop a:hover { color: #ccc; }
.evt_wp .noti_txt { font-size: 12px; }
.evt_wp .red { color: #e41545; }
.evt_wp .bg_gray { background: #efefef; margin: 5px 0; padding: 10px 20px; text-align: left; font-size: 13px; }

/* 251127수정 */
.btn_wrap {display: flex; justify-content: space-between; width: 1100px; margin: 30px auto;}
.btn_wrap a {width: 50%;}
.btn_wrap a:nth-of-type(2) {display: flex; justify-content: flex-end;}
.btn_wrap .con_btn { width: 97%; margin: 0;}