@charset "utf-8";
/* 가로사이즈 */
.body_1024 {width: 980px; padding: 15px 5px 0 15px;}
.table_1024 {width: 920px;}
.table_csms {width: 100%;}

.body_1280_open {width: 1020px; padding: 15px 5px 0 15px;}
.table_1280_open {width: 960px;}

.body_1280_close {width: 1230px;  padding: 15px 5px 0 15px;}
.table_1280_close {width: 1170px;}

.body_1680_open {width: 1420px; padding: 15px 5px 0 15px;}
.table_1680_open {width: 1360px;}

.body_1680_close {width: 1630px;  padding: 15px 5px 0 15px;}
.table_1680_close {width: 1570px;}


/* 2depth 타이틀 */
.title_back {
  background: url(../../common/common/title_back.gif) repeat-x;
  width: 100%;
  height: 37px;
  padding-bottom: 8px;
}
.title_2depth {
  font-family: "굴림";
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background: url(../../common/common/bul_title.gif) no-repeat left 4px;
  padding-left: 23px;
}

/* 3depth Tab Menu */
.tab_back {
  background: url(../../common/common/tab_back.gif) repeat-x;
  height: 35px;
  vertical-align: bottom;
  padding-bottom: 5px;
  width: 100%;
}
.tab_on {
  font-family: "굴림";
  font-size: 12px;
  color: #184281;
  background: url(../../common/common/tab_on.gif) no-repeat left;
  height: 30px;
  width: 142px;
  font-weight: bold;
  text-align: center;
  padding-top:6px;
}
.tab_off {
  font-family: "굴림";
  font-size: 12px;
  color: #888888;
  background: url(../../common/common/tab_off.gif) no-repeat left;
  height: 30px;
  width: 142px;
  font-weight: bold;
  text-align: center;
  padding-top:6px;
}
.tab_on2 {
  font-family: "굴림";
  font-size: 12px;
  color: #184281;
  background: url(../../common/common/tab_on2.gif) no-repeat left;
  height: 30px;
  width: 192px;
  font-weight: bold;
  text-align: center;
  padding-top:6px;
}
.tab_off2 {
  font-family: "굴림";
  font-size: 12px;
  color: #888888;
  background: url(../../common/common/tab_off2.gif) no-repeat left;
  height: 30px;
  width: 192px;
  font-weight: bold;
  text-align: center;
  padding-top:6px;
}

