@charset "UTF-8";

#header {border-bottom:none;}

@media screen and (max-width: 1024px){
	#header.nav-up .logo1 {display:block;}
	#header.nav-up .logo2 {display:none;}
}





/*----------------------------------------------------------------------
@ Layout Slider 3
----------------------------------------------------------------------*/
#layout_slider_3 {position:relative; margin-top:0px; padding:0 !important;  }
#layout_slider_3 .slider__infos {overflow:hidden;height:41.25rem; /*calc(var(--vh, 1vh) * 100); */}
/*배경*/
#layout_slider_3 .slider__thumb { position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden;  }
#layout_slider_3 .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#layout_slider_3 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_3 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%); background-size:cover;z-index:-1;}
#layout_slider_3 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_3 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1400px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_3 .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center; top:0rem;position:relative; text-align:left; color:#fff; }
#layout_slider_3 .slider__slogun .slider_left { width:55%; display:flex; flex-direction:column; padding-bottom:6rem; padding-right:1rem; } 
#layout_slider_3 .slider__slogun .slider_right { width:45%; } 

#layout_slider_3 .slider__slogun b {position:relative;display:block;font-family:'DWImpactamin'; font-size:3rem; font-weight:400; line-height:1.2;color:#111;overflow:hidden; word-break:keep-all;}
#layout_slider_3 .slider__slogun b.subtitle {display:block; font-family:'DWImpactamin'; font-size:2.5rem; font-weight:400; line-height:1.2;color:#437dea;overflow:hidden; word-break:keep-all;}
#layout_slider_3 .slider__slogun b > span,
#layout_slider_3 .slider__slogun p > span { display:block; position:relative; opacity:0; }  
#layout_slider_3 .slider__slogun p { position:relative; font-size:1.25rem;color:#333; font-weight:400; line-height:1.5;overflow:hidden; opacity:1; word-break:keep-all; margin-top:1.25rem; }

#layout_slider_3 .slider__thumb_img { position:relative; display:flex; align-items:center; justify-content:center; width:100%; overflow:hidden; }
#layout_slider_3 .slider__thumb_img {  } 
/*
#main__slider .slider__thumb_img_inner { position:relative ; width:100%; height:0; padding-top:56.25%; margin-top:2.75rem; overflow:hidden; border-radius:15px;  }
#main__slider .slider__thumb_img img { display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; opacity:0;}
*/
#layout_slider_3 .slider__thumb_img_inner { position:relative ; width:100%; overflow:hidden;  }
#layout_slider_3 .slider__thumb_img img { display: block; width:100%; position: relative;  -o-object-fit: cover;object-fit: cover; opacity:0; border-radius:1.875rem; }


#layout_slider_3 .slider__slogun_btn {position:relative;display:inline-flex; align-items:center; gap:0.625rem; max-width:8.75rem; width:100%; min-height:2.5rem; margin-top:1.563rem; font-size:1rem;color:#666; border:1px solid #666; letter-spacing:0; text-align:center;box-sizing:border-box;transition:all 0.3s ease-out;opacity:0;}
#layout_slider_3 .slider__slogun_btn:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:1;z-index:-1;transition:all 0.3s ease-out }
#layout_slider_3 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center; width:100%; }
#layout_slider_3 .slider__slogun_btn > span:after { content:'바로가기'; font-weight:400; }
#layout_slider_3 .slider__slogun_btn > i { font-size:1.25rem; transition:transform 0.4s ease; } 

#layout_slider_3 .slider__slogun_btn:hover > i { transform:translateX(10px); } 


/*스크롤*/
#layout_slider_3 .slider-scroll a {display:none;position:absolute;left:0;right:0; bottom:50px; width:24px;height:30px;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff; border:1px solid #fff; border-radius:10px; cursor:pointer;text-align:center; z-index:9; overflow:hidden;  }
#layout_slider_3 .slider-scroll a:before { content:''; position:absolute; top:5px; left:50%; transform:translateX(-50%); width:3px; height:3px; background:#fff; border-radius:1.6px; animation:scrollImage2 1.3s linear infinite; } 

@keyframes scrollImage {0%{top:-5px;}50%{top:10px;}100%{top:5px;}}
@keyframes scrollImage2 {0%{top:-5px;} 100%{top:35px;}}



/*좌우 부가 설정*/
#layout_slider_3 .swiper-button-prev:after, #layout_slider_3 .swiper-button-next:after {font-size:1rem;color:#000; margin-top:2px; }
#layout_slider_3 .swiper-button-prev { left:revert; right:revert; } 
#layout_slider_3 .swiper-button-next { left:revert; right:revert;  }

