/* BASIC css start */
@charset "utf-8";


/* ==================================================
   COMMON
================================================== */

#contentWrapper {
    width: 100%;
}

.section {
    position: relative;
    width: 100%;
}

.sec_inner {
    width: 1500px;
    margin: 0 auto;
}



/* ==================================================
   SEC1
================================================== */

#sec1 {
    position: relative;
    width: 100%;
    overflow: hidden;
}


/* ------------------------------
   SEC1 IMAGE / SWIPER
------------------------------ */

#sec1 > .swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#sec1 > .swiper .swiper-wrapper {
    position: relative;
    width: 100%;
}

#sec1 > .swiper .swiper-slide {
    position: relative;
    width: 100%;
}

#sec1 > .swiper .swiper-slide > img {
    display: block;
    width: 100%;
}


/* swiper next */

#sec1 .swiper_btn_next {
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 10;

    transform: translateX(-50%);

    cursor: pointer;
}

#sec1 .swiper_btn_next img {
    display: block;
}


/* pagination */

#sec1 .swiper-pagination {
    position: absolute;
    z-index: 10;
}



/* ==================================================
   SEC1 TEXT
================================================== */

#sec1 .txt_area {
    position: relative;

    top: auto;
    right: auto;
    bottom: auto;
    left: auto;

    width: 1500px;

    margin: 0 auto;
    padding: 90px 0 120px;

    box-sizing: border-box;

    text-align: center;

    color: #111;

    transform: none;
}


/* TITLE */

#sec1 .txt_area .title {
    margin: 0 0 30px;

    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;

    letter-spacing: 1px;

    color: #111;
}


/* BIG TEXT */

#sec1 .txt_area .big {
    margin: 0 0 35px;

    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.05;

    letter-spacing: -1px;

    color: #111;
}


/* SUB TEXT */

#sec1 .txt_area .sub {
    margin: 0;

    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;

    letter-spacing: -0.3px;

    color: #555;
}


/* MORE */

#sec1 .txt_area .more {
    display: inline-block;

    margin-top: 45px;
    padding-bottom: 4px;

    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: 0.5px;

    color: #111;

    text-decoration: none;
    text-transform: uppercase;

    border-bottom: 1px solid #111;
}



/* ==================================================
   SEC2
================================================== */

#sec2 {
    position: relative;
    width: 100%;

    overflow: hidden;

    padding: 80px 0 120px;

    box-sizing: border-box;
}


#sec2 .sec_inner {
    width: 1500px;
    margin: 0 auto;
}


/* TITLE */

#sec2 h2 {
    margin: 0;

    font-family: 'Montserrat', sans-serif;
}


/* CONTENT */

#sec2 .sec2_cont {
    position: relative;

    width: 100%;

    overflow: hidden;
}


/* SWIPER */

#sec2 .swiper {
    width: 100%;

    overflow: visible;
}


/* Á÷Á¢ ¹«ÇÑ ·Ñ¸µ¿ë */

#sec2 .swiper-wrapper {
    display: flex;

    width: max-content;

    gap: 30px;

    transition: none !important;

    will-change: transform;
}


/* SLIDE */

#sec2 .swiper-slide {
    flex: 0 0 400px;

    width: 400px;

    box-sizing: border-box;
}


/* LOGO BOX */

#sec2 .logo_box {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 400px;
    height: 200px;

    box-sizing: border-box;
}


/* LOGO IMAGE */

#sec2 .logo_box img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 200px;

    object-fit: contain;
}
/* BASIC css end */