@charset "UTF-8";

.content .at-content div,
.content .at-content h3,
.content .at-content h4,
.content .at-content h5,
.content .at-content a {
  /* word-break:keep-all; */
  font-family: 'SUIT', 'Noto Sans KR', sans-serif !important;
}
.content .at-content ol {
  padding-left: 0;
}
.content .at-content ul {
  padding-left: 20px;
}
.content .at-content ul,
.content .at-content li,
.content .at-content b,
.content .at-content p {
  font-size: 15px;
  line-height: 1.8em;
}
.row {
  margin: 0;
}
.red {
  color: #df6969;
  font-weight: bold;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
span.blue {
  font-weight: bold;
}
.whiteS {
  white-space: nowrap;
}
.whiteN {
  white-space: unset !important;
}

/* 이용안내 페이지 */
#box {
  background-color: #fff;
  padding: 20px 0;
  border-radius: 15px;
}
#menual {
  margin-top: 35px;
}
#menual #box {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 15px;
  padding: 5px 15px; /* border:3px dashed #2e319257; */
  box-sizing: border-box;
  border-top-left-radius: 0;
}
#menual h3 {
  margin-bottom: 30px;
}
#menual #box .row {
  margin: 0;
  display: table;
  width: 100%;
}
#menual #box .row .col-md-4 {
  position: relative;
  padding: 1em;
  display: table-cell;
  box-sizing: border-box;
}
#menual #box .row .col-md-4 .stepBox {
  background-color: #fff;
  border: 1px solid #51526d;
  border-radius: 5px;
  margin-bottom: 0;
  box-sizing: border-box;
  word-break: keep-all;
}
#menual #box .row .col-md-4 .stepBox:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateX(-25%);
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #ddd;
}
#menual #box .row .col-md-4:last-child .stepBox:after {
  display: none;
}
#menual #box .subtitle ol {
  position: relative;
  z-index: 2;
  display: inline-block;
}
#menual #box .subtitle ol:after {
  content: '';
  z-index: 1;
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: -3px;
  width: 110%;
  height: 15px;
  background-color: #1b215d2e;
}
#menual #box dl {
  border-radius: 5px;
}
#menual #box dl dt,
#menual #box dl dd {
  text-align: center;
  padding: 10px;
  font-size: 15px;
  line-height: 24px;
}
#menual #box dl dt {
  white-space: nowrap;
  background-color: #51526d;
  color: #fff;
}
#menual #box dl dd {
  padding-bottom: 0;
}
#menual #box dl dd span.red {
  color: #df6969;
  font-weight: bold;
}
#menual .downloadBtn {
  padding: 5px 10px;
  display: inline-block;
  background-color: #df6969;
  border: 1px solid #df6969;
  color: #fff;
  border-radius: 5px;
}
#menual .downloadBtn:hover {
  background-color: #fff;
  color: #df6969 !important;
}
#menual #box #table th,
#menual #box #table td {
  font-size: 14px;
  white-space: nowrap;
}
#menual #box #table th {
  background-color: #f4f4f4;
  border-top: 1px solid #1b215d;
  border-bottom: 1px solid #1b215d !important;
}
#menual #box #table td {
  background-color: #fff;
}
#menual div.col-xs-12 {
  margin-bottom: 15px;
}
#menual div.col-xs-12 .btn {
  width: 100%;
  max-width: 200px;
}
#menual .tab-content {
  display: block;
}
#menual .guide-tabs {
  border-bottom: 0;
  width: 60%;
  margin-bottom:10px;
}
#menual .guide-tabs > li > a {
	height:44px; line-height:40px !important;
}
#menual .guide-tabs > li > a {
  border: 2px solid #1b215d;
  color: #1b215d;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 10px;
  transition: all 0.2s;
  text-align: center;
}
#menual .guide-tabs > li > a:hover {
  background-color: #fff;
  color: #000;
}
#menual .guide-tabs > li.active > a,
#menual .guide-tabs > li.active > a:hover,
#menual .guide-tabs > li.active > a:focus {
  background-color: #1b215d;
  border: 2px solid #1b215d;
  color: #fff;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #menual .tab-content .row {
    margin: 0 -12px !important;
  }
  #menual .guide-tabs > li {
    width: 33.3%;
    padding: 0 5px;
  }
}

@media screen and (max-width: 1200px) {
  #menual .guide-tabs {
    width: 100%;
  }
  #table,
  .content .at-content .table04 {
    overflow-x: scroll !important;
  }
}

