@charset "utf-8";

#about-page .sec-com{padding:var(--gap-lg) 0;}

#about-page .sub-visual{position:relative;width:100%;height:1265px;background:#0EB3FF;}
#about-page .visual-bg{display:flex;justify-content: center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:0;overflow:hidden;}
#about-page .visual-bg .bg{width:1700px;height:1050px;background:url('../../img/sub/about/visual_bg.jpg') no-repeat bottom center / contain;}
#about-page .sub-visual .visual-con{position:relative;z-index:1;width:100%;height:100%;}
#about-page .page-tit h2::before{content:'About';}
/* #about-page .visual-img{position:absolute;bottom:-250px;left:50%;transform:translateX(-50%);z-index:2;} */
/* #about-page .sub-visual .deco1{position:absolute;bottom:280px;left:50%;margin-left:-45%;width:291px;}
#about-page .sub-visual .deco2{position:absolute;bottom:450px;left:50%;margin-left:23%;width:315px;}
#about-page .sub-visual .phone1{position:absolute;bottom:100px;left:50%;margin-left:-30%;width:520px;z-index:3}
#about-page .sub-visual .phone2{position:absolute;bottom:200px;left:50%;z-index:1;width:454px;margin-left:-3%;} */
#about-page .sub-visual .deco1{position:absolute;top:150px;left:0;width:291px;}
#about-page .sub-visual .deco2{width:315px;position: absolute;top: 50%; margin-top: -25%;right: -3vw;}
#about-page .sub-visual .phone1{position:relative;width:520px;z-index:3;animation: float 4s 1.5s ease-in-out infinite;}
#about-page .sub-visual .phone2{position:relative;z-index:1;width:454px;animation: float 3s 1.2s ease-in-out infinite;}
#about-page .img-wrap-l{position: absolute;left: 50%;margin-left: -600px;padding-left: 190px;bottom: -150px;}
#about-page .img-wrap-r{position: absolute;left: 50%;bottom: -50px;margin-left:0;padding-right:190px;}
  

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}



#about-page .sub-visual .visual-img::after{content:'';display:block;position:absolute;bottom:-250px;left:50%;transform:translateX(-50%);width:574px;height:31px;border-radius: 574px;background: #D0E1EE;background-blend-mode: multiply;filter: blur(12.800000190734863px);}

#about-page .sec01{padding-top:calc(var(--gap-lg) + 250px);background:#E7F0F5}
#about-page .sec01 .sec-top{margin-bottom:var(--gap-lg);}
#about-page .sec01 .sec-top .inner{align-items: flex-end;}
#about-page .sec01 .sec-top h4{font-size:30px;font-weight:700;letter-spacing:-0.6px;}
#about-page .sec01 .detail-lst{gap:20px;width:100%;align-items: stretch;}
#about-page .sec01 .detail-item{display:flex;position:relative;flex-direction: column;width:calc((100% - 60px) / 4);border-radius: 20px;background:#fff;padding:40px;justify-content: space-between;}
#about-page .sec01 .detail-item .num{position:absolute;top:20px;right:20px;font-size:50px;font-weight:600;color:#C3DAEC;}
#about-page .sec01 .detail-item h5{position:relative;font-size:30px;font-weight:600;letter-spacing:-0.6px;}
#about-page .sec01 .detail-item h5::before{content:'';display:block;width:40px;height:40px;border-radius: 4px;margin-bottom:10px;}
#about-page .sec01 .detail-item:nth-child(1) h5::before{background:url('../../img/sub/about/sec01_ico1.svg') no-repeat center center / contain;}
#about-page .sec01 .detail-item:nth-child(2) h5::before{background:url('../../img/sub/about/sec01_ico2.svg') no-repeat center center / contain;}
#about-page .sec01 .detail-item:nth-child(3) h5::before{background:url('../../img/sub/about/sec01_ico3.svg') no-repeat center center / contain;}
#about-page .sec01 .detail-item:nth-child(4) h5::before{background:url('../../img/sub/about/sec01_ico4.svg') no-repeat center center / contain;}
#about-page .sec01 .detail-item .item-img{margin:30px 0;text-align: center;}
#about-page .sec01 .detail-item .item-img img{width:100%;}
#about-page .sec01 .detail-item .con-wrap p{font-size:var(--font16);color:#4e4e4e;letter-spacing:-0.32px;}

