@charset "utf-8";

/* 스킵네비 */
#skipNav {
    position: relative;
    z-index: 9999;
    text-align: center;
}

#skipNav a {
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    line-height: 30px;
    border: 1px solid #dedede;
    background-color: #000;
    color: #fff;
}

#skipNav a:focus,
#skipNav a:active {
    top: 0;
}


/* layout */
.header_wrap {
    background: #fff;
    transition: all 0.3s ease;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
}


.topwrap {
    border-bottom: 1px solid #ddd;
    height: 34px;
    line-height: 34px;
}

.util {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    text-align: right;
}

.util li {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.util li:first-child {
    padding-left: 0;
}

.util li:last-child:before {
    display: none;
}

.util li:before {
    display: block;
    position: absolute;
    top: 13px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #cecece;
}

.util li a {
    font-size: 13px;
    color: #666;
}

.util li:last-child {
    padding-right: 0;
}

.header_inner {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 2;
}

.header_inner h1 {
    position: absolute;
    left: 0px;
    top: 12px;
}

.header_inner h1 a {
    display: block;
    background: url(../img/main/sbj_logo.png) no-repeat 50% 50%;
    display: block;
    width: 254px;
    height: 60px;
    overflow: hidden;
    text-indent: -9999px;
    background-size: 100% auto;
    transition: all 0.3s ease;
}

.header_nav {
    float: left;
    margin: 0 0 0 90px;
}

.header_nav ul {
    height: 84px;
}

.header_nav ul li {
    display: inline-block;
    margin-right: 20px;
    margin-left: -4px;
}

.header_nav ul li:last-child {
    margin-right: 0px;
}

.header_nav ul li p {
    display: table;
}

.header_nav ul li a {
    display: table-cell;
    font-size: 15px;
    color: #222;
    height: 84px;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
}

.header_nav ul li a.on {
    color: #0059be;
    font-weight: bold;
}

.header_nav ul li a:after {
    content: '';
    display: block;
    position: absolute;
    clear: both;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #1a5dc4;
    transition: all 0.3s ease;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.header_nav ul li a:hover:after {
    width: 100%;
    left: 0;
}

.header_right_box {
    float: right;
    height: 84px;
}

.m_drop_bt {
    display: block;
    width: 64px;
    height: 84px;
    overflow: hidden;
    background: url(../img/main/nav_sitemap.png) no-repeat 50% 50%;
    text-indent: -9999px;
}

.top_right_box {
    position: absolute;
    right: 10px;
    top: 0;
}

.header_right_box {
    display: none;
}

.header_top {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.header_fix {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.header_fix .header_nav ul {
    height: 64px;
}

.header_fix .header_nav ul li a {
    height: 64px;
}

.header_fix .header_right_box {
    float: right;
    height: 64px;
}

.header_fix .m_drop_bt {
    width: 64px;
    height: 64px;
}

.header_fix .header_inner h1 a {
    width: 155px;
    height: 46px;
}

.header_fix #gnb li .nav_menu_a {
    line-height: 64px;
}

.header_fix #gnb .sub_menu {
    top: 64px;
}

.header_fix .gnb_bg {
    top: 98px
}


#gnb {
    z-index: 30;
    float: right;
}

/* 애로사항 대메뉴 6개 20260326*/
/*
#gnb li .nav_menu_a {
    display: inline-block;
    line-height: 88px;
    font-size: 18px;
    color: #000;
    transition: all 0.3s ease;
    text-align: center;
}
*/

#gnb li .nav_menu_a {
    display: inline-block;
    line-height: 24px;
    font-size: 18px;
    color: #000;
    transition: all 0.3s ease;
    text-align: center;
    padding: 20px 0 20px;
}

#gnb li .nav_menu_a.on {
    color: #000;
}

#gnb li .last_a {
    background: none;
}

.header:after,
.gnb:after,
.top_util:after,
.txt_box:after,
.top_util .txt_box:after,
.footer:after,
.f_util:after,
.mark_list:after {
    display: block;
    clear: both;
    content: " ";
}

#gnb .menu {
    display: inline-block;
    padding: 0px 35px;
    font-weight: 700;
    float: left;
}

#gnb .menu a:hover {
    color: #003e92;
}

/* 본문 */
#container {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-top: 122px;
}

.visual_wrap {
    background: url(../img/main/m_visual_bg.jpg) no-repeat 50% 0;
    background-attachment: fixed;
}

.m_v_inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0 60px 0;
}

.m_v_inner:after {
    clear: both;
}

.m_v_inner:after,
.m_v_inner:before {
    display: table;
    content: " ";
}

@media only screen and (max-width :750px) {

    .m_v_inner {
        padding: 40px 20px 20px 20px;
    }

    .header_inner h1 a {
        width: 210px;
    }

}



@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .row > * {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.section02_wrap {
    margin-bottom: 20px;
    margin-top: 30px;
}

.section02_inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}


/* 자주찾는 서비스 */
.section03_wrap {
    transition: all 0.3s ease;
    padding: 30px 0 20px 0;
}

.section03_inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.quickList_intro {
    position: absolute;
    top: 0;
    left: 0;
}

.quickList_title {
    font-size: 21px;
    line-height: 27px;
    letter-spacing: -0.03em;
    font-weight: 700;
}

.quickList_title span {
    display: block;
    color: #003e92;
}

/* 0624 기존 자주찾는 서비스 수정 */
.quickList {
    padding: 0 0 50px 0;
}

.quickList > ul {
    position: relative;
    padding-left: 0px; /* 0624 수정 */
    overflow: hidden;
}

.quickList > ul > li {
    position: relative;
    float: left;
    width: calc( 100% / 6); /* 0624 수정 */
    text-align: center;
}

.quickList > ul > li a {
    display: block;
    padding-top: 125px;
}

.quickList > ul > li a:before,
.quickList > ul > li a:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}

.quickList > ul > li a:before {
    top: 10px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #c6d6e4;
}

.quickList > ul > li a:hover:before {
    border-color: #437dea;
}

.quickList > ul > li a:after {
    top: 33px;
    width: 44px;
    height: 44px;
    background-image: url('../img/main/icon_quickList.png');
    background-repeat: no-repeat;
    transition-property: none;
}

/* 0624 수정 시작 */
.quickList > ul > li.n1 a:after {
    background-position: left top;
}

.quickList > ul > li.n2 a:after {
    background-position: left 51%;
}

.quickList > ul > li.n3 a:after {
    background-position: left 34%;
}

.quickList > ul > li.n4 a:after {
    background-position: left 100%;
}

.quickList > ul > li.n a:after {
    background-position: left 34%;
}

.quickList > ul > li.n5 a:after {
    background-position: left 67%;
}

.quickList > ul > li.n6 a:after {
    background-position: left 83%;
}