@media screen and (max-width: 991px) {
  #menual #box .row .col-md-4 .stepBox:after {
    display: none;
  }
  #menual #box .row .col-md-4 .stepBox {
    height: auto !important;
  }
}

@media screen and (max-width: 900px) {
  #menual .guide-tabs > li {
    width: 100%;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 501px) {
  #menual .guide-tabs {
    display: flex;
    flex-wrap: wrap;
  }
  #menual .guide-tabs > li > a {
    margin: 0;
    padding: 0 10px;
    text-align: center;
    border-radius: 5px;
    border-bottom: 2px solid #1b215d;
  }
  #menual .guide-tabs > li.active > a,
  #menual .guide-tabs > li.active > a:hover,
  #menual .guide-tabs > li.active > a:focus {
  }
}

@media screen and (max-width: 500px) {
  #menual {
    margin-top: 5px;
  }
  #menual .guide-tabs > li {
    width: 100%;
    margin-right: 0;
  }
  #menual #box {
    border-top-left-radius: 15px;
  }
}

/* 관리법률 페이지 */
#law h4 {
  margin-bottom: 20px;
}
#law .lawbtn a,
#rule .rulebtn a {
  display: inline-block;
  padding: 10px;
  border: 1px solid #1b215d;
  background-color: #1b215d;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px 15px;
}
#law .lawbtn a:hover,
#rule .rulebtn a:hover {
  border: 1px solid #ddd;
  background-color: #f1f1f1;
  color: #333 !important;
  transition: 0.2s;
}
#law .panel-body,
#rule .panel-body {
  width: 100%;
  height: 600px;
  overflow-y: scroll;
  font-size: 1em;
  font-size: 15px;
  color: #666;
}

/* 게시현황 페이지 */
#currentbn .row,
#daybn .row {
  margin: 0 -5px;
}
#currentbn .searchBtn,
#daybn .searchBtn,
#check .applyBtn,
#setting .applyBtn {
  font-size: 15px;
  line-height: 2em;
  width: 100%;
  padding: 5px 10px;
  background-color: #df6969 !important;
  border: 2px solid #df6969;
  color: #fff !important;
  border-radius: 5px;
}
#currentbn .searchBtn:hover,
#daybn .searchBtn:hover,
#check .applyBtn:hover,
#setting .applyBtn:hover {
  background-color: #fff !important;
  color: #df6969 !important;
}
#currentbn select,
#daybn select,
#currentbn input {
  width: 100%;
  height: 44px;
  line-height: 44px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 15px;
}
#currentbn input {
  display: inline;
}

/* #table { overflow-x:scroll; } */
#table table {
  width: 100%;
}
#table table thead th,
#table table tfoot th,
#table table tfoot th {
  padding: 10px;
  height: 73px;
  border-right: 1px solid #ddd !important;
  text-align: center;
  font-size: 15px;
  white-space: nowrap;
  border-top: 1px solid #1b215d;
  border-bottom: 1px solid #1b215d;
}
#table table thead th:last-child,
#table table tfoot th:last-child {
  border-right: 0;
}
#table table tbody td,
#table table tbody th,
#table table tfoot th {
  padding: 10px;
  height: 73px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 15px; /* white-space:nowrap; */
}
 #table .modalTable02 table tbody tr td{
	font-size: 13px;}/*수정*/

#table table thead th,
#table table tbody th,
#table table tfoot th {
  background-color: #f7f7f7;
}
#table table tbody td .fixed {
  color: #5ecac0;
}
#table table tbody td .wait {
  color: #df6969;
}
#table table thead th:first-child,
#table table tbody td:first-child,
#table table tbody th:first-child,
#table table tfoot th:first-child,
#table table tfoot td:first-child {
  border-left: 0 !important;
}
#table table thead th:last-child,
#table table tbody td:last-child,
#table table tbody th:last-child,
#table table tfoot th:last-child,
#table table tfoot td:last-child {
  border-right: 0 !important;
}

/* .table01, .table02, .table04 { max-height:800px; overflow-y:scroll; } */

