@charset "utf-8";
/* CSS Document */
#subContents {
  position: relative;
  margin: 0 auto;
  padding-bottom: 110px;
  width: 100%;
  overflow: hidden;
  height: auto;
  border-top: 1px solid #ddd;   
}
.subContents_wrap {
  margin: 0 auto;
  width: 1125px;
}
/*로그인*/
.form-header h1 {
  font-size: 32px;
  color: #57647b;
}
.form-header {
  text-align: center;
  margin-top: 76px;
  margin-bottom: 50px;
}
.form_box {
  position: relative;
  border: 2px solid #373737;
  padding: 75px 0 69px;
  border-right: 0;
  border-left: 0;
}
.form_box label {
  font-size: 18px;
}
.form_box .lb_01 {
  width: 165px;
  font-size: 18px;
  display: inline-block;
  margin-left: 20px;
  margin-right: 31px;
  font-weight: bold;
}
.agr_lb {
  font-weight: bold;
  height: inherit;
}
.form_box > div { /*margin-left:38px;*/ position: relative;
  height: 52px;
  margin-top: 30px;
}
.form_box > div.form_line {
  border-bottom: 1px dotted #ddd;
  height: auto;
  margin-left: 20px;
  margin-right: 20px;
}
.form_box .inp {
  background: #f1f4f8;
  border: 0;
  line-height: 30px;
  height: 50px;
  width: 381px;
  margin-bottom: 26px;
  padding: 0px 8px;    
}
.form_box .inp1 {
  width: 200px;
}
/*.form1{margin-left:171px;}
.form2{margin-left:138px;}
.form3{margin-left:54px;}*/
.form_line {
  border: 1px dotted #ddd;
}
.form-select { /*margin-left:138px;*/ display: inline-block;
}
.form-select select:nth-child(2) {
  margin-left: 15px;
}
#subContents > section > .form_box > div:nth-child(1) {
  margin-top: 0;
}
#subContents > section > .form_box .form4 {
  position: absolute;
  top: 139px;
  left: 650px;
}
.form_box > .textareaWrap {
  text-align: left;
  height: auto;
  margin: 35px 20px 0;
}
.textareaWrap h3 {
  font-size: 18px;
  font-weight: bold;
}
.textareaWrap .agrbox {
  background: #f1f3f7;
  /* padding: 32px 38px; */
  /* width: 1040px; */
  height: 160px;
  border: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  /* resize: none; */
  /* border: none; */
  /* max-height: 180px; */
  /* overflow-y: auto; */
  /* margin-bottom: 10px; */
  /* font-size: 0.95em; */
  /* padding: 25px; */
  overflow: hidden;
  overflow-y: auto;
}
.textareaWrap .agrbox > div {
  overflow: hidden;
  height: auto !important;
  padding-left: 37px;
  padding-top: 32px;
}
.textareaWrap .agrbox h4 {
  margin-bottom: 28px;
}
.textareaWrap .agrbox h5 {
  margin-bottom: 12px;
}
.textareaWrap .agrbox p {
  line-height: 1.4;
  margin-bottom: 18px;
}
.form_box > div.agrcheck {
  height: inherit;
  margin-left: 18px;
  margin-top: -10px;
}
.login-button-wrap {
  margin: 0 auto;
  text-align: center;
}
.login-button-wrap button { /*width: 182px;height: 56px;*/ background: #43358c;
  border: 0;
  color: #fff;
  padding: 14px 58px;
  font-size: 23px;
  margin-top: 35px;
}
.login-button-wrap .log_button {
  background: #fff;
  color: #57647b;
  border-radius: 28px;
  border: 1px solid #cad1d8;
  font-weight: bold;
  padding: 15px 45px;
  line-height: inherit;
}

.check_button {
  background: #fff;
  color: #57647b;
  border-radius: 28px;
  border: 1px solid #cad1d8;
  font-weight: bold;
  padding: 15px 30px;
  line-height: inherit;
  cursor: pointer;
}

