*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
img{vertical-align: top; max-width: 100%; height: auto;}

html, body {}

.wrap{max-width: 1256px; margin: 0 auto; padding: 6%; font-family: 'S-CoreDream', sans-serif; line-height: 1.3;}
.wrap a{color: #fff;}

/* 메인비쥬얼 */
.d-wrap .main{background: url('../img/main_vs.jpg') no-repeat; background-size: cover; background-attachment: fixed; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.d-wrap .main .main-txt{text-align: center; color: #fff;}
.d-wrap .main .main-txt h1{font-family: 'Noto Sans KR', sans-serif; font-weight: 900; font-size: 90px;}
.d-wrap .main .main-txt p{font-weight: 100; font-size: 72px; margin-top: 20px;}

@media screen and (max-width: 768px){
    .d-wrap .main{background-image: url('../img/mob_visual_bg.jpg');     background-attachment: initial;}

    .d-wrap .main .main-txt h1{font-size: 8vw;}
    .d-wrap .main .main-txt p{font-size: 6vw;}
}

/* kaist01 */
.d-wrap .contents .wrap{padding: 6%;}
.kaist01 {background: url('../img/overview_bg.jpg') no-repeat; background-size: cover; color: #fff;}
.kaist01 .dwrap{padding: 6%; max-width: 1318px; margin: 0 auto;}
.kaist01 .overview h2{font-size: 36px; color: #9d0013; margin-bottom: 40px;}
.kaist01 .overview p{font-family: 'Noto Sans KR', sans-serif; font-weight: 100; font-size: 15px; line-height: 2.5;}
.kaist01 .overview-list{border-top: 1px solid #666;}
.kaist01 .overview-list .dwrap{padding: 3% 6%;}
.kaist01 .overview-list .dwrap ul{display: flex; justify-content: space-between;}
.kaist01 .overview-list .dwrap ul li{border-right: 1px solid #666; padding-right: 6%;}
.kaist01 .overview-list .dwrap ul li:last-child{border: none;}
.kaist01 .overview-list .dwrap ul li span{font-size: 20px; font-weight: 500;}
.kaist01 .overview-list .dwrap ul li p{font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 200; margin-top: 10px;}

@media screen and (max-width: 768px){
    .kaist01 .overview h2{font-size: 28px; margin-bottom: 20px;}
    .kaist01 .overview p{font-size: 14px; line-height: 1.5;}
    .kaist01 .overview p .mo{display: none;}

    .kaist01 .overview-list .dwrap{padding: 6%;}
    .kaist01 .overview-list .dwrap ul{flex-wrap: wrap;}
    .kaist01 .overview-list .dwrap ul li{width: calc(99.9%/2 - 20px/2); margin-right: 20px; border: none; padding-right: 0;}
    .kaist01 .overview-list .dwrap ul li:nth-child(-n+2){margin-bottom: 20px;}
    .kaist01 .overview-list .dwrap ul li:nth-child(2n){margin-right: 0;}
    .kaist01 .overview-list .dwrap ul li p{font-size: 14px;}
}


/* kaist02 */
.kaist02{height: 100vh; background-image: url(../img/parallax_bg.jpg);background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: auto;}

@media screen and (max-width: 768px){
    .kaist02{height: 65vh; background-size: cover; background-attachment: inherit; background-image: url(../img/mob_img.jpg);}

    
}

/* kaist03 */
.kaist03{background-image: url('../img/over_img_01.jpg'); background-repeat: no-repeat; background-color: #000; background-size: cover; background-position: right; transition: 0.3s;}
.kaist03 .dwrap{padding: 0 6%;}
.kaist03 .dwrap ul{display: flex;}
.kaist03 .dwrap ul li{border-right: 1px solid #666; padding: 22% 2%; flex: 1; cursor: pointer; transition: 0.3s;}
.kaist03 .dwrap ul li:hover{background: rgba(0, 0, 0, 0.3);}
.kaist03 .dwrap ul li:first-child{border-left: 1px solid #666;}
.kaist03 .dwrap ul li .txtin{transition: 0.3s;}
.kaist03 .dwrap ul li span{font-size: 20px; color: #9d0013;}
.kaist03 .dwrap ul li strong{font-size: 32px; color: #fff; display: block; margin: 27px 0 35px;}
.kaist03 .dwrap ul li p{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #fff; font-weight: 100;}

.hover01:hover .txtin, .hover02:hover .txtin, .hover03:hover .txtin, .hover04:hover .txtin{transform: translateY(-15%);}


@media screen and (max-width: 768px){
    .kaist03 .dwrap{padding: 6%;}
    .kaist03 .dwrap ul{display: block;}
    .kaist03 .dwrap ul li:first-child{border-left: none;}
    .kaist03 .dwrap ul li{border: none; padding: 0; margin-bottom: 20px; border-bottom: 1px solid #666; padding-bottom: 20px;}
    .kaist03 .dwrap ul li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

    .kaist03 .dwrap ul li strong{font-size: 22px; margin: 10px 0 19px;}
    .kaist03 .dwrap ul li p{font-size: 14px;}
}

/* kaist04 */
.kaist04 {position: relative; padding-top: 6%; transition: 0.5s;}
.kaist04 .bg{background-color: #9d0013; width: 100%; height: 60vh; position: absolute; top: 0; transition: 0.5s;}
.kaist04 .dwrap {text-align: center;}
.kaist04 .dwrap .title{color: #fff; padding-left: 10%; display: flex; margin-top: 45px; padding-left: 24%; padding-right: 6%;}
.kaist04 .dwrap .title strong{font-size: 100px; font-weight: 700; letter-spacing: 0.2em; position: relative;}
.kaist04 .dwrap .title strong::before{content: ""; display: block; width: 273px; height: 82px; background: url('../img/main_txt.png') no-repeat; position: absolute; top: -30%; left: -33%;}
.kaist04 .dwrap .title p{font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 100; transform: translateY(23px);}
.kaist04 .dwrap figure{padding: 4% 6% 6%;}

.kaist04 figure {padding-top: 15%; box-sizing: border-box;}

@media screen and (max-width: 768px){
    .kaist04 .dwrap {padding: 6%;}
    .kaist04 .dwrap .title{display: block; text-align: left;margin-bottom: 40px; padding-left: 0; margin-top: -10px;}
    .kaist04 .bg{height: 40vh; }
    .kaist04 .dwrap .title strong::before{    background-size: 55%; left: -6%;}
    .kaist04 .dwrap .title strong{font-size: 9vw;}

    .kaist04 .dwrap .title p{font-size: 14px;}
}

/* kaist05 */
.kaist05{background-color: #f3f3f3; background-image: url('../img/respon_txt.png'); background-repeat: no-repeat; height: 75vh; background-position: 0 114%; padding: 6% 0 6% 17.5%; overflow: hidden;}
/* kaist05 */
.kaist05 .title {font-size: 30px; margin-bottom: 50px; position: relative;}
.kaist05 .title > span{display: block;}
.kaist05 .title strong{display: block;}

.kaist05 .slidewrap {display: flex; margin-left: 10%; align-items: flex-end;}
.kaist05 .slidewrap .mo-border{width: 30%; position: relative;}
.kaist05 .slidewrap .pc-border{width: 90%; position: relative;}
.kaist05 .slidewrap .mo-border::before{content: ""; position: absolute; top: -2%; left: -2%; width: 246px; height: 501px; background: url('../img/mob_object.png') no-repeat;}
.kaist05 .slidewrap .pc-border::before{content: ""; position: absolute; top: -2%; left: -1%; width: 1017px; height: 640px; background: url('../img/pc_object.png') no-repeat; }
.kaist05 .slidewrap .mo-border .mo-slide {margin: 0; margin-right: 45px; max-width: 230px;}
.kaist05 .slidewrap .mo-border .mo-slide .swiper-slide img{width: 230px;}
.kaist05 .slidewrap .pc-border .pc-slide{margin: 0; max-width: 992px;}
.kaist05 .slidewrap .pc-border .pc-slide .swiper-slide{margin: 0; }

.kaist05 .title .swiper-pagination-fraction{text-align: left; left: 0; bottom: auto; margin-top: 20px; font-size: 18px; font-weight: 600; }
.kaist05 .title .swiper-pagination-fraction .swiper-pagination-current{color: #9d0013; margin-right: 10px;}
.kaist05 .title .swiper-pagination-fraction .swiper-pagination-total{margin-left: 10px; color: #7c7c7c;}

.kaist05 .mob-slide{display: none;}

@media screen and (max-width: 768px){
    .kaist05 .slidewrap {display: none;}
    .kaist05 .title{font-size: 28px; margin-bottom: 30px;}
    .kaist05 .title .swiper-pagination-fraction{display: none;}

    .kaist05 .mob-slide{display: block;}
    .kaist05{padding: 6%; height: 46vh; background-position: 0 140%;}
    .swiper-container.mob-slide.swiper-container-initialized.swiper-container-horizontal{padding-bottom: 50px;}
    .swiper-container.mob-slide .swiper-pagination-bullet-active{background: #9d0013;}
}

@media screen and (max-width: 400px){
    .kaist05{background-position: 0 160%;}
}


.pf_next {height: 560px; position: relative; overflow: hidden; background-image: url(../img/greenfoot_ptView.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover;}
.pf_next .link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 888;}
.pf_next .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.pf_next .textbox {position: absolute; top: 150px; color: #fff; z-index: 10; width: 95%; max-width: 1200px; left: 50%; transform: translateX(-50%);}
.pf_next .textbox dl dt {font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: normal;}
.pf_next .textbox dl dd {font-size: 60px; font-weight: bold;}

@media screen and (max-width: 768px) {
    
    .pf_next {height: 250px;} 
    .pf_next .textbox {top: 50px;}
    .pf_next .textbox dl dd {font-size: 30px;}
    
}

.pf_link {padding: 60px 0 60px; text-align: center; background: #f3f4f6;}
.pf_link a {color: #333; font-size: 30px; font-weight: 600;}
.pf_link span {position: relative; top: -5px; margin-right: 20px;}
.pf_link img {vertical-align: middle;}

@media screen and (max-width: 768px) {
    
    .pf_link {padding: 30px 0 30px;}
    .pf_link a {font-size: 20px;}
    
}

.d-wrap .contents footer .wrap{padding: 0;}