@font-face {
font-family:MalgunGothic;
src:url('/v2/images/MalgunGothic.eot');
}

#topmenu, #GNB, #GNB ul, #GNB li, .all, img, .sub_menu li, .sub_menu li a {margin:0; padding:0; border:0;}  /*관련사항 초기화 - 따로 초기화모드가 있을 경우 제거 height:40px; background: url('/v2/images/gnb/topmenu_bg.jpg') no-repeat;*/
#topmenu {position:relative;  width:960px; height: 40px;  z-index:9;margin:0; padding:0; box-sizing:border-box}
#topmenu2 {position:absolute; width:960px; z-index:99;margin:0; padding:0;} /* 상단메뉴 부분이 하위 컨텐츠에 뭍힐경우 z-index값을 더 높은 숫자로 올려줍니다.*/


#GNB {position:relative; overflow:hidden; display:block;margin:0; padding:0; height:37px; background: #315ad6; box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px; }
#GNB ul {list-style:none; float:left; display:inline-block;margin:0; padding:0;}
#GNB li {float:left; display:inline-block; margin:0; } 
#GNB ul li a{display:inline-block; margin:0; text-align:center; line-height:37px; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:13px; font-weight:bold; color:#f3f3f3; letter-spacing:-1px; }
#GNB ul li a:hover{ color:#1a4ad2; text-decoration:none}
#GNB ul li.m1{margin:0 1px 0 0;}
#GNB ul li.menu_01 a{margin-left:15px; width:100px; }
#GNB ul li.menu_01 a:hover{ color:#1a4ad2; background: url('/v2/images/gnb/topmenu_bg3.png') no-repeat center 0px; }
#GNB ul li.menu_02 a{width:100px; }
#GNB ul li.menu_02 a:hover{ color:#1a4ad2; background: url('/v2/images/gnb/topmenu_bg3.png') no-repeat center 0px; }
#GNB ul li.menu_03 a{width:100px; }
#GNB ul li.menu_03 a:hover{ color:#1a4ad2; background: url('/v2/images/gnb/topmenu_bg3.png') no-repeat center 0px; }
#GNB ul li.menu_04 a{width:100px; }
#GNB ul li.menu_04 a:hover{ color:#1a4ad2; background: url('/v2/images/gnb/topmenu_bg3.png') no-repeat center 0px; }
#GNB ul li.menu_05 a{width:90px; }
#GNB ul li.menu_05 a:hover{ color:#1a4ad2; background: url('/v2/images/gnb/topmenu_bg3.png') no-repeat center 0px; }
#GNB ul li.menu_06 a{width:120px; padding-right:10px }
#GNB ul li.menu_06 a:hover{ color:#1a4ad2; background: url('/v2/images/gnb/topmenu_bg3.png') no-repeat center 0px; }
#GNB ul li.menu_07 a{margin-left:15px; font-size:13px; width:140px; }
#GNB ul li.menu_07 a:hover{ color:#1a4ad2; background: url('/v2/images/gnb/topmenu_bg2.png') no-repeat center 0px; }
#GNB ul li.menu_08 a{font-size:13px; color:#ffd200; width:100px;  }
#GNB ul li.menu_08 a:hover{ color:#ffd200; }
#GNB ul li.menu_09 a{font-size:13px; margin-left:5px;}
#GNB ul li.menu_09 a:hover{ color:#ffd200; }

#GNB ul li:nth-child(7) { background: #353535; }
#GNB ul li:nth-child(8) { background: #353535; }
#GNB ul li:nth-child(9) { background: #353535; padding-right:16px }

