@charset "utf-8";

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */

	@media screen and (max-width:999px){
		#mainVisual {height:100vh;}
	}

#mainVisual .mainVisualWrap, 
#mainVisual .mainVisualCon, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.item{
	height:100%;
}

.mainVisualWrap {position:relative; z-index:2;}

/* 메인 비주얼 ::이미지 */
.item {position:relative;}
.item.video video {width:100%;}
.item.video .bg {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.1); top:0; left:0; z-index:10;}
.item .img_box{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1); 
    -moz-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); 
     transform:scale(1.1,1.1);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
/* 메인 비주얼 ::텍스트 */
.item .text_box {position:absolute; width:1440px; top:50%; left:calc(50% - 720px); margin-top:-168px; z-index:11;}
.item .text_box .sTit,
.item .text_box h3.title,
.item .text_box p,
.item .text_box .main-visual-more-btn{
	letter-spacing:-0.03em;
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform:translateY(50px); 
    -o-transform:translateY(50px); 
    -moz-transform:translateY(50px);
    -webkit-transform:translateY(50px); 
     transform:translateY(50px);
	-webkit-transition:opacity 1.5s, transform 1.5s;
	-moz-transition:opacity 1.5s, transform 1.5s;
	-o-transition:opacity 1.5s, transform 1.5s;
	-ms-transition:opacity 1.5s, transform 1.5s;
	transition:opacity 1.5s, transform 1.5s;
}
.item .text_box .sTit {font-size:18px; font-weight:700; font-family:'Montserrat', sans-serif; color:rgba(255,255,255,0.6); margin-bottom:20px;}
.item .text_box h3.title {display:block;font-size:80px; font-weight:600; line-height:140%; color:#fff; text-shadow:5px 11px 15px rgb(0,0,0,0.35); margin-left:-2px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.item .text_box h3.title em {font-style:normal; font-size:40px; font-weight:300; display:block; letter-spacing:-0.03em; line-height:100%;}
.item .text_box h3.title em b {font-weight:600;}
.item .text_box p{margin-top:25px; font-weight:300; font-size:24px; color:#fff; line-height:120%; word-break:keep-all; -webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s;}
.item .text_box .main-visual-more-btn {display:inline-block; letter-spacing:0.05em; font-size:16px; font-weight:400; margin-top:60px; color:#fff; text-transform:uppercase; width:180px; line-height:48px; height:50px; border:1px solid rgba(256,256,256,0.3); text-align:center; padding-left:20px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.item .text_box .main-visual-more-btn span.bul {display:block;position:absolute;top:calc(50% - 4px);left:25px;background:#fff;transition:all .5s;width:2px;height:8px;margin:0;}
.item .text_box .main-visual-more-btn span.bul:after {content:"";display:block;position:absolute;top:0;width:8px;height:2px;margin:3px 0 0 -3px;background:#fff;}
/* 메인 비주얼 ::active효과 */
.item.active-item .img_box{
	-ms-transform:scale(1.0,1.0) rotate(0.0001deg);
    -o-transform:scale(1.0,1.0) rotate(0.0001deg);
    -moz-transform:scale(1.0,1.0) rotate(0.0001deg);
    -webkit-transform:scale(1.0,1.0) rotate(0.0001deg);
     transform:scale(1.0,1.0) rotate(0.0001deg);
}
.item.active-item .text_box .sTit,
.item.active-item h3.title,
.item.active-item p,
.item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform:translateX(0px); 
    -o-transform:translateX(0px); 
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px); 
     transform:translateX(0px);
}

	@media screen and (max-width:1699px){
		.item .text_box {width:80%; left:10%;}
	}

	@media screen and (max-width:1449px){
		.item.video video {width:auto; height:100%;}
	}

	@media screen and (max-width:1199px){
		.item .text_box .sTit {font-size:16px;}
		.item .text_box h3.title {font-size:76px;}
		.item .text_box h3.title em {font-size:36px;}
		.item .text_box p {font-size:22px;}
	}


	@media screen and (max-width:999px){
		.item .text_box {width:86%; left:7%; margin-top:-18vh;}
		.item .text_box .sTit {font-size:100%;}
		.item .text_box h3.title {font-size:360%;}
		.item .text_box h3.title em {font-size:50%;}
		.item .text_box p {font-size:120%;}
	}

	@media screen and (max-width:799px){
		.item .text_box {width:80%; left:10%;}
		.item .text_box .sTit {font-size:95%;}
		.item .text_box h3.title {font-size:300%;}
		.item .text_box p {font-size:110%;}

	}

	@media screen and (max-width:499px){
		.item .text_box .sTit {font-size:85%;}
		.item .text_box h3.title {font-size:260%;}
		.item .text_box p {font-size:100%;}

	}


#mainVisual .slick-arrow {position:absolute; top:calc(50% - 35px); width:35px; height:70px; background-color:inherit; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; margin-top:-35px; cursor:pointer; border:0; cursor:pointer; z-index:9999; font-size:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#mainVisual .slick-arrow.slick-prev {left:4.5%; background-image:url('../img/main/prevBtn.png');}
#mainVisual .slick-arrow.slick-next {left:auto; right:4.5%; background-image:url('../img/main/nextBtn.png'); border-left:0;}

	@media screen and (max-width:1699px){
		#mainVisual .slick-arrow.slick-prev {left:2%;}
		#mainVisual .slick-arrow.slick-next {right:2%;}
	}

	@media screen and (max-width:999px){
		#mainVisual .slick-arrow {top:50%; width:25px; height:48px;}
	}

	@media screen and (max-width:799px){
		#mainVisual .slick-arrow {width:18px; height:34px;}
	}



#mainVisual .slick-dots {position:absolute; left:calc(50% - 720px); top:calc(50% - 230px); z-index:1099;}
#mainVisual .slick-dots li {display:inline-block; margin-right:20px; width:10px; height:10px; overflow:hidden; border-radius:5px; font-size:0; border:1px solid #fff; box-sizing:border-box;}
#mainVisual .slick-dots li button {width:100%; height:100%; border:0; background:none; }
#mainVisual .slick-dots li.slick-active {background:#fff;}
	
	@media screen and (max-width:1699px){
		#mainVisual .slick-dots {left:10%;}
	}

	@media screen and (max-width:999px){
		#mainVisual .slick-dots {left:7%; top:calc(50% - 23vh)}
	}

	@media screen and (max-width:799px){
		#mainVisual .slick-dots {left:10%;}
		#mainVisual .slick-dots li {margin-right:10px;}
	}


#mainVisual .slick-counter {position:absolute; width:1400px; top:50%; left:calc(50% - 694px); margin-top:-210px; font-size:20px; color:#fff; z-index:1009;}
#mainVisual .slick-counter .active {font-size:24px; color:#fff;}
#mainVisual .slick-counter .total {font-size:24px; color:#fff;}


/*scroll icon */
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform:translateY(0);}
	40% {-webkit-transform:translateY(-30px);}
	60% {-webkit-transform:translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform:translateY(0);}
	40% {transform:translateY(-30px);}
	60% {transform:translateY(-15px);}
}
.scrollDown{position:absolute; bottom:30px; width:100%; text-align:center; z-index:999;}
.scrollDown.bounce {display:block; animation:bounce 2.5s infinite;}

