#wrap{width: 100%; overflow: hidden;}

.main-tit-block{display: flex; flex-direction: column; align-items: center;}
.main-tit{font-family: 'GmarketSansMedium'; font-size: 40px; font-weight: 500; line-height: 1.4; text-transform: uppercase;}

.section__mainTopSlider{width: 100%;}
.section__mainTopSlider .mainTopSwiper{position: relative;}
.section__mainTopSlider .mainTopSwiper .swiper-slide{overflow: hidden;}
.section__mainTopSlider .mainTopSwiper .swiper-slide .slide__img{width: 100%; height: 1000px; position: relative; display: flex; flex-direction:column; align-items: center; background-size: cover; background-position: center;}
/* 첫번째 슬라이드 이미지 */
.section__mainTopSlider .mainTopSwiper .slide01 .slide__img{justify-content: flex-end; background-image: url('../img/main/slides/bg_01.png');}
.section__mainTopSlider .mainTopSwiper .slide01 .object--clouds{position: absolute; z-index: -1;}
.section__mainTopSlider .mainTopSwiper .slide01 .bg_object_01{top: 0; left: 0; width: 33.64vw; max-width: 646px;}
.section__mainTopSlider .mainTopSwiper .slide01 .bg_object_02{bottom: 0; right: 0; width: 23.22vw; max-width: 446px;}
.section__mainTopSlider .mainTopSwiper .slide01 .object--prd {max-width: 1156px; width: 100%;}
.section__mainTopSlider .mainTopSwiper .slide01 .bn_text_01{max-width: 860px; width: 100%;}
.section__mainTopSlider .mainTopSwiper .swiper-slide .object--text{position: relative; top: 100px; opacity: 0;}
/* 두번째 슬라이드 이미지 */
.section__mainTopSlider .mainTopSwiper .slide02 .slide__img{justify-content: center; background-image: url('../img/main/slides/bg_02.png')}
.section__mainTopSlider .mainTopSwiper .slide02 .bn_text_02{max-width: 783px; width: 100%;}
.section__mainTopSlider .mainTopSwiper .slide02 .cert-imgs{display: flex; flex-wrap: wrap; max-width: 540px; width: 100%;}
.section__mainTopSlider .mainTopSwiper .slide02 .cert-imgs img{width: 25%; transform: translateY(100%); opacity: 0;}
/* 세번째 슬라이드 이미지 */
.section__mainTopSlider .mainTopSwiper .slide03 .slide__img{justify-content: flex-end; background-image: url('../img/main/slides/bg_03.png');}
.section__mainTopSlider .mainTopSwiper .slide03 .bn_txt_03{max-width: 995px; width: 100%;}
.section__mainTopSlider .mainTopSwiper .slide03 .bg_object_03 {max-width: 877px; width: 100%; margin-top: 50px;}
/* 네번째 슬라이드 이미지 */
.section__mainTopSlider .mainTopSwiper .slide04 .slide__img{justify-content: flex-end; background-image: url('../img/main/slides/bg_04.png');}
.section__mainTopSlider .mainTopSwiper .slide04 .bn_txt_04{max-width: 873px; width: 100%;}
.section__mainTopSlider .mainTopSwiper .slide04 .bg_object_04 {max-width: 877px; width: 100%; margin-top: 50px;}

.section__mainTopSlider .mainTopSwiper .swiper-slide .mo{display: none;}
.section__mainTopSlider .mainTopSwiper .swiper-pagination{bottom: 40px}
.section__mainTopSlider .mainTopSwiper .swiper-pagination .swiper-pagination-bullet{}

.section__mainTopSlider .mainTopSwiper .swiper-slide.on .object--prd{}
.section__mainTopSlider .mainTopSwiper .swiper-slide.on .object--text{top: 0px; opacity: 1;}
.section__mainTopSlider .mainTopSwiper .swiper-slide.on .object--cert01{animation : slideUp 0.2s linear forwards;}
.section__mainTopSlider .mainTopSwiper .swiper-slide.on .object--cert02{animation : slideUp 0.2s 0.3s linear forwards;}
.section__mainTopSlider .mainTopSwiper .swiper-slide.on .object--cert03{animation : slideUp 0.2s 0.5s linear forwards;}
.section__mainTopSlider .mainTopSwiper .swiper-slide.on .object--cert04{animation : slideUp 0.2s 0.7s linear forwards;}