/* .table01 table thead:before, .table02 table thead:before, .table04 table thead:before { content:""; display:block; width:100%; height:1px; background-color:#1b215d; position:absolute; bottom:1px; left:0; } */
/* .table01 table thead:after, .table02 table thead:after, .table04 table thead:after { content:""; display:block; width:100%; height:1px; background-color:#1b215d; position:absolute; top:0; left:0; } */
.table01 table tbody tr td {
  white-space: unset;
}
.table01 table tbody:nth-child(even) tr td {
  background-color: #f7f7f7;
}
.table01 table tbody,
.table02 table tbody {
  border-bottom: 2px solid #999;
}
.table01 table tbody tr td {
  max-width: 230px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table01 table tbody tr td:first-child {
  text-overflow: unset;
}
.table01 table thead th {
  /* border-bottom:0 !important; */
  white-space: nowrap;
}
.table01 table tbody tr:first-child td {
  border-top: 0 !important;
}

/* 일일 신청현황 페이지 */
.table02 table thead th,
.table02 table tbody td {
  /* white-space:nowrap; */
}
.table02 table tbody a.seeBtn,
.table02 .modal .closeBtn,
.table04 .modal .printBtn,
.table04 table tbody a.seeBtn,
.table04 .modal .closeBtn,
.table04 table tbody a.printBtn {
  display: inline-block;
  padding: 10px;
  border: 2px solid #1b215d;
  background-color: #1b215d;
  color: #fff;
  border-radius: 5px !important;
}
.table04 table tbody a.printBtn {
  border: 2px solid #5ecac0;
  background-color: #5ecac0;
}
.table02 table tbody a.seeBtn:hover,
.table04 table tbody a.seeBtn:hover {
  background-color: #fff;
  color: #1b215d;
}
.table04 table tbody a.printBtn:active,
.table04 table tbody a.printBtn:focus,
.table04 table tbody a.printBtn:hover {
  color: #5ecac0 !important;
}
.table02 .modal .closeBtn,
.table04 .modal .closeBtn {
  border: 2px solid #828282;
  background-color: #828282;
}
.table02 .modal .closeBtn:hover,
.table04 .modal .closeBtn:hover {
  background-color: #fff;
  color: #828282 !important;
}
.table02 .modal .modal-header h4,
.table04 .modal .modal-header h4 {
  color: #df6969;
}
.table02 .modal .modal-header h4 span,
.table04 .modal .modal-header h4 span {
  color: #828282;
  font-size: 14px;
  line-height: 14px;
  white-space: nowrap;
}
.table02 .modal .modalTable tbody {
  border-bottom: 0;
}
#daybn .selectrow {
  padding: 0 5px !important;
}

#currentbn.total .period input { display:inline-block; border:1px solid #555; }

@media screen and (max-width: 1200px) {
  #table.table02 {
    overflow-x: scroll;
  }
  /* Chrome, Safari, Opera */
	.element::-webkit-scrollbar {
		display: block; /* 기본 스크롤바를 보이게 합니다 */
	}

	/* Firefox */
	.element {
		scrollbar-width: auto; /* 기본 스크롤바 너비로 재설정합니다 */
	}

	/* IE, Edge */
	.element {
		-ms-overflow-style: scrollbar; /* 기본 스크롤바 스타일로 재설정합니다 */
	}
}

@media screen and (min-width:1100px){
	#currentbn.search_btn { padding:0 10px; }
	#currentbn.search_btn .selectrow.s1, #currentbn.search_btn .selectrow.s7 { width:160px !important; }
}

@media screen and (max-width:1099px){
	#currentbn.search_btn.total { width:100%; }
	#currentbn.search_btn.total  .selectrow.s1, #currentbn.search_btn.total  .selectrow.s7 { width:calc(50% - 10px) !important; }
	#currentbn.search_btn.total  .selectrow.s5 { width:calc(100% - 90px) !important; }
	#currentbn.search_btn { width:100%; }
	#currentbn.search_btn .selectrow.s1, #currentbn.search_btn .selectrow.s7 { width:50%; }
	#currentbn.search_btn.total  .selectrow.s8 { width:80px !important; }
}
@media screen and (min-width:992px){
	#daybn .selectrow, #currentbn .selectrow { width:100px; }
	#daybn .selectrow.s1, #currentbn .selectrow.s1 { width:120px !important; }
	#currentbn.total .selectrow.s1, #currentbn.total .selectrow.s7 { width:150px !important; }
	#currentbn.acceptM .selectrow.s5 { width:300px; }	
	#currentbn.total .selectrow.s6 { width:20px !important; float:left; height:44px; line-height:44px;}
	#currentbn.search_btn.total .selectrow.s5 { max-width:240px !important; }
}
@media screen and (max-width:991px){
	#daybn .selectrow, #currentbn .selectrow { width:25%; }
	#currentbn.acceptM .selectrow.s1, #currentbn.acceptM .selectrow.s2 { width:50% !important; }
	#daybn .selectrow.s1 { width:90px !important; }
	#currentbn.myapply .s1, #currentbn.manageB .s1 { width:100px; }
	#currentbn.myapply .s2, #currentbn.manageB .s2 { width:90px; }
	#currentbn.acceptM .selectrow.s5 { width:calc(100% - 80px); }
	#daybn .selectrow.s8, { width:calc(100% - 250px) !important; max-width:90px;}
	#currentbn.myapply .s8, #currentbn.manageB .s8 { width:90px !important; }
	#daybn .selectrow.s8 .searchBtn#currentbn .selectrow.s8 .searchBtn { padding:5px 2px; white-space:nowrap; }
	#currentbn.acceptM .selectrow.s8 { width:80px; }
	#currentbn.total { display:block; width:100%; }
	#currentbn.total .selectrow.s1 { width:180px !important; }
	#currentbn.total .selectrow.s6 { width:20px !important;  float:left; height:44px; line-height:44px; }
	#currentbn.total .selectrow.s8 { width:calc(100% - 380px) !important; }
	#currentbn.total .selectrow.s7 { width:calc(50% - 10px); }
	#currentbn.search_btn.total .selectrow.s5 { width:calc(100% - 90px) !important; }
	
}