#mainContents {letter-spacing:-0.05em;}
#mainContents .br {display:block;}
#mainContent .section {margin-top:120px;}

#mainContents .titleBox {padding:120px 0; text-align:center;}
#mainContents .titleBox h4 {opacity:0; font-size:50px; letter-spacing:-0.03em; font-weight:600; margin-bottom:20px; word-break:keep-all;}
#mainContents .titleBox p {opacity:0; font-size:20px; letter-spacing:-0.05em; word-break:keep-all;}

	@media screen and (max-width:1199px){
		#mainContents .titleBox h4 {font-size:46px;}
		#mainContents .titleBox p {font-size:18px;}
	}

	@media screen and (max-width:999px){
		#mainContents .titleBox {padding:100px 0;}
		#mainContents .titleBox h4 {font-size:270%;}
		#mainContents .titleBox p {font-size:115%;}
	}

	@media screen and (max-width:799px){
		#mainContents .titleBox {padding:80px 0;}
		#mainContents .titleBox h4 {font-size:230%;}
		#mainContents .titleBox p {font-size:105%;}
		#mainContents .titleBox p .br {display:inline;}
	}

	@media screen and (max-width:499px){
		#mainContents .br {display:inline;}

		#mainContents .titleBox h4 {font-size:200%;}
		#mainContents .titleBox p {font-size:100%;}
	}


