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

.evt_wp *{font-family: 'Pretendard', 'Malgun Gothic', sans-serif; box-sizing: border-box; letter-spacing: -0.5px;}
.inner{position: relative; width: 1200px; margin: 0 auto; text-align: center;}
.evt_wp .layer_agree.layer_style .layer_con { height: 300px; padding: 30px 20px; overflow-y: scroll;}

/* visual */
.visual_wp{background: #cde0ff url('https://cdn.ibstudy.co.kr/Content_new/event/2025/SWSystem_0910/images/visual_bg.png') no-repeat center 0; background-size: cover; height: 1250px;}
.visual_wp .top_tx01 {padding-top:65px; animation: fadeIn_up .6s 0.8s both;}
.visual_wp .top_tx02 {padding-top:40px; animation: fadeIn_up .6s 1s both;}
.visual_wp .top_tx03 {padding-top:27px; animation: fadeIn_up .6s 1.2s both;}
.visual_wp .notebook {padding-top:40px; animation: fadeIn_up .6s 1.6s both;}
.visual_wp .bottomtx {padding-top:60px; animation: fadeIn_up 0.6s 2s both;}
@keyframes fadeIn_up {
	0% {
		opacity:0;
		transform: translateY(20%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
.con01 { background: #fff; height: 815px;}
.con01 .con01_review_L {position: absolute; top:435px; left: 90px;}
.con01 .con01_review_R {position: absolute; top: 364px; right: 50px;}
.evt_wp h2 { padding:120px 0 90px 0;}

/* con02 */
.con02 { background: #cde0ff;padding-bottom: 120px;}
.con02 .con02_new {position: absolute; top: 340px; right: 300px; z-index: 1; animation: flash_ani 1s ease infinite;}
.con02 ul { height: 240px; }
.con02 ul li { float: left; position: relative;}
.con02 ul li:first-child { padding: 0;}
.con02 .arrow { padding: 100px 16px 0;}
.con02 .btn_go { font-size: 16px; color: #fff; background: #1570ff;  line-height: 30px; border-radius: 5px; display: inline-block; position: absolute; top: 170px; right:20px; width: 200px; padding: 5px 0;  }
.con02 .btn_go::after { content: '>'; margin-left: 5px; }
.con02 .btn_go:hover { background: #135fd8; transition: all .3s; }

@keyframes flash_ani {
		0% { opacity:0; }
		20% { opacity:1; }
		80% { opacity:1; }
		100% {  opacity:0; }
		}


/* con03 */
.con03 { background: #fff url('https://cdn.ibstudy.co.kr/Content_new/event/2025/SWSystem_0910/images/con03_bg.png') no-repeat center 0; background-size: cover; height: 1037px; }

/* con04 : swiper */
.con04 { background: #1a1826; height: 1710px;}
.con04 .point_wrap { width: 100%; height: 723px; position: relative;}
.point_swiper {overflow: hidden;width: 1200px; position: absolute; top: 0; left: 50%; margin-left: -600px; }
.point_swiper__prev, .point_swiper__next { position: absolute; top: 560px; display: inline-block; padding: 0; width: 36px; height: 60px; cursor: pointer;}
.point_swiper__prev { left: -80px; }
.point_swiper__prev::before { content: ''; display: block; width: 36px; height: 60px; background: url("https://cdn.ibstudy.co.kr/Content_new/event/2025/SWSystem_0910/images/left_arrow.png") no-repeat 0 0; background-size: contain; }
.point_swiper__next { right: -80px; }
.point_swiper__next::before { content: ''; display: block; width: 36px; height: 60px; background: url("https://cdn.ibstudy.co.kr/Content_new/event/2025/SWSystem_0910/images/right_arrow.png") no-repeat 0 0; background-size: contain; }

/* con05 */
.con05 { background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/SWSystem_0910/images/con05_bg.png)no-repeat center 0; height: 952px; }
.con05 ul {position: relative;}
.con05 li { padding-bottom: 26px; }
.con05 li:last-child {padding: 0;}
.con05 .btn_go { font-size: 15px; color: #fff; background: #1570ff; padding:0 12px 0; line-height: 30px; border-radius: 5px; display: inline-block; position: absolute; top: 170px; right:140px; }
.con05 .btn_go::after { content: '>'; margin-left: 5px; }
.con05 .btn_go:hover { background: #135fd8; transition: all .3s; }
.con05 .btn_wrap li { float: left; padding-left: 60px;}
.con05 .btn_wrap li:first-child { padding: 0;}

.con06 {background: #05060a; height: 227px; }
.con06 h3 {padding: 70px 0; }

/* btn */
.btn {background: #1d1d1d; color: #fff; border-radius: 10px; text-align: center; padding: 28px 150px; font-size: 36px; width: fit-content; margin: 60px auto 0; font-weight: 700; display: block;}
.btn:hover{cursor: pointer; background: #000; color: #fff;}


/* 빠른상담 */
.evt_wp .fixedBanner { position: fixed; bottom: 0; width: 100%; height: 120px; background: rgba(28, 29, 31, 0.9); z-index: 1000; }
.evt_wp .fixedBanner .fixedWrap { padding: 0; display: flex; height: 130px; margin: 0 auto; position: relative; width: 1100px; }
.evt_wp .fixedBanner .fixedWrap dl { width: 400px; padding: 0 30px; background: #222; text-align: center; }
.evt_wp .fixedBanner .fixedWrap dl dt { font-size: 24px; text-align: center; margin: 15px 0 5px 0; color: #fff; }
.evt_wp .fixedBanner .fixedWrap dl dt strong { color: #fff; font-weight: 700; }
.evt_wp .fixedBanner .fixedWrap dl dd { border: 2px solid #fff; border-radius: 30px; font-size: 23px; padding: 8px 0; color: #fff; }
.evt_wp .fixedBanner .fixedWrap dl dd strong { color: #f8e336; font-weight: 700; }
.evt_wp .fixedBanner .fixedWrap .tel { text-align: left; margin-top: -26px; }
.evt_wp .fixedBanner .fixedWrap .tel span { color: #fff; }
.evt_wp .fixedBanner .fixedWrap .tel ul { margin-left: -60px; }
.evt_wp .fixedBanner .fixedWrap .tel li:first-child { margin: 40px 0 0 105px; }
.evt_wp .fixedBanner .fixedWrap .tel a { position: absolute; right: 0; bottom: 32px; display: block; width: 225px; height: 72px; background: #f8e336; text-align: center; color: #111; transition: all 0.5s; border-radius: 3px; font-size: 22px; font-weight: 700; line-height: 72px; }
.evt_wp .fixedBanner .fixedWrap .tel a:hover { background: #111; color: #fff; }
.evt_wp .fixedBanner .fixedWrap .tel a strong { display: block; color: #000; font-size: 20px; font-weight: bold; padding-top: 3px; }
.evt_wp .fixedBanner .fixedWrap .tel label { cursor: pointer; font-size: 14px; font-weight: 300; position: absolute; right: 362px; top: 92px; color: #fff; letter-spacing: normal; }
.evt_wp .fixedBanner .fixedWrap .tel label:nth-of-type(2) { right: 298px; }
.evt_wp .fixedBanner .fixedWrap .tel label input { width: 18px; height: 18px; }
.evt_wp .fixedBanner .fixedWrap .tel li input { width: 300px; height: 34px; border: 1px solid #fff; }
.evt_wp .fixedBanner .fixedWrap .tel li span { display: inline-block; width: 50px; height: 34px; color: #fff; }
.evt_wp .layer_style { display: none; position: absolute; background: #fff; border: 1px solid #dbdddf; z-index: 200; }
.evt_wp .layer_style .layer_header { position: relative; padding: 0 20px; }
.evt_wp .layer_style .layer_header h3 { font-size: 24px; font-weight: bold; padding-top: 22px; display: block; padding-bottom: 0; }
.evt_wp .layer_style .layer_header .btn_layerClose { position: absolute; right: 15px; top: 22px; }
.evt_wp .layer_style .layer_con { padding: 0 20px; }
.evt_wp .layer_agree { left: 50%; top: 60px; width: 490px; border: 1px solid #303339 !important; }
.evt_wp .layer_agree.layer_style .layer_header { border-bottom: 1px solid #dbdddf; padding-bottom: 15px; }
.evt_wp .layer_agree.layer_style .layer_con { height: 300px; padding: 30px 20px; overflow-y: scroll; }
.hidden { opacity: 0; pointer-events: none; }