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


		메인 버전 1.  css 	:: BSJ


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




/***********************************************************************
	메인
************************************************************************/
#main > section {padding-top:100px;padding-bottom:100px;background-color:#fff;position:relative;z-index:2}
 #main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:15px;font-weight:700;font-size:42px;color:#000;text-align:center;line-height:1;-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;}
.main__title.animate {transform: perspective(2500px) rotateX(90deg);}
.main__desc {margin-bottom:60px;font-weight:300;font-size:18px;color:#666;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:65px;padding-bottom:65px;}
	.main__title {font-size:30px;}
	.main__desc {margin-bottom:40px;font-size:16px;}
}
@media screen and (max-width: 835px){
}
@media screen and (max-width: 768px){
	#main > section {padding-top:50px;padding-bottom:50px;}
	.main__title {font-size:25px;}
	.main__desc {font-size:15px;}
}
@media screen and (max-width: 640px){
	.main__desc {font-size:14px;}
}



/***********************************************************************
	메인 슬라이드
************************************************************************/
#main > section#main__slider {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}
#main__slider .slider {position:relative;overflow:hidden;}
#main__slider li {position:relative;}
#main__slider li img {margin:0 auto;}
#main__slider li a {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider-inner {position:relative;/*min-height:520px;padding-top:38.3%;*/background-size:cover !important;font-weight:100;font-size:35px;color:#464f5d;line-height:45px;text-align:center;box-sizing:border-box;/*-webkit-transition-duration:18s;-m-transition-duration: 18s;-o-transition-duration:18s;-ms-transition-duration:18s;transition-duration:18s;transition: all 18s ease-in-out;-webkit-transform: scale(1.06,1.06);-ms-transform: scale(1.06,1.06);-moz-transform: scale(1.06,1.06);-o-transform: scale(1.06,1.06);transform: scale(1.06,1.06);*/}
#main__slider .slider-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;-webkit-transition-duration:18s;-m-transition-duration: 18s;-o-transition-duration:18s;-ms-transition-duration:18s;transition-duration:18s;transition: all 18s ease-in-out;-webkit-transform: scale(1.06,1.06);-ms-transform: scale(1.06,1.06);-moz-transform: scale(1.06,1.06);-o-transform: scale(1.06,1.06);transform: scale(1.06,1.06);}
#main__slider li.active .slider-inner .slider-bg {-webkit-transform: scale(2,2);-ms-transform: scale(2,2);-moz-transform: scale(2,2);-o-transform: scale(2,2);transform: scale(2,2);}
#main__slider .slider-box {display:table;table-layout:fixed;width:100%;height:100%;}
#main__slider .slider-table {display:table-cell;width:100%;vertical-align:middle}
#main__slider .slider-tit {max-width:1170px;margin:0 auto;}
#main__slider .slider-tit a {display:block;position:relative;z-index:2}
#main__slider .slider-tit.obj {transform: perspective(2500px) rotateX(90deg);-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;}
#main__slider .slider-tit.obj.active {transform:perspective(2500px) rotateX(0deg);}
#main__slider .slider-scroll a {display:none;}
#main__slider .bx-controls-auto-item {position:absolute;z-index:99}
#main__slider .bx-wrapper .bx-controls-auto {position:absolute;top:58%;left:50%;margin-left:-71px;width:auto;}
#main__slider .bx-wrapper .bx-controls-auto .bx-start {display:block;width:11px;height:21px;background-image:url(images/main/control_start.png);background-position:0}
#main__slider .bx-wrapper .bx-controls-auto .bx-start.active {display:none;}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop {display:block;width:10px;height:21px;background-image:url(images/main/control_stop.png);background-position:0}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop.active {display:none;}
#main__slider video {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width: 1200px){
	#main__slider .slider-tit {margin:0 15px;}
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 835px){
	#main > section#main__slider {position:relative;}
}
@media screen and (max-width: 814px){
	#main__slider .control {top:63%;margin-left:120px;}
	#main__slider .bx-wrapper .bx-controls-auto {top:63%;margin-left:138px;}
}
@media screen and (max-width: 768px){
	.fluid-width-video-wrapper {height:100vmin;padding-top:0 !important;}
}
@media screen and (max-width: 425px){
	#main__slider .bx-wrapper .bx-controls-auto {top:58%;left:auto;right:61px;margin-left:0;}
}
@media screen and (max-width: 375px){
	#main__slider .slider-inner {height:420px;}
}





