@charset "utf-8";
#visual{width:100%; height:670px; position:relative; overflow:hidden; margin-top:90px;}
#visual .visualBox{width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}
#visual .visualBox .inSlide{width:100%; height:100%;}
#visual .visualBox .slideItem{display:flex; justify-content:center; align-items:center; width:min(1580px, calc(100vw - 80px)); height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; border-radius:35px; opacity:0.25;}
#visual .visualBox .slideItem .textBox{display:flex; flex-wrap:wrap; align-content:center; width:calc(100% - 80px); height:auto; z-index:5; color:#fff; text-align:center;}
#visual .visualBox .slideItem .textBox .inTitle{width:100%; font-size:68px; font-weight:700; letter-spacing:-0.05em; line-height:1.25; opacity:0; transform:translateY(50px);}
#visual .visualBox .slideItem .textBox p{width:100%; font-size:22px; font-weight:600; letter-spacing:-0.05em; line-height:1.363; margin-top:25px; opacity:0; transform:translateY(50px);}
#visual .visualBox .slideItem.visual1{background-image:url("/html/resource/img/main/visual1.jpg?ver=2");}
#visual .visualBox .slideItem.visual2{background-image:url("/html/resource/img/main/visual2.jpg?ver=2");}
#visual .visualBox .slideItem.visual3{background-image:url("/html/resource/img/main/visual3.jpg?ver=2");}
#visual .visualBox .slideItem.visual4{background-image:url("/html/resource/img/main/visual4.jpg?ver=2");}
#visual .visualBox .slideItem.visual5{background-image:url("/html/resource/img/main/visual5.jpg?ver=2");}
#visual .visualPager{display:flex; justify-content:center; align-content:center; width:calc(100% - 160px); max-width:1580px; height:auto; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:2;}
#visual .visualPager .pagerBox{display:inline-flex; align-items:center; justify-content:center; width:89px; height:36px; border-radius:18px; background:rgba(0,0,0,.4); color:#fff; gap:5px;}
#visual .visualPager .pagerBox span{display:inline-block; font-size:16px; font-weight:700; letter-spacing:-0.05em; line-height:1;}
#visual .visualBox .slideItem.swiper-slide-active{opacity:1;}
#visual .visualBox .slideItem.swiper-slide-active .textBox .inTitle, #visual .visualBox .slideItem.swiper-slide-active .textBox p{opacity:1; transform:translateY(0); transition:opacity .9s ease, transform .9s cubic-bezier(.22,.61,.36,1);}
#visual .visualBox .slideItem.swiper-slide-active .textBox p{transition-delay:.15s;}

