/**배너**/
.banner-wrap {height: 740px;position: relative;overflow: hidden;}   
.banner-in,
.banner-slide,
.banner-item,
.owl-stage-outer,
.owl-stage,
.owl-item {height: 100%;}
.banner-slide.owl-carousel .owl-item img {width: auto !important;max-width: 100%;max-height: 100%;object-fit: contain;}
.banner-in {position: relative;}
.banner-item {max-width: 1400px;margin: 0 auto;border-radius: 70px;overflow: hidden;padding: 0 100px;position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 100px;}
.banner-item.item1 {background-color: #97CEF2;}
.banner-item.item2 {background-color: #E974A6;}
.banner-t1 {font-size: 20px;color: #fff;margin-bottom: 30px;}
.banner-t2 {font-size: 56px;color: #fff;line-height: 1.3;margin-bottom: 30px;}
.banner-t3 {font-size: 24px;font-weight: 500;color: #fff;font-family: "Pretendard";line-height: 1.5;}
.banner-img {display: flex;height: 100%;  opacity: 0;transform: translateX(100%);transition: opacity 1s ease-out, transform 1s ease-out; will-change: transform, opacity;}
.banner-slide .owl-item.active .banner-img {opacity: 1;transform: translateX(0);}
.banner-slide .owl-stage-outer { overflow: visible !important;}
.banner-cont {position: relative;z-index: 1;    flex-shrink: 0;}
.banner-btn {display: inline-flex;gap: 10px;align-items: center;justify-content: center;padding: 20px 35px;border-radius: 30px;}
.banner-btn:hover {opacity: 0.9;}
.banner-btn-tit {font-size: 18px;color: #fff;}
.banner-arrow {position: relative;width: 18px;height: 18px; display: inline-block;}

/* 꼬리 */
.banner-arrow::before {
  content: "";
  position: absolute;
  left: 1.5px;
  top: 50%;
  width: 15px;
  height: 2.5px;
  background-color: currentColor;
  transform: translateY(-50%);
}

/* 화살촉 */
.banner-arrow::after {
  content: "";
  position: absolute;
  left: calc(1.5px + 15px - 6.75px);
  top: 50%;
  width: 6.75px;
  height: 6.75px;
  border-top: 2.5px solid currentColor;
  border-right: 2.5px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}
/**배너**/

/**공통**/
.banner-nav {position: absolute;top: 50%;left: 50%;width: 1400px;transform: translate(-50%, -50%);z-index: 10;display: flex;align-items: center;}
.news-nav {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 10;display: flex;align-items: center;}
.ani-nav {display: inline-flex;gap: 15px;}

.pagination_wrap {padding: 40px 0;text-align: center;}

.main-tit {font-size: 50px;color: #000;margin-bottom: 40px;}
.section1 .main-tit {color: #FA6161;}
.section2 .main-tit {color: #FAAB5D;}
.section3 .main-tit {color: #ADCE6D;}

.main-txt {font-size: 24px;color: #000;line-height: 1.4;font-family: "Pretendard";font-weight: 400;}
.df-jb {display: flex;align-items: center;justify-content: space-between;}
.btn-flex {display: flex;gap: 14px;align-items: center;}

/**공통**/

.section1 {padding: 150px 0;}
.section2 {padding: 200px 0;margin-bottom: 200px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: right bottom;background-image: url("/resources/img/main/content_bg1.png");background-color: #FEF3D3;position: relative;z-index: 1;}
.section2:before {position: absolute;left: 60px;top: 80px;content: "";width: 566px;height: 459px;background-repeat: no-repeat;background-image: url("/resources/img/main/bg_heart.png");z-index: -1;}
.section3 {padding-bottom: 130px;overflow: hidden;}
.section4 {padding: 200px 0;position: relative;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: left bottom;background-image: url("/resources/img/main/content_bg2.png");background-color: #DFF5F6;position: relative;z-index: 1;}
.section4:before {position: absolute;right: 40px;top: 40px;content: "";width: 578px;height: 573px;background-repeat: no-repeat;background-image: url("/resources/img/main/bg_star.png");z-index: -1;}
.section5 {padding: 150px 0;}

/**소개**/
.intro-df {display: flex;justify-content: center;align-items: center;gap: clamp(40px, 14vw, 270px);}
/**소개**/

/**소식**/
.news-wrap {position: relative;}
.news-item {background-color: #fff;border-radius: 40px;padding: 40px;-webkit-box-shadow: 10px 15px 20px rgba(0, 0, 0, 0.05); box-shadow: 10px 15px 20px rgba(0, 0, 0, 0.05);}
.news-date {font-size: 17px;color: #fff;padding: 12px 20px;background-color: #FAAB5D;border-radius: 30px;margin-bottom: 30px;display: inline-flex;justify-content: center;align-items: center;}
.news-date.date1 {background-color: #FAAB5D;}
.news-date.date2 {background-color: #85CFF5;}
.news-date.date3 {background-color: #FD69A9;}
.news-tit {font-size: 24px;color: #000;margin-bottom: 30px;font-family: "Pretendard";font-weight: 700;}
.news-thumb {border-radius: 20px;overflow: hidden;}
.news-thumb img {max-width: 100%;max-height: 100%;object-fit: contain;}
.news-mask {overflow: hidden;padding-bottom: 70px;}
.news-slide .owl-stage-outer {overflow: visible;}
/**소식**/

/**애니메이션**/
.ani-wrap {overflow: hidden;}
.ani-mask {padding-bottom: 70px;}
.ani-item {display: flex; flex-direction: column;border-radius: 40px;overflow: hidden;transform: scale(0.74); transition: transform 0.3s ease;max-width: 686px;}
.ani-thumb {flex-shrink: 0;border-top-left-radius: 40px;border-top-right-radius: 40px;overflow: hidden;}
.ani-thumb img {width: 100%;height: 100%;object-fit: cover;}
.ani-cont {background-color: #FFE774;flex: 1;padding: 30px 40px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;overflow: hidden;}
.ani-tit {font-size: 24px;color: #68350B;line-height: 1.3;margin-bottom: 15px;}
.ani-date {font-size: 17px;color: #FA6161;}
.ani-slide .owl-stage-outer {overflow: visible;}
.ani-slide .owl-item { display: flex;justify-content: center;}
.ani-slide .owl-item.center .ani-item {transform: scale(1);padding-top: 0;-webkit-box-shadow: 20px 25px 20px rgba(0, 0, 0, 0.05); box-shadow: 20px 25px 20px rgba(0, 0, 0, 0.05);}
/**애니메이션**/

/**핫플레이스**/
.hotplace-wrap {padding-left: 34%;display: grid; grid-template-columns: 1fr 1fr; gap: 28px;}
.hotplace-item {border-radius: 40px;padding: 40px;position: relative;}
.hotplace-item.item1 {background-color: #85CFF5;}
.hotplace-item.item2 {background-color: #FD69A9;}
/* 왼쪽 큰 카드 */
.hotplace-item.big {min-height: 580px;background: #FAAB5D;}
/* 오른쪽 컬럼 */
.hotplace-col {display: grid;grid-template-rows: 1.2fr 0.8fr;gap: 28px;}
.hot-t1 {padding: 12px 20px;border-radius: 30px;background-color: #fff;display: inline-block;margin-bottom: 40px;font-size: 17px;}
.hot-t2 {font-size: 28px;color: #fff;margin-bottom: 20px;}
.hot-t3 {font-size: 18px;font-weight: 500;color: #fff;font-family: "Pretendard";line-height: 1.2;}
.hotplace-item.big .hot-t1 {color: #FBA755;}
.hotplace-item.item1 .hot-t1 {color: #72CFFF;}
.hotplace-item.item2 .hot-t1 {color: #FF8DA2;}
.hot-emo {position: absolute;right: 40px;bottom: 40px;}
.hotplace-link {display: inline-flex;margin-top: 50px;font-size: 18px;color: #ACC7C8;gap: 10px;float: right;overflow: hidden;}
/**핫플레이스**/

/**캐릭터**/
.character1 {position: relative;z-index: 5;}
.character1:before {position: absolute;left: -120px;top: 170px;content: "";width: 106px;height: 132px;background-repeat: no-repeat;background-image: url("/resources/img/main/character1_bg1.png");z-index: -1;}
.character1:after {position: absolute;left: 115px;bottom: -10px;content: "";width: 459px;height: 246px;background-repeat: no-repeat;background-image: url("/resources/img/main/character1_bg2.png");z-index: -1;}
.character2 {position: absolute;right: 50px;bottom: -490px;z-index: 5;}
.character3 {position: absolute;left: 130px;bottom: -240px;z-index: 5;}
.character4 {position: absolute;right: 40px;bottom: -40px;z-index: -1;}
/**캐릭터**/

.box {border-radius: 40px;position: relative;z-index: 1;padding: 75px 400px 75px 70px;background: linear-gradient(to right,#9DB1FE, #C66EF9);}
.box-t1 {position: relative;font-size: 36px;color: #fff;padding-left: 65px;margin-bottom: 25px;}
.box-t1:before {position: absolute;left: 0;top: -3px;content: "";width: 55px;height: 50px;background-repeat: no-repeat;background-image: url("/resources/img/common/emoticon3.svg");}
.box-t2 {font-size: 20px;font-weight: 500;color: #fff;font-family: "Pretendard";}



@media (max-width: 1700px) {

}

@media (max-width: 1600px) {
	.character3 {left: 30px;}
}
@media (max-width: 1560px) {
	.banner-nav .btn-nav.btn-prev {left: -70px;}
	.banner-nav .btn-nav.btn-next {right: -70px;}
	.news-nav .btn-nav.btn-prev {left: -70px;}
	.news-nav .btn-nav.btn-next {right: -70px;}
}
@media (max-width: 1500px) {
	.banner-item {max-width: 1200px;padding: 20px 50px;}
	.banner-nav {max-width: 1200px;}
	.banner-t2 {font-size: 40px;}
	.news-nav .btn-nav.btn-prev {left: -50px;}
	.news-nav .btn-nav.btn-next {right: -50px;}
	.banner-wrap {height: 640px;}
	.banner-slide.owl-carousel .owl-item img {width: 100% !important;}
	.news-wrap {padding: 0 30px;}
}


@media (max-width: 1399px) {
	.banner-item {max-width: 1100px;}
	.banner-nav  {max-width: 1100px;}
	.main-tit {font-size: 40px;}
	.main-txt {font-size: 20px;}
	.news-tit {font-size: 20px;}
	.news-date {font-size: 15px;}
	.box-t1 {font-size: 30px;}
	.ani-tit {font-size: 20px;}
	.character1 img {width: 400px;}
	.character2 img {width: 500px;}
	.character3 img {width: 400px;}
	.hot-t2 {font-size: 24px;}
}
@media (max-width: 1299px) {


}
@media (max-width: 1250px)	{
	.banner-item {max-width: 1000px;}
	.banner-nav  {max-width: 1000px;}
	.character1:before {left: -60px;top: 85px;}
	.character1:after {left: 65px;}
	.news-nav .btn-nav.btn-prev {left: -35px;}
	.news-nav .btn-nav.btn-next {right: -35px;}
}
@media (max-width: 1219px) {
	.banner-t2 {font-size: 35px;}
	.banner-item {gap: 50px;}

}
@media (max-width: 1200px)	{
	.main-tit {font-size: 35px;}
	.news-item {padding: 30px;}
	.news-tit {font-size: 18px;}
	.news-nav {top: 40%;}
	.hot-t1 {font-size: 15px;}
	.hotplace-item {padding: 30px;}
	.hot-t2 {font-size: 20px;}
	.hotplace-item.big {min-height: 500px;}
	.hot-emo {right: 20px;bottom: 10px;}
	.character4 img {width: 280px;}
	.character4 {right: 20px;bottom: 30px;}
	.box {padding: 75px 300px 75px 70px;}
}
@media (max-width: 1199px)	{
	.banner-item {max-width: 950px;}
	.banner-nav  {max-width: 950px;}

}
@media (max-width: 992px) {
	.main-tit {font-size: 30px;margin-bottom: 20px;}
	.section2 {padding: 150px 0;margin-bottom: 100px;}
	.character1 img {width: 300px;}
	.character2 img {width: 400px;}
	.character3 img {width: 300px;}
	.news-nav .btn-nav.btn-prev {left: -20px;}
	.news-nav .btn-nav.btn-next {right: -20px;}
	.character1:after {-webkit-background-size: 400px auto;	background-size: 400px auto;width: 400px; height: 216px;left: 0;}
	.character1:before {-webkit-background-size: 60px auto;background-size: 60px auto;width: 60px;height: 75px;}
	.character2 {bottom: -340px;}
	.section2:before {-webkit-background-size: 283px auto;	background-size: 283px auto;width: 283px;height: 230px;left: 20px;top: 40px;}
	.ani-tit {font-size: 18px;}
	.ani-date {font-size: 15px;}
	.section4 {padding: 150px 0;}
	.section4:before {width: 289px;height: 290px;-webkit-background-size: 289px auto;	background-size: 289px auto;right: 10px;top: 10px;}
	.character3 img {width: 250px;}
	.hotplace-wrap {padding-left: 30%;}
	.box-t1 {font-size: 25px;}
	.box-t1:before {top: -8px;}
	.banner-item {max-width: 850px;gap: 30px;padding: 20px 30px;}
	.banner-nav  {max-width: 850px;}
	.banner-wrap {height: 540px;}
	.section1 {padding: 100px 0;}
	.banner-nav .btn-nav.btn-prev {left: -50px;}
	.banner-nav .btn-nav.btn-next {right: -50px;}
	.banner-t2 {font-size: 30px;}
	.banner-t3 {font-size: 20px;}
	.banner-btn-tit {font-size: 16px;}

}	
@media (max-width: 991px) {
	.pagination_wrap {padding: 20px 0;}
	.owl-dot {width: 8px;height: 8px;}
	.owl-dot.active {width: 25px;}
	.dotsCont {gap: 10px}
	.section1 {padding: 50px 0;}
	.section2 {padding: 100px 0;}
	.section4 {padding: 100px 0;}
	.news-mask {padding-bottom: 35px;}
	.section3 {padding-bottom: 60px;}
	.ani-mask {padding-bottom: 35px;}
	.ani-cont {padding: 20px 30px;}
	.ani-tit {font-size: 16px;margin-bottom: 10px;}
	.ani-date {font-size: 13px;}
	.character2 img {width: 337px;}
	.character2 {bottom: -245px;}
	.main-tit {font-size: 25px;}
	.main-txt {font-size: 18px;}
	.hotplace-wrap {padding-left: 0;gap: 14px;}
	.hotplace-col {gap: 14px;}
	.character3 img {width: 200px;}
	.hot-t1 {font-size: 13px;margin-bottom: 20px;}
	.hotplace-link {font-size: 16px;margin-top: 25px;}
	.box {padding: 35px 200px 35px 30px;}
	.box-t1:before {width: 27px;height: 25px;-webkit-background-size: 27px auto;background-size: 27px auto;top: 0;}
	.box-t1 {font-size: 22px;padding-left: 35px;margin-bottom: 15px;}
	.box-t2 {font-size: 18px;}
	.section5 {padding: 150px 0 70px 0;}
	.character4 img {width: 193px;}
	.character4 {right: 10px;bottom: 20px;}
	.character1 img {width: 226px;}
	.character1:after {-webkit-background-size: 230px auto;background-size: 230px auto;width: 230px;height: 125px;left: 45px;}
    .character1:before {-webkit-background-size: 53px auto;background-size: 53px auto;width: 53px;height: 65px;top: 70px;left: -15px;}
	.news-date {font-size: 13px;margin-bottom: 15px;}
	.news-tit {margin-bottom: 15px;}
	.news-item {padding: 20px;}
	.ani-item {max-width: 383px;}
	.banner-item {max-width: 100%;}
	.banner-nav  {max-width: 100%;}
	.banner-nav .btn-nav.btn-prev {left: 5px;}
	.banner-nav .btn-nav.btn-next {right: 5px;}
	.banner-slide .owl-stage-outer {overflow: hidden !important;}	
	.banner-t1 {font-size: 16px;margin-bottom: 15px;}
	.banner-t2 {font-size: 25px;margin-bottom: 15px;}
	.banner-t3 {font-size: 18px;}
	.banner-btn {padding: 15px 25px;}
	.banner-btn-tit {font-size: 14px;}
	.banner-wrap {height: 440px;}
	.banner-slide {padding: 0 10px;}

@media (max-width: 767px) {	
	.banner-wrap {height: auto;}
	.banner-item {flex-direction: column;border-radius: 40px;padding: 30px;gap: 20px;justify-content: center;}
	.banner-img {max-height: 300px;}
	.banner-t1 {font-size: 14px;margin-bottom: 10px;}
	.banner-t2 {font-size: 20px;margin-bottom: 10px;}
	.banner-t3 {font-size: 16px;}
	.banner-btn-tit {font-size: 12px;}
	.banner-wrap {height: 100%;}
	.intro-df {flex-direction: column;}
	.main-tit {font-size: 20px;}
	.main-txt {font-size: 16px;}
	.section2,.section4 {padding: 70px 0;}
	.news-nav .btn-nav.btn-prev {left: -10px;}
	.news-nav .btn-nav.btn-next {right: -10px;}
	.news-wrap {padding: 0 20px;}
	.character2 {bottom: -160px;right: 10px;}
	.character2 img {width: 200px;}
	.df-jb {flex-direction: column;align-items: flex-end;gap: 20px;}
	.ani-wrap {margin-top: 30px;}
	.hotplace-wrap {grid-template-columns: 1fr;margin-top: 30px;}
	.hotplace-item.big {min-height: auto;}
	.hot-t3 {font-size: 16px;}
	.hot-t2 {font-size: 18px;}
	.hot-emo img {width: 30px;}
	.hotplace-link {font-size: 14px;}
	.character3 img {width: 150px;}
	.character3 {left: 20px;bottom: -220px;}
	.box-t1 {font-size: 18px;}
	.box-t2 {font-size: 16px;}
	.character4 {bottom: -70px;right: 0;}
	.character4 img {width: 150px;}
	.news-tit {font-size: 16px;}
	.section2, .section4 {-webkit-background-size: 100% auto;background-size: 100% auto;}
	.section2:before {width: 140px;height: 120px;-webkit-background-size: 140px auto;background-size: 140px auto;}
	.section4:before {width: 145px;height: 145px;-webkit-background-size: 145px auto;	background-size: 145px auto;}
	.box {padding: 35px 30px;}
}	

@media (max-width: 375px) {

}