/***********************************************************************
	메인 비지니스 슬라이드 배너
************************************************************************/
#main__business {margin-top:100vmin;padding:0 60px;background-color:#fff;box-sizing:border-box;}
.business_list {overflow:hidden;}
.business_list li {float:left;width:13.42%;-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;}
.business_inner {position:relative;height:620px;padding:0 20px;background-repeat:no-repeat;background-position:center;text-align:center;box-sizing:border-box;overflow:hidden;}
.business_inner:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3f69b8;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}
.business_inner .l-cell {vertical-align:top;padding-top:250px;position:relative;z-index:2}
.business_inner .u__title {font-weight:600;font-size:35px;color:#fff;line-height:1}
.business_inner .u__desc {margin:20px 0 0;font-weight:300;font-size:14px;color:#fff;line-height:1.7;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}
.business_inner .s__tit {display:block;position:absolute;top:20px;right:96%;font-size:14px;font-weight:400;color:#9a9eb2;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);line-height:1;white-space:nowrap;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;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}
.business_icon {margin-top:44px;opacity:0;-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;}
.business_icon a {display:inline-block;width:106px;height:106px;margin:5px -2px;padding-top:14px;border:1px solid #fff;box-sizing:border-box;vertical-align:top;-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}
.business_icon a .tit {display:block;margin-top:10px;font-weight:300;font-size:12.75px;color:#fff;line-height:1.2}
.business_icon i {display:block;height:45px;line-height:45px}
.business_icon i img {vertical-align:middle;}
.busine__more {display:block;position:relative;width:47px;height:50px;margin:0 auto;background-image:url(images/main/busine__more_i.png);background-repeat:no-repeat;background-position:center;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;}
.business_list li.on {width:46.3%;}
.business_list li.on .business_icon,
.business_list li.on .u__desc,
.business_list li.on .s__tit,
.business_list li.on .busine__more {opacity:1;z-index:2}
.business_list li.on .business_inner:before {opacity:0.8}
.business_list li.on .busine__more {animation:btnActive 1.5s linear infinite;cursor:pointer;}
	@keyframes btnActive {0%{left:-10px;}50%{left:10px;}100%{left:-10px;}}
@media screen and (min-width: 1025px){
	.business_icon a:hover {background-color:#b58e60;}
}
@media screen and (min-width: 1201px){
	.en_pages .business_inner .u__title {font-size:3.5vmin;}
}
@media screen and (max-width: 1200px){
	#main__business {padding:0 15px;}
	.business_inner {height:479px;padding:0 10px;}
	.business_inner .l-cell {padding-top:210px;}
	.business_list li.on .business_inner .l-cell {vertical-align:middle;padding-top:0;}
	.business_icon {margin-top:30px;}
	.business_icon a {width:25%;}
	.business_inner .u__title {font-size:25px;}
	.business_inner .u__desc {margin-top:15px;}
	.business_icon i {height:30px;line-height:30px;}
	.business_icon i img {height:21px;}
}
@media screen and (max-width: 835px){
	#main__business {margin-top:0;}
	.business_inner .u__title {font-size:20px;}
}
@media screen and (max-width: 768px){
	.business_inner .s__tit {display:none;}
}
@media screen and (max-width: 767px){
	.business_list li.list1 {width:100% !important;}
	.business_list li {overflow:hidden;width:25% !important;}
	.business_icon a {width:13%;}
	.business_inner {height:290px;}
	.business_inner .u__desc br {display:none;}
	.business_inner .l-cell {padding-top:130px;}
	.business_list li.on .business_inner .u__title {margin-top:20px;}
}
@media screen and (max-width: 539px){
	.business_list li {float:none;width:100% !important;}
	.business_list li .business_inner {height:auto !important;padding:30px 10px !important;}
	.business_inner .l-cell {padding-top:0 !important;}
	.business_inner .u__desc br {display:block;}
	.business_list li.on .business_inner .u__title {margin-top:0;}
	.business_list li .business_icon,
	.business_list li .u__desc,
	.business_list li .s__tit,
	.business_list li .busine__more {display:none;}
	.business_list li.on .business_icon,
	.business_list li.on .u__desc,
	.business_list li.on .busine__more {display:block;}

	.business_icon {margin-top:20px;}
	.business_icon i {display:none;}
	.business_icon a {width:auto;height:auto;padding:0;margin:0;border:none;}
	.business_icon a:before {content:'';display:inline-block;vertical-align:middle;width:1px;height:10px;margin:0 10px;background-color:#fff;}
	.business_icon a .tit {display:inline-block;}
	.business_icon a:first-child:before {content:none;}
	.business_inner .u__title {font-size:20px;}
}





/***********************************************************************
	main__gallrey 
************************************************************************/
#main__gallrey {max-width:2560px;margin:0 auto;background-color:#fff;}
#main__gallrey .gallrey_title {float:left;width:349px;height:280px;padding:0 70px;background-color:#fff;box-sizing:border-box;position:relative;}
#main__gallrey .gallrey_board {float:left;width:calc(100% - 349px);height:327px;position:relative;}
#main__gallrey .main__title {margin-bottom:20px;text-align:left;}
#main__gallrey .main__desc {text-align:left;font-weight:400;}
#main__gallrey .gallrey_title .inner {position:relative;height:100%;}
#main__gallrey .gallrey_title .main_i {top:-3px;margin-right:20%;}
#main__gallrey .photo-image {position:relative;display:block;width:100%;height:0;padding-top:160px;}
#main__gallrey .photo-image > a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-size:cover !important;background-position:center;}
#main__gallrey .gallery_controls {position:absolute;bottom:0;left:0;}
#main__gallrey .gallery_controls a {display:block;float:left;margin-right:10px;width:60px;height:60px;line-height:60px;border:1px solid #cbcbcb;text-align:center;box-sizing:border-box;-webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
#main__gallrey .gallery_controls a.more__gallery {float:right;}
#main__gallrey .gallery_controls a.bx-next {float:right;margin-left:-1px;}
#main__gallrey .gallery_controls a img {vertical-align:middle;margin-top:-5px;}
#main__gallrey .photo-info {}
#main__gallrey .photo-info .l-table {position:relative;z-index:2;text-align:left;}
#main__gallrey .default_tit {display:block;margin:20px 0;font-weight:400;font-size:18px;color:#333;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.5; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-align: left;word-break: keep-all;}
#main__gallrey .default_cont {display:block;font-weight:300;font-size:16px;color:#666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#main__gallrey .gallrey_title.obj {left:-100%;z-index:2}
#main__gallrey .gallrey_title.obj.active {left:0;}
#main__gallrey .gallrey_board.obj {right:-100%;-webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
#main__gallrey .gallrey_board li {min-height:200px;box-sizing: border-box;padding: 20px 20px;border: 1px solid #e8e8e8;box-sizing:border-box;}
#main__gallrey .gallrey_board.obj.active {right:0;}
@media screen and (min-width: 1025px){
	#main__gallrey .gallery_controls a:hover {border-color:#3f69b8;}
}
@media screen and (max-width: 1292px){
	#main__gallrey .gallrey_title {width:259px;padding:0 25px;}
	#main__gallrey .gallrey_board {width:calc(100% - 259px);}
}
@media screen and (max-width: 768px){
	#main__gallrey .main__title {margin-bottom:15px;text-align:center;}
	#main__gallrey .main__desc {margin-bottom:25px;text-align:center;}
	#main__gallrey .gallrey_title {float:none;width:100%;height:auto;margin-bottom:25px;}
	#main__gallrey .gallrey_title br {display:none;}
	#main__gallrey .gallery_controls {overflow:hidden;position:static;width:139px;margin:0 auto;;}
	#main__gallrey .gallery_controls a {width:40px;height:40px;line-height:40px;margin:0 3px;}
	#main__gallrey .gallrey_board {float:none;width:100%;height:auto;margin-top:40px;padding-left:15px;box-sizing:border-box;}
	#main__gallrey .default_tit {margin:20px 0 10px;font-size:16px;}
	#main__gallrey .default_cont {font-size:14px;}
}
@media screen and (max-width: 540px){
	#main__gallrey .bx-wrapper .bx-viewport {width:1000% !important;}
}


/***********************************************************************
	main__hole
************************************************************************/
.section#main__about {height:710px;padding:0 !important;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__about .l-maxWidth {height:100%;}
#main__about .main__title {margin-bottom:30px;text-align:left;color:#fff;}
#main__about .main__desc {color:#fff;text-align:left;line-height:1.8}
#main__about .inner--right {width:;}
#main__about .inner--left {width:auto;margin-left:212px;}
.about_icon {overflow:hidden;}
.about_icon a {float:left;display:block;width:246px;height:190px;border:1px solid #6c6f73;border-right:none;text-align:center;-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}
.about_icon a:last-child {border-right:1px solid #6c6f73;}
.about_icon i {display:block;width:100%;height:62px;line-height:62px;}
.about_icon i img {vertical-align:middle;}
.about_icon .tit {display:block;margin-top:25px;font-weight:400;font-size:18px;color:#fff;}
@media screen and (min-width: 1025px){
	.about_icon a:hover {background-color:#3f69b8;}
}
@media screen and (max-width: 1950px){
	#main__about .inner--right {padding:0 15px;}

}
@media screen and (max-width: 1024px){
	#main__about .inner--left {margin-left:15px;}
	.about_icon a {width:200px;height:170px;}
	.about_icon i {height:35px;line-height:35px;}
	.about_icon i img {height:35px;}
	.about_icon .tit {font-size:16px;margin-top:15px;}
}
@media screen and (max-width: 767px){
	.section#main__about {height:auto;padding:50px 0 !important;}
}
@media screen and (max-width: 640px){
	#main__about .main__desc br {display:none;}
	.about_icon a {width:33.33333%;height:130px;box-sizing:border-box;}
	#main__about .inner--right {margin:0 15px;padding:0;}
	#main__about .inner--left {margin-right:15px;}
	.about_icon .tit {font-size:14px;}
}
@media screen and (max-width: 539px){
	.about_icon a {height:100px}
	#main__about .main__desc {margin-bottom:30px;}
}





/***********************************************************************
	main__video
************************************************************************/
#main__video .l-maxWidth {padding:0 60px;}
#main__video .main__title {margin-bottom:55px;font-size:40px;letter-spacing:-1.5px;}
#main__video .video__inner {position:relative;width:100%;height:0;padding-top:530px;}
#main__video .video__inner #video {position:absolute;top:0;left:0;width:100%;height:100%;}







/***********************************************************************
	메인 이미지 배너 4개 
************************************************************************/
.section#main__bnr {padding:0;}
#main__bnr .row > div {width:50%;height:350px;padding:0 15px;background-repeat:no-repeat;background-position:center;background-size:cover;box-sizing:border-box;overflow: hidden;position: relative;}
#main__bnr .row > div a {display:block;height:100%;width: 100%;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;}
#main__bnr .row > div a:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;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}
#main__bnr .main__title {position:relative;z-index:2;display:block;text-align:center;font-size:32px;color:#fff;}
#main__bnr .main__desc {position:relative;z-index:2;display:block;margin-bottom:0;text-align:center;color:#fff;opacity:0.7}
@media screen and (min-width: 1025px){
	#main__bnr .row > div:hover a:before {opacity:0.5}
}
@media screen and (max-width: 1024px){
	#main__bnr .main__title {font-size:30px;}
}
@media screen and (max-width: 768px){
	#main__bnr .main__title {font-size:25px;}
	#main__bnr .row > div {height:230px;}
	#main__bnr .main__desc {opacity:0.9}
}
@media screen and (max-width: 640px){
	#main__bnr .row > div {height:200px;}
}
@media screen and (max-width: 540px){
	#main__bnr .main__desc br {display:none;}
}
@media screen and (max-width: 539px){
	#main__bnr .row > div {height:180px;}
	#main__bnr .row > div {float:none;width:100%;}
	#main__bnr .main__desc br {display:block;}
}
@media screen and (max-width: 374px){
	#main__bnr .main__desc br {display:none;}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 768px){
}




#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99999999;}
#status {width:100%;height:150px;max-width:100%;position:fixed;left:0;top:50%;background-image:url(/upload/site/20191023144907_bad9bec0.png);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 0;z-index:99999999999}