@media screen and (max-width:850px){
	#currentbn.total .selectrow.s1 { width:calc(50% - 10px) !important; }
	#currentbn.total .selectrow.s8 { width:100% !important; }
}

@media screen and (max-width:767px){
	#currentbn.acceptM .selectrow.s1, #currentbn.acceptM .selectrow.s2 { width:100px !important; }
	#currentbn.acceptM .selectrow.s5 { width:calc(100% - 280px); }
	#currentbn.acceptM .selectrow.s8 { width:80px; }
	#currentbn.total .selectrow.s1 { width:calc(50% - 50px) !important; }
	#currentbn.total .selectrow.s8 { width:80px !important;}
}
@media screen and (max-width:420px){
	#daybn .selectrow.s1, #daybn .selectrow.s2, #currentbn .selectrow.s1, #currentbn .selectrow.s2, #currentbn.myapply .s1, #currentbn.myapply .s2, #currentbn.myapply .s8, #currentbn.manageB .s1, #currentbn.manageB .s2, #currentbn.manageB .s8 { width:33.3% !important; }
	#daybn .selectrow.s8, #currentbn .selectrow.s8 { width:100%; }
	#currentbn.acceptM .selectrow.s1, #currentbn.acceptM .selectrow.s2 { width:50% !important; }
	#currentbn.acceptM .selectrow.s5 { width:calc(100% - 80px); }
	#currentbn.acceptM .selectrow.s8 { width:80px; }
	#currentbn.total .selectrow.s1 { width:calc(50% - 10px) !important; }
	#currentbn.total .selectrow.s8 { width:100% !important;}
}

/* 게시대 신청 페이지 */
#menual .p1 {
  display: inline-block;
  word-break: keep-all;
  margin: 0 5px;
  font-size: 15px;
  color: #df6969;
  font-weight: bold;
}

.table03 .giBox,
#box .giBox {
  display: inline-block;
  padding: 0px 18px;
  border-radius: 5px;
  background-color: #1b215d;
  color: #fff;
}
#box #table .tabGroup {
  margin: 0 -10px;
}
#box #table .tabGroup .col-sm-4.col-md-3 {
  padding: 0 5px;
}
#box #table .tabGroup .s3, #box #table .tabGroup .s4 { width:150px; float:left; }

@media screen and (max-width:991px){
	#box #table .tabGroup .s3 { width:122px; }
	#box #table .tabGroup .s4 { width:140px; }
}
@media screen and (max-width:800px){
	#box #table .tabGroup .s3 { width:50%; margin-bottom:0 !important;}
	#box #table .tabGroup .s4 { width:100%; margin-top:10px;}
}
@media screen and (max-width:767px){
	#box #table .tabGroup .s3 { width:122px; }
	#box #table .tabGroup .s4 { width:calc(100% - 244px); max-width:150px; margin-top:0;}
}
@media screen and (max-width:400px){
	#box #table .tabGroup .s3 { width:50%; }
	#box #table .tabGroup .s4 { width:100%; max-width:100%; margin-top:0; }
}