@keyframes slideUp {
    0%{
        transform: translateY(100%);
        opacity: 0;
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}


.section__best-seller{position: relative; z-index: 2;}
.section__best-seller .prd-lists{display: flex; flex-wrap: wrap;}
.section__best-seller .prd-lists li{width: 31.66%; min-height: 540px; margin-right: 2.5%; margin-top: 20px; border-radius: 30px; overflow: hidden; background: linear-gradient(179deg, #0078dd -12%, #57b3ff 100%);}
.section__best-seller .prd-lists li:last-child{margin-right: 0;}
.section__best-seller .prd-lists li a{display: flex; flex-direction: column; width: 100%; height: 100%; padding: 50px 40px; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: cover;}
.section__best-seller .prd-lists li a img{width: 30px;}
.section__best-seller .prd-lists li a p{font-family: var(--font-GmarketSansBold); font-size: 30px; font-weight: 300; line-height: 1.17; letter-spacing: -1.5px; text-align: left; color: #fff;}
.section__best-seller .prd-lists li a .more{display: inline-block; font-family: var(--font-GmarketSansLight); font-size: 11px; font-weight: 300; line-height: 1.18; text-align: left; color: #dcdcdc;}
.section__best-seller .prd-lists li.prd01 a{background-image: url('../img/main/bn_01.png');}
.section__best-seller .prd-lists li.prd02 a{background-image: url('../img/main/bn_02.png');}
.section__best-seller .prd-lists li.prd03 a{background-image: url('../img/main/bn_03.png');}



.section__tech{background-color: #131c26;}
.section__tech .tech__awards-mark{}
.section__tech .tech__awards-mark .inner{display: flex; flex-direction: column; align-items: center;}
.section__tech .tech__awards-mark .img_best {height: 300px;}
.section__tech .tech__awards-mark .hilight{}
.section__tech .tech__awards-mark .hilight p{font-family: var(--font-GmarketSansLight); font-size: 80px; font-weight: 300; line-height: 1.5; letter-spacing: -4px; text-align: center; color: #f7e182; word-break: keep-all;}
.section__tech .tech__awards-mark .hilight p b{font-family: var(--font-GmarketSansBold);}
.section__tech .tech__awards-mark .hilight p + p{margin-top: 15px;}
.section__tech .tech__awards-mark .tit{position: relative; max-width: 480px; width: 100%; padding: 12px 0 8px;}
.section__tech .tech__awards-mark .tit .line{display: block; width: 100%; height: 3px; position: absolute; background-color: #fff;}
.section__tech .tech__awards-mark .tit .line.top{top: 0; left: 0;}
.section__tech .tech__awards-mark .tit .line.bottom{bottom: 0; right: 0;}
.section__tech .tech__awards-mark .tit p{font-family: var(--font-GmarketSansMedium); font-size: 30px; font-weight: 500; line-height: 1.5; letter-spacing: -1.5px; text-align: center; color: #fff;}
.section__tech .tech__awards-mark .awards-imgs{position: relative;}
.section__tech .tech__awards-mark .awards-imgs::before{content: ""; position: absolute; bottom: 0; width: 100%; height: 240px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.6); background-color: rgba(255,255,255,.3);}
.section__tech .tech__awards-mark .awards-imgs ul{width: 100%; max-width: 1040px; display: flex; flex-wrap: wrap; position: relative; margin: auto;}
.section__tech .tech__awards-mark .awards-imgs ul li{width: 22.11%; margin-right: 3.84%;}
.section__tech .tech__awards-mark .awards-imgs ul li:last-child{margin-right: 0;}
.section__tech .tech__awards-mark .awards-imgs ul li figure{width: 100%; margin: 0; display: flex; flex-direction: column; align-items: center;}
.section__tech .tech__awards-mark .awards-imgs ul li figure img{width: 100%; max-width: 230px;}
.section__tech .tech__awards-mark .awards-imgs ul li figure figcaption{font-family: var(--font-GmarketSansMedium); font-size: 17px; font-weight: 500; line-height: 1.11; text-align: center; color: #fff; word-break: keep-all;}
.section__tech .tech__awards-list{}
.section__tech .tech__awards-list ul{width: 100%; display: flex; flex-wrap: wrap;}
.section__tech .tech__awards-list ul li{width: 23.75%; margin-right: 1.66%; margin-top: 20px;}
.section__tech .tech__awards-list ul li:nth-child(4n){margin-right: 0;}
.section__tech .tech__awards-list ul li:last-child{margin-right: 0;}
.section__tech .tech__awards-list ul li img{width: 100%;}


.section__best-review{background-color: #f7faf5;}



.section__free-demonstration{background: url('../img/main/bg_exper.png') no-repeat center/cover;}
.section__free-demonstration .inner{display: flex; flex-direction: column; align-items: center;}
.section__free-demonstration .small{font-size: 30px; font-weight: 300; line-height: 1.34; letter-spacing: -0.75px; text-align: center; color: #000;}
.section__free-demonstration .small b{position: relative; display: inline-block; padding-top: 5px;}
.section__free-demonstration .small b::before{content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 5px; height: 5px; border-radius: 50%; background-color: var(--sub-color);}
.section__free-demonstration .big{font-family: var(--font-GmarketSansLight); font-size: 80px; font-weight: 300; line-height: 1.13; letter-spacing: -4px; text-align: center; color: #000; word-break: keep-all;}
.section__free-demonstration .big b{font-family: var(--font-GmarketSansBold);}
.section__free-demonstration .free-demonstration__tel{position: relative; max-width: 560px; width: 100%; display: flex; flex-direction: column; align-items: center;}
.section__free-demonstration .free-demonstration__tel .icon_tel{position: absolute; right: 0;}
.section__free-demonstration .free-demonstration__tel span{font-family: var(--font-GmarketSansBold); font-size: 25px; font-weight: bold; letter-spacing: -1.25px; text-align: center; color: var(--sub-color);}
.section__free-demonstration .free-demonstration__tel strong{display: inline-block; font-family: var(--font-GmarketSansBold); font-size: 60px; font-weight: bold; line-height: 1.17; letter-spacing: -3px; text-align: center; color: var(--sub-color);}


.section__insta{}
.section__insta .insta{border-bottom: solid 1px #bebebe;}




@media (max-width:1024px) {
    .section__mainTopSlider .mainTopSwiper .swiper-slide .slide__img{height: 900px;}
    .section__mainTopSlider .mainTopSwiper .slide02 .bn_text_02{max-width: 680px;}
    .section__mainTopSlider .mainTopSwiper .slide03 .bn_txt_03{max-width: 700px;}
    .section__mainTopSlider .mainTopSwiper .slide04 .bn_txt_04{max-width: 700px;}

    .section__tech .tech__awards-mark .hilight p{font-size: 60px;}

    .section__free-demonstration .big{font-size: 60px;}
}

@media (max-width:769px) {
    .main-tit{font-size: 32px;}

    .section__mainTopSlider .mainTopSwiper .swiper-slide{height: initial; background-position: center; background-repeat: no-repeat; background-size: contain;}
    .section__mainTopSlider .mainTopSwiper .swiper-slide .slide__img{height: 100%; display: none;}
    .section__mainTopSlider .mainTopSwiper .swiper-slide .mo{display: block; width: 100%;}
    .section__mainTopSlider .mainTopSwiper .swiper-pagination{bottom: 20px;}

    .section__best-seller{padding: 120px 0;}
    .section__best-seller .prd-lists li{width: 100%; min-height: 440px; margin-right: 0;}

    .section__tech .tech__awards-mark{}
    .section__tech .tech__awards-mark .img_best{width: 200px;}
    .section__tech .tech__awards-mark .hilight p{font-size: 36px;}
    .section__tech .tech__awards-mark .tit p{font-size: 28px;}
    .section__tech .tech__awards-mark .awards-imgs{padding-bottom: 50px;}
    .section__tech .tech__awards-mark .awards-imgs::before{height: 62%;}

}

@media (max-width:500px) {
    .main-tit{font-size: 24px;}

    .section__best-seller .prd-lists li{min-height: 210px;}
    .section__best-seller .prd-lists li a{padding: 40px 30px;}
    .section__best-seller .prd-lists li a p{font-size: 24px;}

    .section__tech .tech__awards-mark .img_best{width: 150px;}
    .section__tech .tech__awards-mark .hilight p{font-size: 28px;}
    .section__tech .tech__awards-mark .tit{max-width: 350px; padding: 9px 0 5px;}
    .section__tech .tech__awards-mark .tit p{font-size: 20px;}
    .section__tech .tech__awards-mark .awards-imgs{margin-top: 50px; padding-bottom: 30px;}
    .section__tech .tech__awards-mark .awards-imgs::before{height: 65%;}
    .section__tech .tech__awards-mark .awards-imgs ul li{width: 48.08%;}
    .section__tech .tech__awards-mark .awards-imgs ul li:nth-child(2n){margin-right: 0;}
    .section__tech .tech__awards-mark .awards-imgs ul li figure figcaption{font-size: 14px;}
    .section__tech .tech__awards-list ul li{width: 49.17%;}
    .section__tech .tech__awards-list ul li:nth-child(4n){margin-right: 1.66%;}
    .section__tech .tech__awards-list ul li:nth-child(2n){margin-right: 0;}

    .section__free-demonstration{padding-top: 120px;}
    .section__free-demonstration .small{font-size: 20px;}
    .section__free-demonstration .big{font-size: 28px; letter-spacing: -3px;}
    .section__free-demonstration .free-demonstration__tel{max-width: 300px;}
    .section__free-demonstration .free-demonstration__tel span{font-size: 20px;}
    .section__free-demonstration .free-demonstration__tel strong{font-size: 32px; letter-spacing: -1px;}
    .section__free-demonstration .free-demonstration__tel .icon_tel{width: 50px;}
}