@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

#wrapper{width:100%; height:100%; padding:0; overflow-x:hidden; position:relative}


.header{ width:100%; position:relative; min-width:1200px}

/*.header .gnb .center-nm{ display:flex; justify-content: space-between; align-items: center;}*/

.header .gnb {
  width: 100%;
  height: 67px;
  flex-shrink: 0;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(83, 83, 83, 0.15);
  vertical-align: center;
}

.header .gnb h1 .img-left1{
  float:right;
  margin-top: 10px;
  margin-right: 40px;
  margin-bottom: 2px;
}

.header .gnb .btn-apply {
  float: right;
  position: relative;
  width: 134px;
  height: 35px;
  flex-shrink: 0;
  background-color: #0F255B;
  border-radius: 8px;
  margin-top: 14px ;
  margin-right: 20px;
  color: #FFF;
  font-size: 14px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.28px;

  display: flex;
  align-items: center;  /* vertical alignment */
  justify-content: center;  /* horizontal alignment */
}

.main{
  width:100%;
  height:766px;
  background-color:#436FE0 ;
  text-align: center;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

}
.main h4 {
  color: #FFF;

  font-size: 37.5px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.92px;
  position: relative;
  margin-top: 75px;
}

.main h4 .point {
  font-size: 55.5px;
  color: inherit;
}



.main h3 {
  color: #FFF;
  text-align: center;
  font-size: 21px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.84px;
  margin-top: 9px;
}

.main .btn-apply-main {
  width: 245px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #0F255B;
  display: flex;
  align-items: center;  /* vertical alignment */
  justify-content: center;  /* horizontal alignment */
  margin-top: 45px;

  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
}

.main #landing {
  position: absolute;
  z-index: 2;
  margin-top: 385.5px;

  width: 264px;

}


.main #eclipse {
  position: relative;
  width: 451.5px;
  height: 451.5px;
  border-radius: 451.5px;
  background: #0F255B;
  z-index: 1;
  top: 230.25px;

}


.customer-comment{
  width: 100%;
  height: 297.75px;
  flex-shrink: 0;
  background: #FFF;
  z-index: 3;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;


  position: relative;
  z-index: 3;
}

.customer-comment h2 {

  color: #4D4E58;
  text-align: center;
  font-size: 52.5px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.92px;
  margin-top: 75px;

}

.provider-comment {
  width: 100%;
  height: 2084px;
  background: #E8E8E8;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

}

.provider-comment h1 {

  color: #4D4E58;
  text-align: center;
  font-size: 48px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.92px;

  margin-top: 120px;
}

.point {
  color:#436FE0;
  font-size: inherit;
  letter-spacing: inherit;
}

.provider-comment .corp_comment {
  width: 912px;
  height: 243.75px;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  margin-top: 102px;
  position: relative;
}


.provider-comment .tax_comment {
  width: 912px;
  height: 243.75px;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  margin-top: 94.5px;
  position: relative;
}

.provider-comment .service_title {
  color: #000;
  font-size: 30px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 43.5px 0  0 48px;
}
.provider-comment .service_content {
  display: flex;
  width: 600px;
  flex-direction: column;
  flex-shrink: 0;
  color: #4D4E58;
  font-size: 22.5px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 12px 0 0 48px;

}

.provider-comment .service_link {
  color: #436FE0;
  font-size: 18.75px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 375;
  line-height: normal;
  margin: 19.5px 0 0 0;

}

.provider-comment .corp_comment img {
  position: absolute;
  right: 7.5px;
  bottom: 0;
  width: 303px;
}
.provider-comment .tax_comment img {
  position: absolute;
  right: 7.5px;
  bottom: 0;
  width: 379.5px;
}

.provider-comment #plus {
  margin-top: 112.5px;
  /*width: 68.25px;
   */
}

.provider-comment .benefits {
  width: 1440px;
  margin-top: 67.5px;
  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */
}

.provider-comment .benefits #aws {
  position: relative;
  margin: 0 70.125px 0;
  width: 181.5px;
}
.provider-comment .benefits #daou {
  position: relative;
  margin: 0 99.75px 0;
  width: 122.25px;
}
.provider-comment .benefits #google {
  position: relative;
  margin: 0 108px 0;
  width: 105.75px;
}
.provider-comment .benefits_shadow {

  width: 1440px;
  height: 135.4395px;
  margin-top: 0;
  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

}
.provider-comment .benefits_shadow #aws1 {
  position: relative;
  margin: 0 70.125px 0 ;
  width: 181.5px;
}
.provider-comment .benefits_shadow #daou1 {
  position: relative;
  margin: 0 99.75px 0;
  width: 135.75px;
}
.provider-comment .benefits_shadow #google1 {
  position: relative;
  margin: 0 108px 0;
  width: 105.75px;
}

.provider-comment .benefits_shadow2 {
  width: 1440px;
  height: 133.4395px;
  position: relative;
  top:-133.4395px;
  background: linear-gradient(360deg, rgba(232, 232, 232, 0.92) 2.08%, rgba(232, 232, 232, 0.00) 100%);
}

.provider-comment .benefits_text {
  width: 1440px;
  margin-top: 0;
  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

  position: relative;
  top:-133.4395px;
}
.provider-comment .benefits_text .benefit_name {
  width: 201.75px;
  height: 27px;

  border-radius: 15px;
  background: #0F255B;

  display: flex;
  align-items: center;  /* vertical alignment */
  justify-content: center;  /* horizontal alignment */

  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.6px;

  margin: 27.75px 60px 0;
}
.provider-comment .benefits_text_mobile {
  display: none;
}
.provider-comment .benefits_contents {
  width: 201px;
  margin: 15px 60px 0;
  color: #436FE0;
  text-align: center;
  font-size: 24px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
}

.provider-comment .benefits_mobile {
  display: none;
}