#box #table.apply tbody:nth-child(even) { background-color:#f7f7f7; }
.table03 .tabGroup .tabBtn {
  display: block;
  padding: 10px;
  border: 1px solid #1b215d;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #51526d;
  height: 44px;
}
.table03 .tabGroup a.tabBtn.active {
  display: block;
  padding: 10px;
  background-color: #1b215d;
  color: #fff !important;
}
/* .table03 .tabGroup a.tabBtn.active { display:block; padding:10px; background-color:#51526d; color:#fff !important; } */
.table03 .tabGroup .tab-radio {
  width: 15px;
  height: 15px;
  display: none;
}
.table03 .custom-radio {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: 2px solid #1b215d;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}
.table03 .tab-radio:checked + .custom-radio {
  border-color: #1b215d;
  background-color: #1b215d;
}
.table03 .tabGroup .tabBtn label {
  margin-bottom: 4px;
}
.tab-content {
  display: none;
}
.tab-content table thead tr th {
  white-space: nowrap;
}
.active {
  display: block;
}
.table03 .tab-content table thead tr th {
  border-top: 1px solid #1b215d;
}
/* .table03 .tab-content { max-height:600px; overflow-y:scroll; } */
/* .table03 .tab-content table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.table03 .tab-content table thead:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #1b215d;
  position: absolute;
  bottom: 0;
  left: 0;
}
.table03 .tab-content table thead:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #1b215d;
  position: absolute;
  top: 0;
  left: 0;
} */
/* .table03 .tab-content table tbody tr td { white-space:nowrap; } */

.closeBtn:hover {
  border-color: #828282 !important;
  color: #828282 !important;
}

@media screen and (max-width: 1200px) {
  #table.table03 {
    overflow-x: scroll;
  }
}

#check {
  text-align: center;
  font-size: 15px;
}
#check .applyBtn {
  display: inline-block;
  width: auto;
}
.checkbox-input {
  display: none;
}

.custom-checkbox,
.checkbox-container input,
input[type='checkbox'] {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 5px;
}
.checkbox-input:checked + .custom-checkbox::before {
  content: '\2713'; /* 유니코드 ✓ (체크 표시) */
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 6px;
  color: #1b215d;
  font-weight: bold;
}
.modal #table {
  overflow-x: scroll !important;
}

#previewTbody tr td {
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  #box #table .tabGroup {
    margin: 0 -5px !important;
  }
  .table03 .giBox {
    font-size: 12px;
    padding: 0 8px;
  }
  #table table thead th {
    height: auto;
  }
}

@media screen and (max-width: 480px) {
  #menual .p1 {
    display: block;
  }
}

/* 나의 신청현황 페이지 */
.nopay {
  color: #df6969;
}
.paid {
  color: #1b215d;
}
.attached {
  color: #5ecac0;
}
.arrowRight {
  display: inline-block;
  margin-left: 8px;
  transform: translateY(1px);
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #ddd;
}

.table04 .modalTable01 tr th {
  background-color: #f7f7f7;
  border: 1px solid #ddd !important;
  text-align: center;
}
.table04 .modalTable01 td {
  text-align: left;
  padding: 0 10px;
}
.table04 .modalTable tbody td {
  white-space: nowrap;
}

.table04 .modalTable02 thead:before,
.table04 .modalTable02 thead:after {
  display: none;
}
/* .table04 .modalTable02 thead th { border-top:1px solid #1b215d !important; border-bottom:1px solid #2e3192 !important; } */
.table04 .noborder {
  border-right: 0 !important;
}

.modal-content {
  max-width: 800px;
  margin: 30px auto 0 auto;
  padding: 15px;
}
.modalTable03 table tbody tr th,
.modalTable03 table tbody tr td {
  font-size: 13px;
  border: 1px solid #ddd !important;
  height: 40px !important;
  text-align: center;
}
.modalTable03 table tbody tr th {
  background-color: #f7f7f7;
}
.modal .closeBtn {
  display: inline-block;
  padding: 10px;
  border: 2px solid #828282;
  background-color: #828282;
  color: #fff;
  border-radius: 5px !important;
}
.modal .closeBtn:hover {
  background-color: #fff;
  color: #828282;
}
.modal .downloadBtn {
  display: inline-block;
  padding: 10px;
  border: 2px solid #5ecac0;
  background-color: #5ecac0;
  color: #fff;
  border-radius: 5px !important;
}
.modal .downloadBtn:hover,
.modal .downloadBtn:active,
.modal .downloadBtn:focus {
  background-color: #fff;
  color: #5ecac0;
}

#myModal3 table tr td.nowrap {
  white-space: unset;
}

