﻿/* main visual */
.main_visual {position: relative;width: 100%;}
.main_visual .header {position: absolute;top: 0;left: 0;z-index: 100;width: 100%;background: transparent;}

.main_kv {position: relative;width: 100%;min-height: clamp(520px, 52vw, 960px);background: #e8d5b8 url("../img/main/kv_img.jpg") center / cover no-repeat;}
.main_kv::before {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.05) 45%, transparent 70%);pointer-events: none;}
.main_kv .container {position: relative;z-index: 1;display: flex;align-items: center;min-height: clamp(520px, 52vw, 960px);padding-top: 90px;padding-bottom: clamp(40px, 5vw, 80px);}

.main_kv_txt {max-width: 640px;color: #fff;}
.kv_year {margin-bottom: 5px;font-size: 48px;font-weight: 500;line-height: 1.4;opacity: 0;transform: translateX(-80px);animation: kvTextIn 0.9s ease forwards;animation-delay: 0.15s;line-height: 1;}
.kv_tit {margin-bottom: 18px;font-size: 68px;font-weight: 700;line-height: 1.25;letter-spacing: 0;opacity: 0;transform: translateX(-80px);animation: kvTextIn 0.9s ease forwards;animation-delay: 0.4s;}
.kv_desc {font-size: 25px;font-weight: 400;line-height: 1.6;word-break: keep-all;opacity: 0;transform: translateX(-80px);animation: kvTextIn 0.9s ease forwards;animation-delay: 0.65s;}

@keyframes kvTextIn {
    0% {opacity: 0;transform: translateX(-80px);}
    100% {opacity: 1;transform: translateX(0);}
}
@media (max-width: 1420px){
    .kv_year {font-size: 28px;}
    .kv_tit {font-size: 50px;}
    .kv_desc {font-size: 20px;}
}

@media (max-width: 1024px) {
    .main_kv {background-position: 65% center;}
    .main_kv_txt {max-width: 520px;}
}

@media (max-width: 767px) {
    .main_kv {min-height: clamp(460px, 120vw, 620px);background-position: 55% center;}
    .main_kv .container {min-height: clamp(460px, 120vw, 620px);padding-top: 88px;padding-bottom: 48px;align-items: flex-end;}
    .main_kv_txt {max-width: 100%;padding-bottom: 8px;}
    .kv_year {margin-bottom: 8px;font-size: 28px;}
    .kv_tit {margin-bottom: 12px;font-size: 40px;}
    .kv_desc {font-size: 16px;}
}

@media (prefers-reduced-motion: reduce) {
    .kv_year,
    .kv_tit,
    .kv_desc {opacity: 1;transform: none;animation: none;}
}

/* main tlink */
.main_tlink {padding: 60px 0;}
.tlink_list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.tlink_item {display: flex;flex-direction: column;justify-content: space-between;height: 256px;padding: 32px 24px 22px;background: #f1f4f8;border-radius: 20px;transition: box-shadow 0.25s, transform 0.25s;border: 1px solid #eaecf0;}
.tlink_item:hover {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);transform: translateY(-4px);}
.tlink_txt {text-align: center;}
.tlink_tit {display: block;color: #111;font-size: 25px;font-weight: 500;line-height: 1.3;}
.tlink_tit strong {font-size: 30px;font-weight: 700;line-height: 1.25;letter-spacing: 0;}
.tlink_desc {color: #333;font-size: 18px;font-weight: 400;line-height: 1.5;word-break: keep-all;}
.tlink_btm {position: relative;display: flex;align-items: flex-end;justify-content: center;min-height: 72px;}
.tlink_icon {display: block;flex-shrink: 0;}
.tlink_icon img {display: block;width: auto;height: auto;max-width: 100%;object-fit: contain;}
.tlink_arrow {position: absolute;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 64px;height: 64px;border-radius: 50%;background: #f8981c;}
.tlink_arrow img {display: block;}

@media (max-width: 1280px) {
    .tlink_list {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 767px) {
    .main_tlink {padding: 40px 0;}
    .tlink_list {grid-template-columns: 1fr;gap: 16px;}
    .tlink_item {height: auto;min-height: 220px;padding: 24px 20px 18px;}
    .tlink_tit {font-size: 18px;}
    .tlink_desc {font-size: 14px;}
    .tlink_icon {width: 60px;height: 60px;}
    .tlink_arrow {width: 40px;height: 40px;}
}

/* main awards */
.main_awards {padding: 80px 0;background: #f4fbff;}
.awards_tit {margin-bottom: 32px;color: #111;font-size: 48px;font-weight: 700;text-align: center;line-height: 1.2;}
.awards_head {position: relative;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;min-height: 44px;}
.awards_tab {display: flex;align-items: center;gap: 10px;}
.awards_tab button {min-width: 146px;padding: 10px 24px;border: 1px solid #d9dde3;border-radius: 999px;background: #fff;color: #686868;font-size: 20px;font-weight: 500;line-height: 1.2;cursor: pointer;transition: background 0.2s, border-color 0.2s, color 0.2s;}
.awards_tab li.active button {border-color: #f8981c;background: #f8981c;color: #fff;font-weight: 700;}
.awards_nav {position: absolute;top: 50%;right: 0;display: flex;align-items: center;gap: 30px;transform: translateY(-50%);}
.awards_nav button {display: block;padding: 0;border: 0;background: transparent;cursor: pointer;}
.awards_nav img {display: block;width: auto;height: auto;}
.awards_body {position: relative;}
.awards_panel {visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;transition: opacity 0.35s ease, visibility 0.35s ease;pointer-events: none;}
.awards_panel.active {visibility: visible;opacity: 1;position: relative;z-index: 2;pointer-events: auto;}
.awards_slide {width: 100%;}
.awards_item {text-align: center;}
.awards_thumb {display: block;overflow: hidden;border-radius: 12px;}
.awards_thumb img {display: block;width: 100%;height: 300px;object-fit: cover;border-radius: 15px;}
.awards_name {display: block;margin-top: 18px;color: #111;font-size: 20px;font-weight: 700;line-height: 1.3;}
.awards_info {margin-top: 6px;color: #666;font-size: 16px;font-weight: 400;line-height: 1.4;}

@media (max-width: 1220px){
    .awards_tit {font-size: 35px;}
    .awards_tab button {font-size: 18px;}
}

@media (max-width: 1024px) {
    .awards_head {flex-direction: column;gap: 20px;padding-bottom: 0;}
    .awards_nav {position: static;transform: none;}
}

@media (max-width: 767px) {
    .main_awards {padding: 56px 0;}
    .awards_tit {margin-bottom: 24px;font-size: 28px;}
    .awards_head {margin-bottom: 28px;}
    .awards_tab {flex-wrap: wrap;justify-content: center;}
    .awards_tab button {min-width: 96px;padding: 9px 18px;font-size: 14px;}
    .awards_thumb img {height: 220px;}
    .awards_name {margin-top: 14px;font-size: 18px;}
    .awards_info {font-size: 14px;}
}

/* event notice */
.event_notice {padding: 80px 0;}
.en_inner {display: flex;align-items: flex-start;gap: 50px;}
.en_tit {color: #111;font-size: 48px;font-weight: 700;line-height: 1.2;letter-spacing: 0;}
.event_area {flex: 0 0 391px;width: 391px;}
.event_banner {display: block;overflow: hidden;border-radius: 16px;padding-top: 10px;}
.event_banner img {display: block;width: 100%;height: auto;border-radius: 16px;}
.notice_area {flex: 1;min-width: 0;}
.notice_head {position: relative;display: flex;align-items: center;justify-content: space-between;min-height: 44px;}
.notice_head .en_tit {margin-bottom: 0;}
.notice_nav {display: flex;align-items: center;gap: 30px;flex-shrink: 0;}
.notice_nav button {display: block;padding: 0;border: 0;background: transparent;cursor: pointer;}
.notice_nav img {display: block;width: auto;height: auto;}
.notice_slide {width: 100%;}
.notice_item {display: flex;flex-direction: column;height: 275px;padding: 28px 24px 24px;border: 1px solid #eaecf0;border-radius: 16px;background: #fff;transition: box-shadow 0.25s ease, transform 0.25s ease;}
.notice_item:hover {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transform: translateY(-3px);}
.notice_tit {display: -webkit-box;margin-bottom: 14px;color: #111;font-size: 20px;font-weight: 700;line-height: 1.35;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: keep-all;height: 54px;}
.notice_desc {flex: 1;color: #555;font-size: 16px;font-weight: 400;line-height: 1.6;word-break: keep-all;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.notice_date {display: block;margin-top: 16px;color: #999;font-size: 15px;font-weight: 400;line-height: 1.2;}

.notice_slide.owl-carousel .owl-item {padding: 10px;}

@media (max-width: 1024px) {
    .en_inner {gap: 30px;}
}

@media (max-width: 767px) {
    .event_notice {padding: 56px 0;}
    .en_tit {margin-bottom: 20px;font-size: 28px;}
    .notice_head {margin-bottom: 0;}
    .notice_nav {gap: 20px;}
    .notice_item {height: auto;min-height: 220px;padding: 22px 20px 20px;}
    .notice_tit {font-size: 18px;}
    .notice_desc {font-size: 15px;-webkit-line-clamp: 3;}
    .notice_date {font-size: 14px;}
}

@media (max-width: 1549px){
    .tlink_tit strong {font-size: 23px;}
    .tlink_tit {font-size: 23px;}
    .tlink_desc {font-size: 16px;}
}
@media (max-width: 1420px){
    .awards_thumb img {height: 250px;}
    .awards_name {font-size: 18px;}
    .awards_info {font-size: 14px;}
    .event_banner img {height: 276px;}
    .notice_item {height: 276px;}
    .notice_tit {font-size: 18px;height: 46px;}
    .notice_desc {font-size: 15px;-webkit-line-clamp: 3;}
    .notice_date {font-size: 14px;}
}

@media (max-width: 1220px){
    .en_tit {font-size: 35px;}
    .notice_item {height: 270px;}
    .notice_item:hover {box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);transform: translateY(0);}
}

@media (max-width: 991px){
    .notice_slide.owl-carousel .owl-item {padding: 0;}
    .en_tit.notice {margin-bottom: 10px;}
    .event_area {flex: 0 0 300px;width: 300px;}
    .event_banner img {height: 270px;}
}
@media (max-width: 767px){
    .en_tit {font-size: 28px;margin-bottom: 0;}
    .notice_item {height: 220px;}
    .notice_tit {font-size: 18px;}
    .notice_desc {font-size: 15px;-webkit-line-clamp: 3;}
    .notice_date {font-size: 14px;}
    .event_area {flex: 0 0 250px;width: 250px;}
    .event_banner img {height: 220px;}
    .en_inner {display: block;}
    .event_area {flex: none;width: 100%;margin-bottom: 40px;max-width: 320px;}
}

@media (max-width: 575px){
    .notice_tit {height: auto;}
}