@charset "UTF-8";
/********************************************************


		메인 버전 1.  css 	:: BSJ


********************************************************/
#header {border-bottom:none;}
#header.nav-up {/*border-bottom:1px solid #f5f5f5;*/}
#header.nav-down {/*border-bottom:1px solid #f5f5f5;*/}
.lnb-menu > li > a {color:#fff;}

#header.nav-up .lnb-menu > li > a {color:#fff;}
#header.nav-down .lnb-menu > li > a {color:#111;}
#header.type2.open_menu .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top .lnb-menu > li > a {color:#fff;}
#header.type2.open_menu.nav-down.nav-top .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top {border-bottom:none;}
#header .logo1 {display:none;}
#header.nav-down .logo1 {display:block;}
#header.nav-down .logo2 {display:none;}
#header.nav-down.nav-top .logo1 {display:none;}
#header.nav-down.nav-top .logo2 {display:block;}
#header__mobile span {background-color:#fff;}
#header.nav-down.nav-top #header__mobile span {background-color:#fff;}

@media screen and (max-width: 1024px){
	#header.nav-up .logo1 {display:block;}
	#header.nav-up .logo2 {display:none;}
}




/*----------------------------------------------------------------------
	메인
----------------------------------------------------------------------*/
#main > section {padding-top:100px;padding-bottom:100px;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:15px;font-weight:600;font-size:20px;color:#333;text-align:center;}
.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:60px;font-size:14px;color:#221916;line-height:25px;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width: 768px){
	#main > section {padding-top:40px;padding-bottom:40px;}
	.main__title span {font-size:13px;}
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#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:2.5rem;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:0rem;-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:-3rem;}
#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.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); } 

/*반응형*/
@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;}
}
@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;}}
}
@media screen and (max-width: 480px){
	#main__slider .slider__infos {/*height:480px;*/}
	#main__slider .swiper-slide-active .slider__slogun {top:-6.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:4rem; } 
.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; } 
}




/*----------------------------------------------------------------------
@ 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; } 

.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;} 
} 


/*----------------------------------------------------------------------
@ MAIN CONTACT
----------------------------------------------------------------------*/
.main_contact { color:#fff; text-align:center; } 
.main_icon { margin-top:1.25rem; } 
.main_icon span { display:inline-flex; align-items:center; font-size:1rem; font-weight:400; margin-right:1.25rem; text-transform:uppercase; letter-spacing:0.01em;} 
.main_icon span:last-of-type { margin-right:0rem; } 
.main_icon span.tel i { display:inline-block; width:20px; height:20px; background:url('/common/theme/layout/images/main/icon_tel.png') no-repeat; background-position:0px 0px; margin-right:5px; } 
.main_icon span.fax i { display:inline-block; width:20px; height:20px; background:url('/common/theme/layout/images/main/icon_fax.png') no-repeat; background-position:0px 0px; margin-right:5px; } 
.main_icon span.email i { display:inline-block;  width:20px; height:20px;  background:url('/common/theme/layout/images/main/icon_email.png') no-repeat; background-position:0px 0px; margin-right:5px; }