@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* S : 공통 */
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{
  margin: 0px;
  padding: 0px;
  font-family: "Nanum Gothic", "Helvertica Neue", Helvertica, Arial, sans-serif;
  color: #333;
  font-weight: 300;
  font-size: 13px;
}

input
{
  padding-left: 5px;
}

img
{
  border: 0px;
  vertical-align: middle;
}

body
{
  font-family: Nanum Gothic, sans-serif;
  font-size: 15px;
  line-height: 25px;
  padding: 0px;
  margin: 0px;
}

th
{
  text-align: center;
  background: #eee;
}

td
{
  font-family: Nanum Gothic, sans-serif;
  font-size: 14px;
}

a.acolor-blue
{
  color: #1A69D9;
  text-decoration: none;
}

a.acolor-blue.bold
{
  font-weight: 700;
}

a.acolor2blue
{
  color: #C8D7FF;
  text-decoration: none;
}

a.acolor2blue.bold
{
  font-weight: 700;
}

a.acolor-white
{
  color: #fff;
  text-decoration: none;
}

a.acolor-gray
{
  color: #aaa;
  text-decoration: none;
}

a.acolor-red
{
  color: #E91E63;
  text-decoration: none;
}

a.acolor-orange
{
  color: #ff9800;
  text-decoration: none;
}

input, textarea, select
{
  border: 1px solid #ddd;
  font-family: "Nanum Gothic", "Helvertica Neue", Helvertica, Arial, sans-serif;
  font-size: 13px;
  height: 30px;
}

.mtop8
{
  margin-top: 8px;
}

.mtop15
{
  margin-top: 15px;
}

.fsize12
{
  font-family: Nanum Gothic, sans-serif;
  font-size: 12px;
}

.radio label
{
  color: #333;
}

.small-input-center
{
  width: 50px;
  height: 26px;
  text-align: center;
  padding: 0px;
}
/* E : 공통 */

/* S : nav 아이콘 */
.nav-icon
{
  font-family: Nanum Gothic,sans-serif !important;
  font-size: 13px !important;
  color: #fff;
  background-color: #3C4858;
  text-align: center;
  border-radius: 3px;
  margin-left: 10px;
  line-height: 18px !important;
  width: 18px !important;
}
/* E : nav 아이콘 */

/* S : 모달창 사이즈 조정 */
#mb-open-window
{
  font-family: Nanum Gothic,sans-serif;
  font-size: 14px;
  position: absolute;
  background-color: #fff;
  overflow: visible;
  padding: 20px;
  border-style: double;
  border-color: #ddd;
  border-width: 1px;
  border-radius: 3px;
  z-index: 97;
  display: none;
  height: auto;
}

@media (min-width: 768px)
{
  .modal-800
  {
    width: 800px;
  }

  .modal-900
  {
    width: 900px;
  }

  .modal-1000
  {
    width: 1000px;
  }

  .modal-1100
  {
    width: 1100px;
  }

  .modal-1200
  {
    width: 1200px;
  }

  .modal-1300
  {
    width: 1300px;
  }
}
/* E : 모달창 사이즈 조정 */

/* S : 버튼 비활성 */
.btn.btn-notwork
{
  opacity: 0.5;
  disabled: disabled;
}
/* E: 버튼 비활성 */

/* S : 페이징 */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{
  background-color: #f4f4f4;
  border-color: #DDDDDD;
  color: inherit;
  cursor: default;
  z-index: 2;
}

.pagination > li > a,
.pagination > li > span
{
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}

.pagenate-sel
{
  height: 30px;
  margin: 20px 0px 20px 5px;
  vertical-align: top;
}
/* E : 페이징 */

/* S : 제목관련 */

.h1_bold
{
  font-size: 25px;
  color: #1A1A1A;
  font-weight: 400;
}

.h2_bold
{
  font-size: 18px;
  color: #1A1A1A;
  font-weight: 700;
}

.h2_bold.white
{
  color: #FFF;
  font-weight: 400;
}

.h3_base
{
  font-size: 16px;
}

.h3_base.bold
{
  color: #1A1A1A;
  font-weight: 700;
}

.h3_base.purple
{
  color: #9C27B0;
  font-weight: 700;
}

.h3_base.white
{
  color: #FFF;
}

/* E : 제목관련 */

/* S : 폰트 */

.s1
{
  font-size: 12px;
  color: #4D4D4D;
}

.s1.padding
{
  padding: 1px;
}

.s1.blue
{
  color: #1A69D9;
}

.s1.red
{
  color: #E91E63;
}

.s1.purple
{
  color: #9C27B0;
}

