/* slick slide common */
.slick-slider { -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list { overflow:hidden; }
.slick-list.dragging { cursor:pointer; }
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }
.slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display:inline-block; }

.MC_wrap1 { position: relative; margin: 2.4rem 0 3.9rem; }
.MC_wrap1 .container { display: flex; gap: 2rem; }
.con_wrap { width: 18rem; }
.MC_wrap2 { position: relative; padding: 4.5rem 0 6rem; }
.MC_wrap2::before { position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(#217BAE 0%, #056296 19%, #0A254D 100%); content: ""; z-index: -1; }
.MC_wrap2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #0A254D url('/images/web/upmc/main/section02_bg.png') no-repeat bottom center / cover; content: ""; z-index: -1; }
.MC_wrap3 { position: relative; padding: 5.5rem 0; overflow: hidden; background: linear-gradient(#fff 0%, #fff 50%, #B2D1EF 100%); }
.MC_wrap3::before { position: absolute; top: -15px; left: 0; content: "University Performance Management Center University Performance Management Center"; color: #EEF7FF; font-size: 5rem; font-family: 'Montserrat'; white-space: nowrap; text-transform: uppercase; font-weight: 600; line-height: 1; animation: flowLeft 30s linear infinite; }
.MC_wrap3 .container { display: flex; flex-wrap: wrap; gap: 2.5rem 2rem; }

@keyframes flowLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* 메인비주얼 */
.MVisual { position: relative; width: calc(100% - 20rem); height: 35rem; flex: 1; border-radius: 1.8rem; overflow: hidden; }
.MVisual .slider { width: 100%; height: 100%; }
.MVisual .slider div { height: 100%; }
.MVisual .slider .item a { position: relative; height: 100%; display: flex; justify-content: center; align-items: center; background: #eee; }
.MVisual .slider .item a img { width: 100%; height: 100%; object-fit: cover; }
.MVisual .slider .item a .txt_box { position: absolute; top: 6rem; left: 0; width: 100%; height: fit-content; padding: 0 4.5rem; word-break: keep-all; }
.MVisual .slider .item a .txt_box span { font-size: 1.2rem; color: #C6C9CC; letter-spacing: 3px; font-weight: 300; }
.MVisual .slider .item a .txt_box .txt { font-family: 'KakaoBigFont'; font-size: 2.4rem; color: #fff; margin: 0.7rem 0 3rem; }
.MVisual .slider .item a .txt_box .txt em { font-weight: 600; }
.MVisual .slider .item a .txt_box .more { display: inline-flex; align-items: center; gap: 3rem; background: #fff; color: #111; font-size: 0.8rem; padding: 0.7rem 1.2rem; border-radius: 2rem; font-weight: 600; }
.MVisual .slider .item a .txt_box .more i { color: #0D5CBD; font-weight: 500; font-size: 1rem; }
.MVisual .control { position: absolute; display: flex; align-items: center; gap: 0.5em; bottom: 0; right: 4.8rem; height: 2.2rem; background: #fff; border-radius: 1.4rem 1.4rem 0 0; padding: 0 1.5rem; }
.MVisual .control::before { position: absolute; bottom: 0; right: calc(100% - 1px); width: 20px; height: 26px; background: url('/images/web/upmc/main/visual_cnt_deco01.png') no-repeat bottom right / contain; content: ""; }
.MVisual .control::after { position: absolute; bottom: -2px; left: 100%; width: 39px; height: 29px; background: url('/images/web/upmc/main/visual_cnt_deco02.png') no-repeat bottom left / contain; content: ""; }
.MVisual .control a { font-size: 1.1rem; font-weight: 600; transition: 0.3s; }
.MVisual .control a.play { display: none; }
.MVisual .control .page { display: flex; align-items: flex-end; font-family: 'Montserrat'; }
.MVisual .control .page strong { color: #0E76F7; font-weight: 600; font-size: 1rem; }
.MVisual .control .page span { position: relative; color: #757575; font-weight: 300; font-size: 0.8rem; padding-left: 0.9rem; }
.MVisual .control .page span::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0.45rem; width: 3px; height: 3px; border-radius: 50%; background: #BEBEBE; content: ""; }
.MVisual .control a:hover,
.MVisual .control a:focus { color: #0E76F7; }

/* 볼륨 컨트롤 */
.MVisual .slider .item { position: relative; }
.MVisual .slider .item .volume_control { position: absolute; z-index: 999; bottom: 1rem; left: 1rem; height: auto !important; }
.MVisual .slider .item .volume_control a { display: flex; align-items: center; gap: .4rem; height: 2.5rem !important; padding: 0 1rem; background: #031977; border-radius: 1.5rem; color: #fff; font-size: .85rem; font-weight: 600; }



/* 팝업존 */
.popup { position: relative; margin-top: 0.5rem; }
.popup .heading { font-size: 1.3rem; font-weight: 800; font-family: 'KakaoBigFont'; width: calc(100% - 5rem); }
.popup .slider { position:relative; width: 100%; height:17.5rem; border-radius: 1.1rem; overflow: hidden; margin-top: 1.5rem; }
.popup .slider div { height: 100%; }
.popup .slider .item a { height: 100%; display: flex; justify-content: center; align-items: center; background: #eee; }
.popup .slider .item a img { width: 100%; height: 100%; transition: 0.3s; }
.popup .control { position: absolute; top: -0.25rem; right: 0; display: flex; align-items: center; gap: 0.8rem; }
.popup .control .page { font-family: 'Montserrat'; font-size: 0.85rem; }
.popup .control .page strong { color: #003E8A; font-weight: 600; }
.popup .control .page span { position: relative; color: #757575; padding-left: 0.9rem; font-weight: 300; }
.popup .control .page span::before { position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); left: 0.45rem; width: 1px; height: 0.7rem; border-radius: 50%; background: #A9ADB3; content: ""; }
.popup .control a { font-size: 1.1rem; font-weight: 600; transition: 0.3s; }
.popup .control a.stop,
.popup .control a.play { display: flex; justify-content: center; align-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: rgba(11, 78, 160, 0.1); }
.popup .control a.play { display: none; }
.popup .slider .item a:hover img,
.popup .slider .item a:focus img { transform: scale(1.05); }
.popup .control a:hover,
.popup .control a:focus { color: #0E76F7; }

/* 바로가기1 */
.link01 { position: relative; margin-top: 2rem; }
.link01 a:not(.widgetDelete){ display: block; height: 12.2rem; background: #0A4996 url('/images/web/upmc/main/link01_bg.png') no-repeat bottom right; border-radius: 1.1rem; overflow: hidden; padding: 1.85rem 1.6rem; }
.link01 a .tit { color: #fff; font-size: 1.2rem; font-weight: 600; font-family: 'KakaoBigFont'; }
.link01 a .txt { color: #fff; font-size: 0.8rem; margin: 0.75rem 0 1.7rem; line-height: 150%; }
.link01 a span { display: inline-flex; justify-content: space-between; align-items: center; border-radius: 2rem; background: #fff; border: 2px solid #fff; color: #0A4996; padding: 0.4rem 1.1rem; font-size: 0.7rem; font-weight: 600; gap: 0.5rem; transition: 0.3s; }
.link01 a span i { font-weight: 500; font-size: 0.8rem; }
.link01 a:hover span,
.link01 a:focus span { background: #0A4996; color: #fff; }


/* 핵심지표 */
.coreKpi { position: relative; }
.coreKpi .tit_wrap { display: flex; flex-wrap: wrap; align-items: flex-end; width: calc(100% - 8rem); color: #fff; gap: 0.5rem 1.35rem; }
.coreKpi .tit_wrap .heading { font-size: 1.8rem; font-weight: 800; font-family: 'KakaoBigFont'; }
.coreKpi .tit_wrap span { font-size: 1rem; }
.coreKpi .tit_wrap .menu_more { position: absolute; top: -0.4rem; right: 0; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); padding: 0.75rem 1.2rem; border-radius: 2rem; transition: 0.3s; }
.coreKpi .titTab { margin: 2rem 0 1.25rem; }
.coreKpi .titTab ul { display: flex; gap: 1rem; }
.coreKpi .titTab ul li { flex: 1; }
.coreKpi .titTab ul li a { display: flex; align-items: center; justify-content: space-between; height: 4.8rem; border-radius: 0.8rem; background: #0E4D7A; overflow: hidden; padding: 0 1.8rem; color: #fff; font-size: 1.2rem; font-weight: 600; transition: 0.3s; }
.coreKpi .titTab ul li a span { position: relative; transition: 0.3s; }
.coreKpi .titTab ul li a span::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #4EBAF6; content: ""; opacity: 0; transition: 0.3s; }
.coreKpi .tabWrap { background: rgba(255, 255, 255, 0.12); border-radius: 0.8rem; padding: 2.5rem 3rem; backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.35); }
.coreKpi .tabWrap .list_box { display: none; }
.coreKpi .tabWrap .list_box.on { display: block; }
.coreKpi .item_box { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.coreKpi .item_box dl { width: calc((100% - 4.5rem) / 4); background: #fff; border-radius: 1rem; overflow: hidden; padding: 1.1rem 1rem; }
.coreKpi .item_box dl dt { font-size: 1rem; text-align: center; font-weight: 600; }
.coreKpi .item_box dl dd .txt { display: flex; align-items: center; justify-content: center; gap: 0.3rem; width: 100%; text-align: center; border: 1px solid; padding: 0.4rem; font-size: 0.85rem; font-weight: 600; border-radius: 1rem; margin: 0.8rem 0 1rem; }
.coreKpi .item_box dl dd .txt.up { background: rgba(10, 129, 191, 0.09); border-color: #79AEC7; }
.coreKpi .item_box dl dd .txt.down { background: #FFEFEC; border-color: #EA9B8C; }
.coreKpi .item_box dl dd .chart { height: 7rem; }
.coreKpi .item_box dl dd .chart canvas { width: 100% !important; height: 100% !important; }
.coreKpi .no_data { display: flex; justify-content: center; align-items: center; height: 29.7rem; background: #fff; border-radius: 1rem; }
.coreKpi .btn_more { position: absolute; display: flex; justify-content: center; align-items: center; bottom: -1.2rem; right: 3rem; width: 2.3rem; height: 2.3rem; border-radius: 50%; background: #fff; color: #092F5A; font-size: 1rem; }
.coreKpi .btn_more i { transition: 0.3s; }
/* 핵심지표 : hover */
.coreKpi .tit_wrap .menu_more:hover,
.coreKpi .tit_wrap .menu_more:focus { background: #fff; color: #0B4377; font-weight: 800; }
.coreKpi .titTab ul li a:hover,
.coreKpi .titTab ul li a:focus,
.coreKpi .titTab ul li a.current { background: #fff; color: #0B4377; font-weight: 800; box-shadow: 0 0 15px rgba(12, 49, 92, 0.3); }
.coreKpi .titTab ul li a.current span { padding-left: 1rem; }
.coreKpi .titTab ul li a.current span::before { opacity: 1; }
.coreKpi .btn_more:hover i,
.coreKpi .btn_more:focus i { transform: rotate(180deg); }

.translated-ltr .coreKpi .titTab ul li a { font-size: 1rem; word-break: break-all; }

/* 역대 연구 상학 우수성과 */
.hstrRsrc { position: relative; margin-top: 6rem; }
.hstrRsrc .tit_wrap { display: flex; flex-wrap: wrap; align-items: flex-end; color: #fff; gap: 0.5rem 1.35rem; }
.hstrRsrc .tit_wrap .heading { font-size: 1.8rem; font-weight: 800; font-family: 'KakaoBigFont'; }
.hstrRsrc .tit_wrap span { font-size: 1rem; }
.hstrRsrc .titTab { margin: 1rem 0; }
.hstrRsrc .titTab ul { display: flex; flex-wrap: wrap; gap: 0.6rem; width: calc(100% - 3rem); }
.hstrRsrc .titTab ul li a { display: block; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 2rem; padding: 0.6rem 1.5rem; text-align: center; }
.hstrRsrc .titTab ul li a span { position: relative; transition: 0.3s; }
.hstrRsrc .titTab ul li a span::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #0D5CBD; content: ""; opacity: 0; transition: 0.3s; }
.hstrRsrc .tabWrap { position: relative; }
.hstrRsrc .tabWrap .list_box { display: none; }
.hstrRsrc .tabWrap .list_box.on { display: block; }
.hstrRsrc .slider { display: flex; align-items: end; width: calc(100% + 2.5rem); height: 28.05rem; margin-left: -1.25rem; cursor: none; }
.hstrRsrc .slider .slick-list { width: 100%; }
.hstrRsrc .slider .slick-track { margin: 0; vertical-align: bottom; }
.hstrRsrc .slider .item { padding: 0 1.25rem; vertical-align: bottom; }
.hstrRsrc .slider .item a { display: block; background: rgba(255, 255, 255, 0.1); border-radius: 0.8rem; padding: 2.5rem 3rem; backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.35); padding: 1rem 1rem 2rem; transition: 0.3s; cursor: none; }
.hstrRsrc .slider .item a .book { position: relative; display: flex; justify-content: center; align-items: center; height: 12.5rem; border-radius: 0.3rem; background: rgba(3, 34, 70, 0.45); }
.hstrRsrc .slider .item a .book img { max-width: 100%; height: 100%; }
.hstrRsrc .slider .item a .txt_box { padding: 0 5px; margin: 1.4rem 0 2rem; transition: 0.3s; }
.hstrRsrc .slider .item a .txt_box .tit { position: relative; color: #fff; white-space: nowrap; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.8rem; }
.hstrRsrc .slider .item a .txt_box .tit .badge {display: inline-block;border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 0.5rem;padding: 0.5rem 0.8rem;color: #fff;background: #0A254D;font-size: 0.8rem;margin-right: 1rem;}
.hstrRsrc .slider .item a.new .txt_box .tit { padding-left: 1.5rem; }
.hstrRsrc .slider .item a.new .txt_box .tit::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1.1rem; height: 1.1rem; background: #0B6EF6; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 0.6rem; content: "N"; border-radius: 4px; font-family: 'Montserrat'; }
.hstrRsrc .slider .item a .txt_box ul li { display: flex; gap: 1.2rem; font-size: 0.95rem; color: #fff; }
.hstrRsrc .slider .item a .txt_box ul li + li { margin-top: 0.6rem; }
.hstrRsrc .slider .item a .txt_box ul li strong { position: relative; width: 3.6rem; }
.hstrRsrc .slider .item a .txt_box ul li strong::before { position: absolute; top: 50%; transform: translateY(-50%); right: -0.6rem; width: 1px; height: 0.8rem; background: rgba(255, 255, 255, 0.3); content: ""; }
.hstrRsrc .slider .item a .txt_box ul li em { width: calc(100% - 4.8rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 200; }
.hstrRsrc .slider .item a .more { display: flex; justify-content: center; align-items: center; gap: 0.5rem; width: 100%; height: 2.4rem; text-align: center; background: #fff; color: #084289; border-radius: 2rem; font-weight: 600; transition: 0.3s; cursor: pointer; }
.hstrRsrc .slider .item a .more i { font-weight: 500; }
.hstrRsrc .control { display: flex; align-items: center; justify-content: space-between; margin-top: 2rem; gap: 0.3rem; }
.hstrRsrc .control .progressbar { flex: 1; height: 0.3rem; background: rgba(255, 251, 251, 0.2); border-radius: 1rem; overflow: hidden; margin-right: 1.7rem; }
.hstrRsrc .control .progressbar p { display: block; width: 0; height: 100%; border-radius: 1rem; background: #fff; transition: 0.3s ease-in-out; }
.hstrRsrc .control a { display: flex; justify-content: center; align-items: center; width: 2.3rem; height: 2.3rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-size: 1.1rem; transition: 0.3s; }
.hstrRsrc .control a.play { display: none; }
.hstrRsrc .no_data { display: flex; justify-content: center; align-items: center; height: 28.05rem; background: rgba(255, 255, 255, 0.1); border-radius: 0.8rem; padding: 2.5rem 3rem; backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.35); color: #fff; }
.hstrRsrc .control a.btn_more { position: absolute; top: -3.2rem; right: 0; }
/* 역대 연구 상학 우수성과 : hover */
.hstrRsrc .titTab ul li a:hover,
.hstrRsrc .titTab ul li a:focus,
.hstrRsrc .titTab ul li a.current { background: #fff; color: #222; font-weight: 800; }
.hstrRsrc .titTab ul li a.current span { padding-left: 1rem; }
.hstrRsrc .titTab ul li a.current span::before { opacity: 1; }
.hstrRsrc .slider .item a:hover,
.hstrRsrc .slider .item a:focus { border-color: transparent; background: linear-gradient(#1256A7, #12447E); }
.hstrRsrc .slider .item a:hover .txt_box,
.hstrRsrc .slider .item a:focus .txt_box { margin: 1.4rem 0 3.5rem; }
.hstrRsrc .slider .item a:hover .more,
.hstrRsrc .slider .item a:focus .more  { font-weight: 700; }
.hstrRsrc .control a:hover,
.hstrRsrc .control a:focus { background: #fff; color: #084289; }

.cursor_custom { position: fixed; pointer-events: none; z-index: 10; border-radius: 10rem; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.12); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); width: 8rem; height: 8rem; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: 600; backdrop-filter: blur(2px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-family: 'Montserrat'; font-size: 1rem; gap: 0.5rem; }


/* 바로가기2 */
.link02 { position: relative; width: 100%; }
.link02 a:not(.widgetDelete){ display: block; height: 16rem; background: url('/images/web/upmc/main/link02_bg.png') no-repeat bottom right, linear-gradient(to left, #014293, #12447E); border-radius: 0.8rem; padding: 3.6rem 5rem; }
.link02 a .tit { color: rgba(255, 255, 255, 0.6); font-size: 0.75rem; font-weight: 300; }
.link02 a .txt { font-size: 1.5rem; font-weight: 300; color: #fff; margin: 0.7rem 0 2.2rem; line-height: 150%; }
.link02 a .txt em { font-weight: 700; }
.link02 a span { position: relative; display: inline-flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 2rem; padding: 0.5rem 1rem 0.6rem 0.5rem; gap: 1.4rem; font-family: 'Montserrat'; color: #fff; overflow: hidden; z-index: 0; transition: 0.3s;}
.link02 a span::after { position: absolute; top: 50%; transform: translateY(-50%); left: 0.5rem; width: 1.65rem; height: 1.65rem; background: #fff; content: ""; border-radius: 2rem; transition: 0.3s; z-index: -1; }
.link02 a span i { display: flex; justify-content: center; align-items: center; width: 1.65rem; height: 1.65rem; background: #fff; color: #004569; border-radius: 50%; }
.link02 a:hover span,
.link02 a:focus span { color: #004569; border-color: transparent; }
.link02 a:hover span::after,
.link02 a:focus span::after { left: 0; width: 100%; height: 100%; }
.link02 a:hover span i,
.link02 a:focus span i { background: #004569; color: #fff; }


/* 새소식 */
.newInfr { position: relative; width: calc(100% - 41rem); background: #fff; box-shadow: 0 0 8px rgba(73, 103, 121, 0.3); border-radius: 0.8rem; padding: 1.75rem 1.6rem; }
.newInfr .heading { width: calc(100% - 2.5rem); font-size: 1.4rem; font-family: 'KakaoBigFont'; font-weight: 600; color: #111; margin-bottom: 0.6rem; line-height: 150%; }
.newInfr ul li + li { border-top: 1px dotted #BAC1CC; }
.newInfr ul li a { display: block; padding: 0.8rem; transition: 0.3s; }
.newInfr ul li a .tit { position: relative; display: inline-grid; font-size: 1rem; margin-bottom: 0.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newInfr ul li a .tit span { position: relative; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s; }
.newInfr ul li a .tit span::before { position: absolute; top: 0; right: 0; font-family: 'remixicon'; font-weight: 500; content: "\ea70"; color: #00408D; opacity: 0; transition: 0.3s; }
.newInfr ul li a .date { color: #757575; font-size: 0.7rem; }
.newInfr ul li a .date i { color: #999; }
.newInfr ul li a.new .tit { padding-left: 1.5rem; }
.newInfr ul li a.new .tit::before { position: absolute; top: 0; left: 0; width: 1.1rem; height: 1.1rem; line-height: 1.1rem; background: #E8305D; color: #fff; content: "N"; border-radius: 4px; text-align: center; font-size: 0.6rem; }
.newInfr .btn_more { position: absolute; top: 1.75rem; right: 1.6rem; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #00408D; color: #fff; font-size: 1rem; }
.newInfr .btn_more i { transition: 0.3s; }
.newInfr ul li a:hover,
.newInfr ul li a:focus { background: rgba(85, 158, 245, 0.06); }
.newInfr ul li a:hover .tit span,
.newInfr ul li a:focus .tit span { color: #00408D; font-weight: 600; padding-right: 1rem; }
.newInfr ul li a:hover .tit span::before,
.newInfr ul li a:focus .tit span::before { opacity: 1; }
.newInfr .btn_more:hover i,
.newInfr .btn_more:focus i { transform: rotate(180deg); }

/* 인기,최신 데이터 */
.popData { position: relative; width: 39rem; display: flex; gap: 2rem; }
.popData dl { position: relative; flex: 1; min-width:0; border-radius: 0.8rem; padding: 1.5rem; }
.popData dl:nth-child(1) { background: #12447E; }
.popData dl:nth-child(2) { background: #1A64B3; }
.popData dl dt { width: calc(100% - 2.5rem); color: #fff; font-size: 1.4rem; font-family: 'KakaoBigFont'; font-weight: 600; margin-bottom: 1rem; line-height: 150%; }
.popData dl dd ul li { position: relative; display: flex; align-items:center; min-height: 2.2rem; gap: 0.4rem; background: #fff; border-radius: 0.5rem; padding: 0.55rem 0.75rem; }
.popData dl dd ul li + li { margin-top: 0.5rem; }
.popData dl dd ul li .num { display: flex; flex-shrink:0; justify-content: center; align-items: center; width: 1rem; height: 1rem; border-radius: 50%; background: #708CAE; color: #fff; font-size: 0.6rem; }
.popData dl dd ul li > em{display:block; overflow:hidden; text-overflow:ellipsis; position:relative; width:100%; white-space:nowrap;}
.popData dl dd ul.list_ty li span {display:block; overflow:hidden; text-overflow:ellipsis; position: relative; padding-left: 0.6rem; white-space:nowrap;}
.popData dl dd ul.list_ty li span::before { position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #aaa; content: ""; }
.popData .btn_more { position: absolute; top: 1.5rem; right: 1.5rem; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, 0.16 ); color: #fff; font-size: 1rem; }
.popData .btn_more i { transition: 0.3s; }
.popData .btn_more:hover i,
.popData .btn_more:focus i { transform: rotate(180deg); }

@media(max-width:1440px){
    
    .MVisual { height: 31rem; }
    .MVisual .slider .item a .txt_box { padding: 0 3rem; top: 3rem; }
    .MVisual .slider .item a .txt_box .txt { font-size: 2rem; }
    
    .popup .slider { height: 13.5rem; }
    .popup .slider .item a img { height: 100%; }
    
    /* 핵심지표 */
    .coreKpi .titTab ul li a { padding: 0 1.2rem; }
    .coreKpi .item_box dl { width: calc((100% - 3rem) / 3); }
    
    /* 바로가기2 */
    .link02 a { padding: 2.5rem; background-size: 75% auto, cover; }
}

@media(max-width:1280px){
    .MC_wrap1 { margin: 2rem 0; }
    .MC_wrap2 { padding: 2.5rem 0; }
    .MC_wrap3 { padding: 2rem 0; }
    .MC_wrap3::before { display: none; }
    .MC_wrap3 .container { gap: 2rem; }
    
    /* 핵심지표 */
    .coreKpi .tit_wrap .heading { font-size: 1.5rem; }
    .coreKpi .titTab ul li a { flex-direction: column-reverse; justify-content: center; gap: 0.8rem; height: 100%; padding: 1rem; font-size: 1.1rem; }
    .coreKpi .titTab ul li a img { height: 40px; }
    .coreKpi .tabWrap { padding: 1.5rem; }
    
    /* 역대 연구 상학 우수성과 */
    .hstrRsrc { margin-top: 2.5rem; }
    .hstrRsrc .tit_wrap .heading { font-size: 1.5rem; }
    .hstrRsrc .slider { width: calc(100% + 1rem); height: 25.55rem; margin-left: -0.5rem; }
    .hstrRsrc .slider .item { padding: 0 0.5rem; }
    .hstrRsrc .slider .item a .book { height: 10rem; }
    .hstrRsrc .slider .item a .book img { height: 150px; }
    .hstrRsrc .slider .item a .txt_box .tit { font-size: 1rem; }
    .hstrRsrc .slider .item a .txt_box ul li { font-size: 0.8rem; }
    .hstrRsrc .control { margin-top: 1rem; }
    
    /* 새소식 */
    .newInfr { width: 100%; }
    
    /* 인기,최신 데이터 */
    .popData { width: 100%; }
}

@media(max-width:1200px){
    .MC_wrap1 .container { flex-wrap: wrap; }
    .con_wrap { width: 100%; display: flex; align-items: end; gap: 2rem; }
    
    /* 메인비주얼 */
    .MVisual { width: 100%; height: 50vw; }
    
    /* 팝업존 */
    .popup { width: 50%; margin-top: 0; }
    .popup .heading { font-size: 1.1rem; }
    
    /* 바로가기1 */
    .link01 { margin-top: 0; width: 50%; }
    .link01 a { height: 17.5rem; }
    .link01 a .tit { font-size: 1.1rem; }
    .link01 a .txt br { display: none; }
    
    /* 핵심지표 */
    .coreKpi .tit_wrap .heading { font-size: 1.3rem; }
    .coreKpi .titTab ul li a { font-size: 1rem; }
    .coreKpi .titTab ul li a img { height: 35px; }
    
    /* 역대 연구 상학 우수성과 */
    .hstrRsrc .tit_wrap .heading { font-size: 1.3rem; }
    
    .link02 a { height: auto; padding: 2rem; }
    .link02 a .txt { font-size: 1.3rem; margin: 0.7rem 0 1.5rem; }
    .link02 a span i { width: 1.4rem; height: 1.4rem; }
    .link02 a span::after { width: 1.4rem; height: 1.4rem; }
    
    .newInfr .heading { font-size: 1.3rem; }
    
    .popData dl dt { font-size: 1.3rem; }
}

@media(max-width:1024px){
    /* 핵심지표 */
    .coreKpi .titTab ul { flex-wrap: wrap; }
    .coreKpi .titTab ul li { flex: none; width: calc((100% - 2rem) / 3); }
    .coreKpi .titTab ul li a { flex-direction: row; justify-content: space-between; padding: 1rem; }
    .coreKpi .titTab ul li a img { height: 24px; }
    .coreKpi .item_box dl { width: calc((100% - 1.5rem) / 2); }
}

@media(max-width:768px){
    .con_wrap { flex-wrap: wrap; }
    
    /* 메인비주얼 */
    .MVisual { border-radius: 1.5rem; }
    .MVisual .control { right: 2.5rem; }
    .MVisual .slider .item a .txt_box { top: 2rem; padding: 0 2rem; }
    .MVisual .slider .item a .txt_box span { font-size: 1rem; }
    .MVisual .slider .item a .txt_box .txt { font-size: 1.3rem; margin: 0.8rem 0 1.2rem; }
    .MVisual .slider .item a .txt_box .more { gap: 1.5rem; padding: 0.4rem 1rem; font-size: 0.7rem; }
    .MVisual .slider .item a .txt_box .more i { font-size: 0.9rem; }
    
    /* 팝업존 */
    .popup { width: 100%; }
    .popup .slider { height: 45vw; }
    /*.popup .slider .item a img { height: 100%; }*/
    
    /* 바로가기1 */
    .link01 { width: 100%; }
    .link01 a { height: auto; }
    
    .coreKpi .tit_wrap { width: 100%; }
    .coreKpi .tit_wrap .menu_more { display: none; }
    .coreKpi .titTab { margin: 1.5rem 0; }
    
    .hstrRsrc .slider { height: auto; }
    .hstrRsrc .slider .item a { padding: 1rem; }
    .hstrRsrc .slider .item a .book .badge { padding: 0.5rem 0.8rem; }
    .hstrRsrc .slider .item a .txt_box { margin: 1rem 0; }
    .hstrRsrc .slider .item a .more { height: 2rem; }
    .hstrRsrc .control .progressbar { margin-right: 1rem; }
    .hstrRsrc .control a { width: 2rem; height: 2rem; font-size: 1rem; }
    .hstrRsrc .slider .item a:hover .txt_box,
    .hstrRsrc .slider .item a:focus .txt_box { margin: 1rem 0; }
    .cursor_custom { width: 6rem; height: 6rem; font-size: 0.9rem; }
    
    .newInfr { padding: 1rem; }
    .newInfr .btn_more { top: 1rem; right: 1rem; }
    
    .popData dl { padding: 1rem; }
    .popData dl dt { margin-bottom: 1rem; }
    .popData .btn_more { top: 1rem; right: 1rem; }
}

@media(max-width:768px) and (min-width:381px) {
    .popup .slider{width:100%; border-radius:0;}
    .popup .slider div{display:flex; gap:1.5rem;}
    .popup .slider a{overflow:hidden; border-radius:1rem;}
}

@media(max-width:680px){
    /* 인기,최신 데이터 */
    .popData { flex-wrap: wrap; }
    .popData dl { flex: none; width: 100%; }
    
    .coreKpi .item_box dl { width: 100%; }
}

@media(max-width:580px){    
    .MVisual .slider .item a .txt_box span { font-size: 0.7rem; }
    .MVisual .slider .item a .txt_box .txt { font-size: 1rem; margin: 0.8rem 0 1rem; }
    .MVisual .slider .item a .txt_box .more { padding: 0.3rem 0.4rem; gap: 0.5rem; font-size: 0.6rem; }

    .link01 a { padding: 1.5rem; }
    
    .link02 a { padding: 1.5rem; }
    .link02 a .txt { font-size: 1.1rem; }
    .link02 a .txt em { font-weight: 600; }
    .link02 a span { font-size: 0.8rem; gap: 0.5rem; padding: 0.5rem 0.7rem 0.5rem 0.5rem; }
    
    /* 핵심지표 */
    .coreKpi .titTab ul { gap: 0.6rem; }
    .coreKpi .titTab ul li { width: calc((100% - 0.6rem) / 2); }
    .coreKpi .titTab ul li a { border-radius: 0.5rem; font-size: 0.9rem; }
    
    .newInfr ul li a { padding: 0.8rem 0; }
}

@media(max-width:580px) and (min-width:381px) {
    .popup .slider div{gap:1rem;}
}

@media(max-width:480px){
    .MC_wrap1 { margin: 1.5rem 0; }
    .MC_wrap1 .container { gap: 1.5rem; }
    .MC_wrap2 { padding: 1.5rem 0; }
    .MC_wrap3 { padding: 1.5rem 0; }
    .MC_wrap3 .container { gap: 1.5rem; }
    
    .con_wrap { gap: 1.5rem; }
    
    /* 메인비주얼 */
    .MVisual .control { height: 2rem; right: 50%; bottom: 1rem; transform: translateX(50%); border-radius: 1.4rem; padding: 0 1rem; }
    .MVisual .control::before,
    .MVisual .control::after { display: none; }
    
    /* 팝업존 */
    .popup .slider { margin-top: 1rem; }
    
    /* 핵심지표 */
    .coreKpi .tit_wrap .heading { font-size: 1.1rem; }
    .coreKpi .tit_wrap span { font-size: 0.9rem; }
    .coreKpi .tabWrap { padding: 0.6rem; }
    .coreKpi .item_box { gap: 1rem; }
    .coreKpi .btn_more { width: 2rem; height: 2rem; bottom: -1rem; }
    
    .hstrRsrc .tit_wrap .heading { font-size: 1.1rem; }
    .hstrRsrc .tit_wrap span { font-size: 0.9rem; }
    
    .newInfr .heading { font-size: 1.1rem; }
    .newInfr ul li a .tit { font-size: 0.9rem; }
    .newInfr ul li a.new .tit::before { width: 1rem; height: 1rem; }
    
    .popData { gap: 1.5rem; }
    .popData dl dt { font-size: 1.1rem; }
}

@media(max-width:380px){    
    /* 팝업존 */
    .popup .slider { height: 84vw; }
    
    /* 핵심지표 */
    .coreKpi .titTab ul { gap: 0.5rem; }
    .coreKpi .titTab ul li { width: calc((100% - 0.5rem) / 2); }
    .coreKpi .titTab ul li a { flex-direction: column-reverse; justify-content: center; padding: 0.5rem; }
    .coreKpi .titTab ul li a.current span { padding-left: 0; }
    .coreKpi .titTab ul li a span::before,
    .coreKpi .titTab ul li a img { display: none; }
}