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

/* 초기화 */

ol,
ul,
dl {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a:focus {
  outline: 0;
  cursor: pointer;
}

.no-padding {
  padding: 0;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

a,
a:link,
a:visited {
  color: #676767;
  text-decoration: none !important;
  cursor: pointer;
  transition: 0.3s;
}

a:hover,
a:focus,
a:active {
  color: #0063af;
}

a.blue_link {
  color: #0063af !important;
}


/*공통*/

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.container {
  width: 1090px;
  margin: 0 auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.fc-white {
  color: #ffffff;
  font-weight: bold;
}

.fc-red {
  color: #C00;
}

@media (max-width:720px) {
  .mo_none {
    display: none !important;
  }
  #main_icon ul li {
    padding-top: 17px !important;
    width: 80px !important;
    height: 80px !important;
  }
  #main_icon ul li h3 {
    padding-top: 15px !important;
  }
  #main_icon ul li img {
    width: 80%;
  }
  #noticeWrap2 {
    padding: 0px 10px !important;
  }
  #noticeWrap .noticeTit .h4,
  #noticeWrap .noticeTit .h4 {
    font-size: 20px !important;
  }
  #noticeWrap9 .noticeTit .h4,
  #noticeWrap9 .noticeTit .h4 {
    font-size: 20px !important;
  }
  
  .left_area {
    display: none;
  }
  .right_area {
    width: 100% !important;
    padding-left: 0px !important;
  }
  #contentWrap .left {
    display: none;
  }
  #contentWrap .right {
    width: 100% !important;
  }
  .width100 {
    width: 100%;
  }
  #gallery_wrap ul li {
    width: 45% !important;
    margin: 15px 6px !important;
  }
  #bottom .fmenu a {
    font-size: 13px !important;
    padding: 2px 7px !important;
  }
  .tbl_02 {
    width: 100%;
    overflow-x: scroll !important;
  }
  .tbl_02 table {
    width: 700px !important;
  }
}

@media (min-width:1024px) {
  .container {
    width: 1090px !important;
    margin: 0 auto;
    padding: 0 !important;
  }
}

@media (max-width:1023px) {
  .container {
    width: 100% !important;
    margin: 0 auto;
  }
  #bread {
    display: none;
  }
  #main_icon ul li {
    width: 33%;
    margin: 10px 0 !important;
  }
  #main_icon ul li h3 {
    padding-top: 20px;
  }
  #main_icon ul li img {
    width: 80%;
  }
  #contentWrap .left img {
    width: 98%;
  }
}

#top_btn {
  position: fixed;
  top: 70%;
  right: 20px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #fff !important;
  border: 1px solid #d7d7d7;
  text-indent: -9999px;
  background: url(../../Downloads/basicBts/basicBts/css/%22../img/top_btn.gif%22) center center no-repeat;
  overflow: hidden;
  opacity: 0.8;
  z-index: 999;
}

#top {
  width: 100%;
  height: 30px;
  background: #89b03f;
}

#top .top_left {
  float: left;
}

#top .top_right {
  float: right;
}

#top ul li {
  float: left;
  color: #fff;
  border-right: 1px solid #adcb74;
}

#top ul li:first-child {
  border-left: 1px solid #adcb74;
  border-right: 1px solid #adcb74;
}

#top ul li a {
  display: block;
  color: #fff;
  padding: 7px 25px;
}

#top ul li a:hover {
  color: #fff;
  background: #436700;
}

#top ul li .sns {
  padding: 0px;
  height: 30px;
  display: block;
}


/* Header */

#main_icon {
  text-align: center;
  margin: 30px auto 10px;
  box-sizing: border-box;
  font-weight: 800;
}

#main_icon:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

#main_icon h2 {
  font-size: 20px;
  color: #999;
  line-height: 2.2;
}

#main_icon h1 {
  font-size: 30px;
  color: #383554;
}

#main_ba {
  width: 100% !important;
  background: #fffff;
}

