@charset "utf-8";

/* style */
:root{
	--gray-100: #EAEDED;	   /* #ebeef2 */
	--gray-200: #E5E7E9;	   /* #e5e9f2 */
	--gray-300: #D7DBDD;	   /* #dbdfea */
	--gray-400: #CACFD2;	   /* #b7c2d0 */
	--gray-500: #BDC3C7;	   /* #8091a7 */
	--gray-600: #A6ACAF;	   /* #3c4d62 */
	--gray-700: #909497;	   /* #344357 */
	--gray-800: #797D7F;	   /* #2b3748 */
	--gray-900: #626567;	   /* #1f2b3a */
}

.cursor-pointer{cursor:pointer;}

.text-bold		{font-weight:bold;}
.text-nowrap	{white-space:nowrap;}
.text-breakall  {white-space:normal; word-break:break-all;}

.text-blue		{color:var(--blue); }
.text-indigo	{color:var(--indigo); }
.text-purple	{color:var(--purple); }
.text-pink		{color:var(--pink); }
.text-red		{color:var(--red); }
.text-orange	{color:var(--orange); }
.text-yellow	{color:var(--yellow); }
.text-green		{color:var(--green); }
.text-teal		{color:var(--teal); }
.text-cyan		{color:var(--cyan); }
.text-gray		{color:var(--gray); }
.text-gray-dark {color:var(--gray-dark); }

.bg-blue		{background-color:var(--blue); }
.bg-indigo		{background-color:var(--indigo); }
.bg-purple		{background-color:var(--purple); }
.bg-pink		{background-color:var(--pink); }
.bg-red			{background-color:var(--red); }
.bg-orange		{background-color:var(--orange); }
.bg-yellow		{background-color:var(--yellow); }
.bg-green		{background-color:var(--green); }
.bg-teal		{background-color:var(--teal); }
.bg-cyan		{background-color:var(--cyan); }
.bg-gray		{background-color:var(--gray); }
.bg-gray-dark	{background-color:var(--gray-dark); }
.bg-gray-light  {background-color:#fafbfc;}

.bg-gray-100 { background-color: var(--gray-100); }
.bg-gray-200 { background-color: var(--gray-200); }
.bg-gray-300 { background-color: var(--gray-300); }
.bg-gray-400 { background-color: var(--gray-400); }
.bg-gray-500 { background-color: var(--gray-500); }
.bg-gray-600 { background-color: var(--gray-600); }
.bg-gray-700 { background-color: var(--gray-700); }
.bg-gray-800 { background-color: var(--gray-800); }
.bg-gray-900 { background-color: var(--gray-900); }

.w-10px { width: 10px; }
.w-20px { width: 20px; }
.w-30px { width: 30px; }
.w-40px { width: 40px; }
.w-50px { width: 50px; }
.w-60px { width: 60px; }
.w-70px { width: 70px; }
.w-80px { width: 80px; }
.w-90px { width: 90px; }
.w-100px { width: 100px; }
.w-110px { width: 110px; }
.w-120px { width: 120px; }
.w-125px { width: 125px; }
.w-130px { width: 130px; }
.w-140px { width: 140px; }
.w-150px { width: 150px; }
.w-160px { width: 160px; }
.w-175px { width: 175px; }
.w-200px { width: 200px; }
.w-250px { width: 250px; }
.w-300px { width: 300px; }
.w-350px { width: 350px; }
.w-400px { width: 400px; }
.w-450px { width: 450px; }
.w-500px { width: 500px; }


.font-055rem{ font-size:0.55rem;}
.font-075rem{ font-size:0.75rem;}
.font-100rem{ font-size:1.00rem;}
.font-125rem{ font-size:1.25rem;}
.font-135rem{ font-size:1.35rem;}
.font-155rem{ font-size:1.55rem;}
.font-175rem{ font-size:1.75rem;}

.inipay_modal.fade:not(.show) { opacity: 1 !important; }
.modal-header{ font-weight:bold; /* background-color:var(--gray-800); color:white; */}
.icon { font-size:1.25rem; }

/* css */
#ajax-loading{display:none; position:fixed; top:calc(50% - 45px); left:calc(50% - 45px);z-index:1200;}
#DaumPostSearchWrap{ display:none; position:absolute;width:440px; height:480px; top:50%; left:50%; z-index:1100; border:1px solid black;
	box-shadow:2px 2px 2px black;
	transform:translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%); /* WebKit */
		-moz-transform: translate(-50%, -50%); /* Mozilla */
		-o-transform: translate(-50%, -50%); /* Opera */
		-ms-transform: translate(-50%, -50%); /* Internet Explorer */
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
}
#closeDaumPostcode{position:absolute;right:1px;top:1px;z-index:1100;cursor:pointer;}