.mainQuick{width:100%; margin-top:40px;}
.mainQuick ul{display:flex; justify-content:center; width:100%; max-width:720px; margin:0 auto;}
.mainQuick ul li{display:inline-block; width:180px; text-align:center;}
.mainQuick ul li + li{border-left:1px dashed #d5d5d5;}
.mainQuick ul li a{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%;}
.mainQuick ul li a img{display:block; margin-bottom:15px;}
.mainQuick ul li a p{width:100%; font-size:18px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#333;}

.mainSection{width:100%; height:auto;}
.mainSection.padding1{padding:160px 0;}
.mainSection.padding2{padding:180px 0;}
.mainSection.mainBg1{background:#f4f3f1; overflow:hidden; padding:120px 0 100px 0;}
.mainSection.mainBg2{overflow:hidden; padding-top:180px; position:relative;}
.mainSection.mainBg2::after{content:""; display:block; width:100%; height:400px; background:linear-gradient(to bottom, rgba(135,119,106,0) 0%, rgba(135,119,106,.28) 100%); position:absolute; bottom:0; left:0; z-index:0;}
.mainSection.mainBg3{background:#eff1f4; overflow:hidden; padding:120px 0 ;}
.mainSection .inContent{display:flex; flex-wrap:wrap; align-content:center; width:calc(100% - 60px); max-width:1430px; height:auto; text-align:center; margin:0 auto;}
.mainSection .inContent.type2{max-width:1180px; height:auto; text-align:center; margin:0 auto;}


.titleBox{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%; margin-bottom:60px; text-align:center; position:relative;}
.titleBox .engText{display:block; width:100%; font-size:18px; font-weight:400; letter-spacing:0; line-height:1; color:#8b5e3c; text-transform:uppercase; margin-bottom:24px;}
.titleBox h2{width:100%; font-size:45px; font-weight:400; letter-spacing:-0.075em; line-height:1.3; color:#333;}
.titleBox h2.type2{font-family: "Nanum Myeongjo"; font-size:55px;}
.titleBox h2 strong{font-weight:700;}
.titleBox p{width:100%; font-size:22px; font-weight:300; letter-spacing:-0.05em; line-height:1.3; color:#666; margin-top:20px;}
.titleBox a{display:inline-flex; justify-content:center; align-items:center; width:185px; height:40px; border-radius:20px; box-sizing:border-box; background:#6b5c56; font-size:16px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:25px;}
.titleBox a strong{display:inline-block; margin-left:8px; font-family: 'GmarketSans'; font-weight:500;}
.titleBox a.type2{display:inline-block; width:36px; height:36px; border-radius:50%; background:url("/html/resource/img/main/more.png") no-repeat center center/cover; margin-top:0; position:absolute; top:50%; right:0; transform:translateY(-50%);}

.centerList{display:flex; gap:20px; width:100%; height:563px; overflow:hidden;}
.centerList li{position:relative; display:inline-flex; align-items:flex-end; flex:1; min-width:0; height:100%; overflow:hidden; transition:flex .5s cubic-bezier(.05,.61,.41,.95); will-change:flex; background-position:center center; background-size:cover; background-repeat:no-repeat; border-radius:18px;}
.centerList li .textBox{position:relative; width:100%; height:auto; padding:40px 40px 60px 40px; box-sizing:border-box; background:rgba(0,0,0,0); transition:background .5s cubic-bezier(.05,.61,.41,.95); color:#fff; text-align:left; z-index:1;}
.centerList li .textBox:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:220px; background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0)); opacity:1; transition:opacity .5s cubic-bezier(.17,.95,.44,1); pointer-events:none; z-index:0;}
.centerList li .textBox > *{position:relative; z-index:1;}
.centerList li .inText{position:relative; display:grid; width:100%;}
.centerList li .noText,.centerList li .activeText{grid-area:1 / 1; width:100%; min-height:0; will-change:opacity,max-height; transition:opacity .6s cubic-bezier(.17,.95,.44,1),max-height .6s cubic-bezier(.17,.95,.44,1);}
.centerList li .noText{opacity:1; transform:none; transition-delay:.15s;}
.centerList li .noText span{display:block; font-size:22px; font-weight:700; letter-spacing:-0.025em; line-height:1; margin-bottom:13px;}
.centerList li .noText h3{font-size:36px; font-weight:700; letter-spacing:-0.025em; line-height:1;}
.centerList li .activeText{max-height:0; overflow:hidden; opacity:0; transform:none; transition-delay:0s;}
.centerList li .activeText h3{font-size:36px; font-weight:700; letter-spacing:-0.025em; line-height:1;}
.centerList li .activeText p{font-size:20px; font-weight:400; letter-spacing:-0.05em; line-height:1.4; margin-top:15px;}
.centerList li .linkBox{display:flex; gap:15px; width:100%; height:0; margin-top:0; overflow:hidden; opacity:0; transform:none; will-change:height,margin-top,opacity; transition:height .6s cubic-bezier(.17,.95,.44,1),margin-top .6s cubic-bezier(.17,.95,.44,1),opacity .6s cubic-bezier(.17,.95,.44,1);}
.centerList li .linkBox a{display:inline-flex; justify-content:space-between; align-items:center; flex-basis:0; flex-grow:1; height:40px; box-sizing:border-box; border-radius:20px; border:1px solid #fff; padding:0 28px; color:#fff; font-size:20px; font-weight:700; letter-spacing:-0.05em; line-height:1;}
.centerList li .linkBox a span:last-child{font-family:'GmarketSans'; font-weight:500;}
.centerList li:hover{flex:2;}
.centerList li.center01{background-image:url("/html/resource/img/main/center01.jpg");}
.centerList li.center01:hover .textBox{background:rgba(32,47,71,.95);}
.centerList li.center01 .linkBox a:hover{background:#fff; color:#202e46;}
.centerList li.center02{background-image:url("/html/resource/img/main/center02.jpg");}
.centerList li.center02:hover .textBox{background:rgba(201,153,107,.95);}
.centerList li.center02 .linkBox a:hover{background:#fff; color:#c9996b;}
.centerList li.center03{background-image:url("/html/resource/img/main/center03.jpg?ver=261030");}
.centerList li.center03:hover .textBox{background:rgba(92,118,109,.95);}
.centerList li.center03 .linkBox a:hover{background:#fff; color:#5c766d;}
.centerList li:hover .textBox{padding:40px;}
.centerList li:hover .textBox:before{opacity:0;}
.centerList li:hover .noText{opacity:0; transform:none; transition-delay:0s;}
.centerList li:hover .activeText{max-height:300px; opacity:1; transform:none; transition-delay:.15s;}
.centerList li:hover .linkBox{height:40px; margin-top:35px; opacity:1; transform:none; transition-delay:.15s;}

.storyBg{width:100%; overflow:hidden;}
.storyBg ul{width:100%; align-items:flex-start; transition-timing-function:linear !important;}
.storyBg ul li{display:inline-block; width:523px;}
.storyBg ul li:nth-child(2n){margin-top:40px;}
.storyBg ul li figure{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%;}
.storyBg ul li figure .thumb{width:100%; aspect-ratio:523 / 295; position:relative; border-radius:15px; overflow:hidden;}
.storyBg ul li figure .thumb::before{content:""; display:block; width:100%; height:100%; box-sizing:border-box; position:absolute; top:0; left:0; z-index:2; border-radius:15px;}
.storyBg ul li figure .thumb .videoIcon{display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:3; opacity:0; transition:opacity 0.15s;}
.storyBg ul li figure .thumb .img{width:100%; height:100%; object-fit:cover;}
.storyBg ul li figure figcaption{width:100%; margin-top:25px; text-align:center; color:#333;}
.storyBg ul li figure figcaption p{display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:2.726em; font-size:22px; font-weight:700; letter-spacing:-0.05em; line-height:1.363;}
.storyBg ul li figure figcaption span{display:inline-block; font-size:18px; font-weight:300; letter-spacing:-0.05em; line-height:1; margin-top:9px;}
.storyBg ul li:hover figure .thumb::before{border:6px solid #cca76e;}
.storyBg ul li:hover figure .thumb .videoIcon{opacity:1;}

.imgBox1{display:flex; justify-content:center; align-items:center; width:100%; position:relative; z-index:2;}
.imgBox1 .pcOnly{display:block;}
.imgBox1 .mobileOnly{display:none;}

.counterBg{display:flex; justify-content:center; align-items:center; width:100%; padding:80px 30px; background:#4a423a;}
.counterBg .inBox{width:100%; display:flex; justify-content:center; align-items:center;}
.counterBg .icon{display:inline-block; flex-shrink:0; margin-right:45px; filter:drop-shadow(0 0 12px rgba(0,0,0,.5));}
.counterBg .textBox{display:inline-flex; flex-direction:column; align-items:center; gap:35px; color:#fff;}
.counterBg .textBox h2{display:block; font-size:45px; font-weight:700; letter-spacing:-0.075em; line-height:1.3;}
.counterBg .textBox h2 .colorType2{color:#ffefbd;}
.counterBg .textBox .counterBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; max-width:550px;}
.counterBg .textBox .counterBox .counterList{display:flex; justify-content:space-between; align-items:flex-end; width:100%; height:90px;}
.counterBg .textBox .counterBox .counterList li{display:inline-block; font-weight:700; color:#fff; opacity:0.4; min-width:150px; text-align:center; transition:opacity 0.5s;}
.counterBg .textBox .counterBox .counterList li:nth-child(3){padding-right:10px; min-width:65px;}
.counterBg .textBox .counterBox .counterList li .counter{display:inline-block;}
.counterBg .textBox .counterBox .counterList li .counter .engText{display:block; width:100%; text-align:center; font-size:17.6px; letter-spacing:0; line-height:1; margin-bottom:15px; padding-right:20px; transition: font-size 0.5s ease-in-out;}
.counterBg .textBox .counterBox .counterList li .counter .numBg{display:flex; align-items:center; min-height:50px;}
.counterBg .textBox .counterBox .counterList li .counter .numText{display:block;}
.counterBg .textBox .counterBox .counterList li .counter .numCount{display:inline-block; font-size:48px; letter-spacing:0; font-weight:700; line-height:1; transition: font-size 0.5s ease-in-out; vertical-align:top;}
.counterBg .textBox .counterBox .counterList li .counter .text{display:inline-block; font-size:19.2px; letter-spacing:0; line-height:1; margin-left:2px; transition: font-size 0.5s ease-in-out; vertical-align:bottom; margin-bottom:5px;}
.counterBg .textBox .counterBox .counterList li.active{opacity:1;}
.counterBg .textBox .counterBox .counterList li.active .engText{font-size:22px;}
.counterBg .textBox .counterBox .counterList li.active .counter .numCount{font-size:60px;}
.counterBg .textBox .counterBox .counterList li.active .counter .text{font-size:24px;}
.counterBg .textBox .counterBox .countProgress{width:100%; height:2px; background:rgba(255,255,255,.2); margin-top:30px; position:relative;}
.counterBg .textBox .counterBox .countProgress .inBar{width:0; height:100%; background:#fff; position:absolute; top:0; left:0;}

.tourPager{width:100%; height:50px; border-radius:25px; background:#f5f5f5; margin-bottom:30px;}
.tourPager ul{width:100%; height:100%;}
.tourPager ul li{display:inline-block; flex-basis:0; flex-grow:1; height:100%; border-radius:25px; overflow:hidden; transition:background .3s;}
.tourPager ul li button{display:block; width:100%; height:100%; font-size:20px; font-weight:600; letter-spacing:-0.075em; line-height:50px; color:#8a8a8a; transition:color .3s;}
.tourPager ul li.active{background:#7ca088;}
.tourPager ul li.active button{color:#fff;}

.tourView{width:100%; position:relative;}
.tourView ul{display:flex; align-items:center; width:100%; height:520px;}
.tourView ul li{flex:0 0 1180px; width:1180px; height:520px; overflow:visible;}
.tourView ul li .thumb{display:block; width:1180px; height:520px; margin:0 auto; position:relative; overflow:hidden; border-radius:15px; transform:scale(.702); transform-origin:center center; transition:transform .8s cubic-bezier(.05,.61,.41,.95);}
.tourView ul li .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.tourView ul li .thumb figcaption{display:block; position:absolute; bottom:40px; left:0; width:100%; padding:0 40px; box-sizing:border-box; text-align:center; font-size:30px; font-weight:600; letter-spacing:-0.075em; line-height:1.3; color:#fff; opacity:0; transition:opacity .4s;}
.tourView ul li.swiper-slide-active{z-index:5;}
.tourView ul li.swiper-slide-active .thumb{transform:scale(1);}
.tourView ul li.swiper-slide-active .thumb figcaption{opacity:1;}

.noticeBg{display:flex; justify-content:center; width:100%;}
.noticeList{display:flex; width:100%; max-width:1220px; gap:32.5px; margin:0 auto;}
.noticeList li{display:inline-block; flex-basis:0; flex-grow:1; max-width:385px; background:#fff; border-radius:18px; overflow:hidden;}
.noticeList li a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%;}
.noticeList li figure{width:100%; aspect-ratio:385 / 290; overflow:hidden;}
.noticeList li figure img{width:100%; height:100%; object-fit:cover;}
.noticeList li .textBox{width:100%; padding:30px; text-align:left;}
.noticeList li .textBox .cate{display:inline-block; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#8b5e3c; margin-bottom:13px;}
.noticeList li .textBox .cate.type2{color:#ab2b2b;}
.noticeList li .textBox p{width:100%; height:2.6em; font-size:20px; font-weight:600; letter-spacing:-0.025em; line-height:1.3; color:#333; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.noticeList li .textBox .more{display:block; text-align:right; font-size:14px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#909090; margin-top:19px;}
.noticeList li .textBox .more span{display:inline-block; font-family: 'GmarketSans'; font-weight:500; color:#333; margin-left:5px;}

.mainPop{position:absolute; z-index:9999;}
.mainPop .popContent{width:100%; height:auto;}
.mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;}
.mainPop .popBottom .bottomText{display:inline-block; font-size:18px; letter-spacing:-0.05em; line-height:40px;}
.mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;}

@media (max-width:1280px) {
	.cardSection{padding-left:60px;}
}

@media (max-width:1180px) {
}

@media (max-width:1000px) {
	#visual{height:550px; margin-top:90px;}
	#visual .visualBox{width:calc(100% - 40px); margin:0 auto;}
	#visual .visualBox .slideItem{width:100%; border-radius:35px;}
	#visual .visualBox .slideItem .textBox{width:calc(100% - 50px);}
	#visual .visualBox .slideItem .textBox .inTitle{font-size:58px; transform:translateY(50px);}
	#visual .visualBox .slideItem .textBox p{font-size:22px; margin-top:25px; transform:translateY(50px);}
	/* #visual .visualBox .slideItem.visual1{background-image:url("/html/resource/img/main/visual1.jpg");}
	#visual .visualBox .slideItem.visual2{background-image:url("/html/resource/img/main/visual2.jpg");}
	#visual .visualBox .slideItem.visual3{background-image:url("/html/resource/img/main/visual3.jpg");}
	#visual .visualBox .slideItem.visual4{background-image:url("/html/resource/img/main/visual4.jpg");}
	#visual .visualBox .slideItem.visual5{background-image:url("/html/resource/img/main/visual5.jpg");} */
	#visual .visualPager{width:calc(100% - 40px); bottom:30px;}
	#visual .visualPager .pagerBox{width:89px; height:36px; border-radius:18px; gap:5px;}
	#visual .visualPager .pagerBox span{font-size:18px;}

	.mainQuick{margin-top:30px;}
	.mainQuick ul{max-width:720px;}
	.mainQuick ul li{width:25%;}
	.mainQuick ul li a img{margin-bottom:15px;}
	.mainQuick ul li a p{font-size:24px;}

	.mainSection.padding1{padding:130px 0;}
	.mainSection.padding2{padding:120px 0;}
	.mainSection.mainBg1{padding:100px 0 90px 0;}
	.mainSection.mainBg2{padding-top:125px;}
	.mainSection.mainBg2::after{height:40%;}
	.mainSection.mainBg3{padding:100px 0 120px 0;}
	.mainSection .inContent{width:calc(100% - 60px);}

	.titleBox{margin-bottom:65px;}
	.titleBox .engText{font-size:22px; margin-bottom:24px;}
	.titleBox h2{font-size:45px;}
	.titleBox h2.type2{font-size:52px;}
	.titleBox p{font-size:22px; margin-top:20px;}
	.titleBox a{width:250px; height:48px; border-radius:24px; font-size:24px; margin-top:25px;}
	.titleBox a strong{margin-left:8px;}

	.centerList{flex-wrap:wrap; align-content:flex-start; gap:30px; width:100%; height:auto;}
	.centerList li{flex:unset; width:100%; height:400px; transition:unset; will-change:unset; border-radius:18px;}
	.centerList li .textBox{padding:40px; box-sizing:border-box; background:rgba(0,0,0,0); transition:background .5s cubic-bezier(.05,.61,.41,.95); color:#fff; text-align:left; z-index:1;}
	.centerList li .textBox:before{display:none;}
	.centerList li .inText{display:block;}
	.centerList li .noText{display:none;}
	.centerList li .activeText{grid-area:unset; width:100%; min-height:unset; will-change:unset; transition:unset;}
	.centerList li .activeText{max-height:unset; opacity:1; transform:unset; transition-delay:unset;}
	.centerList li .activeText h3{font-size:38px;}
	.centerList li .activeText p{font-size:22px; margin-top:20px;}
	.centerList li .linkBox{display:none;}
	.centerList li:hover{flex:unset;}
	.centerList li.center01{background-image:url("/html/resource/img/main/m_center01.jpg");}
	.centerList li.center01 .textBox{background:rgba(32,47,71,.95);}
	.centerList li.center02{background-image:url("/html/resource/img/main/m_center02.jpg");}
	.centerList li.center02 .textBox{background:rgba(201,153,107,.95);}
	.centerList li.center03{background-image:url("/html/resource/img/main/m_center03.jpg?ver=261030");}
	.centerList li.center03 .textBox{background:rgba(92,118,109,.95);}
	.centerList li:hover .activeText{max-height:unset; opacity:1; transform:unset; transition-delay:unset;}
	

	.storyBg ul li{display:inline-block; width:573px;}
	.storyBg ul li:nth-child(2n){margin-top:50px;}
	.storyBg ul li figure .thumb{border-radius:15px;}
	.storyBg ul li figure .thumb::before{border-radius:15px;}
	.storyBg ul li figure .thumb .videoIcon{width:84px; height:auto;}
	.storyBg ul li figure figcaption{margin-top:25px;}
	.storyBg ul li figure figcaption p{max-height:1.363em; font-size:26px; font-weight:700; letter-spacing:-0.05em; line-height:1.363;}
	.storyBg ul li figure figcaption span{font-size:22px; margin-top:9px;}
	.storyBg ul li:hover figure .thumb::before{border-width:6px;}

	.imgBox1 .pcOnly{display:none;}
	.imgBox1 .mobileOnly{display:block; width:100%;}

	.counterBg{display:flex; justify-content:center; align-items:center; width:100%; padding:60px 0 80px 0;}
	.counterBg .inBox{width:640px; align-items:flex-start;}
	.counterBg .icon{margin-right:20px; filter:drop-shadow(0 0 12px rgba(0,0,0,.5));}
	.counterBg .textBox{gap:35px; color:#fff;}
	.counterBg .textBox h2{display:flex; flex-wrap:wrap; align-content:center; height:216px; font-size:45px;}
	.counterBg .textBox h2 .colorType2{display:block; width:100%; color:#ffefbd;}
	.counterBg .textBox .counterBox{width:620px; max-width:none; margin-left:-216px;}
	.counterBg .textBox .counterBox .counterList{height:110px;}
	.counterBg .textBox .counterBox .counterList li{min-width:175px;}
	.counterBg .textBox .counterBox .counterList li:nth-child(3){padding-right:10px; min-width:80px;}
	.counterBg .textBox .counterBox .counterList li .counter .engText{font-size:21.1px; margin-bottom:15px; padding-right:20px;}
	.counterBg .textBox .counterBox .counterList li .counter .numBg{min-height:57px;}
	.counterBg .textBox .counterBox .counterList li .counter .numCount{font-size:57.6px;}
	.counterBg .textBox .counterBox .counterList li .counter .text{font-size:23px; margin-left:2px; margin-bottom:5px;}
	.counterBg .textBox .counterBox .counterList li.active .engText{font-size:26px;}
	.counterBg .textBox .counterBox .counterList li.active .counter .numCount{font-size:72px;}
	.counterBg .textBox .counterBox .counterList li.active .counter .text{font-size:28.8px;}
	.counterBg .textBox .counterBox .countProgress{height:2px; margin-top:30px;}

	.tourPager{height:50px; border-radius:25px; margin-bottom:30px;}
	.tourPager ul li button{font-size:24px; line-height:50px;}

	.tourView{overflow:hidden;}
	.tourView ul{height:auto;}
	.tourView ul li{flex:none; width:100%; height:auto; overflow:hidden;}
	.tourView ul li .thumb{width:100%; height:390px; border-radius:15px; transform:unset; transform-origin:unset; transition:unset;}
	.tourView ul li .thumb figcaption{bottom:50px; padding:0 20px; font-size:30px; opacity:1; transition:unset;}
	.tourView ul li.swiper-slide-active .thumb{transform:unset;}

	.noticeList{gap:0; max-width:none; margin:0 auto;}
	.noticeList li{flex-basis:auto; flex-grow:0; width:500px; max-width:none; border-radius:18px;}
	.noticeList li .textBox{padding:40px;}
	.noticeList li .textBox .cate{font-size:22px; margin-bottom:13px;}
	.noticeList li .textBox p{height:2.6em; font-size:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.noticeList li .textBox .more{font-size:20px; margin-top:19px;}
	.noticeList li .textBox .more span{ margin-left:5px;}
	
	.popupBg{position:fixed; width:100%; height:0; top:0; left:0; z-index:9999;}
	.popupBg .mainPop{position:absolute; max-width:90%; left:50% !important; top:100px !important; margin:0 auto; transform:translateX(-50%);}
	/* .popupBg .mainPop:nth-of-type(1){margin-top:100px;} */
	.popupBg .mainPop .popBottom{height:50px; padding:0 10px;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:24px; height:24px; margin:13px 10px 13px 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:24px; line-height:50px;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:10px; line-height:50px;}
}

@media (max-width:768px) {
	#visual{height:71.61458vw; margin-top:11.71875vw;}
	#visual .visualBox{width:calc(100% - 5.20833vw); margin:0 auto;}
	#visual .visualBox .slideItem{border-radius:4.55729vw;}
	#visual .visualBox .slideItem .textBox{width:calc(100% - 6.51042vw);}
	#visual .visualBox .slideItem .textBox .inTitle{font-size:7.55208vw; transform:translateY(6.51042vw);}
	#visual .visualBox .slideItem .textBox p{font-size:2.86458vw; margin-top:3.25521vw; transform:translateY(6.51042vw);}
	#visual .visualPager{width:calc(100% - 5.20833vw); bottom:3.90625vw;}
	#visual .visualPager .pagerBox{width:11.58854vw; height:4.68750vw; border-radius:2.34375vw; gap:0.65104vw;}
	#visual .visualPager .pagerBox span{font-size:2.34375vw;}

	.mainQuick{margin-top:3.90625vw;}
	.mainQuick ul{max-width:93.75000vw;}
	.mainQuick ul li a img{width:7.68229vw; height:auto; margin-bottom:1.95313vw;}
	.mainQuick ul li a p{font-size:3.12500vw;}

	.mainSection.padding1{padding:16.92708vw 0;}
	.mainSection.padding2{padding:15.62500vw 0;}
	.mainSection.mainBg1{padding:13.02083vw 0 11.71875vw 0;}
	.mainSection.mainBg2{padding-top:16.27604vw;}
	.mainSection.mainBg2::after{height:40%;}
	.mainSection.mainBg3{padding:13.02083vw 0 15.62500vw 0;}
	.mainSection .inContent{width:calc(100% - 7.81250vw);}

	.titleBox{margin-bottom:8.46354vw;}
	.titleBox .engText{font-size:2.86458vw; margin-bottom:3.12500vw;}
	.titleBox h2{font-size:5.85938vw;}
	.titleBox h2.type2{font-size:6.77083vw;}
	.titleBox p{font-size:2.86458vw; margin-top:2.60417vw;}
	.titleBox a{width:32.55208vw; height:6.25000vw; border-radius:3.12500vw; font-size:3.12500vw; margin-top:3.25521vw;}
	.titleBox a strong{margin-left:1.04167vw;}
	.titleBox a.type2{width:4.68750vw; height:4.68750vw;}

	.centerList{gap:3.90625vw;}
	.centerList li{width:100%; height:52.08333vw; border-radius:2.34375vw;}
	.centerList li .textBox{padding:5.20833vw;}
	.centerList li .activeText h3{font-size:4.94792vw;}
	.centerList li .activeText p{font-size:2.86458vw; margin-top:2.60417vw;}

	.storyBg ul li{width:74.60938vw;}
	.storyBg ul li:nth-child(2n){margin-top:6.51042vw;}
	.storyBg ul li figure .thumb{border-radius:1.95313vw;}
	.storyBg ul li figure .thumb::before{border-radius:1.95313vw;}
	.storyBg ul li figure .thumb .videoIcon{width:10.93750vw;}
	.storyBg ul li figure figcaption{margin-top:3.25521vw;}
	.storyBg ul li figure figcaption p{font-size:3.38542vw;}
	.storyBg ul li figure figcaption span{font-size:2.86458vw; margin-top:1.17188vw;}
	.storyBg ul li:hover figure .thumb::before{border-width:0.78125vw;}

	.counterBg{padding:7.81250vw 0 10.41667vw 0;}
	.counterBg .inBox{width:83.33333vw;}
	.counterBg .icon{width:28.12500vw; height:auto; margin-right:2.60417vw; filter:drop-shadow(0 0 1.56250vw rgba(0,0,0,.5));}
	.counterBg .textBox{gap:4.55729vw;}
	.counterBg .textBox h2{height:28.12500vw; font-size:5.85938vw;}
	.counterBg .textBox .counterBox{width:80.72917vw; margin-left:-28.12500vw;}
	.counterBg .textBox .counterBox .counterList{height:14.32292vw;}
	.counterBg .textBox .counterBox .counterList li{min-width:22.78646vw;}
	.counterBg .textBox .counterBox .counterList li:nth-child(3){padding-right:1.30208vw; min-width:10.41667vw;}
	.counterBg .textBox .counterBox .counterList li .counter .engText{font-size:2.74740vw; margin-bottom:1.95313vw; padding-right:2.60417vw;}
	.counterBg .textBox .counterBox .counterList li .counter .numBg{min-height:7.42188vw;}
	.counterBg .textBox .counterBox .counterList li .counter .numCount{font-size:7.50000vw;}
	.counterBg .textBox .counterBox .counterList li .counter .text{font-size:2.99479vw; margin-left:0.26042vw; margin-bottom:0.65104vw;}
	.counterBg .textBox .counterBox .counterList li.active .engText{font-size:3.38542vw;}
	.counterBg .textBox .counterBox .counterList li.active .counter .numCount{font-size:9.37500vw;}
	.counterBg .textBox .counterBox .counterList li.active .counter .text{font-size:3.75000vw;}
	.counterBg .textBox .counterBox .countProgress{height:0.26042vw; margin-top:3.90625vw;}

	.tourPager{height:6.51042vw; border-radius:3.25521vw; margin-bottom:3.90625vw;}
	.tourPager ul li button{font-size:3.12500vw; line-height:6.51042vw;}

	.tourView ul li .thumb{height:50.78125vw; border-radius:1.95313vw;}
	.tourView ul li .thumb figcaption{bottom:6.51042vw; padding:0 2.60417vw; font-size:3.90625vw;}

	.noticeList li{width:65.10417vw; border-radius:2.34375vw;}
	.noticeList li .textBox{padding:5.20833vw;}
	.noticeList li .textBox .cate{font-size:2.86458vw; margin-bottom:1.69271vw;}
	.noticeList li .textBox p{height:2.6em; font-size:3.64583vw;}
	.noticeList li .textBox .more{font-size:2.60417vw; margin-top:2.47396vw;}
	.noticeList li .textBox .more span{ margin-left:0.65104vw;}
	
	.popupBg .mainPop{top:15.62500vw !important;}
	.popupBg .mainPop .popBottom{height:6.51042vw; padding:0 1.30208vw;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:3.12500vw; height:3.12500vw; margin:1.69271vw 1.30208vw 1.69271vw 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:3.12500vw; line-height:6.51042vw;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:1.30208vw; line-height:6.51042vw;}
}