@charset "utf-8";

@import url('base.css');

 * { margin:0; padding:0; }
 body {background:#383736 !important; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', µ¸¿ò, ±¼¸², Dotum, Gulim, Arial, sans-serif;line-height:130%;} 

 .ui-overlay-a, html .ui-page-theme-a, html .ui-page-theme-a .ui-panel-wrapper {background:#383736;}
 
ul, ol, dl {list-style:none;}
a { text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }
#di_wrap {max-width:800px;margin:0 auto; background: #383736;}
 #di_header { width: 100%; background:#fff;clear:both;padding:8px 0 10px 0; margin:0;text-align:center;overflow:hidden;}
 #di_topmenu { overflow:hidden; width:100%; margin:0; }
 #di_topmenu .dc_logo { padding:0;  margin:0 auto; text-align:center;}
 #di_topmenu .dc_logo img {width:40%;}

 #di_nav { float:right; margin:0; width:84%;  }
 #di_nav ul { overflow:hidden; padding:0 0 0 50px;}
 #di_nav li { float:left; margin:0; padding:0 0 15px 0; width:16%; }
 #di_nav li img { max-width:100%;}

 #di_contents { width:100%; margin:0; background:#383736;}
 #di_box {background:#383736;width:100%;margin:0;padding:0;overflow:hidden;}

 .dc_msearch img {width:100%;}
 .m_link table {width:100%;}
 .m_link img {width:100%;}

 .s_link table {width:100%;}
 .s_link img {width:100%;}

#di_copyright { width:100%;margin:0; background:#343740;padding:0;}
#di_copyright .dc_foot_link span {padding:0px 5px 0 5px;}
#di_copyright .dc_foot_link {color:#898989; font-size:1.0em;clear:both; margin:10px auto;text-align:center;padding:5px 0 0 0;}
#di_copyright .dc_copy {text-align:center; padding:0px 0 10px 0; color:#7b7b7b; font-weight:bold; font-size:1.0em;background:#343740;clear:both; width:100%;margin:0px 0 0 0;}
#di_copyright .dc_copy a {color:#7b7b7b;font-weight:bold;}




/* ·Î±×ÀÎ */
#di_login_wrap {width:100%;margin-top:40px;}
  #di_logo_box {text-align:center;}
  #di_logo_box .logo img {width:50%;}
  #di_logo_box .logo {margin:0 0 30px 0;}
  .dc_login_box {width:85%; overflow:auto;margin:0 auto;}
   #di_login_wrap .dc_title {width:100%;color:#888;text-align:center;font-weight:bold;font-size:2em;padding:10px 0;}
  .dc_login_box dl {width:100%; float:left;overflow:hidden;margin:0 auto;}
  .dc_login_box dl dt {width:40px; float:left; text-align:left;margin:7px 0 4px 0;padding:0 0px 0 0;}
  .dc_login_box dl dt img {width:40px;overflow:hidden;background:#1962a9;}
  .dc_login_box dl dd {width:85%;float:left;margin-top:0px;}
  .dc_login_box dl dd .dc_login_input {width:100%;height:40px;padding:2px 2px;border:0px solid #ccc;background:#ffffff;line-height:200%;text-align:center;font-weight:bold;font-size:1.2em;color:#666;border-radius:0px;}
  .dc_login_box dl dt span {font-weight:bold;color:#666;}
  .dc_login_save {width:100%;}
  .dc_login_btn {clear:both; margin:10px auto;text-align:center;text-decoration:none;overflow:hidden;}
  .dc_login_btn #login_btn {width:100%;height:40px; display:block;text-decoration:none;background:#b60007;color:#fff;padding:10px 0px;text-align:center;margin:10px auto;font-size:1.3em;box-shadow:2px 2px 2px #000;    font-weight:bold;    border:1px solid #00236c;	}
  .login_style {width:100%;margin:20px 0 0 0;}
  .login_style th img {width:40px;overflow:hidden;}
  .login_style th span {font-weight:bold;color:#666;}
  .login_style .dc_login_input {width:100%;height:40px;padding:2px 2px;border:0px solid #ccc;background:#ffffff;line-height:200%;text-align:center;font-weight:bold;font-size:1.2em;color:#666;border-radius:0px;}

.dc_idpw {padding:10px 10px;margin:0px 0;border:1px dotted #ccc;overflow:hidden;font-size:1.1em;}
.dc_idpw li {background:url(/modules/muser/img/common/dot_list.png) no-repeat 0% 50%;padding:0 0 0 10px;line-height:180%;}
.dc_tel {width:90%;margin:10px auto;text-align:center;line-height:180%;}
.dc_tel a{color:#00397f; font-weight:bold;font-size:1.2em;}