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


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

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:3.75rem; color:#000; font-weight:700; letter-spacing:0; line-height:1; text-align:left; margin-left:-8px }
.main_title h2 { font-size:3.75rem; color:#000; font-weight:700; } 
.main_en_title { font-size:1.875rem; color:#111; font-weight:300; text-transform:uppercase;  margin-top:0rem; letter-spacing:0; margin-left:-3px; line-height:1.2;  } 
.main_en_title span { font-weight:600; } 

.main_title_desc { font-size:1.125rem; color:#111; font-weight:400; line-height:1.66; margin-top:1.563rem; } 

@media screen and (max-width: 1024px){
	/*.main_title { font-size:1.875rem;  }*/
}
@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:2.5rem;  } 
}





/*----------------------------------------------------------------------
@ Layout Slider 3
----------------------------------------------------------------------*/
#layout_slider_3 {position:relative;padding:0 !important; margin:0 6.25rem; }
#layout_slider_3 .slider__infos {overflow:hidden;height:calc(100vh - 6.25rem); }
/*배경*/
#layout_slider_3 .slider__thumb {position:relative;width:100%;height:100%; }
#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:;width:100%;height:100%;z-index:9;margin:0 auto;}

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

#layout_slider_3 .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;opacity:0;}
#layout_slider_3 .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_3 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
#layout_slider_3 .slider__slogun_btn > span:after { content:'More Details View'; font-family:'Play'; font-weight:400; }
#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-type2 { display:block; position:absolute; left:0;right:0px; text-align:center; bottom:0px; width:80px;height:100px;margin:0 auto;z-index:9; cursor:pointer; }
#layout_slider_3 .slider-scroll-type2 .scroll_text { font-size:14px; color:#fff; letter-spacing:0; } 
#layout_slider_3 .slider-scroll-type2 .scroll_line { position:relative; width:1px; height:60px; background:rgba(255,255,255, 0.4); margin:0 auto; margin-top:10px; } 
#layout_slider_3 .slider-scroll-type2 .scroll_line:after { content:''; position:absolute; width:5px; height:5px; top:0px; left:-2px; background:var(--menu); border-radius:50%; z-index:2; animation:scroll_circle 3s ease infinite 0.1s;} 
#layout_slider_3 .slider-scroll-type2 .scroll_line:before { content:''; position:absolute; width:1px; height:50px; top:0px; background:#fff; z-index:1; animation:scroll_line 3s ease infinite 0.1s; }

@keyframes scroll_circle {0%{top:0px;}50%{top:60px;}100%{top:0px;}}
@keyframes scroll_line {0%{height:0px;}50%{height:60px;}100%{height:0px;}}


/*좌우 부가 설정*/
#layout_slider_3 .swiper-button-prev:after, #layout_slider_3 .swiper-button-next:after {font-size:2rem;color:#fff;}
#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;  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:0px;  top:28%; z-index:12; max-width:; width:100%; height:auto; margin:0 auto;  } 

#layout_slider_3 .main_visual_state  { display: block;position: absolute;left:4.375rem; top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
#layout_slider_3 .swiper-pagination-fraction {color:#aaa;}

/* controller */
#layout_slider_3 .swiper_control { position: absolute;  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: none;  vertical-align: middle;width: auto;}
#layout_slider_3 .swiper_control .swiper-pagination-fraction > span {display: none;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: 0 2px 0 13px;position: relative;}
#layout_slider_3 .swiper_progress_wrap {display:block ;width:240px; height: 3px;position: absolute;left:0px;top: 50%;margin-top: -1px;background:rgba(255,255,255,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: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#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:4px;  } 
#layout_slider_3 .swiper_play_state.play .swiper_state_pause { display:none; opacity: 1; visibility: visible;}
#layout_slider_3 .swiper_play_state.pause .swiper_state_play { display:none; opacity: 1; visibility: visible;}


/* slider more button */
#layout_slider_3 .more_view.more_view_w { margin-top:0px; opacity:0; }

#layout_slider_3 .more_view { text-align:center; margin-top:2.5rem; }
#layout_slider_3 .more_view a { position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:1rem; color:#fff; font-weight:300; letter-spacing:0; } 
#layout_slider_3 .more_view a .logo_left { margin-right:15px; transition:all 0.5s ease;}
#layout_slider_3 .more_view a .logo_right { margin-left:15px; transition:all 0.5s ease; }
#layout_slider_3 .more_view .more_text { position:relative; } 
#layout_slider_3 .more_view .more_text::after { content:''; position:absolute; bottom:-3px; left:50%; transform:translateX(-50%); width:0; height:2px; background:#fff; transition:width 0.5s ease; } 

#layout_slider_3 .more_view a:hover .logo_left { transform:translateX(0px); } 
#layout_slider_3 .more_view a:hover .logo_right { transform:translateX(15px); } 
#layout_slider_3 .more_view a:hover .more_text::after { width:100%; } 


.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective:revert !important; } 

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

	#layout_slider_3 { margin:0 2.5rem; }
	#layout_slider_3 .slider__infos {overflow:hidden;height:calc(100vh - 3.5rem);}
} 
@media screen and (max-width: 1600px){

} 
@media screen and (max-width: 1470px){
	#layout_slider_3 { margin:0 2.5rem; }
	#layout_slider_3 .slider__infos {overflow:hidden;height:calc(100vh - 3.5rem);}
} 

