#wrap { width:100%; }
.content-wrap { width:1100px; margin:0 auto; position:relative; height: 100%; }
.content-wrap:after { content:""; display:block; clear:both; }

/* 상단 영역 */
#skip-nav { display: block; top: 0; width: 100%; line-height: 1.8em; background-color: #f1f1f1; text-align: center; border-bottom: solid 1px #e1e1e1; font-weight: 900; }
#header { position:relative; width:100%; height: 80px; }
#header h1 { position: absolute; top: 50%; transform: translateY(-50%); width: 270px; height: 40px; background: url(/Content/Images/Common/logo.png) no-repeat; text-indent: -9999px; }
#header #search-all { position: absolute; padding-left: 10px; left: 40%; transform: translateX(-50%); top: 50%; transform: translateY(-50%); border: 1px solid #ddd; }
#header #search-all input { border: none; width: 200px; }
#header #search-all button { border: none; background-color: #fff; color: #666; text-align: center; height: 30px; }
#header #util-link { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#header #util-link li { display: inline-block; padding: 0 10px; background: url(/Content/Images/Common/bar_gray_v_9.png) no-repeat left center; line-height: 30px; font-weight: 600; }
#header #util-link li.first { background: none; }
#header #util-link li.sns { background: none; color: #000; background: #eee; width: 30px; height: 30px; text-align: center; }

.navbar { height: 70px; border-top: 1px solid #eee; border-bottom: 1px solid #cacaca; margin-bottom: 0; padding: 0; }
.navbar-nav > li > a { padding: 22px 0; text-align: center; border-top: 2px solid transparent; border-bottom: 2px solid  transparent; }
.navbar-nav > li > a:hover { border-bottom: 2px solid  #a3a8ce; }

#top-menu {}
#top-menu > li { font-weight: 600; font-size: 1.3em; position: relative; width: 170px; }
#top-menu > li#top-menu-02 { width: 190px; }
#top-menu > li#top-menu-03 { width: 150px; }
#top-menu > li#top-menu-06 { width: 220px; }
#top-menu > li#top-menu-07 > a { color: #2267b1; font-size: 1.1em; background-color: #f9f9f9; }
#top-menu > li.first { }
#top-menu > li > ul { position: absolute; min-width: 10em; top: 69px; left: 0; border-left: 1px solid #ebebeb; padding-left: 20px; padding-top: .5em; height: 14em; background-color: #fff; z-index: 3; }
#top-menu > li.first > ul { left: 0; border-left: none; }
#top-menu > li > ul > li { font-weight: 300; font-size: .85em; padding: .3em 0; }
#top-menu-back { font-size: 1.3em; position: absolute; width:100%; top: 69px; height: 14.1em; background-color: #fff; border-bottom: 1px solid #ebebeb; z-index: 2; }


/* 본문 영역 */
#contents { width:100%; }


/* 하단 영역 */
footer { 
    position: relative;
    top: -20px;
    font-size: .85em;
    line-height: 1.7em;
    font-weight: 600;
}

footer h2 {
    font-size: 1.2em;
    font-weight: 600;
    color: #7983b8;
    line-height: 2em;
    border-bottom: 1px solid #7983b8;
    margin-bottom: .5em;
}

footer #list-reader li {
    display: inline-block;
    margin-right: 2px;
}

footer #list-reader li img {
    width: 24px;
    height: 24px;
}