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


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

.main_title_wrap { position:relative; } 
.main_title { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1; }
.main_title h2 { font-size:4.0625rem; color:var(--menu); font-weight:900; } 
.main_title a { position:absolute; right:0; bottom:0.9375rem; display:flex; align-items:center; gap:1rem; font-size:1rem; color:var(--menu); font-weight:600; } 

@media screen and (max-width: 1024px){
	.main_title h2 { font-size:2.5rem;  }
	.main_title a { bottom:0.3125rem; } 
}
@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:2rem;  }
	.main_title a { display:none; } 
}



/*----------------------------------------------------------------------
@ 메인슬라이드 
----------------------------------------------------------------------*/
#layout_slider_6 {position:relative;padding:0 !important;background:#000; }
#layout_slider_6 .slider__infos {overflow:hidden;height:100vmin;}
/*배경*/
#layout_slider_6 .slider__thumb {position:relative;width:100%;height:100%; }
#layout_slider_6 .slider__thumb:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); } 
#layout_slider_6 .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#layout_slider_6 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_6 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%); background-size:cover;z-index:-1;}
#layout_slider_6 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_6 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1400px;width:100%;height:100%;z-index:9;margin:0 auto;}

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

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

/*스크롤*/
/* slider-scroll arrow move */
#layout_slider_6 .slider-scroll.type2 { position: absolute;left:50%; bottom:3.125rem; transform:translateX(-50%); font-size: 0;z-index: 3; opacity:1;  margin:0 auto; text-align:center; transition:all 0.3s ease; }
#layout_slider_6 .slider-scroll.type2 a { color:#fff; } 
#layout_slider_6 .slider-scroll.type2 .scroll_down { display: inline-block;position: relative; text-align:center; }
#layout_slider_6 .slider-scroll.type2 .scroll_down > span { display: block;font-size: 0.75rem;font-weight: 700;line-height: 1;letter-spacing: 0.1em;color: #fff;}
#layout_slider_6 .slider-scroll.type2 .scroll_down > i {opacity:0; overflow:revert;} 
#layout_slider_6 .slider-scroll.type2 .scroll_down_arrow { height:10px; display: block !important; position: relative; }
#layout_slider_6 .slider-scroll.type2 .scroll_down_arrow_02 {margin-bottom: 18px;}
#layout_slider_6 .slider-scroll.type2 .scroll_down_wrap .material-icons { color:#fff;  } 

@media screen and (max-width: 1024px){
	#layout_slider_6 .slider-scroll.type2 {  bottom:40px; } 
	#layout_slider_6 .slider-scroll.type2 .scroll_down_wrap {right: 30px}
	#layout_slider_6 .slider-scroll.type2 .scroll_down_wrap .material-icons { color:#fff; } 
	#layout_slider_6 .slider-scroll.type2 .scroll_down span {display:none}
}



/*좌우 부가 설정*/
#layout_slider_6 .swiper-button-prev:after, #layout_slider_6 .swiper-button-next:after {font-size:1.25rem;color:#fff;}
#layout_slider_6 .swiper-button-prev { display:none; width:60px; height:60px; left:revert; top:revert;right:61px; background:rgba(0,0,0,0.1); bottom:0px; transition:all 0.3s } 
#layout_slider_6 .swiper-button-next { display:none; width:60px; height:60px; top:revert; right:0px; bottom:0px;  background:rgba(0,0,0,0.1); transition:all 0.3s }
#layout_slider_6 .swiper-button-prev:hover { background:rgba(255,255,255,0.5); } 
#layout_slider_6 .swiper-button-next:hover { background:rgba(255,255,255,0.5); } 

#layout_slider_6 .swiper-pagination-bullet {background-color:#e1e1e1; opacity:0.8; transition:all 0.3s ease; }
#layout_slider_6 .swiper-pagination { }
#layout_slider_6 .swiper-pagination-bullet { width:1rem; height:1rem; margin:0 5px;border-radius:50%;background-color:#fff;opacity:0.7;}
#layout_slider_6 .swiper-pagination-bullet-active {background-color:#fff; opacity:1; }

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


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

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

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

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

