@charset "utf-8";
.disabled{ pointer-events:none; opacity:.5; }

.wrap{width:1440px; margin: 0 auto;}
.wrap:after{clear:both; content:""; display:block;}

.headFix .headCnt > div {display:none!important;}            
.navtchWrap .navBox > .tchSitemap{display:block!important;}  


/* .main-wrap .mvis */
.main-wrap .mvis{position:relative; }
.main-wrap .mvis .texts{position:absolute; top:190px; left:0px; width:100%; z-index:1; text-align:center;}
.main-wrap .mvis .texts .btit{font-size:100px; line-height:120%; letter-spacing:-0.02em; margin-bottom:10px; font-family:'Tenada'; color:#fff; text-shadow:2px 2px 2px #000;}
.main-wrap .mvis .texts .stit{font-size:24px; line-height:120%; letter-spacing:-0.02em; font-weight:900; color:#fff; text-shadow:1px 1px 3px #000;}

.main-wrap .mvis .slide .list li .img img{width:100%;}

.main-wrap .mvis .slide .control{position:absolute; top:420px; left:0px;  width:100%; z-index:2; text-align:center; display:none;}
.main-wrap .mvis .slide .control .prev-slide{display:none;}
.main-wrap .mvis .slide .control .stop-slide{width:30px; height:30px; background:url('../images/main/vis-icon-pause.png') center no-repeat; font-size:0px; display:inline-block; }
.main-wrap .mvis .slide .control .start-slide{width:30px; height:30px; background:url('../images/main/vis-icon-play.png') center no-repeat; font-size:0px; display:inline-block; }
.main-wrap .mvis .slide .control .next-slide{display:none;}
.main-wrap .mvis .slide .control .more-btn{display:none;}

.main-wrap .mvis .slide .slick-dots{position:absolute; top:460px; left:0px; text-align:center; width:100%; z-index:3;}
.main-wrap .mvis .slide .slick-dots li{display:inline-block; margin:0px 4px; width:10px; height:10px; background:#fff; cursor: pointer; border-radius:50%;}
.main-wrap .mvis .slide .slick-dots li button{display:block; font-size:0px; border:none;}
.main-wrap .mvis .slide .slick-dots li.slick-active{background:none; border:5px solid #fff;}

.main-wrap .mvis .slide .leslide-ctrl{display:none;}

.main-wrap .mvis .weather{position:absolute; bottom:60px; left:50%; margin-left:-720px; z-index:1;}
.main-wrap .mvis .weather .temp{display:inline-block; vertical-align:middle; color:#fff; padding-left:50px; font-size:22px; line-height:180%; margin-right:14px;}
.main-wrap .mvis .weather .temp.sunny{background:url('../images/main/wt-icon-sunny.png') left no-repeat; background-size:40px;}
.main-wrap .mvis .weather .temp.litcl{background:url('../images/main/wt-icon-litcloud.png') left no-repeat; background-size:40px;}
.main-wrap .mvis .weather .temp.lotcl{background:url('../images/main/wt-icon-lotcloud.png') left no-repeat; background-size:40px;}
.main-wrap .mvis .weather .temp.blur{background:url('../images/main/wt-icon-blur.png') left no-repeat; background-size:40px;}
.main-wrap .mvis .weather .temp.rain{background:url('../images/main/wt-icon-blur.png') left no-repeat; background-size:40px;}
.main-wrap .mvis .weather .temp.snra{background:url('../images/main/wt-icon-snowrain.png') left no-repeat; background-size:40px;}
.main-wrap .mvis .weather .temp.snow{background:url('../images/main/wt-icon-snow.png') left no-repeat; background-size:40px;}

.main-wrap .mvis .weather .btxt{display:inline-block; vertical-align:middle; font-size:15px;}
.main-wrap .mvis .weather .btxt span{display:inline-block; color:#fff; margin-right:10px}
.main-wrap .mvis .weather .btxt span strong{display:inline-block; margin-left:5px;}
.main-wrap .mvis:before{position:absolute; bottom:60px; left:0px; z-index:1; width:100%; text-align:center; padding-top:30px; font-size:14px; color:#fff; background:url('../images/main/scroll-icon.png') center top no-repeat; content:"SCROLL DOWN"; letter-spacing:-0.02em;}


	@media all and (max-width:1440px){
		.wrap{width:100%; padding:0px 20px; box-sizing:border-box;}
		.main-wrap .mvis .texts{top:10%;}

		.main-wrap .mvis .slide .slick-dots{top:60%;}
		.main-wrap .mvis:before{bottom:20px;}

		.main-wrap .mvis .weather{bottom:60px; left:20px; margin-left:0px;}
	}	

	@media all and (max-width:1000px){

		.main-wrap .mvis .texts .btit{font-size:60px; margin-bottom:5px;}
		.main-wrap .mvis .texts .stit{font-size:20px; line-height:120%; letter-spacing:-0.02em; font-weight:900; color:#fff; text-shadow:1px 1px 3px #000;}

		.main-wrap .mvis .slide .slick-dots{top:55%;}

		.main-wrap .mvis:before{display:none;}

		.main-wrap .mvis .weather{bottom:20px; left:20px; margin-left:0px;}

	}

	@media all and (max-width:680px){
		.wrap{padding:0px 15px}

		.main-wrap .mvis .texts{top:8%;}
		.main-wrap .mvis .texts .btit{font-size:40px; margin-bottom:0px;}
		.main-wrap .mvis .texts .stit{font-size:16px;}

		.main-wrap .mvis .slide .slick-dots{top:50%;}

		.main-wrap .mvis .weather{bottom:10px; left:10px;}

		.main-wrap .mvis .weather .temp{font-size:20px;}
		.main-wrap .mvis .weather .btxt{font-size:14px;}
	}

	@media all and (max-width:480px){
		.main-wrap .mvis .texts{top:6%;}
		.main-wrap .mvis .texts .btit{font-size:30px;}
		.main-wrap .mvis .texts .stit{font-size:14px;}

		.main-wrap .mvis .slide .slick-dots{top:52%;}

		.main-wrap .mvis .weather{bottom:5px; left:10px;}
		
		.main-wrap .mvis .weather .temp{background-size:20px !important;  padding-left:26px;}
		.main-wrap .mvis .weather .temp{font-size:18px;}
		.main-wrap .mvis .weather .btxt{font-size:13px;}
	}

/* .main-wrap .mboard-mevent */
.main-wrap .mboard-mevent{padding-top:90px; background:linear-gradient(#fff, #eaf9fe);}
.main-wrap .mboard-mevent:after{clear:both; content:""; display:block;}

.main-wrap .mboard-mevent .title{font-size:40px; line-height:120%; letter-spacing:-0.02em; font-family:'Tenada'; color:#353535; margin-bottom:40px;}

.main-wrap .mboard-mevent .mboard{position:relative; float:left; width:48.5%;}
.main-wrap .mboard-mevent .mboard .list{border-top:1px solid #000;}
.main-wrap .mboard-mevent .mboard .list li{border-bottom:1px solid #eff0f1;}
.main-wrap .mboard-mevent .mboard .list li a{display:block; padding:18px 26px;}
.main-wrap .mboard-mevent .mboard .list li a .btxt{line-height:120%; display:block; font-size:18px; color:#000; letter-spacing:-0.02em; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.main-wrap .mboard-mevent .mboard .list li a .date{line-height:120%; display:block; font-size:14px; color:#666; letter-spacing:-0.02em; }
.main-wrap .mboard-mevent .mboard .more-btn{position:absolute; top:-10px; right:0px; font-size:50px; line-height:100%;  transform:rotate(0deg); transition:all 0.3s ease-out;}

.main-wrap .mboard-mevent .mboard .list li a:hover .btxt{color:#04a650;}
.main-wrap .mboard-mevent .mboard .list li a:hover .date{color:#04a650;}
.main-wrap .mboard-mevent .mboard .more-btn:hover{transform:rotate(-180deg);}

.main-wrap .mboard-mevent .mevent{position:relative; float:right; width:48.5%;}
.main-wrap .mboard-mevent .mevent .list{margin:0px -1%;}
.main-wrap .mboard-mevent .mevent .list:after{clear:both; content:""; display:block;}
.main-wrap .mboard-mevent .mevent .list li{float:left; width:48%; margin:0px 1%; border-radius:20px; overflow:hidden;}
.main-wrap .mboard-mevent .mevent .list li a{display:block;}
.main-wrap .mboard-mevent .mevent .list li a .img{display:block; width:100%; height:270px; overflow:hidden;}
.main-wrap .mboard-mevent .mevent .list li a .img img{width:100%; height:270px; object-fit: cover; transform:scale(1.0, 1.0); transition:all 0.3s ease-out;}
.main-wrap .mboard-mevent .mevent .list li a .tit-date{display:block; padding:20px 20px; background:#fff;}
.main-wrap .mboard-mevent .mevent .list li a .tit-date .tit{display:block; font-style:normal; text-align:center; font-size:18px; line-height:120%; color:#000; letter-spacing:-0.02em; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.main-wrap .mboard-mevent .mevent .list li a .tit-date .date{display:block; font-style:normal; text-align:center; font-size:14px; line-height:120%; color:#666;}
.main-wrap .mboard-mevent .mevent .more-btn{position:absolute; top:-10px; right:0px; font-size:50px; line-height:100%; transform:rotate(0deg); transition:all 0.3s ease-out;}

.main-wrap .mboard-mevent .mevent .list li a:hover .img img{transform:scale(1.1, 1.1);}
.main-wrap .mboard-mevent .mevent .list li a:hover .tit-date{background:#04a650;}
.main-wrap .mboard-mevent .mevent .list li a:hover .tit-date .tit{color:#fff; text-decoration:underline;}
.main-wrap .mboard-mevent .mevent .list li a:hover .tit-date .date{color:#fff; text-decoration:underline;}
.main-wrap .mboard-mevent .mevent .more-btn:hover{transform:rotate(-180deg);}


	@media all and (max-width:1000px){
		.main-wrap .mboard-mevent{padding-top:30px;}

		.main-wrap .mboard-mevent .title{font-size:24px; margin-bottom:10px;}

		.main-wrap .mboard-mevent .mboard .list li a{padding:10px 0px;}
		.main-wrap .mboard-mevent .mboard .list li a .btxt{font-size:15px; margin-bottom:5px;}
		.main-wrap .mboard-mevent .mboard .list li a .date{font-size:13px;}
		.main-wrap .mboard-mevent .mboard .more-btn{top:-10px; font-size:34px;}

		.main-wrap .mboard-mevent .mevent .list li a .img{height:170px;}
		.main-wrap .mboard-mevent .mevent .list li a .img img{height:170px;}
		.main-wrap .mboard-mevent .mevent .list li a .tit-date{padding:10px 10px;}
		.main-wrap .mboard-mevent .mevent .list li a .tit-date .tit{font-size:16px; margin-bottom:5px;}
		.main-wrap .mboard-mevent .mevent .list li a .tit-date .date{font-size:13px;}
		.main-wrap .mboard-mevent .mevent .more-btn{top:-10px; font-size:34px;}

	}

	@media all and (max-width:680px){
		.main-wrap .mboard-mevent{padding-top:20px;}
		.main-wrap .mboard-mevent .mboard{float:none; width:100%; margin-bottom:30px;}
		.main-wrap .mboard-mevent .mboard .list li a .btxt{font-size:14px;}
		.main-wrap .mboard-mevent .mboard .list li a .date{font-size:12px;}

		.main-wrap .mboard-mevent .mevent{float:none; width:100%;}
		.main-wrap .mboard-mevent .mevent .list li a .img{height:120px;}
		.main-wrap .mboard-mevent .mevent .list li a .img img{height:120px;}
		.main-wrap .mboard-mevent .mevent .list li a .tit-date .tit{font-size:14px;}
		.main-wrap .mboard-mevent .mevent .list li a .tit-date .date{font-size:12px;}
	}

	@media all and (max-width:480px){
		.main-wrap .mboard-mevent{padding:20px 0;}

	}

/* .main-wrap .mreser */
.main-wrap .mreser{padding:250px 0px 130px 0px; background:url('../images/main/mreser-bg.jpg') top center no-repeat; background-size:cover;}

.main-wrap .mreser .title{margin-bottom:60px; text-align:center;}
.main-wrap .mreser .title .btit{font-size:60px; line-height:120%; letter-spacing:-0.02em; font-family:'Tenada'; color:#f8ff39; margin-bottom:30px;}
.main-wrap .mreser .title .stit{font-size:18px; line-height:120%; letter-spacing:-0.02em; color:#fff;}

.main-wrap .mreser .list-btns{margin:0px -1%;}
.main-wrap .mreser .list-btns li{position:relative; float:left; width:31.333333333%; margin:0px 1%; padding:50px 40px; box-sizing:border-box; border-radius:20px;}
.main-wrap .mreser .list-btns li:before{position:absolute; bottom:30px; right:30px; width:90px; height:85px; background:#000; content:"";}
.main-wrap .mreser .list-btns li .tit{font-size:30px; line-height:120%; letter-spacing:-0.02em; font-family:'Tenada'; color:#fff; margin-bottom:20px;}
.main-wrap .mreser .list-btns li .btxt{font-size:16px; line-height:140%; color:#fff; margin-bottom:30px;}

.main-wrap .mreser .list-btns li .btns .btn{display:inline-block;}
.main-wrap .mreser .list-btns li .btns .btn span{display:block; line-height:100%; color:#fff; padding:10px 24px; background:rgba(255, 255, 255, 0.2); border-radius:20px; transition:all 0.2s ease-out;}
.main-wrap .mreser .list-btns li .btns .btn:hover span{background:rgba(255, 255, 255, 0.6); text-decoration:underline;}

.main-wrap .mreser .list-btns li.danghangpo{background:#476188;}
.main-wrap .mreser .list-btns li.danghangpo:before{background:url('../images/main/mreser-icon-danghangpo.png') top center no-repeat;}
.main-wrap .mreser .list-btns li.autocamp{background:#04a650;}
.main-wrap .mreser .list-btns li.autocamp:before{background:url('../images/main/mreser-icon-autocamp.png') top center no-repeat;}
.main-wrap .mreser .list-btns li.showing{background:#c55a86;}
.main-wrap .mreser .list-btns li.showing:before{background:url('../images/main/mreser-icon-showing.png') top center no-repeat;}


	@media all and (max-width:1440px){
		.main-wrap .mreser .list-btns li{padding:30px 20px;}
		.main-wrap .mreser .list-btns li:before{bottom:30px; right:10px; width:60px; height:60px; background-size:60px !important;}
	}	

	@media all and (max-width:1000px){
		.main-wrap .mreser{padding:80px 0px 40px 0px;}

		.main-wrap .mreser .title{margin-bottom:20px}
		.main-wrap .mreser .title .btit{font-size:40px;margin-bottom:10px;}
		.main-wrap .mreser .title .stit{font-size:16px; }

		.main-wrap .mreser .list-btns li{padding:20px 16px 10px 16px;}
		.main-wrap .mreser .list-btns li .tit{font-size:20px; margin-bottom:0px;}
		.main-wrap .mreser .list-btns li .btxt{font-size:13px; margin-bottom:10px;}
		.main-wrap .mreser .list-btns li .btxt br{display:none;}
		.main-wrap .mreser .list-btns li .btns .btn{width:60%;}
		.main-wrap .mreser .list-btns li .btns .btn{margin-bottom:10px;}
		.main-wrap .mreser .list-btns li .btns .btn span{display:block; line-height:100%; color:#fff; padding:6px 15px; text-align:center;}

	}

	@media all and (max-width:680px){
		.main-wrap .mreser{padding:80px 0px 20px 0px;}

		.main-wrap .mreser .title .btit{font-size:34px; margin-bottom:0px;}
		.main-wrap .mreser .title .stit{font-size:14px; }

		.main-wrap .mreser .list-btns{margin:0px 0%;}
		.main-wrap .mreser .list-btns li{float:none; width:100%; margin:0px 0%; margin-bottom:10px;}
		.main-wrap .mreser .list-btns li:last-child{margin-bottom:0px;}
	}

	@media all and (max-width:480px){
		.main-wrap .mreser{padding:20px 0px 20px 0px; background:#68baac;}


		.main-wrap .mreser .list-btns li{padding:20px 10px 10px 10px; border-radius:10px;}
		.main-wrap .mreser .list-btns li:before{bottom:20px; right:6px; width:50px; height:50px; background-size:50px !important;}
		.main-wrap .mreser .list-btns li .tit{font-size:18px;}
		.main-wrap .mreser .list-btns li .btxt{font-size:13px;}
		.main-wrap .mreser .list-btns li .btns .btn span{font-size:12px;padding:6px 5px;}

	}
/* .main-wrap .msight */
.main-wrap .msight{padding:130px 0px 120px 0px; background:url('../images/main/msight-bg.jpg') bottom center no-repeat; background-size:cover;}

.main-wrap .msight .title{font-size:40px; line-height:120%; letter-spacing:-0.02em; font-family:'Tenada'; color:#353535; margin-bottom:50px;}

.main-wrap .msight .tour-infos{position:relative; float:left; width:48.5%;}
.main-wrap .msight .tour-infos .infos{margin-bottom:50px;}
.main-wrap .msight .tour-infos .infos:after{clear:both; content:""; display:block;}
.main-wrap .msight .tour-infos .infos li{width:50%; float:left; padding-left:34px; line-height:140%; font-size:16px; color:#222; box-sizing:border-box; margin-bottom:20px;}
.main-wrap .msight .tour-infos .infos li.loca{background:url('../images/main/msight-icon-loca.png') left no-repeat;}
.main-wrap .msight .tour-infos .infos li.time{background:url('../images/main/msight-icon-time.png') left no-repeat;}
.main-wrap .msight .tour-infos .infos li.tel{background:url('../images/main/msight-icon-tel.png') left no-repeat;}
.main-wrap .msight .tour-infos .infos li.fax{background:url('../images/main/msight-icon-fax.png') left no-repeat;}

.main-wrap .msight .tour-infos .btns{margin:0px -1%;}
.main-wrap .msight .tour-infos .btns:after{clear:both; content:""; display:block;}
.main-wrap .msight .tour-infos .btns li{float:left; width:48%; margin:0px 1%;}
.main-wrap .msight .tour-infos .btns li .btn{position:relative; display:block; padding:40px 30px; border-radius:20px;}
.main-wrap .msight .tour-infos .btns li .btn:before{position:absolute; bottom:20px; right:30px; width:82px; height:94px; background:#000; content:""; transition:all 0.2s ease-out;}
.main-wrap .msight .tour-infos .btns li .btn .tit{display:block; font-family:'Tenada'; font-size:26px; line-height:120%; margin-bottom:16px; color:#fff;}
.main-wrap .msight .tour-infos .btns li .btn .btxt{line-height:160%; font-size:16px; color:#fff;}

.main-wrap .msight .tour-infos .btns li.car .btn{background:#00a877;}
.main-wrap .msight .tour-infos .btns li.car .btn:before{background:url('../images/main/msight-icon-car.png') center no-repeat;}
.main-wrap .msight .tour-infos .btns li.pub .btn{background:#66b834;}
.main-wrap .msight .tour-infos .btns li.pub .btn:before{background:url('../images/main/msight-icon-pub.png') center no-repeat;}

.main-wrap .msight .tour-infos .btns li .btn:hover .tit{text-decoration:underline;}
.main-wrap .msight .tour-infos .btns li .btn:hover .btxt{text-decoration:underline;}
.main-wrap .msight .tour-infos .btns li.car .btn:hover:before{right:50px;}
.main-wrap .msight .tour-infos .btns li.pub .btn:hover:before{right:50px;}

.main-wrap .msight .tour-attra{position:relative; float:right; width:48.5%;}
.main-wrap .msight .tour-attra .list{margin:0px -1%;}
.main-wrap .msight .tour-attra .list:after{clear:both; content:""; display:block;}
.main-wrap .msight .tour-attra .list li{float:left; width:48%; margin:0px 1%; border-radius: 20px;}

.main-wrap .msight .tour-attra .list{margin:0px -1%;}
.main-wrap .msight .tour-attra .list:after{clear:both; content:""; display:block;}
.main-wrap .msight .tour-attra .list li{float:left; width:48%; margin:0px 1%; border-radius:20px; overflow:hidden;}
.main-wrap .msight .tour-attra .list li a{display:block;}
.main-wrap .msight .tour-attra .list li a .img{display:block; width:100%; height:270px; overflow:hidden;}
.main-wrap .msight .tour-attra .list li a .img img{width:100%; height:270px; object-fit: cover; transform:scale(1.0, 1.0); transition:all 0.3s ease-out;}
.main-wrap .msight .tour-attra .list li a .btxt{position:relative; display:block; padding:30px 20px; background:#fff; display:block; font-style:normal; font-size:18px; line-height:120%; color:#000; letter-spacing:-0.02em; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.main-wrap .msight .tour-attra .list li a .btxt:before{position:absolute; top:50%; right:30px; font-size:26px; width:30px; height:30px; margin-top:-11px; text-align:center; content:"→"; display:block;}

.main-wrap .msight .tour-attra .list li a:hover .img img{transform:scale(1.1, 1.1);}
.main-wrap .msight .tour-attra .list li a:hover .btxt{background:#04a650; color:#fff; text-decoration:underline;}

	@media all and (max-width:1000px){
		.main-wrap .msight{padding:40px 0px;}

		.main-wrap .msight .title{font-size:24px; margin-bottom:10px;}

		.main-wrap .msight .tour-infos .infos{margin-bottom:20px;}
		.main-wrap .msight .tour-infos .infos li{width:100%; float:none; padding-left:20px; font-size:14px; margin-bottom:10px; background-size:16px !important;}

		.main-wrap .msight .tour-infos .btns li .btn{padding:20px 10px;}
		.main-wrap .msight .tour-infos .btns li .btn:before{bottom:10px; right:10px; width:40px; height:44px; background-size:100% !important;}
		.main-wrap .msight .tour-infos .btns li .btn .tit{font-size:18px; margin-bottom:10px;}
		.main-wrap .msight .tour-infos .btns li .btn .btxt{font-size:13px;}

		.main-wrap .msight .tour-infos .btns li.car .btn:hover:before{right:20px;}
		.main-wrap .msight .tour-infos .btns li.pub .btn:hover:before{right:20px;}

		.main-wrap .msight .tour-attra .list li a .img{height:210px;}
		.main-wrap .msight .tour-attra .list li a .img img{height:210px;}
		.main-wrap .msight .tour-attra .list li a .btxt{padding:20px 10px; font-size:15px;}
		.main-wrap .msight .tour-attra .list li a .btxt:before{right:10px; font-size:16px;}


	}

	@media all and (max-width:680px){
		.main-wrap .msight{padding:20px 0px 50px 0px;}

		.main-wrap .msight .tour-infos{float:none; width:100%; margin-bottom:30px;}
		.main-wrap .msight .tour-infos .infos li{margin-bottom:5px;}

		.main-wrap .msight .tour-attra{float:none; width:100%;}

		.main-wrap .msight .tour-infos .btns li .btn{padding:10px 10px; border-radius:10px;}

		.main-wrap .msight .tour-infos .btns li .btn .tit{font-size:16px; margin-bottom:5px;}

		.main-wrap .msight .tour-attra .list li a .img{height:120px;}
		.main-wrap .msight .tour-attra .list li a .img img{height:120px;}
		.main-wrap .msight .tour-attra .list li a .btxt{padding:10px 10px; font-size:14px;}
		.main-wrap .msight .tour-attra .list li a .btxt:before{font-size:15px;}
	}

	@media all and (max-width:480px){
		.main-wrap .msight .tour-infos .btns li .btn .btxt{font-size:12px;}
	}




/* layout에 잇던거 가져온 메인  */

/* ===== 메인 비주얼(Slick) ===== */
.slide_slick { background-color:#fff; background-size:cover; overflow:hidden; height:1080px; }
.slider-container { display:flex; justify-content:center; align-items:center; height:1080px; }
.main-slider { width:100%; height:1080px; position: relative;}
.main-slider::before{    content: '';    display: block;    position: absolute;    bottom: 0;    color: #fff;    left: 50%;    width: 100px;    height: 100px;    z-index: 1;    background: url('/images/geopark/common/icon_mouse.png') center no-repeat;    transform: translate(-50%);
}
.main-slider img { width:100%; height:100%; object-fit:cover; position:relative; display:block; left:-140px; }
.main-slick, .main-slick .slick-list, .main-slick .slick-track, .main-slick .slick-slide, .main-slick .slick-slide>div { height:100%; }
.center-fixed { position:absolute; top:400px; left:50%; transform:translateX(-95%); }

.bannerBox .bannerBox_inner { width:100%; max-width:1600px; margin:0 auto; }
.bannerBox .bannerBox_inner .bannerText .t_top {text-shadow: 0 2px 5px rgb(0 0 0 / 22%);line-height:80px; font-size:80px; color:#fff; margin-bottom:20px; height:150px; font-family:'Tenada'; display:block; max-width:760px; }
.bannerBox .bannerBox_inner .spe_text_col { line-height:0; color:#ffeb00; text-shadow:1px 1px 10px #000000a8; }
.bannerBox .bannerBox_inner .bannerText.hc_bannerText { color:#fff; font-size:75px; font-family:'Tenada'; max-width:950px; line-height:50px; height:190px; }

.title_wrap { display:flex; flex-direction:row; align-content:flex-start; align-items:flex-end; flex-wrap:nowrap; }
.btm_banner {text-shadow: 0 2px 5px rgb(0 0 0 / 22%); font-size:20px; font-family:'KOHINanum_Bold'; color:#fff; line-height:32px; }
.btm_banner.btm_date { margin-right:30px; }

/* 커스텀 네비게이션 */
.custom-nav { margin-top:60px; display:flex; align-items:center; justify-content:flex-start; flex-wrap:nowrap; flex-direction:row; gap:20px; }
.progress-bar { height:4px; background:#ffffff7a; width:48%; position:relative; }
.progress-fill { background:#dbdbdb; height:100%; width:30%; transition:.5s ease; border-radius:2px; }
.nav-controls { display:flex; align-items:center; justify-content:flex-start; gap:5px; font-size:14px; color:#444; z-index:555; }
.nav-controls .page-index { min-width:40px; font-size:16px; font-family:'NotoKrR'; color:#ffffff71; margin-left:15px; }
.page-index { color:#ffffff7d; font-size:16px; }
.point_cl { color:#fff; font-size:24px; vertical-align:7px; }
.nav-controls button{
  background-color:transparent; border:none; border-radius:50%;
  width:25px; height:25px; cursor:pointer;
  background-image:url(/images/geopark/common/icon_arrow.png);
  background-repeat:no-repeat; background-position:center center;
}
.nav-controls .prev-btn { transform:scaleX(1); }
.nav-controls .next-btn { transform:scaleX(-1); }
.toggle-btn { border:none; border-radius:50%; width:45px; height:45px; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-size:60%; }
.toggle-btn.stop { background-image:url(/images/geopark/common/icon_stop.png); width:15px; height:15px; }
.toggle-btn.play { background-image:url('/images/geopark/common/icon_play.png'); width:15px; height:15px; }

/* ===== 메인 공통 유틸 ===== */
.mgt_80 { margin-top:80px; }
.pdb_80 { padding-bottom:80px; }
.max_wrap { max-width:1430px; margin:0 auto;        margin-top: 80px; }

/* ===== 메인 본문 영역 ===== */
.content_main_wrap { position:relative; width:100%; z-index:9; }

.slide_mid_wrap{
    background-color: yellow;
	background: url('/images/geopark/common/main_big_bg.jpg') bottom  / contain no-repeat;
	content: '';
  padding-bottom: 57px;
	display: block;

}
.con_title .part_text{color: #542c1e; }
.btm_wrap .con_title{text-align: left;}
.s_con_title{ margin-top:35px;    margin-bottom: 30px; font-family: 'KOHINanum_Bold'; font-size: 18px; color: #444;text-align: center;}

.main-wrap .tabs-pill .tab.on {
    background: #5d8b41;
    color: #fff;
    cursor: pointer;
}
.main-wrap .tabs-pill .tab {    padding: 17px 20px;}

.main-wrap .tabs-pill {
  
    cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #eaeaea;
    border: initial;
    width: 170px;
    display: inline-flex;
    margin-top: 60px;

}

.contwrap { padding:20px 20px; z-index:1; position:relative; }
.con_title { font-size:40px; font-family:'BlackHanSans-Regular'; display:block; font-weight:lighter; color:#1d1d1d; margin:25px 0; }
.more_btn { float:right; }
.more_btn:hover { rotate: 90deg; transition: ease-in-out .3s;}

.flex_box { display:flex; justify-content:space-between; }
.left_box { flex:1; margin-right:50px; max-width: 50%;}
.right_box { flex:1; }
.cul_box .tab-panel { display:none; }
.cul_box .tab-panel.active { display:block; }
.fir_tab_inner ul.is-slick { display: block; }
.fir_tab_inner ul.is-slick li { width: auto; } 

.sec_tab_inner ul.is-slick { display: block; }
.sec_tab_inner ul.is-slick li { width: auto; } 


/* 공지 리스트 */
.in_list_box { border-top:1px solid #818082; }
.noti_title li { border-bottom:1px solid #e1dfdf; font-size:18px; }

.noti_title li span.date { font-size:15px; display: block; color:#888;text-decoration:dotted;    margin-bottom: 17px; }
ul.noti_title li { position:relative; padding-left:20px; }
ul.noti_title li :hover{text-decoration: underline;}
.noti_title li a .els_txt {font-family: 'KOHINanum_Bold';max-width:84%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:-0.04rem;	transition:ease-in-out .2s; color:#000;display: block;padding: 25px 0 7px;font-weight: 500;  }

/* 포토 갤러리 */
.photo_box ul { 
    flex-wrap: wrap; display:flex; gap:25px; justify-content:center; padding:0; list-style:none; margin:0 auto; max-width:100%; flex-direction:row; }
.photo_box ul li { flex:1; border-radius:20px; width:calc(100% / 2 - 11px); height:365px; overflow:hidden; border: 1px solid #dbdbdb;}
.photo_box ul li img {
  width:100%; object-fit:cover; display:block; height:330px; border-radius:20px;
  transition:all .3s ease-out;
  transform:scale(1.0, 1.1);
}
.photo_box ul li:hover img { transform:scale(1.1, 1.2); }

/* 프로그램 카드 */
.middle_wrap { position:relative; height:100%; }
.cul_box { width:100%; justify-content:center; }



 .cul_box .slick-list {padding: 17px 0!important;}
.cul_box ul {height: 360px;align-content: center;	display:flex; flex-wrap:wrap; gap:30px; justify-content:center; padding:0; list-style:none; width:100%;max-width: 1060px; }
.cul_box ul li { 
overflow: hidden;margin-right: 10px;  border: 1px solid #dbdbdb;width:calc(33.333% - 20px); border-radius:30px;  flex-shrink:0; display:flex; flex-direction:column; align-items:center; background-color:#fff; box-sizing:border-box; font-size: 18px;   font-family: 'KOHINanum_Bold'; transition:transform .3s ease, box-shadow .3s ease; }
.cul_box ul li:hover { transform:translateY(-15px); box-shadow:0 3px 3px rgba(0,0,0,.2); }
.cul_box ul li span { display:block; color:#433b38; font-size:18px; padding:10px 0; font-weight:bold; }
.cul_box ul li .cate_txt{color: #5f8b41; display: inline-block;}
.cul_box ul li img {    /*  max-height: 205px; */width:100%; height:100%; display:block; object-fit:cover; border-radius:30px 30px 0 0; }
.cul_box ul li a { text-align:center; }
/* (대안) 비율 고정 방식 – 4:3 예시 */
.cul_box ul li img{
  width:100%;
  height:auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
/* 프로그램 카드 제목 한 줄 말줄임 */
.cul_box ul li a > span{
  display:block;           /* 블록화 */
  max-width:100%;
  white-space:nowrap;      /* 줄바꿈 금지 */
  overflow:hidden;         /* 넘치는 부분 숨김 */
  text-overflow:ellipsis;  /* … 표시 */
  padding:10px 12px;       /* 여백은 상황에 맞게 */
}

/* 앞쪽 카테고리 텍스트와 간격 */
.cul_box ul li a > span .cate_txt{
  margin-right:6px;
  white-space:nowrap;
}


.cul_box_left {
    display: flex;
    align-content: space-between;
    justify-content: flex-start;
	width: 340px;
	min-width: 340px;
	max-width: 340px;
  flex: 0 0 340px;   
  box-sizing: border-box;
	 }

	 
/* 왼쪽 고정폭 옆의 슬라이더 영역은 남는 공간을 차지하게 */
.cul_box .fir_tab_inner{
  flex: 1 1 auto;
  min-width: 0;        /* 내용 줄어들도록 */
}

.cul_box .sec_tab_inner{
	display: none;
  flex: 1 1 auto;
  min-width: 0;      
}
.cul_box{ 
  display: flex;
  align-items: stretch;
}

/* 지질명소 */
.spe_place .slick-list {padding: 30px 0!important;}
.spe_place ul {margin-bottom: 80px;height:560px;align-content: center;	display:flex; flex-wrap:wrap; gap:30px; justify-content:center; padding:0; list-style:none; width:100%;}
.spe_place ul li a{
  height: 600px;
}



/* 나머지 전부 숨김: 시각적으로만 감춰 레이아웃 유지 */
.spe_place .hide_sl .span_prop,
.spe_place .hide_sl .view
{
  display: none;
  background-color: transparent;
}
   .spe_place  .hide_sl img
 {    border-radius: 30px; margin-top: 90px; }




.spe_place .sl_w_h{  width: 450px;}
.spe_place ul {  height: 524px;}
.spe_place ul li {
    overflow: hidden;
    margin-right: 25px;
    width: 450px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    background-color: transparent;
    box-sizing: border-box;
    font-size: 18px;
    font-family: 'KOHINanum_Bold';
    transition: transform .3s ease, box-shadow .3s ease;
  }
.spe_place ul li:hover { transform:translateY(-15px); box-shadow:0 3px 3px rgba(0,0,0,.2); }
.spe_place ul li span { display:block; color:#433b38; background: #fff; font-size:18px; padding:18px 0; font-weight:bold; }
.spe_place ul li .place_text {    line-height: 25px;  padding: 6px 46px;    text-align: center;
  display:block; color:#888888; font-size:18px; padding:13px 0; font-weight:bold;  font-family: 'KOHINanum_Bold';}
.spe_place ul li .place_tit{color: #433b38; display: inline-block; font-size: 24px;  font-family: 'Tenada';padding-top: 20px;}
.spe_place ul li img {width:100%; height:100%; display:block; object-fit:cover; border-radius:30px 30px 0 0; position: relative;}

.spe_place ul li img:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 22px; height: 23px; margin-top: -11px; background: url('/images/geopark/common/icon_file.png') center no-repeat; background-size: 23px; } 

.spe_place ul li a { text-align:center; position: relative;}

.spe_place ul li a .view {     position: absolute;
    right: 30px;
    top: 36px;
    width: 100px;
    height: 30px;
    border-radius: 0;}


@media (max-width: 1000px){
  .cul_box_left{
    width: 273px;
    min-width: 273px;
    max-width: 273px;
    flex: 0 0 273px;
  }
}


.cul_box_left .con_title { font-size:44px; }
.sub_con_tit { color:#fff; font-size:18px; font-weight:bold; padding:20px 0; line-height:30px; }
.cul_box_left .go_btn { font-family:'NotoKrR'; padding:14px 35px; font-weight:bold; font-size:16px; background-color:#f5a003; border-radius:50px; color:#000; margin-top:60px; transition:all .3s ease; box-shadow:none; }
.go_btn img { margin-right:10px; }
.go_btn:hover { background:#ffcf31; }





.fir_tab_con button {
    background-color: transparent;
    border: none;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-image: url(/images/geopark/common/main_s_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.ji_tab_con button {
    background-color: transparent;
    border: none;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-image: url(/images/geopark/common/main_s_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ji_next-btn {rotate:180deg;}

.fir_tab_con .fir_next-btn {
    rotate: 180deg;
}
.fir_tab_con .fir_toggle-btn {
    background-image: url(/images/geopark/common/main_s_stop.jpg);
}
.fir_tab_con .fir_toggle-btn.play {
    background-image: url(/images/geopark/common/icon_s_play.png);
}

.ji_tab_con .fir_next-btn {

    background-image: url(/images/geopark/common/main_s_right.jpg);
}
.ji_tab_con .ji_toggle-btn {
    background-image: url(/images/geopark/common/icon_s_stop.png);
}
.ji_tab_con .ji_toggle-btn.play {
    background-image: url(/images/geopark/common/icon_s_play.png);
}
.fir_tab_nav .more_btn{margin-left: 30px;}
.fir_tab_nav {margin-top: 110px; display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
.ji_tab_nav .more_btn{margin-left: 30px;}
.ji_tab_nav {margin-top: 110px; display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
.slide_mid_wrap .con_title{position: relative;}
.fir_tab_nav_top {display: flex;position: absolute;left: 50%;bottom: 0;transform: translateX(280%);}
.ji_tab_nav_top {display: flex;position: absolute;left: 50%;bottom: 0;transform: translateX(280%);}
.tabs-pill .tab.on {
    border-color: inherit;
}
.photoWriter {position: relative;}
 .phptoInfo p {
  font-size: 14px;
	font-family: 'KOHINanum_Bold';
    color: #666;
    margin-top: 10px;
    box-sizing: border-box;
    background-position: left center;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
}

.photoImg {
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 265px;
    overflow: hidden;
    box-sizing: border-box;
    background-size: 100%;
}
 .photoTitle {	
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    line-height: 100%;
    color: #000;
    font-family: 'KOHINanum_Bold';
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 15px;
    box-sizing: border-box;
}

/* 메인 하단 배경/배너 */
.btm_wrap {margin-top: 80px;}
.lbb_img { background:url(/images/sports_geopark/sub_img.PNG) center center / contain no-repeat; position:absolute; z-index:151; left:-350px; width:100%; height:303px; top:-130px; background-repeat:no-repeat; background-position:left bottom; }
.slide_mid_wrap .con_title{text-align: center;}
.con_title{text-align: left;  color: #7a4330; font-family: 'Tenada'; font-size: 44px;}
.slide_mid_wrap .max_wrap .con_title {text-align: left; display: inline-block;}
.botm_btn {height: 120px;background-color: #b37a50;display:flex; flex-wrap:wrap; border-radius:30px; gap:12px; justify-content:center;margin: 0 auto;     margin-top: 70px;}
.botm_btn ul { display:flex; width:100%;max-width: 1250px; gap:40px; align-items:center; justify-content:space-between; }
.botm_btn ul li { flex-direction:column; align-items:center; justify-content:center; }
.botm_btn ul li a { font-size:18px; color:#fff; font-weight:bold; padding:10px 0; position:relative; display:inline-block; transition:color .3s ease; font-family: 'KOHINanum_Bold'; }
.botm_btn ul li a img { margin-right:10px; }
.botm_btn ul li a::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background-color:#fff; transition:width .3s ease; }
.botm_btn ul li a:hover::after { width:100%; }


/* 관광안내 */
.max_wrap .info_f{display: flex;    justify-content: space-between;}
.max_wrap .info_f .info_intext{	    line-height: 30px;	font-size: 18px;	 font-family: 'KOHINanum_Bold';	 color: #444;}

.max_wrap .info_f .info_adphone li img {
	margin-right: 10px;
}
.max_wrap .info_f .info_adphone{
	font-size: 16px;
	 font-family: 'KOHINanum_Bold';
	 color: #222;
		line-height: 35px;
    margin-top: 30px;
}

.max_wrap .info_f .info_left{
    height: 525px;
}
.botm_info div{
    border-radius: 25px;
       padding: 40px 50px 30px 30px;}
.lef_part{
	background-color: #dfb95c;
}
.rig_part{
    background-color: #5d8b41;
}
.max_wrap .botm_info{
	gap: 25px;
    margin-top: 40px;
    display: flex;
	height: 220px;
    justify-content: flex-start;
}
.botm_title {
	font-size: 28px;
    font-family: 'Tenada';
    color: #fff;
    margin-bottom: 30px;
}

.botm_info_text {
	font-size: 16px;
	line-height: 27px;
	font-family: 'KOHINanum_Bold';
	color: #fff;
}

.botm_info_text span {
	font-family: 'KOHINanum_Light';
}

.max_wrap .info_f .info_right {
	background-color: green;
	width: 100%;
	max-width: 700px;
	height: 485px;
    border-radius: 30px;
}




/* ===== 반응형 ===== */

@media (max-width:1500px){
  .bannerBox .bannerBox_inner .bannerText .t_top {
    font-size: 70px;
        white-space: nowrap;
  
  }
}

@media (max-width:1400px){
.spe_place .hide_sl .span_prop{
  display: block;
  background-color: white;
}
.spe_place .hide_sl .view
{
  
  display: block;
}
   .spe_place  .hide_sl img
 {    border-radius: 30px 30px 0 0; margin-top: inherit; }


 
  .content_main_wrap .gap100{
    display: none;
  }

  .center-fixed {
    transform: translateX(-85%);
}

  .max_wrap .botm_info {
    gap: 20px;
    margin-top: 10px;
    justify-content: flex-start;
    flex-direction: column;
    
}
.slide_mid_wrap {
    padding-bottom: 57px;
    padding-top: 40px;
    background-size: cover;
}
.botm_info div {
    border-radius: 25px;
    padding: 30px 50px 20px 30px;
}
.botm_title {
    font-size: 27px;
    font-family: 'Tenada';
    color: #fff;
    margin-bottom: 10px;
}
.max_wrap .info_f .info_right {    margin-top: 70px; }
.botm_btn ul {max-width: 860px;
        gap: 10px;

}
.photo_box ul {
    gap: 10px;}

    
}


@media (max-width:1200px){
/*   .cul_box ul li {
    height: 300px;} */

  .ji_tab_con button {
    width: 25px;
    height: 25px;}
    .max_wrap .info_f .info_right {
        max-width: initial;
        }
  .max_wrap .botm_info {
    flex-wrap: wrap;
}
.max_wrap .info_f {flex-direction: column;}


  .bannerBox .bannerBox_inner{ max-width:800px; }
  .sub_banner{ font-size:19px; margin-left:10px; margin-bottom:15px; }
  .bannerBox .bannerBox_inner .bannerText{ text-align: center; font-size:50px; max-width:800px; line-height:18px; height:150px; }
  .bannerBox .bannerBox_inner .bannerText.hc_bannerText{ font-size:45px; max-width:566px; line-height:34px; height:150px; }
  .cul_box_left .con_title {
    font-size: 40px;
}
.cul_box_left {
  width: 290px;
    min-width: 290px;
    max-width: 290px;
    flex: 0 0 280px;}


  .btm_banner{ font-size:16px;line-height: 0px; }
  .custom-nav{ margin-top:30px; }
  .slide_slick{ height:610px; }
  .slider-container{ height:610px; }
    .cul_box {
        margin-top: 0;
        justify-content: space-between;
    }
  .center-fixed{ top:235px; }
  .bannerBox .bannerBox_inner .bannerText .t_top {
    font-size: 50px;    line-height: 60px;  }
    .center-fixed {    transform: translateX(-50%);  }
  .custom-nav {
    margin-top: 60px;display: flex;align-items: center;justify-content: flex-start;flex-wrap: nowrap;gap: 20px;flex-direction: column;}
  .bannerBox .bannerBox_inner .bannerText .t_top {text-align: center;height: 70px;font-size: 50px;line-height: 60px;text-align: center;  }

  .ji_tab_nav_top {
    left: 50%;
        bottom: -40px;
    transform: translateX(-50%);
  }


.max_wrap .info_f .info_left {
    height: 405px;
        margin-top: 50px;
}
.cul_box ul li span {
    font-size: 15px;
  }




      }

@media all and (max-width:1000px){

    .btm_wrap .max_wrap {margin-top: 120px;}
.s_con_title {
    margin-top: 15px;
    margin-bottom: 40px;
}
    .spe_place ul {
        height: 324px;
        margin-top: 40px;
    }
  .spe_place ul li .place_text {
    line-height: 25px;
      padding: 6px 6px;
    font-size: 14px;}

  .spe_place .sl_w_h {
    width: 350px;
}
.spe_place ul li {
    width: 350px;}

  .spe_place ul li span {
    padding: 5px 0;}

.middle_wrap .mgt_80{
  margin-top: 0;
}

.middle_wrap .pdb_80{
  padding-bottom: 0;
}

.middle_wrap .max_wrap{
    margin-top: 0;
}
    .bannerBox .bannerBox_inner .bannerText .t_top {
        height: 62px;
        font-size: 43px;
    }


  .left_box{ margin-right:initial; }
  .flex_box{ flex-direction:column;margin-top: 30px; }
  .right_box{ margin-top:50px;        margin-bottom: 100px; }
  .wrap_center{ padding:0 20px; }
  .center-fixed{ top:260px; }
  .slide_logo{ width:143px; margin-right:20px; }
  .bannerBox .bannerBox_inner .bannerText{         color: #fff;
        font-size: 40px;
        font-family: 'BlackHanSans-Regular';
        line-height: 20px;
        height: 146px;
        max-width: 520px; }
  .sub_banner{ font-size:18px; }
  .btm_banner{ font-size:15px; font-weight:bold;         line-height: 10px;}
  .botm_btn{ margin-bottom:50px; margin-top:30px; }
  .cul_box_left .con_title{ font-size:35px; margin:0; }
    .cul_box_left {
              width: 100%;
        position: relative;
        min-width: initial;
        max-width: initial;
        flex: initial;
    }
    .main-wrap .tabs-pill{
      box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    background: #eaeaea;
    border: initial;
    width: 170px;
    display: inline-flex;
    margin-top: 0;
    position: absolute;
    right: 50px;
    top: 0;
    }
    .fir_tab_nav {
    margin-top: 30px;}

  .left_box { max-width: initial;}
.btm_wrap {        margin-top: -51px;}
  .cul_box ul li span {    font-size: 15px;}
        .botm_btn ul li a {
        font-size: 13px;
        color: #fff;
        font-weight: bold;
        padding: initial;
    }
         .botm_btn {
    height: 90px;}
        .botm_btn ul {
        max-width: 710px;
        height: 90px;
        gap: 0;
    }
    .cul_box {
    display: flex;
    flex-direction: column;}


}

@media (max-width:768px){

  .tabs-pill .tab{ padding:15px 20px; font-size:14px; } /* 메인 탭 사용 */
  .tabs-pill{ width:220px; }
  .photo_box ul{ gap:15px; }
.botm_btn ul {
        max-width: 710px;
        height: 70px;
        /* gap: 10px; */
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .spe_place ul li .place_tit {
    font-size: 20px;}
        .max_wrap .botm_info {
        flex-wrap: nowrap;
    }    
    .max_wrap .info_f .info_left {
        height: 545px;
        margin-top: 0px;}

        .fir_tab_nav .more_btn {
        margin-left: 20px;
    width: 25px;
    height: 25px;
}

        .fir_tab_nav .more_btn img{
          width: 100%;
        }
  .center-fixed{ top:220px; }
  .slide_slick{ height:400px; }
  .slider-container{ height:400px; }
  .slide_logo{ width:110px; margin-right:15px; padding-left:20px; }
  .noti_title li a{ padding:24px 0 19px; }
  .noti_title li{ font-size:15px; }
  ul.noti_title li::before{ top:33px; }
  .sub_con_tit{ font-size:14px; padding:10px 0 0; line-height:24px; }
  .botm_btn ul li a{ font-size:12px; padding:0; }
  .botm_btn{height: 95px;padding-top: 25px;margin-bottom: 70px; }
  
  .cul_box_left .go_btn{ padding:11px 17px; font-size:14px; }
  .cul_box{ flex-direction:column; }
  .bannerBox .bannerBox_inner .bannerText{ font-size:31px; line-height:23px; height:94px; max-width:365px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; }
  .sub_banner{ font-size:12px; margin-left:10px; margin-bottom:9px; }
  .btm_banner.btm_date{ margin-right:9px; }
  .btm_banner{ font-size:12px;         line-height: 17px;}
  .nav-controls button{ width:35px; height:35px; }
  .point_cl{ font-size:17px; }
  .con_title{ font-size:30px; }
  .contwrap{ padding:0 20px; }
  .noti_title li span.date{ font-size:13px; white-space:nowrap; }
  .cul_box ul li span{ font-size:14px; padding:10px 0; }
  .cul_box ul li{ width:calc(33.333% - 10px); }
  .cul_box ul{ gap:10px; }
        .s_con_title {
        font-size: 15px;
        margin-top: 11px;}

          .main-wrap .tabs-pill {
            
        width: 140px;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    
        
.main-wrap .tabs-pill .tab {    padding: 12px 20px;}

.more_btn img{
  width: 23px;
}

}

@media all and (max-width:480px){
    

  .cul_box_left .con_title {font-size: 24px;margin-top: 10px;}

  .photo_box ul li {
    flex: 1;
    border-radius: 20px;
    width: initial;}
    .photo_box ul {
    flex-wrap: wrap;
    
    flex-direction: column;
    gap: 25px;
    text-align: center;}
    .photoImg {
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 195px;
    overflow: hidden;
    box-sizing: border-box;
    background-size: 100%;
}
.photo_box ul li img {
    display: block;
    height: 220px;
}
.photoTitle {        font-size: 15px;
        margin-top: 18px;}

        .phptoInfo p {
    font-size: 13px;
    margin-bottom: 10px;}
.max_wrap .info_f .info_adphone {
    font-size: 14px;
    line-height: 31px;
    margin-top: 15px;
}
    .botm_info div {
        border-radius: 25px;
        padding: 20px 20px 10px 20px;
    }

    .max_wrap .info_f .info_right {
        margin-top: 53px;
    }
    .botm_title {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .botm_info_text {
    font-size: 15px;
    line-height: 27px;}
  .max_wrap .info_f .info_intext {
    line-height: 25px;
    font-size: 15px;}

      .bannerBox .bannerBox_inner .bannerText .t_top {
        text-align: center;
            height: 50px;
        font-size: 34px;
        line-height: 45px;
        text-align: center;
    }
/* 
      .cul_box ul li {
        height: 229px;
    } */
    .more_btn{width: 24px;}
        
        .cul_box ul li span {
          padding: 9px 2px;
        vertical-align: middle;
        line-height: 9px;
        font-size: 12px;
        }
            .main-wrap .tabs-pill {        width: 129px;}
        .main-wrap .tabs-pill .tab {        padding: 9px 14px;    }

  .progress-bar{ width:48%; }
  .center-fixed{ top:215px; }
  .custom-nav{ margin-top:22px; z-index:100; }
  .nav-controls button{ width:25px; height:25px; }
  .page-index{ font-size:13px; }
  .point_cl{ font-size:14px; vertical-align:0; }
  .botm_btn ul{ flex-wrap:wrap; gap:11px; justify-content:space-between; }
  .botm_btn{ height:85px; margin-bottom:80px; }
  .bannerBox .bannerBox_inner .bannerText{ font-size:27px; line-height:16px; height:118px; max-width:360px; }
  .sub_banner{ margin-left:0; position:absolute; top:-20px; }
  .cul_box ul{ flex-direction:column; gap:15px; }
  .cul_box ul li{ width:100%; }
  /* .cul_box ul li img{ height:180px; } */
      .botm_btn ul {
        flex-wrap: wrap;
        gap: 0;
        height: 61px;
        justify-content: space-between;
    }
    .botm_btn ul li a img {
    margin-right: 7px;
    width: 20px;
}

.cul_box ul {    height: 300px;}
.fir_tab_con button {
    width: 30px;
    height: 30px;}

    .fir_tab_nav .more_btn img {
        width: 18px;}



}

@media (max-width:360px){
  .custom-nav{ margin-top:18px; }
  .nav-controls button{ width:25px; height:25px; }
  .page-index{ font-size:13px; }
  .point_cl{ font-size:14px; }
  .bannerBox .bannerBox_inner .bannerText{ font-size:25px; line-height:16px; height:130px; max-width:360px; }
  .btm_banner.btm_date{ margin-top:10px; }
  .spe_place .sl_w_h {
        width: 280px;
    }
    .spe_place ul li .place_text {
        line-height: 25px;
        padding: 4px 7px;
        white-space: nowrap;
        font-size: 13px;}
    .main-wrap .tabs-pill {
        width: 122px;
    }
    .botm_btn {
        height: 75px;
        padding-top: 15px;
        margin-bottom: 70px;
    }
}