@charset "utf-8";
/* ======================================================
    msec-visual 
=========================================================*/
.msec-visual{position:relative;height:992px;overflow:hidden;background:rgba(23,72,97,1)}
.msec-visual .item{height:992px; position:relative;}
.msec-visual .item:after{position:absolute; left:50%; top:0; width:20000px; margin-left:-10000px; height:100%; background:rgba(0,0,0,0.25); display:block; content:"";z-index:1; opacity:0;}
.msec-visual .item:before{width:100%;height:100%; position:absolute; left:0; top:0; display:block;content:"";background:rgba(0,0,0,0.25); z-index:55;}
.msec-visual .item.c01 .img{height:992px; background:url(../_Img/Main/mvisual-img01.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c02 .img{background:url(../_Img/Main/main_mv01.mp4) no-repeat center top; background-size:cover;}
.msec-visual .item.c03 .img{background:url(../_Img/Main/main_mv03.mp4) no-repeat center top; background-size:cover;}
.msec-visual .item img{visibility:hidden; width:100%;}

#popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);} 
/*팝업 박스*/
.popup_box{position: relative;top:50%;left:50%; width:340px;height:600px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}

#popup_layer .popupimg {background:url(../_Img/Main/img_popupnews.png) no-repeat center top; background-size:contain; width: 100%; height:100%}
.popupbtn {height: 20px; padding: 10px; background-color: #011c27; color: #ffffff; text-align: right; font-size: 12px  }
.bl_close {display:inline-block; background:url(../_Img/Main/bl_close.png) no-repeat center center; background-size:contain; width: 20px; height: 10px;  }
.popup_off {display:none;}
.visual-txt{position:absolute; left:0; width:100%; box-sizing:border-box; top:50%; z-index:5; text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.visual-txt .btxt{opacity:0; font-family: 'Roboto';font-size:86px; color:#fff; font-weight:500; letter-spacing:-0.03em ; line-height:1.15em;text-transform:uppercase;-webkit-transform: translateY(40%); -moz-transform: translateY(40%);-ms-transform: translateY(40%); -o-transform:  translateY(40%);transform: translateY(40%);-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
.visual-txt .stxt{opacity:0;position:relative;margin-top:60px;font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.03em ; line-height:1.2em;-webkit-transform: translateY(70%); -moz-transform: translateY(70%);-ms-transform: translateY(70%); -o-transform:  translateY(70%);transform: translateY(70%);-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
.visual-txt .stxt:before{width:0;height:2px; background:#ed1c39; position:absolute; left:50%;top:-34px; display:block; content:"";-webkit-transition: width 0.5s ease-out, margin-left 0.5s ease-out;-moz-transition: width 0.5s ease-out, margin-left 0.5s ease-out;-o-transition: width 0.5s ease-out, margin-left 0.5s ease-out;transition: width 0.5s ease-out, margin-left 0.5s ease-out;}

.visual-txt ul{margin-top:35px; font-size:0;}
.visual-txt ul li{opacity:0;position:relative;display:inline-block;vertical-align:top; margin:0 12px;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-webkit-transition: transform 0.5s ease-out, opacity 0.5s ease-out;-moz-transition: transform 0.5s ease-out, opacity 0.5s ease-out;-o-transition: transform 0.5s ease-out, opacity 0.5s ease-out;transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
.visual-txt ul li a{ background:#ed1c39; width:236px;height:167px;display:flex;align-items: center; justify-content: center;-webkit-transition: transform 0.4s ease-out,opacity 0.3s ease-out;-moz-transition: transform 0.4s ease-out,opacity 0.3s ease-out;-o-transition: transform 0.4s ease-out,opacity 0.3s ease-out;transition: transform 0.4s ease-out,opacity 0.3s ease-out;}
.visual-txt ul li a div{width:100%;}
.visual-txt ul li a span{display:block;font-size:27px;font-family: 'Roboto';color:#fff; line-height:1.2em; padding-top:80px;text-transform:uppercase;}
.visual-txt ul li:nth-child(1) a span{background:url(../_Img/Main/visual-ico01.png) no-repeat center top}
.visual-txt ul li:nth-child(2) a span{background:url(../_Img/Main/visual-ico02.png) no-repeat center top}
.visual-txt ul li:nth-child(3) a span{background:url(../_Img/Main/visual-ico03.png) no-repeat center top}
.visual-txt ul li a:hover{transform:scale(1.11, 1.11); -webkit-transform:scale(1.11, 1.11); -moz-transform:scale(1.11, 1.11); -ms-transform:scale(1.11, 1.11);}

.msec-visual .slick-prev{z-index:999;width:78px;height:78px;border-radius:100%; position:absolute; left:25px; top:50%;margin-top:-39px; background:url(../_Img/Main/visual-prev.png) no-repeat center center; background-size:100%  auto;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
.msec-visual .slick-next{z-index:999;width:78px;height:78px;border-radius:100%;position:absolute; right:25px; top:50%;margin-top:-39px; background:url(../_Img/Main/visual-next.png) no-repeat center center; background-size:100%  auto;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
.msec-visual .slick-prev:hover{background-color:#ed1c39 !Important;}
.msec-visual .slick-next:hover{background-color:#ed1c39 !Important;}

.msec-visual.ani .btxt{transition-delay: 0.2s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-visual.ani .stxt{transition-delay: 0.6s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-visual.ani .stxt:before{transition-delay: 1.1s;width:160px;margin-left:-80px; }

.msec-visual.ani .visual-txt ul li{ opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-visual.ani .visual-txt ul li:nth-child(1){transition-delay: 1.5s;}
.msec-visual.ani .visual-txt ul li:nth-child(2){transition-delay: 2.0s;}
.msec-visual.ani .visual-txt ul li:nth-child(3){transition-delay: 2.5s;}
	@media only screen and (max-width:1350px) {
		.msec-visual{height:900px;}
		.msec-visual .item{height:900px;}
		.msec-visual .item.c01 .img{height:900px;}
		.msec-visual .item.c02 video{width:auto !important ; height:900px !important}

		.msec-visual .slick-prev{ width:60px;height:60px;left:17px;}
		.msec-visual .slick-next{ width:60px;height:60px;right:17px;}

		.visual-txt .btxt{font-size:75px}
		.visual-txt .stxt{font-size:21px}
		.visual-txt ul{margin-top:30px;}
		.visual-txt ul li{margin:0 9px;}
		.visual-txt ul li a{width:220px; height:157px;}
		.visual-txt ul li a span{font-size:24px; background-size:86px auto !important; padding-top:72px;}

		.msec-visual.ani .stxt:before{width:140px; margin-left:-70px;}
	}	
	@media only screen and (max-width:1100px) {
		.msec-visual{height:820px;}
		.msec-visual .item{height:820px;}
		.msec-visual .item.c01 .img{height:820px;}
		.msec-visual .item.c02 video{ height:820px !important}

		.visual-txt .btxt{font-size:67px}
		.visual-txt .stxt{font-size:19px; margin-top:45px;}
		.visual-txt .stxt:before{top:-27px;}
		.visual-txt ul{margin-top:25px;}
		.visual-txt ul li a{width:200px;}
		.visual-txt ul li a span{font-size:21px; background-size:72px auto !important; padding-top:65px;}

		.msec-visual.ani .stxt:before{width:120px; margin-left:-60px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual{height:740px;}
		.msec-visual .item{height:740px;}
		.msec-visual .item:after{opacity:1;}
		.msec-visual .item.c01 .img{height:740px;}
		.msec-visual .item.c02 video{ height:740px !important}

		.msec-visual .slick-prev{ width:44px;height:44px;left:12px; margin-top:-22px;}
		.msec-visual .slick-next{ width:44px;height:44px;right:12px; margin-top:-22px;}

		.visual-txt .btxt{font-size:57px}
		.visual-txt .stxt{font-size:17px; margin-top:35px;}
		.visual-txt .stxt:before{top:-20px;}
		.visual-txt ul{margin-top:20px;}
		.visual-txt ul li{margin:0 5px;}
		.visual-txt ul li a{width:180px; height:145px;}
		.visual-txt ul li a span{font-size:18px; background-size:62px auto !important; padding-top:55px;}

		.msec-visual.ani .stxt:before{width:100px; margin-left:-50px; height:1px;}
	}
	@media only screen and (max-width:680px) {
		.msec-visual{height:640px;}
		.msec-visual .item{height:640px;}
		.msec-visual .item.c01 .img{height:640px;}
		.msec-visual .item.c02 video{ height:640px !important}

		.msec-visual .slick-prev{ width:36px;height:36px;left:10px; margin-top:-18px;}
		.msec-visual .slick-next{ width:36px;height:36px;right:10px; margin-top:-18px;}
		
		.visual-txt .btxt{font-size:47px}
		.visual-txt .stxt{font-size:15px; margin-top:25px;word-break: keep-all;}
		.visual-txt .stxt:before{top:-15px;}
		.visual-txt ul li a{width:150px; height:125px;}
		.visual-txt ul li a span{font-size:16px; background-size:48px auto !important; padding-top:50px;}

		.msec-visual.ani .stxt:before{width:80px; margin-left:-40px;}
	}
	@media only screen and (max-width:580px) {
		.visual-txt {padding:0 7%}
		.visual-txt .btxt{font-size:37px}
		.visual-txt .stxt{font-size:14px; margin-top:20px;}
		.visual-txt .stxt:before{top:-12px;}
		.visual-txt ul{margin:20px -1% 0 -1%}
		.visual-txt ul:after{display:block;content:"";clear:both;}
		.visual-txt ul li{width:31.33333%;margin:0 1%;}
		.visual-txt ul li a{ width:auto; height:105px;}
		.visual-txt ul li a span{font-size:15px; background-size:42px auto !important; padding-top:40px;}

		.msec-visual.ani .stxt:before{width:60px; margin-left:-30px;}

		.msec-visual .slick-prev{display:none !important;}
		.msec-visual .slick-next{display:none !important;}
	}
	@media only screen and (max-width:480px) {
		/* .msec-visual{height:500px;}
		.msec-visual .item{height:500px;}
		.msec-visual .item.c01 .img{height:500px;} */

		.msec-visual .slick-prev{ width:28px;height:28px;left:5px; margin-top:-14px;}
		.msec-visual .slick-next{ width:28px;height:28px;right:5px; margin-top:-14px;}
		
		.visual-txt {padding:0 5%}
		.visual-txt .btxt{font-size:31px}
		.visual-txt ul li a{ height:95px;}
		.visual-txt ul li a span{font-size:14px; padding-top:40px;}
	}
	@media only screen and (max-width:380px) {	
		.visual-txt .btxt{font-size:27px}

		.visual-txt ul li a{ height:85px;}
		.visual-txt ul li a span{font-size:13px;padding-top:35px;}
	}
/* ======================================================
    solution 
=========================================================*/
.solution{position:relative;padding:105px 0 90px 0;}
.solution .tit{text-align:center;}
.solution .tit h3{font-size:50px;font-weight:400; color:#333645; line-height:1.2em;text-transform:uppercase}
.solution .tit p{font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#454545; line-height:1.2em; margin-top:55px; position:relative;}
.solution .tit p:before{width:160px;height:2px; background:#ed1c39; position:absolute; left:50%;margin-left:-80px; top:-30px; display:block; content:"";}
	@media only screen and (max-width:1350px) {
		.solution{padding:85px 0 70px 0;}
		.solution .tit h3{font-size:45px;}
		.solution .tit p{font-size:17px; margin-top:45px;}
		.solution .tit p:before{width:140px; margin-left:-70px; top:-25px;}
		
		.solution .step{margin-top:40px;}
	}	
	@media only screen and (max-width:1100px) {
		.solution{padding:75px 0 65px 0;}
		.solution .step{margin-top:25px;}
	}
	@media only screen and (max-width:999px) {
		.solution{padding:60px 0;}
		.solution .tit h3{font-size:39px;}
		.solution .tit p{font-size:16px; padding:0 15px; word-break: keep-all; margin-top:35px;}
		.solution .tit p:before{width:110px; margin-left:-55px; top:-20px;}

		.solution .step{margin-top:30px;}
	}
	@media only screen and (max-width:680px) {
		.solution{padding:50px 0 50px 0;}
		.solution .tit h3{font-size:34px;}
		.solution .tit p{font-size:15px; margin-top:25px;}
		.solution .tit p:before{width:80px; margin-left:-40px; top:-15px;}

		.solution .step{margin-top:25px;}
	}
	@media only screen and (max-width:480px) {
		.solution{padding:40px 0 30px 0;}
		.solution .tit h3{font-size:27px;}
		.solution .tit p{font-size:14px;margin-top:25px;}
		.solution .tit p:before{width:60px; margin-left:-30px; top:-14px; height:1px;}
	}

.solution .step{margin-top:45px;text-align:center;}
.solution .step .step-slide{height:254px; overflow:hidden;}
.solution .step .item{position:relative; height:254px; }
.solution .step .item:before{width:100%; height:3px; background:url(../_Img/Main/solution-dot.jpg) repeat-x center top; display:block; content:""; position:absolute; left:0; top:157px; z-index:-1;}

.solution .step ul{padding:0 135px;}
.solution .step ul:after{display:block; content:"";clear:both;}
.solution .step li{position:relative; padding-top:180px; float:left; width:20%}
.solution .step li:before{width:1px; height:108px;background:#5d5d5d; position:absolute; left:50%; top:37px; margin-left:-1px; display:block; content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.solution .step li p{position:relative;line-height:20px;color:#333645; font-size:18px; font-weight:500; letter-spacing:-0.04em;}
.solution .step li p:before{width:18px;height:18px;background:#ed1c39; border:2px solid #fff; position:absolute; left:50%;margin-left:-10px; top:-31px; border-radius:100%; display:block; content:""; box-sizing:border-box;}
.solution .step li.first{width:94px;height:94px;background:url(../_Img/Main/solution-first.png) no-repeat center center #ed1c39; position:absolute; left:0; top:109px;padding:0; border-radius:100%;}
.solution .step li.last{width:94px;height:94px;background:url(../_Img/Main/solution-last.png) no-repeat center center #333645; position:absolute; right:0; top:109px; padding:0;border-radius:100%;}
.solution .step li.last.active{background:url(../_Img/Main/solution-lasto.png) no-repeat center center #ed1c39;}
.solution .step li.first:before,.solution .step li.first:after{display:none;}
.solution .step li.last:before,.solution .step li.last:after{display:none;}

.solution .step li:after{width:82px;height:82px; position:absolute ;left:50%;margin-left:-41px; top:20px; display:block; content:"";box-sizing:border-box; border:2px solid #5d5d5d; z-index:5;background-size:83px auto !important; border-radius:100%; }
.solution .step li:nth-child(2):after{background:url(../_Img/Main/solution-ico01.png) no-repeat center center #fff;}
.solution .step li:nth-child(3):after{background:url(../_Img/Main/solution-ico02.png) no-repeat center center #fff;}
.solution .step li:nth-child(4):after{background:url(../_Img/Main/solution-ico03.png) no-repeat center center #fff;}
.solution .step li:nth-child(5):after{background:url(../_Img/Main/solution-ico04.png) no-repeat center center #fff;}
.solution .step li:nth-child(6):after{background:url(../_Img/Main/solution-ico05.png) no-repeat center center #fff;}

.solution .step li.active:after{border-color:#ed1c39; background-color:#ed1c39 !important;}
.solution .step li.active:nth-child(2):after{background:url(../_Img/Main/solution-ico01o.png) no-repeat center center;}
.solution .step li.active:nth-child(3):after{background:url(../_Img/Main/solution-ico02o.png) no-repeat center center;}
.solution .step li.active:nth-child(4):after{background:url(../_Img/Main/solution-ico03o.png) no-repeat center center;}
.solution .step li.active:nth-child(5):after{background:url(../_Img/Main/solution-ico04o.png) no-repeat center center;}
.solution .step li.active:nth-child(6):after{background:url(../_Img/Main/solution-ico05o.png) no-repeat center center;}
	@media only screen and (max-width:1350px) {
		.solution .step{margin-top:35px;}
		.solution .step .step-slide{height:200px;}
		.solution .step .item{height:200px;}
		.solution .step .item:before{top:127px;}
		.solution .step ul{padding:0 115px;}
		.solution .step li{padding-top:150px;}
		.solution .step li.first{width:75px;height:75px; background-size:100% auto; top:90px}
		.solution .step li.last{width:75px;height:75px; background-size:100% auto; top:90px}
		.solution .step li p{font-size:17px;}
		.solution .step li:before{height:90px;}
		.solution .step li:after{width:70px;height:70px; margin-left:-35px;background-size:70px auto !important}
	}	
	@media only screen and (max-width:1100px) {
		.solution .step ul{padding:0 95px;}
		.solution .step li p{font-size:16px;}
	}
	@media only screen and (max-width:999px) {
		.solution .step{margin-top:30px;}
		.solution .step .step-slide{height:180px;}
		.solution .step .item{height:180px;}
		.solution .step .item:before{top:107px;}
		.solution .step ul{padding:0 80px;}
		.solution .step li{padding-top:130px;}
		.solution .step li:before{height:75px;}
		.solution .step li.first{width:70px;height:70px; background-size:100% auto; top:73px}
		.solution .step li.last{width:70px;height:70px; background-size:100% auto; top:73px}
		.solution .step li p{font-size:15px;}
		.solution .step li:after{width:64px;height:64px; margin-left:-32px;background-size:64px auto !important}
	}
	@media only screen and (max-width:680px) {
		.solution .step{}
		.solution .step ul{padding:0 55px;}
		.solution .step .item:before{top:83px;}
		.solution .step li{padding-top:95px;}
		.solution .step li:before{height:50px;}

		.solution .step li.first{width:56px;height:56px; background-size:100% auto; top:57px}
		.solution .step li.last{width:56px;height:56px; background-size:100% auto; top:57px}
		.solution .step li:after{left:50%; top:0; width:50px;height:50px; margin-left:-25px;background-size:50px auto !important}
		.solution .step li p:before{width:15px;height:15px;margin-left:-8px;top:-19px;}
		.solution .step li p{font-size:14px; line-height:1.2em;word-break: keep-all; padding:0 5px}
	}
	@media only screen and (max-width:480px) {
		.solution .step{}
		.solution .step .step-slide{height:525px;}
		.solution .step .item{height:auto;}
		.solution .step .item:before{width:1px;height:100%; border-right:2px dotted #333645; background:none; top:0; left:50%;margin-left:-1px; opacity:0.65}
		
		.solution .step ul{padding:65px 0px 80px 0px; width:170px ; margin:0 auto;}
		.solution .step li{padding-top:0; float:none; width:auto; min-height:56px; text-align:center; padding-left:65px;background:#fff;}
		.solution .step li.first{top:0;left:50%; margin-left:-33px; width:66px; height:66px;}
		.solution .step li.last{top:auto; bottom:0; left:50%; margin-left:-33px; width:66px; height:66px;}
		.solution .step li:before{display:none;}
		
		.solution .step li:nth-child(n+2){margin-top:20px;}
		.solution .step li:after{left:0; top:0; width:56px;height:56px; margin-left:0;background-size:56px auto !important}
		.solution .step li p{line-height:20px;text-align:left; }
		.solution .step li p:before{display:none;}
		
	}


.solution .state{margin-top:74px; position:relative;}
.solution .state:after{width:20000px; height:120px; background:#333645; position:absolute; left:50%;margin-left:-10000px; top:0; display:block ;content:"";z-index:-1;}
.solution .state .stit{font-size:14px; line-height:20px; position:absolute; right:0; top:-30px; color:#333645; font-weight:300;}
.solution .state ul{}
.solution .state ul:after{display:block;content:"";clear:both;}
.solution .state li{float:left; width:25%;text-align:center; }
.solution .state li .vc{height:120px; box-sizing:border-box; padding-top:35px;}
.solution .state li .btxt{ font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.solution .state li .btxt span{display:block; font-size:16px; font-weight:300; margin-top:4px;}
.solution .state li .stxt{padding-top:32px; line-height:1.2em; position:relative; font-weight:700; color:#ed1c39; font-size:42px;}
.solution .state li .stxt:before{width:16px;height:8px; left:50%;margin-left:-8px;background:url(../_Img/Main/state-arrow.jpg) no-repeat center top; display:block; content:"" ; position:absolute; top:0;}
	@media only screen and (max-width:1350px) {
		.solution .state{margin-top:65px;} 
		.solution .state:after{height:110px;}
		.solution .state li .vc{height:110px; padding-top:30px;}
		.solution .state li .btxt{ font-size:19px}
		.solution .state li .btxt span{font-size:15px;}
		.solution .state li .stxt{ font-size:37px;}
	}	
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px) {
		.solution .state{margin-top:55px;} 
		.solution .state:after{height:90px;}
		.solution .state li .vc{height:90px; padding-top:24px;}
		.solution .state li .btxt{ font-size:17px}
		.solution .state li .btxt span{margin-top:2px;font-size:14px;}
		.solution .state li .stxt{ font-size:31px;}
	}
	@media only screen and (max-width:680px) {
		.solution .state{margin-top:45px;} 
		.solution .state:after{height:80px;}
		.solution .state .stit{font-size:13px; top:-27px;}
		.solution .state li{width:50%;}
		.solution .state li:nth-child(n+3){margin-top:35px;}
		.solution .state li:nth-child(3){position:relative;}
		.solution .state li:nth-child(3):before{width:20000px; height:65px; background:#333645; position:absolute; left:50%;margin-left:-10000px; top:0; display:block ;content:"";z-index:-1;}
		.solution .state li .vc{height:80px; padding-top:20px;}
		.solution .state li:nth-child(n+3) .vc{height:65px; }
		.solution .state li .btxt{ font-size:16px}
		.solution .state li .btxt span{font-size:13px;}
		.solution .state li .stxt{ font-size:29px; padding-top:25px;}
	}
	@media only screen and (max-width:480px) {
		.solution .state li .btxt{ font-size:15px}
		.solution .state li .stxt{padding-top:20px; font-size:27px;}
		
		.solution .state li:nth-child(3):before{height:60px;}
		.solution .state li:nth-child(n+3) .vc{height:60px; }
	}


/* ======================================================
    business 
=========================================================*/
.business{position:relative;padding:105px 0;}
.business:after{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%; display:block; content:"";z-index:-1;background:#d5d5d6; position:absolute;}
.business .tit{text-align:center;}
.business .tit h3{font-size:50px;font-weight:400; color:#333645; line-height:1.2em;text-transform:uppercase}
.business .tit p{font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#454545; line-height:1.2em; margin-top:55px; position:relative;}
.business .tit p:before{width:160px;height:2px; background:#ed1c39; position:absolute; left:50%;margin-left:-80px; top:-30px; display:block; content:"";}
.business .con{margin:0 auto;margin-top:75px;position:relative; text-align:center;}
	@media only screen and (max-width:1350px) {
		.business{padding:85px 0;}
		.business .tit h3{font-size:45px;}
		.business .tit p{font-size:17px; margin-top:45px;}
		.business .tit p:before{width:140px; margin-left:-70px; top:-25px;}

		.business .con{margin-top:65px;}
	}	
	@media only screen and (max-width:1100px) {
		.business{padding:75px 0;}
	}
	@media only screen and (max-width:999px) {
		.business{padding:60px 0;}
		.business .tit h3{font-size:39px;}
		.business .tit p{font-size:16px; padding:0 15px; word-break: keep-all; margin-top:35px;}
		.business .tit p:before{width:110px; margin-left:-55px; top:-20px;}

		.business .con{margin-top:50px;}
	}
	@media only screen and (max-width:680px) {
		.business{padding:60px 0;}
		.business .tit h3{font-size:34px;}
		.business .tit p{font-size:15px; margin-top:25px;}
		.business .tit p:before{width:80px; margin-left:-40px; top:-15px;}

		.business .con{margin-top:35px;}
	}
	@media only screen and (max-width:480px) {
		.business{padding:50px 0;}
		.business .tit h3{font-size:27px;}
		.business .tit p{font-size:14px;margin-top:25px;}
		.business .tit p:before{width:60px; margin-left:-30px; top:-14px; height:1px;}

		.business .con{margin-top:25px;}
	}

.business ul{margin:0 1%}
.business ul:after{display:block; content:"";clear:both}
.business li{float:left; width:31.33333333%; margin:0 1%; min-height:360px; position:relative;}
.business li:nth-child(n+4){margin-top:2%}
.business li .txt{ position:absolute; left:0; top:0; width:100%;background:#333645;height:360px; overflow:hidden;-webkit-transition:top 0.3s ease-out;-moz-transition: top 0.3s ease-out;-o-transition:top 0.3s ease-out;transition:top 0.3s ease-out;}
/* 4번째부터 색깔 다르게 .business li:nth-child(n+4) .txt{background:#fff;}
.business li:nth-child(n+4) .btxt{color:#333645;}
.business li:nth-child(n+4) .stxt{color:#454545} */
.business li .vc{ padding:27px 50px}
.business li .btxt{padding-top:87px;font-size:20px; font-weight:500; letter-spacing:-0.03em; color:#fff; line-height:1.2em;}
.business li .stxt{font-size:15px; color:#d7d7d7; line-height:1.7em; letter-spacing:-0.03em; margin-top:25px;}
.business li a{position:absolute; left:0; bottom:-43px;width:100%; height:43px;background:#ee2b46; text-align:center; display:inline-block;vertical-align:top; font-size:18px; color:#fff; line-height:41px;-webkit-transition: bottom 0.4s ease-out;-moz-transition: bottom 0.4s ease-out;-o-transition: bottom 0.4s ease-out;transition: bottom 0.4s ease-out;}
/* 영문에서 폰트크기 줄이기 */
.business li .eng .stxt {font-size: 14px!important}
.business li .eng { padding:27px 25px}

.business li:nth-child(1) .btxt{background:url(../_Img/Main/biz-ico01.png) no-repeat center top}
.business li:nth-child(2) .btxt{background:url(../_Img/Main/biz-ico02.png) no-repeat center top}
.business li:nth-child(3) .btxt{background:url(../_Img/Main/biz-ico03.png) no-repeat center top}
.business li:nth-child(4) .btxt{background:url(../_Img/Main/biz-ico04.png) no-repeat center top}
.business li:nth-child(5) .btxt{background:url(../_Img/Main/biz-ico05.png) no-repeat center top}
.business li:nth-child(6) .btxt{background:url(../_Img/Main/biz-ico06.png) no-repeat center top}

.business li:hover .txt{background:#fff; height:380px; top:-10px;}
.business li:hover a{transition-delay: 0.1s;bottom:0}
.business li:hover .btxt{color:#333}
.business li:hover .stxt{color:#333; opacity:0.85}
	@media only screen and (max-width:1350px) {
		.business li .btxt{font-size:19px;background-size:55px auto !important; padding-top:77px;}
		.business li .stxt{font-size:15px; margin-top:20px;}
		.business li .vc{ padding:25px 45px}
		.business li a{font-size:17px;}
	}	
	@media only screen and (max-width:1100px) {
		.business li .vc{ padding:25px 40px}
		.business li a{font-size:16px;}
	}
	@media only screen and (max-width:999px) {
		.business li{width:48%; min-height:270px;}
		.business li:nth-child(n+3){margin-top:2%}
		.business li .vc{ padding:20px 40px}
		.business li .txt{height:270px;}
		.business li .btxt{font-size:17px;background-size:45px auto !important; padding-top:57px;}
		.business li .stxt{font-size:14px; margin-top:15px; line-height:1.6em;}
		.business li a{bottom:0; opacity:1; font-size:15px; background:#fff ;color:#333; border-top:1px solid #dedede}
		.business li a:hover{background:#ee2b46;color:#fff ;border-color:#ee2b46}

		.business li:hover .txt{height:270px; top:0;}
	}
	@media only screen and (max-width:900px) {
		.business li{min-height:300px;}
		.business li .vc{ padding:20px 35px}
		.business li .txt{height:300px;}
		
		.business li:hover .txt{height:300px;}
	}
	@media only screen and (max-width:680px) {
		.business li{min-height:320px;}
		.business li .vc{ padding:20px 20px}
		.business li .txt{height:320px;}
		.business li .stxt{margin-top:10px; line-height:1.45em;}
		
		.business li:hover .txt{height:320px;}
	}
	@media only screen and (max-width:480px) {
		.business ul{margin:0;}
		.business li{width:auto; float:none; min-height:auto;}
		.business li:nth-child(n+2){margin-top:12px}
		.business li .vc{ padding:20px 20px}
		.business li .txt{height:auto;left:auto; top:auto; position:relative; padding-bottom:45px;}
		.business li .btxt{font-size:16px;background-size:38px auto !important; padding-top:47px;}
		.business li .stxt{font-size:13px;}
		.business li a{line-height:38px;height:38px}
		
		.business li:hover .txt{height:auto;}
	}

/* ======================================================
    cargo 
=========================================================*/
.cargo{position:relative; padding-bottom:100px;}
.cargo .tit{text-align:center; position:relative;}
.cargo .tit:after{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%; display:block; content:"";z-index:-1;background:#ed1c39; position:absolute;}
.cargo .tit h3{font-size:42px;font-weight:400; letter-spacing:-0.03em; color:#fff; line-height:1.2em;text-transform:uppercase; line-height:40px; padding:40px 0;}
.cargo .tit h3 span{font-weight:700}
.cargo .con{margin:0 auto;margin-top:55px;position:relative; text-align:center;}
.cargo .con ul:after{display:block ;content:"";clear:both}
.cargo .con li{float:left; width:33.3333333%;text-align:center;}
.cargo .con li .btxt{display:inline-block;vertical-align:top; line-height:72px;font-size:34px; padding-left:80px; letter-spacing:-0.025em; color:#ff2644; font-weight:400;text-transform:uppercase}
.cargo .con li .txt{margin-top:17px; min-height:115px;}
.cargo .con li .txt p{font-size:18px; font-weight:300; color:#454545; line-height:1.5em; letter-spacing:-0.03em;}
.cargo .con li a{width:262px; height:43px; border:1px solid #ee2b46; border-radius:5px; text-align:center; display:inline-block;vertical-align:top; font-size:18px; color:#ee2b46; line-height:41px;-webkit-transition: background 0.3s ease-out, color 0.3s ease-out;-moz-transition: background 0.3s ease-out, color 0.3s ease-out;-o-transition: background 0.3s ease-out, color 0.3s ease-out;transition: background 0.3s ease-out, color 0.3s ease-out;}
.cargo .con li a:hover{background:#ee2b46; color:#fff;}
.cargo .con li:nth-child(1) .btxt{background:url(../_Img/Main/ico-cargo01.jpg) no-repeat left center;}
.cargo .con li:nth-child(2) .btxt{background:url(../_Img/Main/ico-cargo02.jpg) no-repeat left center;}
.cargo .con li:nth-child(3) .btxt{background:url(../_Img/Main/ico-cargo03.jpg) no-repeat left center;}
	@media only screen and (max-width:1350px) {
		.cargo{padding-bottom:80px;}
		.cargo .tit h3{font-size:35px; padding:35px 0;}

		.cargo .con{margin-top:45px;}
		.cargo .con li .btxt{font-size:29px;background-size:60px auto !Important; padding-left:75px;}
		.cargo .con li .txt{min-height:105px;}
		.cargo .con li .txt p{font-size:17px;}
		.cargo .con li a{width:240px; font-size:17px;}
	}	
	@media only screen and (max-width:1100px) {
		.cargo .tit h3{font-size:31px; padding:30px 0;}
		.cargo .con li .btxt{font-size:25px}
		.cargo .con li .txt{margin-top:12px;}
		.cargo .con li .txt p{font-size:16px;}
		.cargo .con li a{width:200px; font-size:16px;}
	}
	@media only screen and (max-width:999px) {
		.cargo{padding-bottom:20px;}
		.cargo .tit h3{font-size:27px; padding:25px 0;}
		
		.cargo .con{margin-top:0;}
		.cargo .con ul{width:660px; margin:0 auto;}
		.cargo .con li{position:relative;box-sizing:border-box; padding:35px 20px 35px 160px; float:none; width:auto; min-height:110px;text-align:left; }
		.cargo .con li:nth-child(n+2){border-top:1px solid #dedede;}
		.cargo .con li .btxt{ position:absolute; left:25px; width:120px; text-align:center; top:35px;  line-height:1.2em;font-size:21px; background-size:50px auto !important; padding-left:65px; background-position:center top !important; padding-left:0; padding-top:60px;}
		.cargo .con li .txt{margin-top:10px;text-align:left; min-height:auto; }
		.cargo .con li .txt p{font-size:15px;word-break: keep-all;}
		.cargo .con li .txt p br{display:none;}
		.cargo .con li a{width:160px; font-size:15px; display:inline-block;vertical-align:top;margin-top:20px;line-height:36px;height:38px;}
	}
	@media only screen and (max-width:680px) {
		.cargo{padding-bottom:20px;}
		.cargo .tit h3{font-size:23px; padding:20px 0; line-height:35px;}
		.cargo .con{margin-top:0;}
		.cargo .con ul{width:440px; margin:0 auto;}
		.cargo .con li{padding:30px 30px;text-align:center;}
		.cargo .con li:nth-child(n+2){margin-top:10px;}
		.cargo .con li:nth-child(n+2) .btxt{top:auto;}
		.cargo .con li .btxt{display:inline-block;vertical-align:top; padding-left:50px;text-align:left; width:auto; background-size:40px auto !important; line-height:50px; height:50px; position:relative; left:auto; top:auto; padding-top:0; background-position:left center !important;}
		.cargo .con li .txt{text-align:center;}
		.cargo .con li .txt p{font-size:14px;}
		.cargo .con li a{ width:140px; font-size:14px; line-height:32px; height:34px; margin-top:15px;}
	}
	@media only screen and (max-width:480px) {
		.cargo .tit h3{font-size:18px; padding:15px 0;line-height:30px;}
		.cargo .con{margin-top:0;}
		.cargo .con ul{width:auto;}
		.cargo .con li{padding:25px 15px}
	}



/* ======================================================
    tank 
=========================================================*/
.tank{position:relative;padding:95px 0 0 0;}
.tank:after{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%; display:block; content:"";z-index:-1;background:#333645; position:absolute;}
.tank .tit{text-align:center;}
.tank .tit h3{font-size:50px;font-weight:400; color:#fff; line-height:1.2em;text-transform:uppercase}
.tank .tit p{font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; line-height:1.2em; margin-top:55px; position:relative; opacity:0.9}
.tank .tit p:before{width:160px;height:2px; background:#ed1c39; position:absolute; left:50%;margin-left:-80px; top:-30px; display:block; content:"";}
.tank .con{margin:0 auto;margin-top:40px;position:relative;}
.tank .con .item:after{display:block; content:"";clear:both;}
.tank .con ul{}
.tank .con ul:after{display:block; content:"";clear:both}
.tank .con li{float:left; width:50%}
.tank .con li a{display:block; position:relative;}
.tank .con li a:after{background:rgba(237,28,57,1);  opacity:0;position:absolute; left:0; top:0; width:100%;height:100%; display:block; content:""; z-index:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.tank .con li img{ width:100%}
.tank .con li .txt{position:absolute; opacity:0;left:0; width:100%; top:50%; text-align:center; z-index:5;transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.tank .con li .txt p{font-size:30px; color:#fff; font-weight:500; letter-spacing:-0.03em; line-height:1.2em; padding-bottom:64px; position:relative;}
.tank .con li .txt p:after{width:48px;height:48px; position:absolute; left:50%;margin-left:-24px; bottom:0; display:block ;content:""; background:url(../_Img/Main/tank-more.png) no-repeat center center #fff; background-size:100% ;  border-radius:100% }
.tank .con li a:hover:after{opacity:0.7;}	
.tank .con li a:hover .txt{opacity:1;transition-delay: 0.3s;}
	@media only screen and (max-width:1350px) {
		.tank{padding:80px 0 0 0;}
		.tank .tit h3{font-size:45px;}
		.tank .tit p{font-size:17px; margin-top:45px;}
		.tank .tit p:before{width:140px; margin-left:-70px; top:-25px;}

		.tank .con{margin-top:35px;}
		.tank .con li .txt p{font-size:27px; padding-bottom:55px;}
		.tank .con li .txt p:after{width:40px;height:40px; margin-left:-20px;}
	}	
	@media only screen and (max-width:1100px) {
		.tank{padding:70px 0 0 0;}
		.tank .con li .txt p{font-size:24px;}
	}
	@media only screen and (max-width:999px) {
		.tank{padding:60px 0 40px 0;}
		.tank .tit h3{font-size:39px;}
		.tank .tit p{font-size:16px; padding:0 15px; word-break: keep-all; margin-top:35px;}
		.tank .tit p:before{width:110px; margin-left:-55px; top:-20px;}

		.tank .con{margin-top:30px;}
		.tank .con ul{padding:0 20px; float:none; width:auto;}
		.tank .con li img{ height:250px;object-fit:cover;}
		.tank .con li .txt p{font-size:21px; padding-bottom:45px;}
		.tank .con li .txt p:after{width:36px;height:36px; margin-left:-18px;}
	}
	@media only screen and (max-width:680px) {
		.tank{padding:50px 0 35px 0;}
		.tank .tit h3{font-size:34px;}
		.tank .tit p{font-size:15px; margin-top:25px;}
		.tank .tit p:before{width:80px; margin-left:-40px; top:-15px;}

		.tank .con{margin-top:25px;}
		.tank .con ul{padding:0 15px}
		.tank .con li{width:50%}
		.tank .con li img{ height:210px;}
		.tank .con li .txt p{font-size:19px; padding-bottom:40px;}
		.tank .con li .txt p:after{width:28px;height:28px; margin-left:-14px;}
	}
	@media only screen and (max-width:480px) {
		.tank{padding:40px 0 30px 0;}
		.tank .tit h3{font-size:27px;}
		.tank .tit p{font-size:14px;margin-top:25px;}
		.tank .tit p:before{width:60px; margin-left:-30px; top:-14px; height:1px;}

		.tank .con ul{padding:0 10px}
		.tank .con li img{ height:150px;}
		.tank .con li .txt p{font-size:17px; padding-bottom:35px;}
	}


/* ======================================================
    network 
=========================================================*/
.network{position:relative;padding:95px 0;}
.network:after{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%; display:block; content:"";z-index:-1;background:#f0f0f0; position:absolute;}
.network .tit{text-align:center;}
.network .tit h3{font-size:50px;font-weight:400; color:#333645; line-height:1.2em;text-transform:uppercase}
.network .tit p{font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#454545; line-height:1.2em; margin-top:55px; position:relative;}
.network .tit p:before{width:160px;height:2px; background:#ed1c39; position:absolute; left:50%;margin-left:-80px; top:-30px; display:block; content:"";}
.network .con{margin:0 auto;margin-top:40px;position:relative; text-align:center;max-width:1264px; }
.network .con img{width:100%;}
.network .con .img01{}
.network .con .img02{position:absolute; left:0; top:0; width:100%;height:100%;opacity:0;background:url(../_Img/Main/network-img02.png) no-repeat center center ; background-size:100% auto; z-index:1;transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); -moz-transform:scale(0.7, 0.7); -ms-transform:scale(0.7, 0.7);-webkit-transition: transform 0.4s linear,opacity 0.3s ease-out;-moz-transition: transform 0.4s linear,opacity 0.3s ease-out;-o-transition: transform 0.4s linear,opacity 0.3s ease-out;transition: transform 0.4s linear,opacity 0.3s ease-out;}
.network .con.aos-animate .img02{opacity:1;transition-delay: 0.9s;transform:scale(1.0, 1.0); -webkit-transform:scale(1.0, 1.0); -moz-transform:scale(1.0, 1.0); -ms-transform:scale(1.0, 1.0);}
	@media only screen and (max-width:1350px) {
		.network{padding:80px 0;}
		.network .tit h3{font-size:45px;}
		.network .tit p{font-size:17px; margin-top:45px;}
		.network .tit p:before{width:140px; margin-left:-70px; top:-25px;}

		.network .con{margin-top:35px;}
	}	
	@media only screen and (max-width:1100px) {
		.network{padding:70px 0;}
	}
	@media only screen and (max-width:999px) {
		.network{padding:60px 0;}
		.network .tit h3{font-size:39px;}
		.network .tit p{font-size:16px; padding:0 15px; word-break: keep-all; margin-top:35px;}
		.network .tit p:before{width:110px; margin-left:-55px; top:-20px;}

		.network .con{margin-top:30px;}
	}
	@media only screen and (max-width:680px) {
		.network{padding:50px 0;}
		.network .tit h3{font-size:34px;}
		.network .tit p{font-size:15px; margin-top:25px;}
		.network .tit p:before{width:80px; margin-left:-40px; top:-15px;}

		.network .con{margin-top:25px;}
	}
	@media only screen and (max-width:480px) {
		.network{padding:40px 0;}
		.network .tit h3{font-size:27px;}
		.network .tit p{font-size:14px;margin-top:25px;}
		.network .tit p:before{width:60px; margin-left:-30px; top:-14px; height:1px;}
	}


/* ======================================================
    customer 
=========================================================*/
.customer{position:relative;padding:95px 0;}
.customer .tit{text-align:center;}
.customer .tit h3{font-size:50px;font-weight:400; color:#333645; line-height:1.2em;text-transform:uppercase}
.customer .tit p{font-size:18px; font-weight:300; color:#454545;letter-spacing:-0.03em; line-height:1.2em; margin-top:55px; position:relative;}
.customer .tit p:before{width:160px;height:2px; background:#ed1c39; position:absolute; left:50%;margin-left:-80px; top:-30px; display:block; content:"";}
	@media only screen and (max-width:1350px) {
		.customer{padding:80px 0;}
		.customer .tit h3{font-size:45px;}
		.customer .tit p{font-size:17px; margin-top:45px;}
		.customer .tit p:before{width:140px; margin-left:-70px; top:-25px;}
	}	
	@media only screen and (max-width:1100px) {
		.customer{padding:70px 0;}
	}
	@media only screen and (max-width:999px) {
		.customer{padding:60px 0;}
		.customer .tit h3{font-size:39px;}
		.customer .tit p{font-size:16px; padding:0 15px; word-break: keep-all; margin-top:35px;}
		.customer .tit p:before{width:110px; margin-left:-55px; top:-20px;}
	}
	@media only screen and (max-width:680px) {
		.customer{padding:50px 0;}
		.customer .tit h3{font-size:34px;}
		.customer .tit p{font-size:15px; margin-top:25px;}
		.customer .tit p:before{width:80px; margin-left:-40px; top:-15px;}
	}
	@media only screen and (max-width:480px) {
		.customer{padding:40px 0;}
		.customer .tit h3{font-size:27px;}
		.customer .tit p{font-size:14px;margin-top:25px;}
		.customer .tit p:before{width:60px; margin-left:-30px; top:-14px; height:1px;}
	}

.customer .list{margin-top:40px;position:relative;}
.customer .list .partner-slide{width:1266px; margin-left:-633px; ; position:relative; left:50%;}
.customer .list .item{}
.customer .list .item ul{overflow:hidden;}
.customer .list .item ul:after{display:block; content:"";clear:both;}
.customer .list .item ul li{float:left; position:relative; width:20%; margin:0;}
.customer .list .item ul li a{display:block;position:relative;  box-sizing:border-box; padding:1px;}
.customer .list .item ul li:before{width:1px;height:100%;background:#ddd; z-index:12; left:-1px; top:0;display:block; content:"";position:absolute;}
.customer .list .item ul li:after{width:1px;height:100%;background:#ddd; z-index:12; right:0; bottom:0;display:block; content:"";position:absolute;}
.customer .list .item ul li div:before{width:100%;height:1px;background:#ddd; z-index:5; left:0; top:0;display:block; content:"";position:absolute;}
.customer .list .item ul li div:after{width:100%;height:1px;background:#ddd; z-index:5; right:0; bottom:0;display:block; content:"";position:absolute;}
.customer .list .item ul li:nth-child(n+6){margin-top:-1px;}
.customer .list .item ul li:nth-child(5n+1):before{left:0;}

.customer .list .item ul li div{position:relative;background:#fff; z-index:5;}
/* 로고 회색 컬러 적용 부분
.customer .list .item ul li div img{width:100%;-webkit-filter: grayscale(100%);filter: gray; opacity:0.6;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;} */
.customer .list .item ul li div img{width:100%;} 
.customer .list .item ul li.active div {background:#191931}
.customer .list .item ul li.active a span{color:#fff;}
.customer .list .item ul li.active a:before{border-color:#191931}

.customer .list .item ul li div a:hover  img{-webkit-filter: grayscale(0%);filter: none; opacity:1;}

.customer .list .owl-dots{margin-top:40px;font-size:0;text-align:center; height:auto; height:12px;}
.customer .list .owl-dots:after{display:block; content:"";clear:both;}
.customer .list .owl-dot{background:none;cursor:pointer; width:12px;height:12px; border:2px solid #777a8b; border-radius:100%; display:inline-block;vertical-align:top; margin:0 5px;}
.customer .list .owl-dot.active{border-color:#777a8b; background:#777a8b}
	@media only screen and (max-width:1350px) {
		.customer .list{margin-top:35px;}
		.customer .list .partner-slide{width:auto; margin-left:0; left:auto;}
		.customer .list .owl-dots{margin-top:35px;}
	}	
	@media only screen and (max-width:1100px) {
	
	}
	@media only screen and (max-width:999px) {
		.customer .list{margin-top:30px;}
		.customer .list .item ul li{width:33.333333%}
		.customer .list .item ul li:nth-child(n+4){margin-top:-1px;}
		.customer .list .item ul li:nth-child(5n+1):before{left:-1px;}
		.customer .list .item ul li:nth-child(3n+1):before{left:0 !important}
		
		.customer .list .owl-dots{margin-top:30px;}
		.customer .list .owl-dot{width:10px;height:10px; margin:0 4px;}
	}
	@media only screen and (max-width:680px) {
		.customer .list{margin-top:25px;}
		.customer .list .owl-dots{margin-top:25px;}
	}
	@media only screen and (max-width:480px) {
		.customer .list .item ul li{width:50%}
		.customer .list .item ul li:nth-child(n+3){margin-top:-1px;}
		.customer .list .item ul li:nth-child(3n+1):before{left:-1px !important}
		.customer .list .item ul li:nth-child(2n+1):before{left:0 !important}
	}



/* ======================================================
    liquid 
=========================================================*/
.liquid{text-align:center; position:relative; background:url(../_Img/Main/liquid-bg.jpg) no-repeat center top; background-size:cover;}
.liquid a{display:block;padding:120px 0;}
.liquid .btxt{font-weight:300; font-size:57px; color:#fff; line-height:1.2em; letter-spacing:-0.03em;}
.liquid .stxt{font-weight:300; font-size:34px; color:#fff; line-height:1.2em; margin-top:7px; letter-spacing:-0.03em;}
.liquid .btxt span, .liquid .stxt span{font-weight:700;}
	@media only screen and (max-width:1350px) {
		.liquid a{padding:100px 0}
		.liquid .btxt{font-size:51px;}
		.liquid .stxt{font-size:30px;}
	}	
	@media only screen and (max-width:1100px) {
		.liquid .btxt{font-size:46px;}
		.liquid .stxt{font-size:27px;}
	}
	@media only screen and (max-width:999px) {
		.liquid a{padding:90px 20px}
		.liquid .btxt{font-size:41px;word-break: keep-all;}
		.liquid .stxt{font-size:23px;word-break: keep-all;}
	}
	@media only screen and (max-width:680px) {
		.liquid a{padding:70px 15px}
		.liquid .btxt{font-size:35px;padding:0 10px;}
		.liquid .stxt{font-size:19px;padding:0 10px;}
	}
	@media only screen and (max-width:480px) {
		.liquid a{padding:50px 10px}
		.liquid .btxt{font-size:27px;}
		.liquid .stxt{font-size:15px;}
	}