@charset "utf-8";
/* 공통 */
.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}
.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center; -ms-overflow-style: none; gap:10px; border-bottom:0; }
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}
.scroll-tab .scrollable li {display:inline-block; cursor:pointer; user-select: none; transform: rotate(0.03deg); color:#fff; background:var(--navy); text-align:center; border-radius:4rem; font-weight:600; position:relative; padding:15px 50px;}
.scroll-tab .scrollable li.on, .scroll-tab .scrollable li:hover {background:var(--red);}

/* form */
form.type1 {margin:0; padding:0; font-weight:normal;}
/* form.type1 * {box-shadow:none; vertical-align:top;} */
form.type1 * {box-shadow:none;}
form.type1 input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],textarea,select {
	display:inline-block; width:100%; height:50px; padding:8px 20px; margin:0; vertical-align:middle;
	font-size:inherit; line-height:1; outline:none !important;
	border-radius:0px; background-color:#fff;
	float:inherit;
}
form.type1 input:focus, textarea:focus {border:1px solid #000;	background-color:#fff !important;}
form.type1 select {
	cursor:pointer; padding:8px 20px;
	background-image:url(/images/common/select_arrow.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	clear:left !important;
}
form.type1 textarea {min-height:175px; line-height:1.6; width:100%; max-width:1200px;}
input[type="file"] {height:50px !important; border:1px solid var(--border3); padding:6px; width:100%;}
input[type="text"] {padding-left:10px;-webkit-appearance: none;}
input[type="radio"],
input[type="checkbox"] {vertical-align:middle !important; margin-top:0;}
input[type="radio"]+span,
input[type="checkbox"]+span {vertical-align:middle;}

input[readonly],input[disable] {background-color:#ccc !important;}
input[type="text"], input[type="date"], input[type="password"], select {height: 50px; border: 1px solid var(--border3); border-radius:10px!important; padding: 0 10px; width:100%; box-sizing:border-box;}
.maxW-150 input, .maxW-150 select {max-width:150px;}
.maxW-200 input, .maxW-200 select {max-width:200px;}
.maxW-300 input, .maxW-300 select {max-width:300px;}
.maxW-500 input, .maxW-500 select {max-width:500px;}
.maxW-800 input, .maxW-800 select {max-width:800px;}

.table.type1 thead tr {border-top:1px solid #c6cde4; border-bottom:1px solid #c6cde4;}
.table.type1 thead tr th {color:var(--blue); font-weight:400; text-align:center; padding:12px 0; background:#fafafd;}
.table.type1 tbody tr td {text-align:center; padding:12px 10px; color:#000;}
.table.type1 tbody tr {border-bottom:1px solid #dfe3f4;}

/**** 리스트 ****/
/* 검색영역 */
.searchWrap {display:flex; align-items:center; gap:100px; justify-content:space-between;}
.searchWrap h3 {font-size:30px; color:#000;}
.searchWrap h3 span {color:var(--red);}
.searchWrap p {font-size:18px; color:#000;}
.searchWrap p span {color:var(--red); font-weight:600;}
.searchWrap form {display:flex; width:calc(100% - 320px); gap:5px;}
.searchWrap form.type1 select {width:180px;}
.searchWrap form.type1 input {width:calc(100% - 475px);}
.searchWrap .searchBtn {background:var(--blue) url(/images/common/i-search.png) no-repeat 78% center / 17px; color:#fff; border-radius:10px; width:100px; padding-right:20px; font-weight:600; transform:var(--textRotate);}

/* 리스트영역 */
.sub-inner .listWrap {margin-top:30px;}
.listWrap ul {display:flex; align-items:center; flex-wrap:wrap;}
.listWrap ul li {text-align:center; box-sizing: border-box;}
.listWrap ul li.rowA {width:150px;}
.listWrap ul li.rowB {width:calc(100% - 800px);}
.listWrap ul li.rowC {width:340px;}
.listWrap ul li.rowD {width:310px;}
.listWrap ul.t-head {background:#f5f5f8; border-top:1px solid #c4c9e0; border-bottom:1px solid #c4c9e0; }
.listWrap .t-head li {color:var(--blue); font-weight:600; padding:12px 0;} 
.listWrap .t-head li span {transform:var(--textRotate); display:inline-block;}
.listWrap ul.t-body {border-bottom:1px solid #dfe3f4;}
.listWrap ul.t-body li {color:#000; line-height:1.2; padding:15px 0; position:relative;}
.listWrap ul.t-body li a span.new {background:#ff9800; color:#fff; display:inline-block; text-align:center; width:14px; height:14px; line-height:14px; padding:1px;
font-size:10px; margin-right:4px; transform:translateY(-2px); }
.listWrap ul.t-body li.rowA span {display:inline-block; text-align:center; font-weight:800; transform:var(--textRotate); width:110px; line-height:50px; border-radius:2rem; box-sizing:border-box;}
.listWrap ul.t-body li.rowA span.d-day {background:var(--green) url(/images/common/i-bell.png) no-repeat 20% 46% / 14px; color:#fff; padding-left:15px; font-size:20px;}
.listWrap ul.t-body li.rowA span.preparing {background:var(--blue) url(/images/common/i-clock.png) no-repeat 20% center / 16px; color:#fff; padding-left:15px;}
.listWrap ul.t-body li.rowA span.finish { color:#fff; background:#8a95d2;}
.listWrap ul.t-body li.rowA span.nothing {border:1px solid #d8d8d8; color:#000; opacity:.5;}
.listWrap ul.t-body li.rowB {text-align:left; padding:0 30px;}
.listWrap ul.t-body li.rowB a {width:100%; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; /*-webkit-line-clamp:1;*/ -webkit-box-orient:vertical; word-break:keep-all; font-size:18px; font-weight:600; transform:rotate(.03deg);}
.listWrap ul.t-body li.rowB a:hover {color:var(--blue);}
.listWrap ul.t-body li.rowD {overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; /*-webkit-line-clamp:1;*/ -webkit-box-orient:vertical; word-break:keep-all; word-break:break-all; }


/* 페이징 PC */
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #ddd; height:40px; line-height:1; display: flex; align-items: center; justify-content: center;}
/* .board_ebi .page_box .pc.pagination>li>a.active {color:#111; background:#fff !important; border:1px solid #dedede; font-weight:normal;} */
.page_box .pc.pagination>li>a.active {color:#fff; background:var(--blue)!important; border:1px solid #ddd;  font-weight:normal;}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
/*.board_ebi .page_box .pc.pagination .prev {margin-right:10px;}
.board_ebi .page_box .pc.pagination .next {margin-left:10px;}*/
.pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:30px!important; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}


/**** 뷰페이지 ****/
.view-type1 .titWrap {border-bottom:1px solid var(--border3); padding-bottom:15px;}
.view-type1 .titWrap .tit {display:flex; justify-content:space-between; align-items:center;}
.view-type1 .titWrap .tit h3 {font-size:30px; font-weight:600; color:var(--blue); transform:var(--textRotate); line-height:1.3; width:calc(100% - 120px);}
.view-type1 .titWrap .tit span {display: inline-block; text-align:center; font-weight:800; transform:var(--textRotate); width:110px; line-height:50px; border-radius:2rem;
box-sizing:border-box;}
.view-type1 .titWrap .tit span.d-day {background: var(--green) url(/images/common/i-bell.png) no-repeat 20% 46% / 14px; color:#fff;
padding-left:15px; font-size: 20px;}
.view-type1 .titWrap .tit span.preparing {background:var(--blue) url(/images/common/i-clock.png) no-repeat 20% center / 16px; color:#fff; padding-left:15px;}
.view-type1 .titWrap .tit span.finish {background:#8a95d2; color:#fff;}
.view-type1 .titWrap .tit span.nothing {border:1px solid #d8d8d8; color:#6f6f6f;}
.view-type1 .titWrap .bottom {display:flex; justify-content:space-between; margin-top:10px;}
.view-type1 .titWrap .info {width:80%; justify-content: space-between; margin-top:5px; align-items:center;}
.view-type1 .titWrap .info li+li {margin-top:10px;}
.view-type1 .titWrap .info li {position:relative; padding:0px 0 0 15px; color:#000;}
.view-type1 .titWrap .info li:before {content:""; display:block; width:4px; height:4px; border-radius:50%; position:absolute; top:10px; left:4px; background:#ccc;}
.view-type1 .titWrap .btnWrap {text-align:right;}
.view-type1 .titWrap .btnWrap a.btn {
	display:inline-block; padding:15px 20px;
	font-size:14px; font-weight:600; line-height:1; text-align:center; color:#fff;
	border-radius:100px; transform:var(--textRotate);
}
.view-type1 .titWrap .btnWrap a.btn.apply {background-color:var(--red);}
.view-type1 .titWrap .btnWrap a.btn.result {background-color:var(--navy);}
.view-type1 .file {display:flex; flex-wrap:wrap; gap:10px 40px; padding:15px; border-bottom:1px solid var(--border3);}
.view-type1 .file a {display:flex; gap:5px; align-items:center; color:#000; }
.view-type1 .file a:hover {color:var(--blue);}
.file span.filedown {display:inline-block; width:25px; height:25px; border-radius:50%; background:#eaeaf5 url(/images/common/i-filedown.png) no-repeat center center / 7px; border:1px solid var(--border3); }
.file span.filename {overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-break:break-all; width:calc(100% - 30px);}
.view-type1 .detail {padding:60px 0; border-bottom:1px solid var(--border3);}
.view-type1 .detail img {max-width:100%;}
.view-type1 .btnWrap {text-align:center;}
.view-type1 .blueBtn {display:inline-block; font-size:16px; transform:var(--textRotate); padding:12px 35px; background:var(--blue); border-radius:3rem; color:#fff; margin:20px 0;}
.view-type1 .btnWrap .prev-next {text-align:left; border-top:1px solid var(--border3); padding-top:30px;}
.view-type1 .btnWrap .prev-next a+a {display:block; margin-top:20px;}
.view-type1 .btnWrap .prev-next dl {display:flex; align-items:center; gap:10px;}
.view-type1 .btnWrap .prev-next dt {display:flex; align-items:center; gap:10px; color:#666;}
.view-type1 .btnWrap .prev-next dt span {display:inline-block; width:30px; height:30px; border-radius:50%; background-color:#fff; border:1px solid var(--border3);}
.view-type1 .btnWrap .prev-next dt span.prev {background:#fff url(/images/common/i-prevUp.png) no-repeat center center / 12px;}
.view-type1 .btnWrap .prev-next dt span.next {background:#fff url(/images/common/i-prevDown.png) no-repeat center center / 12px;}
.view-type1 .btnWrap .prev-next dd {color:#333;}
.view-type1 .btnWrap .prev-next a:hover dd {color:var(--blue);}

 .blink {
  animation: blink-animation 1.2s steps(2, start) infinite;
}
 
/* New 반짝임 효과 */
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
/**** 리스트 ****/	
.listWrap {border-bottom:1px solid #dfe3f4!important;}
.listWrap ul.t-body {border-top:1px solid #dfe3f4; border-bottom:0; padding:15px 0; row-gap:10px;}
.listWrap ul li {text-align:left;}
.listWrap ul li span.mobile {color:var(--blue);}
.listWrap ul li.rowB {width: calc(100% - 150px);}
.listWrap ul.t-body {padding:15px;}
.listWrap ul.t-body li {padding:0;}
.listWrap ul.t-body li.rowB {padding:0;}
.listWrap ul.t-body li.rowB a {font-size:20px;}
.listWrap ul.t-body li.rowA span {line-height:40px;}
.listWrap ul li.rowC {width:auto; padding:0 30px 0 15px;}
.listWrap ul li.rowD {width:auto;}

/* 검색영역 */
.searchWrap {flex-direction:column; row-gap:20px; align-items:flex-start;}
.searchWrap h3 {font-size:26px;}
.searchWrap form {width:100%;}

/* 페이징 MOBILE */
.page_box {position:relative; margin-top:30px; text-align:center;}
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0;}
.page_box .mobile>li {float:left; height:100%;}
.page_box .mobile>li:last-child {padding-right:0;}
/*
.board_ebi .page_box .mobile .prev,
.board_ebi .page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/images/common/list-prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/images/common/list-next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .write:hover {background:#000; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}	
.mobile select#page {border-radius:0 !important; height:40px !important; border:1px solid #dedede!important; min-width:50px;}
.page_box .mobile select {padding: 8px 45px 8px 20px !important; background: url(/images/common/select_arrow.png) no-repeat 80% 50% / 8px auto;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 991px) { 

input[type="text"], input[type="date"], input[type="password"], select {height:45px;}
form.type1 input[type="text"], input[type="password"], input[type="textarea"], input[type="number"], textarea, select {height:45px;}

/**** 리스트 ****/
.searchWrap form {flex-wrap:wrap; gap:5px 0;}
.searchWrap form.type1 select {width:calc(50% - 2.5px);}
.searchWrap form.type1 select+select {margin-left:5px;}
.searchWrap form.type1 input {width:calc(100% - 105px);}
.searchWrap .searchBtn {margin-left:5px;}

.view-type1 .titWrap .tit {flex-direction:column; align-items:flex-start; row-gap:10px;}
.view-type1 .titWrap .tit h3 {font-size:24px; order:2;}
.view-type1 .titWrap .tit span {line-height:40px;}
.view-type1 .titWrap .tit span.d-day {font-size:16px;}
.view-type1 .titWrap .info {margin-top:10px;}
.view-type1 .detail {padding:30px 0; overflow-x: auto;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
/**** 리스트 ****/
.listWrap ul li.rowA {width:100%;}
.listWrap ul li.rowB {width:100%;}
.listWrap ul li.rowC {padding:0; width:100%;}
.listWrap ul.t-body li.rowB a {font-size:18px;}
.listWrap ul.t-body li.rowA span {width:90px; line-height:35px;}
.listWrap ul.t-body li.rowA span.d-day {font-size:16px;}
.listWrap ul.t-body li.rowA span.preparing {background: var(--blue) url(/images/common/i-clock.png) no-repeat 18% center / 15px; font-size:14px;}
.listWrap ul.t-body li.rowA span.finish {font-size:14px;}
.listWrap ul.t-body li.rowA span.nothing {font-size:14px;}
.searchWrap h3 {font-size:24px;}
.searchWrap form.type1 input {width:calc(100% - 55px);}
.searchWrap .searchBtn {text-indent:-9999px; width:50px; background: var(--blue) url(/images/common/i-search.png) no-repeat center center / 17px;}

.view-type1 .titWrap .tit h3 {font-size:20px; width:100%;}
.view-type1 .titWrap .tit span.d-day {font-size:16px;}
.view-type1 .titWrap .tit span.preparing {background: var(--blue) url(/images/common/i-clock.png) no-repeat 18% center / 15px; font-size:14px;}
.view-type1 .titWrap .tit span.finish {font-size:14px;}
.listWrap ul.t-body li.rowA span.nothing {font-size:14px;}
.view-type1 .titWrap .info li:before {top:8px;}
.view-type1 .blueBtn {padding:8px 35px;}
.view-type1 .btnWrap .prev-next {padding-top:25px;}
.view-type1 .btnWrap .prev-next a+a {margin-top:15px;}

.view-type1 .titWrap .info {width:100%;}
.view-type1 .titWrap .bottom {flex-direction:column; margin-top:0;}
.view-type1 .titWrap .btnWrap {text-align:left; margin-top:10px;}
.view-type1 .titWrap .btnWrap a.btn {width:100px; padding:12px 20px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {

	
}