/* main 스타일만 작성 */

/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	
	/* visual */
	.main .visual {position:relative; height:calc(100vh - 100px); overflow:hidden;}
	.main .visual-video {position:absolute; left:0; top:-80px; right:0; bottom:0; z-index:-9; padding-bottom:56.25%;}
	.main .visual-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
	.main .visual-text {width:1200px; margin:0 auto; max-width:100%; padding:180px 0 200px; text-align:center;}
	.main .visual-text p {padding-bottom:20px; font-size:36px; color:#fff; font-weight:400; letter-spacing:-1px; text-shadow:10px 10px 10px rgba(0,0,0,0.3); line-height:1.4;}
	.main .visual-text h2 {position:relative; font-size:60px; color:#fff; font-weight:900; text-shadow:10px 10px 10px rgba(0,0,0,0.3);}
	.main .visual-text h2:before, .main .visual-text h2:after {content:''; display:block; width:70px; height:299px; position:absolute; top:23px;}
	.main .visual-text h2:before {left:290px; background:url(../images/main/visual_text_bg_l.png)center center no-repeat;}
	.main .visual-text h2:after {right:290px; background:url(../images/main/visual_text_bg_r.png)center center no-repeat;}
	.main .visual-text h2 span {display:block; line-height:1.8; letter-spacing:-1px; white-space:nowrap;}
	/*
	.main .visual-text h2 span:nth-child(2) {letter-spacing:61px;}
	.main .visual-text h2 span:nth-child(3) {letter-spacing:22px;}
	*/
	.main .visual-text+.arrow {
		display:block; width:70px; height:70px; background:url(../images/main/arrow.png)center no-repeat;
		position:absolute; bottom:30px; left:50%; transform:translateX(-50%);
	}
	
	
	/* notice */
	.main .notice {position:relative; border-bottom:1px solid #d1dee2;}
	.main .notice .noticeWrap {position:relative; width:1200px; margin:0 auto; height:100px; padding-left:200px;}
	.main .notice .noticeWrap h3 {position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:18px; color:#3361c7; font-weight:700;}
	.main .notice .noticeWrap .slider {}
	.main .notice .noticeWrap .slider ul {height:50px; position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); overflow:hidden;}
	.main .notice .noticeWrap .slider li {padding-right:200px;}
	.main .notice .noticeWrap .slider li a {
		font-size:18px; color:#000; cursor:pointer; padding:11px 0 11px 20px;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;
	}
	.main .notice .noticeWrap .slider li a:before {content:''; display:block; width:8px; height:2px; background:#000; position:absolute; left:0; top:50%; transform:translateY(-50%);}
	.main .notice .noticeWrap .slider li a span {display:inline-block; padding-right:30px;}
	.main .notice .noticeWrap .slider li a:hover {}
	.main .notice .noticeWrap .slider .pageNum {position:absolute; right:50px; top:-6px; font-size:14px; color:#000;}
	
	
	/* products */
	.main .products {padding:150px 0; background:url(../images/main/product_bg.png)center no-repeat; text-align:center;}
	.main .products .productsWrap {width:1200px; margin:0 auto;}
	.main .products .productsWrap h3 {display:inline-block; font-size:60px; padding:0 72px; color:#3375c7; font-weight:700; line-height:1; position:relative;}
	.main .products .productsWrap h3:before,
	.main .products .productsWrap h3:after {content:''; display:block; width:42px; height:2px; background:#3375c7; position:absolute; top:50%; margin-top:-1px;}
	.main .products .productsWrap h3:before {left:0;}
	.main .products .productsWrap h3:after {right:0;}
	
	.main .products .productsWrap>ul+p {line-height:2;}
	.main .products .productsWrap>ul {margin:50px 0 60px; overflow:hidden;}
	.main .products .productsWrap>ul>li {float:left; width:calc((100% - 40px)/3 - 0.1px); padding-bottom:20px; margin-left:20px;}
	.main .products .productsWrap>ul>li:nth-child(3n+1){margin-left:0;}
	.main .products .productsWrap>ul>li div {height:215px; border-radius:10px; border-radius:10px 10px 0 0; overflow:hidden; background:center /cover no-repeat;}
	.main .products .productsWrap>ul>li div ul {text-align:left; background:rgba(0, 50, 111, .9); height:100%; padding:40px; transform:translateY(245px); transition:all .3s;}
	.main .products .productsWrap>ul>li:hover div ul {transform:translateY(0);}
	.main .products .productsWrap>ul>li div ul li a {display:block; position:relative; padding:0 0 15px 22px; font-size:15px; color:#fff; line-height:1;}
	.main .products .productsWrap>ul>li div ul li a:before {content:''; display:block; width:10px; height:2px; background:#fff; position:absolute; left:0; top:6px;}
	.main .products .productsWrap>ul>li div ul li:last-child a {padding-bottom:0;}
	.main .products .productsWrap>ul>li div ul li a:hover {text-decoration:underline !important;}
	.main .products .productsWrap>ul>li>a {
		display:block; font-size:18px; color:#000; font-weight:400; letter-spacing:-1px; 
		padding:30px 0; line-height:1; border:1px solid #e5e5e5; border-top:0; border-radius:0 0 10px 10px;
	}
	.main .products .productsWrap>ul>li:nth-child(1) div {background-image:url(../images/main/mainProducts_01.jpg);}
	.main .products .productsWrap>ul>li:nth-child(2) div {background-image:url(../images/main/mainProducts_05.jpg);}
	.main .products .productsWrap>ul>li:nth-child(3) div {background-image:url(../images/production/blower-ex_01.jpg);}
	.main .products .productsWrap>ul>li:nth-child(4) div {background-image:url(../images/main/mainProducts_02.jpg);}
	.main .products .productsWrap>ul>li:nth-child(5) div {background-image:url(../images/main/mainProducts_03.jpg);}
	.main .products .productsWrap>ul>li:nth-child(6) div {background-image:url(../images/main/mainProducts_04.jpg);}
	
	
	
	/* info */
	.main .info {background:#edf3fa; padding:80px 0 100px;}
	.main .infoWrap {width:1200px; margin:0 auto;}
	.main .infoWrap>div {float:left; width:50%; padding-top:70px;}
	
	.main .infoText {background:url(../images/main/main-info.png)right top no-repeat;}
	.main .infoText h3 {font-size:60px; font-weight:900; line-height:1.2; letter-spacing:-1px;}
	.main .infoText h3 span {display:block;}
	.main .infoText h3+p {font-size:14px; line-height:2; padding-top:35px;}
	
	.main .infoIcon {padding-left:80px;}
	.main .infoIcon .infoBtn {overflow:hidden; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #d1dee2;}
	.main .infoIcon .infoBtn li {float:left; width:calc((100% - 100px)/3);}
	.main .infoIcon .infoBtn li+li {margin-left:50px;}
	.main .infoIcon .infoBtn li a {display:block;}
	.main .infoIcon .infoBtn li a dt {width:140px; height:140px; background:#6bcbc5 url(../images/main/icon-data.png)center no-repeat; border-radius:10px; transition:all .2s;}
	.main .infoIcon .infoBtn li a dd {color:#000; font-weight:400; text-align:center; padding-top:15px;}
	.main .infoIcon .infoBtn li:nth-child(2) a dt {background:#62b668 url(../images/main/icon-delivery.png)center no-repeat;}
	.main .infoIcon .infoBtn li:nth-child(3) a dt {background:#7e94cd url(../images/main/icon-certification.png)center no-repeat;}
	.main .infoIcon .infoBtn li a:hover dt {border-radius:50%;}
	
	.main .infoIcon .infoCustomer {overflow:hidden;}
	.main .infoIcon .infoCustomer dl {float:left;}
	.main .infoIcon .infoCustomer dl>* {font-weight:400; color:#000; line-height:1;}
	.main .infoIcon .infoCustomer dl dt {font-size:24px; padding-bottom:15px;}
	.main .infoIcon .infoCustomer dl dd {font-size:36px;}
	.main .infoIcon .infoCustomer dl dd a {color:#000;}
	.main .infoIcon .infoCustomer p {float:right; font-size:14px; line-height:1;}
	.main .infoIcon .infoCustomer p span {display:block; padding-top:10px;}
	
	
	
}




/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* visual */
	.main .visual {position:relative; overflow:hidden;}
	.main .visual .sliderV2 {position:absolute; top:0; left:0; z-index:-9; width:100%; height:100%;}
	.main .visual-text {padding:120px 20px 180px; text-align:center;}
	.main .visual-text p {padding-bottom:20px; font-size:27px; color:#fff; font-weight:400; letter-spacing:-1px; text-shadow:10px 10px 10px rgba(0,0,0,0.3); line-height:1.4;}
	.main .visual-text h2 {position:relative; font-size:48px; color:#fff; font-weight:900; text-shadow:10px 10px 10px rgba(0,0,0,0.3);}
	.main .visual-text h2:before, .main .visual-text h2:after {content:''; display:block; width:60px; height:299px; position:absolute; top:-10px;}
	.main .visual-text h2:before {left:0; background:url(../images/main/visual_text_bg_l.png)center center /100% no-repeat;}
	.main .visual-text h2:after {right:0; background:url(../images/main/visual_text_bg_r.png)center center /100% no-repeat;}
	.main .visual-text h2 span {display:block; line-height:1.8; letter-spacing:-1px; white-space:nowrap;}
	.main .visual-text+.arrow {
		display:block; width:70px; height:70px; background:url(../images/main/arrow.png)center no-repeat;
		position:absolute; bottom:30px; left:50%; transform:translateX(-50%);
	}
	
	
	/* notice */
	.main .notice {position:relative;}
	.main .notice .noticeWrap {position:relative;}
	.main .notice .noticeWrap h3 {font-size:18px; color:#3361c7; font-weight:700; padding:20px; border-bottom:1px solid #f5f5f5;}
	.main .notice .noticeWrap .slider {height:70px; padding:0 20px; border-bottom:1px solid #d1dee2;}
	.main .notice .noticeWrap .slider li {padding:22px 170px 22px 20px;}
	.main .notice .noticeWrap .slider li a {
		font-size:18px; color:#000; cursor:pointer; padding-left:20px;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;
	}
	.main .notice .noticeWrap .slider li a:before {content:''; display:block; width:8px; height:2px; background:#000; position:absolute; left:0; top:50%; transform:translateY(-50%);}
	.main .notice .noticeWrap .slider li a span {display:inline-block; padding-right:30px;}
	.main .notice .noticeWrap .slider li a:hover {}
	.main .notice .noticeWrap .slider .btnType3 {width:0; height:50px; top:28px; right:20px; transform:none;}
	.main .notice .noticeWrap .slider .btnType3 a:not(.pageNum) {top:0;}
	.main .notice .noticeWrap .slider .pageNum {position:absolute; right:50px; top:-6px; font-size:14px; color:#000;}
	
	
	/* products */
	.main .products {padding:100px 0; background:url(../images/main/product_bg.png)center no-repeat; text-align:center;}
	.main .products .productsWrap {padding:0 20px;}
	.main .products .productsWrap h3 {display:inline-block; font-size:48px; padding:0 72px; color:#3375c7; font-weight:700; line-height:1; position:relative;}
	.main .products .productsWrap h3:before,
	.main .products .productsWrap h3:after {content:''; display:block; width:42px; height:2px; background:#3375c7; position:absolute; top:50%; margin-top:-1px;}
	.main .products .productsWrap h3:before {left:0;}
	.main .products .productsWrap h3:after {right:0;}
	
	.main .products .productsWrap>ul+p {line-height:2;}
	.main .products .productsWrap>ul {margin:50px 0 0;}
	.main .products .productsWrap>ul>li {float:left; width:calc((100% - 40px)/3 - 0.1px); margin-left:20px;}
	.main .products .productsWrap>ul>li:nth-child(3n+1) {margin-left:0;}
	.main .products .productsWrap>ul>li div {height:245px; border-radius:10px; border-radius:10px 10px 0 0; padding-top:245px; background:center /cover no-repeat;}
	.main .products .productsWrap>ul>li div ul {text-align:left; padding:20px; padding-top:70px; /* background:rgba(0, 50, 111, 1);*/}
	.main .products .productsWrap>ul>li div ul li a {display:block; position:relative; padding:0 0 15px 22px; font-size:15px; color:#000; line-height:1;}
	.main .products .productsWrap>ul>li div ul li a:before {content:''; display:block; width:10px; height:2px; background:#000; position:absolute; left:0; top:6px;}
	.main .products .productsWrap>ul>li div ul li:last-child a {padding-bottom:0;}
	.main .products .productsWrap>ul>li div ul li a:hover {text-decoration:underline !important;}
	.main .products .productsWrap>ul>li>a {
		display:block; font-size:16px; color:#fff; font-weight:400; letter-spacing:-1px; margin-bottom:240px;
		padding:20px 0; line-height:1; border-bottom:1px solid #e5e5e5; background:rgba(0, 50, 111, 1); border-radius:0 0 10px 10px;
	}
	.main .products .productsWrap>ul>li:nth-child(1) div {background-image:url(../images/main/mainProducts_01.jpg);}
	.main .products .productsWrap>ul>li:nth-child(2) div {background-image:url(../images/main/mainProducts_05.jpg);}
	.main .products .productsWrap>ul>li:nth-child(3) div {background-image:url(../images/production/blower-ex_01.jpg);}
	.main .products .productsWrap>ul>li:nth-child(4) div {background-image:url(../images/main/mainProducts_02.jpg);}
	.main .products .productsWrap>ul>li:nth-child(5) div {background-image:url(../images/main/mainProducts_03.jpg);}
	.main .products .productsWrap>ul>li:nth-child(6) div {background-image:url(../images/main/mainProducts_04.jpg);}
	
	.main .products .productsWrap>ul>li:nth-child(4)>a {margin-bottom:120px;} 
	.main .products .productsWrap>ul>li:nth-child(5)>a {margin-bottom:120px;} 
	
	
	
	/* info */
	.main .info {background:#edf3fa; padding:30px 20px 80px;}
	
	.main .infoText {padding-top:50px;background:url(../images/main/main-info.png)right top no-repeat;}
	.main .infoText h3 {font-size:60px; font-weight:900; line-height:1.2; letter-spacing:-1px;}
	.main .infoText h3 span {display:block;}
	.main .infoText h3+p {font-size:14px; line-height:2; padding-top:35px;}
	
	.main .infoIcon {}
	.main .infoIcon .infoBtn {overflow:hidden; padding:50px 0 35px; margin:50px 0 35px; border-bottom:1px solid #d1dee2; border-top:1px solid #d1dee2;}
	.main .infoIcon .infoBtn li {float:left; width:calc((100% - 100px)/3);}
	.main .infoIcon .infoBtn li+li {margin-left:50px;}
	.main .infoIcon .infoBtn li a {display:block;}
	.main .infoIcon .infoBtn li a dt {width:140px; height:140px; margin:0 auto; background:#6bcbc5 url(../images/main/icon-data.png)center no-repeat; border-radius:10px;}
	.main .infoIcon .infoBtn li a dd {color:#000; font-weight:400; text-align:center; padding-top:15px;}
	.main .infoIcon .infoBtn li:nth-child(2) a dt {background:#62b668 url(../images/main/icon-delivery.png)center no-repeat;}
	.main .infoIcon .infoBtn li:nth-child(3) a dt {background:#7e94cd url(../images/main/icon-certification.png)center no-repeat;}
	
	.main .infoIcon .infoCustomer {overflow:hidden;}
	.main .infoIcon .infoCustomer dl {float:left;}
	.main .infoIcon .infoCustomer dl>* {font-weight:400; color:#000; line-height:1;}
	.main .infoIcon .infoCustomer dl dt {font-size:24px; padding-bottom:15px;}
	.main .infoIcon .infoCustomer dl dd {font-size:36px;}
	.main .infoIcon .infoCustomer dl dd a {color:#000;}
	.main .infoIcon .infoCustomer p {float:right; font-size:16px; line-height:1;}
	
	
}




/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {
		
		
	/* visual */
	.main .visual-text {padding:80px 20px 120px;}
	.main .visual-text p {font-size:21px;}
	.main .visual-text h2 {font-size:36px;}
	.main .visual-text h2:before, .main .visual-text h2:after {width:45px; top:-44px;}
	.main .visual-text+.arrow {display:none;}
	.main .visual-text h2 span {}
	
	
	/* notice */
	.main .notice .noticeWrap .slider li {padding-right:20px;}
	.main .notice .noticeWrap .slider li a {font-size:16px;}
	.main .notice .noticeWrap .slider li a span {display:none;}
	.main .notice .noticeWrap .slider .btnType3 {display:none;}
	.main .notice .noticeWrap .slider .btnType3 a:not(.pageNum) {width:35px; height:35px;}
	.main .notice .noticeWrap .slider .btnType3 .bPrev {right:75px;}
	.main .notice .noticeWrap .slider .btnType3 a.pageNum {top:-8px; right:45px;}
	
	
	/* products */
	.main .products {padding:50px 0;}
	.main .products .productsWrap>ul {margin:30px 0; border:none;}
	.main .products .productsWrap>ul+p br {display:none;}
	.main .products .productsWrap h3 {font-size:36px; padding:0 50px;;}
	.main .products .productsWrap h3:before, .main .products .productsWrap h3:after {width:30px;}
	.main .products .productsWrap>ul>li {width:100%;}
	.main .products .productsWrap>ul>li+li {margin-top:20px; margin-left:0;}
	.main .products .productsWrap>ul>li>a {font-size:16px; padding:20px 0; border-radius:0; margin-bottom:205px;}
	.main .products .productsWrap>ul>li:nth-child(2)>a {margin-bottom:120px;} 
	.main .products .productsWrap>ul>li:nth-child(3)>a {margin-bottom:120px;} 
	.main .products .productsWrap>ul>li:nth-child(4)>a {margin-bottom:90px;} 
	.main .products .productsWrap>ul>li:nth-child(5)>a {margin-bottom:120px;} 
	.main .products .productsWrap>ul>li:nth-child(6)>a {margin-bottom:120px;} 
	.main .products .productsWrap>ul>li div ul {padding:30px; padding-top:90px; border:1px solid #e5e5e5; border-radius:0 0 10px 10px;}
	.main .products .productsWrap>ul>li div ul li a {font-size:16px;}
	.main .products .productsWrap>ul>li div ul li a:before {top:7px;}
	
	
	
	/* info */
	.main .info {padding:50px 20px;}
	.main .infoText {background:none; padding-top:0;}
	.main .infoText h3 {font-size:36px; line-height:1.4;}
	.main .infoText h3 span {display:inline-block;}
	.main .infoText h3+p {padding-top:20px; font-size:15px;}
	.main .infoText h3+p br {display:none;}
	
	.main .infoIcon .infoBtn {padding:30px 0; margin:30px 0;}
	.main .infoIcon .infoBtn li {width:calc((100% - 40px)/3)}
	.main .infoIcon .infoBtn li+li {margin-left:20px;}
	.main .infoIcon .infoBtn li a {}
	.main .infoIcon .infoBtn li a dt {width:80px; height:80px; background-size:50% !important;}
	.main .infoIcon .infoBtn li a dd {padding-top:5px;}
	
	
	
	.main .infoIcon .infoCustomer dl {float:none;}
	.main .infoIcon .infoCustomer dl dt {font-size:18px; padding-bottom:7px;}
	.main .infoIcon .infoCustomer dl dd {font-size:27px;}
	.main .infoIcon .infoCustomer p {float:none; font-size:15px; padding-top:15px; line-height:1.6;}
	
	
	
	
	
}