@charset "utf-8";
/* 공통 */
table.viewType {width:100%; border-top:1px solid #000;}
table.viewType th {background:#fafafa; font-weight:400; text-align:left;}
table.viewType td {border-right:1px solid #e4e4e4; font-weight:300;}
table.viewType th, table.viewType td {padding:10px 20px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#333;}

.viewConBox table {border-collapse:collapse; border-spacing:0; max-width:100%;}
.viewConBox img {max-width:100%;}
.viewConBox iframe {max-width:100%;}

/* form */
form.type1 {margin:0; padding:0; font-weight:normal;}
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:40px; padding:5px 20px; margin:0; vertical-align:middle; line-height:1; outline:none!important; background-color:#fff; float:inherit;
}
form.type1 input:focus, textarea:focus {border:1px solid #888; background-color:#fff !important;}
form.type1 select {
	cursor:pointer; padding:5px 20px;
	background-image:url(/images/common/i-select.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 #ddd; 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:40px; border: 1px solid #ddd; padding:0 10px; width:100%; box-sizing:border-box;}

/* 검색영역 */
.searchWrap {display:flex; justify-content:flex-end;}
.searchWrap p {font-size:18px; color:#000;}
.searchWrap p span {color:var(--red); font-weight:600;}
.searchWrap form {position:relative; font-size:0;}
.searchWrap form.type1 select {width:140px; height:40px; padding:8px 14px; font-size:16px; border-right:0;}
.searchWrap form.type1 input {width:400px; height:40px; font-size:16px; color:#999;}
.searchWrap .search {width:40px; height:40px; position:absolute; top:0; right:0; background-color:transparent; z-index:9; border-left:1px solid #ddd;}
.searchWrap .search a {display:block; width:100%; height:100%; background:url(/images/common/i-search.png) no-repeat 50% 50% transparent;}

/* 페이징 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 {background:var(--base1); color:#fff; border:1px solid var(--base1); 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 .prev {margin-right:10px;}
.page_box .pc .next {margin-left:10px;}
.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;}

/* achieve-list */
.achieve {}
.achieve .listWrap {margin-top:20px; border-top:1px solid #000; border-bottom:1px solid #000;}
.achieve .listWrap ul {}
.achieve .listWrap ul li {position:relative;}
.achieve .listWrap ul li~li {border-top:1px solid #e5e5e5;}
.achieve .listWrap ul li .public_btn {position:absolute; top:30px; right:20px;}
.achieve .listWrap ul li .public_btn a {display:inline-block; padding:10px 30px; font-size:12px; color:#fff; line-height:1; border-radius:3rem; border:1px solid var(--red); background:var(--red);}
.achieve .listWrap ul li>a {display:flex; padding:30px 0; gap:10px;}
.achieve .listWrap ul li>a .num {width:10%; text-align:center; line-height:1.6; color:#999; font-size:15px;}
.achieve .listWrap ul li>a .info {width:90%; padding-right:20px;}
.achieve .listWrap ul li>a .info h4 {color:#333; font-weight:400; margin-bottom:10px; line-height:1.6; font-size:16px;}
.achieve .listWrap ul li>a .info h4 span {color:var(--red);}
.achieve .listWrap ul li>a .info>span {font-size:14px; color:#999;}
.achieve .listWrap ul li>a .info>div p {position:relative; color:#777; line-height:1.4; font-size:14px; padding-left:12px;}
.achieve .listWrap ul li>a .info>div p+p {margin-top:5px;}
.achieve .listWrap ul li>a .info>div p:before {display:block; content:''; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background:#888;}
.achieve .public_cate {}
.achieve .public_cate span {display:inline-block; padding:10px 30px; line-height:1; font-size:12px; font-weight:400; color:#fff; border-radius:3rem; cursor:default;}
.achieve .public_cate .regist {background:var(--red);}
.achieve .public_cate .applic {background:#333;}
.achieve .public_cate .transf {background:#5abdd2;}

.journal .listWrap ul li>a .info {padding-right:120px;}

/* view */
.view {}
.view .title-wrap {}
.view .title-wrap .title {padding:20px 0 0; color:#333; font-size:20px; line-height:1.4;}
.view .title-wrap .title span {color:var(--red);}
.view .title-wrap .txt p {position:relative; color:#666; padding-left:12px; font-weight:300;}
.view .title-wrap .txt p:before {display:block; content:''; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:50%; background:#888;}
.view .title-wrap .txt p>a:hover {color:var(--red);}

.view .viewConBox {margin-top:20px; border-top:1px solid #000; border-bottom:1px solid #000; padding:30px 20px; overflow:hidden;}

.view .btn-list {display:flex; justify-content:center; margin-top:20px;}
.view .btn-list>a {display:inline-block; padding:15px 40px; line-height:1; border-radius:3rem; border:1px solid #ccc; color:var(--base1);}
.view .btn-list>a:hover {box-shadow:rgba(136, 165, 191, 0.2) 6px 2px 16px 0px, rgba(255, 255, 255, 0.4) -6px -2px 16px 0px !important;}

.view .prevNextWrap {margin-top:20px;}
.view .prevNextWrap>div {display:grid; grid-template-columns:auto auto 2fr; align-items:center; gap:10px;}
.view .prevNextWrap>div:last-of-type {margin-top:20px;}
.view .prevNextWrap>div i {margin-top:-5px; width:40px; height:40px; border-radius:50%!important; background-color:#fff; border:1px solid #e5e5e5; background-position:50%; background-repeat:no-repeat;}
.view .prevNextWrap>div i.prev {background-image:url(/images/common/view_prev.png);}
.view .prevNextWrap>div i.next {background-image:url(/images/common/view_next.png);}
.view .prevNextWrap>div .bold {font-weight:500; color:#000; transform:rotate(-0.03deg);}
.view .prevNextWrap .split {word-break:keep-all; height:auto; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:pre-wrap;}



/* ************************ 태블릿 이하(~1249) ************************ */
@media (max-width: 1249px) {
	/* 검색영역 */
	.searchWrap form {gap:5px;}
	
	.contents .inner {padding:0 30px;}
	.contents .sub-inner {padding:0 30px;}
	
	/* 페이징 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(/img/common_responsive/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(/img/common_responsive/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/i-select.png) no-repeat 80% 48% / 10px auto;}
	
	/* view */
	.view .title-wrap .title {padding:15px 0 0; font-size:18px;}
	.view .prevNextWrap>div {gap:5px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	.achieve .listWrap ul li .public_btn a {color:#999; background:#fff; border:1px solid #ccc;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) { 
	.tabInner .tabItem {margin-top:30px;}
	
	.contents .inner {padding:0 20px;}
	.contents .sub-inner {padding:0 20px;}
	
	table.viewType {border-bottom:1px solid #e4e4e4;}
	table.viewType th, table.viewType td {display:block; width:100%;}
	table.viewType th {border:1px solid #e4e4e4;}
	table.viewType td {min-height:43px; border-bottom:0; border-right:1px solid #e4e4e4;}
	
	/* 검색영역 */
	.searchWrap {flex-direction:column; row-gap:10px; align-items:flex-start;}
	.searchWrap form {width:100%;}
	.searchWrap form.type1 select {width:100%; background-position:right 15px center; border-right:1px solid #ddd;}
	.searchWrap form.type1 input {width:100%; font-size:15px; padding:8px 14px; border-top:0;}
	.searchWrap .search {width:45px; bottom:0; top:auto;}
	
	/* achieve */
	.achieve .listWrap ul li>a {width:100%; gap:20px; flex-direction:column; padding:25px 10px;}
	.achieve .listWrap ul li>a .num {display:none;}
	.achieve .listWrap ul li>a .info {width:100%;}
	.achieve .listWrap ul li .public_btn {overflow:hidden; top:auto; bottom:30px; left:10px;}
	
	.journal .listWrap ul li>a .info {padding-right:0; padding-bottom:60px;}
	
	/* view */
	.view .title-wrap .title {padding:10px 0 0; font-size:16px;}
	.view .title-wrap p {font-size:14px;}
	.view .viewConBox {padding:20px 10px;}
	.view .prevNextWrap div>* {font-size:14px;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) { 
	.searchWrap form {flex-direction:column;}
	.searchWrap .search a {background-size:17px;}
}