@media screen and (max-width: 1200px){
	#layout_slider_3 { margin:0 0px; }
	#layout_slider_3 .slider__infos {overflow:hidden;height:calc(100vh - 15px);}

	#layout_slider_3 .slider-scroll a { right:1.25rem; } 
} 
@media screen and (max-width: 1024px){
	#layout_slider_3 .slider__slogun {padding:0 15px; padding-top:2.5rem; }

	#layout_slider_3 .slider-scroll-type2 { display:none; } 
	
	#layout_slider_3 .slider__slogun > b.title { font-size:1.25rem; padding-left:1.563rem; padding-right:1.563rem; word-break:keep-all;} 
	#layout_slider_3 .slider__slogun > b { font-size:2.75rem; padding-left:1.563rem; padding-right:1.563rem; word-break:keep-all;} 
	#layout_slider_3 .slider__slogun > b.subtitle {margin-top:1.875rem; font-size:1.25rem;line-height:1.2; padding-left:1.563rem; padding-right:1.563rem; word-break:keep-all; margin-bottom:0.625rem;}
	#layout_slider_3 .more_view { padding-left:1.063rem; } 
	#layout_slider_3 .swiper_control_wrap { top:20%; } 
	#layout_slider_3 .main_visual_state { left:2.563rem; } 
	

	#layout_slider_3 .slider__slogun img { max-width:85%; } 
	
	#layout_slider_3 .swiper-button-prev { left:5px; } 
	#layout_slider_3 .swiper-button-next { right:5px; } 
}
@media screen and (max-width: 768px){
	#layout_slider_3 .swiper_control_wrap { /*bottom:15%;*/ } 
	#layout_slider_3 .slider_new .main_visual_state { max-width:210px; min-width:210px; } 
	#layout_slider_3 .swiper_progress_wrap { max-width:200px; } 
} 
@media screen and (max-width: 640px){
	#layout_slider_3 .slider__infos {height: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 .slider__slogun > b.title { font-size:1.125rem; } 
	#layout_slider_3 .slider__slogun > b { font-size:2.25rem; padding-left:0.938rem; padding-right:0.938rem;  } 
	#layout_slider_3 .slider__slogun > b.subtitle { font-size:1.125rem; } 
}
@media screen and (max-width: 540px){
	#layout_slider_3 .slider__slogun > b.title { font-size:1rem; } 
	#layout_slider_3 .slider__slogun > b { font-size:2rem; } 
	#layout_slider_3 .slider__slogun > b.subtitle {font-size:1rem; } 
}
@media screen and (max-width: 480px){
	#layout_slider_3 .slider__infos {height:480px;}
}





/*----------------------------------------------------------------------
@ MAIN SLOGAN TEXT
----------------------------------------------------------------------*/
#main_text { padding-bottom:0rem !important; margin:0 6.25rem; } 

