@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");

.ItEngineering_251212 * { font-family: "Pretendard", sans-serif; text-decoration: none; box-sizing: border-box; letter-spacing: -0.5px; transition: all 0.2s ease-in-out; }
.ItEngineering_251212 { min-width: 1400px; overflow-y: hidden; color: #111; }
.ItEngineering_251212 section[class^=stn] .inner { position: relative; width: 1200px; padding: 120px 0; margin: 0 auto; text-align: center; }
.ItEngineering_251212 .quickBn { position: fixed; top: 35%; right: 20px; z-index: 3; text-align: center; }
.ItEngineering_251212 .mainTop { height: 985px; position: relative; overflow: hidden; margin-top: 90px; }
.ItEngineering_251212 .mainTop::before { content: ""; position: fixed; inset: 0; background: url("https://cdn.ibstudy.co.kr/Content_new/event/2025/ItEngineering_251212/imgs/mainTop_bg.jpg") center/cover no-repeat; z-index: -1; animation: blurBg 3s forwards; }
.ItEngineering_251212 .mainTop * { position: relative; z-index: 1; }
.ItEngineering_251212 .mainTop .inner { position: relative; width: 1200px; padding: 120px 0; margin: 0 auto; text-align: center; }
.ItEngineering_251212 .mainTop .mainTop_title { z-index: 3; }
.ItEngineering_251212 .mainTop .mainTop_title li:nth-of-type(1) { animation: fadeIn_up 0.4s linear both; }
.ItEngineering_251212 .mainTop .mainTop_title li:nth-of-type(2) { margin-top: 80px; animation: fadeIn_up 0.5s 0.5s linear both; }
.ItEngineering_251212 .mainTop .mainTop_title li:nth-of-type(3) { margin-top: 30px; animation: scale_02 0.3s 0.8s ease-out both; }
.ItEngineering_251212 .mainTop .mainTop_img { position: relative; margin-top: 100px; display: flex; justify-content: center; width: 100%; justify-content: space-between; }
.ItEngineering_251212 button.yellow { width: 520px; height: 80px; background: #deff09; border-radius: 10px; display: flex; justify-content: center; align-items: center; margin: 80px auto; }
.ItEngineering_251212 button.yellow span { font-size: 24px; font-weight: 700; color: #111; }
.ItEngineering_251212 button.blue { width: 200px; height: 80px; background: #006bcf; border-radius: 0 10px 10px 0; display: inline-flex; justify-content: center; align-items: center; gap: 8px; border-left: 2px solid #cacaca; }
.ItEngineering_251212 button.blue span { font-size: 24px; font-weight: 600; color: #fff; }
.ItEngineering_251212 button.blue img { width: 10px; height: 17px; }
.ItEngineering_251212 .bigTab { display: flex; justify-content: center; width: 100%; padding-bottom: 20px; }
.ItEngineering_251212 .bigTab li { flex: 1; border-bottom: 4px solid transparent; box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.3); }
.ItEngineering_251212 .bigTab li a { display: block; padding: 20px 0; }
.ItEngineering_251212 .bigTab li div { font-size: 28px; font-weight: 800; color: rgba(0, 0, 0, 0.3); }
.ItEngineering_251212 .bigTab li div p { font-size: 22px; font-weight: 700; }
.ItEngineering_251212 .bigTab li.active { border-bottom: 4px solid #111; }
.ItEngineering_251212 .bigTab li.active div { color: #111; }
.ItEngineering_251212 .smallTab { display: flex; gap: 16px; justify-content: center; margin: 20px auto; }
.ItEngineering_251212 .smallTab li { width: 280px; height: 60px; background: #d3d3d3; border-radius: 30px; }
.ItEngineering_251212 .smallTab li a { display: block; height: 100%; color: #fff; font-size: 24px; font-weight: 500; line-height: 60px; }
.ItEngineering_251212 .smallTab li.active { background: #006bcf; }
.ItEngineering_251212 .smallTab_content { width: 100%; background: #006bcf; border-radius: 10px; padding: 36px 60px; display: flex; gap: 12px; flex-direction: column; align-items: flex-start; }
.ItEngineering_251212 .smallTab_content li { color: #fff; font-size: 20px; font-weight: 400; text-align: left;}
.ItEngineering_251212 .smallTab_content li span { display: inline-block; width: 150px; height: 44px; background: #f0f2f7; line-height: 44px; border-radius: 22px; color: #111; font-size: 22px; font-weight: 500; margin-right: 20px; text-align: center;}
.ItEngineering_251212 .title h3 { font-size: 40px; font-weight: 600; color: #111; margin-bottom: 20px; }
.ItEngineering_251212 .title h1 { font-size: 64px; font-weight: 900; line-height: 1.3; color: #111; margin-bottom: 60px; }
.ItEngineering_251212 .title h1 b { color: #006bcf; }
.ItEngineering_251212 .subTitle { width: 100%; background: #02101d; height: 80px; border-radius: 10px; display: flex; align-items: center; }
.ItEngineering_251212 .subTitle h4 { text-align: left; font-size: 28px; font-weight: 500; color: #fff; width: 100%; margin-left: 60px; }
.ItEngineering_251212 .subTitle h4 b { color: #deff09; }
.ItEngineering_251212 .stn01 { background: #f0f2f7 url(https://cdn.ibstudy.co.kr/Content_new/event/2025/ItEngineering_251212/imgs/stn01_bg.jpg) no-repeat center bottom/cover; }
.ItEngineering_251212 .stn01 .pack01 { margin-bottom: 40px; }
.ItEngineering_251212 .stn02 { background: #131b23; }
.ItEngineering_251212 .stn02 .inner { width: 1600px !important; }
.ItEngineering_251212 .stn02 .title h3 { color: #fff; }
.ItEngineering_251212 .stn02 .title h1 { color: #fff; margin-bottom: 80px; }
.ItEngineering_251212 .stn02 .title h1 b { color: #deff09; }
.ItEngineering_251212 .stn03 { background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/ItEngineering_251212/imgs/stn03_bg.jpg) no-repeat left top/cover; }
.ItEngineering_251212 .stn03 .content .subTitle .blue { background: #5f5f5f; }
.ItEngineering_251212 .stn03 .content ul { display: flex; gap: 20px; flex-direction: column; }
.ItEngineering_251212 .stn04 { background: #fff; }
.ItEngineering_251212 .stn05 { background: linear-gradient(to top, #cdd7e7, #f0f2f7); }
.ItEngineering_251212 .stn05 .bigTab li { box-shadow: 0px 2px 0 #b1c9eb; }
.ItEngineering_251212 .stn05 .bigTab li div { color: #006bcf; opacity: 0.5; }
.ItEngineering_251212 .stn05 .bigTab li div p { color: #006bcf; }
.ItEngineering_251212 .stn05 .bigTab li.active { border-bottom: 4px solid #006bcf; }
.ItEngineering_251212 .stn05 .bigTab li.active div { opacity: 1; }
.ItEngineering_251212 .stn05 .content .point:not(:last-child) { margin-bottom: 80px; }
.ItEngineering_251212 .stn05 .content .point .pointTitle { margin-bottom: 40px; }
.ItEngineering_251212 .stn05 .content .point .pointTitle p { font-size: 20px; font-weight: 600; color: #111; border: 2px solid #111; border-radius: 30px; display: inline-flex; padding: 8px 30px; justify-content: center; align-items: center; }
.ItEngineering_251212 .stn05 .content .point .pointTitle h6 { font-size: 24px; font-weight: 600; color: #111; margin-top: 20px; }
.ItEngineering_251212 .stn05 .content .point .pointTitle h5 { font-size: 32px; font-weight: 700; color: #111; margin-top: 4px; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content { display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content a { flex: 1; background: #006bcf; height: 90px; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; padding: 0 40px 0 32px; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content a p { color: #fff; font-size: 24px; font-weight: 600; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content a p i { background: #f0f2f7; color: #111; font-size: 20px; font-weight: 500; padding: 8px 24px; margin-left: 16px; border-radius: 20px; font-style: normal; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content a p.go { display: inline-flex; justify-content: center; align-items: center; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content a p.go span { font-size: 18px; color: #cbdaf1; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content a p.go img { width: 8px; height: 14px; margin-left: 10px; }
.ItEngineering_251212 .stn05 .content .point02 .content .stn05_content a:nth-child(odd) { flex: 0 0 calc(50% - 10px); }
.ItEngineering_251212 .stn06 { background: #d1f26d url(https://cdn.ibstudy.co.kr/Content_new/event/2025/ItEngineering_251212/imgs/stn06_bg.jpg) no-repeat center top; }

/* 이벤트_0312 */
.ItEngineering_251212 .stn_event_0312 {background: #1c6dfb url(https://cdn.ibstudy.co.kr/Content_new/event/2025/General_ItEng_251229/imgs/event_bg.jpg) no-repeat center top;}
.ItEngineering_251212 .stn_event_0312 .inner::before {content: ""; background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/General_ItEng_251229/imgs/event_deco_L.png); display: block; position: absolute; width: 306px; height: 949px; top: 90px; left: -280px; }
.ItEngineering_251212 .stn_event_0312 .inner::after {content: ""; background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/General_ItEng_251229/imgs/event_deco_R.png); display: block; position: absolute; width: 359px; height: 730px; top: 70px; right: -280px; }
.ItEngineering_251212 .stn_event_0312 .title h1{color: #fff; }
.ItEngineering_251212 .stn_event_0312 .title h1 b {color: #ffe900; }
.ItEngineering_251212 .stn_event_0312 p {font-size: 26px; color: #fff; font-weight: 500;}
.ItEngineering_251212 .stn_event_0312 .period {font-size: 30px; color: #fff; font-weight: 600;}
.ItEngineering_251212 .stn_event_0312 div.box {margin: 30px auto;}
.ItEngineering_251212 .stn_event_0312 .badge {position: absolute; animation: dungdung 1s infinite alternate; right: 180px; top: 80px;}
.ItEngineering_251212 .stn_event_0312 button {margin: 60px auto; background: #ffe900;}
.ItEngineering_251212 .stn_event_0312 button:hover {margin: 60px auto; background: #ffbb00;}
/* 이벤트 유의사항 */
.ItEngineering_251212 .stn_event_0312 .notice_toggle { width: 1060px; margin: 60px auto 0; }
.ItEngineering_251212 .stn_event_0312 .notice_title { background: #333; color: #fff; padding: 15px; text-align: center; font-size: 18px; cursor: pointer; list-style: none; position: relative; width: 100%;}
.ItEngineering_251212 .stn_event_0312 .notice_content { background: #fff; padding: 25px; }
.ItEngineering_251212 .stn_event_0312 .notice_content ul { margin: 0; padding-left: 40px; text-align: left;}
.ItEngineering_251212 .stn_event_0312 .notice_content li { margin-bottom: 10px; line-height: 1.6; list-style: disc;}
.ItEngineering_251212 .stn_event_0312 .red { color: #da0000; }
.ItEngineering_251212 .stn_event_0312 summary::-webkit-details-marker { display: none; }
.ItEngineering_251212 .stn_event_0312 .notice_title::after { content: "▼"; position: absolute; right: 20px; }
.ItEngineering_251212 .stn_event_0312 details[open] .notice_title::after { content: "▲"; }

/* 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: 3; 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; z-index: 22; }
.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; width: 75%; }
.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; 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::-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 { 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 rgba(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; }
#noti_popup ul li { font-size: 16px; font-weight: 500; margin-top: 5px; }
@keyframes fadeIn_up {
  0% { opacity: 0; transform: translateY(30%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes scale {
  0% { opacity: 0; transform: scale(0); }
  80% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes scale_02 {
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes line {
  0% { width: 0; }
  100% { width: 1100px; }
}
@keyframes bgScale {
  0% { background-size: 120% 120%; }
  100% { background-size: 100% 100%; }
}
@keyframes dungdung {
  0% { transform: translateY(5%); }
  100% { transform: translateY(-5%); }
}
@keyframes blurBg {
  from { filter: blur(0px); transform: scale(1.1); }
  to { filter: blur(5px); transform: scale(1.1); }
}
/*# sourceMappingURL=style.css.map */