#main_ba .sub_ba {
  background: url(../img/sub_bg01.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba2 {
  background: url(../img/sub_bg02.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba2_1 {
  background: url(../img/sub_visual2_1.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba2_2 {
  background: url(../img/sub_visual2_2.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba2_3 {
  background: url(../img/sub_visual2_3.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba22 {
  background: url(../img/sub_visual3.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba22_1 {
  background: url(../img/sub_visual3_1.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba22_2 {
  background: url(../img/sub_visual3_2.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba222 {
  background: url(../img/sub_visual4.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba222_1 {
  background: url(../img/sub_visual4_1.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba222_2 {
  background: url(../img/sub_visual4_2.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba3 {
  background: url(../img/sub_bg03.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba4 {
  background: url(../img/sub_bg04.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba5 {
  background: url(../img/sub_bg05.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#main_ba .sub_ba6 {
  background: url(../img/sub_bg06.jpg) 50% 50%;
  height: 234px;
  text-align: center;
}

#noticeWrap {
  float: left;
  width: 100%;
  border: 0px solid #cbcbcb;
  background: #fff;
  padding: 12px 0px;
}

#noticeWrap .noticeTit {
  float: left;
  width: 100%;
  display: block;
  margin: 5px auto 0px;
}

#noticeWrap .noticeTit .h4 {
  float: left;
  font-size: 24px;
  font-weight: bold;
}

#noticeWrap .noticeTit .more {
  float: right;
  text-align: right;
  padding-top: 10px
}

#noticeWrap .noticeCon {
  float: left;
  padding: 10px 0px;
}

#noticeWrap .noticeCon ul li {
  float: left;
  width: 100%;
  padding: 13px 0;
  border-bottom: 1px solid #ddd;
}




#noticeWrap9 {
  float: left;
  width: 100%;
  border: 0px solid #cbcbcb;
  background: #fff;
  padding: 12px 0px;
}

#noticeWrap9 .noticeTit {
  float: left;
  width: 100%;
  display: block;
  margin: 5px auto 0px;
}

#noticeWrap9 .noticeTit .h4 {
  float: left;
  font-size: 24px;
  font-weight: bold;
}

#noticeWrap9 .noticeTit .more {
  float: right;
  text-align: right;
  padding-top: 10px
}

#noticeWrap9 .noticeCon {
  float: left;
  padding: 10px 0px;
}

#noticeWrap9 .noticeCon ul li {
  float: left;
  width: 100%;
  padding: 13px 0;
  border-bottom: 1px solid #ddd;
}

#noticeWrap2 {
  float: left;
  width: 50%;
  background: #fff;
  padding: 0 20px;
  box-sizing: border-box;
}

#noticeWrap2 .noticeCon {
  float: left;
  width: 100%;
  padding: 20px 0px 0;
}

#noticeWrap2 .noticeCon h4 {
  padding: 15px 0 0;
}

#noticeWrap2 .noticeCon p {
  padding: 15px 0;
}

#bread {
  clear: both;
  padding: 11px;
  float: right;
}

#bread ul li {
  font-size: 13px;
  float: left;
  color: #909090;
  padding: 10px 6px;
}

#bread ul li a {
  font-size: 13px;
  color: #909090;
  text-decoration: none;
}

#bread ul li .now {
  color: #0063af;
}

#suggest {
  background: #57a8e2;
  color: #e6f5ff;
  padding: 18px 25px;
  margin-bottom: 20px;
}

#suggest h2 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}

#mainWrap {
  margin: 0px;
  padding: 20px 0 30px !important;
}

.wrap {
  margin: 10px 0px;
}

.left_area {
  width: 23%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.right_area {
  width: 77%;
  float: left;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.title {
  position: relative;
  font-size: 26px;
  border-bottom: 1px solid #cbcbcb;
  font-weight: bold;
  padding-bottom: 15px;
  margin: 30px 0 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.title_con {
  font-size: 18px;
  color: #0063af;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.title_con i {
  color: #ed1b24;
}

.title_con02 {
  font-size: 18px;
  color: #484848;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 1px solid #cbcbcb;
  margin: 25px 0 10px;
}

.title_con03 {
  font-size: 16px;
  color: #0063af;
  font-weight: bold;
  padding-top: 10px;
  margin-top: 10px;
}

.box {
  font-size: 14px;
  color: #f181a7;
  border: 1px solid #f181a7;
  font-weight: 600;
  background: #f8eaef;
  margin: 5px 0!important;
  padding: 10px;
}

#left_menu {
  width: 90%;
  padding-top: 33px;
}

#left_menu h1 {
  font-size: 25px;
  font-weight: 600;
  padding: 0 5px 20px;
  border-bottom: 2px solid #0063af;
  margin: 0;
  background: #fff;
  color: #0063af;
}

#left_menu ul li {
  border-left: 0px solid #b8b8b8;
  border-right: 0px solid #b8b8b8;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e3e3e7;
}

#left_menu ul li:last-child {
  border-bottom: 1px solid #b8b8b8;
}

#left_menu ul li a {
  display: block;
  color: #747474;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 0 13px 8px;
}

#left_menu ul li a:hover {
  background: #3699d9;
  color: #fff;
}

#left_menu ul li .now {
  background: #3699d9;
  color: #fff;
}

