/* 센터안내 */
.mapInfo{background: #fafafa; border: 1px solid #bbb; padding: 3rem 4rem;}
.mapInfo dl{display: flex;}
.mapInfo dl ~ dl{border-top: 1px solid #eae9e9; margin-top: 3rem; padding-top: 3rem; }
.mapInfo dl dt{flex-shrink: 0; width: 11rem; font-size: 1.3rem; font-weight: 700; color: #000;}
.mapInfo dl dd{font-size: 1rem; width: 100%;}
.mapInfo dl dd .flexWrap{display: flex; justify-content: space-between;}
.mapInfo dl dd .flexWrap .item{flex: 1;}

/* 사업안내 */
.visionWrap{display: flex; background: #f6f6f6; border-radius: 5rem; }
.visionWrap ~ .visionWrap {margin-top: 1.5rem;}
.visionWrap > span{display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 9.25rem; border-radius: 5rem; background: var(--menuColor1); color: #fff; font-weight: 700; font-size: 1.35rem;}
.visionWrap .txtWrap{padding: 1rem ;}
.visionWrap .txtWrap .tit{font-size: 1.2rem; font-weight: 700; color: #000;}
.visionWrap .txtWrap .txt{margin-top: 0.5rem;}
.visionWrap .txtWrap .txt span{margin-right: 1rem;}

.step_st1{ margin: 3rem 0; display: flex; flex-wrap: wrap;}
.step_st1 .item{margin-bottom: 2rem; width: 25%; border-left: 1px solid #cfcfcf; padding: 1.5rem;}
.step_st1 .item:nth-child(3n),
.step_st1 .item:last-child{border-right: 1px solid #cfcfcf;}
.step_st1 .item .tit{position: relative; padding-left: 2rem; font-size: 1.1rem; font-weight: 700; color: #000; margin-bottom: 1.5rem;}
.step_st1 .item .tit .num{position: absolute; left: 0; top: -0.6rem; font-size: 2.5rem; font-weight: 500; color: var(--menuColor1); line-height: 1; }
.step_st1 .item p:not(.tit){line-height: 1.5rem;}

.hLights{margin-bottom: 0.5rem; font-size: 1.1rem; font-weight: 700; color: #000; display: inline-block; background: linear-gradient(to bottom, transparent 50%, var(--mainColor) 50%); padding: 0 0.5rem;}
.hLights ~ .hLights{margin-top: 2rem;}

/* 오시는길 - 경기 */  
.map_list{border-top:2px solid #000;position:relative; background: #fff;}
.map_list li .heading{overflow:hidden;padding:10px 0 ;border-bottom:1px solid #c4ccd6;height:50px;display:table;width:100%}
.map_list li .heading p>span{float:left;position:relative;padding:0 20px;font-weight:300;display:table-cell;vertical-align:middle}
.map_list li .heading p>span:after{content:'';border-right:1px solid #c4ccd6;padding-left:20px}
.map_list li .heading p{float:left;cursor:pointer;font-weight:300;width:98%;min-height:30px;padding:5px 0}
.map_list .con_box{display:none}
.map_list .tit{position: relative;}
.map_list .tit::after { content: "\ea4d"; font-family: 'remixicon'; position: absolute; right: 1rem; top:0.3rem }
.map_list .active .tit::after { content: "\ea77";}
.map_list .con_box{ padding:20px;border-bottom:1px solid #000}
.map_list .con_box .traffic_btn,
.map_list .con_box .traffic_btn2{overflow:hidden}
.map_list .con_box .traffic_btn li{float:left;width:33%;margin-bottom:10px}
.map_list .con_box .traffic_btn2 li{float:left;width:25%;margin-bottom:10px}
.map_list .con_box .traffic_btn li a,.map_list .con_box .traffic_btn2 li a{width:95%}
.map_list .con_box  .box_white{background:#fff;padding:10px;}



/* 탭 */
.tab03{position:relative;display:flex;flex-wrap:wrap;text-align:center;margin:1px 0 20px 1px; outline:1px solid #DDDDDD; border-radius: 4px;}
.tab03 a{display:flex;justify-content:center;align-items:center;width:50%;font-size:14px;color:#1D1D1D;padding:9px 20px; margin:-1px 0 0 -1px;background-color:#FAFAFA;transition:color .25s,background-color .25s}
.tab03 a.act{position:relative;font-weight:500;color:var(--menuColor1);border:2px solid var(--menuColor1);background: #FFF7FD; border-radius:4px}


/* 사업안내 */
.biz_guide {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 3rem 0;
}
.biz_guide.biz_guide01 > img {
    width: 100%;
}
.biz_guide.biz_guide02 > img {
    width: 100%;
}
.biz_guide.biz_guide03 > img {
    width: 100%;
}
.biz_guide h2 {
    width: 100%;
    text-align: left;
}
.gw-university-list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    width: 100%;
    margin: 0 auto;
    padding: 1.7rem 0;
    justify-content: center;
}

.gw-university-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    flex: 1 1 calc(33% - 24px);
    background: #fff;
    border: 1px solid #ddd;
    height: 10rem; /* min-height, max-height 말고 그냥 height 고정 */
    text-decoration: none; /* 링크 밑줄 제거 */
    color: inherit; /* 링크 색상 기본 색 */
  }

  .gw-university-logo {
    width: 65%;
    height: 6rem;
    object-fit: contain;
    padding: 1rem 0;
  }

.gw-university-name-ko {
    font-size: 1rem;
    width: 100%;
    font-weight: 400;
    padding: 1rem 0;
    border-top: 1px solid #ddd;
}








@media (min-width:600px){

	.tab03 a{width:25%}
}
@media (min-width:962px){
	.tab01 a,
	.tab03 a{width:16.6666%}

	.tab03{margin-bottom:30px}
	.tab03 a{padding:13px 10px}

}
@media (min-width:1180px){

	.tab03{margin-bottom:40px}
	.tab03 a{flex:1;width:auto;font-size:17px}
	.tab03 a:hover,
	.tab03 a:focus{color:#000;background-color:#fff}
	.tab03 a.act{border-width:1px}
}
@media (max-width:1440px){
    .gw-university-list {
        padding: 2rem;
    }
}

@media (max-width:1024px){
    /* 사업안내 */
    .visionWrap{display: block; border-radius: 1rem;}
    .visionWrap > span{width: 100%;}
    .visionWrap .txtWrap{text-align: center;}
    .visionWrap .txtWrap .tit{font-size: 1rem;}
    .step_st1 .item{width: 50%;}
    .step_st1 .item:nth-child(3n), .step_st1 .item:last-child{border-right: 0;}
    .hLights{display: inline;}
    .hLights ~ .list_st1{margin-bottom: 2rem;}

    .gw-university-card {
        flex: 1 1 calc(50% - 16px); /* 2개 배치 */
    }

}

@media (max-width:768px){

	/* 센터안내 */
	.mapInfo{padding: 2rem;}
    .mapInfo dl{display: block;}
    .mapInfo dl ~ dl{margin-top: 1rem; padding-top: 1rem;}
    .mapInfo dl dt{width: 100%; margin-bottom: 1rem;}

    /* 사업안내 */
    .step_st1 .item{width: 100%; border:0; padding: 1rem; margin:0;}
    .biz_guide h2 {
        font-size: .8rem;
    }
    .biz_guide.biz_guide02 > img {
        width: 100%;
    }
    .gw-university-card {
        flex: 1 1 100%; /* 1개 배치 */
    }

    /* 오시는길 */
    .map_list li .heading p{padding-right: 2rem;}


	
}
@media (max-width:420px){

	/* 센터안내 */
    .mapInfo dl dd .flexWrap{display: block;}
	
}


/* 2025-08-08 서브페이지 리뉴얼 */
#sub-content {width: 100dvw;position: relative; padding-top: 100px;}
#sub-content .visualWrap {width: 100%; background: url('../images/sub/subVisualBg01.jpg') right center / cover no-repeat;}
#sub-content .visualWrap .sloganWrap {max-width: 1440px; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 0 auto; padding: 1rem 0; position: relative;min-height: 210px;}
#sub-content .visualWrap .sloganWrap .textArea {font-size: 1.5rem; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;}
#sub-content .visualWrap .sloganWrap .textArea br {display: none;}
#sub-content .visualWrap .sloganWrap .textArea .accent-weight {font-weight: 700;}
#sub-content .visualWrap .sloganWrap .textArea .normal {font-weight:500;margin-right: 5px;}
#sub-content .visualWrap .sloganWrap .textArea .accent-name {font-weight: 700; font-size: 2rem; font-family: "GANGWONSTATE";}
#sub-content .visualWrap .sloganWrap .textArea .accent-name span {color: var(--color-ver4);}
#sub-content .visualWrap .sloganWrap .imgArea {position: absolute; bottom:0; right: 0;}

#sub-content .tabWrap {width: 100%; background-color: var(--color-ver4);}
#sub-content .tabWrap .tabArea {max-width: 1440px; width: 100%; margin: 0 auto; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;  font-weight: 600; height: 100%;}
#sub-content .tabWrap .tabArea .tabBoxPosition { display: flex; flex-flow: row wrap; justify-content: center; align-items: center;  font-weight: 600; height: 100%;    width: 100%;}
#sub-content .tabWrap .tabArea .tabBtn {padding: 1rem 1.5rem; color: #fff; height: 100%; cursor: pointer;}
#sub-content .tabWrap .tabArea .tabBtn.on {display: none;}
#sub-content .tabWrap .tabArea .tabBtn span {color: #fff; font-size: 0.85rem;}
#sub-content .tabWrap .tabArea .tabBtn .text {}
#sub-content .tabWrap .tabArea .tabBtn .icon {display: none;}
#sub-content .tabWrap .tabArea .tabBtn:hover {background-color: rgba(255,255,255,0.4);}
#sub-content .tabWrap .tabArea .tabBtn.active {background-color: #fff;padding: 1rem 1.5rem 0 1.5rem;}
#sub-content .tabWrap .tabArea .tabBtn.active span {color: var(--color-ver4); font-weight: 700;}
#sub-content .tabWrap .tabArea .tabBtn.active .toLink {border-bottom: 2px solid var(--color-ver4); padding-bottom: 1rem; height: 100%; display: inline-block;}

.subContWrap {width: 100%; max-width: 1440px; margin: 0 auto;padding: 1.5rem 0 3rem;}
.subContWrap .wrap {width: 100%; max-width: 1440px; padding-top: 3rem;}
.subContWrap .tit1:first-child {margin-top: 0;}
.subContWrap .contents {font-size: 1rem; line-height: 1.5; text-align: justify; word-break: break-all; color: #464646;}
.subContWrap .contents .imgArea {width: 100%; text-align: center; display: block; margin-bottom: 2rem;}
.subContWrap .contents .imgArea .img {display: block; width: 100%; text-align: center;}
.subContWrap .contents .imgArea .caption {color: #858585; font-size: 0.9rem; font-weight: 500; margin-top: 0.5rem;}
.subContWrap .contents .textArea {font-weight: 500;}
.subContWrap .contents .textArea * {margin-bottom: 1rem;}
.subContWrap .contents .textArea *:last-child {margin-bottom: 0;}

.sub-notiWrap {width: 100%; padding: 1.5rem 3rem; background: url('../images/sub/subNotiBg02.jpg') center center / cover no-repeat; border-radius: 0.5rem; position: relative; text-align: center;}
.sub-notiWrap .notiTitle {font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: #3b140b;}
.sub-notiWrap .notiTitle span {color: #8f396a;}
.sub-notiWrap .notiArea {font-size: 1rem; font-weight: 500; color: #363636;}
.sub-notiWrap .guideArea {margin-top: 0.5rem; font-size: 0.85rem; font-weight: 500;}
.sub-notiWrap .guideArea .text {}
.sub-notiWrap .guideArea .text sup {color: #ff1b1b;}
.sub-notiWrap .decoImg {position: absolute; bottom: 0; right: 5vw;}


/*기존 레이아웃에 클래스 추가하여 수정*/
.subContWrap #main-content .nav-wrap {max-width: 1440px; padding-left: 0; padding-right: 0; margin-top: 0;}

/*251126 카드뉴스 서브페이지*/
.cardWrap {width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-start; gap: 1.5rem;}
.cardWrap .cardBox {width: calc( ( 100% - 4.5rem ) / 4 );  border: 1px solid #ccc; padding: 1rem; border-radius: 0.5rem; position: relative;}
.cardWrap .cardBox:hover {cursor: pointer; border:3px solid var(--color-ver4); box-sizing: border-box;}
.cardWrap .cardBox:hover::after {content: '\f055'; position: absolute;  top: 0;  left: 0;  display: flex;  justify-content: center;  align-items: center; width: 100%;  height: 100%;  color: #ffe4f3; font-size: 38px;  font-family: "fontAwesome";  background-color: rgba(0, 0, 0, 0.6); border-radius: 0.3rem;}
.cardWrap .cardBox .imgArea {width: 100%; aspect-ratio: 1; margin-bottom: 0;}
.cardWrap .cardBox .imgArea img {display: block; object-position: center center; object-fit: cover; width: 100%; height: 100%;}
.cardWrap .cardBox .textArea {width: 100%; margin-top: 0.5rem;}
.cardWrap .cardBox .textArea .title {font-size: 1rem; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; margin-bottom: 5px; min-height: 59px;}
.cardWrap .cardBox .textArea .title .subject {font-size: 0.8em; font-weight: 600; background-color: var(--color-ver4); color: #fff; padding: 3px 10px; border-radius: 4px; margin-right: 10px;}
.cardWrap .cardBox .textArea .date {font-size: 0.85rem; text-align: right;}
.cardWrap .cardBox .textArea .date::before { font-family: "fontAwesome"; font-size: 0.8rem; content: '\f133'; margin-right: 5px;color: var(--color-ver4);}

.popup-wrap {  display:none; justify-content: center; align-items: center;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.popup-wrap.active { display: flex;  justify-content: center; align-items: center;}
.popup-wrap .popup-bg {   position: absolute;   top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.popup-wrap .popup-content {  position: relative; width: 30%; aspect-ratio: 1; background: #fff;  border-radius: 0.5rem;  padding: 2rem;  box-shadow: 0 0 15px rgba(0,0,0,0.3);   z-index: 10;  }
.popup-wrap .popup-content .btn-close {}
.popup-wrap .swiper.hidden { display: none !important;}
.popup-wrap .popup-content .cardNewsSwiper {width: 100%; height: 100%;}
.popup-wrap .popup-content .cardNewsSwiper .swiper-wrappe {width: 100%; height: 100%;}
.popup-wrap .popup-content .cardNewsSwiper .swiper-wrapper .swiper-slide {width: 100%; height: 100%;}
.popup-wrap .popup-content .cardNewsSwiper .swiper-wrapper .swiper-slide img {width: 100%; height: 100%; display: block; object-position: center; object-fit: contain;}
.popup-wrap .popup-content .swiper-pagination {position: absolute; bottom: 0.5rem; z-index: 100;}
.popup-wrap .popup-content .swiper-button-prev, .popup-wrap .popup-content .swiper-button-next {  position: absolute; top: 50%; width: 3rem; height: 3rem; aspect-ratio: 1; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 10;}
.popup-wrap .popup-content .swiper-button-prev:hover, .popup-wrap .popup-content .swiper-button-next:hover {background-color: var(--color-ver4);}
.popup-wrap .popup-content .swiper-button-next {right: -4rem; }
.popup-wrap .popup-content .swiper-button-next::after {  content: "\f105"; font-family: "fontAwesome"; color: #fff; font-size: 1.2rem;}
.popup-wrap .popup-content .swiper-button-prev {left: -4rem;}
.popup-wrap .popup-content .swiper-button-prev::after { content: "\f104"; font-family: "fontAwesome"; color: #fff; font-size: 1.2rem;}
.popup-wrap .btn-close {  position: absolute;  top: 15px; right: 20px;   background: transparent;  border: none;  font-size: 2rem;  line-height: 1;  cursor: pointer;  z-index: 20;}
.popup-wrap .popup-content .swiper-pagination-bullet-active {  background: var(--swiper-pagination-color, var(--color-ver4));}




@media only screen and (max-width: 1760px){
    #sub-content .visualWrap .sloganWrap {max-width: 95vw;} 
    .subContWrap #main-content { padding-left: 0; padding-right: 0;}
    
}

@media only screen and (max-width: 1440px){
    .subContWrap {max-width: 95vw;}
    .subContWrap #main-content .nav-wrap {max-width: 95vw;}
    .subContWrap .wrap {max-width: 95vw;}

}

@media only screen and (max-width: 1280px){
    .popup-wrap .popup-content {width: 40%;}
}

@media only screen and (max-width: 1024px){
    #sub-content {padding-top: 80px;}
    #sub-content .visualWrap .sloganWrap .textArea {font-size: 1.2rem;}
    #sub-content .visualWrap .sloganWrap .textArea .accent-name {font-size: 1.5rem;}
    #sub-content .visualWrap .sloganWrap .imgArea {position: unset;}
    #sub-content .visualWrap .sloganWrap .imgArea img {max-height: 150px; }

    .sub-notiWrap {text-align: left;}
    .popup-wrap .popup-content {width: 45%;}
}

@media only screen and (max-width: 768px){
    #sub-content {padding-top: 0;}
    #sub-content .visualWrap .sloganWrap .imgArea img {max-height: 120px; }
    #sub-content .tabWrap .tabArea {flex-flow: column nowrap; align-items: center; max-width: 100vw;position: relative;}
    #sub-content .tabWrap .tabArea .tabBtn {font-size: 0.8rem; padding: 0.7rem; width: 100%; background-color: #fff; color: var(--color-ver4); border-bottom: 1px solid #eaeaea;}
    #sub-content .tabWrap .tabArea .tabBtn:hover {background-color: #fff;}
    #sub-content .tabWrap .tabArea .tabBtn .toLink {width: 100%; text-align: left;}
    #sub-content .tabWrap .tabArea .tabBtn .toLink span {color: var(--color-ver4);}
    #sub-content .tabWrap .tabArea .tabBtn.active { padding: 0.7rem; color: var(--color-ver4);}
    #sub-content .tabWrap .tabArea .tabBtn.active .toLink { border-bottom: none; padding-bottom: 0; }
    #sub-content .tabWrap .tabArea .tabBtn.on .icon {display: inline-block;}
    #sub-content .tabWrap .tabArea .tabBtn.on {background-color: var(--color-ver4); color: #fff; padding: 0.7rem; flex-flow: row nowrap; width: 100%;  justify-content: space-between;  align-items: center;z-index: 11;}
    #sub-content .tabWrap .tabArea .tabBtn.on .toLink { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
    #sub-content .tabWrap .tabArea .tabBtn.active .toLink span { border-bottom: 0; font-weight: 600;}

    #sub-content .tabWrap .tabArea .tabBoxPosition {position: absolute; top: 0; background-color: #fff; z-index: 10;}
    .subContWrap #main-content .nav-wrap {display: none;}

    .subContWrap {padding: 0 0 2rem; font-size: 0.9rem}
    .subContWrap .wrap {padding-top: 2rem;}
    .subContWrap .contents {font-size: 1em;}
    .subContWrap .contents .imgArea .caption {font-size: 0.9em;}

    .subContWrap .tit1 {font-size: 1.1rem; margin-top: 2rem;}
    .tit1::before { left: 0.4rem; top: 0.35rem; width: 1.05rem; height: 0.55rem; }
    .tit1::after { left: 0;  top: 0.6rem; width: 1.05rem; height: 0.55rem; }

    .sub-notiWrap {padding: 1.5rem;}
    .sub-notiWrap .notiTitle {font-size: 1.15rem;}
    .sub-notiWrap .notiArea {font-size: 0.9rem; line-height: 1.5;}
    .sub-notiWrap .guideArea {font-size: 0.75rem;}
    .sub-notiWrap .decoImg {right: 1vw;}
    .sub-notiWrap .decoImg img {max-width: 150px;}

    .cardWrap {gap: 1rem; justify-content: flex-start;}
    .cardWrap .cardBox {width: calc( ( 100% - 2rem ) / 3 ); }

    .popup-wrap .popup-content {width: 55%;}
    .popup-wrap .popup-content .swiper-button-prev, .popup-wrap .popup-content .swiper-button-next {width: 2.5rem; height: 2.5rem;}
}

@media only screen and (max-width: 550px){
    #sub-content .visualWrap .sloganWrap {justify-content: space-between; align-items: center; flex-flow: row nowrap;}
    #sub-content .visualWrap .sloganWrap .textArea {flex-flow: row wrap; align-items: center;}
    #sub-content .visualWrap .sloganWrap .textArea .accent-name {display: block; width: 40%;}
    #sub-content .visualWrap .sloganWrap .imgArea img {max-height: none; max-width: 100px;}

    .subContWrap .contents {font-size: 0.9em;}
    
    .sub-notiWrap .decoImg img {max-width: 120px;}

    .popup-wrap .popup-content {width: 80%; padding: 1rem;}
    .popup-wrap .popup-content .swiper-button-prev, .popup-wrap .popup-content .swiper-button-next {width: 2rem; height: 2rem; background-color: rgba(0,0,0,0.5);}
    .popup-wrap .popup-content .swiper-button-prev {left: -1rem;}
    .popup-wrap .popup-content .swiper-button-next {right: -1rem;}

    .cardWrap .cardBox {  width: calc((100% - 1rem) / 2);  }
    .cardWrap .cardBox .textArea .title {font-size: 0.9rem; min-height: 50px;}
    .cardWrap .cardBox .textArea .date {font-size: 0.8rem;}
}


@media only screen and (max-width: 425px){
    #sub-content .visualWrap .sloganWrap .imgArea img {max-width: 90px;}
    .sub-notiWrap .decoImg {display: none;}
    .cardWrap .cardBox {  width: 100%;  }
}


@media only screen and (max-width: 375px){
    #sub-content .visualWrap .sloganWrap .imgArea{display: none;}
}