/* slick-slider 필수 css*/
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slide {-webkit-transform: translate3d(0,0,0);}
 


/* section side */
.section-side {
    width: 100px; height: 100vh;
    position: fixed; z-index: 10;
    top: 0; right:100px; 
    border-left: 1px solid rgba(255, 255, 255, 0.5);
	transition: all 0.8s;
}
.section-side.on{border-left: 1px solid rgba(0, 0, 0, 0.3);}
.side-top-span, .side-bottom-span {
    width: 4px; height: 4px;
    display: block;
    border-left: 1px solid #aaaaaa;
    position: absolute; right: 96px;
}
.side-top-span {
    border-bottom: 1px solid #aaaaaa;
    top: 76px;
}
.side-bottom-span {
    border-top: 1px solid #aaaaaa;
    bottom: 96px;
}
.side-nav {
    position: absolute;
    top: 50%; right: 94px;
    transform: translateY(-50%);  
}
.side-nav > ul {
	display: flex;
    flex-flow: column nowrap;
    align-items: center;
}
.side-nav > ul li {
    display: flex;
    align-items: center;
    width: 13px; height: 13px;
	margin: 12px 0;
	cursor: pointer;
	transition: all 0.4s;
	position: relative;
	background: transparent;
}
.side-nav > ul li::after {
	content: '';
	position: absolute;
	width: 5px; height: 5px;
	top: 50%; left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.3);
}
.side-nav > ul li a {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    opacity: 0;
	display: block; text-align:end;
	margin: 0 0 0 25px;
	transition: all 0.4s;
	padding: 12px 30px;
	transform: translateX(-30px);
	position: relative;
	z-index: 200;
}
.side-nav > ul li:hover::after,
.side-nav > ul li.on::after {
    width: 13px; height: 13px;
    background:rgba(255, 255, 255, 1);
	transition: all 0.8s;
}
.side-nav > ul li:hover a,
.side-nav > ul li.on a {
    opacity: 1; transition: all 0.4s;	
}
.section-side.on .side-bottom-span,
.section-side.on .scroll-icon {
	display: none;
	/* opacity: 0;
	transition-delay: 0.5s; */
}

/*side-nav 스크롤 내렸을때 변경*/
.side-nav.on > ul li::after {
    background: rgba(0, 0, 0, 0.3);
}
.side-nav.on > ul li a {color: #555;}
.side-nav.on > ul li:hover::after,
.side-nav.on > ul li.on::after {
    background:rgba(0, 0, 0, 1);
}

/* scroll icon */
.scroll-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0; right: 100px;
    _border-top: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 13px; color:#fff;
	text-align: center; letter-spacing: 0.15em;
	transition: all 0.8s; z-index:100;
}
.scroll-icon span {display: block;}
.scroll-icon > span {
    width: 16px; height: 26px;
    border-radius: 8px;
    border: 1px solid #fff;
	margin: 25px auto 10px;
}
.scroll-icon > span > span {
    width: 2px; height: 2px;
    border-radius: 50%;
    margin: 6px auto 0;
    background:#fff;
	animation: scroll-on 3.2s infinite;
}
@keyframes scroll-on {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(8px);
	}
	100% {
		transform: translateY(0px);
	}
}



