@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:100px;padding-bottom:100px;}
.main__title {margin-bottom:12px;font-weight:600;font-size:38px;color:#333;text-align:center;line-height:38px;}
/*.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0;padding-bottom:20px;}*/
.main__desc {margin-bottom:40px;font-weight:300;font-size:16px;color:#333;text-align:center;}
.main__btn {display:block;width:140px;height:50px;margin:0 auto;margin-top:32px;background-color:transparent;border:1px solid #888;border-radius:50px;font-size:15px;color:#333;line-height:50px;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:60px;padding-bottom:60px;}
	.main__title {font-size:26px;line-height:28px;}
	.main__title span {font-size:13px;}
	.main__desc {margin-bottom:30px;font-size:14px;}
	.main__btn {width:120px;height:40px;margin-top:15px;font-size:13px;line-height:40px;}
}
@media screen and (max-width: 480px){
	#main > section {padding-top:50px;padding-bottom:50px;}
	.main__title {margin-bottom:4px;font-size:20px;}
	.main__desc {margin-bottom:25px;}
}



/***********************************************************************
	메인 슬라이드
************************************************************************/
#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;z-index:99;}
#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;width:100%;height:100%;text-align:center}
#main__slider .slider-tit {display:table-cell;width:100%;vertical-align:middle;}
#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:90%;}
}
@media screen and (max-width: 640px){
	#main__slider .slider-inner {height:360px;}
}




/***********************************************************************
	main__imgBnr
************************************************************************/
/*#main__imgBnr .main__title {margin-bottom:40px;}*/
#main__imgBnr .bnr-inner {margin:-1.5%;}
#main__imgBnr .bnr-inner li {float:left;width:30.3%;margin:1.5%;text-align:center;}
#main__imgBnr .bnr-inner .image {position:relative;width:100%;height:0 !important;padding-top:79%;margin-bottom:26px;}
#main__imgBnr .bnr-inner .image span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;}
#main__imgBnr .bnr-inner li h5 {margin-bottom:12px;font-weight:600;font-size:22px;color:#333;line-height:23px;}
#main__imgBnr .bnr-inner li p {font-size:15px;color:#666;line-height:22px;}
#main__imgBnr .bnr-inner li .main__btn {-webkit-transition:all .4s ease;-ms-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
#main__imgBnr .bnr-inner li:hover .main__btn {background-color:#2b5aa0;border-color:#2b5aa0;color:#fff;}
/*버전3*/
/*.main_var3 #main__imgBnr {padding-left:30px !important;padding-right:30px !important;}*/
@media screen and (max-width: 1024px){
	#main__imgBnr .bnr-inner .image {margin-bottom:15px;}
	#main__imgBnr .bnr-inner li h5 {font-size:18px;}
}
@media screen and (max-width: 768px){
	#main__imgBnr .main__title {margin-bottom:10px;}
	#main__imgBnr .bnr-inner li h5 {margin-bottom:10px;}
	#main__imgBnr .bnr-inner li p {font-size:14px;}
	#main__imgBnr .bnr-inner li p br {display:none;}
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
	#main__imgBnr .bnr-inner {margin:-1%;}
	#main__imgBnr .bnr-inner li {width:100%;margin:0;margin-bottom:25px;}
	#main__imgBnr .bnr-inner li:last-child {margin-bottom:0;}

}




/***********************************************************************
	메인포트폴리오
************************************************************************/
#main__portfolio {background-color:#e5edf6;}
#main__portfolio #portfolioList--1 .pf-list,
#main__portfolio #portfolioList--3 .pf-list,
#main__portfolio #portfolioList--4 .pf-list,
#main__portfolio #portfolioList--5 .pf-list,
#main__portfolio #portfolioList--6 .pf-list {margin:0;}
#main__portfolio #portfolioList--1 .pf-list li,
#main__portfolio #portfolioList--3 .pf-list li,
#main__portfolio #portfolioList--4 .pf-list li,
#main__portfolio #portfolioList--5 .pf-list li,
#main__portfolio #portfolioList--6 .pf-list li {width:22.5%;margin:0;margin-right:0;}
#main__portfolio #portfolioList--3 .pf-title {display:none !important;}
#main__portfolio #portfolioList--3 .pf-img {padding-top:243px;}

#main__portfolio #portfolioList--2 .pf-list li {width:25%}
#main__portfolio .main__desc {margin-bottom:65px;}
#main__portfolio #portfolioList--3 .pf-thumb .hover > .inner {display:none !important;}
#main__portfolio .bx-wrapper {max-width:1180px !important;}
#main__portfolio .bx-wrapper .bx-controls-direction a {width:59px;height:118px;margin-top:-55px;background-color:#75777a;background-repeat:no-repeat;background-position:center;}
#main__portfolio .bx-wrapper .bx-prev {left:-85px;background-image:url(../../images/main/btn_portfolio_prev.png);}
#main__portfolio .bx-wrapper .bx-next {right:-85px;background-image:url(../../images/main/btn_portfolio_next.png);}
@media screen and (max-width: 1340px){
	#main__portfolio .bx-wrapper .bx-prev {left:0;}
	#main__portfolio .bx-wrapper .bx-next {right:0;}
}
@media screen and (max-width: 1200px){
	#main section#main__portfolio .maxWidth {margin:0 auto !important;}
	#main__portfolio .main__desc {padding:0 15px;}
}
@media screen and (max-width: 768px){
	#main__portfolio .bx-wrapper .bx-controls-direction a {width:39px;height:80px;margin-top:-35px;background-size:41%;}
	#main__portfolio .main__desc {margin-bottom:35px;}
}
@media screen and (max-width: 480px){
	#main__portfolio .main__desc {margin-bottom:25px;}
	#main__portfolio .main__desc br {display:none;}
}





/***********************************************************************
	메인 서비스
************************************************************************/
#main__section .maxWidth {max-width:1265px !important;}
#main__section .maxWidth > .row {border:1px solid #ddd;box-sizing:border-box;}
#main__section .maxWidth > .row > li {box-sizing:border-box;}
#main__section li.inner--left {width:63%;padding:30px 40px;}
#main__section li.inner--right {width:37%;border-left:1px solid #ddd;}
#main__section li.inner--right > div {padding:30px 40px;box-sizing:border-box;}
#main__section li.inner--right > div.section_bot {border-top:1px solid #ddd;}
#main__section a {display:block;}
#main__section .main__sjnews ul {overflow:hidden;margin:-2%;}
#main__section .main__sjnews ul li {float:left;width:46%;margin:2%;}
#main__section .main__sjnews .newsWebj-image {display:block;position:relative;width:100%;height:0;padding-top:53%}
/*#main__section .main__sjnews .newsWebj-image:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;}*/
#main__section .main__sjnews .images {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;}
#main__section .main__sjnews .newsWebj-info {display:block;}
#main__section .main__sjnews h5 {margin:20px 0 10px;font-weight:400;font-size:15px;color:#333;}
#main__section .main__sjnews p {font-weight:400;font-size:13px;color:#999;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;}
#main__section .main__sjnews .data {display:block;margin-top:13px;font-weight:400;font-size:13px;color:#999;}
#main__section h3 {margin-bottom:13px;font-weight:600;font-size:20px;color:#333;}
#main__section .main__news {height:150px;}
#main__section .main__news a {position:relative;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;padding-right:90px;font-weight:400;font-size:14px;color:#333;line-height:30px;}
#main__section .main__news a span {position:absolute;right:0;font-size:13px;color:#999;letter-spacing:0}
#main__section .main__recurting {text-align:center;}
#main__section .main__recurting li {display:inline-block;width:32%;}
#main__section .main__recurting li a {display:block;}
#main__section .main__recurting li a .t {display:block;font-weight:400;font-size:15px;color:#333;}
@media screen and (max-width: 1295px){
	#main__section .maxWidth {margin:0 15px auto !important;}
}
@media screen and (max-width: 768px){
	#main__section li.inner--left,
	#main__section li.inner--right > div {padding:20px 25px;}
	#main__section h3 {font-size:18px;}
	#main__section .main__sjnews h5 {margin:10px 0 5px;}
	#main__section .main__sjnews .data {margin-top:5px;}
	#main__section .main__recurting li a .t {font-size:14px;}
	#main__section .main__news a {line-height:25px;}
}
@media screen and (max-width: 640px){
	#main__section li.inner--left,
	#main__section li.inner--right {overflow:hidden;float:none !important;width:100%;}
	#main__section li.inner--left,
	#main__section li.inner--right > div {padding:15px;}
	#main__section li.inner--right {border-left:none !important;}
	#main__section li.inner--right > div {float:left;width:50%;box-sizing:border-box;}
	#main__section li.inner--right > div.section_top {border-top:1px solid #ddd;}
	#main__section li.inner--right > div.section_bot {border-left:1px solid #ddd;}
	#main__section .main__recurting {margin-top:30px;}
	#main__section .main__sjnews .data {font-size:12px;}
	#main__section .main__news {height:auto;}
}
@media screen and (max-width: 480px){
	#main__section li.inner--right > div {float:none;width:100%;}
	#main__section li.inner--right > div.section_bot {border-left:none;}
}




/***********************************************************************
	메인 서비스
************************************************************************/
#main__service {padding:0 !important;background-color:#323743;}
#main__service .content-inner > div {position:relative;}
#main__service .info-inner {overflow:hidden;position:relative;width:50%;height:400px;background-repeat:no-repeat;background-size:cover;background-position:center;box-sizing:border-box;}
#main__service .info-inner:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2b5aa0;opacity:0;-webkit-transition:all .7s ease;-ms-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;}
#main__service .info-inner:hover:before {opacity:0.8}
#main__service .info-box {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__service .info-table {display:table;width:100%;height:100%;text-align:center;box-sizing:border-box;} 
#main__service .info {display:table-cell;width:100%;vertical-align:middle;}
#main__service .comm {margin:30px 0;font-size:14px;line-height:24px;color:#f8f8f8;}
#main__service .h-tit {text-transform:uppercase;font-weight:600;font-style:normal;font-size:26px;color:#fff;}
/*#main__service .h-tit:before {content:'';display:block;width:30px;height:1px;margin-bottom:15px;background-color:#000;}*/
#main__service .h-tit em {display:block;font-size:14px;font-weight:300;font-style:normal;}
#main__service .main__btn {overflow:hidden;height:0;margin-top:0;border-color:#fff;color:#fff;opacity:0;z-index:-1;-webkit-transition:all .4s ease;-ms-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
#main__service .info-inner:hover .main__btn {height:50px;margin-top:32px;opacity:1;z-index:1;}
#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__left .image span {display:block;width:100%;min-height:400px;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:400px;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__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 .comm {color:#93979f;}
#main__service .info-inner .comm strong {font-weight:400;color:#f8f8f8;}
#main__service .image {left:0;}
#main__service .inner--right .image {right:0;}
@media screen and (max-width: 768px){
#main__service .info-inner,
#main__service .image-inner .image span {height:200px;min-height:200px;}
#main__service .h-tit {margin-bottom:10px;font-size:18px;line-height:28px;}
#main__service .h-tit:before,
#main__service .info-inner .h-tit:before {margin-bottom:5px;}
#main__service .main__btn {height:40px;opacity:1}
#main__service .info-inner:hover .main__btn {height:40px;margin-top:0;opacity:1;z-index:1;}
}
@media screen and (max-width: 640px){
#main__service .comm br {display:none;}
#main__service .h-tit:before,
#main__service .h-tit {margin-bottom:5px;}
#main__service .h-tit em {line-height:15px;margin:5px 0 15px;}
}





/***********************************************************************
	메인 이미지 배너 4개 
************************************************************************/
#main__bnr {background-size:cover !important;}
#main section#main__bnr .maxWidth {max-width:1090px;}
/*#main__bnr .bnr-list img {height:80px;}*/
#main__bnr .main__title,
#main__bnr .main__desc {color:#fff;}
#main #main__bnr .bnr-list li {border-right:1px solid #ddd;}
#main__bnr .tit {display:none;}
#main__bnr .bx-wrapper {max-width:1120px !important;}
#main__bnr .bx-wrapper .bx-controls-direction a {top:0;width:29px;height:80px;margin-top:0;background-color:#f8f8f8;background-repeat:no-repeat;background-position:center;border:1px solid #ddd;box-sizing:border-box;}
#main__bnr .bx-wrapper .bx-prev {left:-28px;background-image:url(../../images/main/btn_bnr_prev.png);}
#main__bnr .bx-wrapper .bx-next {right:-28px;background-image:url(../../images/main/btn_bnr_next.png);}
@media screen and (max-width: 1200px){
	#main__bnr {overflow:hidden;}
	#main section#main__bnr .maxWidth {max-width:1170px;margin:0 15px auto !important;}
	#main__bnr .main__desc {margin-bottom:70px;}
	#main__bnr .bx-wrapper .bx-controls-direction {position:absolute;top:-40px;left:50%;width:100%;margin-left:-15px;}
	#main__bnr .bx-wrapper .bx-controls-direction a {width:30px;height:30px;}
	#main__bnr .bx-wrapper .bx-prev {left:-17.5px;}
	#main__bnr .bx-wrapper .bx-next {right:auto;left:17.5px;}
}