@media screen and (min-width: 800px) {
  .modal-dialog {
    max-width: 800px;
    width: 100%;
    padding: 10px;
  }
}

@media screen and (min-width: 991px) {
  #menual #box .row .col-sm-6:nth-child(3) .stepBox:after,
  #menual #box .row .col-sm-6:last-child .stepBox:after {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #menual #box .row .col-sm-6:nth-child(even) .stepBox:after {
    display: none;
  }
  #law .panel-body,
  #rule .panel-body {
    height: 400px;
  }
  #currentbn .selectrow {
    margin-bottom: 10px;
  }
  #currentbn .selectrow {
    margin-bottom: 10px;
  }
  #currentbn .selectrow:nth-child(2) {
    padding-right: 5px;
  }
  #currentbn .selectrow:nth-child(3) {
    padding-left: 5px;
  }

  #daybn .selectrow:nth-child(1) {
    padding-right: 5px;
    margin-bottom: 10px;
  }
  #daybn .selectrow:nth-child(2) {
    padding-left: 5px;
    margin-bottom: 10px;
  }
  #daybn .selectrow:nth-child(3) {
    padding-right: 5px;
    margin-bottom: 10px;
  }
  #daybn .selectrow:nth-child(4) {
    padding-left: 5px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 800px) {
  .table04 .modal-dialog {
    max-width: 800px;
    width: 100%;
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  .div-title-underbar {
    text-align: center;
  }

  #menual #box {
    padding: 5px 0px;
  }
  #menual #box .row .col-sm-6 {
    padding: 1em 0;
  }
  #menual #box #table {
    overflow-x: scroll;
  }
  #menual #box .row .col-sm-6 .stepBox:after {
    display: none;
  }

  .table02 .modal .modalTable {
    overflow-x: scroll;
  }

  .table03 .tabGroup {
    margin: 0 -15px;
  }
  .table03 .tabGroup .tabBtn {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 380px) {
  #rule .rulebtn a:first-child {
    margin-bottom: 10px;
  }
  #rule .rulebtn a {
    width: 100%;
    text-align: center;
  }
}

/* 모바일 표다나오게 수정 */
@media screen and (max-width: 767px) {
  #table table thead th,
  #table table tbody td {
    padding: 10px;
    font-size: 14px;
    white-space: normal;
  }
  .table02 table tbody a.seeBtn,
  .table02 .modal .closeBtn,
  .table04 .modal .printBtn,
  .table04 table tbody a.seeBtn,
  .table04 .modal .closeBtn,
  .table04 table tbody a.printBtn,
  .table04 table tbody a.printOtn,
  .table04 table tbody a.printTtn{
    padding: 0px 5px;
  }
  #box {
    padding: 0px;
  }
  .content-wrapper.wide {
    background-color: #fff;
  }
  .content .at-content div {
    word-break: normal;
  }
  .table01,
  .table02,
  .table03 {
    max-height: none;
    overflow-y: auto;
  }
  .table03 .tab-content {
    max-height: none;
  }
  .printOtn,
  .printBtn_b,
  .table04 table tbody a.printBtn {
    margin-top: 5px !important;
  }
  #table table thead th {
    white-space: nowrap;
  }
  .table04 {
    overflow: visible;
  }
  .table04 .btn {
    font-size: 14px;
  }
}

/* 접수상세보기 */
.mem_info span {
  display: inline-block;
  background-color: #1b215d;
  color: #fff;
  padding: 6px 12px;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.mw_120 {
  max-width: 120px;
  margin: 0 auto;
  width: 100px;
}
.b_wrap {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.b_wrap button,
.b_wrap span {
  margin: 0 5px;
}
.b_wrap button.btn {
  padding: 6px 12px;
}
#box .btn-color {
  margin: 0 5px 0 0 !important;
}

.table05 {
  display: flex;
  justify-content: flex-end;
}
.table05 table {
  max-width: 200px;
}
.table05 table tbody tr {
  border-bottom: 1px solid #ddd;
}
.table05 table tbody th {
  font-size: 15px;
}
.table05 table tbody td {
  border: none !important;
  text-align: right !important;
}

.btn.applyBtn {
  font-size: 15px;
  height:44px;
  line-height: 1.4;
  background-color: #df6969 !important;
  border: 2px solid #df6969 !important;
  color: #fff !important;
  border-radius: 5px;
}
.btn.applyBtn:hover {
  background-color: #fff !important;
  color: #df6969 !important;
}
#currentbn .selectrow {
  padding: 0 5px !important;
}
#currentbn #searchInput {
  font-size: 15px;
  width: 44px;
  height: 44px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #555;
}

