@charset "UTF-8";
.txt-blue{color: var(--color-blue);}
.txt-orange{color: var(--color-orange);}
.txt-navy{color: var(--color-navy);}
.pc-ver{display: block !important;}
.pad-ver{display: none !important;}
.mobile-ver{display: none !important;}


/* topImg */
.top-cont{height: 290px;}
#topImg{height: 100%; padding-top: 60px; position: relative; overflow: hidden;}
#topImg::after{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: no-repeat 50% / cover;}
.topImg-txt{margin-top: 58px;text-align: center;position: relative;z-index: 1;}
.topImg-txt h2{color: #fff; font-size: 34px; font-weight: 900;}
.topImg-txt p{opacity: .5; color: #fff; font-size: 20px;}
#topImg.topImg01{background: var(--color-blue);}
#topImg.topImg01::after{width: 806px;height: 511px;background-image: url(/resources/dist/img/user/topImg01.png);}
#topImg.topImg02{background: var(--color-orange);}
#topImg.topImg02::after{width: 898px;height: 498px;background-image: url(/resources/dist/img/user/topImg02.png);}
#topImg.topImg03{background: var(--color-navy);}
#topImg.topImg03::after{width: 806px;height: 511px;background-image: url(/resources/dist/img/user/topImg03.png);}
#topImg.topImg04{background: var(--color-orange);}


.container{margin-top: -40px; min-height: 100vh; border-radius: 40px 40px 0 0; background-color: #fff; position: relative; overflow-x: hidden;}


/* business */
.sect-tit.type02{position: relative; padding-top: 114px; z-index: 1;}
.sect-tit.type02::after{content: '';position: absolute;top: 20px;right: -55px;background: no-repeat 50% / cover;background-image: url(/resources/dist/img/user/sect02-tit_img.svg);width: 472px;height: 415px;z-index: -1;}
.sect-tit.type02 h2 {color: #000;font-size: 120px;font-weight: 700;opacity: 0.1;} 
.sect-slide{margin-top: 80px;padding-bottom: 130px;}
.sect-slide__tit{flex: none; margin-right: 95px;}
.sect-slide__tit .t {font-size: 36px; font-weight: 500;} 
.sect-slide__tit .t b { font-size: 48px; font-weight: 700; } 
.sect-slide__tit .b { color: #A8A8A8; font-size: 20px; font-weight: 500; margin-top: 10px; font-family: 'Noto Sans KR', sans-serif; } 
.sect-slide__cont > ul > li{width: 360px; height: 360px;}
.sect-slide__cont > ul > li:not(:last-child){margin-right: 30px;}
.sect-slide__cont .swiper-box{ background: no-repeat 50% / cover; width: 100%; height: 100%;  border-radius: 15px; border: 1px solid #E9E9E9; background: #FFF; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); padding: 20px 30px 45px;} 
.sect-slide__cont .biz-img{background: no-repeat 50% / cover; width: 115px; height: 115px;}
.sect-slide__wrap {flex: 1;width: 1800px;margin: -20px;} 
.sect-slide__cont {width: 100%;padding: 20px;} 
.sect-slide .swiper-control{margin-top: 65px;display: flex;justify-content: left;align-items: center;position: relative;z-index: 1;}
.sect-slide .swiper-control .swiper-btn{width: 60px; height: 60px; background: no-repeat 50% / cover; background-image: url(/resources/dist/img/cmn/swiper-btn.svg);}
.sect-slide .swiper-control .swiper-btn + .swiper-btn{margin-left: 10px;}
.sect-slide .swiper-control .swiper-btn.swiper-next{transform: rotate(180deg);}
.biz-cont .tit{margin-top: 25px; color: #23354E; font-size: 24px; font-weight: 900;}
.biz-cont p{color: #A8A8A8; font-size: 16px; font-weight: 400; margin-top: 20px; line-height: 1.8;}
.visual{height: 600px;}
.visual-wrap{height: 100%; position: relative;}
.visual-wrap .inner{height: 100%;max-width: calc(1020px + 80px);}
.visual-tit{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.visual-bg{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.visual-img {position: relative; z-index: 2; font-size: 0;}
.visual.right .flex-c-space{flex-direction: row-reverse;}
.visual.right .visual-bg{right: auto; left: 0;}
.visual-tit .eng-txt{font-size: 24px; font-weight: 500; line-height: 2.7;}
.visual-tit h3{font-size: 40px; font-weight: 900;}
.visual-tit p{font-size: 16px; color: #A8A8A8; line-height: 1.8; margin-top: 20px;}
.business .visual.left{background-color: #D6E0EE;}
.business .visual.right{background-color: #E7EDF6;}
.visual-tit {opacity: 0;}
.visual-tit.fadeInLeft {animation: fadeInLeft 1s cubic-bezier(.39,.575,.565,1.000) both;}
.visual-tit.fadeInRight {animation: fadeInRight 1s cubic-bezier(.39,.575,.565,1.000) both;}
.visual01 .visual-tit {animation-delay: .1s;}
.visual02 .visual-tit {animation-delay: .2s;}
.visual03 .visual-tit {animation-delay: .3s;}
.visual04 .visual-tit {animation-delay: .4s;}
.visual05 .visual-tit {animation-delay: .5s;}
.visual06 .visual-tit {animation-delay: .6s;}
.sect-video .free-tit.fadeInUp{animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both;}
.sect-video .free-bt.fadeInUp{animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .1s;}
.sect-video .com-btn.fadeInUp{animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .2s;}

@keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
      transform: translateX(-100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
      transform: translateX(100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
  
.fadeInLeft{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeInRight{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.sect-video{height: 750px; position: relative;}
.sect-video .video-wrap{position: relative; height: 100%;}
.sect-video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.sect-video .video-wrap:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .75;}
.sect-video .video-txt{position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.sect-video .video-txt .free-tit{display: flex; justify-content: center;  text-align: center;}
.sect-video .video-txt .free-tit p{font-size: 40px; }
.sect-video .video-txt .free-tit p:not(:last-child){margin-right: 25px;}
.sect-video .video-txt .free-bt{color: #979999;  text-align: center; font-size: 24px; font-weight: 300; margin-top: 11px;}
.sect-video .video-txt::before{content: ''; position: absolute;top: -10px; left: 50%; transform: translateX(-50%); width: 167px; height: 167px; border-radius: 50%; opacity: 0.25; filter: blur(50px); z-index: -1;}
.com-btn{display: flex; justify-content: center; align-items: center; max-width: 430px; width: 100%; margin: 0 auto; margin-top: 35px;}
.com-btn .btn{flex: 1;width: 100%;height: 60px;border-radius: 100px;color: #fff;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;font-size: 18px;font-weight: 700;transition: .4s;}
.com-btn .btn:hover{opacity: .7;}
.com-btn .btn::after { content: ''; border-radius: 50%; filter: blur(10px); position: absolute; bottom: -10px; left: 0; width: 100%; height: 14px; } 
.business .sect-video .video-txt::before{background: var(--color-blue);}
.business .com-btn .btn{border: 1px solid rgba(68, 143, 247, 0.25);background: #151515;}
.business .com-btn .btn::after{border: 1px solid rgba(68, 143, 247, 0.25); background: var(--color-blue);}
.visual-icon { position: absolute; bottom: -22px; left: -47px; z-index: 11; } 
.visual-img__wrap { position: relative; } 
.video-txt .pc-ver{display: block;}
.video-txt .pad-ver{display: none;}


/* customer */
.customer .sect-tit.type02::after{background-image: url(/resources/dist/img/user/sect03-tit_img.svg); width: 490px; height: 365px; top: 80px;}
.customer .sect-slide__cont > ul > li{width: 760px;}
.customer .swiper-box{padding: 40px 30px 0;text-align: center;}
.customer .cus-tit{color: #000;font-size: 28px;font-weight: 400;line-height: 1.8;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #F3F3F3;}
.customer .cus-tit .txt-orange{background-color: #FDEFE9; padding: 5px 10px; font-weight: 900;}
.customer .cus-cont__tit{margin-bottom: 20px;}
.customer .cus-cont__tit b{color: #000; font-size: 24px; font-weight: 900;}
.customer .cus-cont p{color: #A8A8A8; font-size: 16px; font-weight: 400; line-height: 1.8;}
.customer .cus-cont ul li{font-size: 22px; line-height: 2;}
.customer .cus-cont ul li b{font-size: 24px; font-weight: 900; margin-right: 10px;}
.customer .visual.left{background-color: #FDEFE9;}
.customer .visual.right{background-color: #FEF7F4;}
.customer .visual .visual-img__wrap{bottom: -10px;}
.customer .visual.visual01 .visual-img__wrap{bottom: -30px;}
.customer .visual.visual02 .visual-img__wrap{bottom: auto;}
.customer .visual.visual04 .visual-img__wrap{bottom: -25px;}
.customer .visual.visual05 .visual-img__wrap{bottom: -25px;}
.customer .visual.visual06 .visual-img__wrap {bottom: auto; top: -10px;}
.customer .sect-video .video-txt::before{background: var(--color-orange);}



/* request */
.request-form {margin-top: 93px;}
.agreement-sec {margin-top: 13px; margin-bottom: 63px}
.request-form .inner, .agreement-sec .inner {max-width: calc(670px + 80px); padding-top: 50px;}
.request-form .request-top {border-radius: 20px; text-align: center; background-color: rgba(35, 53, 78, 0.1); padding: 25px 0 20px;  color: #23354E; margin-bottom: 50px;}
.request-form .request-top h2 {font-size: 20px; font-weight: 700; line-height: 1.5;}
.request-form .request-top p {font-size: 16px;}
.request-form {/*margin-top: 93px;*/ margin-bottom: 100px;}
.request-form .formBox { max-width: 670px; width: 100%; margin: 0 auto; }
.request-list .request-tit {display: flex;justify-content: left;text-align: left;margin-bottom: 15px;font-size: 1.125rem;font-weight: 700;font-family: 'Noto Sans KR', sans-serif;}
.request-list .request-tit .required { color: #DD3D49; font-size: 18px; width: 15px; }
.request-list > li { margin-bottom: 30px; }
.request-form .request-cont input {height: 60px;background-color: #F6F6F6;border-radius: 10px;font-size: 1.125rem;padding: 20px;border: 0;box-shadow: none; font-family: 'Noto Sans KR', sans-serif;}
.request-form .request-cont textarea {background-color: #F6F6F6;border-radius: 10px;padding: 20px;min-height: 180px;font-size: 18px;}
.btn_confirm .btn { width: 100%; height: 60px; border-radius: 10px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; font-family: 'Noto Sans KR', sans-serif;}
.btn_agree .btn { width: 100%; height: 60px; border-radius: 10px; background-color: var(--color-orange); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; font-family: 'Noto Sans KR', sans-serif;}
.request-form .request-cont select {width: 100%;height: 60px;background-color: #F6F6F6;border-radius: 10px;font-size: 1.125rem;padding: 0 20px;box-shadow: none;font-family: 'Noto Sans KR', sans-serif;border: 1px solid #000;background-size: 40px;background-position: calc(100% - 10px);}
.request-form .input-checkbox label { color: #292929; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 700; text-decoration-line: underline; text-underline-offset: 3px;}
.btn_confirm.write_div, .btn_agree.write_div{margin-top: 60px;}
.request-form .input-checkbox input[type="checkbox"]:checked + label::before,
.request-form .input-checkbox input[type="radio"]:checked + label::before{background-size: 0.75rem;}
.request-form input[type="checkbox"] + label::before {border: 2px solid #000;}

@media screen and (max-width: 1200px) {
    .pc-ver{display: none !important;}
    .pad-ver{display: block !important;}
    .mobile-ver{display: none !important;}


    /* topImg */
    .top-cont{height: 330px;}
    .topImg-txt{margin-top: 62px;}
    #topImg.topImg01::after {width: 611px;height: 449px;background-image: url(/resources/dist/img/user/topImg01-pad.png);}
    #topImg.topImg02::after {width: 655px;height: 408px;background-image: url(/resources/dist/img/user/topImg02-pad.png);}
    #topImg.topImg03::after {width: 611px;height: 449px;background-image: url(/resources/dist/img/user/topImg03-pad.png);}

    /* business */
    .sect-slide .flex-space { flex-direction: column; } 
    .sect-slide__tit { flex: 1; margin-right: 0; margin-bottom: 40px; } 
    .sect-tit.type02{padding-top: 80px;}
    .sect-tit.type02::after{top: 155px;width: 373px;height: 298px;}
    .sect-slide{margin-top: 70px; padding-bottom: 80px;}
    .visual { height: 800px; padding-top: 60px; } 
    .visual-wrap .inner {flex-direction: column;} 
    .visual.right .flex-c-space{flex-direction: column;}
    .visual-img__wrap{margin-top: 50px;}
    .visual-bg{display: none;}
    .visual-tit p {text-align: center; margin-top: 10px;}
    .visual-wrap .inner.flex-c-space {justify-content: left;}
    .visual-tit {height: auto;text-align: center;} 
    .visual-icon { bottom: -80px; left: -25px; } 
    .video-txt .pc-ver{display: none !important;}
    .video-txt .pad-ver{display: block !important;}
    .sect-video{height: 460px;}
    .sect-video .video-txt .free-tit p {font-size: 18px;}
    .sect-video .video-txt .free-tit p b {font-size: 36px; display: block;}

    /* customer */
    .customer .sect-slide__cont > ul > li{width: 670px;}
    .customer .sect-slide .swiper-control{margin-top: 110px;}
    .customer .sect-tit.type02::after {width: 426px; height: 300px; top: 155px; right: -10px;}
    .customer .sect-slide {padding-bottom: 120px;}
    .customer .visual .visual-img__wrap {bottom: 0; position: absolute;} 
    .customer .visual.visual01 .visual-img__wrap{bottom: -38px;}
    .customer .visual.visual02 .visual-img__wrap{position: relative;}
    .customer .visual.visual04 .visual-img__wrap{bottom: -13px;}
    .customer .visual.visual05 .visual-img__wrap {bottom: -14px;}
    .customer .visual-img { max-width: 578px; } 
    .customer .visual-img img { width: 100%; } 
    .customer .visual.visual06 .visual-img__wrap {top: auto;bottom: -53px;} 
    .customer .visual-tit h3 br { display: none; } 
    .customer .sect-video .video-txt .free-tit p {font-size: 40px;}
    .customer .sect-video .video-txt .free-tit p b {display: inline-block; font-size: 40px;}

    /* request */
    .request-form{margin-top: 0;}
}


@media screen and (max-width: 768px) {
  .pc-ver{display: none !important;}
  .pad-ver{display: none !important;}
  .mobile-ver{display: block !important;}

  /* topImg */
  .top-cont{height: 290px;}
  .topImg-txt{margin-top: 46px;}
  .topImg-txt h2{font-size: 26px;}
  .topImg-txt p{font-size: 18px;}
  #topImg.topImg01::after {width: 360px;height: 291px;background-image: url(/resources/dist/img/user/topImg01-m.png);}
  #topImg.topImg02::after {width: 360px;height: 278px;background-image: url(/resources/dist/img/user/topImg02-m.png);}
  #topImg.topImg03::after {width: 360px;height: 291px;background-image: url(/resources/dist/img/user/topImg03-m.png);}



  /* business */
  .sect-tit.type02 h2{font-size: 60px;}
  .sect-tit.type02::after{width: 204px;height: 163px;top: 120px;}
  .sect-slide{margin-top: 40px;}
  .sect-slide__tit .t { font-size: 24px; } 
  .sect-slide__tit .t b { font-size: 38px; } 
  .sect-slide__tit .b{font-size: 18px; margin-top: 20px;}
  .sect-slide__cont > ul > li { width: 310px; height: 330px; } 
  .sect-slide__cont > ul > li:not(:last-child){margin-right: 20px;}
  .sect-slide__cont .swiper-box { padding: 18px 20px; } 
  .sect-slide__cont .biz-img { width: 98px; height: 98px; } 
  .sect-slide .swiper-control{margin-top: 35px;}
  .biz-cont .tit { margin-top: 10px; } 
  .biz-cont p { word-break: keep-all; margin-top: 15px;} 
  .biz-cont p br { display: none; } 
  .visual{height: 520px;padding: 50px 0 40px;}
  .visual-img__wrap{margin-top: 0;}
  .visual-tit .eng-txt { font-size: 16px; line-height: 1.2; margin-bottom: 10px;} 
  .visual-tit h3 { font-size: 24px; } 
  .visual-tit p { font-size: 14px; line-height: 1.5; margin-top: 20px;} 
  .visual-img{max-width: 290px;}
  .visual-img img{width: 100%;}
  .visual-icon {bottom: -45px;}
  .visual-icon img {width: 115px;}
  .visual-wrap .inner.flex-c-space {justify-content: space-between;}
  .sect-video{height: 440px;}
  .sect-video .video-txt .free-bt{font-size: 18px;}
  .com-btn {max-width: 184px;margin-top: 40px;flex-direction: column;}
  .com-btn .btn {font-size: 14px;height: 44px;line-height: unset;flex: none;}

  /* customer */
  .customer .sect-slide__cont > ul > li {width: 310px; height: auto;}
  .customer .cus-tit{font-size: 20px;line-height: 2;margin-bottom: 0;padding-bottom: 20px;}
  .customer .visual-img {max-width: 320px;}
  .customer .visual {padding-bottom: 0;}
  .customer .visual.visual01 .visual-img__wrap {bottom: -25px;}
  .customer .sect-slide .swiper-control{margin-top: 45px;}
  .customer .sect-slide__tit{margin-bottom: 30px;}
  .customer .cus-tit .txt-orange {width: 250px; height: 40px; display: flex; align-items: center; justify-content: center;}
  .customer .sect-slide__cont .swiper-box{padding: 30px;}
  .cus-cont { height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
  .customer .cus-cont ul li { font-size: 14px; color: #A8A8A8; line-height: 1.8; } 
  .customer .cus-cont ul li b { font-size: 20px; display: block; color: #000; } 
  .customer .cus-cont__tit b { font-size: 20px; } 
  .customer .cus-cont p { font-size: 14px; } 
  .customer .cus-cont ul li:not(:last-child) { margin-bottom: 10px; } 
  .customer .visual.visual06{height: 550px;}
  .customer .visual-tit h3 br{display: block;}
  .customer .visual.visual06 .visual-img__wrap {bottom: -10px;}
  .customer .visual02 .visual-wrap .inner.flex-c-space {justify-content: center;padding-bottom: 50px;}
  .customer .visual.visual02 .visual-img__wrap {margin-top: 35px;}
  .customer .visual02 .visual-tit span {display: none;}
  .customer .sect-video{height: 600px;}
  .customer .sect-video .video-txt .free-tit p{font-size: 30px;}
  .customer .sect-video .video-txt .free-tit p b{font-size: 30px;}
  .customer .com-btn{margin-top: 51px;}

  /* request */
  .request-form .request-top h2 {font-size: 18px;}
  .request-form .request-top p {font-size: 14px;}
}