/****************************************************************
* GNB Layout
***************************************************************/
#gnb{float:left;width:100%;margin-top:20px}
#gnb .o_dep{float:left;width:100%;position:relative}
#gnb .o_dep > li{float:left;width:173px;border-left:1px solid #fff;vertical-align:top}
#gnb .o_dep > li:first-child{border-left:none;}
#gnb .o_dep > li a.o{position:relative;display:block;padding:12px 0;background-color:#f08200;font-size:1.1em;letter-spacing:-0.05em;color:#fff;text-indent:20px}
#gnb .o_dep > li.o_sub07 a.o.on,
#gnb .o_dep > li a.o.on{color:#000;background-color:#fff;padding:11px 0 12px 0;border:1px solid #e37932;border-bottom:none;z-index:1;text-indent:19px}
#gnb .o_dep .o_sub02 .mu_box{width:193px;margin:40px 0 70px 0;text-align:center}
#gnb .o_dep .o_sub02 .box_img{display:block;width:97px;height:auto;margin:0 auto 10px}
#gnb .o_dep .o_sub03 .mu_wrap,
#gnb .o_dep .o_sub04 .mu_wrap,
#gnb .o_dep .o_sub06 .mu_wrap{height:160px}
#gnb .mu_wrap{display:none;position:absolute;left:0;top:49px;width:1178px;padding:0 20px 30px 20px;background-color:#fff;border:1px solid #e37932;box-shadow:3px 5px 5px rgba(0,0,0,0.1)}
#gnb .mu_wrap.open{display:block}
#gnb .mu_wrap *{vertical-align:top}
#gnb .mu_box{width:210px;margin-top:20px;display:inline-block;zoom:1;*display:inline}
#gnb .mu_box .t{display:block;margin-bottom:6px;color:#404040;font-size:1.1em;font-weight:500}
#gnb .mu_box .t.on{color:#e37932}
#gnb .mu_box .t_dep li a{display:block;position:relative;padding:4px 0 0 8px;font-size:0.9em;color:#7c7b75;font-weight:500;background:url('../img/ico_list_nm3_or.gif') left 15px no-repeat}
#gnb .mu_box .t_dep li a.on{color:#e37932}

#gnb .o_dep > li.o_sub07{width:176px}
#gnb .o_dep > li.o_sub07 a.o{background-color:#7c7b75;}
/*#gnb .o_dep > li.o_sub07 a.o.on{color:#fff}*/

#gnb .etc_mu{position:absolute;right:20px;bottom:20px}
#gnb .etc_mu a{width:170px;height:48px;margin-left:5px}
#gnb .etc_mu a span{font-weight:500;font-size:1em;padding:16px 0}
#gnb .other_btns{display:none}

@media screen and ( max-width:640px ){
	#gnb{position:fixed;top:0;left:0;width:271px;height:100%;float:none;margin:0;background-color:#fff;box-shadow:2px 0px 3px rgba(0,0,0,0.3);z-index:4}
    #gnb {
        -webkit-transform: translate3d( -275px, 0, 1px );
                transform: translate3d( -275px, 0, 1px );
    }
	#gnb .o_dep .o_sub03 .mu_wrap,
	#gnb .o_dep .o_sub04 .mu_wrap,
	#gnb .o_dep .o_sub06 .mu_wrap{height:auto}
	#gnb .o_dep{float:none;position:static;width:102px;height:100%;border-right:1px solid #cacaca;box-sizing:border-box}
	#gnb .o_dep > li,
	#gnb .o_dep > li.o_sub07{float:none;width:100%;border-left:none}
	#gnb .o_dep > li:first-child{width:100%}
	#gnb .o_dep > li.o_sub07 a.o,
	#gnb .o_dep > li a.o{width:100%;padding:18px 0;background-color:#fff;font-size:13px;letter-spacing:-0.08em;color:#000;text-indent:14px;border-bottom:1px solid #cacaca;font-weight:500}
	#gnb .o_dep > li a.o.mob_on{color:#fff;background-color:#f08200;padding:19px 1px 18px 0;border:none;text-indent:14px;position:relative;right:0;top:-1px}
	
/*	#gnb .o_dep > li.o_sub07 a.o.mob_on{background-color:#b24300;}
	#gnb .o_dep > li.o_sub07 a.o{color:#fff}*/

	#gnb .o_dep .o_sub02 .box_img{display:none}
	#gnb .mu_wrap{left:102px;top:0;width:141px;padding:0 14px;height:100%;border:none;box-shadow:none;overflow:auto;overflow-x:hidden}
	#gnb .mu_wrap:before{display:block;content:'';height:25px}
	#gnb .mu_wrap.mob_open{display:block}
	#gnb .mu_box{width:100%;margin:0 0 25px 0;display:block}
	#gnb .o_dep .o_sub02 .mu_box{width:100%;margin:0 0 25px 0;text-align:left}
	#gnb .mu_box .t{display:block;margin-bottom:0;padding-bottom:8px;color:#000;font-size:15px;font-weight:700;border-bottom:2px solid #000;line-height:1em}
	#gnb .mu_box .t_dep li{border-bottom:1px solid #cacaca;overflow:hidden}
	#gnb .mu_box .t_dep li a{padding:12px 0 12px 9px;font-size:12px;color:#7c7b75;line-height:1em;background-image:url('../img/ico_list_nm3.gif');background-position:left 16px}
	#gnb .etc_mu{display:none}
	#gnb .o_dep > li.other_btns{display:block}
/*	#gnb .o_dep > li.other_btns a.o{display:block;color:#fff;border-bottom:none;background-color:#7c7b75;padding:18px 1px 19px 0;font-weight:500;text-indent:14px;font-size:13px;font-weight:700;position:relative;top:-1px}*/
	#gnb .o_dep > li.o_sub07 a.o{display:block;color:#fff;border-bottom:none;background-color:#7c7b75;font-weight:500;text-indent:14px;font-size:13px;}
}