@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;500;900&display=swap');

body {min-width:1600px;}
header {position:fixed;top:0;left:0;width:100%;min-width:1600px;background:#fff;padding:0 100px;line-height:100px;z-index:999;}
header h1 {float:left;width:20%;}
header nav {float:left;width:60%;text-align:center;}
header nav>ul {font-size:0;}
header nav>ul>li {display:inline-block;font-size:20px;line-height:114px;position:relative;border:1px solid transparent;}
header nav>ul>li>a {display:block;width:160px;}
header nav>ul>li>a:hover {color: rgb(51, 56, 153);}
header nav>ul>li:after {content:"";display:block;width:0;height:2px;background:#333;margin:0 auto;position: relative;transition:0.5s;z-index:999;}
header nav>ul>li:hover:after {width:140px;}
header nav .submenu {display:none;position:absolute;top:98px;left:-1px;width:162px;font-size:14px;font-weight:300;line-height:40px;background:#f7f7f7;padding:30px 0 15px 0;border:1px solid #333;border-top:0px solid transparent}
header nav>ul>li:hover .submenu {display:block;}
header nav>ul>li:hover {background:#f7f7f7;border-left:1px solid #333;border-right:1px solid #333;}
header nav .submenu>li:hover {background:#369;color:#fff;}
header .top {float:right;font-size:20px;font-weight:700;}
header .top a {margin-left:25px;position:relative;}
header .top a.on {color:#f00;}
header .top a:nth-child(1):after {content:"";display:block;width:24px;height:2px;background:#369;position:absolute;bottom:-5px;left:0;}


#main-manu {margin-top:110px;position:relative;}
.main-title {width: 100%;margin: 0 auto;}
.main-title img {top:20px; width: 100%; height:350px; filter: brightness(70%);}
.main-text {position:absolute;top:50%; left:50%; transform:translate(-50%, -50%);text-align:center;}
.main-text h1{font-size: 34px;color:#fff}
.main-line { border-top: 2px solid #f2f2f2; margin: 30px auto;width: 40px;}
.main-text p{margin-top: 30px; font-size: 20px; line-height: 40px;color:#fbfbfbe3}

#company-introduce {margin: 0 auto; padding-top: 200px; width: 1200px;}


#company-introduce .introduce01 {padding-bottom: 400px;}
#company-introduce .introduce01>div:nth-child(1) {float: left;width: 40%; height: 400px; }
#company-introduce .introduce01>div:nth-child(2) {float:right; width:50% ;position:relative;height: 400px;}
.introduce01-right>figure>img {width: 585px; height: 400px;}
#company-introduce h1 {padding-top: 30px; font-size: 40px;padding-bottom: 40px;font-weight: 500;}
#company-introduce h2 {font-size: 24px; padding-bottom: 20px;line-height: 1.6;}


#company-introduce .introduce02 {padding-bottom: 400px; padding-top: 100px;}
#company-introduce .introduce02>div:nth-child(1) {float: left;width: 40%; height: 370px; }
#company-introduce .introduce02>div:nth-child(2) {float:right; width:40% ;position:relative;height: 370px;text-align: right;}
.introduce02-left>figure>img {width: 585px; height: 370px;}

#company-introduce .introduce03 {padding-top: 75px;padding-bottom: 550px;}
#company-introduce .introduce03>div:nth-child(1) {float: left;width: 40%; height: 400px; }
#company-introduce .introduce03>div:nth-child(2) {float:right; width:50% ;position:relative;height: 400px;}
.introduce03-right>figure>img {width: 585px; height: 400px;}


#customer {padding:100px 0;background:#f2f2f2;}
#customer .wrap {width:1200px;margin:0 auto;}

#customer .wrap>div {float:left;width:50%;padding:0 15px 30px 15px;}
#customer .wrap>figure {float:left;width:33.333333%;padding:0 15px;}

#customer dl {background:#fff;border:1px solid #ddd;padding:20px 30px;height:300px;}
#customer dd {line-height:36px;border-bottom:1px solid #f2f2f2;font-size:14px;}
#customer dd:before {content:"夷�";margin-right:10px;}

#customer dd i {font-weight:300;float:right;padding-top:10px;}

#customer dd strong {color:#369;padding-right:20px;position:relative;}

#customer dd strong:after {content:"";display:block;width:1px;height:12px;background:#369;position:absolute;top:50%;right:10px;transform:translateY(-50%)}
#customer dl h3 {padding-bottom:20px;border-bottom:1px solid #ddd;margin-bottom:10px;font-size:30px;font-weight:500;}

#customer dl h3 span {font-size:14px;font-weight:300;color:#666;vertical-align:middle;}
#customer dl h3 i {font-size:16px;font-weight:300;float:right;padding-top:10px;}
#customer figure {position:relative;color:#fff;}
#customer figure .text {position:absolute;top:60px;left:45px;}

#customer figure .text h3 {font-size:22px;font-weight:700;margin-bottom:15px;}

#customer figure .text p {font-weight:100;line-height:1.25}

#customer figure img {width:100%;}




@keyframes won{
    0%{opacity: 0.1;}
    100% {opacity: 0;transform:scale(10)}
}




footer {padding:70px 0;background: #333}
footer .wrap {width:1200px;margin:0 auto;color: #fff;}
footer .wrap .logo {float:left;padding:0 50px 0 15px;}
footer .wrap address {float:left;padding:0 15px;padding-left: 70px;font-size:14px;font-weight:300;line-height:1.8;letter-spacing: 1px;}
.sns {float: right;font-size: 30px;color: #fff;letter-spacing: 5px;}