/***********************************************************/
/********** section 01 - main_visual ***********************/
/***********************************************************/


section.main_visual .main_visual_contain { position: relative; display: flex; justify-content: center; } 

section.main_visual .main_visual_text {
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    color: #ffffff;
    text-align: left;
    width: 1280px;
    margin: 0 auto;
    margin-top: 35vh;
}
section.main_visual .main_visual_text h1 { 
    font-size: 60px; font-weight: bold; line-height: 0.882; margin-top: 20px;
}
section.main_visual .main_visual_text .sub_tit {
    font-size: 20px;
    border-bottom: 2px solid #fff;
}
section.main_visual .main_visual_text p.desc {
    font-size: 22px;
    line-height: 1.5;
    margin-top: 25px;
}
section.main_visual .main_visual_text p.sub_desc { font-size: 21px; margin-top: 26px; } 
section.main_visual .main_visual_text p.sub_desc b { font-weight: 100; margin: 0 14px; color: #ffffff8a; } 
section.main_visual .swiper.main-Swiper { width: 100%; height: calc(100vh); } 
section.main_visual .swiper.main-Swiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center; } 
section.main_visual .swiper.main-Swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; } 
section.main_visual .swiper.main-Swiper .swiper-pagination { bottom: 23px; } 
section.main_visual .swiper.main-Swiper span.swiper-pagination-bullet { width: 30px; height: 3px; margin: 0 4px; border-radius: 0; background: #ffffff; } 
.main_visual .swiper-button-next, 
.main_visual .swiper-button-prev {
    color: white;
}
.main_visual .swiper-button-prev {
    left: 2%;
}
.main_visual .swiper-button-next {
    right: 2%;
}
@media (max-width: 1280px) { 
    section.main_visual .swiper.main-Swiper { height: calc(100vh - 80px); } 
    section.main_visual .main_visual_text h1 { 
        display: flex; flex-direction: column; font-size: 30px; gap: 10px; align-items: center; 
        padding: 0 25px 30px 25px;
    } 
    section.main_visual .main_visual_text .sub_tit {
        font-size: 14px;
        border-bottom: none;
        margin: 0;
        padding: 0;
    }
    section.main_visual .main_visual_text p.desc { font-size: 16px;margin-top: 15px; text-align: center; display: flex; flex-direction: column; max-width: 290px;} 
    section.main_visual .main_visual_text p.sub_desc { font-size: 14px; margin-top: 15px; } 
    .main_visual .swiper-button-next, 
    .main_visual .swiper-button-prev {
        display: none;
    }
    .main_visual .swiper-button-next:after, 
    .main_visual .swiper-button-prev:after {
        font-size: 24px;
    }
    section.main_visual .main_visual_text {
        max-width: none;
        margin-top: 25vh;
        text-align: center;
        display: flex;
        align-items: center;
        width: 100%;
    }
    section.main_visual .swiper.main-Swiper .swiper-pagination {
        bottom: 60px;
    }
    
}

/***********************************************************/
/********** section 02 - overview **************************/
/***********************************************************/
section.overview article { padding: 55px 130px 62px 116px; } 
section.overview article h4 { font-size: 36px; font-weight: bold; margin: auto; } 
section.overview article p { font-size: 20px; line-height: 32px; margin-top: 13px; font-weight: 300; } 
section.overview article a { border: 2px solid #ffffff; color: white; padding: 9px 50px; display: inline-block; border-radius: 25px; margin-top: 27px; } 
section.overview article:nth-child(1) { background-color: #3e4d9a; color: white; background-image: url('/img/main/main_sec_04_bg02.png'); background-size: 100px; background-repeat: no-repeat; background-position: right -60px bottom -465px; background-size: 480px;}
section.overview article:nth-child(2) { background-color: #f5f7ff; color: #000000; } 
section.overview article:nth-child(2) { padding: 55px 130px 62px 74px;}
section.overview article:nth-child(2) p { margin-top: 22px; line-height: 36px; } 

@media (max-width: 1280px) { section.overview article,
    section.overview article:nth-child(2) { padding: 45px; } 
    section.overview article p,
    section.overview article:nth-child(2) p { font-size: 14px; line-height: 2; margin-top: 13px; font-weight: 300; } 
}


/***********************************************************/
/********** section 03 - mid_menu **************************/
/***********************************************************/
section.mid_menu { margin-top: 130px; } 
section.mid_menu article { display: flex; justify-content: center; text-align: center; margin-bottom: 95px; } 
section.mid_menu article h4 { font-size: 24px; color: rgb(65, 65, 65); font-weight: bold; line-height: 1.2; margin-top: 30px; } 
section.mid_menu article p { font-size: 16px; color: rgb(138, 138, 138); font-weight: 400; line-height: 1.375; margin-top: 8px; } 
section.mid_menu article a:hover img { filter: invert(80%) sepia(100%) saturate(641%) hue-rotate(204deg) brightness(55%) contrast(97%); animation: bounce_y 0.4s ease 1; } 
@keyframes bounce_y { 0%, 100% { transform: translatey(0); } 
 50% { transform: translatey(-10px); } 
 }
@media (max-width: 1280px) { section.mid_menu article>a>img { width: 130px; } 
 section.mid_menu article>a>h4 { font-size: 16px; } 
 section.mid_menu article>a>p { font-size: 12px; } 
 section.mid_menu article {
    margin-bottom: 50px;
}
 }

section.liveqna {display: none;}
@media (max-width: 1280px) {
    section.liveqna {display: block;}
 }

/***********************************************************/
/********** section 04 - card_menu *********************22*****/
/***********************************************************/
section.card_menu { margin-top: 30px; } 
section.card_menu .card_box { background-image: url('../img/main/main_sec_04_bg02.png'); min-height: 495px; background-size: 812px; background-position: -233px -289px; background-color: #dfe5eb; border-radius: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; overflow: hidden; transition: background-image .8s ease-in-out; } 
section.card_menu .card_box:hover { background-image: url('../img/main/main_sec_04_bg01.png'); } 
section.card_menu .card_box.card_sec01 { background-color: #dfe5eb; } 
section.card_menu .card_box.card_sec02 { background-color: #ecd6ba; margin-top: 30px; } 
section.card_menu .card_box.card_sec03 { background-color: #ebddde; } 
section.card_menu .card_box .bot_btn { position: absolute; bottom: 0; right: 0; width: 250px; height: 92px; background: white; border-radius: 30px 0 0 0; box-shadow: -2px -2px 4px 0px #ccc; display: flex; align-items: center; justify-content: center; } 
section.card_menu article { padding: 14px; } 
section.card_menu .card_box .bot_btn span { font-size: 24px; font-weight: 600; margin: 0 30px 0 10px; } 
section.card_menu .card_box a svg path { transition: fill .3s ease-in-out;}
section.card_menu .card_box a:hover svg { overflow: visible; } 
section.card_menu .card_box a:hover svg path { fill: #3e4d9a !important; animation: bounce_x 0.4s ease 1;}
@keyframes bounce_x { 0%, 100% { transform: translateX(0); } 
    50% { transform: translateX(10px); } 
}
section.card_menu .card_box .icon { margin-top: -65px; } 
section.card_menu .card_box h4 { margin-top: 21px; font-weight: bold; font-size: 28px; } 
section.card_menu .card_box p { margin-top: 15px; font-size: 18px; font-weight: 500; } 
section.card_menu .card_box img.mo_arr {
    display: none;
}

@media (max-width: 1280px) { 
    section.card_menu .card_box { min-height: 380px; } 
    section.card_menu article { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } 
    section.card_menu article {
        padding-left: 6px;
        padding-right: 6px;
    }
    section.card_menu article:nth-child(2) {
        margin-top: 16px;
    }
    section.card_menu {
        padding-left: 6px!important;
        padding-right: 6px!important;
    }
    section.card_menu .card_box .icon img {
        height: 30px;
    }
    section.card_menu .card_box .icon {
        margin-top: 0;
    }
    section.card_menu .card_box p,
    section.card_menu .card_box .bot_btn span{display: none;}
    section.card_menu .card_box .bot_btn {
        width: 40%;
        height: 30px;
        border-radius: 15px 0 0 0;
    }
    section.card_menu .card_box {
        min-height: auto;
        width: 100%;
        aspect-ratio: 11/12;
        border-radius: 15px;
    }
    section.card_menu .card_box a svg {
        display: none;
    }
    section.card_menu .card_box img.mo_arr {
        display: inline-block;
    }
    section.card_menu .card_box h4 {
        margin-top: 6px;
        font-weight: bold;
        font-size: 16px;
    }
}





/* header 1450px 이하 */
@media (max-width: 1450px) { /*
 header .header_inner .logo { width: 50%; order: 1; } 
 header .header_inner .nav { width: 100%; order: 3; } 
 header .header_inner .right { width: 50%; order: 2; } 
 */
 section.card_menu .card_box.card_sec02 { margin-top: 0px; } 
}


/* =========================================================
    251101
 ========================================================= */

.conference-info { background:#557cf7; color:#fff; padding:100px 0; }
.conference-info .container { max-width:1300px; margin:0 auto; padding:0 24px; display:flex; justify-content:space-between; align-items:flex-start; gap:60px; }
.conference-info .left { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.conference-info .left h2 { font-size:36px; font-weight:700; margin: 0; margin-bottom:40px; }

.conference-info .left .btn-outline { display:inline-flex; align-items:center; justify-content:center; padding:10px 28px; border:2px solid #fff; border-radius:28px; color:#fff; text-decoration:none; font-size:16px; font-weight:500; transition:all .25s ease; }
.conference-info .left .btn-outline:hover { background:#fff; color:#3361f3; }
.conference-info .right { flex:2; }
.conference-info .right h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 24px;
}
.conference-info .right .desc {
    font-size: 18px;
    line-height: 1.7;
}

@media (max-width:1024px) { 
    .conference-info .container { flex-direction:column; gap:0;  } 
    .conference-info .left {
        align-items: baseline;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .conference-info { padding:70px 0 140px 0; position: relative;} 
.conference-info .left h2 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #ffffff94;
}
    .conference-info .right h3 {
        font-size: 24px;
        max-width: 278px;
        line-height: 1.3;
    }
    .conference-info .right h3:after {
    content: '';
    display: block;
    padding: 13px;
    width: 60px;
    border-bottom: 2px solid #fff;
}
    .conference-info .right ul li { font-size:15px; } 
    .conference-info .left .btn-outline {
    position: absolute;
    bottom: 60px;
    left: calc(50% - 58px);
}
.conference-info .right .desc {
    font-size: 15px;
}
}


/* =========================================================
    Latest AKD Information Section
 ========================================================= */
.latest-info { background-color: #F7F8FD; padding: 80px 0; font-family: 'Pretendard', 'Noto Sans KR', sans-serif; color: #111; } 

/* 컨테이너 */
.latest-info .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 25px 25px 50px;
    position: relative;
    overflow: hidden;
}
.latest-info .container .section-header > div{
    display: flex;
    gap: 30px;
}

/* 헤더 영역 */
.latest-info .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } 
.latest-info .section-header h2 { font-size: 32px; font-weight: 500; color: #111; margin: 0; } 
.latest-info .section-header h2 span { color: #222; font-weight: bold;} 

/* 탭 메뉴 */
.latest-info .section-header .tabs { display: flex; align-items: center; gap: 20px; list-style: none; margin: 0; padding: 0; } 
.latest-info .section-header .tabs li { font-size: 18px; color: #999; font-weight: 500; cursor: pointer; transition: color 0.2s ease; user-select: none; } 
.latest-info .section-header .tabs li:hover { color: #1d4ed8; } 
.latest-info .section-header .tabs li.active { color: #1d4ed8; font-weight: 600; } 

/* + 버튼 */
.latest-info .section-header .plus-btn { background: none; border: none; color: #111; font-size: 28px; line-height: 1; cursor: pointer; transition: opacity 0.2s ease; } 
.latest-info .section-header .plus-btn {
    position: absolute;
    right: 25px;
    top: 25px;
}
.latest-info .section-header .plus-btn:hover { opacity: 0.7; } 

/* =========================================================
 Swiper 슬라이더
 ========================================================= */
.latest-info .swiper.info-swiper { overflow: visible; position: relative; } 
.latest-info .swiper.info-swiper .swiper-slide { display: flex; justify-content: center; } 
.latest-info .swiper.info-swiper .card { width: 100%; background-color: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } 
.latest-info .swiper.info-swiper .card:hover { transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } 

/* 카드 이미지 */
.latest-info .swiper.info-swiper .card img { width: 100%; height: 220px; object-fit: cover; display: block; } 

/* 카드 내용 */
.latest-info .swiper.info-swiper .card .card-body { padding: 20px 35px 35px; min-height: 110px;} 
.latest-info .swiper.info-swiper .card .card-body .tag { font-size: 18px; color: #1d4ed8; margin-bottom: 6px; font-weight: 500; } 
.latest-info .swiper.info-swiper .card .card-body .tag span { color: #666; margin-left: 6px; } 
.latest-info .swiper.info-swiper .card .card-body .desc {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* =========================================================
 Swiper 버튼 및 페이지네이션
 ========================================================= */
.latest-info .swiper.info-swiper .swiper-button-prev,
.latest-info .swiper.info-swiper .swiper-button-next { width: 44px; height: 44px; background: #fff; border-radius: 50%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); color: #111; transition: background 0.2s ease, transform 0.2s ease; } 
.latest-info .swiper.info-swiper .swiper-button-prev:hover,
.latest-info .swiper.info-swiper .swiper-button-next:hover { background: #f1f5ff; transform: scale(1.05); } 
.latest-info .swiper.info-swiper .swiper-pagination {
    margin-top: 0;
    text-align: center;
    bottom: -40px;
}
.latest-info .swiper.info-swiper .swiper-pagination-bullet { width: 8px; height: 8px; background: #ccc; opacity: 1; transition: all 0.3s ease; } 
.latest-info .swiper.info-swiper .swiper-pagination-bullet-active {
    background: #1d4ed8;
    width: 35px;
    border-radius: 12px;
}
.latest-info .swiper.info-swiper .swiper-button-next:after, 
.latest-info .swiper.info-swiper .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}

.latest-info .info-swiper {display: none;}

.latest-info .info-swiper.active {display: block;}


/* =========================================================
 반응형
 ========================================================= */
@media (max-width: 1024px){
 .latest-info .swiper.info-swiper .swiper-slide { width: 300px; } 
 }

@media (max-width: 768px){
 .latest-info .section-header { flex-direction: column; align-items: flex-start; gap: 16px; } 
 .latest-info .section-header .tabs { gap: 14px; flex-wrap: wrap;} 
 .latest-info .swiper.info-swiper .swiper-slide { width: 260px; } 
 .latest-info .container .section-header > div {
    display: flex;
    gap: 20px;
    flex-direction: column;
    
}
.latest-info .section-header .tabs li {
    font-size: 15px;
    background: white;
    color: #222;
    padding: 8px 16px;
    border-radius: 40px;
}
.latest-info .section-header .tabs li.active {
    color: #fff;
    background: #222;
    font-weight: 600;
}
 .latest-info .swiper.info-swiper .swiper-button-prev, 
 .latest-info .swiper.info-swiper .swiper-button-next {
    display: none;
}
 }

@media (max-width: 768px){
    .latest-info { padding: 60px 0; } 
    .latest-info .section-header h2 { font-size: 24px; } 
    .latest-info .swiper.info-swiper .card .card-body { padding: 16px; } 
    .latest-info .swiper.info-swiper .card img { height: 180px; } 


}


.latest-publishing { background:#fff; padding:80px 0; font-family:'Pretendard','Noto Sans KR',sans-serif; }
.latest-publishing .container { max-width:1300px; margin:0 auto; padding:0 24px; }
.latest-publishing h2 { font-size: 32px; font-weight: 500; color: #111; margin: 0; margin-bottom: 40px;} 
.latest-publishing h2 span { color: #222; font-weight: bold;} 
.latest-publishing .publishing-grid { display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; }
.latest-publishing .pub-card { display:block; flex:1 1 calc(33.333% - 16px); border-radius:16px; background:#fff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);padding:28px 24px; color:#111; text-decoration:none; transition:transform .25s ease, box-shadow .25s ease; position:relative; min-width:280px; box-sizing:border-box;  }
.latest-publishing .pub-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.08); background-color: #4f69da;}
.latest-publishing .pub-card .tag {
    display: inline-block;
    background: #f2f2f2;
    color: #222;
    font-size: 16px;
    border-radius: 0 20px 20px 20px;
    padding: 4px 12px;
    margin-bottom: 16px;
}
.latest-publishing .pub-card .desc { font-size:20px; line-height:1.5; font-weight:500; color:#111; }
.latest-publishing .pub-card.small { flex:1 ; }
.latest-publishing .pub-card.small .arrow { position:absolute; bottom:20px; right:24px; font-size:22px; color:#111; transition:transform .2s; }
.latest-publishing .pub-card.small:hover .arrow { transform:translateX(4px); color: #fff;}
.latest-publishing .pub-card.large { flex:2; display:flex; justify-content:space-between; align-items:stretch; padding:0; overflow:hidden; background:#3DB6AE; color:#fff; min-width:360px; }
.latest-publishing .pub-card.large .content { flex:3; padding:40px 36px; display:flex; flex-direction:column; justify-content:center; gap:14px; }
.latest-publishing .pub-card.large .label { display:inline-block; background:rgba(255,255,255,0.3); padding:4px 12px; border-radius:20px; font-size:14px; color:#fff;     width: 120px;
    text-align: center;}
.latest-publishing .pub-card.large h3 { font-size:24px; font-weight:700; margin:0; }
.latest-publishing .pub-card.large .sub { font-size:15px; line-height:1.5; opacity:.9; }
.latest-publishing .pub-card.large .pdf-btn { width: 150px; margin-top:10px; background:#fff; color:#1d4d48; font-weight:600; font-size:15px; padding:10px 22px; border:none; border-radius:24px; cursor:pointer; transition:background .2s; }
.latest-publishing .pub-card.large .pdf-btn:hover { background:#e8f5f3; }
.latest-publishing .pub-card.large .image { flex:2; background-size:cover; background-position:center; min-height:240px; }

.latest-publishing .pub-card ul{
    display: none;
}
.latest-publishing .pub-card ul a {
    color: #fff;
    font-size: 18px;
    line-height: 1.7;
}
.latest-publishing .pub-card:hover ul{
    display: block;
}
.latest-publishing .pub-card:hover .desc{
    display: none;
}

.latest-publishing .pub-card:hover .tag {
    background: #f2f2f240;
    color: #fff;
}
.latest-publishing .pub-card.small:hover .arrow{
    display: none;
}
.latest-publishing .pub-card img {
    display: none;
}
.latest-publishing .pub-card:hover img {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

@media (max-width:1024px) { 
    .latest-publishing {
        padding: 60px 0;
    }
    .latest-publishing .publishing-grid { flex-direction:row; flex-wrap:wrap; } 
    .latest-publishing .pub-card { flex:1 1 calc(50% - 16px); } 
    .latest-publishing .pub-card.large { flex:1 1 100%; } 
    .latest-publishing .pub-card.large,
    .latest-publishing .pub-card.small {
        width: 100%;
        min-width: auto;
        min-height: 245px;
    }
}
@media (max-width:768px) { 
    .latest-publishing h2 { font-size: 24px; margin-bottom: 30px;} 

    .latest-publishing .publishing-grid { flex-direction:column; } 
    .latest-publishing .pub-card { flex:1 1 100%; } 
    .latest-publishing .pub-card.large { flex-direction:column; } 
    .latest-publishing .pub-card.large .image { height:200px; display: none;} 
    .latest-publishing .pub-card.large .pdf-btn {
    margin-left: auto;
}
}



.latest-news { background:#fff; padding:80px 0; font-family:'Pretendard','Noto Sans KR',sans-serif; }
.latest-news .container { max-width:1300px; margin:0 auto; padding:0 24px; }
.latest-news .news-wrap { display:flex; justify-content:space-between; align-items:flex-start; gap:80px; }
.latest-news .news-left { flex:0 0 350px; }
.latest-news .news-left h2 { font-size:32px; font-weight:500; color:#222; margin: 0;}
.latest-news .news-left h2 span { font-weight: bold; }
.latest-news .news-right { flex:1; display:flex; flex-direction:column; }
.latest-news .news-header { display:flex; justify-content:space-between; align-items:center; border-bottom:2px solid #000; padding-bottom:8px; margin-bottom:6px; }
.latest-news .news-header .tabs { display:flex; gap:20px; list-style:none; margin:0; padding:0; }
.latest-news .news-header .tabs li { color:#999; font-size:16px; font-weight:500; cursor:pointer; transition:color .2s; }
.latest-news .news-header .tabs li.active { color:#1d4ed8; font-weight:600; }
.latest-news .news-header .tabs li:hover { color:#1d4ed8; }
.latest-news .news-header .plus-btn { background:none; border:none; font-size:28px; color:#111; cursor:pointer; transition:opacity .2s; }
.latest-news .news-header .plus-btn:hover { opacity:.7; }
.latest-news .news-contents { position:relative; width:100%; min-height: 300px;}
.latest-news .news-list { display:none; flex-direction:column; width:100%; }
.latest-news .news-list.active { display:flex; }
.latest-news .news-item { display:flex; justify-content:space-between; align-items:center; padding:18px 0; border-bottom:1px solid #eee; text-decoration:none; color:#111; transition:background .2s; }
.latest-news .news-item:hover { background:#f9fafb; }
.latest-news .news-item .title { font-size:16px; line-height:1.5; color:#111; flex:1; padding-right:16px; }
.latest-news .news-item .date { color:#666; font-size:15px; white-space:nowrap; }
.latest-news .news-header .tabs { display:flex; gap:16px; list-style:none; margin:0; padding:0; }

.latest-news .tab-swiper { flex:1; overflow:hidden; }
.latest-news .tab-swiper .swiper-wrapper { display:flex; align-items:center; }
.latest-news .tab-swiper .swiper-slide { width: auto;cursor: pointer; }
.latest-news .tab-swiper .swiper-slide.active {
    color: #1d4ed8;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    text-decoration-color: #1d4ed8;
}
@media (max-width:1024px) { 
    .latest-news {
        padding: 60px 0;
    }
    .latest-news .news-wrap { flex-direction:column; gap:20px; position: relative;} 
    .latest-news .news-left { flex:1; } 
    .latest-news .news-header .plus-btn {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 1;
    }
    .latest-news .news-left h2 { font-size:24px; }
    .latest-news .news-header { flex-direction:column; align-items:flex-start; gap:10px; padding-bottom: 20px;} 
    .latest-news .news-header .tabs { flex-wrap:wrap; gap:14px; } 
    .latest-news .news-right {
        width: 100%;
    }
    .latest-news .news-item { flex-direction:column; align-items:flex-start; gap:4px; padding: 8px 0;} 
    .latest-news .news-item .date { font-size:14px; color:#888; }
    .latest-news .tab-swiper {
        width: 100%;
    } 
    .latest-news .tab-swiper .swiper-slide {
        background: white;
        color: #222;
        padding: 8px 16px;
        border-radius: 40px;
        border: 1px solid #222;
    }
    .latest-news .tab-swiper .swiper-slide.active {
        color: #fff;
        background: #222;
        font-weight: 600;
    }
}
@media (max-width:768px) { 

}


.story-section {
    padding: 80px 0;
}
.story-section .container {
    position: relative;
    width: 100%;
    min-height: 520px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 80px 20px;
    box-sizing: border-box;
    background-image: url('../img/main/story-backg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.story-section .story-inner { position:relative; z-index:2; max-width:800px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; }
.story-section .subtitle { color:#4f7eff; font-size:18px; font-weight:600; margin-bottom:4px; }
.story-section h2 { font-size:34px; font-weight:800; color:#111; margin:0; }
.story-section .desc { font-size:18px; color:#222; line-height:1.7; font-weight: 500; }
.story-section .btn-more { display:inline-block; background:#111; color:#fff; font-size:16px; font-weight:600; padding:14px 36px; border-radius:40px; text-decoration:none; transition:all .25s ease; margin-top:16px; }
.story-section .btn-more:hover { background:#1d4ed8; transform:translateY(-2px); }
@media (max-width:768px) { 
    .story-section { min-height:400px; padding:0px 20px 30px 20px; background-position:center top; } 
    .story-section .container {
        background-image: url('../img/main/story-backg-mo.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        padding: 155px 20px 70px;
    }
    .story-section h2 { font-size:22px; } 
    .story-section .desc { font-size:15px; max-width: 220px;} 
    .story-section .btn-more { font-size:15px; padding:12px 28px; } 
}



.conference-sketch { background:#F7F8FD; padding:80px 0; font-family:'Pretendard','Noto Sans KR',sans-serif; }
.conference-sketch .container { max-width:1300px; margin:0 auto; padding:0 24px; overflow: hidden;}
.conference-sketch .section-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:36px; }
.conference-sketch .section-header h2 { font-size:32px; font-weight:500; color:#111; margin: 0; }
.conference-sketch .section-header h2 span { font-weight: bold; }
.conference-sketch .section-header .plus-btn { background:none; border:none; font-size:28px; color:#111; cursor:pointer; transition:opacity .2s; }
.conference-sketch .section-header .plus-btn:hover { opacity:.7; }
.conference-sketch .sketch-swiper { padding-bottom:50px; overflow: visible;}

.conference-sketch .sketch-swiper .swiper-wrapper {overflow: visible; }
.conference-sketch .sketch-card { display:flex; flex-direction:column; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.05); text-decoration:none; transition:transform .25s ease, box-shadow .25s ease; }
.conference-sketch .sketch-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.1); }
.conference-sketch .sketch-card .thumb { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; }
.conference-sketch .sketch-card .thumb img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.conference-sketch .sketch-card:hover .thumb img { transform:scale(1.05); }
.conference-sketch .sketch-card .thumb .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: background .2s, color .2s;
    background-image: url('../img/icon/video-play.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.conference-sketch .sketch-card .title {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    text-align: center;
    padding: 20px 12px;
}
.conference-sketch .swiper-button-next, .conference-sketch .swiper-button-prev { color:#111; background:#fff; width:40px; height:40px; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,0.1);     top: 40%;
    bottom: auto;}
.conference-sketch .swiper-button-next{right: -20px;}
.conference-sketch .swiper-button-prev{left: -20px;}
.conference-sketch .swiper-button-next::after, .conference-sketch .swiper-button-prev::after { font-size:18px; }
.conference-sketch .swiper-pagination-bullet {width: 8px; height: 8px; background: #ccc; opacity: 1; transition: all 0.3s ease;}
.conference-sketch .swiper-pagination-bullet-active { background: #1d4ed8;
    width: 35px;
    border-radius: 12px; 
}

@media (max-width:768px) { 
    .conference-sketch { padding:60px 0; } 
    .conference-sketch .section-header {
        margin-bottom: 20px;
    }
    .conference-sketch .section-header h2 { font-size:24px; } 
    .conference-sketch .sketch-card .title { font-size:15px; } 
    .conference-sketch .swiper-button-next, 
    .conference-sketch .swiper-button-prev { display:none; } 
}



.service-cards { background:#fff; padding:100px 0; font-family:'Pretendard','Noto Sans KR',sans-serif;     }
.service-cards .container { max-width:1300px; margin:0 auto; padding:0 24px; display:flex; justify-content:space-between; align-items:stretch; gap:30px; }
.service-cards .card { flex:1; background:#f4f6ff; border-radius:16px; padding:40px 36px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; transition:transform .25s ease, box-shadow .25s ease; border: none;
    cursor: pointer;}
    .service-cards .card a {
    width: 100%;
    display: block;
}
.service-cards .card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.05); }
.service-cards .card h3 { font-size:26px; font-weight:700; color:#111; margin-bottom:14px; }
.service-cards .card p {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 1.4;
    margin-bottom: 30px;
    max-width: 215px;
}
.service-cards .card .icon { width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:contain; align-self:flex-end; margin-left: auto;}

/* 각 아이콘별 SVG (배경이미지) */
.service-cards .card .icon-report { background-image:url("../img/main/service-card-icon-01.png"); }
.service-cards .card .icon-suggest { background-image:url("../img/main/service-card-icon-02.png"); }
.service-cards .card .icon-message { background-image:url("../img/main/service-card-icon-03.png"); }

@media (max-width:1024px) { 
    .service-cards {
    padding: 40px 0;
}
    .service-cards .container { flex-direction:column; gap:12px; } 
.service-cards .card {
    display: flex;
    align-items: flex-start;
    text-align: left;
}
.service-cards .card h3 {
    font-size: 22px;
}
.service-cards .card p {
    font-size: 15px;
}
    .service-cards .card .icon { align-self:center; margin-top: -70px;} 
}



    /***********************************************************/
/********** section 05 - com_banner **************************/
/***********************************************************/

section.com_banner {
    background-color: #F5F5F5;
    margin-bottom: 50px;
    padding: 60px 0;
}
section.com_banner .container { max-width: 1350px; position: relative; padding: 0 40px; overflow: hidden;} 
section.com_banner .company_Swiper .swiper-slide { padding: 0; } 
section.com_banner .company_Swiper .swiper-slide img { width: 100%; } 

section.com_banner .swiper-button-next,
section.com_banner .swiper-button-prev { width: 40px; height: 40px; color: #000000; font-size: 24px; border-radius: 50%; } 
section.com_banner .swiper-button-next,
section.com_banner .swiper-button-prev { position: absolute; top: 50%; z-index: 10; }
section.com_banner .swiper-button-next { right: 0px; }
section.com_banner .swiper-button-prev { left: 0px; }
section.com_banner .swiper-button-next::after,
section.com_banner .swiper-button-prev::after { font-size: 26px; color: #828282; } 
@media (max-width:768px) { 
    section.com_banner .swiper {
        overflow: visible;
    }
}