@charset "utf-8";

/* Element Reset */
input {vertical-align:middle;}
select {vertical-align:middle;}
body { margin:0; font-family:Dotum, Tahoma, Sans-serif; font-size:.75em; background:#fff; color:#636363;}
address { font-style:normal;}
hr{ display:none; position:absolute;}
img,
fieldset{ border:0;}

/*h1,h2,h3,h4,h5,h6 {display:none;}*/
form {margin:0; padding:0;}
input {margin:0; padding:0;}

a:link {	text-decoration: none;	color: #636363;}
a:visited {	text-decoration: none;	color: #636363;}
a:hover {	text-decoration: none;	color: #7FC524;}
a:active {	text-decoration: none;	color: #7FC524;}

/* ���� */
dl, ol, ul {margin:0; padding:0;}
ol, ul {list-style:none;}
ol li, ul li, dl dt, dl dd {margin:0; padding:0; line-height:1em;}


/* Skip To Content */
a.skipToContent{ display:block; position:relative; width:0px; height:0px; margin:0 0 -1px 0; clear:both; overflow:hidden; text-decoration:none; font-size:0; line-height:0;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:100%; height:auto; margin:0 0 10px 0; padding:5px; font-size:12px; line-height:1;}

/* Layout */
#wrap {background:url(/img/top_bg.jpg) repeat-x;}
#container,#header,#visual,#body,#content,#footer{ margin:0; padding:0;}
#container{ width:900px;}
#header{ }
#visual { position:relative; }
#body { padding-top:1em;  }
#content{ }
#footer{ }
/* ----- Fixed 2 Column Layout ----- */

.fixed .ec #body .e1{ width:190px;}
.fixed .ec #body #content{ width:710px;}
.fixed .ec #body #content{ float:right;}
.fixed .ec #body .e1{ display:block;}
.fixed .ec #body .e1{ float:left; clear:left;}


/* Header Extension */
#header  { margin:0; padding:0; }
#header  #gnb {float:right; margin:0; padding:0; margin-top:20px; }
#header  #gnb li {float:left; margin:0; font-size:1em; line-height:1em; background:url(/img/list_icon2.png) no-repeat left center; line-height:1.2em; padding-left:0.7em;}
#header  #gnb li a { font-size:11px; letter-spacing:-1px; padding:0 .5em;}

#header  #navigation {position:relative;margin:0; padding:0; height:36px; background:url(/img/menu_bg.png) no-repeat center center;  }
#header  #navigation ul {margin-left:10px; margin-top:8.5px; }
#header  #navigation ul li {float:left; margin:0; padding:0px; overflow:hidden; zoom:1; background:url(/img/menu_bar.gif) no-repeat 0 1px ;}
#header  #navigation ul li.first {background:none;}
#header  #navigation ul li a { margin:0; padding:0;}

#header  #navigation li a img {display:block;  padding:9px; margin:0 .8em;} /*��� 9 -> 1�� ������ �ӽ�*/
#header  #navigation li a img.rollover {display:none;}
#header  #navigation li a img.selected {display:block;}

#header  #navigation li a:hover img {display:none;}
#header  #navigation li a:hover img.rollover {display:block; }
#header  #navigation li a:hover img.selected {display:block; }



/* Footer Extension */
#footer .extension{ margin:0;}
#footer .extension ul{ margin:0; padding:0; overflow:hidden;}
#footer .extension li{ left:-10px; border-left:0px solid #ccc; padding:0 5px 0 10px;}
#footer address{ margin:1em 0; overflow:hidden; zoom:1; }

/* Layout Width Reset*/
/* Ȩ������ ������ �۾��� ���� �������� �����ϱ� ���� �� - ���߿� �ּ�ó����.*/
#container{  border:0px solid #555;}
#header{ border:0px solid #555;}
#visual{ border:0px solid #555;}
#body{ border:0px solid #555; background-color:#FFF;}
#content{ border:0px solid #555; background-color:#FFF;}
#footer{ border:0px solid #555; }


/* head */

/*visual*/
#visual {}
#visual #search-form{ position:absolute; left: 304px; top:5px; }
#visual-sub {position:relative; background:url(/img/search_bg.png) no-repeat center top; height:40px;}
#visual-sub #search-form{position:absolute; left: 284px; top:5px;}
#visual-sub #search-form input {vertical-align:middle;}



/* Body Extension */
#body .section {border:0px solid #D9D9D9; overflow:hidden; zoom:1;}
#body .section {margin:0 0 2em 0; padding:0 1em;}
/*#body .section .subsection-head h3 {display:inline;}*/
#body .section-login {margin:0 0 1em 0; padding:1em;}
#body .section-type01 {margin:0 0 1em 0; padding:0;}
#body .section-type01 .subsection-head h3 {display:inline;}
#body .section-type01 .subsection-body { border:1px solid #D9D9D9; padding:.3em;}
#body .section-banner { margin:0 0 .3em 0; padding:0; overflow:hidden; zoom:1;}

#content h1 {display:none;}
#content .sub-visual {margin:0; padding: 0 2em;}
#content .sub-visual h4,h5 {display:none;}
#content .sub-visual1 {margin:0; padding: 0 0em;}

#content .sub-visual .service-link {position:absolute; left:50px; top:100px;}
#content .sub-visual .service-link1 {position:absolute; left:30px; top:170px;}
#content .sub-visual ol.service-link3 li { margin:0; padding: 4px 0 4px 12px; background:url(/img/leftmenu_icon.png) no-repeat left 4px;}

#contt_list {border:0px solid :#999;}
.cnnt_box5 { border:1px solid #DFDFDF;  border-top:2px solid #DFDFDF; background-color:#FFF;}

#content_top {background:url(/img/title_bg.png) no-repeat center ; height:37px; padding:0 2.7em;}
#content_top .content_title { float:left;display:block; line-height:37px; font-size:15px; font-weight:bold;}
#content_top .content_path {float:right;display:block; line-height:37px;font-size:11px; background:url(/img/home_icon.png) no-repeat left center; padding-left:1.2em;}
#content_top .content_path strong {font-weight:bold; color:#70AD25;}

#content_body {margin:0; padding:0 1em;}


/* Foot Extension */
#footer{background:url(/img/copyright_logo.gif) no-repeat left 20px; text-align:top; margin:1em 0;}

#footer #etc-link { text-align:center; background-color:#EAEAEA;overflow:hidden; zoom:1;}
#footer #etc-link ul {float:left; padding-left:220px; border:0px solid #333;overflow:hidden; zoom:1;}
#footer #etc-link ul li { float:left; padding:.1em 1.5em; line-height:1em;}

#footer address {display:none;}
#footer #copyright {float:left; margin-left:220px; padding:1em 0;}

/* Class */

/* png ie6 ����  */
/** html  .png24  {tmp:expression(setPng24(this))}
img.png24 { behavior: url("/iepngfix/iepngfix.htc") }*/


/* Pagination */
.pagination{ padding: 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; margin:0 -2px; padding:2px 8px; font-weight:bold; font-size:12px; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f8f8f8; }
.pagination strong{ color:#ff6600;}
.pagination .direction{ font-weight:normal; color:#767676; white-space:nowrap;}
.pagination .direction span{ font-weight:bold; font-size:14px;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ background-color:#fff; color:#333;}



/* ��� �� */
#login-form {position:relative;background:url(/img/login_bg.png) no-repeat; height:154px; width:190px; overflow:hidden; zoom:1;}
#login-form h3 {display:none;}
#login-form .input-text {border:1px solid #CACACA; height:19px; width:100px;}
#s_board .input-text {border:1px solid #CACACA; height:20px; width:255px;}

#login {position:relative; top:30px; padding:1em;   border:0px solid #333;}
#login-option {position:relative; left:15px; top:30px;  border:0px solid #333;}
#login-option a {display:inline-block; padding-right:5px; }

#logout-form {position:relative;background:url(/img/login_bg.png) no-repeat; height:154px; width:190px;}
#logout-form h3 {display:none;}
#logout {position:relative; top:35px; padding:1.5em;   border:0px solid #333; line-height:1.4em; }
#logout strong {color:tomato;}
#logout img {vertical-align:middle;}
#logout-form #logout-option {position:relative; left:18px; top:32px; border:0px solid #333;}
#logout-form #logout-option li {float:middle;padding-right:5px; font-size:11px; letter-spacing:-1px; padding-right:10px; }



/* ����Ʈ ���� ��Ÿ�� - normal
.list-normal {width:100%; position:relative;}
.list-normal .head {margin:0; padding:0; clear:both; }
.list-normal .head h3 {float:left; display:inline-block; vertical-align:middle;margin:0; padding:0; height:27px; line-height:27px; border:1px solid #333;}
.list-normal .head .more {float:right; display:inline-block; text-align:right; width:40px; font-size:.9em; letter-spacing:-1px; }
.list-normal .body {margin-top:1em; clear:both;}
.list-normal .body ol {margin:0; padding:0;}
.list-normal .body ol li {clear:both;   line-height:1.8em;}
*/

/* ����Ʈ ���� ��Ÿ�� - webzine*/
.list-webzine {width:100%; position:relative;}
.list-webzine .head {margin:0; padding:0; clear:both;}
.list-webzine .head .more {position:absolute; right:0; top:1em; font-size:.9em; letter-spacing:-1px;}
.list-webzine .body {margin-top:1em; padding:0; clear:both;}
.list-webzine .body ol {margin:0; padding:0;overflow:hidden; zoom:1;}
.list-webzine .body ol li {clear:both;   line-height:1.8em; }
.list-webzine .body ol li .img {float:left;}
.list-webzine .body ol li .info {float:left; width:200px; padding-left:1em;}
.list-webzine .body ol li .info .subject {}
.list-webzine .body ol li .info .author {}
.list-webzine .body ol li .info .publisher{}
.list-webzine .body ol li .info .date {}
.list-webzine .body ol li .info .description {}

/* ����Ʈ ���� ��Ÿ�� - webzine*/
.list-webzine2 {margin:0; padding:0; overflow:hidden; zoom:1;}
.list-webzine2 li {clear:both;   line-height:1.8em; }
.list-webzine2 li .img {float:left;}
.list-webzine2 li .info {float:left; padding-left:1em;}
.list-webzine2 li .info .subject {}
.list-webzine2 li .info .author {}
.list-webzine2 li .info .publisher{}
.list-webzine2 li .info .date {}
.list-webzine2 li .info .description {}





/* ��� �� */

#mypage h3 { display:inline;}

#week h3 { display:inline;}

#recommend h3 {display:inline;}
#recommend {clear:both;overflow:hidden; zoom:1;}
#recommend.list-webzine .subsection-head .more {position:absolute; right:0; top:5px; }
#recommend.list-webzine .body ol li {clear:none; float:left; border:0px solid #888; padding-top:1em; line-height:1em;}
#recommend.list-webzine .body ol li.first {padding-top:0;}
#recommend.list-webzine .body ol li .info { width:90px; padding-left:.5em;border:0px solid #a88;}
#recommend.list-webzine .body ol li .info .img{ }
#recommend.list-webzine .body ol li .info .subject { background-image:url();; line-height:1.2em; font-size:12px; font-weight:bold;color:#83BC22; padding-bottom:.5em;}
#recommend.list-webzine .body ol li .info .author,
#recommend.list-webzine .body ol li .info .publisher,
#recommend.list-webzine .body ol li .info .date { line-height:1.2em; font-size:.9em; color:#4E4E4E;}
#recommend.list-webzine .body ol li .info .subject strong, 
#recommend.list-webzine .body ol li .info .author strong, 
#recommend.list-webzine .body ol li .info .publisher strong, 
#recommend.list-webzine .body ol li .info .date strong {padding-right:.5em;}


/* ����å, �̷��װ��� ���ʺκ� */
#category {background:url(/img/leftmenu_bg.jpg) no-repeat; padding:1em; }
#category .subsection-head {padding-top:10px;; margin:0;}
#category .subsection-head h3{ margin:0; background:url(/img/leftmenu_titlebg.png) no-repeat center top; line-height:29px; text-align:center;  font-size:14px; color:#FFF;}
#category .subsection-body {overflow:hidden; zoom:1; }
#category .subsection-body ol.cate-main {margin:1em; border:0px solid #333;}
#category .subsection-body ol.cate-main li { margin:0; padding: 4px 0 4px 12px; ;background:url(/img/leftmenu_icon.png) no-repeat left 4px;}
#category .subsection-body ol.cate-main li a { display:block;  font-size:12px; line-height:1.2em; font-weight:bold;}
#category .subsection-body ol.cate-main li a small {font-size:11px; letter-spacing:-1px; padding-left:5px; font-weight:normal;}

/* ����å, �̷��װ��� ���ʺκ� */
#category .subsection-body ol.cate-sub {background-color:#EEE; padding:0;margin:0; list-style:none; border:1px solid #DDD;}
#category .subsection-body ol.cate-sub li {background:none; padding:3px 4px;}
#category .subsection-body ol.cate-sub li a {  font-size:11px; line-height:1.2em; letter-spacing:-1px;font-weight:normal;}

/* ����å �̿�ȳ� */
#guide1{margin:0; padding:2em;} 
#guide1 li{margin:0 0 0 1em; padding:1em; list-style:decimal; border-bottom:1px dotted #AAA; color:#555;}

/* ����å ���� ����*/
#lending {padding:2em;}
#lending dl {border:0px solid #333; padding:.3em;}
#lending dl dt {float:left; clear:left; font-size:12px; font-weight:bold; margin-right:10px;}
#lending dl dt dd{ float:left;clear:right; font-size:12px; }


#bestuser h3 {display:inline;}
#bestuser .subsection-body {}
#bestuser .subsection-body ol {}
#bestuser .subsection-body ol li {clear:both; margin:0; padding:0;  overflow:hidden; zoom:1;font-size:0; line-height:1.2em;}
#bestuser .subsection-body ol li dl {margin:0; padding:0;}
#bestuser .subsection-body ol li dl dt {clear:left;float:left;padding:.3em 0; margin:0;  font-size:12px;}
#bestuser .subsection-body ol li dl dd {clear:right;float:right;padding:.3em 0; margin:0; font-size:12px;}

#visitor h3 {display:none;}
#visitor .body {background:url(/img/count_bg.png) no-repeat; overflow:hidden; zoom:1; height:43px;  margin:0; padding:.7em 1em; border:0px solid #333;}
#visitor .body small {font-size:11px; font-weight:bold; padding-left: 10px;}

#bro h3 {display:none;}
#bro .body {overflow:hidden; zoom:1; height:20px;  margin:0; padding:.4em 1em; border:0px solid #333;}


/* ���� �������� */

#main-notice {float:left; position:relative; width:330px; height:auto;}
#main-notice {}
#main-notice .head {padding: 0; margin:0;  clear:both; background:url(/img/lastest_bg.gif) no-repeat left top; height:27px; overflow:hidden; zoom:1;}
#main-notice .head h3 { padding-left:10px; padding-top:3px; margin:0;}
#main-notice .head h3 img{}
#main-notice .head .more {position:absolute; right:0px; top:5px;  font-size:.9em; letter-spacing:-1px;}

#main-notice .body {float:left;overflow:hidden; zoom:1; }
#main-notice .body {margin-top:10px; background:url(/img/notice_icon.png) no-repeat 20px center; padding-left:80px;  }
#main-notice .body {background:url(/img/notice_icon.png) no-repeat 20px center; padding-left:80px; }
#main-notice .body ol li {display:inline;line-height:1.7em; border-bottom:1px dotted #CCC; overflow:hidden; zoom:1;  border:0px solid #333;}
#main-notice .body ol li .subject {float:left; padding-left:.5em; background:url(/img/board_icon.png) no-repeat left center ;}
#main-notice .body ol li .date { float:right; font-size:.9em; color:#2E2E2E; border:0px solid #333;}


/* ���� �缭��õ������ */
#md-recommand {float:right;width:330px; overflow:hidden; zoom:1;}
#md-recommand .head {padding: 0; margin:0;  clear:both; background:url(/img/lastest_bg.gif) no-repeat left top; height:27px; overflow:hidden; zoom:1;}
#md-recommand .head h3 { padding-left:10px; padding-top:3px; margin:0;}
#md-recommand .head .more {position:absolute; right:0px; top:5px;  font-size:.9em; letter-spacing:-1px;}

#md-recommand.list-webzine .body ol li {line-height:1em; padding:2px 0; overflow:hidden; zoom:1;}
#md-recommand.list-webzine .body ol li .info {width:230px;}
#md-recommand.list-webzine .body ol li .info .subject { line-height:1.5em; color:#83BC22;}
#md-recommand.list-webzine .body ol li .info .author {color:#898989;font-weight:bold;}
#md-recommand.list-webzine .body ol li .info .description {margin-top:.5em; padding-top:.5em; color:#868686; font-size:.9em; border-top:1px dotted #888; line-height:1.1em;}


#new-contents {background:url(/img/elearning_bg.png) no-repeat center 15px; }
#new-contents h3 {display:none;}

/*
#new-contents  #tab li {float:left; border:0px solid #333; padding: 0 .5em;}

#new-contents  #tab li a img {display:block;  padding:0; margin:0;}
#new-contents  #tab li a img.rollover {display:none;}
#new-contents  #tab li a img.selected {display:block;}

#new-contents  #tab li a:hover img {display:none;}
#new-contents  #tab li a:hover img.rollover {display:block; }
#new-contents  #tab li a:hover img.selected {display:block; }
*/
.point{color:#429BE7; font-weight:bold;}
.point_orange{color:#F2AD40; font-weight:bold;}
.point_black{color:#474747; font-weight:bold;}
.master{color:#00000; font-size:.9em; font-weight:bold;}
.excel{padding-left:510px;}
.excel2{padding-left:450px;}

#tabs .init-hidden {position:absolute; left:-10000px;   border:0px solid #DBDBDB}
#tabs #last_contt {clear:both; list-style:none; overflow:hidden; *zoom:1;  border-bottom:0px solid #DBDBDB; width:100%;padding-bottom:10px; }
#tabs #last_contt li {float:left; margin: 0; }
#tabs #last_contt a {display:block;}
#tabs #last_contt a .on {display:none;}
#tabs #last_contt a .off {display:block;}
#tabs #last_contt a.sel .on {display:block;}
#tabs #last_contt a.sel .off {display:none;}

#elearning {clear:both;overflow:hidden; zoom:1; }
#elearning.list-webzine .body ol { margin:0; padding: 0 1em;}
#elearning.list-webzine .body ol li {clear:none; float:left; border:0px solid #888; width:200px; overflow:hidden; }
#elearning.list-webzine .body ol li .info { width:120px; display:block; padding-left:.2em;}
#elearning.list-webzine .body ol li  .img{ border:1px solid #CCC; }
#elearning.list-webzine .body ol li .info .subject { line-height:1.1em; color:#83BC22; padding:.5em 0 ;}
#elearning.list-webzine .body ol li .info .author,
#elearning.list-webzine .body ol li .info .publisher,
#elearning.list-webzine .body ol li .info .date { line-height:1.2em; font-size:.9em; color:#898989;}
#elearning.list-webzine .body ol li .info .subject strong, 
#elearning.list-webzine .body ol li .info .author strong, 
#elearning.list-webzine .body ol li .info .publisher strong, 
#elearning.list-webzine .body ol li .info .date strong {padding-right:.5em;}

#new-ebook {clear:both;overflow:hidden; zoom:1; }
#new-ebook.list-webzine .body ol { margin:0; padding: 0 1em;}
#new-ebook.list-webzine .body ol li {clear:none; float:left; border:0px solid #888; width:200px; overflow:hidden; }
#new-ebook.list-webzine .body ol li .info { width:120px; display:block; padding-left:.2em;}
#new-ebook.list-webzine .body ol li  .img{ border:1px solid #CCC; }
#new-ebook.list-webzine .body ol li .info .subject { line-height:1.1em; color:#83BC22; padding:.5em 0 ;}
#new-ebook.list-webzine .body ol li .info .author,
#new-ebook.list-webzine .body ol li .info .publisher,
#new-ebook.list-webzine .body ol li .info .date { line-height:1.2em; font-size:.9em; color:#898989;}
#new-ebook.list-webzine .body ol li .info .subject strong, 
#new-ebook.list-webzine .body ol li .info .author strong, 
#new-ebook.list-webzine .body ol li .info .publisher strong, 
#new-ebook.list-webzine .body ol li .info .date strong {padding-right:.5em;}

#main-banner {margin-top:2em;}
#main-banner h3 {display:none;}
#main-banner .group a{float:left;margin-right:.2em;}
#main-banner .group a img {display:block;}
#main-banner .group a img.rollover {display:none;}
#main-banner .group a:hover img{display:none;}
#main-banner .group a:hover img.rollover {display:block;}
#main-banner .group2 a{float:right;}

#main-guide_ebook {margin-top:0em;}
#main-guide_ebook h3 {display:none;}
#main-guide_ebook .group3 a{float:left;margin-right:.2em; width:160px; overflow:hidden;}
#main-guide_ebook .group3 a img {display:block;}


/* ���� > ����Ʈ ������ */
#best-content {clear:both;overflow:hidden; zoom:1; padding:0 0; }
#best-content h3 { background:url(/img/lastest_bg.gif) no-repeat left center; height:27px; padding-left:10px; padding-top:6px; }
#best-content.list-normal .body ol {padding-left:1em;}
#best-content.list-normal .body ol li {clear:none; float:left; width:110px; margin:0 22px;  border:0px solid #333; text-align:center; }
#best-content.list-normal .body ol li {margin-left:0;}
#best-content.list-normal .body ol li .info { padding:.3em 0;}
#best-content.list-normal .body ol li .img{ border:1px solid #CCC; }
#best-content.list-normal .body ol li .info .subject { line-height:1.1em; color:#83BC22; padding-bottom:.5em;}
#best-content.list-normal .body ol li .info .author,
#best-content.list-normal .body ol li .info .publisher,
#best-content.list-normal .body ol li .info .date { line-height:1.2em; font-size:.9em; color:#4E4E4E;}
#best-content.list-normal .body ol li .info .subject strong, 
#best-content.list-normal .body ol li .info .author strong, 
#best-content.list-normal .body ol li .info .publisher strong, 
#best-content.list-normal .body ol li .info .date strong {padding-right:.5em;}


#main-banner {clear:both;}


#current-month-best .list-webzine2 li {clear:none; float:left; border:0px solid #888; padding-top:1em; }
#current-month-best .list-webzine2 li.first {padding-top:0;}
#current-month-best .list-webzine2 li .img{ float:left;}
#current-month-best .list-webzine2 li .info { width:100px; padding-left:.5em;}
#current-month-best .list-webzine2 li .info .subject { line-height:1.2em; color:#83BC22; padding-bottom:.5em; font-weight:bold;}
#current-month-best .list-webzine2 li .info .author,
#current-month-best .list-webzine2 li .info .publisher,
#current-month-best .list-webzine2 li .info .date { line-height:1.2em; font-size:11px; color:#4E4E4E;}
#current-month-best .list-webzine2 li .info b {padding-right:.5em;}

#current-month-best  {padding-top:.8em; list-style-type:disc; list-style-position:inside; }
#current-month-best  li {line-height:1.2em; font-size:11px;}
#current-month-best  li.first {}

#good-review .list-normal {}
#good-review .list-normal li {border-top:1px dotted #CCC; padding:.5em 0; line-height:1.2em;}
#good-review .list-normal li.first {border:0; padding:0 0 .5em 0;}
#good-review .list-normal li a{font-size:1em; font-weight:bold; color:#62B300; }
#good-review .list-normal li small {font-size:11px; line-height:1em;font-weight:normal; letter-spacing:-1px; color:#636363;}

/* ���������� */

/* ����å, �̷��װ��� content �κ� -list */
#contents-list-head {margin:1em 0 ;padding:1em; border:1px solid #D9D9D9; overflow:hidden; *zoom:1;}
#contents-list-head h2 { display:block; line-height:2em; margin:0; padding:0; background:url(/img/list_icon.png) no-repeat left center;  color:#70AD25; font-size:1em;  border-bottom:1px solid #D9D9D9; padding-left:1.3em; }
#contents-list-head ul {overflow:hidden; zoom:1; margin:1em 0 0 0;}
#contents-list-head ul li {background:url(/img/list_icon2.png) no-repeat left center; float:left; width:140px; line-height:1.2em; padding-left:1.3em;}

#contents-list-smart {margin:1em 0 ;padding:1em; border:1px solid #D9D9D9; overflow:hidden; *zoom:1;}
#contents-list-smart ul {overflow:hidden; zoom:1; margin:1em 0 0 0;}
#contents-list-smart ul li {background:url(/img/smart_list_icon.png) no-repeat left center; float:left; width:180px; line-height:1.2em; padding-left:1.3em;}

#contents-list-body {margin:1em 0 ;padding:1em 0; }
#contents-list-body .head {line-height:2em; border-bottom:3px solid #7DC124; overflow:hidden; *zoom:1;}
#contents-list-body .head h3 {float:left; margin:0; padding:0 1.5em;  line-height:2em; font-size:1em; background:url(/img/list_icon3.png) no-repeat left center;}
#contents-list-body .head h3 small {font-size:11px; font-weight:normal; margin-left:1em; padding-left:1em; border-left:1px solid #CCC;}
#contents-list-body .head .option {float:right; line-height:2em; padding-right:1em;line-height:2em; }
#contents-list-body .head .option a {font-weight:normal; font-size:12px; color:#7DC124; margin-left:1em; padding-left:1em; border-left:1px solid #7DC124; }
#contents-list-body .head .option a.first {border:0;}

#contents-list-body .body {background:url(/img/bottom_line.png) repeat-x bottom;}
#contents-list-body .pagination {padding:1em 0;}

#contents-list-body  .list-webzine2 {margin:0; padding:1em;}
#contents-list-body  .list-webzine2 li {  border-top:1px dotted #CCC; overflow:hidden; *zoom:1; padding:0.7em 0;}
#contents-list-body  .list-webzine2 li.first { border:0; padding:1em 0 .7em 0; }
#contents-list-body  .list-webzine2 li a {display:block;}
#contents-list-body  .list-webzine2 li .img {float:left;clear:left; display:block; border:1px solid #CCC;} 
#contents-list-body  .list-webzine2 li .info {float:left; clear:right;  width:510px; padding:0em 1em 0 2em; font-weight:normal; overflow:hidden; zoom:1; }
#contents-list-body  .list-webzine2 li .info .subject {  line-height:1.1em; font-weight:bold; }
#contents-list-body  .list-webzine2 li .info .subject a {display:inline;}
#contents-list-body  .list-webzine2 li .info .subject .icon { }
#contents-list-body  .list-webzine2 li .info .subject .icon img {display:inline;margin-left:.2em;}
#contents-list-body  .list-webzine2 li .info .author,
#contents-list-body  .list-webzine2 li .info .author2,
#contents-list-body  .list-webzine2 li .info .publisher,
#contents-list-body  .list-webzine2 li .info .date {float:left; line-height:1.3em; margin-right:.5em; padding-right:.5em; border-right:1px solid #CCC;}
#contents-list-body  .list-webzine2 li .info .date {border:0;}
#contents-list-body  .list-webzine2 li .info .description {clear:both;  line-height:1.1em; margin-top:1.5em;}

#contents-list-body  .list-webzine2 .reg-info {clear:both; padding-top:0px; padding-left:120px; }
#contents-list-body  .list-webzine2 .reg-info .func-left{}
#contents-list-body  .list-webzine2 .reg-info .func-left span{float:left; font-size:12px; text-align:right; font-weight:bold; }
#contents-list-body  .list-webzine2 .reg-info .func-left span small { font-size:12px; font-weight:normal; font-family:Tahoma; padding-left:.2em; padding-right:1.2em; letter-spacing:-1px;}


.list-webzine2 .reg-info .func-right { }
.list-webzine2 .reg-info .func-right a{float:right; text-align:right;margin-left:.4em; }


#contents-list-body  .list-webzine2 .add-list {padding-top:10px;border:0px solid #333; width:540px; float:right; list-style-type:disc;}
#contents-list-body  .list-webzine2 .add-list li {margin:0; padding:0;border-top:0px solid #CCC; border-bottom:1px solid #CCC;}
#contents-list-body  .list-webzine2 .add-list li .title {float:left; clear:left;}
#contents-list-body  .list-webzine2 .add-list li .reader {background:url(/img/smart_list_icon.png) no-repeat left center; float:left; clear:left; color:#DD3317;}
#contents-list-body  .list-webzine2 .add-list li .smart_icon {background:url(/img/smart_list_icon.png) no-repeat left center; float:left; clear:left; color:#DD3317;}
#contents-list-body  .list-webzine2 .add-list li .pdf {float:left; clear:left; color:#EEB952;}
#contents-list-body  .list-webzine2 .add-list li .title-btn {float:right; clear:right;}


/* ����å, �̷��װ��� content �κ� -detail */

/* ����å, �̷��װ��� content �κ� -detail */
#contents-detail-head {background:url(/img/bg.png) no-repeat center; height: 203px;}

#contents-detail-introduce , #contents-detail-author , #contents-detail-index, #contents-detail-comment { margin: 0 1em 1.5em 1em ; padding:0;}

#contents-detail-introduce h3, #contents-detail-author  h3, #contents-detail-index h3, #contents-detail-comment h3 { padding-left:1em; line-height:14px;  background:url(/img/list_icon.png) no-repeat center left; font-size:13px;  border-bottom:3px solid #7DC323; }
.section-detail .section-body {padding:0 1em; line-height:1.4em;}
#contents-detail-introduce {}
#contents-detail-author {}
#contents-detail-index {}
#contents-detail-comment {}

.section-detail {}

#contents-detail-head { position:relative; border:0px solid #333; padding:10px 20px; overflow:hidden; zoom:1;}
#contents-detail-head .img{ float:left; margin:25px 10px 10px 10px;}
#contents-detail-head .info { float:left; width:450px; margin:25px 10px 10px 20px; padding-left:0px;}
#contents-detail-head .info .subject { line-height:1.3em; color:#83BC22; padding-bottom:.5em; font-weight:bold;}
#contents-detail-head .info .publisher {padding-top:5px;}
#contents-detail-head .info .author,
#contents-detail-head .info .publisher,
#contents-detail-head .info .date,
#contents-detail-head .info .recommand { line-height:1.2em; font-size:12px; color:#4E4E4E; line-height:2em;}
#contents-detail-head .info b {padding-right:.5em;}

#contents-detail-head .func {position:absolute; right:20px; bottom:20px; }

#form_eval {position:relative; margin:0 0 0px 0; padding:10px; background-color:#ffffff; border:1px solid #d6d4d4;}
#form_eval #comment {width:400px; height:18px; background-color:#FFF; border:1px solid #CCC;vertical-align:middle;}
#form_eval #comment_label {vertical-align:middle;}
#form_eval #comment_btn {vertical-align:middle;}


.t_list caption {display:none;}
.t_list {	width:100%;	table-layout:fixed;	border-top:2px solid #7DC325;	border-bottom:1px solid #DFDFDF;    margin: 0px;	border-collapse:collapse;}

.t_list thead th { text-align:center;  height:25px;	font-size:12px;	font-weight:bold;	color:#444;	border-bottom:1px solid #DFDFDF;	background-color:#F9F9F9;}
.t_list tbody th {font-weight:bold;}

.t_list td {	font-size:12px;	height:23px;	color:#7C7C7C;	font-weight:normal;	border-bottom:1px dotted #DFDFDF;	padding: 2px 15px; }
.t_list td.bbs_no {text-align:center;}
.t_list td.bbs_author {text-align:center;}
.t_list td.bbs_regdate {text-align:center;}
.t_list td.bbs_visit {text-align:center;}
.t_list td.s_condition {text-align:center;}

#contents-detail-comment .t_list th {font-weight:bold; text-align:center;}
#contents-detail-comment .t_list th.regdate {}
#contents-detail-comment  .t_list th.comment {}
#contents-detail-comment  .t_list th.author {}
#contents-detail-comment  .t_list td.regdate {font-size: 11px; text-align:center;}
#contents-detail-comment  .t_list td.comment {text-align:left;}
#contents-detail-comment  .t_list td.author {text-align:center;}

/* sitemap */
#sitemap {margin:0; padding:1em 1em;}
#sitemap .dep1 {margin:0em; padding:.5em 0em;}
#sitemap .dep1 .mtitle {margin:2em; padding-left:1.5em; font-weight:bold; background:url(/image/btn_lt_nw.gif) no-repeat 0 center; }
#sitemap .dep1 ul {margin:0em; padding:.5em 5em; }
#sitemap .dep2 { margin:0em; padding:.5em 1em;  border-bottom:1px solid #CCC; background:url(/image/bu_pgarR.gif) no-repeat 0 center;}


dl, ol, ul {margin:0; padding:0;}
ol, ul {list-style:none;}
ol li, ul li, dl dt, dl dd {margin:0; padding:0; line-height:1em;}


/* common */
.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}



#bbs_notice_list {margin:1em;}
#bbs_notice_list .bbs_func {vertical-align:middle; text-align:center; padding:1em 0 0 0;}

#s_board .email_func {vertical-align:middle; text-align:center; padding:1em 0 0 0;}

#s_board .subTitle1{
	margin:10px 0 10px 5px;
	padding:0 0 0 18px;
	background:url(http://lib.seoul.go.kr/image/ko/local/sub/icon1.png) no-repeat 0 1px;
	color:#333;
	font-size:1.1em;
 
}

.t_list caption {display:none;}
.t_list {	width:100%;	table-layout:fixed;	border-top:1px solid #DFDFDF;	border-bottom:1px solid #DFDFDF;    margin: 0px;	border-collapse:collapse;}

.t_list thead th { text-align:center;  height:25px;	font-size:12px;	font-weight:bold;	color:#444;	border-bottom:1px solid #DFDFDF;	background-color:#F9F9F9;}
.t_list tbody th {font-weight:bold;}

.t_list td {	font-size:12px;	height:23px;	color:#7C7C7C;	font-weight:normal;	border-bottom:1px dotted #DFDFDF;	padding: 2px 15px; }
.t_list td.bbs_no {text-align:center;}
.t_list td.bbs_author {text-align:center;}
.t_list td.bbs_regdate {text-align:center;}
.t_list td.bbs_visit {text-align:center;}
.t_list td.s_condition {text-align:center;}

.bbs_table caption {display:none;}
.bbs_table {	width:100%;	table-layout:fixed;	border-top:1px solid #DFDFDF;	border-bottom:1px solid #DFDFDF;    margin: 0px;	border-collapse:collapse;}

.bbs_table th, .bbs_table td {border-bottom:1px dotted #DFDFDF; line-height:2.5em;}
.bbs_table th {width:150px;}
.bbs_table td textarea, .bbs_table td input  { border:1px solid #AAA;}
.bbs_table td input {padding:.1em;}
.bbs_table td textarea {width:90%; height:200px; margin:.5em 0; padding:.5em;}


/* Classes > �Խ��� ���� */
.bbs_view { border-top:2px solid #DFDFDF; border-bottom:2px solid #DFDFDF;}
.bbs_view .bbs_title{  padding:.5em .9em;font-size:1.5em; font-weight:bold; border-bottom:1px solid #E3E3E3; color:#258;}
.bbs_view .bbs_etc { padding: .2em 1.5em .8em 1.5em; font-size: .9em; }
.bbs_view .bbs_etc .bbs_regdate{float: right; color:#AAA; font-weight:bold;}
.bbs_view .bbs_etc .bbs_visit{color:#888;}
.bbs_view .bbs_etc .bbs_author {color:#F60;}
.bbs_view .bbs_content { padding:1.9em;font-size:1em; font-weight:normal; border:1px solid #DFDFDF; color: #777;}
.bbs_view .bbs_func {vertical-align:middle; text-align:center; padding:2em;}

#bbs_notice_list .bbs_func {vertical-align:middle; text-align:center; padding:1em 0 0 0;}


/* Classes > Paging */
.paging {position:relative; clear:both; width:100%; text-align:center; border-top: 0px solid #CCC; padding: 20px 0;}
.paging .arrow {font-weight:bold;}
.paging .number {font-family:Verdana, ����;}
.paging .cur_num {color:#555;}
.paging .nor_num {color:#F90;}
.paging a, .paging b {margin:0; padding: 8px 3px; border:0px solid #CCC; }
.paging a {color:#333;}
.paging b {color:#F30;}

.b_cont{padding:10px 23px 26px 23px;}
.board_write_btn{margin-top:10px; overflow:hidden;}
.board_write_btn ul{float:right;}
.board_write_btn ul li{float:left;margin-left:5px;}
.board_write_btn ul li input{margin:0;padding:0px;}

#s_board table.normal_01_view{border-top:2px solid #4DA208;border-bottom:1px solid #4DA208}
#s_board table.normal_01_view tbody tr {height:28px;}
#s_board table.normal_01_view tbody tr.line{background:#E2E2E2;height:1px;}
#s_board table.normal_01_view tbody tr th{width:90px;text-align:left;background-image:url(/image/write_line.gif);background-repeat:no-repeat;background-position:100% 50%;}
#s_board table.normal_01_view tbody tr th label{padding-left:16px;}
#s_board table.normal_01_view tbody tr td{padding-left:15px;}
#s_board table.normal_01_view tbody tr td.cont{padding:0px;}



#s_board table.bottom_normal_01 {border-top:2px solid #6db3cc;border-bottom:2px solid #6db3cc;}
#s_board table.bottom_normal_01 tr{height:25px;}
#s_board table.bottom_normal_01 tr th {width:80px;text-align:left;background-image:url(/image/write_line.gif);background-repeat:no-repeat;background-position:100% 50%;padding-left:22px;}
#s_board table.bottom_normal_01 tr.line{background:#6db3cc;height:1px;}  
#s_board table.bottom_normal_01 tr td {padding-left:12px;}