@charset "UTF-8";
@import url("base.css");
@import url("board.css");

/*
	Cidow.
	Korea Database Agency
	Website Layout CSS
*/

/* layout */
div#wrap_kdpc {position:relative; width:990px; margin:0 auto;}
div#header {position:relative; width:990px; height:165px; margin:0 auto; padding:0 0 0 0; background:#fff url("/publishing/img/layout/top_back0101.gif") no-repeat left top; z-index:3;}
div#container { position:relative; overflow:hidden; width:980px; margin:5px auto 5px auto; padding:0 10px 0 0; z-index:1;}
div#footer {position:relative; width:990px; margin:20px auto 0; padding-top:5px; background:#fff url("/publishing/img/layout/footer_back.gif") no-repeat left top;}

/* header */
div#header h1 {position:absolute; left:0px; top:50px;}
div#header h2 {position:absolute; left:720px; top:52px;}
div#header h3 {position:absolute; left:265px; top:105px;}
div#header h4 {position:absolute; left:0px; top:30px;}

div#header ul.topmenu {overflow:hidden; float:left; left:0px; top:5px; width:275px; height:16px; _height:15px; padding:0; background:url("/publishing/img/layout/btn_top.gif") no-repeat left top;}
div#header ul.topmenu li {float:left; text-indent:-999em;}
div#header ul.topmenu li a {display:block; background:url("/publishing/img/layout/btn_top.gif") no-repeat left top; font-size:90%;}
div#header ul.topmenu li a:hover {background:url("/publishing/img/layout/btn_top_on.gif") no-repeat left top;}
div#header ul.topmenu li.home a,
div#header ul.topmenu li.home a:hover {width:50px; background-position:0 0;}
div#header ul.topmenu li.mypage a,
div#header ul.topmenu li.mypage a:hover {width:60px; background-position:-50px 0;}
div#header ul.topmenu li.itdic a,
div#header ul.topmenu li.itdic a:hover{width:60px; background-position:-110px 0;}
div#header ul.topmenu li.sitemap a,
div#header ul.topmenu li.sitemap a:hover {width:50px; background-position:-170px 0;}
div#header ul.topmenu li.custom a,
div#header ul.topmenu li.custom a:hover {width:50px; background-position:-220px 0;}

div#header div.topbanner {overflow:hidden; float:left; padding-left:50px;}
div#header div.toplog {overflow:hidden; position:relative; float:right; color:#7791a3; font-weight:bold;}
div#header div.toplog input.text {display:inline-block; width:85px; height:14px; border:1px solid #a6abaf;}

/* 2010-03-16 추가 */
div#header div.toplog #id{background:#fff url(/publishing/img/layout/login_id_header.gif) no-repeat 0px 0px;}
div#header div.toplog #pw{background:#fff url(/publishing/img/layout/login_pw_header.gif) no-repeat 0px 0px;}
div#header div.toplog .text.focus{border:1px solid #157bc3; background:#fff !important;}
div#header div.toplog .text.focusnot{background:#fff !important;}
/* 2010-03-16 추가 */

div#header div.mnb {overflow:hidden; position:absolute; left:0; top:128px; width:990px; height:37px; z-index:100;}