.popup{
	position: absolute;
	display: flex; flex-direction: column;
	background-color:#ffffff;
	border:1px solid #ddd;
	border-radius:0.25rem;
	padding:0.25rem;
	width: auto !important;
    height: auto !important;
}
.popup .popup-header { font-weight:bold; }
.popup .popup-body { }
.popup .popup-footer {
	margin-top:0.5rem;
	text-align:right;
}
.board-wrap iframe {width: 100%; height: 40vw;}
@media all and (max-width:1024px) {
	.board-wrap iframe {width: 100%; height: 45vw;}
}

/* nk css */
.nk-contents{ padding:1.5rem; }

.nk-block-head { margin-bottom:1.55rem;}
.nk-block-head .page-title{ font-weight:bold; color:#666;}
.nk-block-head .nk-block-between{ display: flex;  justify-content: space-between; align-items: center; }

.nk-block-head .nk-block-head-content {}
.nk-block-head .nk-block-head-content .nk-block-title{font-weight:bold;}
.nk-block-head .nk-block-head-content .breadcrumb{ background-color:transparent; flex-wrap: wrap; padding: 0.25rem 0; margin-bottom: 0; }

.nk-block{ }
.nk-block-des{ color:#526484; }
.card-inner-group{}
.card-inner-group p:last-child { margin-bottom:0;}
.card-inner-group .card-inner { padding:1.2rem;}
.card-inner-group .card-inner:not(:last-child) { border-bottom:1px solid #dbdfea; }
.card-inner-group .card-inner .page-title{ font-weight:bold; }

.nk-block-between{ display: flex; justify-content: space-between; }

.gy-3 > li, .gy-3 > div { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.form-label + .form-note { margin-top: -0.35rem; }
.form-label { font-weight: bold; margin-bottom:0.25rem;}
.form-note {
	font-size: 12px;
    color: #8094ae;
    font-style: italic;
    display: block;
}

.form-group:last-child { margin-bottom: 0rem;}
.form-search {  }
.form-search .input-group-text{ width:110px !important; font-size:12px;}

.card-aside-wrap{display:flex;}
.card-aside{ border-right:1px solid #e5e9f2; width:320px;}

.card-aside-list-menu { padding: .55rem 0 }
.card-aside-list-menu li{ display: flex; justify-content: space-between;align-items: center; padding: 0.55rem 1.25rem; }
.card-aside-list-menu li a {
	font-weight: bold;
	color: #526484;
	line-height: 1.55;
}
.card-aside-list-menu li a span{ margin-left:0.35rem; }


/*  */
.nk-tb-list { display: table; width: 100%; color: #8094ae; }
.nk-tb-col { display: table-column; }
.nk-tb-col-group { display: table-column-group; }
.nk-tb-head-group { display: table-header-group; }
.nk-tb-head { background-color: var(--gray-100); }
.nk-tb-head .nk-tb-col {
    padding: .75rem .5rem;
    color: #8094ae;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid #dbdfea;
}
.nk-tb-item-group { display: table-row-group; }
.nk-tb-item { display: table-row; }
.nk-tb-col {
	position: relative;
    display: table-cell;
    vertical-align: middle;
	text-align: left;
    padding: .55rem .25rem;
	border-bottom: 1px dotted #dbdfea;
}
.nk-tb-item:last-child .nk-tb-col { border-bottom:none; }
.nk-tb-item:hover .nk-tb-col{
	background-color: var(--gray-100);
	transition: background-color .3s, box-shadow .3s;
}

.nk-tb-foot-group { display: table-footer-group; }


.nav-tabs-card { padding-left:1.25rem; padding-right:1.25rem; }
.nav-tabs-card li.nav-item .nav-link { border:none; padding:1rem;}
.nav-tabs-card li.nav-item .nav-link.active { font-weight:bold; border-bottom:3px solid red; }

.ul-block-between{ border:1px solid #dbdfea; margin-bottom:0.75rem; }
.ul-block-between > li { padding:0.75rem 1rem;display:flex;justify-content:space-between; border-bottom:1px solid #dbdfea;}
.ul-block-between > li:last-child { border:none;}


/* table */
.table th, .table td{vertical-align:middle;}
.table.table-fixed, .table.table-turncate {table-layout:fixed;}
.table.table-turncate th, .table.table-turncate td { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.table.table-break-all th, .table .table-break-all td { overflow:visible !important; text-overflow:clip !important;  white-space: normal !important; word-break:break-all !important; }
.table.table-break-word th, .table .table-break-word td { overflow:visible !important; text-overflow:clip !important;  white-space: normal !important; word-break:break-word !important; }

.table-search th { padding:0.25rem 0.75rem; }
.table-search td { padding:0.25rem; }
.table-list th, .table-list td { padding:0.55rem; }

.thead-gray th {background-color:var(--gray) !important; color:white; }


table.table-input { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px;}
table.table-input input, table.table-input select, table.table-input textarea{ border-radius:0; }
table.table-input th { border:1px solid #DDD; background-color:#EEE; padding:1px 1px 1px 12px; }
table.table-input td { border:1px solid #DDD; padding:1px; }
table.table-input thead th { padding:3px 1px; }


/* form */
.form-search .form-group, .form-search label {margin-bottom:0.25rem;}
.form-search .bi { margin-right:3px;}

.input-datepicker{ background:#E0FFE0 url('../images/ico_cal.gif') no-repeat center right 5px; background-size:14px 14px; }
.input-date{background-color:##E0FFE0;}
.input-number{background-color:##E0FFE0;}
.input-number-corporate{background-color:##E0FFE0;}
.input-comma{background-color:##E0FFE0;}
.input-tel{background-color:##E0FFE0;}
.input-time{background-color:##E0FFE0;}

.autocomplete {	text-align:left; background:#FFFFE0 url('../images/ico_autocomplete.gif') no-repeat center right 4px; }

.nodeselect_group select{ margin-bottom:2px;}

#BSToast{min-width:333px !important;right:0;bottom:0;}


/* */
.Full-Calendar {border:1px solid #DDD; border-radius:3px; padding:4px;}
.Full-Calendar > table { width:100%; table-layout:fixed;}
.Full-Calendar > table > thead { background-color:#343a40; color:#fff;text-align:center;line-height:3em;font-weight:bold;}
.Full-Calendar > table > thead th.day_sun { background-color:#FF4040; color:#fff;}
.Full-Calendar > table > thead th.day_sat { background-color:#2080D0; color:#fff;}

.Full-Calendar > table > tbody td { border:1px solid #ddd; }

.Full-Calendar > table > tbody .day_blank { background-color:#efefef; }
.Full-Calendar > table > tbody .day_today { background-color:#FFFFE0; }

.Full-Calendar > table > tbody .day_area { min-height:128px; margin:3px; padding:3px;}
.Full-Calendar > table > tbody .day_area .day_sun{color:#FF4040;}
.Full-Calendar > table > tbody .day_area .day_sat{color:#2080D0;}
.Full-Calendar > table > tbody .day_area .day_holiday { color:#FF4040 !important; }

.Full-Calendar > table > tbody .day_view { font-weight:bold; cursor:pointer;}

.Full-Calendar > table > tbody ul.day_diary { list-style:none; }
.Full-Calendar > table > tbody ul.day_diary li{ overflow:hidden; text-overflow:ellipsis; white-space: nowrap; cursor:pointer; }

.ul-Mini-Calendar {list-style:none;text-align:center;}
.ul-Mini-Calendar > li {display:inline-block;width:32.3333%;padding:1.5% 0.5%;}

.Mini-Calendar {border:1px solid #DDD; border-radius:3px; padding:4px;}
.Mini-Calendar > table { width:100%; table-layout:fixed;}
.Mini-Calendar > table > thead { background-color:#343a40; color:#fff;text-align:center;line-height:2em;}
.Mini-Calendar > table > thead th.day_sun { background-color:#FF4040; color:#fff;}
.Mini-Calendar > table > thead th.day_sat { background-color:#2080D0; color:#fff;}

.Mini-Calendar > table > tbody {text-align:center;}
.Mini-Calendar > table > tbody dl{min-height:32px;cursor:pointer;}

.Mini-Calendar > table > tbody dt.day_sun{color:#FF4040;}
.Mini-Calendar > table > tbody dt.day_sat{color:#2080D0;}
.Mini-Calendar > table > tbody dt.day_holiday{color:#FF4040 !important;}

.Mini-Calendar > table > tbody dd{overflow:hidden; text-overflow:ellipsis; white-space: nowrap;font-size:0.9em; color:#6c757d;}
.Mini-Calendar > table > tbody dl:hover{background-color:#E0FFE0;}


/* jquery ui 1.12.1 */
/* .ui-widget * {font-size:12px;vertical-align:middle;} */

.ui-datepicker * {font-size:12px;vertical-align:middle;}
.ui-datepicker .ui-datepicker-month {padding:0.25em 0;border:1px solid #ced4da;}
.ui-datepicker .ui-datepicker-year {padding:0.25em 0;border:1px solid #ced4da;}

.ui-autocomplete{
	font-size:0.75em;
	padding:2px;
	max-height: 200px;
	overflow-y: auto;
	z-index: 1211;
}



/*

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }



// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }



@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }


$zindex-dropdown:          1000 !default;
$zindex-sticky:            1020 !default;
$zindex-fixed:             1030 !default;
$zindex-modal-backdrop:    1040 !default;
$zindex-modal:             1050 !default;
$zindex-popover:           1060 !default;
$zindex-tooltip:           1070 !default;

*/