.s1--container{padding-top: 160px;padding-bottom: 180px;}
.s1--row1{width: 100%;display: flex;}
.s1--text1,.s1--text2,.s1--text3{width: 50%;}
.s1--text1{font-size: 120px;line-height:0.95;font-weight: 300;letter-spacing: -0.02em;display: flex;align-items: flex-start;}
.s1--text1 p.small{font-size: 20px;opacity: 0.72;letter-spacing: -0.05em;line-height: 1.2;margin-left: 1em;}
.s1--text1 p.small span{font-weight: 400;}
.s1--text1 span.hangul{font-weight: 400;}
.s1--text1 span:nth-child(2){opacity: 0.3;}
.s1--text2{font-size: 40px;font-weight: 300;line-height: 1.3;letter-spacing: -0.05em;display: flex;align-items: flex-start;padding-left: 10px;}
.s1--text2 span{font-weight: 400;}

.s1--row2{display: flex;justify-content: flex-end;margin-top: 40px;}
.s1--text3{font-size: 16px;font-weight: 300;padding-left: 10px;line-height: 1.5;}

#sect2{padding-top: 160px;padding-bottom: 180px;position: relative;}
#sect2 .public--wrap{position: relative;}
.swiper{position: static;}
.swiper-wrapper{position: static;}
.swiper-slide{display: flex;align-items: center;opacity: 0;background-color: rgba(250,250,253,1);}

.swiper-slide-active{opacity:1}
.swiper-pagination-progressbar {position: static;}
.swiper-horizontal > .swiper-pagination-progressbar{margin-top: 48px;height: 2px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #333;}
.swiper-button-wrap{display: flex;justify-content: flex-end;}
.s2swiper-button-prev{margin-right: 12px;}
.s2swiper-button-next,.s2swiper-button-prev{position: relative;padding: 20px;background-color: #333;cursor:pointer;}
.s2swiper-button-next span, .s2swiper-button-prev span{width: 20px;height: 20px;display: block;}
.s2swiper-button-next span{border-top: 2px solid #fff;border-right: 2px solid #fff;transform:translate(-4px, 0px) rotate(45deg);}
.s2swiper-button-prev span{border-top: 2px solid #fff;border-left: 2px solid #fff;transform:translate(4px, 0px) rotate(-45deg);}

.s2--color{position: absolute;width: 50%;height: 100%;top: 0;right: 0;background-color: rgba(250,250,253,1);}
.s2--bg{width: 890px;height: 520px;background-size: cover;background-position: top center;}
.s2--bg1{background-image: url(../image/s2_bg1.jpeg);}
.s2--bg2{background-image: url(../image/s2_bg2.jpeg);}
.s2--bg3{background-image: url(../image/s2_bg3.jpeg);}
.s2--bg4{background-image: url(../image/s2_bg4.jpeg);}
.s2--textBox{margin-left: 20px;width: 490px;font-weight: 300;}
.s2--text1{font-size: 40px;font-weight: 400;}
.s2--text2{font-size: 16px;margin-top: 2em;line-height: 1.5;}

.s3--container{display: flex;position: relative;border-top: 1px solid rgba(0,0,0,0.08);border-bottom: 1px solid rgba(0,0,0,0.08);justify-content: center;}
.s3--titleBox,.s3--list{width: 50%;}
.s3--titleBox{position: sticky;top: 0;height: 100vh;display: flex;flex-direction: column;justify-content: center;padding: 0 40px;width: 50%;max-width: 800px;}
.s3--title-text1{font-size: 80px;font-weight: 400;margin-bottom: 0.2em;}
.s3--title-text2{font-size: 24px;font-weight: 300;}
.s3--title-text2 .hanja{opacity: 0.3;font-weight: 300;}
.s3--title-text2 .korea{font-weight: 400;}

.s3--list{border-left: 1px solid rgba(0,0,0,0.08);width: 50%;max-width: 800px;}
.s3--listItem{width: 100%;padding: 80px 0 100px;}
.s3--listItem:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.08);}
.s3--list-img img{display: block;width: 100%;max-width: 800px;}
.s3--list-textBox{padding-left: 20px;width: 100%;max-width: 690px;padding-top: 60px;}
.s3--list-text1{font-size: 40px;line-height: 1;margin-bottom: 40px;}
.s3--list-text2{font-size: 16px;line-height: 1.3;font-weight: 300;}
.s3--list a{display: inline-block;padding: 12px 32px;background-color: #333;margin-top: 60px;}
.s3--list a p{color: #fff;font-size: 16px;line-height: 1;}

.s4--container{padding-top: 120px; padding-bottom: 180px;}
.s4--wrap{width: 100%;overflow: hidden;display: -webkit-box;}
.s4--wrap ul{display: -webkit-box;}
.s4--wrap li{width: 33vw;}
.s4--wrap li img{width: 100%;display: block;}

@media all and (max-width:1280px) {
    .s1--text3 br{display: none;}
}
@media all and (max-width:1024px) {
    .s1--container{max-width: 580px;margin: auto;}
    .s1--text1, .s1--text2, .s1--text3{width: 100%;align-items: center;justify-content: center;text-align: center;}
    .s1--text1{margin-bottom: 0.5em;}
    .s1--text2 br{display: none;}
    .s1--text3{line-height: 1.5;}
    .s1--row1{flex-direction: column;}
    .s1--row2{justify-content: flex-start;}
}
@media all and (max-width:767px){
    .s1--container{padding-top: 80px;padding-bottom: 80px;}
    .s1--text1{font-size: 60px;}
    .s1--text2{font-size: 24px;}
    .s1--text3{font-size: 14px;}

    .swiper-slide{flex-direction: column;}
    .s2--bg{height: unset;padding-top: 60%;background-position: center center;width: 100%;}
    .s2--color{width: 100%;height: 50%;bottom: 0;top: unset;}
    .s2--textBox{width: 100%;margin-left: 0;padding-top: 24px;margin-bottom: 24px;}
    .s2--text1{font-size: 24px;}
    .s2--text2{font-size: 14px;}

    #sect2{padding-top: 0;padding-bottom: 80px;}
    
    .s3--container{flex-direction: column;padding-top: 80px;}
    .s3--list{width: 100%;padding: 0 40px;}
    .s3--list a p{font-size: 14px;}
    .s3--listItem{padding: 40px 0 60px;}
    .s3--titleBox{position: static;height: unset;width: 100%;}
    .s3--title-text1{font-size: 48px;}
    .s3--title-text2{font-size: 20px;}
    .s3--list-textBox{padding-top: 24px;padding-left: 0;}
    .s3--list-text1{font-size: 24px;margin-bottom: 1em;}
    .s3--list a{margin-top: 40px;}
    .s4--container{padding-top: 40px;padding-bottom: 60px;}
    .s4--wrap li{width: 70vw;}

    .s2swiper-button-next, .s2swiper-button-prev{padding: 14px;}
    .s2swiper-button-prev span{transform: translate(2.5px,0) rotate(-45deg);}
    .s2swiper-button-next span{transform: translate(-2.5px,0) rotate(45deg);}
    .s2swiper-button-next span, .s2swiper-button-prev span{width: 12px;height: 12px;}
    .swiper-horizontal > .swiper-pagination-progressbar{margin-top: 24px;}
}
@media all and (max-width:480px){
    .s3--list{padding: 0 20px;}
}