/* section1 메인이미지*/
.section1 {position: relative;}
.section1-img .mv{
    width: 100%;
    height: 100vh; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.section1-img1 {background-image: url("/images/main/visual_01.png");}
.section1-img2 {background-image: url("/images/main/visual_02.png");}
.section1-img3 {background-image: url("/images/main/visual_03.png");}
.section1-img4 {background-image: url("/images/main/visual_04.png");}
.section1-img5 {background-image: url("/images/main/visual_05.png");}
/* .section1-img4 {
    background-image: url("/img/main/section1-bg4.jpg");
} */
.section1-img div.slick-active {animation: slick-scale 8s;}
.section1-title-box {
	width: 100%;
	position: absolute;
    top:30%; _top:500px;
}
.section1-title {
	color: #fff;
	width: 100%;
	margin: 80px 0 0;
    text-align:right;
}
/*
.section1-title h1 span{
    font-size: 36px;
    color:#E83428;
}
*/
.section1-title h1 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 300;
	opacity: 1;
	letter-spacing: -0.025em;
    color:#fff;
}
.section1-title h1 b {font-weight: 700; font-size: 65px;}
.section1-title h2 {
	margin: 30px 0 0;
    font-size: 28px;
    line-height: 1.6;
    font-weight: 500;
	_opacity: 0;
    color:#E83428;
	_color: rgba(255, 255, 255, 0.7);
}
.section1-title h1.section1-title1 {
	font-size: 85px;
	font-weight: 700;
	line-height: 1;
}
.section1-title .slick-now h1 {animation: slick-h 8s;}
.section1-title .slick-now h2 {animation: slick-h 7.2s 0.8s;}
@keyframes slick-scale {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes slick-scale {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes slick-h {
	0% {
        transform: translateX(30px);
        opacity: 0;
    }
    30% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* section1 dots */
.section1-dots-line {
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    width: 100%;
    position: absolute;
    bottom: 100px;
    z-index: 100;
}
.slick-dots {
	display: flex; justify-content:flex-end;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100px;
	width: 100%;
	max-width: 1400px;
    z-index: 400;
}
.slick-dots li {margin-right: 15px;}
.slick-dots li button {
    font-family: 'Saira', sans-serif;
    font-size: 15px;
    opacity: 0.7;
	color: #fff;
	padding: 10px 20px 0 0;
}
.slick-dots li button::before {content:'0';}
.slick-dots li.slick-active {
	display: block;
	width: 80px;
    height: 40px;
	border-bottom: 1px solid #fff;
	position: relative;
}
.slick-dots li.slick-active::after {
    content: '';
    display: block;
    width: 0;
	height: 40px;
	border-bottom: 2px solid #0D6FB8;
    /*
	border-bottom: 1px solid #bf1c2c;
    */
    position: absolute;
    top: 0;
    left: 0;
    animation: dotOn 8s;
}
.slick-dots li.slick-active button{opacity: 1;}
@keyframes dotOn {
    0% {
        width: 0;
    }
    100% {
        width: 80px;
    }
}

/* section1 button */
.section1-btn > div {
    width: 100%;
    z-index: 10;
    display: flex;
	margin: 55px 0 0;
}
.section1-btn button {
    border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.4s;
    cursor: pointer;
}
.play-btn {
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-right: 15px;
}
.play-btn span {
    width: 1px;
    height: 12px;
    background: #fff;
    display: block;
}
.play-btn span:first-child {margin-right: 2px;}
.play-btn span:last-child {margin-left: 2px;}
.about-btn {
    background: transparent;
    border-radius: 30px;
    width: 185px;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    color: #fff;
}
.about-btn img {margin-right: 15px;}
.play-btn.on,
.play-btn:hover,
.about-btn:hover {
	background: #d01d2f;
	border: 1px solid #d01d2f;
	transition: all 0.4s;
}
.play-btn.on span:first-child {
	width: 0;
	height: 0;
	margin-right: 0;
	margin-left: 2px;
	background: transparent;
	border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 9px solid #fff;
    border-right: 9px solid none;
}
.play-btn.on span:last-child {display: none;}

/* section more btn */
.section-more {
    width: 140px;
    height: 95px;
    position: relative;
	cursor: pointer;
	z-index: 0;
    display: block;
}
.section-more > span {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 1px;
    display: block;
    background: rgba(0, 0, 0, 0.2);
	z-index: 100;
	overflow: hidden;
}
.section-more > span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
	background: rgba(0, 0, 0, 1);
}
.section-more > div:first-child {
	width: 95px;
	height: 95px;
	display: flex;
    position: absolute;
	right: 0;
    top: 50%;
    transform: translate(0, -50%);
	align-items: center;
    justify-content: center;
	color: #fff;
	overflow: hidden;
}
.section-more > div:first-child > span {
	color: rgba(0, 0, 0, 0.7);
	position: absolute;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	letter-spacing: 0.1em;
}
.section-more:hover > div:first-child > span {
    animation: more-text-on 0.6s;
	position: absolute;
}
@keyframes more-text-on {
	0% {
		left: 50%;
	}
    48% {
		left: 100%;
    }
	50% {
		opacity: 0;
	}
	52% {
		left: -100%;
	}
	100% {
		left: 50%;
	}
}
.section-more:hover > span::before {
	width: 100%;
	/* left: 60px; */
	transition: all 0.2s;
}
.svg-box {
	width: 95px; height: 95px;
    position: absolute;
	top: 0; right: 0;
}
.svg-box svg {
    stroke: #000;
    stroke-width: 1px;
	fill: none;
	position: absolute;
    top: -2px; right: 0;
}
.svg-box svg:first-child {
    opacity: 0.2;
	stroke-dasharray: 0;
    stroke-dashoffset: 0;
}
.svg-box svg:last-child {
    opacity: 1;
    stroke-dasharray: 302;
    stroke-dashoffset: 302;
	transform: rotate(-90deg);
}

/* more box position */
.section1-more {
    position: absolute;
    top:110%; right: 13%;
    /*top:430px; right: 0;*/
    z-index: 0;
}

.section1-more > span{background: rgba(255, 255, 255, 0.5);} 
.section1-more > span::before {background: rgba(255, 255, 255, 1);}
.section1-more  > div:first-child > span {color: rgba(255, 255, 255, 1);}
.section1-more .svg-box svg{stroke: #fff;}
.section2-more {
    position: absolute;
    top:80%; right:13%;
    /*top:360px; right:30px;*/
}
.section3-more{
	position: absolute;
	left:100px; bottom: 0;
}
.section4-more {
	position: absolute;
	top: 85%; right: 13%;
}
.section5-more{
    position: absolute;
	left:-50px; bottom:-150px;    
}
.section3 .section-more > span, .section5 .section-more > span{left: 120px;}


/* section2 ABOUS US*/
.section2 {position:relative; padding-top:100px;}
.section2-bg-box{
    width:1180px; height: 736px;
    position:absolute;
    transform:translateY(-50%); 
    top:55%;
}
.section2-bg01 video{
    _background: url("/images/main/about_bg.png") no-repeat left;
	width:100%; height: 736px;
}

.section2-bg01 video{}
.section2-bg01::after{
    display:block;
    content: '';
    background: url("/images/main/act.png") no-repeat right ;
    width:100%; height: 376px;
    position:absolute; 
    margin:-100px 0 0 750px;
}
.section2-wrap {}
.section2-top-title{position:absolute; right:13%; top:40%; text-align:end; line-height:2em; _margin-right:-80px; /* margin:-10% 30px 0 0; */}

.section2-cont h2{font-size:32px; padding-bottom:30px;}
.section2-cont p{margin-bottom:30px; font-size:20px;}
.pt-font h2{font-size:60px;}
.section2-bg-box h2{
    position:absolute; top:-45px; left:100px;
    font-size:60px; line-height:1.5em;
}
.section2-bg-box span{color:#0E67AC;}

/* section3 비지니스 영역*/
.section3{position: relative; }
.section3_tit h2{
    position:absolute; top:70px; right:230px; _right:160px;
    font-size:60px; line-height:1.5em; text-align:end;
}
.section3-wrap {
    display: flex;
    align-items: center;
    color: #fff;
	position: absolute;
    top: 50%; left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
}
.section3-bg-box{
    width:1300px; height:736px;
    position:absolute;
    transform:translateY(-50%); 
    top:50%; right:0;
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	vertical-align: top;
}
.section3-bg-box::before{
    display:block;
    content: '';
    background: url("/images/main/act.png") no-repeat left;
    width:100%; height: 376px;
    position:absolute; 
    margin: -50px 0 0 -590px;
}
.section3-bg01 {
	background-image: url("/images/main/business_01.png");
	width: 100%; height:736px;
    /*height: 100vh;*/
}
.section3-bg02 {
	background-image: url("/images/main/business_02.png");
	width: 100%; height:736px;	
}
.section3-bg03 {
	background-image: url("/images/main/business_03.png");
	width: 100%; height:736px;
}
.section3-bg04 {
	background-image: url("/images/main/business_04.png");
	width: 100%; height:736px;
}
.section3-bg05 {
	background-image: url("/images/main/business_05.png");
	width: 100%; height:736px;
}
.section3-bg06 {
	background-image: url("/images/main/business_06.png");
	width: 100%; height:736px;
}
.section3-bg07 {
	background-image: url("/images/main/business_07.png");
	width: 100%; height:736px;
}
.section3-bg08 {
	background-image: url("/images/main/business_08.png");
	width: 100%; height:736px;
}
.section3-cont-box {
    display: flex;
    width: 100%; margin:106px 0 0;
}

.section3-num-box {
	display: none;
	_align-items: center;
	_transform: translateY(-45px);
}
/*
.section3-num-box > p {
	color: #373737;
    transform: rotate(-90deg);
	width: 65px;
    text-align: center;
}
.section3-num-box > p > b {
    font-weight: 500;
    opacity: 1;
}
.section3-num-box > p > i {
    font-weight: 300;
    opacity: 0.4;
    font-style: normal;
}
.section3-num-box > p > i:nth-child(2) {
	display: inline-block;
	margin: 0 5px;
}

*/
.section3-cont-title {
    font-size: 36px; color:#373737; font-weight: 500;
	letter-spacing: -0.025em; line-height:1.2em;  
}
/*
.section3-cont-title > h2, .section3-cont-title > h3{
    font-size: 36px; color:#373737; font-weight: 500;
	letter-spacing: -0.025em; line-height:1.2em;  
}
*/

.section3-cont > div > p {
    display:block;
    font-size: 17px;
	color:#373737;_opacity: 0.8;
	font-weight: 300;
	margin: 35px 0 0;
	line-height: 1.6; 
}
.section3-cont > div > p.line::before{
    display:block;
    content:'';
    width:70px; height:3px;
    background:#E83428;
    position:absolute;
	margin-top:-20px;;
	_margin-right:10px;
}
/*
.section3-cont > div > p.line::before{
    display: inline-block;
    content:'';
    width:3px; height:70px;
    background:#E83428;
    margin-right:10px;
}

.section3-cont > div > p.short::before{
    display: inline-block;
    content:'';
    width:3px; height:50px;
    background:#E83428;
    margin-right:10px;
}
*/

.section3-bottom {
    margin: 120px 0 0;
    position: relative; left:35%;
	width:57%; height:260px;
	display: flex;
	align-items: center;
    /*
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    */
}



.section3-icon-box {
	position: relative;
    width: 100%;
}
.section3-icon-box .slick-list{padding: 10px 0;}
.section3-icon-box .slick-slide {
	height: 260px;
	display: flex;
	justify-content: center;
	position: relative;
}
.section3-icon-box .slick-slide:nth-child(9){opacity: 1;}
.section3-icon-box .slick-slide > div {width: 100%;}
.section3-icon-box .slick-slide::after {
	opacity: 0;
	content: '';
	display: block;
	width: 100%; height: 280px;
	background: rgba(191, 28, 44, 0.9);
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}
.section3-icon-box .slick-slide.on::after {opacity: 1;}
.section3-icon-box .slick-slide.on span {opacity: 0.3;}
.section3-icon-box .slick-active.s2-icon-on {opacity: 0.4;}
.section3-icon-box .slick-active.s2-icon-on:hover {opacity: 1;}
.section3-icon.on.s2-icon-on {opacity: 1;}
.section3-icon > a {
    display: flex;
    flex-flow: column nowrap;
    opacity: 0.75;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 1;
    height: 100%;
	padding:20px 30px;
	box-sizing: border-box;
	width: 100%;
}
.section3-icon.on > a {opacity: 1;}
.section3-icon > a > h5 {
    margin: 25px 0 15px;
	font-size: 22px; line-height:1.5em;
}
.section3-icon > a > h5::after{
    display:block;
    content:'';
    width:100%; height:3px;
    background:#fff;
    margin-top:20px;
}
.section3-icon > a > h6 {font-size: 15px;}
.section3-icon > a > span {
	opacity: 0;
	font-weight: 700;
	font-size: 100px;
	font-family: 'Saira', sans-serif;
	position: absolute;
	display: block;
	top: 170px;
	left: 50%;
	transform: translateX(-50%);
    z-index: 200;
}

/* section3 arrow */
.slide-arrow {
	width:12px; height:12px;
	display: block;
	position: absolute;
    transform: translateY(-50%);
	z-index: 400;
    cursor: pointer;
	padding: 26px;
}
.prev-arrow {
    transform: rotate(45deg);
	left: -35px;
}
.prev-arrow::after {
	content: '';
	width: 12px; height: 12px;
	display: block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(10px);
}
.next-arrow {
    transform: rotate(-45deg);
	right: -35px;
}
.next-arrow::after {
	content: '';
	width: 12px; height: 12px;
	display: block;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	transform: translate(10px, 10px)
}

/*section4 제품라인*/
.section4{position:relative; padding-top:0;}
.section4 .section4-cont-box{width:100%; height:auto; background:#0D6FB8;
padding:8% 10%;}
.section4-cont-box .product{width:100%; _position:absolute; }
.section4-cont-box .produt_Tab{
    display:flex;
    justify-content:flex-start;
    padding-bottom:20px;
	margin-left: 25%;
}
.section4-cont-box .produt_Tab:last-child{justify-content:flex-start; margin-left:25%;}
.section4-cont-box .produt_Tab li{
    width:calc(30% - 20px);
    color:#fff; font-size:18px;
}
.section4-cont-box .produt_Tab li a{display:block; color:#fff;}
.section4-cont-box .produt_Tab li a:hover{text-decoration:underline;}
.section4-title h2{
    color:#fff; font-size:60px;
    position:absolute; transform:translateX(-50%);
    left:14%;
}
.product_txt{padding-top:60px;}
.product_txt::after{
    display:block;
    content: '';
    background: url("/images/main/act.png") no-repeat right ;
    width:100%; height: 376px;
    position:absolute; 
    margin:-180px 0 0 270px;
}
.product_txt dl.on{
    width:532px; height:362px;
    margin-right:40px;
    text-align:left;
    padding:110px 50px;
}

#listtype1 .product_txt dl.on{background:url("/images/main/produt_01.png") no-repeat left; _width:40%;}
#listtype2 .product_txt dl.on{background:url("/images/main/produt_02.png") no-repeat left;}
#listtype3 .product_txt dl.on{background:url("/images/main/produt_03.png") no-repeat left;}
#listtype4 .product_txt dl.on{background:url("/images/main/produt_04.png") no-repeat left;}
#listtype5 .product_txt dl.on{background:url("/images/main/produt_05.png") no-repeat left;}
#listtype6 .product_txt dl.on{background:url("/images/main/product_06_1_red.png") no-repeat left;}
#listtype7 .product_txt dl.on{background:url("/images/main/produt_06.png") no-repeat left;}
#listtype8 .product_txt dl.on{background:url("/images/main/produt_07.png") no-repeat left;}
#listtype9 .product_txt dl.on{background:url("/images/main/produt_08.png") no-repeat left;}
#listtype10 .product_txt dl.on{background:url("/images/main/steel_grit.png") no-repeat left;}
#listtype11 .product_txt dl.on{background:url("/images/main/peening_equipment.png") no-repeat left;}

.product_txt dl.on dd{font-size:30px; color:#fff; border-bottom:2px solid #fff; line-height:2em;}
.product_txt dl.on dt{font-size:30px; color:#fff; line-height:2em;}
.product_txt dl{display:inline-block; vertical-align:middle;}
.product_txt dl:nth-child(2) dd{font-size:18px; line-height:1.5em; margin-bottom:20px;}


/*section5 고객사*/
.section5{
    position:relative; _padding:100px 0;
    background:#f8f8f8; /*background:#f2f4f6;*/
    width:100%; height:auto; padding: 0 10%; 
}
.section5-title h2{font-size:60px; line-height:1.5em; text-align:center;}
.section5-title p{font-size:22px; line-height:1.4em; text-align:center; margin-top:15px;}
.section5-cont{
    background:#f8f8f8; /*background:#f2f4f6;*/
    width:100%; height:auto; 
    /*position:absolute; transform:translateY(-50%); right:0; */
}
.section5-title span{font-size:18px; text-align:center;}
.our_box{width:100%; position:relative; _right:82px; _overflow:hidden; text-align:center; z-index:0; margin:auto;}
.section5 .our .swiper-slide dl{width:80%;}
.section5 .our .swiper-slide dl img{
    width:100%; height:auto; 
    overflow: hidden; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); 
}
.section5 .our .swiper-slide dd{font-size:18px; text-align:center; margin-top:20px;}

.section5 .our2 .swiper-slide{/* width:25%; */}
.section5 .our2 .swiper-slide dl{width:80%;}
.section5 .our2 .swiper-slide a {display: block; width: 80%;}
.section5 .our2 .swiper-slide a dl {width: 100%;}
.section5 .our2 .swiper-slide dl img{
    width:100%; _width:300px; height:auto; 
    overflow: hidden; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); 
}
.section5 .our2 .swiper-slide dd{font-size:18px; text-align:center; margin-top:20px;}
.section5 .our2 .swiper-slide{_width:300px;/* width:80%; */}
.section5 .bottom_arrow_wrap{width:100%;}
.section5 .our-prev{position:absolute; top:67%; left:135px; cursor:pointer;}
.section5 .our-next{position:absolute; top:67%; right:210px; cursor:pointer; z-index:5;}
.section5 .our2-prev{position:absolute; top:67%; left:135px; cursor:pointer;}
.section5 .our2-next{position:absolute; top:67%; right:210px; cursor:pointer; z-index:5;}
.section5 .our3-prev{position:absolute; top:67%; left:135px; cursor:pointer;}
.section5 .our3-next{position:absolute; top:67%; right:210px; cursor:pointer; z-index:5;}
.section5 .our4-prev{position:absolute; top:67%; left:135px; cursor:pointer;}
.section5 .our4-next{position:absolute; top:67%; right:210px; cursor:pointer; z-index:5;}

.section5 .our3 .swiper-slide dl {width: 80%;}
.section5 .our3 .swiper-slide dl img{
    width:100%; height:auto; 
    overflow: hidden; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); 
}
.section5 .our4 .swiper-slide dl {width: 80%;}
.section5 .our4 .swiper-slide a {display: block; width: 80%;}
.section5 .our4 .swiper-slide a dl {width:100%;}
.section5 .our4 .swiper-slide dl img{
    width:100%; height:auto; 
    overflow: hidden; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); 
}
.section5 .our3 .swiper-slide dd {font-size: 18px; text-align: center; margin-top: 20px;}
.section5 .our4 .swiper-slide dd {font-size: 18px; text-align: center; margin-top: 20px;}

/*section5 탭메뉴*/
.clientTab_wrap{display:inline-block; position:relative; padding:2px; border-radius:30px; background-image:linear-gradient(to right, #0E67AC, #cccccc); vertical-align:top; text-align:center;}
.clientTab{display:-webkit-flex; display:flex; flex-wrap:wrap; padding:0 30px; border-radius:28px; background:#f8f8f8; overflow:hidden;}
.clientTab li{position:relative;}
.clientTab li + li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:22px; margin-top:-11px; background:#dcdcdc;}
.clientTab li a{display:block; min-width:200px; padding:0 20px; font-size:18px; line-height:56px; font-weight:300; text-align:center;}
.clientTab li.on a{font-weight:700;}





.tab_client {
	display: flex;
	justify-content: center;
}
.tab_client li {
	width: 170px;
	height: 50px;
	font-size: 18px;
	color: #999;
	border: 1px solid #999;
	border-radius: 50px;
	margin: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.tab_client li.on {
	color: #fff;
	background-color: #0D6FB8;
	border: 1px solid rgba(13, 110, 184, 0.5);
}
/*.client_list {*/
/*	display: none;*/
/*}*/
/*.client_list.on {*/
/*	display: block;*/
/*}*/





/*section6 푸터*/
#footer{position:relative; width:100%; _height:560px; background:#fff;}
#footer .fTop{padding:3% 0;}
#footer .f_menu{color:#555;}
#footer .f_menu .menu a{font-size:20px; color:#555;}
#footer .f_menu>li{float:left; line-height:2em; font-size:16px; margin-right:10%;}
#footer .f_menu>li:last-child{margin-right:0;}
#footer .f_menu>li a:hover{text-decoration: underline;}
#footer .f_menu .d2{margin-top:20px;}
#footer .f_menu .d2 li{color:#777;}
#footer .f_menu .d2 li a{color:#777; font-size:16px;}
#footer .f_menu .d2 li:hover{color:#03569f; transition:all 0.3s 0s ease-out;}
#footer .f_menu .d2 li a:hover{color:#03569f; transition:all 0.3s 0s ease-out;}
#footer .fBottom{background:#fff; padding:2% 0;}
#footer .fInfo ul li{font-size:18px; color:#555; line-height:1.5em; margin-right:20px;}
#footer .fInfo ul{display:flex; _justify-content:space-between;}
#footer .f_copy{font-size:16px; color:#777;}
#footer .f_logo{/* position:absolute; transform:translateY(-50%); bottom:23%; */ display: flex; justify-content: space-between; margin-bottom: 20px;}
#footer .f_logo h1 a{
	display:inline-block;
	width:223px; height:58px;
	background:url("/images/main/logo.png") no-repeat; background-size:cover;
	text-indent:-9999px; font-size:0;
	margin-bottom: 20px;
}
#footer .f_logo .iso ul {
	display: flex;
	align-items: center;
	margin-right: 40px;
}
#footer .f_logo .iso ul li {
	height: 58px;
	margin: 10px;
}
#footer .f_logo .iso ul li img {
	height: 100%;
	object-fit: contain;
}
#footer .Privacy ul{display:flex; justify-content:flex-end; padding-right:80px;}
#footer .Privacy ul li a{color: rgba(255, 255, 255, 0.8); font-size:18px; margin-left:20px;}
#footer .Privacy ul li a:hover{color:#0D6FB8; transition:all 0.3s 0s ease-out;}
#footer .section1-dots-line{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    width: 100%; position: absolute; bottom: 340px; z-index: 100;   
}

/*sub_end 푸터2*/
#footer2{position:relative; width:100%; _height:560px; background:#fff; border-top: 1px solid rgba(0, 0, 0, 0.3);}
#footer2 .fTop{padding:3% 0;}
#footer2 .f_menu{color:#555;}
#footer2 .f_menu .menu a{font-size:20px; color:#555;}
#footer2 .f_menu>li{float:left; line-height:2em; font-size:16px; margin-right:10%;}
#footer2 .f_menu>li:last-child{margin-right:0;}
#footer2 .f_menu>li a:hover{text-decoration: underline;}
#footer2 .f_menu .d2{margin-top:20px;}
#footer2 .f_menu .d2 li{color:#777;}
#footer2 .f_menu .d2 li a{color:#777; font-size:16px;}
#footer2 .f_menu .d2 li:hover{color:#03569f; transition:all 0.3s 0s ease-out;}
#footer2 .f_menu .d2 li a:hover{color:#03569f; transition:all 0.3s 0s ease-out;}
#footer2 .fBottom{background:#fff; padding:2% 0;}
#footer2 .fInfo ul li{font-size:18px; color:#555; line-height:1.5em; margin-right:20px;}

#footer2 .fInfo ul{display:flex; _justify-content:space-between;}
#footer2 .f_copy{font-size:16px; color:#777;}
#footer2 .f_logo{/* position:absolute; transform:translateY(-50%); bottom:23%; */ display: flex; justify-content: space-between; margin-bottom: 20px;}
#footer2 .f_logo h1 a{
	display:block;
	width:223px; height:58px;
	background:url("/images/main/logo.png") no-repeat; background-size:cover;
	text-indent:-9999px; font-size:0;
	margin-bottom: 20px;
}
#footer2 .f_logo .iso ul {
	display: flex;
	align-items: center;
	margin-right: 40px;
}
#footer2 .f_logo .iso ul li {
	height: 58px;
	margin: 10px;
}
#footer2 .f_logo .iso ul li img {
	height: 100%;
	object-fit: contain;
}
#footer2 .Privacy ul{display:flex; justify-content:flex-end; padding-right:80px;}
#footer2 .Privacy ul li a{color: rgba(255, 255, 255, 0.8); font-size:18px; margin-left:20px;}
#footer2 .Privacy ul li a:hover{color:#0D6FB8; transition:all 0.3s 0s ease-out;}
#footer2 .section1-dots-line{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    width: 100%; position: absolute; bottom: 340px; z-index: 100;
} 


