@charset "UTF-8";

/* **************************************** *
 * 비주얼
 * **************************************** */
.msec-visual{position:relative; width:160rem; margin:auto}
.msec-visual .visual-swiper-container{display:flex; flex-direction:column; position:relative}
.msec-visual .visual-swiper{height:67rem; overflow:hidden}
.msec-visual .visual-swiper .visual-box{display:flex; flex-direction:column}
.msec-visual .visual-swiper .visual-box .visual-img{position:relative; height:60rem}
.msec-visual .visual-swiper .visual-box .visual-img:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.3)}
.msec-visual .visual-swiper .visual-box .visual-img img{display:block; height:60rem}
.msec-visual .visual-swiper .visual-box .visual-tit{margin-top:3rem}
.msec-visual .visual-swiper .visual-box .visual-tit .tit{line-height:3.3rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.5rem; font-weight:300; letter-spacing:-0.08rem}
.msec-visual .visual-swiper .visual-box .visual-progress{display:flex; height:0.4rem; background-color:var(--krds-color-light-gray-0); overflow:hidden}
.msec-visual .visual-swiper .visual-box .visual-progress span{width:0; height:100%; background-color:var(--krds-color-light-gray-90)}

.msec-visual .visual-swiper-controll{display:flex; align-items:center; position:absolute; bottom:-0.3rem; right:-1.6rem; z-index:1}
.msec-visual .visual-swiper-button-prev,
.msec-visual .visual-swiper-button-next,
.msec-visual .visual-swiper-button-play{display:flex; align-items:center; justify-content:center; min-width:4.4rem; min-height:4.4rem; margin:0; padding:0; border:none; background:transparent; border-radius:0; cursor:pointer; transition:all .35s ease}
.msec-visual .visual-swiper-button-prev{order:1}
.msec-visual .visual-swiper-button-next{order:3}
.msec-visual .visual-swiper-button-play{order:2}
.msec-visual .visual-swiper-button-prev:after,
.msec-visual .visual-swiper-button-next:after{font-family:'remixicon'; font-size:4.6rem; color:var(--krds-color-light-gray-90)}
.msec-visual .visual-swiper-button-prev:after{content:'\ea64'}
.msec-visual .visual-swiper-button-next:after{content:'\ea6e'}
.msec-visual .visual-swiper-button-prev.swiper-button-disabled:after,
.msec-visual .visual-swiper-button-next.swiper-button-disabled:after{color:var(--krds-color-light-gray-10)}
.msec-visual .visual-swiper-button-play{background:url("../img/main/msec-visual-controll-stop.svg") no-repeat 50% 50%; background-size:1.2rem 2.5rem; transition:none}
.msec-visual .visual-swiper-button-play.active{background:url("../img/main/msec-visual-controll-play.svg") no-repeat 50% 50%; background-size:2rem 2rem}
.msec-visual .visual-swiper-pagination{display:flex; align-items:center; gap:0.6rem; width:auto; margin-right:1.2rem}
.msec-visual .visual-swiper-pagination .swiper-pagination-current,
.msec-visual .visual-swiper-pagination .swiper-pagination-total{color:var(--krds-color-light-gray-40); font-family:Poppins; line-height:1em; font-size:1.9rem; font-weight:normal}
.msec-visual .visual-swiper-pagination .swiper-pagination-current{color:var(--krds-color-light-gray-90); font-weight:300}

