@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; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; text-align:center; }
@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 { font-size:1.563rem;  }
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}
#main__slider .slider__infos { height:100%;}
#main__slider .slider_new { height:100%; } 
#main__slider .swiper-container { height:100%; } 
/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .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;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {position:relative;display:block;font-weight:900;font-size:3.125rem;line-height:1;color:#fff;overflow:hidden; letter-spacing:0.15em;}
#main__slider .slider__slogun > b.subtitle {margin-top:15px; display:block;font-weight:600;font-size:2.5rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:1.563rem;font-weight:300;font-size:1.25rem;line-height:1.66;color:#fff;overflow:hidden; word-break:keep-all; }
/*
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/

#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0;width:24px;height:49px;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:24px;height:49px;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll_new.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:50px;}50%{bottom:70px;}100%{bottom:50px;}}

/*
#main__slider .slider-scroll { position:fixed; left:50%; transform:translateX(-50%); bottom:15px; z-index:11; } 
#main__slider .slider-scroll a {display:block;position:relative; width:20px;height:40px;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:20px;height:40px;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll_new.png);background-repeat:no-repeat;background-position:center;background-size:cover; }
@keyframes scrollImage {0%{bottom:0;}50%{bottom:1.25rem;}100%{bottom:0;}}
*/

/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}
#main__slider .swiper-pagination-bullet {background-color:#fff;}
/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0rem;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg {-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}

/* SWIPER PAGINATION */
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {display:none; font-size:1.5rem;color:#fff;}
/*
#main__slider .swiper-button-prev { width:60px; height:60px; left:revert; top:revert;right:60px; bottom:0px; transition:all 0.3s } 
#main__slider .swiper-button-next { width:60px; height:60px; top:revert; right:0px; bottom:0px; transition:all 0.3s }
#main__slider .swiper-button-prev:hover { background:rgba(255,255,255,0.5); } 
#main__slider .swiper-button-next:hover { background:rgba(255,255,255,0.5); } 
*/


#main__slider .swiper-button-prev { position:absolute; left:revert; top:calc(50% - 10px) ;right:15px; left:revert; width:18px;  height:11px; background:url('/common/theme/layout/images/main/slide_prev.png') no-repeat; background-position:center;}
#main__slider .swiper-button-next  { position:absolute; top:calc(50% + 10px); left:revert; right:15px; bottom:0px;  width:18px; height:11px; background:url('/common/theme/layout/images/main/slide_next.png') no-repeat; background-position:center;}

#main__slider .swiper-button-prev:hover { background:url('/common/theme/layout/images/main/slide_prev_on.png') no-repeat; background-position:center; } 
#main__slider .swiper-button-next:hover { background:url('/common/theme/layout/images/main/slide_next_on.png') no-repeat; background-position:center; } 




/*반응형*/
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider__slogun {padding:0 15px;}
	#main__slider .slider__slogun > b { font-size:2.75rem; }
}
@media screen and (max-width: 640px){
	#main__slider .slider__infos {/*height:640px;*/}
	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
	#main__slider .slider__slogun > b { font-size:2.25rem; }
}
@media screen and (max-width: 480px){
	#main__slider .slider__infos {/*height:480px;*/}
	#main__slider .swiper-slide-active .slider__slogun {top:-5rem;}
	/*
	#main__slider .slider__slogun > b { font-size:2rem; letter-spacing:0.05em; } 
	#main__slider .slider__slogun > p { margin-top:1.25rem; font-size:1rem; } 
	*/
}

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



/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/

.swiper_control_wrap { position:absolute; left:50%; transform:translateX(-50%); z-index:12; bottom:30%; max-width:1170px; width:100%; height:auto;  margin:0 auto; } 

