@charset "UTF-8";

/* 모바일에서 상단 header 위치도 가운데 정렬이 먹어서 PC에서만 적용되게 우선 수정 23.03.25 어윤학 */
@media screen and (min-width: 768px) {
    .campus_intro * {font-family:Pretendard, sans-serif; list-style: none; margin: 0 auto;}
}

ul{padding: 0;}
.pc {display: block;}
.mo {display: none;}

.textSwiper .swiper-slide .pc {display: block;}
.textSwiper .swiper-slide .mo {display: none;}

.campus_intro {width: 1145px;}

.topImg {background: url(imgs/topImg_bg.png)no-repeat; width:100%; height:808px; text-align: center; padding:130px 0; }
.topTxt li {position:relative; display: block; margin:0 auto; height: auto;}
.topTxt li:nth-child(2) {margin-top: 65px;}

.section {text-align: center;}
.content li{position:relative; margin:0 auto; width: 100%;}

#section_01,#section_03 { padding: 120px 0;}
#section_04 {background-color: #ececf4; width: 100%; padding: 120px 0; }
#section_04 #sec04_whitebg { position:relative; margin: 50px auto 50px; width: 90%; height: 500px; border-radius: 10px; box-shadow: 0px 3px 8px 0 rgba(177, 187, 208, 0.45); background-color: #fff; padding: 30px; }
#section_04 li:nth-child(1) {margin-top: 0px;}
#section_04 #sec04_whitebg p {font-size: 18px; color: #888; text-align: right;}

#section_04 > div{height: 80%;transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
#section_04 .swiper-container{width: 952px; height: 100%; overflow:hidden; }
#section_04 .swiper-container:after {content:'';display: block;height: 30px;width: 90%; position: absolute;left: 50px;bottom:42px; z-index: 9;opacity: .7; background-color: #fff;box-shadow: 3px 20px 12px 20px rgba(255, 255 , 255, .8);}

#section_04 .swiper-wrapper{transition-timing-function: linear}
#section_07 .swiper-wrapper{transition-timing-function: linear}
/* #section_04 .textSwiper img{object-fit: contain;}/ */


#section_05 {background-color: #393939; width: 100%; padding:120px 0; }
#section_05 .content li:nth-child(1),#section_06 .content li:nth-child(1) {margin-top:0px;}

#section_06 {background-color: #ececf4; width: 100%; padding: 120px 0;}
#section_06 li:nth-child(2) { margin:40px 0 50px; }

#section_07 {width: 100%; padding: 120px 0;}
#section_07 .review {width: 100%;  display:flex; justify-content:space-between; padding: 0 60px 0 80px; margin-top:40px; }
#section_07 .reviewSwiper { width:610px; height:460px; overflow:hidden; }
#section_07 .review .review_detail { text-align: center;}
#section_07 .review .review_detail li{display: inline-block; margin: 10px 0 10px 10px; width: 584px}
#section_07 .review .review_detail li div{height:150px;margin-bottom:10px;border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(41, 41, 47, 0.2); background-color: #fff; text-align: left; padding:20px 26px}
#section_07 .review .review_detail li p:nth-child(1){color: #333333; font-weight: bold; font-size: 20px; margin-bottom: 4px;}
#section_07 .review .review_detail li p:nth-child(2){color: #555555; font-size: 18px; line-height: 25px;}
#section_07 .swiper-container:after {content:'';display: block;height: 30px;width: 90%; position: absolute;left: 50px;bottom:0px; z-index: 9;opacity: .9; background-color: #fff;box-shadow: 3px 20px 12px 20px rgba(255, 255 , 255, .8);}


#section_08 {background-color: #ececf4; width: 100%; padding: 120px 0;}
#section_08 li:first-child {margin-bottom:40px; }
#section_08 li:nth-child(2) {margin-bottom:50px; }

#section_09 {background: url(imgs/sec09_bg.png)no-repeat center 0; width:100%; text-align: center; padding:100px 0;}

#section_01 li:nth-child(2),#section_02 li:nth-child(2),#section_03 li:nth-child(2),#section_05 li:nth-child(2) { margin:35px 0 50px; }

@media screen and (max-width: 768px) {
    .pc {display: none;}
    .mo {display: block;}
    .campus_intro {width: 100%;}
    .campus_intro img  {width: 100%;}
    .campus_intro .topImg {height:auto; padding:11.9048vw 5.9524vw; }
    #section_01,#section_03,#section_05,#section_06,#section_07,#section_08,#section_09,#section_04 { padding:80px 4.7619vw;}
    #section_02 { padding:0vw 4.7619vw 0 4.7619vw; }
    #section_06 li:last-child,#section_08 li:last-child { width:75%; }
    #section_04 .swiper-container { width:100%; }
    .textSwiper .swiper-slide .pc {display: none; }
    .textSwiper .swiper-slide .mo {display: block; }
    #section_07 .review { flex-direction: column; padding:0;  } 
    #section_07 .reviewSwiper { width:100%; }
    #section_07 .review .review_detail li { width:95%; }
    #section_07 .review div { margin-bottom:30px;}
	#section_07 .review .review_detail li p:nth-child(2) { font-size:16px; line-height:21px; }
	#section_04 #sec04_whitebg { height:250px; padding:20px 5px 30px; margin:30px auto; }
	#section_04 #sec04_whitebg p { padding-bottom:10px; }
 }