.msec-visual .visual-swiper-scrollbar{position:absolute; bottom:6.6rem; left:0; right:0; background:#fff; z-index:1}
.msec-visual .visual-swiper-scrollbar.swiper-scrollbar-horizontal{height:0.4rem}
.msec-visual .visual-swiper-scrollbar .swiper-scrollbar-drag{background:#101010; border-radius:0; cursor:pointer}

/* **************************************** *
 * 행사
 * **************************************** */
.msec-event{position:relative; width:160rem; margin:6rem auto 0; padding-top:4rem; box-sizing:border-box}
.msec-event:before{content:''; position:absolute; left:0; right:0; top:0; height:2px; background-color:var(--krds-color-light-gray-95)}
.msec-event .msec-top{display:flex; align-items:center; width:100%; min-height:3.8rem}
.msec-event .top-tit{display:flex; align-items:center; flex:none}
.msec-event .top-tit .tit{line-height:2.7rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem}
.msec-event .top-util{display:flex; align-items:center; margin-left:auto}
.msec-event .top-util .event-tab .tab-list{display:flex; align-items:center; gap:2.5rem}
.msec-event .top-util .event-tab .tab-list .tab-box a{display:flex; position:relative}
.msec-event .top-util .event-tab .tab-list .tab-box a:before{content:''; position:absolute; right:-0.7rem; top:-1rem; width:0.7rem; height:0.7rem; border-radius:50%; background:#101010; opacity:0}
.msec-event .top-util .event-tab .tab-list .tab-box a span{line-height:2.1rem; color:#afafaf; font-family:FlightSans; font-size:2.1rem; font-weight:normal; letter-spacing:-0.08rem; white-space:nowrap}
.msec-event .top-util .event-tab .tab-list .tab-box.active a:before{opacity:1}
.msec-event .top-util .event-tab .tab-list .tab-box.active a span{color:var(--krds-color-light-gray-90); font-weight:300}
.msec-event .top-util .event-tab .tab-list .tab-box a:hover span,
.msec-event .top-util .event-tab .tab-list .tab-box a:active span{color:var(--krds-color-light-gray-90)}
.msec-event .top-util .msec-more{position:relative; margin-left:4rem}

.msec-event .event-swiper-container{margin-top:4.5rem}
.msec-event .event-swiper{overflow:hidden}
.msec-event .event-swiper .event-box .event-meta{display:flex; flex-direction:column}

.msec-event .event-swiper .event-box .event-thum{display:flex; align-items:center; justify-content:center; background:#f8f8f8 url('../img/common/heritage-pattern01.png') 50% 50% repeat; overflow:hidden}
.msec-event .event-swiper .event-box .event-thum .thum-img{display:block; position:relative; bottom:0; width:20rem; height:29.4rem; cursor:pointer; transition: all .20s ease}
.msec-event .event-swiper .event-box .event-thum .thum-img img{display:block; width:100%; height:100%}
.msec-event .event-swiper .event-box:hover .event-thum .thum-img{bottom:-1rem}

.msec-event .event-swiper .event-box .event-info{display:flex; flex-direction:column; padding-top:3rem}
.msec-event .event-swiper .event-box .info-tit{margin-bottom:2.5rem}
.msec-event .event-swiper .event-box .info-tit .tit{display:-webkit-box; min-height:6rem; line-height:3rem; color:var(--krds-color-light-gray-95); font-family:'FlightSans','PretendardGOV'; font-size:2.3rem; font-weight:300; letter-spacing:-0.08rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.msec-event .event-swiper .event-box .info-tit:hover .tit,
.msec-event .event-swiper .event-box .info-tit:focus .tit{text-decoration:underline; text-underline-offset:0.4rem}
.msec-event .event-swiper .event-box .info-class{display:flex; align-items:center; gap:0.2rem}
.msec-event .event-swiper .event-box .info-class .class,
.msec-event .event-swiper .event-box .info-class .host{height:3.7rem; padding:1rem 1.2rem; line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:normal; letter-spacing:-0.06rem; border:1px solid var(--krds-color-light-gray-95); white-space:nowrap; box-sizing:border-box}
.msec-event .event-swiper .event-box .info-class .class{background-color:var(--krds-color-light-gray-90); color:var(--krds-color-light-gray-0)}
.msec-event .event-swiper .event-box .info-class .host{background-color:var(--krds-color-light-gray-0); color:var(--krds-color-light-gray-95); text-overflow:ellipsis; overflow:hidden}
.msec-event .event-swiper .event-box .info-detail{display:flex; flex-direction:column; gap:1.2rem; margin-top:2rem}
.msec-event .event-swiper .event-box .info-detail .detail-box{display:flex; align-items:center}
.msec-event .event-swiper .event-box .info-detail .detail-box .tit,
.msec-event .event-swiper .event-box .info-detail .detail-box .cont{line-height:1.6rem; font-size:1.6rem; letter-spacing:-0.05rem}
.msec-event .event-swiper .event-box .info-detail .detail-box .tit{min-width:7.2rem; color:var(--krds-color-light-gray-95); font-weight:normal}
.msec-event .event-swiper .event-box .info-detail .detail-box .cont{color:var(--krds-color-light-gray-60); font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.msec-event .event-swiper-button-prev,
.msec-event .event-swiper-button-next
{
	display:flex; align-items:center; justify-content:center; position:absolute; top:50%; width:4.2rem; height:4.2rem; margin-top:-6.9rem; padding:0;
	background:rgba(0,0,0,.5); border:none; border-radius:50%; z-index:1; cursor:pointer; transition:all .35s ease; box-sizing:border-box
}
.msec-event .event-swiper-button-prev{left:-2.3rem}
.msec-event .event-swiper-button-next{right:-2.3rem}
.msec-event .event-swiper-button-prev:hover,
.msec-event .event-swiper-button-prev:focus,
.msec-event .event-swiper-button-next:hover,
.msec-event .event-swiper-button-next:focus{background:rgba(0,0,0,.8)}
.msec-event .event-swiper-button-prev:after,
.msec-event .event-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.9rem; color:var(--krds-color-light-gray-0)}
.msec-event .event-swiper-button-prev:after{content:'\ea64'; left:-0.1rem}
.msec-event .event-swiper-button-next:after{content:'\ea6e'; right:-0.2rem}
.msec-event .event-swiper-button-prev.swiper-button-disabled,
.msec-event .event-swiper-button-next.swiper-button-disabled{background:rgba(0,0,0,.1)}
.msec-event .event-swiper-pagination{display:none}


/* **************************************** *
 * 연구성과, 학술지, 소식지
 * **************************************** */
.msec-publish{display:flex; gap:4rem; position:relative; width:160rem; margin:12rem auto 0; padding-top:4.8rem}
.msec-publish:before{content:''; position:absolute; left:0; right:0; top:0; height:2px; background-color:var(--krds-color-light-gray-95)}

.msec-publish .msec-top{display:flex; align-items:center; width:100%}
.msec-publish .msec-top .top-tit{display:flex; align-items:center}
.msec-publish .msec-top .top-tit .tit{line-height:2.7rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem}

/* 연구성과 */
.msec-publish .publish-research{display:flex; flex-direction:column; flex:none; min-width:36.85rem; max-width:36.85rem}
.msec-publish .publish-research .research-banner{display:flex; align-items:center; position:relative; width:100%; height:24.8rem; margin-top:4.5rem; padding:3.5rem; background:#415c82 url('../img/common/heritage-pattern02.png') 50% 50% repeat; border-radius:1.4rem; overflow:hidden; box-sizing:border-box}
.msec-publish .publish-research .research-banner:after{content:''; position:absolute; bottom:-2rem; right:-1rem; width:219px; height:300px; background:url('../img/main/publish-rsc-bg-right.png') 50% 50% no-repeat; background-size:219px 300px}
.msec-publish .publish-research .research-banner .research-info{display:flex; flex-direction:column; position:relative; top:-2rem}
.msec-publish .publish-research .research-banner .research-info .info-eng{line-height:1.6rem; color:rgba(255,255,255,.5); font-family:Poppins; font-size:1.6rem; font-weight:normal; letter-spacing:0.2rem}
.msec-publish .publish-research .research-banner .research-info .info-tit{display:flex; flex-direction: column; margin-top:0.5rem}
.msec-publish .publish-research .research-banner .research-info .info-tit .tit{line-height:3.1rem; color:var(--krds-color-light-gray-0); font-family:FlightSans; font-size:2.1rem; font-weight:300; letter-spacing:-0.08rem}
.msec-publish .publish-research .research-banner .research-info .info-more{display:flex; align-items:center; margin-top:1.2rem; width:10rem}
.msec-publish .publish-research .research-banner .research-info .info-more:before{content:''; flex:1; height:2px; background-color:var(--krds-color-light-gray-0)}
.msec-publish .publish-research .research-banner .research-info .info-more .more-ico{display:inline-flex; position:relative; width:1.4rem; height:1.4rem; margin-left:2px; transition:all .35s ease}
.msec-publish .publish-research .research-banner .research-info .info-more .more-ico:before,
.msec-publish .publish-research .research-banner .research-info .info-more .more-ico:after{content:''; position:absolute; background-color:var(--krds-color-light-gray-0)}
.msec-publish .publish-research .research-banner .research-info .info-more .more-ico:before{width:100%; height:2px; top:50%; margin-top:-1px}
.msec-publish .publish-research .research-banner .research-info .info-more .more-ico:after{width:2px; height:100%; left:50%; margin-left:-1px}
.msec-publish .publish-research .research-banner:hover .research-info .info-more .more-ico{transform:rotate(360deg)}

.msec-publish .publish-publications{display:flex; flex:1; gap:4rem}
/* 학술지 */
.msec-publish .publish-journal{display:flex; flex-direction:column; flex:1}
.msec-publish .publish-journal .journal-container{display:flex; gap:4rem; margin-top:4.5rem}
.msec-publish .publish-journal .journal-box{display:flex; flex-direction:column; width:100%; height:24.8rem; box-sizing:border-box}
.msec-publish .publish-journal .journal-box .journal-intro{display:flex; position:relative; top:0; height:16.2rem; padding:3rem; background:#e3ebec url('../img/common/heritage-pattern03.png') 50% 50% repeat; border-radius:1.4rem; transition: all .20s ease; box-sizing:border-box}
.msec-publish .publish-journal .journal-box .journal-intro .intro-info{margin-top:auto}
.msec-publish .publish-journal .journal-box .journal-intro .intro-info .info-eng{line-height:1.6rem; color:rgba(0,0,0,.5); font-family:Poppins; font-size:1.6rem; font-weight:normal; letter-spacing:0.2rem}
.msec-publish .publish-journal .journal-box .journal-intro .intro-info .info-tit{display:flex; flex-direction: column; margin-top:0.5rem}
.msec-publish .publish-journal .journal-box .journal-intro .intro-info .info-tit .tit{line-height:3.1rem; color:#202020; font-family:FlightSans; font-size:2.3rem; font-weight:300; letter-spacing:-0.1rem}
.msec-publish .publish-journal .journal-box .journal-intro .intro-cover{display:block; position:relative; right:-1rem; top:-4.4rem; width:9.8rem; height:12.4rem; margin-left:auto; padding:0.2rem; background-color:#fff; cursor:pointer}
.msec-publish .publish-journal .journal-box .journal-intro .intro-cover img{display:block; width:100%; height:100%}
.msec-publish .publish-journal .journal-box .journal-intro .intro-cover:hover{bottom:-1rem}
.msec-publish .publish-journal .journal-box .journal-link{display:flex; align-items:center; position:relative; margin-top:auto; border-bottom:2px solid var(--krds-color-light-gray-95)}
.msec-publish .publish-journal .journal-box .journal-link:after{content:''; position:absolute; left:50%; top:50%; bottom:0; width:1px; height:2.8rem; margin-top:-1.4rem; background-color:var(--krds-color-light-gray-10)}
.msec-publish .publish-journal .journal-box .journal-link a{display:flex; align-items:center; justify-content:center; gap:0.5rem; flex:1; position:relative; padding:2rem 1rem}
.msec-publish .publish-journal .journal-box .journal-link a:before{font-family:'remixicon'; font-size:1.8rem; color:var(--krds-color-light-gray-90)}
.msec-publish .publish-journal .journal-box .journal-link a span{line-height:1.7rem; color:var(--krds-color-light-gray-90); font-size:1.7rem; font-weight:normal; letter-spacing:-0.05rem}
.msec-publish .publish-journal .journal-box .journal-link a.link-case01:before{content:'\ead3'}
.msec-publish .publish-journal .journal-box .journal-link a.link-case02:before{content:'\ea13'}
.msec-publish .publish-journal .journal-box:hover .journal-intro{top:-1rem}
.msec-publish .publish-journal .journal-box .journal-link a:hover:before,
.msec-publish .publish-journal .journal-box .journal-link a:hover span{color:#a47e4f}

/* 소식지 */
.msec-publish .publish-newsletter{display:flex; flex-direction:column; flex:none; min-width:36.85rem; max-width:36.85rem}
.msec-publish .publish-newsletter .newsletter-container{display:flex; gap:2rem; margin-top:4.5rem}
.msec-publish .newsletter-box{display:flex; flex-direction:column; justify-content:center; position:relative; width:100%; height:24.8rem; box-sizing:border-box}
.msec-publish .newsletter-box .newsletter-intro{display:flex; flex-direction:column; align-items:center; position:absolute; top:0; width:100%; height:19.6rem; background:#f2ece3 url('../img/common/heritage-pattern03.png') 50% 50% repeat; border-radius:1.4rem; z-index:1; transition: all .20s ease; box-sizing:border-box}
.msec-publish .newsletter-box .newsletter-intro .intro-cover{display:block; position:relative; top:-1.4rem; width:9.8rem; height:12.4rem; padding:0.2rem; background-color:#fff; cursor:pointer; transition: all .20s ease}
.msec-publish .newsletter-box .newsletter-intro .intro-cover img{display:block; width:100%; height:100%}
.msec-publish .newsletter-box .newsletter-intro .intro-info{display:flex; flex-direction:column; align-items:center}
.msec-publish .newsletter-box .newsletter-intro .intro-info .info-eng{line-height:1.4rem; color:rgba(0,0,0,.5); font-family:Poppins; font-size:1.4rem; font-weight:normal; letter-spacing:0.2rem}
.msec-publish .newsletter-box .newsletter-intro .intro-info .info-tit{display:flex; flex-direction: column; margin-top:0.4rem}
.msec-publish .newsletter-box .newsletter-intro .intro-info .info-tit .tit{line-height:2.6rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:1.9rem; font-weight:300; letter-spacing:-0.05rem}
.msec-publish .newsletter-box .newsletter-link{display:flex; align-items:flex-end; position:relative; height:10rem; margin-top:auto; background-color:#9c794f; border-radius:1.4rem; z-index:0}
.msec-publish .newsletter-box .newsletter-link:after{content:''; position:absolute; left:50%; top:50%; bottom:0; width:1px; height:2.4rem; margin-top:1.2rem; background-color:#b09472}
.msec-publish .newsletter-box .newsletter-link a{display:flex; align-items:center; justify-content:center; flex:1; position:relative; padding:1.8rem 1rem}
.msec-publish .newsletter-box .newsletter-link a span{line-height:1.5rem; color:var(--krds-color-light-gray-0); font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.msec-publish .newsletter-box:hover .newsletter-intro{top:-1rem}


/* **************************************** *
 * 주요추진업무, 학술조사자료
 * **************************************** */
/* 주요추진업무 */
.msec-research{display:flex; gap:7rem; position:relative; width:160rem; margin:12rem auto 0}
.msec-research .msec-top{display:flex; align-items:center; width:100%}
.msec-research .msec-top .top-tit{display:flex; align-items:center}
.msec-research .msec-top .top-tit .tit{line-height:2.7rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem}

.msec-research .research-keytask,
.msec-research .research-survey{flex:1; position:relative; min-width:0}

.msec-research .keytask-swiper-container{position:relative; margin-top:4.5rem}
.msec-research .keytask-swiper{overflow:hidden}
.msec-research .keytask-swiper .keytask-box{display:flex; flex-direction:column; gap:0.4rem}
.msec-research .keytask-swiper .keytask-thum{display:flex; align-items:center; border-radius:1.4rem; overflow:hidden}
.msec-research .keytask-swiper .keytask-thum .thum-img{display:block; position:relative; bottom:0; width:100%; height:25rem; cursor:pointer; transition: all .20s ease}
.msec-research .keytask-swiper .keytask-thum .thum-img img{display:block; width:100%; height:100%; object-fit:cover}
.msec-research .keytask-swiper .keytask-thum .thum-range{display:flex; align-items:center; gap:1rem; position:absolute; bottom:2rem; left:2rem; width:fit-content; margin-top:auto; padding:1.1rem 1.5rem; background-color:var(--krds-color-light-gray-90); border-radius:0.4rem; box-sizing:border-box}
.msec-research .keytask-swiper .keytask-thum .thum-range .tit,
.msec-research .keytask-swiper .keytask-thum .thum-range .num{line-height:1.6rem; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.msec-research .keytask-swiper .keytask-thum .thum-range .tit{color:var(--krds-color-light-gray-20)}
.msec-research .keytask-swiper .keytask-thum .thum-range .num{color:var(--krds-color-light-gray-0)}

.msec-research .keytask-swiper .keytask-info{display:flex; flex-direction:column; justify-content:flex-end; gap:1.4rem; height:16rem; padding:2rem 3rem; padding-bottom:3.5rem; background:#e3ebec url('../img/common/heritage-pattern03.png') 50% 50% repeat; border-radius:1.4rem; box-sizing:border-box}
.msec-research .keytask-swiper .keytask-info .stit{position:relative; line-height:1.7rem; color:var(--krds-color-light-gray-90); font-size:1.7rem; font-weight:normal; letter-spacing:-0.08rem}
.msec-research .keytask-swiper .keytask-info .stit:before{content:''; position:absolute; top:-1.5rem; height:0.2rem; width:2rem; background-color:var(--krds-color-light-gray-90)}
.msec-research .keytask-swiper .keytask-info .tit{line-height:2.8rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-weight:300; font-size:2.3rem; letter-spacing:-0.1rem}

.msec-research .keytask-swiper-button-prev,
.msec-research .keytask-swiper-button-next
{
	display:flex; align-items:center; justify-content:center; position:absolute; top:50%; width:4.2rem; height:4.2rem; margin-top:-14.8rem; padding:0;
	background:rgba(0,0,0,.5); border:none; border-radius:50%; z-index:1; cursor:pointer; transition:all .35s ease; box-sizing:border-box
}
.msec-research .keytask-swiper-button-prev{left:-2.3rem}
.msec-research .keytask-swiper-button-next{right:-2.3rem}
.msec-research .keytask-swiper-button-prev:hover,
.msec-research .keytask-swiper-button-next:hover{background:rgba(0,0,0,.8)}
.msec-research .keytask-swiper-button-prev:after,
.msec-research .keytask-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.9rem; color:var(--krds-color-light-gray-0)}
.msec-research .keytask-swiper-button-prev:after{content:'\ea64'; left:-0.1rem}
.msec-research .keytask-swiper-button-next:after{content:'\ea6e'; right:-0.2rem}
.msec-research .keytask-swiper-button-prev.swiper-button-disabled,
.msec-research .keytask-swiper-button-next.swiper-button-disabled{background:rgba(0,0,0,.1)}
.msec-research .keytask-swiper-pagination{display:none}

.msec-research .research-keytask .msec-more{position:absolute; right:0; top:-0.5rem}


/* 학술조사자료 */
.msec-research .survey-swiper-container{position:relative; margin-top:4.5rem}
.msec-research .survey-swiper{overflow:hidden}
.msec-research .survey-swiper .survey-box{display:flex; flex-direction:column; gap:0.2rem; border-top:2px solid var(--krds-color-light-gray-95)}

.msec-research .survey-swiper .survey-info{display:flex; flex-direction:column; justify-content:center; gap:1.4rem; height:16rem;  box-sizing:border-box}
.msec-research .survey-swiper .survey-info .tit{line-height:2.8rem; color:var(--krds-color-light-gray-90); font-family: FlightSans; font-weight:300; font-size:2.3rem; letter-spacing:-0.08rem}
.msec-research .survey-swiper .survey-info .info{display:-webkit-box; position:relative; line-height:2.4rem; color:var(--krds-color-light-gray-60); font-size:1.6rem; letter-spacing:-0.05rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.msec-research .survey-swiper .survey-thum{display:flex; align-items:center; border-radius:1.4rem; overflow:hidden}
.msec-research .survey-swiper .survey-thum .thum-img{display:block; position:relative; bottom:0; width:100%; height:25rem; cursor:pointer; transition: all .20s ease}
.msec-research .survey-swiper .survey-thum .thum-img img{display:block; width:100%; height:100%; object-fit:cover}

.msec-research .survey-swiper-button-prev,
.msec-research .survey-swiper-button-next
{
	display:flex; align-items:center; justify-content:center; position:absolute; top:50%; width:4.2rem; height:4.2rem; margin-top:-2.1rem; padding:0;
	background:rgba(0,0,0,.5); border:none; border-radius:50%; z-index:1; cursor:pointer; transition:all .35s ease; box-sizing:border-box
}
.msec-research .survey-swiper-button-prev{left:-2.3rem}
.msec-research .survey-swiper-button-next{right:-2.3rem}
.msec-research .survey-swiper-button-prev:hover,
.msec-research .survey-swiper-button-next:hover{background:rgba(0,0,0,.8)}
.msec-research .survey-swiper-button-prev:after,
.msec-research .survey-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.9rem; color:var(--krds-color-light-gray-0)}
.msec-research .survey-swiper-button-prev:after{content:'\ea64'; left:-0.1rem}
.msec-research .survey-swiper-button-next:after{content:'\ea6e'; right:-0.2rem}
.msec-research .survey-swiper-button-prev.swiper-button-disabled,
.msec-research .survey-swiper-button-next.swiper-button-disabled{display:none; background:rgba(0,0,0,.1)}
.msec-research .survey-swiper-pagination{display:none}


/* **************************************** *
 * 소속연구소
 * **************************************** */
.msec-region{position:relative; width:160rem; margin:12rem auto 0}
.msec-region .msec-top{display:flex; align-items:center; width:100%}
.msec-region .top-tit{display:flex; align-items:center}
.msec-region .top-tit .tit{line-height:2.7rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem}

.msec-region .region-swiper-container{margin-top:4.5rem}
.msec-region .region-swiper{overflow:hidden}
.msec-region .region-swiper .region-box .region-meta{display:flex; flex-direction:column}
.msec-region .region-swiper .region-box .region-thum{display:flex; align-items:center; overflow:hidden}
.msec-region .region-swiper .region-box .region-thum .thum-img{display:block; position:relative; bottom:0; width:100%; height:24.6rem; cursor:pointer; transition: all .20s ease}
.msec-region .region-swiper .region-box .region-thum .thum-img img{display:block; width:100%; height:100%}
.msec-region .region-swiper .region-box:hover .region-thum .thum-img{bottom:-1rem}
.msec-region .region-swiper .region-box .region-info{display:flex; flex-direction:column; padding-top:2.5rem}
.msec-region .region-swiper .region-box .region-info .info-tit .tit{display:-webkit-box; line-height:3rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.3rem; font-weight:300; letter-spacing:-0.08rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical}
.msec-region .region-swiper .region-box .region-info .info-tit:hover .tit,
.msec-region .region-swiper .region-box .region-info .info-tit:focus .tit{text-decoration:underline; text-underline-offset:0.4rem}
.msec-region .region-swiper-button-prev,
.msec-region .region-swiper-button-next
{
	display:flex; align-items:center; justify-content:center; position:absolute; top:50%; width:4.2rem; height:4.2rem; margin-top:-1.3rem; padding:0;
	background:rgba(0,0,0,.5); border:none; border-radius:50%; z-index:1; cursor:pointer; transition:all .35s ease; box-sizing:border-box
}
.msec-region .region-swiper-button-prev{left:-2.3rem}
.msec-region .region-swiper-button-next{right:-2.3rem}
.msec-region .region-swiper-button-prev:hover,
.msec-region .region-swiper-button-next:hover{background:rgba(0,0,0,.8)}
.msec-region .region-swiper-button-prev:after,
.msec-region .region-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.9rem; color:var(--krds-color-light-gray-0)}
.msec-region .region-swiper-button-prev:after{content:'\ea64'; left:-0.1rem}
.msec-region .region-swiper-button-next:after{content:'\ea6e'; right:-0.2rem}
.msec-region .region-swiper-button-prev.swiper-button-disabled,
.msec-region .region-swiper-button-next.swiper-button-disabled{background:rgba(0,0,0,.1)}
.msec-region .region-swiper-pagination{display:none}


/* **************************************** *
 * 새소식, 알림판
 * **************************************** */
 /* 새소식 */
.msec-news{display:flex; gap:4rem; position:relative; width:160rem; margin:12rem auto 0}
.msec-news .news-banner{flex:none}

.msec-news .msec-top{display:flex; align-items:center; width:100%}
.msec-news .msec-top .top-tit{display:flex; align-items:center}
.msec-news .msec-top .top-tit .tit{flex:none; line-height:2.7rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem}
.msec-news .msec-top .top-util{margin-left:auto}

.msec-news .news-latest{display:flex; flex-direction:column; flex:1}
.msec-news .news-latest .latest-tab .tab-list{display:flex; align-items:center; flex-wrap:wrap; gap:3.5rem}
.msec-news .news-latest .latest-tab .tab-list .tab-box a{display:flex; position:relative}
.msec-news .news-latest .latest-tab .tab-list .tab-box a:before{content:''; position:absolute; right:-0.7rem; top:-1rem; width:0.7rem; height:0.7rem; border-radius:50%; background:var(--krds-color-light-gray-95); opacity:0}
.msec-news .news-latest .latest-tab .tab-list .tab-box a span{color:#afafaf; line-height:2.7rem; font-family:FlightSans; font-size:2.7rem; font-weight:normal; letter-spacing:-0.1rem}
.msec-news .news-latest .latest-tab .tab-list .tab-box.active a:before{opacity:1}
.msec-news .news-latest .latest-tab .tab-list .tab-box.active a span{color:var(--krds-color-light-gray-90); font-weight:300}
.msec-news .news-latest .latest-tab .tab-list .tab-box a:hover span{color:var(--krds-color-light-gray-90)}

.msec-news .news-latest .latest-container{margin-top:5rem; border-top:2px solid var(--krds-color-light-gray-95)}
.msec-news .news-latest .latest-content{display:none; position:relative}
.msec-news .news-latest .latest-content.active{display:block}

.msec-news .news-latest .latest-box{display:flex; align-items:center; flex-wrap:wrap; height:7.5rem; background-color:transparent; border-bottom:1px solid var(--krds-color-light-gray-10); transition:all .35s ease; box-sizing:border-box}
.msec-news .news-latest .latest-box .category{flex:none; display:inline-flex; align-items:center; justify-content:center; min-width:7rem; padding:0.8rem; background-color:var(--krds-color-light-gray-0); border:2px solid var(--krds-color-light-gray-95); box-sizing:border-box}
.msec-news .news-latest .latest-box .category span{line-height:1.7rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; text-align:center}
.msec-news .news-latest .latest-box .tit{flex:1; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding:0 1.5rem; padding-left:0; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden; box-sizing:border-box}
.msec-news .news-latest .latest-box .tit strong{position:relative; line-height:2.8rem; color:var(--krds-color-light-gray-90); font-size:2.1rem; font-weight:normal; letter-spacing:-0.08rem}
.msec-news .news-latest .latest-box .date{flex:none; display:inline-flex; align-items:center; margin-left:auto}
.msec-news .news-latest .latest-box .date span{line-height:1.7rem; color:#808080; font-family:Poppins; font-size:1.7rem; font-weight:normal; letter-spacing:-0.02rem}

.msec-news .news-latest .latest-box .category + .tit{padding-left:1.5rem}


.msec-news .news-latest .latest-box:hover .tit,
.msec-news .news-latest .latest-box:focus .tit{text-decoration:underline; text-underline-offset:0.4rem}
.msec-news .news-latest .latest-box:hover .category,
.msec-news .news-latest .latest-box:focus .category{background-color:var(--krds-color-light-gray-95)}
.msec-news .news-latest .latest-box:hover .category span,
.msec-news .news-latest .latest-box:focus .category span{color:var(--krds-color-light-gray-0)}
.msec-news .news-latest .msec-more{position:absolute; right:0; top:-8.4rem}

 /* 알림판 */
.msec-news .news-banner{display:flex; flex-direction:column; flex:none; min-width:36.85rem; max-width:36.85rem}
.msec-news .news-banner .banner-swiper-container{margin-top:5rem}
.msec-news .news-banner .banner-swiper{height:30rem; overflow:hidden}
.msec-news .news-banner .banner-swiper .banner-box{display:block; height:30rem; border-radius:1.4rem; overflow:hidden}
.msec-news .news-banner .banner-swiper .banner-box img{display:block; width:100%; height:100%}

.msec-news .banner-swiper-controll{display:flex; align-items:center; position:relative}
.msec-news .banner-swiper-button-prev,
.msec-news .banner-swiper-button-next,
.msec-news .banner-swiper-button-play{display:flex; align-items:center; justify-content:center; min-width:2.2rem; min-height:2.2rem; margin:0; padding:0; border:none; background:transparent; border-radius:0; cursor:pointer; transition:all .35s ease}
.msec-news .banner-swiper-button-prev:after,
.msec-news .banner-swiper-button-next:after{font-family:'remixicon'; font-size:2.9rem; color:var(--krds-color-light-gray-90)}
.msec-news .banner-swiper-button-prev:after{content:'\ea64'}
.msec-news .banner-swiper-button-next:after{content:'\ea6e'}
.msec-news .banner-swiper-button-prev.swiper-button-disabled:after,
.msec-news .banner-swiper-button-next.swiper-button-disabled:after{color:#d8d8d8}
.msec-news .banner-swiper-button-play{margin-left:1.5rem; background:url("../img/main/banner-swiper-button-stop.svg") no-repeat 50% 50%; background-size:2rem 1.7rem; transition:none}
.msec-news .banner-swiper-button-play.active{background:url("../img/main/banner-swiper-button-play.svg") no-repeat 50% 50%; background-size:2rem 1.7rem}

.msec-news .banner-swiper-pagination{display:flex; align-items:center; position:relative; top:0.6rem; gap:0.4rem; width:auto; margin-left:1rem; box-sizing:border-box}
.msec-news .banner-swiper-pagination .swiper-pagination-current,
.msec-news .banner-swiper-pagination .swiper-pagination-total{color:#808080; font-family:Poppins; line-height:1.7rem; font-size:1.7rem; font-weight:normal}
.msec-news .banner-swiper-pagination .swiper-pagination-current{color:var(--krds-color-light-gray-90); font-weight:300}


/* **************************************** *
 * 서비스 바로가기
 * **************************************** */
.msec-quick{position:relative; width:160rem; margin:12rem auto 0}
.msec-quick .msec-top{display:flex; align-items:center; width:100%}
.msec-quick .top-tit{display:flex; align-items:center}
.msec-quick .top-tit .tit{line-height:2.7rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem}

.msec-quick .quick-swiper-container{display:flex; flex-direction:column; justify-content:center; position:relative; min-height:12.5rem; margin-top:4.5rem; border-left:2px solid var(--krds-color-light-gray-95); border-right:2px solid var(--krds-color-light-gray-95); box-sizing:border-box}
.msec-quick .quick-swiper .swiper-wrapper{justify-content:center}
.msec-quick .quick-swiper{padding:0 2rem; overflow:hidden}
.msec-quick .quick-swiper .quick-box{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.2rem; padding:1rem 1rem; background-color:var(--krds-color-light-gray-0); border-radius:0.8rem; transition:all .20s ease; box-sizing:border-box}
.msec-quick .quick-swiper .quick-box:before{content:''; position:relative; height:6rem}
.msec-quick .quick-swiper .quick-box.eum:before{width:5.5rem; background:url("../img/main/quick-eum.svg") no-repeat 50% 50%; background-size:5.5rem 5.7rem}
.msec-quick .quick-swiper .quick-box.donation:before{width:4.4rem; background:url("../img/main/quick-donation.svg") no-repeat 50% 50%; background-size:4.4rem 4.4rem}
.msec-quick .quick-swiper .quick-box.ichc:before{width:5rem; background:url("../img/main/quick-ichc.svg") no-repeat 50% 50%; background-size:5rem 5rem}
.msec-quick .quick-swiper .quick-box.webzine:before{width:5.2rem; background:url("../img/main/quick-webzine.svg") no-repeat 50% 50%; background-size:5.2rem 4.6rem}
.msec-quick .quick-swiper .quick-box.publication:before{width:4.5rem; background:url("../img/main/quick-publication.svg") no-repeat 50% 50%; background-size:4.5rem 4.5rem}
.msec-quick .quick-swiper .quick-box.tour:before{width:5.1rem; background:url("../img/main/quick-tour.svg") no-repeat 50% 50%; background-size:5.1rem 3.8rem}
.msec-quick .quick-swiper .quick-box.heritageregion:before{width:5.8rem; background:url("../img/main/quick-heritageregion.svg") no-repeat 50% 50%; background-size:5.8rem 4.1rem}
.msec-quick .quick-swiper .quick-box.data:before{width:4.4rem; background:url("../img/main/quick-data.svg") no-repeat 50% 50%; background-size:4.4rem 4.2rem}
.msec-quick .quick-swiper .quick-box.copyaccess:before{width:4.6rem; background:url("../img/main/quick-copyaccess.svg") no-repeat 50% 50%; background-size:4.6rem 4.6rem}


.msec-quick .quick-swiper .quick-box .quick-tit .tit{display:flex; align-items:center; flex-wrap:wrap; justify-content:center; line-height:2.2rem; color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:normal; letter-spacing:-0.08rem; text-align:center}
.msec-quick .quick-swiper .quick-box.blank .quick-tit .tit:after{content:'\f0f4'; position:relative; margin-left:0.5rem; color:#a47e4f; font-family:remixicon; font-size:1.5rem; font-weight:normal}

.msec-quick .quick-swiper .quick-box:hover{background-color:#f4f5f6}

.msec-quick .quick-swiper-controll{position:absolute; bottom:-2rem; left:0; right:0}
.msec-quick .quick-swiper-controll .quick-swiper-pagination{display:flex; align-items:center; justify-content:center; gap:0.5rem}
.msec-quick .quick-swiper-controll .quick-swiper-pagination .swiper-pagination-bullet{width:0.5rem; height:0.5rem; margin:0; background-color:rgba(0,0,0,.2); border-radius:0; opacity:1; outline:none}
.msec-quick .quick-swiper-controll .quick-swiper-pagination .swiper-pagination-bullet-active{width:2.2rem; background:var(--krds-color-light-gray-95)}


/* **************************************** *
 * 더보기 버튼
 * **************************************** */
.msec-more{display:flex; align-items:center; justify-content:center; min-width:3.8rem; min-height:3.8rem; background-color:var(--krds-color-light-gray-0); border:2px solid var(--krds-color-light-gray-95); box-sizing:border-box}
.msec-more:before{content:''; position:absolute; bottom:0; left:0; right:0; height:0; background-color:var(--krds-color-light-gray-95); transition: all .15s ease}
.msec-more .more-ico{position:relative; width:100%; height:100%}
.msec-more .more-ico:before,
.msec-more .more-ico:after{content:''; position:absolute; left:50%; top:50%; background-color:var(--krds-color-light-gray-95); transition: all .35s ease}
.msec-more .more-ico:before{width:1.4rem; height:0.2rem; margin-left:-0.7rem; margin-top:-0.1rem}
.msec-more .more-ico:after{width:0.2rem; height:1.4rem; margin-left:-0.1rem; margin-top:-0.7rem}
.msec-more:hover:before,
.msec-more.active:before{bottom:0; height:100%}
.msec-more:hover .more-ico:before,
.msec-more:active .more-ico:before,
.msec-more:hover .more-ico:after,
.msec-more:active .more-ico:after{background-color:var(--krds-color-light-gray-0)}