@charset "utf-8";
/* 
font-family:"Pretendard Variable"
font-family: 'Noto Sans KR';
font-family: "Lato", sans-serif;
357e6b 녹색
rgb(229, 229, 229) = #e5e5e5
rgb(221, 221, 221); = #ddd
rgb(248, 248, 248); = #f8f8f8
rgb(125, 125, 125); = #7d7d7d
body.iosDevice {background: red;}
*/

/* header {display: none;} */
#contents {padding-bottom: 0;}
.sub_content {padding: 0 !important; margin: 0 !important; box-sizing: border-box; width: 100%;}
.sub_content * {box-sizing: border-box;}
.sub_content :before {box-sizing: border-box;}
.sub_content :after {box-sizing: border-box;}
#header {z-index: 100;}
footer {position: relative; z-index: 100; /* margin-top: -132px; */ margin-top: 0 !important; background: #fff;}
#footer_wrap {background: #fff;}
.footer_top {border-top: 0;}
.scroll_wrap {z-index: 101;}
/* ―――――――――――――― section01 TOP SLIDE ―――――――――――――― */
.company_top_slide {position: relative; display: block; width: 100%; height: auto; overflow: hidden;}
.company_top_slide .image {position: relative; display: block; width: 100%;}
.company_top_slide .image img {display: block; width: 100%;}
.company_top_slide .text {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: "Lato"; font-size: 50px; font-weight: 700; letter-spacing: -0.010em; color: #fff; line-height: 1.6; text-align: center; }
.company_top_slide .text.en {font-size: 60px; line-height: 1.333;}
.company_top_slide .text span {position: relative; display: block; opacity: 0; transition: left 0.8s ease-in-out 0.8s, right 0.8s ease-in-out 0.8s, opacity 0.8s linear 0.8s;}
.company_top_slide .text span:nth-child(1) {left: -30px;}
.company_top_slide .text span:nth-child(2) {right: -30px;}
/* .company_top_slide .text span:nth-child(1) {transition-delay: 0.1s;}
.company_top_slide .text span:nth-child(2) {transition-delay: 0.3s;}
.company_top_slide .text span:nth-child(3) {transition-delay: 0.6s;}
.company_top_slide .text span:nth-child(4) {transition-delay: 0.9s;} */

/* .company_top_slide .first .text span {left: 0%; opacity: 1;}
.company_top_slide .swiper-slide-active .text span {left: 0%; opacity: 1;} */

.company_top_slide .first .text span:nth-child(1) {left: 0%; opacity: 1;}
.company_top_slide .first .text span:nth-child(2) {right: 0%; opacity: 1;}
.company_top_slide .swiper-slide-active .text span:nth-child(1) {left: 0%; opacity: 1;}
.company_top_slide .swiper-slide-active .text span:nth-child(2) {right: 0%; opacity: 1;}


.company_top_slide .swiper-pagination,
.company_top_slide .swiper-horizontal>.swiper-pagination-bullets,
.company_top_slide .swiper-pagination-bullets.swiper-pagination-horizontal {top: initial !important;bottom: 47px;line-height: 1;height: 1px;padding: 0;margin: 0;}
.company_top_slide .swiper-pagination .swiper-pagination-bullet,
.company_top_slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.company_top_slide .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {width: 49px;height: 1px;background: rgba(255,255,255,0.36);padding: 0;margin: 0;vertical-align: middle;opacity: 1;border-radius: 0;line-height: 1;}

.company_top_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.company_top_slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.company_top_slide .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}



/* ―――――――――――――― section02 ―――――――――――――― */
#section02 {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 492px; background-color: #f9f6ef; text-align: center;}
#section02 .inner {}
#section02 .inner h3 {display: block; text-align: center; font-size: 36px; font-weight: 600; color: #000; letter-spacing: -0.025em;}
#section02 .inner h3 span {display: block;}


/* ―――――――――――――― section03 ―――――――――――――― */
#section03 {position: relative; display: block; width: 100%; height: 1801px;}
#section03 > .inner {position: relative; display: block; width: 100%; height: 100%;}
#section03 .box {position: relative; display: flex; flex-wrap: wrap; width: 100%; height: 50%;}
#section03 .box .image {position: relative; width: 960px; height: 100%;}
#section03 .box1 .image img {width: 960px; height: 900px !important}


#section03 .box .text {position: relative; display: flex; align-items: center; width: calc(100% - 960px); background: #f9f6ef; padding-left: 130px;}
#section03 .box .text span {display: block; line-height: 1; font-size: 24px; font-weight: 900; letter-spacing: 0.075em; color: #000; font-family: "Lato", sans-serif; margin-bottom: 26px;}
#section03 .box .text h3 {display: block; font-weight: 700; letter-spacing: -0.025em; color: #000; font-size: 45px; line-height: 1.3;}
#section03 .box .text p {display: block; font-size: 22px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 1.636; margin-top: 28px;}


/* ―――――――――――――― section04 ―――――――――――――― */
#section04 {position: relative; width: 100%;height: auto; background: #f9f6ef;}
#section04 > .inner {position: relative; width: 100%; height: auto; margin: 0 auto; overflow: hidden;display: flex; justify-content: center;}

#swiperbox {width: 2388px;height: 1388px;padding-top: 200px; max-width: fit-content;}
#swiperbox .swiper-slide {position: relative;display: block;width: 848px;height: auto;padding: 0 118px;box-sizing: border-box;height: 525px;}
#swiperbox .swiper-slide .con {position: relative;width: 100%;height: 100%;}
#swiperbox .swiper-slide .image {/* border-radius: 50% 50% 0 0; */overflow: hidden;transition: top 0.3s ease-in-out;position: absolute;left: 0;top: 150px;}
#swiperbox .swiper-slide.swiper-slide-next .con .image {top: 0;}
#swiperbox .swiper-slide .image img {display: block;width: 100%;height: 525px;}

#swiperbox .swiper-slide .text {text-align: center; padding-top: 60px; visibility: hidden; transition: visibility 0.3s ease-in-out;}

#swiperbox .swiper-slide .text span {display: block; line-height: 1; font-size: 24px; font-weight: 900; letter-spacing: 0.075em; color: #000; font-family: "Lato", sans-serif; margin-bottom: 26px;}
#swiperbox .swiper-slide .text h3 {display: block; font-size: 50px; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.4;}
#swiperbox .swiper-slide .text p {display: block; font-size: 22px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 1.636; margin-top: 28px;}


#swiperbox .ctrl {position: absolute; left: 50%; margin-left: -451px; top: 0; display: block; width: 902px; height: 0px;}
#swiperbox a.prev {position: absolute;left: -5px;top: 500px;cursor: pointer;z-index: 1;}
#swiperbox a.next {position: absolute;right: -5px;top: 500px;cursor: pointer;z-index: 1;}


#swiperbox .text {height: 658px;visibility: visible;z-index: 99999;position: absolute;left: 50%;bottom: 0;width: 1000px;margin-left: -500px;text-align: center;z-index: 1;padding-top: 60px;}
#swiperbox .text span {display: block; line-height: 1; font-size: 24px; font-weight: 900; letter-spacing: 0.075em; color: #000; font-family: "Lato", sans-serif; margin-bottom: 26px; }
#swiperbox .text h3 {display: block;font-size: 45px;font-weight: 700;letter-spacing: -0.025em;color: #000;line-height: 1.4;}
#swiperbox .text p {display: block; font-size: 22px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 1.636; margin-top: 28px; }



/* ―――――――――――――― section05 ―――――――――――――― */
#section05 {}
#section05 > .inner {position: relative; display: flex; justify-content: center; width: 100%; height: auto; background: #efe7da; max-width: 1920px; margin: 0 auto;}
#section05 .image {position: relative;width: 1036px;height: auto;overflow:hidden;} 
/* #section05 .image img {width: 100%;height: auto;} */
#section05 .image::after {content: '';position: absolute;top: -50%;right: -37%;width: 50%;height: 200%;background: #efe7da;filter: blur(48px);pointer-events: none;z-index: 1;}

#section05Swiper .swiper-pagination,
#section05Swiper .swiper-horizontal>.swiper-pagination-bullets,
#section05Swiper .swiper-pagination-bullets.swiper-pagination-horizontal {top: initial !important;bottom: 47px;line-height: 1;height: 1px;padding: 0;margin: 0;}
#section05Swiper .swiper-pagination .swiper-pagination-bullet,
#section05Swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#section05Swiper .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {width: 49px;height: 1px;background: rgba(255,255,255,0.36);padding: 0;margin: 0;vertical-align: middle;opacity: 1;border-radius: 0;line-height: 1;}

#section05Swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
#section05Swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
#section05Swiper .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}


#section05 .text {position: relative; display: flex; align-items: center; width: calc(100% - 1036px); padding-left: 60px;}
#section05 .text div > div > span {display: block; line-height: 1; font-size: 24px; font-weight: 900; letter-spacing: 0.075em; color: #000; font-family: "Lato", sans-serif; margin-bottom: 26px; position: relative;}
#section05 .text h3 {display: block;font-size: 45px;font-weight: 700;letter-spacing: -0.025em;color: #000;line-height: 1.4;position: relative;}
#section05 .text p {display: block; font-size: 22px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 1.636; margin-top: 28px;}
#section05 .text p span {position: relative;}


/* section06 */
#section06 {background: #f9f6ef;padding: 150px 0 300px;}
#section06 > .inner {position: relative;max-width: 1300px;margin: 0 auto;padding-right: 110px;}
#section06 .con {position: relative; display: flex; width: 100%; height: auto;}

#section06 .text {position: relative;display: flex;align-items: center;width: 100%;height: 652px;padding-left: 100px;background: #fff;}
#section06 .text > div {position: relative;display: block;width: 528px;}
#section06 .text > div > div > span {display: block; line-height: 1; font-size: 24px; font-weight: 900; letter-spacing: 0.075em; color: #000; font-family: "Lato", sans-serif; margin-bottom: 26px; position: relative;}
#section06 .text h3 {display: block; font-size: 50px; font-weight: 700; letter-spacing: -0.025em; color: #000; line-height: 1.4; position: relative;}
#section06 .text p {display: block; font-size: 22px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 1.636; margin-top: 28px;}
#section06 .text p span {position: relative;}

#section06 .text > div.image {position: relative;display: block;width: calc(100% - 528px);height: 652px;}
#section06 .text > div.image img {position: absolute;width: 674px;top: 98px;}

/* @media all and (max-width: 1800px) {
    #section06 > .inner {width: 1380px; padding-right: 50px;}
    #section06 .text {padding-left: 65px;}
    #section06 .text > div {width: 500px;}

    #section06 .text > div.image {width: calc(100% - 500px);}
    #section06 .text > div.image img {width: 825px;}
}
 */
@media all and (max-width: 1500px) {
    #section06 > .inner {margin-top: -50px;}
    #section06 .text > div.image img {left: -50px;}
}

/* section07 */
#section07 {position: relative;width: 100%;height: 0px;z-index: 99;}
#section07 > .inner {position: relative;display: flex;align-items: flex-start;justify-content: center;width: 100%;background: url(../../../assets/img/company/section07.jpg)no-repeat center top / 1920px;}
#section07 > .inner .con {font-size: 0;line-height: 1;padding-left: 843px;padding-top: 344px;}
#section07 > .inner .con img {display: block;}
#section07 > .inner .con a {display: block;}
#section07 > .inner .con a:not(.logo) {margin-top: 35px;}

#section07 > .inner .slide {position: absolute;left: 0;top: 718px;display: block;width: 100%;height: 227px;background: repeat-x url(../../../assets/img/company/slide.png);animation: slide 60s linear infinite;-webkit-animation: slide 60s linear infinite;}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -6000px 0; }
}
@keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -6000px 0; }
}


