@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(2):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}



.back-icon {width: 1200px; margin: 0 auto;padding-top: 80px; font-size: 40px;color: rgb(150, 150, 150);}
.back-icon figure {width: 30px;}
.back-icon i:hover {color:rgb(255, 102, 41); transition: 0.5s;}




.main-item {width: 1200px; margin: 0 auto;height: 520px;}
.main-item01 {float: left; width: 50%;padding-top: 80px;}
.main-item02 {float: right; width: 50%;}
.main-item02 h1 {padding-top: 30px; font-size: 35px;font-weight: 500;padding-bottom: 30px;}
.main-item02 span {font-size: 20px;}
.item-line  {border-bottom: 1px solid #2b2b2b;}


.item-sub01>div:nth-child(1){float: left; width: 30%;font-size: 15px;font-weight: 500;padding-top: 22px;padding-left: 20px;}
.item-sub01-line {border-bottom: 1px solid #e0e0e0;float: left;width: 100%;padding-top: 25px;}
.item-sub01>ul {float: right; width: 70%;padding-top: 20px;}
.item-sub01 li {line-height: 20px;font-size: 15px;color: rgb(107, 107, 107);}
.item-sub01 li::before {content: "•";padding-right: 10px;color: #2b2b2b;}


.item-sub02>div:nth-child(1){float: left; width: 30%;font-size: 15px;font-weight: 500;padding-top: 24px;padding-left: 20px;}
.item-sub01-line {border-bottom: 1px solid #e0e0e0;float: left;width: 100%;padding-top: 25px;}
.item-sub02>ul {float: right; width: 70%;padding-top: 20px;}
.item-sub02 li {line-height: 22px;font-size: 15px;color: rgb(107, 107, 107);}
.item-sub02 li::before {content: "•";padding-right: 10px;color: #2b2b2b;}


.item-sub03>div:nth-child(1){float: left; width: 30%;font-size: 15px;font-weight: 500;padding-top: 35px;padding-left: 20px;}
.item-sub01-line {border-bottom: 1px solid #e0e0e0;float: left;width: 100%;padding-top: 25px;}
.item-sub03>ul {float: right; width: 70%;padding-top: 20px;}
.item-sub03 li {line-height: 22px;font-size: 15px;color: rgb(107, 107, 107);}
.item-sub03 li::before {content: "•";padding-right: 10px;color: #2b2b2b;}


.item-sub04>div:nth-child(1){float: left; width: 30%;font-size: 15px;font-weight: 500;padding-top: 24px;padding-left: 20px;line-height: 1.5;}
.item-sub01-line {border-bottom: 1px solid #e0e0e0;float: left;width: 100%;padding-top: 25px;}
.item-sub04>ul {float: right; width: 70%;padding-top: 20px;}
.item-sub04 li {line-height: 22px;font-size: 15px;color: rgb(107, 107, 107);}
.item-sub04 li::before {content: "•";padding-right: 10px;color: #2b2b2b;}



#item-explain {background-color: #f7f7f7; padding-top: 20px;padding-bottom: 100px; margin: 0 auto; width: 100%;}
.expalin-sub {width: 1200px; margin: 0 auto; padding-top: 70px;}
.expalin-sub h1 {font-weight: 600;font-size: 20px;padding-bottom: 20px;}
.expalin-sub p {font-size: 16px; font-weight: 400;line-height: 28px;padding-left: 20px;}






@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;}