@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.nav-down .logo1 {display:none;}
#header.nav-down .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 .logo1 { display:block; } 
	#header .logo2 { display:none; } 

	#header.nav-down .logo1 {display:none;}
	#header.nav-down .logo2 {display:block;}

	#header.nav-up .logo1 { display:none; } 
	#header.nav-up .logo2 { display:block; } 

	#header.nav-down.nav-top .logo1 {display:block;}
	#header.nav-down.nav-top .logo2 {display:none;}
}




/*----------------------------------------------------------------------
	메인
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem;}
#main #main__bnr .bnr-list li {width:48.5%;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
}



/*----------------------------------------------------------------------
@ MAIN 타이틀
----------------------------------------------------------------------*/
.main_title { position:relative; font-size:1.875rem; color:#111; font-weight:700; text-align:left; line-height:1.2; word-break:keep-all; margin-top:1.25rem; } 
.main_title_sub { position:relative; font-size:1.25rem; color:#999; font-weight:300;  word-break:keep-all; line-height:1.4; padding-top:0.625rem; } 
.main_title:before { display:none; content:''; position:absolute; top:-1.25rem; left:0px; min-width:4.375rem; height:3px; background:#000; } 

.main_title.w { color:#fff;  } 
.main_title_sub.w { color:#fff; } 
.main_title.w:before { background:#fff; } 

.main_subtitle { font-size:1.063rem; color:#666; margin-top:1.25rem; padding-left:3px; word-break:keep-all;  }

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.main_title { font-size:1.563rem; } 
	.main_title_sub { font-size:1.125rem; } 
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.25rem; } 
	.main_title_sub { font-size:1rem;  } 
}
@media screen and (max-width: 640px){

}



/*----------------------------------------------------------------------
@ Layout Slider 1
----------------------------------------------------------------------*/
#layout_slider_1 {position:relative;padding:0 !important;background:#000; }
#layout_slider_1 .slider__infos {overflow:hidden;height:100vmin;}
/*배경*/
#layout_slider_1 .slider__thumb {position:relative;width:100%;height:100%; }
#layout_slider_1 .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_1 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_1 .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;}
#layout_slider_1 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_1 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1440px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_1 .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;font-weight:900; color:#fff;}
#layout_slider_1 .slider__slogun > b.title {margin-bottom:1.875rem; display:block;font-weight:400;font-size:1.563rem; color:rgba(255,255,255,0.5); overflow:hidden; letter-spacing:0.3em; }
#layout_slider_1 .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:3.75rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_1 .slider__slogun > b.subtitle {margin-top:1.875rem; display:block;font-weight:300;font-size:1.563rem;line-height:1;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_1 .slider__slogun > b > span,
#layout_slider_1 .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#layout_slider_1 .slider__slogun > p {position:relative;margin-top:0px;font-weight:400;font-size:3.5rem;line-height:1.1;color:#fff;overflow:hidden; word-break:keep-all;}


#layout_slider_1 .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;transition:all 0.3s ease-out;opacity:0; }
#layout_slider_1 .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_1 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
#layout_slider_1 .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/
#layout_slider_1 .slider-scroll { position:relative;  } 
#layout_slider_1 .slider-scroll a {display:block;position:absolute; width:1.25rem; height:10rem; right:7.5rem;margin:0 auto;font-weight:500;font-size:0.813rem;color:#fff;animation:scrolltype1 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;writing-mode:vertical-lr;}
#layout_slider_1 .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:17px;height:24px;margin:0 auto;background-image:url(/images/common/visual_scroll_new.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype1 {0%{bottom:3.125rem;}50%{bottom:4.375rem;}100%{bottom:3.125rem;}}


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

/* SWIPER PAGINATION */
#layout_slider_1 .swiper-button-prev:after, #layout_slider_1 .swiper-button-next:after {font-size:1rem;color:#fff;}
#layout_slider_1 .swiper-button-prev { right:30px; left:revert; } 
#layout_slider_1 .swiper-button-next { right:10px; }



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

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

#layout_slider_1 .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;}*/
#layout_slider_1 .swiper-pagination-fraction {color:#aaa;}

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

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

/* state */
#layout_slider_1 .swiper_play_state {display: inline-block;vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#layout_slider_1 .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_1 .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 

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


/* Responsive */
@media screen and (max-width: 1720px){
	#layout_slider_1 .slider-scroll a { bottom:4rem; right:1.25rem; } 
} 
@media screen and (max-width: 1520px){
	#layout_slider_1 .swiper_control_wrap { margin-left:0px;   } 
	#layout_slider_1 .swiper_progress_hidden_space {  width:calc(100% - 170px); }
	#layout_slider_1 .swiper_progress_wrap { width:calc(100% - 170px);  } 
	#layout_slider_1 .swiper-button-prev { right:80px; left:revert; } 
	#layout_slider_1 .swiper-button-next { right:60px; }
}
@media screen and (max-width: 1480px){
	#layout_slider_1 .slider__mxw { margin:0 20px;}
} 
@media screen and (max-width: 1200px){
	#layout_slider_1 .slider__mxw { padding:0 15px; margin:0 auto; }
} 
@media screen and (max-width: 1024px){
	#layout_slider_1 .slider-scroll { display:none; } 

	#layout_slider_1 .slider__slogun > b.title { font-size:1.25rem; ; word-break:keep-all;} 
	#layout_slider_1 .slider__slogun > b { font-size:2.75rem;  word-break:keep-all;} 
	#layout_slider_1 .slider__slogun > b.subtitle { font-size:1.25rem;line-height:1.2; word-break:keep-all; }
	#layout_slider_1 .slider__slogun > p { font-size:1.25rem; } 

	#layout_slider_1 .slider__slogun img { max-width:85%; } 
	#layout_slider_1 .swiper_progress_hidden_space {  width:calc(100% - 100px); }
	#layout_slider_1 .swiper_progress_wrap { width:calc(100% - 100px);  } 
	#layout_slider_1 .swiper_play_state { left:5px;}
	#layout_slider_1 .swiper-button-prev { right:30px; left:revert; } 
	#layout_slider_1 .swiper-button-next { right:10px; }
}
@media screen and (max-width: 640px){
	#layout_slider_1 .slider__infos {height:640px;}
	#layout_slider_1 .slider__thumb .slider__thumb_bg {display:none;}
	#layout_slider_1 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	#layout_slider_1 .slider__slogun > b { font-size:2.25rem; } 
	#layout_slider_1 .slider__slogun > p { font-size:1rem; } 
}
@media screen and (max-width: 540px){
	#layout_slider_1 .slider__slogun > b { font-size:2rem; } 
	#layout_slider_1 .slider__slogun > b.subtitle {font-size:1rem; } 
	#layout_slider_1 .swiper_control_wrap { bottom:10%; }  
}
@media screen and (max-width: 480px){
	#layout_slider_1 .slider__infos {height:480px;}
}





/*----------------------------------------------------------------------
@ MAIN ACHIEVEMENTS
----------------------------------------------------------------------*/

#main_achieve { padding-top:7.5rem !important; padding-bottom:7.5rem !important;  } 
.main_achieve { position:relative; }  
.main_achieve .main_subtitle { font-size:1.563rem;color:#fff; opacity:0.5; margin-top:1.25rem; } 
.main_achieve .main_title_sub {  padding-bottom:0rem; } 

.main_achieve .maxWidth1440 { overflow:hidden; } 

.main_achieve_inner { display:flex;  }
.main_achieve_inner .main_achieve_left { position:relative; display:flex; flex-direction:column; justify-content:space-between;  width:265px; height:100%; min-height:18.125rem; }
.main_achieve_inner .main_achieve_right { display:flex; position:relative; width:calc(100% - 265px); height:100%;   }

.main_achieve_list { position:relative; } 

.main_achieve_cont { width:100%;  background:#f7f7f7; padding:2.813rem 2.5rem;  transition:all .3s ease; min-height:18.125rem; } 
.main_achieve_cont a { display:block; position:relative; height:100%;} 


.main_achieve_thumb { display:block;width:100%; height:0; padding-top:56.75%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.main_achieve_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.main_achieve_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.main_achieve_subject_wrap { display:flex; flex-direction:column; justify-content:space-between; position:relative; width:100%; height:100%; z-index:7; transition:all .3s ease; } 
.main_achieve_subject { display:block; width:100%; font-size:1.25rem; color:#111; font-weight:500; -webkit-line-clamp : 2;  line-height:1.35em; height:2.7em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 
.main_achieve_content_wrap { margin-top:1.875rem; } 
.main_achieve_content { display:block; width:100%; font-size:1rem; color:#666; font-weight:400; -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; } 
.main_achieve_date { font-size:0.938rem; color:#999; font-weight:300; letter-spacing:0; margin-bottom:1.563rem; } 


.main_achieve_cont:hover { background:#eee; } 
.main_achieve_cont:hover .main_achieve_thumb:after { opacity:1; } 
/*
.main_achieve_cont:hover .main_achieve_subject { color:#fff; }
.main_achieve_cont:hover .main_achieve_date { color:#fff; } 
.main_achieve_cont:hover .main_achieve_content { color:#fff; opacity:0.7; } 
*/


/*.main_achieve_wrap { position:relative; overflow:hidden; top:0rem; left:50%; transform:translateX(-390px); right:0px; width:calc(50% + 390px); z-index:5; } */
.main_achieve_wrap { position:relative; overflow:hidden; top:0rem;  right:0px; width:100%; z-index:5; padding-bottom:20px; padding-left:10px; margin-left:-10px;}  


.main_achieve_list_swiper { position:relative; width:100%; height:85px   }
.main_achieve_list_swiper .swiper-button-prev:after, .main_achieve_list_swiper .swiper-button-next:after { display:none; content:''; } 
.main_achieve_list_swiper .swiper-button-prev {left:0px; top:0%;width:85px; height:85px; margin-top:0rem;border:1px solid #999; background:url('/common/theme/layout/images/main/achieve_prev.png') no-repeat; background-position:center; transition:all 0.3s }
.main_achieve_list_swiper .swiper-button-next {left:84px; right:revert; top:0%; width:85px; height:85px; margin-top:0rem; border:1px solid #999; background:url('/common/theme/layout/images/main/achieve_next.png') no-repeat; background-position:center; transition:all 0.3s }

.main_achieve_list_swiper .swiper-button-prev:hover { background-color:#999; background-image:url('/common/theme/layout/images/main/white_prev.png'); background-repeat:no-repeat; background-position:center; } 
.main_achieve_list_swiper .swiper-button-next:hover { background-color:#999; background-image:url('/common/theme/layout/images/main/white_next.png');background-repeat:no-repeat; background-position:center; } 



@media screen and (max-width: 2060px){
}
@media screen and (max-width: 1600px){
	
}
@media screen and (max-width: 1560px) and (min-width: 1201px){
	.main_achieve_subject { font-size:1.25rem;} 
} 

@media screen and (max-width: 1200px){
	#main_achieve { padding-top:4rem !important; padding-bottom:4rem !important;  } 
	.main_achieve .maxWidth1680 { padding-left:0rem; } 
	
	.main_achieve_inner { flex-direction:column; padding:0rem;   } 
	.main_achieve_inner .main_achieve_left { width:100%; justify-content:revert; min-height:revert;  }
	.main_achieve_inner .main_achieve_right { width:100%;  }
	.main_achieve .main_title_sub { padding-bottom:0rem; } 
	.main_achieve .main_title_sub br { display:none; } 

	.main_achieve { min-height:revert; } 
	.main_achieve_wrap { position:relative; overflow:revert; top:revert; left:revert; transform:revert; width:100%;  padding-top:2.5rem; padding-left:revert; margin-left:revert; } 	


	.main_achieve_list_swiper { position:absolute; margin-top:0.625rem; }

	.main_achieve_list_swiper .swiper-button-prev {left:revert; right:84px; }
	.main_achieve_list_swiper .swiper-button-next {left:revert; right:0px; } 

	.main_achieve_cont { width:100%; height:revert;   } 
	.main_achieve_subject { font-size:1.563rem; } 
}

@media screen and (max-width: 1024px){
	.main_achieve_subject { font-size:1.375rem; } 
	.main_achieve_list_swiper { height:60px }
	.main_achieve_list_swiper .swiper-button-prev { width:60px; height:60px; right:59px }
	.main_achieve_list_swiper .swiper-button-next  { width:60px; height:60px;  } 
}	

@media screen and (max-width: 640px){
	.main_achieve_wrap { padding-top:1.25rem; } 
	.main_achieve_cont { height:; }
	.main_achieve_subject { font-size:1.25rem; } 
	.main_achieve_content { -webkit-line-clamp : 4;  line-height:1.35em; height:5.4em; } 
}
@media screen and (max-width: 414px){

}





/*----------------------------------------------------------------------
@ MAIN BOARD
----------------------------------------------------------------------*/

#main_board { padding-top:7.5rem !important; padding-bottom:7.5rem !important; background:#e5eff9;  } 
.main_board { position:relative; }  
.main_board .main_subtitle { font-size:1.563rem;color:#fff; opacity:0.5; margin-top:1.25rem; } 
.main_board .main_title_sub {  padding-bottom:0rem; } 

.main_board .maxWidth1440 { overflow:hidden; } 

.main_board_inner { display:flex;  }
.main_board_inner .main_board_left { position:relative; display:flex; flex-direction:column; justify-content:space-between;  width:265px; height:100%; min-height:270px;  }
.main_board_inner .main_board_right { display:flex; position:relative; width:calc(100% - 265px); height:100%;   }

.main_board_list { position:relative; } 

.main_board_cont { width:100%;  background:transparent; padding:0rem;  transition:all .3s ease; } 
.main_board_cont a { display:block; position:relative; height:100%;} 


.main_board_thumb { display:block;width:100%; height:0; padding-top:56.75%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.main_board_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.main_board_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.main_board_subject_wrap { display:flex; flex-direction:column; justify-content:space-between; position:relative; width:100%; height:100%; padding:0.938rem 0; z-index:7; transition:all .3s ease; } 
.main_board_subject { display:block; width:100%; font-size:1.25rem; color:#111; font-weight:600; -webkit-line-clamp : 2;  line-height:1.35em; height:2.7em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 
.main_board_content_wrap { margin-top:.10px; } 
.main_board_content { display:block; width:100%; font-size:1.125rem; color:#999; font-weight:400; -webkit-line-clamp : 5;  line-height:1.35em; height:6.75em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 

.main_board_date { position:absolute; left:0px; top:0px; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; width:86px; height:86px; font-size:0.938rem; color:#fff; background:var(--menu); z-index:1; } 
.main_board_date .main_board_month { margin-top:3px;  }
.main_board_date .main_board_day { font-size:2.188rem;  font-weight:600;  }

.main_board_cont:hover { background: } 
.main_board_cont:hover .main_board_thumb:after { opacity:1; } 
/*
.main_board_cont:hover .main_board_subject { color:#fff; }
.main_board_cont:hover .main_board_date { color:#fff; } 
.main_board_cont:hover .main_board_content { color:#fff; opacity:0.7; } 
*/


/*.main_board_wrap { position:relative; overflow:hidden; top:0rem; left:50%; transform:translateX(-390px); right:0px; width:calc(50% + 390px); z-index:5; } */
.main_board_wrap { position:relative; overflow:hidden; top:0rem;  right:0px; width:100%; z-index:5; padding-bottom:20px; padding-left:10px; margin-left:-10px;}  


.main_board_list_swiper { position:relative; width:100%; height:85px   }
.main_board_list_swiper .swiper-button-prev:after, .main_board_list_swiper .swiper-button-next:after { display:none; content:''; } 
.main_board_list_swiper .swiper-button-prev {left:0px; top:0%;width:85px; height:85px; margin-top:0rem;border:1px solid var(--menu); background:url('/common/theme/layout/images/main/board_prev.png') no-repeat; background-position:center; transition:all 0.3s; }
.main_board_list_swiper .swiper-button-next  {left:84px; right:revert; top:0%; width:85px; height:85px; margin-top:0rem; border:1px solid var(--menu); background:url('/common/theme/layout/images/main/board_next.png') no-repeat; background-position:center; transition:all 0.3s;}


.main_board_list_swiper .swiper-button-prev:hover { background-color:var(--menu); background-image:url('/common/theme/layout/images/main/white_prev.png'); background-repeat:no-repeat; background-position:center; } 
.main_board_list_swiper .swiper-button-next:hover { background-color:var(--menu); background-image:url('/common/theme/layout/images/main/white_next.png');background-repeat:no-repeat; background-position:center; } 


@media screen and (max-width: 2060px){
}
@media screen and (max-width: 1600px){
	
}
@media screen and (max-width: 1560px) and (min-width: 1201px){
	.main_board_subject { font-size:1.25rem;} 
} 

@media screen and (max-width: 1200px){
	#main_board { padding-top:4rem !important; padding-bottom:4rem !important;  } 
	.main_board .maxWidth1680 { padding-left:0rem; } 
	
	.main_board_inner { flex-direction:column; padding:0rem;   } 
	.main_board_inner .main_board_left { width:100%; justify-content:revert; min-height:revert;  }
	.main_board_inner .main_board_right { width:100%;  }
	.main_board .main_title_sub { padding-bottom:0rem; } 
	.main_board .main_title_sub br { display:none; } 

	.main_board { min-height:revert; } 
	.main_board_wrap { position:relative; overflow:revert; top:revert; left:revert; transform:revert; width:100%;  padding-top:2.5rem; padding-left:revert; margin-left:revert; } 	


	.main_board_list_swiper { position:absolute; margin-top:0.625rem;  }
	.main_board_list_swiper .swiper-button-prev {left:revert; right:84px; }
	.main_board_list_swiper .swiper-button-next {left:revert; right:0px; } 


	.main_board_cont { width:100%; height:revert;   } 
	.main_board_subject { font-size:1.563rem; } 
}

@media screen and (max-width: 1024px){
	.main_board_subject { font-size:1.375rem; } 
	.main_board_list_swiper { height:60px; }
	.main_board_list_swiper .swiper-button-prev { width:60px; height:60px; right:59px; }
	.main_board_list_swiper .swiper-button-next  { width:60px; height:60px;  } 
}	

@media screen and (max-width: 640px){
	.main_board_wrap { padding-top:1.25rem; } 
	.main_board_cont { height:; }
	.main_board_subject { font-size:1.25rem; } 
	.main_board_content { -webkit-line-clamp : 4;  line-height:1.35em; height:5.4em; } 
}
@media screen and (max-width: 414px){

}





/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/

#main_about { padding-top:0rem !important; padding-bottom:0rem !important; min-height:35rem; background:url('/common/theme/layout/images/main/about_bg.jpg') no-repeat; background-size:cover; background-position:center; } 
.main_about { position:relative; padding-top:7.5rem; padding-bottom:7.5rem; }  
.main_about .main_subtitle {  } 
.main_about .main_title_sub {  padding-bottom:0rem; } 

.main_about .maxWidth1440 { display:flex; height:100%; overflow:hidden; } 


.main_about_inner { display:flex; align-items:center; width:100%; height:100%;  }
.main_about_inner .main_about_left { display:flex; flex-direction:column; width:50%;  }
.main_about_inner .main_about_right { display:flex; flex-direction:column; align-items:flex-end; position:relative; width:50%;  }


.main_about_desc { font-size:1.563rem; color:#111; font-weight:400; margin-top:1.875rem; word-break:keep-all; } 
.main_about_desc b { color:var(--menu); font-weight:700; } 
.main_about_desc span { display:block; color:#666; margin-top:5px;  } 

.main_about_btn { font-size:0.938rem; font-weight:500; margin-top:2.5rem; } 
.main_about_btn a { color:var(--menu); margin-right:2.5rem;} 
.main_about_btn a:last-of-type { margin-right:0rem; } 
.main_about_btn .plus { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:var(--menu); margin-left:10px; } 
.main_about_btn .plus img { transition:all 0.3s; }




.main_direct_bn { margin-bottom:1.25rem; overflow:hidden;}
.main_direct_bn:last-of-type { margin-bottom:0rem; } 
.main_direct_bn a { display:flex;align-items:center; justify-content:space-between; font-size:1.25rem; color:#fff; font-weight:700; background:var(--menu); padding:1.25rem 1.875rem; min-width:405px; overflow:hidden; } 
.main_direct_bn:nth-of-type(2) a { background:#2946c0; } 
.main_direct_bn:nth-of-type(3) a { background:#2165d7; } 

.main_direct_bn .plus { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:transparent; margin-left:0px; border:1px solid #fff; } 
.main_direct_bn .plus img { transition:all 0.3s; }


/* hover */
.main_about_btn a:hover .plus img { transform:rotate(180deg); } 
.main_direct_bn a:hover .plus img { transform:rotate(180deg); }  

.main_direct_bn a:hover.shine:before { -webkit-animation: shine .75s; animation: shine .75s; } 


@media screen and (max-width: 1200px){
	.main_about_desc { font-size:1.25rem; } 
	.main_direct_bn a { padding:1rem 1.875rem; min-width:305px; } 
}

@media screen and (max-width: 1024px){
	.main_about { padding-top:4rem; padding-bottom:4rem; }  
	.main_about_desc br { display:none; } 
}	
@media screen and (max-width: 768px){
	.main_about_inner { flex-direction:column; } 
	.main_about_inner .main_about_left { width:100%;  }
	.main_about_inner .main_about_right { width:100%;  align-items:flex-start;  margin-top:1.875rem; }  
	.main_direct_bn  { width:100%; } 
	.main_direct_bn a { width:100%; min-width:revert;  } 

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

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

}