#qlink {display:block !important;}
#main_pop {position:absolute; top:224px; left:50%; z-index:11100; width:487px; margin-left:210px;}
#main_pop .weather {overflow:hidden; display:flex; align-items:center; height:60px; padding:0 0 0 25px; border:5px solid #223055; white-space:nowrap; background:#fff;}
#main_pop .weather span {font-size:13px; color:#000000; font-weight:500;}
#main_pop .weather .bar {width:1px; height:15px; margin:0 25px 0 15px; background:#000;}
#main_pop .weather .w_temp {margin-left:8px; margin-right:20px; font-size:20px; font-weight:700;}

#pop_swiper {position:relative; margin-top:9px; border:5px solid #223055; background:#fff;}
#pop_swiper .swiper-button-prev,
#pop_swiper .swiper-button-next {width:56px; height:94px; margin-top:-47px; background:url('../images/main/pop_arr.png') no-repeat center rgba(0,0,0,0.5); background-size:21px auto;}
#pop_swiper .swiper-button-prev {left:0;}
#pop_swiper .swiper-button-next {right:-1px; transform:rotate(180deg);}
#pop_swiper .swiper-button-pagination {position:absolute; right:0; bottom:0; z-index:100; left:auto; width:auto; padding:0 10px; font-size:1.7rem; line-height:36px; color:#e2e2e2; background:rgba(0,0,0,0.5);}
#pop_swiper .swiper-slide {position:relative;}
#pop_swiper .swiper-slide a {position:absolute; bottom:30px; left:50%; width:130px; padding-bottom:1px; margin-left:-65px; border-radius:20px; font-size:21px; font-weight:700; text-align:center; color:#fff; line-height:39px; background:#223055;}
#pop_swiper .img {position:relative; padding-bottom:111.1111%;}
#pop_swiper .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
@media (max-width:1700px){
	#main_pop {left:auto; right:20rem; margin:0;}
}
@media (max-width:1024px){
	#main_pop {top:60px; left:0; right:auto; width:53rem;}
	#main_pop .weather {height:9rem; border-width:0.7rem; padding-left:2rem;}
	#main_pop .weather span {font-size:1.5rem;}
	#main_pop .weather .bar {width:1px; height:2rem; margin:0 2.5rem 0 1.5rem;}
	#main_pop .weather .w_temp {margin-left:1rem; margin-right:2rem; font-size:2.2rem;}
	#main_pop .weather img {width:3rem;}
	#pop_swiper {border-width:0.7rem; margin-top:1rem;}
	#pop_swiper .swiper-button-prev,
	#pop_swiper .swiper-button-next {width:6rem; height:10rem; margin-top:-5rem; background-size:2.1rem auto;}
	#pop_swiper .swiper-button-pagination {padding:0 1rem; font-size:2rem; line-height:4rem;}
	#pop_swiper .swiper-slide a {bottom:3rem; width:14rem; margin-left:-7rem; border-radius:3rem; font-size:2.3rem; line-height:5rem;}
}


.pop img {display:block; max-width:100%;}
#pop3 {position: absolute; left: 50%; top:150px; z-index: 11102; width:96%; max-width:437px; margin-left:-200px; display: none;}
#pop2 {position: absolute; left: 50%; top:150px; z-index: 11101; width:96%; max-width:437px; margin-left:-600px; display: none;}
#pop1 {position: absolute; left: 50%; top:150px; z-index: 11100; width:96%; max-width:437px; margin-left:-900px; display: none;}


