@charset "UTF-8";




.header_wrap{position: relative; border-bottom: 1px solid #dadada; padding: 19px 0 20px; box-sizing: border-box;}
header{max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
header nav{width: 48.33%;}
header nav ul{display: flex; align-items: center; justify-content: flex-end;}
header nav ul > li{text-align: center; position: relative; width: 135px;}
header nav ul > li > a{font-size: 16px; color: #333; box-sizing: border-box; position: relative; padding-bottom: 28px;}
header nav ul > li > a::after{
    display: block; content: ''; width: 0; height: 6px; background-color: #addef8; margin: 0 auto;
    position: absolute; bottom: 0; left: 0; right: 0; transition: all 0.3s ease-out; transform-origin: center;
}
header nav ul > li:hover a::after{width: 100%;}
header nav ul > li ol{position: absolute; top: 80px; left: 0; right: 0; z-index: 2; display: none;}
header nav ul > li ol li a{display: block; font-size: 16px; color: #5f5e5e;}
header nav ul > li ol li:hover a{color: #0768b1; font-weight: 400;}
header nav ul > li ol li:not(:last-of-type){margin-bottom: 20px;}
.nav_bg{width: 100%; height: 303px; background-color: #fff; position: absolute; top: 83px; left: 0; display: none; z-index: 1;}

.mhead_wrap{display: none;}
.mMenuTit{display: none;}
.m_ver{display: none !important;}
/* header Fin */



.footer_wrap{width: 100%; background-color: #1e1e1e;}
footer{
    max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;
    padding: 35px 0; box-sizing: border-box;
}
.footer_info{text-align: right; color: rgba(255,255,255,0.4); font-size: 12px; font-weight: 200;}
.footer_info ul{margin-bottom: 10px;}
.footer_info ul li{display: inline-block;}
.footer_info ul li:not(:last-of-type)::after{
    content: ''; display: inline-block; width: 1px; height: 12px; background-color: rgba(255,255,255,0.4);
    margin: 0 6px; vertical-align: middle;
}
.footer_info p{color: rgba(255,255,255,0.3);}
/* footer fin */



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


    .pc_header{display: none;}

    .header_wrap{padding: 0;}

    .mMentBtn{width: 30px; height: 25px; position: relative; cursor: pointer; display: block;}
    .mMentBtn span{width: 100%; height: 1px; background: #111; position: absolute; transition: all 0.3s ease;}
    .mMentBtn span.mbtnBar01{top: 0; left: 0; right: 0;}
    .mMentBtn span.mbtnBar02{top: 50%; left: 0; right: 0; transform: translateY(-50%);}
    .mMentBtn span.mbtnBar03{ bottom: 0; left: 0; right: 0;}

    .mMentBtn.on span.mbtnBar01{top: 16px; left: 0; right: 0; transform: rotate(45deg);}
    .mMentBtn.on span.mbtnBar02{opacity: 0;}
    .mMentBtn.on span.mbtnBar03{bottom: 8px; left: 0; right: 0; transform: rotate(-45deg);}


    .mhead_wrap{width: 100%; height: 90px; display: block; z-index: 5; position: relative;}
    .mhead{width: 100%; margin: 0 auto; border-bottom: 1px solid #dadada; box-sizing: border-box;}
    .mnavi{width: 95%; height: 90px;  display: flex; align-items: center; justify-content: space-between; margin: 0 auto;}
    .mlogo a img{width: 225px;}
    .mMenuTit{display: block;}
    
    .mmenu{width: 100%; margin: 0 auto; text-align: left; z-index: 4; position: absolute; top: 90px; width: 100%;  margin: 0 auto; background: #fff;  box-sizing: border-box; display: none;}
    .mmenu > li > a{height: 60px; display: flex; align-items: center; justify-content: space-between; color: #131313; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; width: 95%; margin: 0 auto;}
    .mmenu > li.on > a{color: #1a6faf;}

    .msub_bar{position: relative; width: 17px; height: 17px; transition: all 0.3s ease;  }
    .msub_bar.on{transform: rotate(45deg);}

    .msub_bar span.msub_bars01{width: 1px; height: 100%; background: #111; display: inline-block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
    .msub_bar span.msub_bars02{width: 100%; height: 1px; background: #111; display: inline-block; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); position: absolute;}


    .msub_menu{width: 100%; position: relative; background: #f8f8f8; display: none;}
    .msub_menu > li > a{width: 95%; margin: 0 auto; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #131313;  display: flex; align-items:center; height: 40px; }

    .m_bg{position: fixed; top: 0; width: 100%; height: 100%; left: 0; right: 0; margin: 0 auto; background: #fff; z-index: 3; display: none;}
    /* header fin */



}

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

    .pc_ver{display: none !important;}
    .m_ver{display: block !important;}

    .mhead_wrap, .mnavi{height: 50px;}
    .mlogo a img{width: 177px;}
    .mMentBtn{width: 22px; height: 25px;}
    /* header fin */



    footer{display: block; width: 90%; margin: 0 auto; padding: 20px 0;}
    footer h2{margin-bottom: 22px;}
    footer h2 img{width: 140px;}
    .footer_info{font-size: 10px;}
    .footer_info ul{margin-bottom: 0;}
    .footer_info ul li{display: block; line-height: 1.3;}
    .footer_info ul li:not(:last-of-type)::after{display: none;}
    /* footer fin */

}