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


		메인 버전 1.  css 	:: BSJ


********************************************************/

@media screen and (max-width: 1200px) and (min-width: 1025px) {
	.header-inner {padding-left:40px;}
}


/***********************************************************************
	메인
************************************************************************/
 #main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:28px;font-family:"Montserrat","Noto Sans KR","Noto Sans","맑은 고딕","malgun gothic","나눔 고딕","Nanum Gothic","nanumgothic","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:600;font-size:30px;color:#333;}
.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: 1370px){
	.main__title {margin-bottom:18px;}
}
@media screen and (max-width: 768px){
	.main__title span {font-size:13px;}
}




/***********************************************************************
	메인 HOME
************************************************************************/
#main__home {padding:0 60px;padding-top:90px;box-sizing:border-box;}
.home_list {overflow:hidden;}
.home_list li {float:left;width:33.33%;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out;background-repeat:no-repeat;background-position:left center;}
.home_inner {display:block;position:relative;height:890px;height:92vmin;padding:0 20px;background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;box-sizing:border-box;overflow:hidden;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out}
.home_inner .home_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.home_inner .l-cell {width:100%;vertical-align:middle;position:relative;z-index:2}
.home_inner .u__title {display:block;font-family:"Montserrat","Noto Sans KR","Noto Sans","맑은 고딕","malgun gothic","나눔 고딕","Nanum Gothic","nanumgothic","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:600;font-size:50px;color:#fff;line-height:1;text-transform:uppercase;}
.home_inner .u__title > span {font-size:70px;}
.home_inner .u__tit {display:block;font-weight:500;font-size:25px;color:#fff;line-height:1.5;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;transition: all 0.3s ease-in-out;word-break:keep-all;}
.home_inner .u__tit .quote {opacity:0;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;transition: all 0.3s ease-in-out}
.home_inner .u__desc {font-weight:300;font-size:17px;color:#fff;line-height:1.7;opacity:1;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;transition: all 0.3s ease-in-out}
.home__more {display:none;position:relative;width:48px;height:48px;margin:0 auto;background-image:url(images/main/i_home__more.png);background-repeat:no-repeat;background-position:center;border:1px solid #fff;border-radius:48px;opacity:0;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;transition: all 0.3s ease-in-out;}
@media screen and (min-width: 1025px){
	.home_list li:hover .u__desc {display:block;margin-bottom:25px;opacity:1;z-index:2}
	.home_list li:hover .u__tit .quote {opacity:1}
	.home_list li:hover .home__more {display:block;opacity:1;z-index:2;animation:btnActive 1.5s linear infinite;cursor:pointer;}
	@keyframes btnActive {0%{left:-10px;}50%{left:10px;}100%{left:-10px;}}
	.home_list li:hover .home_bg {-webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
}
@media screen and (max-width: 1715px){
	.home_inner .u__tit {font-size:22px;}
}
@media screen and (max-width: 1320px){
	.home_inner .u__tit {font-size:20px;}
}
@media screen and (min-width: 1201px){
	.en_pages .home_inner .u__title {font-size:3.5vmin;}
}
@media screen and (max-width: 1200px){
	#main__business {padding:0 15px;}
	.home_inner {height:479px;padding:0 10px;}
	.home_list li.on .home_inner .l-cell {vertical-align:middle;padding-top:0;}
	.home_inner .u__title > span {font-size:50px;}
	.home_inner .u__title {font-size:25px;}
	.home_inner .u__desc {margin-top:15px;}
}
@media screen and (max-width: 1320px){
	#main__home {padding:90px 15px 0;}
}
@media screen and (max-width: 1024px){
	#main__home {padding:60px 15px 0;}
	.home_inner .u__title {margin-bottom:10px;}
	.home_inner .u__tit {font-size:18px;}
	.home_inner .u__tit .quote {display:none;}
}
@media screen and (max-width: 835px){
	#main__business {margin-top:0;}
	.home_inner .u__title {font-size:20px;}
	.home_inner .u__title > span {font-size:35px;}
}
@media screen and (max-width: 768px){
	.home_inner .s__tit {display:none;}
}
@media screen and (max-width: 767px){
	.home_inner .u__desc br {display:none;}
	.home_inner .u__tit {font-size:16px;}
}
@media screen and (max-width: 539px){
	.home_list li {float:none;width:100% !important;}
	.home_list li .home_inner {height:auto !important;padding:50px 10px !important;}
	.home_inner .l-cell {padding-top:0 !important;}
	.home_inner .u__desc br {display:block;}
	.home_list li.on .home_inner .u__title {margin-top:0;}
	.home_list li .u__desc,
	.home_list li .s__tit,
	.home_list li .home__more {display:none;}
	.home_list li.on .u__desc,
	.home_list li.on .home__more {display:block;}
}




/***********************************************************************
	main__news
************************************************************************/
#main__news {padding:60px;}
#main__news .news_board {width:48.9%;padding:23px 0;border:1px solid #999;border-width:2px 0 1px;box-sizing:border-box;}
#main__news .news_board li {}
#main__news .news_board a {display:block;height:38px;padding:5px 30px;padding-right:165px;font-weight:500;font-size:19px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;box-sizing:border-box;}
#main__news .news_board a > span {position:absolute;top:9px;right:50px;font-weight:300;font-size:17px;color:#999;}
#main__news .news_banner {width:49.2%;overflow:hidden;margin:0 -1.5%;}
#main__news .news_banner > div {float:left;width:29.8%;height:164px;margin:0 1.5%;background-color:transparent;border:3px solid #000042;box-sizing:border-box;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out;background-repeat:no-repeat;background-position:left center;}
#main__news .news_banner > div a {display:block;height:100%;padding:20px;box-sizing:border-box;}
#main__news .banner__inner strong {display:block;margin-top:12px;font-weight:500;font-size:20px;color:#000042;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out;background-repeat:no-repeat;background-position:left center;text-align:center;line-height:1.2}
#main__news .banner__inner .l-cell > span {display:block;font-weight:300;font-size:16px;color:#666;}
#main__news .banner__inner i {display:block;text-align:center;line-height:60px;}
#main__news .banner__inner i img {vertical-align:middle;}
@media screen and (min-width: 1025px){
	#main__news .news_banner > div:hover {background-color:#f5f5f5;}
	#main__news .news_board li:hover a {background-color:#f5f5f5;}
	#main__news .news_banner > div:hover strong {color:#6d6da8;}
}
@media screen and (max-width: 1750px){
	#main__news .banner__inner .l-cell > span {padding-right:50px;word-break:keep-all;}
	#main__news .banner__inner .l-cell > span br {display:none;}
	#main__news .banner__inner i {top:80px;}
}
@media screen and (max-width: 1320px){
	#main__news {padding:60px 15px;}
	#main__news .news_board a {padding-left:10px;padding-right:125px;}
	#main__news .news_board a > span {right:10px;}
	#main__news .news_banner > div a {padding:10px;}
	#main__news .banner__inner .l-cell > span {font-size:15px;}
}
@media screen and (max-width: 1024px){
	#main__news {padding:50px 15px;}
	#main__news .news_board {width:45%;}
	#main__news .news_banner {width:55.2%;}
	#main__news .banner__inner strong {font-size:16px;}
	#main__news .news_board a {font-size:17px;}
	#main__news .news_board a > span {top:6px;font-size:15px;}
}
@media screen and (max-width: 1023px){
	#main__news .banner__inner .l-cell > span {padding-right:0;}
}
@media screen and (max-width: 768px){
	#main__news .news_board {float:none !important;width:100%;margin-bottom:30px;padding:15px 0;}
	#main__news .news_board li a {height:auto;}
	#main__news .news_board a {font-size:15px;padding-right:95px;}
	#main__news .news_board a > span {top:7px;font-size:14px;}
	#main__news .news_banner {float:none !important;width:auto;}
	#main__news .news_banner > div {width:30.3%;height:135px;}
	#main__news .banner__inner i {display:block;top:45px;}
	#main__news .banner__inner .l-cell > span {padding-right:50px;}
	#main__news .banner__inner strong {font-size:22px;}
}
@media screen and (max-width: 520px){
	#main__news .banner__inner .l-cell > span {padding-right:0;}
	#main__news .banner__inner strong {font-size:17px;}
}
@media screen and (max-width: 374px){
	#main__news .news_banner {margin:0;}
	#main__news .news_banner > div {float:none !important;width:100%;height:120px;margin:0;margin-bottom:15px;}
	#main__news .banner__inner i {display:block;top:26px;}
	#main__news .banner__inner .l-cell > span {padding-right:50px;}

}