.s1.gray
{
  color: #CCC;
}

.s1.white
{
  color: #FFF;
  font-weight: 400;
}

.s2
{
  font-size: 11px;
  color: #666;
}

/* E : 폰트 */

/* S : 테이블 */

.t1
{
  font-size: 15px;
  color: #1A1A1A;
  font-weight: 300;
}

.t1.blue
{
  color: #1A69D9;
}

.t1.bold
{
  font-weight: 700;
}

.t2
{
  font-size: 14px;
}

.t2.bold
{
  color: #333;
  font-weight: 700;
}

.t2.white
{
  color: #FFF;
}

.t2.gray
{
  color: #999;
}

.t3
{
  font-size: 13px;
  color: #4D4D4D;
  font-weight: 400;
}

.t3.base
{
  color: #333;
}

.t3.blue
{
  color: #1A69D9;
}

.t3.red
{
  color: #E91E63;
}

.t3.purple
{
  color: #9C27B0;
}

.t3.green
{
  color: #4CAF50;
}

.t3.yellow
{
  color: #FFF200;
}

.t3.white
{
  color: #FFF;
}

.t3.bold
{
  color: #464646;
  font-weight: 700;
}

.t3.white.bold
{
  font-weight: 700;
}

.t3.gray
{
  color: #999;
}

.t3.padding
{
  padding: 8px;
}

.t4
{
  font-size: 11px;
  color: #4D4D4D;
  font-weight: 400;
}

.table-title-top
{
  font-family: Nanum Gothic, sans-serif !important;
  font-size: 15px !important;
}

.table-title
{
  background: #eee;
  text-align: center;
}

.table-title-left
{
  background: #eee;
}

.table-checkbox
{
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 1px solid #000;
  cursor: pointer;
}

.table-button
{
  margin: 0px;
}

.table-wid5
{
  width: 5%;
}

.table-wid10
{
  width: 10%;
}

.table-wid15
{
  width: 15%;
}

.table-wid20
{
  width: 20%;
}

.table-wid25
{
  width: 25%;
}

.table-wid30
{
  width: 30%;
}

.table-wid40
{
  width: 40%;
}

.tr-center
{
  text-align: center;
}

.tr-strong
{
  font-weight: bold;
}

.tr-bg-yellow
{
  background: rgb(255, 255, 210);
}

.tr-bg-red
{
  background: #E91E63;
}

.tr-bg-violet
{
  background: #ffd2ff;
}

.tr-bg-gray
{
  background: #eeeeee;
}

.tr-bg-orange
{
  background: #faebc3;
}

.tr-ft-red
{
  color: #e91e63;
}

.tr-ft-blue
{
  color: #2468ca;
}

.tr-ft-violet
{
  color: #af2cc5;
}

.tr-ft-N
{
  color: #51A351;
}

.tr-ft-D
{
  color: #FFC870;
}

.td-title-common
{
  width: 30%;
  text-align: center;
  font-size: 15px;
}

.td-right-number
{
  text-align: right;
  padding-right: 5px;
}

.td-left-title
{
  text-align: left;
  padding-left: 5px;
}

.td-chcek-box
{
  padding-top: 4px;
  padding-left: 17px;
}

.td-chcek-box-text
{
  padding-left: 7px;
  padding-bottom: 2px;
  font-size: 15px;
}

.td-tb-zero
{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.td-common-comment
{
  text-align: left;
  padding: 8px !important;
  line-height: 2em !important;
  vertical-align: top !important;
}

.td-title-comment
{
  width: 25%;
  font-size: 14px !important;
  text-align: left;
  padding: 8px !important;
  line-height: 2em !important;
  vertical-align: top !important;
}
/* E : 테이블 */

/* S : 팝업 설명글 */
.modal-notice
{
  border: 1px solid #0976b4;
  color: #0976b4;
  font-size: 14px;
  padding: 5px 10px;
}
/* E : 팝업 설명글 */

/* S : 통합실적 보기 메뉴선택 */
.menu-ul
{
  width: 100%;
  float: left;
  list-style: none;
}

.menu-select
{
  float: left;
  width: 250px;
}

.menu-last-text
{
  float: left;
  height: 55px;
  padding-top: 15px;
  padding-left: 7px;
  padding-right: 5px;
  font-size: 14px;
}
/* E : 통합실적 보기 메뉴선택 */

.material-icons-report
{
  font-family: Nanum Gothic, sans-serif;
  border-radius: 3px;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 4px;
  line-height: 20px;
  width: 20px;
  vertical-align: middle;
  float: left;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}