@charset "UTF-8";

.row{
    max-width: 1520px;
    margin: 0 auto;
}

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

/* HEADER */
.header_wrap{ width: 100%; position: absolute; top: 0;left: 0; right: 0; margin: 0 auto; z-index: 10;}

.header{width: 100%; height: 80px ; position: relative;    /* position: fixed; top: 0; left: 0; margin: 0 auto; z-index: 10;*/ transition: all 0.5s ease-out;}

.header:hover{background: #fff;}
.header.on{background: #fff;}

.m_godo{display: none;}

/*네이게이션 메뉴*/
.navi{width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; vertical-align: middle; z-index: 5; position: relative;}

.logo{width: 320px;height: 39px; padding-left: 5px; position: absolute; left: 0; top: 20px;}
.logo a{display: block; width: 320px; height: 39px; text-align: center; position: relative; }
.logo a img{max-width: 280px; width: 100%; margin: 0 auto; }
.logo a img.new_logo02{position: absolute; top: 0;left: 20px; opacity: 0; transition: all 0.5s ease-out;}
.logo a img.new_logo01.on{display: none;}
.logo a img.new_logo02.on{ opacity: 1;}

.navimenu{display: flex;  align-items: center; vertical-align: middle; justify-content: center; position: absolute; top: 0;left: 31.2%;}
.navimenu > li{position: relative; width: 150px;}
.navimenu > li > a{ display: block; color: #fff; height: 80px; line-height: 80px;font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 17.58px;}
.navimenu > li > a.on{color: #202020;}
.navimenu > li > a:hover{color: #0048ff; font-weight: 600; box-sizing: border-box;}

.navimenu > li:nth-child(1).on > a{color: #0048ff; font-weight: 600; box-sizing: border-box;}
.navimenu > li:nth-child(2).on > a{color: #0048ff; font-weight: 600; box-sizing: border-box;}
.navimenu > li:nth-child(3).on > a{color: #0048ff; font-weight: 600; box-sizing: border-box;}
.navimenu > li:nth-child(4).on > a{color: #0048ff; font-weight: 600; box-sizing: border-box;}

.godoop{width: 330px;display:block; padding-right: 5px; display: none;}
/*.contus a{display: block; width: 140px; height: 42px; border: 1px solid #202020; color: #202020; text-align: center; line-height: 42px; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px;}
.contus a:hover{ border: 1px solid #0d0f64; background: #0d0f64; color: #fff;}*/

/*서브네비게이션*/


.navimenu ul{position: absolute; top: 80px; left: 0; width: 100%; margin: 0 auto; text-align: center; z-index: 5; height: 220px; display: none; }
.navimenu ul li{display: block; width: 100%; text-align: center;}
.navimenu ul li a{display: block;  font-size: 15px; text-align: center; color: #7c7c7c; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; box-sizing: border-box; height: 50px; text-align: left;  }
.navimenu ul li a p{padding-top: 25px; line-height: 1.5em;}
/*.navimenu ul li:last-child a{padding-bottom: 30px;}*/
.navimenu ul li a:hover{color: #202020; font-weight: 400;}

/*서브네비게이션 배경*/
.bg{ width: 100%; height: 180px; border-top: 1px solid #d8d8d8; background: #eee; position: absolute; top: 80px; left: 0; right: 0; margin: 0 auto; z-index: 4; display: none;}


/*모바일 메뉴*/

.m_godo_wrap{width: 100%; height: 100px;}
.m_godo_menu{display: flex; justify-content: space-between; padding: 0 10px; align-items: center; height: 100px;}

.m_godomenu_btn{width: 50px; height: 50px; text-align: center; position: absolute;right: 0;}
.m_godomenu_btn span{font-size: 3em; cursor: pointer;display: block; text-align: center; line-height: 50px; color: #fff;}


/*모바일 네이게이션*/

.m_menumain{position: fixed; top: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.9); margin: 0 auto; /*right: -100% ;*/ left: 0; z-index: 50; transition: all 0.3s ease-out; display: none;}
.m_main_wrap{position: absolute;top: 0;right: 0; max-width: 320px; height: 100%;z-index: 10; background: #fff;}
.m_close{width: 320px; height: 100px; display: flex; align-items: center; justify-content: space-between; background: #fff; z-index: 10; border-bottom: 1px solid #1e2874;}
.m_close img{padding-left: 10px; max-width: 210px; }
.m_close span{padding-right: 10px; display: block; font-size: 2.5em; color: #1e2874;width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer;}

.m_main_wrap > ul{padding-top: 20px;}
.m_main_wrap > ul > li{text-align: center;}
.m_main_wrap > ul > li > a{text-align: center;width: 100%; height: 60px; line-height: 60px; color: #202020; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; display: block;}
.m_main_wrap > ul > li:hover > a{font-weight: 700; color: #0048ff;}
.m_main_wrap > ul > li.on > a{font-weight: 700; color: #0048ff;}

.m_main_wrap > ul ul{width: 300px; margin: 0 auto;background: #f4f4f4; border-top: 2px solid #0048ff; display: none;}
.m_main_wrap > ul ul li{}
.m_main_wrap > ul ul li a{width: 280px; height: 45px; line-height: 45px;color: #7c7c7c; }

.m_contus{width: 100%; margin: 0 auto; padding-top: 40px;}
.m_contus a{display: block; width: 180px; height: 50px; line-height: 50px; color: #11356b; border: 1px solid #11356b; box-sizing: border-box; text-align: center; margin: 0 auto;}

/*FOOTER_WRAP*/


.footer{ width: 100%; min-height: 140px; background: #dbdbdb; height: auto;/* position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 10;*/}

.foot{text-align: center; padding-top: 42px;}

.foot ul{padding-bottom: 10px;}
.foot ul li{display: inline-block; color: #787878; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}

.foot ul li::after{
    width: 2px; height: 14px;line-height: 14px; content: ''; display:inline-block; background: #787878; margin: 0 15px; vertical-align: middle;
}
.foot ul li:last-child::after{display: none;}

.foot address{font-style: normal; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #787878; padding-bottom: 10px;}

.foot p{color: #929292; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}

.adds{line-height: 1.5em;}
.adds span{display: inline-block; vertical-align: baseline;}

/*반응형*/


@media screen and (max-width:1350px){
    .navimenu > li{width: 145px;}
}

@media screen and (max-width:1250px){
    .navimenu > li{width: 140px;}
}

@media screen and (max-width:1060px){
    .navimenu > li{width: 138px;}
}

@media screen and (max-width:1024px){
    header{display: none;}
    .m_godo{display: block;}
}

@media screen and (max-width:670px){
    .foot{padding-bottom: 30px;}
    
    .logo{width: auto;}
    .logo a{width: auto;}
    .logo a img{width:250px;}
}

@media screen and (max-width:450px){
    .ceo_cont{padding: 0 10px;}
     .logo a img{width:220px;}
    .m_godomenu_btn span{font-size:2.5em;}
    
}