/*!
 * style css v0.0.1
 * Copyright 2023.01
 * Writer 김준엽
 * UPDATE
 *
 * Writer 		Date 			Desc
 * -------------------------------------------
 *
 *
 */

@charset "UTF-8";

/* inner */
.inner{width:1400px;margin:0 auto;}

/* header */
header{/*padding:28px 0;*/position:fixed;width: 100%;background: #fff;z-index: 10;box-sizing: border-box;}
header::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:8px;background:url(/images/new/group/header_bg.png) no-repeat;background-size:cover;}
header .inner{display:flex;align-items:center;justify-content:space-between;width:1400px;box-sizing: border-box;}
header .logo{height:52px;}
header nav{display:flex;justify-content:space-between;}
header nav > ul{display:flex;}
header nav ul li{}
header nav ul li.active > a{color:#4569b2}
header nav > ul > li > a{font-size:21px;color:#111; padding: 40px 35px 38px; font-family: 'GM'; display: block;}
header nav > ul > li > a:visited{color:#111;}

header .util ul{display:flex;gap:35px;}
header .util ul > li:nth-child(4){display: none;}

header .inner .util .allmenu {position: relative;display: inline-block;width: 15px;height: 15px;left: -20px;top: 1px;}
header .inner .util .allmenu span{position: absolute;width: 15px;height: 2px;background: #555;}
header .inner .util .allmenu span:nth-of-type(1) {top: 0;}
header .inner .util .allmenu span:nth-of-type(2) {top: 5px;}
header .inner .util .allmenu span:nth-of-type(3) {top: 10px;}

header .inner .util .allmenu_open{display:none;}

header ul li .lnb_sub {display:none; position: absolute; left: 0px; top: 100px; height: auto; width: 100%; clear: both; background: #fff; border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;z-index: 999;box-shadow: 0 20px 20px -10px;}
header ul li .lnb_sub:before {content: '';display: block;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;transform: translateX(-100%);border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
header ul li .lnb_sub:after {content: '';display: block;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;right: 0;transform: translateX(100%);border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
header ul li .lnb_sub > div {display: none;}
header ul li .lnb_sub > div > p {display: none;}
header ul li .lnb_sub > div > span {display: none;}
header ul li .lnb_sub > ul {display: flex;flex-wrap: wrap;width: 1400px;margin: 0 auto;clear: both;padding: 10px 20px 15px 20px;box-sizing: border-box;border: 1px solid #e3e3e3;border-top:0;}
header ul li .lnb_sub > ul > li {float: left;padding: 20px 8.5px;height: auto;padding-top: 10px;width: 20%;box-sizing: border-box;}
/*header ul li .lnb_sub > ul > li.link > a{background: url(/images/new/web/header/gnb_link_icon.png) no-repeat right 75px center / 15px 15px;}*/
header ul li .lnb_sub > ul > li > a{display: block;position: relative;width: 100%;transition: color 0.25s 0.0833333333s;background: #f3f3f30f;border: 1px solid #acacac;border-radius: 5px;padding: 10px 20px;text-align: center;box-sizing: border-box;font-weight: 600;}
header ul li .lnb_sub > ul > li > a:focus {outline: 1px dotted #4569b2;}
header ul li .lnb_sub > ul > li > a::before, header ul li .lnb_sub > ul > li > a::after {border: 0 solid transparent;box-sizing: border-box;content: "";pointer-events: none;position: absolute;width: 0;height: 0;bottom: -1px;right: -1px;}
header ul li .lnb_sub > ul > li:hover > a {color: #4569b2;}
header ul li .lnb_sub > ul > li:hover > a::before, header ul li .lnb_sub > ul > li:hover > a::after {border-color: #4569b2;transition: border-color 0s, width 0.25s, height 0.25s;width: calc(100% + 2px);height: calc(100% + 2px);border-radius: 5px;}
header ul li .lnb_sub > ul > li:hover > a::before {transition-delay: 0s, 0s, 0.25s;}
header ul li .lnb_sub > ul > li:hover > a::after {transition-delay: 0s, 0.25s, 0s;}
header ul li .lnb_sub > ul > li > ul {padding-top: 10px; }
header ul li .lnb_sub > ul > li > ul > li{position:relative;float: none; padding:0 0 0 15px; }
header ul li .lnb_sub > ul > li > ul > li:before{content: '';display: inline-block;position: absolute;width: 4px;height: 4px;border-radius: 50%;left:5px;top: 16px;background: #555;}
header ul li .lnb_sub > ul > li > ul > li:hover:before{background: #4569b2;}
header ul li .lnb_sub > ul > li > ul > li > a{display:inline-block;position: relative; padding-top: 10px; font-size: 14px; font-weight: 500; line-height: 125%;}
header ul li .lnb_sub > ul > li > ul > li:hover > a{color:#4569b2;}
header ul li .lnb_sub > ul > li > ul > li > a:after{content: ""; position: absolute; left: 0; font-size: 11px; top: 13px;}
header ul li .lnb_sub > ul > li > ul > li > ul {display: none;}
header ul li .lnb_sub > ul > li > ul > li > ul > li {float: none; padding: 0px;}
header ul li .lnb_sub > ul > li > ul > li > ul > li > a {font-size: 11px; font-weight: 500;}
/* 모바일 메뉴 */
#naviMenu{display: none;}

/* footer */
footer{font-family:'NanumBarunGothic', sans-serif;}
footer .inner{width:1400px;margin:0 auto;}
footer .company{padding:48px 0 56px;background:#2a384a;box-sizing: border-box;}
footer .company .util{display:flex;padding-bottom:35px;}
footer .company .util > li{display:inline-block;position:relative;color:#777;}
footer .company .util > li + li{margin-left:17px;padding-left:19px}
footer .company .util > li + li::after{display:block;content:"";position:absolute;top:69%;left:0;width:3px;height:3px;margin-top:-6px;background-color:#a2a7ac;border-radius:50%;}
footer .company .util li a{color:#fff;font-size:17px;}
footer .company .inner .util .on a{color: #ff7474;}
footer .company .address li {font-size:15px;color:#aaaeb3;}
footer .company .address .copyright{padding-top:8px;}

/* footer > 유관기관 링크 */
#link_site {width: 100%; background:#1f2b3a; position:relative; z-index:80;}
#link_site .linkArea {margin: 0 auto; width:1400px;}
#link_site .linkArea .select_site {display:inline-block; vertical-align:top;}
#link_site .linkArea .select_site:after {display:block; content:''; clear:both;}
#link_site .linkArea .select_site .site {float:left; margin:0 -1px 0 0;}
#link_site .linkArea .select_site .site .open_select span {width:440px; text-align:left; font-size:13px;}
#link_site .linkArea .select_site .site .open_select span.w362 {width:437px;}
#link_site .linkArea .select_site .site:hover {background-color:#fff;}
#link_site .linkArea .select_site .open_select {cursor: pointer;height:60px;line-height:30px; background:#1f2b3a; z-index:10 !important;}
#link_site2 {display:none}
.select_site .site {position:relative;}
.select_site .site > button{margin:0;}
.select_site .site .box_select {overflow:hidden; position:absolute; left:0; bottom:100%; width:391px; height:0; z-index:9 !important;}
.select_site .site .box_select.type_2 {overflow:visible; top:-193px;}
.select_site .site .box_select.type_3 {overflow:visible; top:-308px;}

.select_site .site .box_select .box_unit {position:relative;  background-color:#fff; text-align:left;width:468px;}
.select_site .site .box_select .box_unit.type_2 {width:466px;}
.select_site .site .box_select .box_unit.type_2 .box_group {float:left; width:190px;}

.select_site .site .box_select.type_1 {left:0px; top:-357px; width:1000px; overflow:visible;}
.select_site .site .box_select .box_unit:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.select_site .site .box_select .box_unit.type_1 {width: 1400px;}
.select_site .site .box_select .box_unit.type_1 .box_group li {float:left;width: 275px;}

.select_site .site .box_select a {display:block; font-size:11px; line-height:20px; color:#666;}
.select_site .site .box_select .box_unit.type1 a {font-size:14px;color:#444444;display:block;background:url('/common_2019/images/common/selectList_blt.png') 15px center no-repeat;padding:5px 10px 2px 23px;position:relative;padding-left:10px;}
.select_site .site .box_select .box_unit.type1 a::before{content:"";display:block;position:absolute;top:14px;left:0;width:3px;height:3px;border-radius:3px;background:#666;}

.select_site .site .box_select .box_unit.type1 a:hover {color:#1e75d6}
.select_site .site .box_select h3 {background:#455262;color:#fff;font-size:16px;line-height:42px;padding:0 15px}

.select_site .site .box_select .box_unit ul {padding:10px;}
.select_site .site .box_select .box_unit ul li{margin-bottom: 0;}

.open_select {border:1px solid #555d64; border-top:none;border-bottom:none;padding:10px 10px 10px 16px;}
.open_select span {display:inline-block; color:#dcdcdc;  font-size:14px;  background:url('/images/new/group/btn_more_v2.png') no-repeat right center; vertical-align:top;}
.site.on .open_select {background-color:#fff;}
.site.on .open_select span {background-position:100% -22px;}
.open_select.on span {background-position:100% -22px;}

.select_site .site_type_01 .open_select { z-index: 1000; position:relative }
.select_site .site_type_01 .boxWrap { position:absolute; width:467px; overflow: hidden }
.select_site .site_type_01 .boxWrap .box_select { display:none; top: 198px }

.select_site .site_type_02 .open_select { z-index: 1000; position:relative }
.select_site .site_type_02 .boxWrap {position:absolute;width: 1400px;overflow: hidden;left: -468px;background: #fff;}
.select_site .site_type_02 .boxWrap .box_select { display:none; top: 361px }

.select_site .site_type_03 .open_select { z-index: 1000; position:relative }
.select_site .site_type_03 .boxWrap { position:absolute; width:440px; overflow: hidden;width:100%; }
.select_site .site_type_03 .boxWrap .box_select { display:none; top: 313px }

/* 통합검색 */
.search_wrap{position:absolute;height: auto;top: 100px;text-align:center;padding: 45px 0;width: 100%;z-index: 1499;background: #e9e9e9;display:none;}
.search_wrap > div{margin:0 auto;text-align:center;}
.search_wrap > div *{vertical-align:middle}
.search_txt {display:inline-block}
.search_txt p{width:550px;border:solid 3px #2f4a9a; background:#fff;display:inline-block;margin-top: 0; margin-bottom: 0;}
.search_txt p > input.sckeyword{width:90%;height:44px;padding: 0 25px;line-height:44px;font-size:15px;border:none;margin-right:8px}
.search_txt label{position: absolute;left: 20px;top: -40px;line-height: 40px;font-size: 15px;color: #fff;display:none;}
.search_txt label:hover{cursor:text;}
.search_txt > a {display:inline-block;width:100px;height:50px; background: #2f4a9a; color:#fff;line-height: 50px; font-size: 20px;font-weight:bold}
.search_wrap .btnClose{position:static;display:inline-block;margin-left:20px;color: #fff;font-size:0;}

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

    header .inner{width: 100%;padding: 0 20px;}
}

@media screen and (max-width:1200px) {
    #skipNavi{width: auto;}
    header{min-width: auto; padding: 20px;}
    header .inner{width: auto;padding: 0;}
    header .inner nav{display: none;float: none;margin-left: 0;padding: 0;}
    header .inner .util{}
    header .util ul .btn_li{display: none;}
    header .util ul > li:nth-child(4){display: inline-block;}


    /*통합 검색*/
    .search_wrap{top: 92px;}
    .search{top: 92px;padding: 24px 0;}
    .search_btn{float: left;}
    .search_btn a{background: url(/images/header/sch_btn.png) no-repeat 0 0;width: 27px; height: 27px;text-indent: -9999px;display: inline-block;position: relative;top: 10px;margin-right: 18px;}
    /* 검색 */
    .search{top: 92px;}
    .search .sch_dim_layer{top:98px; height:1272px;}
    .search .sch_form{position:relative; margin:0 auto; width: 90%;}
    .search .sch_form input[type="text"]{padding: 0 15px;margin: 0 auto; width: 100%;height: 50px;font-size: 16px;}
    .search .sch_form input[type="image"]{position:absolute; top:10px; right: 40px;}

    /* 유관기관링크 모바일 일 때 */
    #link_site  {display:none}
    #link_site2  {display:block}
    #link_site2::after{content:'';display:block;clear:both;}
    #link_site2 {width: 100%; background: #2a384a; position:relative; z-index:80;}
    #link_site2 li {display:block;width:33.3333%;float:left}
    #link_site2 .open_select {display:block;padding:10px 10px 10px 16px; background: #1f2b3a; z-index:10 !important;border-left:none}
    #link_site2 .open_select span {width:100%;display:block;text-align: left;font-size:16px;background: url(/images/new/group/btn_more_v2.png) no-repeat right center;}

    /* mobile menu */
    #naviMenu{
        position: fixed;
        top: 92px;
        left: 0;
        width: 100%;
        display: block;
    }
    #naviMenu > div{
        height: 100vh;
        background-color:#007cb8;
        border-top: 1px solid #ddd;
    }
    .menuCtg > li {
        display: flex;
        width: 160px;
        line-height: 0;
        margin-bottom: 0;
    }
    .menuCtg > li .t_a_line{
        width: 100%;
    }
    .menuCtg > li > .side_sub > li > ul{
        display: block;
    }
    .menuCtg > li > .side_sub > li > ul > li{
        line-height: 22px;
    }
    .menuCtg > li > .side_sub > li > ul > li > a{
        position: relative;
        padding-left: 15px;
        font-size: 13px;
    }
    .menuCtg > li > .side_sub > li > ul > li > a:before{
        content: '';
        display: inline-block;
        position: absolute;
        top: 7px;
        left: 7px;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background: #111;
    }
    .menuCtg .side_sub{
        display: none;
        position: absolute;
        top: 0;
        left: 160px;
        width: calc(100% - 160px);
        height: 100%;
        overflow-y: scroll;
        padding: 0 15px;
        padding-bottom: 30%;
        background: #fff;
        text-indent: 5px;
        line-height: 39px;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
    }
    .menuCtg li.on .side_sub{
        display: block;
    }
    .menuCtg .t_a_line .mnTit{
        display: block;
        padding: 0 0 0 30px;
        line-height: 51px;
        width: 160px;
        background: #007cb8;
        font-size: 15px;
        color: #fff;
        border-bottom: 1px solid #ddd;
        transition: all 0.3s;
        box-sizing: border-box;
    }
    .menuCtg li.on .t_a_line .mnTit{
        background: #fff;
        border-bottom: 1px solid #fff;
        font-weight: 600;
        color:#111;
    }
    .menuCtg .side_sub > li{
        padding: 6px 0;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        line-height: inherit;
        margin-bottom: 0;
    }
    .menuCtg .side_sub > li a{
        font-size: 14px;
        color:#111;
    }

    /* 모바일 햄버거 */
    header .util ul{
        gap: 20px;
    }
    header .inner .util .allmenu{
        width: 20px;
        height: 20px;
        left: auto;
    }
    header .inner .util .allmenu span{
        width: 20px;
    }
    header .inner .util .allmenu span:nth-of-type(1){
        top: 0;
    }
    header .inner .util .allmenu.active span:nth-of-type(1){
        top: 6px;
    }
    header .inner .util .allmenu span:nth-of-type(2){
        top: 8px;
    }
    header .inner .util .allmenu span:nth-of-type(3){
        top: 16px;
    }
    header .inner .util ul li .allmenu_open{
        display: block;
    }
    header .inner .util ul li .allmenu_link{
        display: none;
    }
    header .inner .util ul li .allmenu_open span{
        transition: all .4s;
    }
    header .inner .util ul li .allmenu_open.active span:nth-of-type(1) {
        -webkit-transform : translateY(2px) rotate(-45deg);
        transform : translateY(2px) rotate(-45deg);
    }
    header .inner .util ul li .allmenu_open.active span:nth-of-type(2) {
        transform : translateX(50%);
        opacity : 0;
        -webkit-animation : active-menu .8s forwards;
        animation : active-menu .8s forwards;
    }
    @-webkit-keyframes active-menu {
        100% {
            height: 0;
        }
    }
    @keyframes active-menu {
        100% {
            height: 0;
        }
    }
    .btn_menu {
        display: none;
    }
    header .inner .util ul li .allmenu_open.active span:nth-of-type(3) {
        -webkit-transform : translateY(-10px) rotate(45deg);
        transform : translateY(-8px) rotate(45deg);
    }
    /* 푸터 */
    footer .inner { width: 100%;}
}
@media screen and (max-width:768px) {
    #link_site2 li { display: block;width: 100%;float: none;margin-bottom: 0;border-bottom: 1px solid #2a384a;}
    #link_site2 .open_select{padding:12px 10px 12px 16px;border-right: 0;}
    #link_site2 .open_select span {text-align: left;font-size: 14px;}

    header .util ul{gap: 10px;}

    /* 검색 */
    .search_txt p{width: 100%;}
    .search_txt p > input.sckeyword{width: 80%;}
    .search_wrap > div *{display: flex; justify-content: center; margin: 0;}

    /* 푸터 */
    footer .company {padding: 30px 10px 40px;}
    footer .company .util{ flex-wrap: wrap;}
    footer .company .util > li{line-height: 1.5;}
    footer .company .util li a{font-size: 16px;}

}
@media screen and (max-width:479px) {
    #naviMenu{top: 72px;}
    .search_wrap{top: 72px;}
    header{padding: 20px 20px 10px 20px;}
    header .inner{gap: 10px;}
    header .inner .util {width:61px;margin-left: 18px;}
    header .inner .util ul li a > img{min-width: 21px;}
    header .logo {height: auto;}
    header .logo a img{width: 80%}

    /* 유관기관링크 모바일 일 때 */
    #link_site2 .open_select {padding: 10px;}
}
@media screen and (max-width:415px) {
    header .inner{gap: 0;}
    header .logo a img{width: 90%;}
    /*header .inner .util {margin-left: 24px;}*/
    header .util ul li a img {max-width: 21px;}
    footer .company .util > li{flex: 1 1 40%;}
    footer .company .util > li + li {margin-left: 0px;padding-left: 12px;}
    footer .company .util > li {margin-left: 0px;padding-left: 12px;}
    footer .company .util > li::after{display:block;content:"";position:absolute;top:69%;left:0;width:3px;height:3px;margin-top:-6px;background-color:#a2a7ac;border-radius:50%;}

}

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

}