/* main */



.swiper-button-prev:after, .swiper-button-next:after {display: none;}

.section1 {width: 100%; position: relative;}
.section1 .swiper-container {height: 100%;}
.section1 .swiper-slide {height: 100vh; min-height: 60rem; background-position: center !important; background-size: cover !important;}
.swiper-button::after {display: none;}

.section1 .wrap1400 {display: flex; align-items: center; height: 100%;}
.mainVis__txt strong {font-size: 6.5rem; font-weight: 500; color: #fff; line-height: normal;}
.mainVis__txt strong span {font-size: 6.5rem; font-weight: 500; color: #ff5827;}
.mainVis__txt p {font-size: 2.5rem; font-weight: 500; color: #f4f4f4; margin-top: 3rem;}

.section1 .swiper-pagination-bullet-active {width: 20px; height: 8px; background: #fff; border-radius: 20px;}
.section1 .swiper-pagination-bullet {background: #fff;}
.section1 .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 50px;}

.section {padding: 11rem 0 12rem;}
.main__tit {margin-bottom: 5rem; text-align: center;}
.main__tit h4 {font-size: 4.6rem; font-weight: 700; color: #000002;}
.main__btn {width: 15rem; height: 5rem; margin: 5rem auto 0;  display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.6rem; background: #222222; font-family: 'Poppins', sans-serif; transition: .3s ease; }
.main__btn:hover {background: #ff5827; }
.class__boxWrap {display: flex; justify-content: space-between; text-align: center;}
.class__box {width: calc(100%/3); display: flex; align-items: center; flex-direction: column;}
.class__txt {width: 100%; border-left: 1px solid #ddd;}
.class__box:first-child .class__txt {border: none;}
.class__box b {font-size: 3.2rem; color: #222222;}
.class__box p {font-size: 1.8rem; font-weight: 400; color: #333333; margin-top: 1rem;}
.class__box img {width: 5rem; margin-bottom: 3rem;}

.section.about {background: #f8f8f8;}
.aboutWrap {display: flex; justify-content: space-between; gap: 4rem;}
.about__box {flex: 1 calc((100% - 4rem)/2); }
.about__txt {height: 28.5rem; width: 100%; display: flex; flex-direction: column; justify-content: flex-start;}
.about__txt b {font-size: 3.2rem;font-weight: 700; color: #222222; display: inline-block; margin:3.5rem 0 2rem;}
.about__txt p {font-size: 1.8rem; font-weight: 400; color: #333333; flex: 1; }
.about__txt > div {justify-self: flex-end;}
.about__txt a {margin: 0; }

.pro__flex {display: flex; gap: 4rem; justify-content: space-between; }
.pro__flex.mg {margin-bottom: 8rem;}
.pro__box {width: calc((100% - 4rem)/2); display: flex; align-items: center;}
.pro__txt > b {font-size: 3.2rem; font-weight: 700; color: #333333; display: inline-block; margin-bottom: 2rem; line-height: 3.2rem;}
.pro__txt b span {font-size: 2rem; font-weight: 400; color: #222222;}
.pro__txt p {font-size: 1.8rem; font-weight: 400; color: #333333;}
.pro__txtFlex b {font-size: 1.8rem; font-weight: 700; color: #000000; display: inline-block; padding-right: 2rem;}
.pro__txt a {margin: 4rem 0 0;}
.pro__txtFlex {display: flex;}
.pro__txtFlex + .pro__txtFlex {display: flex; margin-top: 1rem;}

.section.possible {background: #f8f8f8;}
.poss__Bg {display: flex; align-items: center; width: 100%; height: 37rem; padding: 8rem; background: url('/images/main/poss__Bg.png') no-repeat 92% center #fff; background-size: 47.7rem;}
.poss__txt b {font-size: 3.2rem; font-weight: 700; color: #333333;}
.poss__txt p {font-size: 1.8rem; font-weight: 400; color: #333333; margin-top: 1.5rem;}
.poss__txt p span {font-size: 1.8rem; font-weight: 600; color: #ff5827; font-family: 'Poppins', sans-serif;}
.poss__txt a {margin: 4rem 0 0;}

.germany__flex {display: flex; align-items: center; justify-content: space-between; gap: 5rem; margin-top: 5rem;}

.germany__map {position: relative;  width: 47.9rem; height: 64.8rem;}
.germany__univer {flex: 1;}
.germany__univer > b {font-size: 3.2rem; font-weight: 700; color: #333333; display: inline-block; margin-bottom: 3rem; line-height: 3.2rem;}
.germany__univer > b span {font-family: 'Poppins', sans-serif;}
.univer__list {display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;}
.univer__list li {flex: 1 calc((100% - 2rem)/3); }
.univer__list li a {background: #fff; display: flex; align-items: center; padding: 1.5rem; min-height: 15rem; border: 1px solid #fff; transition: .3s ease;}
.univer__txt {padding: 0 1.5rem;}
.univer__txt b {font-size: 1.6rem; font-weight: 700; color: #000; font-family: 'Poppins', sans-serif;}
.univer__txt p {font-size: 1.6rem; font-weight: 500; color: #333333;}
.univer__img img {min-width: 7rem;}

.germany__map {position: relative;  width: 47.9rem; height: 64.8rem;}
.map_imgwrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.map_img {position: absolute; left: 0; top: 50%;  width: 100%; height: 100%; transform: translateY(-50%);  opacity: 0; visibility: hidden; background-size: cover;}
.map_img.on {opacity: 1; visibility: visible;}

.univer__ck.on {border: 1px solid #ff5827;}

.section.review {background: #222222;}
.section.review .main__tit {margin-bottom: 6rem;}
.section.review .main__tit h4{color: #fff;}
.section.review .main__tit p{color: #fff; font-size: 1.8rem; font-weight: 400; margin-top: 2rem;}
.review .swiper-slide {height: 22.5rem; padding: 3rem; background: #fff; border-radius: 5px;}
.review__txt {display: flex; height: 100%; flex-direction: column; justify-content: space-between; }
.review__txt strong {font-size: 2.2rem; font-weight: 700; color: #ff5827; display: block; margin-bottom: 1rem;}
.review__txt p { font-size: 1.8rem; font-weight: 400; color: #333333; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height: 3.6em;}
.review__txt b {justify-self: flex-end; font-size: 1.6rem; font-weight: 400; color: #919191;}

.review a {background: transparent; margin-top: 6rem; width: 17rem; border: 1px solid #fff;}
.review a:hover {background: #ff5827; border: 1px solid #ff5827;}



.news__Flex {display: flex; justify-content: space-between; gap: 5rem;}
.news__box {width: calc((100% - 5rem)/2);}
.news__txt {display: flex; align-items: center; justify-content: space-between; margin-bottom: 4rem;}
.news__txt b {font-size: 3rem; color: #000;}
.news__txt.bar {border-bottom: 1px solid #000; padding-bottom: 4rem;}
.news__cont a { display: block; }
.news__cont a + a {padding-top: 2rem;} 
.newsTxtWrap {display: flex; justify-content: space-between; align-items: center;}
.newsTxtWrap strong {font-size: 1.8rem; font-weight: 400; color: #1b1b1b; flex: 1; padding:  0 5rem 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.6em;
    height: 1.6em; 
    font-weight: 500;
}
.news__date{font-size: 1.8rem; font-weight: 400; color: #000; font-family: 'Poppins', sans-serif;}

.news__cont a:hover strong {font-weight: 700;}
.news__cont a:hover .news__date {font-weight: 600;}

.news__txt a {display: flex; align-items: center;}
.news__txt a p { font-size: 1.6rem; font-weight: 600; color: #000;  font-family: 'Poppins', sans-serif; padding-right: 1rem; transition: .3s ease;}
.news__txt a > div {position: relative; width: 7px; height: 10px;}
.news__txt a > div img {transition: .3s ease; position: absolute; width: 100%; height: 100%; top: 50%; left: 0; transform: translateY(-50%);}
.news__txt a > div img:nth-of-type(1) {opacity: 1;}
.news__txt a > div img:nth-of-type(2) {opacity: 0;}

.news__txt a:hover > div img:nth-of-type(1) {opacity: 0;}
.news__txt a:hover > div img:nth-of-type(2) {opacity: 1;}
.news__txt a:hover p {color: #f68246;}

.news__boxinner {width: 100%; height: 100%; min-height: 29rem; border: 1px solid #ddd; padding: 4rem;}
.news__boxinner b {font-size: 3.2rem; font-weight: 700; color: #222222;display: block; margin-top: 1rem;}
.news__boxinner strong {font-size: 4.2rem; font-weight: 700; color: #ff5827;  font-family: 'Poppins', sans-serif;}
.news__boxinner p {font-size: 1.8rem; font-weight: 400; color: #666666;}
.news__boxinner p span {font-size: 1.8rem; font-weight: 400; color: #666666;  font-family: 'Poppins', sans-serif;}







@media only screen and (max-width : 1300px){

    .univer__list li { flex: none; width: calc((100% - 1rem)/2); }



}



@media only screen and (max-width : 1200px){

    .class__txt {padding: 0 2rem;}
    .class__box p br {display: none;}

    .pro__txt p br {display: none;}

    .univer__img img {min-width: 5rem; max-width: 5rem;}


}

@media only screen and (max-width : 1024px){
    .pc {display: none;}
    .mobile {display: block;}


    .mainVis__txt strong {font-size: 5rem;}
    .mainVis__txt strong span {font-size: 5rem;}

    .class__box b {font-size: 2.8rem;}

    .section {padding: 9rem 0;}

    .poss__Bg {padding: 8rem 8rem 8rem 4rem;}

    .germany__flex {flex-wrap: wrap; margin-top: 9rem;}
    .germany__map {margin: 0 auto;}
    .germany__univer {width: 100%; flex: none;}

    .univer__list li {  width: calc((100% - 2rem)/3); }
    .univer__list li a {justify-content: center;}
    .univer__txt {padding: 0 0 0 1.5rem;}
    
    .germany__flex .font {  width: 100%;  font-size: 3.2rem; font-weight: 700; color: #333333; line-height: 3.2rem;}
    .germany__flex .font span {font-family: 'Poppins', sans-serif;}
    .germany__univer > b {display: none;}

    section.review {padding-left: 1rem; padding-right: 1rem;}
    
    .news__Flex {flex-wrap: wrap; }
    .news__box {width: 100%;}
    .news__Flex {gap: 4rem;}

}


@media only screen and (max-width : 840px){

    .class__boxWrap {flex-wrap: wrap;}
    .class__box {width: 100%; border-top: 1px solid #ddd; padding: 4rem 0;}
    .class__box:first-child {border-top: none; padding: 0 0 4rem;}
    .class__box:last-child {padding: 4rem  0 0;}
    .class__box p br {display: block;}
    .class__txt {width: 100%; border-left: none;}

    .aboutWrap {flex-wrap: wrap; gap: 8rem;}
    .about__box {width: 100%; flex: none; max-width: 680px; margin: 0 auto;}
    .about__box img {margin: 0 auto; display: block;}
    .about__txt {height: auto;}
    .about__txt > div { padding-top: 5rem;}

    .pro__flex {flex-wrap: wrap;}
    .pro__box {width: 100%;  max-width: 680px; margin: 0 auto;}
    .pro__flex:first-child  .pro__box:first-of-type {order:2}

    .poss__Bg {background-position: center 4rem ; justify-content: center; padding: 36rem 1rem 5rem; align-items: flex-start; height: auto;}
    .poss__txt {text-align: center;}
    .poss__txt a {margin: 3rem auto 0;}



}

@media only screen and (max-width : 480px){

    .univer__list li {  width: calc((100% - 1rem)/2); }
    .univer__list li a {flex-direction: column; gap: 1rem; text-align: center;}
    
    .review .swiper-slide {padding: 3rem 2rem;}
}