.wrap{width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}
/*header*/
.header{position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 89px; clear: both; border-bottom: 1px solid #7d7d7d; background-color: #fff;}
.hd_wrap{width: 1156px; margin: 0 auto;f}
.top_logo{float: left; overflow: hidden;}
.gnb, .gnb .nav{float: right;}
.gnb .tnb{float: right; overflow: hidden;}
.gnb .nav .menu, .gnb .tnb>li {float: left;}

.nav { width:830px; hieght:89px; margin-right:-120px;}

/*main_logo*/
.top_logo{margin: 20px 0 0 0;}
.top_logo img { height: 50px;}

/*main_gnb*/
.gnb{width: 670px;}

.nav .menu{position: relative;  z-index: 95; width: 134px; height: 89px; text-align: center; }


/*.nav .menu1 menu{position: relative;  z-index: 95; width: 134px; height: 89px; text-align: center; }
.nav .menu2 menu{position: relative;  z-index: 95; width: 134px; height: 89px; text-align: center; }
.nav .menu3 menu{position: relative;  z-index: 95; width: 134px; height: 89px; text-align: center; }
.nav .menu4 menu{position: relative;  z-index: 95; width: 134px; height: 89px; text-align: center; }*/

.nav .menu>a{display: block; line-height: 89px; font-size: 20px; font-weight: bold; color: #484848;}
.nav .menu>a:hover{color: #527ec6;}
.nav .menu0>a{font-weight: 800; color: #698dcc;}

.nav .menu5 menu {width: 34px; height: 89px; margin-left:20px;}
.nav .menu5 menu {width: 34px; height: 89px; margin-left:20px;}

.nav .menu5>a{ width: 34px; height: 89px; margin-left:20px;}


.nav .menu .sub_menu{display: none; position: absolute; top: 89px; z-index: 100; width: 207px; background-color: #edf1f4;}
.menu .sub_menu li{height: 40px; text-align: left; border-bottom: 1px solid #e5e5e5;}
.menu .sub_menu li a{display: block; padding: 0 0 0 24px; font-size:17px; line-height: 43px; color: #535454;}
.menu .sub_menu li a:hover{color: #fff; background-color: #527ec6;}
.nav .menu:hover .sub_menu{display: block;}




/* main_tnb*/
.tnb{margin-top: 35px;}
.tnb li{width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.tnb li a{display: block; line-height: 35px;}
.tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}
/*mobile gnb*/
.m_wrap {display: none; position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%;}
.m_gnb{position: absolute; z-index: 50; width: 80%; height: 100%; margin-left: 20%; padding-top: 60px; overflow-y:scroll; border-bottom: 1px solid #e5e5e5; background-color: #fff;}
.m_gnb li a{ font-size: 17px; font-weight: bold; color: #484848;}
.m_gnb li{border-top: 1px solid #e5e5e5;}
.m_gnb_01, .m_gnb_02, .m_gnb_03, .m_gnb_04, .m_gnb_05{display: block; overflow: hidden; clear: both; padding: 20px 24px 18px 16px;}
.m_gnb_01 span, .m_gnb_02 span, .m_gnb_03 span, .m_gnb_04 span, .m_gnb_05 span{display: inline-block; float: right; width: 20px; height: 12px; background-position: center 12px;}
.m_gnb li.on .m_gnb_01 span, .m_gnb li.on .m_gnb_02 span, .m_gnb li.on .m_gnb_03 span, .m_gnb li.on .m_gnb_04 span, .m_gnb li.on .m_gnb_05 span {background-position: center 24px;}
.m_gnb .sub_menu{display: none; background-color: #fff;}
.m_gnb .sub_menu li a{display: block; padding: 15px 24px 14px 30px; font-size: 17px; font-weight: normal; background-color: #edf1f4;}
.m_gnb .sub_menu li a:hover{color: #fff; background: #527ec6;}
/*toggle_btn*/
.toggle_btn{display: none; position: absolute; top: 21px; right: 21px; z-index: 9999; width: 25px; height: 22px; background: no-repeat left top;}
.toggle_btn.on{width: 23px; background-position: -25px top;}
.blank_box{position: absolute; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

/* mobile_tnb*/
.m_tnb{position: absolute; top: 25px; left: 16px; text-align: center;}
.m_tnb li{display: inline-block; width: 35px; height: 31px; margin-left: 3px; background-color: #333; border: 1px solid #777777; text-align: center;}
.m_tnb li a{display: block; line-height: 35px;}
.m_tnb li:hover{background-color: #e74100; border: 1px solid #e74100;}
/*footer*/
.footer{padding: 92px 0 115px; background-color: #efefef;}
.footer .f_wrap{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.f_wrap .f_left{float: left; width: 450px;}
.f_wrap .f_right{/*width: 180px;*/ float: right; text-align: right;}
.f_wrap .f_right p { margin-top: 30px; font-weight: bold; font-size: 32px; line-height: 50px; color: #527ec6;}
.f_wrap .f_right p span { font-size: 30px;}
.f_wrap .f_right p a { font-size: 34px;}
.f_wrap .f_right p a:hover { color: #527ec6;}
.sns_icon{display: block; padding: 19px 0 28px; text-align: right;}
.sns_icon li{display: inline-block;}
.f_wrap .f_left p{padding-top: 28px; font-size: 16px; line-height: 24px;}
.select_wrap{position: relative; width: 180px; height: 28px; display: inline-block;}
.select_wrap .site_label{position: absolute; top: 0; right: 0; display: block; padding: 6px 89px 6px 11px; background: no-repeat 90% center; border: 1px solid #828282; color: #828282;}
.select_wrap .select{opacity: 0; display: block; width: 100%; height: 100%;}



@media screen and (max-width: 1280px){
    /*header*/
    .hd_wrap {width: 95%; min-width: 1024px;}
    .gnb {width: 66%;}
    .footer .f_wrap{width: 95%;}
}
/*mobile start*/
@media screen and (max-width: 1023px){
    .top_logo {margin: 13px 4% 0 30px;}
    .top_logo img { height: 35px;}
    /*tnb*/
    .tnb{display: none;}
    .gnb{display: none;}
    .toggle_btn{display: block;}
    /*header*/
    .header {height: 60px;}
    .mobile_menu{display: block;}
}
@media screen and (max-width: 768px){
    .footer {padding: 65px 0 68px;}
    .f_wrap .f_left, .f_wrap .f_right{width: 100%; text-align: center;}
    .f_wrap .f_right{margin-bottom: 10px;}
    .sns_icon{padding: 30px 0 25px; text-align: center;}
}