.quickList > ul > li.n7 > a:after {
    background-image: url(../img/main/icon_quickList_ico1.png);
    background-position: center;
    background-size: 42px;
}

.quickList > ul > li.n8 > a:after {
    background-image: url(../img/main/icon_quickList_ico2.png);
    background-position: center;
    background-size: 40px;
}
/* 0624 수정 끝*/

.quickList > ul > li a span {
    color: #000;
    font-size: 15px;
    font-weight: 300;
}


@media all and (max-width:1300px) {
    .quickList_intro {
        padding-top: 0px;
        padding-left: 30px;
    }

    .quickList_title span {
        display: inline-block;
    }

    .quickList > ul {
        position: relative;
        padding: 0px; /* 0624 수정 */
    }

}


@media all and (max-width:1000px) {

    .quickList > ul > li a {
        padding-top: 85px;
    }

    .quickList > ul > li a:before {
        width: 60px;
        height: 60px;
        border-radius: 20px;
    }

    .quickList > ul > li a:after {
        top: 23px;
        width: 34px;
        height: 34px;
        background-size: 34px auto;
    }

    .quickList > ul > li a span {
        font-size: 14px;
    }

}

@media all and (max-width:800px) {

    .quickList > ul > li {
        width: 25%;
    }

}

@media all and (max-width:640px) {

    .quickList > ul > li {
        width: 50%;
    }

    .quickList > ul > li a {
        padding-top: 70px;
        padding-bottom: 5px;
    }

    .quickList > ul > li a:before {
        width: 50px;
        height: 50px;
        border-radius: 10px;
    }

    .quickList > ul > li a:after {
        top: 20px;
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }

    .quickList > ul > li a span {
        font-size: 13px;
    }

}



.basic_item {
    position: relative;
    width: 100%;
    display: inline-block;
}

.basic_tag {
    position: absolute;
    top: 40px;
    right: 30px;
}

.basic_anchor {
    display: block;
    position: relative;
    padding: 30px;
    overflow: hidden;
    border-color: #fff;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #c6d6e4;
}

.basic_item .basic_tag {
    width: 37px;
    height: 10px;
    background-image: url('../img/main/arrow01.png');
    background-repeat: no-repeat;
    font-size: 0;
}

.basic_subject,
.basic_content {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
}

.basic_subject {
    max-height: 60px;
    color: #1a1a1a;
    font-size: 21px;
    font-weight: 700;
    line-height: 30px;
    -webkit-line-clamp: 2;
}

.basic_content {
    max-height: 66px;
    margin-top: 15px;
    color: #333;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    -webkit-line-clamp: 3;
}

.basic_anchor:hover {
    border-color: #437dea;
}

.basic_anchor:hover .basic_tag {
    background-image: url('../img/main/arrow01_on.png');
    background-repeat: no-repeat;
}

.basic_anchor:hover .basic_subject {
    color: #437dea;
}

@media all and (max-width:1280px) {

    .quickMenu {
        padding: 10px 0;
    }

}


/* 유용한링크 */
.banner_wrap {
    position: relative;
    padding-top: 20px;
}

.banner_wrap .title h2 {
    float: left;
    font-size: 21px;
    font-weight: 700;
}

.banner_wrap .title span {
    color: #003e92;
}

.banner_wrap .banner {
    float: right;
    overflow: hidden;
    padding: 5px 0;
}

.banner ul {
    position: relative;
}

.banner ul li {
    float: left;
}

/* 0624 수정 시작 */
.banner ul li a {
    display: block;
    padding: 0 30px;
    background: url('../img/main/icon_link.png') no-repeat right center;
}

.banner ul li:first-child a {
    padding-left: 0;
    padding-right: 30px;
}
/* 0624 수정 끝 */
@media all and (max-width:1280px) {

    .banner_wrap .title {
        width: 100%;
        padding-bottom: 8px;
    }

    .banner_wrap .title h2 {
        display: inline-block;
        float: none;
        vertical-align: top;
        padding-left: 10px;
    }

    .banner_wrap .title .btn {
        display: inline-block;
        float: none;
        padding: 5px 10px;
    }

    .banner_wrap .banner {
        width: 100%;
        margin: 0;
        padding: 20px 10px;
    }

    .banner ul li {
        padding-bottom: 20px;
        margin-right: 30px;
    }

    .banner ul li:last-child {
        margin-right: 0;
    }

    .banner ul li a {
        display: block;
        padding-left: 0;
    }

}

@media all and (max-width:640px) {
    .banner ul li {  /*0624 수정*/
        width: 40%;
    }
    
    .banner ul li:nth-child(2n) { /*0624 추가*/
        margin-right: 0;
    }
}


/* 공지사항 */
.board {
    float: left;
    position: relative;
    width: 100%;
    font-size: 0;
    line-height: 0;
    background: #fff;
}

.board h2 {
    font-size: 21px;
    color: #000;
    line-height: 150%;
    margin-bottom: 20px;
    letter-spacing: -1px;
    font-weight: 700;
}

.board .tab_list {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 240px;
}

.board .tab_item {
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: #dee1e6;
}

.board .tab_item:first-child {
    border-top-width: 0;
}

.board .tab_item.last {
    border-bottom-width: 1px;
}

.board .tab_item span {
    position: relative;
}

.board .tab_button {
    display: block;
    position: relative;
    padding-top: 17px;
    padding-bottom: 16px;
    padding-left: 20px;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
    font-weight: 700;
}

.board .tab_button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #019ba1;
}

.board .tab_button:hover {
    text-decoration: underline;
}

.board .tab_panel {
    display: none;
    width: 100%;
    padding-left: 270px;
}

.board .board_list {
    margin-left: -60px;
}

.board .board_item {
    display: inline-block;
    width: 33.33%;
    padding-left: 60px;
    vertical-align: top;
}

.board .board_depart {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 16px;
    border-radius: 15px;
    font-weight: 700;
}

.board .board_depart.type01 {
    background-color: #edf0ff;
    color: #39467f;
}

.board .board_new {
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #f67b66;
    font-size: 13px;
    line-height: 16px;
}

.board .board_subject {
    overflow: hidden;
    position: relative;
    height: 60px;
    margin-top: 9px;
    color: #292e42;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.05em;
}

.board .board_subject span:hover {}

.board .board_info {
    margin-top: 18px;
    padding-bottom: 18px;
    color: #7c7e89;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px dashed #cbcfd8;
}

.board .board_date {
    position: relative;
}

.board .board_date:before {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 15px;
}

.board .board_text {
    overflow: hidden;
    height: 50px;
    margin-top: 21px;
    color: #555;
    font-size: 15px;
    line-height: 25px;
}

.board .board_more {
    position: absolute;
    right: 0;
    top: 10px;
    ;
}