span.printIcon {
  display: inline-block;
  margin-bottom: -2px;
  width: 15px;
  height: 15px;
  background-image: url('/img/bannerad/i-print-white.svg');
  background-size: 100% 100%;
}
.printBtn_b:hover span.printIcon {
  background-image: url('/img/bannerad/i-print_p.svg');
}

@media screen and (max-width: 1400px) {
}

/* 게시대 신청 내역 페이지 */
.modal-content span.printIcon {
  display: inline-block;
  margin-bottom: -2px;
  width: 15px;
  height: 15px;
  background-image: url('/img/bannerad/i-print-white.svg');
  background-size: 100% 100%;
}
.modal-content .printBtn:hover span.printIcon {
  background-image: url('/img/bannerad/i-print.svg');
}

/* 관리자-개별 접수목록 페이지 */
/*#exceldownload { background-color:#0d9d0b; color:#fff; height:44px; padding:10px; border-radius:5px; border:none; font-size:14px; }*/
.print_btn {
  background-color: #1b215d;
  color: #fff;
  height: 44px;
  padding: 10px;
  border-radius: 5px;
  border: none;
}
#table.table04 table tbody tr td:last-child .btn-black {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  /*#exceldownload { margin-top:5px; }*/
}

/* 관리자 환경설정 페이지 */
.wrapper {
  min-height: 930px;
}
#setting #box {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 15px;
  padding: 5px 15px; /* border:3px dashed #2e319257; */
  box-sizing: border-box;
  border-top-left-radius: 0;
}
#setting h3 {
  text-align:center;
  margin-bottom: 30px;
}
#setting .row {
  margin: 0;
  display: table;
  width: 100%;
}
#setting .subtitle {
  position: relative;
  z-index: 2;
  display: inline-block;
}
#setting .subtitle:after {
  content: '';
  z-index: 1;
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: -3px;
  width: 103%;
  height: 15px;
  background-color: #1b215d2e;
}
#setting #table.time {
  width: 100%;
  overflow: unset !important;
  z-index: 3;
}
#setting table tbody tr th,
.modalTable03 table tbody tr td {
  font-size: 15px;
  border: 1px solid #ddd !important;
  height: 40px !important;
  text-align: center;
  padding: 0 10px;
}
#setting table tbody tr th {
  background-color: #f7f7f7;
  white-space: nowrap;
}
#setting table tbody tr th:first-child {
  border-left: transparent !important;
}
#setting table tbody tr td {
  white-space: unset;
}
/* #table table thead th:last-child, #table table tbody td:last-child, #table table tfoot th:last-child { border-right:1px solid #ddd !important; }  */
#setting .time input {
  width: 100%;
  height: 44px;
  line-height: 44px;
  border-radius: 5px;
  padding: 0 10px;
  border: 1px solid #555;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
#setting .time2 input {
  width:80px;
}
#setting #set .selectrow {
  margin: 0 !important;
}

.ui-widget.ui-widget-content {
  z-index: 3 !important;
}
.ui_tpicker_time_label,
.ui_tpicker_time,
.ui_tpicker_second_label,
.ui_tpicker_second,
.ui_tpicker_millisec_label,
.ui_tpicker_millisec,
.ui_tpicker_microsec_label,
.ui_tpicker_microsec,
.ui_tpicker_timezone_label,
.ui_tpicker_timezone {
  display: none;
}
.ui-datepicker .ui-datepicker-title select,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  font-size: 15px;
  text-align: center;
}
.ui_tpicker_hour_label,
.ui_tpicker_minute_label {
  width: 30%;
  display: inline-block;
}
.ui_tpicker_hour,
.ui_tpicker_minute {
  width: 70%;
  display: inline-block;
  margin-bottom: 5px;
}
.ui-timepicker-select {
  width: 100%;
  height: 30px;
  line-height: 30px;
}

#setting .p1,
#setting .p2 @media screen and (max-width:767px) {
  #setting .time input {
    letter-spacing: -1px;
  }
}

/* 개별 접수목록  옥외광고업체 정보*/

.mmodal_btn {
  background-color: #1b215d;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  height: 44px;
  padding: 10px 15px;
  border-radius: 5px;
  border: 2px solid #1b215d;
}

.mmodal_btn:hover {
  background: #fff;
  color: #1b215d;
}

