@charset "UTF-8";

/* **************************************** *
 * 수시, 정시 통계 / 수시, 정시 바로가기
 * **************************************** */
/* 수시, 정시 통계 */
.msec-admission{display:flex; gap:2rem; width:150rem; margin:0 auto; box-sizing:border-box}
.msec-admission .stats-item{display:flex; align-items:center; flex:1; position:relative; height:14.5rem; padding:3rem 4rem; background-color:#fff; border-radius:2.2rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); transition:all .35s ease; box-sizing:border-box}

.msec-admission .stats-item .stats-info{display:flex; flex-direction:column; gap:1.5rem; position:relative; top:-0.1rem}
.msec-admission .stats-item .stats-info .stats-tit{line-height:1.4em; color:#006fff; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem; transition:all .35s ease}
.msec-admission .stats-item .stats-info .stats-count{display:inline-flex; align-items:flex-end; gap:1rem}
.msec-admission .stats-item .stats-info .stats-count .num{line-height:1.2em; font-family:Poppins; color:#202020; font-family:Poppins; font-size:2.8rem; font-weight:600; transition:all .35s ease}
.msec-admission .stats-item .stats-info .stats-count .uni{position:relative; top:-0.6rem; line-height:1.2em; color:#202020; font-size:1.4rem; font-weight:300; transition:all .35s ease}
.msec-admission .stats-item:after{content:''; position:relative; right:-1rem; margin-left:auto; transition:all .35s ease}

.msec-admission .stats-item:nth-child(1):after{width:7.9rem; height:4.3rem; min-width:7.9rem; min-height:4.3rem; background:url(/resources/img/main/admission-stats-ico01-or.svg) 50% 50% no-repeat; background-size:6.3rem 4.3rem}
.msec-admission .stats-item:nth-child(1):hover:after{background:url(/resources/img/main/admission-stats-ico01-ov.svg) 50% 50% no-repeat; background-size:6.3rem 4.3rem}

.msec-admission .stats-item:nth-child(2):after{width:7.9rem; height:4.4rem; min-width:7.9rem; min-height:4.4rem; background:url(/resources/img/main/admission-stats-ico03-or.svg) 50% 50% no-repeat; background-size:4.3rem 4.4rem}
.msec-admission .stats-item:nth-child(2):hover:after{background:url(/resources/img/main/admission-stats-ico03-ov.svg) 50% 50% no-repeat; background-size:4.3rem 4.4rem}

.msec-admission .stats-item:hover{background-color:#006fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 111, 255, 0.5)}
.msec-admission .stats-item:hover .stats-info .stats-tit,
.msec-admission .stats-item:hover .stats-info .stats-count .num,
.msec-admission .stats-item:hover .stats-info .stats-count .uni{color:#fff}


/* 바로가기 */
.msec-admission .shortcuts-item{display:flex; flex-direction:column; justify-content:center; position:relative; flex:1; height:14.5rem; padding:2rem 3rem 2rem; background-color:#ecf1ff; border-radius:2.2rem; overflow:hidden; box-sizing:border-box}
.msec-admission .shortcuts-item:before{display:flex; align-items:center; justify-content:center; position:absolute; right:2rem; top:50%; transform:translateY(-50%); width:5.6rem; height:5.6rem; font-family:'remixicon'; color:#006fff; font-size:2.6rem; background-color:#fff; border-radius:20rem; box-shadow:0 .3rem 1rem 0 rgba(0, 111, 255, 0.15); z-index:2}
.msec-admission .shortcuts-item:nth-child(3):before{content:'\ee20'}
.msec-admission .shortcuts-item:nth-child(4):before{content:'\f332'}

.msec-admission .shortcuts-item:after{content:'\ea70'; display:inline-flex; align-items:center; justify-content:center; position:relative; top:-0.2rem; margin-top:1.2rem; min-width:2.6rem; min-height:2.6rem; width:fit-content; color:#fff; font-family:'remixicon'; font-size:1.5rem; background-color:#202020; border-radius:50%; z-index:2}

.msec-admission .shortcuts-item .shortcuts-sub{display:block; color:#6b7280; font-size:1.3rem; font-weight:400; letter-spacing:-0.02rem; margin-bottom:0.2rem; z-index:2}
.msec-admission .shortcuts-item .shortcuts-tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.1rem; font-weight:300; letter-spacing:-0.05rem; z-index:2}

.msec-admission .shortcuts-item .shortcuts-bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(/resources/img/main/shortcuts-ico01.svg) calc(100% - 1rem) calc(100% + 1rem) no-repeat; background-size:8rem; opacity:0.08; z-index:1}

@keyframes border-glow{0%{border-color:rgba(0, 111, 255, 0.2); box-shadow:0 0 0 rgba(0, 111, 255, 0)} 50%{border-color:rgba(0, 111, 255, 0.6); box-shadow:0 0 1.5rem rgba(0, 111, 255, 0.15)} 100%{border-color:rgba(0, 111, 255, 0.2); box-shadow:0 0 0 rgba(0, 111, 255, 0)}}
.msec-admission .shortcuts-item{border:2px solid rgba(0, 111, 255, 0.2); animation:border-glow 3s ease-in-out infinite; transition:all .35s ease}
.msec-admission .shortcuts-item:hover{animation:none; border-color:#006fff; box-shadow:0 .4rem 1.6rem 0 rgba(0, 111, 255, 0.3); transform:translateY(-0.3rem)}


/* **************************************** *
 * 로그인
 * **************************************** */
.msec-login{display:flex; flex-wrap:wrap; gap:4rem; position:relative; width:150rem; margin:0 auto; box-sizing:border-box}
.msec-login .msec-top{flex:1; display:flex}
.msec-login .msec-top .top-tit{display:flex; flex-direction:column; gap:0.8rem; width:100%}
.msec-login .msec-top .top-tit .tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.8rem; font-weight:600; letter-spacing:-0.08rem}
.msec-login .msec-top .top-tit .info{display:flex; align-items:center; line-height:1.4em; color:#202020; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.msec-login .msec-top .top-tit .info:after{content:''; flex:1; position:relative; top:0.5rem; height:1px; margin-left:2rem; background-color:#e8e8e8}

.msec-login .login-platform{display:flex; align-items:center; flex-wrap:wrap; gap:1.4rem; min-width:60rem; max-width:60rem}
.msec-login .login-item{flex:1; display:flex; align-items:center; justify-content:center; position:relative; height:6.4rem; border-radius:1.2rem; box-sizing:border-box}
.msec-login .login-item:before{content:''; position:absolute; left:2.5rem}
.msec-login .login-item.kakao:before{width:2.6rem; height:2.6rem; background:url(/resources/img/main/login-kakao.svg) 50% 50% no-repeat; background-size:2.6rem}
.msec-login .login-item.naver:before{width:1.8rem; height:1.8rem; background:url(/resources/img/main/login-naver.svg) 50% 50% no-repeat; background-size:1.8rem}
.msec-login .login-item span{line-height:1.4em; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.msec-login .login-item.kakao{background-color:#fae100}
.msec-login .login-item.kakao span{color:#202020}
.msec-login .login-item.naver{background-color:#00c300}
.msec-login .login-item.naver span{color:#fff}

.msec-login .login-after{display:flex; align-items:center; flex-wrap:wrap; gap:1.4rem; min-width:44rem; max-width:44rem}
.msec-login .login-item.mypage:before,
.msec-login .login-item.logout:before{content:'\ea6c'; font-family:'remixicon'; font-size:2rem}
.msec-login .login-item.mypage:before{content:'\f256'; color:#fff}
.msec-login .login-item.logout:before{content:'\eede'; color:#202020}

.msec-login .login-item span{line-height:1.4em; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.msec-login .login-item.mypage{background-color:#006fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 111, 255, 0.5)}
.msec-login .login-item.mypage span{color:#fff}
.msec-login .login-item.logout{background-color:#f8f8f8}
.msec-login .login-item.logout span{color:#202020}


/* **************************************** *
 * AD
 * **************************************** */
.msec-ad{display:flex; gap:4rem; width:150rem; margin:0 auto; box-sizing:border-box}


/* **************************************** *
 * 소개 패널
 * **************************************** */
.msec-intro-panel{width:150rem; margin:0 auto; box-sizing:border-box}
.msec-intro-panel .intro-item{display:flex; align-items:flex-start; gap:6rem; border-radius:2.2rem; box-sizing:border-box}
.msec-intro-panel .intro-item .intro-img{flex:4; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:2rem; overflow:hidden}
.msec-intro-panel .intro-item .intro-img img{width:100%; height:100%; object-fit:cover; transition:transform .35s ease}
.msec-intro-panel .intro-item .intro-img:hover img{transform:scale(1.05)}
.msec-intro-panel .intro-item .intro-text{display:flex; flex-direction:column; gap:2rem; flex:6}
.msec-intro-panel .intro-item .intro-label{line-height:1.4em; color:#006fff; font-family:Poppins; font-size:1.3rem; font-weight:600; letter-spacing:0.15rem}
.msec-intro-panel .intro-item .intro-tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.4rem; font-weight:600; letter-spacing:-0.08rem}
.msec-intro-panel .intro-item .intro-divider{width:4rem; height:2px; background:linear-gradient(90deg, #006fff, #2fdaa6)}
.msec-intro-panel .intro-item .intro-desc{line-height:1.9em; color:#505050; font-size:1.6rem; font-weight:300; letter-spacing:-0.03rem; word-break:keep-all; text-align:justify}
.msec-intro-panel .intro-item .intro-desc strong{color:#006fff; font-weight:600}
.msec-intro-panel .intro-item .intro-cta{display:inline-flex; align-items:center; gap:0.8rem; margin-top:1rem; width:fit-content; padding:1.2rem 2.4rem; color:#fff; font-size:1.5rem; font-weight:300; letter-spacing:-0.03rem; background-color:#006fff; border-radius:20rem; transition:all .35s ease}
.msec-intro-panel .intro-item .intro-cta i{font-size:1.7rem; transition:transform .35s ease}
.msec-intro-panel .intro-item .intro-cta:hover{background-color:#0058cc; box-shadow:0 .4rem 1.2rem 0 rgba(0, 111, 255, 0.4)}
.msec-intro-panel .intro-item .intro-cta:hover i{transform:translateX(0.4rem)}

.msec-intro-panel.reverse .intro-item{flex-direction:row-reverse}
.msec-intro-panel.reverse .intro-item .intro-text{}


/* **************************************** *
 * 공지사항
 * **************************************** */
.msec-notice{display:flex; flex-direction:column; position:relative; width:150rem; margin:0 auto; box-sizing:border-box}
.msec-notice .msec-top{display:flex}
.msec-notice .msec-top .top-tit{display:flex; gap:0.8rem; width:100%}
.msec-notice .msec-top .top-tit .tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.8rem; font-weight:600; letter-spacing:-0.08rem}

.msec-notice .notice-latest{display:flex; flex-direction:column; gap:0.8rem; min-height:46rem; margin-top:3.3rem}
.msec-notice .notice-latest .latest-item{display:flex; align-items:center; height:6.4rem; padding:0 2rem; background-color:#f8f8f8; border:1px solid #ebebeb; border-radius:2rem; transition:all .35s ease; box-sizing:border-box}

.msec-notice .notice-latest .latest-item .col1{flex:1; display:flex; align-items:center}
.msec-notice .notice-latest .latest-item .col2{flex:none; display:flex; align-items:center}

.msec-notice .notice-latest .latest-item .item-category{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:5.8rem; height:3.2rem; margin-right:2rem; padding:0 1.2rem; background-color:#006fff; border:0; border-radius:20rem; vertical-align:middle; transition:none; box-sizing:border-box}
.msec-notice .notice-latest .latest-item .item-category span{color:#fff; line-height:1.2em; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem; text-align:center; white-space:nowrap}
.msec-notice .notice-latest .latest-item .item-subject{flex:1; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden; box-sizing:border-box}
.msec-notice .notice-latest .latest-item .item-subject strong{position:relative; line-height:1.25em; color:#202020; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem}
.msec-notice .notice-latest .latest-item .item-view{display:inline-flex; align-items:center; justify-content:flex-end; position:relative; gap:1rem; min-width:12rem; max-width:12rem}
.msec-notice .notice-latest .latest-item .item-view:after{content:''; width:0.1rem; height:1.5rem; margin:0 0.2rem; background-color:#dadada}
.msec-notice .notice-latest .latest-item .item-view span{display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem; text-align:right}
.msec-notice .notice-latest .latest-item .item-view span.tit{color:#909090}
.msec-notice .notice-latest .latest-item .item-view span.tit:before{content:'\f0cf'; display:inline-flex; align-items:center; margin-right:0.3rem; color:#505050; font-family:'remixicon'; font-size:1.7rem}
.msec-notice .notice-latest .latest-item .item-date{display:inline-flex; align-items:center; justify-content:center; min-width:10rem; max-width:10rem}
.msec-notice .notice-latest .latest-item .item-date span{line-height:1.25em; color:#909090; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center}
.msec-notice .notice-latest .latest-item:hover{background-color:#fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12)}

.msec-notice .notice-latest .latest-nodata{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5rem}
.msec-notice .notice-latest .latest-nodata p{line-height:1.25em; color:#808080; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center}
.msec-notice .notice-latest .latest-nodata:before{content:'\ece6'; display:flex; align-items:center; justify-content:center; width:6rem; height:6rem; color:#909090; font-family:'remixicon'; font-size:2.1rem; background-color:#efefef; border-radius:50%}

.msec-notice .msec-more{position:absolute; right:0; top:0.3rem}


/* **************************************** *
 * 수시, 정시 검색 트렌드
 * **************************************** */
.msec-trend{display:flex; gap:4rem; width:150rem; margin:0 auto; box-sizing:border-box}
.msec-trend .msec-top{display:flex}
.msec-trend .msec-top .top-tit{display:flex; gap:0.8rem;width:100%}
.msec-trend .msec-top .top-tit .tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.8rem; font-weight:600; letter-spacing:-0.08rem}

.msec-trend .trend-l,
.msec-trend .trend-r{flex:1; position:relative}

.msec-trend .trend-l .msec-more,
.msec-trend .trend-r .msec-more{position:absolute; right:0; top:0.3rem}

.msec-trend .trend-top{display:flex; align-items:center; margin-top:3.5rem}
.msec-trend .trend-top .trend-standard{margin-left:auto; line-height:1.4em; color:#808080; font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}

.msec-trend .trend-tab > ul{display:flex; flex-wrap:wrap; gap:1rem; position:relative}
.msec-trend .trend-tab > ul > li > a{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:4rem; padding:0 2.2rem; background-color:#fff; border:1px solid #dadada; border-radius:20rem; outline:none; z-index:1; box-sizing:border-box}
.msec-trend .trend-tab > ul > li > a:before{content:''; position:absolute; left:50%; margin-left:-0.6rem; bottom:-0.6rem; width:0; height:0; border-bottom:0.6rem solid none; border-top:0.6rem solid #202020; border-right:0.6rem solid transparent; border-left:0.6rem solid transparent; opacity:0; z-index:1}
.msec-trend .trend-tab > ul > li > a > span{line-height:1.4em; color:#808080; font-size:1.6rem; font-weight:normal; letter-spacing:-0.08rem}
.msec-trend .trend-tab > ul > li.active > a{background-color:#202020; border:1px solid #202020; z-index:2}
.msec-trend .trend-tab > ul > li.active > a:before{opacity:1}
.msec-trend .trend-tab > ul > li.active > a > span{color:#fff}

.msec-trend .trend-container{margin-top:3rem}

.msec-trend .trend-top5{display:none; flex-direction:column; gap:0.8rem}
.msec-trend .trend-top5.active{display:flex}
.msec-trend .trend-top5 .top5-item{display:flex; align-items:center; position:relative; top:0; height:8rem; padding:0 2.5rem; background-color:transparent; border:1px solid #ebebeb; border-radius:2rem; transition:all .20s ease; box-sizing:border-box}
.msec-trend .trend-top5 .top5-item:hover{background-color:#fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12)}

.msec-trend .trend-top5.active .top5-item{animation:shadow-sequence 7s infinite}
.msec-trend .trend-top5.active .top5-item:nth-child(1){animation-delay:0s}
.msec-trend .trend-top5.active .top5-item:nth-child(2){animation-delay:0.8s}
.msec-trend .trend-top5.active .top5-item:nth-child(3){animation-delay:1.6s}
.msec-trend .trend-top5.active .top5-item:nth-child(4){animation-delay:2.4s}
.msec-trend .trend-top5.active .top5-item:nth-child(5){animation-delay:3.2s}
@keyframes shadow-sequence
{
    0%  {box-shadow:0 .4rem 1.2rem rgba(0, 0, 0, 0)}
    10% {box-shadow:0 .4rem 1.2rem rgba(0, 0, 0, .12)}
    25% {box-shadow:0 .4rem 1.2rem rgba(0, 0, 0, 0)}
    100%{box-shadow:0 .4rem 1.2rem rgba(0, 0, 0, 0)}
}

.msec-trend .trend-top5 .top5-item .item-num{display:inline-flex; align-items:center; position:relative; margin-right:1.5rem}
.msec-trend .trend-top5 .top5-item .item-num span{display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#202020; font-family:Poppins; font-size:2.8rem; font-weight:300; letter-spacing:-0.05rem}
.msec-trend .trend-top5 .top5-item .item-subject{flex:1; display:flex; align-items:center}
.msec-trend .trend-top5 .top5-item .item-subject .top3-ico{display:none; align-items:center; justify-content:center; position:relative; min-width:5.2rem; min-height:5.2rem; margin-left:2rem}
.msec-trend .trend-top5 .top5-item .item-subject .top3-ico:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f8f8f8; border-radius:1.5rem; transform:rotate(18deg)}
.msec-trend .trend-top5 .top5-item .item-subject .top3-ico img{position:relative; width:3rem}
.msec-trend .trend-top5 .top5-item .item-subject strong{position:relative; line-height:1.25em; color:#202020; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem}
.msec-trend .trend-top5 .top5-item .item-count{display:inline-flex; align-items:center; justify-content:center}
.msec-trend .trend-top5 .top5-item .item-count:before{content:'\ef7d'; display:inline-flex; align-items:center; margin-right:0.3rem; color:#aaa; font-family:'remixicon'; font-size:1.7rem}
.msec-trend .trend-top5 .top5-item .item-count span{line-height:1.25em; color:#505050; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center}

.msec-trend .trend-top5 .top5-item:nth-child(1) .item-num span,
.msec-trend .trend-top5 .top5-item:nth-child(2) .item-num span,
.msec-trend .trend-top5 .top5-item:nth-child(3) .item-num span{color:#006fff}

.msec-trend .trend-top5 .top5-item:nth-child(1) .item-subject .top3-ico,
.msec-trend .trend-top5 .top5-item:nth-child(2) .item-subject .top3-ico,
.msec-trend .trend-top5 .top5-item:nth-child(3) .item-subject .top3-ico{display:inline-flex}




/* **************************************** *
 * 방문자 통계
 * **************************************** */
.msec-stats{display:flex; flex-direction:column; width:150rem; position:relative; margin:0 auto; box-sizing:border-box}
.msec-stats .msec-top{display:flex}
.msec-stats .msec-top .top-tit{display:flex; gap:0.8rem; width:100%}
.msec-stats .msec-top .top-tit .tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.8rem; font-weight:600; letter-spacing:-0.08rem}

.msec-stats .stats-container{display:flex; gap:4rem; position:relative; margin-top:5.5rem}
.msec-stats .stats-total{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; min-width:39rem; max-width:39rem; min-height:37rem; background-color:#000; border-radius:4.2rem; overflow:hidden}
.msec-stats .stats-total:before{content:''; position:absolute; left:-24rem; top:-24rem; width:40rem; height:40rem; background-color:#006fff; border-radius:1000rem; filter:blur(120px)}
.msec-stats .stats-total:after{content:''; position:absolute; right:-34rem; bottom:-34rem; width:64.4rem; height:54.8rem; background-color:#006fff; border-radius:1000rem; filter:blur(120px)}

.msec-stats .stats-year{display:inline-flex; position:absolute; left:4rem; top:-2.5rem; padding:1rem 1.5rem; background-color:#006fff; border-radius:20rem 20rem 20rem 0; z-index:1; box-shadow:0 .4rem 1.2rem rgba(0, 0, 0, .12); box-sizing:border-box}
.msec-stats .stats-year .year{line-height:1.3em; color:#fff; font-family:Poppins; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}
.msec-stats .stats-total .total-num{display:flex; flex-direction:column; gap:1rem; z-index:1}
.msec-stats .stats-total .total-num .tit,
.msec-stats .stats-total .total-num .num{line-height:1.4em; letter-spacing:-0.05rem; text-align:center}
.msec-stats .stats-total .total-num .tit{color:#006fff; font-size:1.6rem; font-weight:normal}
.msec-stats .stats-total .total-num .num{color:#fff; font-family:Poppins; font-size:3.2rem; font-weight:600}

.msec-stats .visitor-note{margin:1rem 0 0; padding:0; color:#888; font-size:1.15rem; font-weight:300; letter-spacing:-0.03rem; text-align:right; line-height:1.5em}
.msec-stats .visitor-note i{margin-right:0.3rem; font-size:1.2rem; vertical-align:-0.1rem; color:#aaa}

.msec-stats .stats-period{display:flex; gap:2rem; flex:1}
.msec-stats .stats-period .period-group{flex:1; display:flex; flex-direction:column; flex-wrap:wrap; gap:1rem}
.msec-stats .stats-period .period-group .group-tit{display:flex; align-items:center; justify-content:center; height:4.4rem; background-color:#fff; border-radius:0.8rem; box-shadow:0 .4rem 1.2rem rgba(0, 0, 0, .12)}
.msec-stats .stats-period .period-group .group-tit .tit{line-height:1.2em; color:#202020; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}

.msec-stats .stats-period .period-group .period-count{display:flex; flex-direction:column; gap:1rem}
.msec-stats .stats-period .period-group .period-count .count-item{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:2rem; min-height:6rem; padding:0.6rem 2rem; border:1px solid #ebebeb; border-radius:1.5rem; box-sizing:border-box}
.msec-stats .stats-period .period-group .period-count .count-item .count-date{padding:0.5rem 1.1rem; background-color:#eaeaea; border-radius:20rem}
.msec-stats .stats-period .period-group .period-count .count-item .count-date span{line-height:1.2em; color:#202020; font-size:1.4rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center}
.msec-stats .stats-period .period-group .period-count .count-item .count-num span{line-height:1.2em; color:#202020; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem; text-align:right}
.msec-stats .stats-period .period-group .period-count .count-item:first-child{border:1px solid #d1ddff}
.msec-stats .stats-period .period-group .period-count .count-item:first-child .count-date{background-color:#ecf1ff}
.msec-stats .stats-period .period-group .period-count .count-item:first-child .count-date span{color:#4576ff}
.msec-stats .stats-period .period-group .period-count .count-item:first-child .count-num span{color:#4576ff}
.msec-stats .msec-more{position:absolute; right:0; top:0.3rem}


/* **************************************** *
 * 더보기 버튼
 * **************************************** */
.msec-more{display:flex; align-items:center; gap:1rem; box-sizing:border-box}
.msec-more span{position:relative; top:0.1rem; line-height:1.25em; color:#202020; font-size:1.4rem; font-weight:normal; letter-spacing:-0.05rem}
.msec-more:after{content:'\ea6c'; display:inline-flex; align-items:center; justify-content:center; min-width:3.2rem; min-height:3.2rem; color:#fff; font-family:'remixicon'; font-size:1.9rem; background-color:#202020; border-radius:1.2rem}


/* **************************************** *
 * 공지사항 + 수시 검색 트렌드 래퍼
 * **************************************** */
.msec-notice-trend{display:flex; align-items:stretch; gap:4rem; width:150rem; margin:0 auto; box-sizing:border-box}
.msec-notice-trend .msec-notice{flex:1; width:auto; margin:0; padding:0}
.msec-notice-trend .msec-notice .notice-latest{flex:1; min-height:auto}
.msec-notice-trend .msec-notice .notice-latest .latest-item{flex:1; height:auto}
.msec-notice-trend .msec-trend{flex:1; width:auto; margin:0; padding:0}