*{margin:0;padding:0;}
img, area{outline:0 none; border:0;}
.teaser .centerBox{width: 1080px; margin:0 auto; position:relative; text-align: center;}
.teaser *{font-family: 'Noto Sans KR', NotoSans !important;}
.centerBox .abs {position: absolute;}
.cnt_p100{padding: 100px 0;}
.cnt_pt100{padding-top: 100px;}
.cnt_pb100{padding-bottom: 100px;}


/* bg */
.cnt_1{background:#f2f2f2 url('../asset/images/bg_01.jpg') 50% 0 no-repeat; overflow:hidden;}
.cnt_2{padding: 100px 0;}
.cnt_3{background-color: var(--point-color-2);}
.cnt_4{background-color: var(--point-color-2);}


/** cnt_1 **/
.cnt_1 .tit{top: 80px; left: -165px; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.cnt_1 .teacher{bottom: 0px; animation: puff-in-center 0.5s 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}
.cnt_1 .dart{top: 87px; right: -158px; animation: slide-in-blurred-tr 0.6s 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; z-index: 99;}

@keyframes puff-in-center { /* ¼±»ý´Ô */
	0% { transform: scale(1.5); filter: blur(4px); opacity: 0; }
	100% {transform: scale(1); filter: blur(0px); opacity: 1;}
}
@keyframes scale-in-center { /* ÅØ½ºÆ® */
	0% {transform: scale(0.3); opacity: 0;}
	100% {transform: scale(1);opacity: 1;}
}
@keyframes slide-in-blurred-tr { /* ´ÙÆ® */
	0% {transform: translate(1000px, -1000px) skew(-80deg, -10deg); transform-origin: 0% 0%; filter: blur(40px);opacity: 0;}
	100% { transform: translate(0, 0) skew(0deg, 0deg); transform-origin: 50% 50%; filter: blur(0); opacity: 1;}
}
@keyframes fadeIn{
	0%{opacity: 0; width: 0; }
	100%{opacity: 1;width: 100%;}
}
@keyframes slide-in-tr {
	0% {transform: translateY(-1000px) translateX(1000px); opacity: 0; }
	100% {transform: translateY(0) translateX(0);opacity: 1;}
}
@keyframes slide-in-bl {
	0% {transform: translateY(1000px) translateX(-1000px); opacity: 0; }
	100% {transform: translateY(0) translateX(0);opacity: 1;}
}
@keyframes slide-in-fwd-center {
	0% { transform: translateZ(-1400px); opacity: 0; }
	100% {transform: translateZ(0);opacity: 1;}
}


/* title */
.top_title{text-align: center; margin-bottom: 60px; line-height: 1;}
.point_color{color: var(--point-color-1) !important;}
.cnt_title__h4{letter-spacing: -0.075em; font-size: 30px; color: #252525; font-weight: 500; margin-bottom: 20px;}
.cnt_title__h5{letter-spacing: -0.075em; font-size: 56px; color: #252525; font-weight: 600;}
.cnt_title__h6{letter-spacing: -0.075em; font-size: 22px; color: #5e565a; font-weight: 400; margin-top: 25px;}


/* btn */
.btn__set{display: flex; justify-content: center; gap: 16px;}
.btn__set a{
	display: flex; justify-content: center; align-items: center;
	width: 100%; max-width: 328px;min-height: 80px;  padding: 15px 0; border-radius: 4px; transition: box-shadow 0.4s;
	color: #fff !important; font-size: 22px; letter-spacing: -0.025em; background-color: #252525; box-sizing: border-box;
}
.btn__set a:hover{text-decoration: none; box-shadow:2px 4px 15px rgba(0,0,0,0.5);}
.btn__set a span{display: inline-flex; align-items: center; margin-left: 4px;}
.btn__set a i{font-style: normal; font-size: 8px; margin-left: 12px;}


/** reviewSlide **/
.reviewSlide{position:relative;}
.reviewSlide .swiper{width:1080px; height:600px;}
.reviewSlide .swiper-slide{font-size:18px; line-height:24px; background-color: #fafafa; color:#4c4c4c; width:100%; margin:0 auto; text-align:center; letter-spacing:-2px; padding: 0 32px; box-sizing: border-box;}
.reviewSlide .swiper-slide{display: flex;}
.reviewSlide .swiper-slide .review_wrap{display: flex; align-items: center; gap: 60px; opacity: 0.4; width: 100%; padding-right: 20px;}
.reviewSlide .swiper-slide .review_wrap .stxt{text-align:left; letter-spacing:0; font-weight: 600; word-break: keep-all; flex-grow: 1;}
.reviewSlide .swiper-slide .review_wrap .name{font-size:15px; color:#999; letter-spacing:0; font-weight: 500; flex-shrink: 0;}
.reviewSlide .swiper-slide-active{font-size:18px; line-height:28px; color:#4c4c4c; background-color: #fff;}
.reviewSlide .swiper-slide-active .review_wrap{opacity: 1;}
.reviewSlide:before {content: ''; display: block; background: none; border: 2px solid #4b4b4b; width: 1080px; height: 200px; position: absolute; top: 0; left: 0px; z-index: 100; box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-sizing: border-box;}
.reviewSlide .swiper-button-prev{background: url('../asset/images/btn_updown.png') no-repeat; left: 0px; top: 22px; width: 42px; height: 41px;}
.reviewSlide .swiper-button-prev:hover{background: url('../asset/images/btn_updown_hover.png') no-repeat; left: 0px; top: 22px; width: 42px; height: 41px;}
.reviewSlide .swiper-button-next{background: url('../asset/images/btn_updown.png') no-repeat; left: 0px; top: 63px; width: 42px; height: 42px; background-position-y: -41px;}
.reviewSlide .swiper-button-next:hover{background: url('../asset/images/btn_updown_hover.png') no-repeat; left: 0px; top: 63px; width: 42px; height: 42px; background-position-y: -41px;}
.reviewSlide .swiper-button-updown{position: absolute; width: 42px; height: 83px; right: -20px; z-index: 999; top: 58px;}


/** paperSlide **/
.paperSlide{position: relative; width: 800px; margin: 0 auto;}
.paperSlide .swiper-slide img{display: block; width: 100%;}
.paperSlide .swiper-button-prev{background: url('../asset/images/prev.png') left center no-repeat; left:-50px; top:50%;transform: translateY(-50%); }
.paperSlide .swiper-button-next{background: url('../asset/images/next.png') right center no-repeat; right:-50px; top:50%;transform: translateY(-50%); }
.paperSlide .swiper-button-next, .paperSlide .swiper-button-prev{width:73px; height:73px; outline:0 none; opacity: 0.4; transition: opacity 0.4s; z-index: 1;}
.paperSlide .swiper-button-next:hover, .paperSlide .swiper-button-prev:hover{opacity: 1;}