@import url("/common/font/SBAggro/fonts.css"); 



/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out 0.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; }
.container { width: 80rem; margin: 0 auto;} 



/* common */
h3.tit {font-family: 'SBAggro'; color: #000; font-size: 1.5rem;} 
.MC_wrap1 { position: relative;}
.MC_wrap1::before{ content: ''; display: block; width: 1193px; height: 541px; background: url('/images/web/impact/main/w_bg1.png') no-repeat center / contain; position: absolute;  top: -6.3rem; right: calc(50% - 64rem); transition: all 0.7s; }



/* SCROLL DOWN */
#scrDn {display: flex; align-items: center; position: absolute; left: calc(50% + 45rem); top: 21.85rem; transform: rotate(90deg); transform-origin: left top; z-index: 2;}
#scrDn .txt {font-size: 0.7rem; color: #a3a3a3; font-weight: 700; margin-right: 0.79em; white-space: nowrap;}
#scrDn .icn {flex-shrink: 0; width: 1.6625em; height: 1.6625em; border-radius: 50%; background-color: #3516a5; font-size: 1.43em; position: relative; overflow: hidden;}
#scrDn .icn i {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; position: absolute; left: 0; right: auto; top: 0; animation: scrollArrow 2s infinite forwards;}
/* SCROLL DOWN : actv */
#scrDn.fxd {position: fixed; top: 3.5rem;}
/* SCROLL DOWN : animate */
@keyframes scrollArrow {
    0% {left: 0%; right: auto;}
    15% {left: 100%; right: auto;}
    18.75% {left: auto; right: 100%;}
    33.75% {left: auto; right: 0%;}
    37.5% {left: 0%; right: auto;}
}



/* MC */
.MC_wrap2 { position: relative;}
.MC_wrap2::before { content: url(/images/web/impact/main/wrap2_bg.png); position: absolute; bottom: -4.2rem; left: 50%; transform: translateX(-50%); z-index: -1;}



/* 바로가기 */
.link {margin-top: 1.3rem;}
.link .list {display: flex; justify-content: space-between; color: #fff;}
.link .list > li h3 {font-family: 'SBAggro'; font-size: 1.2rem;}
.link .list > li h3 span {font-size: 0.9rem; font-weight: 500;}
.link .list > li p {font-size: 0.85rem; line-height: 1.65; margin-top: 1.2rem;}
/* 바로가기 : first */
.link .list > li:first-child {width: 50%; border-radius: 1.5rem; background: linear-gradient(38deg, rgba(40,11,119,1) 0%, rgba(66,52,216,1) 100%); padding: 2.5rem 2.5rem 4rem 2.5rem; position: relative;}
.link .list > li:first-child h3 {font-size: 1.5rem;}
.link .list > li:first-child p {font-size: 1rem; margin:0.7rem 0 2rem;}
.link .list > li:first-child > ul {display: flex; justify-content: space-between;}
.link .list > li:first-child > ul > li {width: 29.5%;}
.link .list > li:first-child > ul > li a {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; border-radius: 1rem; border: 1px solid rgba(255,255,255,50); padding: 0.5rem 1rem; text-align: center; opacity: 0.5; transition: 0.2s;}
.link .list > li:first-child > ul > li a span {display: block; max-height: 3em; font-size: 1rem; font-weight: 300; line-height: 1.5; overflow: hidden;}
/* 바로가기 : first : actv */
.link .list > li:first-child > ul > li.actv a { opacity: 1;}
/* 바로가기 : not-first */
.link .list > li:not(:first-child) {width: 22.5%;}
.link .list > li:not(:first-child) > a {display: block; height: 100%; border-radius: 1.5rem; padding: 2.5rem 1.8rem 4rem; color: #fff; position: relative;}
.link .list > li:nth-child(2) > a {background: url(/images/web/impact/main/link01_2.png) #3391ff right bottom no-repeat;}
.link .list > li:nth-child(3) > a {background: url(/images/web/impact/main/link01_3.png) #00aa95 right bottom no-repeat;}
.link .list > li:not(:first-child) > a .more {display: flex; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #fff; font-size: 1.5rem; color: #fff; position: absolute; left: 2rem; bottom: 2.5rem; transition: 0.2s;}
.link .list > li:nth-child(2) > a:hover .more,
.link .list > li:nth-child(2) > a:focus .more {background-color: #fff; color: #3391ff;}
.link .list > li:nth-child(3) > a:hover .more,
.link .list > li:nth-child(3) > a:focus .more {background-color: #fff; color: #00aa95;}



/* 게시판 */
.notice{ position: relative; margin-top: 4rem;} 
.notice .titTab{ position: absolute; right: 4rem; top: 0; max-width: 80%;} 
.notice .titTab ul{display: flex; justify-content: flex-end; align-items: center;} 
.notice .titTab ul li ~ li{margin-left: 2rem;}
.notice .titTab ul li a{  transition: 0.15s; font-size: 1.1rem; font-weight: 600; color: #747474; position: relative; line-height: 2.25rem;}
.notice .titTab ul li a::before { content: ''; display: block; width: 0.4rem; height: 0.4rem; border-radius: 40%; background: #0092ff; position: absolute; left: -0.6rem; top: -0.25rem; opacity: 0; transition: all 0.2s;}
.notice .tabWrap{height: 14.85rem;}
.notice .list_box{display: none; height: 100%; margin-top: 1.4rem;}
.notice .list_box ul{display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 -1rem; height: 100%;}
.notice .list_box ul li{flex:1; padding: 0 1rem;} 
.notice .list_box ul li:nth-child(n+5){display: none;}
.notice .list_box ul li a{ position: relative; display: block; width: 100%; height: 14.85rem; background: #fff; border-radius: 1.5rem; padding: 1.8rem; border: 1px solid #ddd; transition: 0.15s;} 
.notice .list_box ul li a::before { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border: 2px solid #28a8eb; position: absolute; left: -1px; top: -1px; opacity: 0; transition: all 0.2s; border-radius: 1.5rem;}
.notice .list_box ul li a > em { display: block; font-size: 0.9rem; color: #3391ff; font-weight: 600; margin-top: 0.75rem;}
.notice .list_box ul li a .tit{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.8rem; margin-bottom: 0.8rem; font-size: 1rem; font-weight: 600; transition: 0.15s; line-height: 1.5rem; color: #000; letter-spacing: -1px;}
.notice .list_box ul li a .txt{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.5rem; color: #666; line-height: 1.35rem; font-size: 0.85rem;}
.notice .list_box ul li a .date{font-size: 0.75rem; font-weight: 600; color: #666; text-align: center; display: inline-block; line-height: 1.5rem;} 
.notice .list_box ul li a .date em {font-size: 2.25rem; font-weight: 800; color: #0d2146; display: block;} 
.notice .list_box ul li a button { margin: 0 auto; display: block; width: 2.25rem; height: 2.25rem; border-radius: 50%; border:1px solid #ddd; line-height: 1.8rem; text-align: center; font-size: 1.25rem; color: #717171; margin-top: 1.2rem;}
.notice .list_box ul li a button:hover,
.notice .list_box ul li a button:focus { background: #ddd; color: #fff; }
.notice .list_box .more{position: absolute; right: 0; top: -0.2rem; font-size: 1.1rem; display: block; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center; border-radius: 50%; background: #333; color: #fff; }
.notice .list_box .more i{display: block; transition: 0.15s;}
/* 게시판 : no_data */
.notice .list_box .no_data{display: flex; align-items: center; justify-content: center; background: #fff;  border: 1px solid #ddd; border-radius: 1.5rem; height: 100%;}
/* 게시판 : new */
.notice .list_box ul li a.new .tit::before{content: 'N'; font-size: 0.9rem; color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #28a8eb; vertical-align: bottom; position: absolute; top: 2.1rem; right: 2rem;}
/* 게시판 : active */
.notice .titTab ul li a.current{ color: #111;}
.notice .titTab ul li a.current::before { opacity: 1;}
.notice .titTab ul li a:hover,
.notice .titTab ul li a:focus{font-weight: 600; color: #111;}
.notice .list_box.on{display: block;} 
.notice .list_box ul li a:hover,
.notice .list_box ul li a:focus{ box-shadow: 10px 10px 10px rgba(13,106,155,0.1);} 
.notice .list_box ul li a:hover::before,
.notice .list_box ul li a:focus::before { opacity: 1;} 
.notice .list_box .more:hover i,
.notice .list_box .more:focus i{transform: rotate(180deg);}



/* 연구보고서 */
.report { position: relative; margin-top: 5rem;} 
.report .slick-list { overflow: visible; width: 100%;}
.report h2.tit1 { max-width: calc(100% - 5.5rem); font-size: 1.5rem; line-height: 2rem; font-weight: 700;}
.report h2.tit1 span {display: block; white-space: nowrap; overflow: hidden;}
.report .more{position: absolute; right: 0; top: -0.2rem; font-size: 1.1rem; display: block; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; text-align: center; border-radius: 50%; background: #333; color: #fff; }
.report .more i{display: block; transition: 0.15s;}
.report .more i{display: block; transition: 0.15s;}
.report .reportLst { margin-top: 1rem; position: relative; }
.report .reportLst .reportSlide { display: flex; margin: 0 -1rem;}
.report .reportLst .reportSlide .item {padding: 0 1rem;}
.report .reportLst .reportSlide .item.slick-slide { opacity: 0;}
.report .reportLst .reportSlide .item.slick-active { opacity: 1;}
.report .reportLst .reportSlide .item:not(:first-of-type){margin-left: auto;}
.report .reportLst .reportSlide .item > a { position: relative; display: flex; flex-direction: column; width: 100%; background: #fff; border-radius: 1.5rem; padding: 1.35rem 2rem; box-shadow: 15px 15px 20px rgba(13,106,155,0.1);}
.report .reportLst .reportSlide .item > a::before { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border: 3px solid #331f9f; position: absolute; left: -1px; top: -1px; opacity: 0; transition: all 0.2s; border-radius: 1.5rem;}
.report .reportLst .reportSlide .item > a > span { font-size: 0.85rem; color: #331f9f; font-weight: 600;}
.report .reportLst .reportSlide .item > a > span img { vertical-align: middle; padding-right: 0.3rem;}
.report .reportLst .reportSlide .item > a .tit { font-size: 1rem; line-height: 1.5rem; color: #000; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.8rem; margin: 0.8rem 0;}
.report .reportLst .reportSlide .item > a ul { padding-top: 0.6rem; border-top: 1px solid #ccc;}
.report .reportLst .reportSlide .item > a ul li { line-height: 1.7rem; color: #666; font-size: 0.85rem;}
.report .reportLst .reportSlide .item > a ul li span { color: #331f9f; font-weight: 600; display: inline-block; width: 4.3rem;}
.report .reportLst .reportSlide .item > a em { background: #331f9f; border-radius: 2rem; height: 2.2rem; color: #fff; width: 8rem; display: block; display: flex; align-items: center; justify-content: space-between; padding: 0 0.9rem; font-size: 0.9rem; position: absolute; bottom: -1.1rem; left:calc(50% - 4rem); transition: all 0.2s; opacity: 0;}
.report .reportLst .reportSlide .item > a em i { font-size: 1rem;}
.report .control {position: absolute; top: 50%; right: 0; height: 2rem; width: 100%; }
.report .control a {display: flex; justify-content: center; align-items: center; width: 1em; height: 1em; border-radius: 50%; background-color: #3516a5; font-size: 3rem; color: #fff; position: absolute; top: calc(50% - 0.5em);}
.report .control a.prev {left: -1.5rem; transform: translateX(-100%);}
.report .control a.next {right: -1.5rem; transform: translateX(100%);}
/* 연구보고서 : no_data */
.report .reportLst > .no_data { display: flex; align-items: center; justify-content: center; font-size: 1rem; height: 19.5rem; border-radius: 1.5rem; background: #fff; border: 1px solid #ddd; width: 100%; }
/* 연구보고서 : active */  
.report .reportLst .reportSlide .item > a:hover::before,
.report .reportLst .reportSlide .item > a:focus::before,
.report .reportLst .reportSlide .item > a:hover em,
.report .reportLst .reportSlide .item > a:focus em { opacity: 1;}
.report .more:hover i,
.report .more:focus i{transform: rotate(180deg);}



/* 교육 */
.edu { margin-top: 5rem;}
.edu ul { display: flex; justify-content: space-between; margin-top: 1.3rem;} 
.edu ul li { width: 32%; position: relative; border-radius: 1.5rem; overflow: hidden; font-size: 0;}
.edu ul li .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #Fff; text-align: center; width: 100%;}
.edu ul li .txt p { font-family: 'SBAggro'; font-size: 1.3rem; text-shadow: 3px 3px 3px rgba(0,0,0,0.35); margin: 0.8rem 0 0.6rem; }
.edu ul li:nth-child(1) .txt p > em { color: #9683ff;}
.edu ul li:nth-child(2) .txt p > em { color: #7fbef8;}
.edu ul li .txt span { width: 6.75rem; height: 2rem; border-radius: 2rem; border: 1px solid #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; font-size: 0.9rem; transition: all 0.2s; cursor: pointer; margin: 0 auto;}
.edu ul li .txt span i { font-size: 1rem;}
.edu ul li:nth-child(1) a:hover .txt span,
.edu ul li:nth-child(1) a:focus .txt span { background: #fff; color: #9683ff;}
.edu ul li:nth-child(2) a:hover .txt span,
.edu ul li:nth-child(2) a:focus .txt span { background: #fff; color: #7fbef8;}
.edu ul li:nth-child(3) a:hover .txt span,
.edu ul li:nth-child(3) a:focus .txt span { background: #fff; color: #66b8ad;}



/* 핵심성과지표 */
.perform { position: relative; margin: 4rem 0; margin-left: 6.85rem;}
.perform a {display: flex; align-items: center; height: 9.95rem; border-radius: 0 1.5rem 1.5rem 0; background: url(/images/web/impact/main/perform_bg.png) right center no-repeat; color: #fff;}
.perform a::before { content: ''; background: url(/images/web/impact/main/perform_ico.png) no-repeat center / contain; width: 16.05rem; height: 12.65rem; position: absolute; left: -9.7rem; top: -1.95rem;}
.perform .cont { padding-left: 11rem; width: 100%;}
.perform p { font-family: 'SBAggro'; font-size: 1.5rem; margin-bottom: 0.5rem;}
.perform span { font-size: 1rem;}
.perform .more { width: 6.75rem; height: 2rem; border-radius: 2rem; border: 1px solid #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; font-size: 0.9rem; transition: all 0.2s; cursor: pointer; position: absolute; right: 9rem; top: calc(50% - 1rem);}
.perform a:hover .more,
.perform a:focus .more { background: #fff;color: #3619a6;}



@media (max-width: 1700px) {

    /* SCROLL DOWN */
    #scrDn {display: none;}

    /* 연구보고서 */
    .report .reportLst {padding: 0 1rem;}
    .report .control a {transform: unset !important;}
    .report .control a.prev {left: -0.25rem;}
    .report .control a.next {right: -0.25rem;}
}



@media (max-width: 1620px) {

    .container { width: 100%; padding: 0 1rem;}

    /* 핵심성과지표 */
    .perform a {border-radius: 1.5rem; background-size: calc(100% + 3rem) 100%;}
    .perform .cont {padding-left: 4.5rem;}
}



@media (max-width: 1440px) {

    /* 바로가기 : first */
    .link .list > li:first-child {padding: 2rem 1.5rem 3rem;}
    .link .list > li:first-child > ul > li {width: 32%;}
    /* 바로가기 : not-first */
    .link .list > li:not(:first-child) {width: 24%;}
    .link .list > li:not(:first-child) > a {background-size: 6rem; padding: 2rem 1.5rem 3rem;}

    /* 게시판 */
    .notice{ margin-top: 2rem;} 
    .notice .list_box ul { margin: 0 -0.35rem; } 
    .notice .list_box ul li { padding: 0 0.35rem; }

    /* 연구보고서 */
    .report { margin-top: 2rem;}
    .report .reportLst .reportSlide { margin: 0 -0.35rem; }
    .report .reportLst .reportSlide .item { padding: 0 0.35rem; }

    /* 교육 */
    .edu { margin-top: 2rem;}

    /* 핵심성과지표 */
    .perform a::before { height: 10.15rem; left: -11.8rem; }
    .perform .more { right: 2.8rem; top: 2.3rem;}
}



@media (max-width: 1240px) {

    /* 바로가기 */
    .link .list {flex-wrap: wrap;}
    /* 바로가기 : first */
    .link .list > li:first-child {width: 100%; margin-bottom: 0.7rem; padding: 3rem 5.35rem;}
    .link .list > li:first-child h3 { font-size: 1.4rem;}
    .link .list > li:first-child > ul > li a {padding: 0.5rem 1rem 1rem; opacity: 1;}
    /* 바로가기 : not-first */
    .link .list > li:not(:first-child) {width: calc(50% - 0.35rem);}
    .link .list > li:not(:first-child) > a {background-size: auto; padding: 2.55rem 1.8rem 2.8rem;}
    .link .list > li:not(:first-child) > a p {padding-right: 8rem; margin-top: 1.5rem;}
    .link .list > li:not(:first-child) > a .more {margin-top: 2.5rem; position: static;}

    /* 게시판 */
    .notice .tabWrap { height: auto;}
    .notice .list_box ul{ flex-wrap: wrap;}
    .notice .list_box ul li{flex:auto; width: 50%; } 
    .notice .list_box ul li:nth-child(n+3) { margin-top: 0.7rem;}

    /* 핵심성과지표 */
    .perform { height: 8rem; }
    .perform p { font-size: 1.4rem; }
    .perform span { font-size: 0.9rem; width: calc(100% - 12rem); display: block;}
}



@media (max-width: 1024px) {

    /* 바로가기 : first */
    .link .list > li:first-child > ul > li {width: calc((100% - 2rem) / 3);}
    /* 바로가기 : not-first */
    .link .list > li:not(:first-child) > a {background-size: 40% auto;}
    .link .list > li:not(:first-child) > a p {padding-right: 0;}

    /* 핵심성과지표 */
    .perform { margin-left: 10rem;}
    .perform span {width: calc(100% - 9.5rem); line-height: 1.5;}
    .perform .more {right: 1.5rem; }
}



@media (max-width: 640px) {

    /* common */
    h3.tit { font-size: 1.2rem;}

    /* 바로가기 : first */
    .link .list > li:first-child {padding: 2rem;}
    /* 바로가기 : not-first */
    .link .list > li:not(:first-child) > a p {display: none;}

    /* 게시판 */
    .notice .list_box .more{ font-size: 0.9rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }
    .notice .list_box ul li a .tit{ height: 2.4rem; font-size: 0.9rem; line-height: 1.3rem; }
    .notice .list_box ul li a .txt{ height: 2.3rem; line-height: 1.1rem;font-size: 0.75rem;} 
    .notice .list_box ul li a .date { font-size: 0.7rem;}
    .notice .list_box ul li a .date em {font-size: 1.75rem; } 

    /* 교육 */
    .edu ul { flex-wrap: wrap; margin-top: 0.7rem;}
    .edu ul li { width: 100%; height: 10.35rem;}
    .edu ul li + li { margin-top: 0.7rem;}
    .edu ul li a > img { width: 100%; height: 100%; object-fit: cover;}
    .edu ul li .txt > img { max-width: 1.7rem;}
    .edu ul li .txt p {font-family: 'SBAggro';font-size: 1.2rem;text-shadow: 3px 3px 3px rgba(0,0,0,0.35);margin: 0.8rem 0 0.6rem;}
    .edu ul li .txt span { height: 1.5rem; font-size: 0.8rem; width: 5.5rem; padding: 0 0.5rem;}

   /* 연구보고서 */
    .report .control a {width: 1.27em; height: 1.27em; font-size: 1.5rem;}
    .report .control a.prev {left: 0;}
    .report .control a.next {right: 0;}
    .report .reportLst .reportSlide .item > a .tit {font-size: 0.9rem; line-height: 1.3rem; height: 2.6rem; margin: 0.4rem 0;}
    .report .reportLst .reportSlide .item > a ul li { font-size: 0.8rem;line-height: 1.5rem;}
    .report .more { font-size: 0.9rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }

    /* 핵심성과지표 */
    .perform {margin: 2.5rem 0 4rem 10rem;}
    .perform a {background: none; color: #000;}
    .perform a::before {width: 7.7rem; left: -10rem;} 
    .perform .cont { padding-left: 0; }
    .perform span {width: 100%;}
    .perform .more { border-color: #ccc; color: #717171; position: relative; right: auto; top: auto; margin-top: 0.7rem;}
}



@media (max-width: 520px) {

    /* 바로가기 */
    .link .list > li h3 { font-size: 0.9rem;}
    /* 바로가기 : first */
    .link .list > li:first-child {border-radius: 1.125rem; padding: 1.8rem 1.3rem 1.55rem;}
    .link .list > li:first-child h3 {font-size: 1.1rem;}
    .link .list > li:first-child p {font-size: 0.8rem; line-height: 1.5; margin: 0.5rem 0 0.75rem;}
    .link .list > li:first-child > ul > li {width: calc((100% - 1.25rem) / 3);}
    .link .list > li:first-child > ul > li a {padding: 0.5rem 0.5rem 0.75rem;}
    .link .list > li:first-child > ul > li a img {width: 3.5rem;}
    .link .list > li:first-child > ul > li a span {max-height: 2.5em; font-size: 0.75rem; line-height: 1.25; margin-top: 0.25rem;}
    /* 바로가기 : not-first */
    .link .list > li:not(:first-child) > a {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; border-radius: 1.125rem; background-image: unset; padding: 1rem; padding-top: 1.25rem;}
    .link .list > li:not(:first-child) > a h3 {width: 100%;}
    .link .list > li:not(:first-child) > a p {display: none;}
    .link .list > li:not(:first-child) > a .more {width: 1.25em; height: 1.25em; font-size: 1.25rem; margin-top: 0.5em;}

    /* 게시판 */
    .notice .titTab ul li a { font-size: 1rem;}
    .notice .list_box ul li{flex:auto; width: 100%; }
    .notice .list_box ul li + li { margin-top: 0.7rem;}
    .notice .list_box ul li:nth-child(n+3) { display: none;}  
    .notice .list_box ul li a{ padding:1.2rem; height: auto;}
    .notice .list_box ul li a .tit { margin-top: 0.5rem;}
    .notice .list_box ul li a > em { position: absolute; top: 0; right: 1.2rem;}
    /* 게시판 : 새 글 */
    .notice .list_box ul li a.new .tit::before{ font-size: 0.8rem; width: 1.55rem; height: 1.55rem; right: 1.2rem;}

   /* 연구보고서 */
    .report .reportLst .reportSlide .item > a {padding: 1rem 1.2rem;}
}


@media (max-width: 420px) {

    /* 게시판 */
    .notice .titTab { position: relative; right: auto; max-width: 100%; height: auto; margin-top: 0.5rem;}
    .notice .titTab ul li ~ li { margin-left: 0.8rem;}
    .notice .list_box { margin-top: 0.2rem;}
    
    /* 핵심성과지표 */
    .perform a::before { display: none;}
    .perform { margin: 2rem 0 4rem 0;}
}


@media (max-width: 380px) {

    /* 바로가기 : first */
    .link .list > li:first-child {padding: 1.8rem 1.3rem 1.3rem;}
    .link .list > li:first-child > ul {display: block;}
    .link .list > li:first-child > ul > li {width: 100%;}
    .link .list > li:first-child > ul > li + li {margin-top: 0.5rem;}
    .link .list > li:first-child > ul > li a {flex-direction: row; justify-content: flex-start; border-radius: 0.5rem; padding: 0.25rem 0.5rem;}
    .link .list > li:first-child > ul > li a img {width: 1.75rem;}
    .link .list > li:first-child > ul > li a span {margin-top: 0; margin-left: 0.5rem;}
}