.wrap{width: 100%;}
.inner{max-width: 1400px; width: 95%; margin: auto;}

.title{font-family: 'GmarketSansBold'; font-size: 50px; text-align: left; color: #000; text-transform: uppercase;}
.title-explanation{font-size: 20px; text-align: left; color: #000; word-break: keep-all;}

.moreBtn{display: flex; align-items: center;}
.moreBtn span{font-family: 'GmarketSansMedium'; font-size: 16px; text-align: left; color: #9d99aa;}
.moreBtn img{margin-left: 12px;}

/* ============================================================================================================================================================ */
.main__section01{}
.main__section01 .main__swiper{position: relative;}
.main__section01 .swiper-slide{height: 1080px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main__section01 .slide01{background-image: url('../img/main/visual_01.png');}
.main__section01 .slide02{background-image: url('../img/main/visual_02.png');}
.main__section01 .main__swiper .inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.main__section01 .main__swiper .inner .main__txt h1{font-family: 'GmarketSansBold'; font-size: 60px; font-weight: bold; text-align: left; color: #fff; line-height: 1.1;}
.main__section01 .main__swiper .inner .main__txt p{font-size: 20px; font-weight: 300; letter-spacing: -0.5px; text-align: left; color: #fff; word-break: keep-all;}
.main__section01 .progress-block{display: flex; align-items: center;}
.main__section01 .progress-block .pageNum{margin-left: 30px; font-family: 'GmarketSansLight'; font-weight: 300; font-size: 14px; font-weight: 300; letter-spacing: 0.35px; text-align: left; color: #fff;}
.main__section01 .progress-block .pageNum span{font-family: 'GmarketSansBold'; font-weight: 700;}
.main__section01 .progress-block .pro-bar-wrap{width: 140px; height: 3px; background: rgba(255,255,255,.2);}
.main__section01 .progress-block .pro-bar{bottom:0; left:0; width:0; height:100%; background: #fff;}
.main__section01 .progress-block .progress-btns{margin-left: 28px; display: flex;}
.main__section01 .progress-block .progress-btns button{display: flex; background-color: transparent; border: 0; align-items: center;}
.pro-ani{animation-name: proBar; animation-duration:4s; animation-iteration-count: 1; animation-timing-function: ease-in-out; width:100%;}

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}

.main__section01 .arrow-btns{display: flex;}
.main__section01 .arrow-btns .arrow-btn{width: 60px; height: 60px; cursor: pointer; background-color: transparent; border: 0;}
.main__section01 .arrow-btns .btn--prev{}
.main__section01 .arrow-btns .btn--next{margin-left: 10px;}

.main__section01 .scroll-block{display: flex; flex-direction: column; align-items: center; position: absolute; left: 42px; bottom:40px; z-index: 1; cursor: all-scroll;}
.main__section01 .scroll-block span{font-size: 12px; font-weight: 500; text-align: left; color: #fff; writing-mode: vertical-lr; transform: rotate(-180deg); text-transform: uppercase;}



.main__section02{}
.main__section02 .inner{}
.main__section02 .inner .section__top{}
.main__section02 .inner .section__top .title{width: 420px; color: #c4bebb;}
.main__section02 .inner .section__top .explanation{width: calc(100% - 420px - 4.28%); margin-left: 4.28%;}
.main__section02 .inner .section__bottom ul{display: flex;}
.main__section02 .inner .section__bottom ul li.pdt-menu{width: 31.42%; height: 640px;}
.main__section02 .inner .section__bottom ul li.pdt-menu + li.pdt-menu{margin-left: 2.85%;}
.main__section02 .inner .section__bottom ul li.pdt-menu a{display: flex; align-items: flex-end; height: 100%; position: relative; overflow:hidden ; transition: all .5s;}
.main__section02 .inner .section__bottom ul li.pdt-menu a>img{position: absolute; transition: all .5s;}
.main__section02 .inner .section__bottom ul li.pdt-menu a:hover>img{transform: scale(1.2);}
.main__section02 .inner .section__bottom ul li.pdt-menu a .text-block{width: 86.36%; padding: 40px 40px 0 0; display: flex; justify-content: space-between; align-items: flex-end; position: relative; z-index: 1; background-color: #fff; transition: all .5s;}
.main__section02 .inner .section__bottom ul li.pdt-menu a .text-block h3{font-family: 'GmarketSansBold'; font-size: 30px; text-align: left; color: #000; text-transform: uppercase;}
.main__section02 .inner .section__bottom ul li.pdt-menu a:hover::after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); transition: all .5s;}
.main__section02 .inner .section__bottom ul li.pdt-menu a:hover .text-block{padding: 40px 40px 40px 0;}


.main__section03{background: url('../img/main/bg_core.png') no-repeat center; background-size: cover;}
.main__section03 .inner{display: flex; flex-direction: column; align-items: center;}
.main__section03 .title{padding: 0 20px; text-align: center;}
.main__section03 .title-explanation{padding: 0 20px; text-align: center;}
.fields-block-auto{width: 100%; max-width:1400px; overflow-x: auto;}
.main__section03 .fields-block{position: relative; width: 1400px; height: 380px;}
.main__section03 .fields-block .field{width: 380px; height: 380px; padding: 85px; display: flex; flex-direction: column; align-items: center; border: solid 2px #fff; box-sizing: border-box; border-radius: 50%; position: absolute;}
.main__section03 .fields-block .field .num{font-family: 'GmarketSansMedium'; font-size: 30px; text-align: center; color: #fff;}
.main__section03 .fields-block .field strong{display: inline-block; margin-top: 50px; font-family: 'GmarketSansBold'; font-size: 40px; text-align: center; color: #fff;}
.main__section03 .fields-block .field .en{display: inline-block; margin-top: 5px; font-family: 'GmarketSansMedium'; font-size: 20px; font-weight: 500; text-align: center; color: #fff;}
.main__section03 .fields-block .field.field01{left: 0;}
.main__section03 .fields-block .field.field02{left: 340px;}
.main__section03 .fields-block .field.field03{right: 340px;}
.main__section03 .fields-block .field.field04{right: 0;}
.main__section03 .fields-block .field.field04 h3{margin-top: 21px;}


.main__section04{background: url('../img/main/bg_pr.png') no-repeat center; background-size: cover;}
.main__section04 .logo{max-width: 118px; width: 100%;}
.main__section04 .logo img{width: 100%;}
.main__section04 h2{font-family: 'GmarketSansMedium'; font-size: 60px; line-height: 1.1; letter-spacing: normal; text-align: left;color: #fff;}
.main__section04 p{font-family: 'pretendard'; font-size: 20px; font-weight: 300; line-height: 1.5; letter-spacing: -0.5px; text-align: left; color: #fff; word-break: keep-all;}
.main__section04 a{display: flex; align-items: center; justify-content: center; max-width:260px; width: 100%; padding: 20px; border: solid 1px #fff; box-sizing: border-box;}
.main__section04 a span{font-family: 'GmarketSansMedium'; font-size: 16px; text-align: left; color: #fff;}
.main__section04 a img{margin-left: 12px;}
.main__section04 a .hover{display: none;}
.main__section04 a:hover{background-color: #fff; transition: all .3s;}
.main__section04 a:hover span{color: #9d99aa;}
.main__section04 a:hover .hover{display: block;}
.main__section04 a:hover .default{display: none;}


.main__section05{background-color: #f7f5fa;}
.main__section05 .inner .section__right{margin-left: 10.71%; width: 65.71%;}


@media (max-width:1440px){
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block{width: 94.36%; flex-direction: column; align-items: flex-start;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block img{margin-top: 10px;}
}

@media (max-width:1280px){
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block h3{font-size: 24px;}
    .main__section03 .fields-block{width: 1200px;}
    .main__section03 .fields-block .field{width: 330px; height: 330px; padding: 75px 25px;}
    .main__section03 .fields-block .field.field02{left: 290px;}
    .main__section03 .fields-block .field.field03{right: 290px;}
    .main__section03 .fields-block .field .num{font-size: 28px;}
    .main__section03 .fields-block .field strong{margin-top: 40px; font-size: 32px;}
}

@media (max-width:1024px){
    .main__section02 .inner .section__top{flex-direction: column;}
    .main__section02 .inner .section__top .explanation{margin-left: 0; width: 100%; margin-top: 60px;}
    .main__section02 .inner .section__bottom ul li.pdt-menu{height: 540px;}

    .main__section04 .inner{flex-direction: column;}
    .main__section04 .section__right{margin-left: 0; width: 100%; padding-top: 0px; margin-top: 60px;}

    .main__section06 .inner{flex-direction: column;}
    .main__section06 .inner .section__right{margin-left: 0; width: 100%; margin-top: 60px;}
}

@media (max-width:769px){
    .title{font-size: 36px;}

    .main__section01 .swiper-slide{height: 650px;}
    .main__section01 .main__swiper .inner .main__txt h1{font-size: 32px;}
    .main__section01 .main__swiper .inner .main__txt p{font-size: 18px;}
    .main__section01 .progress-block{margin-top: 35px;}
    .main__section01 .arrow-btns{margin-top: 35px;}
    .main__section01 .arrow-btns .arrow-btn{width: 50px; height: 50px;}
    .main__section01 .arrow-btns .arrow-btn img{width: 100%;}
    .main__section01 .scroll-block{left: 50%; transform: translateX(-50%); bottom: 20px;}
    .main__section01 .scroll-block span{writing-mode:initial; transform:initial}
    .main__section01 .scroll-block img{margin-top: 5px;}

    .main__section02 .inner .section__top .explanation{margin-top: 35px;}
    .main__section02 .inner .section__bottom{margin-top: 60px;} 
    .main__section02 .inner .section__bottom ul li.pdt-menu{height: 450px;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a>img{display: none;}
    .main__section02 .inner .section__bottom ul li.pdt-menu.menu01 a{background: url('../img/main/product_01.png') no-repeat center; background-size: cover;}
    .main__section02 .inner .section__bottom ul li.pdt-menu.menu02 a{background: url('../img/main/product_02.png') no-repeat center; background-size: cover;}
    .main__section02 .inner .section__bottom ul li.pdt-menu.menu03 a{background: url('../img/main/product_03.png') no-repeat center; background-size: cover;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a:hover::after{display: none;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block{padding: 20px 20px 0 0;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a:hover .text-block{padding: 20px 20px 0 0;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block h3{font-size: 18px;}

    .main__section03{padding: 120px 0;}
    .main__section03 .fields-block{width: 780px; height: 280px;}
    .main__section03 .fields-block .field{width: 225px; height: 225px; padding: 0; justify-content: center;}
    .main__section03 .fields-block .field.field02{left: 185px;}
    .main__section03 .fields-block .field.field03{right: 185px;}
    .main__section03 .fields-block .field .num{font-size: 20px;}
    .main__section03 .fields-block .field strong{margin-top: 15px; font-size: 22px;}
    .main__section03 .fields-block .field .en{font-size:16px}

    .main__section04{padding: 120px 0;}
    .main__section04 h2{font-size: 36px;}

    .main__section05 .inner{flex-direction: column;}
    .main__section05 .inner .section__right{width: 100%; margin-left: 0; margin-top: 50px;}
}

@media (max-width:500px){
    .title{font-size: 20px;}
    .title-explanation{font-size: 16px;}
    .title-explanation br{display: none;}
    .verLine{height: 45px;}

    .main__section01{height:calc(var(--vh, 1vh) * 100)}
    .main__section01 .swiper-slide{height:calc(var(--vh, 1vh) * 100)}
    .main__section01 .main__swiper .inner .main__txt h1{font-size: 20px;}
    .main__section01 .main__swiper .inner .main__txt p{font-size: 16px;}
    .main__section01 .progress-block{margin-top: 25px;}
    .main__section01 .swiper-arrow{margin-top: 20px;}
    .main__section01 .swiper-arrow .arrow{width: 35px; height: 35px;}

    .main__section02{padding: 100px 0;}
    .main__section02 .inner .section__top .explanation{margin-top: 15px;}
    .main__section02 .inner .section__top .moreBtn{margin-top: 25px; display: inline-flex;}
    .main__section02 .inner .section__bottom{margin-top: 35px;}
    .main__section02 .inner .section__bottom ul{flex-direction: column;}
    .main__section02 .inner .section__bottom ul li.pdt-menu{height: 265px; width: 100%;}
    .main__section02 .inner .section__bottom ul li.pdt-menu + li.pdt-menu{margin-left: 0; margin-top: 10px;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block{flex-direction: row; justify-content: space-between;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block h3{font-size: 16px;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block h3 br{display: none;}
    .main__section02 .inner .section__bottom ul li.pdt-menu a .text-block h3 span{display: none;}

    .main__section03{padding: 100px 0 50px;}
    .main__section03 .verLine{margin-top: 25px;}
    .main__section03 .fields-block{width: 660px; height: 240px;}
    .main__section03 .fields-block .field{width: 195px; height: 195px;}
    .main__section03 .fields-block .field.field02{left: 155px}
    .main__section03 .fields-block .field.field03{right: 155px}    
    .main__section03 .fields-block .field .num{font-size: 18px;}
    .main__section03 .fields-block .field strong{font-size: 18px;}

    .main__section04{padding: 100px 0;}
    .main__section04 .logo{width: 50px;}
    .main__section04 h2{font-size: 20px;}
    .main__section04 p{font-size: 16px;}
    .main__section04 p br{display: none;}
    .main__section04 a{max-width: 235px; padding: 15px;}
    .main__section04 a img{width: 35px;}

    .main__section05{padding: 100px 0;}
    .main__section05 .inner .section__right{margin-top: 45px;}
    .main__section05 .pic_li_lt li a{padding: 25px 30px;}
    .main__section05 .pic_li_lt li a h5{font-size: 18px;}
    .main__section05 .pic_li_lt li a p{font-size: 16px;}
}