.ooh table tbody td {
  border: none;
}

/* 나의 신청현황 영수증 발행 버튼 */
.table04 table tbody a.printOtn {
  border: 2px solid #90c55c;
  background-color: #90c55c;
}

.table04 table tbody a.printOtn:hover,
.table04 table tbody a.printOtn:focus {
  border: 2px solid #90c55c;
  color: #90c55c;
  background-color: #fff;
}


.table04 table tbody a.printTtn {
  border: 2px solid #fdae5a;
  background-color: #fdae5a;
}

.table04 table tbody a.printTtn:hover,
.table04 table tbody a.printTtn:focus {
  color: #fdae5a;
  background-color: #fff;



#myModal3 > #table table tbody tr td {
  white-space: unset !mportant;
}

/* 월별통계관리 탭 */

.nav-tabs > li  { margin-bottom:unset !important; }

.nav_box .tab-content {
  display: block;
}
.nav_box .nav-tabs {
  border-bottom: 0;
}
.nav_box .nav-tabs > li {
  width: 170px;
  padding: 0 5px;

}
.nav_box .nav-tabs > li:first-child {
  padding-left: 0;
}
.nav_box .nav-tabs > li > a {
  border: 1px solid #1b215d;
  color: #1b215d;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  transition: all 0.2s;
  text-align: center;
  margin: 0;
  letter-spacing: -1px;
}
.nav_box .nav-tabs > li > a:hover {
  border-color: #1b215d;
}
.nav_box .nav-tabs > li.active a {
  background-color: #1b215d !important;
  color: #fff;
}
/* .nav_box .nav-tabs>li.active>a,.nav_box .nav-tabs>li.active>a:hover,.nav_box .nav-tabs>li.active>a:focus{background-color:#fff; border: 1px solid #1b215d; color:#1b215d; font-weight:bold;} */

.stats #currentbn.search_btn {
  display: block;
}
.stats #currentbn #excelForm {
  display: inline;
}
#currentbn.search_btn .searchBtn {
  width: 82px !important;
}
#currentbn.search_btn input {
  width: 240px !important;
  margin: 0 5px 0 0;
}
.nav_box,
.search_btn {
  margin-bottom: 10px;
}
.stats #currentbn .selectrow {
  margin-bottom: 10px;
}
.stats .nav_wrap .selectrow {
  float: left;
  width: 100px;
}
#currentbn .stats .search_btn {
  padding: 0 5px !important;
}

@media screen and (max-width: 991px) {
  .nav_box {
    width: 100%;
  }
  .nav_box,
  .search_btn {
    margin-bottom: 0px;
  }
  .nav_box .nav-tabs > li {
    width: 50%;
    padding: 0;
    margin-bottom: 10px;
  }
  /*.nav_wrap #exceldownload{margin-top:0;}*/
  /* .stats #currentbn .selectrow { margin-bottom:0px; } */
  .stats #currentbn.search_btn {
  }
  #currentbn.search_btn input {
    width: calc(100% - 90px) !important;
    margin: 0 5px 0 0;
  }

  .stats .nav_box .nav {
    margin: 0 -5px;
  }
  .stats .nav_box li {
    padding: 0 5px !important;
  }
  .stats .nav_box .nav-tabs > li > a {
    letter-spacing: -1px;
  }
  .stats #currentbn .search_btn {
    padding: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  #currentbn.search_btn {
    width: 100%;
  }
}

.totalbtngroup { display:block; }
.totalbtngroup form { display:inline-block; float:right; margin-bottom:10px; }

/* 2023-12-01 월별통계관리 */
/* .nav_box .nav-tabs li {position:relative;}
.nav_box .nav-tabs li::before {position:absolute; content:""; top:13px; left:20px;width:18px; height:18px; border:3px solid #1b215d; border-radius:50%; z-index:100; }
.nav-tabs>li.active::before{background:#1b215d;} */

.nav_wrap01 {
  width: 100%;
  max-width: 200px;
}
.nav_wrap01 ul li {
  width: 50%;
  text-align: center;
}



/* 2024-01-15 수현 추가 */
select {  
	appearance: none; -webkit-appearance: none; -moz-appearance: none;
	border:1px solid #333;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>') no-repeat;
	background-position: right 10px center; 화살표 위치 조정
}

select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.modal .table22 { min-width:300px; overflow-x:scroll; }
/* #myModal3 .table22 table tbody tr td, #myModal4 .table22 table tbody tr td { white-space:nowrap !important; } */