@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Poppins:wght@300&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');



.fonnnnnt{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Noto Sans KR', sans-serif;
    font-family: 'Roboto', sans-serif;
}

.rows{ max-width: 100%; margin: 0 auto;}

/*html{text-align: center;}*/
body{width: 1903px; display: inline-block;}

/* HEADER */

.header_wrap{width: 100%; margin: 0 auto;}
.header{width: 100%; margin: 0 auto; height: 100px; position: relative; z-index: 3; border-bottom: 1px solid #dadada;}
/*.header.on{ border-bottom: none;}*/

.sub_header{border-bottom: 1px solid #dadada; }
.sub_header.on{border-bottom: none;}
.navi{display: flex; align-items: center; justify-content: space-evenly; height: 100px;}

.lnb_t{
    display: block;
    width: 214px;
    padding: 21px 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #111;
    border: 1px solid #dadada;
}
.lnb_t.active{
    color: #005b8b;
}

.menu{width: 972px; display: flex; justify-content: space-between; position: relative;}
.menu > li{position: relative;}
.menu > li > a{font-size: 18.34px; font-family: 'Noto Sans KR', sans-serif; color: #111;  text-align: center; height: 100px; line-height: 100px;}
.menu > li > a:hover{color: #009bee; font-weight: medium;}
.menu > li.on > a{color: #009bee; font-weight: medium;}

/* .sub_menu_wrap{position: absolute; top: 101px; left: 0;right: 0; margin: 0 auto 0; text-align: center;z-index: 3;  display: none; background: #fff; height: 205.5px; padding-top: 32.5px;} */
.sub_menu{
    width: 214px;
    border: 1px solid #dadada;
    padding: 10.5px 0;
    box-sizing: border-box;
    border-top: none;
}
.sub_menu_wrap{
    position: absolute;
    width: 214px;
    z-index: 3;
    top: 100px;
    left: -172px;
}
.sub_menu_wrap.on {background: #fafafa;}
.sub_menu01{
    left: -93px;
}
.sub_menu02{
    left: -15px;
}
.sub_menu03{
    left: 29px;
}
.sub_menu04{
    left: 74px;
}
.sub_menu05{
    left: 152px;
}
.sub_menu_wrap {
    display: none;
}

.sub_menu li a{ width: 100%; padding: 9.5px 0; color: #5f5e5e; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; display: block;}
.sub_menu li:hover a{ color: #005b8b;}
/*.sub_menu li:first-child a{margin-top: 36.5px;}*/


.bg{width: 100%; height: 293px;
 background: #fff; position: absolute; top: 100px; left: 0;right: 0; margin: 0 auto; text-align: center; z-index: 2; border-top: 1px solid #dadada; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
display: none;}

.member{display: flex; align-items: center; justify-content: center; border: 1px solid #dadada; box-sizing: border-box;}
.member a{width: 88px; height: 34px; display: block; line-height: 34px; font-size: 16px; color: #7d7c7c; font-family: 'Noto Sans KR', sans-serif; text-align: center; border-right: 1px solid #dadada; box-sizing: border-box;}
.member a:last-child{border-right: 0}

.member a:hover{background: #f4f4f4;}

.member a.sign02{border-right: 1px solid #dadada; box-sizing: border-box;}

/* FOOTER */

.footer_wrap{width: 100%; margin: 0 auto;}
.footer{width: 100%; margin: 0 auto; background: #212225; height: 160px;}

.foot_padding{text-align: center;}
.foot_name{ font-size: 14px; color: #fff; opacity: 0.4; font-family: 'Noto Sans KR', sans-serif; padding-top: 36px; font-weight: 300;}
.foot_name > span{font-weight: 600; vertical-align: baseline;display: inline-block;}
.foot_add{margin: 17px 0 33px;}
.foot_add li{display: inline-block; vertical-align: baseline; font-size: 14px; color: #fff; opacity: 0.4; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;} 
.foot_add li::after{content: ""; display: inline-block; vertical-align: middle; margin: 0 15px; }
.copy{font-size: 11.92px; color: #fff; opacity: 0.2; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
.logo img{
    width: 200px;
}
.class_baro{
    padding: 10px 13px !important;
    box-sizing: border-box;
    border-right: 2px solid #0d6fb8;
    border-bottom: 2px solid #0d6fb8;
    position: relative;
}
.class_baro::before{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 2px;
    height: 30px;
    background-color: #0d6fb8;
}
.class_baro::after{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 78px;
    height: 2px;
    background-color: #0d6fb8;
}
.class_baro i::before{
    display: block;
    content: "";
    position: absolute;
    width: 2px;
    height: 16px;
    background-color: #0d6fb8;
    top: -6px;
    left: 0;
    transition: .3s;
}
.class_baro i::after{
    display: block;
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #0d6fb8;
    top: 0;
    left: -6px;
    transition: .3s;
}
.class_baro:hover>i::before{
    top: 0;
}
.class_baro:hover>i::after{
    left: 0;
}
.sub_menu li{
    text-align: left;
}
.sub_menu li>a{
    display: block;
}
.sub_menu_1 li>a{
    padding-left: 60px;
    box-sizing: border-box;
}
.sub_menu_2 li>a{
    padding-left: 60px;
    box-sizing: border-box;
}
.sub_menu_3 li>a{
    padding-left: 39px;
    box-sizing: border-box;
}
.sub_menu_4 li>a{
    padding-left: 21px;
    box-sizing: border-box;
}
.sub_menu_5 li>a{
    padding-left: 22px;
    box-sizing: border-box;
}
.sub_menu_6 li>a{
    padding-left: 77px;
    box-sizing: border-box;
}











/*/////////////////////////반응형////////////////////////*/


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

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

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

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

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

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