@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; flex-direction:column; align-items:flex-start; padding:0rem;line-height:1; }
.main_title h2 { font-size:3.125rem; color:#fff; font-weight:700; }
.main_title p { font-size:1.5rem; color:#fff; font-weight:300; margin-bottom:0.938rem; letter-spacing:0; }
.main_title.b h2, .main_title.b p { color:#111; }

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


/* 라인 줄임 CSS */
.comm_line1 { -webkit-line-clamp : 1;  line-height:1.4em; height:1.3em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line2 { -webkit-line-clamp : 2;  line-height:1.4em; height:2.8em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line3 { -webkit-line-clamp : 3;  line-height:1.4em; height:4.2em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line4 { -webkit-line-clamp : 4;  line-height:1.4em; height:5.6em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line5 { -webkit-line-clamp : 5;  line-height:1.4em; height:7em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line6 { -webkit-line-clamp : 6;  line-height:1.4em; height:8.4em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }


/*----------------------------------------------------------------------
@ 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);opacity:1;} 
*/


/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#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;color:#fff; padding-bottom:5rem; }
#main__slider .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:4.375rem; color:#fff;overflow:hidden;word-break:keep-all; }
#main__slider .slider__slogun > b.subtitle { display:block;font-weight:300;font-size:1.25rem; color:#fff;overflow:hidden; margin-bottom:0.938rem; word-break:keep-all; line-height:1.4; }
#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:0.625rem;font-weight:300;font-size:1.125rem;line-height:1.389;color:#fff;letter-spacing:0;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:0.625rem 1.563rem; margin-top:1.875rem;border:1px solid #fff;font-size:0.938rem;color:#fff;font-weight:400;text-align:center;box-sizing:border-box;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;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:before {content:'CONTACT US'; letter-spacing:0; }
#main__slider .slider__slogun_btn > span i { display:inline-block; width:16px; height:16px; background:url('/common/theme/layout/images/main/icon_link.png') no-repeat center / contain;  margin-left:0.938rem; } 

/*스크롤*/

#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:0;}
#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 {font-size:1.25rem;color:#fff;}
#main__slider .swiper-button-prev { width:60px; height:60px; left:revert; top:revert;right:61px; bottom:0px; background:rgba(0,0,0,0.1);  transition:all 0.3s } 
#main__slider .swiper-button-next { width:60px; height:60px; top:revert; right:0px; bottom:0px; background:rgba(0,0,0,0.1); 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); } 

/*반응형*/
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:var(--menu);}
	#main__slider .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider__slogun {padding:0 15px; padding-bottom:8rem; }

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

	#main__slider .slider__slogun > b { font-size:2.75rem;  } 
	#main__slider .slider__slogun > b.subtitle {  font-size:1.375rem; } 

}
@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 { padding-bottom:10rem; }
	#main__slider .slider__slogun > p br { display:none; } 
}
@media screen and (max-width: 480px){
	#main__slider .slider__infos {/*height:480px;*/}
}

@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 
----------------------------------------------------------------------*/
.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; } 
.main_family_right a { display:flex; align-items:center; font-size:0.938rem; color:#fff; font-weight:300; letter-spacing:0.02em; margin-right:2.5rem; 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; } 
}

@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; } 
	.main_family_right a { width:100%; justify-content:space-between; font-size:1rem; margin-bottom:0.313rem; } 
}

/*----------------------------------------------------------------------
@ FULLPAGE NAVI
----------------------------------------------------------------------*/
#fp-nav ul li { margin:1.875rem 0px; } 
#fp-nav ul li:last-of-type { display:none; } 
#fp-nav ul li a span {  position:relative; display:inline-block; width:2.375rem; height:2.375rem; border:1px solid transparent; background:transparent; transition:all 0.4s ease-out;margin:0 } 
#fp-nav ul li a span::after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:8px; background:rgba(255,255,255,0.3); border-radius:50%;  transition:all 0.4s ease-out;  } 
#fp-nav .fp-sr-only { display:none; } 

#fp-nav ul li a.active { border-color:revert; border:revert; } 

#fp-nav ul li a.active span { width:2.375rem; height:2.375rem; border:1px solid rgba(255,255,255,0.4); background:transparent; margin:0 } 
#fp-nav ul li a.active span::after { background:#fff; } 

#fp-nav ul li:hover { margin:1.875rem 0px; } 
#fp-nav ul li:hover a span, 
#fp-nav ul li:hover a.active span { width:2.375rem; height:2.375rem; border:1px solid rgba(255,255,255,0.4); background:transparent; margin:0 } 
#fp-nav ul li:hover a span::after,
#fp-nav ul li:hover a.active span::after { background:#fff; } 

/*

#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; } 
@media screen and (max-width: 1300px){
	#fp-nav { display:none; } 
} 


/*----------------------------------------------------------------------
@ SECTION BACKGROUND
----------------------------------------------------------------------*/
.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 { background:#000; } 


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








/*----------------------------------------------------------------------
@ MAIN BUSINESS
----------------------------------------------------------------------*/
#section1 { }
#section1 .business_cont { display:flex; color:#fff; margin-top:3.75rem; }
#section1 .business_cont .business_left { width:31.7%; padding-right:3rem; }
#section1 .business_cont .business_right { width:68.3%; min-height:15.625rem; }

#wrap.en #section1 .business_cont .business_right { width:68.3%; min-height:20.625rem; }

#section1 .business_left ul { width:100%; }
#section1 .business_left ul li { margin-bottom:0.625rem; }
#section1 .business_left ul li:last-of-type { margin-bottom:0rem; } 
#section1 .business_left ul li a { display:flex; align-items:center; justify-content:space-between; width:100%; font-size:1.5rem; color:#fff; font-weight:300; transition:all 0.5s;}

#wrap.en #section1 .business_left ul li a { font-size:1.25rem;}

#section1 .business_left ul li span.text { position:relative; width:100%;  } 
#section1 .business_left ul li span.text::after { content:''; position:absolute; top:50%; transform:translateY(-50%); right:0px; width:0px; height:1px; background:#fff; transition:all 0.5s; } 

#section1 .business_left ul li a:hover { font-weight:600; }
#section1 .business_left ul li a:hover span.text::after { width:6.375rem; } 

#section1 .business_left ul li.active a { color:#04bc08; font-weight:800; }
#section1 .business_left ul li.active a span.text::after { width:6.375rem; } 

#wrap.en #section1 .business_left ul li a:hover span.text::after { width:1.875rem; } 
#wrap.en #section1 .business_left ul li.active a span.text::after { width:1.875rem; } 

#section1 .business_right { } 
#section1 .business_right p  { font-size:1.125rem; color:#fff; font-weight:300; line-height:1.56; letter-spacing:0;word-break:keep-all; } 
#section1 .business_right a { display:inline-block; font-size:1rem; color:#fff; font-weight:300; margin-top:1.875rem; padding:0.625rem 0.938rem; border:1px solid rgba(255,255,255,0.4); transition:all 0.3s; } 
#section1 .business_right a .icons { display:inline-block; width:16px; height:12px; background:url('/common/theme/layout/images/main/icon_arrow_right_w.png') no-repeat center center / contain; margin-left:1.875rem; } 

#section1 .business_right .business_right_row { display:none; } 
#section1 .business_right .business_right_row:nth-of-type(1) { display:block; }  

#section1 .business_right a:hover { border:1px solid var(--menu); background:var(--menu); color:#fff; } 

@media screen and (max-width: 1200px){
	#section1 .business_cont .business_left { width:35%; padding-right:1.875rem; }
	#section1 .business_cont .business_right { width:65%;  }
} 
@media screen and (max-width: 1024px){
	#section1 { padding-top:5rem; padding-bottom:5rem; height:revert !important;} 
	#section1 .fp-tableCell { height:revert !important; } 

	#section1 .business_cont .business_left { width:40%; padding-right:1.875rem; }
	#section1 .business_cont .business_right { width:60%;  }

	#section1 .business_left ul li a { font-size:1.25rem; }
} 
@media screen and (max-width: 768px){
	#section1 .business_cont { flex-direction:column; margin-top:2.5rem; } 
	#section1 .business_left { padding-right:1.875rem;}
	#section1 .business_cont .business_left { width:100%; padding-right:0rem; } 
	#section1 .business_cont .business_right { width:100%; padding-top:1.875rem; min-height:21rem; } 
	#section1 .business_left ul li a { font-size:1.125rem; } 
} 
@media screen and (max-width: 640px){
	#section1 .business_cont { flex-direction:column; } 
	#section1 .business_cont .business_left { width:100%; padding-right:0rem; } 
	#section1 .business_cont .business_right { width:100%; padding-top:1.875rem; }  

	#wrap.en #section1 .business_cont .business_right { width:100%;  }
	#wrap.en #section1 .business_left ul li.active a span.text::after { width:6.375rem; } 
} 
@media screen and (max-width: 480px){
	
} 




/*----------------------------------------------------------------------
@ MAIN MEMBERS
----------------------------------------------------------------------*/
#section2 .member_list { margin-top:2.188rem; }
#section2 .member_list_inner { overflow:hidden; } 
#section2 .member_thumb_wrap { position:relative; /*border-radius:0.625rem; */overflow:hidden; } 
#section2 .member_thumb {position:relative;width:100%;height:0;padding-top:145.4545%;text-align:center; /*border-radius:0.625rem; */overflow:hidden; transition:all 0.3s ease; z-index:1; }
#section2 .member_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 ease; } 
#section2 .member_thumb img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

#section2 .member_info { display:flex; align-items:center; justify-content:center;  padding:1.25rem 0.625rem; transition:all 0.3s ease; z-index:2;  } 
#section2 .member_cont { text-align:center; color:#111; } 
#section2 .member_title { font-size:1.875rem; font-weight:700; } 
#section2 .member_title span { font-size:1.25rem; font-weight:400; margin-left:0.313rem; } 


#section2 .thk-col:hover .member_thumb { transform:scale(1.05); } 
#section2 .thk-col:hover .member_thumb:after { opacity:1; } 

/* swiper control */ 
#section2 .swiper-container { } 
#section2 .swiper-position { position:absolute; top:-6rem; width:100%; max-width:1170px; z-index:5; }
#section2 .swiper-button-prev:after, #section2 .swiper-button-next:after { display:none; content:''; } 
#section2 .swiper-button-prev, #section2 .swiper-button-next { width:3.5rem; height:3.5rem;  border:1px solid rgba(0,0,0, 0.4); margin-top:0rem; border-radius:50%; } 
#section2 .swiper-button-prev { left:revert; right:4.125rem; top:0%; }
#section2 .swiper-button-next  {left:revert; right:0px; top:0%;  }
#section2 .arrow-left { width:10px; height:19px; background:url('/common/theme/layout/images/main/icon_arrow_left.png') no-repeat center center / contain; transform:rotate(0deg); } 
#section2 .arrow-right { width:10px; height:19px; background:url('/common/theme/layout/images/main/icon_arrow_right.png') no-repeat center center / contain; transform:rotate(0deg); } 

#section2 .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
#section2 .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

@media screen and (max-width: 1024px){
	#section2 { padding-top:5rem; padding-bottom:5rem; height:revert !important;} 
	#section2 .fp-tableCell { height:revert !important; } 
} 





/*----------------------------------------------------------------------
@ MAIN SUCCESS
----------------------------------------------------------------------*/
#section3 .success_list { margin-top:2.188rem; }
#section3 .success_list_inner { overflow:hidden; } 
#section3 .success_thumb_wrap { position:relative; border:5px solid #000;  overflow:hidden; } 
#section3 .success_thumb {position:relative;width:100%;height:0;padding-top:138.4615%;text-align:center; overflow:hidden; transition:all 0.3s ease; z-index:1; }
#section3 .success_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 ease; } 
#section3 .success_thumb img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

#section3 .success_info { display:flex; align-items:center; justify-content:flex-start;  padding:0.938rem 0.313rem; transition:all 0.3s ease; z-index:2;  } 
#section3 .success_cont { text-align:left; color:#fff; } 
#section3 .success_cont h3 { font-size:1.375rem; font-weight:700; } 
#section3 .success_cont p { font-size:1.125rem; color:#9f9f9f; font-weight:300; margin-top:0.313rem; word-break:keep-all; } 

#section3 .thk-col:hover .success_thumb { transform:scale(1.05); } 
#section3 .thk-col:hover .success_thumb:after { opacity:1; } 

/* swiper control */ 
#section3 .swiper-container { } 
#section3 .swiper-position { position:absolute; top:-6rem; width:100%; max-width:1170px; z-index:5; }
#section3 .swiper-button-prev:after, #section3 .swiper-button-next:after { display:none; content:''; } 
#section3 .swiper-button-prev, #section3 .swiper-button-next { width:3.5rem; height:3.5rem;  border:1px solid rgba(255,255,255,0.4); margin-top:0rem; border-radius:50%; } 
#section3 .swiper-button-prev { left:revert; right:4.125rem; top:0%; }
#section3 .swiper-button-next  {left:revert; right:0px; top:0%;  }
#section3 .arrow-left { width:10px; height:19px; background:url('/common/theme/layout/images/main/icon_arrow_left_g.png') no-repeat center center / contain; transform:rotate(0deg); } 
#section3 .arrow-right { width:10px; height:19px; background:url('/common/theme/layout/images/main/icon_arrow_right_g.png') no-repeat center center / contain; transform:rotate(0deg); } 

#section3 .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
#section3 .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

@media screen and (max-width: 1024px){
	#section3 { padding-top:5rem; padding-bottom:5rem; height:revert !important; } 
	#section3 .fp-tableCell { height:revert !important; } 
} 






/*----------------------------------------------------------------------
@ MAIN JOB LIST
----------------------------------------------------------------------*/
#section4 .job_list { margin-top:2.188rem; }
#section4 .job_list_inner { overflow:hidden; } 

#section4 .job_info { display:flex; align-items:center; justify-content:flex-start;  transition:all 0.3s ease; z-index:2;  } 
#section4 .job_cont { position:relative; text-align:left; color:#111; z-index:1; transition:all 0.3s ease-out;  } 
#section4 .job_cont h3 { font-size:1.563rem; font-weight:700; } 
#section4 .job_cont h3.comm_line3 { line-height:1.2em; height:3.6em; } 

#section4 .job_cont p { font-family:'Noto Sans KR'; font-size:1.875rem; color:#000; font-weight:900; line-height:1;  } 
#section4 .job_cont p.mt10 { margin-top:0.625rem;  } 
#section4 .job_cont p.date { font-size:1rem; color:#666; font-weight:400; } 


#section4 .thk-col { position:relative; background:#fff; padding:2.188rem 2.5rem; margin-bottom:1.875rem; overflow:hidden; } 
#section4 .thk-col:after { content:''; position:absolute; left:0px; bottom:-100%; width:100%; height:100%; background:var(--menu); z-index:0; transition:all 0.3s; } 

#section4 .thk-col:hover:after { bottom:0px; } 
#section4 .thk-col:hover:after { bottom:0px; } 
#section4 .thk-col:hover p, 
#section4 .thk-col:hover .job_cont { color:#fff; }

/*
#section4 .thk-col:hover .job_thumb { transform:scale(1.05); } 
#section4 .thk-col:hover .job_thumb:after { opacity:1; } 
*/

/* swiper control */ 
#section4 .swiper-container { } 
#section4 .swiper-position { position:absolute; top:-6rem; width:100%; max-width:1170px; z-index:5; }
#section4 .swiper-button-prev:after, #section4 .swiper-button-next:after { display:none; content:''; } 
#section4 .swiper-button-prev, #section4 .swiper-button-next { width:3.5rem; height:3.5rem;  border:1px solid rgba(255,255,255,0.4); margin-top:0rem; border-radius:50%; } 
#section4 .swiper-button-prev { left:revert; right:4.125rem; top:0%; }
#section4 .swiper-button-next  {left:revert; right:0px; top:0%;  }
#section4 .arrow-left { width:10px; height:19px; background:url('/common/theme/layout/images/main/icon_arrow_left_g.png') no-repeat center center / contain; transform:rotate(0deg); } 
#section4 .arrow-right { width:10px; height:19px; background:url('/common/theme/layout/images/main/icon_arrow_right_g.png') no-repeat center center / contain; transform:rotate(0deg); } 

#section4 .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
#section4 .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

@media screen and (max-width: 1024px){
	#section4 { padding-top:5rem; padding-bottom:5rem; height:revert !important;} 
	#section4 .fp-tableCell { height:revert !important; } 
	.job_list_inner .row-md3 .thk-col { width: calc((100% / 3 ) - 1.875rem); } 
} 
@media screen and (max-width: 640px){
	.job_list_inner .thk-row { margin-right:-1.25rem; } 
	.job_list_inner .row-md3 .thk-col { width: calc((100% / 2 ) - 1.25rem); padding:1.25rem; margin-right:1.25rem; } 
	.job_list_inner .row-md3 .thk-col:last-of-type { margin-right:1.25rem !important; } 
} 






/*----------------------------------------------------------------------
@ MAIN LOCATION
----------------------------------------------------------------------*/
#section5 .main_location{ position:relative; margin-top:0rem; overflow:hidden;} 
#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 .location_map.pc { display:block; } 
#section5 .location_map.mobile { display:none; } 


#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 .contact6_inner { position:absolute; width:100%; max-width:1680px; margin:0 auto; left:50%; top:50%; transform:translate(-50%, -50%);  z-index:99; transition:all 0.3s ease; } 
#section5 .contact6_cont { width:33.375rem; max-width:33.375rem;  background:rgba(15,96,36,0.9); padding:3.75rem 2.188rem; } 

#section5 .contact6_title_wrap { color:#fff; text-align:left; margin-bottom:1.875rem; padding-bottom:1.875rem; border-bottom:1px solid #e6e6e6;   } 
#section5 .contact6_title_wrap label { display:flex; align-items:center; font-size:1.375rem; font-weight:500; } 
#section5 .contact6_title_wrap label .icon_addr {display:inline-block; width:14px; height:21px; background:url('/common/theme/layout/images/main/icon_location.png') no-repeat center / contain;  margin-right:0.625rem;  }
#section5 .contact6_title_wrap p { font-size:1.25rem; margin-top:0.625rem;  }


#section5 .location_addr { margin-top:1.875rem; } 
#section5 .location_addr .addr_row { display:flex; font-size:1.25rem; 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:inline-block; min-width:6.25rem; color:#fff; font-weight:500; margin-bottom:8px; margin-right:10px; } 
#section5 .location_addr .icon_phone {display:inline-block; width:20px; height:17px; background:url('/common/theme/layout/images/main/icon_phone.png') no-repeat center / contain;  margin-right:0.75rem;  }
#section5 .location_addr .icon_fax {display:inline-block; width:20px; height:15px; background:url('/common/theme/layout/images/main/icon_fax.png') no-repeat center / contain;  margin-right:0.75rem;  }
#section5 .location_addr .icon_email {display:inline-block; width:20px; height:15px; background:url('/common/theme/layout/images/main/icon_email.png') no-repeat center / contain;  margin-right:0.75rem;  }


#section5 .contact6_btn2 { position:relative; text-align:left; } 
#section5 .contact6_btn2 a { display:inline-block; font-size:1rem; color:#fff; font-weight:300; margin-top:1.875rem; padding:0.625rem 0.938rem; border:1px solid rgba(255,255,255,0.4); } 
#section5 .contact6_btn2 a .icons { display:inline-block; width:16px; height:12px; background:url('/common/theme/layout/images/main/icon_arrow_right_w.png') no-repeat center center / contain; margin-left:1.875rem; } 
#section5 .contact6_btn2 a:hover { color:#fff; border:1px solid var(--menu); } 
#section5 .contact6_btn2 a:after { background:var(--menu); } 

@media screen and (max-width:1710px){ 
	#section5 .contact6_inner { max-width:1170px; } 
} 
@media screen and (max-width:1200px){ 
	#section5 .contact6_inner { padding:0 15px; } 
} 

@media screen and (max-width:640px){ 
	#section5 .contact6_inner { top: revert; transform: revert; bottom: 0px; width: 100%; left: revert; right:revert; padding:0; } 
	#section5 .contact6_cont { width:100%; max-width:revert; padding:1.875rem 1.875rem; } 

	#section5 .location_map.pc { display:none; } 
	#section5 .location_map.mobile { display:block; } 
}