/* ======================= 메인 퀵메뉴 영역 ======================= */

#mainContents .quickSection {background:#232323; color:#fff; padding:120px 0;}
#mainContents .quickSection .container {}
#mainContents .quickMenu {display:flex; justify-content: space-between; align-items: center;}
#mainContents .quickMenu h4 {opacity:0; font-size:32px; font-weight:600; width:36%;}
#mainContents .quickMenu h4 b {display:block; font-size:40px; color:#399d26; margin-top:26px;}
#mainContents .quickMenu ul {display:flex; align-items: center; width:64%;}
#mainContents .quickMenu ul:before {position:relative; display:block; width:22%; height:1px; background:#399d26; content:'';}
#mainContents .quickMenu ul li {opacity:0; width:200px; padding-top:200px; background:url('../img/main/circleLine.png') center no-repeat; color:#fff; border-radius:50%; overflow:hidden; font-size:20px; font-weight:600; margin-right:-25px;}
#mainContents .quickMenu ul li a {position:absolute; top:0; left:0;}
#mainContents .quickMenu ul li:nth-child(2n) {border:none; background:url('../img/main/dotLine.png') center no-repeat; background-size:contain;}
#mainContents .quickMenu ul li:nth-child(4) {margin-right:0;}
#mainContents .quickMenu ul li a {display:flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
#mainContents .quickMenu ul li a h5 {display:flex; align-items: center; justify-content: center; flex-direction: column;}
#mainContents .quickMenu ul li h5:before {position:relative; display:block; margin-bottom:15px;}
#mainContents .quickMenu ul li.quick01 h5:before {content:url('../img/main/quickIcon01.png');}
#mainContents .quickMenu ul li.quick02 h5:before {content:url('../img/main/quickIcon02.png');}
#mainContents .quickMenu ul li.quick03 h5:before {content:url('../img/main/quickIcon03.png');}
#mainContents .quickMenu ul li.quick04 h5:before {content:url('../img/main/quickIcon04.png');}
	
	@media screen and (max-width:1459px){
		#mainContents .quickMenu ul:before {width:12%;}
		#mainContents .quickMenu ul li {width:180px; padding-top:180px;}
		#mainContents .quickMenu ul li h5:before {margin-bottom:5px;}
	}

	@media screen and (max-width:1199px){
		#mainContents .quickMenu h4 {width:34%; font-size:28px;}
		#mainContents .quickMenu h4 b {font-size:36px;}
		#mainContents .quickMenu ul {width:66%;}
		#mainContents .quickMenu ul:before {width:10%;}
		#mainContents .quickMenu ul li {width:25%; padding-top:25%; font-size:18px; margin-right:-15px;}
	}

	@media screen and (max-width:999px){
		#mainContents .quickSection {padding:100px 0;}
		#mainContents .quickMenu {flex-direction: column;}
		#mainContents .quickMenu h4 {width:100%; text-align:center; font-size:175%;}
		#mainContents .quickMenu h4 b {font-size:125%;}
		#mainContents .quickMenu ul {width:100%; justify-content: center; margin-top:50px;}
		#mainContents .quickMenu ul:before {display:none;}
		#mainContents .quickMenu ul li {font-size:115%; margin-right:-25px;}
		#mainContents .quickMenu ul li h5:before {margin-bottom:15px;}
	}

	@media screen and (max-width:799px){
		#mainContents .quickSection {padding:80px 0;}
		#mainContents .quickMenu h4 {font-size:165%;}
		#mainContents .quickMenu h4 b {}
		#mainContents .quickMenu ul {flex-wrap: wrap;}
		#mainContents .quickMenu ul li {width:50%; padding-top:50%; font-size:105%; margin:-3% !important;}
		#mainContents .quickMenu ul li:nth-child(1),
		#mainContents .quickMenu ul li:nth-child(4) {background:url('../img/main/circleLine.png') center no-repeat;  background-size:contain;}
		#mainContents .quickMenu ul li:nth-child(2),
		#mainContents .quickMenu ul li:nth-child(3) {border:0; background:url('../img/main/dotLine.png') center no-repeat; background-size:contain;}
	}

	@media screen and (max-width:499px){
		#mainContents .quickMenu h4 {font-size:155%;}
		#mainContents .quickMenu ul li {font-size:90%;}
	}

