@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* 전체 페이지 default css style */
* {margin:0; padding:0;}
html,body {width:100%;height:100%;}
body{color:#000;min-height: 100%;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,blockquote,button{margin:0;padding:0;-webkit-text-size-adjust:none;} 
body,input,textarea,select,table,button{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif !important;font-size: 16px;font-weight:400;letter-spacing :0.05rem } 
table {border-collapse:collapse; border-spacing:0;} 
img,fieldset {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
strong {font-weight:bold;} 
ol,ul,li {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;} 
abbr,acronym {border:0;}
a {color:#000;text-decoration: none;}
input[type=text], input[type=password], select, textarea {padding:0.2rem;border:0px;}
input[readonly]:focus {outline: none;}


input[type=checkbox] {width:20px;height:20px;padding: 12px 12px;border-radius: 0.25em;margin-top: -0.25em;vertical-align: top;background-repeat: no-repeat;background-position: center;background-size: contain;border: 1px solid rgba(0,0,0,.25);-webkit-appearance: none;}
input[type=checkbox]:checked {background-color: #05260C;border-color: #ffffff;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}


.bold {font-weight:bold;}
.btn {display: inline-block;text-align:center;padding: 0.45rem 1rem;cursor:pointer;margin-top: -1px;color:#fff;}
.btn-xs {padding: 0.2rem 0.6rem;font-size: 0.75rem;line-height: 1rem;}
.btn-s {padding: 0.15rem 0.6rem;font-size: 0.85rem;line-height: 1.2rem;}

.btn-box-black {background:#202020;border: 1px solid #1c1b1b}
.btn-box-danger {background:#f37053;border: 1px solid #f37053}
.btn-box-info {background:#2f5576;border: 1px solid #193853}
.btn-box-confirm {background:#104faf;border: 1px solid #0c3472}
.btn-box-success {background:#28a745;border: 1px solid #28a745}
.btn-box-warning {background:#db5f17;border: 1px solid #76390d}

.btn-box {background:#E1E1E1;border: 1px solid #dddddd;color: #000;}
.btn-box:hover {background:#e7e7e7;}

.btn-custom {background:#e2bbff;border: 1px solid #c993f1;color: #22013a;}
.btn-custom:hover {background:#cc9fed;}
.btn-custom:active {background:#cc9fed;box-shadow:inset 3px 3px 0px #1a1818;box-shadow:inset 3px 3px 0px #cb9ded;}

.btn-black {background:#202020;border: 1px solid #1c1b1b}
.btn-black:hover {background:#2e2e2e;}
.btn-black:active {background:#202020;box-shadow:inset 3px 3px 0px #1a1818;}

.btn-danger {background:#f37053;border: 1px solid #f37053}
.btn-danger:hover {background:#dd4642;}
.btn-danger:active {background:#bb3834;box-shadow:inset 3px 3px 0px #f37053;color:#fff;}

.btn-info {background:#2f5576;border: 1px solid #193853}
.btn-info:hover {background:#467fb1;}
.btn-info:active {background:#2f5576;box-shadow:inset 3px 3px 0px #1c4262;}

.btn-confirm {background:#104faf;border: 1px solid #1150af}
.btn-confirm:hover {background:#2a6acb;}
.btn-confirm:active {background:#1b4f9f;box-shadow:inset 3px 3px 0px #183f7a;}

.btn-success {background:#188320;border: 1px solid #0f4613}
.btn-success:hover {background:#3cbf5a;}
.btn-success:active {background:#216c26;box-shadow:inset 3px 3px 0px #17501a;}

.btn-warning {background:#db5f17;border: 1px solid #db5f17}
.btn-warning:hover {background:#db7a17;}
.btn-warning:active {background:#b1520f;box-shadow:inset 3px 3px 0px #7c3b0c;}

.width100px {width:100px !important;}
.width120px {width:120px !important;}
.width140px {width:140px !important;}
.width160px {width:160px !important;}
.width200px {width:200px !important;}
.width300px {width:300px !important;}

.width100 {width:100% !important;}

.textLeft {text-align:left !important;}
.textCenter {text-align:center !important;}
.textRight {text-align:right !important;}

.padding1 {padding:1%;}
.memberInfoBox td.paddingTop10 {padding-top:10px !important;}

table.table {width:100%;border-collapse: collapse;border-spacing: 0;margin-bottom:1rem;margin-top:1rem;}
table.table th, table.table td {padding:16px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;text-align:center;}
table.table th {font-weight:500;}
table.table tr.view-link:hover td {cursor:pointer;background:#f1f1f1;}

table.table-view {width:100%;border-collapse: collapse;border-spacing: 0;margin-bottom:1rem;margin-top:-1rem;}
table.table-view th, table.table-view td {padding:16px;border-bottom:1px solid #E1E1E1;text-align:left;}
table.table-view th {font-weight:500;}
table.table-view td .cont {min-height:400px;}
table.table-view th.right-info {text-align:right;}

#wrap {width:100%;height:100%;position:relative;}

.swal-error-bg .swal-overlay {
  background-color:transparent;
}

.swal-error-bg .swal-overlay .swal-modal {
  border: 1px solid #ff9f9f;
}

.red-bg {
    display:none;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    z-index: 10;
    background:#ff0000;
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 0.5;}
  }
  
  @-moz-keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 0.5;}
  }
  
  @keyframes blink{
    0% {opacity: 0;}
    100% {opacity: 0.5;}
  }



/* 페이징 */

.paging{
	width:100%;
	text-align:center;
	margin:15px 0;
}

.paging ul{
	display: inline-block;
}

.paging ul::after{
	display: block;
	content: "";
	clear: both;
}

.paging ul li{
	float: left;
	width:30px;
	line-height: 30px;
	font-size:15px;
	text-align:center;
	border:1px solid #DDDDDD;
	color:#000;
	margin-right: 5px;
}

.paging ul li a,.paging ul li a:hover, .paging ul li a:link, .paging ul li a:focus, .paging ul li a:active{
 color:inherit;
 display:block;
 width:100%;
 height:100%;
}

.paging ul li:hover, .paging ul li.over{
	/* background:#999;
	color:#fff; */
	cursor:pointer;
}


.paging ul li.now_page{
	background:#05260C;
	color: #fff;
}

.paging ul li.prev{
	background:url('/images/icons/prev_arrow.png') no-repeat left 9px center / 10px;
}

.paging ul li:first-child{
	/* border-top-left-radius: 6px; */
	/* border-bottom-left-radius: 6px; */
}

.paging ul li.next{
	background:url('/images/icons/next_arrow.png') no-repeat right 9px center / 10px;
}

.paging ul li:last-child{
	/* border-top-right-radius: 6px; */
	/* border-bottom-right-radius: 6px; */
}




/* 해당 #3f51b5 색상코드 변경 시 디자인 일괄적용 */


/* datepicker Style */
.ui-datepicker { width: 270px; padding: 0; display: none; border: 0; margin-top: 10px;}
.ui-widget.ui-widget-content { border: 0; border-radius: 3px; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.3) }
.ui-datepicker .ui-widget-header { position: relative; padding: 6px 0 36px 0; border: 0; background: #005628; color: #fff; border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: rgba(0,0,0,0.15) url(../images/arrow-button.png) 100% -27px no-repeat; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: rgba(0,0,0,0.3) url(../images/arrow-button.png) 100% -27px no-repeat; }
.ui-datepicker select::-ms-expand {
display: none; /* 화살표 없애기 for IE10, 11*/
}
.ui-datepicker .ui-datepicker-title { line-height: 1.8em; text-align: center; margin: 0px 2.3em; font-size:13px; font-weight:bold; letter-spacing:0; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #333; }
.ui-datepicker-title .ui-datepicker-year { }
.ui-datepicker-title .ui-datepicker-month { }
.ui-datepicker .ui-datepicker-calendar { position: relative; width: 260px; padding-top: 100px; margin: 0 auto; }
.ui-datepicker-calendar thead tr { position: absolute; top: -24px; left: 0px; right: 0px; }
.ui-datepicker-calendar thead th {text-align:center; float: left; display: block; padding: 0; width: 14.2857%; color: #fff; font-size:11px; letter-spacing:1px; opacity: 0.6 }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; width: 1.8em; height: 1.8em; text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 5px; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(../images/arrow-button.png) 0 0 no-repeat; }
.ui-datepicker .ui-datepicker-next { right: 5px; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(../images/arrow-button.png) -16px 0 no-repeat; }
.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 4px auto; font-size: 12px; text-align: center; background: #fff; font-weight: normal; color: #333; box-sizing: border-box; }
.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0,0,0,0.05); }
.ui-datepicker-today .ui-state-default { color: #005628; font-weight: bold; }
.ui-datepicker-current-day .ui-state-default { background: #005628 !important; color: #fff; font-weight: bold; }
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] { color: #005628; opacity: 0.75; }
.ui-datepicker-buttonpane button[data-handler="hide"] { }

/* ie add Style */
.ui-datepicker td, .ui-datepicker th { border: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 16px; height: 16px; }

/* mobile Responsive */
 @media screen and (max-width:480px) {
.ui-datepicker { width: 270px !important; left: 50% !important; margin-left: -135px !important; }
}