@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;}
.wrapContent{_width:900px;}
.wrapData{width:900px; height:652px; background:url(/img/elec/smainOriBgNew.gif) no-repeat;}
#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 0 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:250px; float:left;}
.cntSection2{width:400px; float:left; padding-left:60px; _padding-left:25px;}
.cntSection3{width:900px; float:left; }

.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 .region {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 .region a{color:#417bc7; }
.cntSectionMenu .region a:hover{color:#3362a0;}

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

.cntSectionMenu .region ul li a{width:50px; 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 .region ul li a:hover{ color:#444; font:normal 11px/16px dotum; padding:1px 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;}

.explain {width:250px; padding:35px 0 0 30px;}
.explain img {display:inline; float:left;}
.explain p {display:inline; color:#747474;}

.explain2 {padding:70px 0 0 35px;}
.explain2 p{padding:0 0 0 12px; margin:5px; background:url(/img/elec/originalBu.gif) 0 5px no-repeat}

.expTable {margin:60px 0 0 4px; width:246px; border-collapse:collapse;}
.expTable td{text-align:center; height:28px;}
.expTable td.gry{background:#f2f2f2;}
.expTable td div{overflow:hidden;  white-space:nowrap;}

.popBest {display:block;}
.popBest h2{ margin:15px 0 0 10px; float:left;}
.popBest .btn {margin:16px 0 0 10px; float:left; display:inline-block;}
.popBest p {float:right; margin:15px 20px 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;}
.popBest ul{float:right; margin:15px 0 0 0; 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;}

.recentBook { position:relative; top:20px; left:30px; width:385px; padding:0; margin:0; clear:both;}
.recentBook dl {margin:0 0 17px 0;}
.recentBook dl dt{font:bold 12px/15px dotum; padding:0 0 10px 0;}
.recentBook dl dd{font:normal 11px/14px dotum; color:#878787;} 
.recentBook dl dd.pic{margin:0 22px 10px 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;  float:left;}
.theme .incon {width:800px; font:12px/18px dotum; color:#333; margin-top:-10px; margin-left:25px;}
.theme .incon li {padding:0 0 2px 0;}

.cateGroup {width:900px; margin:10px 0 0 0; color:#808080; background: url(/img/elec/boxMid.gif) repeat-y bottom left; }
.cateGroup .top { width: 900px; height:11px; margin:0; padding:0; display:inline-block; background: url(/img/elec/boxTop.gif) no-repeat top left;}
.cateGroup .btm { width: 900px; height:11px; margin:0; padding:0; display:inline-block; background: url(/img/elec/boxBtm.gif) no-repeat top left;}
.cateGroup .cate {width:410px;  margin:0; padding:20px;}
.cateGroup dl {margin:0 0 17px 0; width:410px; height:40px; padding:5px 10px 0 25px; float:left; display:inline-block;}
.cateGroup dl dt a{font:bold 12px/15px dotum; color:#1a6aa3; padding:1px 0 10px 18px; background: url(/img/elec/cateBu.gif) no-repeat}
.cateGroup dl dd{font:normal 11px/15px dotum; margin:0; color:#878787;} 
.cateGroup dl dd.pic{margin:0 15px 0 0; float:left;}
.cateGroup .Title {text-align:center; vertical-align:middle; height:30px; width:860px; font:bold 14px/30px dotum; color:#195ca6; background:#d3deea; padding:0; margin:0px 0 10px 20px;}

/*2010-06-18 참고정보원 수정*/
.cateGroup01 {width:900px; margin:10px 0 0 0; color:#808080; background: url(/img/elec/boxMid.gif) repeat-y bottom left; }
.cateGroup01 .top { width: 900px; height:11px; margin:0; padding:0; display:inline-block; background: url(/img/elec/boxTop.gif) no-repeat top left;}
.cateGroup01 .btm { width: 900px; height:11px; margin:0; padding:0; display:inline-block; background: url(/img/elec/boxBtm.gif) no-repeat top left;}
.cateGroup01 .cate {width:410px;  margin:0; padding:20px;}

.cateGroup01 dl {margin:0 0 17px 0; width:410px; height:40px; padding:5px 10px 0 25px; float:left; display:inline-block;}
.cateGroup01 dl dd a{font:bold 12px/15px dotum; color:#1a6aa3; padding-left:18px;  background: url(/img/elec/cateBu.gif) no-repeat; } 
.cateGroup01 dl dd a:hover{ color:#002991;  text-decoration:none;} 
.cateGroup01 .btnMore {float:right; *margin-top:-12px;}
.cateGroup01 dl dt {overflow:hidden; height:35px}

.cateGroup01 .Title {text-align:center; vertical-align:middle; height:30px; width:860px; font:bold 14px/30px dotum; color:#195ca6; background:#d3deea; padding:0; margin:0px 0 10px 20px;}
.cateGroup01 a {color:#888;} 
.cateGroup01 a:hover {color:#333; text-decoration:underline;}