/***************************************************************************
 * File Name        : Main.css                                  
 * File Description : ÇѸ³¹ýÇпø »çÀÌÆ® StyleSheet 
 * Author           : ÀÌÁÖÇö
 * History          : 2010.04 ÃÖÃÊÀÛ¼º                    
 ***************************************************************************/

*{margin:0; padding:0; line-height:130%; font-style:normal; font-size:12px; color:#5a5a5a; font-family:"µ¸¿ò", Dotum, verdana;}
img{border:none;}
a{text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none; font-style:normal; font-size:12px; color:#5a5a5a; font-family:"µ¸¿ò", Dotum, verdana;}
label{cursor:pointer; _cursor /**/:hand;}
button{border:none; background:none; cursor:pointer; _cursor /**/:hand;}
button img{display:none;}
ul,ol,li  {list-style:none;}
.clear{display:block;  float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}





/* Layout */
body         {text-align:center; text-align:-moz-center; margin:0; background:url('/www/img/images/bg_main.gif') repeat;}
#wrap        {width:100%;  _width:100%;                margin:0; } 
#header      {width:950px; _width:950px; height:230px; margin:0 auto 0 auto; padding:0 !important;}
#container   {width:950px; _width:950px; height:430px; margin:0 auto 0 auto; padding:0 !important;}
#footer      {width:100%;  _width:100%;                margin:0; padding:0 !important;}


/* Layout_popup */
#popup            {float:left; text-align:-moz-left; margin:0; padding:0; background:url('/www/img/images/bg_main.gif') repeat;}
#wrap_popup       {width:292px; _width:294px; background:url('/www/img/images/bg_main.gif') repeat;}
#header_popup     {width:271px; _width:271px; height:35px; margin:10px 0 0 11px; background:url('/www/img/images/popup_login.gif') repeat;}
#container_popup  {width:250px; _width:250px;  margin:5px 0 0 10px;  padding:10px; border:1px solid #d1eaec; background-color:#fff;}
#footer_popup     {width:270px; _width:270px;  margin:5px 10px 5px 10px;  padding:0 !important; text-align:right;}


.container_login  {width:100%;  background-color:#fafafa; border:1px solid #f4f4f4; background:url('/www/img/images/logo.gif') no-repeat 0 50%; }
.container_line   {width:100%; height:3px; _height:3px; background:url('/www/img/images/line_popup.gif') no-repeat; padding:0; margin:10px 0 0 0;}
.login              {position:relative; width:180px; height:75px;  margin:0 0 0 60px; padding:0; border:none; }
.login *            {margin:0; padding:0; vertical-align:middle;}
.login legend       {position:absolute; left:100px; top:-500px; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.login .query       {padding:10px; float:left;}
.login .query      *{vertical-align:middle;}
.login .input_pw    {position:relative; top:0px; _top:0; width:78px; _width /**/:90px; height:18px; _height /**/:24px; padding:3px 5px 0 5px; border:1px solid #d6d6d6; font:11px; font-weight:bold; letter-spacing:-1px; color:#acacac; margin:5px 0 0 0;}
.login .input_id  {position:relative; top:0px; _top:0; width:78px; _width /**/:90px; height:18px; _height /**/:24px; padding:3px 5px 0 5px; border:1px solid #d6d6d6; font:11px; font-weight:bold; letter-spacing:-1px; color:#acacac;}
.login img, .login button  {border:none;}
.login label       {display:none;}
.btn_login         {float:right; margin:12px 0 0 0;}
.btn               {margin:10px 0 0 0; padding:10px 0 0 0; background:url('/www/img/images/line_popup.gif') no-repeat 50% 0; text-align:center; }
.input_member      {width:55px; _width:70px;   height:19px; _height:24px; padding:5px 0 0 15px; border:none; letter-spacing:-1px; background:url('/www/img/images/btn_member.gif') no-repeat; font-size:11px; font-weight:bold; cursor:pointer; _cursor /**/:hand;}
.input_searchidpw  {width:120px; _width:130px; height:19px; _height:24px; padding:5px 0 0 15px; margin:0 0 0 10px; letter-spacing:-1px;  border:none; background:url('/www/img/images/btn_searchidpw.gif') no-repeat; font-size:11px; font-weight:bold; cursor:pointer; _cursor /**/:hand;}






/* header */
/* logo */
h1      {float:left; display:block; font-size:100%; width:225px; height:44px; margin:15px 0 0 15px; _margin:15px 0 0 8px;}


/* container */
/* p */
.p_r  {float:right; width:100%; text-align:right;}
.p_r *{vertical-align:middle;}
.p_l  {float:left;  width:100%; text-align:left;}
.p_l *{vertical-align:middle;}
.p_m  {             width:100%; text-align:center;}
.p_m *{vertical-align:middle;}

/* main */
#main_m {height:280px;}
.main_t_logo {width:930px; height:70px; background:url('/www/img/images/bg_m_top.gif') no-repeat;}
#main_t      {width:930px; height:160px;}
#main_t_m    {float:right; width:380px; margin:44px 0 0 0; text-align:center; text-align:-moz-center;}/* µ¶¼­½Ç µé¾î¿À¸é width:380px; */
#main_t_m ul {width:360px; height:16px; margin:0 auto 0 auto; text-align:center;}
#main_t_m li {display:inline; font-size:0px; margin:0 7px 0 7px; padding:0; }
#main_t_m .s {display:inline; font-size:0px; margin:0 7px 0 15px; padding:0; }
#main_t_m .f {display:inline; font-size:0px; margin:0 17px 0 7px; padding:0}
.twitter     {float:left; display:block; width:250px; height:40px; margin:30px 0 0 277px; _margin:30px 0 0 277px;}





/* notice */
#notice       {float:left; width:430px; height:100px; margin:20px 0 0 10px; text-align:left; background:url('/www/img/images/bg_notice_top.gif') repeat;}
#notice caption{display:none;}
#notice .hx   {float:left; width:300px; height:25px; margin:0 0 10px 0; background:url('/www/img/images/m_notice.gif') no-repeat;}
#notice .tx   {color:#5a5a5a; }
#notice .tx td{height:19px;}
#notice .date {text-align:right;}
#notice .list {background:url('/www/img/images/icon_notice.gif') no-repeat 0 45%; padding:0 0 0 12px; width:350px;} 
#notice .more {float:right; display:block; margin:7px 0 0 0;}
.list_ltxt_l {float:left; width:340px;}
.list_a  {background:url('/www/img/common/icon_institute.gif')  3px 0 no-repeat; padding:2px 0 0 43px; line-height:18px;}/*Çпø*/
.list_b  {background:url('/www/img/common/icon_elearning.gif')   3px 0 no-repeat; padding:2px 0 0 43px; line-height:18px;}/*樨毢*/
.list_c  {background:url('/www/img/common/icon_total.gif' ) 3px 0 no-repeat; padding:2px 0 0 43px; line-height:18px;}/*Àüü*/
.list_d  {background:url('/www/img/common/book_classification.gif') 3px 0 no-repeat; padding:2px 0 0 43px; line-height:18px;}/*¼­Á¡*/
.list_e  {background:url('/www/img/common/total_classification.gif')3px 0 no-repeat; padding:2px 0 0 43px; line-height:18px;}/*Á¾ÇÕ¹Ý*/
.list_ltxt_r {float:right; width:80px; text-align:right;}
.list_ltxt_r  li {line-height:18px; padding:0 5px 0 0; }

/* ad */
#ad {float:right; width:460px; height:110px; margin:10px 10px 0 0; background:url('/www/img/intro/intro_banner.swf') no-repeat; }
*.add {display:block; height:20px; margin:75px 0 0 83px;}
#ad li   {display:block; float:left; white-space:nowrap; width:95px; height:20px; font-size:0px; margin:0 5px 0 0; }
#ad li a {display:block; width:95px; height:20px; font-size:0px;}

/* ad */
/*#ad {float:right; width:460px; height:110px; margin:10px 10px 0 0; background:url('/www/img/images/banner_01.gif') no-repeat; }
.add     {display:block; height:20px; margin:75px 0 0 83px;}
#ad li   {display:block; float:left; white-space:nowrap; width:95px; height:20px; font-size:0px; margin:0 5px 0 0; }
#ad li a {display:block; width:95px; height:20px; font-size:0px;}

/* footer */
#footer           {border-top:1px solid #d7d7d7; text-align:center; text-align:-moz-center; margin:0; padding:0;}
#footer .tel      {_width:950px; width:950px; height:18px; padding:10px; margin:0 auto 0 auto; text-align:right;}
#footer .tel li   {display:inline;  font-size:11px; height:18px; white-space:nowrap; margin:0 25px 0 0; padding:0;}
.line             {width:100%; height:4px; _height:4px; background:url('/www/img/images/line.gif') no-repeat; padding:0; margin:0;}
#footer .f        {width:950px; _width:950px; height:120px; padding:0px; margin:0 auto 0 auto;}
#footer .dimlogo  {float:left;  width:179px;  height:120px; background:url('/www/img/images/logo_dim.gif') no-repeat 0% 50%; }
#footer .ad       {float:left; width:580px; padding:15px 10px 0 15px; text-align:left;}
#footer .mf       {margin:0 0 10px 0; height:13px;}
#footer .mf  li   {display:inline; font-size:0px; height:13px; white-space:nowrap; margin:0 12px 0 0; padding:0 15px 0 0;}
#footer address   {margin:0; text-align:left;}
#footer .dimuplus {width:145px; background: url(/www/img/images/umark.jpg) no-repeat 0% 50%; float: left; height: 120px
}