@import url(/sh_img/hd/menu_new/font/font.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700&display=swap');

/*고정*/
li{list-style:none}
/*고정*/

/* Top Menu 기본 설정 크기 및 넓이 */
#sh_top_menu_wrapper{position:relative;margin:0 auto;width:1070px;height:100px;z-index:1}

/* logo 위치 조정 및 사이즈 지정 */
#sh_top_logo{position:absolute;top:43px;left:55px}

/* nav_depth  */
.top_nav{margin-top:30px;height:100px;position:absolute;right:104px}
.top_nav > ul > li{float:left;color:#999;font-size:1.4em;height:82px;text-align:center;background:url(/sh_img/hd/menu_new/img/bg_c.png);letter-spacing:-0.05em}
.top_nav > ul:before{background:url(/sh_img/hd/menu_new/img/bg_l.png);width:51px;height:82px}
.top_nav > ul:after{background:url(/sh_img/hd/menu_new/img/bg_r.png);width:51px;height:82px}
.top_nav > ul:after, .top_nav > ul:before{display:inline-block;content:'';float:left}

.top_nav > ul > li > a{display:block;font-weight:bold;color:#464646;padding:20px 32px 20px}
.top_nav > ul > li > a:hover{color:#464646} 

.top_nav ul li{float:left;margin:0}
.top_nav ul a{display:block;color:#111;font-weight:600;font-family:'Noto Sans TC'}
.top_nav ul a:hover{color:#000;text-decoration:none}

.top_nav li ul{position:absolute;background-color:#fe9d2b;box-shadow:2px 2px 3px #999999;background: linear-gradient(-1deg, #181818 0%,#575757 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#181818',GradientType=0 );top:57px /* IE6-8 */}

.top_nav_s{display:none;position:absolute}
.top_nav_s > li{font-size:0.85em;letter-spacing:-0.05em} 
.top_nav_s > li > a{float:left;color:#fff;padding:5px 12px;font-weight:400; font-family:'Noto Sans TC'}
.top_nav_s > li > a:hover{color:#fff;font-weight:600;font-family:'Noto Sans TC'} 
.top_nav_s > li > a:first-child{margin-left:9px}

.sub_ul1{width:165px;margin-left:-24px}
.sub_ul2{width:331px;margin-left:-98px}
.sub_ul3{width:140px;margin-left:-1px}
.sub_ul4{width:98px;margin-left:19px}

/*aside*/

#aside_tit{background:#FFF;font-size:22px;font-weight:700;color:#39599B;padding:20px 0 10px 15px;letter-spacing:-1px;border-bottom:1px solid #39599B;font-family:'Noto Sans TC'}

#l_menu{width:220px;float:left;background:#fff;font-family:'Noto Sans TC'}
#l_menu ul{margin:0;padding:0}
#l_menu li{font-size:15px;font-weight:bold;color:#666;background:#FFF;line-height:15px;border-bottom:1px dotted #d9d9d9; padding:4px 0}
.l_menu_OFF a{display:block;padding:10px 0 10px 20px;text-decoration:none;color:#333333;background:#FFF;word-wrap:break-word;opacity:0.8;filter:alpha(opacity=80)}
.l_menu_OFF a:hover{display:block;padding:10px 0 10px 20px;height:15px;box-sizing:content-box;text-decoration:none;color:#FFF !important;background:#2b4a8a;word-wrap:break-word;opacity:0.8;filter:alpha(opacity=80)}
/* .l_menu_OFF a:hover{display:block;padding:10px 0 10px 20px;text-decoration:none;color:#FFF;word-wrap:break-word;opacity:0.8;filter:alpha(opacity=80)}*/

.l_menu_ON a{display:block;padding:10px 0 10px 20px;height:15px;box-sizing:content-box;text-decoration:none;color:#333333;word-wrap:break-word;color:#FFF !important;background:#2b4a8a;background:linear-gradient(-45deg, #5072b7 0%,#2b4a8a 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4a8a', endColorstr='#5072b7',GradientType=1 );/* IE6-8 */}

/*
#l_menu_OFF a:hover{color:#FFF;background:#39599B;background:linear-gradient(-45deg, #5072b7 0%,#2b4a8a 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4a8a', endColorstr='#5072b7',GradientType=1 );filter:alpha(opacity=80);opacity:0.8}
*/