@charset "utf-8"; /* */

/* common */
.display_none { display: none; } 
.titleComm { font-family: 'GmarketSans'; font-size: 40px; line-height: 60px; color: #fff; } 
section[class*="block"]{overflow: hidden;}
/* visual */
.visual { width:100%; height: 100vh; background: url("/img/main/visual_bg.webp") no-repeat center /cover; } 
.visual .inner { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:68px; } 
.visual .desc { display: flex; flex-direction: column; gap:40px; align-items: center; justify-content: center; color:#fff; } 
.visual .desc > em { font-family: 'GmarketSans'; text-align: center; font-size: var(--mainTitle-size--); font-weight: 500; line-height: 90px; } 
.visual .desc > p { font-size: var(--m-default-size--); color: rgba(255, 255, 255, 60%); } 
.visual .img_box { max-width: 437px; width:100%; } 
/* block001 */
.block001 { padding:120px 0 165px; box-sizing: border-box; } 
.block001 .desc { display: flex; gap:80px; color:#fff; } 
.block001 .desc h2 { font-family: 'GmarketSans'; font-size: 140px; line-height: 140px; font-weight: 700; } 
.block001 .desc .right_box { display: flex; flex-direction: column; gap:30px; max-width: 326px; width:100%; margin:120px 0 0; } 
/* block002 */
.block002 { padding:120px 0 80px; box-sizing: border-box; background: url("/img/main/block002_bg.webp") no-repeat center /cover; } 
.block002 .inner { display: flex; gap:20px; justify-content: space-between; align-items: center;} 
.block002 .left { width:100%; max-width: 540px; } 
.block002 .left h3 { color:#fff; } 
.block002 .blck02_sw { margin:40px 0 0; } 
.block002 .blck02_sw .swiper-slide { display: flex; align-items: center; flex-direction: column; gap:40px; } 
.block002 .blck02_sw .swiper-slide > p { font-size: 18px; font-weight: 700; color:#fff; } 
.block002 .right { width:100%; max-width: 740px; overflow: hidden; } 
.block002 .right .img_box { width:100%; border-radius: 20px; overflow: hidden; } 
.block002 .right .swiper-slide { display: flex; flex-direction: column; gap:20px; } 
/* mainBnr */
.mainBnr { padding:100px 0 120px; background-color: #292929;} 
.mainBnr .content { position: relative; border-radius: 20px; background: linear-gradient(91deg, #697CCA 0%, #3A4574 100%); display: flex; align-items: center; gap:50px; padding:50px 80px; box-sizing: border-box; color: #fff; overflow: hidden; } 
.mainBnr .content h4 { font-family: 'GmarketSans'; font-size: var(--l-default-size--); line-height: 39px; font-weight: 500; word-break: keep-all;} 
.mainBnr .content p { font-size: var(--ssm-default-size--); line-height: 26px; word-break: keep-all; color:rgba(255, 255, 255, 0.7);} 
.mainBnr .content > .img_box { position: absolute; bottom:0; right:245px; } 
/* block003 */
.block003 { background: url("/img/main/block003_bg.webp") no-repeat center /cover; padding:var(--xxl-space--) 0; box-sizing: border-box; } 
.block003 .inner { display: flex; gap:20px; justify-content: space-between; } 
.block003 h3.titleComm { min-width: 380px; } 
.block003 .inquiryWrap { max-width:955px; width:100%; } 
/* swiper-button */
.swiper-button-next:after, .swiper-button-prev:after { content: none; } 


@media (max-width:1500px) { /* */
/* block001 */
.block001 .desc { gap:140px; flex-direction: column; } 

/* mainBnr */
.mainBnr .content { display: flex; align-items: center; gap:50px; padding:40px 20px 180px; box-sizing: border-box; color: #fff; overflow: hidden; } 


}

 @media (max-width:1024px) { /* */
  /* common */
.titleComm { font-size: 24px; line-height: 38px; } 
 /* visual */
.visual .inner { gap:40px; } 
.visual .desc { gap:15px; } 
.visual .desc > em { line-height: 58px; word-break: keep-all; } 
.visual .desc > p { line-height: 28px; word-break: keep-all; text-align: center; } 
.visual .img_box { max-width: 235px; width:100%; } 
/* block001 */
.block001 { padding:50px 0 60px; } 
.block001 .desc h2 { font-size: 70px; line-height: 70px; text-align: center; word-break: keep-all; } 
.block001 .desc .right_box { align-items: center; gap:25px; max-width: initial; width:100%; word-break: keep-all; text-align: center; line-height: 38px; margin:0;} 
/* block002 */
.block002 { padding:60px 0; background: url("/img/main/block002_bg_mo.webp") no-repeat center /cover;  } 
.block002 .inner { flex-direction: column; gap:40px; } 
.block002 .left { max-width: initial; } 
.block002 .left h3 { text-align: center;} 
.block002 .blck02_sw { margin:30px 0 0; } 
.block002 .blck02_sw .swiper-slide {gap:30px; } 
.block002 .right { max-width: initial; } 
.block002 .right .img_box { display: none;} 
.block002 .right .swiper-slide { align-items: center; } 
.block002 .sw_function{position: relative; bottom:17px;}
.block002 .sw_function img{width:32px; height: 32px;}
/* mainBnr */
.mainBnr { padding:60px 0px;} 
.mainBnr .content{flex-direction: column; align-items: center; gap:20px;}
.mainBnr .content h4 {line-height: 30px; text-align: center;} 
.mainBnr .content p { line-height: 25px; text-align: center; } 
.mainBnr .content > .img_box { position: absolute; bottom:0; right:calc(50% - 250px);; transform: translateX(-50%); max-width: 250px; width:100%;} 
/* block003 */

.block003 .inner {flex-direction: column; gap:30px; align-items: center;} 
.block003 h3.titleComm { min-width: initial; text-align: center;} 
}