@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;}  /*관련사항 초기화 - 따로 초기화모드가 있을 경우 제거 */
#topmenu {position:relative;  width:960px; height:40px; background: #315bd7; z-index:9;margin:0; padding:0; }
#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:40px; }
#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:38px; font-family:'Apple SD Gothic Neo', 'Roboto', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:14px; 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{height:40px; margin-left:15px; width:110px;     box-sizing: border-box;}
#GNB ul li.menu_01 a:hover{ color:#1a4ad2;background: #fff; border-top:solid 1px #adadad; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#GNB ul li.menu_02 a{height:40px; width:105px; }
#GNB ul li.menu_02 a:hover{ color:#1a4ad2; background: #fff; border-top:solid 1px #adadad; border-top-left-radius: 3px; border-top-right-radius: 3px;}
#GNB ul li.menu_03 a{height:40px; width:105px; }
#GNB ul li.menu_03 a:hover{ color:#1a4ad2; background: #fff; border-top:solid 1px #adadad; border-top-left-radius: 3px; border-top-right-radius: 3px;}
#GNB ul li.menu_04 a{height:40px; width:95px; }
#GNB ul li.menu_04 a:hover{ color:#1a4ad2; background: #fff; border-top:solid 1px #adadad; border-top-left-radius: 3px; border-top-right-radius: 3px;}
#GNB ul li.menu_05 a{height:40px; width:125px; margin-right: 15px; box-sizing: border-box;}
#GNB ul li.menu_05 a:hover{ color:#1a4ad2; background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px;}
#GNB ul li.menu_06 a{height:40px; margin-left:15px; font-size:13px; width:140px; box-sizing: border-box;}
#GNB ul li.menu_06 a:hover{ color:#1a4ad2;background: #fff; border-top:solid 1px #adadad;  border-top-left-radius: 3px; border-top-right-radius: 3px;}
#GNB ul li.menu_07 a{font-size:13px; color:#ffd200; width:100px; height:40px; }
#GNB ul li.menu_07 a:hover{ color:#ffd200; }
#GNB ul li.menu_08 a{font-size:13px; margin-left:10px; width: 95px; height:40px; padding-right: 20px; box-sizing: border-box; }
#GNB ul li.menu_08 a:hover{ color:#ffd200; }
#GNB ul li.gnb_div{width: 1px; height: 16px; background: #5877d3; margin: 10px 2px; padding: 0;  box-sizing: border-box; }
#GNB ul li.gnb_div2{position: relative; width:5px; height:40px; background: #393939; margin: 0; padding: 0;  box-sizing: border-box; }
#GNB ul li.gnb_div2:after {display: block; clear: both; content: ""; position: absolute; top: 12px;  left: 4px;  width: 1px; height: 16px; background: #515151;}
#GNB ul li.menu_06 {background: #393939;}
#GNB ul li.menu_07 {background: #393939;}
#GNB ul li.menu_08 {background: #393939;}


#layout_0001, #layout_0002, #layout_0003, #layout_0004, #layout_0005, #layout_0006,#layout_0007,#layout_0008 {display:none; position:relative; overflow:hidden;}  /* 메뉴 추가시 추가!*/
#layout_0001 {left:14px; top:0px; width:474px; height:220px; background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0002 {left:129px;top:0px; width:474px; height:220px; background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0003 {left:239px;top:0px;  width:474px; height:220px; background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0004 {left:349px; top:0px; width:474px; height:220px; background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0005 {left:449px; top:0px; width:474px; height:220px; background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0006 {left:484px; top:0px; width:474px; height:220px; background: #fff; border:solid 1px #adadad; border-top:none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#layout_0007 {}
#layout_0008 {position:relative; left:0px; top:5px; width:946px; height:380px; background:#FFF url('/v2/images/gnb/gng_service_bg.jpg') no-repeat left top; border:solid 7px #325cd6}

#layout_0001:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 320px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0002:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 320px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0003:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 320px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0004:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 320px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0005:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 330px; height: 250px; background: #f8f8f8; z-index:0;}
#layout_0006:after {display: block; clear: both; content: ""; position: absolute; top: 0;  left: 180px;  width: 320px; height: 250px; background: #f8f8f8; z-index:0;}


/*#des {position:absolute; right:10px; top:7px;}*/
#des {position:absolute; left:200px; top:15px; z-index:1;}
#des a {display:none;}
#des > a:hover {text-decoration:none; color: #555}
#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:215px; top:-5px; width:34px; height:18px; z-index:10;}

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

/* 2025.03.14 gnb 배너 추가 */
.gnb_ban_nw {width:100%; height: 80px; position:absolute; top:140px; left:180px; z-index:1; background:#deefe6;  padding: 15px 20px; box-sizing: border-box;}
.gnb_ban_nw h5 {font-size:16px; font-family: 'GmarketSansMedium'; color: #10a260; letter-spacing:-1px;  font-weight: bold; margin-bottom: 5px;}
.gnb_ban_nw p {font-size:12px; font-family:'Apple SD Gothic Neo','맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; color: #212f28; letter-spacing:-1px; line-height: 1.3; }
.gnb_ban_nw .img-logo {width:54px; height:54px; background: url('/v2/images/nworks/nworks_part_logo.webp') no-repeat; background-size: 54px 54px;  position: absolute; top: 12px; left: 225px; box-shadow: rgba(0, 0, 0, 0.15) 4px 6px 7px 2px; border-radius: 10px; border: solid 1px #37db66;}

.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; font-family:'Apple SD Gothic Neo', 'Roboto', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';}
.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:inherit; }
.sub_menu li a:hover {text-decoration:none; color:#1a4ad2;}
.sub_menu li:hover {color:#1a4ad2; background:#f8f8f8;}

.sitemap_close {position:absolute; right:3px; top:0px; width:20px; z-index:901;}
.sitemap01 {position:absolute; left:245px; top:20px; width:180px; z-index:901;}
.sitemap02 {position:absolute; left:450px; top:20px; width:180px;  z-index:902;}
.sitemap03 {position:absolute; left:665px; top:20px; width:250px; z-index:903;}
.sitemap04 {position:absolute; left:245px; top:175px; width:180px; z-index:904;}
.sitemap05 {position:absolute; left:450px; top:175px; width:180px;  z-index:905;}
.sitemap06 {position:absolute; left:665px; top:175px; width:250px;  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:'Apple SD Gothic Neo','맑은 고딕', '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:'Apple SD Gothic Neo','맑은 고딕', '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 {display:block;} /*각 sub 메뉴별 첫번째 상세이미지 id값을 넣어줍니다.*/

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