#contentWrap {
  width: 100%;
}

#contentWrap .left {
  float: left;
  width: 37%;
}

#contentWrap .right {
  float: right;
  width: 60%;
}

#gallery_wrap {
  width: 100%;
}

#gallery_wrap ul li {
  float: left;
  width: 23%;
  margin: 20px 7px;
  overflow: hidden;
  display: inline-block;
}

#gallery_wrap ul li img {
  width: 100%;
  height: 200px;
  margin-bottom: 15px;
}

#gallery_wrap ul li h4 {
  font-size: 15px !important;
  height: 50px;
  overflow: hidden;
}

.content_caption {
  font-size: 16px;
  background: #f2f8fb;
  color: #0075bc;
  padding: 35px 40px;
}

.titTypeA {
  font-size: 20px;
  color: #111;
  font-weight: 500;
  line-height: 30px;
  margin-top: 50px;
  letter-spacing: -0.7;
  background: url(../img/icon_title.gif) no-repeat left top;
  padding: 12px 0;
}

.titTypeB {
  font-size: 24px;
  color: #111;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.7;
  border-bottom: 1px dotted #0075bc;
  background: url(@../img/icon_title2.gif) no-repeat left top;
  padding: 12px 0;
}

.titTypeC {
  font-size: 16px;
  color: #111;
  font-weight: 500;
  margin: 20px 0 8px;
  background: url(../img/icon_list_title.gif) no-repeat left 10px;
  padding: 3px 16px;
}

.titTypeCBold {
  font-size: 16px;
  color: #111;
  font-weight: 500;
  margin: 20px 0 8px;
  background: url(../img/icon_list_title.gif) no-repeat left 10px;
  padding: 3px 16px;
  font-weight: bold;
}

.titTypeC2 {
  font-size: 15px;
  color: #111;
  font-weight: 500;
  margin: 10px 0;
  background: url(../img/icon_point.gif) no-repeat left 16px;
  padding: 6px 9px;
}

.titTypeD {
  font-size: 26px;
  color: #0075bc;
  font-weight: 600;
  line-height: 30px;
  margin: 0px 0 10px;
  text-align: center;
}

.titTypeE {
  font-size: 17px;
  color: #3699d9;
  font-weight: 400;
  margin: 0px auto 30px;
  text-align: center;
  width: 90%;
  background: url(../img/icon_title1.gif) no-repeat center bottom;
  padding: 0px 0 15px;
}

.sub_content ul li {
  line-height: 23px;
  padding: 0px 15px 8px;
  background: url(../img/icon_list.gif) no-repeat left 10px;
}

.sub_content2 ul li {
  line-height: 23px;
  padding: 0px 10px 5px;
  background: url(../img/icon_point.gif) no-repeat left 11px;
}


/* 하단 레이아웃 */

#bottom {
  background: #303030;
  width: 100%;
  font-size: 1em;
  padding: 5px 0;
  margin-top: 2px;
  position: relative;
  clear: both;
}

#bottom .copyright {
  width: 100%;
  color: #fff;
  text-align: center;
  margin: 0px auto;
  padding: 15px 0;
}

#bottom .fmenu {
	background-color: #0075bc;
  padding: 2px;
  position: absolute;
	top: 22px;
  margin-left: 50px;
}
    
#bottom .fmenu:after {
  display: none;
  visibility: hidden;
  clear: both;
  content: ""
}

#bottom .fmenu a {
  font-size: 16px;
  padding: 2px 12px;
  color: #fff;
}


@media screen and (max-width: 1100px) {
#bottom .fmenu {
	width:200px;
    position: relative; margin:15px auto 10px;
    display: inline-block;}
}


/* 버튼 */

.btn01 {
  display: inline-block;
  margin: 0 auto;
  padding: 20px 30px;
  font-weight: bold;
  line-height: 1.5px;
  background: #0063af;
  color: #fff !important;
  text-decoration: none;
  vertical-align: middle
}

