@charset "utf-8";

body {background:#f5f5f5}

/* 헤더 */
#header {position:relative}
#header > .inner {position:relative; width:1025px; margin:auto}
#header > .inner .top {padding-top:35px}
#header #logo {float:left}
#header > .inner .top .searchbox {position:relative; float:left; width:400px; margin-left:110px; box-shadow:1px 2px 2px 0 rgba(0, 0, 0, .1)}
#header > .inner .top .searchbox:before {position:absolute; top:50%; right:10%; content:''; width:1px; height:20px; margin-top:-10px; background:#d0dcf5}
#header > .inner .top .searchbox input[type=text] {float:left; width:90%; height:37px; color:#999; padding:0 15px; border:none; background:#fff; outline:none}
#header > .inner .top .searchbox input[type=submit] {float:left; width:10%; height:37px; font-weight:600; color:#45619d; border:none; background:#fff; cursor:pointer}
#header #gnb {float:right; font-size:0; text-align:right; padding-top:15px}
#header #gnb > li {display:inline-block; font-size:14px; margin-left:30px}
#header #gnb > li a {color:#a4a4a4}
#header #gnb > li i {margin-right:5px; vertical-align:0}
#header #lnb {margin:20px 0; border-radius:4px; overflow:hidden}
#header #lnb > li {float:left; width:20%; height:60px}
#header #lnb > li a {position:relative; display:block; width:100%; height:100%; font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:58px; background:#45619d}
#header #lnb > li a:before {position:absolute; top:0; left:0; width:1px; height:100%; content:''; background:#3e5688}
#header #lnb > li:first-child a:before {display:none}
#header #lnb > li a:hover {background:#4967a7}

/* 라이브러리 헤더 */
body.library #header {background:#fff}
body.library #header #gnb {margin-bottom:20px; padding-top:0}
body.library #header #library-nav {float:right; width:710px; border-radius:8px 8px 0 0; overflow:hidden}
body.library #header #library-nav > li {float:left; width:33.333334%}
body.library #header #library-nav > li a {position:relative; display:block; width:100%; height:60px; font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:60px; background:#38475e}
body.library #header #library-nav > li a i {margin-right:10px; vertical-align:-3px}
body.library #header #library-nav > li a:hover {background:#334157}
body.library #header #library-nav > li a:before {position:absolute; top:0; left:0; width:1px; height:60px; content:''; background:#1f2838}
body.library #header #library-nav > li:first-child a:before, body.library #header #library-nav > li.on a:before {display:none}
body.library #header #library-nav > li.on a {background:#0eaeb3}

/* 좌측메뉴 */
#leftNav {float:left; width:242px; overflow:hidden}
#leftNav > .title {position:relative; height:60px; text-align:center; border:1px solid #3f6abf; border:1px solid #3f6abf; border-radius:6px 6px 0 0; background:#507cd3}
#leftNav > .title h2 {font-size:20px; font-weight:600; color:#fff; line-height:60px}
#leftNav > .title h2 span {font-size:13px; font-weight:normal; color:#b8c4dd; margin-left:15px}
#leftNav > ul {border:1px solid #e5e5e5; border-radius:0 0 6px 6px; border-top:none; background:#fff}
#leftNav > ul > li {border-top:1px solid #e5e5e5}
#leftNav > ul > li:first-child {border-top:none}
#leftNav > ul > li a {display:block; padding:13px 25px; font-size:14px; font-weight:600; color:#2e2e2e}
#leftNav > ul > li.on a, #leftNav > ul > li a:hover {font-weight:800; color:#507cd3}

/* 하단 롤링 협력기관 배너 */
#company-slider {clear:both; position:relative; width:1025px; height:65px; margin:15px auto auto; border:1px solid #e5e5e5; border-radius:6px; background:#fff}
#company-slider .sliderWrapper {position:relative; width:895px; margin:auto; overflow:hidden; margin-bottom:2px}
#company-slider .sliderWrapper .imgList {position:relative; width:1000%}
#company-slider .sliderWrapper .imgList > li {float:left; display:table; width:179px; height:65px; text-align:center; table-layout:fixed}
#company-slider .sliderWrapper .imgList > li a {display:table-cell; height:100%; vertical-align:middle}
#company-slider .control {position:absolute; display:block; top:0; width:65px; height:65px; text-indent:-9999em; background-position:50% 50%; background-repeat:no-repeat}
#company-slider .control.prev {left:0; background-image:url(../img/btm_arrow_left.png)}
#company-slider .control.next {right:0; background-image:url(../img/btm_arrow_right.png)}

#company-slider2 {clear:both; position:relative; width:1025px; height:65px; margin:5px auto auto; border:1px solid #e5e5e5; border-radius:6px; background:#fff}
#company-slider2 .banner {margin:0px auto;}

/* 푸터 */
#footer {clear:both; margin-top:50px; padding-bottom:30px}
#footer > .inner {width:1025px; margin:auto}
#footer > .inner .link-list {margin-bottom:30px}
#footer > .inner .link-list > li {display:inline-block}
#footer > .inner .link-list > li:before {display:inline-block; width:1px; height:10px; margin:0 8px; content:''; background:#c8c8c8; vertical-align:-1px}
#footer > .inner .link-list > li:first-child:before {display:none}
#footer > .inner .link-list > li a {color:#999}
#footer > .inner address {color:#666; line-height:20px}
#footer > .inner .logo {float:left}
body.library #footer > .inner address {padding-top:5px}