/* state */
#layout_slider_6 .swiper_play_state {display: none; vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#layout_slider_6 .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}

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

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


/* Responsive */
@media screen and (max-width: 1024px){
	#layout_slider_6 .slider__slogun {padding:0 15px;} 
	#layout_slider_6 .slider-scroll { display:none; } 
	
	#layout_slider_6 .swiper_control_wrap { bottom:5rem;  } 

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

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

	#layout_slider_6 .swiper_control_wrap { bottom:5rem;  } 
	#layout_slider_6 .slider_new .main_visual_state { min-width:210px; } 
	#layout_slider_6 .swiper_progress_hidden_space { width:120px; } 
	#layout_slider_6 .swiper_progress_wrap { width:120px; } 

	#layout_slider_6 .slider__slogun > b { font-size:2rem;  } 
	#layout_slider_6 .slider__slogun > b.subtitle { font-size:1.25rem; } 
	#layout_slider_6 .slider__slogun > b.subtitle br.w640 { display:none; } 

}
@media screen and (max-width: 480px){
	#layout_slider_6 .slider__infos {/*height:480px;*/}
}

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



/*----------------------------------------------------------------------
@ 메인 - ABOUT
----------------------------------------------------------------------*/
#main_about { position:relative; padding-top:0rem !important; padding-bottom:0rem !important; }
.main_about_bg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  } 
.main_about_bg .inner { width:56.25rem; height:51.9375rem; background:url('/images/main/about_bg.png') no-repeat center center; background-size:100%; animation:spin 60s infinite linear; } 
.main_about { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding-top:15.625rem; padding-bottom:15.625rem; z-index:1; } 
.main_about .subtitle { display:flex; flex-direction:column; font-size:1.875rem; color:#272727; font-weight:900; text-transform:uppercase; letter-spacing:0; }
.main_about .ani_line { width:0; height:2px; background:var(--menu); margin-top:0.3125rem; transition:all 1.4s ease 0.3s; } 
.main_about .ani_line.on { width:100%;  } 

.main_about h2 { font-size:6.25rem; color:var(--menu); font-weight:900; line-height:1; letter-spacing:0; margin-top:1.25rem; overflow:hidden; }
.main_about p { font-size:1.25rem; color:#666; font-weight:400; line-height:1.5; margin-top:0.25rem; }
.main_about p.en { color:var(--menu); font-weight:800; margin-top:1.25rem; } 


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

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

}
@media screen and (max-width: 768px){
	.main_about { padding-top:10rem; padding-bottom:10rem; } 
	.main_about .subtitle { font-size:1.5625rem; } 
	.main_about h2 { font-size:5rem; }
	.main_about p { font-size:1.125rem; } 
	.main_about_bg .inner { width:45rem; height:revert; aspect-ratio:56.25 / 51.9375; } 
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 430px){
	.main_about p.en { font-size:1.25rem; } 
}
@media screen and (max-width: 360px){

}
@media screen and (max-width: 280px){
	.main_about p br { display:none; } 
}




/*----------------------------------------------------------------------
@ 메인 - SINCE
----------------------------------------------------------------------*/
#main_since { position:relative; text-align:center;  padding-top:0rem !important; padding-bottom:0rem !important;  }
.main_since { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:37.5rem; border-radius:3.125rem; background:url('/images/main/since_bg.jpg') no-repeat center center / cover; }  
.main_since .top { color:var(--menu);  } 
.main_since .top h2 { font-size:6.25rem; font-weight:900; line-height:1; letter-spacing:-0.025em; overflow:hidden; }
.main_since .top p { font-size:1.25rem; font-weight:400; word-break:keep-all ; } 
.main_since .top p.subtitle { font-size:1.875rem; font-weight:700; }

.main_since .nums { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1440px; margin:0 auto; margin-top:5.625rem;  } 
.main_since .nums > div { display:flex; flex-direction:column; width:calc(100% / 4); row-gap:2rem; color:#fff; } 
.main_since .nums > div p { display:flex; align-items:center; justify-content:center; min-height:3.125rem;  font-size:1.25rem; letter-spacing:-0.025em; line-height:1.25; } 
.main_since .nums > div .number { display:flex; align-items:center; justify-content:center; font-size:5rem; font-weight:900; text-align:center; line-height:1; letter-spacing:-0.025em; } 
.main_since .nums > div .plus { font-size:3.125rem; font-weight:400; } 


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

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

}
@media screen and (max-width: 768px){
	.main_since { min-height:revert; padding:3rem 1rem; border-radius:2rem; } 
	.main_since .top h2 { font-size:5rem; }
	.main_since .top p { font-size:1.125rem; } 
	.main_since .top p.subtitle { font-size:1.5625rem; } 
	
	.main_since .nums { flex-wrap:wrap; row-gap:3rem; margin-top:4rem; } 
	.main_since .nums > div { width:calc(100% / 2); row-gap:1rem; }  
	.main_since .nums > div .number { font-size:4rem; } 
	.main_since .nums > div .plus { font-size:2.5rem; } 
}
@media screen and (max-width: 430px){
	.main_since .top p { margin-top:0.3125rem; } 
	.main_since .nums > div p { font-size:1.125rem; } 
	.main_since .nums > div .number { font-size:3rem; } 
	.main_since .nums > div .plus { font-size:2rem; } 
}
@media screen and (max-width: 280px){
	.main_since .nums > div .number { font-size:2.5rem; } 

}


/*----------------------------------------------------------------------
@ 메인 - CENTER & SERVICE
----------------------------------------------------------------------*/
#main_center { position:relative; padding-bottom:0 !important; z-index:1; }
.main_center { position:relative; display:flex; gap:2rem; }  
.main_center > div { background-color:#546aa7; border-radius:3.125rem; } 
.main_center > div { width:100%; padding:7.5rem 4rem 7.5rem 6.25rem; background:url('/images/main/service_bg_new.jpg') no-repeat center center / cover;} 
.main_center > div h2 { position:relative;display:flex; align-items:center; gap:1.875rem; font-size:4.375rem; color:#fff; font-weight:900; z-index:1; }
.main_center > div h2 .material-symbols-outlined { font-size:2.75rem; } 
.main_center > div p { position:relative;font-size:1.875rem; color:#fff; font-weight:600; line-height:1.5; margin-top:1.25rem; z-index:1; word-break:keep-all; } 
.main_center > div:last-child h2 { gap:4.6875rem; }

/*
.main_center > div:first-child { display:flex; width:40%; } 
.main_center > div:last-child { width:60%; padding:7.5rem 4rem 7.5rem 6.25rem; background:url('/images/main/service_bg.jpg') no-repeat center center / cover;} 

.main_center > div h2 { position:relative;display:flex; align-items:center; gap:1.875rem; font-size:4.375rem; color:#fff; font-weight:900; z-index:1; }
.main_center > div h2 .material-symbols-outlined { font-size:2.75rem; } 
.main_center > div p { position:relative;font-size:1.875rem; color:#fff; font-weight:600; line-height:1.5; margin-top:1.25rem; z-index:1; word-break:keep-all; } 
.main_center > div:last-child h2 { gap:4.6875rem; }

.main_center > div:first-child .center { display:flex; width:100%; } 
.main_center > div:first-child a { position:relative; display:flex; flex-direction:column; width:100%; padding:7.5rem 3.75rem;  border-radius:3.125rem; overflow:hidden; } 
.main_center > div:first-child a:after { content:''; position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); background:url('/images/main/center_bg.jpg') no-repeat center center / cover; transition:all 0.4s ease; z-index:0; } 
*/


.main_center .list { display:flex; flex-wrap:wrap; gap:0.9375rem 0.625rem; margin-top:8.75rem; max-width:64rem; } 
.main_center .list a { position:relative; display:flex; align-items:center; justify-content:space-between; gap:0.5rem; min-width:13.75rem; font-size:1.375rem; color:#fff; font-weight:500; border-radius:2.5rem; padding:1.25rem 1.25rem 1.25rem 1.875rem; overflow:hidden; } 
.main_center .list a:last-child { min-width:11.25rem; } 
.main_center .list a > span { position:relative; display:flex; align-items:center; gap:0.5rem; z-index:3; } 
.main_center .list a > span > i { display:flex; font-size:1.875rem; }

.main_center .list a > i { position:relative; display:flex; z-index:3; } 
.main_center .list a:before { content:''; position:absolute; left:0; top:0; width:0; height:100%; transition:all 0.3s; background:#1a2a4e; z-index:2; } 
.main_center .list a:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.3s; border-radius:2.5rem; border:2px solid #fff; z-index:1; } 
.main_center .list a .material-symbols-outlined { font-size:2.25rem; } 
.main_center .list a .mi_data_table { font-size:1.875rem; } 


.main_center .list a.point { min-width:16.25rem; background:linear-gradient(-45deg,#0e4c9c,#470e9c,#0e9a9c,#9c940e);background-size:500% auto;animation:loginbox 3s ease infinite;   }
.main_center .list a.point:after { border:2px solid transparent; } 

@keyframes loginbox {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

/* hover */
.main_center .list a:hover:before { width:100%; } 
.main_center .list a:hover .arrow_mv {  animation: arrow-action-next 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
/*.main_center > div:first-child a:hover:after { transform:translate(-50%, -50%) scale(1.1); } */


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

}
@media screen and (max-width: 1024px){
	.main_center { flex-direction:column; } 
	.main_center > div:first-child { width:100%; } 
	.main_center > div:last-child { width:100%; padding-left:3.75rem; } 
}
@media screen and (max-width: 768px){
	.main_center > div { border-radius:2rem; } 
	.main_center > div h2 { font-size:2.5rem; } 
	.main_center > div h2 .material-symbols-outlined { font-size:2.5rem; } 
	.main_center > div p { font-size:1.375rem; } 

	/*.main_center > div:first-child a { padding:5rem 1.5625rem; border-radius:2rem; }*/
	.main_center > div:last-child { padding:5rem 1.5625rem; } 
	.main_center > div:last-child h2 { gap:1.875rem; } 


	.main_center .list { margin-top:5rem; } 
	.main_center .list a { gap:0.625rem; min-width:revert; font-size:1rem; } 
	.main_center .list a.point { min-width:revert; } 
	.main_center .list a .material-symbols-outlined { font-size:1.5625rem; } 
	.main_center .list a:last-child { min-width:revert; } 
}
@media screen and (max-width: 430px){
	.main_center > div h2 { font-size:2rem; } 
	.main_center > div h2 .material-symbols-outlined { font-size:2rem; } 
	.main_center > div p { font-size:1.125rem; } 
	.main_center .list a { min-width:revert; } 
}
@media screen and (max-width: 360px){
	.main_center .list a { padding:0.9375rem 1.25rem; } 
}
@media screen and (max-width: 280px){
	.main_center .list a { font-size:0.875rem; } 
} 




/*----------------------------------------------------------------------
@ 메인 - PROJECT
----------------------------------------------------------------------*/
#main_project { position:relative; padding-top:25rem !important; padding-bottom:16.875rem !important; background:var(--menu); overflow:hidden; margin-top:-16.25rem; z-index:0; }
#main_project .maxWidth1760 { position:relative;  z-index:2; } 
#main_project .main_title h2 { color:#fff; } 
#main_project .main_title a { color:#fff; } 

.main_project { position:relative; display:flex; gap:3.75rem; margin-top:5.625rem; } 
.main_project > div { position:relative; display:flex; width:calc((100% / 2) - 1.875rem); padding-bottom:2.5rem; overflow-x:clip; } 
.main_project > div:first-child { display:block; z-index:3; }  /* swiper slide 일 경우 flex를 적용하면 안됨 */ 


.project_bg { position:absolute; z-index:0; } 
.project_bg .inner { width:50.8125rem; height:46.9375rem; background:url('/images/main/project_bg.png') no-repeat center center; background-size:100%; animation:spin 60s infinite linear; } 
.project_bg1 { right:1.25rem; top:-125px;  } 
.project_bg2 { left:-13.75rem; bottom:1.25rem; } 

.main_project > div .list { display:flex; flex-wrap:wrap; align-items:flex-start; gap:1.875rem; width:100%; } 
.main_project > div .list > a { width:calc((100% / 2) - 0.9375rem); } 


.main_project .project_slider { position:relative; }  
.main_project .project_slider .swiper-pagination { bottom:-2.5rem; } 
.main_project .project_slider .swiper-pagination-bullet { width:2.5rem; height:0.625rem; opacity:1; background:rgba(255,255,255,0.3); border-radius:0.3125rem; transition:all 0.4s ease; }
.main_project .project_slider .swiper-pagination-bullet-active { width:5rem; background:#fff; }


.main_project a .details_thumb {overflow:hidden;position:relative;}
/* 썸네일 유동
.main_project a .details_thumb > a > img {position:relative;} 
*/
/* 썸네일 사이즈 FIX */
.main_project a { position:relative; width:100%; } 
.main_project a .details_thumb {overflow:hidden;position:relative;top:0;left:0;width:100%;height:0;padding-top:70.73%;border-radius:1.875rem 1.875rem 0 0; }
.main_project a .details_thumb:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000; opacity:0; transition:all 0.5s; }

.main_project a .details_thumb > img {position:absolute;top:0;left:0;width:100%;height:100%;  overflow:hidden; transition:all 0.5s; }

.main_project a .details_thumb .pf-video-mark {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;text-align:center;}
.main_project a .details_thumb .pf-video-mark img {}
.main_project a .details_infos { padding:1.5625rem 1.75rem 1.875rem; background:#f8f8fa; border-radius:0 0 1.875rem 1.875rem; }

.main_project a .details_cate { font-size:0.813rem;color:#999; letter-spacing:0; line-height:1.25; margin-bottom:5px;}
.main_project a .details_title  {display:block;font-size:1.5625rem;color:var(--menu); font-weight:800; word-break:break-all; transition:all .6s; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.main_project a .details_item6 { font-size:1.25rem; color:#8183a9; font-weight:600; margin-top:0.5rem; white-space:normal;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; } 
.main_project a .details_arrow { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all 0.5s; opacity:0; } 
.main_project a .details_arrow .circle { display:flex; align-items:center; justify-content:center; width:5rem; aspect-ratio:1; border-radius:50%; background:rgba(41,43,81, 0.8); } 
.main_project a .details_arrow .circle span { font-size:2rem; color:#fff; } 

.main_project > div:first-child a .details_thumb { padding-top:74.70%; } 
.main_project > div:first-child a .details_infos { padding:3rem 3.125rem 4rem; } 
.main_project > div:first-child a .details_title { font-size:3.125rem; } 
.main_project > div:first-child a .details_item6 { font-size:1.5625rem; } 
.main_project > div:first-child a .details_arrow .circle { width:7.5rem; } 
.main_project > div:first-child a .details_arrow .circle span { font-size:2.75rem; } 


/* hover */
.main_project a:hover .details_arrow { opacity:1; } 
.main_project a:hover .details_thumb:before { opacity:1; } 
.main_project a:hover .details_thumb > img { transform:scale(1.0);opacity:0.7; }


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

}
@media screen and (max-width: 1024px){
	.main_project { flex-direction:column; } 
	.main_project > div { width:calc(100%); overflow-x:revert; } 
	.main_project .project_slider .swiper-pagination { position:relative; bottom:-1.25rem; }
}
@media screen and (max-width: 768px){
	#main_project { padding-bottom:10rem !important; } 
	.project_bg .inner { width:30rem; aspect-ratio:50.8125 / 46.9375; height:revert; } 

	.main_project > div .list { gap:1.25rem; } 
	.main_project > div .list > a { width:calc((100% / 2) - 0.625rem); } 

	.main_project a .details_title  { font-size:1.25rem; } 
	.main_project a .details_item6 { font-size:1rem; } 
	.main_project > div:first-child a .details_infos { padding:2.5rem; } 
	.main_project > div:first-child a .details_title { font-size:1.875rem; } 
	.main_project > div:first-child a .details_item6 { font-size:1.25rem; } 
	.main_project > div:first-child a .details_arrow .circle { width:5rem; } 
	.main_project > div:first-child a .details_arrow .circle span { font-size:2rem; } 
}
@media screen and (max-width: 430px){
	.main_project > div .list > a { width:calc((100% / 1) - 0.625rem); } 
	.main_project a .details_thumb { padding-top:56.25%; } 
}
@media screen and (max-width: 360px){
	.main_project > div:first-child a .details_infos { padding:1.875rem; } 
	.main_project > div:first-child a .details_title { font-size:1.5625rem; } 

}




/*----------------------------------------------------------------------
@ 메인 - 홍보
----------------------------------------------------------------------*/
#main_promo { position:relative; padding-top:7.5rem !important; background:#ffffff; }
.main_promo { position:relative; display:flex; gap:3.75rem; margin-top:4.375rem; } 
.main_promo > div { width:calc((100% / 2) - 1.875rem); border:1px solid #e0e0e0; border-radius:1.875rem; box-shadow: 0px 0.625rem 1.5625rem 0px rgba(0, 0, 0, 0.1); background:#fff;  overflow:hidden; } 
.main_promo > div:last-child { padding:2.5rem;  } 

.main_promo .youtube { display:block;position:relative;width:100%;height:100%;padding-bottom:56.25% !important;  }
.main_promo .youtube iframe { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } 

/*
.main_board_list { position:relative; border:1px solid #e0e0e0; border-radius:1.875rem; box-shadow:0px 0.625rem 1.563rem 0px rgba(0, 0, 0, 0.1); background:#fff; padding:1.875rem 2.188rem 3.75rem; margin-top:0.625rem; }
.main_board_list.hide { display:none; } 
*/

.main_board_list ul { display:flex; flex-direction:column; } 
.main_board_list ul li { border-bottom:2px dashed #eee; }
.main_board_list ul li a { display:flex; align-items:center; padding:1.25rem 0; transition:all 0.4s;  }
.main_board_list ul li a .category { display:inline-flex; align-items:center; justify-content:center; width:5.9375rem; min-height:2.5rem; font-size:1.125rem; color:#fff; font-weight:500; background:#0e4c9c; border-radius:1.25rem; padding:0.313rem;  } 
.main_board_list ul li a .category.c33 { background:#0e4c9c; } 
.main_board_list ul li a .category.c35 { background:#00abad; } 
.main_board_list ul li a .category.c243 { background:#f7ba21; } 
.main_board_list ul li a .category.c250 { background:#9fd25a; } 
.main_board_list ul li a .subject { display:inline-flex; width:calc(100% - 8.75rem - 5.625rem); -webkit-line-clamp : 1;  line-height:1.2em; height:1.2em;  font-size:1.25rem;  color:#000; font-weight:700; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-left:0.75rem; margin-right:1.25rem; } 
.main_board_list ul li a .date { display:inline-flex; justify-content:flex-end; width:5rem; font-size:0.875rem; color:#999; font-weight:400; } 

.main_board_list ul li a:hover { padding-left:1rem; padding-right:1rem; background:#f7f7f7; } 



/* Responsive */
@media screen and (max-width: 1470px){
	
}
@media screen and (max-width: 1024px){
	#main_promo { padding-top:5rem !important; } 
	.main_promo { flex-direction:column; } 
	.main_promo > div { width:calc(100%); }
}

@media screen and (max-width: 768px){
	.main_board_list {   } 
	.main_board_list ul li a { padding:0.938rem 0; } 
	/*
	.main_board_list ul li a .category { font-size:0.938rem; width:5.5rem; min-height:1.875rem; } 
	*/
	.main_board_list ul li a .subject { font-size:1rem; width:calc(100% - 5.5rem); margin-left:1rem; margin-right:1rem;  } 
	.main_board_list ul li a .date { display:none; } 
	.main_promo > div:last-child { padding:1.875rem; } 
	.main_board_list ul li a .category { font-size:1rem; } 
}
@media screen and (max-width: 430px){

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

}




/*----------------------------------------------------------------------
@ 메인 - 인재채용
----------------------------------------------------------------------*/
#main_recruit { position:relative; padding-top:0rem !important; padding-bottom:0 !important; min-height:41.25rem; background:#fff; }
.main_recruit { position:relative; display:flex; background:url('/images/main/recruit_bg1.jpg') no-repeat center center / cover; border-radius:2.5rem; z-index:1;  } 
.main_recruit .inner { display:flex; flex-direction:column; row-gap:1.875rem; width:100%; max-width:1440px; margin:0 auto; padding:6.875rem 0; } 

.main_recruit .inner h2 { }
.main_recruit .inner p { font-size:1.875rem; color:#000; font-weight:700; word-break:keep-all; }
.main_recruit .inner .btns { display:flex; align-items:center; gap:0.625rem; padding-top:0.9375rem; }
.main_recruit .inner .btns a { display:inline-flex; align-items:center; justify-content:center; gap:0.875rem; min-width:11.25rem; font-size:1.125rem; color:#fff; font-weight:700; background:#0e4c9c; border-radius:0.3125rem; padding:1rem 1.5625rem; transition:all 0.4s ease; } 
.main_recruit .inner .btns a:nth-child(2) { background:#45109c; } 

.main_recruit .inner .btns a:hover { background:#04387c; } 
.main_recruit .inner .btns a:nth-child(2):hover { background:#320877; } 

/*
.recruit_bg { position:absolute; left:0; bottom:0; width:100%; height:24.375rem; background:url('/images/main/recruit_bg2.jpg') no-repeat center center / cover; z-index:0; } 
*/

.recruit_bg { position:absolute; left:0; bottom:0; width:100%; height:24.375rem; z-index:0; overflow:hidden; } 
.recruit_bg .inner { position:absolute; left:0; bottom:0; width:100%; height:100%; background:url('/images/main/recruit_bg2.jpg') no-repeat center center / cover; } 

/* Responsive */
@media screen and (max-width: 1470px){
	.main_recruit .inner { margin:0 15px; padding:6.875rem 1.875rem; } 
}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
	#main_recruit { min-height:32rem; } 
	.main_recruit { border-radius:2rem; } 
	.main_recruit .inner { padding:5rem 1.25rem; } 
	.main_recruit .inner h2 img { height:2.5rem; } 
	.main_recruit .inner p { font-size:1.5625rem; } 
	.main_recruit .inner .btns a { min-width:revert; } 
	.recruit_bg { height:18rem; } 
}
@media screen and (max-width: 430px){
	.main_recruit .inner p { font-size:1.25rem; } 
	.main_recruit .inner h2 img { height:2rem; } 
}
@media screen and (max-width: 360px){
	.main_recruit .inner .btns a { font-size:1rem; } 
}

@media screen and (max-width: 360px){
	.main_recruit .inner .btns { flex-direction:column; } 
	.main_recruit .inner .btns a { width:100%; } 
}