.newsroom .s1 .txt .tab a:not(.on):hover {
    color: #7898f2;
}

.newsroom br.all {
    display: block !important;
}
.newsroom br.pcOnly {
    display: block !important;
}
.newsroom br.mbOnly {
    display: none !important;
}
@media screen and (max-width: 820px) {
    .newsroom br.pcOnly {
        display: none !important;
    }
    .newsroom br.mbOnly._820 {
        display: block !important;
    }
    .newsroom br._820gone, .newsroom br._820gone._500, .newsroom br._820gone._820, br._820gone.all, br._820gone._360 {
        display: none !important;
    }
}
@media screen and (max-width: 500px) {
    .newsroom br.mbOnly._500 {
        display: block !important;
    }
    .newsroom br._500gone, .newsroom br._500gone._500, .newsroom br._500gone._820, br._500gone.all, br._500gone._360 {
        display: none !important;
    }
}
@media screen and (max-width: 360px) {
    .newsroom br.mbOnly._360 {
        display: block !important;
    }
    .newsroom br._360gone, .newsroom br._360gone._500, .newsroom br._360gone._820, br._360gone.all {
        display: none !important;
    }
}

.view{ max-width: 1080px; width: 95%; margin: 0 auto; padding: 180px 0; }
.viewCOnt{ max-width: 1080px; }
.viewCont .date{ text-align: center; }
.viewCont .date span{ font-size: 18px; letter-spacing: -0.03em; color: #555; }
.viewCont .tit h3{ font-size: 48px; font-weight: 600; letter-spacing: -0.03em; line-height: 1.2; text-align: center; margin-top: 31px; color: #060000; word-break: keep-all;}
.viewCont .cont{ color: #222; }
.viewCont .cont .txt{ margin-top: 80px; min-height: 500px; width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #222;}
.viewCont .cont .txt p{ margin: 18px 0; font-size: 18px; letter-spacing: -0.03em; line-height: 1.8; }
.viewCont .cont .listWrap{ border-bottom: 1px solid #222; }
.viewCont .cont .listWrap ul li > a{ display: flex; align-items: center; padding: 30px 28px; cursor: pointer; }
.viewCont .cont .listWrap ul li:first-child{border-bottom: 1px solid #ddd;}
.viewCont .cont .listWrap ul li p{ font-size: 16px; letter-spacing: -0.03em; color: #222; margin-left: 26px; line-height: 1.2; word-break: keep-all; }
.viewCont .btnArea{ margin: 50px auto 0; display: flex; justify-content: center; }
.viewCont .btnArea .button{ width: 152px; padding: 18px 0; border-radius: 28px; display: flex; justify-content: center; align-items: center; background: linear-gradient(90deg, #7095f3 0%, #63aef4 100% );  color: #fff; cursor: pointer; }
.viewCont .btnArea .button p{ font-size: 16px; letter-spacing: -0.03em; font-weight: 600; }
.viewCont .btnArea .button i{ font-size: 20px; margin-left: 17px; }

/* event view */
.view._event .date{ display: flex; flex-direction: column; align-items: center; gap: 30px; }
.view._event .date .badge{ width: 70px; padding: 8px 0; border-radius: 16px; background: #0076ff; color: #fff; font-size: 14px; letter-spacing: -0.03em; }
.view._event .date .dateBx{ display: flex; justify-content: center; }
.view._event .date .dateBx span{ display: inline-block; margin-left: 8px;}
.view._event .viewCont .btnArea{ gap: 10px; }

/* magazine view */
.view._magazine .date{ display: flex; justify-content: center; }
.view._magazine .date .badge{ width: 70px; padding: 8px 0; border-radius: 16px; background: #0076ff; color: #fff; font-size: 14px; letter-spacing: -0.03em; }

@media screen and (max-width: 1024px){
    .view{ padding-bottom: 50px; }
    .viewCont .tit h3{ font-size: 40px; margin-top: 20px; }
}
@media screen and (max-width: 820px){
    .view{ padding-bottom: 80px; width: 90%; }
    .viewCont .tit h3{ font-size: 30px; }
    .viewCont .cont .listWrap ul li > a{ padding: 15px; }
}
@media screen and (max-width: 500px){
    .view{ padding: 100px 0 50px; }
    .viewCont .date span{ font-size: 14px; }
    .viewCont .tit h3{ font-size: 24px; margin-top: 18px; }
    .viewCont .cont .txt{ margin-top: 30px; min-height: 300px; }
    .viewCont .cont .txt p{ font-size: 14px; margin: 30px 0; }
    
    .viewCont .cont .listWrap ul li p{ line-height: 1.4; font-size: 14px; }
    .view._event .date{ gap: 20px; }
    .view._event .date .badge,
    .view._magazine .date .badge{ width: 68px; font-size: 13px; }
    .viewCont .btnArea .button{ width: 140px; padding: 15px 0; }
    .viewCont .btnArea .button p{ font-size: 15px; }
}





.newsroom .sec_title {
    font-size: 60px;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #060000;
    padding-bottom: calc(70/60*1em);
}
@media screen and (max-width: 1024px) {
    .newsroom .sec_title {
        font-size: clamp(50px, 55/1024*100vw, 55px);
    }
}
@media screen and (max-width: 820px) {
    .newsroom .sec_title {
        font-size: clamp(45px, 50/820*100vw, 50px);
    }
}
@media screen and (max-width: 500px) {
    .newsroom .sec_title {
        font-size: clamp(40px, 45/500*100vw, 45px);
    }
}
@media screen and (max-width: 360px) {
    .newsroom .sec_title {
        font-size: clamp(32px, 40/360*100vw, 40px);
        padding-bottom: calc(30/40*1em);
    }
}

.paging {display: flex; align-items: center; justify-content: center; padding-top: 85px;}
.paging > div {display: flex; align-items: center;}
.paging > .num {padding: 0 calc(30/18*1em); gap: calc(15/18*1em);}
.paging > .num a {width: calc(35/18*1em); height: calc(35/18*1em); display: flex; align-items: center; justify-content: center; font-family: 'Pretendard'; font-weight: 500; font-size: 18px; letter-spacing: -0.03em; color: #000; border-radius: 50%; }
.paging > .num a.act {background: #0d9aff; color: #fff;}
.paging > .arr a {width: calc(35/18*1em); height: calc(35/18*1em); display: flex; align-items: center; justify-content: center; font-family: 'Pretendard'; font-weight: 500; font-size: 18px; letter-spacing: -0.03em; color: #000; border-radius: 50%; }
.paging a {transition: all 0.3s;}
.paging a:hover {color: #0d9aff;}
@media screen and (max-width: 820px) {
    .paging > .num a {
        font-size: clamp(16px, 18/820*100vw, 18px);
    }
}
@media screen and (max-width: 500px) {
    .paging {
        padding-top: 50px;
    }
    .paging > .num {
        padding: 0 calc(10/14*1em);
        gap: 5px;
    }
    .paging > .num a {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
    .paging > .arr a {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    .paging > .num {
        padding: 0 calc(2/14*1em);
        gap: calc(1/14*1em);
    }
    .paging > .num a {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
    .paging > .arr a {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
}

.newsroom.sub .s1 .txt .tab a.on {
    background: linear-gradient(-30deg, #74e7fa 0%, #7998f2 100%);
}
.newsroom.sub .s1 .rect {
    background: #fff;
}

.newsroom .s2 {
    background: #fff;
    --s2_pd: 70px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 150px;
}
.newsroom .s2::before {
    content: '';
    display: block;
    width: 100%; height: 3px;
    background: #fff;
    position: absolute;
    top: 0; left: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.newsroom .s2 .inner {
    display: flex; flex-direction: column; align-items: center;
}
.newsroom .s2 .inner .top {
    width: 100%;
    display: flex; align-items: flex-end; justify-content: space-between;
    font-size: 16px;
    padding-bottom: calc(30/16*1em);
    letter-spacing: -0.045em;
    border-bottom: 1px solid #222;
}

.newsroom .selectBox {font-size: inherit; background: #f3f3f3; cursor: pointer; position: relative; display: flex; align-items: center; border:none; box-sizing: border-box; border-radius: calc(30/16*1em); padding: calc(10/16*1em);} 
.newsroom .selectBox input {width: calc(195/16*1em); padding-left: calc(25/16*1em); color: inherit; background: none; cursor: pointer; width: 100%; border: none; font-size: inherit; letter-spacing: -0.045em;}
.newsroom .selectBox i {display: flex; align-items: center; justify-content: center; font-size: inherit; width: calc(40/16*1em); height: calc(40/16*1em); transition: .4s;}
.newsroom .selectBox.active i {transform: scaleY(-1);}
.newsroom .selectBox .optWrap {position: absolute; left: 0; top: calc(100% + 10px); padding-bottom: 10px; width: 100%; text-align: center; cursor: pointer; padding-top: 4px; display: none; z-index: 10; box-sizing: border-box; background: #f3f3f3; padding: 10px; border-radius: 16px; overflow: hidden; height: 150px; }
.newsroom .selectBox .optWrap ul { height: 100%; overflow-y: auto; box-sizing: border-box; width: 100%; }
.newsroom .selectBox .optWrap ul::-webkit-scrollbar {width: 2px;}
.newsroom .selectBox .optWrap ul::-webkit-scrollbar-thumb {background: #848788; border-radius: 10px;}
.newsroom .selectBox .optWrap ul li span {font-size: calc(14/16*1em); padding: calc(11/14*1em) 0; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .4s;}
.newsroom .selectBox .optWrap ul li:hover span {background: rgba(0,0,0,0.05);}

.newsroom .s2 .inner .top .total {
    display: flex; align-items: center;
    font-family: 'Poppins';
    letter-spacing: -0.03em;
    color: #060000;
    font-size: inherit;
}
.newsroom .s2 .inner .top .total span {
    padding: 0 calc(10/16*1em);
}
.newsroom .s2 .inner .top .total b {
    font-weight: 600;
    color: #0076ff;
}
.newsroom .s2 .inner .top .search {
    display: flex; align-items: center;
    border-radius: calc(30/16*1em);
    background: #f3f3f3;
    font-size: inherit;
    font-family: 'Pretendard';
    letter-spacing: -0.03em;
    color: #222222;
    padding: calc(10/16*1em);
    box-sizing: border-box;
}
.newsroom .s2 .inner .top .search input {
    width: calc(300/16*1em);
    border: none;
    outline: none;
    background: transparent;
    padding-left: calc(25/16*1em);
    font-size: 16px; letter-spacing: -0.045em;
}
.newsroom .s2 .inner .top .search input::placeholder {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    opacity: .5;
}
.newsroom .s2 .inner .top .search button {
    flex-shrink: 0;
    width: calc(40/16*1em); height: calc(40/16*1em);
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: #555;
    color: #fff;
}
@media screen and (max-width: 1280px) {
    .newsroom .s2 .inner .top {
        font-size: clamp(15px, 16/1280*100vw, 16px);
    }
}
@media screen and (max-width: 820px) {
    .newsroom .s2 {
        padding-top: 30px;
        padding-bottom: 80px;
    }
    .newsroom .s2 .inner .top {
        font-size: clamp(14px, 16/820*100vw, 16px);
        padding-bottom: calc(20/16*1em);
    }
    .newsroom .s2 .inner .top .search button {
        width: calc(30/16*1em);
        height: calc(30/16*1em);
    }
    .newsroom .s2 .inner .top .search input {
        width: calc(170/16*1em);
        padding-left: calc(20/16*1em);
    }
    .newsroom .selectBox i {
        width: calc(30/16*1em);
        height: calc(30/16*1em);
    }
    .newsroom .selectBox input {
        width: calc(130/16*1em);
        padding-left: calc(20/16*1em);
    }
}
@media screen and (max-width: 500px) {
    .newsroom .s2 .inner .top {
        font-size: clamp(13px, 14/500*100vw, 14px);
        padding-bottom: calc(20/14*1em);
        flex-direction: column-reverse;
        align-items: center;
        gap: calc(10/14*1em);
    }
    .newsroom .s2 .inner .top .search {
        width: 100%;
    }
    .newsroom .s2 .inner .top .search input {
        width: 100%;
        font-size: 14px;
        padding-left: 15px;
    }
    .newsroom .selectBox {
        width: 100%;
    }
    .newsroom .selectBox input {
        width: 100%;
    }
}

/* press list */
.press .s2 .inner .list {
    display: flex; flex-direction: column;
    border-bottom: 1px solid #222;
    width: 100%;
}
.press .s2 .inner .list a {
    display: flex; align-items: center; justify-content: space-between;
    font-size: 30px;
    padding: calc(45/30*1em) 0;
    --arr_w: calc(80/30*1em);
}
.press .s2 .inner .list a + a {
    border-top: 1px solid #ddd;
}
.press .s2 .inner .list a .txt {
    display: flex; flex-direction: column;
    max-width: calc(100% - var(--arr_w));
    box-sizing: border-box;
    padding-right: calc(125/30*1em);
}
.press .s2 .inner .list a .txt .tit {
    font-family: 'Pretendard';
    font-size: inherit;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #060000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: calc(30/30*1em);
}
.press .s2 .inner .list a .txt .desc {
    font-family: 'Pretendard';
    font-size: 18px;
    letter-spacing: -0.03em;
    line-height: calc(30/18*1em);
    color: #555;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    word-break: keep-all;
    margin-bottom: calc(45/18*1em);
}
.press .s2 .inner .list a .date {
    font-family: 'Pretendard';
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #555;
}
.press .s2 .inner .list a .arr {
    width: var(--arr_w);
    height: var(--arr_w);
    display: flex; align-items: center; justify-content: center;
    background: #ddd;
    color: #fff;
    border-radius: 50%;
    font-size: calc(30/30*1em);
    transition: .4s;
}
@media screen and (min-width: 821px) {
    .press .s2 .inner .list a:hover .arr {
        background: #0076ff;
    }
}
@media screen and (max-width: 1280px) {
    .press .s2 .inner .list a {
        font-size: clamp(25px, 30/1280*100vw, 30px);
    }
}
@media screen and (max-width: 1024px) {
    .press .s2 .inner .list a {
        font-size: clamp(21px, 25/1024*100vw, 25px);
    }
    .press .s2 .inner .list a .txt .desc {
        font-size: clamp(16px, 18/1024*100vw, 18px);
    }
    .press .s2 .inner .list a .date {
        font-size: clamp(16px, 18/1024*100vw, 18px);
    }
}
@media screen and (max-width: 820px) {
    .press .s2 .inner .list a .txt {
        padding-right: calc(30/25*1em);
    }
    .press .s2 .inner .list a .txt .desc {
        font-size: clamp(14px, 16/820*100vw, 16px);
    }
    .press .s2 .inner .list a .date {
        font-size: clamp(14px, 16/820*100vw, 16px);
    }
    .press .s2 .inner .list a .arr {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .press .s2 .inner .list a .txt {
        padding-right: 0;
        width: 100%;
        max-width: 100%;
    }
    .press .s2 .inner .list a {
        font-size: clamp(16px, 20/500*100vw, 20px);
    } 

}
@media screen and (max-width: 360px) {
    .press .s2 .inner .list a .txt .tit {
        font-size: clamp(18px, 21/360*100vw, 21px);
    }
    .press .s2 .inner .list a .txt .desc {
        font-size: clamp(14px, 16/360*100vw, 16px);
    }
    .press .s2 .inner .list a .date {
        font-size: clamp(14px, 16/360*100vw, 16px);
    }
}