@charset "utf-8";

/* 사업실적 */
.tab-perform {margin-bottom: 20px;}
.tab-perform ul {display: flex;align-items: center;flex-wrap: wrap;}
.tab-perform ul li {position: relative;padding: 0 25px;}
.tab-perform ul li a {color: #717171;	font-size: 20px;}
.tab-perform ul li:first-child {padding-left: 0;}
.tab-perform ul li:not(:last-child) a::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #717171;width: 1px;height: 13px;}
.tab-perform ul li.active a {color: #222;font-weight: 500;}
.tab-perform ul li:hover a {text-decoration: underline;}
.perform-table {width: 100%;border-top: 2px solid #222;border-bottom: 1px solid #cecece;margin: 40px 0 100px;}
.perform-table tbody {}
.perform-table tr+tr {border-top: 1px solid #cecece;}
.perform-table tr td {padding: 32px 10px;text-align: center;}
.perform-table tr td.p-year {color: #4e929d;font-size: 20px;font-weight: 500;}
.perform-table tr td.p-cont {display: flex;flex-direction: column;align-items: flex-start;text-align: left;}
.perform-table tr td.p-cont strong {color: #717171;font-weight: 400;}
.perform-table tr td.p-cont span {font-weight: 600;font-size: 20px;word-break: keep-all;}
.perform-table tr td.p-name {font-size: 20px;font-weight: 500;word-break: keep-all;}

/* 인증및수상 */
.board-top-wrap, .writer, .date{display: none;}
.photo_list {padding-bottom: 100px;}
.photo_list>ul {overflow: hidden;display: grid;grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));gap: 20px;row-gap: 48px;}
.photo_list>ul>li {box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
.photo_list>ul>li.no_data {width: 100%;}
.photo_list>ul>li a {display: inline-block;}
/*.photo_list>ul>li .item_check {width: 100%;height: 15px;}*/
.photo_list>ul>li .item_photo a {display: table-cell;text-align: center;vertical-align: middle;background: #f5f5f5;padding: 24px 64px;box-sizing: border-box;border-radius: 12px;position: relative;border: 2px solid transparent;height: 350px;}
.photo_list>ul>li .item_photo a:hover{border: 2px solid #002789;transition: all .15s ease-in-out;}
.photo_list>ul>li .item_photo a:hover::after{content: '';position: absolute;top: 50%;left: 50%;width: 64px;height: 64px;background-image: url('/images/icon_view.svg');background-size: contain;background-repeat: no-repeat;background-position: center;transform: translate(-50%, -50%);z-index: 9999;pointer-events: none;}
.photo_list>ul>li .item_photo img {width: 100%;display: block;}
.photo_list>ul>li .item_cont {}.photo_list>ul>li .item_cont .tit {width: 100%;height: 50px;}
.photo_list>ul>li .item_cont .tit a {width: 100%;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;margin-top: 24px;font-size: 18px;word-break: keep-all;}
.photo_list>ul>li .item_cont .tit a strong{display: block;}
.photo_list>ul>li .item_cont .writer {float: left;width: 50%;color: #333;}
.photo_list>ul>li .item_cont .date {float: right;width: 50%;color: #333;text-align: right;}

.modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;transition: all .3s ease;}
.modal.on {display: block;}
.modal .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);}
.modal-wrap{position: fixed !important;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 640px;width: 100%;}
.modal-img {background-color: #fff;border-radius: 10px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);overflow: auto;z-index: 10001;margin: 0 2.5vw;}
.modal-header {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 12px 24px;background-color: #002789;}
.modal-title {font-size: 18px;font-weight: 600;color: #ffffff;word-break: keep-all;}
.modal-close {font-size: 26px;font-weight: 500;cursor: pointer;color: #ffffff;}
.modal-img .body{text-align: center;}
.modal-content {padding: 48px 0;max-height: 600px;}

/* 탭 스타일 */
.table_category{margin: 40px 0;border-top: none;border-radius: 50px;background: #f1f2f3;}
.table_category ul{padding: 4px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.table_category ul li{flex: 1;text-align: center;padding: 0;margin: 0;float: none;}
.table_category ul li:hover, .table_category ul li:focus,
.table_category ul li.active{border-radius: 0;background: none;}
.table_category ul li a{display: block;width: 100%;padding: 14px 0;font-size: 18px;border-radius: 50px;transition: .3s;}
.table_category ul li a:hover, .table_category ul li a:focus{color: #4e929d;font-weight: bold;}
.table_category ul li.active a{background: #002789;color: #fff;}

/* 문의하기 */
.inquiry-wrap .inq-info{text-align: right;}
.essential-icon{color: #dd1230;}
.inquiry-table{border-top: 1px solid #222;width: 100%;margin: 20px 0;}
.inquiry-table th{background: #f1f2f3;padding: 10px;font-weight: 700;text-align: right;}
.inquiry-table td{padding: 10px;}
.inquiry-table th, .inquiry-table td{border-bottom: 1px solid #ddd;}
.sub-contact-btn-wrap{padding: 20px;border-radius: 12px;background: #f7f8fa;text-align: center;font-size: 18px;word-break: keep-all;}
.inquiry-btn .btn{display: inline-flex;padding: 10px 20px;border-radius: 30px;background: #4e929d;color: #fff;font-size: 18px;}
.inquiry-btn{margin: 20px 0;text-align: center;}
.inquiry-btn .btn:hover, .inquiry-btn .btn:focus{background: #002789;}

@media (max-width: 1080px) {
.tab-perform ul li a,
.perform-table tr td.p-year,
.perform-table tr td.p-cont strong,
.perform-table tr td.p-date {font-size: 16px;}
.perform-table tr td.p-cont span,
.perform-table tr td.p-name {font-size: 18px;}

.photo_list>ul{grid-template-columns: repeat(auto-fill, minmax(31%, auto));row-gap: 24px;}
.photo_list>ul>li .item_cont .tit a, .modal-title{font-size: 16px;}
}

@media (max-width: 801px) {
.photo_list>ul{grid-template-columns: repeat(auto-fill, minmax(48%, auto));row-gap: 24px;}
.photo_list>ul>li{width: auto!important;border: none;}
}

@media (max-width: 768px) {
.table_category ul li{flex: 1 1 33%;}
.inquiry-table tr{display: flex;flex-wrap: wrap;flex-direction: column;}
.inquiry-table th, .inquiry-table td{display: block;text-align: center;}
.inquiry-table td input{width: 100%;}
.inquiry-table td .captcha{display: flex;flex-wrap: wrap;justify-content: center;}
}

@media (max-width: 680px) {
.perform-table tr {display: block;padding: 16px 0;}
.perform-table tr td {display: block;padding: 6px 24px;text-align: left;}
}

@media (max-width: 650px ){
.modal-content{padding: 0;max-height: 480px;height: 100%;}
}
@media (max-width: 375px) {
.table_category ul li{flex: 1 1 100%;}
}

/* sub */
.sub_navi{padding: 110px 12px 20px;}
.sub_navi h3{margin: 20px 0 40px;text-align:center}
.sub_navi h3 a{font-size:24px;}
.sub_navi h3 a:hover, .sub_navi h3 a:focus{color:#5cb1bd;}
.sub_navi ul{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 8px;}
.sub_navi li a{display: block;padding: 10px 16px;border: 1px solid transparent;border-radius: 9999px;font-size: 14px;color: rgba(255,255,255,0.5);transition: var(--motion_fast);border-color: var(--glass_line);background: rgba(255,255,255,0.05);color: var(--white);}
.sub_navi li a:hover, .sub_navi li a:focus{background: linear-gradient(90deg, rgba(92,177,189,0.25), rgba(0,39,137,0.25));border-color: var(--teal);color: var(--white);font-weight: 700;box-shadow: 0 0 20px rgba(92,177,189,0.35);}
.sub_navi li.on a{background: linear-gradient(90deg, rgba(92,177,189,0.25), rgba(0,39,137,0.25));border-color: var(--teal);color: var(--white);font-weight: 700;box-shadow: 0 0 20px rgba(92,177,189,0.35);}
.sub_content{padding: 40px 12px 40px;}
@media screen and (min-width: 768px) {
.sub_navi{padding: 130px 20px 24px;}
.sub_navi ul{gap: 16px;}
.sub_navi li a{font-size: 16px;padding: 12px 24px;}
.sub_content{padding-top: 100px;}
}
@media screen and (min-width: 1024px) {
.sub_navi{max-width: 1600px;margin: 0 auto;padding: 140px 20px 32px;}
.sub_content{padding: 150px 20px 80px;}
}
@media screen and (min-width: 1600px) {
.sub_content{max-width: 1600px;margin: 0 auto;padding: 150px 0 80px;}
}

/*신규 디자인*/
.board_cont .btn_wrap ul li{width: auto;}
.board_cont .btn_wrap ul li a{padding: 10px 20px;border-color: #5cb1bd;border-radius: 100px;color: #5fc3d1;min-width: 80px;height: auto;line-height: 1;}
.board_cont .btn_wrap ul li a:before{display: none;}
.board_cont .btn_wrap ul li a:focus, .board_cont .btn_wrap ul li a:hover{background: #5cb1bd;color: #fff;}

.detail_table{background: none;border-color: rgba(255,255,255,.1);border-top: 1px solid #5cb1bd;}
.detail_table th{background: rgba(255,255,255,.05);color: #5fc3d1;}
.detail_table td{color: #e4e4e4;}
.detail_table tr + tr{border-color: rgba(255,255,255,.1)}
.detail_table th + th, .detail_table th + td, .detail_table td + td{border-color: rgba(255,255,255,.1);}
input[type="text"], input[type="password"], input[type="number"], input[type="search"], textarea, input[type="file"]{border-radius: 8px;background: rgba(255,255,255,.05);border-color: rgba(255,255,255,.1);color: #e4e4e4;}
.upload_list button, .file_list button{border-radius: 4px;background: #4e929d;}
.file_list>li:before{color: #5cb1bd;}
.file_list>li a{color: #e4e4e4;}