<style type='text/css'>
.sub_header_clear : after{content: ""; display: block; clear: both;}
.sub_header {padding: 110px 0 250px; position:relative; background:#fff}

#sub_header {margin-top: 0px; font-size: 15px;}
#sub_header .sub_top_bg{width: 100%; height: 30vh; position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover; text-align: center;}
#sub_header .sub_top_bg .inner_wrap{width: 100%; height: 100%; text-align: center; display: table;}
#sub_header .sub_top_bg h1{display: table-cell; width: 100%; font-size: 50px; vertical-align: middle; color: #fff; font-family: 'Nanum+Myeongjo', sans-serif; font-weight: bold;}
#sub_header .sub_top_menu {position: absolute; bottom: 0; width: 100%;}
#sub_header .sub_top_menu ul {width:100%;max-width:1280px;margin: -60px auto 0; text-align: center; font-size: 18px; list-style:none;padding-right:40px;}
#sub_header .sub_top_menu li{float: left; background: rgba(0,0,0,.6); transition: all .3s; border-right: 1px solid #959595; box-sizing: border-box; font-family: 'Nanum+Myeongjo', sans-serif;}
#sub_header .sub_top_menu li:last-child{border-right: none;}
#sub_header .sub_top_menu li:hover{background: #fff;}
#sub_header .sub_top_menu li:hover a{color: #222;}
#sub_header .sub_top_menu li a{display: block; padding: 20px 0; color: #fff;}
#sub_header .sub_top_menu li.on{background: #fff; color: #222;}
#sub_header .sub_top_menu li.on a{color: #222;}
</style>