.provider-comment .btn-apply-main2 {
  width: 245.25px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #436FE0;

  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

  position: relative;
  top:-60px;

  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
}

.coupon {
  width: 100%;
  height: 600px;
  flex-shrink: 0;
  background: #FFF;
  text-align: center;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.coupon p {
  margin-top: 120px;

  color: #4D4E58;
  text-align: center;
  font-size: 48px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.92px;
}
.coupon img {
  margin-top: 90px;
  width: 614.25px;
}

.process {
  width: 100%;
  height: 600px;
  background: #E8E8E8;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.process p {
  margin-top: 90px;
  color: #4D4E58;
  text-align: center;
  font-size: 48px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.92px;
}
.process img{
  margin-top: 105px;
}

.customer_number {
  width: 100%;
  height: 750px;
  background: #FFF;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.customer_number p{
  color: #4D4E58;
  text-align: center;
  font-size: 48px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.92px;

  margin-top: 120px;
}

.customer_number .customers{
  position: relative;
  margin-top: 75px;

  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */
}
.customer_number .customers .customer {
  margin: 0 5px;
  width: 296.25px;
  height: 266.031px;
  flex-shrink: 0;
  border-radius: 20px;
  background: #E8E8E8;

  position: relative;
}
.customer_number .customers .customer p {
  margin:24.16px 0 0 16.88px;
  color: #4D4E58;
  font-size: 18.75px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.75px;

  text-align: left;
}
.customer_number .customers .customer img {
  position: absolute;
  top: 162.32px;
  right: 30px;
  height: 79.5px;
}

.customer_number .btn-apply-main2 {
  width: 245.25px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #436FE0;

  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

  margin-top: 60px;

  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
}


.customer_logo {
  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;

  /*background: #E8E8E8;
     */
  background: #ffffff;
}

.image_container {
  display: flex;
  width: 200%;
}

.image_container img {
  width: 220px;
  height: 70px;
  margin: 80px;
}

.partner_logo {
  display: flex;
  justify-content: center; /* 아이템들을 가운데에 배치합니다 */
  align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

  width: 100%;
  height: 230px;

  position: relative;

  /*background: #E8E8E8;
     */
  background: #9E9E9E;
}

.partner_logo .logo_row {
  display: flex;
  justify-content: center;
}

.partner_logo img {
  margin: 0 75px;

}

.partner_logo img#hantupa {
  width: 100%;
  height: 100%;

}

/*견적서 받기*/
.estimate-wrap{width:100%; height:100%; display:none; position:fixed; z-index:79;}
.estimate-wrap.active{display:flex; z-index: 999}