#mainContents .certiBox {background:#fff; border-radius:20px; overflow:hidden; padding:50px 106px; margin-top:60px;}
#mainContents .certiBox ul {display:flex; align-items: center; justify-content: space-between;}

	@media screen and (max-width:1199px){
		#mainContents .certiBox {padding:50px 5%;}
	}
	
	@media screen and (max-width:999px){
		#mainContents .certiBox ul li img {max-height:60px;}
	}

	@media screen and (max-width:799px){
		#mainContents .certiBox ul {flex-wrap: wrap;}
		#mainContents .certiBox ul li:nth-last-child(1) {width:100%; text-align:center; margin-top:30px;}
		#mainContents .certiBox ul li img {max-height:50px;}
	}

	@media screen and (max-width:499px){
		#mainContents .certiBox ul li {width:33.333%; text-align:center; margin-bottom:20px;}
		#mainContents .certiBox ul li:nth-last-child(1) {margin-top:0;}
	}


/* effect */
#mainContents .quickSection.show .quickMenu h4 {opacity:1; animation:fadeInDown 1s forwards;}
#mainContents .quickSection.show .quickMenu ul li:nth-child(odd) {animation:fadeInRight 1s forwards; animation-delay:0.2s;}
#mainContents .quickSection.show .quickMenu ul li:nth-child(even) {animation:fadeInLeft 1s forwards; animation-delay:0.2s;}


/* ======================= 메인 사업분야 영역 ======================= */

