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


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

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; justify-content:space-between;  }
.main_title.columns { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-bottom:revert;  } 

.main_title h2 { font-size:2.188rem; color:#000; font-weight:800; } 

.main_title a { display:flex; align-items:center; gap:0.75rem; font-size:0.938rem; color:#000; font-weight:400; letter-spacing:0; padding-bottom:0.313rem; margin-bottom:0.313rem; transition:all 0.4s; } 
.main_title a:hover { color:var(--menu); } 
.main_title a span { } 
.main_title p.subtt { font-size:1.375rem; color:#000; font-weight:700; margin-top:1.563rem; } 
.main_title p { font-size:1.25rem; color:#000; font-weight:400; word-break:keep-all; margin-top:2.188rem; line-height:1.5; }
.main_title p b { font-weight:700; } 

.main_more { display:flex; align-items:center; justify-content:center; gap:1.25rem; } 
.main_more a { display:flex; align-items:center; justify-content:center; min-width:11.25rem; min-height:3.75rem; font-size:1.125rem; color:#000; font-weight:500; border-radius:1.875rem; border:1px solid #000; transition:all 0.4s; } 
.main_more a:hover { color:#fff; background:var(--menu); } 

.main_more.white a { color:#fff; border:1px solid #fff; } 

@media screen and (max-width: 1024px){
	.main_title h2 { font-size:1.875rem; } 
	.main_title h2.en { font-size:2.375rem; } 
	.main_title p { font-size:1.25rem; } 
	.main_title a { min-height:3.125rem; } 
}
@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.563rem; }
	.main_title h2.en { font-size:2rem; } 
	.main_title p { font-size:1.125rem; } 
	.main_title a { margin-bottom:0; } 
}
@media screen and (max-width: 640px){
	.main_more a { min-width:revert; min-height:revert; padding:0.75rem 1.563rem; border-radius:1.563rem; } 
}



/*----------------------------------------------------------------------
@ Layout Slider 6
----------------------------------------------------------------------*/
#layout_slider_6 {position:relative;margin-top:90px; padding:0 !important;background:#000; }
#layout_slider_6 .slider__infos {overflow:hidden;height:calc((var(--vh, 1vh) * 100) - 90px); }
/*배경*/
#layout_slider_6 .slider__thumb {position:relative;width:100%;height:100%; }
#layout_slider_6 .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_6 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_6 .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_6 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_6 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1440px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_6 .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column; top:0;position:relative; text-align:left;font-weight:900; color:#fff; }
#layout_slider_6 .slider__slogun > b {position:relative;display:block;font-weight:800; font-size:3.75rem;line-height:1.1;color:#fff; text-transform:uppercase; overflow:hidden;  word-break:keep-all; }
#layout_slider_6 .slider__slogun > b.subtitle {display:block;font-weight:800;font-size:3.75rem;line-height:1.2;color:#fff;overflow:hidden;margin-bottom:0rem; word-break:keep-all; }
#layout_slider_6 .slider__slogun > b > span,
#layout_slider_6 .slider__slogun > p > span { display:block; position:relative; opacity:0; }  
#layout_slider_6 .slider__slogun > p {position:relative; font-weight:400;font-size:1.125rem;line-height:1.47;color:#fff;overflow:hidden; opacity:1; word-break:keep-all;}

#layout_slider_6 .slider__slogun_btn {position:relative;display:block;padding:7px 50px 7px 15px; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;transition:all 0.3s ease-out}
#layout_slider_6 .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;transition:all 0.3s ease-out }
#layout_slider_6 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
#layout_slider_6 .slider__slogun_btn > span:after { content:'More Details View'; font-family:'Play'; font-weight:400; }
#layout_slider_6 .slider__slogun_btn:hover {border-color:var(--menu);}
#layout_slider_6 .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;}
#layout_slider_6 .slider__slogun_btn > i { position:absolute; right:12px; top:8px; display:inline-block; font-size:18px; } 

/*스크롤*/
#layout_slider_6 .slider-scroll { display:none; position:relative;  } 
#layout_slider_6 .slider-scroll a {display:block;position:absolute;left:0;right:0; width:1.5rem; height:3.063rem; margin:0 auto;font-weight:500;font-size:0rem;color:#fff;animation:scrolltype6 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;text-indent:-999;}
#layout_slider_6 .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:1.5rem; height:3.063rem;margin:0 auto;background-image:url(/images/common/visual_scroll_type6.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype6 {0%{bottom:3.125rem;}50%{bottom:4.375rem;}100%{bottom:3.125rem;}}

/*좌우 부가 설정*/
#layout_slider_6 .swiper_navigation { display:; } 
#layout_slider_6 .swiper-button-prev:after, #layout_slider_6 .swiper-button-next:after {font-size:2rem;color:#fff; }
#layout_slider_6 .swiper-button-prev { width:60px; height:60px; left:10px; right:revert; transition:all 0.3s; opacity:0.5 } 
#layout_slider_6 .swiper-button-next { width:60px; height:60px; right:10px; transition:all 0.3s; opacity:0.5 }
#layout_slider_6 .swiper-button-prev:hover { opacity:1; } 
#layout_slider_6 .swiper-button-next:hover { opacity:1; } 

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

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


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#layout_slider_6 .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:32%; z-index:12; max-width:1440px; width:100%; height:auto;  margin:0 auto; } 
#layout_slider_6 .main_visual_state  { display: block;position: absolute;left:0; top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
#layout_slider_6 .swiper-pagination-fraction {color:#aaa;}

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

/* pagination */
#layout_slider_6 .swiper_control .swiper-pagination {position: static;}
#layout_slider_6 .swiper_control .swiper-pagination-wrap {position: relative;}
#layout_slider_6 .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#layout_slider_6 .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px; font-family:'Montserrat'; font-size: 1rem;color:#fff; font-weight: 500;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#layout_slider_6 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:90px; height: 3px;margin: 0 2px 0 13px;position: relative;}
#layout_slider_6 .swiper_progress_wrap {display:block ;width:90px; height: 3px;position: absolute;left: 25px;top: 50%;margin-top: -1px;background:rgba(255,255,255,0.4);overflow: hidden;}
#layout_slider_6 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#layout_slider_6 .swiper_play_state {display: inline-block; vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#layout_slider_6 .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_6 .swiper_play_state .material-icons { color:rgba(255,255,255,0.6); font-size:20px; margin-top:1px;  } 

#layout_slider_6 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#layout_slider_6 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* Responsive */
@media screen and (max-width: 1470px){
	#layout_slider_6 .slider__slogun {padding:0 15px;  } 
	#layout_slider_6 .swiper_control_wrap { left:15px; transform:revert;} 
} 
@media screen and (max-width: 1024px){
	#layout_slider_6 { margin-top:60px; } 
	#layout_slider_6 .slider__infos {overflow:hidden;height:calc((var(--vh, 1vh) * 100) - 60px); }
	#layout_slider_6 .slider__slogun {padding:0 15px;  } 
	#layout_slider_6 .slider-scroll { display:none; } 
	#layout_slider_6 .swiper_navigation { display:none; } 

	#layout_slider_6 .swiper-button-prev { width:3.125rem; height:3.125rem; right:3.188rem;  } 
	#layout_slider_6 .swiper-button-next { width:3.125rem; height:3.125rem;  } 

	#layout_slider_6 .slider__slogun > b { font-size:2.5rem;  } 
	#layout_slider_6 .slider__slogun > b.subtitle { font-size:2.5rem; } 
	#layout_slider_6 .slider__slogun > p { font-size:1.375rem;  } 
}
@media screen and (max-width: 640px){
	#layout_slider_6 .slider__infos {height:640px;}
	#layout_slider_6 .slider__mxw {height:100%;} 
	#layout_slider_6 .slider__thumb .slider__thumb_bg {display:none;}
	#layout_slider_6 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}

	#layout_slider_6 .swiper_control_wrap { left:15px; transform:revert; bottom:15%; } 
	#layout_slider_6 .slider_new .main_visual_state { min-width:210px; } 
	#layout_slider_6 .slider__slogun { justify-content:center; } 

	#layout_slider_6 .slider__slogun > b { font-size:2rem;  } 
	#layout_slider_6 .slider__slogun > b.subtitle { font-size:2rem; } 
	#layout_slider_6 .slider__slogun > p { margin-top:1.125rem;  } 
}
@media screen and (max-width: 480px){
	#layout_slider_6 .slider__infos {/*height:480px;*/}
}

@media screen and (max-width: 360px){
	/*
	#layout_slider_6 .slider__slogun > b { font-size:2rem; letter-spacing:0.05em; } 
	#layout_slider_6 .slider__slogun > p { margin-top:1.25rem; font-size:1rem; } 
	*/
} 




/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/
#main_about {  } 
.main_about { display:flex; flex-direction:column; align-items:center; }
.about_big_text { font-size: 4.375rem; font-weight:900; line-height:1.1; word-break:keep-all; background: linear-gradient(-45deg, #017f7a,#025c98,#302a99,#5c0097); background-size:500% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: blur(50px); opacity:0.2; transition: width .62s ease,opacity .62s ease-in,filter .62s ease-in }
.about_big_text.active { filter: blur(0px); opacity:1; } 
.about_big_text.active2 { animation:loginbox 2s ease infinite; } 



.main_about p { font-size:1.25rem; color:#000; font-weight:600; text-align:center; line-height:1.5; margin-top:1.563rem; word-break:keep-all; opacity:0;  } 
.main_about p b { font-weight:700; }

.main_about .main_more { margin-top:3.75rem; } 

@media screen and (max-width: 1200px){
	/*.about_big_text { font-size:12.5vw; } */
} 
@media screen and (max-width: 1024px){
	.about_big_text { font-size:6.5vw; } 
	.main_about p { font-size:1.125rem; } 
} 
@media screen and (max-width: 640px){
	.main_about p br { display:none; } 
} 





/*----------------------------------------------------------------------
@ 메인 사업분야
----------------------------------------------------------------------*/
#main_business {  padding-top:0 !important; padding-bottom:0 !important; } 

.main_business { position:relative; display:flex; width:100%; height:35.313rem; /*height:calc(var(--vh, 1vh) * 100);*/  }


.business_left { position:relative; display:flex; justify-content:center; align-items:center; height:100%;   overflow:hidden; transform: scaleX(1); transform-origin: left top; transition-property: width; transition-timing-function: cubic-bezier(.64,.045,.35,1); transition-duration: .5s; } 
.business_left_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/images/main/business_bg_left.jpg') 50% 50% no-repeat; background-size:cover;  z-index:1; } 

.business_right { position:relative; display:flex; justify-content:center; align-items:center;  height:100%; overflow:hidden; transform: scaleX(1); transform-origin: right top; transition-property: width; transition-timing-function: cubic-bezier(.64,.045,.35,1); transition-duration: .5s; } 
.business_right_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/images/main/business_bg_right.jpg') 50% 50% no-repeat; background-size:cover; z-index:1; } 


.business_cont { position:relative; display:flex; flex-direction:column; align-items:center; z-index:3; transition:all 0.5s cubic-bezier(.64,.045,.35,1); opacity:0.3; }
.business_cont .business_tt { display:flex; font-size:2.5rem; color:#fff; font-weight:700; }
.business_cont .business_desc { width:100%; max-width:35rem; display:flex; font-size:1.25rem; color:#fff; font-weight:400; line-height:1.5; text-align:center; word-break:keep-all; margin-top:1.563rem; padding:0 1.25rem; }

.business_cont .main_more { margin-top:1.875rem; } 
.business_cont .main_more a { min-height:3.125rem; font-size:0.875rem; color:#fff; letter-spacing:0.2em;  border:1px solid #fff; } 
.business_cont .main_more a:hover,
.business_cont .main_more a.active { color:rgba(255,255,255,1); border:1px solid var(--menu); background:var(--menu); } 


.business_zoom { } 
.business_zoom::after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:2; opacity:0; transition:all 0.5s cubic-bezier(.64,.045,.35,1); } 
.business_zoom.active .business_cont { opacity:1; } 
.business_zoom.inactive::after { opacity:1; } 
.business_zoom.inactive .business_cont { opacity:0.3; } 

@media screen and (max-width: 1440px) and (min-width: 1024px){
	.business_cont .business_tt { font-size:2.25rem; } 
	.business_cont .business_desc { font-size:1.125rem; } 
} 
@media screen and (max-width: 1024px){
	.main_business { height:revert; flex-direction:column; } 
	.business_left { align-items:center; width:100% !important; padding-top:7rem; padding-bottom:7rem; } 
	.business_right { align-items:center; width:100% !important; padding-top:7rem; padding-bottom:7rem; } 
	
	.business_cont { transform:revert; opacity:1; } 
	.business_cont .business_tt { font-size:2rem;} 
	.business_cont .business_desc { font-size:1.125rem; } 
	.business_cont .business_btn a { font-size:1rem; } 
	.business_cont .main_more { margin-top:2.5rem; } 
} 
@media screen and (max-width: 640px){
	.business_cont .main_more a { min-height:revert; } 
} 
@media screen and (max-width: 430px){
	.business_cont .business_desc br { display:none; } 
} 




/*----------------------------------------------------------------------
@ MAIN PORTFOLIO
----------------------------------------------------------------------*/
#main_portfolio { position:relative; overflow:hidden; }
#main_portfolio::after { content:''; position:absolute; right:0; bottom:0; width:calc(71.875%); height:calc(84%); background:#f3f3f3; z-index:-1; } 

/* 과실연 활동 */ 
.main_portfolio { position:relative; overflow:hidden; padding-top:7.5rem;  } 
.main_portfolio .portfolio_list { position:relative; } 
.main_portfolio .portfolio_list a { position:relative; display:block;  } 

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


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

.main_portfolio .portfolio_img { display:block;width:100%; height:0; padding-top:143.07%; position: relative;overflow:hidden; transition:all 0.3s ease;border-radius:0.625rem;  } 
.main_portfolio .portfolio_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; } 
.main_portfolio .portfolio_img img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

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

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


.main_portfolio .portfolio_cont { display:flex; flex-direction:column; padding:1.875rem 0; z-index:2;  transition:all 0.5s ease;  }
.main_portfolio .portfolio_tt { font-size:1.875rem; color:#111; font-weight:700; line-height:1.1667; word-break:keep-all; }
.main_portfolio .portfolio_subtt { font-size:1.073rem; color:#000; font-weight:400; margin-top:0.938rem; -webkit-line-clamp : 3;   line-height:1.5em; height:4.5em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }

.main_portfolio .portfolio_btn { display:inline-flex; align-items:center; justify-content:flex-start; gap:0.625rem;  font-size:0.938rem; color:#000; font-weight:400; letter-spacing:0; margin-top:2.188rem;  transition:all 0.4s; } 
.main_portfolio .portfolio_btn span { padding-bottom:0.25rem; } 

.main_portfolio .swiper-slide-active .portfolio_cont { opacity:1; }
.main_portfolio .swiper-slide-active .portfolio_img:after { opacity:0; } 

/* hover */
.main_portfolio .swiper-slide a:hover .portfolio_arrow .arrow_mv .icon::before { animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.main_portfolio .swiper-slide a:hover .portfolio_img { transform:scale(1); } 
.main_portfolio .swiper-slide a:hover .portfolio_img:after { opacity:1; } 
.main_portfolio .swiper-slide a:hover .portfolio_btn span:before { opacity:1; } 
.main_portfolio .swiper-slide a:hover .portfolio_btn span:after { opacity:1; animation: line_action_next 1.5s ease infinite both; } 


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

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


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

.portfolio_swiper_control .swiper-button-prev:after, .portfolio_swiper_control .swiper-button-next:after { display:none; content:''; } 
.portfolio_swiper_control .swiper-button-prev, .portfolio_swiper_control .swiper-button-next { margin-top:0rem; border-radius:50%; transition:all 0.4s; } 
.portfolio_swiper_control .swiper-button-prev { left:revert; right:1.875rem; top:0%; }
.portfolio_swiper_control .swiper-button-next  { left:revert; right:0rem; top:0%; }
.portfolio_swiper_control .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.portfolio_swiper_control .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

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

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


@media screen and (max-width: 1024px){
	.main_portfolio .portfolio_tt { font-size:1.563rem; } 
} 

/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/
/*
#main_about { position:relative;  }
.main_about { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:35.625rem;text-align:center; z-index:1; }
.main_about h3 { font-size:2.5rem; color:#fff; font-weight:800; word-break:keep-all; margin-bottom:0.938rem; } 
.main_about p { font-size:1.25rem; color:#fff; font-weight:400; word-break:keep-all; margin-bottom:0.313rem; }

.main_about .more { display:flex; align-items:center; justify-content:center; gap:1.25rem; padding-top:3rem; } 
.main_about a { display:inline-flex; align-items:center; justify-content:center; min-width:11.25rem;min-height:3.75rem; font-size:1.125rem; color:#fff; font-weight:500; border:1px solid #fff; padding:0.625rem; border-radius:1.875rem; transition:all 0.4s ease; } 
.main_about a:hover { background:var(--point); color:#000; border:1px solid var(--point); } 

.about_bg { position:absolute; left:50%; top:0px; transform:translateX(-50%); width:80%; height:100%; background:url('/images/main/about_bg.jpg') no-repeat center center / cover; z-index:0; } 

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

}

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

}

@media screen and (max-width: 1024px){
	.main_about h3 { font-size:2.25rem; } 
}	
@media screen and (max-width: 768px){
	.main_about { min-height:revert; padding:4rem 1rem; } 
} 
@media screen and (max-width: 640px){
	.main_about p br { display:none; } 
	.main_about h3 { font-size:2rem; } 
	.main_about p { font-size:1.125rem; } 
}
@media screen and (max-width: 430px){
	.main_about a { min-width:revert; min-height:revert; padding:1rem 2rem; } 
}
*/



/*----------------------------------------------------------------------
@ MAIN NEWS
----------------------------------------------------------------------*/
#main_news {  } 

.news_cont { position:relative; padding-top:1.563rem; }
.news_list .thk-row { }
.news_list .thk-row .row-md2 { }
.news_list .thk-col { margin-bottom:1.875rem; }
.news_list .thk-col a { display:flex; } 

.news_thumb_wrap { position:relative; width:43.32%; overflow:hidden; } 
.news_thumb { display:block;width:100%; height:0; padding-top:65.57%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.news_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.3s; z-index:1; } 
.news_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.news_info { display:flex; justify-content:center; flex-direction:column; width:calc(100% - 43.32%); border:1px solid #ececec; border-left:0px; background:#f8f8f8; padding:1.25rem 2.188rem; }
.news_info h3 { font-size:1.125rem; color:#111; font-weight:500;  -webkit-line-clamp : 2;   line-height:1.5em; height:3em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.news_info h3 span { position:relative; }

.news_info p.category { display:inline-flex; justify-content:center; max-width:fit-content; min-width:3.75rem; font-size:0.813rem; color:#fff; font-weight:400; padding:0.12rem 0.938rem 0.15rem; background:#000; border-radius:0.625rem; margin-bottom:0.625rem; } 
.news_info p.date { font-size:0.938rem; color:#666; font-weight:300; letter-spacing:0; margin-top:2.5rem; }
.news_info p.date span { position:relative; } 

.news_cont a:hover .news_thumb::after { opacity:1; } 
.news_cont a:hover .news_thumb { transform:scale(1.1); } 
.news_cont a:hover .news_thumb h3::before { width:100%; } 
.news_cont a:hover .news_info h3 span::before { transform:scaleX(1); transform-origin:left;  } 
.news_cont a:hover .news_info p.date span::before { transform:scaleX(1); transform-origin:left; } 


@media screen and (max-width: 1920px){
	#main_news { ; } 
}
@media screen and (max-width: 1400px){
	#main_news {  } 
	.news_info { padding:1rem 1.875rem; } 
} 
@media screen and (max-width: 1320px) and (min-width: 641px){
	.news_list .row-md2 .thk-col { width: calc((100% / 4 ) - 1.25rem); margin-right:1.25rem; } 
	.news_list .thk-col a { flex-direction:column; } 
	.news_thumb_wrap { width:100%; } 
	.news_info { width:100%; border:1px solid #ececec; padding:1.563rem; } 
} 
@media screen and (max-width: 1024px){
	.news_list .row-md2 .thk-col { width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 
} 
@media screen and (max-width: 640px){
	.news_cont { position:relative;  }
	.news_list .thk-row { margin-right:-1.25rem; }
	.news_list .row-md2 .thk-col { width: calc((100% / 1 ) - 1.25rem); margin-right:1.25rem; } 
	.news_list .thk-col { margin-bottom:1.563rem; } 
	.news_info { gap:0.625rem; } 
	.news_info p.category { margin-bottom:0; } 
	.news_info p.date { margin-top:0; } 
} 
@media screen and (max-width: 430px){
	.news_list .row-md2 .thk-col {  width: calc((100% / 1 ) - 1.25rem); margin-right:1.25rem; } 
	.news_list .thk-col a { flex-direction:column; } 
	.news_thumb_wrap { width:100%; } 
	.news_info { width:100%; border:1px solid #ececec; padding:1.563rem; } 
	.news_info p.date { margin-top:0.938rem; } 
}