.estimate-wrap.active .modal-wrap{width:980px; height:690px; background:var(--gray-f8f8); position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:82; padding:40px 0 38px 0}
.estimate-wrap.active .modal-wrap#estimate-00{display:block}
.estimate-wrap.active .modal-wrap#estimate-01{display:none}
.estimate-wrap.active .modal-wrap#estimate-02{display:none}
.estimate-wrap.active .modal-wrap#estimate-03{display:none}
.estimate-wrap.active .modal-wrap#estimate-04{display:none}
.estimate-wrap.active .modal-wrap#estimate-05{display:none}
.estimate-wrap.active .modal-wrap#estimate-email{display:none; height:848px}
.estimate-wrap.active .modal-wrap#estimate-agree{display:none; height:848px}
.estimate-wrap.active .modal-wrap .header{width:100%; min-width:100%; height:18px; display:flex; justify-content: flex-end; align-items: center; padding:0 40px 0 0; }
.estimate-wrap.active .modal-wrap .header .close-btn,
.estimate-wrap.active .modal-wrap .header .close-agree-btn{width:18px; height:18px; background:url("./images/common/ic-modal-close.svg") no-repeat 0 0; background-size:cover; font-size:0;}
.estimate-wrap.active .modal-wrap .content{width:100%; height:calc(100% - 84px); }
.estimate-wrap.active .modal-wrap .content .process-wrap{width:calc(100% - 158px); padding-top:138px; margin:0 81px 0 77px}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-txt{font-size:var(--font-size-22); color:var(--blue--00b); width:100%; text-align: right; margin-bottom:12px}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner{width:100%; height: 47px; box-shadow: 0 0 10px rgba(0,0,0, 0.1); display:flex; justify-content: left; align-items: center; padding:0 21px;}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs{width:auto; height: 19px; border-radius: 10px; background:linear-gradient(to right, #0754F8 , #00D3FF  ); font-size:0;}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs20{width:calc(100% * 0.2)}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs40{width:calc(100% * 0.4)}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs60{width:calc(100% * 0.6)}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs80{width:calc(100% * 0.8)}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs100{width:calc(100% * 1.0)}
.estimate-wrap.active .modal-wrap .content .esti-wrap{width:100%; text-align: center; margin-top:51px}
.estimate-wrap.active .modal-wrap .content .esti-wrap h4{font-size:var(--font-size-22); color:var(--black); font-weight:var(--font-weight-regular); margin-bottom:45px}
.estimate-wrap.active .modal-wrap .content .esti-wrap h4 strong{font-size:inherit; color:var(--blue--002b); font-weight:var(--font-weight-bold)}
.estimate-wrap.active .modal-wrap#estimate-03 .content .esti-wrap h4{margin-bottom:37px}
.estimate-wrap.active .modal-wrap .content .esti-wrap .input-f{width:500px; height:39px; border-bottom:1px solid var(--gray-d4d); background:transparent; border-width:0 0 1px 0; font-size:var(--font-size-20); color:var(--gray-989); text-align: left; display:flex; justify-content: flex-start; align-items: flex-start; padding-bottom:15px; margin:0 auto}
.estimate-wrap.active .modal-wrap .content .esti-wrap .select{width:78px; height:48px;border:1px solid var(--gray-989); border-radius:6px; padding:0 40px 0 15px; font-size:var(--font-size-18); color:var(--gray-989)}
.estimate-wrap.active .modal-wrap .content .esti-wrap .esti-chk{width:331px; height:56px; display:flex; justify-content: space-between; align-items: center; margin:0 auto}

.estimate-wrap.active .modal-wrap .content .esti-wrap .selectBox {
  position: relative;
  text-align: center;
  display: inline-block;
  max-width: 318px;
  width: 65%;
  height: 40px;
  /* margin: 13px 0; */
  vertical-align: middle
}
.estimate-wrap.active .modal-wrap .content .esti-wrap .selectBox:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  border: 0 none;
  transform: rotate(0deg);
  background: url(../img/common/ico-sel@2x.png) no-repeat;
  background-size: 12px 8px;
  content: "";
}
.estimate-wrap.active .modal-wrap .content .esti-wrap .selectBox select {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #dddee3;
  /*background-color: #b5bee5; */
  padding: 10px 35px 10px 10px;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


@media (max-width:1199px) {


  .header{ width:100%; height: 64px; position:relative; min-width:320px}

  /*.header .gnb .center-nm{ display:flex; justify-content: space-between; align-items: center;}*/

  .header .gnb {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    background: #FFF;
    box-shadow: 0px 2px 6px 0px rgba(83, 83, 83, 0.15);
    vertical-align: center;
  }

  .header .gnb h1 .img-left1{
    /*display: none;
     */
    width: 180px;
    margin-top: 19px;
    margin-right: 15px;
  }

  .header .gnb h1 .img-left2 {
    display: none;
  }

  .header .gnb h1 .img-left3 {
    width: 174.635px;
    height: 20.538px;
    display: block;

    float:left;
    margin-top: 20px;
    margin-left: 30px;
  }

  .header .gnb .btn-apply {
    float: right;
    width: 95.6px;
    height: 25x;
    flex-shrink: 0;
    background-color: #0F255B;
    border-radius: 5.71px;
    margin-top: 14px ;
    margin-right: 15px;
    color: #FFF;
    font-size: 9.986px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;

    display: flex;
    align-items: center;  /* vertical alignment */
    justify-content: center;  /* horizontal alignment */
  }

  .main{
    width:100%;
    height:523px;
    background-color:#436FE0 ;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    position: relative;

  }
  .main h4 {
    color: #FFF;

    font-size: 20px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.84px;
    position: relative;
    margin-top: 40px;
  }

  .main h4 .point {
    font-size: 32px;
    color: inherit;
  }

  .main h3 {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.45px;
    margin-top: 22px;
  }

  .main .btn-apply-main {
    display: none;
  }

  .main #landing {
    position: absolute;
    z-index: 2;
    bottom:0;
    width: 190.7px;
    height: 278.587px;

  }


  .main #eclipse {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 602px;
    background: #0F255B;
    z-index: 1;
    top: 380px;

  }


  .customer-comment{
    width: 100%;
    height: 157px;
    flex-shrink: 0;
    background: #FFF;
    z-index: 3;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;


    position: relative;
    z-index: 3;
  }

  .customer-comment h2 {

    color: #4D4E58;
    text-align: center;
    font-size: 20px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.54px;
    margin-top: 55px;

  }

  .provider-comment {
    width: 100%;
    height: 2350px;
    background: #E8E8E8;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .provider-comment h1 {

    color: #4D4E58;
    text-align: center;
    font-size: 28px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.84px;

    margin-top: 50px;
  }

  .point {
    color:#436FE0;
    font-size: inherit;
  }

  .provider-comment .corp_comment {
    width: 327px;
    height: 195px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #FFF;
    margin-top: 50px;
    position: relative;
  }


  .provider-comment .tax_comment {
    width: 327px;
    height: 195px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #FFF;
    margin-top: 10px;
    position: relative;
  }

  .provider-comment .service_title {
    color: #000;
    font-size: 16px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 20.7px 0  0 16px;
  }
  .provider-comment .service_content {
    display: flex;
    width: 175px;
    flex-direction: column;
    flex-shrink: 0;
    color: #4D4E58;
    font-family: Spoqa Han Sans Neo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -1.20px;
    margin: 17px 0 0 16px;

  }

  .provider-comment .service_link {
    color: #436FE0;
    font-family: Spoqa Han Sans Neo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.36px;

    width: 175px;
    flex-direction: column;
    flex-shrink: 0;

    margin: 12px 0 0 0;
  }

  .provider-comment .corp_comment img {
    position: absolute;
    width: 133.7px;
    height: 134.8px;
    bottom: 0;
  }
  .provider-comment .tax_comment img {
    position: absolute;
    width: 155px;
    height: 130px;
    flex-shrink: 0;
    margin-right: 6.11px;
    bottom: 0;
  }

  .provider-comment img {
    width: 26.8px;
    height: 26.8px;
    margin-top: 35px;
  }

  .provider-comment .benefits {
    display: none;
  }

  .provider-comment .benefits_shadow {
    display: none;
  }

  .provider-comment .benefits_shadow2 {
    display: none;
  }
  .provider-comment .benefits_mobile {
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

  }
  .provider-comment .benefits_mobile #aws_m {
    width: 158px;
    height: 129px;
  }
  .provider-comment .benefits_mobile #aws_m2 {
    width: 218px;
    height: 79px;
  }
  .provider-comment .benefits_mobile #daou_google_m {
    width: 215px;
    height: 475px;
  }
  .provider-comment .benefits_text {

    display: none;

  }
  .provider-comment .benefits_text_mobile {
    display: block;
  }
  .provider-comment .benefits_text_mobile .benefit_name {
    width: 201.75px;
    height: 27px;

    border-radius: 15px;
    background: #0F255B;

    display: flex;
    align-items: center;  /* vertical alignment */
    justify-content: center;  /* horizontal alignment */

    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.6px;

    margin: 27.75px 60px 0;
  }
  .provider-comment .btn-apply-main2 {
    width: 327px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #436FE0;

    display: flex;
    justify-content: center; /* 아이템들을 가운데에 배치합니다 */
    align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

    position: relative;
    top: 0;
    margin-top: 60px;

    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .coupon {
    width: 100%;
    height: 380px;
    flex-shrink: 0;
    background: #FFF;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .coupon p {
    margin-top: 50px;

    color: #4D4E58;
    text-align: center;
    font-family: Spoqa Han Sans Neo;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.84px;
  }
  .coupon img {
    margin: 56px 24px 0;
    width: 326.932px;
    height: 135px;
    flex-shrink: 0;
  }

  .process {
    width: 100%;
    height: 350px;
    background: #E8E8E8;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  .process p {
    margin-top: 50px;
    color: #4D4E58;
    text-align: center;
    font-family: Spoqa Han Sans Neo;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.84px;
  }
  .process img{
    margin-top: 56px;
    width: 323.002px;
    height: 87px;
    flex-shrink: 0;
  }

  .customer_number {
    width: 100%;
    height: 500px;
    background: #FFF;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .customer_number p{
    color: #4D4E58;
    text-align: center;
    font-family: Spoqa Han Sans Neo;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.84px;

    margin-top: 50px;
  }

  .customer_number .customers{
    position: relative;
    margin-top: 59.4px;

    display: flex;
    justify-content: center; /* 아이템들을 가운데에 배치합니다 */
    align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */
  }
  .customer_number .customers .customer {
    margin: 0 5px;
    width: 161.455px;
    height: 145px;
    flex-shrink: 0;
    border-radius: 8.175px;
    background: #E8E8E8;

    position: relative;
  }
  .customer_number .customers .customer p {
    margin:13.2px 0 0 9.2px;

    display: flex;
    width: 152px;
    height: 26.002px;
    flex-direction: column;
    flex-shrink: 0;

    color: #4D4E58;
    font-family: Spoqa Han Sans Neo;
    font-size: 10.219px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.307px;

    text-align: left;
  }
  .customer_number .customers .customer img {
    position: absolute;
    top: 88.47px;
    right: 10px;
    height: 43.209px;
    flex-shrink: 0;

  }
  .customer_number .customers .customer br {
    display: none;
  }

  .customer_number .btn-apply-main2 {
    width: 327px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #436FE0;

    display: flex;
    justify-content: center; /* 아이템들을 가운데에 배치합니다 */
    align-items: center; /* 아이템들을 세로 중앙에 배치합니다 */

    margin-top: 80px;

    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-family: Spoqa Han Sans Neo;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
  }

  .customer_logo {
    height: 100%;
  }

  .image_container img {
    margin: 40px;
    height: 27px;
    width: 80px;
  }

  .image_container {
    display: flex;
    width: 200%; /* Increased to accommodate the repeated images */
  }

  .partner_logo {
    flex-direction: column;
  }

  .partner_logo img {
    margin: 30px;
    width: 135px;
  }
  .partner_logo img#hantupa {
    height: 16.35px;
  }

  /*견적서 받기*/
  .estimate-wrap{width:100%; height:100%; display:none; position:fixed; z-index:79;}
  .estimate-wrap.active{display:flex; z-index: 999}



  .estimate-wrap.active .modal-wrap{width:980px; height:690px; background:var(--gray-f8f8); position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:82; padding:40px 0 38px 0}
  .estimate-wrap.active .modal-wrap#estimate-00{display:block}
  .estimate-wrap.active .modal-wrap#estimate-01{display:none}
  .estimate-wrap.active .modal-wrap#estimate-02{display:none}
  .estimate-wrap.active .modal-wrap#estimate-03{display:none}
  .estimate-wrap.active .modal-wrap#estimate-04{display:none}
  .estimate-wrap.active .modal-wrap#estimate-05{display:none}
  .estimate-wrap.active .modal-wrap#estimate-email{display:none; height:848px}
  .estimate-wrap.active .modal-wrap#estimate-agree{display:none; height:848px}
  .estimate-wrap.active .modal-wrap .header{width:100%; min-width:100%; height:18px; display:flex; justify-content: flex-end; align-items: center; padding:0 40px 0 0; }
  .estimate-wrap.active .modal-wrap .header .close-btn,
  .estimate-wrap.active .modal-wrap .header .close-agree-btn{width:18px; height:18px; background:url("./images/common/ic-modal-close.svg") no-repeat 0 0; background-size:cover; font-size:0;}
  .estimate-wrap.active .modal-wrap .content{width:100%; height:calc(100% - 84px); }
  .estimate-wrap.active .modal-wrap .content .process-wrap{width:calc(100% - 158px); padding-top:138px; margin:0 81px 0 77px}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-txt{font-size:var(--font-size-22); color:var(--blue--00b); width:100%; text-align: right; margin-bottom:12px}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner{width:100%; height: 47px; box-shadow: 0 0 10px rgba(0,0,0, 0.1); display:flex; justify-content: left; align-items: center; padding:0 21px;}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs{width:auto; height: 19px; border-radius: 10px; background:linear-gradient(to right, #0754F8 , #00D3FF  ); font-size:0;}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs20{width:calc(100% * 0.2)}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs40{width:calc(100% * 0.4)}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs60{width:calc(100% * 0.6)}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs80{width:calc(100% * 0.8)}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs100{width:calc(100% * 1.0)}
  .estimate-wrap.active .modal-wrap .content .esti-wrap{width:100%; text-align: center; margin-top:51px}
  .estimate-wrap.active .modal-wrap .content .esti-wrap h4{font-size:var(--font-size-22); color:var(--black); font-weight:var(--font-weight-regular); margin-bottom:45px}
  .estimate-wrap.active .modal-wrap .content .esti-wrap h4 strong{font-size:inherit; color:var(--blue--002b); font-weight:var(--font-weight-bold)}
  .estimate-wrap.active .modal-wrap#estimate-03 .content .esti-wrap h4{margin-bottom:37px}
  .estimate-wrap.active .modal-wrap .content .esti-wrap .input-f{width:500px; height:39px; border-bottom:1px solid var(--gray-d4d); background:transparent; border-width:0 0 1px 0; font-size:var(--font-size-20); color:var(--gray-989); text-align: left; display:flex; justify-content: flex-start; align-items: flex-start; padding-bottom:15px; margin:0 auto}
  .estimate-wrap.active .modal-wrap .content .esti-wrap .select{width:78px; height:48px;border:1px solid var(--gray-989); border-radius:6px; padding:0 40px 0 15px; font-size:var(--font-size-18); color:var(--gray-989)}
  .estimate-wrap.active .modal-wrap .content .esti-wrap .esti-chk{width:331px; height:56px; display:flex; justify-content: space-between; align-items: center; margin:0 auto}

  .estimate-wrap.active .modal-wrap .content .esti-wrap .selectBox {
    position: relative;
    text-align: center;
    display: inline-block;
    max-width: 318px;
    width: 65%;
    height: 40px;
    /* margin: 13px 0; */
    vertical-align: middle
  }
  .estimate-wrap.active .modal-wrap .content .esti-wrap .selectBox:before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 12px;
    height: 8px;
    margin-top: -4px;
    border: 0 none;
    transform: rotate(0deg);
    background: url(../img/common/ico-sel@2x.png) no-repeat;
    background-size: 12px 8px;
    content: "";
  }
  .estimate-wrap.active .modal-wrap .content .esti-wrap .selectBox select {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #dddee3;
    /*background-color: #b5bee5; */
    padding: 10px 35px 10px 10px;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }



}



