@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


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

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:0.625rem; border-bottom:0.25rem solid #000; }

.main_title h2 { font-size:1.563rem; color:#000; font-weight:800; } 
.main_title a { display:flex; align-items:center; gap:0.75rem; font-size:0.75rem; color:#000; font-weight:400; letter-spacing:0; margin-bottom:0.313rem; transition:all 0.4s; } 
.main_title a span { position:relative; font-size:1.25rem; transition:all 0.4s; } 

.main_title p { font-size:1.25rem; color:#000; font-weight:400; word-break:keep-all; margin-top:1.563rem; line-height:1.6; }
.main_title p b { font-weight:700; } 

/* hover */
.main_title a:hover { transform:translateX(5px); } 


@media screen and (max-width: 1024px){
	.main_title h2 { font-size:1.563rem; } 
	.main_title p { font-size:1.25rem; } 
}
@media screen and (max-width: 1024px){
	/*#main > section {padding-top:5rem;padding-bottom:5rem;}*/
}
@media screen and (max-width: 768px){
	.main_title h2 { font-size:1.375rem; }
	.main_title p { font-size:1.125rem; } 
}



/*----------------------------------------------------------------------
@ Layout Slider 3
----------------------------------------------------------------------*/
#layout_slider_3 {position:relative; margin-top:90px; padding:0 !important;  }
#layout_slider_3 .slider__infos {overflow:hidden;height: 38.125rem; /*calc(var(--vh, 1vh) * 100)*/;}
/*배경*/
#layout_slider_3 .slider__thumb { position:relative; width:100%; height:100%; max-width:1600px; border-radius:1.25rem; 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:1600px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_3 .slider__slogun {display:flex;height:100%;justify-content:flex-end;align-items:flex-start;flex-direction:column; top:0rem;position:relative; text-align:left;font-weight:900; color:#fff; padding-left:5.625rem; padding-bottom:3.75rem; }
#layout_slider_3 .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:2.5rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_3 .slider__slogun > b.subtitle {display:block;font-weight:500;font-size:1.563rem;line-height:1.2;color:#fff;overflow:hidden;margin-top:1.25rem;  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:#fff; font-weight:400; line-height:1.5;overflow:hidden; opacity:1; word-break:keep-all; margin-top:1.25rem; }

#layout_slider_3 .slider__slogun_btn {position:relative;display:inline-flex; align-items:center; gap:0.625rem; margin-top:2.5rem; font-size:0.875rem;color:#fff; 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;}
#layout_slider_3 .slider__slogun_btn > span:after { content:'MORE VIEW'; 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__slogun_btn:hover {border-color:var(--menu);}
#layout_slider_3 .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;} 
*/

/*
#layout_slider_3 .slider__slogun_btn > i { position:absolute; right:12px; top:8px; display:inline-block; font-size:18px; } 
*/

/*스크롤*/
/*
#layout_slider_3 .slider-scroll { display:none; position:relative;  } 
#layout_slider_3 .slider-scroll a {display:block;position:absolute; width:1.25rem; height:10rem; right:7.5rem;margin:0 auto;font-weight:500;font-size:0.813rem;color:#fff;animation:scrolltype1 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;writing-mode:vertical-lr;}
#layout_slider_3 .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:17px;height:24px;margin:0 auto;background-image:url(/images/common/visual_scroll_new.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype1 {0%{bottom:3.125rem;}50%{bottom:4.375rem;}100%{bottom:3.125rem;}}
*/
#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:0.8rem;color:#fff; 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 #fff; 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.25);}


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

#layout_slider_3 .main_visual_state  { display: flex; align-items:center; gap:0.625rem; position: absolute; right:1.875rem;  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:#fff; 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(255,255,255,0.5);overflow: hidden;}
#layout_slider_3 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#layout_slider_3 .swiper_play_state { display: inline-block; vertical-align: middle; width:3.438rem; height:3.438rem; position: relative; border:1px solid #fff; 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:#fff; font-size:20px; margin-top:-2px;  } 
#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){
	/*
	#layout_slider_3 .slider__mxw { margin:0 3.75rem; }
	#layout_slider_3 .swiper_control_wrap { max-width:revert; left:3.75rem;transform:revert; padding:0 3.75rem; } 
	*/
} 

@media screen and (max-width: 1630px){
	#layout_slider_3 { margin:0 20px; margin-top:90px;  } 
	#layout_slider_3 .slider__slogun { padding-left:2.5rem; } 
	/*
	#layout_slider_3 .slider__thumb { padding:0 20px; } 
	*/
} 
@media screen and (max-width: 1200px){
	#layout_slider_3 { margin:0 15px; margin-top:90px;   } 

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

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

	#layout_slider_3 .slider__mxw { margin:0 1.25rem; padding-right:3rem; }
	#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 > b { font-size:3rem; word-break:keep-all;} 
	#layout_slider_3 .slider__slogun > b.subtitle {  font-size:1.375rem;line-height:1.2; word-break:keep-all; }
	*/
	#layout_slider_3 .slider__slogun > p { font-size:1.25rem; } 

}
@media screen and (max-width: 768px){
	#layout_slider_3 .swiper_control_wrap {  bottom:20%; } 

} 
@media screen and (max-width: 640px){
	#layout_slider_3 .slider__infos {height:35rem;}
	#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 .slider__slogun { /*justify-content:flex-start; top:8rem;*/  } 
	#layout_slider_3 .slider__slogun > b { font-size:2rem; } 
	#layout_slider_3 .slider__slogun > b.subtitle { font-size:1.125rem; } 
	#layout_slider_3 .slider__slogun > p br { display:none; } 

	#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 게시판
------------------------------------------------------*/
#main_board { position:relative; } 
.main_board { position:relative; z-index:1; }  
.main_board .main_subtitle {  } 
.main_board .main_title_sub {  padding-bottom:0rem; } 

.main_board { } 
.main_board .mueeui .thk-row { margin-right:-3.125rem; }
.main_board .mueeui .row-md2 .thk-col { width: calc((100% / 2 ) - 3.125rem); margin-right:3.125rem; } 

.board_inner { display:flex; flex-direction:column; justify-content:space-between; gap:3.125rem; height:100%; }
.board_cont { padding:2.5rem; background:#fff; border:1px solid #dbdbdb; border-radius:1.875rem; } 



/* 과실연 활동 */ 
.board_active { position:relative; overflow:hidden; padding-top:1.875rem;  } 
.board_active .active_list { position:relative; } 
.board_active .active_list a { position:relative; display:block;  } 

.board_active .active_list .thk-inner { padding:0px; line-height:1; text-align:center; overflow:hidden;  } 


.board_active .list_bg { position:relative; overflow:hidden;  } 

.board_active .active_img { display:block;width:100%; height:0; padding-top:63.88%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.board_active .active_img:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0, 0, 0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.board_active .active_img img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.board_active .swiper-slide {  overflow:hidden; transition:opacity 0.4s; } 

.board_active .swiper-pagination { display:flex; justify-content:flex-end; gap:3px; position:static; /*top:80%; bottom:revert;*/   } 


.board_active .active_cont { display:flex; flex-direction:column; position:absolute; left:2.813rem; bottom:0.938rem; width:66%; background:rgba(0,0,0,0.7); padding:1.563rem; z-index:2; opacity:0; transition:all 0.5s ease; border-top:3px solid #0071b9; }
.board_active .active_tt { font-size:1.875rem; color:#fff; font-weight:700; line-height:1.1667; word-break:keep-all; }
.board_active .active_subtt { font-size:13px; color:#fff; font-weight:400; margin-top:0.938rem; }

.board_active .active_btn { display:inline-flex; align-items:center; justify-content:center; gap:0.625rem; width:9.375rem; font-size:0.875rem; color:#fff; font-weight:400; letter-spacing:0; border:1px solid #fff; margin-top:1.25rem;padding:0.25rem 0.5rem; transition:all 0.4s; } 
.board_active .active_btn .icon { position:relative; margin-bottom:2px; }
.board_active .active_btn .icon::before { content:''; display:inline-flex; width:29px; height:7px; background:url('/images/main/active_arrow.png') no-repeat; } 

.board_active .swiper-slide-active .active_cont { opacity:1; }
.board_active .swiper-slide-active .active_img:after { opacity:0; } 

/* hover */
.board_active .swiper-slide a:hover .active_arrow .arrow_mv .icon::before { animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.board_active .swiper-slide a:hover .active_img { transform:scale(1); } 
.board_active .swiper-slide a:hover .active_img:after { opacity:1; } 
.board_active .swiper-slide a:hover .active_btn { background:var(--menu); border:1px solid var(--menu); } 


/* swiper controler */
.active_swiper_page { display:flex; align-items:center; justify-content:center; margin-top:2.25rem;  } 
.active_swiper_page .swiper-scrollbar { position:relative; width:calc(100% - 60px); max-width:calc(100% - 60px);  height:2px; border-radius:0px; } 
.active_swiper_page .swiper-pagination { font-size:0.938rem; color:#000; font-weight:300; width:60px; max-width:60px; } 
.active_swiper_page .swiper-pagination .page_number { font-weight:700; } 

.active_swiper_page .swiper-pagination-progressbar { background:#e6e6e6; height:2px !important; } 
.active_swiper_page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000; } 


.active_swiper_control { position:absolute; width:100%; height:0; bottom:8.438rem; right:0; z-index:5;  }
.active_swiper_control .arrow  { width:13px; height:13px; } 
.active_swiper_control .arrow:before { width:100%; height:100%; border:2px solid #fff; border-right:0px; border-bottom:0px; } 
.active_swiper_control .arrow:after { width:0px; height:1px; background:#fff; transform-origin:0 100%; transform:rotate(45deg); } 

.active_swiper_control .swiper-button-prev:after, .active_swiper_control .swiper-button-next:after { display:none; content:''; } 
.active_swiper_control .swiper-button-prev, .active_swiper_control .swiper-button-next { width:4.25rem; height:4.25rem;  border:1px solid rgba(229,229,229,0.5); background:rgba(0,0,0,0.5); margin-top:0rem; border-radius:50%; transition:all 0.4s; } 
.active_swiper_control .swiper-button-prev { left:revert; right:5.413rem; top:0%; padding-left:3px; }
.active_swiper_control .swiper-button-next  { left:revert; right:0.938rem; top:0%; padding-right:3px; }
.active_swiper_control .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.active_swiper_control .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

.active_swiper_control .swiper-button-next:hover, 
.active_swiper_control .swiper-button-prev:hover { border:1px solid rgba(255,255,255,1); background:rgba(0,0,0,1);  opacity:1; } 


.active_swiper_control .swiper-pagination { display:none; position:relative; bottom:0rem; } 
.active_swiper_control .swiper-pagination .swiper-pagination-bullets { } 
.active_swiper_control .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#000; margin:0 7px; opacity:1; }
.active_swiper_control .swiper-pagination .swiper-pagination-bullet-active { background:#000;  }



/* WEBZINE */
.board_webzine { padding-top:1.875rem; }
.board_webzine ul { display:flex; gap:1.25rem; } 
.board_webzine ul li { width:calc(100% / 2);  } 

.webzine_list { display:flex; width:100%; }
.webzine_list a { position:relative; display:flex; width:100%; flex-direction:column; } 
.webzine_list a:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid #dbdbdb; box-sizing:border-box; }

.webzine_list .thumb { display:block; width:100%; height:0; padding-top:62.67%; position: relative;overflow:hidden; transition:all 0.4s ease; } 
.webzine_list .thumb::after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.4s ease; } 
.webzine_list .thumb > img {display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.webzine_list .desc { display:flex; align-items:center; justify-content:center; background:#e3e3e3; padding:0.938rem 1rem; }
.webzine_list .desc h3 { font-size:1.25rem; color:#000; font-weight:800; text-align:center; word-break:keep-all; transition:all 0.4s ease; }

/* hover */ 
.webzine_list a:hover .thumb:after { opacity:1; } 
.webzine_list a:hover h3 { color:var(--menu); }



/* NOTICE */

.board_notice ul { display:flex; flex-direction:column;  } 
.board_notice ul li { padding:1.875rem 0; border-bottom:1px solid #ddd; } 
.board_notice ul li:last-of-type { border-bottom:0px; padding-bottom:0; } 


.notice_list { display:; }
.notice_list a { display:flex; } 
.notice_list .left { width:46.7%; }
.notice_list .right { width:calc(100% - 46.7%); padding-left:3rem; } 

.notice_list .thumb { display:block; width:100%; height:0; padding-top:61.5%; position: relative;overflow:hidden; transition:all 0.4s ease; } 
.notice_list .thumb::after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.4s ease; } 
.notice_list .thumb > img {display: block; max-width:100%; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.notice_list .desc { display:flex; flex-direction:column; gap:0.625rem;  }
.notice_list .desc h3 { font-size:1.375rem; color:#000; font-weight:700; word-break:keep-all; transition:all 0.4s ease; }
.notice_list .desc p { font-size:1rem; color:#000; font-weight:300; word-break:keep-all; transition:all 0.4s ease;  }
.notice_list .desc p.date { font-size:0.938rem; color:#999; font-weight:300; margin-top:0.313rem;  }

.notice_list .desc h3.comm_line3 { line-height:1.3em; height:3.9em; } 
.notice_list .desc p.comm_line3 { line-height:1.4em; height:4.2em; } 

/* hover */ 
.notice_list a:hover .thumb:after { opacity:1; } 
.notice_list a:hover h3 { color:var(--menu); }
.notice_list a:hover p { color:var(--menu); }



@media screen and (max-width: 1440px) and (min-width: 1280px){
	.notice_list .right { padding-left:1.875rem; } 
	.notice_list .desc h3.comm_line3 { -webkit-line-clamp : 2;  line-height:1.3em; height:2.6em; }
	.notice_list .desc p { } 

} 

@media screen and (max-width: 1280px) and (min-width: 768px){
	.main_board .mueeui .thk-row { margin-right:-1.875rem; }
	.main_board .mueeui .row-md2 .thk-col { width: calc((100% / 1 ) - 1.875rem); margin-right:1.875rem; } 
	.main_board .mueeui .row-md2 .thk-col:last-of-type { margin-top:1.875rem; } 

	.board_inner { display:flex; flex-direction:revert; gap:1.875rem;  }
	.board_inner > div { width:calc(100% / 2); } 

	.board_active .active_cont { left:1.25rem; bottom:1.25rem; } 
	.board_active .active_tt { font-size:1.25rem; } 


	.active_swiper_control { bottom:7.438rem; } 
	.active_swiper_control .arrow  { width:10px; height:10px; } 
	.active_swiper_control .swiper-button-prev, .active_swiper_control .swiper-button-next { width:3.125rem; height:3.125rem;  border:1px solid rgba(229,229,229,0.5); background:rgba(0,0,0,0.5); margin-top:0rem; border-radius:50%; transition:all 0.4s; } 
	.active_swiper_control .swiper-button-prev { left:revert; right:4.25rem; top:0%; padding-left:3px; }
	.active_swiper_control .swiper-button-next  { left:revert; right:0.938rem; top:0%; padding-right:3px; }


	.board_webzine ul li:last-of-type { display:none; } 
	.board_webzine ul li { width:calc(100%); } 
	.webzine_list .thumb { display:block; width:100%; height:0; padding-top:67.88%; } 

	
	.board_notice ul { flex-wrap:wrap; flex-direction:row; margin-right:-1.25rem; } 
	.board_notice ul li { width:calc((100% / 3) - 1.25rem); margin-right:1.25rem; border-bottom:0; } 
	.board_notice ul li:last-of-type { display:none; } 

	.notice_list { display:revert; } 
	.notice_list a { flex-direction:column;  } 
	.notice_list .left { width:100%; } 
	.notice_list .right { width:100%; padding-left:0; padding-top:1.25rem; } 
} 
@media screen and (max-width: 1024px) and (min-width: 768px){
	.board_notice ul li { width:calc((100% / 2) - 1.25rem); margin-right:1.25rem; border-bottom:0; } 
	.board_notice ul li:last-of-type { display:block; } 
} 

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

} 
@media screen and (max-width: 1024px){
	/*
	*/
}
@media screen and (max-width: 768px){
	.main_board .mueeui .thk-row { margin-right:-1.25rem; }
	.main_board .mueeui .row-md2 .thk-col { width: calc((100% / 1 ) - 1.25rem); margin-right:1.25rem; } 	
	.main_board .mueeui .row-md2 .thk-col:last-of-type { margin-top:3.125rem; } 
	

	.board_active .active_cont { left:1.25rem; bottom:1.25rem; } 
	.board_active .active_tt { font-size:1.563rem; } 

	.active_swiper_control { bottom:7.438rem; } 
	.active_swiper_control .arrow  { width:10px; height:10px; } 
	.active_swiper_control .swiper-button-prev, .active_swiper_control .swiper-button-next { width:3.125rem; height:3.125rem;  border:1px solid rgba(229,229,229,0.5); background:rgba(0,0,0,0.5); margin-top:0rem; border-radius:50%; transition:all 0.4s; } 
	.active_swiper_control .swiper-button-prev { left:revert; right:4.25rem; top:0%; padding-left:3px; }
	.active_swiper_control .swiper-button-next  { left:revert; right:0.938rem; top:0%; padding-right:3px; }

	.notice_list .right { padding-left:1.25rem; } 

}
@media screen and (max-width: 640px){
	
	.board_cont { padding:0; background:transparent; border-radius:0; border:0; }  
	.board_inner { gap:5rem; } 
	.main_board .mueeui .row-md2 .thk-col:last-of-type { margin-top:5rem; } 


	.board_active .active_cont { position:relative; left:0; bottom:revert; width:100%; } 
	.board_active .active_tt { font-size:1.25rem; } 
	
	.active_swiper_control { top:26%; bottom:revert; } 
	.active_swiper_control .swiper-button-prev { left:1.25rem; right:revert; }
	.active_swiper_control .swiper-button-next  { left:revert; right:1.25rem; }

	.notice_list .right { padding-left:1.25rem; } 
	.notice_list .desc h3.comm_line3 { -webkit-line-clamp : 2;  line-height:1.3em; height:2.6em; }
	/*
	.board_active .main_title { flex-direction:column; } 
	.board_active .main_title p { margin-top:1.25rem; } 

	.board_active .main_application { margin:0 15px; } 
	.board_active .swiper-slide { max-width:100%; width:100%; } 

	.board_active .active_tt { font-size:1.563rem; }
	.board_active .active_subtt { font-size:1rem; } 

	.active_swiper_page { margin-left:0px; margin-right:0px; } 
	.active_swiper_page .swiper-scrollbar {  width:calc(100% - 60px); max-width:calc(100% - 60px);  } 
	
	.active_swiper_control .swiper-button-prev { left:1.25rem; } 
	.active_swiper_control .swiper-button-next { right:1.25rem; } 
	*/


}
@media screen and (max-width: 430px){
	.board_webzine ul { flex-direction:column; } 
	.board_webzine ul li { width:calc(100% / 1); } 

	.notice_list a { flex-direction:column;  } 
	.notice_list .left { width:100%; } 
	.notice_list .right { width:100%; padding-left:0; padding-top:1.25rem; } 

	.notice_list .thumb { padding-top:56.25%; } 
}

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








/*----------------------------------------------------------------------
@ 메인서비스~ 
----------------------------------------------------------------------*/
#main_service {  overflow-x:clip;  } 
#main_service.section {  padding-bottom:5rem; } 

.main_service .thk-row { margin-right:0rem; }
.main_service .thk-col { margin-right:0rem; overflow:hidden; }
.main_service .row-md4 .thk-col { width: calc((100% / 4 ) - 0rem); } 
.main_service .thk-col a { position:relative; display:block; width:100%; overflow:hidden;  } 
.main_service .thk-col:nth-of-type(1) { border-radius:1.875rem 0 0 1.875rem; } 
.main_service .thk-col:nth-of-type(4) { border-radius:0 1.875rem 1.875rem 0; } 

.service_thumb { position:relative;width:100%;height:0;padding-top:67.5%;text-align:center; overflow:hidden; opacity:1;}
.service_thumb::after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0; transition:all 0.4s ease; } 
.service_thumb img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.service_cont_wrap { position:absolute; bottom:-6.875rem; left:0px; display:flex; justify-content:flex-end; flex-direction:column; width:100%; max-width:300px; height:100%; padding:2.5rem 2.5rem 1.875rem 2.5rem; transition:all 0.4s; } 
.service_cont_inner_wrap { display:flex; align-items:flex-start; justify-content:space-between; } 

.service_cont_wrap .service_title { font-size:1.438rem; color:#fff; font-weight:600; }
.service_cont_wrap .service_title span { color:#77a0cf; } 
.main_service .thk-col:nth-of-type(1) .service_cont_wrap .service_title span { color:#77a0cf;}
.main_service .thk-col:nth-of-type(2) .service_cont_wrap .service_title span { color:#9dc3ee;}
.main_service .thk-col:nth-of-type(3) .service_cont_wrap .service_title span { color:#91bff3;}
.main_service .thk-col:nth-of-type(4) .service_cont_wrap .service_title span { color:#9df3f8;}

.service_cont_wrap .service_subtitle { font-size:0.813rem; color:#fff; font-weight:400; opacity:0.5; margin-top:3px; letter-spacing:0rem; text-transform:uppercase; } 
.service_cont_wrap .service_desc { font-size:1rem; color:#fff; font-weight:300; line-height:1.5625; margin-top:1.375rem; word-break:keep-all; opacity:0; transition:all 0.4s -webkit-line-clamp : 4;  line-height:1.4em; height:5.6em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all;  } 
.service_cont_wrap .service_more { display:flex; align-items:center; font-size:0.813rem; color:#999; font-weight:300; margin-top:0.313rem;  }

.service_cont_wrap .service_more .arrow_wrap { display:flex; align-items:center; justify-content:center; color:#fff;  } 


/* Hover */
.main_service .thk-col a:hover { }
.main_service .thk-col:hover .service_cont_wrap { bottom:0rem;  }
.main_service .thk-col:hover .service_thumb:after { opacity:1; } 
.main_service .thk-col:hover .service_cont_wrap .service_desc { opacity:1; } 

@media screen and (max-width: 1280px){
	.service_cont_wrap { padding:1.563rem; } 

	
}  
@media screen and (max-width: 1280px) and (min-width: 1024px){
	.service_cont_wrap .service_title { font-size:1.25rem; } 
	.service_cont_wrap .service_desc { font-size:0.938rem; } 
} 
@media screen and (max-width: 1024px){
	
	.main_service .row-md4 .thk-col { width: calc((100% / 2 ) - 0rem); } 
	.main_service .thk-col:nth-of-type(1) { border-radius:1.875rem 0 0 0; } 
	.main_service .thk-col:nth-of-type(2) { border-radius:0 1.875rem 0 0; } 
	.main_service .thk-col:nth-of-type(3) { border-radius:0 0 0 1.875rem; } 
	.main_service .thk-col:nth-of-type(4) { border-radius:0 0 1.875rem 0; } 
	
	.service_cont_wrap { max-width:revert; } 
	.service_cont_wrap .service_desc { min-height:6.25rem; } 

	/*
	.service_cont_wrap .service_title { font-size:1.25rem; } 
	.service_cont_wrap .service_desc  { font-size:0.938rem; } 
	*/
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){
	.main_service .row-md4 .thk-col { width: calc((100% / 1 ) - 0rem); } 
	.main_service .thk-col:nth-of-type(1) { border-radius:1.875rem 1.875rem 0 0; } 
	.main_service .thk-col:nth-of-type(2) { border-radius:0 0 0 0; } 
	.main_service .thk-col:nth-of-type(3) { border-radius:0 0 0 0; } 
	.main_service .thk-col:nth-of-type(4) { border-radius:0 0 1.875rem 1.875rem; } 

	.service_cont_wrap { bottom:0; padding:2.5rem; } 
	.service_cont_wrap .service_desc { min-height:revert; opacity:1; } 

	.service_thumb { padding-top:60%; } 
}

@media screen and (max-width: 540px){
	/*.main_service .row-md4 .thk-col { width: calc((100% / 1 ) - 0rem); } */
}
@media screen and (max-width: 360px){
	.service_thumb { display:none; } 
	.service_thumb { padding-top:67.5%; } 
	.service_cont_wrap { position:relative; } 
	
	.main_service .thk-col:nth-of-type(1) .service_cont_wrap { background:url('/images/main/service_img1.jpg') no-repeat center center / cover ; } 
	.main_service .thk-col:nth-of-type(2) .service_cont_wrap { background:url('/images/main/service_img2.jpg') no-repeat center center / cover ; } 
	.main_service .thk-col:nth-of-type(3) .service_cont_wrap { background:url('/images/main/service_img3.jpg') no-repeat center center / cover ; } 
	.main_service .thk-col:nth-of-type(4) .service_cont_wrap { background:url('/images/main/service_img4.jpg') no-repeat center center / cover ; } 

}