@charset "utf-8";

.filterWrap{padding: 8px;border-bottom:1px solid #e9ebec;}
.filterWrap .searchWrap{width: 400px;height: 35px;background: #f3f3f9;border-radius: 5px;}
.searchWrap input {border: none;width: 360px;height: 35px;padding-left: 35px;background: #f3f3f9 url('../images/contents/bx-search.png') 12px 50% no-repeat;background-size: 18px 18px;font-size: 14px;color: #000;box-shadow: none;border-radius: 5px;}
.searchWrap a{float: right;width: 35px;height: 35px;background: #b8b8b8;color: #fff;border-radius: 0 5px 5px 0;text-align: center;padding: 8px 0;}
.searchWrap a img{filter: invert(100%);width: 20px;}
.filterWrap span a{display: inline-block;padding: 0 10px;line-height: 35px;font-size: 15px;color: #fd7e48;font-weight: 600;background: #ffece3;border-radius: 5px;margin-left: 5px;}
.filterWrap span.day a{font-size: 13px; color: #fff; padding: 0 10px; background:#777;}
.filterWrap span.day a:hover,
.filterWrap span.day a.on{background:#222;}
.filterWrap span.day_g a{color: rgba(0,0,0,.6); background:#e2e5ed;}
.filterWrap .store{width:200px; margin-right:10px; }
.filterWrap p.checkbox{font-size: 13px; line-height:40px; margin:0 10px;}
.filterWrap input[type="checkbox"]{width: 16px;height: 16px;margin: 12px 5px 0 0;}

.datePickWrap{position:relative;}
.datePickWrap input{display: block;width: 100%;height: 35px;border: 1px solid #ced4da; font-size: 14px;color: rgba(0,0,0,.6);border-radius: 5px; padding:0 10px; padding-left:40px !important;}
.datePickWrap span{background:#f7f7f7;display:inline-block;text-align:center;width: 33px;height: 33px;position:absolute;top:1px;left:1px;z-index:10;border-radius: 5px 0 0 5px;padding-top: 6.5px;}
.datePickWrap span img{width: 20px;}
.filterWrap span.gapTxt{display: inline-block; width:20px; line-height: 35px; text-align: center;}

.contWrap{padding: 5px;}
.contWrap #grid{padding: 12px; min-height: 570px; margin: 0 auto;}
table.table_nomal{width:100%;text-align:center;}
table.table_nomal thead tr th, 
table.table_nomal thead tr td{border-top:1px solid #e9ebec;background-color:#f3f6f9;color:rgba(0,0,0,1);border-bottom:1px solid #e9ebec;font-size: 16px;font-weight:600;padding: 12px 0;}
table.table_nomal thead tr td{border-top: none;}
table.table_nomal tbody tr{}
table.table_nomal tbody tr td{height: 40px;font-size: 15px;border-bottom:1px solid #e9ebec;border-right:1px solid #e9ebec;color:rgba(0,0,0,.6);line-height: 40px;}
table.table_nomal tbody tr td:last-child{border-right: none;}
table.table_nomal tbody tr:nth-child(even),
table.tui-grid-table tbody tr:nth-child(even){background: #fafbfd;}
table.tui-grid-table tbody tr.tui-grid-row-hover td{background: #e1e7f3 !important;}
table.tui-grid-table tbody tr:last-child td{}
.tui-grid-header-area table.tui-grid-table tbody tr:nth-child(1) td{background: #f3f6f9 !important;}

.pagerWrap{display: table; margin: 20px auto 10px;}
.pagerWrap ul{display: flex;}
.pagerWrap ul li{margin: 0 3px;}
.pagerWrap li a{ display: block; width: 40px; height: 40px; font-size: 16px; color: #000; font-weight: 500; border: 1px solid #e9ebec; border-radius: 3px; text-align: center; line-height: 40px; font-family: "Poppins", sans-serif; transition-duration:0.3s;}
.pagerWrap li a.on{color: #fff; background:#333; border: 1px solid transparent;}
.pagerWrap li a.prev, 
.pagerWrap li a.next{background: url('../images/contents/arrow.png') 50% 50% no-repeat;}
.pagerWrap li a.next{transform: rotate(-180deg);}

.pop-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 650px;
	max-width: 650px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.pop-show {	visibility: visible;}

.pop-overlay {position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(0,0,0,0.7);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.pop-show ~ .pop-overlay {opacity: 1; 	visibility: visible;}

/* Content styles */
.pop-content {color: #000;background: #f3f3f9;position: relative;border-radius: 15px;margin: 0 auto;padding: 15px 20px 0;overflow: hidden;overflow-y: auto;}
#pop_pwUpdate .pop-content{height: 370px; }
.pop-content h2{font-size: 20px;color: #000;font-weight: 500;padding-left: 10px;}
.pop-content .pop-close{position: absolute;top: 15px;right: 15px;width: 24px;height: 24px;background: url('../images/contents/popClose.png') no-repeat;}
.pop-content .pop-date{width: 100%;background: #fff;padding: 10px 15px;border-radius: 15px;box-shadow: 0 3px 10px 4px rgba(0, 0, 0, .05);margin: 15px 0;}
.pop-date dl{display: flex;margin: 5px 0;line-height: 32px;}
.pop-date dt{width: 30%;font-size: 16px;font-weight: 600;color: rgba(0,0,0,1);}
.pop-date dd{ width: 70%; }		
.pop-date dd p, 
.pop-date dd input{display: block;width: 100%;height: 32px;border: 1px solid #ced4da;font-size: 14px;color: rgba(0,0,0,.6);border-radius: 5px;padding:0 10px;}		
.pop-date dd input[type="radio"]{margin:11px 5px;}		
.pop-date .searchWrap input{width: 395px; padding-left: 40px; border: 0;}		
.pop-date .searchWrap a{ height: 36px; border-radius: 5px; padding: 6px 0;}
.pop-date .datePickWrap span{width: 34px;height: 34px;padding-top: 7px;}
.pop-date .datePickWrap span img{width:20px;}
	
/* login */
.loginWrap{position:relative;width:100%;height: 100vh;background:#fff url(../images/contents/login.jpg)no-repeat 50% 50%; background-size: cover;}
.loginWrap .loginBox{position: fixed;overflow: hidden;top: 50%;left: 50%;width: 650px;padding: 80px 0;transform: translate(-50%,-50%);z-index: 100;background: rgba(0,0,0,.5);border-radius: 50px;}
.loginWrap h2{text-align:center;margin-bottom: 50px;}
.loginWrap h2 img{width:100px; height:100px;}
.loginWrap .form-group{display:table;width: 380px;margin: 0 auto;}
.loginWrap .form-group input{width:100%;border:0;height:50px;box-sizing:border-box;padding-left: 15px;border-radius: 8px;margin: 7px 0;}
.loginWrap .btnLogin{display:block; width:100%; line-height:50px;background: linear-gradient(300deg, #e72e33 0, #e9854a 100%);color:#fff;text-align:center;margin: 30px auto;border-radius: 8px; transition-duration:0.3s;}
.loginWrap .btnLogin:hover{opacity:0.8;}

/*notice*/
.noticeInner{padding:20px;}
.noticeInner .noticeView{}
.noticeInner .noticeView dl{display: flex;border-top: 1px solid #dfdfdf;}
.noticeInner .noticeView dt{width: 120px;font-size: 15px;font-weight: 500;display: inline-block;background: #fbfafa;padding: 15px 10px;text-align: center;}
.noticeInner .noticeView dd{padding: 15px 10px; font-size: 14px;}
.noticeInner .noticeView dl:last-child{border-bottom: 1px solid #dfdfdf;}
.noticeInner .noticeView select{width: 200px;}
.noticeInner .noticeView2{border-bottom: 1px solid #dfdfdf;padding: 12px 10px;}
.noticeInner .noticeView2 p{font-size: 15px;font-weight: 500;margin-right:50px;line-height: 24px;}
.noticeInner .noticeView2 span{font-size: 14px;font-weight: 400; margin-left:10px;}
.noticeInner .noticeView2 input{line-height: 30px;border: 1px solid #ced4da; border-radius: 3px;}

.noticeInner .reg{}
.noticeInner .reg dd{padding: 5px 10px;line-height: 33px;}
.noticeInner .reg dd input{font-size: 14px;color: #444;line-height: 30px;padding: 0;border: 1px solid #ced4da;border-radius: 3px;width: 200px;}
.noticeInner .reg p{line-height: 30px;}
.noticeInner .noticeView2.reg{padding: 8px 10px;}

.noticeInner #content{padding:20px 10px; min-height: 320px;}
.noticeInner .noticeFile{border-bottom: 1px solid #dfdfdf;padding-bottom: 10px;margin: 10px 0;}
.noticeInner .noticeFile p{margin-right:10px;border: 1px solid #dfdfdf;}
.noticeInner .noticeFile input, 
.noticeInner .noticeFile span{margin: 25px 10px 0 0;}
.noticeInner .noticeFile input{height: 35px; border: 1px solid #dfdfdf; padding: 4px; border-radius: 3px;}
.noticeInner .noticeFile span a{display: inline-block; background: #888; padding: 0 10px; line-height: 35px; border-radius: 3px; font-size: 13px; color: #fff;}