._media{padding-bottom: 180px;box-sizing: border-box;}

._media .cont .list{margin-top: 80px;}
._media .cont .list ul{
    display: flex;flex-wrap: wrap;gap: 60px 45px;
}
._media .cont .list ul li{width: calc((100% - (45px * 2)) / 3)}
._media .cont .list ul li a{}
._media .cont .list ul li a .imgBx{position: relative;width: 100%;}
._media .cont .list ul li a .imgBx::before{
    content: '';
    display: block;
    padding-bottom: calc(342 / 430 * 100%);
}
._media .cont .list ul li a .imgBx img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
._media .cont .list ul li a .txtBx{
    margin-top:calc(20 / 20 * 1em);font-size: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;


}
._media .cont .list ul li a .txtBx .desc{color:#484848;font-weight: 500;line-height: calc(30 / 20 * 1em);min-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
._media .cont .list ul li a .txtBx .date{font-size: 17px;color: #818181;font-weight: 500;margin-top: calc(30 / 17 * 1em);}


@media screen and (max-width: 1680px){
    ._media .cont ._tit{font-size: clamp(42px, 42 / 1440 * 100vw, 50px);}
}
@media screen and (max-width: 1440px){
    ._media .cont ._tit{font-size: clamp(38px, 38 / 1280 * 100vw, 42px);}
    ._media .cont .list ul li a .txtBx{font-size: clamp(18px, 18 / 1280 * 100vw, 20px);}
    ._media .cont .list ul li a .txtBx .date{font-size: 16px;}
}
@media screen and (max-width: 1280px){
    ._media .cont ._tit{font-size: clamp(34px, 34 / 1024 * 100vw, 38px);}
    ._media .cont .list ul li{width: calc((100% - (45px * 1)) / 2)}
}
@media screen and (max-width: 1024px){
    ._media .cont ._tit{font-size: clamp(30px, 30 / 820 * 100vw, 34px);}
}
@media screen and (max-width: 820px){
    ._media {padding-bottom: 120px;}
    ._media .cont .list ul{gap: 45px 20px;}
    ._media .cont .list ul li{width: calc((100% - (20px * 1)) / 2)}
    ._media .cont .list ul li a .txtBx{font-size: clamp(16px, 16 / 500 * 100vw, 18px);}
    ._media .cont .list ul li a .txtBx .date{font-size: clamp(14px, 14 / 500 * 100vw, 16px);}

    ._media .cont .paging{font-size: 16px;}
    ._media .cont .paging ul li a.on:before{width: 2.2em;height: 2.2em;}

}
@media screen and (max-width: 500px){
    ._media .cont ._tit{font-size: clamp(26px, 26 / 360 * 100vw, 30px);}

	._media ._searchArea .inner{justify-content: flex-end;}
	._media .cont .list{margin-top: 20px;}
    ._media .cont .list ul li{width: 100%;}

    ._media .cont .list ul li a .txtBx .desc{min-height: unset;}
	._media .cont .list ul li a .txtBx .date{margin-top: 14px;}
    ._media .cont .paging{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    ._media .cont .paging ul{gap: 2em;}
    ._media .cont .paging #first i, ._media .cont .paging #last i {margin: 0 -5px;}

}
@media screen and (max-width: 360px){
    ._media .cont ._tit{font-size: clamp(24px, 24 / 360 * 100vw, 26px);}
}


/* 영상쪽 별도 */
._media._video .cont .list ul li a .imgBx::before{padding-bottom: calc(9/16*100%);}



/* _sns */
._sns{padding:170px 0;}
._sns h3{margin-bottom:85px; font-size:60px; color:var(--red); letter-spacing:-0.03em; font-family:"museo-sans"; font-weight:700; line-height:1.13; text-align:center;}
._sns .sns_list ul{display:flex; gap:45px;}
._sns .sns_list ul li{width:calc((100% - (45px * 2)) / 3); padding:40px; height:500px; border:1px solid #E3E3E3; border-radius: 19px; box-sizing:border-box; }
._sns .sns_list ul li a{display:flex; flex-direction: column; justify-content: space-between; height:100%;}
._sns .sns_list ul li .icon{text-align:right;}
._sns .sns_list ul li .name strong{display:block; font-size:60px; color:#242424; letter-spacing:-0.03em; font-family:"museo-sans"; font-weight:700; line-height:1.06; }
._sns .sns_list ul li .name span{display:block; font-size:18px; color:#363535; letter-spacing:-0.03em; font-family:"museo-sans"; font-weight:300; line-height:1.5; }

._sns .sns_list ul li{
    background: #fff;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}
._sns .sns_list ul li a{
    color: inherit;
}
._sns .sns_list ul li:hover{
    border-color: #010101;
    background-color: #010101;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
    transform: translateY(-6px);
}
._sns .sns_list ul li:hover .name strong{
    color: #fff;
}
._sns .sns_list ul li:hover .name span{
    color: #e3e3e3;
}
._sns .sns_list ul li .icon img{
    transition: transform 0.25s ease, filter 0.25s ease;
}
._sns .sns_list ul li:hover .icon img{
    transform: translateY(-4px);
    filter: invert(1) brightness(1.1);
}

@media screen and (max-width:1440px){
    ._sns h3{font-size:50px;}
    ._sns .sns_list ul li .name strong{font-size:50px;}
    ._sns .sns_list ul li .name span{font-size:17px;}
}

@media screen and (max-width:1280px){
    ._sns h3{font-size:42px;}
    ._sns .sns_list ul li .name strong{font-size:42px;}
    ._sns .sns_list ul li .name span{font-size:16px;}
}

@media screen and (max-width:1024px){
    ._sns h3{font-size:38px;}
    ._sns .sns_list ul li .name strong{font-size:38px;}
    ._sns .sns_list ul li .name span{font-size:15px;}
}

@media screen and (max-width:820px){
    ._sns h3{font-size:34px;}
    ._sns .sns_list ul li .name strong{font-size:34px;}
    ._sns .sns_list ul li .name span{font-size:14px;}

    ._sns .sns_list ul{flex-direction: column; gap:20px;}
    ._sns .sns_list ul li{width:100%;}
    ._sns .sns_list ul li{height:300px;}
}

@media screen and (max-width:500px){
    ._sns h3{font-size:30px;}
    ._sns .sns_list ul li .name strong{font-size:30px;}
    ._sns .sns_list ul li .name span{font-size:13px;}
    ._sns .sns_list ul li .icon {margin-left:auto; width:30%;}
    ._sns .sns_list ul li{padding:20px; height:200px;}
}

@media screen and (max-width:360px){
    ._sns h3{font-size:26px;}
    ._sns .sns_list ul li .name strong{font-size:26px;}
    ._sns .sns_list ul li .name span{font-size:12px;}
}