.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: 79px; clear: both; border-bottom: 1px solid #7d7d7d; background-color: #fff;}
.hd_wrap{width: 1156px; margin: 0 auto;}
.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;}
/*main_logo*/
.top_logo{margin: 12px 125px 0 0;}
/*main_gnb*/
.gnb{width: 800px;}
.nav .menu{position: relative;  z-index: 95; width: 125px; height: 100%; text-align: center; }
.nav .menu>a{display: block; line-height: 79px; font-size: 17px; font-weight: bold; color: #484848;}
.nav .menu>a:hover{color: #527ec6;}
.nav .menu0>a{font-weight: 800; color: #698dcc;}
.nav .menu .sub_menu{display: none; position: absolute; top: 79px; z-index: 100; width: 207px; background-color: #edf1f4;font-size: 14px;}
.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; line-height: 40px; 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; 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: 40px 0 40px; background-color: #c9def9;}
.footer .f_wrap{clear: both; overflow: hidden; width: 1200px; margin: 0 auto;}
.f_wrap .f_left{float: left; width: 550px;}
.f_wrap .f_right{width: 180px; float: right; text-align: right;}
.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: 14px; color:#5a5a5a; line-height: 24px; font-color:#fff;}
.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%;}
/*table*/
table.type09 {
 border-collapse: collapse;
 text-align: center;
 font-family:"NanumGothic","³ª´®°íµñ","µ¸¿ò",dotum,sans-serif;
 line-height: 22px;
 font-size: 14px;
}
table.type09 thead th {
 padding: 10px;
 font-weight: bold;
 vertical-align: top;
 background: #dfdfdf;
 border: 1px solid #e6e6e6;
 border-top: 3px solid #517dc6;
 border-bottom: 1px solid #517dc6;
}
table.type09 tbody th {
 padding: 10px;
 font-weight: bold;
 vertical-align: top;
 border: 1px solid #e6e6e6;
 background: #f3f6f7;
}
table.type09 td {
 padding: 10px;
 vertical-align: top;
 border: 1px solid #e6e6e6;
}


@media screen and (max-width: 1280px){
    /*header*/
    .hd_wrap {width: 95%; min-width: 1024px;}
    .gnb {width: 76%;}
    .top_logo {margin: 18px 30px 0;}
    .footer .f_wrap{width: 95%;}
}
/*mobile start*/
@media screen and (max-width: 1023px){
    .top_logo {margin: 13px 4% 0 30px;}
    /*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;}
}