.btn02 {
  display: inline-block;
  margin: 0 auto;
  padding: 20px 40px;
  font-weight: bold;
  line-height: 1.5px;
  background: #707070;
  color: #fff !important;
  text-decoration: none;
  vertical-align: middle
}

.btn01:focus,
.btn01:hover,
.btn02:focus,
.btn02:hover {
  text-decoration: none;
  background: #ed1c24;
}

.btn_tap {
  display: inline-block;
  margin: 0 auto;
  padding: 20px 30px;
  font-weight: bold;
  line-height: 1.5px;
  background: #244ea2;
  color: #fff !important;
  text-decoration: none;
  vertical-align: middle
}

.btn_tap active {
  text-decoration: none;
  background: #c70c13 !important;
}

.btn_tap_active {
  display: inline-block;
  margin: 0 auto;
  padding: 20px 30px;
  font-weight: bold;
  line-height: 1.5px;
  background: #c70c13;
  color: #fff !important;
  text-decoration: none;
  vertical-align: middle
}

.btn_tap:link,
.btn_tap:focus,
.btn_tap:active {
  text-decoration: none;
  background: #244ea2 !important;
}

.btn_tap:hover {
  text-decoration: none;
  background: #c70c13 !important;
}

.download {
  display: table-cell;
  vertical-align: middle;
  min-height: 80px;
  text-align: center;
  display: block;
  padding: 20px;
  width: 100%;
  margin: 10px auto;
  background: #A2A2A2;
  font-weight: bold;
  color: #fff !important;
}

.download:hover {
  background: #244ea2 !important;
}


/* 기본테이블 */

.tbl_01 {
  margin-bottom: 30px;
  clear: both;
  display: block;
}

.tbl_01 table {
  width: 100%;
  border-collapse: separate;
  *border-collapse: collapse;
  border-top: 1px solid #4774cf;
}

.tbl_01 table thead tr th {
  height: 37px;
  border: 1px solid #c7d2ee;
  font-size: 13px;
  font-weight: bold;
  color: #4774cf;
  text-align: center;
  background: #e8f0ff;
}

.tbl_01 table tbody tr th {
  border-bottom: 1px dotted #c7d2ee;
  font-size: 17px;
  font-weight: bold;
  color: #4774cf;
  background: #e8f0ff;
}

.tbl_01 table tbody tr td {
  position: relative;
  padding: 5px 3px 6px;
  border-bottom: 1px solid #c7d2ee;
}

.tbl_01 table tbody tr .highlight {
  color: #ed1b24;
}

.tbl_01 table tbody tr .month {
  border-radius: 30px;
  text-align: center;
  margin: 0 auto;
  background: #0063af;
  padding: 0px 0 0;
  line-height: 1.8em;
  font-weight: bold;
  width: 55px;
  height: 30px;
  color: #fff;
}

.tbl_02 {
  width: 100%;
  margin-bottom: 30px;
  clear: both;
  display: block;
}

.tbl_02 table {
  width: 100%;
  border-collapse: separate;
  *border-collapse: collapse;
  border-top: 2px solid #4774cf;
}

.tbl_02 table tbody tr th {
  border-left: 0px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px dotted #c7d2ee;
  text-align: center;
  font-weight: bold;
  color: #4774cf;
  background: #f4f4f4;
}

.tbl_02 table tbody tr th:first-child {
  border-left: 0px solid #d9d9d9;
}

