.story .swiperBx.story {width: 100%;overflow: visible;}
.story .swiperBx.story .swiper{overflow: visible;}


.story .swiperBx.story .swiper-slide{position: relative;max-width: 639px;width: 100%;border-radius: 12px;cursor: pointer; overflow: hidden;}
.story .swiperBx.story .swiper-slide::before{content: ''; display: block; padding-bottom: calc(570/639*100%);border-radius: 12px;}
.story .swiperBx.story .swiper-slide::after{content: ''; display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 35%, rgba(0, 0, 0, 0.8) 90%);
     position: absolute; left: 0; top: 0; width: 100%; height: 100%;border-radius: 12px;}
.story .swiperBx.story .swiper-slide img{min-height: 100%;}
.story .swiperBx.story .swiper-slide .imgBx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;border-radius: 12px;overflow: hidden;}
.story .swiperBx.story .swiper-slide .txtBx{position: absolute;
    left: 11%;
    top: 40%;
    width: 85%;
    box-sizing: border-box;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
.story .swiperBx.story .swiper-slide .txtBx .titBx p{color: #fff;margin-bottom: .5em;margin-top: .5em;}
.story .swiperBx.story .swiper-slide .txtBx .titBx span{color: #fff;}
.story .swiperBx.story .swiper-slide .txtBx .tag{display: flex;align-items: center; gap: 8px;flex-wrap: wrap;}

.story .swiperBx.story .swiper-slide .txtBx .topBx p {color: #d7d7d7;}
/* 스와이퍼 컨트롤 박스 */

.story .swiperBx.story .controlBx { margin-top:55px; display:flex; align-items:center; gap:20px; }
.story .swiperBx.story .controlBx .progressBar { width:100%; flex:1; min-width:0; position:relative; }
.story .swiperBx.story .controlBx .swiper-pagination-progressbar { background:#c9c9c9; height:2px; }
.story .swiperBx.story .controlBx .swiper-pagination-progressbar-fill{ position: absolute;
	left: 0; top: 0;
	width: 100%; height:2px;
	transform-origin: left top;
	background: #000;}
.story .swiperBx.story .controlBx .swiper-pagination-progressbar.swiper-pagination-horizontal{height: 2px;}

.story .swiperBx.story .paging{display: flex; align-items: center;}
.story .swiperBx.story .paging span{font-size: 16px;font-weight: 500;}
.story .swiperBx.story .paging span.current{color: var(--purple);}
.story .swiperBx.story .paging span.total{color: #bdbdbd;}

/* progress fill */
.story .swiperBx.story .controlBx .progressBar .manual-fill{
    position:absolute; left:0; top:0;
    width:100%; height:100%;
    background:#000;
    transform-origin:left center;
    transform:scaleX(0);
    transition:transform 0.5s ease-out;
}

/* arrowBx */
.story .swiperBx.story .arrowBx{display: flex; align-items: center;justify-content: space-between; gap: 12px;position: absolute;left: 0;top: 45%;z-index: 11;width: 100%;transform: translateY(-50%);
pointer-events: none;
}
.story .swiperBx.story .arrowBx .left{position: relative;left: -15px;pointer-events: auto;}
.story .swiperBx.story .arrowBx .right{position: relative;right: -15px;pointer-events: auto;}
.story .swiperBx.story .arrowBx div{cursor: pointer;font-size:80px;padding: 10px;pointer-events: auto;
    background: linear-gradient(135deg, rgb(193, 156, 255) 30%, rgb(26, 213, 255) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
html.pc .story .swiperBx.story .arrowBx div:hover{opacity: 1;}
.story .swiperBx.story .arrowBx div i{}

/* flierBx */

.story .flierBx{margin-top: 70px;background-color: #f2f2f2;padding: 40px;box-sizing: border-box;padding-bottom: 70px;border-radius: 15px;margin-bottom: 70px;}

.story .flierBx > h4 {font-size: 26px;font-weight: 600;color: #000;letter-spacing: -0.04em;margin-bottom: 1.2em;}
.story .flierBx ._searchBar .inner{display: flex;justify-content: space-between;border: unset;gap: 4px;}
.story .flierBx ._searchBar .select div,
.story .flierBx ._searchBar .inputBx{border: 1px solid #b8b8b8;border-radius: 3px; overflow: hidden;}
.story .flierBx ._searchBar .select div {
    min-width: calc(135 / 17 * 1em);
    max-width: unset;
    color: #2e2e2e;
    background-color: #fff;
    padding-right: 14px;
}
.story .flierBx ._searchBar .select div i{color: #2e2e2e;}
.story .flierBx ._searchBar .inputBx input{
    width: calc(1142/17*1em);
    padding-left: 20px;
}
.story .flierBx ._searchBar .inner > i{
    background-color: #141415;
    height: 100%; min-width: 44px; display: flex; align-items: center; justify-content: center;
    color: #fff; border-radius: 3px; cursor: pointer;
}


/* filter list*/
.story .flierBx .filer_list{margin-top: 40px;}
.story .flierBx .filer_list .filter{display: flex;align-items: center; gap: 25px;padding: 20px 5px;box-sizing: border-box;border-bottom: 1px solid #e0e0e0;}
.story .flierBx .filer_list .filter:first-child{border-top: 1px solid #e0e0e0;}
.story .flierBx .filer_list .filter .type{font-size: 17px; font-weight: 600; color: #000; letter-spacing: -0.04em;min-width: calc(110/17*1em);}
.story .flierBx .filer_list .filter ul{display: flex;align-items: center; gap: 10px;}
.story .flierBx .filer_list .filter ul li a{font-size: 17px; font-weight: 400; color: #6c6c6c; letter-spacing: -0.04em;padding: .5em 1em; background-color: #e6e6e6; border-radius: 3px;transition: background-color 0.3s, color 0.3s;}
.story .flierBx .filer_list .filter ul li.on a{background-color: var(--purple); color: #fff;}


html.pc .story .flierBx .filer_list .filter ul li:hover a{background-color: var(--purple); color: #fff;}


/* listArea */

.story .listArea .list{display: block;}
.story .listArea .list li{width: 100%;border-bottom: 1px solid #e0e0e0;padding: 35px 0;box-sizing: border-box;}
.story .listArea .list li a{display: flex;align-items: center;}
.story .listArea .list li a .imgBx{max-width: 515px;width: 100%;}
.story .listArea .list li a .imgBx::before{padding-bottom: calc(460/515*100%);}

.story .listArea .list li a ._info{
    box-sizing: border-box;
    padding-left: 120px;width: 100%;
    display: flex;align-items: center;
    justify-content: space-between;
}
.story .listArea .list li a ._info .left{max-width: 430px; width: 100%;}
.story .titBx p{font-size: 34px; font-weight: 600; color: #000; letter-spacing: -0.04em;margin-bottom: .8em;margin-top: .8em;line-height: calc(44/34);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.story .titBx span{font-size: 20px; font-weight: 400; color: #000; letter-spacing: -0.04em;line-height: calc(29/20);display: block;margin-bottom: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tag{display: flex;align-items: center; gap: 8px;flex-wrap: wrap; margin-bottom: 2em;}
.tag span{font-size: 16px; font-weight: 400; letter-spacing: -0.04em;padding: .5em 1em; background-color: var(--purple); color: #fff; font-weight: 500; border-radius: 3px;}
.story .listArea .list li a ._info > .right{}
.story .listArea .list li a ._info > .right i{font-size: 36px; color: #000;}

.story ._moreBtn{margin-top: 50px;}
/* .story ._moreBtn a{
    font-size: 17px;
    padding: 0 calc(34 / 17 * 1em);box-sizing: border-box;
    display: inline-flex;align-items: center;justify-content: center;
}

@media screen and (max-width: 1280px) {.story ._moreBtn a {font-size: 15px;}}
@media screen and (max-width: 1024px) {.story ._moreBtn a {font-size: 14px;}}
@media screen and (max-width: 500px) {.story ._moreBtn a {font-size: 12px;}} */


@media screen and (max-width: 1680px) {


    .story .swiperBx.story{overflow: hidden;}
    .story .swiperBx.story .swiper{overflow: hidden;}
    .story .swiperBx.story .swiper-slide .txtBx {
        top: 46%;
    }

    .story .titBx p{font-size: clamp(28px, 28 / 1440 * 100vw, 34px);}
    .story .titBx span{font-size: clamp(18px, 18 / 1440 * 100vw, 20px);}
    .story .swiperBx.story .arrowBx {top: 50%;}
    .story .swiperBx.story .arrowBx div{font-size: clamp(70px, 70 / 1440 * 100vw, 80px);}

    .story .swiperBx.story .swiper-slide{max-width: unset;}
    .story .swiperBx.story .swiper-slide img{width: 100%;}

    .story .flierBx ._searchBar .inputBx{width: 100%;}
    .story .flierBx ._searchBar .inputBx input{width: 100%;}


}
@media screen and (max-width: 1440px) {

    .story .tag span{font-size: clamp(14px, 14 / 1280 * 100vw, 16px);}

    .story .swiperBx.story .arrowBx {top: 45%;}
    .story .swiperBx.story .arrowBx div{font-size: clamp(60px, 60 / 1280 * 100vw, 70px);}
    .story .swiperBx.story .arrowBx .left {left: -20px;}
    .story .swiperBx.story .arrowBx .right {right: -20px;}

    .story .swiperBx.story .swiper-slide .txtBx {top: 42%;}




}
@media screen and (max-width: 1280px) {
    .story .swiperBx.story .swiper-slide .txtBx {top: 36%;}
    .story .titBx p{font-size: clamp(24px, 24 / 1024 * 100vw, 28px);}
    .story .titBx span{font-size: clamp(16px, 16 / 1024 * 100vw, 18px);}
    .story .swiperBx.story .arrowBx {top: 40%;}
    .story .swiperBx.story .arrowBx div{font-size: clamp(50px, 50 / 1024 * 100vw, 60px);}



    .story .listArea .list li a ._info .right i{font-size: clamp(30px, 30 / 1024 * 100vw, 36px);}
    .story .listArea .list li a ._info{padding-left: 40px;}


    .story .listArea .list li a ._info > .right{display: none;}
}
@media screen and (max-width: 1024px) {
    .story .swiperBx.story .swiper-slide .txtBx {
        left: 8%;
        top: unset;
        bottom: 8%;
        justify-content: flex-end;
        height: 100%;
    }
    .story .swiperBx.story .arrowBx {
        top: 50%;
    }
    .story .swiperBx.story .arrowBx .left {
        left: -15px;
    }
    .story .swiperBx.story .arrowBx .right {
        right: -15px;
    }

    .story .flierBx > h4{font-size: clamp(24px, 24 / 820 * 100vw, 26px);}
    .story .flierBx .filer_list .filter{align-items: flex-start;}
    .story .flierBx .filer_list .filter ul{flex-wrap: wrap;}

}
@media screen and (max-width: 820px) {
    .story .titBx p{font-size: clamp(22px, 22 / 500 * 100vw, 24px);}
    .story .swiperArea{margin-bottom: 0;}
    .story .swiperBx.story .arrowBx{position: unset;transform: unset;justify-content: center;margin-top: 4px;
    }
    .story .swiperBx.story .arrowBx div{font-size: clamp(30px, 30 / 500 * 100vw, 40px);
            background: linear-gradient(135deg, rgb(193, 156, 255) 30%, rgb(26, 213, 255) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;

    }
    .story .swiperBx.story .controlBx{margin-top: 20px;}
    .story .flierBx > h4{font-size: clamp(22px, 22 / 500 * 100vw, 24px);}
    .story .flierBx ._searchBar .inner > i {min-width: 38px;}
    .story .flierBx .filer_list .filter{flex-direction: column;}
    .story .flierBx .filer_list .filter ul li a{font-size: 14px;}


    .story .listArea .list li a{flex-direction: column;align-items: flex-start;gap: 40px;}
    .story .listArea .list li a ._info{padding-left: 0;}
    .story .listArea .list li a .imgBx{max-width: unset;}
    .story .listArea .list li a ._info .right i {
        font-size: clamp(25px, 25 / 500 * 100vw, 30px);
    }

}
@media screen and (max-width: 500px) {
    .story .titBx p {font-size: clamp(18px, 18 / 360 * 100vw, 22px);}
    .story .titBx span {font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    .story .tag span {font-size: clamp(12px, 12 / 360 * 100vw, 14px);}
    .story .swiperBx.story .arrowBx div{font-size: clamp(25px, 25 / 360 * 100vw, 30px);}
    .story .swiperBx.story .paging span{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}



    .story .flierBx{padding: 30px 12px; border-radius: 8px;}
    .story .flierBx > h4 {font-size: clamp(20px, 20 / 360 * 100vw, 22px);}
    .story .flierBx ._searchBar .inner{font-size: 12px;}

    .story .flierBx ._searchBar .select div{width: 70px; max-width: unset; min-width: unset;}

    .story .flierBx ._searchBar .inputBx input{padding-left: 8px;}
    .story .flierBx ._searchBar .inner > i {}
    /* .story .flierBx ._searchBar .inner > i{background-color: unset;color: #000;position: absolute;right: 6%;} */

    .story .listArea .list li a ._info .right i {font-size: clamp(20px, 20 / 360 * 100vw, 25px);}
    }
@media screen and (max-width: 320px) {
    /* ._resources .topBx p{font-size: clamp(12px, 12 / 360 * 100vw, 14px);}
    .story .swiperBx.story .swiper-slide .txtBx{bottom: 0;width: 90%;}
    .story .titBx p{font-size: clamp(14px, 14 / 280 * 100vw, 18px);}
    .story .titBx span { font-size: clamp(12px, 12 / 280 * 100vw, 14px); margin-bottom: 1em;}
    .story .tag span {font-size: clamp(10px, 10 / 280 * 100vw, 12px);}
    .story .flierBx .filer_list .filter .type{font-size: 16px;} */

    .story .flierBx ._searchBar .select div{width: 60px; padding: 0 8px;}
}



/* story_view */

.story_view ._contents{padding-top: 200px;letter-spacing: -0.04em;padding-bottom: 0;}
.story_view .cont{position: relative; width: 100%; display: flex;gap: 35px; align-items: flex-start;}

.story_view .cont ._left {
    max-width: 702px; width: 100%;
}
.story_view .cont .prev{position: absolute; left: -10%; top: 3%; font-size: 28px; color: var(--purple); cursor: pointer;}
.story_view .cont ._left .pinBx{width: 100%; display: flex;flex-direction: column; align-items: flex-start;gap: 30px;}
.story_view .cont ._left .imgBx{position: relative;max-width: 702px;width: 100%;}
.story_view .cont ._left .imgBx:before{content: ''; display: block; padding-bottom: calc(627/702*100%); width: 100%;}
.story_view .cont ._left .imgBx img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;border-radius: 12px;}


.story_view .cont ._right {padding: 70px;box-sizing: border-box;border: 1px solid #dddddd;border-radius: 18px;width: 100%;position: relative;}

.story_view .cont ._right .sub_tit{font-size: 16px;font-weight: 600;color: #b9b9b9;margin-bottom: 1em;}
.story_view .cont ._right ._tit{font-size: 42px;font-weight: 600;color: #000;margin-bottom: .5em;}
.story_view .cont ._right ._tit h4{line-height: 1.3;}
.story_view .cont ._right ._desc{font-size: 20px;font-weight: 400;color: #000;line-height: 1.3}
.story_view .cont ._right ._desc p{line-height: 1.3;}
.story_view .cont ._right .topBx{margin-top: 1.4em;}

.story_view .cont ._right ._list{margin-top: 40px;}
.story_view .cont ._right ._list li{border-bottom: 1px solid #dbdbdb;padding: 40px 0;}
.story_view .cont ._right ._list li:first-child{border-top: 1px solid #dbdbdb;}
.story_view .cont ._right ._list .tit{display: flex;gap: 10px;align-items: center;margin-bottom: 20px;}
.story_view .cont ._right ._list .tit h5{
    font-size: 28px;font-weight: 600;color: var(--purple);
}
.story_view .cont ._right ._list .tit small{
    font-size: 16px;font-weight: 400;color: #8a8a8a;
}
.story_view .cont ._right ._list .line{
    width: 19px;height: 2px;background-color: var(--purple);
    margin-bottom: .8em;

}
.story_view .cont ._right ._list .desc{}
.story_view .cont ._right ._list .desc p{
    font-size: 17px;font-weight: 300;color: #161616;
    line-height: calc(29/17);
}

.story_view .cont ._right .arrowBx{
    display: flex;gap: 20px;
    position: absolute;
    right:9%;
    bottom: 2%;
    font-size: 28px;
    cursor: pointer;
}

.story_view .cont ._right .arrowBx ._prev{color: rgba(0, 0, 0, 0.39);}
.story_view .cont ._right .arrowBx i{transition: color .3s;}
.story_view .cont ._right .arrowBx i:hover{color: #000;}


.story_view .recent{position: relative;margin-top: 60px;padding: 80px 0;box-sizing: border-box;}
.story_view .recent .bg{
    background-color: #f1f1f1;
    position: absolute;top: 0;left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.story_view .recent .recentBx{}
.story_view .recent .recentBx ._tit{font-size: 43px;font-weight: 600;color: #000;text-align: center;overflow: hidden;}

.story_view .recent .recentBx .listBx{display: flex;gap: 35px;margin-top: 50px;}
.story_view .recent .recentBx .listBx li{max-width: 458px;width: 100%;}
.story_view .recent .recentBx .listBx .imgBx{position: relative;width: 100%;overflow: hidden;border-radius: 12px;}
.story_view .recent .recentBx .listBx .imgBx::before{content: ''; display: block; padding-bottom: calc(627/702*100%);}
.story_view .recent .recentBx .listBx .imgBx img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;border-radius: 12px;}
.story_view .recent .recentBx .listBx .topBx{padding-left: 5px;padding-top: 20px; box-sizing: border-box;}
.story_view .recent .recentBx .listBx .topBx .left{display: flex; gap: 8px; flex-wrap: wrap;}
/* .story_view .recent .recentBx .listBx .topBx .left{display: flex;gap: 8px;align-items: center;} */
.story_view .recent .recentBx .listBx .topBx .left span{
    background-color: var(--purple);
    color: #fff;
    font-weight: 500;
}
.story_view .recent .recentBx .listBx .titBx{padding-left: 5px;box-sizing: border-box;font-size: 20px;margin-top: .8em;margin-bottom: 1.2em;}
.story_view .recent .recentBx .listBx .titBx p{font-weight: 600;color: #000;line-height: calc(30/20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.story_view .more{box-sizing: border-box;position: relative;display: flex;
    align-items: center;justify-content: center;}
.story_view .more .bg{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 130px 0;
    box-sizing: border-box;
}
.story_view .more .bg::before{content: ''; display: block; padding-bottom: calc(338/1920*100%); width: 100%;}


.story_view .more .bg .pc{
    background-image: url('/asset/img/sub/story_view_bg.jpg');
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.story_view .more .wrap{position: absolute;z-index: 2;}
.story_view .more .moreBx ._tit{}
.story_view .more .moreBx ._tit > div{overflow: hidden;}
/* .story_view .more .moreBx {padding: 130px 0;box-sizing: border-box;} */
.story_view .more .moreBx ._tit small{font-size: 17px;color: #fff;font-weight: 300;line-height: 1.3;display: block;}
.story_view .more .moreBx ._tit h4{font-size: 42px;font-weight: 600;color: #fff;line-height: calc(63/42);margin-bottom: 1.2em;margin-top: .5em;}
.story_view .more .moreBx ._tit p{font-size: 17px;font-weight: 400;color: #fff;line-height: calc(29/17);}
.story_view .more .moreBx ._moreBtn{display: flex;margin-top: 25px;}
.story_view .more .moreBx ._moreBtn a{margin: unset;}


/* 호버 */
.story_view .recent .recentBx .listBx img{transition: transform 1s;}
html.pc .story_view .recent .recentBx .listBx img:hover{transform: scale(1.2);}



@media screen and (max-width: 1680px) {
    .story_view .cont .prev {left: 0%; top:0; transform: translateY(-130%);}
    .story_view .cont ._right ._tit, .story_view .more .moreBx ._tit h4{font-size: clamp(38px, 38 / 1440 * 100vw, 42px);}
    .story_view .recent .recentBx ._tit{font-size: clamp(38px, 38 / 1440 * 100vw, 43px);}
}
@media screen and (max-width: 1440px) {
    .story_view .cont ._right ._tit, .story_view .more .moreBx ._tit h4 {
        font-size: clamp(34px, 34 / 1280 * 100vw, 38px);
    }
    .story_view .cont ._right ._desc{font-size: clamp(18px, 18 / 1280 * 100vw, 20px);}
    .story_view .cont ._right ._list .tit h5{font-size: clamp(25px, 25 / 1280 * 100vw, 28px);}
    .story_view .recent .recentBx ._tit{font-size: clamp(34px, 34 / 1280 * 100vw, 38px);}

    .story_view .recent .recentBx .listBx .titBx{font-size: clamp(18px, 18 / 1280 * 100vw, 20px);}
}
@media screen and (max-width: 1280px) {
    .story_view .cont ._right ._tit, .story_view .more .moreBx ._tit h4 {
        font-size: clamp(30px, 30 / 1024 * 100vw, 34px);
    }
    .story_view .cont ._right ._list .tit h5 {
        font-size: clamp(22px, 22 / 1024 * 100vw, 25px);
    }
    .story_view .cont ._right ._list .desc p {font-size: 16px;}
    .story_view .recent .recentBx ._tit {
        font-size: clamp(30px, 30 / 1024 * 100vw, 34px);
    }
    .story_view .more .moreBx ._tit small , .story_view .more .moreBx ._tit p {font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .story_view .cont{gap: 20px;}
    .story_view .cont ._right {padding: 50px 20px;}
    .story_view .cont ._right ._tit, .story_view .more .moreBx ._tit h4 {font-size: clamp(25px, 25 / 820 * 100vw, 30px);}
    .story_view .cont ._right ._desc {font-size: clamp(16px, 16 / 820 * 100vw, 18px);}
    .story_view .cont ._right .tag span {font-size: clamp(14px, 14 / 820 * 100vw, 16px);}

    .story_view .cont ._right .arrowBx{bottom: 12px;}
    /* .story_view .recent .recentBx .listBx .titBx {font-size: clamp(16px, 16 / 820 * 100vw, 18px);} */
}

@media screen and (max-width: 820px) {
    .story_view .cont{flex-direction: column; gap: 40px;}
    .story_view .cont ._left .pinBx{gap: 20px;}
    .story_view .cont ._right {padding: 40px;}
    .story_view .cont ._right .arrowBx{font-size: 22px;}
    .story_view .cont .prev{font-size: 22px;}
    .story_view .recent .recentBx .listBx{flex-direction: column;}
    .story_view .recent .recentBx .listBx li{max-width: unset;}


    .story_view .more .bg{padding: 180px 0;}
}

@media screen and (max-width: 500px) {
    .story_view .cont ._right {
        padding: 40px 20px;
    }
    .story_view .cont ._right .sub_tit{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    .story_view .cont ._right ._tit, .story_view .more .moreBx ._tit h4 {
        font-size: clamp(22px, 22 / 360 * 100vw, 25px);
    }
    .story_view .cont ._right ._desc {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }
    .story_view .cont ._right .tag{flex-wrap: wrap;}
    .story_view .cont ._right ._list .tit h5 {
        font-size: clamp(20px, 20 / 360 * 100vw, 22px);
    }
    .story_view .cont ._right ._list .tit small{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    .story_view .cont ._right ._list .desc p {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }
    .story_view .recent .recentBx ._tit {
        font-size: clamp(26px, 26/ 360 * 100vw, 30px);
    }
    .story_view .recent .recentBx .listBx .titBx{font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
    .story_view .more .moreBx ._tit small, .story_view .more .moreBx ._tit p {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }
}

@media screen and (max-width: 360px) {
    .story_view .cont ._right ._tit, .story_view .more .moreBx ._tit h4{
        font-size: clamp(18px, 18 / 280 * 100vw, 22px);
    }
    .story_view .cont ._right ._list .tit h5 {
        font-size: clamp(18px, 18 / 280 * 100vw, 20px);
    }
    .story_view .cont ._right .arrowBx {
        font-size: 18px;
    }
    .story_view .recent .recentBx ._tit {
        font-size: clamp(23px, 23 / 280 * 100vw, 26px);
    }
    .story_view .more .moreBx ._tit h4 br{display: none;}
}


@media screen and (max-width: 820px) {
    .story_view ._contents {
        padding-top: 150px;
    }
}