/****************************** main.css - 메인 css ******************************/
@charset "UTF-8"; /*---------- 기본설정 ----------*/
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* html { height: 100%; overflow: hidden; } */
body {
    height: 100%;
    overflow: hidden;
}

/*---------- fullpage ----------*/
div#fullpage {
    height: 100%;
    position: relative;
}

#section2 .content_area > div >.right:before {
    content: "";
    display: block;
    background: url('../../img/main2_1.jpg') no-repeat;
    width: 710px;
    height: 795px;
    position: absolute;
    bottom: 150px;
    left: -230px;
}

div#fullpage > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*---------- swiper ----------*/
.swiper {
    width: 100%;
    height: 100%;
    overflow-y: scroll !important;
    -ms-overflow-style: none;
    touch-action: pan-y;
}

/* 스크롤 안 보이게 */
.swiper::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.mySwiper .swiper-slide {
    overflow: hidden;
    position: relative;
}

.mySwiper .slide_bg {
    /* 모바일의 height를 위함 */
    width: 100%;
    height: 100vh;
    background: #f6e8da;
}

/*---------- fullpage : 스크롤 이벤트 ----------*/
/* fade out -> in */
#section1 .content_area .top p.left.s_event {
    opacity: 0;
    transform: translateY(0%);
    transition: 2s;
}

#section1 .content_area .top p.left.s_event.active {
    opacity: 1;
    transform: translateX(0%);
    transition: 2s;
    transition-delay: 0.3s;
}

/* 아래 -> 위 */
#section2 .content_area > div >.left p span.s_event {
    opacity: 0;
    transform: translateY(30%);
    transition: 0.5s;
}

#section2 .content_area > div >.left p span.s_event.active {
    opacity: 1;
    transform: translateX(0%);
    transition: 0.5s;
}

#section2 .content_area > div >.right div.s_event {
    opacity: 0;
    transform: translateY(50%);
    transition: 1s;
    transition-delay: 0.5s;
}

#section2 .content_area > div >.right div.s_event.active {
    opacity: 1;
    transform: translateX(0%);
    transition: 1s;
    transition-delay: 0.5s;
}

#section2 .content_area > div >.right .right.s_event {
    transition-delay: 1s;
}

#section2 .content_area > div >.right .right.s_event.active {
    transition-delay: 0.7s;
}

/* 왼쪽 -> 오른쪽 */
#section2 .content_area > div >.left p strong.s_event {
    opacity: 0;
    transform: translateX(-100%);
    transition: 0.7s;
    transition-delay: 0.3s;
}

#section2 .content_area > div >.left p strong.s_event.active {
    opacity: 1;
    transform: translateX(0%);
    transition: 0.7s;
    transition-delay: 0.2s;
}

#section2 .content_area > div >.left p a {
    display: block;
    animation: btn_left linear 0.9s alternate infinite;
    transition: linear 0.9s;
}
/* ani */
@keyframes btn_left {
    0% {
        padding-left: 10px;
    }

    100% {
        padding-left: 0px;
    }
}

/* 아래 -> 위 */
#section4 .swiper-slide .slide_wrapper .txt .txt_wrap h2.s_event, #section4 .swiper-slide .slide_wrapper .con.s_event {
    transform: translateY(30%);
    opacity: 0;
    transition: 0.7s;
}

#section4 .swiper-slide .slide_wrapper .txt .txt_wrap h2.s_event.active, #section4 .swiper-slide .slide_wrapper .con.s_event.active {
    transform: translateY(0%);
    opacity: 1;
    transition: 0.7s;
}

#section4 .swiper-slide .slide_wrapper .con.s_event.active {
    transition-delay: 0.3s;
}

/* ! 슬라이드 작동 시 주석 제거 */
/* #section4 .swiper-slide.swiper-slide-active .txt .txt_wrap h2.s_event.active, #section4 .swiper-slide.swiper-slide-active .slide_wrapper .con.s_event.active { transform: translateY(0%); opacity:1; transition: 0.7s; } 
 #section4 .swiper-slide.swiper-slide-active .slide_wrapper .con.s_event.active { transition-delay: 0.3s; } */
/*---------- section1 ----------*/
#section1 .video_area img {display: block; object-fit: cover; width: 100%; height:100vh;}
#section1 .content_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#section1 .content_area >div {
    max-width: 1840px;
    margin: 0 auto;
    position: relative;
    height: 100vh;
}

#section1 .content_area .top {
    position: relative;
    top: 45%;
}