@media (max-width:1199px) {

  .estimate-wrap.active .modal-wrap{width:calc(100% - 60px); height:auto; max-height:calc(100% - 60px); padding:30px}
  .estimate-wrap.active .modal-wrap#estimate-00{display:block}
  .estimate-wrap.active .modal-wrap#estimate-01{display:none}
  .estimate-wrap.active .modal-wrap#estimate-02{display:none}
  .estimate-wrap.active .modal-wrap#estimate-03{display:none}
  .estimate-wrap.active .modal-wrap#estimate-04{display:none}
  .estimate-wrap.active .modal-wrap#estimate-05{display:none}
  .estimate-wrap.active .modal-wrap#estimate-email{display:none; height:auto; max-height:calc(100% - 60px);}
  .estimate-wrap.active .modal-wrap#estimate-agree{display:none; height:auto; max-height:calc(100% - 60px);}
  .estimate-wrap.active .modal-wrap .header{padding:0 0 0 0; }
  .estimate-wrap.active .modal-wrap .content{width:100%; height:calc(100% - 62px); }
  .estimate-wrap.active .modal-wrap#estimate-email .content{height:calc(100% - 42px); }
  .estimate-wrap.active .modal-wrap#estimate-agree .content{height:calc(100% - 15px); }
  .estimate-wrap.active .modal-wrap .content .process-wrap{width:100%; padding-top:57px; margin:0 auto}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-txt{font-size:var(--font-size-16); margin-bottom:13px}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner{width:100%; height: 47px; padding:0 10px;}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs{width:auto; height: 19px; border-radius: 10px; }
  .estimate-wrap.active .modal-wrap .content .esti-wrap{margin-top:57px; margin-bottom:71px}
  .estimate-wrap.active .modal-wrap .content .esti-wrap h4{font-size:var(--font-size-16); margin-bottom:21px; line-height:25px}
  .estimate-wrap.active .modal-wrap#estimate-03 .content .esti-wrap h4{margin-bottom:12px}
  .estimate-wrap.active .modal-wrap .content .esti-wrap .input-f{width:100%; }
  .estimate-wrap.active .modal-wrap .content .esti-wrap .select{width:70px; height:36px;border-radius:6px; padding:0 6.67vw 0 2vw; font-size:var(--font-size-16); background-position:calc(100% - 4vw) center}
  .estimate-wrap.active .modal-wrap .content .esti-wrap .esti-chk{width:197px; height:40px }

}


