/* section1 */
.sec1 .inner{height:100%;}
.sec1 .bannerList{position:relative;height:100vh;overflow:hidden;}
.sec1 .bannerList li{transition:all 0.4s ease;position:absolute;left:0;right:0;top:0;bottom:0;background: no-repeat bottom center;background-size:100vw; }
.sec1 .bannerList .banner1{background-image:url('/img/banner_bg1.png');background-color:var(--bg1, #BFA5A3);}
.sec1 .bannerList .banner2{background-image:url('/img/banner_bg2.png');background-color:var(--bg2, #FFBF4F);}
.sec1 .bannerList .banner3{background-image:url('/img/banner_bg3.png');background-color:var(--bg3, #6BBAA3);}
.sec1 .bannerList .txtArea{position:absolute;top:20%;left:0;right:0}
.sec1 .bannerList h2{font-size:6rem;font-weight:700;font-family:'GmarketSans';color:var(--white, #fff);line-height:7rem;text-shadow:0 3px 5px rgba(0,0,0,0.5);padding-bottom:1rem;}
.sec1 .bannerList h3{font-size:2.4rem;line-height:3.5rem;color:var(--white, #fff);margin-bottom:3rem; }
.sec1 .bannerList strong{font-size:3rem;font-family:'GmarketSans';font-weight:700;color:#fff; }
/* section common */
.secCommon{background-color:var(--white, #fff); }
.secCommon .btnArea{padding-top:4.6rem;}
.sec2 .serviceList li{margin-left:3rem;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;width:48.4rem;height:63.7rem;border-radius:3rem;overflow:hidden;padding:5.3rem 0 5.3rem 5.8rem;text-align:left;color:var(--white, #fff); }
.sec2 .serviceList li::after{position:absolute;content:"";left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2) ; }
.sec2 .serviceList .textArea{position:relative;z-index:1;}
.sec2 .serviceList .title{text-shadow: 0px 3px 6px #00000029;font-size:4.2rem;font-weight:700;margin-bottom:2rem; }
.sec2 .serviceList .info{font-size:2.8rem;line-height:4rem;}
.sec2 .serviceList .btnArea{position:absolute;z-index:1; bottom:5.3rem;left:5.8rem;margin-bottom:0;}
.sec2 .serviceList .btnArea a{font-size:2.7rem;}
.sec2 .serviceList .btnArea img{width:1rem;}
/* section3 */
.sec3{padding-bottom:14rem;border-bottom:1px solid var(--gray2, #ACA9BB);}
.sec3 .vesionList{display:flex;flex-wrap:wrap;background-repeat:no-repeat;background-position:center;margin-bottom:14rem;}
.sec3 .vesionList li{background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;width:50%;height:50vw;display:flex; align-items:center;justify-content:center; }
.sec3 .vesionList li::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.2); }
.sec3 .vesionList .title{position:relative;z-index:1;font-weight:700;font-family:'GmarketSans';color:var(--white, #fff);font-size:5rem;line-height:7rem; }
.sec3 .infoArea li{position:relative;margin-bottom:6rem;}
.sec3 .infoArea li:last-of-type{margin-bottom:0;}
.sec3 .infoArea .textArea{position:relative;z-index:1; }
.sec3 .infoArea .title{font-family:'gmarketsans';font-weight:700;color:var(--gray1, #787586);font-size:3.5rem;line-height:5rem;margin-bottom:1rem;}
.sec3 .infoArea .info{color:var(--gray1, #787586);font-size:2.4rem;line-height:5rem; }
.sec3 .infoArea .imgArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:10%;height:100%;}
.sec3 .infoArea .imgArea img{height:100%;}
/* section4 */
.sec4{padding-bottom:12.8rem;}
.sec4 h2{margin-bottom:6rem; }
/* section5 */
.sec5{background: url('/img/sec5_bg.png') no-repeat center;background-size:cover;text-align:right}
.sec5 .imgArea{position: absolute;left:-40%;top:0;height:100%; }
.sec5 .imgArea img{height:100%;}
.sec5 .textArea{padding:5rem 0;display:inline-flex;text-align:left;flex-direction:column;width:55%;  }
.sec5 .textArea strong{font-size:3rem;font-family:'GmarketSans';font-weight:200;color:var(--title, #03367B);text-align:left; }
.sec5 .textArea h3{font-size:8rem;font-weight:700;font-family:'GmarketSans';color:var(--title, #03367B);margin-bottom:1rem;}
.sec5 .textArea .info{font-size:2.4rem;color: var(--gray1, #787586);line-height:3rem;margin-bottom:7.7rem;}
.sec5 .textArea a{display:inline-block;}
/* section6 */
.sec6{background: url('/img/sec6_bg.png') no-repeat top center;background-size:cover;padding:38.8rem 0 6.6rem;}
.sec6 .btnArea a{display:inline-block; width:100%;height:9.8rem;border-radius:0.5rem;font-family:'GmarketSans';font-size:3rem;line-height:9.8rem;font-weight:700;}
.sec6 .btnArea .projectQ{color:var(--highlight, #284ADE);border:0.5rem solid var(--highlight, #284ADE);margin-bottom:1rem;}
.sec6 .btnArea .businessPre{background-color:var(--highlight, #284ADE);color:var(--white, #fff);}
/*  �º��� */
@media all and (min-width:720px){
    /* section1 */
    .sec1 .bannerList li{background-size:contain;}    
    /* section3 */
    .sec3 .vesionList li{width:25%;height:25vw;}
    .sec3 .infoArea li{display:flex;justify-content:space-between;text-align:left;align-items:center; }
    .sec3 .infoArea .textArea{width:75%;}
    .sec3 .infoArea .imgArea{position:static;transform:translate(0,0);opacity:100%;width:20%;}
    /* section5 */
    .sec5 .imgArea{left:0}
    /* section6 */
    .sec6{padding-top:60rem; background-image:url('/img/sec6_bg_pc.png');}
}
/* pc */
@media all and (min-width:1280px){
    .wrapper .basicBtn{padding:20px 40px;border-radius:10px;font-size:21px;}    
    /* section1 */
    .sec1 .inner{max-width:1670px;padding:0 10px;}
    .sec1 .bannerList .txtArea{top:50%;transform:translateY(-50%);}
    .sec1 .bannerList .banner1{background-image:url('/img/banner_bg1_pc.png');}
    .sec1 .bannerList .banner2{background-image:url('/img/banner_bg2_pc.png');}
    .sec1 .bannerList .banner3{background-image:url('/img/banner_bg3_pc.png');}
    .sec1 .bannerList .banner1 .txtArea,
    .sec1 .bannerList .banner3 .txtArea{text-align:right;}
    .sec1 .bannerList .banner2 .txtArea{text-align:left;}
    .sec1 .bannerList h2{font-size:80px;line-height:92px;margin-bottom:100px;}
    .sec1 .bannerList h3{font-size:32px;line-height:46px;margin-bottom:50px;}
    .sec1 .bannerList strong{font-size:40px;}
    /* section common */
    .secCommon{padding-top:150px;}
    .secCommon .btnArea{padding-top:20px}
    /* section2 */
    .sec2 .inner{display:flex;justify-content:space-between; }
    .sec2 .textArea{text-align:left;position:relative;width:446px;}
    .sec2 .textArea .textFixed{position:absolute;}
    .sec2 .approached .textFixed{position:fixed}
    .sec2 .serviceList.pc{display:flex;flex-wrap:wrap;width:714px; }
    .sec2 .serviceList li{-webkit-transition: all 1s ease;transition: all 1s ease;position:relative;top:500px; opacity:0;margin-left:30px;width:342px;height:450px;border-radius:20px;padding:38px 0 38px 40px;margin-bottom:34px;}
    .sec2 .serviceList li:nth-of-type(2n-1){margin-left:0;}
    .sec2 .serviceList li:nth-of-type(2n){position:relative;transform:translateY(50px);}
    .sec2 .serviceList li.slidein{top:0;opacity:1;}
    .sec2 .serviceList .title{font-size:30px;margin-bottom:13px}
    .sec2 .serviceList .info{font-size:19px;line-height:28px;width:280px;}
    .sec2 .serviceList .btnArea{bottom:39px;left:40px}
    .sec2 .serviceList .btnArea a{font-size:18px;}
    .sec2 .serviceList .btnArea img{width:14px;}
    /* section3 */
    .sec3{padding-bottom:165px}
    .sec3 h2{margin-bottom:86px;}
    .sec3 .vesionList{max-width:1200px;margin:0 auto 100px;}
    .sec3 .vesionList li{width:300px;height:300px;}
    .sec3 .vesionList .title{font-size:41px;line-height:57px}
    .sec3 .infoArea li{margin-bottom:74px;}
    .sec3 .infoArea .textArea{width:468px;}
    .sec3 .infoArea .title{font-size:35px;line-height:50px;margin-bottom:20px;}
    .sec3 .infoArea .info{font-size:16px;line-height:24px;}
    .sec3 .infoArea .imgArea{margin-right:107px;width:215px;}
    /* section4 */
    .sec4 h2{margin-bottom:56px;}
    /* section5 */
    .sec5 .imgArea{left:0}
    .sec5 .textArea{padding:126px 0 145px;width:422px;}
    .sec5 .textArea strong{font-size:40px;margin-bottom:10px;}
    .sec5 .textArea h3{font-size:100px;margin-bottom:28px;}
    .sec5 .textArea .info{font-size:24px;line-height:43px;margin-bottom:26px}
    .sec5 .textArea a{border-radius:0;padding:25px 85px;font-size:32px; }
    /* section6 */
    .sec6{padding:492px 0 66px;background-color:#F1F1EC;background-size:contain;background-position:top center;}
    .sec6 .btnArea{display:flex;justify-content:space-between}
    .sec6 .btnArea a{width:49%;height:70px;border-radius:5px;font-size:22px;line-height:70px}
    .sec6 .btnArea .projectQ{border-width:3px;margin-bottom:0}
 
}
@media all and (min-width:1800px){
    .sec1 .inner{padding:0;}   
    
}