.pop_footer {position:relative; width: 100%; padding:0 20px; line-height: 30px; vertical-align: middle; font-size:12px; color: #fff; background: #2e2e2e;}
.pop_footer * {vertical-align:middle;}
.pop_footer .pop_close {position:absolute; top:0; right:20px; color:#fff;}
@media all and (max-width:1700px){
	#pop1 {left:30px; margin:0;}
	#pop2 {left:300px; margin:0;}
	#pop3 {left:600px; margin:0;}
}
@media all and (max-width:1024px){
	.pop {left:0 !important; top:60px !important;}
}


#main_visual {position:relative; height:calc(100vh - 119px);}
#main_visual .swiper-container,
#main_visual .swiper-wrapper {height:100%;}
#main_visual .swiper-slide {height:100%; background:no-repeat center/cover;}
#main_visual .slide1 {background-image:url('../images/main/main_visual1.jpg');}
#main_visual .slide2 {background-image:url('../images/main/main_visual2.jpg');}
#main_visual .slide3 {background-image:url('../images/main/main_visual3.jpg');}
#main_visual .slide4 {background-image:url('../images/main/main_visual4.jpg');}
#main_visual .slide5 {background-image:url('../images/main/main_visual5.jpg');}
#main_visual .slide6 {background-image:url('../images/main/main_visual6.jpg');}
#main_visual .slide7 {background-image:url('../images/main/main_visual7.jpg');}
#main_visual .slide8 {background-image:url('../images/main/main_visual8.jpg');}
#main_visual .slide9 {background-image:url('../images/main/main_visual9.jpg');}
#main_visual .slide10 {background-image:url('../images/main/main_visual10.jpg');}
#main_visual .slide11 {background-image:url('../images/main/main_visual11.jpg');}
#main_visual .slide12 {background-image:url('../images/main/main_visual12.jpg');}
#main_visual .slide13 {background-image:url('../images/main/main_visual13.jpg');}
#main_visual .slide14 {background-image:url('../images/main/main_visual14.jpg');}
#main_visual .slide15 {background-image:url('../images/main/main_visual15.jpg');}
#main_visual .slide16 {background-image:url('../images/main/main_visual16.jpg');}
#main_visual .txt {position:absolute; top:50%; left:50%; z-index:101; margin-top:-17rem; margin-left:-73.8rem; color:#fff; text-shadow: 0.5rem .8rem .7rem rgba(0, 0, 0, 0.45);}
#main_visual .txt p {font-size:3rem; font-weight:700;}
#main_visual .txt strong {font-size:8rem; font-weight:700;}
#main_visual .controls {display:flex; align-items:center; position:absolute; left:5rem; bottom:5rem; z-index:100; height:67px; padding:0 27px; font-size:17px; color:#fff; background:#223055;}
#main_visual .controls .st {width:180px; white-space:nowrap;}
#main_visual .swiper-button-pagination {width:55px; margin-right:20px; color:#7a7a7a; font-weight:500;}
#main_visual .swiper-pagination-current {color:#fff;}
#main_visual .swiper-button-prev,
#main_visual .swiper-button-next {position:relative; left:auto; top:auto; right:auto; min-width:16px; height:19px; margin:0; background:url('../images/main/icon_arr.png') no-repeat center/contain;}
#main_visual .swiper-button-next {transform:rotate(180deg);}
#main_visual .btn_pause {min-width:19px; height:19px; margin:0 10px; background:url('../images/main/icon_pause.png') no-repeat center/contain;}
#main_visual .btn_pause.play {background-image:url('../images/main/icon_play.png')}
@media (max-width:1024px){
	#main_visual .controls {left:3rem; bottom:3rem; right:3rem; height:8rem; padding:0 2rem; font-size:2.2rem;}
	#main_visual .controls .st {flex:1; min-width:0;}
	#main_visual .swiper-button-pagination {position:absolute; left:0; right:0; bottom:auto; width:auto; text-align:center; margin:0; line-height:8rem;}
	#main_visual .swiper-button-prev,
	#main_visual .swiper-button-next {width:2rem; height:2.4rem;}
	#main_visual .btn_pause {width:2rem; height:2.4rem; margin:0 1rem;}
}

.mtit h3 {font-family: 'JalnanGothic'; font-size:3.5rem; color:#444444; letter-spacing:0}
.mtit h3 span {color:#223055;}
.mtit .stxt {font-size:1.9rem; color:#494949;}
@media (max-width:1024px){
	.mtit h3 {font-size:3rem;}		
	.mtit .stxt {font-size:2rem;}
}

#section1 {padding:7rem 0;}
#section1 .cbox {display:flex; gap:8rem;}
#section1 .mtit {padding-top:5rem;}
#section1 ul {display:flex; justify-content:space-between; flex:1; min-width:0; max-width:1030px;}
#section1 ul a {display:block; width:14.4rem; font-size:2rem; color:#242424; font-weight:500; text-align:center;}
#section1 ul a::before {display:block; margin-bottom:2rem; padding-bottom:100%; border-radius:100%; background:url('../images/main/section1_icon.png') #e6e6e6 no-repeat; background-size:100% auto; content:''; transition:background-color 0.4s;}
#section1 li:nth-child(1) a::before {background-position:0 40%;}
#section1 li:nth-child(2) a::before {background-position:0 70%;}
#section1 li:nth-child(3) a::before {background-position:0 30%;}
#section1 li:nth-child(4) a::before {background-position:0 50%;}
#section1 li:nth-child(5) a::before {background-position:0 10%;}
#section1 a:hover::before {background-color:#d9dde5;}
@media (max-width:1024px){
	#section1 .cbox {flex-wrap:wrap; gap:3rem;}
	#section1 .mtit {padding-top:0;}
	#section1 ul {flex:initial; gap:2rem; margin:0 -3rem; padding:0 3rem 2rem;}	
	#section1 ul {overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling: touch;}
	#section1 ul::-webkit-scrollbar {display: none;}
}


#section2 {padding:8rem 0; background:#f4f4f5;}
#section2 .cbox {display:flex; gap:13rem; color:#0d0d0d;}
#section2 .mtit {height:8rem;}
#section2 .board {display:none;}
#section2 #board1 {display:block;}
#section2 .news {flex:1; min-width:0;}
#section2 .news .tab {display:flex; gap:0.5rem; position:relative;}
#section2 .news .tab button {display:block; padding:0 2.5rem; border-radius:1rem; font-size:2rem; color:#0d0d0d; line-height:2.5; background:#d9dde5; transition:all 0.4s;}
#section2 .news .tab li button:hover,
#section2 .news .tab li.on button {color:#fff; background:#223055;}
#section2 .news .tab a {display:none; position:absolute; right:0; bottom:0.5rem;}
#section2 .news .tab li.on a {display:block;}
#section2 .news .board_top {display:flex; gap:1.8rem; align-items:center; padding:2.5rem 0 3.2rem; border-bottom:1px solid #d5d5d5;}
#section2 .news .board_top .date {width:7.3rem; height:7.3rem; border-radius:100%; text-align:center; background:#fff; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.14);}
#section2 .news .board_top .date span {display:block; padding-top:1rem; font-size:1.5rem; font-weight:300;}
#section2 .news .board_top .date strong {display:block; font-size:3rem; font-weight:800;}
#section2 .news .board_top .cont {flex:1; min-width:0;}
#section2 .news .board_top .cont strong,
#section2 .news .board_top .cont p {overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}
#section2 .news .board_top .cont strong {font-size:2rem;}
#section2 .news .board_top .cont p {margin-top:1rem; font-size:1.7rem;}
#section2 .news .list {padding-top:2rem; padding-left:0.5rem;}
#section2 .news .list a {display:flex; gap:3rem; font-size:1.7rem; line-height:1.588;}
#section2 .news .list a strong {flex:1; min-width:0; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; font-weight:400;}
#section2 .news .list a span {}
#section2 .qlink {width:36.93%;}
#section2 .qlink ul {display:grid; grid-template-columns: repeat(2, 1fr); gap:0.9rem;}
#section2 .qlink ul a {display:block; height:20rem; position:relative; background:#d9dde5;}
#section2 .qlink ul a::before {display:block; width:14.4rem; height:14.4rem; margin:auto; background:url('../images/main/section1_icon.png') no-repeat; background-size:100% auto; content:'';}
#section2 .qlink li:nth-child(1) a::before {background-position:0 0;}
#section2 .qlink li:nth-child(2) a::before {background-position:0 20%;}
#section2 .qlink li:nth-child(3) a::before {background-position:0 30%;}
#section2 .qlink li:nth-child(4) a::before {background-position:0 60%;}
#section2 .qlink li:nth-child(2) a,
#section2 .qlink li:nth-child(3) a {background:#d5ffc8;}
#section2 .qlink li strong {display:block; margin-top:-2rem; font-size:2rem; font-weight:700; text-align:center;}
#section2 .qlink li span {position:absolute; right:1.7rem; bottom:1.3rem; padding-right:1.7rem; font-size:1.7rem; font-weight:500; background:url('../images/main/section2_arr.png') no-repeat right center; background-size:0.8rem auto;}
@media (max-width:1024px){
	#section2 .mtit {height:auto; margin-bottom:3rem;}
	#section2 .cbox {flex-wrap:wrap; gap:10rem;}
	#section2 .news {flex:initial; width:100%;}
	#section2 .qlink {width:100%;}
	#section2 .news .tab li {flex:1; min-width:0;}
	#section2 .news .tab li.on a {display:none;}
	#section2 .news .tab button {width:100%; padding:0; line-height:3;}
	#section2 .news .list a {font-size:1.9rem;}
}

#section3 {padding:5rem 0 6rem;}
#section3 .cbox {display:flex; gap:8rem; align-items:center;}
#section3 .mtit::before {display:block; height:7.7rem; margin-bottom:2.8rem; background:url('../images/main/section3_icon1.png') no-repeat right 1.5rem center/contain; content:'';}
#section3 .mtit::after {display:block; height:4.4rem; margin-top:3.5rem; background:url('../images/main/section3_icon2.png') no-repeat 1.2rem center/contain; content:'';}
#section3 ul {overflow:hidden; flex:1; min-width:0; display:grid; grid-template-columns: repeat(5, 1fr); font-size:2rem; text-align:center;}
#section3 ul li {margin-bottom:-1px; padding:3.5rem 0; border-bottom:1px solid #dedede; line-height:1.3;}
#section3 ul span {display:block; margin-top:0.5rem; color:#5d5d5d;}
@media (max-width:1024px){
	#section3 {padding:8rem 0 6rem;}
	#section3 .cbox {flex-wrap:wrap; gap:2rem;}
	#section3 .mtit {position:relative; display:inline-block;}
	#section3 .mtit::before {position:absolute; left:100%; top:0; width:5rem; margin:-5rem 1rem 0; background-position:center;}
	#section3 .mtit::after {display:none;}
	#section3 ul {flex:initial; width:100%; grid-template-columns: repeat(3, 1fr);}
}

#section4 {padding:5.5rem 0;}
#section4 .cbox {display:flex;}
#section4 .tbox {width:44.7rem; padding-top:2.5rem;}
#section4 .mtit {padding-bottom:7rem; background:url('../images/main/section4_icon1.png') no-repeat 0 bottom; background-size:4.8rem auto;}
#section4 .tab {margin-top:2.5rem}
#section4 .tab a {display:inline-block; font-size:1.9rem; line-height:1.578;}
#section4 .tab .on a {color:#223055;}
#section4 .swiper-button-pagination {position:relative; width:auto; margin-top:3.5rem;}
#section4 .swiper-button-pagination .swiper-pagination-bullet {width:9px; height:9px; margin-right:8px; opacity:1; border-radius:5px; background:#a7a7a7; transition:all 0.4s;}
#section4 .swiper-button-pagination .swiper-pagination-bullet-active {width:24px; background:#61bd45;}
#facilities {flex:1; min-width:0;}
#facilities .swiper-container {width:130rem;}
#facilities .inbox {overflow:hidden; position:relative; margin-right:5.4rem;}
#facilities .inbox > strong {position:absolute; left:4rem; bottom:8rem; z-index:2; font-family: 'JalnanGothic'; font-weight:normal; font-size:4.5rem; color:#fff; letter-spacing:0; text-shadow: .5rem .7rem .7rem rgba(0, 0, 0, 0.45);}
#facilities .inbox .cont {position:absolute; left:0; bottom:0; right:0; z-index:3; transform:translateY(100%); padding:4rem 4rem 4.5rem; font-size:2rem; background:url('../images/main/section4_icon2.png') no-repeat #fff right 4.5rem top 4.3rem; background-size:3.3rem auto; transition:all 0.4s;}
#facilities .inbox .cont strong {font-family: 'JalnanGothic'; font-size:3.5rem; font-weight:normal}
#facilities .inbox .cont p {margin:2rem 0;}
#facilities a:hover .inbox .cont {transform:translateY(0);}
@media (max-width:1920px){
	#facilities .swiper-container {width:auto; margin-right:-5rem;}
}
@media (max-width:1600px){
	#section4 .tbox {width:40rem;}
	#facilities .inbox > strong {font-size:3.5rem;}
	#facilities .inbox .cont {font-size:1.8rem;}
	#facilities .inbox .cont strong {font-size:3rem;}
}
@media (max-width:1024px){
	#section4 .cbox {flex-wrap:wrap; gap:5rem;}
	#section4 .mtit {width:46rem; padding-bottom:0; background-position:right bottom;}
	#section4 .tab {display:none;}
	#facilities {flex:initial; width:100%;}
	#facilities .swiper-container {width:auto; margin-right:-2rem;}
	#facilities a:hover .inbox .cont {display:none;}
	#facilities .inbox {margin-right:2rem;}
}