.main_case_list_swiper .swiper-button-prev:after, .main_case_list_swiper .swiper-button-next:after { display:none; content:''; } 

#layout_slider_3 .swiper-button-prev, #layout_slider_3 .swiper-button-next { position:relative; width:3.438rem; height:3.438rem;  border:1px solid #000; margin-top:0rem; border-radius:50%; } 

.main_case_list_swiper .swiper-button-prev { left:auto; right:3.438rem; top:0%; }
.main_case_list_swiper .swiper-button-next  {left:auto; right:0px; top:0%;  }
.main_case_list_swiper .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.main_case_list_swiper .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;}  


#layout_slider_3 .swiper-pagination-bullet {background-color:#e1e1e1; opacity:0.8; transition:all 0.3s ease; }
#layout_slider_3 .swiper-pagination { }
#layout_slider_3 .swiper-pagination-bullet {display:block;width:2px;height:45px;margin:0;border-radius:0px;background-color:#e1e1e1;opacity:0.8;}
#layout_slider_3 .swiper-pagination-bullet-active {background-color:var(--menu); height:60px;opacity:1; }

/*액션*/
#layout_slider_3 .slider__thumb .slider__thumb_bg {transition: all 15s ease-out; transform: scale(1,1);}
#layout_slider_3 .slider__slogun {position:relative;top:0rem;  transition: all .8s ease-out;} 
#layout_slider_3 .swiper-slide-active .slider__thumb .slider__thumb_bg {transform: scale(1);}


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#layout_slider_3 .swiper_navigation { display:none; } 
#layout_slider_3 .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:11rem; z-index:12; max-width:1400px; width:100%; height:auto; margin:0 auto;  } 

#layout_slider_3 .main_visual_state  { display: flex; align-items:center; gap:0.625rem; position: absolute; left:0rem;  top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100; margin-right:1.875rem; }
#layout_slider_3 .swiper-pagination-fraction {color:#aaa;}

/* controller */
/*
#layout_slider_3 .swiper_control { position: absolute; left: 50%; font-size: 0;z-index: 2; }
*/


/* pagination */
#layout_slider_3 .swiper_control .swiper-pagination {position: static;}
#layout_slider_3 .swiper_control .swiper-pagination-wrap {position: relative;}
#layout_slider_3 .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#layout_slider_3 .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;color:#000; font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#layout_slider_3 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:240px; height: 3px;margin:0px;position: relative; border:1px solid red; }
#layout_slider_3 .swiper_progress_wrap { display:block ;width:240px; height: 3px;position: relative ;left:1.25rem; background:rgba(0,0,0,0.5);overflow: hidden;}
#layout_slider_3 .swiper_progress {display: block;width: 0;height: 100%;background: #000;}

/* state */
#layout_slider_3 .swiper_play_state { display: inline-block; vertical-align: middle; width:3.438rem; height:3.438rem; position: relative; border:1px solid #000; border-radius:50%; }
#layout_slider_3 .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#layout_slider_3 .swiper_play_state .material-icons { color:#000; font-size:20px; margin-top:-2px; margin-bottom:0;  } 
#layout_slider_3 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#layout_slider_3 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* Responsive */
@media screen and (max-width: 1920px){

} 
@media screen and (max-width: 1800px){

} 