.tbl_02 table tbody tr td {
  text-align: left;
  padding: 2px !important;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.tbl_03 {
  margin: 10px 0 30px;
  clear: both;
  display: block;
}

.tbl_03 table {
  width: 100%;
  border-collapse: separate;
  *border-collapse: collapse;
  border-top: 2px solid #4774cf;
	cellspacing="1"
}

.tbl_03 table thead tr th {
  height: 50px;
  border-bottom: 1px solid #4774cf;
  font-weight: bold;
  color: #4774cf;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

.tbl_03 table thead tr th:first-child {}

.tbl_03 table tbody tr td {
  text-align: center;
  padding: 10px 13px 11px !important;
  border-bottom: 1px solid #d9d9d9;
}

.tbl_03 table tbody tr td:first-child {}

.tbl_03 table tbody tr .left {
  text-align: left;
}

.tbl_04 {
  width: 700px;
  margin-bottom: 30px;
  clear: both;
  display: block;
 font-size: 11px;
 
}
.tbl_04 table {
	
  border-top: 2px solid #4774cf;
}
.tbl_04 table tbody tr td {
  text-align: left;
  padding: 10px 13px 11px !important;
  border: 1px solid #fff;

}
.sch {
  width: 100%;
  text-align: center;
  border: 1px solid #ddd;
  padding: 20px;
}

.tbl_history_center table {
  width: 100%;
  border-bottom: 1px solid #0098dc;
  border-spacing: 0
}

.tbl_history_center table tbody td {
  vertical-align: middle;
  color: #6a6a6a;
  padding: 8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  font-size:12px;
}

.tbl_history table {
  width: 100%;
  border-bottom: 1px solid #0098dc;
  border-spacing: 0
}

.tbl_history table caption {
  padding: 0 0 6px;
  color: #777;
  text-align: right
}

.tbl_history table thead th {
  padding: 11px 0;
  border-top: 2px solid #0098dc;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  background: #fff;
  color: #0098dc;
  font-size: 1.1em;
  text-align: center;
}

.tbl_history table tbody th {
  color: #6fbc00;
  font-weight: 400;
  padding: 8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
}

.tbl_history table tbody td {
  vertical-align: top;
  color: #6a6a6a;
  padding: 8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
}

.tbl_history table tbody .bg {
  background: #eff6fa;
}

.tbl_history table tbody .left {
  text-align: left;
  padding-left: 15px;
}

.tbl_history table tbody td:last-child,
.tbl_history table thead th:last-child {
  border-right: 0px;
}




.tbl_smenu {
  margin: 15px 0px 50px !important;
  width: 100%;
  border-spacing: 0;
  border: 1px solid #3699d9;
  border-bottom: 0px;
}

.tbl_smenu thead th {
  padding: 0;
  border-bottom: 1px solid #3699d9;
  border-right: 1px solid #3699d9;
  color: #0075bc;
  font-weight: 500;
  background: #fff;
  font-size: 1.0em;
  text-align: center;
  letter-spacing: -0.02em;
}

.tbl_smenu thead th:last-child {
  border-right: 0px;
}

.tbl_smenu thead th a {
  display: block;
  color: #3699d9;
  padding: 11px 3px;
}

.tbl_smenu thead th a:hover,
a:active,
{
  background: #3699d9 !important;
  color: #fff !important;
}

.tbl_smenu thead th .now {
  background: #3699d9;
  border: 0px;
  color: #fff;
}
.tbl_history02 table td {
  vertical-align: middle;
  color: #6a6a6a;
  padding: 8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  font-size:11px;
}
/*왼쪽정렬 테이블*/
.tbl_history02 table td {
  vertical-align: middle;
  color: #6a6a6a;
  padding: 8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  font-size:12px;
}


/*글자폰트 11의 테이블*/
.tbl_history02 table td {
  vertical-align: middle;
  color: #6a6a6a;
  padding: 8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  font-size:11px;
}

.tbl_history03 table td {
  vertical-align: middle;
  color: #6a6a6a;
  padding: 8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  font-size:11px;
}

/* 폼 테이블 */

.tbl_frm01 {
  margin: 20px 0;
  clear: both;
  display: block;
}

.tbl_frm01 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d2d2d2;
  border-top: 2px solid #4774cf;
}

.tbl_frm01 th {
  color: #4774cf;
  padding: 7px 13px;
  border-right: 1px solid #d2d2d2;
  background: #e8f0ff;
  text-align: left
}

.tbl_frm01 td {
  padding: 4px 10px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: transparent
}

.tbl_frm01 textarea,
.frm_input {
  width: 100%;
  border: 1px solid #c2c2c2;
  background: #fff;
  color: #000;
  vertical-align: middle;
  line-height: 2em
}

.tbl_frm01 textarea {
  padding: 2px 2px 3px
}

.frm_input {
  height: 32px;
  width: 100%;
}

.tbl_frm01 .frm_file {
  display: block;
  margin-bottom: 5px
}

.tbl_frm01 .frm_info {
  display: block;
  padding: 0 0 5px;
  line-height: 1.4em
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

form h1 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

input[type="checkbox"],
input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 0;
  margin-right: 5px;
  vertical-align: middle;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"] {
  height: 39px;
}

input,
select,
textarea,
input[type="file"] {
  height: 39px;
  font-family: 'Nanum Gothic', sans-serif;
  padding: 0px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 1px;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input:focus,
select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.panel {
  margin-bottom: 20px;
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 8px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
  margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group+.panel-footer {
  border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
  margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
  border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0;
}

.panel>.table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel+.panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1;
}