#section1 .content_area .top:After {
    content: "";
    display: block;
    clear: both;
}

#section1 .content_area .top p strong {
    display: block;
}

#section1 .content_area .top p.left {
    font-size: 48px;
    line-height: 68px;
    font-weight: 200;
    letter-spacing: -2px;
    float: left;
    animation-duration: 3s;
}

#section1 .content_area .top p.left strong {
    font-weight: 700;
}

#section1 .content_area .top p.right {
    position: absolute;
    top: -30px;
    right: -60px;
    font-size: 180px;
    color: rgb(16 11 9 / 70%);
    line-height: 0.6;
    letter-spacing: -6px;
    text-align: right;
    z-index: 1;
}

#section1 .content_area .top p.right strong {
    font-size: 200px;
    color: rgb(255 255 255 / 15%);
    position: relative;
    letter-spacing: -7px;
}

#section1 .content_area .top p.right strong:before {
    content: "";
    display: block;
    width: 91%;
    height: 2px;
    background: rgb(255 255 255 / 15%);
    position: absolute;
    top: -22px;
    right: 0;
    z-index: -1;
}

#section1 .content_area .top p.right strong i {
    font-style: italic;
}

/**/
#section1 .content_area .bottom {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    padding-top: 100px;
}

#section1 .content_area .bottom:after {
    content: "";
    display: block;
    clear: both;
}

#section1 .content_area .bottom .left {
    float: left;
}

#section1 .content_area .bottom .left a {
    position: absolute;
    bottom: 0;
    left: 0;
    animation: btn_bottom linear 0.9s alternate infinite;
    transition: linear 0.9s;
}

#section1 .content_area .bottom .left button {
    background: transparent;
    border: none;
}

#section1 .content_area .bottom .right {
    max-width: 500px;
}

#section1 .content_area .bottom .right {
    float: right;
    margin-right: 180px;
}

#section1 .content_area .bottom .right ul {
    float: left;
}

#section1 .content_area .bottom .right ul li {
    display: inline-block;
}

#section1 .content_area .bottom .right ul li:nth-child(2) {
    margin: 0 10px;
}

#section1 .content_area .bottom .right ul li a {
    display: block;
    padding: 7px 7px 0;
    line-height: 60px;
}

#section1 .content_area .bottom .right ul li i {
    font-size: 25px;
    color: #373737;
    vertical-align: bottom;
    transition: all 0.3s;
}

#section1 .content_area .bottom .right2 {
    float: right;
}

#section1 .content_area .bottom .right2 p {
    writing-mode: tb;
    position: absolute;
    bottom: 0;
    right: 40px;
    font-size: 14px;
    padding-bottom: 64px;
}

#section1 .content_area .bottom .right2 p .scroll_down:before {
    content: "";
    display: block;
    width: 1px;
    height: 35px;
    background: #d8d8d8;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    animation: mouse_ani linear 2s infinite;
}

#section1 .content_area .bottom .right2 p .scroll_down {
    display: block;
    width: 1px;
    height: 50px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    overflow: hidden;
}

/* hover */
#section1 .content_area .bottom .right ul li:hover i {
    color: #ffffffc2;
    transition: all 0.3s;
}

/* ani */
@keyframes btn_bottom {
    0% {
        bottom: 10px;
        padding-bottom: 10px;
    }

    100% {
        bottom: 0px;
    }
}

/* ani */
@keyframes mouse_ani {
    0% {
        top: -50px;
    }

    100% {
        top: 100%;
    }
}

/*---------- section2 ----------*/
#section2 {
    position: relative;
}

#section2:before {
    content: "";
    display: block;
    background: url('../../img/main2.jpg') no-repeat center;
    position: absolute;
    top: 0;
    right: 0;
    width: 865px;
    height: 735px;
}

#section2, #section3 {
    background: #f6e8da;
}

#section2 .content_area {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
}

#section2 .content_area > div {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#section2 .content_area > div >.left {position: relative; z-index: 2;}

#section2 .content_area > div >.left p {
    font-size: 56px;
    font-weight: 300;
    font-style: italic;
    color: #442a24;
    line-height: 84px;
}

#section2 .content_area > div >.left p span, #section2 .content_area > div >.left p strong {
    display: block;
}

#section2 .content_area > div >.left p strong {
    font-weight: 700;
    font-style: normal;
    color: #c57642;
    text-decoration-line: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: from-font;
}

#section2 .content_area > div >.right {
    position: relative;
    display: flex;
    margin-right: 300px;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 1;
}