.slider_new .main_visual_state  {display: block;position: absolute;left:50%;transform:translateX(-50%); top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
/*.main_visual_wrap .main_visual_state  {display: block;max-width: 1520px;margin: 0 auto;position: absolute;left: 112px;right: 112px;top: calc(50% - 183px); -webkit-transition: all 300ms;transition: all 300ms;width: 100%; z-index:100;}*/
.slider_new .swiper-pagination-fraction {color:#aaa;}

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

/* pagination */
.swiper_control .swiper-pagination {position: static;}

.swiper_control .swiper-pagination-wrap {position: relative;}
.swiper_control .swiper-pagination-bullet-line {width: 14px;height: 2px;position: absolute;top: -3px;left: 16px;margin-left: -7px;background: #fff;}
.swiper_control .swiper-pagination-bullet {width: 32px;height: 27px;padding: 10px 12px 10px 13px;position: relative;background: transparent;opacity: 1;}
.swiper_control .swiper-pagination-bullet > i {display: block;width: 100%;height: 100%;background: #fff;border-radius: 50%;}
.swiper_control .swiper-pagination-bullet-active {background: transparent;}

.swiper_control .swiper-pagination-fraction {display: inline-block;vertical-align: middle;width: auto;}
.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 */
.swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width: 125px;height: 3px;margin: 0 2px 0 13px;position: relative;}
.swiper_progress_wrap {display: block;width: 125px;height: 3px;position: absolute;left: 25px;top: 50%;margin-top: -1px;background: #767779;overflow: hidden;}
.swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
.swiper_play_state {display: inline-block;vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left: 5px;}
.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;}

.swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 

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

@media screen and (max-width: 640px){
	.swiper_control_wrap {  bottom:25%; } 
	.slider_new .main_visual_state { min-width:210px; } 
} 




/*----------------------------------------------------------------------
@ MAIN FAMILY SITE 추가 : 23/11/22
----------------------------------------------------------------------*/
.main_family { display:flex; align-items:center; justify-content:center; position:absolute; left:50%; transform:translateX(-50%); z-index:12; bottom:35%; max-width:1170px; width:100%; height:auto;  margin:0 auto; } 
.main_family_inner { display:flex; align-items:center; width:48.125rem; max-width:50.125rem; background:rgba(0,0,0, 0.2); padding:1.25rem 1.875rem; border-radius:0.313rem; } 
.main_family_left { position:relative; font-size:1rem; color:#c5fb45; font-weight:500; letter-spacing:0.02em; padding:2px 0 0 0.625rem; } 
.main_family_left::after { content:''; clear:both; display:inline-block; width:1px; height:14px; margin:1px 3.125rem 0px 1.25rem; background:#fff; } 
.main_family_right { display:flex; align-items:center; gap:2.5rem; } 
.main_family_right a { display:flex; align-items:center; font-size:0.938rem; color:#fff; font-weight:300; letter-spacing:0.02em; transition:all 0.4s; } 
.main_family_right a:last-child { margin-right:0; } 
.main_family_right a .material-symbols-outlined { position:relative; font-size:1rem; left:0; margin-left:5px; transition:all 0.4s;}
.main_family_right a .material-symbols-outlined.mi_forward:after{ content:'arrow_forward_ios'; }

.main_family_right a:hover { color:#c5fb45; } 
.main_family_right a:hover .material-symbols-outlined { transform:translateX(8px); } 

@media screen and (max-width: 768px){
	.main_family  { padding:0 15px; } 
	.main_family_inner { align-items:flex-start; flex-direction:column; } 
	.main_family_left { padding:0 0 0.625rem 0; }
	.main_family_left::after { display:none; } 
} 
@media screen and (max-width: 640px){
	.main_family  { bottom:30%; padding:0 15px; } 
	.main_family_right { gap:2.5rem; } 
}

@media screen and (max-width: 510px){
	.main_family_inner { width:70%; } 
	.main_family_left { font-size:1.073rem; } 
	.main_family_right { width:100%; align-items:flex-start; flex-direction:column; gap:0; } 
	.main_family_right a { width:100%; justify-content:space-between; font-size:1rem; margin-bottom:0.313rem; } 
}
@media screen and (max-width: 360px){
	.main_family_inner { width:80%; } 
}

/*----------------------------------------------------------------------
@ FULLPAGE NAVI
----------------------------------------------------------------------*/
#fp-nav ul li { margin:10px 14px; } 
#fp-nav ul li:last-of-type { display:none; } 
#fp-nav ul li a span {  width:8px; height:2px; background:#cccccc; } 
#fp-nav ul li a.active { border-color:revert; border:revert; } 
#fp-nav ul li a.active span { width:8px !important; height:2px !important; background:#07893d !important; border-radius:revert; border:revert;border-color:revert; transform:rotate(-45deg)} 
#fp-nav ul li:hover a span { width:8px !important; height:2px !important; background:#07893d !important; border-radius:revert; border:revert;border-color:revert; transform:rotate(-45deg)} 
#fp-nav ul li .fp-tooltip { font-family:'Josefin Sans'; font-size:13px; color:#fff; font-weight:500; right:30px !important; text-transform:uppercase; transition:all 0.4s ease;} 

.fp-right { font-size:20px; } 


/*----------------------------------------------------------------------
@ MAIN 공통
----------------------------------------------------------------------*/
.main_title { font-size:2.5rem; color:#fff; font-weight:700; margin-bottom:1.563rem; }
.main_title.en { letter-spacing:0.15em; } 
.main_cont { font-size:1.125rem; color:#fff; font-weight:300; line-height:1.66; word-break:keep-all; } 
.main_btn { margin-top:1.875rem; } 
.main_btn a { display:inline-block; min-width:15rem; font-size:0.875rem; color:#fff; font-weight:700; padding:0.725rem 30px; border:1px solid #fff; transition:all 0.4s ease; text-align:center; letter-spacing:0.15em; } 
.main_comm_box { width:50%; position:relative; left:0; padding:6.25rem 3.75rem; background:rgba(0,0,0, 0.5); /*transition:all 0.4s ease 0.7s;*/ opacity:1;} 
/*
.section.active .main_comm_box { opacity:1; } 
*/


.section {overflow:hidden; background-repeat:no-repeat;background-position:center;background-size:cover;}
#section1 { background:url('/common/theme/layout/images/main/section01_bg.jpg') no-repeat; background-size:cover; } 
#section2 { background:url('/common/theme/layout/images/main/section02_bg.jpg') no-repeat; background-size:cover; } 
#section3 { background:url('/common/theme/layout/images/main/section03_bg.jpg') no-repeat; background-size:cover; } 
#section4 { background:url('/common/theme/layout/images/main/section04_bg.jpg') no-repeat; background-size:cover; } 
#section5 {  } 

.main_ourvalue { display:flex; } 
.main_network { display:flex; justify-content:flex-end; } 

@media screen and (max-width: 1024px){
	.main_comm_box { width:100%; } 
	#main__slider .fp-tableCell { vertical-align:revert; height:auto !important; overflow:revert;} 
} 

@media screen and (max-width: 480px){
	.main_title { font-size:1.875rem; } 
} 


/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/
.main_about { }
.about_symbol { display:flex; justify-content:center;  }
.about_symbol ul { display:flex; }
.about_symbol ul li { position:relative;display:flex; flex-direction:column; text-align:center; min-width:8.125rem; padding:0 0.625rem;}
.about_symbol ul li:after { content:''; position:absolute; right:0px; top:5px; width:1px; height:calc(100% - 10px); background:rgba(255,255,255,0.2); } 
.about_symbol ul li:last-of-type:after { display:none; } 
.about_symbol ul li .big { font-size:4.375rem; color:#fff; font-weight:600; }
.about_symbol ul li .small { font-size:1.375rem; color:#21c461; font-weight:300; margin-top:0.938rem; opacity:0.8; }

.about_text { position:relative; font-size:2.188rem; color:#fff; font-weight:200; margin-top:3.125rem; text-align:center; line-height:1.6; word-break:keep-all; }
.about_text span { font-weight:500; } 
.about_text b { font-weight:700; } 


.about_btn { display:flex; justify-content:center; margin-top:3.75rem; } 
.about_btn a { display:flex; align-items:center; font-size:0.938rem; color:#fff; font-weight:400; margin-right:1.25rem; letter-spacing:0; line-height:1; border:1px solid #fff; padding:0.938rem 0.938rem 0.438rem; transition:all 0.3s; } 
.about_btn a:hover { background:#000; border:1px solid #000; } 
.about_btn a:last-of-type { margin-right:0; } 
.about_btn a .icon { margin-left:0.625rem; margin-top:-6px; } 

@media screen and (max-width: 1024px){
	.about_text { font-size:1.875rem; } 
	.about_text br { display:none; } 
}

@media screen and (max-width: 480px){
	.about_text { font-size:1.563rem; } 
	.about_symbol ul { flex-wrap:wrap; } 
	.about_symbol ul li { width:50%; margin-bottom:1.25rem; } 
	.about_symbol ul li:nth-of-type(2):after { display:none; } 
} 


/*----------------------------------------------------------------------
@ MAIN PRACTICES
----------------------------------------------------------------------*/

.main_practices { margin:0 3.125rem; } 
.main_practices .main_title { letter-spacing:1rem; justify-content:center; } 

.practices_inner { display:; margin-top:2.5rem; }
.practices_inner .thk-row { flex-wrap:nowrap; margin-right:0; } 
.practices_inner .row-md6 .thk-col { flex:revert; width:calc((100% / 6 ) - 0rem); margin-right:0; overflow:hidden; z-index:1;  transition:all 0.5s ease-in-out; } 


.practices_cont { position:relative;height:29.375rem; overflow:hidden; transition:all 0.3s; } 


.practices_inner_cont { position:absolute; left:0px; top:0px;  width:100%; height:100%; z-index:-1; opacity:0; transition:all 0.1s; } 
.practices_inner_cont:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; /*background:rgba(6,90,48, 0.8);*/background:rgba(0,0,0,0.8); z-index:1;} 

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


.pratices_title { display:flex; align-items:center; position:absolute; left:1.875rem; bottom:2.5rem; font-size:1.375rem; color:#fff; font-weight:600; transition:all 0.5s; }
.pratices_title .icon { margin-left:12px; padding-right:10px; } 
.pratices_title .icon img { vertical-align:revert; } 

#wrap.en .pratices_title .text { max-width:90%; } 
#wrap.en .pratices_title .icon { min-width:40px; width:40px; } 
#wrap.en .pratices_title { font-size:1.25rem; } 

.inner_cont { position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; padding:1.25rem 4.375rem; z-index:3; opacity:0; } 
.inner_cont_title { font-size:1.563rem; color:#fff; font-weight:600;  }
.inner_cont_desc { font-size:1rem; color:#fff; font-weight:300; margin-top:1.875rem; line-height:1.5625; word-break:keep-all; }
.inner_cont_more { margin-top:3.75rem; }


/* active */ 
.practices_inner .row-md6 .thk-col.active { width: calc(((100% / 6 ) * 2) - 0rem); } 
.practices_inner .row-md6 .thk-col.active .practices_inner_cont { z-index:2; opacity:1; } 
.practices_inner .row-md6 .thk-col.active .pratices_title { opacity:0; } 


@media screen and (max-width: 1240px){
	.main_practices { margin:0 15px; } 
	.practices_cont { position:relative; height:21.875rem; } 
	.practices_inner .thk-row { flex-wrap:wrap; } 
	.practices_inner .row-md6 .thk-col { flex:revert; width: calc((100% / 3 ) - 0rem); }
	.practices_inner .row-md6 .thk-col.active { width: calc(((100% / 3 ) ) - 0rem); } 
} 

@media screen and (max-width: 1024px){
	#section2 { padding-top:3.5rem; padding-bottom:3.5rem; } 

	.practices_inner .row-md6 .thk-col { flex:revert; width: calc((100% / 2 ) - 0rem); }
	.practices_inner .row-md6 .thk-col.active { width: calc(((100% / 2 ) ) - 0rem); } 
	.inner_cont { padding:1.25rem; } 

} 
@media screen and (max-width: 640px){
	.practices_inner .row-md6 .thk-col { flex:revert; width: calc((100% / 1 ) - 0rem); margin-bottom:1.25rem; }
	.practices_inner .row-md6 .thk-col.active { width: calc(((100% / 1 ) ) - 0rem); } 
} 
@media screen and (max-width:640px){ 
	.main_practices .main_title { letter-spacing:0; } 
}



/*----------------------------------------------------------------------
@ MAIN MEMBERS
----------------------------------------------------------------------*/
.main_members { }
.main_members .main_title { color:#111; justify-content:center; } 

.main_members { display:flex; flex-direction:column; position:relative; margin:0 3.125rem; margin-top:7.5rem; padding-bottom:10rem; } 
.main_members .menu_title { font-size:5rem; color:#fff; font-weight:700; } 
.main_members .menu_title span { color:transparent; -webkit-text-stroke:1.5px #fff; transition:all 0.3s;  } 
.main_members .main_product { width:calc(100%); } 

.main_members .member_subject_wrap { position:absolute; right:17px; bottom:17px; width:100%; display:flex; flex-direction:column;  z-index:7; transition:all .3s ease; } 
.main_members .member_subject { display:block; width:100%; font-size:1.125rem; color:#fff; font-weight:600; text-shadow:2px 2px 2px  #000000; word-break:keep-all; text-align:right; } 


.main_members .member_slider { position:relative; width:100%; margin-top:2.5rem;  } 
.main_members .swiper-wrapper {  } 
.main_members .member_slider .swiper-container { overflow:hidden; /*width:1920px;*/ /*padding-left:calc(50% - 720px);padding-right:calc(50% - 720px);*/ }
.main_members .member_slider .swiper-container { /*position:absolute; left:50%;  position:absolute; left:50%; width:2120px; margin-left:-1060px; */} 

.main_members .member_list .thk-col { overflow:hidden; } 

.main_members .member_list_swiper { display:flex; justify-content:center; position:absolute; bottom:-60px; width:100%;  z-index:99; }

.main_members .member_slider .swiper-button-prev:after, .member_slider .swiper-button-next:after { display:none; } 
.main_members .member_slider .swiper-button-prev { position:relative; left:revert; top:50%;width:67px;  height:15px; margin-right:21px; background:url('/common/theme/layout/images/main/icon_prev.png') no-repeat; background-position:center;}
.main_members .member_slider .swiper-button-next  { position:relative; right:revert; top:50%; width:67px; height:15px; margin-left:21px; background:url('/common/theme/layout/images/main/icon_next.png') no-repeat; background-position:center;}

.main_members .member_slider .swiper-button-prev:hover { background:url('/common/theme/layout/images/main/icon_prev_on.png') no-repeat; background-position:center; } 
.main_members .member_slider .swiper-button-next:hover { background:url('/common/theme/layout/images/main/icon_next_on.png') no-repeat; background-position:center; } 


.main_members .swiper-pagination { position:relative; display:inline-block; /*top:80%; bottom:revert;*/   } 
.main_members .swiper-pagination-bullets { bottom:revert !important; width:revert !important; } 
.main_members .swiper-pagination .swiper-pagination-bullet { top:0px; width:1.125rem; height:1.125rem; border-radius: 50%; opacity:1; position:relative; background:transparent; border:1px solid #fff; margin: 0 0.469rem !important; cursor: pointer; }
.main_members .swiper-pagination .swiper-pagination-bullet:after { content: ""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1.25rem; height:1.25rem; margin:0 auto; border-radius: 50%; opacity:1;  -webkit-transition: .1s all;  transition: .1s all; }
.main_members .swiper-pagination .swiper-pagination-bullet-active { border:1px solid #fff; } 
.main_members .swiper-pagination .swiper-pagination-bullet-active:after { background:#fff; } 


.main_members .member_img { position: relative;width:100%; padding-top:100%; overflow:hidden; transition:all .3s ease; background:#fff; border-radius:0.625rem; background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0,1) 0%, rgb(0,0,0,0.95) 50%, rgb(0,0,0,0.9) 100%); } 
.main_members .member_img:after { content:''; position:absolute; left:0px; bottom:-100%; width:100%; height:100%; background:rgba(0,0,0, 0.5); opacity:0; z-index:2;  transition:all 0.3s; } 

.main_members .member_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_members .member_cont { overflow:hidden;   } 
.main_members .member_cont a { display:block; position:relative; } 

.main_members .swiper-slide .member_img img { opacity:0.3; } 
.main_members .swiper-slide-active .member_img img { opacity:1; } 
.main_members .swiper-slide-active { ; } 



@media screen and (max-width: 1240px){
	.main_members { margin:0 15px; } 
}




/*----------------------------------------------------------------------
@ MAIN NEWS
----------------------------------------------------------------------*/
.main_news { } 
.main_news .main_title { position:relative; letter-spacing:1rem; justify-content:center; } 
.main_news .main_more { position:absolute; bottom:0px; right:0px; display:flex; }  
.main_news .main_more a { display:flex; } 
.main_news .main_more .dot { position:relative; display:inline-block; width:6px; height:6px; background:#fff; margin-right:4px; transition:all 0.3s;  } 


.news_list { margin-top:2.5rem; } 

.news_list_row { padding:1.375rem 0; margin-bottom:1.25rem; /*border-bottom:1px solid #fff;*/ } 
.news_list_row a { position:relative; display:flex; flex-direction:column; z-index:2; } 
.news_list_row a:before { content:''; position:absolute; left:0px; bottom:-1.375rem; width:100%; height:1px; background:#fff; z-index:1; } 
.news_list_row a:after { content:''; display:block; position:absolute; left:0px; bottom:-1.375rem; width:100%; height:1px; background:#07b517; 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); } 


/*
.news_list_row a:after{display:block;position:absolute;content:'';}
.news_list_row a:before{display:block;position:absolute;content:'';}
.news_list_row a:after{bottom:0;width:100%;height:2px;background-color:#FFF;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);}
.news_list_row a:hover:after{transform:scaleX(1);transform-origin:left;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:scaleX(1);-webkit-transform-origin:left;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);}
*/


.news_list_row a.shine:before { position: absolute;top: 0;left: -75%;z-index:1;display: block;content: '';width: 50%;height: 120%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg); }

.news_date { font-size:1rem; color:#fff; font-weight:300; }
.news_subject_wrap { display:flex; align-items:center; justify-content:space-between; margin-top:0.938rem; } 

.news_subject { display:flex; align-items:center;  } 
.news_subject .news_category { min-width:85px; font-size:1rem; color:#fff; font-weight:400; padding:5px 15px; background:#106526; margin-right:0.938rem; text-align:center; }
#wrap.en .news_subject .news_category { min-width:105px; } 

.news_subject .news_category.c1 { background:#106526;}
.news_subject .news_category.c2 { background:#0a6d67;}
.news_subject .news_category.c3 { background:#1e8d08;}

.news_subject .news_category.c5 { background:#106526;}
.news_subject .news_category.c6 { background:#0a6d67;}
.news_subject .news_category.c7 { background:#1e8d08;}


.news_subject .news_text { position:relative; font-size:1.25rem; color:#fff; font-weight:400; margin-right:1.25rem; -webkit-line-clamp : 1;  line-height:1.35em; height:1.35em; overflow:hidden;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; transition:all 0.3s; }
.news_subject .news_text::before{ display:none; content: ""; position: absolute; bottom:0; width: 0; height: 15px; background:rgba(255,255,255,0.2); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: -99; }


.news_plus { margin-right:0.938rem; }
.news_plus img { vertical-align:middle; transition:all 0.5s; } 

.news_list_row a.shine:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } 
.news_list_row a:hover:after { transform:scaleX(1); transform-origin:left; 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:scaleX(1);-webkit-transform-origin:left;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);  } 
.news_list_row a:hover .news_plus img { transform:rotate(180deg); } 
.news_list_row a:hover .news_subject .news_text { color:#07b517; } 
.news_list_row a:hover .news_text::before {content: ""; width: 100%; }

@media screen and (max-width:640px){ 
	.main_news .main_title { letter-spacing:0; } 
}

@media screen and (max-width: 480px){
	.news_subject .news_category { font-size:0.875rem; } 
	.news_subject .news_text { font-size:1rem; } 
}


/*----------------------------------------------------------------------
@ MAIN CONTACT
----------------------------------------------------------------------*/
#section5 { position:relative; display:flex; align-items:center; justify-content:center; min-height:100vh } 
#section5 .container { position:relative; width:100%; margin:0 auto; }

#section5 .contact6_inner { position:absolute; left:calc(50% - 46.25rem); top:50%; transform:translateY(-50%);  z-index:99; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); transition:all 0.3s ease; } 
#section5 .contact6_cont { width:28.125rem; max-width:28.125rem;  background:rgba(0,0,0, 0.7); padding:3.75rem 2.188rem; } 

#section5 .contact6_title_wrap { text-align:left;  } 
#section5 .contact6_title { position:relative; font-size:1.875rem; color:#fff; font-weight:700; line-height:1.36; letter-spacing:0.5rem; text-align:center; } 
#section5 .contact6_title:after { content:''; position:absolute; bottom:0rem; left:0; width:10.625rem; height:2px; background:var(--main);; } 

#section5 .contact6_btn { position:relative; text-align:center; margin-top:4.375rem; } 
#section5 .contact6_btn a { display:inline-block; font-size:0.875rem; color:#fff; font-weight:400; letter-spacing:0.1rem; padding:0.938rem 1.875rem; border:1px solid #fff; background:var(--main); border-radius:2px; transition:all 0.3s ease; } 
#section5 .contact6_btn a:hover { color:#fff; border:1px solid var(--menu); } 
#section5 .contact6_btn a:after { background:var(--menu); } 
#section5 .contact6_btn .material-icons { font-size:20px; margin-right:5px; }

#section5 .location_map_wrap { position:relative; width:100%;  } 
#section5 .location_map_wrap:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:10;  } 
#section5 .location_map { position:relative; width:100%; height:100%; text-align:center; } 

/* google maps */
#section5 .location_map iframe { width:100% !important; height:100vh !important; } 


#section5 .root_daum_roughmap .wrap_map {height:100vh !important; border-bottom:1px solid #ddd; }
#section5 .root_daum_roughmap_landing {width:100% !important;padding:0 !important;}
#section5 .root_daum_roughmap .wrap_controllers {display:none;}
#section5 .root_daum_roughmap .wrap_btn_zoom {display:none;}

#section5 .location_more_wrap { position:relative; } 

#section5 .location_addr { margin-top:1.875rem; } 
#section5 .location_addr .addr_row { display:flex; font-size:1rem; color:#fff; font-weight:300;margin-bottom:5px; } 
#section5 .location_addr .addr_row:last-of-type { margin-bottom:0rem; }
#section5 .location_addr .addr_row b { display:block; color:#fff; font-weight:300; margin-bottom:8px; margin-right:10px; } 



#section5 .location_detail { display:block; }
#section5 .location_info { display:flex; font-size:1rem; color:#fff; font-weight:400; margin-top:1.25rem; } 
#section5 .location_info_left { width:2.5rem; }
#section5 .location_info_left .material-icons { display:flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; background:#fff; color:#111; border-radius:100%; } 
#section5 .location_info_right { width:calc(100% - 2.5rem); padding-left:10px; padding-top:10px; } 
#section5 .location_info_right .name { font-size:1.073rem; font-weight:500; } 
#section5 .location_info_right p { position:relative; margin-top:0.625rem; font-size:0.938rem; color:#fff; font-weight:300; line-height:1.5; }
#section5 .location_info_right p.bus { padding-left:1.563rem; } 
#section5 .location_info_right p.bus::after { content:'B'; position:absolute; left:0px; top:0px; display:flex; align-items:center; justify-content:center; width:1.25rem; height:1.25rem; font-size:0.875rem; color:#fff; font-weight:800; background:#357add; border-radius:100%; line-height:1;  } 
#section5 .location_info_right p.bus2::after { background:#6bcd49; } 

#section5 .contact6_btn2 { position:relative; text-align:center; margin-top:2.5rem; } 
#section5 .contact6_btn2 a { display:inline-block; min-width:12rem; font-size:0.875rem; color:#fff; font-weight:400; padding:0.938rem 1.875rem; border:1px solid #111; background:#111; border-radius:2px; transition:all 0.3s ease; } 
#section5 .contact6_btn2 a:hover { color:#fff; border:1px solid var(--menu); } 
#section5 .contact6_btn2 a:after { background:var(--menu); } 


/* Hover */

/* Responsive */
@media screen and (max-width:1440px){
	#section5 .contact6_inner { left:15px; } 
}
@media screen and (max-width:1200px){
	#section5 .container { margin:0 auto; } 
	#section5 .contact6_inner { left:15px; } 
}
@media screen and (max-width:1024px){
	#section5 {  } 
	#section5 .contact6_cont { padding:1.875rem 1.875rem; } 
}
@media screen and (max-width:640px){ 
	#section5 { min-height:revert } 
	#section5 .contact6_inner {  top: revert; transform: revert; bottom: 0px; width: 100%; left: revert; } 
	#section5 .contact6_cont { width:100%; max-width:revert; padding:1.875rem 1.875rem; } 
} 
@media screen and (max-width:640px){ 
	#section5 .contact6_title { letter-spacing:0; } 
}