/* section08 */
#section08Box {position: relative; box-sizing: border-box; visibility: visible; overflow: hidden;}
#section08Box * {box-sizing: border-box ;}


#section08-1 {position: relative;display: block;width: 100%;height: 500px;background: #f9f6ef;}
#section08-1:before {content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 1400px; background: #f9f6ef;}
#section08-1 > .inner {position: relative;max-width: 1300px;margin: 0 auto;padding-right: 110px; height: 1100px;}
#section08-1 .con {position: relative; display: flex; width: 100%; height: auto;}

#section08-1 .text {position: relative;display: flex;align-items: center;width: 100%;height: 652px;padding-left: 100px;background: #fff;}
#section08-1 .text > div {position: relative;display: block;width: 528px;}
#section08-1 .text > div > div > span {display: block; line-height: 1; font-size: 24px; font-weight: 900; letter-spacing: 0.075em; color: #000; font-family: "Lato", sans-serif; margin-bottom: 26px; position: relative;}
#section08-1 .text h3 {display: block;font-size: 45px;font-weight: 700;letter-spacing: -0.025em;color: #000;line-height: 1.4;position: relative;}
#section08-1 .text p {display: block; font-size: 22px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 1.636; margin-top: 28px;}
#section08-1 .text p span {position: relative;}