#section2 .content_area > div >.right .left {
    background: #fff;
    padding: 85px 110px 70px 80px;
    margin-right: 20px;
    z-index: 0;
}

#section2 .content_area > div >.right:after {
    content: "";
    display: block;
    background: #c47642;
    width: 425px;
    height: 340px;
    position: absolute;
    bottom: -60px;
    right: -70px;
    z-index: -1;
}

#section2 .content_area > div >.right .left h3 {
    font-size: 35px;
    font-weight: 200;
    color: #100b09;
    line-height: 44px;
}

#section2 .content_area > div >.right .left h2 {
    font-size: 34px;
    font-weight: 600;
    margin: 30px 0;
}

#section2 .content_area > div >.right .left p {
    font-size: 20px;
    color: #777;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: -1px;
}

#section2 .content_area > div >.right .right {
    padding-bottom: 40px;
}

/*---------- section3 ----------*/
#section3 {
    width: 100%;
    height: 965px;
    cursor: pointer;
}

#section3 .width {
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
}

#section3 .mySwiper .swiper-slide > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#section3 .mySwiper .swiper-slide div.txt {
    top: 30%;
}

#section3 .mySwiper .swiper-slide div.txt .txt_wrap {
    max-width: 1840px;
    margin: 0 auto;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_1 {
    font-size: 55px;
    line-height: 1.2;
    color: #442a24;
    font-weight: 300;
    font-family: 'Merriweather', sans-serif;
    letter-spacing: -2px;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_1 #section3 .mySwiper .swiper-slide div.txt p.txt_1 strong {
    font-weight: 900;
    position: relative;
}


#section3 .mySwiper .swiper-slide div.txt p.txt_1 i {
    font-style: italic;
    position: relative;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.line2 {
    text-indent: 50px;
    display: inline-block;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.line2:before {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 0;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.circle {
    text-indent: 120px;
    display: inline-block;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.circle:before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    background: #c57642;
    position: absolute;
    top: 3px;
    left: 95px;
    z-index: -1;
}

#section3 .mySwiper .swiper-slide div.img {
    z-index: -1;
    height: 100%;
}

#section3 .mySwiper .swiper-slide div.img img {
    position: absolute;
}

#section3 .mySwiper .swiper-slide div.img img.img_1 {
    bottom: 0;
    left: 0;
}

#section3 .mySwiper .swiper-slide div.img img.img_2 {
    top: 166px;
    right: 0;
}

#section3 .mySwiper .swiper-slide:before {
    content: "";
    display: block;
    background: url('../../img/main3_1.png') no-repeat center;
    position: absolute;
    top: 156px;
    right: 0;
    width: 1015px;
    height: 450px;
    z-index: -1;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_2, .mySwiper .swiper-slide div.txt span.txt_3 {
    font-family: 'SUIT', sans-serif;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_2 {
    font-weight: 200;
    font-size: 96px;
    color: #111;
    letter-spacing: -3px;
    margin-bottom: 15px;
}

#section3 .mySwiper .swiper-slide div.txt p.txt_2 span {
    -webkit-text-stroke: 1px #111;
    color: transparent;
    font-weight: 900;
}

#section3 .mySwiper .swiper-slide div.txt span.txt_3 {
    font-size: 20px;
    line-height: 32px;
    color: rgb(17 17 17 / 70%);
}

/**/
#section3 .mySwiper .control_wrap {
    position: absolute;
    bottom: 75px;
    right: 5.5%;
    width: 100%;
    max-width: 1220px;
    display: flex;
}

#section3 .mySwiper .control_wrap > span {
    position: absolute;
    top: -13px;
    left: 0;
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    font-style: italic;
    color: #111;
    z-index: 1;
}

#section3 .mySwiper .control_wrap .swiper-pagination {
    width: 970px;
    height: 1px;
    margin-left: 70px;
    background: #6f5850;
}

#section3 .mySwiper .control_wrap .swiper-pagination span {
    background: #c57642;
}

#section3 .mySwiper .control_wrap .swiper-button-next, .swiper-button-prev {
    padding: 20px 30px;
}

#section3 .mySwiper .control_wrap .swiper-button-prev {
    color: rgb(111 88 80 / 50%);
}

#section3 .mySwiper .control_wrap .swiper-button-next {
    color: #6f5850;
    right: -30px;
}

#section3 .mySwiper .control_wrap .swiper-button-next span, .mySwiper .control_wrap .swiper-button-prev span {
    font-size: 32px;
}