#layout_0001, #layout_0002, #layout_0003, #layout_0004, #layout_0005, #layout_0006, #layout_0007, #layout_0008, #layout_0009 {display:none; position:relative; overflow:hidden;}  /* 메뉴 추가시 추가!*/
#layout_0001 {left:14px; top:0px; width:474px; height:220px; background: url('/v2/images/gnb/gnb_bg_detail3.png') no-repeat; }
#layout_0002 {left:114px;top:0px; width:474px; height:220px;  background: url('/v2/images/gnb/gnb_bg_detail3.png') no-repeat;}
#layout_0003 {left:214px;top:0px; width:474px; height:220px;  background: url('/v2/images/gnb/gnb_bg_detail3.png') no-repeat;}
#layout_0004 {left:314px;top:0px;  width:474px; height:220px;  background: url('/v2/images/gnb/gnb_bg_detail3.png') no-repeat;}
#layout_0005 {left:414px; top:0px; width:474px; height:220px;  background: url('/v2/images/gnb/gnb_bg_detail3.png') no-repeat;}
#layout_0006 {left:485px; top:0px; width:474px; height:220px;  background: url('/v2/images/gnb/gnb_bg_detail3.png') no-repeat;}
#layout_0007 {left:485px; top:0px; width:474px; height:220px;  background: url('/v2/images/gnb/gnb_bg_detail3.png') no-repeat;}
#layout_0008 {}
#layout_0009 {position:relative; left:0px; top:5px; width:946px; height:380px; background:#FFF; border:solid 7px #325cd6; } /* url('/v2/images/gnb/gng_service_bg.jpg') no-repeat left top*/

/*#des {position:absolute; right:10px; top:7px;}*/
#des {position:absolute; left:190px; top:15px;}
#des a {display:none;}
#des_banner {position:absolute; left:1px; bottom:8px; z-index:2;}
#des_banner2 {position:absolute; left:190px; bottom:28px; z-index:2;}
#des_banner1 {position:absolute; left:183px; bottom:25px; z-index:2;}
#des_banner3 {position:absolute; left:175px; bottom:25px; z-index:2;}
#gnb_icon {position:absolute; left:290px; top:-5px; width:34px; height:18px; z-index:10;}

#des .gnb_txt{display:block; width:270px; height:220px;text-align:left; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:14px; line-height:22px; letter-spacing:-1px; word-break:keep-all;}
#des .gnb_txt strong{display:block; padding-bottom:10px; color:#1a4ad2; text-align:left; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:16px; font-weight:bold; line-height:22px;}
#des .gnb_txt a:active{background:#fff;}

.sub_menu ul {list-style:none; margin:0; padding:0; border:0; margin:5px 0 0 2px;}
.sub_menu li {padding:5px 0 3px 10px; color:#b1b1b1; font-size:14px; font-weight:bold; }
.sub_menu li a {display:inline-block; line-height:20px; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#555; width:140px; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; }

.sitemap_close {position:absolute; right:3px; top:0px; width:20px; z-index:901;}
.sitemap01 {position:absolute; left:40px; top:25px; width:180px; z-index:901;}
.sitemap02 {position:absolute; left:250px; top:25px; width:180px;  z-index:902;}
.sitemap03 {position:absolute; left:460px; top:25px; width:180px;  z-index:902;}
.sitemap04 {position:absolute; left:670px; top:25px; width:180px; z-index:903;}
.sitemap05 {position:absolute; left:40px; top:175px; width:180px; z-index:904;}
.sitemap06 {position:absolute; left:250px; top:175px; width:180px;  z-index:905;}
.sitemap07 {position:absolute; left:460px; top:175px; width:180px;  z-index:906;}
.sitemap_banner {position:absolute; left:595px; top:171px;z-index:904; }

.tt2 {color:#4379C2; font-weight:bold; padding-bottom:5px; }
.tt2 a{font-size:14px; color:#4379C2; text-decoration:none; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';}
.tt2 a:hover {color:#4379C2; text-decoration:none;}
.tb2 {color:#666; line-height:160%; padding-top:5px;  border-top:1px solid #4379C2;}
.tb2 a{font-size:13px; color:#666; text-decoration:none; font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';}

div#des a#d1_1, div#des a#d2_1, div#des a#d3_1, div#des a#d4_1, div#des a#d5_1, div#des a#d6_1, div#des a#d7_1 {display:block;} /*각 sub 메뉴별 첫번째 상세이미지 id값을 넣어줍니다.*/

.des_show {position:absolute; right:0px; top:0px;}