/* search */
div.search {position:relative; display:inline; float:left; width:393px; height:25px; margin:40px 0 0 292px; padding:9px 13px 8px 12px; background:url("/publishing/img/layout/bg_search_0128.gif") no-repeat left 6px; z-index:100; clear:both;}
div.search select {font-size:90%;}
div.search .btn_search {position:absolute; top:16px;}
/*div.search input.keyword {width:227px; margin:7px 0 0 85px;border:1px solid #fff;}*/
/* 2010-06-17 추가 DA 설계 공모대전 홍보 관련 */
/*
2010-08-27 DA설계 공모대전 홍보 이미지 제거
div.search input.keyword {width:227px; margin:7px 0 0 85px;border:1px solid #fff; background:#fff url(/publishing/img/main/search_event_da.gif) no-repeat 0px 0px;}
*/
div.search input.keyword {width:227px; margin:7px 0 0 85px;border:1px solid #fff; background:#fff no-repeat 0px 0px;}
div#header div.search .keyword.focus{border:1px solid #fff; background:#fff !important;}
div#header div.search .keyword.focusnot{background:#fff !important;}


/* recommendation */
div.s_word {display:block; float:left; width:380px; height:25px; margin:25px 0 0 -410px; padding:0 0 0 -50px; z-index:900;}
div.s_word {position:relative;}
div.s_word ul {position:absolute; left:60px; top:2px; width:100%; height:18px; padding:0 0 0 7px;}
div.s_word ul li {float:left; margin-left:3px; font-size:90%;}
div.s_word ul li.style1 a {color:#6091b6;}

div.s_word div.on div#recomm {display:block;}
div.s_word div#recomm {display:none; position:absolute; left:6px; top:16px; width:127px; height:158px; padding:0 0 0 12px; background:url("/publishing/img/layout/bg_recomm.gif") no-repeat left bottom; z-index:100;}
div.s_word div#recomm p {padding:0 0; font-weight:bold; color:#007a99;}
div.s_word div#recomm ol {margin:0 0 0 0;}
div.s_word div#recomm li {margin:0 0 4px 0; *margin:0 0 3px 0;}
div.s_word div#recomm a {color:#818181}
div.s_word div#recomm a.more {display:block; position:relative; margin:0 0 0 80px; font-size:90%;}

body.main div.snb_btn {display:none;}
div.snb_btn {position:absolute; width:180px; height:25px; margin:10px 0 0 0; text-indent:3px; clear:both; z-index:2; }

/* topbar */
div#wrap_kdpc div.topbar {height:32px; margin:0 0 30px 0; padding:9px 0;}
div#wrap_kdpc div.topbar * {vertical-align:middle;}
div#wrap_kdpc div.topbar div {width:970px; margin:0 auto;}
div#wrap_kdpc div.topbar form.search_bar {display:inline; width:450px; padding-left:33px;}
div#wrap_kdpc div.topbar form.search_bar fieldset {display:inline;}
div#wrap_kdpc div.topbar input {width:263px; height:14px; padding:7px 12px 6px 12px; border:2px solid #464646; border-right:1px solid #464646; color:#5c5c5c; font-size:12px; background:url("/publishing/img/layout/bg_search.gif") repeat-x left top; vertical-align:middle;}
div#wrap_kdpc div.topbar input.search {width:auto; height:auto; padding:0; border:2px solid #464646; border-left:none;}

/* lside(leftside) */
div.lside {overflow:hidden; float:left; width:180px; margin-right:10px; vertical-align:middle; clear:both;}

/* account
form.account {overflow:hidden; float:right; width:380px; height:18px; margin-bottom:0px; padding:100px 0px 0px 0px;}
form.account h3 {height:32px; margin-top:3px; margin-bottom:9px; _margin-bottom:5px; text-indent:45px; background:none;}
form.account p {position:relative; right:0px; width:380px; margin:0 auto; _margin-bottom:2px; color:#575757; }
form.account p.id_pw input.login_btn {position:absolute; right:4px; top:1px;}
form.account p.id_pw input {_margin-bottom:-1px; *margin-bottom:-1px;}
form.account p.id_pw input.btn {position:absolute; top:2px; right:0;}
form.account p.id_pw label {display:none; visibility: visible;}
form.account p.id_pw input.text {display:inline-block; width:90px; height:12px; border:1px solid #8cd0e9;}
form.account p.id_save {margin-bottom:6px; margin-top:1px; *margin:-1px 0 3px 4px; _margin:-2px 0 -1px 4px; text-align:left;}
form.account p.id_save label {margin-right:4px; *margin-right:0;}
form.account p.id_save * {vertical-align:middle;}
form.account p.id_save input {margin-right:3px; *margin-right:1px; vertical-align:middle;}
form.account p.join {width:100%;  text-align:center;}
form.account p.join img {margin:0 2px; _margin-top:3px;}
form.account p.hello {width:100%; height:30px; padding:10px 0; text-align:center; background:url("/publishing/img/layout/bg_logout.gif") no-repeat 8px 1px;}
form.account p.hello span {color:#006ab5; font-weight:bold;}
form.account p.btn {width:100%; text-align:center;}
form.account a.mypage {display:block; width:63px; margin:-24px auto 15px auto; *margin-bottom:13px; position:relative; z-index:2;} */

/* contents */
body.main div#container div.contents {position:relative;overflow:hidden; height:1%; float:left; width:605px; padding:0; background:none;}
body.main div#container div.contents_hrd {position:relative;overflow:hidden; height:1%; float:left; width:605px; padding:0; background:url("/publishing/img/offline/p_back1.jpg") no-repeat}

/* flashtab */
ul.flashtab {position:relative; width:601px; height:164px; margin-bottom:10px; padding:0 0 0 5px;}
ul.flashtab li {float:left; line-height:1%;}
ul.flashtab li a.tab {float:left;}
ul.flashtab li div {position:absolute; left:0; top:28px; width:100%; height:135px; padding:0; text-align:left;}
div.flashtab {overflow:hidden; margin-bottom:10px;}

/* rside */
div.rside {float:right; width:185px;}

/* banner */
div.banner {margin-bottom:10px; padding:1px; border:0px solid #000000;}
div.banner img {margin:0 0 2px 0;}
ul.banner li {margin-bottom:7px; line-height:1%; font-size:1%;}

/* container */
div#container {margin:0; _margin:-37px 0 0 0;}
body.main div#container {margin:10px auto 0 auto;}

body.main div#container {width:990px; padding:0 0 30px; clear:both;}
body.main div#container div.snb {float:none; margin:0;background:none;}
body.main div#container div.snb h2 {height:33x; margin:0; padding:0; text-indent:-999em;}
body.main div#container div.snb ul {margin:0;}

div#container div.snb {overflow:hidden; float:left; width:180px; height:1%; margin-bottom:10px;}
div#container div.snb h2 {height:30px; margin-bottom:16px; text-indent:-999em;}
div#container div.snb ul {padding:0 0 5px 0;}
div#container div.snb ul ul {padding:0;}
div#container div.snb ul li {padding:5px 0 3px 30px; *padding:3px 0 5px 30px; _padding:5px 0 3px 30px; height:1%; margin-bottom:1px; font-size:12px; font-weight:bold; background:url("/publishing/img/knowledge/btnbg_off.gif") no-repeat left top;}
div#container div.snb ul li.uni {padding:5px 0 3px 30px; *padding:3px 0 5px 30px; _padding:5px 0 3px 30px; height:1%; margin-bottom:1px; font-size:12px; font-weight:bold; background:url("/publishing/img/knowledge/btnbg_blue_on.gif") no-repeat left top;}
div#container div.snb ul li.cut {padding:3px 0 3px 30px; *padding:3px 0 3px 30px; _padding:3px 0 3px 30px; height:0.5%; margin-bottom:1px; font-size:12px; font-weight:bold; background:url("/publishing/img/main/bg_offline_stop_cline.gif") no-repeat left top;}
div#container div.snb ul li.orange {padding:22px 0 3px 50px; *padding:22px 0 3px 30px; _padding:22px 0 3px 30px; height:2%; margin-bottom:1px; font-size:12px; font-weight:bold; background:url("/publishing/img/main/bg_university_stop_cline_02.gif") no-repeat left top;}
div#container div.snb ul li.ulect {padding:22px 0 3px 50px; *padding:22px 0 3px 30px; _padding:22px 0 3px 30px; height:2%; margin-bottom:1px; font-size:12px; font-weight:bold; background:url("/publishing/img/main/bg_university_stop_db.gif") no-repeat left top;}
div#container div.snb ul li.ucut_u {padding:22px 0 3px 30px; *padding:22px 0 3px 30px; _padding:22px 0 3px 30px; height:2%; margin-bottom:1px; font-size:12px; font-weight:bold; background:url("/publishing/img/main/bg_university_stop_cline_u.jpg") no-repeat left top;}
div#container div.snb ul li.hcut {padding:22px 0 3px 30px; *padding:22px 0 3px 30px; _padding:22px 0 3px 30px; height:1%; margin-bottom:1px; font-size:12px; font-weight:bold; background:url("/publishing/img/main/hrd_cutedu.gif") no-repeat left top;}
div#container div.snb ul ul li {margin:0 0 0 -10px; padding:9px 0 0 9px; font-weight:normal; background:url("/publishing/img/layout/bu_point.gif") no-repeat left 14px !important;}
div#container div.snb ul li.selected a {color:#fff;}
div#container div.snb ul li.selected li a {color:#505050;}
div#container div.snb ul li.selected ul li ul {margin:-3px 0 0 -3px; *margin-top:-2px}
div#container div.snb ul li.selected ul li ul li a {color:#b4b4b4 !important;}
div#container div.snb ul li ul li ul li a {color:#b4b4b4 !important;}

/* layout(�߰� �κ�) (2010.02.10����)*/
/* div#container div.snb {padding-bottom:6px; background:#fff url("/publishing/img/dbguide/bg_top_dbguide.gif") no-repeat left top;} */
div#container div.snb ul li {background:url("/publishing/img/main/btnbg_off.gif") no-repeat 4px top;}
div#container div.snb ul li ul li ul li {margin:0; padding:9px 0 0 6px; letter-spacing:-1px; background:transparent url("/publishing/img/layout/bu_minus.gif") no-repeat scroll left 15px !important;}

div#container div.path {display:block; float:right; width:768px; background:#fff url("/publishing/img/dbguide/bg_top_dbguide.gif") no-repeat left top;}
div#container div.path_h {display:block; float:right; width:768px; background:#fff url("/publishing/img/dbguide/bg_top_dbguide.gif") no-repeat left top;}
div#container div.path p {position:relative; z-index:3;}
div#container div.contents {position:relative; float:right; width:725px; padding:0 24px 11px 24px; background:#fff url("/publishing/img/layout/bg_contents_mid.gif") repeat-y 5px top; z-index:2;}
div#container div.contents_btm {float:right; width:768px; height:19px; margin-bottom:30px; background:#fff url("/publishing/img/layout/bg_contents_btm.gif") no-repeat left bottom;}

div.relational_link {width:100%; height:82px; background:#fff url("/publishing/img/layout/bg_relational.gif") repeat-x left top;}
div.relational_link ul {overflow:hidden; width:990px; margin:0 auto; padding-top:18px; text-align:center;}
div.relational_link li {display:inline;}

/* footer */
div#footer ul {overflow:hidden; width:697px; height:23px; margin:0 auto;}
div#footer ul li {float:left; height:25px; margin-right:13px; margin-left:-1px; padding-top:3px; padding-left:12px; background:url("/publishing/img/layout/bg_footer_li.gif") no-repeat left 5px;}

div#footer div {width:990px; margin:0 auto; padding:8px 0 0 0;}
div#footer div * {position:relative;}
div#footer div a {}
div#footer div img.logo {left:140px; top:5px;}
div#footer div address {left:160px; top:-47px;}
div#footer div cite {left:160px; top:-47px;}