body {font-family: "Noto Sans KR", sans-serif; font-weight: 400; letter-spacing: -0.025em; word-break: keep-all; box-sizing: border-box;}


.wrap {position: relative; width: 100%;}
.inner {width: 100%; padding: 0 4.5%;}



header {position: relative; width: 100%; height: 17.2vw; background: #fff;}
header .hInner {width: 100%;}

header .hInner .top_menu {position: absolute; top: 50%; transform: translateY(-50%); left: 4.5%;}
header .hInner .top_menu img {width: 7.8vw;}

header .hInner .logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
header .hInner .logo img {width: 43.125vw;}



.navi {position:fixed; top: 0; left:-100%; width:100%; height:100%; background: #fff; overflow: auto; z-index: 100;}

.gnbTop {width:100%; background-color:#ff6d01; padding:15px 20px; position:relative;}
.gnbTop p {font-size:24px; color:#fff; letter-spacing:0.012em; line-height:30px; position:relative; top:2px; font-family: "Noto Sans KR", sans-serif;}
.gnbTop img {position:absolute; top:50%; right:20px; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width:14px;}


.navi ul.gnb {width:100%; padding-bottom: 48vw;}
.navi ul.gnb li {width:100%;}
.navi ul.gnb li .gnbBox {font-family: "Noto Sans KR", sans-serif; width:100%; padding:15px; font-size:16px; color:#212121; font-weight:400; border-bottom: 1px solid #dfdfdf; background:url("../img/common/arrow.png") no-repeat right 15px center; background-size:6px;}

.navi ul.gnb li .gnbBox.active {color: #ff6d01; font-weight: 500; background:url("../img/common/arrow_on.png") no-repeat right 15px center; background-size:6px;}

.navi ul.gnb li .gnbBox2 {width:100%; padding:15px; font-size:16px; color:#212121; font-weight:400; border-bottom: 1px solid #dfdfdf;}

.navi ul.gnb > li > .gnb_2depth {width:100%; display: none;}
.navi ul.gnb > li > .gnb_2depth .gnbBox2 {width:100%; padding:15px; font-size:14px; color:#555; font-weight:400; background: #f9f9f9; border-bottom: 1px solid #dfdfdf;}



.main_visual {width: 100%;}
.main_visual img {width: 100%;}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 비율 → 9/16*100 = 56.25% */
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.main_con {position: relative; width: 100%;}

.mc_box01 {width: 100%; box-shadow: 2px 2px 5px rgb(0 0 0 / 20%); margin-bottom: 7vw;}
.mc_box01 ul {width: 100%; font-size: 0; margin-top: -3vw;}
.mc_box01 ul li {position: relative; display: inline-block; width: 50%;}
.mc_box01 ul li + li:before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 1px; height: 7vw; background: #609700; box-shadow: 1px 0 0 0 #bade43;}
.mc_box01 ul li div {padding: 2vw 0; background: #9ec51f; font-size: 4vw; color: #fff; font-weight: 300; letter-spacing: -0.025em; text-align: center;}
.mc_box01 ul li div img {width: 7vw; vertical-align: -2vw; margin-right: 1vw;}


.mc_box02 {width: 100%; padding-bottom: 7vw; border-top: 2px solid #fd8c07;}
.mc_box02 table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.mc_box02 table thead tr {border-bottom: 1px solid #ccc;}
.mc_box02 table thead tr th {position: relative; padding: 3vw 0; font-size: 4vw; color: #1b1b1b; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.mc_box02 table thead tr th img {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 4vw;}

.mc_box02 table tbody tr td {padding: 2vw 0 1vw;}
.mc_box02 table tbody tr td.subject {position: relative; padding-left: 2vw;}
.mc_box02 table tbody tr td.subject:before {position: absolute; top: 65%; transform: translateY(-50%); left: 0; content: ''; width: 2px; height: 2px; background: #888; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.mc_box02 table tbody tr td.subject a {display: block; font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mc_box02 table tbody tr td.date {font-size: 4vw; color: #888; font-weight: 400; letter-spacing: -0.025em; text-align: right;}


.mc_box03 {position: relative; width: 100%; padding: 3vw 0 7vw; border-top: 2px solid #fd8c07;}
.mc_box03 .img01 {position: absolute; top: 6vw; right: 4vw; width: 10vw;}
.mc_box03 h2 {font-size: 6vw; color: #1b1b1b; font-weight: 600; letter-spacing: -0.025em; text-align: center;}
.mc_box03 p {font-size: 5vw; color: #1b1b1b; font-weight: 500; letter-spacing: -0.025em; text-align: center; margin-top: 2vw;}
.mc_box03 ul {width: 100%; margin-top: 3vw;}
.mc_box03 ul li {float: left; width: calc(100% / 3 - 4vw / 3);}
.mc_box03 ul li + li {margin-left: 2vw;}
.mc_box03 ul li div {padding: 2vw; background: #e5e5e5 url('../img/main/icon04.png') center right 2vw no-repeat; background-size: 4vw; font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em;}


.mc_box04 {position: relative; width: 100%; padding: 3vw 0 8vw; border-top: 2px solid #82b610;}
.mc_box04 .img02 {position: absolute; top: 6vw; right: 4vw; width: 7.7vw;}
.mc_box04 h2 {font-size: 4vw; color: #1b1b1b; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.mc_box04 p {font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em; text-align: center; margin-top: 2vw;}
.mc_box04 ul {width: 100%; margin-top: 3vw;}
.mc_box04 ul li {float: left; width: 49%}
.mc_box04 ul li + li {float: right;}
.mc_box04 ul li div {padding: 2vw; background: #e5e5e5 url('../img/main/icon05.png') center right 2vw no-repeat; background-size: 4vw; font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em;}


.mc_box05 {width: 100%;}
.mc_box05 .banner {position: relative; width: 100%;}
.mc_box05 .banner:last-child {margin-top: 4vw;}
.mc_box05 .banner img {width: 100%;}
.mc_box05 .banner .txtBox {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; padding: 3vw 2vw 0;}
.mc_box05 .banner .txtBox h2 {font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.mc_box05 .banner .txtBox h2 img {width: 3.2vw; vertical-align: baseline; margin-left: 1vw;}
.mc_box05 .banner .txtBox p {font-size: 4vw; color: #676767; font-weight: 300; letter-spacing: -0.025em; line-height: 1; margin-top: 1vw;}


.mc_box06 {width: 100%; padding: 5vw 0; background: #f8f8f8; margin-top: 8vw;}
.mc_box06 h2 {font-size: 4vw; color: #1b1b1b; font-weight: 500; letter-spacing: -0.025em; text-align: center;}
.mc_box06 ul {width: 100%; margin-top: 5vw;}
.mc_box06 ul li {float: left; width: 25%;}
.mc_box06 ul li .imgBox {width: 100%; text-align: center;}
.mc_box06 ul li .imgBox img {width: 13vw;}
.mc_box06 ul li .txtBox {width: 100%; margin-top: 2vw;}
.mc_box06 ul li .txtBox p {font-size: 3vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.055em; line-height: 1.4; text-align: center;}



footer {width: 100%; margin-top: 8vw;}

footer .f_box01 {position: relative; width: 100%;}
footer .f_box01 .f_img01 {position: relative; width: 100%;}
footer .f_box01 .txtBox {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; padding: 3vw 4.5% 0; text-align: center;}
footer .f_box01 .txtBox h2 {font-size: 4vw; color: #1b1b1b; font-weight: 500; letter-spacing: -0.025em;}
footer .f_box01 .txtBox strong {font-size: 5vw; color: #ff6100; font-weight: 500; letter-spacing: -0.025em; margin-top: 2vw;}
footer .f_box01 .txtBox p {font-size: 3.5vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.055em; margin-top: 1vw; font-family: "Noto Sans KR", sans-serif;}
footer .f_box01 .txtBox p font {color: #ff6100;}
footer .f_box01 .txtBox span {display: inline-block; font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em; margin-top: 1vw;}


footer .f_box02 {position: relative; width: 100%; padding: 7vw 0 5vw; background: #f8f8f8; margin-top: 6vw;}
footer .f_box02 .f_logo {font-size: 0; text-align: center;}
footer .f_box02 .f_logo img {width: 36.5vw;}

footer .f_box02 .f_menu {width: 100%; font-size: 0; text-align: center; margin-top: 4vw;}
footer .f_box02 .f_menu ul {display: inline-block;}
footer .f_box02 .f_menu ul li {float: left; padding: 0 4vw;}
footer .f_box02 .f_menu ul li div {font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em;}
footer .f_box02 .addr {width: 100%; font-size: 3vw; color: #555; font-weight: 400; letter-spacing: -0.055em; line-height: 1.6; text-align: center; margin-top: 3vw;}
footer .f_box02 .copyright {font-size: 3vw; color: #555; font-weight: 300; letter-spacing: -0.025em; text-align: center;; margin-top: 3vw;}
footer .f_box02 .copyright font {color: #6ca32c; font-weight: 400;}
footer .f_box02 .more_site {width: 100%; margin-top: 5vw;}
footer .f_box02 .more_site select {-ms-appearance: none; -o-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; padding: 1.5vw 2vw; background: #fff url('../img/common/selectBtn.png') center right 2vw no-repeat; background-size: 1.7vw auto; border: 1px solid #ccc; border-radius: 0; outline: none; font-size: 4vw; color: #1b1b1b; font-weight: 400; letter-spacing: -0.025em;}


footer .f_box03 {width: 100%; background: #333;}
footer .f_box03 ul {width: 100%; font-size: 0;}
footer .f_box03 ul li {position: relative; display: inline-block; width: 50%;}
footer .f_box03 ul li + li:before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 1px; height: 4vw; background: #fff;}
footer .f_box03 ul li div {padding: 2vw 0; font-size: 4vw; color: #fff; font-weight: 400; letter-spacing: -0.025em; text-align: center;}