@media screen and (max-width: 1630px){

} 
@media screen and (max-width: 1430px){
	#layout_slider_3 { margin:0 0px; } 

	#layout_slider_3 .slider__slogun { justify-content:center; }
	#layout_slider_3 .slider__mxw { margin:0; padding:0 15px; }
	#layout_slider_3 .swiper_control_wrap { max-width:revert; left:1.25rem;transform:revert; padding:0 15px; } 

	#layout_slider_3 .slider__slogun b { font-size:2.5rem; } 
	#layout_slider_3 .slider__slogun b.subtitle { font-size:2.5rem; } 
	#layout_slider_3 .slider__slogun p { font-size:1.125rem; } 

	#layout_slider_3 .slider-scroll a { right:1.25rem; } 
} 
@media screen and (max-width: 1024px){
	#layout_slider_3 { } 
	#layout_slider_3 .slider__slogun { justify-content:center;  }
	#layout_slider_3 .slider-scroll { display:none; } 

	#layout_slider_3 .slider__mxw { margin:0; padding:0 15px;  }
	#layout_slider_3 .swiper_control_wrap { left:1.25rem; bottom:8.125rem; }  
	
	#layout_slider_3 .main_visual_state { right:revert;} 
	
	#layout_slider_3 .slider__slogun p { font-size:1.125rem; } 

}
@media screen and (max-width: 768px){
	#layout_slider_3 .slider__infos { height:revert; } 
	#layout_slider_3 .slider__thumb { position:absolute; } 
	#layout_slider_3 .slider__mxw { position:relative; padding:4rem 15px 8rem; } 


	#layout_slider_3 .slider__slogun { flex-direction:column; }
	#layout_slider_3 .slider__slogun .slider_left { width:100%; display:flex; flex-direction:column; padding-bottom:2rem; } 
	#layout_slider_3 .slider__slogun .slider_right { width:100%; } 
	#layout_slider_3 .slider__thumb_img_inner { border-radius:1.25rem; } 
	#layout_slider_3 .slider__thumb_img { border-radius:1.25rem; } 

	#layout_slider_3 .slider__slogun b { font-size:2.5rem; } 
	#layout_slider_3 .slider__slogun b.subtitle { font-size:2.5rem; } 
	#layout_slider_3 .slider__slogun p br { display:none; } 

	#layout_slider_3 .swiper_control_wrap { bottom:5.5rem; } 

} 
@media screen and (max-width: 640px){

	#layout_slider_3 .slider__thumb .slider__thumb_bg {display:none;}
	#layout_slider_3 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#layout_slider_3 .swiper_progress_hidden_space { width:10rem; }
	#layout_slider_3 .swiper_progress_wrap { width:10rem; }

}
@media screen and (max-width: 540px){
}
@media screen and (max-width: 400px){

	#layout_slider_3 .main_visual_state { flex-wrap: wrap; width:calc(100% - 2.5rem); } 
	#layout_slider_3 .swiper_progress_wrap { width:calc(100% - 2.5rem); left:0; margin-top:0.938rem; } 

	#layout_slider_3 .swiper-button-prev, #layout_slider_3 .swiper-button-next { width:3.125rem; height:3.125rem; } 
	#layout_slider_3 .swiper_play_state { width:3.125rem; height:3.125rem; } 
	
	/*
	#layout_slider_3 .swiper_progress_hidden_space { width:8rem;  }
	#layout_slider_3 .swiper_progress_wrap { width:8rem; }
	*/

}

@media screen and (max-width: 360px){
	#layout_slider_3 .slider__slogun > b { font-size:1.563rem; } 
	#layout_slider_3 .slider__slogun > b.subtitle { font-size:1rem; } 
} 





/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip; }

