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


		메인 버전 1.  css 	:: BSJ


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


/* layout common */
.l-table {display:table;width:100%;height:100%;}
.l-cell {display:table-cell;vertical-align:middle;}
.maxWidth {max-width:1170px;margin:0 auto;}
.row {overflow:hidden;}
.inner--left {float:left;}




/***********************************************************************
	메인
************************************************************************/
#main > section {padding-top:78px;padding-bottom:78px;}
 #main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:10px;font-weight:800;font-family:'open Sans';font-size:40px;text-transform:uppercase;color:#221916 ;text-align:center;}
.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0;padding-bottom:20px;}
.main__desc {margin-bottom:60px;font-size:16px;color:#221916;line-height:25px;text-align:center;}
.main__btn {display:block;width:145px;height:38px;margin-top:30px;background-color:#fff;border:1px solid #000;font-weight:400;font-size:14px;color:#000;line-height:35px;text-align:center;box-sizing:border-box;-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);}
.main__btn:after {content:'';position:absolute;top:0;left:50%;right:50%;bottom:0;height:100%;margin-bottom:27px;background-color:#f4a433;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:60px;padding-bottom:60px;}
	.main__desc {margin-bottom:40px;}
}
@media screen and (max-width: 768px){
	#main > section {padding-top:40px;padding-bottom:40px;}
	.main__desc {margin-bottom:25px;font-size:12px;}
	.main__title {margin-bottom:0;font-size:25px !important;}
	.main__title span {font-size:13px;}
	.main__btn {width:100px;margin-top:15px;}
}
@media screen and (max-width: 505px){
	.main__btn {margin-top:10px;}
}
@media screen and (max-width: 480px){
	.main__title {font-size:22px !important;}
}
@media screen and (max-width: 400px){
	.main__btn {width:80px;height:32px;font-size:12px;line-height:29px;}
}



/***********************************************************************
	메인 슬라이드
************************************************************************/
#main .section#main__slider {padding:0 !important;}
#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;}
#main__slider .slider-inner img {margin:0 auto;}
#main__slider .slider-box {position:absolute;top:0;left:0;width:100%;height:100%}
#main__slider .slider-table {display:table;table-layout:fixed;width:100%;height:100%;text-align:center}
#main__slider .slider-tit {position:relative;display:table-cell;width:100%;vertical-align:middle;z-index:99}
#main__slider .slider-tit img {opacity:0;transition:all 2s ease-out}
#main__slider .slider-tit img.on {opacity:1}
#main__slider .slider-scroll a {display:none;}
#main__slider .main-slider li:before {content:'';position:absolute;top:0;left:-20%;width:50%;height:100%;background-color:#fff;opacity:0.2;-webkit-transform: skewX(-20deg);-ms-transform: skewX(-20deg);transform: skewX(-20deg);transition:all 1s ease-out;}
#main__slider .main-slider li.active:before {width:100%;opacity:0;z-index:1}
#main__slider .bx-controls-direction {display:none;}
@media screen and (max-width: 1024px){
	#main__slider .slider-tit img {max-width:100%;padding:0 30px;box-sizing:border-box;}
}



/***********************************************************************
	메인포트폴리오
************************************************************************/
/*#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 {background-color:#f7f7f7;}




/***********************************************************************
	메인 서비스
************************************************************************/
#main__service {padding-bottom:0 !important;}
#main__service .content-inner > div {position:relative;}
#main__service .info-inner {position:relative;width:50%;height:350px;background-color:#f5f5f5;box-sizing:border-box;}
#main__service .info-box {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__service .info-table {display:table;width:100%;height:100%;padding-left:10%;padding-right:10%;text-align:left;box-sizing:border-box;} 

#main__service .info {display:table-cell;width:100%;vertical-align:middle;}
#main__service .comm {font-size:15px;line-height:20px;color:#555;}
#main__service .h-tit {margin-bottom:15px;text-transform:uppercase;font-weight:600;font-size:23px;color:#2e2e2e;}
#main__service .h-tit:before {content:'';display:block;width:30px;height:1px;margin-bottom:15px;background-color:#000;}
#main__service .info-box:hover .main__btn {color:#fff;}
#main__service .info-box:hover .main__btn:after {left:0;right:0;}
#main__service .image-inner {width:50%;}
#main__service .image {overflow:hidden;position:absolute;width:50%;}
#main__service .layout__right .image {left:auto;right:0;}
#main__service .layout__left .image span {display:block;width:100%;min-height:350px;height:0;background-position-x:center;background-position-y:center;background-repeat-x:no-repeat;background-repeat-y:no-repeat;background-size:cover;text-indent:-9999px;-webkit-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
#main__service .layout__left .image span:hover {-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);}
#main__service .layout__right .image span {display:block;width:100%;min-height:350px;height:0;background-position-x:right;background-position-y:center;background-repeat-x:no-repeat;background-repeat-y:no-repeat;background-size:cover;text-indent:-9999px;-webkit-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
#main__service .layout__right .image span:hover {-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);}
#main__service .info-inner.inner--left .info {text-align:right} 
#main__service .info-inner.inner--left .main__btn {margin:0 auto;margin-right:0;margin-top:30px;}
#main__service .info-inner.inner--left .h-tit:before {margin:0 auto;margin-right:0;margin-bottom:15px;}
@media screen and (max-width: 768px){
#main__service .info-inner,
#main__service .layout__left .image span {height:270px;min-height:270px;}
#main__service .h-tit {margin-bottom:10px;font-size:18px;line-height:28px;}
#main__service .info-inner.inner--left .main__btn {margin-top:15px;}
#main__service .comm {font-size:13px;}
#main__service .h-tit:before,
#main__service .info-inner.inner--left .h-tit:before {margin-bottom:5px;}
}
@media screen and (max-width: 505px){
#main__service .comm br {display:none;}
#main__service .h-tit:before,
#main__service .h-tit {margin-bottom:5px;}
#main__service .info-inner,
#main__service .layout__left .image span {height:240px;min-height:240px;}
}
@media screen and (max-width: 400px){
#main__service .info-table {padding-left:15px;padding-right:15px;}
#main__service .info-inner,
#main__service .layout__left .image span {height:180px;min-height:180px;}
#main__service .info-inner.inner--left .info {text-align:left;}
#main__service .info-inner.inner--left .h-tit:before {margin-left:0;}
#main__service .image-inner {width:100%;}
#main__service .image {position:static;width:100%;}
#main__service .info-inner {width:100%;height:auto;}
#main__service .maxWidth {margin:0 15px;padding:14% 0;}
#main__service .h-tit {font-size:14px;}
#main__service .comm {font-size:12px;line-height:18px;}
/*#main__service .comm br {display:block;}*/
#main__service .info-inner.inner--left .main__btn {margin-left:0;}
}



/***********************************************************************
	main__contUs
************************************************************************/
#main__contUs * {color:#fff;}
#main__contUs {background-size:cover !important;}
#main section#main__contUs .maxWidth {max-width:790px;}
#main__contUs .main__title {text-align:left;letter-spacing:0}
#main__contUs .main__title:before {content:'';display:block;width:30px;height:1px;margin-bottom:15px;background-color:#fff;}
#main__contUs a {display:block;width:145px;height:35px;margin:0 auto;border:1px solid #fff;line-height:35px;letter-spacing:-0.5px}
#main__contUs a img {display:inline-block;margin-right:10px;vertical-align:middle;}
#main__contUs .main__desc {margin-bottom:35px;font-weight:300;font-size:15px;text-align:left;line-height:20px;}
#main__contUs .contUs-info {display:block;margin:20px 0;font-weight:300;font-size:17px;letter-spacing:0}
#main__contUs .contUs-info:before {content:'';display:inline-block;width:32px;height:32px;margin-right:8px;background-size:100% !important;vertical-align:middle;}
#main__contUs .contUs-info.tel:before {background:url(../../images/main/main_contus_icon1.png) no-repeat 0;} 
#main__contUs .contUs-info.kakao:before {background:url(../../images/main/main_contus_icon2.png) no-repeat 0;} 
#main__contUs .contUs-info.email:before {background:url(../../images/main/main_contus_icon3.png) no-repeat 0;} 
@media screen and (max-width: 1190px){
	#main section#main__contUs .maxWidth {margin:0 auto !important;}
}
@media screen and (max-width: 1024px){
	#main .section#main__contUs {padding:60px 15px !important;}
}
@media screen and (max-width: 768px){
	#main .section#main__contUs {padding:40px 15px !important;}
	#main section#main__contUs .maxWidth {max-width:560px;}
	#main__contUs .main__title {margin-bottom:15px;}
	#main__contUs .main__title:before {margin-bottom:10px;}
	#main__contUs .main__desc {margin-bottom:0;font-size:13px;line-height:20px;}
	#main__contUs .inner--right {margin-top:10px;} 
	#main__contUs .contUs-info {margin:12px 0;font-size:14px;}
}
@media screen and (max-width: 515px){
	#main__contUs .main__desc br {display:none;}
	#main__contUs .inner--left {width:100%;}
	#main__contUs .inner--right {width:100%;margin-top:10px;}
	#main__contUs .main__title {margin-bottom:10px;}
	#main__contUs .contUs-info {margin:0;}
	#main__contUs .contUs-info:before {width:20px;height:29px;}
}