/*
#footer .f_menu .d2 p:hover{color:#555; transition:all 0.3s 0s ease-out;}
#footer .f_menu .d2 p{color:rgba(255, 255, 255, 0.6); font-size:16px;  line-height:1.5em;}
#footer .f_copy{ 
    text-align:center;
    font-size:16px; color:rgba(255, 255, 255, 0.7);
    position:absolute; transform:translateX(-50%);
    bottom:8%; left:50%;   
}
#footer .f_logo{position:absolute; transform:translateY(-50%); bottom:25%; right:5%;}

#footer .f_logo h1 a{
	display:block;
	width:223px; height:58px;
	background:url("/images/main/logo.png") no-repeat; background-size:cover;
	text-indent:-9999px; font-size:0;
}
#footer .newsletter{margin-top:20px;}
#footer .newsletter input[type="text"]{
    width:240px; height:35px; padding:10px 10px; background:#464646; vertical-align: middle;
}
#footer .newsletter input + a{display:inline-block; margin-left:-4px; vertical-align:middle;}
#footer .newsletter .btn{background:#0e6eb8; color:#fff; font-size:18px;}
*/    


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





/* .section7 인증서 */
.section7 .section7-cont-box {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.section7 .section7-cont-box .cert {
	width: 40%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section7 .section7-cont-box .cert figure {
	width: 60%;
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.section7 .section7-cont-box .cert figure img {
	width: 100%;
}
.section7 .section7-cont-box .text_box {
	width: 60%;
	height: 100%;
	display: flex;
	align-items: center;
	padding-right: 300px;
}
.section7 .section7-cont-box .text_box span {
	display: block;
	text-align: right;
	font-weight: bold;
	font-size: 48px;
	margin-bottom: 100px;
}
.section7 .section7-cont-box .text_box h2 {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 60px;
}
.section7 .section7-cont-box .text_box p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 40px;
}





@media screen and (max-width: 768px) {
    
    .w1600{width:auto;}
    .w1500{width:auto; margin: 0 auto;}
    .w1400{width:auto; margin: 0 auto;}
    
    /*more-btn*/
    .section1-more{top:260px; right:5%; display:none;}
    .section2-more{top:950px; right:5%;}
    .section3-more{top:310px; left:55%;}
    .section3-more > span{background: rgba(255, 255, 255, 0.5);} 
    .section3-more > span::before {background: rgba(255, 255, 255, 1);}
    .section3-more  > div:first-child > span {color: rgba(255, 255, 255, 1);}
    .section3-more .svg-box svg{stroke: #fff;}
    .section4-more{top: 1100px; right: 5%;}
    .section-side{display:none;}
    
    /* section1 dots */
    .slick-dots {bottom:90px; _left:30%;}
    .slick-dots li {_margin-right: 20px;}
	.slick-dots li.slick-active {_width: 120px;}
    
    /* scroll icon */
    .scroll-icon{bottom:-2%; right:35.5%;}
    
    /*section1 메인이미지*/
    .section1{top:0;} 
	.section1-title-box {top: 150px; padding:0 15px;}
    .section1-title{margin: 100px 0 0;}
	.section1-title h1 {font-size: 22px;}
	.section1-title h2 {font-size: 16px;}
	.section1-title h2 br {/* display: none; */}
    .section1-title h1 b{font-size:22px;}
    .section1-title h1 span{font-size:17px;}
    
    /* section2 ABOUS US*/
    .section2 {_position:relative;}
    .section2-bg-box{width:100%; height:500px; top:250px;}
    .section2-bg01{width:100%; height: 500px;}
    .section2-bg01 video{width:100%; height: 500px;}
    .section2-bg01::after{margin:500px 0 0 0;}
    .section2-bg-box h2{top:45px; left:5%; font-size:32px; line-height:1.5em;}
    .section2-wrap{width:100%; }
    .section2-wrap .section2-top-title{top:520px; left:0; text-align:start; padding:0 20px; width:100%;}
    .section2-cont h2{font-size:24px;}
    .section2-cont p{font-size:18px;}
       
    /* section3 비지니스 영역*/
    .section3{padding:0 20px; position:relative;}
    .section3-bg-box{
        top:1350px; _background-color:rgba(0, 0, 0, 0.8);
        width:100%; height:100vh;
    }
    .section3-bg01 {background-image: url("/images/main/business_01_768.png");}
    .section3-bg02 {background-image: url("/images/main/business_02_768.png");}
    .section3-bg03 {
        background-image: url("/images/main/business_03_768.png");
        background-position: left 70% center !important;background-size:cover;
    }
    .section3-bg04 {background-image: url("/images/main/business_04_768.png");}
    .section3-bg05 {background-position: left 50% center;}
    
    .section3-bg06 {
        background-image: url("/images/main/business_06_768.png");
        background-position: left 70% center !important;background-size:cover;
    }
    .section3-bg07 {
        background-image: url("/images/main/business_07_768.png");
        background-position: left 50% center !important;background-size:cover;
    }
    .section3-bg08 {background-image: url("/images/main/business_08_768.png");}
    
    .section3_tit h2{width:100%; top:1060px; left:5%; padding-bottom:20px; font-size:32px; text-align:start; line-height:1em; color:#fff;}
    .section3-wrap{top:1360px; padding:0 5%; _flex-flow:column; display:block;}
    .section3-cont-title{font-size:24px; color:#fff; opacity:0.8;}
    .section3-cont > div > p {
		font-size: 15px; color:#fff; opacity:0.8;
		width: 100%;
		margin:0; padding:10px 0;
	}
    /*
    .section3-cont > div > p.line::before{
        position:absolute; margin-left:-10px; margin-top:10px; height:90px;
    }
    .section3-cont > div > p.short::before{
        position:absolute; margin-left:-10px; margin-top:10px; height:65px;
    }
    */
    .section3-bottom{width:100%; left:0; margin: 135px 0 0;}
    .prev-arrow{left:10px;} 
    .next-arrow{right:10px;} 
    .section3 .section3-more > span{left:0;}
    .section3-cont > div > p.line::before{
        display: inline-block;
        content:'';
        width:60px; height:3px;
        background:#E83428;
        margin:3px 0;
    }
    .section3-cont > div > p.short::before{
        display: inline-block;
        content:'';
        width:60px; height:3px;
        background:#E83428;
        margin:-3px 0;
    }
    
    
    


    
    /*section4  제품라인*/
    .section4 .product_txt br{display:none;}
    .section4{top:1715px;}
    .section4-title h2{font-size:32px; padding:0 20px; left:28%;}
    .section4 .section4-cont-box{padding:10% 10%;}
    .section4-cont-box .produt_Tab{flex-flow: column nowrap; padding-bottom:0; margin-left: 0;}
    .section4-cont-box .produt_Tab:nth-child(2){padding-top:15%;}
    .section4-cont-box .produt_Tab:nth-child(1){_padding:0;}
    .section4-cont-box .produt_Tab:last-child{margin-left:0;}
    .section4-cont-box .produt_Tab li{width:100%; margin-bottom:15px;}
    .product_txt{width:100%;padding: 20px 20px 50px;}
    .product_txt dl{display:block;}
    #listtype1 .product_txt dl.on{width:100%; background-size:contain;}
    #listtype2 .product_txt dl.on{width:100%; background-size:contain;}
    #listtype3 .product_txt dl.on{width:100%; background-size:contain;}
    #listtype4 .product_txt dl.on{width:100%; background-size:contain;}
    #listtype5 .product_txt dl.on{width:100%; background-size:contain;}
    #listtype6 .product_txt dl.on{width:100%; background-size:contain;}
    #listtype7 .product_txt dl.on{width:100%; background-size:contain;}
    #listtype8 .product_txt dl.on{width:100%; background-size:contain;}
	#listtype9 .product_txt dl.on{width:100%; background-size:contain;}
	#listtype10 .product_txt dl.on{width:100%; background-size:contain;}
	#listtype11 .product_txt dl.on{width:100%; background-size:contain;}
    .product_txt::after{z-index:-1; margin:-250px 0 0 -20px;}
    .product_txt dl.on dd{font-size:21px;}
    .product_txt dl.on dt{font-size:20px;}
    .product_txt dl.on{padding:120px 50px; margin:-20px 0;}
    
    
    /*section5 고객사*/
    .section5{top:1820px; height:auto; padding: 10% 10%; }
    .section5-title h2{font-size:32px; padding-top:30px;}
    .section5-title p{font-size:16px; line-height:1.5em; margin-bottom:20px !important;}
    .section5 .our .swiper-slide dl{width:100%;}
	.section5 .our .swiper-slide a {width: 100%;}
    .section5 .our{/*margin-top:20px !important;*/}
    .section5 .our-prev img{width:30px;}
	.section5 .our-next img{width:30px;}
	.section5 .our-prev{top:65%; left:5px; cursor:pointer;}
    .section5 .our-next{top:65%; right:5px; cursor:pointer;}
	.section5 .our2-prev img{width:30px;}
	.section5 .our2-next img{width:30px;}
	.section5 .our2-prev{top:65%; left:5px; cursor:pointer;}
    .section5 .our2-next{top:65%; right:5px; cursor:pointer;}
	.section5 .our3-prev img{width:30px;}
	.section5 .our3-next img{width:30px;}
	.section5 .our3-prev{top:65%; left:5px; cursor:pointer;}
    .section5 .our3-next{top:65%; right:5px; cursor:pointer;}
	.section5 .our4-prev img{width:30px;}
	.section5 .our4-next img{width:30px;}
	.section5 .our4-prev{top:65%; left:5px; cursor:pointer;}
    .section5 .our4-next{top:65%; right:5px; cursor:pointer;}
/*    .section5 .our2 .swiper-slide{width:auto;}*/
    .section5 .our2 .swiper-slide dl{width:100%;}
	.section5 .our2 .swiper-slide a {width: 100%;}
	.section5 .our3 .swiper-slide dl{width:100%;}
	.section5 .our3 .swiper-slide a {width: 100%;}
	.section5 .our4 .swiper-slide dl{width:100%;}
	.section5 .our4 .swiper-slide a {width: 100%;}
    
    /*section5 탭메뉴*/
    .clientTab_wrap{width:100%; max-width:768px; margin:0 auto; border-radius:20px;}
    .clientTab{padding:0 10px; border-radius:18px; justify-content: center;}
    .clientTab ul li{width:49%; padding:15px;}
    .clientTab > li{width:50%;}
    .clientTab li + li:before{height:14px; margin-top:-7px;}
    .clientTab li a{min-width:100%; height:36px; padding:0 10px; font-size:13px; line-height:38px; overflow:hidden;}

    
    /*section6 푸터*/
    #footer{top:1820px; padding:30px 20px;}
    #footer .fTop{display:none;} 
    #footer .fBottom{_padding:5% 0;}
    #footer .section1-dots-line{display:none;} 
    #footer .f_logo{/* top:30% */ flex-direction: column;}
    #footer .f_logo h1 a{width:150px; background-size:100%;}
    #footer .fInfo{margin-top:45px !important;}
    #footer .fInfo ul li{margin-right:0; font-size: 16px;}
    #footer .fInfo ul{display:block; }
    #footer .Privacy ul{justify-content:flex-start; padding-right:0; padding-top:50px;}
    #footer .Privacy ul li a{margin-left:0; margin-right:20px; font-size: 16px;}
    #footer .section1-dots-line{display:none;}
    
    /*footer2*/
    #footer2{_top:1820px; height:auto; padding:30px 20px;}
    #footer2 .fTop{display:none;} 
    #footer2 .fBottom{_padding:5% 0;}
    #footer2 .section1-dots-line{display:none;} 
    #footer2 .f_logo{/* top:30%; */ flex-direction: column;}
    #footer2 .f_logo h1 a{width:150px; background-size:100%;}
    #footer2 .fInfo{margin-top:45px !important;}
    #footer2 .fInfo ul li{margin-right:0; font-size: 16px;}
    #footer2 .fInfo ul{display:block; }
    /*#footer2 .Privacy ul{justify-content:flex-start; padding-right:0; padding-top:50px;}
    */
    #footer2 .Privacy ul li a{margin-left:0; margin-right:20px; font-size: 16px;}
    
    #footer2 .section1-dots-line{display:none;}





	/* .section7 인증서 */
	.section7 {
		position: relative;
		top: 1820px;
	}
	.section7 .section7-cont-box {
		flex-direction: column;
	}
	.section7 .section7-cont-box .cert {
		width: 100%;
		margin-bottom: 40px;
	}
	.section7 .section7-cont-box .text_box {
		width: 100%;
		padding: 20px;
	}
	.section7 .section7-cont-box .text_box span {
		display: none;
	}
}