@media (max-width:320px) {

  .estimate-wrap.active .modal-wrap{width:calc(100% - 40px); height:calc(100vh - 40px); padding:15px}
  .estimate-wrap.active .modal-wrap#estimate-email{display:none; height:calc(100vh - 40px)}
  .estimate-wrap.active .modal-wrap#estimate-agree{display:none; height:calc(100vh - 40px)}
  .estimate-wrap.active .modal-wrap .content{width:100%; height:calc(100% - 62px); }
  .estimate-wrap.active .modal-wrap#estimate-email .content{height:calc(100% - 62px); }
  .estimate-wrap.active .modal-wrap#estimate-agree .content{height:calc(100% - 35px); }
  .estimate-wrap.active .modal-wrap .content .process-wrap{width:100%; padding-top:57px; margin:0 auto}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-txt{font-size:var(--font-size-14); margin-bottom:13px}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner{width:100%; height: 47px; padding:0 10px;}
  .estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs{width:auto; height: 19px; border-radius: 10px; }
  .estimate-wrap.active .modal-wrap .content .esti-wrap{margin-top:47px}
  .estimate-wrap.active .modal-wrap .content .esti-wrap h4{font-size:var(--font-size-14); margin-bottom:21px; line-height:25px}
  .estimate-wrap.active .modal-wrap#estimate-03 .content .esti-wrap h4{margin-bottom:12px}
  .estimate-wrap.active .modal-wrap .content .esti-wrap .input-f{width:100%; }
  .estimate-wrap.active .modal-wrap .content .esti-wrap .select{width:70px; height:36px;border-radius:6px; padding:0 6.67vw 0 2vw; font-size:var(--font-size-16); background-position:calc(100% - 4vw) center}
  .estimate-wrap.active .modal-wrap .content .esti-wrap .esti-chk{width:197px; height:40px }

}

