<style>

#gnb p {float:right; margin:0; padding:0;}

/************* 서브메뉴를 세로로 출력시 *************/
#gnb .ej-navi-depth1 {margin:0; padding:0;}
#gnb .ej-navi-depth1 ul {float:right; margin:0; padding:0;}
#gnb .ej-navi-depth1 ul li {float:left; position:relative; margin:0; padding:0; zoom:1;}
#gnb a {display:block; text-decoration:none; font:bold 16px/16px Nanum Gothic, '나눔고딕', sans-serif; text-align:center; margin:10px 0 0; padding:16px 30px 11px; color:#555;}
#gnb a:hover {color:#396ec7;}

#gnb .ej-navi-depth2 {position:absolute; left:0px; width:165px; border:none; z-index:10; zoom:1; display:none;}
#gnb .ej-navi-depth2 ul {position:relative; left:-25px; width:165px; margin:0; padding:0 0 10px; overflow:hidden; background:url('../../_common/images/sub_menu_back.png') no-repeat 0 100%;}
#gnb .ej-navi-depth2 ul li {clear:both; width:145px; margin:0 0 0 10px; padding:0; overflow:hidden;}
#gnb .ej-navi-depth2 ul li a {display:block; font:normal 12px/14px dotum,gulim,sans-serif; text-align:left; margin:0; padding:5px 0 5px 5px; color:#555;}
#gnb .ej-navi-depth2 ul li a:hover {color:#333; background:#f6f6f6;}


.j-gnb-sub-pointer {clear:both; overflow:hidden;}
.j-gnb-sub-header {position:relative; left:-25px; height:25px; background:url('../../_common/images/sub_menu_top.png') no-repeat 0 0;}
.j-gnb-sub-footer {display:none;}

#gnb .ej-navi-depth2 a.gnb-active {font-weight:bold !important; color:#222 !important; background:#eee !important;}

/* GNB : 현재 선택된 메뉴 표시용 */
#gnb a.active {color:#396ec7;}
#gnb a.gnb-active {font-weight:bold !important; color:#396ec7 !important; background:transparent !important;}

#gnb a.active img {border-width:0; display:inline;}
#gnb a.active img.t_roll_ovr {display:none;}
#gnb a.gnb-active:hover img {display:none;}
#gnb a.gnb-active:hover img.o_img_ovr {display:inline;}
#gnb a.gnb-active:hover img.t_roll_ovr {display:inline;}

#gnb .ej-navi-depth2 a.img_ovr img {display:inline;}
#gnb .ej-navi-depth2 a.img_ovr img.roll_ovr {display:none;}
#gnb .ej-navi-depth2 a.img_ovr:hover img {display:none;}
#gnb .ej-navi-depth2 a.img_ovr:hover img.roll_ovr {display:inline;}

#gnb .ej-navi-depth2 a.gnb-active img {display:none;}
#gnb .ej-navi-depth2 a.gnb-active img.roll_ovr {display:inline;}


#gnb .ej-navi-depth2 .ej-navi-depth3,
#gnb .ej-navi-depth2 .ej-navi-depth4,
#gnb .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul li,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul li,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul li a,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul li a,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul li a {display:block; text-align:left; padding:3px 0 3px 5px; color:#555;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul li a:hover,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul li a:hover,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul li a:hover {color:#333; background:#f6f6f6;}


/* 전체보기 */
#gnb-all .gnb-all-close {position:absolute; bottom:5px; right:5px; width:25px; height:25px; margin:0; padding:0; overflow:hidden; z-index:10;}
#gnb-all .gnb-all-close a {display:block; font:bold 14px/16px dotum,gulim,sans-serif; text-align:center; line-height:25px; padding:3px; border:none;}
#gnb-all .ej-navi-depth1 {margin:0; padding:0; overflow:hidden;}
#gnb-all .ej-navi-depth1 ul {margin:0 0 0 2px; padding:0;}
#gnb-all .ej-navi-depth1 ul li {position:relative; width:180px; margin:0; padding:7px; display:inline-block; *display:inline; font-size:12px; vertical-align:top; letter-spacing:0; *zoom:1;}
#gnb-all a {display:block; font:bold 14px/16px dotum,gulim,sans-serif; padding:5px; border-bottom:1px solid #ccc; color:#333; text-decoration:none;}
#gnb-all .ej-navi-depth2 {border:none; background:#f9f9f9; overflow:hidden;}
#gnb-all .ej-navi-depth2 ul {margin:0; padding:0;}
#gnb-all .ej-navi-depth2 ul li {clear:both; margin:0; padding:0;}
#gnb-all .ej-navi-depth2 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:3px 0 3px 5px; color:#000; border:none; color:#555;}
#gnb-all .ej-navi-depth2 ul li a:hover {background:#eee;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3,
#gnb-all .ej-navi-depth2 .ej-navi-depth4,
#gnb-all .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul,
#gnb-all .ej-navi-depth2 .ej-navi-depth4 ul,
#gnb-all .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul li,
#gnb-all .ej-navi-depth2 .ej-navi-depth4 ul li,
#gnb-all .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:3px 0 3px 15px; color:#000; border:none; color:#555;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul li a:hover {background:#eee;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:3px 0 3px 25px; color:#000; border:none; color:#555;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a:hover {background:#eee;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:3px 0 3px 35px; color:#000; border:none; color:#555;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a:hover {background:#eee;}