#section3 .mySwiper .control_wrap .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    display: none;
}

#section3 .mySwiper .control_wrap .swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: 50px;
    left: auto;
}

#section3 .mySwiper .control_wrap .swiper-button-prev span {
    transform: scaleX(-1);
}

#section3 .mySwiper .control_wrap .swiper-button-next {
    animation: btn_right linear 0.9s alternate infinite;
    transition: linear 0.9s;
}

/* ani */
@keyframes btn_right {
    0% {
        right: -15px;
        padding-right: 5px;
    }

    100% {
        right: -30px;
    }
}

/* swiper-slide-active */
#section3 .mySwiper .swiper-slide.swiper-slide-active .slide_bg {
    transform: scale(1) rotate(0.003deg);
}

#section3 .mySwiper .swiper-slide div.txt p.txt_1, .mySwiper .swiper-slide div.txt p.txt_2, .mySwiper .swiper-slide div.txt span {
    transform: translateY(50px);
    opacity: 0;
    transition: 1s;
}

#section3 .mySwiper .swiper-slide.swiper-slide-active div.txt p.txt_1, .mySwiper .swiper-slide.swiper-slide-active div.txt p.txt_2, .mySwiper .swiper-slide.swiper-slide-active div.txt span {
    transform: translateY(0px);
    opacity: 1;
    transition: 1s;
}

#section3 .mySwiper .swiper-slide.swiper-slide-active div.txt p.txt_1 {
    transition-delay: 1s;
}

#section3 .mySwiper .swiper-slide.swiper-slide-active div.txt p.txt_2 {
    transition-delay: 1.2s;
}

#section3 .mySwiper .swiper-slide.swiper-slide-active div.txt span {
    transition-delay: 1.5s;
}

/**/
#section3 .mySwiper .swiper-slide div.img img.img_1 {
    transform: translateX(-100px);
    opacity: 0;
    transition: 1s;
}

#section3 .mySwiper .swiper-slide div.img img.img_2 {
    transform: translateX(100px);
    opacity: 0;
    transition: 1s;
}

#section3 .mySwiper .swiper-slide.swiper-slide-active div.img img.img_1, #section3 .mySwiper .swiper-slide.swiper-slide-active div.img img.img_2 {
    transform: translateX(0px);
    opacity: 1;
    transition: 1s;
}

#section3 .mySwiper .swiper-slide.swiper-slide-active div.img img.img_1 {
    transition-delay: 0.3s;
}

#section3 .mySwiper .swiper-slide.swiper-slide-active div.img img.img_2 {
    transition-delay: 0.9s;
}

/* cursor_circle */
#section3 .cursor_circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: transparent;
    transform: translate(5%, 5%);
    z-index: 1;
}

#section3 .cursor_circle:after {
    content: '';
    display: block;
    width: 160px;
    height: 170px;
    position: absolute;
    top: -8px;
    left: 1px;
    background: url(../../img/cursor.png) no-repeat;
    animation: cursor_circle 5s linear infinite;
    animation-delay: 0s;
    transition: 5s linear infinite;
}

#section3 .cursor_circle .wrap1 {
    position: relative;
    width: 100%;
    height: 100%;
}

#section3 .cursor_circle .wrap1 .wrap2 {
    position: absolute;
    top: 24%;
    left: 30%;
}

#section3 .cursor_circle .wrap1 .wrap2 span {
    color: #111;
}

#section3 .cursor_circle .wrap1 .wrap2 span:nth-child(1) {
    display: block;
    margin-bottom: 10px;
}

#section3 .cursor_circle .wrap1 .wrap2 span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

body.fp-viewing-3 .cursor_circle {
    display: none;
}

/* ani */
@-webkit-keyframes cursor_circle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*---------- section4 ----------*/
#section4 .swiper-slide {
    background : #ffff;
}

#section4 .swiper-slide .slide_wrapper {
    position: absolute;
    top: 166px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1840px;
    height: calc(100% - 166px);
    margin: 0 auto;
    /* border: 1px solid #000; */
}

#section4 .swiper-slide .slide_wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    height: 780px;
    background: url('../../img/main4.png');
    z-index: -1;
}

#section4 .swiper-slide .slide_wrapper:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    width: calc(100% - 116px);
    height: 100%;
    background: #faf6f1;
    z-index: -2;
}

#section4 .swiper-slide .slide_wrapper2 {
}

#section4 .swiper-slide .slide_wrapper2 .txt {
    padding: 85px 90px 48px 95px;
}

