@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: "Pretendard", "Noto Sans KR", "Malgun Gothic", sans-serif; letter-spacing: -1px; }

em, i { font-style: normal; }
.inner { width: 1200px; margin: 0 auto; position: relative;}

/* quick */
.quick { position: fixed; right: 0; top: 250px; width: 180px; animation:fadeIn .5s 2s both ease-in-out;  }

/* visual */
.visual_wp { height: 832px; background: url("https://cdn.ibstudy.co.kr/Content_new/event/2025/NewRegistration_0714/images/visual_bg.png")#000ff4 no-repeat center 0; }
.visual_wp .toptx { position: absolute; top: 100px; left: 50%; margin-left: -220px; animation: fadeIn_up 0.3s .8s both ease-in-out;}
.visual_wp .tit_wrap { text-align: center; padding-top: 197px;}
.visual_wp .tit01 {animation:fadeIn .3s 1s both ease-in-out;  }
.visual_wp .tit02 {position: absolute; top: 280px; left: 60px; animation: scale .3s 1.4s ease-out both; }
.visual_wp .tit03 {padding:30px 0 0 240px; opacity: 0; 
  transform: translateY(0) scaleY(1); animation: meltRetain1 .8s 1.5s ease-out forwards; }
.visual_wp .subtx { padding-top: 60px; animation:fadeIn .5s 1.8s both ease-in-out; }


@keyframes fadeIn_up {
  0% { opacity: 0; transform: translateY(30%); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes scale {
  0% { transform: scale(2); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes meltRetain1 {
  0% {
    opacity: 0; 
    transform: translateY(0) scaleY(1);  
  }
  100% { 
    opacity: 1; 
    transform: translateY(30px) scaleY(1.1); 
  }
}

/* 개강안내 */
.semester_info { background: #4fccfb; padding: 60px 0; text-align: center;}
.info_title { padding-top: 30px; }
.semester {font-size: 24px;font-weight: 600;  }
.semester_day { font-size: 60px; font-weight: 800; color: #000!important;}
.info_data { border: 1px solid #fff; padding: 15px 30px; border-radius: 8px; }
.data_category { background:#000ff4; color: #fff; font-size: 20px; font-weight: 600; padding: 10px 20px; border-radius: 22px; }
.info_data { display: flex; justify-content: space-around; margin-top: 30px;  }
.datatx { font-size: 24px; display: inline-block; padding: 10px; color: #000!important; }

/* btn */
.evbtn {background: #1d1d1d; color: #fff; border-radius: 10px; text-align: center; width: fit-content; margin: 60px auto 0; font-weight: 700; line-height: 80px; padding-top: 10px; }
.evbtn:hover{cursor: pointer; background: #000; color: #fff;}
.evbtn a { font-size: 32px; color: #fff; font-weight: 600; padding: 30px 100px; }
.btn_wp{overflow: hidden; width: fit-content; margin: 0 auto;}
.btn_wp li{display: inline-block; margin-left: 10px;}
.btn_wp li:first-child{margin-left: 0;}
.btn_wp a { color: #fff;font-size: 30px;}
.con01 {background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/NewRegistration_0714/images/con01_bg.png)no-repeat center; height: 1160px;}

/* 공통TX */
.ev_title { padding-top: 100px; text-align: center;}
.ev_title .evtx { background-color: #0082ff; font-size: 20px; color: #fff; padding: 12px 20px; border-radius: 25px; font-weight: 600; }
.ev_title h2 { font-size: 24px; padding-top: 32px;}
.ev_title h1 {font-size: 45px; padding-top: 5px; color: #000; font-weight: 900;}
.ev_title .txline { color:#0082ff;; text-decoration-line: underline; text-decoration-color: currentColor; text-underline-position:under}
.discountBn {background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/NewRegistration_0714/images/discountBn.png)no-repeat; width: 178px; height: 39px; font-size: 14px; position: absolute; top: 390px; right: 10px; animation: flash 0.6s infinite alternate;}

/* 탭 */
.tab { display: flex;justify-content: space-between; padding-top: 70px;}
.tab li { width: 240px; height: 60px; background: #cfcfcf; cursor: pointer; border-left: 1px solid #fff;}
.tab li:first-child { border: 0;}
.tab li p {color: #fff; padding: 12px; text-align: center; font-size: 26px; font-weight: 800; }
.tab li.tab01_on { background: #0082ff;}
.tab li.tab02_on { background: #0082ff;}
.ev01_content { background: #fff; padding: 60px;text-align: center; position: relative; }
.con_tit h3 { font-size: 50px; font-weight: 800;}
.con_tit h4 {font-size: 24px; padding-bottom: 40px;}

/* con02 : EVENT2 */
.con02 .ev02_content { background: #edfdff; padding: 60px; text-align: center; margin-bottom: 120px;}
.con02 .content01 ul {display: flex; justify-content: space-between; } 
.con02 .content01 li { width: 350px;}
.con02 .content01 img { margin: 50px 0 20px;}
.con02 .content01 .numtx { background: #0082ff; border-radius: 8px; padding:12px 20px; color: #fff; font-size: 20px; font-weight: 600;}
.con02 .content01 .numtx strong { color: #fffc00; font-weight: 600; }
.con02 .content01 .con02_price { color: #ed3500; font-size: 32px; font-weight: 600;letter-spacing: -1.3px;}
.con02 .content01 .con02_noti { font-size: 18px; color: #808080; padding: 40px 0; border-bottom: 1px solid #cfcfcf; }
.con02 .content02 .message { background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/NewRegistration_0714/images/con02_message.png)no-repeat center; height: 65px; color: #fff; font-size: 26px; font-weight: 600;  line-height: 52px; margin-top: 70px; }
.con02 .content02 .txpoint {color: #fffc00; animation: flash 0.8s infinite alternate;}
.con02 .content02 li { background: #fff; width: 250px; height: 190px; border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.con02 .content02 .lec_wrap { max-width: 900px; margin: 0 auto; padding-top:50px; display: flex; justify-content: space-around;}
.con02 .content02 .lec_wrap .lec { font-size: 20px; padding:45px 15px 10px; height: 50px; }
.con02 .content02 .lec_wrap .lec_price {font-size: 28px; color: #0082ff; font-weight: 800; padding-top: 70px; }

@keyframes flash {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 1; }
}

/* ev01 : 탭 table */
.price-table {width: 1100px;border-collapse: collapse;}
.price-table th,.price-table td {padding: 12px 15px;border: 1px solid #ddd;text-align: center;font-size: 18px;}
.price-table th {background-color: #f2f2f2;font-weight: bold;color: #333;}
.price-table td.category,.price-table td.category-group {background-color: #e0f2f7;font-weight: bold;color: #333;}
.price-table td.category-group {vertical-align: middle;}
.price-table .original-price {color: #777;text-decoration: line-through;}
.price-table .discount-price {color: #e60000;font-weight: bold;}
.price-table th:first-child,.price-table td:first-child {width: 30%;}
.price-table td.region {width: 15%;}

/* con03 */
.con03 { background-color: #000aa0; padding:70px 0; text-align: center; }
.con03 h1 { font-size: 36px; color: #fffc00; font-weight: 800;}
.con03 h2 { font-size: 26px; color: #fff; }
.con03 .evbtn { margin-top:50px;}

.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; }

/* 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; }