.board .board_more:before {
    display: block;
    background-image: url('../img/main/more_sprite.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}



/* 활성화 */
.board .tab_item.active .tab_button {
    color: #fff;
    text-decoration: none;
    background: #1c3298;
    border-color: #1c3298;
    border-radius: 10px;
}

.board .tab_item.active,
.board .tab_item.active + .tab_item {
    border-top-color: #fff;
}

.board .tab_item.last.active {
    border-bottom-color: #fff;
}

.board .tab_panel.active {
    display: block;
}

@media all and (max-width:1600px) {
    .board .board_item {
        width: 33.33%;
    }

    .board .board_item + .board_item + .board_item + .board_item {
        display: none;
    }

}

@media all and (max-width:1300px) {
    .board {
        margin-top: 20px;
    }

    .board .tab_button {
        padding-top: 15px;
        padding-bottom: 11px;
        font-size: 16px;
        line-height: 18px;
    }

    .board .tab_list {
        width: 180px;
    }

    .board .tab_panel {
        padding-left: 240px;
    }

    .board .board_subject {
        font-size: 20px;
        line-height: 27px;
    }
}

@media all and (max-width:1000px) {
    .board {
        clear: both;
        margin-top: 20px;
    }

    .board .tab_list {
        position: static;
        width: 100%;
        padding-right: 0px;
        border: 1px solid #bec3ce;
        border-radius: 10px;
        text-align: center;
    }

    .board .tab_item {
        display: inline-block;
        width: 25%;
        border-top-width: 0;
    }

    .board .tab_item.last {
        border-bottom-width: 0;
    }

    .board .tab_button {
        position: relative;
        font-size: 17px;
        line-height: 19px;
        padding-top: 18px;
        padding-bottom: 13px;
        padding-left: 0;
    }

    .board .tab_button:before {
        margin-top: -1px;
        margin-left: -1px;
        padding-bottom: 2px;
        padding-right: 1px;
    }

    .board .tab_button:after {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 25px;
        margin-top: auto;
        margin-bottom: auto;
        background-color: #bec3ce;
    }

    .board .tab_item:first-child .tab_button:after {
        display: none;
    }

    .board .tab_item.active .tab_button:after,
    .board .tab_item.active + .tab_item .tab_button:after {
        background-color: transparent;
    }

    .board .tab_panel {
        margin-top: 40px;
        padding-left: 0;
    }
}

@media all and (max-width:800px) {
    .board .tab_list {
        border-radius: 0px;
    }

    .board .tab_item {
        display: inline-block;
        width: 50%;
    }

    .board .tab_item:first-child,
    .board .tab_item:nth-child(2) {
        border-bottom: 1px solid #cbcfd8;
    }

    .board .tab_item:nth-child(2n+1) {
        border-right: 1px solid #cbcfd8;
    }

    .board .tab_button:after {
        display: none;
    }

    .board .tab_item.active .tab_button {
        border-radius: 0px;
    }
}

@media all and (max-width:640px) {
    .board .board_list {
        margin-left: 0;
    }

    .board .board_item {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .board .board_item + .board_item {
        padding-top: 20px;
        border-top: 1px dashed #cbcfd8;
    }

    .board .board_item .board_info {
        border-bottom: none;
    }

    .board .board_text {
        display: none;
    }

    .board .tab_button {
        padding-top: 13px;
        padding-bottom: 10px;
        font-size: 15px;
        line-height: 17px;
    }

    .board .tab_button:after {
        height: 18px;
    }

    .board .tab_list {
        padding-right: 0;
    }

    .board .tab_panel {
        margin-top: 25px;
    }

    .board .board_depart {
        font-size: 12px;
        line-height: 14px;
    }

    .board .board_new {
        font-size: 12px;
        line-height: 14px;
    }

    .board .board_subject {
        height: auto;
        margin-top: 10px;
        font-size: 16px;
        line-height: 18px;
    }

    .board .board_info {
        margin-top: 11px;
    }
}


/* footer */
.footer_wrap {
    background: #fff;
}

.footer_inner {
    width: 1280px;
    margin: 0 auto;
    padding: 20px 0;
}

.footer_link {
    background: #8c8c8c;
}

.linklist li {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.linklist li:first-child {
    padding-left: 0;
}

.linklist li:last-child:before {
    display: none;
}

.linklist li:before {
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #cecece;
}

.linklist li a {
    color: #fff;
}

/* 관련사이트 추가 */
select.r_site option {
    color: #000;
    background: #fff;
}

/* 프로그램설치 */
select.g_site option {
    color: #000;
    background: #fff;
}

.footer_inner {
    position: relative;
}

.footer_link .relate-site {
    position: absolute;
    top: 0px;
    right: 0;
}

.r_site {
    width: 200px;
    color: #fff;
    background: #8c8c8c;
    outline: none;
    padding: 18px 10px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    box-sizing: border-box;
    background: url('../img/main/menu_arrow04.png') right no-repeat;
    -webkit-appearance: none;
    border-top: none;
    border-bottom: none;
}

.g_site {
	color: #fff;
	padding: 0px 10px;
    background: #8c8c8c;
	-webkit-appearance: none;
	box-sizing: border-box;
	border: none;
	outline: none;
	}


/* 하단 정보 */
.footer_content {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer_content .logo {
    display: inline-block;
    vertical-align: top;
    padding-right: 70px;
}

.footer_content .logo_image {
    display: inline-block;
    vertical-align: top;
}

.footer_content .info {
    display: inline-block;
    color: #555;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top;
}

@media all and (max-width:1000px) {
    .footer_link {
        text-align: center;
        padding-bottom: 0;
    }

    .linklist li {
        font-size: 13px;
        line-height: 27px;
    }

    .linklist li:before {
        top: 10px;
        right: 0;
    }

    .footer_content .footer_content {
        margin-top: 20px;
    }

    .footer_content .logo img {
        height: 40px;
    }

    .footer_content .info {
        display: block;
        margin-top: 20px;
        margin-left: 0;
        font-size: 14px;
        line-height: 22px;
    }

    .footer_content .info_tel {
        display: block;
        margin-left: 0;
    }

    .footer_content .info_copyright {
        margin-top: 5px;
    }
}

@media all and (max-width:640px) {
    .footer_content .logo {
        display: block;
    }

    .footer_content .logo img {
        height: 30px;
    }

    .footer_content .info {
        display: block;
        margin-top: 20px;
        margin-left: 0;
        text-align: center;
        line-height: 20px;
    }

    .footer_content .info_text {
        margin-top: 10px;
        font-size: 12px;
        line-height: 18px;
    }
}


/* 하단 기관로고 */
.footer_content .org {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: linear;
}

.footer_content .org {
    position: absolute;
    top: 0;
    right: 0;
    transition-property: right;
}

.footer_content .org_image01 {
    width: 122px;
}

.footer_content .org_image02 {
    width: 148px;
}

@media all and (max-width:1000px) {
    .footer_content .org {
        top: 0;
    }

    .footer_content .org_image01 {
        width: 105px;
    }

    .footer_content .org_image02 {
        width: 105px;
    }
}

@media all and (max-width:640px) {
    .footer_content .org {}

    .footer_content .org_image01 {
        width: 95px;
    }

    .footer_content .org_image02 {
        width: 95px;
    }
}


/* 모바일 메뉴 */
.modal_box {
    position: fixed;
    display: none;
    background: #000;
    z-index: 999;
    top: 0;
    left: 0;
    right: -1000px;
    bottom: 0;
    opacity: 0;
}

.left_wrap_mobile {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    right: -1000px;
    opacity: 0;
    z-index: 99999;
    width: 340px;
    height: 100%;
    display: none;
    background: #333;
}

.right_nav_box {
    padding: 80px 0 0 0;
}

.right_nav_box h3 {
    font-size: 17px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #404040;
    padding: 0 0 10px 0px;
    height:40px;
    /*background: url(../img/main/menu_arrow04.png) no-repeat right 50%;*/
    background: url(../img/main/bu_5on.png) no-repeat 96% 50% #333333;
}


/* 김원희 추가 */  
/*** 2026.02.03 스타일 추가 수정 ***/
.right_nav_box ul li {
    background: #222;
}

.right_nav_box h3 em {padding-left: 10px;}

.right_nav_box ul li a {
    position: relative;
    padding: 10px 0px 10px 34px;
    display: block;
    font-weight: normal;
    color: #fff;
    border-bottom: 1px solid #3c64e2;
    background: #2652df;
}

.right_nav_box ul li a::before  {position: absolute; left: 24px; top: 18px; display: block; width: 3px; height: 1px; background: #fff;}
.right_nav_box ul li ul li a::before  {display: none;}

.right_nav_box ul li ul li a {
    background: #2e3241;
    font-size: 14px;
    padding-left: 34px;
    border-bottom: 1px solid #404040;
    text-align: left;
}
.right_nav_box ul li ul li ul li a:hover {background: #1e2437;}

/*** 2026.02.03 스타일 추가 ***/
.right_nav_box ul li a.nomal { background: #2652df;}
.right_nav_box ul li a.plus { background: url(../img/main/bu_4on.png) no-repeat 96% 50% #2652df;}
.right_nav_box ul li a.minus { background: url(../img/main/bu_4off.png) no-repeat 96% 50% #2652df;}
.right_nav_box ul li a.dp2go { background: url(../img/main/arrow01-on.png) no-repeat 96% 50% #2652df; background-size: 15px; }

.right_nav_box ul li ul li a.open {background: url(../img/main/bu_3on.png) no-repeat 94% 50% #2e3241;}
.right_nav_box ul li ul li a.close {background: url(../img/main/bu_3off.png) no-repeat 94% 50% #2e3241;}
.right_nav_box ul li ul li a.dp3go { background: url(../img/main/arrow01-on.png) no-repeat 96% 50% #2e3241; background-size: 15px; }

.right_nav_box h3.on {border-bottom: 0px solid #3c64e2; background: url(../img/main/bu_5off.png) no-repeat 96% 50% #07268c;}
.right_nav_box ul li ul li ul li a  {position: relative; background: #222; padding-left: 48px; border-bottom: 1px solid #333;}
.right_nav_box ul li ul li ul li a::before  {position: absolute; left: 38px; top: 18px; display: block; width: 3px; height: 1px; background: #fff;}

/*** 2026.02.03 스타일 추가 ***/

.right_nav_box ul li a span {
    display: block;
    padding: 4px 0 0 0;
    font-size: 16px;
}

/* 김원희 끝 */
.right_nav_box ul li a em {
    display: block;
    font-size: 16px;
    color: #ccc;
}

.right_nav_box ul li a:hover em {
    color: #fff;
}

.rn_close_bt {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    background: #363636 url(../img/main/rn_close_bt.png) no-repeat 50% 50%;
    border-radius: 17px;
    border: 1px solid #575757;
    z-index: 10;
}

.not_scroll {
    overflow: hidden;
}

.mobile-search {
    position: absolute;
    top: 25px;
    left: 20px;
    width: 90%;
}

.mobile-search span {
    font-size: 17px;
    color: #fff;
    display: block;
    padding: 0 10px 15px 25px;
    background-image: url(../img/sub/icon_search_bt02.png);
    background-repeat: no-repeat;
    background-position: left 5px;
}

@media all and (max-width :1280px) {
    .header_wrap {
        height: 122px;
    }

    .header_inner {
        width: auto;
    }

    .header_inner h1 {
        left: 15px
    }

    .header_nav {
        display: none;
    }

    .util {
        width: auto;
        padding: 0 20px;
    }

    .m_v_inner {
        width: auto;
        padding: 50px 20px 50px 20px;
    }

    .m_list_inner {
        width: auto;
        padding: 20px;
    }

    .section02_inner {
        width: auto;
        padding: 20px;
    }

    .section03_inner {
        width: auto;
        padding: 0 20px;
    }

    .list_title {
        display: none;
    }

    .list {
        padding-left: 0;
        padding-right: 20px;
    }

    .list a {
        width: 100%;
    }

    .list_date {
        margin-right: 3%;
    }

    .footer_inner {
        width: auto;
        padding: 20px;
        position: relative;
    }

    .footer_inner .relate-site {
        position: absolute;
        right: -100px;
        top: 0;
    }

    .r_site {
        width: 200px;
        color: #fff;
        padding-left: 0px;
        padding: 18px 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .visual_wrap {
        background-size: cover;
    }

    .header_right_box {
        display: block;
    }

    .left_wrap_mobile {
        display: block
    }

    .top_nav_wrap {
        display: none;
        position: relative;
    }

    .header_fix.header_wrap {
        height: 99px;
    }

    .top_right_box {
        right: 0;
    }

    .depth2 {
        display: none;
    }
}


/* 2021.04.23  관련사이트 수정 추가 */
@media all and (max-width :1000px) {
    .footer_inner {
        width: auto;
        padding: 20px;
        position: relative;
        padding-bottom: 65px;
    }

    .footer_inner .relate-site {
        top: 100%;
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .r_site {
        padding-left: 0px;
        padding: 10px 10px;
        position: absolute;
        bottom: 10px;
        border: 1px solid #cecece;
        font-size: 13px;
        transform: none;
        width: 90%;
        transform: translateX(-50%);
    }
}

.ticker {
    height: 60px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ticker li {
    height: 60px;
    padding: 0px;
    margin: 0px 0px;
}

.footer-strong {
    color: #ffdf4c !important;
    font-weight: 600;
}


/* 메인 비주얼 영역 추가 */
.visual-wrap {
    width: 100%;
    height: 700px;
}

.main-slider {
    position: relative;
}

.main-slider .item {
    width: 100%;
    height: 700px;
}

.main-slider .item > .background > div {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.main-slider .item > .txt-box {
    position: absolute;
    top: 35%;
    left: 100px;
    right: 100px;
    transform: translateY(-50%);
    text-align: left;
    color: white;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.main-slider .item > .txt-box span {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 40px;
}

.main-slider .item > .txt-box .title {
    font-size: 35px;
    font-weight: bold;
    display: block;
    margin-bottom: 50px;
}

.main-slider .item > .txt-box p.desc {
    display: block;
    font-size: 30px;
    padding: 6px 0px;
}

.main-slider .item > .txt-box p.desc-1 {
    margin-bottom: 40px;
}

.main-slider .item > .txt-box > .more {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0px;
    width: 300px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    transition: 0.5s;
    position: relative;
    height: 55px;
    background-position: center;
    cursor: pointer;
}

.main-slider .item > .txt-box-2 > .more {
    width: 320px;
}

.main-slider .item > .txt-box-3 > .more {
    width: 350px;
}

.main-slider .item > .txt-box > .more span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: .5s;
    display: block;
    width: 80%;
    font-size: 16px;
}

.main-slider .item > .txt-box > .more:hover {
    border: #f06000;
    text-align: left;
    background-color: #f06000;
}

.main-slider .item > .txt-box > .more:hover span {
    left: 45%;
}


.main-slider .item > .txt-box .more:hover {
    background-image: url(../img/main/arrow01-on.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

.main-slider > .owl-carousel.owl-theme > div.owl-dots {
    bottom: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.main-slider .owl-theme .owl-dots .owl-dot span {
    transition: width .3s;
    width: 15px;
    height: 15px;
}

.main-slider .owl-theme .owl-dots .owl-dot.active span {
    width: 40px;
    background-color: #f06000;
}

.main-slider > .custom-nav > div {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 3rem;
    padding: 30px 10px;
    cursor: pointer;
    color: white;
    background-color: rgba(255, 255, 255, 0.2);
}

.main-slider > .custom-nav > div:hover {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.4) 100%);
}

.main-slider > .custom-nav > div:last-child {
    left: auto;
    right: 0;
}

.main-slider .main-card {
    width: 600px;
    height: 500px;
    position: absolute;
    top: 45%;
    right: 16%;
    background: rgba(255, 255, 255, .75);
    z-index: 1;
    transform: translateY(-50%);
    padding: 0px 15px 15px 15px;
    border-radius: 10px;
}

.main-slider .main-card .card-tab {
    border-bottom: 1px solid #ccc;
}

.main-slider .main-card .card-tab ul::after {
    clear: both;
    content: '';
    display: block;
}

.main-slider .main-card .card-tab ul li {
    width: 33.333%;
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 18px;
    padding: 20px 0px;
    cursor: pointer;
    position: relative;
    font-weight: 700;
}

.main-slider .main-card .card-tab ul li:hover {
    color: #003e92;
}

.main-slider .main-card .card-tab ul li::after {
    width: 0%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: '';
    height: 2px;
    background: #003e92;
    display: block;
    bottom: 0;
    transition: 0.4s;
}


.main-slider .main-card .card-tab ul li:hover::after {
    width: 100%;
}


.main-slider .main-card .card-tab ul li.current {
    color: #003e92;
}

.main-slider .main-card .card-tab ul li.current::after {
    width: 100%;
}

.main-slider .main-card .card-content {
    display: none;
}

.main-slider .main-card .card-content.current {
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
}

.main-slider .main-card .board-tab li {
    padding: 17px 0px;
    cursor: pointer;
    border-bottom: 1px dashed #ccc;
}

.main-slider .main-card .board-tab li:last-child {
    border: none;
}

.main-slider .main-card .board-tab li p {
    font-size: 16px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-slider .main-card .board-tab li span.date {
    color: #555;
}

.main-slider .main-card .card-content .con-wrap {
    padding: 10px 0px;
}

.main-slider .main-card .card-content .con-wrap .img-box {
    border: 1px solid #ccc;
    width: 35%;
    height: 110px;
    display: inline-block;
    overflow: hidden;
}

.main-slider .main-card .card-content .con-wrap .img-box div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.main-slider .main-card .card-content .con-wrap .img-box div:hover {
    transform: scale(1.2);
}

.main-slider .main-card .card-content .con-wrap .txt-box {
    display: inline-block;
    width: 60%;
    float: right;
}

.main-slider .main-card .card-content .con-wrap .txt-box h4 {
    font-size: 18px;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-slider .main-card .card-content .con-wrap .txt-box span.date {
    margin-right: 10px;
    padding-right: 10px;
    /* border-right: 1px solid #ccc; */
}

.main-slider .main-card .media-tab span.date {
    border-right: none !important;
}

.main-slider .main-card .card-content .con-wrap .txt-box span.date,
.main-slider .main-card .sub-content .con-wrap .txt-box .view {
    color: #555;
    font-size: 14px;
}

.main-info {
    width: 100%;
    height: 150px;
    margin-bottom: 30px;
}

.main-info ul::after {
    clear: both;
    display: block;
    content: '';
}

/* 0624 공지사항 위 박스 수정 */
.main-info ul li {
    margin-right: 2%;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 15px;
    height: 150px;
    width: calc(92% / 5);
    /* 0624수정 */
    padding: 15px;
    cursor: pointer;
}

.main-info ul li:last-child {
    margin-right: 0;
}

.main-info ul li {
    font-size: 18px;
    color: #333;
    margin-top: 5px;
    display: inline-block;
    font-weight: 700;
}

.main-info ul li span {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
}

/* 0624수정 시작 */
.main-info ul li:first-child {
    background: url(../img/main/bg_m01.gif) no-repeat 95% 50%;
    background-size: 80px;
}

.main-info ul li:nth-child(2) {
    background: url(../img/main/bg_m02.gif) no-repeat 95% 50%;
    background-size: 80px;
}

.main-info ul li:nth-child(3) {
    background: url(../img/main/bg_m03.gif) no-repeat 95% 50%;
    background-size: 80px;
}

.main-info ul li:nth-child(4) {
    background: url(../img/main/bg_m04.gif) no-repeat 95% 50%;
    background-size: 80px;
}

.main-info ul li.rnd {
    background: #437dea url(../img/main/rnd_bg.png) no-repeat;
    background-position: 95% 60%;
    background-size: 55px;
}

.main-info ul li.rnd p:first-child {
    color: #fff;
    font-size: 18px;
    margin-top: 25px;
}

.main-info ul li.rnd p.itech-link {
    margin-top: 20px;
}

.main-info ul li.rnd:hover a {
    color: #fff !important;
}

.main-info ul li.rnd a {
    color: #fff;
    font-size: 14px;
}

.main-info:first-child span {
    color: #777777;
}

.main-info ul li:nth-child(1) span {
    color: #36a49d;
}

.main-info ul li:nth-child(2) span {
    color: #2187f3;
}

.main-info ul li:nth-child(3) span {
    color: #842bd1;
}

.main-info ul li:nth-child(4) span {
    color: #1c3298;
}

@media (max-width: 1000px) {
    .main-info ul li {
        margin-right: 0%;
        float: none;
        border-radius: 15px;
        height: 150px;
        width: 100%;
        margin-bottom: 15px;
    }

    .main-info ul li:last-child {
        margin-right: 0;
    }

    .main-info {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .util li.del {
        display: none;
    }
}

/* 0624수정 끝 */

.main-info ul li:hover {
    border-color: #437dea;
}

.main-info ul li:hover a {
    color: #437dea !important;
}


@media (max-width: 800px) {
    /* 공지사항위 박스 반응형 기존 반응형
    .main-info ul li {
        margin-right: 0%;
        float: none;
        border-radius: 15px;
        height: 150px;
        width: 100%;
        margin-bottom: 15px;
    }

    .main-info ul li:last-child {
        margin-right: 0;
    }

    .main-info {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    */
    .util li.del {
        display: none;
    }
}


/* 메인 슬라이더 반응형 */
@media (max-width: 1540px) {
    .visual-wrap {
        width: 100%;
        height: 1050px;
    }

    .main-slider .item {
        width: 100%;
        height: 1050px;
        border: 1px solid #fff;
        border-color: transparent;
    }

    .main-slider .item > .txt-box {
        position: static;
        transform: translateY(0);
        width: 95%;
        margin: 0 auto;
        margin-top: 50px;
    }

    .main-slider .item > .txt-box p {
        font-size: 23px;
        text-align: center;
        display: inline-block;

    }

    .main-slider .item > .txt-box .title {
        font-size: 30px;
        text-align: center;
    }

    .main-slider .item > .txt-box > .more {
        left: 50%;
        transform: translateX(-50%);
    }

    .main-slider .main-card {
        width: 95%;
        top: 40%;
        right: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .main-slider .main-card .sub-tab ul li {
        font-size: 15px;
        padding: 20px 0px;
        height: 70px;
    }
}

@media (max-width: 480px) {
    .main-slider .main-card {
        top: 45%;
    }

    .main-slider > .owl-carousel.owl-theme > div.owl-dots {
        bottom: 20px;
    }

}



/* 메인 애니메이션 */
.section02_wrap {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10%);
    transition: 1s;

}

.section02_wrap.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.section03_wrap {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10%);
    transition: 1.5s;

}

.section03_wrap.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.main-card {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s;
}

.main-card.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 1s;
}

.visual-wrap .item .background {
    overflow: hidden;
}

.visual-wrap.active .txt-box {
    opacity: 1;
    visibility: visible;
}

.visual-wrap .txt-box .desc {
    display: inline-block;
    transform: translateX(-50%);
    opacity: 0;
    transition: transform .8s, opacity .8s;
}

.visual-wrap.active .txt-box .desc {
    display: inline-block;
    transform: translateX(0%);
    opacity: 1;
    transition: transform .8s, opacity .8s;
}

.visual-wrap .txt-box .desc-1 {
    transform: translateX(-50%);
    opacity: 0;
    transition: transform .8s .3s, opacity .8s .3s;
}

.visual-wrap.active .txt-box .desc-1 {
    transform: translateX(0%);
    opacity: 1;
    transition: transform .8s .3s, opacity .8s .3s;
}

.visual-wrap .txt-box h2 {
    transform: translateX(-50%);
    opacity: 0;
    transition: transform .8s .6s, opacity .8s .6s;
}

.visual-wrap.active .txt-box h2 {
    transform: translateX(0%);
    opacity: 1;
    transition: transform .8s .6s, opacity .8s .6s;
}


/* 메인 2뎁스 메뉴 시작 */
/*
#gnb li {
    position: relative;
}

#gnb li::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    transition: .4s;
    height: 2px;
    background: #003e92;
    left: 50%;
}

#gnb li.on::after {
    width: 100%;
}

#gnb li.on a {
    color: #003e92 !important;
}

.header_wrap .depth2 {
    width: 100%;
    position: absolute;
    height: 0px;
    background: #fff;
    top: 122px;
    z-index: 2;
    overflow: hidden;
    transition: .3s;
    background-image: url(../img/main/sub_bg_2.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    border-top: 1px solid #ddd;

}

.header_wrap .depth2.active {
    height: 600px;
    overflow: visible;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 15%);
}

.depth2 ul {
    width: 1280px;
    margin: 0 auto;
}

.depth2 ul::after {
    clear: both;
    content: '';
    display: block;
}

.depth2 > ul > li {
    float: left;
    width: 20%;
    height: 0;
    opacity: 0;
    transition: opacity .3s, height .3s;
    border-right: 1px solid #dddddd;
    padding: 0px 20px;
}

.depth2 > ul > li:last-child {
    border: none;
}

.depth2.active > ul > li {
    height: 600px;
    overflow: visible;
    opacity: 1;
    overflow: hidden;
}

.depth-wrap {
    width: 100%;
    margin-top: 20px;
}

.depth-wrap > ul > li {
    padding: 10px 0px;
    width: 20%;
}

.depth-wrap > ul > li > a {
    font-size: 16px;
    color: #2f3538;
    margin-bottom: 5px;
}

.depth-wrap > ul ul li > a {
    position: relative;
    margin-left: 15px;
    padding: 3px 0px;
    color: #7f7f7f;
    transition: none;
    box-sizing: border-box;
}

.depth-wrap > ul ul li > a::before {
    content: '';
    position: absolute;
    left: -10px;
    ;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #7f7f7f;
    display: block;
}

.depth-wrap > ul > li > a:hover {
    color: #003e92;
}

.depth-wrap > ul ul li > a:hover {
    color: #003e92;
}

.depth-wrap > ul ul li > a::after {
    width: 0;
    height: 1px;
    background-color: #7f7f7f;
    content: '';
    clear: both;
    display: block;
    position: absolute;
    bottom: 0;
    transition: width 0.3s;
}

.depth-wrap > ul ul li > a:hover::after {
    width: 100%;
}

.ml5 {
    display: inline-block;
    margin-left: 5px;
}

.img-depth {
    overflow: hidden;
}


.img-depth ul > li {
    position: relative;
    display: block;
    width: 16%;
    padding: 20px 0px;
    padding-left: 50px;
}

.img-depth ul > li {
    padding-top: 0;
    padding-bottom: 20px;
}

.img-depth ul > li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    background-image: url(../img/main/2depth-ico-01.png);
    width: 38px;
    height: 38px;
    background-size: cover;
    background-position: center;
}

.img-depth ul > li:nth-child(2)::before {
    background-image: url(../img/main/2depth-ico-02.png);
}

.img-depth ul > li:last-child::before {
    background-image: url(../img/main/2depth-ico-03.png);
}

.img-depth ul > li > a {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}

.img-depth ul > li > a:hover {
    color: #003e92;
}

.depth-wrap .tech-bs li:first-child {
    border-bottom: 1px solid #dddddd;
}

.depth-wrap .tech-bs span {
    font-size: 16px;
    color: #2f3538;
    margin-bottom: 5px;
}

.depth-wrap .tech-bs li {
    width: 13.3%;
}

.depth-wrap .tech-bs span:hover {
    color: #003e92;
}

.depth-wrap .tech-bs p {
    word-break: keep-all;
    width: 95%;
    margin-bottom: 30px;
    color: #7f7f7f;
    font-size: 14px;
}

.depth-wrap .tech-bs .img-box {
    float: right;
    margin-right: 20px;
}


#gnb li:last-child img {
    width: 20px;
    margin-right: 10px;
}

.depth2 {
    overflow-y: hidden;
}

.depthbg {
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: -1;
}
*/
.section03_wrap .basic_item a.rnd {
    background: #437dea url(../img/main/rnd_bg.png) no-repeat;
    background-position: 88% 60%;
    background-size: 70px;
    height: 151px;
}

.rnd .basic_subject {
    color: #fff;
}

.rnd .basic_tag {
    background-image: none;
    background-repeat: no-repeat;
}

.rnd .basic_content {
    color: #fff;
}

.rnd:hover .basic_subject {
    color: #fff;
}

.rnd:hover .basic_tag {
    background-image: none;
}

/* 20260202 - Top 메뉴 수정으로 사용안함 처리
.depth2 ul li:hover {
    background: #efefef;
}
*/

/* 새로운 메뉴 시작 */
/* 20260202 - Top 메뉴 수정으로 사용안함 처리
.header_wrap .gnb::before {
    content: '';
    position: absolute;
    width: 300%;
    height: 0px;
    background: #fff;
    display: block;
    clear: both;
    border-top: 1px solid #ddd;
    top: 88px;
    margin-left: -100%;
    transition: height .4s;
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 15%);
}
*/
.header_wrap .gnb:hover::before {
    height: 580px;
    border-bottom: 1px solid #ddd;
}

#gnb {
    width: 80%;
    float: right;
}

.gnb-sub-wrap {
    height: 500px;
    opacity: 0;
    overflow: hidden;
    transition: height .3s, opacity .5s;
    padding: 0px 7px;

 
}

/** 2026.02.03  상단 메뉴 스타일 추가 **/

.gnb_sub_menu {
    position: absolute;
    top:88px;
    border: 0px solid #333;
    width: 300%;
    margin-left: -100%;
    background: #fff;
    padding-bottom: 20px;
    transition: height .4s;
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 15%); 
    border-top: 1px solid #ddd;
    
}

.gnb_sub_con {
    width: 1280px;
    margin: 0 auto;
    border: 0px solid #333;
}

.gnb_box {display: flex; justify-content: space-between;}
.gnb_box .title {width: 200px; border-left: 0px solid #efefef;}
.gnb_box .title p {font-weight: 600; color: #000; font-size: 1.75rem; margin-top: 20px; text-align: left; line-height: 36px;}
.gnb_box .title span {display: block; margin-top: 10px; color: #777; text-align:left; line-height: 20px;}
.gnb_box .gnb-depth {width:1080px;  margin-left: 30px;  margin-top: 20px;}
.gnb_box .gnb-depth .depth2 {display: flex; flex-wrap: wrap; gap: 1.5rem;}
.gnb_box .gnb-depth .depth2 li {width: 30%;}
.gnb_box .gnb-depth .depth2 li .hig100 {min-height:100px;}
.gnb_box .gnb-depth .depth2 li .hig160 {min-height:160px;}
.gnb_box .gnb-depth .depth2 li .hig250 {min-height:260px;}

.gnb_box .gnb-depth .depth2 li .menu {position: relative;  display: block; width: 100%; border: 1px solid #efefef; border-radius: 5px; padding: 20px; } 
.gnb_box .gnb-depth .depth2 li .menu:hover {border: 1px solid #9a9a9a;  box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 3%);  }
.gnb_box .gnb-depth .depth2 li .menu h4 {font-weight: 600; font-size: 16px; color: #000; text-align: left;}
.gnb_box .gnb-depth .depth2 li .menu h4 em {display: inline-block; width: 40px; height: 40px; border-radius: 50%; vertical-align: middle; margin-right: 3px;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico1-1 {background:url(../img/main_new/gnb_img1.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico1-2 {background:url(../img/main_new/gnb_img2.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico1-3 {background:url(../img/main_new/gnb_img3.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico1-4 {background:url(../img/main_new/gnb_img4.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico2-1 {background:url(../img/main_new/gnb_img21.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico2-2 {background:url(../img/main_new/gnb_img22.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico3-1 {background:url(../img/main_new/gnb_img31.svg) no-repeat  center center / 1.8rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico3-2 {background:url(../img/main_new/gnb_img32.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico3-3 {background:url(../img/main_new/gnb_img33.svg) no-repeat  center center / 1.5rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico3-4 {background:url(../img/main_new/gnb_img34.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico4-1 {background:url(../img/main_new/gnb_img41.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico4-2 {background:url(../img/main_new/gnb_img42.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico5-1 {background:url(../img/main_new/gnb_img55.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico5-2 {background:url(../img/main_new/gnb_img52.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico5-3 {background:url(../img/main_new/gnb_img53.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico5-4 {background:url(../img/main_new/gnb_img54.svg) no-repeat  center center / 1.7rem #efefef;}
.gnb_box .gnb-depth .depth2 li .menu h4 .ico5-5 {background:url(../img/main_new/gnb_img51.svg) no-repeat  center center / 1.7rem #efefef;}

.gnb_box .gnb-depth .depth2 li .menu .close {position: absolute; right: 15px; top:10px; display: block; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #efefef; font-size: 0px; background:url(../img/main/bu_2off.png) no-repeat  center 8px;}
.gnb_box .gnb-depth .depth2 li .menu .close:hover {border: 1px solid #aaa;} 
.gnb_box .gnb-depth .depth2 li .menu .open {position: absolute; right: 15px; top:10px; display: block; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #efefef; font-size: 0px; background:url(../img/main/bu_2on.png) no-repeat  center 12px;}
.gnb_box .gnb-depth .depth2 li .depth3 {margin-top: 10px;}
.gnb_box .gnb-depth .depth2 li .depth3 li {display: block;  margin-top: 5px;  width: 100%; text-align: left; color: #555;}
.gnb_box .gnb-depth .depth2 li .depth3 li .link {display: inline-block; background:url(../img/main/bu_1.png) no-repeat  left center; padding-left: 22px;  height: 20px;}
.gnb_box .gnb-depth .depth2 li .depth3 li .link:hover {text-decoration: dashed; color: #000; font-weight: 600; background:url(../img/main/bu_1on.png) no-repeat;}
.gnb_box .gnb-depth .depth2 li .depth3 li .link_on {color: #000; font-weight: 600;  background:url(../img/main/bu_1on.png) no-repeat left top;  padding-left: 22px;  height: 20px;}
.gnb_box .gnb-depth .depth2 li .depth3 li .logos {display: inline-block; vertical-align: middle; width: 40px; height: 20px;  font-size: 0px; margin-left: 5px;}
.gnb_box .gnb-depth .depth2 li .depth3 li .keit {background:url(../img/main/keit_logo_small.svg) no-repeat center left / 1.8rem ;}
.gnb_box .gnb-depth .depth2 li .depth3 li .kotra {background:url(../img/main/kotra_logo_small.svg) no-repeat center left / 2rem;}
.gnb_box .gnb-depth .depth2 li .depth3 li .kitia {background:url(../img/main/kitia_logo_small.svg) no-repeat center left / 2rem;}
.gnb_box .gnb-depth .depth2 li .depth3 li .kiat {background:url(../img/main/kiat_logo_small.svg) no-repeat center left / 2rem;}
.gnb_box .gnb-depth .depth2 li .depth3 li .depth4 {margin-bottom: 10px;}
.gnb_box .gnb-depth .depth2 li .depth3 li .depth4 li {display: block; padding-left: 20px;}
.gnb_box .gnb-depth .depth2 li .depth3 li .depth4 li a {position: relative; color: #777; padding-left:7px; font-size: 13px;}
.gnb_box .gnb-depth .depth2 li .depth3 li .depth4 li a::before {position: absolute; left: 0px; top: 7px; display: block; width: 3px; height: 2px; background: #555;}
.gnb_box .gnb-depth .depth2 li .depth3 li .depth4 li a:hover, .gnb_box .gnb-depth .depth2 li .depth3 li .depth4 li .on {color: #0a48bc;}

/** 2026.02.03  상단 메뉴 스타일 추가 **/

#gnb:hover .gnb-sub-wrap {
    height: 580px;
    overflow: visible;
    opacity: 1;
    border-right: 1px solid #ddd !important;
}

/* 20260202 - Top 메뉴 수정으로 사용안함 처리
.gnb-sub-wrap:hover {
    background: #efefef;
}
*/

#gnb:hover .gnb-sub-wrap:last-child {
    border-right: none;
}

/* 애로사항 대메뉴 6개 20260326*/
/*
#gnb .menu {
    display: inline-block;
    padding: 0px;
    font-weight: 700;
    float: left;
    width: 20%;
*/

#gnb .menu {
    display: inline-block;
    padding: 0px;
    font-weight: 700;
    float: left;
    width: calc(100% / 6);
    position: relative;

}

    position: relative;

}

#gnb ul ul {
    display: none;
    width: 100%;
    text-align: left;
}

#gnb:hover ul ul {
    display: block;
}

#gnb ul li {
    display: block;
}

#gnb ul ul li {
    display: block;
    padding: 15px 0 0 0;
    padding-left: 5px;
    font-size: 15px;
}

#gnb ul ul li a {
    color: #333;
    font-weight: 600;
}

#gnb .depth3 li {
    padding: 5px 0px;
    position: relative;
}

#gnb .depth3 li::before {
    width: 3px;
    height: 3px;
    background: #666;
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    left: 0px;
}

#gnb .depth3 li a {
    font-size: 15px;
    color: #666666 !important;
    margin-left: 10px;
    position: relative;
    font-weight: 300;
}

#gnb .depth3 li a::after {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background: #666;
    left: 0;
    display: block;
    transition: width .4s;
}

#gnb .depth3 li a:hover::after {
    width: 100%;
}

#gnb .depth3 li a:hover {
    color: #003e9e !important;
}

#gnb .depth3 li a:hover {
    color: #003e92;
}

#gnb .child {
    margin-bottom: 5px;
}


.img-depth ul > li {
    position: relative;
    display: block;
    padding: 20px 0px;
    margin-left: 10px;
}

.img-depth ul > li {
    padding-top: 0;
    padding-bottom: 20px;
}

.img-depth ul > li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    background-image: url(../img/main/2depth-ico-01.png);
    width: 38px;
    height: 38px;
    background-size: cover;
    background-position: center;
}

.img-depth ul > li:nth-child(2)::before {
    background-image: url(../img/main/2depth-ico-02.png);
}

.img-depth ul > li:last-child::before {
    background-image: url(../img/main/2depth-ico-03.png);
}

.img-depth ul > li > a {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 50px;
}

.img-depth ul > li > a:hover {
    color: #003e92;
}

#gnb > li {
    position: relative;
}

#gnb > li::after {
    content: '';
    display: block;
    position: absolute;
    top: 88px;
    transform: translateX(-50%);
    width: 0;
    transition: .4s;
    height: 2px;
    background: #003e92;
    left: 50%;
}

#gnb > li.on::after {
    width: 100%;
}



/* 관리자용 버튼 수정 - 2025-01-17 추가 - Start */

.body .title-area {
    margin-top: 10px;
}

.body .title-area ul li span {
    font-family: 'Nanum Gothic';
    font-weight: 700;
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.cell {
    float: left;
    box-sizing: border-box;
}

.cell-right {
    float: right;
    box-sizing: border-box;
}

.row::after {
    content: "";
    display: block;
    clear: both;
}

.detail-btn1 {
    padding: 8px 15px;
    background-color: #004b8f;
    border-radius: 5px;
    margin:5px 2px;
}

.detail-btn2 {
    padding: 8px 15px;
    background-color: #3f444c;
    border-radius: 5px;
    margin:5px 2px;
}

.detail-btn3 {
    padding: 8px 15px;
    background-color: #00346c;
    border-radius: 5px;
    margin:5px 2px;
    color: #fff;
}

.detail-btn3_excel {
    padding: 8px 15px;
    background-color: #7c7c7c;
    border-radius: 5px;
    margin:5px 5px;
    color: #fff;
}

.detail-btn1 a {
    color: #fff;
}

.detail-btn2 a {
    color: #fff;
}

.detail-btn3 a {
    color: #fff;
}

.detail-btn3_excel a {
    color: #fff;
}
/* 관리자용 버튼 수정 - 2025-01-17 추가 - End */