@charset "utf-8";

section { width: 166rem; margin: 0 auto; position: relative; font-size: 1.6rem; word-break: keep-all; padding: 2rem 0 3rem 0; box-sizing: border-box; font-family:"Paperozi";}

@media (max-width: 1680px) {
	section { width: calc(100% - 4rem);}
}


.sec1 {display: flex;justify-content: space-between;gap: 2rem;margin-bottom: 5rem;}
.sec1 .visual {width:calc(100% - 47rem); max-width: 119rem;height: 70rem;border-radius: 3rem;position: relative;overflow: hidden;}
.sec1 .visual .v1-Slide { width: 100%; height: 100%; }
.sec1 .visual .swiper-slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.sec1 .visual .swiper-slide a { display: block; width: 100%; height: 100%; text-decoration: none; }
.sec1 .visual .txt-area {position: absolute;top: 14.5rem;left: 12.5rem;color: #fff;z-index: 2;}
.sec1 .visual .txt-area .sub-tit { font-size: 2.2rem; font-family: 'Paperozi', sans-serif; font-weight: 300; display: block; margin-bottom: 1.5rem; }
.sec1 .visual .txt-area .sub-tit strong { font-weight: 700; }
.sec1 .visual .txt-area .main-tit { font-size: 4.8rem; font-family: 'Aggravo', sans-serif; font-weight: 700; margin: 0; }
.sec1 .visual .controll {position: absolute;bottom: 9rem;left: 12.5rem;display: flex;align-items: center;gap: 3rem;color: #fff;z-index: 2;}
.sec1 .visual .controll .slide-pagination {font-size: 1.6rem;display: flex;align-items: center;gap: 1.5rem;font-weight: 300;}
.sec1 .visual .controll .slide-pagination strong { font-weight: 700; }
.sec1 .visual .controll .slide-progress-wrapper {width: 12rem;height: 0.2rem;background: rgba(255, 255, 255, 0.3);position: relative;overflow: hidden;}
.sec1 .visual .controll .slide-progress {height: 100%; background: #fff; width: 0%; border-radius: 0;}
.sec1 .visual .controll .slide-btn {display: flex;align-items: center;gap: 1.5rem;}
.sec1 .visual .controll .slide-btn button {width: 1.7rem;height: 1.3rem;background: none;border: none;cursor: pointer;font-size: 0;display: inline-block;padding: 0;}
.sec1 .visual .controll .slide-btn .slide-prev { background: url('../images/main/ctrl_prev.png') no-repeat center/contain; }
.sec1 .visual .controll .slide-btn .slide-next { background: url('../images/main/ctrl_next.png') no-repeat center/contain; }
.sec1 .visual .controll .slide-btn .slide-stop { background: url('../images/main/popup_stop.png') no-repeat center/contain; }
.sec1 .visual .controll .slide-btn .slide-start { background: url('../images/main/popup_play.png') no-repeat center/contain; }
.sec1 .v-right {width: 45rem;display: flex;flex-direction: column;justify-content: space-between;}
.sec1 .v-right .popup-wrap {position: relative;border-radius: 3rem;overflow: hidden;height: 46.8rem;}
.sec1 .v-right .popup-wrap .v2-Slide { width: 100%; height: 100%; }
.sec1 .v-right .popup-wrap .swiper-slide { width: 100%; height: 100%; }
.sec1 .v-right .popup-wrap img { width: 100%; height: 100%; object-fit: cover; }
.sec1 .v-right .popup-wrap .controll {position: absolute;bottom: 3rem;right: 50%;transform: translate(50%, 0px);display: flex;align-items: center;gap: 2.2rem;background: rgba(0, 0, 0, 0.6);padding: 1.6rem 2.8rem;border-radius: 3rem;color: #fff;z-index: 2;}
.sec1 .v-right .popup-wrap .controll .slide-progress-wrapper{display:none;}
.sec1 .v-right .popup-wrap .controll .slide-pagination {font-size: 1.6rem;}
.sec1 .v-right .popup-wrap .controll .slide-pagination strong::after{display:inline-block;width:2px;height:8px;background: rgba(255, 255, 255, 0.3);content:"";margin: 0 1rem 0.2rem;}
.sec1 .v-right .popup-wrap .controll .slide-pagination span{color:rgba(255, 255, 255, 0.3);}
.sec1 .v-right .popup-wrap .controll .slide-btn { display: flex; align-items: center; gap: 1.5rem; }
.sec1 .v-right .popup-wrap .controll .slide-btn button { width: 1.6rem; height: 1.6rem; background: none; border: none; font-size: 0; cursor: pointer; padding: 0; }
.sec1 .v-right .popup-wrap .controll .slide-btn .slide-prev { background: url('../images/main/ctrl_prev.png') no-repeat center/contain; }
.sec1 .v-right .popup-wrap .controll .slide-btn .slide-next { background: url('../images/main/ctrl_next.png') no-repeat center/contain; }
.sec1 .v-right .popup-wrap .controll .slide-btn .slide-stop { background: url('../images/main/popup_stop.png') no-repeat center/contain; }
.sec1 .v-right .popup-wrap .controll .slide-btn .slide-start { background: url('../images/main/popup_play.png') no-repeat center/contain; }
.sec1 .v-right .info-wrap {display: flex;gap: 2rem;height: 21.5rem;}
.sec1 .v-right .info-wrap > div { flex: 1; border-radius: 3rem; background: #fff; border: 0.1rem solid #e9e9e9; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.03); transition: all 0.3s; position: relative; }
.sec1 .v-right .info-wrap > div a {display: block;width: 100%;height: 100%;padding: 3rem;box-sizing: border-box;text-decoration: none;}
.sec1 .v-right .info-wrap > div p { font-size: 1.8rem; font-weight: 700; color: #222; line-height: 1.4; margin: 0; }
.sec1 .v-right .info-wrap > div .btn-go { position: absolute; bottom: 3rem; right: 3rem; width: 3.2rem; height: 3.2rem; border-radius: 50%; font-size: 0; display: block; background: url('../images/main/btn_go.png') no-repeat center / 100%;}
.sec1 .v-right .info-wrap > div a:hover .btn-go{background: url('../images/main/btn_go_over.png') no-repeat center / 100%;}
.sec1 .v-right .info-wrap .cafeinfo { background: #fff url('../images/main/btn_big2_img1.png') no-repeat right 3rem bottom 3rem/auto; }
.sec1 .v-right .info-wrap .cafeinfo { background:url('../images/main/quick01.png') no-repeat left 2.8rem bottom 2.8rem;}
.sec1 .v-right .info-wrap .swiminfo { background: #fff url('../images/main/btn_big2_img2.png') no-repeat right 3rem bottom 3rem/auto; }
.sec1 .v-right .info-wrap .swiminfo { background:url('../images/main/quick02.png') no-repeat left 2.8rem bottom 2.8rem;}

@media (max-width:1200px){
	.sec1 .visual{width: calc(100% - 42rem);}
	.sec1 .visual .txt-area{left: 6rem;}
	.sec1 .visual .controll{left: 6rem;}
	.sec1 .v-right{width:40rem;}
	.sec1 .v-right .popup-wrap .controll {/* padding: 1.6rem 1.8rem; */width: 23rem;}
}

@media (max-width:1024px){
	.sec1{flex-wrap:wrap;}
	.sec1 .visual{width:100%;height: 54rem;}
	.sec1 .visual .txt-area{top:6rem;}
	.sec1 .visual .controll{bottom:6rem;}
	.sec1 .v-right{flex-direction:row; width:100%;}
	.sec1 .v-right .popup-wrap{width:46rem;}
	.sec1 .v-right .info-wrap{flex-direction:column;width: calc(100% - 48rem);height: 100%;}
}

@media (max-width:600px){
	.sec1 .visual .txt-area{left: 3rem;}
	.sec1 .visual .controll{left: 3rem;}
	.sec1 .v-right{flex-direction:column; width:100%; gap:2rem;}
	.sec1 .v-right .popup-wrap{width:100%; height:46rem;}
	.sec1 .v-right .info-wrap{flex-direction:row; width:100%; height: 21.5rem;}
}

h3 {font-size: 4rem;font-family: 'Aggravo', sans-serif;font-weight: 700;margin-bottom: 3rem;display: flex;align-items: center;gap: 1rem;color: #222;}
h3 strong { color: #3b42c4; }

.sec2 {margin-bottom: 9rem;}
.sec2 h3::after{content:"";display:block;background:url('../images/main/tit_dream.png') no-repeat center / 100%;width:10.2rem;height:7.4rem;margin: -3rem 0 0;}
.sec2 h3 .heart-icon { font-size: 2.8rem; }
.sec2 .service { display: flex; gap: 2.4rem; }
.sec2 .service .items {border: 3px solid transparent;flex: 1;height: 35rem;/* background: #fff; */position: relative;border-radius:3rem;}
.sec2 .service .items a {border-radius: 3rem;border: 0.1rem solid #e9e9e9;display: block;width: 100%;height: 100%;padding: 4rem 3rem;box-sizing: border-box;text-decoration: none;padding-top: 23rem;transition: padding-top 0.5s, opacity 0.5s;overflow:hidden;text-align: center;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.03);}
.sec2 .service .items a:hover, .sec2 .service .items a:focus{padding-top:7rem;}
.sec2 .service .items h4 { font-size: 2rem; font-weight: 700; color: #222; margin: 0 0 1rem 0; }
.sec2 .service .items .desc {font-size: 1.4rem;color: #666;line-height: 1.6;margin-bottom: 8rem;opacity:0;transition: all 0.5s;}
.sec2 .service .items .view-more {font-size: 1.8rem;font-weight: 700;/* display: flex; */align-items: center;gap: 0.5rem;opacity:0;  transition: all 0.5s;}
.sec2 .service .items .view-more i{color:#00142f;background:#e1e4eb;border-radius:5rem;width:2.6rem;height:2.6rem;display:inline-block;line-height: 2.6rem;vertical-align: bottom;margin-left: 1rem;}
.sec2 .service .items a:focus .desc,
.sec2 .service .items a:focus .view-more,
.sec2 .service .items a:hover .desc,
.sec2 .service .items a:hover .view-more{opacity:1;}
.sec2 .service .items .cate {font-size: 1.5rem;font-weight: 700;display: block;margin-bottom: 1.5rem;letter-spacing: .5rem;}
.sec2 .service .items p { font-size: 1.8rem; font-weight: 700; color: #222; margin: 0; }
.sec2 .service .items.sports a{background: #fff url('../images/main/ico_dream01.png') no-repeat center top 8rem / 100px auto;}
.sec2 .service .items.sports .cate { color: #f20670; }
.sec2 .service .items.kids a{ background: #fff url('../images/main/ico_dream02.png') no-repeat center top 9rem/ 100px auto;}
.sec2 .service .items.kids .cate { color: #ffae00; }
.sec2 .service .items.space a{ background: #fff url('../images/main/ico_dream03.png') no-repeat center top 8rem/ 100px auto;}
.sec2 .service .items.space .cate { color: #00b860; }
.sec2 .service .items.aqua a{ background: #fff url('../images/main/ico_dream04.png') no-repeat center top 8rem/ 100px auto;}
.sec2 .service .items.aqua .cate { color: #016df3; }
.sec2 .service .items:hover{border:3px solid transparent;background-image:linear-gradient(#fff, #fff),linear-gradient(-32deg, #282bc4 0%, #00cb55 100%);background-origin: border-box;background-clip: content-box, border-box;}
.sec2 .service .items.sports a:hover, .sec2 .service .items.kids a:hover, .sec2 .service .items.space a:hover, .sec2 .service .items.aqua a:hover{border:3px solid transparent; background-image:none;}
.sec2 .service .items.sports a:focus, .sec2 .service .items.kids a:focus, .sec2 .service .items.space a:focus, .sec2 .service .items.aqua a:focus{border:3px solid transparent; background-image:none;}

@media (max-width:1200px){
	.sec2 .service{gap:1.5rem;}
	.sec2 .service .items.sports a{background-size: 50%;}
	.sec2 .service .items.kids a{background-size: 50%;}
	.sec2 .service .items.space a{background-size: 50%;}
	.sec2 .service .items.aqua a{background-size: 50%;}
}
@media (max-width:1024px){
	.sec2 .service .items a:hover, .sec2 .service .items a:focus{padding:5rem 2rem 2rem;}
	.sec2 .service .items .desc{margin-bottom:5rem;}
}
@media (max-width:600px){
	h3{flex-wrap:wrap;}
	h3 strong{width:100%;}
	.sec2 h3::after{display:none;}
	.sec2 .service{flex-wrap:wrap;justify-content: space-between;gap: 1rem;}
	.sec2 .service .items{width: calc(50% - 0.5rem); flex: none;}
}
@media (max-width:440px){
	.sec2 .service .items{width: 100%;}
	.sec2 .service .items.sports a{background-size: auto 13rem;}
	.sec2 .service .items.kids a{background-size:  auto 13rem;}
	.sec2 .service .items.space a{background-size:  auto 13rem;}
	.sec2 .service .items.aqua a{background-size:  auto 13rem;}
}

.sec3 { margin-bottom: 5rem; }
.sec3 .sec3-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem; }
.sec3 h3::after{content:"";display:block;background:url('../images/main/tit_place.png') no-repeat center / 100%;width: 15.3rem;height: 9.3rem;margin: -6rem 0 0 -9rem;}
.sec3 .btn-more {font-size: 1.8rem;font-weight: 700;color: #666;display: flex;align-items: center;gap: 1rem;text-decoration: none;}
.sec3 .btn-more i {display: inline-flex;width: 2.6rem;height: 2.6rem;background: #e1e4eb;border-radius: 50%;color: #00142f;align-items: center;justify-content: center;font-size: 1.8rem;font-style: normal; transition: all 0.3s;}
.sec3 .btn-more:hover i,
.sec3 .btn-more:focus i{background: #3b42c4; color: #fff;}
.sec3 .floor-wrap { display: flex; gap: 4rem; }
.sec3 .floor-menu {width: 19.6rem;display: flex;flex-direction: column;margin: 0;padding: 0;list-style: none;justify-content: space-between;background:#f6f7f9;padding: 0 3rem;border-radius: 2.5rem;}
.sec3 .floor-menu li{height: 20%;border-bottom: 0.1rem dashed #e2e2e2;}
.sec3 .floor-menu li:last-child{border-bottom:none;}
.sec3 .floor-menu li a {width: 100%;display: flex;height: 100%;font-size: 1.8rem;font-weight: 500;color: #bbb;text-align: center;text-decoration: none;align-items: center;justify-content: center;}
.sec3 .floor-menu li.active a { color: #3b42c4; font-weight: 700; }
.sec3 .floor-contents {flex: 1;height: 58rem;border-radius: 3rem;position: relative;overflow: hidden;display:none;}
.sec3 .floor-contents.on{display:block;}
.sec3 .floor-contents .swiper  { width: 100%; height: 100%; }
.sec3 .floor-contents .swiper-slide { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.sec3 .floor-contents .swiper-slide a { display: block; width: 100%; height: 100%; text-decoration: none; }
.sec3 .floor-contents .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; }
.sec3 .floor-info {width: calc(100% - 6rem);position: absolute;top: 7rem;left: 6rem;color: #fff;z-index: 2;}
.sec3 .floor-info .title {width: 100%;font-size: 2.8rem;font-weight: 700;margin: 0 0 3rem 0;padding-bottom: 3rem;border-bottom: 1px solid rgba(255, 228, 235, 0.3);}
.sec3 .floor-info .tags { display: flex; gap: 1rem; flex-wrap: wrap; }
.sec3 .floor-info .tags span {font-weight: 500;background: rgba(255, 255, 255, 0.3);padding: 0.8rem 2rem;border-radius: 2rem;font-size: 1.4rem;color: #fff;/* border: 0.1rem solid rgba(255, 255, 255, 0.3); */}
.sec3 .floor-info .tags span.on{background:#fff; color:#00142f;}
.sec3 .floor-contents .controll {position: absolute;top: 16rem;right: 6rem;display: flex;align-items: center;gap: 2rem;border-radius: 2rem;color: #fff;z-index: 2;}
.sec3 .floor-contents .controll .slide-progress-wrapper{display:none;}
.sec3 .floor-contents .controll .slide-pagination {font-size: 1.6rem;}
.sec3 .floor-contents .controll .slide-pagination strong::after{display:inline-block;width:2px;height:8px;background: rgba(255, 255, 255, 0.5);content:"";margin: 0 1rem 0.2rem;}
.sec3 .floor-contents .controll .slide-pagination span{color: rgba(255, 255, 255, 0.6);}
.sec3 .floor-contents .controll .slide-btn { display: flex; align-items: center; gap: 1.5rem; }
.sec3 .floor-contents .controll .slide-btn button { width: 1.6rem; height: 1.6rem; background: none; border: none; font-size: 0; cursor: pointer; padding: 0; }
.sec3 .floor-contents .controll .slide-btn .slide-prev {width:4.6rem;height:4.6rem;background: rgba(246, 247, 249, 0.3) url('../images/main/ctrl_prev.png') no-repeat center; border-radius:2.3rem;}
.sec3 .floor-contents .controll .slide-btn .slide-next {width:4.6rem;height:4.6rem;background: rgba(246, 247, 249, 0.3) url('../images/main/ctrl_next.png') no-repeat center; border-radius:2.3rem;}
.sec3 .floor-contents .controll .slide-btn .slide-stop {background: url('../images/main/popup_stop.png') no-repeat center/contain;width: 1.2rem;height: 1.3rem;}
.sec3 .floor-contents .controll .slide-btn .slide-start { background: url('../images/main/popup_play.png') no-repeat center/contain; width: 1.2rem;height: 1.3rem;}

@media (max-width:1280px){
	.sec3 .floor-contents .controll{top:6rem;}
}

@media (max-width:1024px){
	.sec3 .floor-wrap{flex-direction: column;}
	.sec3 .floor-menu{width:100%;flex-direction:row;padding: 2rem 0;}
	.sec3 .floor-menu li{width:20%;height:100%;border-right: 0.1rem dashed #e2e2e2; border-bottom: none;}
	.sec3 .floor-menu li:last-child{border-right: none;}
	.sec3 .floor-menu li a{padding:3rem 0;}
	.sec3 .floor-contents{flex:auto;}
}
@media (max-width:600px){
	.sec3 h3{max-width: calc(100% - 14rem);}
	.sec3 h3::after{display:none;}
	.sec3 .btn-more{width:14rem;}
	.sec3 .floor-info{left:3rem; top:3rem;}
	.sec3 .floor-info .title{margin-bottom:2rem; padding-bottom:2rem;}
	.sec3 .floor-contents{height:45rem;}
	/* .sec3 .floor-contents .controll{left:3rem;bottom:3rem;top: auto;width: calc(100% - 6rem); color:#000;}
	.sec3 .floor-contents .controll .slide-pagination strong::after{background:rgba(3, 3, 3, 0.2); margin: 0 1rem 0.1rem;}
	.sec3 .floor-contents .controll .slide-pagination span{color: rgba(3, 3, 3, 0.4)}
	.sec3 .floor-contents .controll .slide-btn .slide-prev {background: rgb(0 0 0 / 30%) url('../images/main/ctrl_prev.png') no-repeat center;}
	.sec3 .floor-contents .controll .slide-btn .slide-next {background: rgba(0, 0, 0, 0.3) url('../images/main/ctrl_next.png') no-repeat center;}	 */
}
@media (max-width:480px){
	.sec3 .floor-contents .controll{left:3rem;bottom:3rem;top: auto;width: calc(100% - 6rem); color:#000;}
	.sec3 .floor-contents .controll .slide-pagination strong::after{background:rgba(3, 3, 3, 0.2); margin: 0 1rem 0.1rem;}
	.sec3 .floor-contents .controll .slide-pagination span{color: rgba(3, 3, 3, 0.4)}
	.sec3 .floor-contents .controll .slide-btn .slide-prev {background: rgb(0 0 0 / 0.3) url('../images/main/ctrl_prev.png') no-repeat center;}
	.sec3 .floor-contents .controll .slide-btn .slide-next {background: rgba(0, 0, 0, 0.3) url('../images/main/ctrl_next.png') no-repeat center;}
	.sec3 .floor-contents .controll .slide-btn .slide-stop {background: rgba(0, 0, 0, 0.3)url('../images/main/popup_stop.png') no-repeat center; width:4.6rem;height:4.6rem; border-radius:2.3rem;}
	.sec3 .floor-contents .controll .slide-btn .slide-start { background:rgba(0, 0, 0, 0.3)url('../images/main/popup_play.png') no-repeat center;width:4.6rem;height:4.6rem; border-radius:2.3rem;}
}

.sec4 { display: flex; gap: 4rem; }
.sec4 .notice-wrap {width: calc(100% - 650px);border-radius: 2.5rem;padding: 6.2rem 7.4rem;background: #f6f7f9;}
.sec4 .notice-wrap .sec4-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 4rem;}
.sec4 h3{margin-bottom:0;}
.sec4 h3::after{content:"";display:block;background:url('../images/main/tit_news.png') no-repeat center / 100%;width: 5rem;height: 6.9rem;margin: -3rem 0 0 0rem;}
.sec4 .btn-more {font-size: 1.8rem;font-weight: 700;color: #666;display: flex;align-items: center;gap: 1rem;text-decoration: none;}
.sec4 .btn-more i {display: inline-flex;width: 2.6rem;height: 2.6rem;background: #e1e4eb;border-radius: 50%;color: #00142f;align-items: center;justify-content: center;font-size: 1.8rem;font-style: normal; transition: all 0.3s;}
.sec4 .btn-more:hover i,
.sec4 .btn-more:focus i{background: #3b42c4; color: #fff;}
.sec4 .notice-list { display: flex; flex-direction: column; gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.sec4 .notice-list li { border-radius: 2rem; background: #fff; border: 0.1rem solid #e9e9e9; transition: all 0.3s; border:2px solid transparent;}
.sec4 .notice-list li a { display: flex; justify-content: space-between; align-items: center; padding: 2.5rem 3rem; box-sizing: border-box; text-decoration: none; }
.sec4 .notice-list li h4{width: calc(100% - 3.8rem);}
.sec4 .notice-list li .title {font-size: 2rem;font-weight: 700;color: #000;margin-bottom:1.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sec4 .notice-list li .new-badge { background: #ff5e1e; color: #fff; font-size: 1.1rem; font-weight: 700; padding: 0.2rem 0.5rem; border-radius: 0.3rem; margin-left: 0.5rem; vertical-align: middle;}
.sec4 .notice-list li .date {font-size: 1.6rem;color: #757575; background:url('../images/main/ico_date.png') no-repeat left / 14px auto; padding-left:2.2rem;}
.sec4 .notice-list li .btn-go {width: 3.8rem;height: 3.8rem;background: url('../images/main/btn_go.png') no-repeat center / 100%;font-size: 0;display: block;}
.sec4 .notice-list li:hover{background-image:linear-gradient(#fff, #fff),linear-gradient(-32deg, #282bc4 0%, #00cb55 100%);background-origin: border-box;background-clip: content-box, border-box;}
.sec4 .notice-list li:hover .btn-go { background: url('../images/main/btn_go_over.png') no-repeat center / 100%;}

.sec4 .guide-wrap {width:61rem;;background: #eef3fe;border-radius: 3rem;padding: 7rem;box-sizing: border-box;position:relative;}
.sec4 .guide-wrap::after{display:block; content:""; width:16.7rem; height:18.7rem; background:url('../images/main/img_guide.png') no-repeat center / 100%;  position:absolute; top:-2rem; right:2rem;}
.sec4 .guide-wrap .guide-header {margin-bottom: 4rem;}
.sec4 .guide-wrap .guide-header h3 {font-size: 2.4rem;font-weight: 700;color: #222;margin: 0 0 2rem;}
.sec4 .guide-wrap .guide-header h3::after{content:"";display:block;background:url('../images/main/tit_guide.png') no-repeat center / 100%;width: 3rem;height: 3rem;margin: -1rem 0 0 0rem;}
.sec4 .guide-wrap .guide-header .tel {font-size: 3.8rem;font-weight: 800;font-family: 'Aggravo';}
.sec4 .guide-wrap .guide-header .tel a {color:#00142f;  text-decoration: none; }
.sec4 .guide-wrap .guide-header .tel a span{color: #3b42c4;}
.sec4 .guide-wrap .guide-info { display: flex; flex-direction: column; gap: 2rem; margin: 0 0 4rem 0; padding: 0; list-style: none; }
.sec4 .guide-wrap .guide-info li {display: flex;font-size: 1.7rem;line-height: 1.6;gap: 3rem;}
.sec4 .guide-wrap .guide-info li strong {width: 13rem;color: #000;font-weight: 700;flex-shrink: 0;padding-left: 1.8rem;position:relative;}
.sec4 .guide-wrap .guide-info li strong::after{content:"";display:block;width:.6rem;height:.6rem;background:#2329bc;position:absolute;top: 0.6em;left:0px;/* transform: translateY(-100%); */border-radius:.3rem;}
.sec4 .guide-wrap .guide-info li span {color: #333;}
.sec4 .guide-wrap .guide-btn { display: flex; gap: 1.5rem; }
.sec4 .guide-wrap .guide-btn a {flex: 1;border-radius: 2rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;font-size: 1.4rem;font-weight: 700;background: #fff;color: #333;border: 0.1rem solid #e2e2e2;padding: 10rem 0rem 3rem;}
.sec4 .guide-wrap .guide-btn a span{display:block;}
.sec4 .guide-wrap .guide-btn .btn-intro {background: #fff url('../images/main/ico_guide01.png') no-repeat center 3rem;}
.sec4 .guide-wrap .guide-btn .btn-faq {background: #fff url('../images/main/ico_guide02.png') no-repeat center 3rem;}
.sec4 .guide-wrap .guide-btn .btn-map {background: #fff url('../images/main/ico_guide03.png') no-repeat center 3rem;}
.sec4 .guide-wrap .guide-btn .btn-intro:hover {background: #2329bc url('../images/main/ico_guide01.png') no-repeat center 3rem; color: #fff;}
.sec4 .guide-wrap .guide-btn .btn-faq:hover {background: #2329bc url('../images/main/ico_guide02.png') no-repeat center 3rem; color: #fff;}
.sec4 .guide-wrap .guide-btn .btn-map:hover {background: #2329bc url('../images/main/ico_guide03.png') no-repeat center 3rem; color: #fff;}

@media (max-width:1400px){
	.sec4{gap:2rem;}
	.sec4 .notice-wrap{width:calc(100% - 63rem);}
}
@media (max-width:1280px){
	.sec4{flex-wrap:wrap;}
	.sec4 .notice-wrap{width:100%;}
	.sec4 .guide-wrap{widtH:100%;}
}
@media (max-width:780px){
	.sec4 .notice-wrap{padding:5rem 4rem;}
	.sec4 .guide-wrap{padding:5rem 4rem;}
}
@media (max-width:600px){
	.sec4{width:100%;gap:0rem;padding-bottom: 0;}
	.sec4 h3::after{display:none;}
	.sec4 .notice-wrap{padding: 8rem 2rem;border-radius:0;}
	.sec4 .notice-list li h4{width:calc(100% - 2.4rem);}
	.sec4 .notice-list li .btn-go{width:2.4rem;}
	.sec4 .guide-wrap{padding: 8rem 2rem;border-radius:0;}
	.sec4 .guide-wrap::after{top:2rem;}
}
@media (max-width:480px){
	.sec4{width:100%;gap: 0rem;}
	.sec4 .notice-wrap .sec4-header{flex-wrap:wrap;}
	.sec4 .btn-more{margin-top:2rem;}
	.sec4 .notice-wrap{padding: 8rem 2rem;border-radius:0;}
	.sec4 .notice-list li h4{width:100%;}
	.sec4 .notice-list li .btn-go{display:none;}
	.sec4 .notice-list li a{padding: 2rem 2.5rem;}
	.sec4 .guide-wrap{padding: 8rem 2rem;border-radius:0;}
	.sec4 .guide-wrap::after{display:none;}
}