
.content-list-area .content-list-left .content-list-article article{display: flex; align-items: center; gap:24px; border-bottom: 1px dashed #E3E3E3; padding-bottom: 30px;}
.content-list-area .content-list-left .content-list-article .news-image{ float: none; width: auto; height: auto; margin-top: 0;}
.content-list-area .content-list-left .content-list-article .news-image figure{width: 248px; height: auto; aspect-ratio: 1.52 / 1; overflow: hidden;}


.section-area{border: 0 none;}

.section-box .section-top{ display: flex;flex-direction: column; gap:40px; border: 0 none;}
.section-box .section-top .section-full{ float: none; width: 100%; padding:0; flex: 2; border: 0 none;}
.section-box .section-top .section-full .news-text .category{color:#0074A6; font-size: 1.125rem; font-weight: 700;}
.section-box .section-top .section-full .news-text .headline{max-height:fit-content; font-weight: 700; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis;-webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all;}
.section-box .section-top .section-full .news-text .description{-webkit-line-clamp: 4;}
.section-box .section-top .section-full article{ display: flex; flex-direction: row-reverse;}
.section-box .section-top .section-full .news-image{ width: 100%; max-width: 440px; height: 272px;}
.section-box .section-top .section-full .news-text{margin: 0 1% 0 2%; height: auto;}

.base-article{ display: flex; flex-direction: row;justify-content: space-evenly; gap:20px; flex:1;}
.base-article-item .wrap{ display: flex;gap:20px;}
.base-article-item .base-article-image figure{width: 120px; /*height: 72px;*/aspect-ratio: 1.52 / 1; overflow: hidden; flex:1;}
.base-article-item .base-article-image img{width: 100%; object-fit: cover;}
.base-article-content{flex:1;}
.base-article-content .category{display: inline-block; font-size: 0.875rem;font-weight: 600; color:#0074A6; margin-bottom: 8px;}
.base-article-content .article-h4{ font-size: 1.125rem; font-weight: 700; color:#222; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: keep-all;}

.base-article-item p {font-size: 0.938rem; color:#363636; padding-top: 10px; line-height: 1.5; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.5px;}

.content-list-area .content-list-left .content-list-tab ul li span{ font-size: 1.125rem; font-weight: 800;padding: 0px 24px 16px;}

.ad-long-one ul li{border: 1px solid #e3e3e3; box-sizing: border-box;}
/* .ad-long-one ul .slick-list li figure img{ object-fit: contain;} */

.content-right{min-height: fit-content;}
.content-right .popular{ width: auto; max-width: 280px;}
.content-right .popular h2{ height: 40px; box-sizing: border-box;}
.content-right .popular > ul > li{ padding-top: 16px; margin-top:16px}
.content-right .popular > ul > li:first-child{margin-top:0}
.sectionMainPopulr figure,
.sectionMainLatest figure{height: auto; aspect-ratio: 1.52 / 1;}

/* Mobile 전용: 0 ~ 639.98px */
@media all and (max-width: 639.98px) {
    .main-header h2 p span{font-size: 1.563rem;}
    .main-header .section-nav ul li{margin: 0 10px 0 0 !important}
    .main-header .section-nav ul li span{font-size: 1rem;}
}
/* Tablet 전용: 640 ~ 1199.98px */
@media (min-width: 640px) and (max-width: 1199.98px) {
    .main-header h2 p span{font-size: 2rem; word-break: keep-all;}
}

/* PC 전용: 1200px ~ */
@media all and (min-width: 1200px) {

}

/* 기존 css 대응 */

@media all and (min-width:1025px) and (max-width:1440px){
        .content-right {
        display: block;
    }
}


@media all and (min-width: 1025px) {
    .section-box .section-top{ flex-direction: row;}
    .base-article{flex-direction: column;}
    .base-article-item p { display: none;}

}

@media all and (min-width:1025px) and (max-width:1199px){

    .section-box .section-top{ flex-direction: column;}
    .section-box .section-top .section-full .news-text{flex:1;}
    .section-box .section-top .section-full{border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 0;}

    .base-article{flex-direction: row;}
    .base-article .base-article-item{ flex:1; }
    .ad-long-one ul li figure{width: 100%!important; height: auto!important;}
}


@media (max-width: 767px) {
    .section-box .section-top{gap:0;}
    .section-box .section-top .section-full article{flex-direction: column-reverse; }
    .section-box .section-top .section-full .news-image{ max-width: 100%; margin-bottom: 10px;}
    .section-box .section-top .section-full .news-text{margin: 0;}
    .section-box .section-top .section-full .news-text .category{font-size: 1rem; }
    .section-box .section-top .section-full .news-text .headline{font-size: 1.563rem;}
    .section-box .section-top .section-full .news-text .description{-webkit-line-clamp: 3;}

    .base-article{flex-direction: column; border:1px solid #E3E3E3; border-width: 1px 0; padding: 20px 0;}

    /* .ad-long-one ul li a{display: block;width: 480px; margin: 0 auto;} */
    .ad-long-one ul li figure{display: block; width: 272px; margin: 0 auto;}
    /* .ad-long-one ul li figure img{ display: block; } */
    .content-list-article .latest-article article figure,
    .sectionMainPopulr figure,
    .sectionMainLatest figure {width: 129px;}
    .content-list-area .content-list-left .content-list-article{padding-bottom:0;}
    .content-list-area .content-list-left .content-list-article .news-image{width: auto; height: auto;}
    .content-list-area .content-list-left .content-list-article .news-image figure{min-height: auto; width: 129px;    height: auto;
    aspect-ratio: 1.52 / 1;}
    .content-list-area .content-list-left .content-list-article .news-text .headline{font-size: 1.125rem;}
    .content-list-area .content-list-left .content-list-article .news-text .description{-webkit-line-clamp: 2;min-height: fit-content;}

    .ad-area{display: none;}



}

@media (min-width: 768px) and (max-width: 1024px){
    .main-header > div{margin-right: 12px;}
    .main-header .section-nav ul li{margin: 0 20px 0 0 !important}
    .main-header .section-nav ul li span{font-size: 1.063rem;}

    .section-nav li span{display: block!important;}
    .section-box .section-top .section-full article{padding-bottom: 30px;}
    .section-box .section-top .section-full .news-image figure{aspect-ratio: 1.52 / 1;}
    .section-box .section-top .section-full .news-text{width: auto;}
    .section-box .section-top .section-full .news-text .description{margin: 0;}

    .base-article-item .wrap{gap:10px;}
    .base-article-item .base-article-image figure{width: 97px;}
    .base-article-content .article-h4{font-size: 1.063rem;}

    .base-article .base-article-item{ flex:1; }

    .ad-area{display: none;}
}

