@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;}


/* 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 form {display:flex; width:50%; gap:5px;}
.searchWrap form.type1 select {width:180px;}
.searchWrap form.type1 input {width:calc(100% - 110px);}
.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 .quantity {margin-top:10px;}
.sub-inner .quantity b {color:var(--red); font-weight:600;}
.sub-inner .list-wrap {margin-top:30px; border-top:1px solid #333;}
.sub-inner .list-wrap li {display:flex; align-items:center; border-bottom:1px solid #c4c9e0;}
.sub-inner .list-wrap li .num {text-align:center; width:7%; padding:15px 5px; color:#333;}
.sub-inner .list-wrap li .term {width:93%; padding:15px 5px;}
.sub-inner .list-wrap li .term p {font-size:16px; color:#333; line-height:1.4;}
.sub-inner .list-wrap li .term p:nth-of-type(2) {color:#666; padding-top:10px;}
.sub-inner .list-wrap li .term p span {font-size:18px; font-weight:600; color:var(--blue); transform:var(--textRotate); padding-right:10px;}
.sub-inner .list-wrap li .term p img {margin-right:10px;}


/* 페이징 PC */
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block;}
.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;}
.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}
.pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; 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;}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
/**** 리스트 ****/	
.list-wrap {border-bottom:1px solid #dfe3f4;}
.list-wrap ul.t-body {border-top:1px solid #dfe3f4; border-bottom:0; padding:15px 0; row-gap:10px;}

/* 검색영역 */
.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;}

.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;}

.sub-inner .list-wrap li .term p span {font-size:17px;}


}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
/**** 리스트 ****/
.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;}

.sub-inner .list-wrap li .term p span {font-size:16px;}
.sub-inner .list-wrap li .term p {font-size:15px;}
.sub-inner .list-wrap li .num {width:9%;}
.sub-inner .list-wrap li .term p img {margin-right:5px; height:17px;}

}

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

	
}