#header{position: absolute; left:0;top:0; width:100%; height: 95px; color: #fff; z-index: 150; background: rgba(10,36,76,.9); color:#fff}
#header .inner{height: 100%; position: relative;}
#header #logo{position: absolute;left: 0; top:50%;z-index: 131; transform: translateY(-50%);}
/* #header #logo,#footer .f_logo{width: 12.625em} */
#header #logo a{display: block;}
*:focus{outline: 0 !important}
#header #logo img{display: block; width: 256px; height: auto;}
#top_nav{display: flex; justify-content: center; font-weight: 700; position: relative; z-index: 130; padding: 0 13% 0 20%;}
#top_nav > li{flex: 1; vertical-align: top; position: relative;}
#top_nav > li > a{line-height: 95px; display: block; font-size: 19px; position: relative; text-align: center; width:100%; padding: 0 10px; white-space: nowrap;}
#top_nav > li > a > span{display: table-cell;vertical-align: middle;}
#top_nav > li:last-child{/*padding-right: 0;*/}
#top_nav > li:hover > a,#top_nav > li.active > a{color: #fff}
#top_nav > li > a:before{position: absolute; width: 0; height: 3px; content: ''; left: 50%;top:0; background: #fff; transition: all ease-in-out .3s}
#top_nav > li:hover > a:before,#top_nav > li.active > a:before{width: 100%; left: 0}
#header .ico-user{display: inline-block;position: absolute; width: 58px; height: 30px; line-height: 29px; font-size: 14px; color: #fff;position: absolute;right: 2%; top:50%;margin-top: -15px; z-index: 130; border:1px solid #fff; text-align: center;}
#header .ico-year{display: inline-block;position: absolute; width: 100px; height: 30px; line-height: 29px; font-size: 14px; color: #fff;position: absolute;right: 6%; top:50%;margin-top: -15px; z-index: 130; border:1px solid #fff; text-align: center; background: rgba(10,36,76,.9);}
#top_nav .depth{position: absolute;left: 0;top:100%;padding-top: 30px;font-size: 16px; text-align: center; width: 100%; font-weight: 400;display: none;}
#top_nav .depth a{white-space: nowrap;}
#top_nav .depth li{margin-top: 10px;}
#top_nav .depth li:first-child{margin-top: 0;}
#top_nav .depth a{display: block;}
#top_nav .depth a:hover{color: #5e80d9}

#footer{position: relative; background: #22292f; color: #72787f; font-size: 1.063rem; padding-bottom: 30px;}
#footer .top{border-bottom: 1px solid #434b54; padding: 15px 0; margin-bottom: 30px;}
#footer .top .l{float: left; line-height: 43px;}
#footer .top .l span{margin-right: 10px;}
#footer .top .l span:last-child{margin-right: 0;}
#footer .top .r{float: right;}
#footer .top .r select{width: 215px; height: 43px; border:1px solid #72787f; background: url('../img/common/f_sel.png') 95% center no-repeat; color: #72787f; padding-left: 20px; margin-left: 10px;}
#footer .top .r select:first-child{margin-left: 0;}
#footer .bot{position: relative; padding: 0 0 0 235px}
#footer .f_logo{position: absolute;left: 0; top: 0}
#footer .f_logo img{display: block;}
#footer .f_sel{position: absolute;right: 0; top:0;width: 221px; height: 48px; border-radius:100px;padding-left: 1.3em; color: #9f9fa1; background: transparent url('../img/common/f_sel.png') 89.3% center no-repeat; border:2px solid #9f9fa1}
/* #footer .copy > p{margin-top: .3em;}
#footer .copy > p:first-child{margin-top: 0;} */
#footer .copy p span{margin-right: 1em;}
#footer .copy p span:last-child{margin-right: 0;}

.depth_bg{width: 100%; position: absolute;left: 0;top:94px; z-index: 100;display: none;background: rgba(10,36,76,.9);border-top: 1px solid rgba(255,255,255,.5);}

