@charset "utf-8";

h1, h2, h3, h4, h5 { font-size:12px; margin:0; padding:0; }

#accessibility,
.hidden
{ position:absolute; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0; z-index:-1; }
.show { position:static !important; width:auto !important; height:auto !important; z-index:0 !important; line-height:150% !important; font-size:12px !important; }

#container:after, #gnb:after, #lnb:after { content:""; display:block; clear:both; }

/* LayOut */
body {  }
#wrap { position: relative;  }
#header { position: relative; width:996px; height:278px; margin:0 auto; }
#container { position:relative; width:996px; margin:0 auto; }
#contents { position:relative; }

/* 메뉴전체보기 */
#allMenu { display:none; position:absolute; top:0; left:0; width:100%; height:429px; z-index:10; background:url(/images/common/bg_allMenu.gif) repeat-x; }
#allMenu div { position:relative; width:990px; height:313px; margin:0 auto; padding:116px 0 0 0; background:url(/images/common/bg_allMenu02.gif) no-repeat; }
#allMenu ul { width:940px; margin:0 auto; padding-left:10px; }
#allMenu ul:after { content:""; display:block; clear:both; }
#allMenu ul ul { float:left; width:140px; padding:0 0 0 6px; background:none; }
#allMenu li { float:left; display:block; width:156px;}
#allMenu li a { display:block; width:112px; height:43px; line-height:41px; padding-left:38px; color:#1a55a7; font-weight:bold; background:url(/images/common/bullet_allMenu.gif) no-repeat; }
#allMenu li li { width:140px; }
#allMenu li li a { width:115px; height:30px; line-height:30px; padding-left:24px; color:#646970; font-weight:normal; border-bottom:1px solid #e1e4e4; background:url(/images/sub06/bullet_sitemap02.gif) 13px 9px no-repeat; }
#allMenu p { position:absolute; bottom:0; left:871px; }

/* header */
#logo { position:absolute; top:21px; left:66px;  }
#gnb { margin:0 0 0 720px; height:29px; }
#gnb li { float:left; display:inline; line-height:29px; }
#gnb li a { display:block; }
#gnb li img { vertical-align:top; }

/* searchGroup */
#searchGroup { position:absolute; top:26px; left:323px; width:379px; height:37px; padding:7px 0 0 22px;; background:url(/images/common/bg_search.gif) no-repeat; }
#searchGroup label { display:inline-block; vertical-align:middle; height:24px; line-height:24px;padding:0 5px 0 3px; color:#a5b4c0; overflow:hidden; }
#searchGroup #search01, #searchGroup #search02 { margin:-3px 0 0 0; padding:0; width:12px; height:12px; line-height:24px; }
#searchGroup label.sLabel01 { width:40px; }
#searchGroup label.sLabel02 { width:25px; }
#searchGroup label.on { color:#2b4966; font-weight:bold; }
#searchString { width:161px; height:24px; padding:0 0 0 5px; border:0px; background:url(/images/common/txt_search.gif) no-repeat; }

/* lnbGroup */
#lnbGroup { position:absolute; top:63px; left:66px; width:864px; height:69px; background:url(/images/common/bg_lnb.gif) no-repeat; }
#lnbGroup .allMenu a:active, #lnbGroup .allMenu a:focus, #lnbGroup .allMenu a:hover,
#lnbGroup .lnbRight a:active, #lnbGroup .lnbRight a:focus, #lnbGroup .lnbRight a:hover { text-decoration:none; }
/* 전체메뉴보기 */
#lnbGroup .allMenu { float:left; width:174px; }
#lnbGroup .allMenu a { display:block; width:84px; height:32px; padding:0 45px; line-height:30px; color:#d6dced; }
/* 주메뉴 우측 (강사,도서추천) */
#lnbGroup .lnbRight { float:left; width:150px; padding:0 0 0 8px; }
#lnbGroup .lnbRight li { float:left; }
#lnbGroup .lnbRight a { display:inline-block; height:32px; padding:0 11px; line-height:31px; color:#d6dced; }
#lnbGroup .lnbRight a:active, #lnbGroup .lnbRight a:focus,#lnbGroup .lnbRight a:hover { color:#ffeaa0; }
/* 주메뉴 */
#lnb { position:relative; float:left; width:670px; height:69px; padding:0 0 0 10px; }
#lnb li { float:left; line-height:100%; /*background:url(/images/common/div_lnb.gif) right top no-repeat;*/ margin:0 24px 0 0;}
#lnb li#menu6 { background:none; float:right;}
#lnb li a { display:inline-block; height:32px; padding:0 9px; line-height:31px; color:#d8dfea; font-weight:bold; }
#lnb li.on a, #lnb li a:active, #lnb li a:focus, #lnb li a:hover { color:#ffeaa0; text-decoration:none; }
#lnb .lnbSub { display:none; position:absolute; top:32px; left:0; width:690px; }
#lnb #menu4 .lnbSub { padding-left:150px; width:700px;}
#lnb #menu5 .lnbSub { padding-left:110px;}
#lnb #menu6 .lnbSub { padding-left:280px; width:720px; }
#lnb .lnbSub li { display:inline; background:none; margin:0;} /* depth2 */
#lnb .lnbSub a { padding:0 8px; color:#566980; font-weight:normal; }
#lnb li.on .lnbSub a, #lnb .lnbSub a:active, #lnb .lnbSub a:focus, #lnb .lnbSub a:hover { color:#002a5c; font-weight:bold; text-decoration:none; }
.noscriptLnb { position:absolute; top:100px; left:200px; }

/* favorite */
#quickfavorite { display:none; position:absolute; top:0px; left:-170px; width:157px; height:301px; z-index:11; background:url(/images/common/bg_quickMenuSet.gif) no-repeat; }
#quickfavorite h5 { height:31px; line-height:35px; padding-left:14px; color:#1c3a72; overflow:hidden; }
#quickfavorite p.inform { margin:10px; font-size:11px; background:#eee; padding:8px 5px 8px 10px; }
#quickfavorite ul { padding:13px 14px; height:217px; overflow:auto; }
#quickfavorite ul:after { content:""; display:block; clear:both; }
#quickfavorite li { float:static; display:block; width:130px; }
#quickfavorite .favorite_bar { margin-left:10px; margin-right:10px; margin-bottom:6px; font-size:0px; height:1px; border-top:1px solid #d1d1d1; }
#quickfavorite p.setup_button { width:157px; height:25px; text-align:center; overflow:hidden; }
#quickfavorite p.setup_button *{ float:none; }
#quickfavorite p.setup_button a { display:inline-block; line-height:25px; }

/* footer */
#footer { height:128px; /*text-align:center;*/ background:url(/images/common/bg_footer.gif) repeat-x; }
#footer ul { width:530px; margin:0 auto; }
#footer ul:after { content:""; display:block; clear:both; }
#footer li { float:left; background:url(/images/common/div_footer.gif) right 12px no-repeat; }
#footer a { display:inline-block; height:36px; line-height:36px; padding:0 9px; color:#939aa0; font-weight:bold; }
#footer p {margin:0 30px 0 0; float:left;}

/* logout */
.logout { position:relative; top:2px; left:730px; width:80px; }