.main_title_wrap { position:relative; width:100%; display:flex; align-items:center; justify-content:space-between; } 
.main_title { display:flex; flex-direction:column; } 
.main_title h2 { font-family:'DWImpactamin'; font-size:3.125rem; color:#000; }
.main_title h2 span { color:#437dea; } 
.main_title p { font-size:1.375rem; color:#333; font-weight:400; line-height:1.4; margin-top:1rem; text-align:center; word-break:keep-all; } 
.main_title p span { font-weight:700; } 

.main_title.line { margin-bottom:3.125rem; padding-bottom:0.625rem; border-bottom:2px solid #000; }
.main_title.line h2 {  } 

@media screen and (max-width: 1200px){
	.main_title h2 { font-size:2.75rem; } 
}
@media screen and (max-width: 1024px){
	.main_title h2 { font-size:2.5rem; } 
	.main_title p { font-size:1.125rem; } 
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width: 768px){
	.main_title h2 { font-size:2rem; } 
	.main_title.line { margin-bottom:2.5rem; } 
}




/*----------------------------------------------------------------------
@ 메인 배너 및 원산소식 
----------------------------------------------------------------------*/
#main_board { position:relative; min-height:63.75rem; box-sizing:border-box; } 
#main_board .maxWidth1400 { position:relative; z-index:1; } 
.main_board_bg1 { position:absolute; left:-55px; bottom:70px; width:494px; height:515px; background:url('/images/2025/board_bg1.png') no-repeat center center / cover; z-index:0; }
.main_board_bg2 { position:absolute; right:-100px; top:320px; width:386px; height:461px; background:url('/images/2025/board_bg2.png') no-repeat center center / cover; z-index:0;  }

.main_board { display:flex; flex-direction:column; gap:3.125rem; }

.main_banner2025 {  }
.main_banner2025 ul { display: flex; flex-wrap: wrap; row-gap:0.625rem; margin-right:-2.5rem; } 
.main_banner2025 ul li { position:relative; width: calc((100% / 6 ) - 2.5rem); margin-right:2.5rem; box-sizing:border-box; } 
.main_banner2025 ul li a { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.75rem; width:100%; aspect-ratio:1; border-radius:1.25rem; border:1px solid transparent; background:#fffbed; transition:all 0.4s; margin-bottom:1.875rem; padding:0.625rem; } 
.main_banner2025 ul li a p { font-size:1.25rem; color:#333; font-weight:500; text-align:center; word-break:keep-all; } 

.main_banner2025 ul li a:hover { background:#fff; border:1px solid #000; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); transform:translateY(-1.25rem); } 

@media screen and (max-width: 1280px){
	.main_banner2025 ul { margin-right:-1.25rem; } 
	.main_banner2025 ul li { width: calc((100% / 6) - 1.25rem); margin-right:1.25rem; } 
	.main_banner2025 ul li a p { font-size:1.125rem; } 
	.main_banner2025 ul li a img { max-width:40%; } 
}
@media screen and (max-width: 1024px){
	.main_banner2025 ul { margin-right:-1.25rem; row-gap:1.25rem; } 
	.main_banner2025 ul li { width: calc((100% / 3) - 1.25rem); margin-right:1.25rem; } 
	.main_banner2025 ul li a { margin-bottom:0; } 
}
@media screen and (max-width: 640px){
	.main_banner2025 ul { margin-right:-0.625rem; row-gap:0.625rem; } 
	.main_banner2025 ul li { width: calc((100% / 3) - 0.625rem); margin-right:0.625rem; } 
	.main_banner2025 ul li a p { font-size:1rem; } 
}
@media screen and (max-width: 360px){
	.main_banner2025 ul li { width: calc((100% / 2) - 0.625rem); } 
} 


/* 원산소식 */
.main_news { display:flex; flex-wrap:wrap; margin-right:-3.563rem; } 
.main_news .news_left { width: calc(68.28% - 3.563rem) ; margin-right:3.563rem;  } 
.main_news .news_right { width: calc(100% - 68.28% - 3.563rem); margin-right:3.563rem;  }   

.main_board_tab { position:relative; display:flex; align-items:center; } 

.main_board_tab .tab_list { display:flex; align-items:center; gap:3.125rem; position:relative; margin-right:2.5rem; } 
.main_board_tab .tab_list a { position:relative; font-size:1.25rem; font-weight:500; color:#333; z-index:1; letter-spacing:-0.05em;  } 
.main_board_tab .tab_list a:first-of-type { padding-left:0.938rem; } 
.main_board_tab .tab_list a.active { color:#437dea; } 

.main_board_tab .tab_more { position:relative; right:0px; top:3px; z-index:2; } 
.main_board_tab .tab_more img { transition:all 0.4s ease; } 
.main_board_tab .tab_more a:hover img { transform:rotate(180deg); } 
.main_board_tab .tab_more .material-symbols-outlined { font-size:3rem; color:#000; transition:all 0.4s ease; } 
.main_board_tab .tab_more a:hover .material-symbols-outlined { transform:rotate(180deg); } 


.main_board_list { position:relative; border:1px solid #e0e0e0; border-radius:1.875rem; box-shadow:0px 0.625rem 1.563rem 0px rgba(0, 0, 0, 0.1); background:#fff; padding:1.875rem 2.188rem 3.75rem; margin-top:0.625rem; }
.main_board_list.hide { display:none; } 

.main_board_list ul { display:flex; flex-direction:column; } 
.main_board_list ul li { border-bottom:2px dashed #eee; }
.main_board_list ul li a { display:flex; align-items:center; padding:0.75rem 0; transition:all 0.4s;  }
.main_board_list ul li a .category { display:inline-flex; justify-content:center; width:8.75rem; min-height:2.5rem; font-size:1.125rem; color:#fff; font-weight:500; background:#d95757; border-radius:1.25rem; padding:0.313rem;  } 
.main_board_list ul li a .category.c193 { background:#d95757; } 
.main_board_list ul li a .category.c205 { background:#5e7fbe; } 
.main_board_list ul li a .category.c243 { background:#f7ba21; } 
.main_board_list ul li a .category.c250 { background:#9fd25a; } 
.main_board_list ul li a .subject { display:inline-flex; width:calc(100% - 8.75rem - 5.625rem); -webkit-line-clamp : 1;  line-height:1.2em; height:1.2em;  font-size:1.125rem;  color:#333; font-weight:500; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-left:2.188rem; margin-right:1.625rem; } 
.main_board_list ul li a .date { display:inline-flex; justify-content:flex-end; width:5.625rem; font-size:1.125rem; color:#999; font-weight:400; } 

.main_board_list ul li a:hover { padding-left:1rem; padding-right:1rem; background:#f7f7f7; } 

/* 포토뉴스 */
.main_photo_list { position:relative; border:1px solid #e0e0e0; border-radius:1.875rem; box-shadow:0px 0.625rem 1.563rem 0px rgba(0, 0, 0, 0.1); background:#fff; padding:1.563rem 2rem; margin-top:0.625rem; } 
.main_photo_list .main_slider_nav { position:absolute; right:0px; top:0px; } 

.main_news_list { position:relative; overflow:hidden; margin-top:0.625rem; } 
.main_news_subject_wrap { position:relative; padding:1.25rem 0 0; background:#fff; z-index:4; transition:all .3s ease; } 

.main_news_img { position: relative;width:100%; padding-top: 65.625%; overflow:hidden; transition:all .3s ease; border:1px solid #dcdcdc; } 
.main_news_img:after { content:''; position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:3; opacity:0; transition:all .3s ease; } 
.main_news_img img {display: block;width: 100%;position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; z-index:2; transition:all .3s ease; }
.main_news_cont { overflow:hidden; } 
.main_news_cont a:hover .main_news_subject_wrap { } 
.main_news_cont a:hover .main_news_img:after { bottom:0px; opacity:1; } 
.main_news_cont a:hover .main_news_img { /*transform:scale(1.1);*/ } 

.main_news_subject {  -webkit-line-clamp : 2; line-height:1.3em; height:2.6em;  font-size:1.25rem;  color:#333; font-weight:700; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-bottom:0rem; } 
.main_news_date { font-size:0.875rem; color:#999; } 


/*----------------------------------------------------------------------
@ 이전/다음 슬라이드 
----------------------------------------------------------------------*/
.main_slider_nav { position:absolute; right:110px; top:15px; } 
.main_slider_nav .swiper_navigation_wrap { position:absolute; width:100%; top:0px; z-index:11; }

.news_nav { position:relative; display:flex; align-items:center; justify-content:flex-end; gap:0.313rem; min-height:1.875rem; margin-right:0.5rem; } 
.news_nav button { width:16px; height:16px; padding:0;background: none;border: none;line-height: 1;cursor: pointer;z-index: 2;opacity:1;transition:all 0.3s; overflow:visible;}
.news_nav button  span { color:#333; line-height: 1;opacity:1;display: block;position: absolute;top: 0; letter-spacing:0.05em; transition:all 0.3s;}

.news_nav button:hover > span {opacity:1; }
.news_nav button:hover:after {opacity:0;}

.news_nav .swiper-button-prev { position:relative; display: inline-block; width:16px; height:16px; left:0; }
.news_nav .swiper-button-next { position:relative; display: inline-block;  width:16px; height:16px; right:0; } 
.news_nav .swiper-button-prev, .news_nav .swiper-button-next { top:0; margin-top:0px; } 
.news_nav .swiper-button-prev:after {content: '';}
.news_nav .swiper-button-next:after {content: '';}

.news_nav .swiper-button-prev > span { display:inline-block; width:16px; height:16px; background:url('/images/2025/icon_arrow_prev.png') no-repeat; }
.news_nav .swiper-button-next > span { display:inline-block; width:16px; height:16px;  background:url('/images/2025/icon_arrow_next.png') no-repeat;}

.news_page { display:flex; align-items:center; justify-content:center; margin-top:0.938rem;  } 
.news_page .swiper-pagination-fraction { bottom:revert; left:revert; width:revert; } 
.news_page .swiper_totalpage { position:relative;  display: inline-block; font-size:14px; color:#666; } 
.news_page .swiper_totalpage .now { font-weight:700; } 


@media screen and (max-width: 1024px){
	.main_news { flex-direction:column; row-gap:2.5rem; margin-right:0; } 
	.main_news .news_left { width:100%; margin-right:0;  } 
	.main_news .news_right { width:100%; margin-right:0; } 
}
@media screen and (max-width: 768px){
	.main_board_tab .tab_list { gap:1.563rem; margin-top:0.313rem; margin-bottom:0.313rem; } 
	.main_board_tab .tab_list a { font-size:1.125rem; } 
} 
@media screen and (max-width: 640px){
	.main_news .main_title_wrap { flex-direction:column; align-items:flex-start; } 

	.main_board_tab { width:100%; } 
	.main_board_tab .tab_list { gap:1.563rem; margin-top:0.313rem; margin-bottom:0.313rem; } 
	.main_board_tab .tab_list a { font-size:1rem; } 
	.main_board_tab .tab_list a:first-of-type { padding-left:0; } 
	.main_board_tab .tab_more { position:absolute; top:-2.25rem; } 
	.main_board_tab .tab_more img { max-width:1.563rem; } 

	.main_board_list {  padding:1.25rem 1.563rem 2.5rem; }
	.main_board_list ul li a { padding:0.938rem 0; } 
	.main_board_list ul li a .category { font-size:0.938rem; width:5.5rem; min-height:1.875rem; } 
	.main_board_list ul li a .subject { font-size:1rem; width:calc(100% - 5.5rem); margin-left:1rem; margin-right:1rem;  } 
	.main_board_list ul li a .date { display:none; } 


	.news_right .main_board_tab { position:absolute; right:0px; top:3px; justify-content:flex-end; } 
	.news_right .main_board_tab img { max-width:1.563rem; } 
	.main_photo_list { padding:1.25rem 1.563rem; } 
	.main_news_subject { font-size:1rem; } 
}

@media screen and (max-width: 385px){
	.main_board_tab .tab_list { flex-wrap:wrap; row-gap:0.313rem; margin-right:0; } 
	.main_board_tab .tab_more { top:-2.75rem; } 
	.main_board_tab.photo .tab_more { top:-0.3125rem; } 
} 



/*----------------------------------------------------------------------
@ 메인 정보 발간물 
----------------------------------------------------------------------*/
#main_publish { position:relative; min-height:58.125rem; background:url('/images/2025/publish_bg.png') no-repeat center center / cover; box-sizing:border-box; } 
#main_publish .maxWidth1400 { } 

.main_publish { } 
.main_publish .main_title { align-items:center; } 
.main_publish .main_title h2 span { color:#f86464; } 



.publish_tab { position:relative; display:flex; align-items:center; justify-content:center;  gap:0.625rem; margin-top:2.5rem; } 
.publish_tab a { display:flex; align-items:center; justify-content:center; min-width:8.75rem; min-height:2.5rem; position:relative; font-size:1.125rem; font-weight:500; color:#000; text-align:center; z-index:1; border:1px solid #000; border-radius:1.25rem; padding:0.313rem 1.875rem; } 
.publish_tab a.active { background:#f86464; border:1px solid #f86464; color:#fff; } 


.publish_list_wrap { position:relative; width:100%; margin:0 auto; margin-top:3.75rem;   } 
.main_publish_inner { display:flex; justify-content:center; } 

.main_publish_list { position:relative; max-width:1210px; overflow:hidden; padding:1.25rem 1.25rem; }
.main_publish_list.hide { display:none; } 
.main_publish_cont { position:relative; top:0; display:flex; align-items:center; justify-content:center; background:#fff; padding:1.875rem 2.188rem; border-radius: 1.25rem; min-height:21.5rem; box-shadow: 0px 0.313rem 0.938rem 0px rgba(0, 0, 0, 0.1); border:1px solid #e0e0e0; transition:all 0.3s ease; } 
.main_publish_cont:hover { top:-10px; }


.main_publish_img_wrap { overflow:hidden; } 
.main_publish_img { position: relative;width:100%; padding-top:59.25%; overflow:hidden; transition:all .3s ease; } 
.main_publish_img:after { content:''; position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:3; opacity:0; transition:all .3s ease; } 

.main_publish_img img {display: block;width: 100%;position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; z-index:2; transition:all .3s ease; }
.main_publish_cont { overflow:hidden; } 
.main_publish_cont a { display:block; position:relative; } 

.main_publish_subject_wrap { position:relative;  width:100%; margin-top:1.25rem; z-index:7; transition:all .3s ease; } 

.main_publish_subject {  -webkit-line-clamp : 1;  line-height:1.35em; height:1.35em;  font-size:1.25rem;  color:#333; font-weight:500; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-bottom:0.75rem; } 
.main_publish_contents {  -webkit-line-clamp : 2;  line-height:1.35em; height:2.7em;  font-size:0.938rem;  color:#666; font-weight:350; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all;  } 

/*main_publish_subject { display:block; width:100%; font-size:1.563rem; color:#fff;  overflow:hidden; text-align:center;  word-wrap:break-word; word-break:keep-all; padding:1.563rem 1.25rem 1.563rem;  } */

.main_publish_plus { display:none; text-align:center; padding-top:15px; } 
.main_publish_plus img { transition:all 0.4s; } 
.main_publish_plus:hover img { transform:rotate(180deg); }


.main_publish_cont a:hover .main_publish_subject_wrap { } 
.main_publish_cont a:hover .main_publish_img:after { bottom:0px; opacity:1; }
.main_publish_cont a:hover .main_publish_img  { transform:scale(1.1); } 
.main_publish_cont a:hover .main_publish_plus { display:block; }


.main_publish_list_swiper { position:absolute; top:52%; width:100%; max-width:1170px; left: 50%; transform: translateX(-50%); }


.publish_list_wrap .swiper-button-prev:after, .publish_list_wrap .swiper-button-next:after { display:none; } 
.publish_list_wrap .swiper-button-prev { left:-5.313rem; top:50%; transform:translateY(-50%); width:3.75rem; height:3.75rem; color:#000; font-size:1.875rem; border:1px solid #000; border-radius:50%; }
.publish_list_wrap .swiper-button-next  { right:-5.313rem;top:50%; transform:translateY(-50%); width:3.75rem; height:3.75rem; color:#000; font-size:1.875rem;   border:1px solid #000; border-radius:50%; }

.main_publish_more { margin:0 auto; margin-top:3.75rem;margin-bottom:1.25rem; text-align:center; }
.main_publish_more a { display:inline-flex; align-items:center; font-size:13px; color:#333; font-weight:600; background:#fff; border:1px solid #1b1b1b; padding:15px 20px; line-height:1; transition:all .3s ease; } 
.main_publish_more a .icons { display:inline-block;  width:13px; height:16px;  background:url('/common/theme/layout/images/main/icon_list.png') no-repeat; background-position:0px 2px; margin-left:15px;  }

.main_publish_more a:hover { color:#fff; background:var(--menu); border:1px solid var(--menu); } 
.main_publish_more a:hover .icons { background:url('/common/theme/layout/images/main/icon_list_on.png') no-repeat; background-position:0px 2px;  }

#main_news .swiper-container { position:revert; overflow:revert; } 

/*반응형*/
@media screen and (max-width: 1340px){
	.publish_list_wrap { position:relative; } 
	/*.main_publish_list_swiper { top:calc(50%); } */
	.publish_list_wrap .swiper-button-prev, .publish_list_wrap .swiper-button-next { background-color:rgba(255,255,255, 1);  } 
	.publish_list_wrap .swiper-button-prev { left:0px; } 
	.publish_list_wrap .swiper-button-next { right:0px; } 
}

@media screen and (max-width: 1024px){
	.publish_tab a { min-width:revert; font-size:1rem; padding:0.313rem 0.938rem; } 

	.main_publish .main_title img { margin-bottom:0.5rem; } 
}
@media screen and (max-width: 768px){
	
}
@media screen and (max-width:640px){

	.publish_tab { flex-wrap:wrap; gap:revert; gap:0.625rem; margin-top:1.875rem; } 
	.publish_tab a { width:revert;  font-size:0.938rem; }
	.publish_tab a:nth-of-type(1) { order:1 } 
	.publish_tab a:nth-of-type(2) { order:2 } 
	.publish_tab a:nth-of-type(3) { order:4 } 
	.publish_tab a:nth-of-type(4) { order:3 } 
	
	/*
	.publish_list_wrap { overflow:revert; margin-top:2.5rem; } 
	.main_publish_list { max-width:100%; overflow:revert; } 
	.main_publish_cont:hover { top:0px; }
	*/
}


@media screen and (max-width: 380px) {
	
}





/*----------------------------------------------------------------------
@ 메인 SNS & 알립니다. 
----------------------------------------------------------------------*/
#main_sns { position:relative;  } 
.main_sns { display:flex; flex-direction:column; overflow:hidden;   }
.main_sns_inner { display:flex; flex-wrap:wrap; margin-right:-3.125rem; } 

.main_sns .sns_left { width: calc(65% - 3.125rem);  margin-right:3.125rem;  } 
.main_sns .sns_right { width: calc(100% - 65% - 3.125rem); margin-right:3.125rem;  }   

.main_subtitle { display:flex; align-items:center; gap:0.625rem; font-size:1.563rem; color:#000; font-weight:700; letter-spacing:0; } 
.main_subtitle a { display:flex; align-items:center; gap:0.625rem; font-size:1.563rem; color:#000; font-weight:700; letter-spacing:0; } 

.sns_left .instagram_list { padding-top:1rem; }
.sns_left .instagram_list .thumb {position:relative;width:100%;height:0;padding-top:100%;text-align:center; overflow:hidden}
.sns_left .instagram_list .thumb img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.instagram_list .thk-row { display: flex; flex-wrap: wrap; margin-right:-0.938rem;  } 
.instagram_list .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 3 ) - 0.938rem); margin-right:0.938rem; } 


.sns_right .youtube { padding-top:1rem; } 
.sns_right .youtube .thumb {position:relative;width:100%; ;text-align:center; overflow:hidden}
.sns_right .youtube .thumb img {position:relative; width:100%; -o-object-fit: cover;object-fit: cover;}
.sns_right .youtube .subject a { display:block;  font-size:1.375rem; color:#000; font-weight:400; text-align:center; line-height:1.39; margin-top:0.938rem; transition:all 0.4s ease; word-break:keep-all; } 
.sns_right .youtube .subject a:hover { color:var(--menu); } 

@media screen and (max-width:1024px){
	.instagram_list .thk-row { display: flex; flex-wrap: wrap; margin-right:-1rem;  } 
	.instagram_list .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 3 ) - 1rem); margin-right:1rem; } 
} 
@media screen and (max-width:768px){
	.instagram_list .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 2 ) - 1rem); margin-right:1rem; } 
	.instagram_list .row-md3 .thk-col:nth-of-type(3) { display:none; } 
} 
@media screen and (max-width:640px){
	.main_sns_inner { display:flex; flex-direction:column; row-gap:1.875rem; margin-right:-1.875rem; } 
	.main_sns .sns_left { width:calc(100% - 1.875rem); } 
	.main_sns .sns_right { width:calc(100% - 1.875rem); margin-top:1.875rem; } 
}

@media screen and (max-width:414px){
	
} 
@media screen and (max-width:360px){
	.instagram_list .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1rem); margin-right:1rem; margin-bottom:1.25rem; } 
	.instagram_list .row-md3 .thk-col:nth-of-type(3) { display:none; } 
} 




.main_notice { margin-top:5rem; } 
.main_notice_list {  }
.main_notice_list ul { display: flex; flex-wrap: wrap; row-gap:0.625rem; margin-right:-1.563rem; } 
.main_notice_list ul li { position:relative; width: calc((100% / 5) - 1.563rem); margin-right:1.563rem; box-sizing:border-box; } 
.main_notice_list ul li a { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:0.75rem; width:100%; min-height:9.375rem; color:#fff; border-radius:1.25rem; background:#675ab7; padding:1.563rem 1.25rem; transition:all 0.3s; } 
.main_notice_list ul li a h4 { font-size:1.25rem; font-weight:700; }
.main_notice_list ul li a p { font-size:1.125rem; line-height:1.388; } 
.main_notice_list ul li a img { position:absolute; right:1.25rem; bottom:1.25rem; transition:all 0.3s; } 

.main_notice_list ul li:nth-of-type(1) a { background:#675ab7; } 
.main_notice_list ul li:nth-of-type(2) a { color:#3e2a2e; background:#ffe900; } 
.main_notice_list ul li:nth-of-type(3) a { background:#f86464; } 
.main_notice_list ul li:nth-of-type(4) a { background:#5bae88; } 
.main_notice_list ul li:nth-of-type(5) a { background:#41bcc6; } 

.main_notice_list ul li:nth-of-type(1) a:hover { background:#574b9e; } 
.main_notice_list ul li:nth-of-type(2) a:hover { color:#3e2a2e; background:#e9d505; } 
.main_notice_list ul li:nth-of-type(3) a:hover { background:#e35656; } 
.main_notice_list ul li:nth-of-type(4) a:hover { background:#499371; } 
.main_notice_list ul li:nth-of-type(5) a:hover { background:#38a3ac; } 
.main_notice_list ul li a:hover img { transform:scale(1.05); } 

.main_notice_list ul li a:hover { box-shadow: 0px 0.313rem 0.938rem 0px rgba(0, 0, 0, 0.2); } 

@media screen and (max-width: 1024px){
	.main_notice_list ul { row-gap:1.25rem; margin-right:-1.25rem; } 
	.main_notice_list ul li {  width: calc((100% / 3) - 1.25rem); margin-right:1.25rem; } 
}
@media screen and (max-width: 640px){
	.main_notice { margin-top:3rem; } 
	.main_notice_list ul { row-gap:0.625rem; margin-right:-0.625rem; } 
	.main_notice_list ul li { width: calc((100% / 2) - 0.625rem); margin-right:0.625rem; } 
	.main_notice_list ul li a h4 { font-size:1.073rem; } 
	.main_notice_list ul li a p { font-size:1rem; } 
	.main_notice_list ul li a img { max-width:25%; } 
}