@charset "utf-8";

:root {
  --color-primary-light:#256EC2;
  --color-primary:#1E5BA0;
  --color-point: #f06317;
  --color-dark: #0d2643;
  --color-text: #333;
  --color-text-sub: #475BDD;
  --color-light: #f6f8ff;
  --color-gray: #9d9e9e;
  --color-box: #f5f6f6;
  --color-bg: #f8f9fc;
  --color1: #878787;
  --color2: #a88a7a;
  --color-yellow: #fad400;
  --swiper-theme-color: #0d2643 !important;
}

input:focus, 
select:focus,
textarea:focus {
    outline: none;
	box-shadow: none;
}

input::placeholder,
textarea::placeholder {
    color: #999;
}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.none {display:none;}

* {
	/* Æ÷Ä¿½º outline Á¦°Å */
	outline: none;
	-webkit-transition:all .3s ease-in-out; 
	-moz-transition:all .3s ease-in-out; 
	-ms-transition:all .3s ease-in-out; 
	-o-transition:all .3s ease-in-out; 
	transition:all .3s ease-in-out;  
	
	/* ÇÏÀ̶óÀÌÆ® »ö»óÀ» Åõ¸íÇÏ°Ô ¼³Á¤ */
	-webkit-tap-highlight-color: transparent;
/*	*/
/*	-webkit-user-select: none; /* iOS Safari */*/
/*    -ms-user-select: none; /* Internet Explorer/Edge */*/
/*    user-select: none; /* Ç¥ÁØ ¼Ó¼º */*/
/*	*/
}

.italic { font-style: italic; }
.center { text-align:center;}

.flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.flexbox_stretch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap { flex-wrap: wrap; }
.column { 
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
}

.boxPage { margin:0 auto; text-align:center; }
.boxPage strong,
.boxPage a { display:inline-block; width:2.4rem; height:2.4rem; line-height:2.4rem; text-align:center; }
.boxPage strong { background:#007a9c; }

.under { 
	background-image: -webkit-linear-gradient(transparent 60%, #fff8a6 40%);
	background-image: -moz-linear-gradient(transparent 60%, #fff8a6 40%);
	background-image: -ms-linear-gradient(transparent 60%, #fff8a6 40%);
	background-image: -o-linear-gradient(transparent 60%, #fff8a6 40%);
	background-image: linear-gradient(transparent 60%, #fff8a6 40%);
	background-size: 100% 100%; 
}

.overflow { overflow:hidden; }

.radius4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield; /* Firefox¿¡¼­µµ µ¿ÀÛÇϵµ·Ï Ãß°¡ */
}

@keyframes scroll{
	0%{bottom: -25px;}
	100%{bottom: -40px;}
}
@keyframes height{
	0%{height:100%}
	100%{height:0%}
}
@keyframes width{
	0%{width:0%}
	100%{width:100%}
}
@keyframes scaleWidth {
    0% { width: 0; opacity: 0; } 
    100% { width: 100%; opacity: 1; } 
}
@keyframes scale{
	0%{transform:scale(0.6); opacity: 0;}
	100%{transform:scale(1); opacity: 1;}
}
@keyframes upDown{
	0%{transform:translateY(-40px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes up{
	0%{transform:translateY(110px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeIn{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes fadeUp{
	0%{transform:translateY(180px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeLeft{
	0%{transform:translateX(180px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes fadeRight{
	0%{transform:translateX(-180px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes move{
	0%{transform:translateX(-10px) translateY(-50%); opacity: 0;}
	100%{transform:translateX(10px) translateY(-50%); opacity: 1;}
}

.ani { opacity:0; }
.fadeUp { animation: fadeUp 1s ease forwards; }
.fadeLeft { animation: fadeLeft 1s ease forwards; }
.fadeRight { animation: fadeRight 1s ease forwards; }
.scaleWidth { animation: scaleWidth 1.5s 0.8s both; }

.table-container {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* iOS¿¡¼­ ºÎµå·¯¿î ½ºÅ©·ÑÀ» Áö¿ø */
}

.material-symbols-outlined.thin {
	font-variation-settings: "wght" 100;
}

.material-symbols-outlined.bold {
	font-variation-settings: "wght" 400;
}

.material-symbols-outlined.filled {
	font-variation-settings: "FILL" 1;
}

.boxCalendar { background:#fff; padding:1.5rem; width:90vw;  margin:0 auto; padding-bottom:2rem; position:relative; overflow:hidden; }
.boxCalendar .boxCalendarTit { text-align:center; font-size:1.25rem; font-weight:500; height:3rem; line-height:3rem; border-bottom:1px solid #ddd; margin-bottom:.5rem; overflow:hidden; }
.boxCalendar .boxCalendarCon .line { width:100%; height:1px; background:#ddd; margin:0 auto; }
.boxCalendar .boxCalendarCon label { margin-top:1rem; }

.tooltip-icon {position:relative;}
.tooltip-box {display: none;position: absolute;background-color: #333;color: #fff;font-size:.9rem;padding: .5rem;border-radius: 4px;z-index: 999;white-space: normal;word-wrap: break-word; word-break: break-word;text-align:left;}

.guide { display:block; color:var(--color4); font-size:12px; }

#juso_layer{display:none;position:fixed;inset:0;z-index:9999;}
#juso_layer #juso_dim{position:absolute;inset:0;background:rgba(0,0,0,.45);}
#juso_layer .juso_modal{position:relative;max-width:860px;margin:6vh auto;background:#fff;border-radius:10px;overflow:hidden;}
#juso_layer .juso_header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #eee;}
#juso_layer .juso_title{font-weight:700;}
#juso_layer .juso_close{height:32px;line-height:30px;}
#juso_layer .juso_body{padding:14px;}
#juso_layer .juso_search_row{display:flex;gap:8px;align-items:center;}
#juso_layer .juso_keyword{flex:1;}
#juso_layer .juso_option_row{margin-top:10px;display:flex;gap:8px;align-items:center;}
#juso_layer .juso_count{width:120px;}
#juso_layer .juso_status{color:#666;font-size:12px;}
#juso_layer .juso_list{margin-top:12px;max-height:52vh;overflow:auto;border:1px solid #eee;border-radius:8px;}
#juso_layer .juso_paging{margin-top:10px;display:flex;justify-content:space-between;align-items:center;}
#juso_layer .juso_page{font-size:12px;color:#666;}