/*
 * Nanum Barun Gothic (Korean) http://hangeul.naver.com
 */
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html  {
	font-family: 'Nanum Barun Gothic', sans-serif;
	font-size: 12px;
	font-weight: 400;
}



.dw100 {
	width:100%;
}

.bb {
	border:1px solid red;
}


/*  공통적용  */

span.f200 {font-weight:200;}
span.f300 {font-weight:300;}
span.f400 {font-weight:400;}
span.f700 {font-weight:700;}

.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}

/* 20240304 추가  */
.w-20 { width:20%; }
.w-25 { width:25%; }
.w-30 { width:30%; }
.w-40 { width:40%; }
.h-40p { height: 40px; }
.h-60p { height:60px; }

.bg-booking { background-color: #234e9b; }
.bg-in {  background-color: #fff;
          color:#0062cc;
          font-weight: 600;
          border: 1px solid rgb(210, 210, 210); }
.bg-next { background-color: #3a81f7; }

.info-btns { display: flex; justify-content: space-between; flex-wrap: wrap; width:94%;}
.info-btns button {width:100%;}

/* 이전버튼 설정 디자인 */

.btn_Prev{
  font-family: 'NanumSquareNeo-Variable';
  width: 120px;
  height: 40px;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  color:#fff;
  background-color: #0f2141;

}
/* 이후버튼 설정 디자인 */

.btn_Next{
  font-family: 'NanumSquareNeo-Variable';
  width: 120px;
  height: 40px;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  color:#fff;
  background-color:#3a81f7 ;
}


/* 20240304 추가 끝 */



.fixed {position:fixed;}

.fb {font-weight:600;}

.navbar {
	position:fixed;
	z-index:999;
	padding:12px;
}

.content {
	height:100%;
	padding-top:90px;
	padding-bottom:50px;
}

.container-fluid {
	min-height:0px;
}

.footer {
	margin-top:-50px; padding:12px 12px 12px 20px;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #8e8e8f;
    border-radius: 3px;
}

.table thead {
	background: #779cd1;
	color: #fff;
}

.table2 thead {
	background: #8dba8d;
	color: #fff;
}

.table3 thead {
	background: #db819e;
	color: #fff;
}

.no-drag {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #70afff;
    color: #fff;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-color: #a3c6ea;
    border-width: 1px;
    overflow-x: hidden;
    margin-top: -1px;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection {
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #a3c6ea;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #6F81B8;
    border-color: #6F81B8;
}

.table td a:link {
   color: #517fd6;
   text-decoration: none;
   background-color: transparent;
}

.table td a:hover {
	text-decoration: underline;
	border-bottom-color: #517fd6;
}

.col-form-label {
	padding-right:10px;
}

.sm_desc {font-size:12px; color:#a2a1a2; margin-left:10px;}

.irq::before {
	content: "\f069";
    font-family: "Font Awesome 5 Free";
    font-size: 9px;
    font-weight: 600;
    margin-right:5px;
    color:#f76c76;
}

.modal-dialog {width:90%; min-width:200px; margin:0 auto; top:10%; padding:0px;}
.modal-header {padding:0.7rem; background: #748cc3; color:#fff;}
.modal-footer {padding:10px; border:0px;}
.card {margin-bottom:0px;}
.card-body {padding:1rem;}

.table>tbody>tr>td { text-align: center; }
.page-link {font-size: 14px; padding:9px 12px 9px 12px;}

.dataTables_info {float:left; margin-top:10px;}
.dataTables_paginate {float:right; padding-top:20px;}

.btn-group {float:right;}
.btn-secondary {width:80px; height:30px; font-size:14px; background: #979797; border:0px;}
.dataTables_filter {float:left; }
.dataTables_filter input {width:250px; height:30px; border:1px solid #ccc; font-size:14px;}

.btn_popup_40 {width:40px; height:20px; font-size:10px;}
.btn_popup_100 {width:100px; height:35px; font-size:14px;}
.btn_popup_120 {width:120px; height:35px; font-size:14px;}
.btn_popup_125 {width:150px; height:35px; font-size:14px; }


.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mt5 {margin-top:5px;}
.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}

.pr10 {padding-right:10px;}
.pl10 {padding-left:10px;}
.pr20 {padding-right:20px;}
.pl20 {padding-left:20px;}
.pb20 {padding-bottom:20px;}
.pt10 {padding-top:10px; }
.pt20 { padding-top:20px; }
.pb10 { padding-bottom:10px;}
.hide {display:none;}


.table td, .table th {
	padding:8px;
}

.sub_title {font-size:20px; margin:0 0 10px 3px;}
.copyrights {font-size:12px; margin:5px;}



.ac {text-align: center !important;}
.al {text-align: left !important;}
.ar {text-align: right !important;}

.fl {float:left;}
.fr {float:right;}
.cboth {clear:both;}

.w1500 {width:1500px;}
.w1200 {width:1200px;}
.w1000 {width:1000px;}
.w900 {width:900px;}
.w800 {width:800px;}
.w700 {width:700px;}
.w600 {width:600px;}
.w500 {width:500px;}
.w400 {width:400px;}
.w300 {width:300px;}
.w250 {width:250px;}
.w200 {width:200px;}
.w180 {width:180px;}
.w150 {width:150px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}

.font_red {
	color:#c33f48;
}
.font_green {
	color:#30a54f;
}
.font_blue {
	color:#1f5fbb;
}

.font_gray {
	color:#848484;
}

.font_red2 {
	color:red;
}
.font_blue2 {
	color:blue;
}

.bold {
	font-weight:600;
}

.form-group {
	margin-bottom:25px;
}

.sub-small-title {
	font-size:16px;
	color:#ca3f6b;
}

.space_color_A {
	background: #b5cffe!important;
}
.space_color_B {
	background: #c1ea77!important;
}
.space_color_C {
	background: #fbd755!important;
}
.space_color_D {
	background: #ffc2c3!important;
}
.space_color_Z {
	background: #c5c5c5!important;
}


.stat_color_R {
	background: #62ad3c!important;
}
.stat_color_P {
	background: #9da5cf!important;
}
.stat_color_X {
	background: #ffbdc4!important;
}
.stat_color_S {
	background: #b5cffe!important;
}


.title_gd_1 {
	height:40px;
	background: linear-gradient( to top, #5061ac, #6379d8 );
}

.title_gd_2 {
	height:40px;
	background: linear-gradient( to top, #659571, #80bd90 );
}

.title_gd_3 {
	height:40px;
	background: linear-gradient( to top, #ca3f6b, #ee8cb3 );
}

.main_sub_h4 {
	padding:10px 0 0 20px;
	color:#708fbf;
	font-weight:500;
	margin-bottom:0px;
}

.admin_level_txt {
	color: #7bb195;
	padding:7px 10px 0 0;
	font-weight:500;
}

.btn-group, .btn-group-vertical, .fc-unthemed .fc-button-group {
	margin-bottom:10px !important;
}

.left_menu {
	list-style:none;
	padding-left:5px;
	padding-right:5px;
	font-size:2vh;
}

.left_menu li {
	height:50px;
	border-bottom:1px solid #ccc;
	padding:14px 12px 12px 20px;
}
.left_menu .sub_list {
	float:left;
	width:90%;
	color:#565656;
}
.left_menu .nxt {
	float:right;
	color:#8b8a8b;
	width:10%;
}

.call_phone {
	background-color:#4aa0b5;
	border:1px solid #4aa0b5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:5px 5px;
	text-decoration:none;
}

.btn_main {
	background-color:#759ed0;
	border:1px solid #759ed0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	padding:5px 5px;
	text-decoration:none;
}


.sub_top_area {
	width:100%;
	height:60px;
	background: #3a81f7;
	color: #FFF;
	border-bottom:1px solid #ccc;
	position: fixed;
	z-index:999;
	 font-family: 'NanumSquareNeo-Variable';
}

.sub_menu_area {
	width:100%;
	height:70px;
	background:#505050;
	position: fixed;
	z-index:9999;
	display: flex;
    justify-content: space-around;
}

.btn_sub_menu {
	width:23%;
	height:60px;
	padding:10px;
	text-align:center;
	display:inline-block;
}


.select_time_day_area {
	width: 90%;
	margin: 0 auto;
	height: 40px;
	background: #608fc8;
	overflow-x: scroll;
	white-space: nowrap;
	font-size:15px;
}

.select_time_day {
	width: 50px;
	height: 40px;
	border: 0px;
	background: #608fc8;
	padding: 5px;
	margin: 0 10px;
	color: #fff;
}


.td_active {
	color:#ffeb00;
	font-weight:600;
}



.service-agree {
	width:100%;
	height:40px;
	margin-top:20px;
}

.service-agree .agree_title {
	width:60%;
	height:35px;
	background:#fff;
	border:1px solid #8397a5;
	padding:5px 0 5px 10px;
	font-size:14px;
	color:#4c4a4b;
}
.service-agree button {
	height:35px;
	color:#fff;
	background: #3a81f7 ;
	border:1px solid #3a81f7 ;
	font-size:14px;
}
.service-agree .chk_agree {
	font-size:14px;
	padding-top: 20px;
}

.underline1 {
	text-decoration: underline;
	text-underline-position: under;
}

/* ===== 레이아웃 설정 ===== */

/* 페이지 전체를 flex로 구성 */
html, body {
/*   height: 100%; */
  margin: 0;
  padding: 0;
/*  margin-top:56px; */	/* 접근성 영역을 빼야함.*/
}

body main {
	margin-top:56px;
	margin-bottom:70px;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* 상단 영역(접근성바, 콘텐츠) */
.page-content {
  flex: 1 0 auto;
}

/* 하단 고정 푸터바 */
.footer-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1030;       /* 다른 것들보다 위에 오도록 */
}

/* 푸터 높이만큼 본문 아래에 여백 확보 (컨텐츠가 가려지지 않게) */
.main-has-footer {
    padding-bottom: 72px;   /* 아래 footer 높이에 맞춰서 조정 */
}


/* ===== sjbae ===== */

.input_text {
	padding:20px 12px;
	width:100%;
	border-radius:8px;
	border:1px solid #eee;
}

.input_select {
	padding:20px 12px;
	width:100%;
	border-radius:8px;
	border:1px solid #eee;
}

.btn_text {
	padding:20px 12px;
	border-radius:8px;
	box-shadow:0px 0px 3px 1px #eee;
}

.info_div {
	width:100%;
	padding:20px 12px;
	border-radius:8px;
	border:1px solid #eee;
}

.copyright {
	text-align:center;
	color:#fff;
	width:100%;
	height:80px;
	font-size:12px;
	line-height:150%;
}