#sub_visual{padding: 190px 0 120px 0; background: url('') center center no-repeat; background-size:cover; text-align: center; color: #fff}
.sub-t{font-size: 35px;font-weight: 700;}
#sub_visual .loc{font-size: 0;}
#sub_visual .loc span{display: inline-block;font-size: 15px; padding-left: 1em; margin-left: 5px; position: relative; font-size: .938rem;}
#sub_visual .loc span:first-child{margin-left: 0; padding-left: 0;}
#sub_visual .loc span:before{position: absolute;left: 0;top:0;content: '>'}
#sub_visual .loc span:first-child:before{content: ''}
#snb{text-align: center; font-size: 0; padding: 20px 0; border-bottom: 1px solid #ccc;}
#snb li{display: inline-block; font-size: 17px; font-size: 1.063rem;font-weight: 700; margin-left: 87px;}
#snb li:first-child{margin-left: 0;}
#snb li.active{color: #243a72}
#tabs-depth{background:#f2f3f5; padding: 15px 0; font-size: 0; text-align: center;}
#tabs-depth li{display: inline-block;font-size: 17px; font-size: 1.063rem; padding: 0 20px; position: relative;}
#tabs-depth li:first-child:before,#tabs-depth li:after{position: absolute;right: 0;top:50%;width: 2px;height: 1em;content: '';background: #b8b8bf; margin-top: -.5em;}
#tabs-depth li:first-child:before{right: auto; left: 0}
#tabs-depth a{display: inline-block;padding: 10px 20px; line-height:1.15}
#tabs-depth .active a{background: #243a72; border-radius: 100px; color: #fff}
#btn-menu{position: absolute;left: .938rem; width: 2.188em; height: 1.5em;background: url('../img/common/btn-menu.png') center center no-repeat; background-size: 100%; white-space: nowrap;overflow: hidden;text-indent: -999px; transform: translateY(-50%); top: 50%;display: none;}

#lnb_m{overflow-y: auto;height: 100%; position: fixed;left: -100%;top:0;width: 100%; max-width: 80%; background: #0a244c;display: none; z-index: 300}
#lnb_m .in{position: relative;width: 100%;height: 100%; padding-top: 5em;}
#lnb_m .top{position: absolute;left: 0;top:0;height: 5em; padding: .938rem; background: #0a244c; width: 100%}
#lnb_m .logo{width: 12.625em; position: relative;top:50%; transform: translateY(-50%)}
#lnb_m .logo img{display: block;}
#btn-close_m{position: absolute;right: .938rem; top:50%;width: 1.5em; height: 1.5em; background: url('../img/common/btn-close.png') center center no-repeat; background-size: 100%; display: block;white-space: nowrap;overflow: hidden;text-indent: -999px; margin-top: -.725em;}
#top_nav_m{height: 100%; overflow-y: auto; word-break: keep-all}
#top_nav_m a{display: block;}
#top_nav_m > li{position: relative; border-bottom: 1px solid #546682;}
#top_nav_m > li > a{padding: 1rem; font-size: 1.18em;font-weight: 700;}
#top_nav_m .depth{position: absolute;left: 50%;top: 0;width: 50%;background: #0f346b;display: none;z-index: 3}
#top_nav_m .depth > li{position: relative;}
#top_nav_m .depth > li:after{position: absolute;right: 0;bottom: 0;width: 87%; height: 1px;background: #546682;content: ''}
#top_nav_m .depth a{padding: 1.18rem; font-size: 1.125rem;}
#top_nav_m .active{background: #0f346b}
#lnb_m.opend #top_nav_m:before{position: absolute;left: 50%;width: 50%;height: 100%;background: #0f346b;content: '';z-index: 1  }
.allmenu_bg{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 150}

body.position #sub_page{padding-top: 100px;}
body.position.depth #sub_page{padding-top: 200px;}
.position .fixed{position: fixed;left: 0;top:0;width: 100%; z-index: 300;background: #fff}