.estimate-wrap.active .modal-wrap .content .send-wrap{width:100%; text-align: center; padding-top:222px}
.estimate-wrap.active .modal-wrap .content .send-wrap h4{font-size:var(--font-size-22); color:var(--black); font-weight:var(--font-weight-regular); margin-bottom:29px}
.estimate-wrap.active .modal-wrap .content .send-wrap h4 strong{font-size:inherit; color:var(--blue--002b); font-weight:var(--font-weight-bold)}
.estimate-wrap.active .modal-wrap .content .send-wrap .send-btn{width:540px; height:73px; display:flex; justify-content: space-between; align-items: center; margin:0 auto}
.estimate-wrap.active .modal-wrap .content .send-wrap .send-btn a{width:calc((100% - 20px) / 2); height:73px; border-radius: 37px; font-size:var(--font-size-20); font-weight:var(--font-weight-medium); display:flex; justify-content: center; align-items: center;}
.estimate-wrap.active .modal-wrap .content .send-wrap .send-btn a.btn-kakao{ background:var(--yellow-fae); color:var(--black)}
.estimate-wrap.active .modal-wrap .content .send-wrap .send-btn a.btn-email{ background:var(--blue--0758); color:var(--white)}

@media (max-width:1199px) {

  .estimate-wrap.active .modal-wrap .content .send-wrap{ padding-top:91px}
  .estimate-wrap.active .modal-wrap .content .send-wrap h4{font-size:var(--font-size-16); margin-bottom:39px}
  .estimate-wrap.active .modal-wrap .content .send-wrap .send-btn{width:100%; height:auto; display:flex; flex-direction:column; justify-content: center; align-items: center; margin:0 auto 78px auto}
  .estimate-wrap.active .modal-wrap .content .send-wrap .send-btn a{width:100%; height:51px; border-radius: 26px; font-size:var(--font-size-16); }
  .estimate-wrap.active .modal-wrap .content .send-wrap .send-btn a.btn-kakao{ margin-bottom:12px}

}



