@charset "utf-8";

/* 레이아웃 */

#main *						          { box-sizing:border-box;}
#main [data-main]						{ padding:80px 0;}
@media (max-width:1468px) {
	#main [data-main]					{ padding:70px 0;}
}
@media (max-width:1368px) {
	#main [data-main]					{ padding:60px 0;}
}	
@media (max-width:1268px) {
	#main [data-main]					{ padding:50px 0;}
}

@media (max-width: 668px) {
	#main [data-main]					{ padding:40px 0;}
}

@media (max-width: 468px) {
	#main [data-main]					{ padding:30px 0;}
}

[data-main-visual] .con_inner { max-width:1700px }


/* tab */
.control_main_tab .conts_tab				{ display:none; }
.control_main_tab .conts_tab.active	{ display:block; }


[data-main] h2 { font-family:var(--font-binggrae); font-size:2.5em; display: inline-block; position: relative;}
[data-main] h2 span { color:var(--color-point); }

.tit_text { font-size:1.25em; line-height:1.4 }

@media (max-width: 1280px) {
	[data-main] h2  					{ font-size:2.188em; }
}

@media (max-width: 1024px) {
	[data-main] h2  					{ font-size:1.8753em; }
	.tit_text { font-size:1em;}
}

@media (max-width: 768px) {
	[data-main] h2  					{ font-size:1.563em; }
	.tit_text { font-size:1em;}
}

/************************************************************
												비주얼
************************************************************/

[data-main-visual] .visual               		{ position:relative;}
[data-main-visual] .visual .img							{ position:relative; width: 100%; height:100vh; top:0; left: 0;  overflow:hidden;}
[data-main-visual] .visual .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
																											-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;  z-index: 0}

