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


		메인 버전 1.  css 	:: BSJ


********************************************************/
#header {border-bottom:none;}
#header.nav-up {border-bottom:1px solid transparent;}
#header.nav-down {border-bottom:1px solid transparent;}
/*
#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 {overflow:hidden;}
/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%;/*padding-bottom:56.25% !important;*/ }
#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 .slider__thumb_video { display:block;position:relative;width:100%;height:0;padding-bottom:56.25% !important; } 

/*
#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 video { position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover; } 
#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:3.75rem;line-height:1;color:#fff;overflow:hidden;}
#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:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden;}
/*
#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';}


/*스크롤*/
.slider-scroll { display:none; } 
#main__slider .slider-scroll a {display:none;position:absolute;left:0;right:0;width:9.2rem;height:4.3rem;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:1.5rem;height:1.5rem;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:50px;}50%{bottom:70px;}100%{bottom:50px;}}

/*좌우 부가 설정*/
#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:4rem;-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:0;}
#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:2rem;color:#fff;}
#main__slider .swiper-button-prev { display:none !important;left:20px; } 
#main__slider .swiper-button-next { display:none !important;right:20px; }

.swiper-button-prev, .swiper-button-next  { display:none !important; } 

.kaif_logo { position:absolute; right:0px; display:flex; align-items:center; justify-content:flex-end; margin-top:10px; } 

/*반응형*/
@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;}
	#main__slider .slider__thumb .slider__thumb_video { padding-bottom:85.25% !important; } 

	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
}
@media screen and (max-width: 480px){
	#main__slider .slider__infos {height:480px;}
}





/*----------------------------------------------------------------------
	main__imgBnr
----------------------------------------------------------------------*/
#main__imgBnr .main__title {margin-bottom:40px;}
#main__imgBnr .bnr-inner {margin:-1%;}
#main__imgBnr .bnr-inner li {float:left;width:48%;margin:1%;}
#main__imgBnr .bnr-inner .image {height:350px;margin-bottom:40px;}
#main__imgBnr .bnr-inner .image span {display:block;height:100%;background-size:cover !important;}
#main__imgBnr .bnr-inner li h5 {margin-bottom:25px;font-size:16px;color:#221916;}
#main__imgBnr .bnr-inner li p {font-size:14px;color:#666}
/*버전3*/
/*.main_var3 #main__imgBnr {padding-left:30px !important;padding-right:30px !important;}*/
@media screen and (max-width: 1024px){
	#main__imgBnr .bnr-inner .image {height:210px !important;margin-bottom:15px;}
	#main__imgBnr .bnr-inner li h5 {font-size:14px;margin-bottom:15px;}
	#main__imgBnr .bnr-inner li p {font-size:13px;}
}
@media screen and (max-width: 768px){
	#main__imgBnr .main__title {margin-bottom:15px;}
	#main__imgBnr .bnr-inner li h5 {margin-bottom:10px;}
}
@media screen and (max-width: 640px){
	#main__imgBnr .bnr-inner li p {font-size:12px;}
}
@media screen and (max-width: 480px){
	#main__imgBnr .bnr-inner {margin:-1%;}
	#main__imgBnr .bnr-inner li {width:100%;margin:0;margin-bottom:20px;}
	#main__imgBnr .bnr-inner li:last-child {margin-bottom:0;}
	#main__imgBnr .bnr-inner .image {height:130px !important;}

}




/*----------------------------------------------------------------------
	메인포트폴리오
----------------------------------------------------------------------*/
/*#main__portfolio .maxWidth {max-width:100%;}*/
/*#portfolioList--2 .pf-list li {width:25%;}*/
/*.btn-more {text-align:center;background-color:#000;}
.btn-more a {display:block;height:50px;font-size:14px;color:#aaa;line-height:50px;letter-spacing:0;box-sizing:border-box;}

.btn-more a:hover {border-color:#333;}*/
/*#main #portfolioList--1 {padding:0 30px 30px;}*/

#main__portfolio .btn-more { margin-top:30px; text-align:center; } 
#main__portfolio .btn-more a  { min-width:250px;  } 