#section08-1 .text > div.image {position: relative;display: block;width: calc(100% - 528px);height: 652px;}
#section08-1 .text > div.image img {position: absolute;width: 674px;top: 98px;max-width: fit-content;}

/* @media all and (max-width: 1800px) {
    #section08-1 > .inner {width: 1380px; padding-right: 50px;}
    #section08-1 .text {padding-left: 65px;}
    #section08-1 .text > div {width: 500px;}

    #section08-1 .text > div.image {width: calc(100% - 500px);}
    #section08-1 .text > div.image img {width: 825px;}
}
 */
@media all and (max-width: 1500px) {
    #section08-1 > .inner {margin-top: -50px;}
    #section08-1 .text > div.image img {left: -50px;}
}


#section08-2 {position: absolute;display: block;width: 100%;height: 100%;top: 0;padding-top: 631px;}
#section08-2 > .inner {position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: url(../../../assets/img/company/section08.jpg)no-repeat center center / 1920px;overflow: hidden;}
#section08-2 > .inner .con {font-size: 0;line-height: 1;padding-left: 843px;/* padding-top: 344px; */}
#section08-2 > .inner .con img {display: block;}
#section08-2 > .inner .con a {display: block;}
#section08-2 > .inner .con a:not(.logo) {margin-top: 35px;}

#section08-2 > .inner .slide {position: absolute;left: 0;bottom: -43px;display: block;width: 100%;height: 227px;background: repeat-x url(../../../assets/img/company/slide.png);animation: slide 60s linear infinite;-webkit-animation: slide 60s linear infinite;}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -6000px 0; }
}
@keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -6000px 0; }
}
#section06, #section07 {display: none !important;}