﻿#wrap { width:100%; margin:0 auto; }

/* 상단 영역 */
#header { width:100%; overflow:hidden; margin-bottom:30px; }
#header div#area-util { width:100%; height:40px; border-bottom:1px solid #e1e1e1; }
#header div#area-util div { width:1000px; height:40px; margin:0 auto; position:relative; }
h1#logo { position:absolute; top:46px; width:300px; height:71px; z-index:1; }
h1#logo a { display: block; font-size: 1em; }
h1#logo img { width: 300px; }
#header #skip-nav { float:left; line-height:40px; }
#header #util-menu ul { float:right; }
#header #util-menu li { float:left; line-height:40px; padding:0 1em; font-size: 1rem; }

#header #topmenu-area { width:100%; height:80px; padding-bottom:42px; background:url(/Content/Images/menu/submenu_back.gif) repeat-x bottom; }
#header #topmenu-area #top-nav { width:1000px; height:70px; margin:0 auto; position:relative; }
#header #topmenu-area #top-nav ul#top-menu { float:right; }
#header #topmenu-area #top-nav ul#top-menu { margin-top:35px; float: right; margin-right:10px; }
#header #topmenu-area #top-nav ul#top-menu li { float:left; margin-left:60px; font-weight: bold; font-size: 1.4rem; }
#header #topmenu-area #top-nav ul#top-menu li ul { display:block; position:absolute; top:75px; line-height:55px; background:url(/Content/Images/Common/select_topmenu.gif) no-repeat; }
#header #topmenu-area #top-nav ul#top-menu li ul li { float:left; margin:0; padding:0 1rem; font-size: 1.1rem; background:url(/Content/Images/menu/submenu_splitbar.gif) no-repeat left; }
#header #topmenu-area #top-nav ul#top-menu li ul li.first { background:none; }
#header #topmenu-area #top-nav ul#top-menu li ul li a { color:#000; }
#header #topmenu-area #top-nav ul#top-menu li ul#sub-menu_01 { right:0; background-position:180px top; }
#header #topmenu-area #top-nav ul#top-menu li ul#sub-menu_02 { right:0; background-position:575px top; }
#header #topmenu-area #top-nav ul#top-menu li ul#sub-menu_03 { right:0; background-position:415px top; }
#header #topmenu-area #top-nav ul#top-menu li ul#sub-menu_04 { right:0; background-position: right 50px top; }

#body { margin-top:0; width:1000px; margin:0 auto; }
#body:after { content:""; display:block; clear:both; }
#contents { width:1000px; margin:0 auto; float:left; }

/* 하단 영역 */
#footer { width:100%; height:12em; border-top:1px solid #e1e1e1; clear:both; }
#bottom-utils-bar { width:100%; height:60px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
#bottom-utils { width:1000px; height:60px; position:relative; margin:0 auto; }
#bottom-logo { position:absolute; left:0; top:16px; }
#bottom-viewer { margin-left:750px; padding-top:20px; }
#bottom-viewer dt { float:left; margin-right:10px; }
#bottom-viewer dd { float:left; }
#bottom-viewer li { float: left; line-height: 30px; padding:0 2px; }
#co-info { width:1000px; margin:0 auto; line-height:1.3em; position:relative; }
#co-info dl { font-size:.9em; margin-top:25px; line-height: 2rem; }
#co-info dt { float:left; padding-left:10px; margin-right:5px; }
#co-info dt.first { padding-left:0; }
#co-info dd { float:left; padding-right:10px; background:url(/Content/Images/Common/splitbar_gray_10.gif) no-repeat right; }
#co-info dd.last { background:none; }
#copyright { font-size:.9em; color:#3a6bab; clear:both; line-height:30px; }
#cert-mark { position:absolute; top:0; right:20px; }
#cert-mark li { float:left; margin-right:20px; }
#cert-mark li img { height:50px; }