/* 전체보기 : 현재 선택된 메뉴 표시용 */
#gnb-all a.all-active {color:#f00 !important; background:#eee !important;}


/* 사이드 */
#j-l-side .j-side-title {clear:both; margin:0 0 5px; padding:0; font:bold 24px/230% Nanum Gothic, '나눔고딕', sans-serif; background:#fff; border-bottom:1px solid #ddd;}
#j-l-side .j-side-title span {display:block; margin:0; padding:0 0 0 5px;}
#j-l-side .ej-navi-depth2 {border:none; overflow:hidden; background:#fff;}
#j-l-side .ej-navi-depth2 ul {margin:0; padding:0;}
#j-l-side .ej-navi-depth2 ul li {clear:both; margin:0; padding:0; background:url('../../_common/images/side_bg_off.gif') no-repeat 0 0;}
#j-l-side .ej-navi-depth2 ul li a {display:block; line-height:30px; padding:0 0 0 5px; color:#333; border:none;}
#j-l-side .ej-navi-depth2 ul li a:hover {background:url('../../_common/images/side_bg_ovr.gif') no-repeat 0 0;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3,
#j-l-side .ej-navi-depth2 .ej-navi-depth4,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul,
#j-l-side .ej-navi-depth2 .ej-navi-depth4 ul,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li,
#j-l-side .ej-navi-depth2 .ej-navi-depth4 ul li,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; padding:3px 0 3px 15px; color:#000; border:none;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; padding:3px 0 3px 25px; color:#000; border:none;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; padding:3px 0 3px 35px; color:#000; border:none;}

/* 사이드 : 현재 선택된 메뉴 표시용 */
#gnb-all a.all-active {color:#f00 !important; background:#fff !important;}
#j-l-side a.side-active {font-weight:bold; color:#36f !important; background:url('../../_common/images/side_bg_on.gif') no-repeat 0 0 !important;}

#j-l-side .ej-navi-depth2  a.side-active {font-weight:bold; color:#36f !important; background:url('../../_common/images/side_bg_on.gif') no-repeat 0 0 !important;}
#j-l-side .ej-navi-depth3  a.side-active {font-weight:bold; color:#555 !important; background:url('../../_common/images/side_bg_on2.gif') no-repeat 0 0 !important;}


#j-l-side a.side-active img {display:none;}
#j-l-side a.side-active img.o_img_ovr {display:inline;}
#j-l-side a.side-active img.roll_ovr {display:inline;}



/* 사이트맵 */
#sitemap .ej-navi-depth1 {margin:0; padding:0; overflow:hidden;}
#sitemap .ej-navi-depth1 ul {margin:0 0 0 2px; padding:0;}
#sitemap .ej-navi-depth1 ul li {position:relative; width:180px; margin:0; padding:7px; display:inline-block; *display:inline; font-size:12px; vertical-align:top; letter-spacing:0; *zoom:1;}
#sitemap a {display:block; font:bold 14px/16px dotum,gulim,sans-serif; padding:8px 5px; color:#fff; text-decoration:none; background:#333;}
#sitemap .ej-navi-depth2 {border:none; background:#f9f9f9; overflow:hidden; background:#fff;}
#sitemap .ej-navi-depth2 ul {margin:0; padding:0;}
#sitemap .ej-navi-depth2 ul li {clear:both; margin:0; padding:0;}
#sitemap .ej-navi-depth2 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 5px; color:#000; border:1px solid #ddd; border-top:none; color:#111; background:#fff;}
#sitemap .ej-navi-depth2 ul li a:hover {background:#eee;}
#sitemap .ej-navi-depth2 .ej-navi-depth3,
#sitemap .ej-navi-depth2 .ej-navi-depth4,
#sitemap .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul,
#sitemap .ej-navi-depth2 .ej-navi-depth4 ul,
#sitemap .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul li,
#sitemap .ej-navi-depth2 .ej-navi-depth4 ul li,
#sitemap .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 15px; color:#000; border:1px solid #ddd; border-top:none; color:#444; background:#fff;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul li a:hover {background:#f1f1f1;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 25px; color:#000; border:1px solid #ddd; border-top:none; color:#666; background:#fff;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a:hover {background:#f6f6f6;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 35px; color:#000; border:1px solid #ddd; border-top:none; color:#888; background:#fff;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a:hover {background:#f9f9f9;}