.estimate-wrap.active .modal-wrap .content .mail-wrap{width:100%; text-align: center; padding-top:34px}
.estimate-wrap.active .modal-wrap .content .mail-wrap h4{font-size:var(--font-size-22); color:var(--black); font-weight:var(--font-weight-regular); margin-bottom:35px}
.estimate-wrap.active .modal-wrap .content .mail-wrap h4 strong{font-size:inherit; color:var(--blue--002b); font-weight:var(--font-weight-bold)}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul{width:481px; margin:0 auto; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li{ width:100%; margin-bottom:21px; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label{width:100%; margin-bottom: 12px; text-align: left; }
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label .estimate-form{font-size:var(--font-size-12); color:var(--gray-888)}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label .estimate-form.pc{display:inline-flex !important}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label span{ font-size:var(--font-size-18); position:relative; padding-right:10px; color:var(--black-0c0)}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label span:after{ content:"•"; position:absolute; top:-5px; right:0; color:var(--red ); font-size:var(--font-size-18) }
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input{width:100%; text-align: left;}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input .input-f{width:100%; height:44px; background:var(--white); box-shadow: 0 3px 10px rgba(0,0,0,0.01); padding:0 10px}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input .input-f.wd-small{width:85px;}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input span{padding:0 8px; color:var(--gray-dbd); font-size:var(--font-size-18)}
.estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li:last-child{margin-bottom:37px}
.estimate-wrap.active .modal-wrap .content .mail-wrap .btn-esti-apply{margin:0 auto; display:flex; justify-content:center; align-items:center; width:235px; height:67px; border-radius: 34px; background:var(--blue--0758); color:var(--white); font-size:var(--font-size-22)}



@media (max-width:1199px) {

  .estimate-wrap.active .modal-wrap .content .mail-wrap{padding-top:0}
  .estimate-wrap.active .modal-wrap .content .mail-wrap h4{font-size:var(--font-size-16); margin:-20px auto 13px auto; width:calc(100% - 40px); word-break: keep-all;}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul{width:100%}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li{ margin-bottom:8px; }
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label{ margin-bottom: 6px; text-align: left; }
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label .estimate-form.pc{display:none !important}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .estimate-form.mobile{font-size:var(--font-size-12); color:var(--gray-888); display:inline-flex !important }
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label.mb-wd{width:100%}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label span{ font-size:var(--font-size-16); position:relative; padding-right:10px}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label span:after{ content:"•"; position:absolute; top:-5px; right:0; font-size:var(--font-size-16) }
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input .input-f{width:100%; height:34px; padding:0 10px}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input .input-f.wd-small{width:calc((100% - 60px) / 3)}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input span{padding:0 4px; font-size:var(--font-size-14)}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input-label{display:flex; justify-content: flex-start; align-items: center;}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li:last-child{margin-bottom:16px}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .btn-esti-apply{width:100%; height:53px; border-radius: 47px; font-size:var(--font-size-16); margin-bottom:32px}


}


@media (max-width:320px) {

  .estimate-wrap.active .modal-wrap .content .mail-wrap h4{font-size:var(--font-size-14); margin:0px auto 13px auto; width:calc(100% - 40px); word-break: keep-all;}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li{ margin-bottom:8px; }
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label{ margin-bottom: 6px; text-align: left; }
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label span{ font-size:var(--font-size-14); position:relative; padding-right:10px}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .label span:after{ content:"•"; position:absolute; top:-5px; right:0; font-size:var(--font-size-14) }
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input .input-f{width:100%; height:34px; padding:0 10px}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input .input-f.wd-small{width:52px}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input span{padding:0 4px; font-size:var(--font-size-12)}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li .input-label{display:flex; justify-content: flex-start; align-items: center;}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .input-ul li:last-child{margin-bottom:16px}
  .estimate-wrap.active .modal-wrap .content .mail-wrap .btn-esti-apply{width:100%; height:43px; border-radius: 47px; font-size:var(--font-size-14)}


}

.input-ul input[type="checkbox"].radio-box{display: none;}
.input-ul  input[type="checkbox"].radio-box + label{position:relative;display:flex;justify-content: flex-start; align-items: center;cursor:pointer}
.input-ul  input[type="checkbox"].radio-box + label .check-box{width:14px;height:14px;border:1px solid var(--gray-ded);background:#fff;margin-right:4px;display:inline-block}
.input-ul  input[type="checkbox"].radio-box + label .check-txt{color:var(--black-0c0);font-size:var(--font-size-14);display:inline-block}
.input-ul  input[type="checkbox"]:checked.radio-box + label{position:relative}
.input-ul  input[type="checkbox"]:checked.radio-box + label .check-box{background:url(./images/common/ic-chk.svg) no-repeat center center; width:14px;height:14px; margin-right:4px}
.input-ul  input[type="checkbox"]:checked.radio-box + label .check-txt{}


.estimate-wrap.active .modal-wrap .content .agree-wrap {width:calc(100% - 168px); margin:0 auto; padding-top:65px}
.estimate-wrap.active .modal-wrap .content .agree-wrap h4{font-size:var(--font-size-22); color:var(--black); font-weight:var(--font-weight-regular); margin-bottom:13px; text-align: center;}
.estimate-wrap.active .modal-wrap .content .agree-form {width:100%; height:178px; box-shadow:0 3px 10px rgba(0,0,0,0.06); padding:15px 17px; margin-bottom:12px}
.estimate-wrap.active .modal-wrap .content .agree-form textarea{ width:100%; height:100%; background:transparent; border:0; padding:0; resize: none; font-size:var(--font-size-14); color:var(--gray-989);}
.estimate-wrap.active .modal-wrap .content .agree-form textarea::-webkit-scrollbar{ background:#E9E9E9; width:2px}
.estimate-wrap.active .modal-wrap .content .agree-form textarea::-webkit-scrollbar-thumb{ background:var(--blue--0758); width:2px}

@media (max-width:1199px) {

  .estimate-wrap.active .modal-wrap .content .agree-wrap {width:100%; margin:0 auto; padding-top:0}
  .estimate-wrap.active .modal-wrap .content .agree-wrap h4{font-size:var(--font-size-16); margin:0 auto 13px auto; }
  .estimate-wrap.active .modal-wrap .content .agree-form {width:100%; height:129px; padding:15px 17px; margin-bottom:12px}
  .estimate-wrap.active .modal-wrap .content .agree-form textarea{ font-size:var(--font-size-12); }


}


.agree-wrap .agree-chk.bmg{ margin-bottom:15px}
.agree-wrap .agree-chk input[type="checkbox"].radio-box{display: none;}
.agree-wrap .agree-chk input[type="checkbox"].radio-box + label{position:relative;display:flex;justify-content: flex-start; align-items: center;cursor:pointer}
.agree-wrap .agree-chk input[type="checkbox"].radio-box + label .check-box{width:14px;height:14px;border:1px solid var(--gray-ded);background:#fff;margin-right:4px;display:inline-block}
.agree-wrap .agree-chk input[type="checkbox"].radio-box + label .check-txt{color:var(--black-0c0);font-size:var(--font-size-14);display:inline-block}
.agree-wrap .agree-chk input[type="checkbox"]:checked.radio-box + label{position:relative}
.agree-wrap .agree-chk input[type="checkbox"]:checked.radio-box + label .check-box{background:url(./images/common/ic-chk.svg) no-repeat center center; width:14px;height:14px; margin-right:4px}
.agree-wrap .agree-chk input[type="checkbox"]:checked.radio-box + label .check-txt{}

@media (max-width:1199px) {

  .agree-wrap .agree-chk.bmg{ margin-bottom:28px}
}

.agree-wrap .esti-apply{ width:100%; display:flex; justify-content: center; align-items: center; padding-top:41px}
.agree-wrap .esti-apply input[type="checkbox"].radio-box{display: none;}
.agree-wrap .esti-apply input[type="checkbox"].radio-box + label{position:relative;display:flex;justify-content: center; align-items: center;cursor:pointer; width:235px;height:67px; border-radius:34px ; background:#fff; border:1px solid var(--gray-e5e);}
.agree-wrap .esti-apply input[type="checkbox"].radio-box + label .check-box{ display:none}
.agree-wrap .esti-apply input[type="checkbox"].radio-box + label .check-txt{display:flex; font-size:var(--font-size-22); color:var(--black)}
.agree-wrap .esti-apply input[type="checkbox"]:checked.radio-box + label{position:relative; background:var(--blue--0758); width:235px; border:1px solid var(--blue--0758); height:67px; border-radius:34px}
.agree-wrap .esti-apply input[type="checkbox"]:checked.radio-box + label .check-box{}
.agree-wrap .esti-apply input[type="checkbox"]:checked.radio-box + label .check-txt{ color:var(--white) }

@media (max-width:1199px) {

.agree-wrap .esti-apply{ padding-top:20px}
.agree-wrap .esti-apply input[type="checkbox"].radio-box + label{width:100%; height:53px; border-radius:27px ; }
.agree-wrap .esti-apply input[type="checkbox"].radio-box + label .check-txt{display:flex; font-size:var(--font-size-16); }
.agree-wrap .esti-apply input[type="checkbox"]:checked.radio-box + label{position:relative; width:100%; height:53px; border-radius:27px}

}

@media (max-width:320px) {

  .agree-wrap .esti-apply{ padding-top:20px}
  .agree-wrap .esti-apply input[type="checkbox"].radio-box + label{width:100%; height:43px; border-radius:27px ; }
  .agree-wrap .esti-apply input[type="checkbox"].radio-box + label .check-txt{display:flex; font-size:var(--font-size-14); }
  .agree-wrap .esti-apply input[type="checkbox"]:checked.radio-box + label{position:relative; width:100%; height:43px; border-radius:27px}

  }



.esti-chk input[type="radio"].radio-box{display: none;}
.esti-chk input[type="radio"].radio-box + label{position:relative;display:flex;justify-content: center; align-items: center;cursor:pointer; width:calc((100% - 13px) / 2);height:56px; border-radius:28px ; background:#fff; border:1px solid var(--gray-e5e);}
.esti-chk input[type="radio"].radio-box + label .check-box{ display:none}
.esti-chk input[type="radio"].radio-box + label .check-txt{display:flex; font-size:var(--font-size-22); color:var(--black)}
.esti-chk input[type="radio"]:checked.radio-box + label{position:relative; background:var(--blue--0758); width:calc((100% - 13px) / 2); border:1px solid var(--blue--0758); height:56px; border-radius:28px}
.esti-chk input[type="radio"]:checked.radio-box + label .check-box{}
.esti-chk input[type="radio"]:checked.radio-box + label .check-txt{ color:var(--white) }

@media (max-width:1199px) {

  .esti-chk input[type="radio"].radio-box + label{width:calc((100% - 7px) / 2); height:40px; border-radius:20px ;}
  .esti-chk input[type="radio"].radio-box + label .check-txt{ font-size:var(--font-size-16); }
  .esti-chk input[type="radio"]:checked.radio-box + label{width:calc((100% - 13px) / 2); height:40px; border-radius:20px}

}

@media (max-width:320px) {

  .esti-chk input[type="radio"].radio-box + label{width:calc((100% - 7px) / 2); height:30px; border-radius:20px ;}
  .esti-chk input[type="radio"].radio-box + label .check-txt{ font-size:var(--font-size-14); }
  .esti-chk input[type="radio"]:checked.radio-box + label{width:calc((100% - 13px) / 2); height:30px; border-radius:20px}

}


.estimate-wrap.active .modal-wrap .footer{width:100%; height:56px; display:flex; justify-content: flex-end; align-items: center; padding:0 38px 0 0}
.estimate-wrap.active .modal-wrap .btns{border:1px solid var(--gray-e5e); width:159px; height:56px; display:flex; justify-content: center; align-items: center; font-size:var(--font-size-22); color:var(--black); margin-left:15px ;background:var(--white)}
.estimate-wrap.active .modal-wrap .btns:hover{ border-color:var(--black) }

@media (max-width:1199px) {

  .estimate-wrap.active .modal-wrap .footer{width:100%; height:45px; display:flex; justify-content: center; align-items: center; padding:0 0 0 0}
  .estimate-wrap.active .modal-wrap .btns{ width:calc((100% - 11px) / 2); height:45px; font-size:var(--font-size-16); margin-left:0;}
  .estimate-wrap.active .modal-wrap .btns:nth-child(2){ margin-left:11px }
  .estimate-wrap.active .modal-wrap .btns:hover{ border-color:var(--black) }
}

.estimate-wrap.active .dimd{z-index:81; display:flex}

/*footer*/
footer {
	overflow: hidden;
	width: 100%;
	padding: 90px 115px 110px 109px;
	background: #eef0f5;
	box-sizing: border-box;
    position: relative;

}
footer .support {
	font-size: 0;
}
footer .corp {
	margin-top: 30px;
	font-size: 0;
}
footer .support_link,
footer .support_txt,
footer .corp_tit,
footer .corp_infotx {
	display: inline-block;
	color: var(--gray-666);
	font-size: 16px;
	line-height: 30px;
	letter-spacing: -0.25px;
	vertical-align: top;
  font-weight:var(--font-weight-regular)
}
footer .support_txt.cs_txt{font-size:24px; color:var(--gray-666);font-weight:var(--font-weight-regular)}
footer .support_txt a{ color:var(--gray-666);; font-size:16px}
footer .support_link:after,
footer .corp_infotx:after {
	display: inline-block;
	width: 1px;
	height: 18px;
	margin: 0 10px;
	background: var(--gray-666);
	vertical-align: -3px;
	content: "";
}
footer .support_txt {
	margin: 0;
	font-weight: var(--font-weight-regular);
  color:var(--gray-666)
}

footer .support .support_link:last-child:after, footer .support .support_txt:last-child:after {
	display: none;
}
footer .corp_info .corp_infotx:last-child:after {
	display: none;
}
footer .corp_tit {
	display: block;
	margin: 0;
	font-weight: var(--font-weight-bold);
}

footer .corp_infotx.noline_all:after {display:none}

@media (max-width:1199px) {


  footer {
    padding: 77px 15px 77px 20px;
    background: #EFF0F5;
    min-width: 100%;

  }
  footer .inner {
    text-align: left;
  }
  footer .corp_info {
    margin-top: 5px;
  }
  footer .corp_info.ft {
    margin-top: 28px;
  }

  footer .corp_tit{ font-size:14px}
  footer .corp_tit,
  footer .corp_infotx {
    line-height: 22px;
  }
  footer .corp_infotx {
    display: inline;
    word-break: break-all;
    font-size:14px;
  }

  footer .corp_info.ft .corp_infotx{
    font-size:13px;
  }

  footer .support_link,
  footer .support_txt {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
  }
  footer .support_txt.cs_txt{height:34px; }
  footer .support_txt a{ font-size:14px; line-height:30px;}
  footer .support_link{display:inline-block}
  footer .support_link:after,
  footer .corp_infotx:after {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 4px;
	vertical-align: -2px;
	content: "";
  }
  footer .corp_infotx.noline:after {display:none}

  
}