/*----------------------------------------------------------------------
	메인 박스 배너 2개
----------------------------------------------------------------------*/
#main__boxBnr {height:auto;background:url(images/main/bg_artist.jpg) no-repeat;background-size:cover;box-sizing:border-box;}
#main__boxBnr .maxWidth {opacity:0;-webkit-transition-duration:0.8s;-m-transition-duration: 0.8s;-o-transition-duration:0.8s;-ms-transition-duration:0.8s;transition-duration:0.8s;}
#main__boxBnr .bnr-txt {position:relative;height:330px;}
#main__boxBnr .bnr-txt > div {position:absolute;top:0;width:50%;height:100%;padding:0 15px;text-align:center;-webkit-transition-duration:1s;-m-transition-duration: 1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;box-sizing:border-box;}
#main__boxBnr .inner--left {left:12%;background-color:#e43a4a;}
#main__boxBnr .inner--right {right:12%;background-color:#333;}
#main__boxBnr .bnr-txt h3 {margin-bottom:25px;font-weight:800;font-size:35px;color:#fff;line-height:38px;}
#main__boxBnr .bnr-txt h3:after {content:'';display:block;width:50px;height:4px;margin:0 auto;margin-top:25px;background-color:#fff;}
#main__boxBnr .inner--left .main__btn {background-color:#e43a4a;}
#main__boxBnr .inner--right .main__btn {background-color:#333;}
#main__boxBnr .main__btn:before {background-color:#fff;}
#main__boxBnr .bnr-txt > div:hover .main__btn {color:#333;z-index:3;}
#main__boxBnr .bnr-txt > div:hover .main__btn:before {-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}
#main__boxBnr .bnr-txt .info {margin-bottom:25px;font-size:12.5px;color:#fff;line-height:23px;}
#main__boxBnr.active .maxWidth {opacity:1;}
#main__boxBnr.active .inner--left {left:0;}
#main__boxBnr.active .inner--right {right:0;}




/*----------------------------------------------------------------------
	main__hole
----------------------------------------------------------------------*/
#main .section#main__hole {padding:90px 0 !important;background-size:cover !important;}
#main__hole * {color:#fff;}
#main__hole .main__title {letter-spacing:0}
#main__hole a {display:block;width:145px;height:35px;margin:0 auto;border:1px solid #fff;line-height:35px;text-align:center;letter-spacing:-0.5px}
#main__hole a img {display:inline-block;margin-right:10px;vertical-align:middle;}
#main__hole .main__desc {margin-bottom:35px;}
@media screen and (max-width: 1024px){
	#main .section#main__hole {padding:60px 15px !important;}
}
@media screen and (max-width: 768px){
	#main__hole .main__desc {font-size:13px;line-height:20px;}
}
@media screen and (max-width: 640px){
	#main .section#main__hole {padding:40px 15px !important;}
	#main__hole .main__title {margin-bottom:8px;}
	#main__hole .main__desc {margin-bottom:15px;}
	#main__hole a {width:100px;font-size:12px;}
	#main__hole a img {margin-right:5px;}
}
@media screen and (max-width: 425px){
	#main__hole .main__desc br {display:none;}

}



