@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
.General_ItEng_251229_m { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
.General_ItEng_251229_m * { font-family: "Pretendard", sans-serif; text-align: center; }
.General_ItEng_251229_m .inner { width: 100%; padding: 14vw 0; position: relative; }
.General_ItEng_251229_m button.wide, .General_ItEng_251229_m a.wide { width: 90vw; height: 14vw; border-radius: 2vw; display: flex; justify-content: center; align-items: center; margin: 4vw auto 0; }
.General_ItEng_251229_m button.wide span, .General_ItEng_251229_m a.wide span { font-size: 4.5vw; font-weight: 700; color: #fff; }
.General_ItEng_251229_m button.wide.dark, .General_ItEng_251229_m a.wide.dark { background: #091d51; }
.General_ItEng_251229_m button.wide.blue, .General_ItEng_251229_m a.wide.blue { background: #0c57fb; }
.General_ItEng_251229_m button.wide.yellow, .General_ItEng_251229_m a.wide.yellow { background: #ffe900; }
.General_ItEng_251229_m button.wide.yellow span, .General_ItEng_251229_m a.wide.yellow span { color: #111; }
.General_ItEng_251229_m .title { margin-bottom: 10vw; }
.General_ItEng_251229_m .badge { width: 18vw; height: 18vw; position: absolute; right: 6vw; top: 6vw; animation: dungdung 1s infinite alternate; }
.General_ItEng_251229_m .mainTop { background: url(https://cdn.ibstudy.co.kr/mobile/event/2025/General_ItEng_251229/imgs/mainTop_bg.jpg) no-repeat center bottom/cover; }
.General_ItEng_251229_m .mainTop .inner { padding: 16vw 0; text-align: center; }
.General_ItEng_251229_m .mainTop .inner li:nth-child(1) { margin-bottom: 7vw; animation: fadeIn_up 0.4s linear both; }
.General_ItEng_251229_m .mainTop .inner li:nth-child(2) { margin-bottom: 10vw; animation: scale_02 0.3s 0.8s ease-out both; }
.General_ItEng_251229_m .mainTop .inner li:nth-child(3) { margin-bottom: 10vw; }
.General_ItEng_251229_m .stn01 { background: url(https://cdn.ibstudy.co.kr/mobile/event/2025/General_ItEng_251229/imgs/stn01_bg.jpg) no-repeat center bottom/cover; }
.General_ItEng_251229_m .stn02 { background: linear-gradient(to bottom, #d2e5ff, #b5d4ff); }
.General_ItEng_251229_m .stn04 { background: url(https://cdn.ibstudy.co.kr/mobile/event/2025/General_ItEng_251229/imgs/stn04_bg.jpg) no-repeat center top/cover; }
.General_ItEng_251229_m .stn04 .badge { top: 28vw; right: 8vw; }
.General_ItEng_251229_m .why { background: linear-gradient(to bottom, #d8ebfa, #eaf2f6); }
.General_ItEng_251229_m .why section { margin-bottom: 12vw; }
.General_ItEng_251229_m .why section .inner { padding: 0; }
.General_ItEng_251229_m .why .stn07 { margin-bottom: 0; /* swiper */
}
.General_ItEng_251229_m .why .stn07 .slider-conts { width: 82%; margin: -19vw auto 0; overflow: hidden; }
.General_ItEng_251229_m .why .stn07 .slider-conts .slider-container { height: 17%; }
.General_ItEng_251229_m .why .stn07 .slider-conts .swiper-slide { width: 50% !important; }
.General_ItEng_251229_m .why .stn07 .slider-conts p { width: 100%; }
.General_ItEng_251229_m .stn08 { background: linear-gradient(to bottom, #fdfbfb, #ebedee); position: relative; }
.General_ItEng_251229_m .stn09 .link_img { position: relative; }
.General_ItEng_251229_m .stn09 .link_wrap { z-index: 2; width: 90%; position: absolute; top: 24vw; left: 50%; transform: translateX(-50%); }
.General_ItEng_251229_m .stn09 .link_wrap .link { overflow: hidden; list-style-type: none; margin: 0 auto; }
.General_ItEng_251229_m .stn09 .link_wrap .link .row { display: flex; flex-wrap: wrap; justify-content: center; }
.General_ItEng_251229_m .stn09 .link_wrap .link .gap { margin-top: 13vw; }
.General_ItEng_251229_m .stn09 .link_wrap .link li { width: 32%; height: 13vw; margin: 0.2vw; }
.General_ItEng_251229_m .stn09 .link_wrap .link li.spacer { pointer-events: none; padding: 0; background: none; }
.General_ItEng_251229_m .stn09 .link_wrap .link li a { display: block; width: 100%; height: 100%; color: transparent; font-size: 0; }
.bigTab { display: flex; justify-content: center; width: 94.44vw; padding-bottom: 5vw; margin: 0 auto; }
.bigTab li { flex: 1; border-bottom: 1vw solid transparent; box-shadow: 0px 0.5vw 0 rgba(0, 0, 0, 0.3); }
.bigTab li a { display: block; padding: 3vw 0; }
.bigTab li div { font-size: 4vw; font-weight: 800; color: rgba(0, 0, 0, 0.3); }
.bigTab li div p { font-size: 3.5vw; font-weight: 700; }
.bigTab li.active { border-bottom: 4px solid #111; }
.bigTab li.active div { color: #111; }
.smallTab { display: flex; gap: 16px; justify-content: center; margin: 20px auto; }
.smallTab li { width: 40vw; height: 10vw; background: #d3d3d3; border-radius: 5vw; }
.smallTab li a { display: block; height: 100%; color: #fff; font-size: 3.8vw; font-weight: 500; line-height: 10vw; }
.smallTab li.active { background: #091d51; }
.smallTab_content { width: 80vw; background: #091d51; border-radius: 2vw; padding: 4vw 5vw; display: flex; gap: 3vw; flex-direction: column; align-items: flex-start; margin: 0 auto; }
.smallTab_content li { color: #fff; font-size: 3.5vw; font-weight: 400; text-align: left; line-height: 5vw; word-break: keep-all; }
.smallTab_content li span { display: block; width: 32vw; height: 7vw; background: #f0f2f7; line-height: 7vw; border-radius: 4vw; color: #111; margin-bottom: 2vw; font-weight: 500; }

/* 이벤트_0312 */
.General_ItEng_251229_m .stn_event_0312 {background: url(https://cdn.ibstudy.co.kr/mobile/event/2025/General_ItEng_251229/imgs/event_bg.jpg) no-repeat; background-size: cover;}
.General_ItEng_251229_m .stn_event_0312 p {font-size: 3.8vw; color: #fff; font-weight: 500;}
.General_ItEng_251229_m .stn_event_0312 .period {font-size: 4.2vw; color: #fff; font-weight: 600;}
.General_ItEng_251229_m .stn_event_0312 div.box {margin: 4vw auto;}
.General_ItEng_251229_m .stn_event_0312 .badge {right: 4vw; top: 2vw;}
/* 이벤트 유의사항 */
.General_ItEng_251229_m .stn_event_0312 .notice_toggle { width: 90%; margin: 8vw auto 0; }
.General_ItEng_251229_m .stn_event_0312 .notice_title { background: #333; color: #fff; padding: 3vw; text-align: center; font-size: 3.2vw; cursor: pointer; list-style: none; position: relative; font-weight: 600;}
.General_ItEng_251229_m .stn_event_0312 .notice_content { background: #fff; padding: 4vw; }
.General_ItEng_251229_m .stn_event_0312 .notice_content ul { margin: 0; padding-left: 4vw; word-break: keep-all;}
.General_ItEng_251229_m .stn_event_0312 .notice_content li { margin-bottom: 1.5vw; line-height: 1.6; list-style: disc; font-size: 3vw; text-align: left;}
.General_ItEng_251229_m .stn_event_0312 .red { color: #da0000; }
.General_ItEng_251229_m .stn_event_0312 summary::-webkit-details-marker { display: none; }
.General_ItEng_251229_m .stn_event_0312 .notice_title::after { content: "▼"; position: absolute; right: 5vw; }
.General_ItEng_251229_m .stn_event_0312 details[open] .notice_title::after { content: "▲"; }


@keyframes fadeIn_up {
  0% { opacity: 0; transform: translateY(30%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes scale_02 {
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
/* 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; z-index: 3; word-spacing: 0; overflow-x: hidden; }
.closeX { position: absolute; top: 0.3em; right: -0.2em; width: 1em; line-height: 0.8rem; font-size: 4em; text-align: center; cursor: pointer; color: #000; text-decoration: none; }
.pop_wrap { position: relative; background: #fff; width: 80%; margin: 0 auto; padding: 1em; border-radius: 0.3em; border: 0.15em solid #000; }
.pop_conts { overflow-y: auto; margin-bottom: 30%; }
.popup-wrapper .pop_tit { text-align: center; font-size: 0.9em; }
.popup-wrapper .tit { font-weight: 800; font-size: 1.5em; border-bottom: 0.01em solid #000; margin: 0 0 0.5em; padding-bottom: 0.2em; color: #000 !important; }
.pop_conts table { table-layout: fixed; word-break: break-all; width: 92%; margin: 1em auto 0; }
.pop_conts table th, .pop_conts table td { text-align: left; font-size: 1em; color: #555; font-weight: 500; }
.pop_conts table tr:nth-child(4) td { padding-top: 6%; }
.pop_conts table img { width: 23px; vertical-align: middle; }
.pop_conts table span { margin: 0 5px; }
.pop_wrap .btn { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 auto; background: #e41545; text-align: center; padding: 0.7em 0; color: #fff; font-weight: 900; font-size: 1.5em; }
.pop_conts a { color: #fff; text-decoration: none; }
.btn_view { background: #333; text-align: center; border-radius: 0.2em; padding: 0.8em 1.2em; font-size: 0.7em; position: absolute; }
.popup-wrapper input { width: 90%; border: 0; border-bottom: 0.1em solid #aaa; padding: 0; font-size: 1em; color: #000; font-weight: 600; height: 2.5em; border-radius: 0; margin-bottom: 0.5em; }
.popup-wrapper select { font-size: 1em; }
.popup-wrapper input[type=text].data { width: 35%; }
.popup-wrapper select { padding: 1em; border: 1px solid #ccc; }
.popup-wrapper select option { font-size: 0.5em; }
.popup-wrapper button { border: 0; cursor: pointer; padding: 0; margin-right: 15px; }
.popup-wrapper textarea, .popup-wrapper select { border-radius: 0.5em; width: 19em; padding: 0.7em; color: #000; font-size: 0.7em; height: 3em; }
.popup-wrapper label { cursor: pointer; font-size: 1em; padding: 0; letter-spacing: -0.1em; }
.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::-moz-placeholder { font-size: 13px; color: #ccc; }
.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 { font-size: 1.3em; text-align: center; }
.pop_layer { background: #fff; width: 75%; position: relative; margin: 0 auto; padding: 1em; box-shadow: 0px 0.1em 0.5em 0.3em rgba(0, 0, 0, 0.2); border-radius: 0.3em; text-align: left; }
.layer_conts { position: relative; width: 95%; font-size: 1em; overflow-y: auto; line-height: 1.5; height: 18em; margin: 0 auto; padding: 0 2.5%; }
.layer_conts strong { padding-top: 0.5em; display: block; font-weight: 500; }
.layer-pop a { position: absolute; top: 0.5em; right: 0; width: 1em; line-height: 0.8rem; font-size: 3em; text-align: center; cursor: pointer; color: #000; text-decoration: none; }
.noti_txt { font-size: 12px; }
.red { color: #e41545; }
.bg_gray { background: #efefef; margin: 0.5em 0; padding: 1em; text-align: left; font-size: 0.8em; width: 92%; }
#noti_popup ul li { font-size: 3vw; font-weight: 500; margin-top: 2vw; }
@keyframes dungdung {
  0% { transform: translateY(3%); }
  100% { transform: translateY(-3%); }
}
@keyframes flowRolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
/*# sourceMappingURL=style.css.map */