/*checkform*/
.checkform {
  overflow: hidden;
  height: auto !important;
  margin-top: 40px !important;
}
.checkform .lb_01 {
  width: 100%;
  margin-bottom: 20px;
}
.checkform span {
  display: inline-block;
  font-weight: normal;
}
.checkform ul {
  margin-left: 20px;
}
.checkform li {
  margin-bottom: 10px;
}
/*접수버튼*/
.button-wrap {
  margin: 0 auto;
  text-align: center;
}
.button-wrap button { /*width: 182px;height: 56px;*/ background: #43358c;
  border: 0;
  color: #fff;
  padding: 14px 58px;
  font-size: 23px;
  margin-top: 35px;
}
.button-wrap .btn_submit {
  background: #fff;
  color: #57647b;
  border-radius: 28px;
  border: 1px solid #cad1d8;
  font-weight: bold;
  padding: 15px 45px;
  line-height: inherit;
}
.button-wrap .button01 {
  margin-top: 50px;
}
.sub-t button {
  background: #43358c;
  color: #fff;
  font-size: 16px;
  padding: 9px 22px;
  ;
  border: 0;
  letter-spacing: -1px;
}
.sub-t .button02 {
  background: #ea4d7a;
  font-size: 16px;
  padding: 9px 22px
}
.chartbtn {
  margin-top: 40px;
  text-align: center;
}
.chartbtn button {
  background: #43358c;
  color: #fff;
  font-size: 18px;
  padding: 13px 47px;
  border: 0;
  letter-spacing: -1px;
}
/*서브테이블*/
.subContents_wrap .boardtable1 {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
.sub_table {
  position: relative;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
}
.sub_table caption {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: -1;
}
.sub_table .sub_th {
  border-bottom: 1px solid #ddd;
}
.sub_table .sub_th th {
  background: #f1f3f7;
  font-size: 18px;
  padding: 30px 20px;
  font-weight: 400;
  border-right: 1px solid #ddd;
  vertical-align: middle;
}
.sub_table .sub_th th:last-child, .sub_table .sub-t .last-td {
  border-right: 0;
}
.sub_table .sub-t {
  border-bottom: 1px solid #ddd;
}
.sub_table .sub-t th {
  font-weight: bold;
  color: #222;
  font-size: 18px;
  vertical-align: middle;
}
.sub_table .sub-t td {
  padding: 18px 19px;
  border-right: 1px solid #ddd;
  vertical-align: middle;
  line-height: 25px;
}
.sub_table .t_padding th {
  padding: 22px 20px;
}
.sub_table .t_padding td {
  padding: 24px 20px;
}
.sub_table .tr01 td {
  padding: 25px 20px;
}
.sub_table .tr02 td {
  padding: 25px 20px;
  border-right: 0;
}
.sub_table .sub-t .td01 {
  text-align: left;
  font-weight: 300;
  line-height: 25px;
}
.sub_table .sub-t .td02 {
  line-height: 25px;
  font-weight: 300;
  border-right: 0;
}
.sub_table .sub-t .td03 {
  padding: 36px 20px 37px;
}
/*.td03 td{font-weight: bold;}*/
/*테이블 보더 오른쪽 라인*/
.sub_table .sub_border1 th {
  border-right: 0;
  padding: 26px 20px;
}
.sub_table .sub_border1 td {
  border-right: 0;
  padding: 32px 20px;
}
.sub_table .sub_border2 td {
  border-right: 0;
  padding: 27px 20px;
  text-align: left;
}
.sub_table .sub-t .td-t {
  color: #ddd;
}
/*테이블 추가*/
.sub5 td {
  border-right: 1px solid #ddd;
  text-align: left;
  line-height: 26px;
  font-weight: normal;
  padding: 24px 30px !important;
}
.talign {
  text-align: left;
}
.txt_r {
  writing-mode: tb-rl;
  letter-spacing: 5px;
} /*텍스트 세로배열*/
.sub7 .bor-rt {
  border-right: 1px solid #ddd;
}
.sub7 .sub-t td {
  padding: 18px;
  line-height: inherit;
}
.sub7 .sub_th th:last-child {
  border-right: 1px solid #ddd;
}
.sub7 .sub_th th {
  padding: 17px;
  line-height: inherit;
}
.sub_table .th_class {
  background: #f1f3f7;
}
.sub_table .bor-r td {
  border-right: 0;
  text-align: left;
  line-height: 26px;
  font-weight: normal;
  color: #232323;
}
.bor-rt {
  border-right: 1px solid #ddd;
}
.sub_table .th1 th {
  padding: 30px 20px;
}
.fsize {
  font-size: 14px;
  font-weight: normal;
  color: #818181;
}
.fsize1 {
  font-size: 14px;
  font-weight: normal;
  color: #232323;
}
.subtable_wrap h3 {
  font-size: 20px;
  margin-bottom: 16px;
}
.sub17 .sub-t td {
  padding: 23px 20px;
}
.sub17 .sub-t td:first-child {
  background: #50487a;
  color: #fff;
}
.sub17 .sub-t.tdbd {
  border-bottom-color: #222;
}
.sub17 .sub-t.tdcolor {
  border-bottom: 0;
}
.sub17 > tbody > tr:nth-child(7) > td:first-child {
  background: #ea4d7a;
  color: #fff;
}
/*서브17 통계그래프 위드값은 임의로 넣었습니다.*/
.sub17 .sub-t .td_chart {
  border-right: 0;
  text-align: left;
  padding: 20px 0;
  height: 30px;
}
.sub17 .sub-t .td_chart .chart1 {
  background: #eaeaea;
  height: 30px;
  display: block;
  line-height: 30px; /*box-sizing: border-box;text-align: right;*/
}
.sub17 > tbody > tr:nth-child(2) > .td_chart > .chart1:after {
  content: "";
  display: block;
  background: #ffd556;
  height: 30px;
  width: 100%
}
.sub17 > tbody > tr:nth-child(3) > .td_chart > .chart1:after {
  content: "";
  display: block;
  background: #ffd556;
  height: 30px;
  width: 65%;
}
.sub17 > tbody > tr:nth-child(4) > .td_chart > .chart1:after {
  content: "";
  display: block;
  background: #ffd556;
  height: 30px;
  width: 75%;
}
.sub17 > tbody > tr:nth-child(5) > .td_chart > .chart1:after {
  content: "";
  display: block;
  background: #ffd556;
  height: 30px;
  width: 40%;
}
.sub17 > tbody > tr:nth-child(6) > .td_chart > .chart1:after {
  content: "";
  display: block;
  background: #ffd556;
  height: 30px;
  width: 30%;
}
.sub17 > tbody > tr:nth-child(7) > .td_chart > .chart1:after {
  content: "";
  display: block;
  background: #ffd556;
  height: 30px;
  width: 72%;
}
/*서브페이지*/
.subContents_wrap .sub_head {
  text-align: center;
  margin-top: 88px;
  margin-bottom: 74px;
}
.subContents_wrap .sub_head h1 {
  font-size: 32px;
  color: #57647b;
}
.subContents_wrap .sub_head span {
  font-size: 18px;
  margin-top: 18px;
  display: block;
}
.subContents_wrap .sub_head.subh01 {
  margin-bottom: 44px;
}
.subContents_wrap .sub_head.subh02 {
  margin-top: 126px;
  ;
}
.subContents_wrap .sub_head.subh03 {
  margin-top: 76px;
  margin-bottom: 34px;
}
.subContents_wrap .sub_wrap {
  margin-bottom: 44px;
}
.subContents_wrap .sub_txt {
  text-align: center;
  color: #202020;
}
.subContents_wrap .sub_txt p {
  font-size: 18px;
  line-height: 38px;
  letter-spacing: -1px;
  margin-bottom: 47px;
}
.subContents_wrap .sub_txt .pl-1 {
  margin-bottom: 0;
}
.subContents_wrap .sub-c {
  margin-top: 80px;
}
.subContents_wrap .sub_txt01 p {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -1px;
  color: #202020;
  font-weight: 300;
}
.subContents_wrap .sub_txt01 .pl01 {
  margin-top: 20px;
}
.subContents_wrap .sub_txt01 .pl02 {
  margin-top: 30px;
  margin-bottom: 24px;
  line-height: 28px;
}
.subContents_wrap .sub_txt01 .pl03 {
  padding: 30px 0 30px 40px;
  margin-top: 59px;
  font-weight: normal;
}
.subContents_wrap .sub_txt01 .pl04 {
  padding: 30px 0 30px 40px;
  margin-top: 50px;
  margin-bottom: 30px;
  font-weight: bold;
}
.subContents_wrap .sub_txt01 .pl05 {
  line-height: 28px;
}
.subContents_wrap .pcolor {
  font-weight: bold;
}
.subbox {
  margin-top: 47px;
}
.subbox01 {
  margin-top: 106px;
}
.sinner {
  margin: 0 auto;
  position: relative;
  background: #f2f4f8;
  padding: 50px 70px;
}
.sinner h4 {
  width: 160px;
  z-index: 100;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  left: 70px;
  position: absolute;
  top: 150px;
  left: 114px;
}
.sinner h4:after {
  content: "";
  background: #ea4d7a;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: -68px;
  left: -43px;
  z-index: -100;
}
.sinner ul {
  margin-left: 275px;
}
.sinner .ul1 {
  position: relative;
}
.sinner .ul1:before {
  content: "";
  display: block;
  height: 185px;
  width: 1px;
  background: #cbcbcb;
  position: absolute;
  top: 16px;
  left: -57px;
}
.sinner dl {
  display: flex;
  margin-bottom: 10px;
  position: relative;
}
.sinner dt:before {
  content: "";
  display: block;
  height: 1px;
  background: #cbcbcb;
  position: absolute;
  top: 16px;
  left: -57px;
  width: 57px;
}
.sinner > ul > li:nth-child(3) > dl > dt:before {
  width: 120px;
  left: -120px;
}
.sinner dt {
  display: block;
  background: #525582;
  padding: 10px 31px;
  color: #fff;
  float: left;
}
.sinner .dt1 {
  letter-spacing: 2em;
  padding: 10px 0 10px 30px;
}
.sinner dd {
  display: block;
  margin-top: 10px;
  margin-left: 20px;
}
.sinner > ul > li:nth-child(5) > dl {
  margin-bottom: 0;
}
.sin_bg {
  background: #f2f4f8;
}
.sinner1 {
  padding-top: 36px;
}
.sinner1 ul {
  margin-bottom: 50px;
  text-align: center;
}
.sinner1 ul li {
  float: left;
  width: 33.3%;
}
.sinner1 h2 {
  font-size: 24px;
  letter-spacing: -1px;
  margin-bottom: 24px;
}
.sinner1 i {
  width: 214px;
  height: 214px;
  background: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.sinner1 i img {
  padding-top: 43px;
}
.sinner1 p {
  margin-top: 25px;
  line-height: 1.4;
  letter-spacing: -1px;
  margin-bottom: 72px;
}
.tred {
  color: #dc4848;
}
.sinner1 p.pbottom {
  margin-bottom: 50px;
}
.sinner1 > .fsize {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
}
.sinner2 {
  padding: 32px 36px;
}
.sinner2 p {
  margin: 0;
  margin-bottom: 10px;
}
.sinner2 button {
  margin-top: 10px;
  padding: 15px 24px;
  background: #fff;
  border: 1px solid #8a8a8a;
  font-size: 16px;
  font-weight: bold;
}
.sinner3 {
  margin-top: 12px;
  padding: 35px 0;
}
.sinner3 div {
  text-align: center;
}
.sinner3 h3 {
  font-size: 24px;
  color: #303030;
}
.sinner3 button {
  padding: 20px 134px;
  background: #43358c;
  color: #fff;
  border: 0;
  font-size: 18px;
}
.sinner3 i {
  display: block;
  margin-top: 18px;
}
.sinner3 > div > p {
  margin-top: 23px;
  position: relative;

}
.sinner3 > div > p > button {
  margin-top: 30px;
}
/*단체접수 파일 업로드*/
.sinner3 .input-file-button {
  margin-top: 46px;
  padding: 20px 134px;
  left: 398px;
  font-size: 18px;
}
.sinner3 input {
  display: none;
}
.sinner4 .map {
  float: left;
  margin-right: 30px;
}
.txtwrap {
  margin-top: 55px;
}
.txtbox h3 {
  position: relative;
  font-size: 24px;
  padding-left: 20px;
  margin-bottom: 15px;
}
.txtbox h3:before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #43358c;
  position: absolute;
  top: 50%;
  left: 0;
}
.txtbox p {
  line-height: 1.6;
  margin-bottom: 64px;
  margin-left: 20px;
}
.txtbox h3.fcolor {
  color: #db2828;
}
.txtbox h3.fcolor:before {
  background: #db2828;
}
.txtbox hr {
  font-size: 20px;
  margin-bottom: 16px;
}
.txtbox h4 {
  font-size: 20px;
  font-size: 20px;
  margin-bottom: 16px;
  margin-top: 36px;
}
.txtbox .p_ma {
  margin-bottom: 50px;
}
.sinner4 .txtbox {
  padding-top: 80px;
}
.sinner4 .txtbox h3:before {
  left: 50%;
}
.sinner4 > div.txtbox > h3:nth-child(3):before {
  display: none;
}
.sinner4 .txtbox p {
  margin-bottom: 40px;
}
.subbox02 {
  text-align: center;
}
.subbox02 ul {
  text-align: center; /*display: table;margin-left: auto;margin-right: auto;*/
  display: inline-block;
}
.subbox02 ul li {
  float: left;
  display: inline-block;
  margin-right: 38px;
}
.subbox02 ul li a {
  display: block;
  background: #4e4482;
  border-radius: 20px;
  float: left;
  padding: 54px 140px;
}
.subbox02 ul li:last-child {
  margin-right: 0;
}
.subbox02 ul h2 {
  color: #fff;
  font-size: 32px;
  font-weight: normal;
  margin-top: 40px;
}
.subbox03 {
  margin-top: 147px;
  text-align: center;
}
.subbox03 > div {
  border: 5px solid #eee;
  border-radius: 21px;
  padding: 96px 0;
}
.subbox03 h1 {
  font-size: 42px;
  color: #57647b;
  letter-spacing: -1px;
}
.subbox03 i {
  display: block;
  margin: 40px 0;
}
.subbox03 p {
  font-size: 26px;
  color: #373737;
}
.subbox04 {
  text-align: center;
  padding: 132px 0 50px;
}
.subbox04 h3 {
  font-size: 32px;
  color: #57647b;
  margin-bottom: 34px;
}
.subbox04 p {
  margin-bottom: 10px;
}
.subbox04 .sub_btn {
  margin-top: 50px;
}
.subbox04 button {
  padding: 20px 22px;
  color: #fff;
  border: 0;
  font-size: 18px;
  background: #848484;
  margin-left: 30px;
}
.subbox04 > div > div > button:nth-child(2) {
  background: #43358c;
  padding: 20px 54px;
}
.subbox05 {
  text-align: center;
}
.subbox05 > div {
  margin-top: 720px;
}
.subbox05 button, .subbox05 .button02 {
  width: 162px;
  height: 52px;
  font-size: 18px;
}
.subbox05 .button02 {
  margin-left: 25px;
}
.formf_profile .lb_01 {
  margin-top: 16px;
}
.formf_profile .inp {
  overflow: hidden;
  height: 50px;
  position: absolute;
  top: 0;
}
.input-file-button {
  cursor: pointer;
  background: #43358c;
  border: 0;
  color: #fff;
  padding: 16px 58px;
  position: absolute;
  top: 0;
  left: 610px;
}
.formf_profile input {
  display: none;
}
.file_hidden {
  display: block;
}
/*게시판*/
.boart_text .sub-t th {
  height: 68px;
  padding: 0;
  border-bottom: 1px solid #222;
}
.boart_text td {
  padding: 22px 19px !important;
  ;
}
.boart_text {}
.label_de {
  background: #ea4d7a;
  padding: 7px 14px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  vertical-align: baseline;
  letter-spacing: -1px;
}
.label_co {
  background: #43358c;
}
.board_navi {
  margin: 50px 0 0;
  text-align: center;
}
.board_navi ul {
  display: inline-block;
}
.board_navi li {
  float: left;
}
.board_navi ul li a {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 18px;
  line-height: 18px; /* width: 35px; */ vertical-align: top;
  font-size: 15px;
  color: #767676;
}
.board_navi ul li.active a {
  color: #ac3749;
  font-weight: bold;
}
.board_navi .pre {
  background: url(../img/icon_pre.png) center no-repeat;
  margin-right: 2px;
}
.board_navi .next {
  background: url(../img/icon_next.png) center no-repeat;
  margin-left: 2px;
}
.boart_text .td_align {
  text-align: left;
}