/* common */
.section{overflow: hidden;}
.more{transition: 0.15s;}
.more:hover,
.more:focus{font-weight: 700;}


/* slick slide common */
.slick-slider {width: 100%; height: 100%; -webkit-transition: all ease-in-out 0.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-list { width: 100%; height: 100%; overflow: hidden; }
.slick-track{height: 100%;}
.slider .control {z-index: 1 !important;}

#main-content{position: relative;}
#main-content:not(.subLayout)::before{content: ''; position: absolute; top: 0; right: 0; display: block; width: 41.9rem; height: 20.2rem; background: url(../../gw/images/main/deco03.png) no-repeat center center;}

/* section01*/
.section01{ position: relative; display: flex; justify-content: space-between; margin: 0 auto; padding: 3.5rem 0 5rem; max-width: 1610px; }

/* 메인비주얼 */
.visual{ position: relative; width: 49.4rem; height: 23.8rem; background: var(--mainColor); padding: 4.5rem 1rem 1rem 2.5rem; }
.visual .txtWrap{font-size: 1.1rem; font-weight: 500;}
.visual .txtWrap .tit{font-size: 2rem; color: #000;}
.visual .txtWrap .tit em{font-weight: 700;}
.visual .txtWrap a{display: flex; align-items: center; justify-content: space-between; max-width: 12.7rem; padding: 0.5rem 1rem; border: 1px solid var(--subColor1); font-size: 0.9rem; color: var(--subColor1); border-radius: 5rem; margin-top: 3rem; transition: 0.15s;}
.visual .img{position: absolute; right: 0; bottom: -3rem;}
/* 메인비주얼 : active */
.visual .txtWrap a:hover,
.visual .txtWrap a:focus{font-weight: 700;}


/* 바로가기1 */
.link01{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: calc(100% - 49.4rem); padding-left: 3.7rem; margin-bottom: -3rem;}
.link01::before{content: ''; position: absolute; top: 0; left: 3.7rem; display: block; width: 15.3rem; height: 6.5rem; background: url(../../gj/images/main/deco01.png) no-repeat center center;}
.link01::after{content: ''; position: absolute; top: 7.5rem; right: 0; display: block; width: 7.1rem; height: 6.7rem; background: url(../../gj/images/main/deco02.png) no-repeat center center;}
.link01 .tit{font-size: 1.5rem; color: #000;}
.link01 .tit em{font-weight: 700;}
.link01 .txt{font-weight: 700; font-size: 0.9rem; color: #333333;}
.link01 ul{display: flex; flex-wrap: wrap; margin: -0.6rem; margin-top: 1.7rem;}
.link01 ul li{width: 50%; height: 5.6rem; padding: 0.6rem;}
.link01 ul li a{position: relative; display: flex; align-items: center; justify-content: center; height: 100%; background: var(--mainColor); font-size: 0.9rem; font-weight: 700; text-align: center; line-height: 1.2; border: 2px solid transparent; transition: 0.15s; overflow: hidden; z-index: 1;}
.link01 ul li a::before{ content: ''; display: block; position: absolute; right:-4rem; bottom: -3rem; width: 7.85rem; height: 6rem; border-radius: 50%; background: var(--subColor3); transition: 0.15s; opacity: 0; z-index: -1;}
/* 바로가기1 : active */
.link01 ul li a:hover,
.link01 ul li a:focus{background: #fff;border-color: var(--subColor1); border-radius: 0 1rem 0 1rem;}
.link01 ul li a:hover::before,
.link01 ul li a:focus::before{opacity: 1;}
/* section02 */
.section02{max-width: 1610px; margin: 0 auto; overflow: unset; padding-bottom: 3rem;}

/* 사업공고 */
.notice01 {position: relative;}
.notice01 .heading{font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem;}
.notice01 .tabWrap{position: absolute; right: 3rem; top: 0.8rem; display: flex; gap: 1rem; font-weight: 700; color: #333;}
.notice01 .tabWrap li a{padding: 0 0.2rem 0.2rem;}
.notice01 .tabBox{display: none;}
.notice01 .tabBox.on{display: block;}
.notice01 .slider{margin: 0 -0.5rem; width: auto;}
.notice01 .slider .slick-track{display: flex;}
.notice01 .slider .item{ display: inline-block; margin:0 0.5rem;}
.notice01 .slider .item a{display: block; height: 11.3rem; border: 1px solid #dedede; padding: 0.9rem 1rem; transition: 0.15s; }
.notice01 .slider .item a .tagWrap{display: flex;}
.notice01 .slider .item a .tagWrap .tag{ border-radius: 3rem; display: inline-block; padding: 0.1rem 0.8rem; background: #e8e8e8; color: #333; margin-right: 0.5rem; font-weight: 700;}
.tag.bgBlue{background: #d9edff !important; color:#0689ff !important;}
.tag.bgRed{background: #ffd9d9 !important; color:#ff4646 !important;}
.tag.bgPer{background: #e0d9ff !important; color:#7454ff !important;}
.tag.bgOrg{background: #fff1d9 !important; color:#f28e0c !important;}
.tag.bgGreen{background: #d9ffd9 !important; color:#3bc032 !important;}
.notice01 .slider .item a .tit{font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0.7rem 0;} 
.notice01 .slider .item a .txt{font-size: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 2.8rem; margin-bottom: 0.25rem;}
.notice01 .control{display: flex; align-items: center; justify-content: space-between; height: 0; position: absolute; left: -4rem; right: -4rem; bottom: 5.5rem;}
.notice01 .control a{display: flex; align-items: center; justify-content: center; width: 3.3rem; height: 3.3rem; background: #fff; border: 1px solid #ddd; border-radius: 50%; font-size: 1.3rem; transition: 0.15s; }
.notice01 .more{position: absolute; right: 0; top: 0.3rem; font-size: 1.2rem;}
/* 사업공고 : no_data */
.notice01 .slider .item.no_data{display: inline-flex; align-items: center; justify-content: center; background: #f7f7f7; color: #ddd; height: 11.3rem;}
.notice01 .slider .item.no_data::before{content: 'RISE'; font-size: 2rem; font-weight: 700;}
/* 사업공고 : active */
.notice01 .tabWrap li a.active{color: var(--subColor1); font-weight: 800; border-bottom: 4px solid var(--subColor1);}
.notice01 .tabWrap li a:hover,
.notice01 .tabWrap li a:focus{font-weight: 800; color: #000;}
.notice01 .slider .item a:hover,
.notice01 .slider .item a:focus{/*background: var(--subColor2); color: #fff; */border-color: var(--subColor2); border:2px solid var(--subColor2); border-radius: 0 1.5rem 0 1.5rem;}
.notice01 .control a:hover,
.notice01 .control a:focus{border: 2px solid var(--subColor2);}


/* section03 */
.section03{max-width: 1610px; margin: 0 auto; overflow: unset;}

/* RISE소식 */
.notice02 {position: relative; padding: 3rem 0;}
/* .notice02::before{content: ''; display: block; position: absolute; top: 0; bottom: 0; right: -2.5rem; width: 300%; background: linear-gradient( to right, var(--subColor3),  var(--mainColor)); z-index: -1; border-radius: 0 5rem 0 0;} */

.notice02 .heading{font-size: 1.5rem; color: #000; margin-bottom: 0.5rem;}
.notice02 .heading em{font-weight: 700;}
.notice02 .heading span{margin-left: 1rem; font-size: 0.9rem; font-weight: 700; color: #333333;}
.notice02 .tabWrap{position: absolute; right: 3rem; top: 3.3rem; display: flex; gap: 1rem; font-weight: 700; color: #333;}
.notice02 .tabWrap li a{padding: 0 0.2rem 0.2rem;}

.notice02 .tabBox{display: none; position: relative;}
.notice02 .tabBox.on{display: block;}
.notice02 .tabBox ul {display: flex; justify-content: space-between; }
.notice02 .tabBox ul li{ width: calc(100% / 3 - 0.5rem); height: 6rem;}
.notice02 .tabBox ul li:nth-child(n+4){display: none;}
.notice02 .tabBox ul li a{display: block; height: 100%; background: #fff; border: 2px solid transparent; transition: 0.15s; padding: 1rem;}

.notice02 .tabBox ul li a .tag{ display: inline-block; background: #eee; border-radius: 5rem; padding: 0.1rem 0.5rem; margin-right: 0.5rem; font-weight: 700; }
.notice02 .tabBox ul li a .tag.tagBlue{background: #d9edff !important; color:#0689ff !important;}
.notice02 .tabBox ul li a .tag.tagPer{background: #e0d9ff !important; color:#7454ff !important;}
.notice02 .tabBox ul li a .tag.tagOrg{background: #fff1d9 !important; color:#f28e0c !important;}

.notice02 .tabBox ul li a .tit{ margin: 0.2rem 0; font-size: 0.9rem; font-weight: 700; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice02 .tabBox ul li a .date{color: #959595;}
.notice02 .tabBox .more{position: absolute; right: 0; top: -2.9rem; font-size: 1.2rem;}
/* RISE소식 : no_data */
.notice02 .tabBox ul li.no_data{background: #f7f7f7; position: relative;}
.notice02 .tabBox ul li.no_data::before{content: 'RISE'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ddd; font-weight: 700; font-size: 2rem;}
/* RISE소식 : active */
.notice02 .tabWrap li a.active{color: var(--subColor1); font-weight: 800; border-bottom: 4px solid var(--subColor1);}
.notice02 .tabWrap li a:hover,
.notice02 .tabWrap li a:focus{font-weight: 800; color: #000;}
.notice02 .tabBox ul li a:hover,
.notice02 .tabBox ul li a:focus{border-color: var(--subColor1); border-radius: 0 1rem 0 1rem;}

.section05{ border-top: 1px solid #ddd;}
/* 배너모음 */
.banner {width: 100%;max-width: 1610px;margin: 0 auto;padding: 1.1rem 0;display: flex;align-items: center;height: 4rem;}
.banner .control{flex-shrink: 0; width: 7rem;}
.banner .control a{font-size: 1.2rem;}
.banner .control a.play{display: none;}
.banner .slider{flex-shrink: 0;width: calc(100% - 7rem);height: 100%;}
.banner .slider .item{display: inline-block;height: 100%;}
.banner .slider .item a{display: block; height: 100%; width: auto; padding: 0 1.5rem;} 
.banner .slider .item a img{display:block;max-width: 100%;max-height: 100%;height: 100%;}
@media screen and (max-width: 1790px){

    /* 사업공고 */
    .notice01 .tabBox{padding: 0 3rem;}
    .notice01 .control{left: 0; right: 0;}
    .notice01 .control a{width: 2.5rem; height: 2.5rem;}
    

}

@media screen and (max-width: 1730px){
    #main-content{overflow: hidden; padding: 0 1rem 0;}

    

}

@media screen and (max-width: 1510px){
    /* 바로가기1 */
    .link01 {padding-left: 2rem;}
    .link01::before{display: none;}
    .link01::after{display: none;}
    .link01 ul{display: block;}
    .link01 ul li{width: 100%; height: 4.5rem;}

}

@media screen and (max-width: 1440px){
    
    #main-content:not(.subLayout)::before{top:0;}
}

@media screen and (max-width: 1300px){
    
    #main-content:not(.subLayout)::before{display: none;}

    .section01{display: block; padding: 8.4rem 0 2rem;}

    /* 메인비주얼 */
    .visual{width: 100%; margin-bottom: 4rem;}

    /* 바로가기1 */
    .link01{width: 100%; padding-left: 0; margin-bottom: 0;}
    .link01 ul{display: flex; margin-top: 1rem;}
    .link01 ul li{flex: 1;}
    

}

@media screen and (max-width: 1240px) {
    #main-content {
        overflow: hidden;
        padding: 0 1rem 0;
    }
    .section01{display: block; padding: 2rem 0;}
}

@media screen and (max-width: 1024px){   
    /* 메인비주얼 */
    .visual{height: auto; padding: 2rem 1rem; margin-bottom: 2rem;}
    .visual .txtWrap{text-align: center; font-size: 0.9rem;}
    .visual .txtWrap .tit{font-size: 2rem;}
    .visual .txtWrap a{margin: 2rem auto 0; }
    .visual .img{position: relative; left: 0; padding: 0 2rem; text-align: center;}
    .visual .img img{display: inline-block; width: 100%; max-width: 29.5rem;}

    /* 바로가기1 */
    .link01 .tit{font-size: 1.2rem;}
    .link01 .txt{display: none;}
    .link01 ul{margin-top: 0;}

    .section02{padding-bottom: 2rem;}

    /* 사업공고 */
    .notice01 .heading{font-size: 1.2rem;}
    .notice01 .tabWrap{position: unset; margin: 0 auto 1rem; justify-content: center;}
    .notice01 .tabBox{padding: 0 2.3rem;}
    .notice01 .control a{width: 2rem; height: 2rem;}
    .notice01 .more{top: 0;}

    /* 게시판 */
    .notice02{padding: 2rem 0;}
    .notice02 .heading{font-size: 1.2rem;}
    .notice02 .heading span{display: none;}
    .notice02 .tabWrap{position: unset; margin-bottom: 1rem; justify-content: center;}
    .notice02 .tabBox ul li{width: calc((100% / 2) - 0.5rem);}
    .notice02 .tabBox ul li:nth-child(n+3){display: none;}
    .notice02 .tabBox .more{top: -4.6rem;}
 }

 @media screen and (max-width: 810px){    
    /* 바로가기1 */
    .link01 ul li{flex:auto; width: 50%;}
    
    /* 게시판 */
    .notice02 .tabBox ul{display: block;}
    .notice02 .tabBox ul li{width: 100%;}
    .notice02 .tabBox ul li ~ li{margin-top: 1rem;}

    /* 배너존 */
    .banner .slider .item a{padding: 0 0.5rem;}
    .banner .control{width: 5rem;}
}
@media screen and (max-width: 440px){     
    /* 메인비주얼 */
    .visual .txtWrap{word-break: keep-all;}
    .visual .txtWrap .tit{font-size: 1.5rem;}
    .visual .img{padding: 0 0.5rem;}

    /* 바로가기1 */
    .link01 ul li{width: 100%; padding: 0.3rem 0.6rem;}

    /* 사업공고 */
    .notice01 .tabWrap{flex-wrap: wrap;}
    .notice01 .tabBox{padding: 0 1.2rem;}
    .notice01 .slider .item a{padding: 0.9rem 0.6rem;}
    .notice01 .slider .item a .tagWrap .tag{padding: 0.1rem 0.3rem; font-size: 0.7rem; margin-right: 0.1rem;}

    /* 게시판 */
    .notice02 .tabWrap{flex-wrap: wrap;}
    .notice02 .tabBox ul li a .tag{padding: 0.1rem 0.3rem; font-size: 0.7rem;}
}

:root {
    --color-ver1:#ffe4f3;
    --color-ver2:#d49dbc;
    --color-ver3:#AC5184;
    --color-ver4:#7c2c59;
    --color-ver5:#47102f;
}

/* 2025-08-05 리뉴얼 */
#bodyWrap {width: 100%; height: auto;}
#mainWrap {width: 100%; position: relative; margin: 0 auto; overflow: hidden;}
#mainWrap .section {width: 100%; padding-bottom:4rem; height: auto;}
#mainWrap .section:first-child {padding: 0;}
#mainWrap .section:nth-child(2) {padding-top: 4rem;}
#mainWrap .section .secWrap {width: 100%; height: 100%; margin: 0 auto;}

#mainWrap .section.ver1 {height: 100vh; overflow: hidden; }
.mainSwiper {width: 100%; height: 100%; position: relative;}
.mainSwiper .swiper-wrapper {width: 100%; height: 100%;}
.mainSwiper .swiper-wrapper .swiper-slide {width: 100%; height: 100%; position: relative;}
.mainSwiper .swiper-wrapper .swiper-slide.ver1 {background: url('../images/main/mainVisual02.jpg') center center / cover no-repeat;}
.mainSwiper .swiper-wrapper .swiper-slide.ver2 {background: url('../images/main/mainVisual03.jpg') center center / cover no-repeat;}
.mainSwiper .swiper-wrapper .swiper-slide.ver3 {background: url('../images/main/mainVisual03.jpg') center center / cover no-repeat;}
.mainSwiper .swiper-wrapper .swiper-slide .visualWrap {width: 100%; height: 100%; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; gap: 1rem;}
.mainSwiper .swiper-wrapper .swiper-slide .visualWrap .top {font-family: "GANGWONSTATE"; font-size: 1.6rem; color: #fff; background-color: var(--color-ver3); line-height: 0.9; padding: 0.5rem 1.5rem 0.3rem; border-radius: 2rem;}
.mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title {font-size: 4rem; color: #fff; text-align: center;}
.mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title .normal { font-family: "paperlogy-3";}
.mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title .accent {font-family: "paperlogy-5"; display: flex; flex-flow: row wrap; align-items: center; justify-content:center; gap: 1rem;}
.mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title .accent .color {}
.mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title img {}

.mainSwiper .swiper-pagination {position: absolute; bottom: 31vh;}
.mainSwiper .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--color-ver3)!important; width: 30px; border-radius: 4px;}
.mainSwiper .swiper-pagination .swiper-pagination-bullet {background: #fff; opacity: 80%;}



.linkWrap {max-width: 1440px; width: 100%; margin: 0 auto; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap: 3rem;}
.linkWrap .linkBox {width: calc( ( 100% - 15rem ) / 6 ); text-align: center; box-shadow: 1px 1px 6px rgba(0,0,0,0.15); height: 195px; border-radius: 105px; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; gap: 1rem; background-color: #F5F5F5; transition: all 0.2s ease-in-out;}
.linkWrap .linkBox:hover {transform: translateY(-20px); background-color: unset; border:3px solid var(--color-ver3)}
.linkWrap .linkBox .imgArea {}
.linkWrap .linkBox .textArea {font-size: 1.05rem; font-weight: 700; }

.notiWrap {width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-between; gap: 3rem;}
.notiWrap .notiArea {flex: 1; border-radius: 1rem; overflow: hidden; box-shadow: 1px 1px 6px rgba(0,0,0,0.15);}
.notiWrap .notiArea .titleArea {width: 100%; padding: 1.5rem; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
.notiWrap .notiArea .titleArea .title {}
.notiWrap .notiArea .titleArea .title .icon {display: inline-block;}
.notiWrap .notiArea .titleArea .plus {font-size: 0.9rem; font-weight: 500;}
.notiWrap .notiArea .titleArea .plus .icon {display: inline-block; transition: all 0.2s ease-in-out;}
.notiWrap .notiArea .titleArea .plus:hover {font-weight: 700;}
.notiWrap .notiArea .titleArea .plus:hover .icon {transform: rotate(45deg);}
.notiWrap .notiArea .contArea {width: 100%;  min-height: 333px; padding: 0 1.5rem 1.5rem 1.5rem; display: flex; flex-flow: column wrap; align-items: center; justify-content: space-between;}
.notiWrap .notiArea .contArea .newsTitle {display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; }
.notiWrap .notiArea .contArea .newsDate {text-align: left; width: 100%; margin-top: 0.5rem; font-size: 0.9rem;}
.notiWrap .notiArea .contArea .topArea {display: flex; flex-flow: column wrap; align-items: center; justify-content: flex-start; gap: 1rem; width: 100%;}
.notiWrap .notiArea .contArea .topArea .imgArea {width: 100%; display: block; height: 100%; margin-bottom: 1rem;}
.notiWrap .notiArea .contArea .topArea .imgArea img {max-height: 260px; overflow: hidden; width: 100%;object-fit: cover;}
.notiWrap .notiArea .contArea .topArea .group {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
.notiWrap .notiArea .contArea .topArea .group .left {display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start;}
.notiWrap .notiArea .contArea .topArea .title {width: 100%; text-align: left;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.notiWrap .notiArea .contArea .topArea .textArea { display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; line-height: 1.5; font-weight: 500; color: #4e4e4e; font-size: 0.95rem;}
.notiWrap .notiArea .contArea .botArea {width: 100%; background-color: #F3E6EE; font-size: 0.9rem; text-align: center; padding: 0.7rem 0; border-radius: 0.5rem;}
.notiWrap .notiArea .contArea .botArea .accent {font-weight: 800; margin-right: 1rem;}
.notiWrap .notiArea .contArea .botArea .date {font-weight: 500;}

.notiWrap .notiArea.gradient { border: 1px solid transparent;
    border-radius:  1rem;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #AC5184, #D8707C);
    background-origin: border-box;
    background-clip: content-box, border-box; padding: 5px;}
.notiWrap .notiArea.gradient .titleArea {background: linear-gradient(90deg, #AC5184, #D8707C); color: #fff;}
.notiWrap .notiArea.gradient .contArea {  height: calc(100% - 89px); padding-top: 1.5rem;}


.notiWrap2 {width: 100%; display: flex; flex-flow: column wrap; align-items: center; justify-content: space-between;}
.notiWrap2 .topArea {display: flex; flex-flow: column wrap; align-items: center; width: 100%; gap: 1rem;}
.notiWrap2 .topArea .title {padding: 0.5rem; background: linear-gradient(90deg, #AC5184, #D8707C); color: #fff; position: relative; width: 100%; text-align: center; border-radius: 0.5rem; }
.notiWrap2 .topArea .title .img {position: absolute; bottom: 0; right: 2vw;}
.notiWrap2 .topArea .group {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%;}
.notiWrap2 .topArea .group > * {display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; }
.notiWrap2 .topArea .textArea {text-align: justify; word-break: break-all; font-weight: 500; line-height: 1.5;display: -webkit-box; -webkit-line-clamp: 3;   -webkit-box-orient: vertical; overflow: hidden;}
.notiWrap2 .botArea {width: 100%; border-top: 1px solid #ddd; margin-top: 3rem; padding-top: 1rem; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; gap: 1.5rem;}
.notiWrap2 .botArea .subject {font-weight: 700; background: linear-gradient(transparent 50%, #fffda1 40%); padding: 0 0.5rem;}
.notiWrap2 .botArea .text {font-weight: 500;}

/*대학종류 및 공고상태 알림 박스*/
.group .univ {font-size: 0.8rem; padding: 2px 10px; border-radius: 3px; margin-right: 10px; width: fit-content; font-weight: 600;}
.group .univ:last-child {margin-right: 0;}
.group .univ01 {background-color: #CDE3D8; color: #05713E;}
.group .univ02 {background-color: #B2D3EE; color: #00325B;}
.group .univ03 {background-color: #e3cddd; color: #b3084f;}
.group .notice01 { background-color: #d9e3ff;     color: #1d2b96;}
.group .notice02 {background-color: #e7e7e7; color: #414141;}
.group .notice03 {background-color: #ffe9c3;  color: #ff7800;}


.annoWrap {max-width: 1440px; margin: 0 auto; width: 100%; background: linear-gradient(45deg, #EFE5F5, #F4D1E4); padding: 1rem 1rem 1rem 4rem; border-radius: 1rem; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between; position: relative;}
.annoWrap .decoImg.ver1 {position: absolute; bottom: 0; z-index:2;}
.annoWrap .decoImg.ver2 {position: absolute; bottom: 5%; left: 15%; z-index:1;}
.annoWrap .leftArea {width: 20%; margin-top: 1rem; font-weight: 600;}
.annoWrap .rightArea {width: 80%; position: relative; z-index: 1; background-color: #fff; padding: 2rem 4rem; border-radius: 1rem; min-height: 380px;}
.annoWrap .rightArea#tab1 {padding:3rem 4rem 2rem;}
.annoWrap .rightArea .top {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%; gap: 1rem; border-bottom: 1px solid #eaeaea; padding-bottom: 2rem;}
.annoArea {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
.annoArea .date {width: fit-content; aspect-ratio: 1; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; font-size: 1rem; background-color: var(--color-ver1); border-radius: 5px; color: var(--color-ver3); padding: 1rem; min-width: 116px;}
.annoArea .date .big {font-size: 1.5em; font-weight: 700;}
.annoArea .date .small {font-size: 0.8em;}
.annoArea .title {flex: 1; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; margin-bottom: 1rem;}

.annoWrap .rightArea .top {min-height: 116px;}
.annoWrap .rightArea .top .textArea {flex: 1;}
.annoWrap .rightArea .top .textArea .text {display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; word-break: break-all; text-align: justify;}

.annoWrap .rightArea .bottom {width: 100%; min-height: 102px;}
.annoWrap .rightArea .bottom .annoNews {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; font-size: 1rem; gap: 2rem; border-bottom: 1px solid #eaeaea; padding: 1rem 0; cursor: pointer;}
.annoWrap .rightArea .bottom .annoNews:hover {text-decoration: underline;}
.annoWrap .rightArea .bottom .annoNews:last-child {border-bottom: none; padding-bottom: 0;}
.annoWrap .rightArea .bottom .announce {flex: 1; font-weight: 600; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.annoWrap .rightArea .bottom .announce .icon {display: inline-block; margin-right: 0.5rem;}
.annoWrap .rightArea .bottom .annoDate {width: fit-content; font-size: 0.8rem;}

/* 공지사항 annoWrap 수정 */
.contArea {width: 80%; position: relative; z-index: 1; background-color: #fff; padding: 2rem 4rem; border-radius: 1rem;}
.contArea .top {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%; gap: 1rem; border-bottom: 1px solid #eaeaea; background-color: #fff0f8; border-radius: 5px; color: var(--color-ver3); padding: 1rem; border: 1px solid var(--color-ver4);}
.contArea .annoArea {display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; gap: 1.5rem;}
.contArea .annoArea .date {width: fit-content; aspect-ratio: 1; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; font-size: 1rem;  border-radius: 0; padding: 0; min-width: 80px; background-color: unset;}
.contArea .annoArea .date .big {font-size: 1.5em; font-weight: 700;}
.contArea .annoArea .date .small {font-size: 0.8em;}
.contArea .annoArea .title {flex: 1; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; color: #353535; margin-bottom: 0;}
.contArea .top .textArea {flex: 1; border-left: 1px solid var(--color-ver4); padding-left:1rem;}
.contArea .bottom {width: 100%; min-height: 102px;}
.contArea .bottom .annoNews {width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; font-size: 1rem; gap: 2rem; border-bottom: 1px solid #eaeaea; padding: 1rem 0; cursor: pointer;}
.contArea .bottom .annoNews:first-child {border-top: 1px solid #ddd;}
.contArea .bottom .annoNews:hover {text-decoration: underline;}
.contArea .bottom .annoNews:last-child {border-bottom: 1px solid #ddd; padding-bottom: 1rem;}
.contArea .bottom .announce {flex: 1; font-weight: 600; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.contArea .bottom .announce .icon {display: inline-block; margin-right: 0.5rem;}
.contArea .bottom .annoDate {width: fit-content; font-size: 0.8rem;}


.tab-menu {display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; gap: 1rem;}
.tab-menu .tab {cursor: pointer; transition: 0.3s; color: #545454; display: flex; flex-flow: row wrap; align-items: center; width: 100%;padding: 0.8rem 1.5rem;font-weight: 700; }
.tab-menu .tab .icon {display: none;}
.tab-menu .tab .icon img {max-width: 16px;}
.tab-menu .tab:last-child::after {display: none;}
.tab-menu .tab.active {color: #fff; background: linear-gradient(90deg, #AC5184, #D8707C); position: relative;  display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; border-radius: 0.7rem 2rem 2rem 2rem; z-index: 2; width: 115%;}
.tab-menu .tab.active .icon {display: inline-block; padding-bottom: 5px;}
.tab-content { display: none; }
.tab-content.active {display: block;}

.bannerWrap {width: 100%; margin: 0 auto; display: flex; justify-content: center; border-top: 1px solid #eaeaea;}
.bannerWrap .bannerWidth {width: 100%; max-width: 1440px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between;}
.bannerWrap .bannerWidth .bannerTitle {width: fit-content; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; font-size: 1rem; margin-right: 3rem;}
.bannerWrap .bannerWidth .bannerTitle p {}
.bannerWrap .bannerWidth .bannerTitle .title {font-weight: 700; margin-right: 1rem;}
.bannerWrap .bannerWidth .bannerTitle .btn {margin-right: 0.5rem; font-size: 1.3em; color: #aeaeae; cursor: pointer;}
.bannerWrap .bannerWidth .bannerTitle .bannerPlay {display: none;}
.bannerWrap .bannerWidth .bannerTitle .btn:last-child {margin-right: 0;}
.bannerWrap .bannerWidth .bannerSwiper {flex: 1; position: relative; margin: 0.7rem 0; overflow: hidden;}
.bannerWrap .bannerWidth .bannerSwiper .swiper-wrapper {transition-timing-function: linear !important; position: relative;}
.bannerWrap .bannerWidth .bannerSwiper .swiper-slide {width: auto; padding: 5px 0; border: 1px solid #eaeaea; text-align: center;}
.bannerWrap .bannerWidth .bannerSwiper .swiper-slide:hover {background-color: rgba(0,0,0,0.1);}
.bannerWrap .bannerWidth .bannerSwiper .swiper-slide img {max-width: 140px; max-height: 31px; min-height: 31px;}




@media only screen and (max-width: 1440px){
    .linkWrap {max-width: 95vw; gap: 2rem;}
    .linkWrap .linkBox { width: calc((100% - 10rem) / 6); height: auto; aspect-ratio: 1;}
    .linkWrap .linkBox .textArea {font-size: 0.95rem;}

    .notiWrap {max-width: 95vw; gap: 2rem;}

    .annoWrap {max-width: 95vw;}
    
    .bannerWrap .bannerWidth {max-width: 95vw;}

    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .top {font-size: 1.25rem;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title {font-size: 3.0rem;}
    .mainSwiper .swiper-pagination {bottom: 34vh;}
}

@media only screen and (max-width: 1280px){
    
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title img {max-height: 70px;}

    .notiWrap2 .topArea .title {font-size: 1rem;}
    .notiWrap2 .topArea .textArea{ display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;font-size: 0.9rem;}
    .notiWrap2 .botArea {font-size: 0.9rem;}
    .contArea .annoArea {gap: 1rem;}
    .contArea .annoArea .title {font-size: 1rem;}
    .contArea .bottom .annoNews {font-size: 0.9rem; padding: 0.8rem;}
    .notiWrap .notiArea .titleArea .title {font-size: 1.3rem;}
    .notiWrap .notiArea .contArea .newsTitle {font-size: 1rem;}
    .notiWrap .notiArea .contArea .topArea .imgArea img {  max-height: 235px;}

    .annoWrap .rightArea {min-height: 350px;}
    .annoWrap .rightArea .bottom .annoNews {font-size: 0.9rem;}

}

@media only screen and (max-width: 1024px){
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .top {font-size: 1.15rem;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title {font-size: 2.5rem;}
    .mainSwiper .swiper-pagination {bottom: 35vh;}

    .linkWrap {gap: 1.5rem;}
    .linkWrap .linkBox {gap: 10px; width: calc((100% - 7.5rem) / 6);}
    .linkWrap .linkBox .imgArea img {max-height: 40px;}
    .linkWrap .linkBox .textArea {font-size: 0.8rem;}

    .notiWrap .notiArea .titleArea .title {font-size: 1.1rem;}
    .notiWrap .notiArea .titleArea .plus {font-size: 0.85rem;}
    .notiWrap .notiArea .contArea .topArea .textArea {font-size: 0.9rem;}
    .notiWrap .notiArea .contArea .newsTitle {font-size: 1.05rem;}

    .annoArea .title {font-size: 1.05rem;}
    .annoWrap {padding: 1rem;}
    .annoWrap .rightArea .bottom .announce {font-size: 0.9rem; }

    .tab-menu .tab {padding: 0.6rem 1.2rem; font-size: 0.9rem;}
    .tab-menu .tab.active {width: 120%;}
}

@media only screen and (max-width: 768px){
    #mainWrap .section {padding-bottom: 2.5rem;}
    #mainWrap .section:nth-child(2) {  padding-top: 2.5rem;}

    
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap {gap: 10px;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .top {font-size: 1.05rem; padding: 0.3rem 1.5rem;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title {font-size: 2.2rem; }
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title .accent {gap: 0.5rem;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title img {max-height: 54px;}

    .mainSwiper .swiper-pagination {bottom: 37vh;}

    
    .linkWrap {gap: 1rem;}
    .linkWrap .linkBox {border-radius: 0.5rem; width: calc((100% - 5rem) / 6);}
    .linkWrap .linkBox .textArea {font-size: 0.7rem;}
    .linkWrap .linkBox .imgArea img {max-height: 24px;}
    .notiWrap {gap: 1rem;}
    .notiWrap .notiArea {border-radius: 0.5rem; flex: none; width: 100%;}
    .notiWrap .notiArea .titleArea {padding: 1rem;}
    .notiWrap .notiArea .titleArea .title {font-size: 1rem;}
    .notiWrap .notiArea .titleArea .title .icon img {max-width: 18px;}
    .notiWrap .notiArea .contArea {padding: 0.3rem 1rem 1rem 1rem; min-height: 260px;}
    .notiWrap .notiArea .contArea .newsTitle {font-size: 1rem; -webkit-line-clamp: 1;}
    .notiWrap .notiArea .contArea .newsDate {font-size: 0.8rem;}
    .notiWrap .notiArea .contArea .topArea .textArea {font-size: 0.8rem; word-break: break-all; text-align: justify;}
    .notiWrap .notiArea .contArea .botArea {font-size: 0.8rem;}
    .notiWrap .notiArea .contArea .topArea .title {font-size: 1rem;}
    .notiWrap .notiArea.gradient {border-radius: 0.5rem;}
    .notiWrap .notiArea.gradient .contArea {padding-top: 1rem;}
    
    .annoWrap .leftArea {width: 30%; margin-top: 2rem;}
    .annoWrap .rightArea {width: 70%; padding: 2rem; min-height: 285px;}
    .annoArea .title {font-size: 1rem; margin-bottom: 0.5rem;}
    .annoArea .date {min-width: 100px;}
    .annoWrap .rightArea#tab1 {padding: 2rem 1.5rem 1rem;}
    .annoWrap .rightArea .top {min-height: 100px; padding-bottom: 1rem;}
    .annoWrap .rightArea .top .textArea .text {font-size: 0.85rem;}
    .annoWrap .rightArea .bottom .announce {font-size: 0.8rem;}
    .annoWrap .rightArea .bottom .annoDate {font-size: 0.7rem;}
    .annoWrap .decoImg.ver1 img {max-width: 100px;}
    
    .tab-menu .tab {padding: 0.4rem 1rem; font-size: 0.85rem;}
    .tab-menu .tab.active {width: 110%;}
    
    .group .univ {font-size: 0.7rem;}
    
    .bannerWrap .bannerWidth .bannerTitle {margin-right: 1.5rem;}
    .bannerWrap .bannerWidth .bannerSwiper .swiper-slide {overflow: hidden; width: 100%;}
    .bannerWrap .bannerWidth .bannerSwiper .swiper-slide img {max-width: 80px; max-height: 22px;  min-height: 22px; }
    
    .notiWrap2 .topArea .title {font-size: 0.9rem;}
    .notiWrap2 .topArea .title .img img {max-width: 60px;}
    .notiWrap2 .topArea .textArea {font-size: 0.8rem; -webkit-line-clamp:3;}
    .notiWrap2 .botArea {font-size: 0.8rem;}

    


}

@media only screen and (max-width: 550px){
    #mainWrap .section:nth-child(2) {padding-top: 1.5rem;}
    #mainWrap .section {padding-bottom: 1.5rem;}

    
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title {font-size: 1.9rem;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title .accent {gap: 5px;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title .accent .color {display: block; width: 100%;}
    .mainSwiper .swiper-pagination {bottom: 35vh;}


    .linkWrap {flex-flow: row wrap; gap: 0.5rem;}
    .linkWrap .linkBox {width: calc((100% - 1rem) / 3); flex-flow: row nowrap; aspect-ratio: unset; padding: 0.5rem 0; gap: 5px;}
    .linkWrap .linkBox:hover {transform: unset; border: 2px solid var(--color-ver3);}
    .linkWrap .linkBox .textArea {font-size: 0.65rem;}
    .linkWrap .linkBox .imgArea img {max-height: 24px;}
    .notiWrap {gap:1.5rem}
    .notiWrap .notiArea .titleArea .plus {font-size: 0.75rem;}
    .notiWrap .notiArea .contArea .newsTitle {font-size: 0.9rem;}
    .notiWrap .notiArea .contArea .topArea .imgArea {min-height: 150px;}
    .notiWrap .notiArea .contArea .botArea {font-size: 0.7rem;}
    .notiWrap .notiArea .contArea .botArea .accent {margin-right: 0.5rem;}


    .annoWrap {flex-flow: column wrap; border-radius: 0.5rem;}
    .annoWrap .leftArea {width: 100%; flex-flow: row nowrap; align-items: stretch; margin-top: 0; margin-bottom: 1rem;}
    .annoWrap .rightArea {width: 100%; padding: 1rem; border-radius: 0.5rem;}
    .annoWrap .rightArea .bottom .annoNews { gap: 0.5rem;}
    .annoWrap .rightArea .bottom .annoNews:first-child {padding-top: 5px;}
    .annoWrap .rightArea .bottom .annoDate {font-size: 0.6rem;}
    .tab-menu {gap: 0.5rem;}
    .tab-menu .tab.active {padding: 0.4rem; width: 100%; border-radius: 2rem;justify-content: center; gap: 0.5rem; border: none;}
    .tab-menu .tab {padding: 0.4rem; justify-content: center; gap: 0.5rem; border: 1px solid var(--color-ver3);         border-radius: 2rem;}
    .tab-menu .tab .icon img {display: inline-block;}
    .annoWrap .decoImg.ver1 {display: none;}
    

    .bannerWrap .bannerWidth {flex-flow: column wrap;}
    .bannerWrap .bannerWidth .bannerTitle {margin-right: 0; margin-top: 0.5rem; font-size: 0.85rem;}
    .bannerWrap .bannerWidth .bannerSwiper {flex: unset; width: 100%;}
    .bannerWrap .bannerWidth .bannerSwiper .swiper-slide img {max-width: 100%;}

    .contArea .top {padding: 1rem 0; gap: 0;}
    .contArea .annoArea .date {font-size: 0.9rem;}
    .contArea .annoArea .title {font-size: 0.9rem;}
    .contArea .bottom .annoNews {font-size: 0.85rem; gap:  1rem;}
    .contArea .bottom .annoDate {font-size: 0.7rem;}
}


@media only screen and (max-width: 425px){
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .top {font-size: 0.9rem;}
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title {font-size: 1.6rem;}

}


@media only screen and (max-width: 375px){
    .mainSwiper .swiper-wrapper .swiper-slide .visualWrap .title img {max-height: 40px;}
}

@media only screen and (max-width: 320px){
    .linkWrap .linkBox { width: calc((100% - 0.5rem) / 2);}
}