@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/smain2Bg.gif) 0 68px no-repeat;}
#header{position:relative; width:900px; height:288px;}
#content{min-width:900px; overflow:hidden; background:#ecf2f9}
.wrapContent{_width:900px;}
.wrapData{width:900px; height:600px; background:url(/img/elec/smainBgNew00.gif) no-repeat; overflow:hidden;}
#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 select, .searchTable td input{vertical-align:top;}
.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;}

.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 .inputText2{padding:2px 0 2px 0; width:450px; height:14px; 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{vertical-align:middle; margin:0 5px 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:370px; float:left; padding-left:8px; padding-top:5px;}
.cntSection2{width:370px;float:left; padding-left:6px; padding-top:5px; }
.boardGroup {width:760px; float:right;}
.cntSection3{width:370px; float:left;}
.cntSection4{width:370px; padding-left:3px; _padding:0px;}

.cntSectionFoot{width:900px; height:28px; background:url(/img/elec/smainBgNew_foot.gif) no-repeat; clear:both;}

.cntSectionMenu {width:135px; float:left;}
.cntSectionMenu .Title { padding:0; margin:0;}

.cntSectionMenu ul li{position:relative; color:#417bc7; font:bold 12px/16px dotum; background:url(/img/common/Bu5.gif) no-repeat 10px 10px #d0def0; padding:5px 0 0px 25px; margin-top:2px; _margin-top:2px; }
.cntSectionMenu ul li a{color:#417bc7;}
.cntSectionMenu ul li a:hover{color:#3362a0;}

.cntSectionMenu ul li ul{ position:relative; padding:5px 0px 10px 15px; width:120px; background:#dbe6f4; z-index:2; margin-left:-25px;}
.cntSectionMenu ul li ul li{background:none; padding:0; _margin-right:-18px;}

.cntSectionMenu ul li ul li a{width:130px; height:16px; display:inline-block; padding:1px 0 0 6px; color:#666; font:normal 11px/16px dotum; background:url(/img/common/snbBu3.gif) no-repeat 0 6px;}
.cntSectionMenu ul li ul li a:hover{ color:#444; font:normal 11px/16px dotum; padding:1px 0 0 6px;}

.cntSectionMenu ul li div{position:relative;}
.cntSectionMenu ul li div iframe{display:none; border:0; left:120px; width:auto; height:auto; position:absolute;}

.cntSectionMenu ul li ul li ul{display:none; width:auto; margin-top:29px; position:absolute; top:0; left:145px; border:2px solid #cccccc; padding:4px 8px 6px 8px; background:#f2f2f2; z-index:3;}
.cntSectionMenu ul li ul li ul li{margin:0; padding:0; }
.cntSectionMenu ul li ul li ul li a{ width:auto;  display:block; white-space:nowrap; padding:2px 0 0 6px; color:#666; font:normal 12px/16px dotum;  background:url(/img/common/snbBu3.gif) no-repeat 0 9px;}
.cntSectionMenu ul li ul li ul li a:hover{  color:#444; font:normal 12px/16px dotum; padding:2px 0 0 6px;}


.cntSectionMenu .cateClose ul{display:none; position:relative; padding:5px 0px 10px 15px; width:120px; background:#dbe6f4; z-index:2; margin-left:-25px;}
.cntSectionMenu .cateClose ul li{background:none; padding:0; _margin-right:-18px;}

.cntSectionMenu .cateClose ul li a{width:130px; height:16px; display:inline-block; padding:1px 0 0 6px; color:#666; font:normal 11px/16px dotum; background:url(/img/common/snbBu3.gif) no-repeat 0 6px;}
.cntSectionMenu .cateClose ul li a:hover{ color:#444; font:normal 11px/16px dotum; padding:1px 0 0 6px;}

.cntSectionMenu .cateClose div{position:relative;}
.cntSectionMenu .cateClose div iframe{display:none; border:0; left:120px; width:auto; height:auto; position:absolute;}

.cntSectionMenu .cateClose ul li ul{ width:auto; margin-top:29px; position:absolute; top:0; left:145px; border:2px solid #cccccc; padding:4px 8px 6px 8px; background:#f2f2f2; z-index:3;}
.cntSectionMenu .cateClose ul li ul li{margin:0; padding:0; }
.cntSectionMenu .cateClose ul li ul li a{ width:auto;  display:block; white-space:nowrap; padding:2px 0 0 6px; color:#666; font:normal 12px/16px dotum;  background:url(/img/common/snbBu3.gif) no-repeat 0 9px;}
.cntSectionMenu .cateClose ul li ul li a:hover{  color:#444; font:normal 12px/16px dotum; padding:2px 0 0 6px;}


.recentData h2{ margin:15px 0 0 15px; padding:0; float:left;}
.recentData .btn {margin:16px 0 0 10px; padding:0; display:inline-block;}
.recentData p {float:right; margin:15px 0px 0 0; display:inline-block; font:bold 11px/15px dotum; }
.recentData p a{color:#9d9d9d; padding:0 0 0 5px;}
.recentData p a:hover{color:#417bc7; padding:0 0 0 5px; background:url(/img/elec/mainBu.gif) 0 4px no-repeat;}

.popBest h2{ margin:15px 0 0 10px; float:left;}
.popBest .btn {margin:16px 0 0 10px; float:left; display:inline-block;}
.popBest ul{float:left; margin:15px 0 0 10px; display:inline-block;}
.popBest ul li {padding:0 8px 0 0; font:bold 11px/15px dotum; display:inline; float:left;}
.popBest ul li a{color:#9d9d9d; padding:0 0 0 5px;}
.popBest ul li a:hover{color:#417bc7; padding:0 0 0 5px; background:url(/img/elec/mainBu.gif) 0 3px no-repeat;}
.popBest p {float:right; margin:15px 0px 0 0; display:inline-block; font:bold 11px/15px dotum; }
.popBest p a{color:#9d9d9d; padding:0 0 0 5px;}
.popBest p a:hover{color:#417bc7; padding:0 0 0 5px; background:url(/img/elec/mainBu.gif) 0 4px no-repeat;}

.recentBook {position:relative; top:20px; left:30px; width:350px; padding:0; margin:0; clear:both;}
.recentBook dl {margin:0 0 17px 0;   display:inline-block;}
.recentBook dl dt{font:bold 12px/15px dotum; padding:0 0 10px 0; width:260px;}
.recentBook dl dd{font:normal 11px/15px dotum; color:#878787;} 
.recentBook dl dd.pic{margin:0 22px 0 0 ; border:1px solid #cccccc; float:left;}

.theme {margin:0px 0 0 0; height:140px; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:url(/img/elec/themeBg.gif) 0px 5px no-repeat #f4f4f4;}
.theme ul{margin:12px 0 0 60px; }
.theme ul li{padding:0 0 12px 0; width:200px; float:left;}


.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;}


.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 { width:350px; margin:30px 0px 0 20px; float:left;}
.news h2 {margin:0 0 0px 0;}
.news p {float:right; margin:-20px 15px 0 0; _margin-right:5px; display:inline-block; font:bold 11px/15px dotum; }
.news p a{color:#9d9d9d; padding:0 0 0 5px;}
.news p a:hover{color:#417bc7; padding:0 0 0 5px; background:url(/img/elec/mainBu.gif) 0 4px no-repeat;}
.news ul{float:left; margin:10px 0 0 5px; width:330px;}
.news ul li{padding:3px 0 1px 0; color:#939393;width:auto;display:block; }
.news .subject {float:left; font:12px/17px dotum;}
.news ul li span{color:#417bc7;  font:11px/17px dotum; display:inline; float:right;}
.news ul li a{ padding:0 0 0 10px; color:#6e6e6e;  background:url(/img/data/newsBu.gif) 0 4px no-repeat;}
.news img {vertical-align:middle;}