/*----------------------------------------------------------------------
	메인 비지니스 슬라이드 배너
----------------------------------------------------------------------*/
#main__business {background-color:#242424;box-sizing:border-box;}
#main__business .main__title {margin-bottom:20px;font-size:20px;color:#fff;}
#main__business .main__title span {font-size:14px;color:#9e9e9e;text-transform:uppercase;}
#main__business .main__desc {margin-bottom:25px;font-size:14px;color:#777;line-height:22px;letter-spacing:-0.5px;}
#main__business .business-info {position:relative;display:table;table-layout:fixed;float:left;width:25.5%;height:290px;padding:20px 35px;box-sizing:border-box;}
#main__business .business-info .l-business {display:table-cell;vertical-align:middle;}
#main__business .business-bnr li {width:270px !important;}
#main__business .business-bnr {float:right;width:74.5%;}
/*#main__business .business-bnr .image {width:;}*/
#main__business .business-bnr .image img {max-width:100%;height:235px;}
#main__business .business-bnr a {display:block;}
#main__business .business-bnr span {display:block;}
#main__business .business-bnr .info {height:175px;padding:20px;background-color:#fff;box-sizing:border-box;}
#main__business .business-bnr h5 {margin-bottom:15px;font-weight:400;font-size:16px;color:#000;}
#main__business .business-bnr .info p {font-size:13px;color:#999;line-height:21px;}
#main__business .business-bnr .bx-wrapper .bx-pager {display:none;}
#main__business .bx-wrapper .bx-controls-direction {position:absolute;bottom:0;left:-23.5%;width:110px;}
#main__business .bx-wrapper .bx-controls-direction a {top:-110px;width:55px;height:55px;border:1px solid #666;}
#main__business .bx-wrapper .bx-prev {left:-1.5px;background:url(images/main/main3_prev.png) no-repeat center #242424;}
#main__business .bx-wrapper .bx-next {right:-1.5px;background:url(images/main/main3_next.png) no-repeat center #242424;}
#main__business .bx-wrapper .bx-controls-direction a:hover {background-color:#9e9e9e;}
@media screen and (max-width: 1024px){
	#main__business .main__title span {font-size:13px;}
	/*#main__business .business-bnr .info {height:190px;}*/
	#main__business .bx-wrapper .bx-controls-direction {width:70px;}
	#main__business .bx-wrapper .bx-controls-direction a {width:35px;height:35px;}
}
@media screen and (max-width: 768px){
	#main__business .main__title {margin-bottom:10px;}
	#main__business .main__desc {margin-bottom:20px;font-size:13px;line-height:18px;}

	#main__business .business-info {float:none;width:100%;height:auto;padding:0;}
	#main__business .business-bnr {float:none;width:100%;padding-top:50px;}
	#main__business .business-bnr li {width:243px !important;margin-right:10px !important;}
	#main__business .business-bnr .image img {width:100%;height:auto;}
	#main__business .business-bnr .info {height:230px;}
	#main__business .bx-wrapper .bx-controls-direction {top:-40px;left:0;right:0;margin:0 auto;bottom:auto;width:70px;}
	#main__business .bx-wrapper .bx-controls-direction a {top:0;width:35px;height:35px;}
}
@media screen and (max-width: 640px){
	#main__business {padding:0;}
	#main #main__business .business-bnr li {width:225px !important;}
}
@media screen and (max-width: 540px){
	#main__business .main__desc {font-size:12px;}
	#main__business .business-bnr h5 {margin-bottom:3px;font-size:14px;}
	#main__business .business-bnr .info {height:150px !important;padding:10px;}
	#main__business .business-bnr .info p {font-size:12px;line-height:18px;}
	/*#main__business .business-bnr .bx-viewport {padding-left:19%;}*/
}



/*----------------------------------------------------------------------
	메인 이미지 배너 4개
----------------------------------------------------------------------*/
#main__bnr .bnr-list {overflow:hidden;margin:-0.75%;}
#main__bnr .bnr-list li {position:relative;float:left;/*width:23.5%;*/width:48.5%;margin:0.75%;}
#main__bnr .bnr-list li .bnr-img {position:relative;width:100%;height:0;padding-top:39.3%;}
#main__bnr .bnr-list li img {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__bnr .bnr-list a {display:block;position:relative;overflow:hidden;height:0;padding-top:38.2%;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}
#main__bnr .bnr-list .tit {display:table;table-layout:fixed;position:absolute;left:15px;bottom:22px;width:150px;height:56px;padding:0 17px;background-color:#111;font-size:13px;color:#fff;line-height:17px;letter-spacing:5px;vertical-align:middle;box-sizing:border-box;}
#main__bnr .bnr-list a .tit:before {content: '';position:absolute;border:2px solid #111;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:top,right,bottom,left;-moz-transition-property:top,right,bottom,left;-ms-transition-property:top,right,bottom,left;-o-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left;}
#main__bnr .bnr-list a:hover .tit:before, #main__bnr .bnr-list a:focus .tit:before, #main__bnr .bnr-list a:active .tit:before {top:-5px;right: -5px;bottom:-5px;left:-5px;}
#main__bnr .bnr-list a .tit span {display:table-cell;vertical-align:middle;width:100%;}
#main__bnr .bnr-list .bnr-img {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration: 0.5s;-webkit-transition-property:box-shadow, transform;-moz-transition-property:box-shadow, transform;-ms-transition-property:box-shadow, transform;-o-transition-property:box-shadow, transform;transition-property:box-shadow, transform;}
#main__bnr .bnr-list .bnr-img:hover, #main__bnr .bnr-list .bnr-img:focus, #main__bnr .bnr-list .bnr-img:active {box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
@media screen and (max-width: 768px){
	/*.bnr .bnr-list .tit {display:none;}*/
	#main__bnr .bnr-list .tit {bottom:10px;left:10px;}
}
@media screen and (max-width: 640px){
	/*#main__bnr {margin-bottom:30px;}*/
	/*.bnr .bnr-list .tit {bottom:15px;}*/
	#main__bnr .bnr-list .tit {width:130px;height:50px;}
}
@media screen and (max-width: 550px){
	#main__bnr .bnr-list {margin:-0.75% 0;}
	#main__bnr .bnr-list li {width:100% !important;margin:0.75% 0;}
}
@media screen and (max-width: 480px){
	#main__bnr .bnr-list li {margin:1% 0;}
}