/* base */
  /*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/

  @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

  html, body { 
	  width:100%;
/*	  font-family:"Nanum Gothic",'돋움','Dotum','apple gothic', 'Arial', sans-serif;*/
	  font-family: "Noto Sans KR", sans-serif;
	  background-color:#fff;
	  font-size:13px;
	  line-height:18px; 
	  background: #2f80ed;
	  height: 100%;
	  overflow-y: hidden;
}
  html, body, table, p, h1, h2, h3, h4, h5, ul, ol, li, a { margin:0; padding:0; border:0; color:#666; }
  table,th, td { border-collapse:collapse; }
  table { width:100%; }
  a { text-decoration:none; color:#666; }
  li { list-style:none; }
  img { border:0; padding:0; margin:0; vertical-align:middle; }
  a:hover, a:active { text-decoration:underline; }
  input, select { margin:0; padding:0; vertical-align:middle; }
  h1,h2,h3,h4,h5 { margin:0; padding:0; }
  textarea { resize:none; }
  button { border:0; background-color:transparent; cursor:pointer; font-family:"Nanum Gothic",'돋움','Dotum','apple gothic', 'Arial', sans-serif; }
  select::-ms-expand { display:none; }

  /* login */
    #login_wrap { width:100%; height:100%; min-height:650px; position:relative;background: #56ccf2; /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #56ccf2, #2f80ed); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #56ccf2, #2f80ed); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
  #login_box {height:368px; margin:0 auto; margin-top:180px; }

  #login_box .login_inner .logobox { padding:17px 0; height:70px; background:none; position:relative; }
  #login_box .login_inner .logobox .logo { /*position:absolute; top:19px; left:210px;*/ text-align:center }
  #login_box .login_inner .logobox .ver { position: absolute;right: 230px;top:85px;color: #152b54;font-size:12px;font-weight: bold;}

  #login_box .login_inner .inbox { height:220px; position:relative; }
  #login_box .login_inner .inbox .ul_position { text-align: center; }
    ul.login_inputbox { width:330px; padding:0; margin:0 auto;}
/*    ul.login_inputbox li { border:1px solid #ccc; }*/
    ul.login_inputbox li.login_ip {width:100%;/*background: #fff*/;padding: 8px 0px; border-bottom: 1px solid rgb(255 255 255 / 50%); text-align: left;}
    .login_input { border:0; padding:6px; font-size:14px;  background: none; outline: 0; width: 240px;  font-weight: 200; color:#fff}
  ul.login_inputbox li.login_ip input::placeholder { color: #fff;}
  #login_box .login_inner .btnbox { /*background:#f0f0f0; border-top:1px solid #ddd; height:60px;*/ position:relative; }
  #login_box .login_inner .btnbox .login_info { position:absolute; top: 15px;left:142px;color: #999;text-align: center;font-size: 12px; }
  .login_btn { font-family:'Nanum Gothic'; background:#fff; border:0; font-size:13px; font-weight:bold; color:#177eef; padding:8px 18px 10px 19px; cursor:pointer; height: 52px;
  width: 330px;border-radius: 3px;margin-top:30px;}
    .login_btn:hover{background-color:#e7e6e6}
  .login_copyright { color:#fff; font-size:11px; text-align:center; margin:20px 0 0 0; }


  /* 기타 */
  .cb { clear:both; }
  .fl { float:left; }
  .fr { float:right; }
  .mb_10 { margin-bottom:10px; }