@charset "utf-8";
@import url("/common/css/base.css");
@import url("/common/css/common.css");

/* layout */
body{}
#wrap {width:900px; margin:0 auto; background:url(/img/data/smainBg.gif) 0 68px no-repeat;}
#header{position:relative; width:900px; height:278px;}
#visual {position:relative; widsearchTableth:900px; height:80px;}
#content{min-width:900px; overflow:hidden;}
.wrapContent{_width:900px;}
#footer{position:relative; clear:both; margin:12px 0 0 0; height:55px; }

h1 {display:block;}
/* sgnb */
.sgnb {position:absolute; top:68px; left:0;}
.sgnb ul{margin:35px 10px 0 10px; padding:0;}
.sgnb ul li{padding:0 5px 0 20px; width:150px; float:left;}
.sgnb ul li ul{margin:20px 10px 0 -5px; padding:0 5px 0 0; width:150px; float:left;}
.sgnb ul li ul li{padding:0 0 1px 0; clear:left;}
.sgnb ul li ul li a{padding:0 10px 0 10px; color:#000000; background:url(/img/common/sgnbBu.gif) 0 5px no-repeat;}
.sgnb ul li ul li a:hover{padding:0 10px 0 10px; color:#ff6600; background:url(/img/common/sgnbBu2.gif) 0 5px no-repeat;}

/* content */
.searchSimple{width:627px; height:251px; float:left; background:url(/img/data/simpleBg.gif) no-repeat; }
.searchTable {width:600px; height:240px; margin:10px auto; border-collapse:collapse;}
.searchTable th.th1 { color:#2866bb; font:bold 12px/12px dotum; background:url(/img/data/linkbookBu.gif) 2px 18px no-repeat;}
.searchTable th.th2 { color:#2866bb; font:bold 12px/12px dotum; background:url(/img/data/linkbookBu.gif) 2px 26px no-repeat;}
.searchTable td.th1 { color:#7c7c7c; font:12px/12px dotum;}
.searchTable td.gry { border:1px solid #b9b9b9; height:0; padding:0;}
.searchTable td.gry2 { border-top:1px solid #d6d6d6; height:0; padding:0;}
.searchTable td span { width:80px; padding:2px 0 2px 3px; display:inline-block;}
.searchTable td input .searchTable td select {vertical-align:top;}
.searchTable td img {vertical-align:middle;}
.searchTable td.view {color:#7c7c7c; padding:20px; text-align:left; vertical-align:top; background:#f3f3f3;}
.searchTable th, .searchTable td {text-align:left; height:30px; padding:2px 0 0 17px; margin:0; border-bottom:1px solid #9fbce0;}
.searchTable th.btn, .searchTable td.btn {text-align:center; height:30px; padding:10px 0 10px 0; margin:0;}
.searchTable th.btn img, .searchDetail td.btn img {padding:0 10px 0 10px;}
.searchTable .sel {vertical-align:top; padding-top:18px; height:10px;}
.searchTable .sel00 {vertical-align:top; padding-top:10px;height:10px;}


.notice{position:relative; float:left; margin:8px 34px 1px 34px; width:350px; display:inline;}
.notice h2{float:left; margin:0 7px 0 0;}
.notice ul{float:left; margin:17px 0 0 0; width:249px;}
.notice ul li{padding:3px 0 1px 7px; border-bottom:1px solid #DEDEDE; background:url(/img/main/bu_dot.gif) no-repeat 0 8px; font:12px/17px dotum; color:#939393; text-align:right;}
.notice ul li a{display:inline-block; width:182px; text-align:left; color:#707070;}
.notice .more{position:absolute; top:88px; left:48px; margin:0; padding:0;}

.typo{_margin:0 0 0 -3px;}

fieldset.search{ margin:0; padding:0; width:900px; height:44px; color:#fff; font:bold 12px/19px dotum; background:#417bc7; overflow:hidden;}
fieldset.search legend{display:none;}
fieldset.search .optionGroup {position:relative; float:left; margin:13px 0 0 10px;}
fieldset.search .optionGroup ul li {float:left; padding: 0 20px 0 0;}
fieldset.search .optionGroup ul li input {margin:-2px;}
fieldset.search .inputGroup{position:relative; float:left; margin:9px 0 9px 0;}
fieldset.search .inputText{padding:4px 0 0 0; width:300px; height:16px; border:solid #D9D8D7; border-width:1px 0; background:#fff; font:bold 12px/13px dotum; color:#727272;}
fieldset.search input, fieldset.search select,
fieldset.search img{float:left; vertical-align:bottom; margin:0 10px 0 0;}
fieldset.search textarea{position:absolute; bottom:0; right:0; padding:3px 4px; width:106px; height:37px; border:1px solid #D9D8D7; color:#727272; font:11px/14px dotum; overflow:auto;}

.cntSection1{width:250px; float:left; padding:0 5px 0 0;}
.cntSection2{width:635px; float:left; }
.cntSection3{width:900px; float:left; }

fieldset.login {margin:0; padding:0; width:230px; height:75px; font:bold 12px/19px dotum;}
fieldset.login legend{display:none;}
fieldset.login .loginGroup {position:relative; float:left; margin:13px 0 0 0;}
fieldset.login .loginGroup ul li {float:left; padding: 0 8px 0 0;}
fieldset.login .loginGroup ul li input.id {border:1px solid #a5bcb3; width:70px; height:18px;}
fieldset.login .loginGroup ul li input.pw {border:1px solid #a5bcb3; width:83px; height:18px;}
fieldset.login .loginGroup ul li input.btn {padding:1px 0 0 0;}
fieldset.login .otherGroup {position:relative; margin:13px 0 0 0; clear:both;}

fieldset.login .otherGroup ul li {float:left; padding: 0 8px 0 0;}
fieldset.login .otherGroup ul li a{font:normal 11px/12px dotum; color:#616161; letter-spacing:-1px; padding:0 5px 0 0;}
fieldset.login .otherGroup ul li.part { background:url(/img/main/loginBu.gif) no-repeat 46px 4px;}
fieldset.login .otherGroup ul li span.save{float:left; padding:6px 8px 0 0; font:normal 11px/12px dotum; color:#333333; letter-spacing:-1px;}

.myservice {position:relative; margin:8px 8px 0 0; }
.myservice h2{position:relative; padding:0 0 5px 0;}
.myservice ul li {padding:2px 0 4px 0; margin:0; }

.cyberservice {position:relative; padding:0; margin:30px 0 0 0;}
.cyberservice ul {padding:0; margin:5px 0 0 0;}
.cyberservice ul li {padding:10px 7px 0 0; float:left;}

.popular {position:relative; margin:20px 8px 0 0; float:left;}
.popular p.more{margin:-10px 0 0 210px;}
.popular ul{width:250px; padding:15px 0 0 0;}
.popular ul li{width:124px; float:left; padding:0px 0 10px 0;}
.popular ul li img{margin:0 5px 0 0; border:1px solid #bfbfbf; float:left;}

.topten {position:relative; margin:20px 8px 0 0; float:left;}
.topten ol{width:100px; padding:12px 0 0 0; margin:0; float:left;}
.topten ol li{padding:0 0 3px 17px; margin:0;}
.topten ol li.num01{background:url(/img/data/top01.gif) 0 2px no-repeat;}
.topten ol li.num02{background:url(/img/data/top02.gif) 0 2px no-repeat;}
.topten ol li.num03{background:url(/img/data/top03.gif) 0 2px no-repeat;}
.topten ol li.num04{background:url(/img/data/top04.gif) 0 2px no-repeat;}
.topten ol li.num05{background:url(/img/data/top05.gif) 0 2px no-repeat;}
.topten ol li.num06{background:url(/img/data/top06.gif) 0 2px no-repeat;}
.topten ol li.num07{background:url(/img/data/top07.gif) 0 2px no-repeat;}
.topten ol li.num08{background:url(/img/data/top08.gif) 0 2px no-repeat;}
.topten ol li.num09{background:url(/img/data/top09.gif) 0 2px no-repeat;}
.topten ol li.num10{background:url(/img/data/top10.gif) 0 2px no-repeat;}

.topten ol li a{color:#6e6e6e; }
.topten ol li a:hover {color:#306cbc; }


.recommand {position:relative; float:left; width:298px; height:164px; margin:20px 8px 0 0; background:url(/img/data/recoBg.gif) no-repeat;}
.recommand h2{padding:5px 0 0 20px;}
.recommand p.more{margin:-10px 0 0 230px;}
.recommand ul{width:250px; margin:0 auto; padding:10px 0 0 0;}
.recommand ul li{width:124px; float:left; padding:0px 0 10px 0;}
.recommand ul li img{margin:0 5px 0 0; border:1px solid #bfbfbf; float:left;}

.news { position:relative; width:295px; margin:20px 8px 0 20px; float:left;}
.news h2 {margin:0 0 5px 0;}
.news p.more{margin:-10px 0 0 250px;}
.news ul{float:left; margin:10px 0 0 0;}
.news ul li{padding:3px 0 1px 0; font:12px/17px dotum; color:#939393;}
.news ul li span{color:#07aae5; font:11px/14px dotum; display:inline-block;}
.news ul li div {padding:0 0 0 10px; background:url(/img/data/newsBu.gif) 0 4px no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.news ul li a{color:#6e6e6e; letter-spacing:-1px;}
.news ul li a:hover {color:#306cbc; letter-spacing:-1px;}
.news ul li img{padding:2px 0 0 0;}

.infosupport {position:relative; margin:20px 8px 0 0; float:left;}
.infosupport ul li {float:left;}

.kklibrary { position:relative; width:295px; margin:20px 8px 0 20px; float:left;}
.kklibrary h2 {margin:0 0 5px 0;}
.kklibrary p.more{margin:-10px 0 0 250px;}
.kklibrary .pic{float:left; margin:10px 0 0 0;}
.kklibrary ul{width:180px; float:left; margin:20px 0 0 10px;}
.kklibrary ul li{padding:3px 0 1px 0; font:12px/17px dotum; color:#939393; float:left;}
.kklibrary ul li a{display:inline-block; width:80px; padding:0 0 0 10px; color:#6e6e6e; letter-spacing:-1px; background:url(/img/data/newsBu.gif) 0 4px no-repeat;}

.libknow { position:relative; width:295px; margin:20px 8px 0 20px; float:left;}
.libknow h2 {margin:0 0 5px 0;}
.libknow p.more{margin:-10px 0 0 250px;}
.libknow .pic{float:left; margin:10px 0 0 0;}
.libknow ul{width:160px; float:left; margin:20px 0 0 20px;}
.libknow ul li{padding:3px 0 1px 0; font:12px/17px dotum; color:#939393; float:left;}
.libknow ul li a{display:inline-block; width:150px; padding:0 0 0 10px; color:#6e6e6e; letter-spacing:-1px; background:url(/img/data/newsBu.gif) 0 4px no-repeat;}