#about-page .sec02 .con-img{width:55%;}
#about-page .sec02 .con-txt{width:45%;}
#about-page .sec02 .con-img img{width:100%;}
#about-page .sec02 .con-txt p{margin:20px 0;line-height:1.6;}
#about-page .sec02 .bt-detail-lst dl{position:relative;line-height:1.6;gap:10px;padding-left:30px;}
#about-page .sec02 .bt-detail-lst dl:not(:last-child){margin-bottom:5px;}
#about-page .sec02 .bt-detail-lst dl::before{content:'';display:block;position:absolute;top:14px;left:0;width:30px;height:30px;background: url('../../img/sub/about/sec02_chk_ico.svg');transform: translateY(-50%);}

#about-page .sec03{display:flex;align-items: center;justify-content: center;position:relative;overflow:hidden;width:100%;background: linear-gradient(98deg, #0EAFF9 1.91%, #2B69E6 100.35%);text-align: center;overflow:hidden;}
#about-page .sec03::before{content:'';display:block;position:absolute;top:50%;left:50%;z-index:0;width:1056px;aspect-ratio:1/1;background:url('../../img/main/inquiry_bg_circle.png') no-repeat center center / contain;transform:translate(-50%,-50%);}
#about-page .sec03 .inner{position:relative;z-index:1;}
#about-page .sec03 .more-btn{margin:80px auto 0;color:#fff;border:1px solid #fff;}
#about-page .sec03 .more-btn::after{display:none;}
#about-page .sec03 .con-txt p{margin-top:20px;}
#about-page .sec03 .con-tit h3{font-size:70px;}
#about-page .visual-img img {
  opacity: 0;
  transform: translateY(60px);
}



@media screen and (max-width:1500px){

  #about-page .sec03 .more-btn{margin:50px auto 0;}
  
}

@media screen and (max-width:1300px){
  /* #about-page .sub-visual{height:1150px;} */

  /* #about-page .sub-visual .deco1{}
  #about-page .sub-visual .deco2{} */
  /* #about-page .sub-visual .phone1{bottom:150px;width:420px;}
  #about-page .sub-visual .phone2{bottom:250px;width:354px;} */
  /* #about-page .visual-img{height:750px;} */
  /* #about-page .sub-visual{height:1100px;} */

  #about-page .sec01 .sec-top h4{font-size:25px;}
  #about-page .sec01 .sec-top h4 br.m-only{display:block;}
  #about-page .sec01 .sec-top h4 span{font-size:18px;}
}

@media screen and (min-width:1201px){
  #about-page .sec01 .detail-lst{height:457px;}
  #about-page .sec01 .detail-item{height:100%;}
  #about-page .sec01 .detail-item .item-img{height:0;margin:0;}
  #about-page .sec01 .detail-item .item-img img{height:0;}
  #about-page .sec01 .detail-lst{align-items: center;}
  #about-page .sec01 .detail-item:hover{height:auto;transition: all .5s;}
  #about-page .sec01 .detail-item:hover .item-img{height:auto;margin:30px 0;transition: all .5s;}
  #about-page .sec01 .detail-item:hover .item-img img{height:auto;transition: all .5s;}
  #about-page .sec01 .detail-item p{height:0;opacity:0;}
  #about-page .sec01 .detail-item:hover p{height:auto;opacity:1;transition: all .5s;}
  #about-page .sec01 .detail-item:hover .num{display:none;}
  #about-page .sec01 .detail-item .num{position:static;top:auto;right:auto;font-size:70px;}
  
}

@media screen and (max-width:1200px){

  #about-page .sec01 .detail-item{width:calc((100% - 20px) / 2);}
  #about-page .sec01 .detail-lst{flex-wrap: wrap;}


}