.main_text { text-align:center; opacity:0; }
.main_text a { position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:1.125rem; color:#000; font-weight:700; } 


.main_text a .logo_left { min-width:26px; position:relative; transition:all 1s ease; }
.main_text a .logo_right { min-width:403px; position:relative; margin-left:2px; margin-bottom:1px; transition:all 1s ease; }

.main_text .logo_text div { position:relative; } 
.main_text .logo_text {  font-size:3.125rem; color:#000; font-weight:700; position:relative; opacity:; } 
.main_text .logo_text .small { font-size:1.563rem; color:#000; font-weight:400; margin-left:1.25rem; }


.logo_text { position: relative; width: 0; overflow-x: hidden; text-overflow: unset; white-space: nowrap; opacity: .0; filter: blur(8px); transition: width .72s ease,opacity .72s ease-in,filter .72s ease-in }
.logo_text.active { filter: none; width: 100%; opacity: 1; transition: width .72s ease,opacity .72s ease-out,filter .72s ease-out;  padding-left:1rem; padding-right:1rem;  }

.main_text.mobile { position:relative;  display:block; opacity:1; margin-top:2.5rem; opacity: .0; filter: blur(8px); top:100px;  transition: all .72s ease } 
.main_text.mobile a { display:flex; flex-direction:column; } 
.main_text.mobile .mobile_logo { display:flex; align-items:center; margin-bottom:1.25rem; } 

/*
.main_text.mobile .logo_left { min-width:26px; position:relative; transition:all 1s ease; }
.main_text.mobile .logo_right { min-width:403px; position:relative; margin-left:2px; margin-bottom:1px; transition:all 1s ease; }
*/

.main_text.mobile .logo_text { width:100%; display:block; opacity:1; white-space:revert; text-overflow:revert; filter:revert; word-break:keep-all; font-size:2.5rem;} 
.main_text.mobile .logo_text div { display:flex;flex-direction:column; } 
.main_text.mobile .logo_text .small { font-size:1.563rem; margin-left:0; line-height:1.22; margin-top:0.625rem; }

.main_text.mobile.active { filter: none; width: 100%; opacity: 1;  top:0px; transition: all .72s ease }

.main_text.mobile { display:none; } 


@media screen and (max-width: 1920px){
	#main_text { margin:0 2.5rem; } 
}
@media screen and (max-width: 1680px){
	.main_text.pc .logo_text div { display:flex; flex-direction:column; align-items:flex-start; } 
	.main_text.pc .logo_text .small { margin-left:0; } 

	.main_text.pc .logo_text {  font-size:2.575rem; } 
	.main_text.pc .logo_text .small { font-size:1.25rem; margin-top:5px; } 
} 

@media screen and (max-width: 1200px){
	#main_text { margin:0 15px; } 
} 
@media screen and (max-width: 1024px){
	.main_text.pc a .logo_left { max-width:20.8px; width:100%; min-width:revert; }
	.main_text.pc a .logo_left img { width:100%; } 
	.main_text.pc a .logo_right { max-width:322.4px; width:100%; min-width:revert; }
	.main_text.pc a .logo_right img { width:100%; } 

	.main_text.pc .logo_text {  font-size:2.25rem; } 
	.main_text.pc .logo_text .small { font-size:1rem; margin-top:5px; } 
} 


@media screen and (max-width: 640px){
	.main_text.pc { display:none; } 
	.main_text.mobile { display:block; } 

	.main_text.mobile .logo_left { min-width:revert;  }
	.main_text.mobile .logo_right { min-width:revert; }

} 
@media screen and (max-width: 480px){
	.main_text.mobile .mobile_logo { max-width:70%; } 

	.main_text.mobile .logo_text { font-size:2rem;} 
	.main_text.mobile .logo_text .small { font-size:1.25rem; }

}







/*----------------------------------------------------------------------
@ MAIN PROJECT
----------------------------------------------------------------------*/
#main_product { margin:0 6.25rem; } 

.product_cont { position:relative; padding-top:3.75rem; }
.product_cont .thk-row { }
.product_cont .thk-row .row-md4 { }
.product_cont .thk-col { margin-bottom:1.875rem; }

.product_thumb_wrap { position:relative; overflow:hidden; } 
.product_thumb { display:block;width:100%; height:0; padding-top:111.25%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.product_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; } 
.product_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.product_info { margin-top:1.25rem; }
.product_info h3 { font-size:1.25rem; color:#111; font-weight:600;  -webkit-line-clamp:1;  line-height:1.5em; height:1.5em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all;  }
.product_info h3 span { position:relative; }
/*
.product_info h3 span::before{ content: ""; position: absolute; left:0px; top:18px; width:100%; height:7px; background:rgba(0,0,0,0.1);  z-index: 1; transform-origin:right;transform:scaleX(0);transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);-webkit-transform-origin:right;-webkit-transform:scaleX(0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);}
*/

.product_info p.date { font-size:0.938rem; color:#999; font-weight:300; margin-top:1.25rem; letter-spacing:0;}
.product_info p.date span { position:relative; } 
/*
.product_info p.date span::before { content:''; display:block; position:absolute; left:0px; bottom:0px; width:100%; height:7px; background:rgba(0,0,0,0.1); z-index:2; transform-origin:right;transform:scaleX(0);transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition:transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);-webkit-transform-origin:right;-webkit-transform:scaleX(0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition-delay:0.3s; } 
*/


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


.more_view { text-align:center; margin-top:2.5rem; }
.more_view a { position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:1.125rem; color:#000; font-weight:700; letter-spacing:0; } 
.more_view a .logo_left { margin-right:15px; transition:all 0.5s ease;}
.more_view a .logo_right { margin-left:15px; transition:all 0.5s ease; }
.more_view .more_text { position:relative; } 
.more_view .more_text::after { content:''; position:absolute; bottom:-3px; left:50%; transform:translateX(-50%); width:0; height:2px; background:#000; transition:width 0.5s ease; } 

.more_view a:hover .logo_left { transform:translateX(-15px); } 
.more_view a:hover .logo_right { transform:translateX(15px); } 
.more_view a:hover .more_text::after { width:100%; } 

@media screen and (max-width: 1920px){
	#main_product { margin:0 2.5rem; } 
}
@media screen and (max-width: 1200px){
	#main_product { margin:0 15px; } 
} 

@media screen and (max-width: 640px){
	.product_cont .row-md4 .thk-col {  width: calc((100% / 2 ) - 1.875rem); } 
} 
@media screen and (max-width: 480px){
	.product_cont .thk-row { margin-right:-1.25rem; } 
	.product_cont .row-md4 .thk-col {  width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 
} 




/*----------------------------------------------------------------------
@ MAIN BUSINESS 
----------------------------------------------------------------------*/
#main_business { background:url('/common/theme/layout/images/main/business_bg.jpg') no-repeat; background-size:cover; background-position:center center; padding-bottom:0rem !important; overflow:hidden; } 
#main_business .maxWidth1400 { position:relative; } 

.main_business_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; } 
.main_business_bg .bg { position:absolute; left:0px; top:0px; width:100%; height:100%; transition:all 0.3s ease; } 
.main_business_bg .bg1 {  background:url('/common/theme/layout/images/main/business_cont_bg1.jpg') no-repeat; background-size:cover; background-position:center; opacity:0; } 
.main_business_bg .bg2 {  background:url('/common/theme/layout/images/main/business_cont_bg2.jpg') no-repeat; background-size:cover; background-position:center; opacity:0; } 
.main_business_bg .bg3 {  background:url('/common/theme/layout/images/main/business_cont_bg3.jpg') no-repeat; background-size:cover; background-position:center; opacity:0; } 
.main_business_bg .bg4 {  background:url('/common/theme/layout/images/main/business_cont_bg4.jpg') no-repeat; background-size:cover; background-position:center; opacity:0; } 
.main_business_bg .bg.opa { opacity:1; } 


.main_business { position:relative; } 
.main_business:after { content: ''; position: absolute; top:calc(50% - 1.75rem) ; width: calc(100%); left: 0; height: 1px; background: rgba(255,255,255,0.2); } 

.main_business_wrap { position:relative; display:flex; flex-wrap: wrap; background:url('/common/theme/layout/images/main/business_cont_bg1.jpg') no-repeat; background-size:cover; background-position:center; min-height:28.75rem; padding:4px 0px; margin-top:4.375rem; overflow:hidden; }

.main_business_cont { position:relative;  display:inline-flex; flex-direction:column; align-items:center; justify-content:space-between; flex: 0 0 auto; width: calc((100% / 4 ) - 0rem);  margin-right:0rem; border-right:1px solid #fff; transition:all 0.3s ease;  } 
.main_business_cont::before { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; z-index:0; transition:all 0.3s ease;  } 
.main_business_cont a { position:relative;  display:inline-flex; flex-direction:column; justify-content:; padding:3.125rem; height:100%; background:transparent; transition:all 0.3s ease; padding-top:9.375rem; z-index:1; } 


.main_business_cont .main_business_title { font-size:2rem; color:#fff; font-weight:700; border-bottom:5px solid #fff; padding-bottom:1rem}
.main_business_cont .main_business_desc { font-size:1rem; color:#fff; margin-top:1.25rem; line-height:1.375; word-break:keep-all; }

.main_business_cont .business_tt { font-size:1.563rem; color:#fff; font-weight:700; } 
.main_business_cont ul { margin-top:0.938rem; }
.main_business_cont ul li { font-size:1.125rem; color:#f9f9f9; font-weight:300; padding-bottom:5px;line-height:1.3; }


.main_business_cont:hover::before { opacity:1; } 


@media screen and (max-width: 1024px){
	.main_business_wrap {  align-items:center; } 
	.main_business_cont { width: calc((100% / 2 ) - 0rem);  min-height:210px; max-height:210px; } 
	.main_business_cont:nth-of-type(3), .main_business_cont:nth-of-type(5) { border-right:0px; } 
	.main_business_cont:nth-of-type(2)::after, .main_business_cont:nth-of-type(3)::after { content:''; position:absolute; left:4px; bottom:0px; width:calc(100% - 8px); height:1px; background:#fff;} 
	.main_business_cont a { padding:2.5rem; min-width:50%; } 
} 
@media screen and (max-width: 640px){
	.main_business_wrap { margin-top:2.5rem; } 
}
@media screen and (max-width: 480px){
	.main_business_cont:nth-of-type(2)::after, .main_business_cont:nth-of-type(3)::after { display:none; } 
	.main_business_cont { width: calc((100% / 1 ) - 0rem); border-right:0px;border-bottom:1px solid rgba(255,255,255,0.5); min-height:revert; max-height:revert;  } 
	.main_business_cont a { min-width:50%; } 
	.main_business_cont:last-of-type { border-bottom:0px; } 

	.main_business_cont:nth-of-type(2) { background:url('/common/theme/layout/images/main/business_cont_bg1.jpg') no-repeat center center / cover; } 
	.main_business_cont:nth-of-type(3) { background:url('/common/theme/layout/images/main/business_cont_bg2.jpg') no-repeat center center / cover; } 
	.main_business_cont:nth-of-type(4) { background:url('/common/theme/layout/images/main/business_cont_bg3.jpg') no-repeat center center / cover; } 
	.main_business_cont:nth-of-type(5) { background:url('/common/theme/layout/images/main/business_cont_bg4.jpg') no-repeat center center / cover; } 
} 




/*----------------------------------------------------------------------
@ MAIN NEWS
----------------------------------------------------------------------*/
#main_news { margin:0 6.25rem; } 

.news_cont { position:relative; padding-top:3.75rem; }
.news_cont .thk-row { }
.news_cont .thk-row .row-md4 { }
.news_cont .thk-col { margin-bottom:1.875rem; }

.news_thumb_wrap { position:relative; overflow:hidden; } 
.news_thumb { display:block;width:100%; height:0; padding-top:59.09%; 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 { margin-top:1.25rem; }
.news_info h3 { font-size:1.375rem; color:#111; font-weight:600;  -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; margin-top:0.3125rem; }
.news_info h3 span { position:relative; }

.news_info p.date { font-size:0.938rem; color:#999; font-weight:300; margin-top:1.25rem; letter-spacing:0;}
.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 { margin:0 2.5rem; } 
}
@media screen and (max-width: 1200px){
	#main_news { margin:0 0; } 
} 
@media screen and (max-width: 640px){
	.news_cont { position:relative; padding-top:2.5rem; }
	.news_cont .row-md4 .thk-col {  width: calc((100% / 2 ) - 1.875rem); } 
} 
@media screen and (max-width: 480px){
	.news_cont .thk-row { margin-right:-1.25rem; } 
	.news_cont .row-md4 .thk-col {  width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 
}