@charset "utf-8";

/* 상단메뉴 */
#header {width:100%;  border-bottom:1px solid #dcdcdc; background:#fff url('../images/top/top_bg.gif') repeat-x; }
.header_wrap {width:1270px; height:133px; margin:0 auto;}
.header_in {position:relative; height:133px; z-index:100;}

/* 소메뉴 */
#top_sm {position:absolute; top:0; right:0; z-index:3;}
#top_sm .smenu { float:right; width:265px; background:#fff; padding:0; overflow:hidden; }
#top_sm .smenu ul { width:auto; padding:0; }
#top_sm .smenu li { display:inline-block; height:35px; line-height:35px; margin:0 }
#top_sm .smenu li a { height:auto; font-size:13px; color:#666; padding:0 7px; background:url('../images/common/bullet_04.gif') no-repeat 0 50%; }
#top_sm .smenu li:first-child a { padding:0 7px; margin-left:15px; }
#top_sm .smenu li:last-child a { padding:0 0 0 7px }

/* 로고 */
h1 {position:absolute; top:60px; left:0; width:390px;}

/* ============================================================================================================================================================== */
/* 전체메뉴 */
#allMenu { position:absolute; width:1270px; height:580px; top:-800px; left:50%; margin-left:-635px; border:2px solid #366db5; background:#fff; z-index:3000; }
#allMenu .info { padding:26px; }
#allMenu .header { display:block; padding-left:15px; height:45px; line-height:45px; background:#366db5; }
#allMenu .header h2 { float:left; display:block; font-family:'Nanum Square-b'; font-size:20px; font-weight:500; color:#fff; }
#allMenu .header h2 span { color:#fff; }
#allMenu .pop_close { float:right; width:45px; height:45px; padding-left:15px; background:#545557 url('../images/top/pop_close.png') no-repeat 50%; background-size:50%; 
border:1px solid #545557; border-left:none; font-size:0;  }

/* 사이트맵 */
#allMenu .sitemap_wrap { margin:0 auto; display:table; border-top:2px solid #366db5; }
#allMenu .sitemap_wrap dt { display:table-cell; width:270px; vertical-align:middle; margin-right:18px; font-size:18px; font-family:'Nanum Square-b'; color:#000; }
#allMenu .sitemap_wrap dd { display:table-cell; width:1000px; border-left:1px solid #e5e5e5; padding:5px 0 5px 18px; }
#allMenu .sitemap_wrap dd ul { overflow:hidden; }
#allMenu .sitemap_wrap dd ul li { float:left; width:155px; line-height:20px; }
#allMenu .sitemap_wrap dd ul li a { font-weight:bold; color:#666; }
#allMenu .sitemap_wrap dd ul li a:hover { color:#366db5; }
#allMenu .sitemap_wrap dd ul li.ss1 a,
#allMenu .sitemap_wrap dd ul li.ss2 a,
#allMenu .sitemap_wrap dd ul li.ss3 a { font-weight:normal; color:#366db5 !important; }
#allMenu .sitemap_box01, #allMenu .sitemap_box02, #allMenu .sitemap_box03, 
#allMenu .sitemap_box04, #allMenu .sitemap_box05, #allMenu .sitemap_box06 { clear:both; overflow:hidden; padding:20px 0; border-bottom:1px solid #e5e5e5; }
/* ============================================================================================================================================================== */

/* gnb 대메뉴 공통속성 */
#gnb { position:absolute; top:76px; left:390px;}

#gnb ul li a {padding:19px 17px; font-family: 'Nanum Square-b', 'Nanum Gothic'; font-size:18px; letter-spacing:-0.5px; color:#000; }
#gnb ul li:hover a.mm { color:#427b06; background:url('../images/common/menu_arrow.gif') no-repeat center bottom }
#gnb ul li a.on { color:#427b06; }

#gnb ul { font-size:0; margin:0; padding:0; }
#gnb ul li { display:inline-block; position:relative; }

/* 서브메뉴 속성 -처음에는 안보이게 설정 */
#gnb ul li ul {
  display: none; position: absolute; top:40px; left:-10px; z-index:99; box-shadow:3px 3px 7px rgba(0, 0, 0, 0.5); 
  width:180px;list-style:none;overflow:hidden; border:1px solid #e8e8e8; border-top:1px solid #4aab26; border-bottom:none; background:#fff; 
}

#gnb ul li ul.ml_03 {left:0;}
#gnb ul li ul.ml_04 {left:-30px;}
#gnb ul li ul.ml_05 {left:-40px;}
#gnb ul li ul.ml_06 {left:0;}

#gnb ul li ul li {display:block; width:180px;height:40px;}
#gnb ul li ul li a:link, 
#gnb ul li ul li a:visited {display:block; width:100%; background:none; color:#555; border-bottom:1px solid #e8e8e8;
font-family:'Nanum Gothic'; font-weight:bold; font-size:14px; line-height:40px; height:40px; padding:0 10px;}
#gnb ul li ul li a:hover, 
#gnb ul li ul li a:focus, 
#gnb ul li ul li a:active {color:#fff; background:#4aab26;}