/* 경기천년제목 */
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*  */
#content_start { height:110px !important; }
.container{padding:0 0 150px 0; margin-top:20px; }
.container .cont { margin-bottom: 100px; }
.container .cont-border { border:2px solid #319ecf; }
.container .cont ul { width:100%; margin: 0 auto; padding: 30px 30px 30px 60px;}
.container .cont ul li { text-align: left; list-style: disc;}

.container .lovedream {text-align: center;font-size: 18px;padding: 0;line-height: 160%;}
.container .lovedream h3 {color: #319ecf; margin-bottom:3%;}
/* 이전 디자인 */
/* .sub_title:before {width: 24px;height: 4px;content: "";position: absolute;background-color: #319ecf;margin-top:-5px;}
.sub_title {font-size:30px;padding-bottom: 0.3%;} */
.sub_title {font-size:26px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
.sub_title:before {content:''; width:8px; height:36px; border-radius:4px; background-color:#4197bd; display:inline-block; margin-right:6px; position:relative; top:10px;}

.tit { text-align: center; }
.st_p3 {float: left;width: 100%;padding: 1%;margin: 1% 0;text-align: left;}
.st_p3 p {max-width: 1000px;margin: 0 auto;}
.wait_form_top {margin: 3%; font-weight: 800;}
.wait_search_input {border: 2px solid #319ecf ;border-radius: 50px;padding: 5px 19px;background-color: #fff;margin: 0 20px;outline: none;color: #333;width: 20%;}
.wait_search_btn { float: right; padding: 10px 34px; background-color: #319ecf; border: none; color: #fff; border-radius: 10px; font-weight: 700; font-size: 20px; }
.wait_search_btn:hover,.wait_search_btn:active {background-color:#319ecf;transition:ease-in-out 0.5s;}
.birth_notice {display: inline-block;font-size:16px;color:#333;}
.tHeader { position:relative; font-size:20px;  margin:30px 0 5px; }

.wait_table { font-size:17px; width:100%; }
.wait_table thead{width:100%;background-color:#666;color:#fff;}
.wait_table th { height: 50px; border-top: 3px solid #319ecf ;background-color: #fff;color: #333;}
.wait_table td { height:40px; background-color: #fff; color: #333; text-align:center; border-bottom:1px solid #eee;}
.wait_table .no-data {padding:20% 0;background-color:#EFEFEF;text-align: center;}
.wait_info_T {margin-top:35px; font-weight:700; color:#319ecf;}

.txt_blue { color:blue !important; }
.txt_bold { font-weight: bold !important; }

/* 리스트 시작 */
#data-wrap { width:100%;margin:30px 0 50px 0; }
#data-wrap .data-header {width:100%;height:auto;min-height:50px;padding:15px 0; border-top:2px solid #319ecf; background:#efefef;}
#data-wrap .data-header .data-th { float:left;text-align: center; font-size:17px;font-weight:bold; }
#data-wrap .data-header:after { content:"";display:block;clear:both;visibility:hidden;}
#data-wrap .data-body { width:100%; height:auto;min-height:50px;border-bottom:1px solid #eee; padding:10px 0; }
#data-wrap .data-body:after { content:"";display:block;clear:both;visibility:hidden;}
#data-wrap .data-body .data-td { float:left;text-align: center; font-size:17px;}
#data-wrap .data-sec { display: inline-block; width:49%; }
#data-wrap .data-cate {  width:33%; }
#data-wrap .data-name { width:33%; }
#data-wrap .data-birth {  width:33%; }
#data-wrap .data-tel1 {  width:25%; }
#data-wrap .data-tel2 {  width:25%; }
#data-wrap .data-tel3 {  width:25%; }
/* #data-wrap .data-sv {  width:30%; } */
#data-wrap .data-num {  width:25%; float:right !important;}
/* #data-wrap .data-mtel {  width:15%; float:right !important;} */
#data-wrap .no-data { width:100%; height:200px;line-height:200px;text-align:center; font-size:17px; font-weight:bold; }
/* 리스트 끝 */

/* 대기자관리 버튼 */
#adminViewBtn { position:absolute; right:0; top:0; height:32px; padding:0 10px; font-size:19px; font-weight: 700;  background:#319ecf; border-radius:5px; color:#fff; }

/* 팝업 메세지 */
#popup_msg {color:#ffffff;font-weight:bold;display:none;position:fixed;z-index:10000;padding:20px 30px;font-size:30px;width:auto;height:80px;border:0px;text-align:center;background:#FF5A48;margin-top:-35px;border-radius:10px;}

/* Grid 검색박스 디자인 */
#grid_basic { padding:20px !important; }
#grid_basic * { font-size:13px !important; }
.grid_fm_search { width:100%; border:2px solid #5675ab; background:#eee; border-radius:5px; margin-bottom:10px; font-size: 14px !important; }
.grid_fm_search button { height:30px; border:0px; padding:0px 8px; background:#555;color:#fff;border-radius:3px; }
.grid_fm_search button:hover { background:orangered;}
.grid_fm_search input[type="text"], .grid_fm_search select { outline:none;height:30px; border:0px; padding:0px 5px; background:#fff;border:1px solid #aaa;border-radius:3px;  }
.grid_fm_search input[type="text"]:focus, .grid_fm_search select:focus { outline:none;background:#FFF4F4;}
.grid_fm_search .sch_btn_wrap { margin-left:5px;}
.grid_fm_search .active { outline:none; background:#0975D5 !important; border:0px;}
.grid_fm_search .search_close {display:none;position:absolute;top:0;right:10px;font-size:2rem;cursor:pointer;font-weight:500;}
.grid_fm_search ._search-flex {display:flex;gap:5px;justify-content: start; flex-wrap: wrap;padding:15px;}
.grid_fm_search ._search-flex ._search-item {display:flex;gap:5px;flex: 0 1 24%; min-width: 307px;}
.grid_fm_search ._search-flex ._search-item ._search-grid-title {width:80px;text-align:right;padding:0px;height:30px;line-height:30px;}
.grid_fm_search ._search-flex ._search-grid-value {flex:1;}
.grid_fm_search ._search-flex ._search-item-50 {flex:1 1 49%;}
.grid_fm_search ._search-flex ._search-item-100 {flex:1 1 100%;}
.grid_fm_search ._search-flex ._search-item-hidden { }
.grid_fm_search .option-checkbox-wrap li {display:inline-block;}
.grid_fm_search .option-checkbox-wrap li label { margin-right:10px;}
#mobile-btn-wrap {display:none;width:100%;display:none;margin-bottom:5px;}
#mobile-btn-wrap button { width:100%;border:0px;height:40px;font-weight:bold;color:#fff;}
#mobile-btn-wrap .mobile-search-btn {background:#23A9F2;color:#fff;}
#mobile-btn-wrap .wri, #mobile-btn-wrap .reset {background:#31353D;}
._search-box-active { display:block !important; }
/* .dp-none { display:none !important; } */

/* 검색 셀렉트박스 커스텀 */
.select2-results__option--selectable { font-size: 14px; }
.select2-container--default .select2-results > .select2-results__options { min-height: 350px !important; }
.select2-search--dropdown .select2-search__field { padding: 0px 5px !important; }
.select2-container--default .select2-search--dropdown .select2-search__field { background: #FFE6E6; }
.select2-results__option { padding: 3px 8px !important; line-height:130% !important;}

/* jQuery 달력 스타일 변경 시작 */
#ui-datepicker-div { padding:0px !important;border-radius:5px;overflow: hidden;min-width:270px; }
#ui-datepicker-div table { width:98%;margin:0 auto;}
#ui-datepicker-div td span,
#ui-datepicker-div td a {text-align:center !important;border-radius:3px;}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {top:11px !important;cursor:pointer; }
#ui-datepicker-div th:first-child {color:red !important;}
#ui-datepicker-div th:last-child {color:blue !important;}
#ui-datepicker-div td:first-child a {color:red;}
#ui-datepicker-div td:last-child a {color:blue;}
#ui-datepicker-div td span,
#ui-datepicker-div td a:hover {background:#dd6666 !important;color:#fff !important;border:1px solid #dd6666 !important;}
#ui-datepicker-div .ui-datepicker-header { border:0px;border-radius:0;border-bottom:1px solid #aaa;padding:8px 0px;}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {background:#0089D2 !important;border:1px solid #0089D2 !important;color:#fff !important;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {padding:6px;font-size:16px;}
#ui-datepicker-div .ui-datepicker-title select {outline:none;height:30px;border-radius:3px;cursor:pointer;font-size:14px;padding:0 10px;}
#ui-datepicker-div .ui-datepicker-year {margin-right:3px;}
/* jQuery 달력 스타일 변경 끝 */

.width50 { width:50px !important;}
.width80 { width:80px !important;}
.width100 { width:100px !important;}
.width100per { width:100% !important;}



@media (max-width:1880px) {
    .container {padding:0 0 100px 0;}
    .container .cont {padding: 0;margin-bottom: 60px;}
	.container .cont .sub_title { font-size: 24px;}
}

@media (max-width:1280px) {
    .container{padding:0 0 40px 0;}
    .container .cont{ padding:0; margin-bottom:30px}
}

@media (max-width:1024px) {
    #data-wrap .data-header .data-th { height:30px; line-height: 30px; font-size:16px;}
    #data-wrap .data-body .data-td { font-size:16px;}
    #data-wrap .data-sec { display: block; width: 100%; height:34px; }
    #data-wrap .data-cate { width:25%; }
    #data-wrap .data-name { width:25%; }
    #data-wrap .data-birth {  width:25%;}
    #data-wrap .data-tel1 {  width:25%;}
    #data-wrap .data-tel2 {  width:25%;}
    #data-wrap .data-tel2 {  width:25%;}
    #data-wrap .data-num {  width:25%;  float:right}
}


@media (max-width:768px) {
    .container{ width:100% !important; padding:0 0 30px 0;}
    .container .cont {padding:0 10px;margin-bottom:20px}
    .wait_search_btn {float: right;padding: 5px 34px;background-color: #1c52a8 ;border: none;color: #fff;width: 100%;margin: 2% 0; border-radius:10px;}
    .wait_search_input {width: 78% !important;margin:0 !important;}
    .container .cont .sub_title { font-size: 22px;padding:10px 10px;}

    .container .cont-border { border:0px; }
    .container .cont ul { padding: 15px 15px 15px 35px; width: 97%;border: 2px solid #319ecf; }
    .container .cont ul li { font-size:16px;line-height:130%;}
    #data-wrap { margin-top:60px; }
}

@media (max-width: 568px) {
    .container .cont {padding:0;margin-bottom:20px}
    p.birth_notice {width: 100%;text-align: right;padding: 3%;}

    #data-wrap .data-header .data-th { font-size:13px;}
    #data-wrap .data-body .data-td { font-size:14px !important; line-height:130%; padding:4px 0; }
    #data-wrap .data-tel {  font-weight: bold; }
    #data-wrap .data-num {  color:blue; font-weight:bold; }


}

@media (max-width: 440px) {
    .wait_search_input {width: 75% !important;}
}

@media (max-width: 395px) {
    .wait_search_input {width: 65% !important;}
}