@media screen and (max-width:1024px){

  #about-page .sub-visual{height:1000px;}
  #about-page .sub-visual .deco1{width:170px}
  #about-page .sub-visual .deco2{width:200px;right:-10px;}
  #about-page .sub-visual .phone1{width:400px;}
  #about-page .sub-visual .phone2{width:350px;}
  #about-page .img-wrap-l{margin-left: -440px;padding-left: 90px;bottom: -120px;}
#about-page .img-wrap-r{bottom: -50px;margin-left:-50px;padding-right:140px;}
  #about-page .sub-visual .visual-img::after{width:500px;height:20px;filter: blur(10px);bottom:-200px;}

  #about-page .sec01 .sec-top .inner{flex-wrap: wrap;gap:20px;}
  #about-page .sec01 .sec-top .con-l{width:100%;}
  #about-page .sec01 .sec-top .con-r{width:100%;}

  #about-page .sec02{padding-bottom:0;}
  #about-page .sec02 .inner{flex-direction: column-reverse;gap:40px;}
  #about-page .sec02 .con-img{position:relative;width:100%;overflow:hidden;}
  #about-page .sec02 .con-txt{width:100%;}

  #about-page .sec03 .con-tit h3{font-size:55px;}


  
}


@media screen and (max-width:768px){

  /* #about-page .sub-visual .deco1{bottom:230px;width:100px;margin-left:-40%;}
  #about-page .sub-visual .deco2{bottom:280px;width:150px;margin-left:18%;}
  #about-page .sub-visual .phone1{bottom:150px;width:220px;margin-left:-30%;}
  #about-page .sub-visual .phone2{bottom:200px;width:184px;margin-left:-3%;} */

  #about-page .sub-visual{background:#0EB3FF url('../../img/sub/about/visual_bg_m.jpg') no-repeat bottom center / cover;}
  #about-page .visual-bg{display:none;}
  #about-page .sub-visual{height:700px;}
  #about-page .sub-visual .deco1{top:100px;width:120px}
  #about-page .sub-visual .deco2{width:150px;}
  #about-page .sub-visual .phone1{width:250px;}
  #about-page .sub-visual .phone2{width:220px;}
  #about-page .img-wrap-l{margin-left: -300px;padding-left: 90px;bottom: -70px;}
#about-page .img-wrap-r{bottom: -30px;margin-left:-10px;padding-right:130px;}
#about-page .sub-visual .visual-img::after{width:300px;height:11px;bottom:-150px;filter: blur(6.25px);}

#about-page .sec01{padding-top: calc(var(--gap-lg) + 180px);}
  #about-page .sec01 .detail-lst{gap:16px;}
  #about-page .sec01 .detail-item{width:100%;padding:20px;}
  #about-page .sec01 .detail-item .num{font-size:40px;top:15px;right:15px;}

  #about-page .sec02 .con-img{width:calc(100% + 40px);}
  #about-page .sec02 .con-txt{width:100%;}

  #about-page .sec03{background: linear-gradient(99deg, #0EAFF9 2.02%, #2B69E6 113.94%);}
  #about-page .sec03::before{width:150%;}
  #about-page .sec03 .con-tit h3{font-size:40px;}
  #about-page .sec01 .detail-item h5{font-size:22px;}
  #about-page .sec01 .detail-item .item-img{margin:10px 0;}
  #about-page .sec01 .detail-item .item-img img{width:80%;}

  @keyframes float {
    0% {
      transform: translatey(0px);
    }
    50% {
      transform: translatey(-10px);
    }
    100% {
      transform: translatey(0px);
    }
  }
  
}

@media screen and (max-width:500px){
  #about-page .sub-visual{height:600px;}
  /* #about-page .sub-visual .deco1{bottom:230px;width:90px;margin-left:0%;left:-20px;}
  #about-page .sub-visual .deco2{bottom:280px;width:130px;left:auto;right:-50px;}
  #about-page .sub-visual .phone1{bottom:150px;width:190px;margin-left:0;left:30px;}
  #about-page .sub-visual .phone2{bottom:180px;width:164px;margin-left:0%;left:auto;right:50px;} */

  #about-page .sub-visual .deco1{top: 50px;
    width: 100px;
    left: -20px;}
  #about-page .sub-visual .deco2{width:110px;top:auto;bottom:80px;}
  #about-page .sub-visual .phone1{width:180px;}
  #about-page .sub-visual .phone2{width:160px;}
  #about-page .img-wrap-l{margin-left: -200px;
    padding-left: 40px;
    bottom: -50px;}
  #about-page .img-wrap-r{bottom: -30px;margin-left:-10px;padding-right:70px;}
  #about-page .sub-visual .visual-img::after{width:200px;bottom:-100px;}
  #about-page .sec01{padding-top: calc(var(--gap-lg) + 100px);}
}