.businessSection {margin-bottom:120px;}
.businessSection ul.tabs{display:flex; justify-content: center; margin-bottom:25px;}
.businessSection ul.tabs li {font-size:22px; font-weight:400; margin:0 25px; cursor:pointer; color:#999;}
.businessSection ul.tabs li.current {font-weight:600; color:#399d26;}

	@media screen and (max-width:1199px){
		.businessSection ul.tabs li {font-size:20px; margin:0 1.5%;}
	}

	@media screen and (max-width:999px){
		.businessSection {margin-bottom:100px;}
		.businessSection .titleBox {padding-bottom:80px !important;}
		.businessSection ul.tabs li {font-size:120%; margin:0 1%;}
	}

	@media screen and (max-width:799px){
		.businessSection {margin-bottom:80px;}
		.businessSection .titleBox {padding-bottom:60px !important;}
		.businessSection ul.tabs {flex-wrap: wrap; padding:0;}
		.businessSection ul.tabs li {font-size:110%; margin:5px 1%;}
	}

	@media screen and (max-width:499px){
		.businessSection ul.tabs li {font-size:100%;}
	}
	

.businessSection .tab-content {position:relative; display:none;}
.businessSection .tab-content .bg {position:relative; width:100%; height:400px; top:0; background-color:#000; background-size:cover; z-index:1;}
.businessSection #tab-1.tab-content .bg {background-image:url('../img/main/mainBusiness01Bg.jpg');}
.businessSection #tab-2.tab-content .bg {background-image:url('../img/main/mainBusiness02Bg.jpg');}
.businessSection #tab-3.tab-content .bg {background-image:url('../img/main/mainBusiness03Bg.jpg');}
.businessSection #tab-4.tab-content .bg {background-image:url('../img/main/mainBusiness04Bg.jpg');}
.businessSection #tab-5.tab-content .bg {background-image:url('../img/main/mainBusiness05Bg.jpg');}
.businessSection #tab-6.tab-content .bg {background-image:url('../img/main/mainBusiness06Bg.jpg');}
.businessSection #tab-7.tab-content .bg {background-image:url('../img/main/mainBusiness07Bg.jpg');}

	@media screen and (max-width:999px){
		.businessSection .tab-content .bg {height:350px;}
	}

	@media screen and (max-width:799px){
		.businessSection .tab-content .bg {height:300px;}
	}

	@media screen and (max-width:499px){
		.businessSection .tab-content .bg {height:350px;}
	}

.businessSection .tabStyle1 .productCont {display: flex; flex-wrap: wrap; justify-content: space-between; position:relative; z-index:2; margin-top:-300px;}
.businessSection .tabStyle1 .productCont .title {display:flex; flex-wrap: wrap; color:#fff; width:60%;}
.businessSection .tabStyle1 .productCont .title h5 {font-size:32px; width:100%; font-weight:600; margin-bottom:20px;}
.businessSection .tabStyle1 .productCont .title p {font-size:18px; width:100%; font-weight:300; word-break:keep-all; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;*/}
.businessSection .tabStyle1 .productCont .proBtn {position:relative; width:165px; height:50px; border:1px solid rgba(255,255,255,0.6); color:#fff; margin-top:5px;}
.businessSection .tabStyle1 .productCont .proBtn a {position:absolute; display:flex; align-items: center; justify-content: center; width:100%; height:100%;}
.businessSection .tabStyle1 .productCont .content {opacity:0; width:100%; margin-top:50px;}

	@media screen and (max-width:1199px){
		.businessSection .tabStyle1 .productCont .title {width:75%;}
		.businessSection .tabStyle1 .productCont .title h5 {font-size:28px;}
		.businessSection .tabStyle1 .productCont .title p {font-size:16px;}
	}

	@media screen and (max-width:999px){
		.businessSection .tabStyle1 .productCont {margin-top:-250px;}
		.businessSection .tabStyle1 .productCont .title h5 {font-size:175%;}
		.businessSection .tabStyle1 .productCont .title p {font-size:100%;}
		.businessSection .tabStyle1 .productCont .proBtn {height:45px;}
	}

	@media screen and (max-width:799px){
		.businessSection .tabStyle1 .productCont .title {width:100%;}
		.businessSection .tabStyle1 .productCont .title h5 {font-size:165%;  text-align:center;}
		.businessSection .tabStyle1 .productCont .title p {font-size:95%;  text-align:center;}
		.businessSection .tabStyle1 .productCont .proBtn {height:40px; margin:0 auto; margin-top:20px;}
		.businessSection .tabStyle1 .productCont .content {margin-top:30px;}
	}

	@media screen and (max-width:499px){
		.businessSection .tabStyle1 .productCont {margin-top:-300px;}
		.businessSection .tabStyle1 .productCont .title h5 {font-size:155%;}
		.businessSection .tabStyle1 .productCont .title p {font-size:85%;}
		.businessSection .tabStyle1 .productCont .proBtn a {font-size:90%;}
	}


.businessSection .tabStyle2 .bg {display: flex; align-items: center; justify-content: center;}
.businessSection .tabStyle2 .bg .title {opacity:0; text-align:center; color:#fff;}
.businessSection .tabStyle2 .bg .title h5 {font-size:32px;  width:100%; font-weight:600; margin-bottom:20px;}
.businessSection .tabStyle2 .bg .title p {font-size:18px;  width:100%; font-weight:300; word-break:keep-all;}
.businessSection .tabStyle2 .bg .proBtn {opacity:0;position:relative; width:165px; height:50px; margin:0 auto; border:1px solid rgba(255,255,255,0.6); color:#fff; margin-top:50px;}
.businessSection .tabStyle2 .bg .proBtn a {position:absolute; display:flex; align-items: center; justify-content: center; width:100%; height:100%;}

	@media screen and (max-width:1199px){
		.businessSection .tabStyle2 .bg .title {padding:0 2%;}
		.businessSection .tabStyle2 .bg .title h5 {font-size:28px;}
		.businessSection .tabStyle2 .bg .title p {font-size:16px;}
	}

	@media screen and (max-width:999px){
		.businessSection .tabStyle2 .bg .title h5 {font-size:175%;}
		.businessSection .tabStyle2 .bg .title p {font-size:100%;}
		.businessSection .tabStyle2 .bg .proBtn {height:45px;}
	}

	@media screen and (max-width:799px){
		.businessSection .tabStyle2 .bg .title h5 {font-size:165%;}
		.businessSection .tabStyle2 .bg .title p {font-size:95%;}
		.businessSection .tabStyle2 .bg .proBtn {height:40px; margin-top:20px;}
	}


.businessSection .tab-content.current{ display: inherit; }

/* effect */
.businessSection.show .titleBox h4 {animation:fadeInDown 1s forwards;}
.businessSection.show .titleBox p {animation:fadeInDown 1s forwards; animation-delay:0.2s;}
.businessSection.show .tabStyle1 .productCont .content {animation:fadeInUp 1s forwards; animation-delay:0.2s;}
.businessSection.show .tabStyle2 .bg .title {opacity:1; animation:fadeIn 1s forwards;}
.businessSection.show .tabStyle2 .bg .proBtn {opacity:1; animation:fadeIn 1s forwards;}


/* ======================= 메인 문의하기 영역 ======================= */

.inquirySection {position:relative; height:350px; border-radius:20px; overflow:hidden;}
.inquirySection .bg {position: absolute; width: 100%; height: 100%; background:url('../img/main/inquiryBg.jpg') right center no-repeat; background-size:cover;}
.inquirySection a {position:absolute; width:100%; height:100%; top:0; left:0; padding:79px 100px;}
.inquirySection h4 {opacity:0; font-size:30px; color:#fff; letter-spacing:-0.03em;}
.inquirySection h4 .sTit {display:flex; align-items: center; font-size:22px; font-weight:600; color:#45ce2b; margin-bottom:10px;}
.inquirySection h4 .sTit:after {position:relative; display:inline-block; width:80px; height:1px; background:#45ce2b; margin-left:15px; content:'';}
.inquirySection h4 b {font-weight:600;}
.inquirySection .btnBox {opacity:0; display:flex; font-size:18px; font-weight:500; color:rgba(255,255,255,0.8); margin-top:40px;}
.inquirySection .btnBox:after {position:relative; display:inline-block; top:1px; margin-left:10px; content:url('../img/main/btnBoxIcon.png');}

	@media screen and (max-width:1459px){
		.inquirySection {width:96%; padding:0; margin:0 2%;}
		.inquirySection a {padding:79px 5%;}
	}

	@media screen and (max-width:1199px){
		.inquirySection a {display:flex; flex-direction: column; justify-content: center;}
		.inquirySection h4 {font-size:26px;}
		.inquirySection h4 .sTit {font-size:20px;}
		.inquirySection .btnBox {font-size:16px;}
	}

	@media screen and (max-width:999px){
		.inquirySection .bg {background-position: 90% center;}
		.inquirySection h4 {font-size:160%;}
		.inquirySection h4 .sTit {font-size:60%;}
		.inquirySection .btnBox {font-size:100%;}
	}

	@media screen and (max-width:799px){
		.inquirySection {height:auto;}
		.inquirySection .bg {position:relative; height:250px;}
		.inquirySection a {position:relative; padding:35px 5%; background:#225319;}
		.inquirySection h4 {font-size:150%;}
		.inquirySection .btnBox {font-size:95%; margin-top:30px;}
	}

	@media screen and (max-width:499px){
		.inquirySection h4 {font-size:140%;}
	}



/* effect */
.inquirySection.show h4 {opacity:1; animation:fadeInLeft 1s forwards;}
.inquirySection .btnBox {opacity:1; animation:fadeInLeft 1s forwards; animation-delay:0.2s;}


/* ======================= 메인 시공 및 납품 사례 영역 ======================= */

.caseSection {margin-bottom:120px;}
.caseSection .titleBox {padding-bottom:60px !important;}
.caseSection .contentBox {position:relative;}
	
	@media screen and (max-width:1599px){
		.caseSection .contentBox {padding:0 2%;}
	}

	@media screen and (max-width:1199px){
		.caseSection .contentBox {padding:0 4%;}
	}
	
	@media screen and (max-width:999px){
		.caseSection {margin-bottom:100px;}
		.caseSection .titleBox {padding-bottom:40px !important;}
	}
	
	@media screen and (max-width:799px){
		.caseSection {margin-bottom:80px;}
		.caseSection .contentBox {padding:0 8%;}

	}


/* effect */
.caseSection.show .titleBox h4 {animation:fadeInDown 1s forwards;}
.caseSection.show .titleBox p {animation:fadeInDown 1s forwards; animation-delay:0.2s;}

.caseSection .constructionSlider ul li.swiper-slide .info {opacity:0;}
.caseSection.show .constructionSlider ul li.swiper-slide .info {opacity:1; animation:fadeInUp 1s forwards;}