#section4 .swiper-slide .slide_wrapper .txt .txt_wrap h2 {
    font-size: 56px;
    font-weight: 300;
    font-style: italic;
    color: #442a24;
    text-align: left;
    font-family: 'Merriweather', sans-serif;
}

#section4 .swiper-slide .slide_wrapper .con {
    background: transparent;
}

#section4 .swiper-slide .slide_wrapper .con ul li {
    border: 1px solid #f1dbcd;
    /* padding: 30px 90px 30px 95px; */
    transition: all 0.3s;
}

#section4 .swiper-slide .slide_wrapper .con ul li:nth-child(2) {
    border-top: none;
}

#section4 .swiper-slide .slide_wrapper .con ul li a {
    display: flex;
    justify-content: space-between;
    padding: 30px 90px 30px 95px;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .left {
    display: flex;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .left div {
    margin: 40px 0 0 70px;
    font-family: 'SUIT', sans-serif;
    text-align: left;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .left div h3 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 25px;
    letter-spacing: -2px;
    color: #111;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .left div p {
    color: rgb(17 17 17 / 60%);
    font-size: 20px;
    letter-spacing: -0.5px;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .right div {
    font-family: 'Raleway', sans-serif;
    margin-top: 40px;
    color: #442a24;
    text-align: right;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .right div p {
    display: block;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) {
    position: relative;
    font-size: 56px;
    font-weight: 200;
    letter-spacing: -5px;
    line-height: 56px;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2):After {
    content: "/";
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: -15px;
    left: calc(100% / 2 - 35px);
    margin: 0 35px;
    font-size: 33px;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) span:nth-child(1) {
    position: relative;
    margin-right: 20px;
}

/* hover */
#section4 .swiper-slide .slide_wrapper .con ul li:hover {
    background: #f1dbcd;
    transition: all 0.3s;
}

#section4 .swiper-slide .slide_wrapper .con ul li:hover a .left div h3 {
    color: #fff;
    transition: all 0.3s;
}

/**/
/* #section4 .control_wrap { position: absolute; top: 280px; left: 0; right: 0; display: flex; z-index: 2; width: 100%; height: 74px; max-width: 1720px; margin: 0 auto; } 
#section4 .control_wrap > div { position: absolute; top: 0; right: 0; cursor: pointer; } 
#section4 .control_wrap .swiper-button-prev2 { color: rgb(111 88 80 / 50%); } 
#section4 .control_wrap .swiper-button-next2 { color: #6f5850; animation: btn_right2 linear 0.9s alternate infinite; transition: linear 0.9s; } 
#section4 .control_wrap .swiper-button-next2 span, #section4 .control_wrap .swiper-button-prev2 span { font-size: 32px; } 
#section4 .control_wrap .swiper-button-prev2:after, .swiper-rtl .swiper-button-next2:after, .swiper-button-next2:after, .swiper-rtl .swiper-button-prev2:after { display: none; } 
#section4 .control_wrap .swiper-button-prev2, .swiper-rtl .swiper-button-next2 { right: 70px; left: auto; } 
#section4 .control_wrap .swiper-button-prev2 span { transform: scaleX(-1); } */
/* ani */
/* @keyframes btn_right2 { 
 0% { padding-right: 10px; } 
 100% { padding-right: 0px; } 
 }*/
/*latest.css*/
#section4 .swiper-slide .slide_wrapper {
    z-index: 0;
}

#section4 .swiper-slide .slide_wrapper .con ul li.empty_li {
    font-size: 20px;
    color: rgb(17 17 17 / 60%);
    padding: 100px 0;
    border-bottom: 1px solid #f1dbcd;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .left div p span {
    background-color: transparent !important;
}

#section4 .swiper-slide .slide_wrapper .con ul li a .left img {
    display: block;
    height: 195px;
    object-fit: cover;
    width: 345px;
    max-width: 100%;
}

#section4 .lt_more {
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    display: flex;
    z-index: 2;
    width: 100%;
    height: 74px;
    max-width: 1720px;
    margin: 0 auto;
}

#section4 .lt_more .wrap {
    position: absolute;
    top: 0;
    right: 0;
}

#section4 .lt_more .wrap span.icon {
    color: #6f5850;
    animation: btn_right2 linear 0.9s alternate infinite;
    transition: linear 0.9s;
}

#section4 .lt_more .wrap span.icon {
    font-size: 32px;
}

/* ani */
@keyframes btn_right2 {
    0% {
        padding-right: 10px;
    }

    100% {
        padding-right: 0px;
    }
}