[data-main-visual] .visual_inner   									{ position: absolute; top: 50%; left: 50%; width: 94%; max-width: 1700px; transform: translate(-50%, -50%); z-index: 2;}
[data-main-visual] .visual_btn  										{ position:absolute; top:50%; right:0; transform: translateY(-50%); }
[data-main-visual] .visual_btn a  									{ width:100%; height:100%;  padding:25px; min-width:325px; min-height:180px; display:inline-block; background:#3f3ecf; border-radius:15px 15px 15px 40px;}
[data-main-visual] .visual_btn a:before  						{ content:''; position:absolute; bottom:0; right:0; background: url("/resource/gangcheonsan/images/main/visual_btn.png") no-repeat right bottom; width:100%; height:100%; z-index:0}


[data-main-visual] .visual_btn h3                   { color:#ffee5d; font-size:1.75em; font-weight:500; margin-bottom:5px}
[data-main-visual] .visual_btn .btn                 { background: var(--color-white); border-radius: 50px; color:var(--color-black); font-weight: 600; padding:7px 30px 7px 15px; position: relative; display:inline-block}
[data-main-visual] .visual_btn .btn:before  				{ display:inline-block; width:8px; height:14px; background:url(/resource/gangcheonsan/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; position: absolute; top:50%; right:15px; transform: translateY(-50%);}	
[data-main-visual] .visual_btn a:hover,
[data-main-visual] .visual_btn a:focus  						{ box-shadow:5px 5px 10px rgba(0,0,0,.1); color:var(--color-point); background: var(--color-point);}
[data-main-visual] .visual_btn:hover .btn,
[data-main-visual] .visual_btn:focus .btn  					{ color:var(--color-point); }

[data-main-visual] .visual .text                    { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--color-white); z-index: 2; }
[data-main-visual] .visual .text .title  						{ display: inline-block; max-width: 100%; min-width: 260px;}
[data-main-visual] .visual .text .title img  				{ height:auto; display:block; width: clamp(260px, 20vw, 373px);}
[data-main-visual] .visual .text .title strong      { font-size: clamp(1.875em, 4vw, 3.938em); font-weight:700; }

[data-main-visual] .swiper_control .page											{ display:flex; position:absolute; left: 50%; transform:translate(-50%, -25%); bottom:25%; z-index:3; gap:0 1em;align-items: center;}

[data-main-visual] .swiper_control button { filter:invert(1); }
[data-main-visual] .swiper_control .swiper_page							{ display:flex; width:auto;align-items:center; justify-content:center; line-height:1; color:var(--color-white);}
[data-main-visual] .swiper_control .swiper_page .swiper-pagination-total	{ font-weight:bold;opacity:1;}
[data-main-visual] .swiper_control .swiper_page i::after			{ background:rgba(255,255,255,.3); }

[data-main-visual] .swiper_auto { background:var(--color-white); width:30px; height:30px; border-radius:30px }
[data-main-visual] .visual_btn:hover .btn::before, 
[data-main-visual] .visual_btn:focus .btn::before		{ filter: invert(38%) sepia(69%) saturate(316%) hue-rotate(113deg) brightness(98%) contrast(100%); }

@media (max-width: 1440px) {
	[data-main-visual] .visual .img  			 	{ height:700px; }
}
@media (max-width: 1280px) {
	[data-main-visual] .visual_btn a  			{ min-width:250px; height:150px; }
	[data-main-visual] .visual .img  			 	{ height:600px; }
}

@media (max-width: 768px) {
	[data-main-visual] .visual_inner 			{ left: 0; top: auto; bottom: 0; transform: none; width: 100%; max-width: 100%; height:100%}
  [data-main-visual] .visual_btn 				{ right: 20px; top: 80px; transform: none; }	
  [data-main-visual] .visual_btn h3  		{ margin-bottom:0; font-size:1.3em; }
	[data-main-visual] .visual_btn a:before { background:none; }
	[data-main-visual] .visual_btn a    	{ width:auto; height:100px; min-width:auto; min-height:auto; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 15px; border-radius:15px;}
	[data-main-visual] .visual_btn .btn		{ padding:6px 30px 6px 17px; font-size:.85rem; margin-top:5px; }
	[data-main-visual] .visual_btn .btn:before	{ width:6px; height:12px; background-size:auto 12px; } 
	[data-main-visual] .visual .text,
	[data-main-visual] .swiper_control .con_inner { width:auto;}
	[data-main-visual] .visual .text .title  { display:flex; flex-direction:column; align-items:center }

}
@media (max-width:468px) {
  [data-main-visual] .visual_btn h3  		{ font-size:1.25em; }
	[data-main-visual] .visual_btn a    	{ height:90px; }

}

/************************************************************
											공지사항
************************************************************/

[data-main-visual] .notice   			 			{ position: relative; width: 100%; height:70px; display: flex; align-items: center; background: rgba(0,0,0,0.5); color: var(--color-white); z-index: 3; margin-top:-70px; gap: 10px}
[data-main-visual] .notice h2 						{ width: 300px; height: 100%; background: var(--color-point); display: flex; justify-content: center; align-items: center; margin: 0; position: relative; font-weight: 400; flex-shrink: 0; font-size:1.25em}
[data-main-visual] .notice h2::before 				{ content: ''; display: inline-block; width: 20px; height: 15px; margin-right: 8px; background: url("/resource/gangcheonsan/images/main/notice_icon.svg") no-repeat ; background-size: contain;}
[data-main-visual] .notice_list 					{ width:calc(100% - 300px - 10px - 35px); height: 100%; min-width: 0;}
[data-main-visual] .notice-swiper 					{ width: 100%; height: 100%;}
[data-main-visual] .notice-swiper .swiper-slide 	{ display: flex; flex-direction:column; height:70px; flex-wrap:wrap; justify-content:center;}
[data-main-visual] .notice-swiper .swiper-slide a 	{ width:100%; color: var(--color-white); height:20px; align-items: center; overflow: hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding: 0 40px;}
[data-main-visual] .notice-swiper .swiper-slide span { margin-right:30px }
[data-main-visual] .notice_btn 						{ width:50px;  display: flex;  flex-direction: column; flex-shrink: 0; height:70px; justify-content:space-between;}
[data-main-visual] .notice_btn button				{  flex: 1; width:35px; height:23px; border: none; background: none; cursor: pointer; position: relative;}
[data-main-visual] .notice_btn .prev::before,
[data-main-visual] .notice_btn .next::before { content: ""; position: absolute; left: 50%; top:45%; transform: translate(-50%, -50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent;}
[data-main-visual] .notice_btn .prev::before { border-bottom: 8px solid var(--color-white); top:65%;}
[data-main-visual] .notice_btn .next::before { border-top: 8px solid var(--color-white);}
[data-main-visual] .notice_btn	.swiper_auto::before	{ filter:invert(1); }
@media (max-width: 1280px) {
	[data-main-visual] .notice h2  										{ width:200px }
  [data-main-visual] .notice-swiper .swiper-slide a  { padding:0 20px }
  [data-main-visual] .notice_list 					{ width:calc(100% - 200px - 10px - 35px); }
}
@media (max-width: 768px) {
	[data-main-visual] .notice h2  										{ width:150px }
	[data-main-visual] .notice_btn  									{ width:30px }
	[data-main-visual] .notice_list 					{ width:calc(100% - 170px - 10px - 30px); }
}

@media (max-width: 468px) {
	[data-main-visual] .notice										{ height:60px; margin-top:-60px; }
	[data-main-visual] .notice-swiper .swiper-slide					{ height:60px; }
	[data-main-visual] .notice_btn button							{ height:20px; }
	[data-main-visual] .notice h2  										{ width:80px; font-size:inherit;}
	[data-main-visual] .notice h2:before  							{ display:none; }
	[data-main-visual] .notice-swiper .swiper-slide a  { padding:0px }
	[data-main-visual] .notice-swiper .swiper-slide span  { display:none }
	[data-main-visual] .notice_btn .prev::before, 
	[data-main-visual] .notice_btn .next::before { border-left:4px solid transparent; border-right:4px solid transparent; top:35%}
	[data-main-visual] .notice_btn .prev::before { border-bottom:5px solid var(--color-white); top:75%;}
	[data-main-visual] .notice_btn .next::before { border-top:5px solid var(--color-white);}
	[data-main-visual] .notice_list 					{ width:calc(100% - 100px - 10px - 30px); }
}

/************************************************************
												강천산 등산로 소개
************************************************************/
[data-main="trail"] { position: relative; }
[data-main="trail"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f3f6fb; border-radius: 0 0 0 200px; z-index: -1; }

[data-main="trail"] .con_inner  									{ position:relative; }
[data-main="trail"] .con_inner::before   					{ content: ''; position: absolute; top: 170px; right: 50px; width: 150px; height: 120px; background: url("/resource/gangcheonsan/images/main/trail_bg02.png") no-repeat center; background-size: 100% 100%;}

[data-main="trail"] h2:before    									{ content:''; position: absolute; top:0; right:-50px; width:43px; height:43px; background: url("/resource/gangcheonsan/images/main/trail_tit_bg.svg"); animation: sparkleScale 2s infinite ease-in-out;}

[data-main="trail"] #trail_wrap 									{ margin:2.5em 0 5em 0; position:relative; }
[data-main="trail"] #trail_wrap:before 						{ content:'Gangcheon'; font-size:8.75em; color:rgba(0, 0, 0, .03); font-weight:900; position: absolute; top:-50px; left:50%; z-index:-1; text-transform: uppercase; letter-spacing: -1px; transform: translateX(-50%);}
[data-main="trail"] #trail_wrap:after     				{ content:''; position:absolute; top:-50px; left:0px; width:181px; height:88px; background:url("/resource/gangcheonsan/images/contents/introduce_img_bg01.png"); animation: cloudMove 6s ease-in-out infinite;}
[data-main="trail"] .swiper-wrapper								{ align-items:stretch;}
[data-main="trail"] .swiper-slide									{ width:33.333%; display:flex; height:auto; transition: transform .4s ease;  padding-top:6.25em; position: relative;}
[data-main="trail"] .swiper-slide a 							{ display: flex; flex-direction: column; align-items: center; margin:0 30px; width: 100%;}
[data-main="trail"] .swiper-slide .img    				{ position: relative; width: 100%; height: 430px; border-radius: 20px; overflow: hidden;}
[data-main="trail"] .swiper-slide .img img   			{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition:transform 0.4s ease;}
[data-main="trail"] .swiper-slide strong  				{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:1.875em; margin-bottom:8px; color: var(--color-white); font-weight: 700; text-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
[data-main="trail"] .swiper-slide:hover,
[data-main="trail"] .swiper-slide:focus,
[data-main="trail"] .swiper-slide.active    			{ transform: scale(1.03); }
[data-main="trail"] .swiper-slide:hover strong,
[data-main="trail"] .swiper-slide:focus strong,
[data-main="trail"] .swiper-slide.active strong 	{ display:none }

[data-main="trail"] .swiper-slide.active  				{ position:relative; }
[data-main="trail"] .swiper-slide.active::before  { content: ''; position: absolute; top: 50px; left: 50px; width: 100px; height: 50px; background: url("/resource/gangcheonsan/images/main/trail_bg01.png") no-repeat center; background-size: 100% 100%;}

[data-main="trail"] .swiper-slide .img img:hover,
[data-main="trail"] .swiper-slide .img img:focus 	{ transform: scale(1.05); }

[data-main="trail"] .swiper_control button  			{ display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; background: var(--color-white); transition: var(--trans-ani); border:1px solid var(--color-line); }

[data-main="trail"] .swiper_control button:hover,
[data-main="trail"] .swiper_control button:focus  				{ background: var(--color-point); border:1px solid var(--color-point);}

[data-main="trail"] .swiper_control button:hover::before,
[data-main="trail"] .swiper_control button:focus::before{ filter: invert(1); transition: filter 0.3s ease;}

[data-main="trail"] .con_inner    											{ position:relative; }
[data-main="trail"] .con_inner .swiper_prev  						{ position:absolute; top:50%; left:-70px; transform: translateY(-50%); z-index: 3}
[data-main="trail"] .con_inner .swiper_next  						{ position:absolute; top:50%; right:-70px; transform: translateY(-50%); z-index: 3}

[data-main="trail"] .swiper-slide .img .info_box 				{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transform: translateY(20px); transition: all .4s ease; padding: 20px 30px; box-sizing: border-box; text-align: center; pointer-events: none; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0));color: var(--color-white); z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center;}
[data-main="trail"] .swiper-slide:hover .info_box,
[data-main="trail"] .swiper-slide:focus .info_box,
[data-main="trail"] .swiper-slide.active .info_box 			{ opacity: 1; transform: translateY(0); pointer-events: auto; }
[data-main="trail"] .swiper-slide .info_box .icon 			{ display:block; width:60px; height:60px; background:url("/resource/gangcheonsan/images/main/trail_btn.svg") no-repeat center/contain; margin:0 auto 10px;}
[data-main="trail"] .swiper-slide .info_box .title 			{ font-size:1.875em; }
[data-main="trail"] .swiper-slide .info_box .subtitle 	{ font-size:1.125em; margin-bottom:30px;}
[data-main="trail"] .swiper-slide .info_box .desc 			{ line-height:1.5; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;}

[data-main="trail"] .swiper-slide.swiper-slide-next  		{ margin-top: 50px;}
@media (max-width: 1700px) {
	[data-main="trail"] .swiper_control button   					{ width:60px; height:60px }
	[data-main="trail"] .con_inner .swiper_prev 					{ left:0; }
	[data-main="trail"] .con_inner .swiper_next 					{ right:0; }
}

@media (max-width: 1280px) {
	[data-main="trail"] h2:before  												{ display:none; }
	[data-main="trail"] #trail_wrap  											{ margin:1.5em 0 2em;}
  [data-main="trail"] .swiper-slide   									{ width: 50%; }
  [data-main="trail"] .con_inner::before,
  [data-main="trail"] .swiper-slide.active::before  		{ display:none; }
}

@media (max-width: 1024px) {
	[data-main="trail"] #trail_wrap  											{ margin:1em 0;}
	[data-main="trail"]::before  													{ border-radius:0; }
	[data-main="trail"] .swiper_control button   					{ width:50px; height:50px }
	[data-main="trail"] #trail_wrap:before   							{ font-size:5em; top:-25px; }
	[data-main="trail"] .swiper-slide  										{ padding-top:3em; }
	[data-main="trail"] .swiper-slide a  									{ margin:0 20px; }
	[data-main="trail"] #trail_wrap:after  								{ display:none; }
	[data-main="trail"] .swiper-slide .info_box .title 		{ font-size:1.563em; }
}

@media (max-width: 768px) {
	[data-main="trail"] #trail_wrap  						{ margin:0;}
	[data-main="trail"] .swiper-slide   					{ width: 100%; padding-top:1em;}  
	[data-main="trail"] #trail_wrap:before   				{ display:none; }
	[data-main="trail"] .swiper-slide .info_box .title 		{ font-size:1.25em; }
	[data-main="trail"] .swiper_control button				{ width:40px; height:40px; }
}
@media (max-width:468px) {
	[data-main="trail"] .swiper_control button				{ width:35px; height:35px; }
}

/************************************************************
												아름다운 강천산
************************************************************/
[data-main="season"] { position: relative; }
[data-main="season"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f3f6fb; border-radius: 0 0 0 0; z-index: -2; }
[data-main="season"]::after  { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 0 200px 200px 0; z-index: -1; }

[data-main="season"] #season_wrap 									{ margin:1em 0 2em 0; position:relative; }
[data-main="season"] .con_inner  										{ max-width: 1500px; margin: 0 auto; padding:0 2em;}

[data-main="season"] .season_title { display:flex; justify-content:space-between; align-items:center}
[data-main="season"] .season_tab { display: flex; list-style: none; padding: 0; margin: 0; ;position: relative}
[data-main="season"] .season_tab li:not(:last-child) { position: relative; padding-right: 20px;}
[data-main="season"] .season_tab li:not(:last-child)::after { content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #ddd;}
[data-main="season"] .season_tab li a { display: flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 8px; background: var(--color-white); color: var(--color-text); text-decoration: none; transition: all 0.25s ease; font-size:1.125em; font-weight:500;}
[data-main="season"] .season_tab li a:hover,
[data-main="season"] .season_tab li a:focus { background: var(--color-point); color: var(--color-white); border-radius: 50px;}
[data-main="season"] .season_tab li a:hover .icon,
[data-main="season"] .season_tab li a:focus .icon { filter:invert(1); }

[data-main="season"] .season_tab .icon { width: 20px; height: 20px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center;}
[data-main="season"] .season_tab .icon01 { background-image: url("/resource/gangcheonsan/images/main/season_btn01.svg");}
[data-main="season"] .season_tab .icon02 { background-image: url("/resource/gangcheonsan/images/main/season_btn02.svg");}
[data-main="season"] .season_tab .icon03 { background-image: url("/resource/gangcheonsan/images/main/season_btn03.svg");}

[data-main="season"] .season_swiper .swiper-slide { display: flex; flex-direction: column; align-items: center;}
[data-main="season"] .swiper-slide .slide_item { opacity: 0; transform: translateY(20px); transition: all .6s ease;  }
[data-main="season"] .swiper-slide.active .slide_item { opacity: 1; transform: translateY(0); }
[data-main="season"] .season_img { width: 100%;height: 400px; overflow: hidden; border-radius: 20px;}
[data-main="season"] .season_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
[data-main="season"] .season_img img:hover{ transform: scale(1.05);}
[data-main="season"] .season_info { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; gap: 20px;}

[data-main="season"] .text_box { flex: 2; }
[data-main="season"] .text_box h3 { font-size: 1.563em; margin:1.875em 0 0.5em;position: relative; display: inline-block;}
[data-main="season"] .text_box h3:before { content:''; position:absolute; top:-10px; right:-65px; width:60px; height:60px; }
[data-main="season"] .text_box h3.season01:before { background:url("/resource/gangcheonsan/images/main/season01_bg01.svg") no-repeat; }
[data-main="season"] .text_box h3.season02:before { background:url("/resource/gangcheonsan/images/main/season01_bg02.svg") no-repeat; }
[data-main="season"] .text_box h3.season03:before { background:url("/resource/gangcheonsan/images/main/season01_bg03.svg") no-repeat; }
[data-main="season"] .text_box h3.season04:before { background:url("/resource/gangcheonsan/images/main/season01_bg04.svg") no-repeat; }

[data-main="season"] .text_box h3 span { font-size:1.875rem;  }
[data-main="season"] .text_box h3.season01 span { color:#5e9e2f }
[data-main="season"] .text_box h3.season02 span { color:#1e5f7a }
[data-main="season"] .text_box h3.season03 span { color:#ac2a2a }
[data-main="season"] .text_box h3.season04 span { color:#345e9a }
[data-main="season"] .text_box p { line-height: 1.5;}

[data-main="season"] .img_box { display: flex; gap: 30px; flex-wrap: wrap; }
[data-main="season"] .img_box .box_img { position: relative; width: 400px; height: 270px; overflow: hidden; border-radius: 10px; flex-shrink: 0;}
[data-main="season"] .img_box .box_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; display: block;}
[data-main="season"] .img_box .box_img img:hover{ transform: scale(1.05);}
[data-main="season"] .img_box .thumb_text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; background: rgba(0,0,0,0.5);  color: var(--color-white); text-align: center; font-weight: 500; font-size: 1.25em;}

[data-main="season"] .season_btns { display: flex; gap: 10px; margin-top: 10px;}
[data-main="season"] .season_btns button { padding: 0.5em 1em; border-radius: 5px; background: var(--color-point); color: #fff; border: none; cursor: pointer;}
[data-main="season"] .swiper_prev,
[data-main="season"] .swiper_next { height:auto; }

[data-main="season"] .swiper_auto { background:var(--color-black); width:30px; height:30px; border-radius:30px }
[data-main="season"] .swiper_auto:before { filter:invert(1); }



[data-main="season"] .swiper_control  							{ z-index:10; position:relative; }

[data-main="season"] .swiper_control 													{ display:flex; align-items: center; }
[data-main="season"] .swiper_control .page										{ display:flex; position:absolute; left: 0; transform:translateY(-30%); bottom:30%; z-index:9; gap:0 1em; align-items: center}
[data-main="season"] .swiper_control .swiper_page							{ display:flex; width:auto;align-items:center; justify-content:center; line-height:1; }
[data-main="season"] .swiper_control .swiper_page .swiper-pagination-total	{ font-weight:bold;opacity:1;}
[data-main="season"] .swiper_control .swiper_page i::after		{ background:rgba(0,0,0,.3); }


@media (max-width: 1440px) {
		[data-main="season"] .swiper_control { position: static; width: 100%; margin: 30px auto 0; display: flex; justify-content: center; align-items: center;}
		[data-main="season"] .img_box .box_img {  width: 320px; height: 210px;}
		[data-main="season"] .swiper_control .control { display: flex; gap: 20px;}
		[data-main="season"] .swiper_control .page { position: static; left: auto; bottom: auto; transform: none;margin: 20px auto 0; display: flex;justify-content: center;}
		[data-main="season"] .swiper_prev,
		[data-main="season"] .swiper_next { position: static !important; width: 40px; height: 40px; border-radius: 50%; }
}

@media (max-width: 1280px) {
		[data-main="season"] .season_info 	{ flex-direction:column; justify-content:center; align-items:center }
		[data-main="season"] .text_box { text-align:center; }
		[data-main="season"] .img_box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width:100%}
		[data-main="season"] .img_box .box_img { width: 100%; height: auto; }
}

@media (max-width: 1024px) {
		[data-main="season"] .con_inner { padding:0; }
		[data-main="season"] #season_wrap  { margin:1em 0 }
		[data-main="season"]::after { border-radius:0; }
		[data-main="season"] .season_info { margin-top:0 }
		[data-main="season"] .swiper_control { margin:0; }

		[data-main="season"] .season_tab li a { font-size:1em; padding:5px 10px; }
}

@media (max-width: 768px) {
	 	[data-main="season"] .season_title { flex-direction:column; }
}

@media (max-width: 468px) {
		[data-main="season"] .img_box { grid-template-columns: 1fr; }
		[data-main="season"] .text_box h3 span { display:block; }
		[data-main="season"] .text_box h3:before { background:none !important;}
		[data-main="season"] .season_tab		{ flex-wrap:wrap; justify-content:center;}
		[data-main="season"] .season_tab li a { gap:0 5px; padding:5px 12px; }
		[data-main="season"] .season_tab li:not(:last-child)	{ padding-right:10px; }
		[data-main="season"] .season_img { height:300px }
		[data-main="season"] .season_tab li:not(:last-child)::after	{ right:4px; }
}



/************************************************************
												강천산 홍보영상
************************************************************/

[data-main="video"] { position: relative; }
[data-main="video"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f3f6fb; border-radius: 200px 0 0 0; z-index: -1; }

[data-main="video"] h2:before { content:''; position: absolute; top:0; left:-120px; width:100px; height:94px; background: url("/resource/gangcheonsan/images/main/video_tit_bg.svg"); animation: sparkleScale 2s infinite ease-in-out;}

[data-main="video"] #video_wrap 									{ margin:2.5em 0 5em 0; position:relative; }
[data-main="video"] .swiper-wrapper								{ align-items:stretch;}
[data-main="video"] .swiper-slide									{ width:33.333%; display:flex; height:auto }
[data-main="video"] .swiper-slide a 							{ display: flex; flex-direction: column; align-items: center; margin:0 10px; width: 100%;}
[data-main="video"] .swiper-slide .img   					{ position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 20px; overflow: hidden; height: 0;}
[data-main="video"] .swiper-slide .img img   			{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition:transform 0.4s ease}
[data-main="video"] .swiper-slide strong  				{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.375em; line-height:1.4; text-align:center; font-weight:500; margin-top:20px; padding:0 20px}

[data-main="video"] .swiper-slide .img img:hover,
[data-main="video"] .swiper-slide .img img:focus 	{ transform: scale(1.05); }

[data-main="video"] .swiper_control button  			{ display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; background: var(--color-white); transition: var(--trans-ani); border:1px solid var(--color-line); }

[data-main="video"] .swiper_control button:hover,
[data-main="video"] .swiper_control button:focus  				{ background: var(--color-point); border:1px solid var(--color-point);}

[data-main="video"] .swiper_control button:hover::before,
[data-main="video"] .swiper_control button:focus::before{ filter: invert(1); transition: filter 0.3s ease;}

[data-main="video"] .con_inner { position:relative; }
[data-main="video"] .con_inner .swiper_prev  						{ left:-70px; }
[data-main="video"] .con_inner .swiper_next  						{ right:-70px; }
[data-main="video"] .con_inner .swiper_prev,
[data-main="video"] .con_inner .swiper_next							{ position:absolute; top:calc(50% - 35px); transform: translateY(-50%); z-index: 3; }
@media (max-width: 1700px) {
	[data-main="video"] #video_wrap  											{ padding:1em; margin:2em 0 2.5em;}
	[data-main="video"] .swiper_control button   					{ width:60px; height:60px }
	[data-main="video"] .con_inner .swiper_prev 					{ left:0; }
	[data-main="video"] .con_inner .swiper_next 					{ right:0; }
	[data-main="video"] .con_inner .swiper_prev,
	[data-main="video"] .con_inner .swiper_next							{ top:calc(50% - 30px); }
}

@media (max-width: 1280px) {
	[data-main="video"] h2:before  												{ display:none; }
	[data-main="video"] #video_wrap  											{ margin:1.5em 0 2em;}
  [data-main="video"] .swiper-slide   									{ width: 50%; }
}

@media (max-width: 1024px) {
	[data-main="video"] #video_wrap  											{ margin:1em 0;}
	[data-main="video"]::before  													{ border-radius:0; }
	[data-main="video"] .swiper_control button   						{ width:50px; height:50px }
	[data-main="video"] .swiper-slide strong  							{ font-size:1.125em; }
	[data-main="video"] .con_inner .swiper_prev,
	[data-main="video"] .con_inner .swiper_next							{ top:calc(50% - 25px); }
}

@media (max-width: 768px) {
	[data-main="video"] #video_wrap  											{ margin:0;}
  	[data-main="video"] .swiper-slide   									{ width: 100%;}  
	[data-main="video"] .swiper_control button		{ width:40px; height:40px; }
}
@media (max-width: 468px) {
	[data-main="video"] .swiper-slide a  									{ margin:0; }
	[data-main="video"] .swiper_control button		{ width:35px; height:35px; }
	[data-main="video"] .con_inner .swiper_prev,
	[data-main="video"] .con_inner .swiper_next							{ top:calc(56.25% - 55px); transform:initial }
}
@media (max-width:368px) {
	[data-main="video"] .con_inner .swiper_prev,
	[data-main="video"] .con_inner .swiper_next							{ top:calc(56.25% - 65px);  }
}
/************************************************************
											바로가기 배너
************************************************************/

.quick 																	{ display: flex;  border: 1px solid var(--color-point); background:var(--color-white); border-radius: 1.25em; gap: 1.5em; --sizeIcon: 80px; padding: 2.72em 2.5em; box-shadow:5px 5px 10px rgba(0,0,0,.1);}
.quick .btns 														{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.25em; width: 100%;}
.quick .btns > li 											{ flex:1}
.quick .btns > li > a 									{ display:flex; flex-direction:column; align-items:center; justify-content:center;gap:0.5em; text-align:center; padding:1em 0; }
.quick .btns > li > a:hover,
.quick .btns > li > a:focus							{ border-color:#708bb6;}
.quick .btns > li > a .icon							{ width:var(--sizeIcon);height:var(--sizeIcon);}
.quick .btns > li > a .icon::before			{ content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;}
.quick .btns > li > a:hover .icon::before,
.quick .btns > li > a:focus .icon::before{ animation:iconShow 0.7s ease-in-out 1 forwards; }
.quick .btns > li > a .icon01::before		{ background-image:url('/resource/gangcheonsan/images/main/icon_quick01.svg');}
.quick .btns > li > a .icon02::before		{ background-image:url('/resource/gangcheonsan/images/main/icon_quick02.svg');}
.quick .btns > li > a .icon03::before		{ background-image:url('/resource/gangcheonsan/images/main/icon_quick03.svg');}
.quick .btns > li > a .icon04::before		{ background-image:url('/resource/gangcheonsan/images/main/icon_quick04.svg');}
.quick .btns > li > a .icon05::before		{ background-image:url('/resource/gangcheonsan/images/main/icon_quick05.svg');}
.quick .btns > li > a .icon06::before		{ background-image:url('/resource/gangcheonsan/images/main/icon_quick06.svg');}
.quick .btns > li > a strong 						{ font-size: 1.25em; font-weight: 400; line-height: 1.3; width:auto; display:block;}
.quick .btns > li > a:hover strong,
.quick .btns > li > a:focus strong			{color:var(--color-point);}



@media (max-width: 1024px) {
	.quick  															{ --sizeIcon:70px; padding:1.5em}
	.quick .btns > li > a strong   				{ font-size:1.125em }
}
@media (max-width:768px) {
	.quick .btns  												{ grid-template-columns: repeat(3, 2fr); align-items:start; gap:0; }
	.quick .btns > li							{ height:8em; }
}
@media (max-width: 568px) {
	.quick  															{ --sizeIcon:60px; padding:1em}
	.quick .btns > li > a strong   				{ font-size:1em }
}
@media (max-width:368px) {
	.quick  									{ --sizeIcon:50px; }
	.quick .btns > li							{ height:7em; }
}

/************** 2026.03.03 익산시청 팝업 레이어 css 추가
/* 슬라이드 */
.layer_popup_wrap																{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000; color:#fff}
.layer_popup_cont 																{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; max-height:calc(100svh - 5em); overflow:hidden }
.layer_popup_cont .tit 															{ font-size:1.563rem; font-weight:700; position:relative; display:inline-flex; padding-top:15px; line-height:1 }
.layer_popup_cont .tit:before 													{ content:''; position:absolute; top:8px; right:-10px; width:8px; height:8px; border-radius:100%; background-color:var(--color-point); }
.layer_popup_cont .layerPopSwiper												{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; margin-top:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide									{ width:33.333%; }
.layer_popup_cont .layerPopSwiper .swiper-slide>a								{ display:flex; width:calc(100% - 30px); margin-left:15px; margin-right:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide .img							{ position:relative; width:100%; height:0; padding-top:100%; overflow-y:auto; overflow-x:hidden }
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar 		{ -webkit-appearance:none; width:4px;} 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-thumb 	{ background-color:var(--color-white); border-radius:5px; } 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-track 	{ border-radius:5px; background-color:rgba(255,255,255,.5); }
.layer_popup_cont .layerPopSwiper .swiper-slide .img img						{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
   																	 				-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover;}
.layer_popup_cont .swiper_bottom												{ position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; gap:20px; }
.layer_popup_cont .swiper_bottom .control button								{ position:relative; width:30px; height:30px; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .swiper_bottom .control										{ display:flex; justify-content:center; align-items:center; height:40px; background:var(--color-point); border-radius:40px; padding:0 10px 0 20px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before,
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ position:absolute; width:8px; height:8px; border-style:solid; background:none; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(45deg); content:'';filter: inherit; }
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ margin-left:-4px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before							{ border-width:0 0 2px 2px; margin-right:-2px }
.layer_popup_cont .swiper_bottom .swiper_page									{ width:auto; display:flex; justify-content:center; align-items:center; font-size:.9rem; margin:0; line-height:1; color:#fff; gap:7px; margin-right:10px;}
.layer_popup_cont .swiper_bottom .swiper-pagination-current						{ font-weight:bold; color:var(--color-white);}
.layer_popup_cont .swiper_bottom .swiper-pagination-total						{ font-weight:300; opacity:.9;color:var(--color-white);}
.layer_popup_cont .swiper_bottom .swiper_page i									{ position:relative; display:inline-block; width:4px; height:4px; background:rgba(255,255,255,.5); vertical-align:middle; border-radius:100%;  }
.layer_popup_cont .swiper_bottom .swiper_page i::after							{ display:none; }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 10px; filter:invert(1); }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ background-image:url(/resource/common/images/bbs/icon_stop.svg); }
.layer_popup_cont .swiper_bottom .swiper_auto.paused::before					{ background-image:url(/resource/common/images/bbs/icon_play.svg); }
.layer_popup_cont .layer_popup_btn												{ display:flex; justify-content:center; align-items:center; gap:10px;}
.layer_popup_cont .layer_popup_btn>li											{ position:relative; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .layer_popup_btn>li input[type="checkbox"]					{ position:absolute; width:100%; height:100%; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label										{ position:relative; padding-left:35px; cursor:pointer; font-size:.95rem; }
.layer_popup_cont .layer_popup_btn>li input 									{ position:absolute; width:1px; height:1px; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label::after								{ position:absolute; width:22px; height:22px; border:1px solid var(--color-white); border-radius:100%; content:''; left:0; top:0; }
.layer_popup_cont .layer_popup_btn>li label::before 							{ content: ""; position:absolute; top:4px; left:8px; width:6px; height:10px; overflow:hidden; border-style:solid; border-width:0 2px 2px 0;
																					 border-color:var(--color-white); opacity:0; transform:rotate(45deg);}
.layer_popup_cont .layer_popup_btn>li input:checked + label::before 			{ opacity:1; }
.layer_popup_cont .layer_popup_btn .popup_close_button 							{ display:flex; position: relative; width:46px; height:46px; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:var(--color-point); opacity:.5; border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button::after					{ position:absolute; width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top:8px; content:''; background:var(--color-point); border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button>em						{ position:relative; width:100%; height:100%; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button>em::before				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button>em::after				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(-45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button:hover					{ transform:rotate(180deg); }	
.layer_popup_bg 																{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0, 0, 0, 0.9); }
@media all and (max-width:1368px){
	.layer_popup_cont .layerPopSwiper											{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;  }
	.layer_popup_cont .layerPopSwiper .swiper-slide>a							{ width:calc(100% - 20px); margin-left:10px; margin-right:10px; }
}
@media all and (max-width:1024px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:50%;  }
	.layer_popup_cont .swiper_bottom .control									{ height:36px; }
	.layer_popup_cont .layer_popup_btn .popup_close_button 						{ width:42px; height:42px; }
	.layer_popup_cont .layer_popup_btn>li label									{ padding-left:30px; font-size:.9rem; }
	.layer_popup_cont .tit														{ padding-top:10px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:4px; }
}
@media all and (max-width:768px){
	.layer_popup_cont															{ padding-bottom:52px; }
	.layer_popup_cont .swiper_bottom											{ position:initial; }
	.layer_popup_cont .swiper_bottom .control									{ position:absolute; right:0; top:2px; }
	.layer_popup_cont .layer_popup_btn											{ position:absolute; width:max-content; left:50%; bottom:0; transform:translateX(-50%); }
	.layer_popup_cont .tit														{ padding-top:8px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:0; }
}
@media all and (max-width:568px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:100%;  }
}
@media all and (max-width:468px){
	.layer_popup_cont .tit 														{ font-size:1.363rem; }
	.layer_popup_cont .swiper_bottom .control									{ height:32px; padding:0 5px 0 15px }
	.layer_popup_cont .swiper_bottom .swiper_page								{ font-size:.85rem; margin-right:5px; }
	.layer_popup_cont .swiper_bottom .control button							{ width:25px; height:25px; }
	.layer_popup_cont .layerPopSwiper											{ margin-top:15px; }
} 
@media all and (max-width:320px){
	.layer_popup_cont .tit>span													{ display:none; }
}