@charset "utf-8";

/* style */
.cursor-pointer{cursor:pointer;}
.text-bold		{font-weight:bold;}

.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-dim  {background-color: #f3f3f3 !important}



.inipay_modal.fade:not(.show) { opacity: 1 !important; }

/* layout */

#wrap {position: relative; width:100%;}
#header {position: relative; width:100%;}
#contetns {position: relative; width:100%;}
#copyright {position: relative; width:100%; background-color:#2a2a2a; z-index: 1;}

/* css */
#DaumPostSearchWrap{ display:none; position:absolute;width:440px; height:480px; top:50%; left:50%; z-index:1100; border:1px solid 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-body p {margin:0;}
.popup .popup-footer {
	margin-top:0.5rem;
	text-align:right;
}

@media (max-width: 768px) {
	.popup .popup-body p > img {width:100%;}
    .popup {
        top: 70px !important;
        left: 50% !important;
        width: 95% !important;
        height: auto !important;
        transform: translateX(-50%);
    }
}

/*
.form-control {font-size:0.85rem;}
.form-label {display:inline-block ; margin-bottom:0.25rem;}
*/

/*

// 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;

*/


.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; font-size:12px;}
.Mini-Calendar > table { width:100%; table-layout:fixed;}
.Mini-Calendar > table > thead { text-align:center;line-height:2rem;}
.Mini-Calendar > table > thead tr { border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF;}
.Mini-Calendar > table > thead th.day_sun { color:#FF4040;}
.Mini-Calendar > table > thead th.day_sat { color:#2080D0;}

.Mini-Calendar > table > tbody {text-align:center;}
.Mini-Calendar > table > tbody tr { border-bottom:1px solid #EFEFEF;}
.Mini-Calendar > table > tbody dl{min-height:36px;cursor:pointer; margin:0;}

.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 dt.day_off{background-color:#e1e1e1;}
.Mini-Calendar > table > tbody dt.day_active{background-color:#179b4f;color:#FFF;}


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

.table th, .table td{vertical-align:middle;}
.table.table-fixed {table-layout:fixed;}

.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-175px { width: 175px; }
.w-200px { width: 200px; }