.tab_on   A:link              {color: #184281; TEXT-DECORATION:none; }
.tab_on   A:visited           {color: #184281; TEXT-DECORATION:none; }
.tab_on   A:active            {color: #184281; TEXT-DECORATION:none; }
.tab_on   A:hover             {color: #184281; TEXT-DECORATION:none; }
.tab_off  A:link              {color: #888888; TEXT-DECORATION:none; }
.tab_off  A:visited           {color: #888888; TEXT-DECORATION:none; }
.tab_off  A:active            {color: #888888; TEXT-DECORATION:none; }
.tab_off  A:hover             {color: #6ec4c0; TEXT-DECORATION:none; }
.tab_on2  A:link              {color: #184281; TEXT-DECORATION:none; }
.tab_on2  A:visited           {color: #184281; TEXT-DECORATION:none; }
.tab_on2  A:active            {color: #184281; TEXT-DECORATION:none; }
.tab_on2  A:hover             {color: #184281; TEXT-DECORATION:none; }
.tab_off2 A:link              {color: #888888; TEXT-DECORATION:none; }
.tab_off2 A:visited           {color: #888888; TEXT-DECORATION:none; }
.tab_off2 A:active            {color: #888888; TEXT-DECORATION:none; }
.tab_off2 A:hover             {color: #6ec4c0; TEXT-DECORATION:none; }


/* 3depth(small) Tab Menu */
.tab_sm_on {
  font-family: "돋움";
  font-size: 11px;
  color: #184281;
  background: url(../../common/common/tab_sm_on.gif) no-repeat left;
  height: 30px;
  width: 100px;
  text-align: center;
  padding-top:3px;
  letter-spacing:-1px;
}
.tab_sm_off {
  font-family: "돋움";
  font-size: 11px;
  color: #888888;
  background: url(../../common/common/tab_sm_off.gif) no-repeat left;
  height: 30px;
  width: 100px;
  text-align: center;
  padding-top:3px;
  letter-spacing:-1px;
}
.tab_sm_on   A:link              { font-family: "돋움"; font-size: 11px; color: #184281; TEXT-DECORATION:none; }
.tab_sm_on   A:visited           { font-family: "돋움"; font-size: 11px; color: #184281; TEXT-DECORATION:none; }
.tab_sm_on   A:active            { font-family: "돋움"; font-size: 11px; color: #184281; TEXT-DECORATION:none; }
.tab_sm_on   A:hover             { font-family: "돋움"; font-size: 11px; color: #184281; TEXT-DECORATION:none; }
.tab_sm_off  A:link              { font-family: "돋움"; font-size: 11px; color: #888888; TEXT-DECORATION:none; }
.tab_sm_off  A:visited           { font-family: "돋움"; font-size: 11px; color: #888888; TEXT-DECORATION:none; }
.tab_sm_off  A:active            { font-family: "돋움"; font-size: 11px; color: #888888; TEXT-DECORATION:none; }
.tab_sm_off  A:hover             { font-family: "돋움"; font-size: 11px; color: #888888; TEXT-DECORATION:none; }


/* 검색 */
.search_back {
  background-color: #f7f7f7;
  border-width: 1px;   border-style: solid;  border-color: #eaeaea;
  padding: 0px;
  width:100%
}
.search_tit {
  font-family: "굴림";  font-weight: bold;  color: #000000;
}



/* Grid Tab */
.gridtab_back {
  vertical-align: bottom;
}
.gridtab_backline {
  vertical-align: bottom;
  background: url(../../common/common/gridtab_back.gif) repeat-x bottom;
}
.gridtab_on {
  font-family: "돋움";
  font-size: 11px;
  color: #FFFFFF;
  background: url(../../common/common/gridtab_on.gif) no-repeat left;
  height: 25px;
  width: 100px;
  text-align: center;
  padding-top:3px;
  letter-spacing:-1px;
}
.gridtab_off {
  font-family: "돋움";
  font-size: 11px;
  color: #184281;
  background: url(../../common/common/gridtab_off.gif) no-repeat left;
  height: 25px;
  width: 100px;
  text-align: center;
  padding-top:3px;
  letter-spacing:-1px;
}
.gridtab_on   A:link              {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px; }
.gridtab_on   A:visited           {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px; }
.gridtab_on   A:active            {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px; }
.gridtab_on   A:hover             {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px; }

.gridtab_off  A:link              {color: #184281; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px; }
.gridtab_off  A:visited           {color: #184281; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px; }
.gridtab_off  A:active            {color: #184281; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px; }
.gridtab_off  A:hover             {color: #7ab3d0; TEXT-DECORATION:none;  font-family: "돋움";  font-size: 11px;}



/* 추가 */
.gridtab1_back {
  vertical-align: bottom;
}
.gridtab1_backline {
  height:9px;
  background:url(../../common/common/gridtab1_back.gif);
}
.gridtab1_on {
  font-family: "돋움";
  font-size: 11px;
  color: #FFFFFF;
  background: url(../../common/common/gridtab1_on.gif) no-repeat left;
  height: 25px;
  width: 100px;
  text-align: center;
  padding-top:3px;
  letter-spacing:-1px;
}
.gridtab1_off {
  font-family: "돋움";
  font-size: 11px;
  color: #184281;
  background: url(../../common/common/gridtab1_off.gif) no-repeat left;
  height: 25px;
  width: 100px;
  text-align: center;
  padding-top:3px;
  letter-spacing:-1px;
}
.gridtab1_on   A:link              {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px; }
.gridtab1_on   A:visited           {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px; }
.gridtab1_on   A:active            {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px; }
.gridtab1_on   A:hover             {color: #FFFFFF; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px; }

.gridtab1_off  A:link              {color: #6f6f6f; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px; }
.gridtab1_off  A:visited           {color: #6f6f6f; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px; }
.gridtab1_off  A:active            {color: #6f6f6f; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px; }
.gridtab1_off  A:hover             {color: #6f6f6f; TEXT-DECORATION:none;  font-family: "굴림";  font-size: 11px;}
/* //추가 */



.grid_button {
  height: 30px;
  text-align: right;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 3px;
}
.grid_line {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #808080;
}

/* 서브타이틀 */
.sub_title {
  height: 30px;
  vertical-align: bottom;
  font-weight: bold;
  color: #2e6e8f;
  background: url(../../common/common/bul_subtit.gif) no-repeat left 14px;
  padding: 0 0 1px 9px;
}

/* 테이블 스타일 */
.table_top {
  background-color: #7ab3d0;
  height: 2px;
}
.table_blueline {
  background-color: #7ab3d0;
  height: 1px;
}
.table_grayline {
  background-color: #d1d1d1;
  height: 1px;
}
.table_end {
  background-color: #7ab3d0;
  height: 28px;
  font-size: 12px;
  color: #FFFFFF;
}
.table_tit1 {
  font-family: "굴림";
  font-size: 12px;
  color: #336666;
  background-color: #d8f2ec;
  height: 25px;
  width: 150px;
}
.table_tit1_emp {
  font-family: "굴림";
  font-size: 12px;
  color: #336666;
  background-color: #8c99f2;
  height: 25px;
  width: 150px;
}
.table_tit2 {
  font-family: "굴림";
  font-size: 12px;
  color: #336666;
  background-color: #d8f2ec;
  height: 25px;
  text-align: center;
}
.table_tit3 {
  font-family: "굴림";
  font-size: 12px;
  color: #335166;
  background-color: #bddde5;
  height: 25px;
  text-align: center;
}
.table_tit4 {
  font-family: "굴림";
  font-size: 12px;
  color: #335166;
  background-color: #d8edf2;
  height: 25px;
  text-align: center;
}
.table_tit5 {
  font-family: "굴림";
  font-size: 12px;
  color: #336666;
  background-color: #d8f2ec;
  height: 25px;
  text-align: left;
}
.table_v_line_01 {
  font-family: "굴림";
  font-size: 12px;
  color: #335166;
  text-align: center;
  line-height: 18px;
  background-color: #d8f2ec;
  border-right-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: none;
  border-right-color: #7ab3d0;
}
.vline {  border-right: 1px solid #7ab3d0;}
.bline {  border-bottom: 1px solid #7ab3d0;}
.lline {  border-left: 1px solid #7ab3d0;}
.tline {  border-top: 2px solid #7ab3d0;}
.table_padding{  padding: 2px 7px 2px 7px;}



/* 라운드테이블 */
.round_topleft{background: url(../../common/common/ta01_01.gif);height: 6px; width:6px;}
.round_topcenter{background: url(../../common/common/ta01_02.gif);}
.round_topright{background: url(../../common/common/ta01_03.gif);height: 6px; width:6px;}
.round_left{background: url(../../common/common/ta01_04.gif);}
.round_center{ background-color: #ebf6f5; }
.round_right{ background-image: url(../../common/common/ta01_05.gif); }
.round_bottomleft{background: url(../../common/common/ta01_06.gif);height: 6px;}
.round_bottomcenter{background: url(../../common/common/ta01_07.gif);}
.round_bottomright{background: url(../../common/common/ta01_08.gif);}




/* 팝업 스타일 */
.popup_title {
  background-image: url(../../common/common/popup_title_back.gif);
  background-repeat: repeat-x;
  height: 50px;
  vertical-align: top;
  padding-top: 12px;
  padding-left: 15px;
  font-weight: bold;
  color: #003a57;
}
.popup_main {
  margin-top: 13px;
  padding-left: 15px;
  padding-right: 15px;
}
.board_button {
  height: 35px;
  text-align: right;
  vertical-align: top;
  padding-top: 5px;
}


/* 하단 Progress bar */
.progress_txt {
  font-family: "돋움";
  font-size: 11px;
  font-weight: bold;
  color: #013871;
}

/* 인쇄 스타일 */
#print td {
  font-family:"굴림";font-size:12px;color:#000000;line-height: 18px;
}
#print_ta td  {
  border-right-width: 1px;border-right-style: solid;border-right-color: #7ab3d0;
  border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #7ab3d0;
}
#print_ta .whole  {
  border-left-width: 1px;border-left-style: solid;border-left-color: #7ab3d0;
  border-top-width: 2px;border-top-style: solid;border-top-color: #7ab3d0;padding: 3px 10px 0 10px;
}
#print_ta .head {
  font-weight: bold;background-color: #EEEEEE;

}
#pr_cont td {
  border-right-width: 1px;border-right-style: solid;border-right-color: #FFFFFF;
  border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFFFFF;
}

.body_750 {width: 750px; padding: 15px 5px 0 15px;}
.table_750 {width: 750px;}


  .box_title_left {
    font-family: "굴림";
    font-size: 12px;
    color: #336666;
    background-color: #d8f2ec;
    height: 28px;
    font-weight: bold;
    border-left : 1px solid #7AB3D0;
  }
  .box_title_topleft {
    font-family: "굴림";
    font-size: 12px;
    color: #336666;
    background-color: #d8f2ec;
    height: 28px;
    font-weight: bold;
    border-top : 1px solid #7AB3D0;
    border-left : 1px solid #7AB3D0;
  }
  .box_title_topleftright {
    font-family: "굴림";
    font-size: 12px;
    color: #336666;
    background-color: #d8f2ec;
    height: 28px;
    font-weight: bold;
    border-top : 1px solid #7AB3D0;
    border-left : 1px solid #7AB3D0;
    border-right : 1px solid #7AB3D0;
  }

  .box_topleft {
    height: 28px;
    border-top : 1px solid #7AB3D0;
    border-left : 1px solid #7AB3D0;
  }
  .box_topleftright {
    height: 28px;
    border-top : 1px solid #7AB3D0;
    border-left : 1px solid #7AB3D0;
    border-right : 1px solid #7AB3D0;
  }
  .box_leftright {
    height: 28px;
    border-left : 1px solid #7AB3D0;
    border-right : 1px solid #7AB3D0;
  }
  .box_left {
    height: 28px;
    border-left : 1px solid #7AB3D0;
  }
  .box_topright {
    height: 28px;
    border-top : 1px solid #7AB3D0;
    border-right : 1px solid #7AB3D0;
  }

