/*서브-왼쪽메뉴*/
/*#left{ width:1000px; margin:0 auto;}
#left dl{ width:100%; text-align:left; }
#left dd{ display:inline-block; margin:0 0 0 -3px;}
#left dd a{ display:block; text-align:center; background:#fff; border-right:1px solid #ddd; border-bottom:none; line-height:50px; color:#666; font-size:1.1em; padding:0 25px;}
#left dd a:hover{color:#333; background:#eee; text-decoration:none; transition:all 0.5s;}
#left dd a.on{color:#fff; background:#b42066; border:1px solid #b42066; border-bottom:none; font-weight:500; letter-spacing:-1.5px;}
@media (max-width: 991px) {
#left{ overflow-x:scroll;}
#left dl{ text-align:left; white-space: nowrap;}
#left dd{ white-space:nowrap;}
#left dd a{ display:inline-block; line-height:35px; padding:0px 15px; font-size:1em; color:#fff; background:#b42066; border:1px solid #b42066; border-bottom:none; }
#left dd a.on{color:#333; background:#fff; border:1px solid #ccc; border-bottom:none;}
}
*/

#left{  width:100%; min-width:1200px; height:auto; border-bottom:1px solid #ddd;}
ul.topnav { width:1200px; margin:0 auto; border-left:1px solid #ddd; border-right:1px solid #ddd;}
ul.topnav:after{ display:block; content:""; clear:both;}
ul.topnav li {
 float: left;
 padding:0 40px;
 position: relative; /*--Declare X and Y axis base for sub navigation--*/
 color:#444;
 font-size:1.3em;
 letter-spacing:0;
 font-weight:300;
 border-right:1px solid rgba(250,250,250,0.2);
}
ul.topnav li.home{ padding:0;}
ul.topnav li.home a{ width:50px; height:50px; line-height:50px; font-size:1.1em; border-right:1px solid #ddd; text-align:center; color:#555;}

ul.topnav li a{
 font-size:1em;
 color: #333;
 display: block;
 float:left;
 line-height:50px;
 letter-spacing:0;
 font-weight:bold;
}
ul.topnav li a.subm2{ max-width:150px;}

ul.topnav li.subm2_t{ border-right:1px solid #ddd; line-height:50px;}
ul.topnav li.subm2_b{ border-right:1px solid #ddd; padding:0 30px 0 40px;}

ul.topnav li span { /*--Drop down trigger styles--*/ margin:0; padding:0;}
ul.topnav li.subm2_b span.adrop{ display:inline-block; padding:0 10px 0 20px; line-height:50px; font-size:1.3em; color:#666;}


ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
 position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 left: -1px; top: 50px;
 background: #fff;
 border:1px solid #ddd;
 border-top:0;
 display: none;
 width:101%;
 box-sizing:border-box;
 z-index:100;
}
ul.topnav li ul.subnav li{ clear:both; float:none; display:block; padding:0px;}
ul.topnav li ul.subnav li a { display:block; width:100%; clear:both;line-height:40px; font-size:13.5px; color:#666; font-weight:400; border-bottom:1px solid #ddd;padding:0px 15px;box-sizing:border-box;}
ul.topnav li ul.subnav li:last-child a{ border-bottom:0;}
ul.topnav li ul.subnav li a:hover { color:#333; font-weight:bold; background:#f5f5f5;}

@media (max-width: 1000px) {
#left{ min-width:100%; top:77px; position: relative !important; z-index:3}
ul.topnav{ width:100%; position:relative; border:0;}
ul.topnav li { padding:0 25px;}
ul.topnav li.home a{ width:40px; height:40px; line-height:40px;}
ul.topnav li a{ font-size:13px; line-height:40px;}
ul.topnav li.subm2_t{ display:none;}
ul.topnav li.subm2_b{ padding:0 15px 0 25px;}
ul.topnav li.subm2_b a.subm2{ max-width:100%;}
ul.topnav li.subm2_b span.adrop{ line-height:40px;}
ul.topnav li ul.subnav {left: -1px; top: 40px; background:#f4f4f4;}
}