@charset "utf-8";

/* 공통 */
.c1 {color:#122e8c;}

/* 회사소개 */
.intro {display:flex; justify-content:space-between;}
.intro .img-wrap {width:41.66%;}
.intro .img-wrap p {display:flex; align-items:center; margin:33px -22px 0 0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:700; letter-spacing:.9em; text-align:right; color:#122e8c;}
.intro .img-wrap p:before {content:""; margin-right:62px; width:100%; height:1px; background:#122e8c;}
.intro .cnt {width:50.28%;}
.intro .cnt h3 {margin-bottom:25px; max-width:521px; font-size:20px; font-weight:500; letter-spacing:-.03em; color:#242424; line-height:1.6em;}
.intro .cnt p {line-height:1.6em; margin-bottom:20px;}
.intro .cnt p:last-of-type {margin-bottom:0;}

.kc-title {margin-bottom:60px; text-align:center;}
.kc-title .txt-1 {margin-bottom:36px; font-size:25px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.kc-title .txt-2 {margin-bottom:10px; font-size:35px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.kc-title .txt-3 {margin-bottom:30px; font-size:25px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.kc-title .mark {margin:38px 0; display:flex; align-items:center; justify-content:center; gap:0 15px;}
.kc-title .mark p {text-align:left;}
.kc-title .search {position:relative; max-width:435px; margin:0 auto;}
.kc-title .search input.input {height:50px; border-radius:25px; border-color:#bbb; width:100%; padding-right:40px;}
.kc-title .search .submit {background:transparent url('/images/sub/kc-search.png') no-repeat 50% 50%; display:block; position:absolute; top:0; right:6px;  width:50px; height:100%; border:0;}

.kc-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.kc-list .item {height:100%; padding:20px; min-height:200px; border:2px solid #ddd;}
.kc-list .item p {font-size:14px; font-weight:400; letter-spacing:-.03em; line-height:1.64em; color:#454545;}

/* KC 인증정보 리스트 관리자 클릭 */
.kc-list .item.admin-clickable {cursor: pointer; transition: background-color 0.3s ease;}
.kc-list .item.admin-clickable:hover {background-color: #f5f5f5;}
.kc-list .item.admin-clickable a {text-decoration: none; color: inherit; display: block;}

/* KC 인증정보 상세 페이지 */
.kc-view-header h3 {margin-bottom: 15px; color: #333; font-size: 24px; font-weight: bold;}

.kc-detail-table {width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #fff; border: 1px solid #ddd;}
.kc-detail-table th {background: #f8f9fa; padding: 15px; text-align: left; font-weight: bold; color: #333; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.kc-detail-table td {padding: 15px; border-bottom: 1px solid #ddd; line-height: 1.6;}
.kc-detail-table td a {color: #007bff; text-decoration: none;}
.kc-detail-table td a:hover {text-decoration: underline;}

.kc-additional-info, .kc-attachments {margin-top: 30px; border-top: 2px solid #f1f1f1; padding-top: 20px;}
.kc-additional-info h4, .kc-attachments h4 {margin-bottom: 15px; color: #333; font-size: 18px; font-weight: bold; border-bottom: 1px solid #e9ecef; padding-bottom: 8px;}

.content-area {background: #f8f9fa; padding: 20px; border-radius: 5px; line-height: 1.8;}

.attachment-list {display: flex; flex-wrap: wrap; gap: 15px;}
.attachment-item {border: 1px solid #ddd; border-radius: 5px; padding: 10px; background: #fff; transition: box-shadow 0.3s ease;}
.attachment-item:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.attachment-item.image-preview {text-align: center; max-width: 420px;}
.attachment-item.image-preview img {max-width: 100%; height: auto; border-radius: 3px;}
.attachment-item .file-name {margin-top: 8px; font-size: 12px; color: #666;}
.attachment-item.file-download a {display: flex; align-items: center; gap: 8px; color: #333; text-decoration: none;}
.attachment-item.file-download a:hover {color: #007bff;}

.kc-prev-next {margin-top: 30px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.kc-prev-next dl {margin: 0; display: flex; border-bottom: 1px solid #ddd;}
.kc-prev-next dl:last-child {border-bottom: none;}
.kc-prev-next dt {background: #f8f9fa; padding: 15px; font-weight: bold; color: #333; min-width: 150px; margin: 0; border-right: 1px solid #ddd;}
.kc-prev-next dd {padding: 15px; margin: 0; flex: 1;}
.kc-prev-next a {color: #333; text-decoration: none;}
.kc-prev-next a:hover {color: #007bff; text-decoration: underline;}

/* KC 접근 권한 제한 */
.kc-access-denied {text-align: center; padding: 80px 20px; background: #f8f9fa; border-radius: 10px; margin: 40px 0;}
.access-message h3 {color: #dc3545; font-size: 24px; margin-bottom: 20px;}
.access-message p {color: #666; font-size: 16px; line-height: 1.6; margin-bottom: 15px;}
.access-message a {color: #007bff; text-decoration: none; font-weight: bold;}
.access-message a:hover {text-decoration: underline;}

/* 반응형 */
@media (max-width: 768px) {
	.kc-detail-table th, .kc-detail-table td {padding: 10px;}
	.attachment-list {flex-direction: column;}
	.attachment-item.image-preview {max-width: 100%;}
	.kc-prev-next dl {flex-direction: column;}
	.kc-prev-next dt {min-width: auto; border-right: none; border-bottom: 1px solid #ddd;}
}