@charset "utf-8";

/*-------------------------------------------------------------------
    파일정의 : 메인 스타일
-------------------------------------------------------------------*/
/* 메인 공통 */
.main {background: url('../img/main/bg_visual.png') no-repeat left calc(50% + 43.7rem) top 0/52.5rem;}
.main .headline-area .title {width: fit-content; position: relative; font-size: 3.2rem; line-height: 1.1875; font-weight: 700;}
.main .headline-area .title::after {content: ""; position: absolute; right: -0.3rem; transform: translateX(100%); background-repeat: no-repeat; background-size: 100%; background-position: center; bottom: 0.5rem;}
.main .headline-area .text {font-size: 1.8rem; line-height: 1.3334;}

/* 비쥬얼 */
.main .visual-wrap {padding-bottom: 3.2rem; padding-top: 7rem;}
.main .visual-wrap .headline-area .text01,
.main .visual-wrap .headline-area .text02 {font-size: 4.6rem; font-family: 'VitroCore'; line-height: 1.326;}
.main .visual-wrap .headline-area .text01 {width: fit-content; position: relative; letter-spacing: -0.03em; color: #088A20;}
.main .visual-wrap .headline-area .text01::after {content: "*"; position: absolute; right: 0; bottom: 0; transform: translateX(100%); font-family: 'VitroCore'; color: #088A20; font-size: 6.3rem; line-height: 1.2;}
.main .visual-wrap .search-area {margin-top: 4rem; display: flex; align-items: center; height: 9rem; border-radius: 10rem; background-color: #ffffff; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); padding: 0 3.2rem; gap: 0 1rem; max-width: 118rem;}
.main .visual-wrap .search-area select {display: block; width: 18.5rem; border: 0; background: url('../img/icon/ic_arr_select_main.png') no-repeat right 0.5rem center/3rem; height: 4rem; font-size: 1.8rem; padding: 0 0.8rem;}
.main .visual-wrap .search-area .word {flex: 1 0; min-width: 0; padding: 0 0.5rem; position: relative; display: flex; align-items: center;}
.main .visual-wrap .search-area .word::before {content: ""; width: 0.1rem; height: 4rem; background-color: #DDDDDD; position: absolute; left: -0.5rem; top: 50%; transform: translateY(-50%);}
.main .visual-wrap .search-area .word input {padding: 0 2rem; height: 4rem; border: 0; font-size: 2.4rem; flex: 1 0; min-width: 0;}
.main .visual-wrap .search-area .word input::placeholder,
.main .visual-wrap .search-area .word input::-webkit-input-placeholder,
.main .visual-wrap .search-area .word input:-ms-input-placeholder,
.main .visual-wrap .search-area .word input:-mos-input-placeholder {color: #717171;}
.main .visual-wrap .keyword-area {margin-top: 2.5rem; display: flex; align-items: center; gap: 0 1.6rem;}
.main .visual-wrap .keyword-area .title {flex: none; font-size: 1.6rem; font-weight: 700; color: #088A20;}
.main .visual-wrap .keyword-area .keyword-list {flex: 1 0; min-width: 0;}
.main .visual-wrap .keyword-area .keyword-list ul li a {border-color: #000000;}

/* SeSAC 오늘의 추천 */
.main .recommend-wrap {padding-top: 6.5rem; padding-bottom: 1.8rem;}
.main .recommend-wrap .headline-area .title::after {width: 6.9rem; height: 6.8rem; background-image: url('../img/main/deco_title_01.png');}
.main .recommend-wrap .headline-area .text {margin-top: 0.2rem;}
.main .recommend-wrap .recommend-swiper {position: relative; width: calc(100% + 4rem); margin-left: -2rem; margin-top: 0.8rem;}
.main .recommend-wrap .recommend-swiper .swiper {padding: 2rem 2rem 3rem;}
.main .recommend-wrap .recommend-swiper .swiper::before,
.main .recommend-wrap .recommend-swiper .swiper::after {content: ""; position: absolute; z-index: 2; height: 100%; width: 2rem; top: 0;}
.main .recommend-wrap .recommend-swiper .swiper::before {left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);}
.main .recommend-wrap .recommend-swiper .swiper::after {right: 0; background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,1) 95%);}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide {box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; overflow: hidden; transition: box-shadow 0.3s ease;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .cont-wrap {padding: 1.6rem 1.2rem;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .cont-wrap .tag-list ul li {padding: 0.8rem 2.5rem}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .cont-wrap .tag-list + .data-area {margin-top: 1.6rem;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .cont-wrap .data-area dl {display: flex; align-items: flex-start; gap: 0 2rem;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .cont-wrap .data-area dl dt {display: flex; align-items: center; gap: 0 0.5rem; font-size: 1.6rem; font-weight: 500; line-height: 1.25;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .cont-wrap .data-area dl dd {flex: 1 0; min-width: 0; font-size: 1.6rem; line-height: 1.25;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .thumb-area {position: relative; padding-top: 74.33%; border: 0.1rem solid #DDDDDD; border-radius: 0 0 2rem 2rem;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide .thumb-area img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-pagination {bottom: 0; top: auto; display: flex; align-items: center; justify-content: center; gap: 1rem;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-pagination .swiper-pagination-bullet {width: 1rem; height: 1rem; border-radius: 50%; opacity: 1; background-color: #D9D9D9; margin: 0;}
.main .recommend-wrap .recommend-swiper .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #003372;}
.main .recommend-wrap .recommend-swiper [class*="btn-swiper-"] {margin-top: -0.5rem;}
.main .recommend-wrap .recommend-swiper .btn-swiper-prev {left: 2rem;}
.main .recommend-wrap .recommend-swiper .btn-swiper-next {right: 2rem;}
.main .recommend-wrap .recommend-swiper .no-data {height: 34.5rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); border-radius: 2rem; background-color: #FFFFFF; width: calc(100% - 4rem); margin: 0 auto; display: flex; align-items: center; flex-direction: column; align-items: center; justify-content: center; gap: 2rem 0;}
.main .recommend-wrap .recommend-swiper .no-data .text {font-size: 3.2rem; text-align: center; font-weight: 700; line-height: 1.1875;}

/* 배너 */
.main .banner-wrap {padding-top: 1.8rem; padding-bottom: 4rem;}
.main .banner-wrap .banner-swiper {position: relative;}
.main .banner-wrap .banner-swiper .swiper {padding: 0 0 3.5rem;}
.main .banner-wrap .banner-swiper .swiper .swiper-wrapper .swiper-slide {border-radius: 2rem; overflow: hidden; padding-top: 21.429%;}
.main .banner-wrap .banner-swiper .swiper .swiper-wrapper .swiper-slide img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.main .banner-wrap .banner-swiper [class*="btn-swiper-"] {margin-top: -1.8rem;}
.main .banner-wrap .banner-swiper .swiper .swiper-pagination {bottom: 0; top: auto; display: flex; align-items: center; justify-content: center; gap: 1rem;}
.main .banner-wrap .banner-swiper .swiper .swiper-pagination .swiper-pagination-bullet {width: 1rem; height: 1rem; border-radius: 50%; opacity: 1; background-color: #D9D9D9; margin: 0;}
.main .banner-wrap .banner-swiper .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #003372;}

/* 새싹 소개영상 */
.main .video-wrap {padding: 12rem 0 8.5rem; background: url('../img/main/bg_video.png') no-repeat center/cover;}
.main .video-wrap .container {position: relative;}
.main .video-wrap .headline-area {color: #ffffff;}
.main .video-wrap .headline-area .title::after {width: 6.9rem; height: 8.2rem; background-image: url('../img/main/deco_title_02.png');}
.main .video-wrap .headline-area .headline {font-size: 4rem; font-weight: 700; line-height: 1.6}
.main .video-wrap .headline-area .text {margin-top: 1.2rem;}
.main .video-wrap .headline-area .text strong {font-weight: 700;}
.main .video-wrap .video-link {position: absolute; width: 15.9rem; height: 15.9rem; background: url('../img/main/img_link.png') no-repeat center/100%; left: 50%; margin-left: 31.5rem; top: 50%; transform: translateY(-50%); text-indent: -9999px;}

/* SeSAC 지역별 캠퍼스 */
.main .campus-wrap {padding: 4rem 0 2.5rem;}
.main .campus-wrap .inner {padding: 6rem 4rem 5rem 5rem; background-color: #E9F3F9; border-radius: 3rem;}
.main .campus-wrap .inner .headline-area .title::after {width: 6.9rem; height: 8.2rem; background-image: url('../img/main/deco_title_03.png');}
.main .campus-wrap .inner select {width: 25rem; margin-top: 1.6rem; border-radius: 1rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); background: #ffffff url('../img/icon/ic_arr_select.png') no-repeat right 1.2rem center/2.2rem; padding: 0 1.8rem; border: 0; height: 4.5rem; font-size: 1.6rem; font-weight: 600;}
.main .campus-wrap .inner select:invalid {color: #777777;}
.main .campus-wrap .inner .place-wrap {display: flex; align-items: flex-start; justify-content: space-between; gap: 0 2.5rem;}
.main .campus-wrap .inner .place-wrap .map-area {position: relative; width: 44.733%; background: url('../img/main/img_campus_map.png') no-repeat center/100%; padding-top: 38.474%;}
.main .campus-wrap .inner .place-wrap .map-area .mutual-area {position: absolute; width: 100%; height: 100%; z-index: 1; top: 0;}
/* .main .campus-wrap .inner .place-wrap .map-area > img {position: relative; z-index: 2;} */
.main .campus-wrap .inner .place-wrap .map-area .map-overlay {position: absolute; z-index: 1; width: 100%; top: 0; left: 0; height: 100%;}
.main .campus-wrap .inner .place-wrap .map-area ul li {position: absolute; font-size: 1.4rem; font-weight: 700; color: #088A20; transform: translate(-50%, -50%);}
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="17"] { left: 33.6%; top: 63%; }    /* 영등포 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="18"] { left: 32%;   top: 84%; }    /* 금천 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="19"] { left: 33%;   top: 49%; }    /* 마포 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="20"] { left: 51.4%; top: 57.9%; }  /* 용산 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="21"] { left: 90%;   top: 53%; }    /* 강동 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="22"] { left: 14%;   top: 48%; }    /* 강서 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="23"] { left: 44.6%; top: 68.6%; }  /* 동작 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="24"] { left: 40.1%; top: 44.1%; }  /* 서대문 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="25"] { left: 76.8%; top: 53.9%; }  /* 광진 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="26"] { left: 55%;   top: 49.3%; }  /* 중구 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="27"] { left: 50.34%;top: 40.51%; } /* 종로 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="28"] { left: 66%;   top: 51.5%; }  /* 성동 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="29"] { left: 60%;   top: 36%; }    /* 성북 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="30"] { left: 68.4%; top: 42.4%; }  /* 중랑 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="31"] { left: 64%;   top: 15.3%; }  /* 도봉 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="32"] { left: 59.8%; top: 23.7%; }  /* 강북 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="33"] { left: 43.3%; top: 82%; }    /* 관악 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="34"] { left: 74%;   top: 19%; }    /* 노원 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="35"] { left: 38.7%; top: 30%; }    /* 은평 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="36"] { left: 71%;   top: 73.4%; }  /* 강남 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="37"] { left: 78.3%; top: 36.7%; }  /* 중랑 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="38"] { left: 84%;   top: 68.3%; }  /* 송파 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="39"] { left: 58.2%; top: 75.8%; }  /* 서초 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="40"] { left: 21%;   top: 63.4%; }  /* 양천 */
.main .campus-wrap .inner .place-wrap .map-area ul li[data-campus="41"] { left: 18.5%; top: 72.4%; }  /* 구로 */

.main .campus-wrap .inner .place-wrap .map-area ul li.on {text-indent: -9999px; width: 4.9rem; height: 6.3rem; background: url('../img/main/img_pin.png') no-repeat center/100%; transform: translate(-50%, -100%); z-index: 1;}

.main .campus-wrap .inner .place-wrap .info-area {flex: 1 0; max-width: 48.474%; min-width: 0;}
.main .campus-wrap .inner .place-wrap .info-area .info-box {background-color: #ffffff; border-radius: 2rem;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area {position: relative; display: flex; gap: 0 0.2rem; padding-top: 48.032%;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area [class^="campus-swiper"] {height: 100%; top: 0; position: absolute;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper01 {width: calc(65.355% - 0.1rem); left: 0; border-radius: 2rem 0 0 2rem; overflow: hidden;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper01 .swiper .swiper-wrapper .swiper-slide {padding-top: 73.672%; overflow: hidden; position: relative;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper01 .swiper .swiper-wrapper .swiper-slide img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper02 {width: calc(34.645% - 0.1rem); right: 0; border-radius: 0 2rem 2rem 0; overflow: hidden;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper02 .swiper {height: 100%;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper02 .swiper .swiper-wrapper .swiper-slide {width: 100%; overflow: hidden; position: relative;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper02 .swiper .swiper-wrapper .swiper-slide img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap {padding: 2rem 2.5rem 3rem 3.2rem; border-radius: 0 0 2rem 2rem;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .title-area {display: flex; align-items: center; justify-content: space-between;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .title-area .title {font-size: 2.4rem; font-weight: 700; color: #0B4C1B; line-height: 1.25;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .title-area .btn {padding: 0.8rem 2rem; background-color: #EDE9E9; border-radius: 10rem; border-color: #EDE9E9; line-height: 1.177; font-size: 1.7rem; font-weight: 500; width: fit-content;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area {margin-top: 2rem;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl {display: flex; align-items: flex-start; justify-content: flex-start; gap: 0 1.6rem;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl + dl {margin-top: 1.2rem;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl dt {flex: none;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl dt img {width: 3.3rem;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl dd {padding: 0.3rem 0; min-height: 3.3rem; flex: 1 0; min-width: 0; display: flex; align-items: center;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl dd p {font-size: 1.8rem; font-weight: 500; line-height: 1.3334;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area [class*="btn-swiper-"] {top: 42.623%; width: 4.8rem; height: 4.8rem; position: absolute;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .btn-swiper-prev {transform: translate(-50%, 0);}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .btn-swiper-next {transform: translate(50%, 0);}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .swiper-pagination {width: fit-content; left: 2rem; top: 2rem; border-radius: 3rem; background-color: #FFFFFF; border: 1px solid #DDDDDD; padding: 0.4rem 1.2rem; bottom: auto; font-size: 1.8rem; line-height: 1.16667; color: #555555; font-weight: 600;}
.main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .swiper-pagination .swiper-pagination-current {color: #088A20; font-weight: 700;}

/* 기타 등등 */
.main .induce-wrap {padding: 2rem 0 4.5rem;}
.main .induce-wrap ul {display: flex; flex-wrap: wrap; gap: 2rem 2rem; align-items: stretch;}
.main .induce-wrap ul li {flex: 1 0; min-width: 0; height: 16.2rem;}
.main .induce-wrap ul li a {display: block; height: 16.2rem; width: 100%; border-radius: 2.5rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); position: relative; padding: 3.2rem 2.5rem; transition: all 0.3s ease;}
.main .induce-wrap ul li a p {font-size: 2.2rem; line-height: 1.182; font-weight: 600;}
.main .induce-wrap ul li a img {position: absolute; right: 2.5rem; bottom: 2rem; width: 7.9rem;}

.ir{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0;}

/* PC hover */
@media screen and (min-width: 1130px) {
    /* SeSAC 오늘의 추천 */
    .main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide:hover {box-shadow: 0 0 2rem 0 #7DEFAB;}

    /* 기타 등등 */
    .main .induce-wrap ul li a:hover {box-shadow: 0 0 2rem 0 #7DEFAB;}
}

/* 작은 PC */
@media screen and (max-width: 1449px) {}

/* 태블릿1 */
@media screen and (max-width: 1129px) {
    /* 새싹 소개영상 */
    .main .video-wrap .video-link {position: static; margin-left: auto; margin-right: auto; margin-top: 8.5rem; display: block; transform: translateY(0);}

    /* SeSAC 지역별 캠퍼스 */
    .main .campus-wrap .inner {padding: 6rem 2.4rem 5rem 2.4rem;}

    .main .campus-wrap .inner .place-wrap {margin-top: 2.5rem;}
    
    .main .induce-wrap ul li {min-width: calc(calc(100% - 4rem)/3);}
}

/* 태블릿2 */
@media screen and (max-width: 959px) {
    /* 메인 공통 */
    .main {background: url('../img/main/bg_visual.png') no-repeat right -4rem top 4rem/41.7rem;}

    /* 비쥬얼 */
    .main .visual-wrap .keyword-area .keyword-list ul li:nth-of-type(2) ~ li {display: none;}

    /* SeSAC 오늘의 추천 */
    .main .recommend-wrap .recommend-swiper .swiper .swiper-wrapper .swiper-slide {width: 33.5rem;}
    .main .recommend-wrap .recommend-swiper .swiper::before,
    .main .recommend-wrap .recommend-swiper .swiper::after {display: none;}

    /* SeSAC 지역별 캠퍼스 */
    .main .campus-wrap .inner select {width: 100%;}

    .main .campus-wrap .inner .place-wrap .info-area .info-box .img-area {padding-top: 45.355%;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper01 {width: 100%; border-radius: 2rem;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper01 .swiper .swiper-wrapper .swiper-slide {padding-top: 45.371%;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .img-area .campus-swiper02 {display: none;}

    .main .campus-wrap .inner .place-wrap .map-area {display: none;}

    .main .campus-wrap .inner .place-wrap .info-area {max-width: 100%;}
}

/* 모바일 */
@media screen and (max-width: 639px) {

    /* 비쥬얼 */
    .main .visual-wrap {padding-bottom: 4.5rem; padding-top: 1.5rem;}
    .main .visual-wrap .headline-area .text01,
    .main .visual-wrap .headline-area .text02 {font-size: 4.6rem; line-height: 1.488;}
    .main .visual-wrap .headline-area .text01::after {right: 0; bottom: 0; font-size: 6.3rem; line-height: 1.2;}
    .main .visual-wrap .search-area {margin-top: 6.5rem; padding: 0 2rem; gap: 0 3rem; max-width: 100%;}
    .main .visual-wrap .search-area select {display: block; width: 12rem; border: 0; background: url('../img/icon/ic_arr_select_main.png') no-repeat right 0 center/2.1rem; height: 4rem; font-size: 2rem; padding: 0 0;}
    .main .visual-wrap .search-area .word {padding: 0 0;}
    .main .visual-wrap .search-area .word::before {left: -1.5rem;}
    .main .visual-wrap .search-area .word input {padding: 0 0; height: 3.6rem; font-size: 2.2rem;}

    /* SeSAC 오늘의 추천 */
    .main .recommend-wrap {padding-top: 4.5rem; padding-bottom: 2.5rem;}
    .main .recommend-wrap .headline-area .text {margin-top: 0.4rem;}
    .main .recommend-wrap .recommend-swiper {width: calc(100% + 5rem); margin-left: -2.5rem; margin-top: 1rem;}
    .main .recommend-wrap .recommend-swiper .swiper {padding: 2rem 2.5rem 2.4rem;}
    .main .recommend-wrap .recommend-swiper [class*="btn-swiper-"] {margin-top: -0.5rem;}
    .main .recommend-wrap .recommend-swiper .btn-swiper-prev {left: 3rem;}
    .main .recommend-wrap .recommend-swiper .btn-swiper-next {right: 3rem;}

    /* 배너 */
    .main .banner-wrap {padding-top: 2.5rem; padding-bottom: 5rem;}
    .main .banner-wrap .banner-swiper {width: calc(100% + 5rem); margin-left: -2.5rem;}
    .main .banner-wrap .banner-swiper .swiper {padding: 0 0 3rem;}
    .main .banner-wrap .banner-swiper .swiper .swiper-wrapper .swiper-slide {border-radius: 0;}
    .main .banner-wrap .banner-swiper [class*="btn-swiper-"] {display: none;}

    /* 새싹 소개영상 */
    .main .video-wrap {padding: 7.5rem 0 27.5rem; background: url('../img/main/bg_video.png') no-repeat center/cover;}
    .main .video-wrap .headline-area .headline {font-size: 4rem;}
    .main .video-wrap .headline-area .text {margin-top: 5rem;}

    /* SeSAC 지역별 캠퍼스 */
    .main .campus-wrap {padding: 4rem 0 2.5rem;}
    .main .campus-wrap .inner .headline-area .title::after {width: 6.9rem; height: 8.2rem; background-image: url('../img/main/deco_title_03.png');}

    .main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap {padding: 2.5rem 2rem 3rem 3rem;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .title-area .btn {padding: 0.8rem 1rem; font-size: 1.8rem;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area {margin-top: 1rem;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl dt img {width: 3rem;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl dd {min-height: 3rem;}
    .main .campus-wrap .inner .place-wrap .info-area .info-box .data-wrap .data-area dl dd p {font-size: 1.8rem;}

    /* 기타 등등 */
    .main .induce-wrap {padding: 1.5rem 0 5rem;}
    .main .induce-wrap ul li {min-width: calc(calc(100% - 2rem)/2); height: 17.5rem;}
    .main .induce-wrap ul li a {height: 17.5rem; padding: 3.5rem 2.5rem;}
    .main .induce-wrap ul li a p {font-size: 2.4rem; line-height: 1.25;}
    .main .induce-wrap ul li a img {right: 3rem; bottom: 2rem;}
}