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

@media (max-width:1199px) {

  #wrapper{max-width:1199px; }
}

@media (max-width:320px) {

  #wrapper{max-width:100%; }
}


.center-nm {	position:relative;  width: 1300px;  margin: 0 auto;  }
.container {	position:relative; }
.container em{	font-size: var(--font-size-16); font-weight:var(--font-weight-bold); color:var(--blue--309); font-style: normal; }

@media (max-width:1199px) {
  .center-nm  {  width: 100%; }
}
.header{ width:100%; position:relative; min-width:1200px}
.header .tnb{ width:100%; height:41px; background:var(--blue--002); border-bottom:1px solid var(--blue--003)}
.header .tnb-ul{ display:flex; justify-content: flex-end; align-items: center; padding-right:11px}
.header .tnb-ul li{ display:flex; justify-content: flex-end; align-items: center; margin-left:39px; width:auto; height:41px}
.header .tnb-ul li a{ font-size:var(--font-size-14); color:var(--white)}

.header .tnb-banner{ width:100%; background:var(--blue--002); }
.header .tnb-banner .center-nm{ height:124px;}
.header .tnb-banner .tnb-inner{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); display:flex; justify-content: space-between; align-items: center; flex-shrink: 0; flex-wrap: nowrap;}
.header .tnb-banner .tnb-inner *{ flex-shrink: 0; }
.header .tnb-banner .tnb-inner h2{ width:98px; height:98px;  }
.header .tnb-banner .tnb-inner h2 img{ width:100%; height:auto}
.header .tnb-banner .tnb-inner .txt{ font-size:var(--font-size-30); font-weight:var(--font-weight-light); color:var(--white); margin:0 19px 0 11px; }
.header .tnb-banner .tnb-inner .txt .mo-h{ font-size:inherit; font-weight:inherit; color:inherit; display:inline-flex}
.header .tnb-banner .tnb-inner .txt strong{ font-weight:var(--font-weight-bold); font-size:inherit}
.header .tnb-banner .tnb-inner .btn-estimate{ width:195px; height:56px; background:var(--white); font-size:var(--font-size-22); color:var(--blue--1e3); font-weight:var(--font-weight-bold); border-radius: 28px; display:flex; justify-content: center; align-items: center;}
.header .tnb-banner .btn-close{ position:absolute; top:50%; right:11px; transform: translate(0, -50%); width:22px; height:22px; font-size:0; background:url("../images/common/tnb-btn-close.svg") no-repeat center center}

.header .gnb{ width:100%; height:86px; background:var(--blue--012) }
.header .gnb .center-nm{ display:flex; justify-content: space-between; align-items: center;}
.header .gnb h1{ width:61px; height:61px; margin-left:6px; }
.header .gnb h1 img{ width:100%; height:auto}
.header .gnb .gnb-ul{ display:flex; justify-content: flex-end; align-items: center; padding-right:11px; flex-shrink: 0;}
.header .gnb .gnb-ul li{ display:flex; justify-content: flex-end; align-items: center; margin-left:52px; width:auto; height:86px}
.header .gnb .gnb-ul li a{ font-size:var(--font-size-21); color:var(--white); position:relative}
/*.header .gnb .gnb-ul li a:hover{ font-weight:var(--font-weight-bold)}*/

.header .gnb .gnb-ul li a:after{ content: "";	position: absolute;	width: 0;	margin: auto;	bottom: -4px;	left: 0;	right: 0;	background: var(--white);	height: 2px;	transition: all 0.3s ease-in-out;}
.header .gnb .gnb-ul li a:hover{ }
.header .gnb .gnb-ul li a:hover:after{ width:100% }

.header .gnb .gnb-btn{ display:none}

.gnb-slide{display:none}
.gnb-dimd{display:none}

a.style01{ font-weight: bold; padding-bottom:2px; border-bottom:1px solid #fff;}

@media (max-width:1199px) {

  .header{ min-width:100%}
  .header .tnb{ display:none }
  
  .header .tnb-banner .center-nm{ height:82px}
  .header .tnb-banner .tnb-inner{ position:absolute; top:50%; left:29px; transform: translate(0, -50%); display:flex; justify-content: flex-start; align-items: center; flex-shrink: 0; flex-wrap: nowrap; width:calc(100% - 86px)}
  .header .tnb-banner .tnb-inner *{ flex-shrink: 0; }
  .header .tnb-banner .tnb-inner h2{ width:41px; height:41px; display:inline-flex; margin-right:3px}
  .header .tnb-banner .tnb-inner h2 img{ width:100%; height:auto}
  .header .tnb-banner .tnb-inner .txt{ font-size:var(--font-size-16); margin:0 0 0 0 ; display:flex; width:150px; text-align: left; justify-content: flex-start; flex-wrap: wrap; flex-shrink: 1; line-height:0.6}
  .header .tnb-banner .tnb-inner .txt .mo-h{ display:none}
  .header .tnb-banner .tnb-inner .txt .mobile{ display:flex !important}
  .header .tnb-banner .tnb-inner .btn-estimate{ width:116px; height:40px; font-size:var(--font-size-16); border-radius: 20px; }
  .header .tnb-banner .btn-close{ position:absolute; top:50%; right:30px; transform: translate(0, -50%); width:17px; height:17px; font-size:0; background-size:cover}

  .header .gnb{ width:100%; height:67px; }
  .header .gnb .center-nm{ justify-content: center; width:100%; height:100%}
  .header .gnb h1{ width:47px; height:47px; margin-left:0; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
  .header .gnb .gnb-ul{ display:none}
  .header .gnb .gnb-btn{ display:flex; position:absolute; top:50%; right:30px; transform: translate(0,-50%); width:22px; height:19px; background:url("../images/common/ic-list.svg") no-repeat center; background-size:cover; font-size:0;}

  .gnb-slide{background:var(--white); height:100%; width:90%; position:absolute; top:0; right:-90%; z-index:50; display:flex; transition: all 0.5s;
  flex-direction:column; justify-content: flex-start; align-items: flex-start;}
  .gnb-slide .gnb-s-header{width:100%; height:148px; background:var(--blue--012); }
  .gnb-slide .gnb-s-header .btn-t{width:100%; height:77px; display:flex; flex-direction: row-reverse; align-items: center;}
  .gnb-slide .gnb-s-header .gnb-xBtn{width:18px; height:18px; background:url("../images/common/tnb-btn-close.svg") no-repeat center; background-size:cover; font-size:0; margin:0 30px 0  0}
  .gnb-slide .gnb-s-header .btn-wrap{ width:calc(100% - 65px); display:flex; justify-content: space-between; align-items: center; margin-left:30px}
  .gnb-slide .gnb-s-header .btn-wrap li{ width:calc((100% - 13px) / 2); height:42px;  color:var(--white); display:flex; justify-content: center; align-content: center;}
  .gnb-slide .gnb-s-header .btn-wrap li a{ width:100%; height:100%; color:var(--white); border-radius: 21px; border:1px solid var(--blue--0758); display:flex; justify-content: center; align-items: center;}
  .gnb-slide .gnb-s-header .btn-wrap li a i{ width:6px; height:12px; margin-left:10px; background:url("../images/main/ic-mv-btn-arrow.svg") no-repeat center center; background-size:cover; font-size:0}
  .gnb-slide .gnb-s-header .btn-wrap li a.btn-l{ background:var(--blue--0758);}
  .gnb-slide .gnb-s-header .btn-wrap li a.btn-j{ background:transparent; border-color:var(--white)}

  .gnb-slide .gnb-s-cont{width:100%; height:calc(100vh - 211px)}
  .gnb-slide .gnb-s-cont .gnb-s-ul{width:100%; display:flex; flex-direction:column; }
  .gnb-slide .gnb-s-cont .gnb-s-ul li{height:63px; border-bottom:1px solid rgba(1,35,180,0.13)}
  .gnb-slide .gnb-s-cont .gnb-s-ul li a{width:100%; height:100%; color:var(--blue--012); font-size:var(--font-size-18); font-weight:var(--font-weight-semibold); display:flex; flex-direction:row; justify-content: center; align-items: center;}
  .gnb-slide .gnb-s-cont a.btn-esti{width:157px; height:45px; border-radius: 26px; color:var(--blue--012); font-size:var(--font-size-18); font-weight:var(--font-weight-medium);
  background:var(--white); border:1px solid var(--blue--012); display:flex; justify-content: center; align-items: center;margin:95px auto 0 auto;}

  .gnb-slide .gnb-s-footer{width:100%; height:63px; background:var(--blue--002); display:flex; justify-content: center; align-items: center;}
  .gnb-slide .gnb-s-footer .gnb-s-footer-ul{width:auto; display:flex; justify-content: center; align-items: center;}
  .gnb-slide .gnb-s-footer .gnb-s-footer-ul li{padding:0 8px; }
  .gnb-slide .gnb-s-footer .gnb-s-footer-ul li a{font-size:var(--font-size-16); color:var(--white); font-weight:var(--font-weight-light); letter-spacing:-0.03rem}
  .gnb-dimd{width:100%; height:100%; background:rgba(0,0,0,0.39); font-size:0; position:absolute; top:0; left:0;z-index:49; }
  .gnb-dimd.active{ display:flex;}
}


@media (max-width:320px) {

    
  .header .tnb-banner .center-nm{ height:62px}
  .header .tnb-banner .tnb-inner{ left:10px;  width:calc(100% - 46px)}
  .header .tnb-banner .tnb-inner h2{ width:41px; height:41px; margin-right:3px}
  .header .tnb-banner .tnb-inner h2 img{ width:100%; height:auto}
  .header .tnb-banner .tnb-inner .txt{ font-size:var(--font-size-12); width:100px; }
  .header .tnb-banner .tnb-inner .btn-estimate{ width:96px; height:30px; font-size:var(--font-size-14); border-radius: 20px; }
  .header .tnb-banner .btn-close{ right:20px; }

  
  .header .gnb .gnb-btn{ right:20px; }

  .gnb-slide .gnb-s-header{height:128px; }
  .gnb-slide .gnb-s-header .btn-t{width:100%; height:57px; }
  .gnb-slide .gnb-s-header .gnb-xBtn{margin:0 20px 0  0}
  .gnb-slide .gnb-s-header .btn-wrap{ width:calc(100% - 45px); margin-left:20px}
  .gnb-slide .gnb-s-header .btn-wrap li{ height:32px; }
  .gnb-slide .gnb-s-header .btn-wrap li a{ font-size:var(--font-size-14) }

  .gnb-slide .gnb-s-cont{width:100%; height:calc(100vh - 181px)}
  .gnb-slide .gnb-s-cont .gnb-s-ul li{height:43px;}
  .gnb-slide .gnb-s-cont .gnb-s-ul li a{font-size:var(--font-size-16); }
  .gnb-slide .gnb-s-cont a.btn-esti{width:157px; height:35px; font-size:var(--font-size-16); margin:75px auto 0 auto;}

  .gnb-slide .gnb-s-footer{width:100%; height:53px; }
  .gnb-slide .gnb-s-footer .gnb-s-footer-ul li {padding:0 4px}
  .gnb-slide .gnb-s-footer .gnb-s-footer-ul li a{font-size:var(--font-size-14); }
  .gnb-dimd.active{ display:flex;}

}

/*container - main*/
.main_mv{ width:100%; height:auto;  position:relative;}
.main_mv .center-nm{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:6; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.main_mv h3{ font-size:var(--font-size-22); color:var(--blue--00d); max-width: 310px; text-align: center; margin-bottom:15px; font-weight:var(--font-weight-light)}
.main_mv h4{ font-size:var(--font-size-60); color:var(--white); max-width: 780px; text-align: center; margin-bottom:28px; font-weight:var(--font-weight-bold)}
.main_mv a{ display:flex; justify-content: center; align-items: center; background:var(--blue--075); color:var(--white); font-size:var(--font-size-22); width:262px; height:68px; border-radius: 34px;}
.main_mv a i{ width:9px; height:18px; margin-left:10px; background:url("../images/main/ic-mv-btn-arrow.svg") no-repeat center center; font-size:0}
.main_mv .dimd{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.33);z-index:5; font-size:0; display:flex !important;}
.main_mv .img{ display:flex; justify-content: center; align-items: center; width:100%; height:100%; }
.main_mv .img img{ width:100%; height:auto; }

@media (max-width:1199px) {

  .main_mv{ min-height:auto; }
  .main_mv h3{ font-size:var(--font-size-16); max-width: calc(100% - 100px);margin-bottom:14px; }
  .main_mv h4{ font-size:var(--font-size-32); max-width: calc(100% - 100px); margin-bottom:34px;}
  .main_mv a{ font-size:var(--font-size-18); width:209px; height:53px; border-radius: 28px;}
  .main_mv a i{ width:6px; height:12px; margin-left:8px; background-size:cover}
}


@media (max-width:320px) {

  .main_mv{ min-height:100%; }
  .main_mv h3{ font-size:var(--font-size-14); max-width: calc(100% - 80px);margin-bottom:14px; }
  .main_mv h4{ font-size:var(--font-size-28); max-width: calc(100% - 60px); margin-bottom:24px;}
  .main_mv a{ font-size:var(--font-size-16); width:209px; height:43px; }
}


.guide-wrap{ width:100%; background:var(--blue--002);}
.guide-wrap .guide-ul{ width:100%; height:257px; display:flex; justify-content: flex-start; align-items: center;}
.guide-wrap .guide-ul li{ width:100%; height:100%; display:flex; flex-direction:column; justify-content: center; align-items: center; position:relative}
/*.guide-wrap .guide-ul li:first-child:after{ content:""; width:1px; height:80px; background:var(--white); position:absolute; right:0; top:50%; transform: translate(0,-50%);}*/
.guide-wrap .guide-ul li h2{ font-size:var(--font-size-20); color:var(--blue--00d); margin-bottom:5px; font-weight:var(--font-weight-light); text-align: center; line-height: 1.6}
.guide-wrap .guide-ul li h3{ font-size:var(--font-size-30); color:var(--white); font-weight:var(--font-weight-bold); text-align: center; line-height: 1.6}
.guide-wrap .guide-ul li h3 span{ font-size:inherit; font-weight:var(--font-weight-light)}

@media (max-width:1199px) {

  
  .guide-wrap .guide-ul{ width:100%; height:auto; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
  .guide-wrap .guide-ul li{ width:100%; height:100%; padding-bottom:27px;padding-top:74px;}
  .guide-wrap .guide-ul li:last-child{ padding-top:27px; padding-bottom:69px}
  .guide-wrap .guide-ul li:first-child:after{ content:""; width:72px; height:1px; position:absolute; right:50%; top:unset; bottom:0; transform: translate(50%, 0);}
  .guide-wrap .guide-ul li h2{ font-size:var(--font-size-16);}
  .guide-wrap .guide-ul li h3{ font-size:var(--font-size-24); }
  

}


@media (max-width:320px) {

  
  .guide-wrap .guide-ul li{ width:100%; height:100%; padding-bottom:17px;padding-top:54px;}
  .guide-wrap .guide-ul li:last-child{ padding-top:17px; padding-bottom:49px}
  .guide-wrap .guide-ul li h2{ font-size:var(--font-size-14); margin-bottom:10px; }
  .guide-wrap .guide-ul li h3{ font-size:var(--font-size-20); }
  

}

.about-personal-wrap{ padding:125px 0 121px 0}
.about-personal-wrap .center-nm{ display:flex; justify-content: space-between; align-items: center;}
.about-personal-wrap .center-nm .img{ margin-left:9px; width:641px; height:423px;}
.about-personal-wrap .center-nm .right{ width:calc(100% - 730px); height:423px; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
.about-personal-wrap .center-nm .right h2{ font-size:var(--font-size-25); color:var(--blue--309); font-weight:var(--font-weight-bold); margin-bottom:8px;}
.about-personal-wrap .center-nm .right h3{ font-size:var(--font-size-60); color:var(--black); font-weight:var(--font-weight-light); margin-bottom:19px;}
.about-personal-wrap .center-nm .right h3 strong{ font-size:inherit; color:inherit; font-weight:var(--font-weight-bold)}
.about-personal-wrap .center-nm .right p{ font-size:var(--font-size-18); color:var(--black) }


@media (max-width:1199px) {

  .about-personal-wrap{ padding:91px 0 75px 0}
  .about-personal-wrap .center-nm{ justify-content: center; }
  .about-personal-wrap .center-nm .img{ display:none}
  .about-personal-wrap .center-nm .right{ width:calc(100% - 100px); height:auto; justify-content: center; align-items: center}
  .about-personal-wrap .center-nm .right h2{ font-size:var(--font-size-16); margin-bottom:4px;}
  .about-personal-wrap .center-nm .right h3{ font-size:var(--font-size-30); margin-bottom:19px;}
  .about-personal-wrap .center-nm .right p{ font-size:var(--font-size-16); text-align: center;}


}

@media (max-width:320px) {

  .about-personal-wrap{ padding:71px 0 55px 0}
  .about-personal-wrap .center-nm .right{ width:calc(100% - 60px); }
  .about-personal-wrap .center-nm .right h2{ font-size:var(--font-size-14);}
  .about-personal-wrap .center-nm .right h3{ font-size:var(--font-size-28);}
  .about-personal-wrap .center-nm .right p{ font-size:var(--font-size-14);}


}
.tax-wrap{ width:100%; background:var(--gray-f8f); padding:133px 0 158px 0}
.tax-wrap .center-nm{ width:1406px; }
.tax-wrap .center-nm h2{ font-size:var(--font-size-30); color:var(--blue--446); font-weight:var(--font-weight-light); margin-bottom:44px}
.tax-wrap .center-nm h2 strong{ font-size:inherit; color:inherit; font-weight:var(--font-weight-bold)}
.tax-wrap .center-nm .rect-inner{ width:100%; display:flex; justify-content: space-between; align-items: flex-start;}
.tax-wrap .center-nm .rect-inner .cont{ height:auto; height:399px; border-radius: 52px; border:1px solid var(--gray-e4e); background:var(--white);}
.tax-wrap .center-nm .rect-inner .cont.left{ width:923px; padding:51px 35px 0 68px}
.tax-wrap .center-nm .rect-inner .cont.right{ width:442px; border-radius: 64px; padding:51px 55px 0 73px }
.tax-wrap .center-nm .rect-inner .cont.right p { font-size:var(--font-size-18); }
.tax-wrap .center-nm .rect-inner .cont h3{ font-size:var(--font-size-30); font-weight:var(--font-weight-bold);color:var(--black); margin:12px 0}
.tax-wrap .center-nm .rect-inner .cont .tax-inner{ width:100%; display:flex; justify-content: space-between; align-items: flex-start;}
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left{ width:322px; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .tit{ font-size:var(--font-size-18); position:relative; margin-bottom:14px; padding-left:10px}
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .tit:before{ content:"��"; font-size:var(--font-size-18); position:absolute; top:0; left:0; }
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .rect{ width:calc(100% - 7px); border:1px solid var(--gray-e2e); display:flex; flex-direction: column; justify-content: center; align-items: flex-start; padding:15px 10px}
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .rect li{ width:100%; display:flex; flex-direction:row; justify-content: space-between; align-items: center; font-size:var(--font-size-18); color:var(--black)}
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .rect li span{ font-size:inherit; color:var(--black)}

.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right{ width:calc(100% - 395px); display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right li{ padding-left:10px; font-size:var(--font-size-18); color:var(--black); position:relative;}
.tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right li:before{ content:"��"; font-size:var(--font-size-18); position:absolute; top:0; left:0; }

@media (max-width:1199px) {

  .tax-wrap{ width:100%; padding:67px 0 94px 0}
  .tax-wrap .center-nm{ width:calc(100% - 60px); }
  .tax-wrap .center-nm h2{ width:calc(100% - 70px); font-size:var(--font-size-24); margin:0 auto 16px auto; word-break: keep-all; text-align: center;}
  .tax-wrap .center-nm .rect-inner{ width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
  .tax-wrap .center-nm .rect-inner .cont{ height:auto; text-align: center; display:flex; flex-direction:column; justify-content: center; align-items: center; }
  .tax-wrap .center-nm .rect-inner .cont.left{ width:100%; padding:41px 0 76px 0; margin-bottom:30px}
  .tax-wrap .center-nm .rect-inner .cont.right{ width:100%; border-radius: 52px; padding:46px 32px 50px 36px }
  .tax-wrap .center-nm .rect-inner .cont.right p { font-size:var(--font-size-16); text-align: left;}
  .tax-wrap .center-nm .rect-inner .cont h3{ font-size:var(--font-size-24); margin:19px 0}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner{ width:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left{ width:calc(100% ); display:flex; flex-direction:column; justify-content: center; align-items: center;}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .tit{ font-size:var(--font-size-16); position:relative; margin-bottom:23px; padding-left:10px; width:calc(100% - 60px)}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .tit:before{ content:"��"; font-size:var(--font-size-18); position:absolute; top:-5px; left:0; }
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .rect{ width:calc(100% - 62px); padding:27px 23px; margin-bottom:23px}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .rect li{ font-size:var(--font-size-14); height:24px}

  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right{ width:calc(100% - 54px); display:flex; flex-direction:column; justify-content: center; align-items: flex-start; margin:0 auto}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right li{ padding-left:0; font-size:var(--font-size-16); text-align: left; padding-left:10px}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right li:before{ content:"��"; font-size:var(--font-size-16); }

}

@media (max-width:320px) {

  .tax-wrap{ padding:47px 0 74px 0}
  .tax-wrap .center-nm{ width:calc(100% - 40px); }
  .tax-wrap .center-nm h2{ width:calc(100% - 50px); font-size:var(--font-size-20); }
  .tax-wrap .center-nm .rect-inner .cont.left{ width:100%; padding:31px 0 66px 0; margin-bottom:20px}
  .tax-wrap .center-nm .rect-inner .cont.right{ width:100%; border-radius: 52px; padding:36px 22px 40px 26px }
  .tax-wrap .center-nm .rect-inner .cont.right p { font-size:var(--font-size-14); }
  .tax-wrap .center-nm .rect-inner .cont h3{ font-size:var(--font-size-20);}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .tit{ font-size:var(--font-size-14); position:relative; margin-bottom:13px; padding-left:5; width:calc(100% - 40px)}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .tit:before{ content:"��"; font-size:var(--font-size-14); position:absolute; top:-5px; left:0; }
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .rect{ width:calc(100% - 42px); padding:17px 13px; margin-bottom:13px}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-left .rect li{ font-size:var(--font-size-14); height:18px}

  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right{ width:calc(100% - 44px); }
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right li{ padding-left:0; font-size:var(--font-size-14); text-align: left; padding-left:5px}
  .tax-wrap .center-nm .rect-inner .cont .tax-inner .txt-right li:before{ content:"��"; font-size:var(--font-size-14); }

}

.whatis-wrap{width:100%; min-height:714px; padding:143px 0 0 0 }
.whatis-wrap .center-nm{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center}
.whatis-wrap h2{font-size:var(--font-size-50); font-weight:var(--font-weight-extralight); margin-bottom:52px;}
.whatis-wrap ul{width:100%; display:flex; flex-direction:row; justify-content: center; align-items: flex-start;}
.whatis-wrap ul li{width:calc(100% / 5); display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.whatis-wrap ul li .ic{width:146px; height:146px; border-radius: 73px; background:var(--blue--012); display:flex; justify-content: center; align-items: center; margin-bottom:20px}
.whatis-wrap ul li:nth-child(1) .ic{ background-image:url("../images/main/ic-whatis01.svg"); background-repeat: no-repeat; background-position: center;}
.whatis-wrap ul li:nth-child(2) .ic{ background-image:url("../images/main/ic-whatis02.svg"); background-repeat: no-repeat; background-position: center;}
.whatis-wrap ul li:nth-child(3) .ic{ background-image:url("../images/main/ic-whatis03.svg"); background-repeat: no-repeat; background-position: center;}
.whatis-wrap ul li:nth-child(4) .ic{ background-image:url("../images/main/ic-whatis04.svg"); background-repeat: no-repeat; background-position: center;}
.whatis-wrap ul li:nth-child(5) .ic{ background-image:url("../images/main/ic-whatis05.svg"); background-repeat: no-repeat; background-position: center;}
.whatis-wrap ul li h3{font-size:var(--font-size-22); font-weight:var(--font-weight-bold); color:var(--blue--446); margin-bottom:12px}
.whatis-wrap ul li p{font-size:var(--font-size-18); max-width:210px; text-align: center; line-height:1.2}

@media (max-width:1199px) {

  .whatis-wrap{width:100%; min-height:auto; padding:87px 0 107px 0 }
  .whatis-wrap h2{font-size:var(--font-size-40); margin-bottom:28px}
  .whatis-wrap ul{width:100%; display:flex; flex-direction:row; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .whatis-wrap ul li{width:50%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-bottom:52px}
  .whatis-wrap ul li:nth-child(4){padding-bottom:34px}
  .whatis-wrap ul li:nth-child(5){padding-bottom:0}
  .whatis-wrap ul li .ic{width:97px; height:97px; border-radius: 48px; margin-bottom:13px}
  .whatis-wrap ul li:nth-child(1) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(2) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(3) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(4) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(5) .ic{ background-size:50% }
  .whatis-wrap ul li h3{font-size:var(--font-size-20); margin-bottom:6px}
  .whatis-wrap ul li p{font-size:var(--font-size-16); max-width:140px; }
}

@media (max-width:320px) {

  .whatis-wrap{ padding:67px 0 87px 0 }
  .whatis-wrap h2{font-size:var(--font-size-36); margin-bottom:23px}
  .whatis-wrap ul li{width:50%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-bottom:42px}
  .whatis-wrap ul li:nth-child(4){padding-bottom:24px}
  .whatis-wrap ul li .ic{width:87px; height:87px; }
  .whatis-wrap ul li:nth-child(1) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(2) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(3) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(4) .ic{ background-size:50% }
  .whatis-wrap ul li:nth-child(5) .ic{ background-size:50% }
  .whatis-wrap ul li h3{font-size:var(--font-size-18);}
  .whatis-wrap ul li p{font-size:var(--font-size-14); max-width:120px; }
}

.profile-wrap{width:100%; background:var(--blue--3a4); }
.profile-wrap .center-nm{  height:513px; display:flex; justify-content: flex-start; align-items: center}
.profile-wrap .left{ }
.profile-wrap .left h3{ font-size:var(--font-size-40); color:var(--white); font-weight:var(--font-weight-extralight); margin-bottom:24px; line-height:50px}
.profile-wrap .left h3 span{ font-size:inherit; font-weight: inherit; color:inherit; font-weight:var(--font-weight-bold)}
.profile-wrap .left h3 span.fw-l{color:var(--blue--21c); font-weight:var(--font-weight-extralight)}
.profile-wrap .left p{ width:570px; color:var(--white); font-size:var(--font-size-18); font-weight:var(--font-weight-extralight)}
.profile-wrap .img{position:absolute; top:-62px; right:19px; width: 520px; height:575px}
.profile-wrap .img img{width:100%; height:auto}


@media (max-width:1199px) {

  .profile-wrap .center-nm{  height:auto; padding:103px 0 0 0;flex-direction:column; justify-content: center; align-items: center}
  .profile-wrap .left{ width:calc(100% - 60px); padding-bottom:28px }
  .profile-wrap .left h3{ font-size:var(--font-size-24); margin-bottom:19px; text-align: center; line-height:32px}
  .profile-wrap .left p{ width:100%; font-size:var(--font-size-16); text-align: center; padding:0 10px; word-break: keep-all;}
  .profile-wrap .img{position:unset; top:unset; right:unset; width: 100%; height:auto; display:flex; justify-content: center; align-items: flex-start;}
  .profile-wrap .img img{width:auto; height:342px}

}

@media (max-width:320px) {

  .profile-wrap .center-nm{ padding:83px 0 0 0;}
  .profile-wrap .left{ width:calc(100% - 56px); }
  .profile-wrap .left h3{ font-size:var(--font-size-20); }
  .profile-wrap .left p{ font-size:var(--font-size-14);}
  .profile-wrap .img img{width:auto; height:302px}

}



.msg-wrap{width:100%; background:var(--yellow-fae)}
.msg-wrap .center-nm{ height:737px;  display:flex; justify-content: space-between; align-items: center}
.msg-wrap .center-nm .img{ width:auto; height:637px; margin-left:124px; align-items: center }
.msg-wrap .center-nm .img img{ width:100%; height:auto;}
.msg-wrap .center-nm .right{ margin-right:173px; height:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
.msg-wrap .center-nm .right em{ font-size:var(--font-size-25); margin-top:30px}
.msg-wrap .center-nm .right h3{ font-size:var(--font-size-50);margin:28px 0 37px 0; color:var(--black) }
.msg-wrap .center-nm .right .btns{ width:450px; height:64px; display:flex; justify-content: flex-start; align-items: center;}
.msg-wrap .center-nm .right .btns .ic{ width:63px; height:63px; background:url("../images/main/ic-msg.svg") no-repeat center;margin-right:12px; font-size:0; box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-radius: 10px;}
.msg-wrap .center-nm .right .btns a{display:flex; justify-content: flex-start; align-items: center;}
.msg-wrap .center-nm .right .btns a .txt{width:338px; height:64px; background:var(--white); border-radius: 32px; display:flex; justify-content: flex-start; align-items: center; font-size:var(--font-size-22); font-weight:var(--font-weight-bold); padding-left:45px; letter-spacing:0; margin-right:4px;box-shadow: 0 3px 6px rgba(0,0,0,0.09)}
.msg-wrap .center-nm .right .btns a .plus{width:32px; height:32px; background:url("../images/main/btn-msg-plus.svg") no-repeat center; font-size:0}

.msg-wrap .center-nm .right .btns01{ width:150px; height:54px; border-radius:27px; display:flex; justify-content: flex-start; align-items: center; background:var(--white);box-shadow: 0 3px 6px rgba(0,0,0,0.09); margin-top:28px; font-size:var(--font-size-22); font-weight:var(--font-weight-bold); color:var(--black)}
.msg-wrap .center-nm .right .btns01 .ic{ width:54px; height:54px; background:url("../images/main/ic-msg-talk.svg") no-repeat center; background-size:cover; margin-right:17px; font-size:0; border-radius: 27px;}


.msg-wrap .center-nm .right{ margin-right:173px;}

.msg-wrap .center-nm .right .btns a#chat-channel-button {
  position: fixed;
  bottom: 6rem;
  right: 0px;
  text-align: right;
  margin-right: 6rem;
  cursor: pointer;
  z-index: 999;
}

@media (max-width:1199px) {

  .msg-wrap .center-nm{ height:auto;  flex-direction:column-reverse; justify-content: center; align-items: center ; padding:82px 0 0 0}
  .msg-wrap .center-nm .img{ width:20rem; height:auto; margin-left:0; margin-top:20px}
  .msg-wrap .center-nm .img img{ width:100%; height:auto;}
  .msg-wrap .center-nm .right{ width:100%; margin-right:0; text-align: center; align-items: center; }
  .msg-wrap .center-nm .right em{ font-size:var(--font-size-16); margin-top:0;}
  .msg-wrap .center-nm .right h3{ font-size:var(--font-size-24);margin:9px 0 16px 0; }
  .msg-wrap .center-nm .right .btns{ width:297px; height:50px; margin-left:33px}
  .msg-wrap .center-nm .right .btns .ic{ width:48px; height:48px; margin-right:8px; background-size:cover}
  /*.msg-wrap .center-nm .right .btns a{width:240px; height:48px; background:var(--white); border-radius: 24px; justify-content: center; align-items: center; font-size:var(--font-size-16); box-shadow: 0 3px 6px rgba(0,0,0,0.09)}*/
  .msg-wrap .center-nm .right .btns a .txt{width:auto; height:auto; background:transparent; border-radius: 0; font-size:var(--font-size-16); padding-left:0px; margin-right:9px; box-shadow: none;}
  .msg-wrap .center-nm .right .btns a .plus{width:24px; height:24px; background-size:cover}
  .msg-wrap .center-nm .right{ margin-right:0;}

  .msg-wrap .center-nm .right .btns01{ width:156px; height:39px; font-size:var(--font-size-16);margin:28px auto 0 auto;}
  .msg-wrap .center-nm .right .btns01 .ic{ width:39px; height:39px; margin-right:27px; }

  .msg-wrap .center-nm .right .btns a#chat-channel-button {
    position: fixed;
    bottom: 3rem;
    right: 0px;
    text-align: right;
    margin-right: 1.5em;
    cursor: pointer;
    z-index: 999;
  }
  .msg-wrap .center-nm .right .btns a#chat-channel-button img{
    width: 8rem;
  }

  .msg-wrap .center-nm .right .btns a#add-channel-button img{
    width: 18rem;
  }

}

@media (max-width:320px) {

  .msg-wrap .center-nm{ padding:62px 0 0 0}
  .msg-wrap .center-nm .right em{ font-size:var(--font-size-14);}
  .msg-wrap .center-nm .right h3{ font-size:var(--font-size-20);}
  .msg-wrap .center-nm .right .btns{ width:calc(100% - 40px); height:40px; margin:0 auto}
  .msg-wrap .center-nm .right .btns .ic{ width:40px; height:40px; margin-right:8px; background-size:cover}
  .msg-wrap .center-nm .right .btns a{width:200px; height:40px; font-size:var(--font-size-14); }
  .msg-wrap .center-nm .right .btns a .txt{width:auto; height:auto; background:transparent; border-radius: 0; font-size:var(--font-size-14); padding-left:0px; margin-right:9px}
  .msg-wrap .center-nm .right .btns a .plus{width:20px; height:20px;}

  .msg-wrap .center-nm .right .btns01{ width:calc(100% - 150px); font-size:var(--font-size-14);}
  .msg-wrap .center-nm .right .btns01 .ic{ margin-right:17px; }



}


.post-wrap{width:100%; height:762px;  background:url("../images/main/post-img.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center;}
.post-wrap .tit{margin-bottom:48px; display:flex; flex-direction:column; justify-content: center; align-items: center;}
.post-wrap .tit em{ font-size:var(--font-size-25); color:var(--blue--005);}
.post-wrap .tit h3{ font-size:var(--font-size-50); color:var(--black); font-weight:var(--font-weight-bold);}
.post-wrap .swiper-wrap{width:100%; height:350px; display:flex; justify-content: center; align-items: center; overflow:hidden; position:relative}
.post-wrap .swiper-wrap .swiper { width:1120px; overflow:hidden; height: 100%;}
.post-wrap .swiper-wrap .swiper-slide { width:calc(100% / 4); max-width:256px; display: -webkit-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex; flex-direction:column;
	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: flex-start;	justify-content: flex-start;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center; background:var(--white); border-radius: 20px; box-shadow:0 3px 20px rgba(0,0,0,0.11)  ;}
.post-wrap .swiper-wrap .swiper-slide	.img{width:104px; height:104px; border-radius: 52px; margin:32px 0 14px 0;}
.post-wrap .swiper-wrap .swiper-slide	p{font-size:var(--font-size-18);color:var(--black); text-align: center; position:relative; padding:0 22px 0 22px}
.post-wrap .swiper-wrap .swiper-slide	p:before{content:"";width:18px; height:13px; background:url("../images/main/sub-post-left.svg") no-repeat 0 0; position:absolute; top:-10px; left:0;}
.post-wrap .swiper-wrap .swiper-slide	p:after{content:"";width:18px; height:13px; background:url("../images/main/sub-post-right.svg") no-repeat 0 0; position:absolute; bottom:10px; right:0;}
.post-wrap .swiper-wrap .swiper-button-prev {position:absolute; left:10px; width:57px; height:57px; border-radius: 30px; margin-top:-24px; background:rgba(17,182,255,0.46) url("../images/main/ic-post-arrow.svg") no-repeat center; font-size:0;}
.post-wrap .swiper-wrap .swiper-button-prev:after {display:none}
.post-wrap .swiper-wrap .swiper-button-next {position:absolute; right:10px; width:57px; height:57px; border-radius: 30px; margin-top:-24px; background:rgba(17,182,255,0.46) url("../images/main/ic-post-arrow.svg") no-repeat center; transform:rotate(180deg); font-size:0;}
.post-wrap .swiper-wrap .swiper-button-next:after {display:none}


@media (max-width:1199px) {

  .post-wrap{width:100%; height:auto;  background:url("../images/main/post-img-m.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center; padding:82px 0 95px 0}
  .post-wrap .tit{margin-bottom:24px; }
  .post-wrap .tit em{ font-size:var(--font-size-16); }
  .post-wrap .tit h3{ font-size:var(--font-size-24); }
  .post-wrap .swiper-wrap{width:100%; height:1026px; display:flex; flex-direction:column; justify-content: center; align-items: center; overflow:hidden; position:relative; }
  .post-wrap .swiper-wrap .swiper { width:calc(100% - 60px); height:864px; overflow:hidden; height: 100%; margin:78px 0 78px 0}
  .post-wrap .swiper-wrap .swiper-slide { width:100%; height:206px; max-width:100%; display: -webkit-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex; flex-direction:row;
    -webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: space-between;	justify-content: space-between;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;}
  .post-wrap .swiper-wrap .swiper-slide	.img{width:86px; height:86px; border-radius: 43px; margin:auto 17px auto 19px;}
  .post-wrap .swiper-wrap .swiper-slide	.img img{width:100%}
  .post-wrap .swiper-wrap .swiper-slide	p{ width:calc(100% - 110px);font-size:var(--font-size-16);text-align: left; position:relative; padding:26px 0 0 0; margin-right:20px}
  .post-wrap .swiper-wrap .swiper-slide	p:before{content:""; position:absolute; top:10px; left:0;}
  .post-wrap .swiper-wrap .swiper-slide	p:after{content:""; position:absolute; bottom:10px; right:10px;}
  .post-wrap .swiper-wrap .swiper-button-prev {position:absolute; top:0; left:50%; width:57px; height:57px; border-radius: 30px; margin-top:0; margin-left:-24px; transform:rotate(90deg)}
  .post-wrap .swiper-wrap .swiper-button-prev:after {display:none}
  .post-wrap .swiper-wrap .swiper-button-next {position:absolute; bottom:0; top:unset; right:unset; left:50%;  width:57px; height:57px; border-radius: 30px;margin-top:0; margin-left:-24px; transform:rotate(-90deg) }
  .post-wrap .swiper-wrap .swiper-button-next:after {display:none}



}

@media (max-width:320px) {

  .post-wrap{padding:62px 0 75px 0}
  .post-wrap .tit em{ font-size:var(--font-size-14); }
  .post-wrap .tit h3{ font-size:var(--font-size-20); }
  .post-wrap .swiper-wrap{width:100%; height:1026px; display:flex; flex-direction:column; justify-content: center; align-items: center; overflow:hidden; position:relative; }
  .post-wrap .swiper-wrap .swiper { width:calc(100% - 40px); height:864px; overflow:hidden; height: 100%; margin:78px 0 78px 0}
  .post-wrap .swiper-wrap .swiper-slide { width:100%; height:206px; }
  .post-wrap .swiper-wrap .swiper-slide	.img{width:56px; height:56px; margin:auto 7px auto 15px;}
  .post-wrap .swiper-wrap .swiper-slide	.img img{width:100%}
  .post-wrap .swiper-wrap .swiper-slide	p{font-size:var(--font-size-14); padding:26px 0 0 0; margin-right:15px}
  .post-wrap .swiper-wrap .swiper-slide	p:before{content:""; position:absolute; top:10px; left:0;}
  .post-wrap .swiper-wrap .swiper-slide	p:after{content:""; position:absolute; bottom:10px; right:10px;}


}

.step-wrap{width:100%; height:1030px; background:var(--blue--012); display:flex; justify-content: center; align-items: center;}
.step-wrap .center-nm{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center}
.step-wrap .tit{margin-top:9px; display:flex; flex-direction:column; justify-content: center; align-items: center;}
.step-wrap .tit h3{ font-size:var(--font-size-30); font-weight:var(--font-weight-bold); color:var(--white); margin-bottom:35px;}
.step-wrap .tit h4{ font-size:var(--font-size-16); color:var(--white); font-weight:var(--font-weight-regular); margin-bottom:105px; text-align: center; line-height:25px}
.step-wrap .step-inner{ width:calc(100% - 124px); display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.step-wrap .step-inner li{display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; width:245px; height:86px; margin-bottom:88px}
.step-wrap .step-inner li .ic{width:86px; height:86px; display:flex}
.step-wrap .step-inner li:nth-child(1) .ic{ background:url("../images/main/ic-step-01.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(1){ width:190px;}
.step-wrap .step-inner li:nth-child(3){ padding-left:47px;}
.step-wrap .step-inner li:nth-child(3) .ic{ background:url("../images/main/ic-step-02.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(3){ padding-left:26px;}
.step-wrap .step-inner li:nth-child(5) .ic{ background:url("../images/main/ic-step-03.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(5){ padding-left:30px;}
.step-wrap .step-inner li:nth-child(7) .ic{ background:url("../images/main/ic-step-04.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(7){ width:290px; padding-left:30px;}
.step-wrap .step-inner li:nth-child(8) .ic{ background:url("../images/main/ic-step-05.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(8){ width:190px;}
.step-wrap .step-inner li:nth-child(10) .ic{ background:url("../images/main/ic-step-06.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(10){ padding-left:29px;}
.step-wrap .step-inner li:nth-child(12) .ic{ background:url("../images/main/ic-step-07.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(12){ padding-left:39px;}
.step-wrap .step-inner li:nth-child(14) .ic{ background:url("../images/main/ic-step-08.svg") no-repeat center; background-size: cover;}
.step-wrap .step-inner li:nth-child(14){ width:290px; padding-left:30px;}
.step-wrap .step-inner li.arrow{width:66px; height:86px; display:flex; flex-direction:row; justify-content: center; align-items: center; background:url("../images/main/ic-step-arrow.svg") no-repeat center; font-size:0}
.step-wrap .step-inner li .txt{width:auto; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.step-wrap .step-inner li .txt em{font-size:var(--font-size-16); color:var(--blue--30e);margin-bottom:12px; width:100%; height:19px; line-height:19px; display:block}
.step-wrap .step-inner li .txt span{font-size:var(--font-size-22); color:var(--white); font-weight:var(--font-weight-bold); line-height:1}
.step-wrap .guide-ft{ margin-top:30px; } 
.step-wrap .guide-ft h3{ font-size:var(--font-size-28); font-weight:var(--font-weight-bold); color:var(--white); margin-bottom:19px;}
.step-wrap .guide-ft a{ width:262px; height:68px; border-radius: 34px; background:var(--white); display:flex; justify-content: center; align-items: center; font-size:var(--font-size-22); color:var(--blue--446); font-weight:var(--font-weight-bold); margin:0 auto}
.step-wrap .guide-ft a i{ width:9px; height:18px; background:url("../images/main/ic-step-btn-arrow.svg") no-repeat center; margin-left:12px; font-size:0;}


@media (max-width:1199px) {

  .step-wrap{width:100%; height:auto; padding:90px 0 76px 0}
  .step-wrap .tit{margin-top:0px; display:flex; flex-direction:column; justify-content: center; align-items: center;}
  .step-wrap .tit h3{ font-size:var(--font-size-24); margin:0 auto 26px auto; text-align: center; width:calc(100% - 80px)}
  .step-wrap .tit h4{ font-size:var(--font-size-16); margin:0 auto 55px auto; text-align: center; width:calc(100% - 60px); word-break: break-all; text-align: justify;}
  .step-wrap .step-inner{ width:calc(100% - 35px); margin-left:35px; display:flex; justify-content: center;}
  .step-wrap .step-inner li{display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; width:50%; height:auto; margin-bottom:50px}
  .step-wrap .step-inner li .ic{width:50px; height:50px; }
  .step-wrap .step-inner li:nth-child(1) .ic{ background:url("../images/main/ic-step-01.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(1){ width:50%;}
  .step-wrap .step-inner li:nth-child(3){ padding-left:0; width:50%}
  .step-wrap .step-inner li:nth-child(3) .ic{ background:url("../images/main/ic-step-02.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(3){ padding-left:0; width:50%;}
  .step-wrap .step-inner li:nth-child(5) .ic{ background:url("../images/main/ic-step-03.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(5){ padding-left:0; width:50;}
  .step-wrap .step-inner li:nth-child(7) .ic{ background:url("../images/main/ic-step-04.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(7){ width:50%; padding-left:0}
  .step-wrap .step-inner li:nth-child(8) .ic{ background:url("../images/main/ic-step-05.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(8){ width:50%;}
  .step-wrap .step-inner li:nth-child(10) .ic{ background:url("../images/main/ic-step-06.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(10){ padding-left:0; width:50%;}
  .step-wrap .step-inner li:nth-child(12) .ic{ background:url("../images/main/ic-step-07.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(12){ padding-left:0; width:50%;}
  .step-wrap .step-inner li:nth-child(14) .ic{ background:url("../images/main/ic-step-08.svg") no-repeat center; background-size: cover;}
  .step-wrap .step-inner li:nth-child(14){ width:50%; padding-left:0;}
  .step-wrap .step-inner li.arrow{display:none}
  .step-wrap .step-inner li .txt em{font-size:var(--font-size-16); margin-bottom:8px; width:100%; }
  .step-wrap .step-inner li .txt span{font-size:var(--font-size-16); }
  .step-wrap .guide-ft{ margin-top:30px; width:100%} 
  .step-wrap .guide-ft h3{ font-size:var(--font-size-24); margin:0 auto 24px auto; text-align: center;}
  .step-wrap .guide-ft a{ width:calc(100% - 116px); height:53px; border-radius: 27px; font-size:var(--font-size-16); }
  .step-wrap .guide-ft a i{ width:6px; height:12px; margin-left:19px; background-size:cover}

}


@media (max-width:320px) {

  .step-wrap{padding:70px 0 56px 0}
  .step-wrap .tit h3{ font-size:var(--font-size-20); margin:0 auto 26px auto; text-align: center; width:calc(100% - 60px)}
  .step-wrap .tit h4{ font-size:var(--font-size-14); margin:0 auto 55px auto; text-align: center; width:calc(100% - 50px)}
  .step-wrap .step-inner{ width:calc(100% - 15px); margin-left:15px}
  .step-wrap .step-inner li{width:50%; margin-bottom:30px}
  .step-wrap .step-inner li .ic{width:40px; height:40px; }
  .step-wrap .step-inner li:nth-child(1){ width:50%}
  .step-wrap .step-inner li:nth-child(3){ padding-left:0; width:50%}
  .step-wrap .step-inner li:nth-child(3){ padding-left:0; width:50%}
  .step-wrap .step-inner li:nth-child(5){ padding-left:0; width:50%}
  .step-wrap .step-inner li:nth-child(7){ width:50%; padding-left:0}
  .step-wrap .step-inner li:nth-child(8){ width:50%;}
  .step-wrap .step-inner li:nth-child(10){ padding-left:0; width:50%;}
  .step-wrap .step-inner li:nth-child(12){ padding-left:0; width:50%;}
  .step-wrap .step-inner li:nth-child(14){ width:50%; padding-left:0;}
  .step-wrap .step-inner li .txt em{font-size:var(--font-size-14); margin-bottom:8px; width:100%; }
  .step-wrap .step-inner li .txt span{font-size:var(--font-size-14); }
  .step-wrap .guide-ft{ margin-top:20px; } 
  .step-wrap .guide-ft h3{ font-size:var(--font-size-20); margin:0 auto 24px auto; }
  .step-wrap .guide-ft a{ width:calc(100% - 40px); height:43px; font-size:var(--font-size-14); }

}

.pay-wrap{ width:100%; background:#fff url("../images/main/pay-img.png") no-repeat center 0; background-size:100% 825px; padding:159px 0 110px 0}
.pay-wrap .center-nm{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center}
.pay-wrap .tit{margin-top:9px; display:flex; flex-direction:column; justify-content: center; align-items: center;}
.pay-wrap .tit em{ font-size:var(--font-size-25); color:var(--blue--5bf); margin-bottom:10px; font-weight:var(--font-weight-regular)}
.pay-wrap .tit h3{ font-size:var(--font-size-50); color:var(--white); font-weight:var(--font-weight-bold); margin-bottom:63px; text-align: center;}
.pay-wrap .pay-ul{ width:1300px; display:flex; justify-content: space-between; align-items: flex-start;}
.pay-wrap .pay-ul li{ width:calc(( 100% - 66px) / 3); height:719px; margin-right:60px; background:var(--white); border-radius: 64px; border:1px solid var(--gray-e4e); box-shadow: 0 3px 20px rgba(0,0,0,0.06); display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.pay-wrap .pay-ul li:last-child{ margin-right:0;}

.pay-wrap .pay-ul li .stit{ padding-top:85px; height:218px;}
.pay-wrap .pay-ul li .stit h4{ font-size:var(--font-size-34); font-weight:var(--font-weight-bold); margin-bottom:11px; text-align: center; color:var(--black)}
.pay-wrap .pay-ul li .stit h5{ font-size:var(--font-size-18); font-weight:var(--font-weight-regular); color:var(--blue--075); text-align: center;}

.pay-wrap .pay-ul li .pay-sul{ width:auto; height:333px; justify-content: center; }
.pay-wrap .pay-ul li .pay-sul li{ width:100%; height:auto; margin:0; background:none; border-radius:0; box-shadow:unset; font-size:var(--font-size-18); color:var(--black); font-weight:var(--font-weight-regular); border:0;
display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start;padding-left:10px; word-break: keep-all; line-height:1.6; position:relative}
.pay-wrap .pay-ul li .pay-sul li:before{ content:"��"; font-size:var(--font-size-18); position:absolute; top:0; left:0; }

.pay-wrap .pay-ul li:nth-child(1) .pay-sul{ width:295px}
.pay-wrap .pay-ul li:nth-child(2) .pay-sul{ width:310px}

.pay-wrap .pay-ul li .pay-price{ height:108px; }
.pay-wrap .pay-ul li .pay-price .price{ height:26px; line-height:26px; color:var(--black); font-size:var(--font-size-22); font-weight:var(--font-weight-bold); margin-bottom:14px; }
.pay-wrap .pay-ul li .pay-price .price span{ font-size:var(--font-size-16); font-weight:var(--font-weight-regular)}
.pay-wrap .pay-ul li .pay-price a{ display:flex; justify-content: center; align-items: center; background:var(--blue--075); color:var(--white); font-size:var(--font-size-22); width:262px; height:68px; border-radius: 34px;}
.pay-wrap .pay-ul li .pay-price a i{ width:9px; height:18px; margin-left:10px; background:url("../images/main/ic-mv-btn-arrow.svg") no-repeat center center; font-size:0}


@media (max-width:1199px) {

  .pay-wrap{ width:100%; background:#fff url("../images/main/pay-img-m.png") no-repeat center 0; background-size:100% 1860px; padding:85px 0 95px 0}
  .pay-wrap .tit{margin-top:0; }
  .pay-wrap .tit em{ font-size:var(--font-size-16); margin-bottom:0px; text-align: center;}
  .pay-wrap .tit h3{ font-size:var(--font-size-24); margin-bottom:41px; text-align: center;}

  .pay-wrap .pay-ul{ width:calc(100% - 60px); display:flex; flex-direction:column; justify-content: center; align-items: center;}
  .pay-wrap .pay-ul li{ width:100%; height:auto; margin-right:0; margin-bottom:33px; border-radius: 52px; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding:0 0 52px 0}
  .pay-wrap .pay-ul li:last-child{ margin-right:0; margin-bottom:0;}

  .pay-wrap .pay-ul li .stit{ padding-top:53px; height:auto; margin:0 auto 32px auto}
  .pay-wrap .pay-ul li .stit h4{ font-size:var(--font-size-22); margin-bottom:17px;}
  .pay-wrap .pay-ul li .stit h5{ font-size:var(--font-size-14); line-height:21px }

  .pay-wrap .pay-ul li .pay-sul{ width:calc(100% - 55px); height:auto; justify-content: center; margin-left:36px; margin-bottom:25px}
  .pay-wrap .pay-ul li .pay-sul li{ font-size:var(--font-size-16); padding:0 0 0 10px; line-height:25px}

  .pay-wrap .pay-ul li:nth-child(1) .pay-sul{ width:calc(100% - 55px)}
  .pay-wrap .pay-ul li:nth-child(2) .pay-sul{ width:calc(100% - 55px)}

  .pay-wrap .pay-ul li .pay-price{ height:120px; width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: center; }
  .pay-wrap .pay-ul li .pay-price .price{ height:auto; line-height:25px; font-size:var(--font-size-24); margin-bottom:8px;display:flex; flex-direction:column; justify-content: flex-start; align-items: center; }
  .pay-wrap .pay-ul li .pay-price .price span{ font-size:var(--font-size-14); }
  .pay-wrap .pay-ul li .pay-price a{ font-size:var(--font-size-16); width:calc(100% - 56px); height:53px; border-radius: 27px;}
  .pay-wrap .pay-ul li .pay-price a i{ width:6px; height:12px; margin-left:19px; background-size:cover}



}


@media (max-width:320px) {

  .pay-wrap{ background-size:100% auto; padding:65px 0 75px 0}
  .pay-wrap .tit em{ font-size:var(--font-size-14); }
  .pay-wrap .tit h3{ font-size:var(--font-size-20); margin-bottom:21px;}

  .pay-wrap .pay-ul{ width:calc(100% - 40px); }
  .pay-wrap .pay-ul li{  margin-bottom:23px; padding:0 0 32px 0}

  .pay-wrap .pay-ul li .stit{ padding-top:43px;  margin:0 auto 22px auto}
  .pay-wrap .pay-ul li .stit h4{ font-size:var(--font-size-20); margin-bottom:17px;}
  .pay-wrap .pay-ul li .stit h5{ font-size:var(--font-size-14); line-height:21px }

  .pay-wrap .pay-ul li .pay-sul{ width:calc(100% - 40px); height:auto; justify-content: center; margin-left:36px; margin-bottom:25px}
  .pay-wrap .pay-ul li .pay-sul li{ font-size:var(--font-size-16); padding:0 0 0 10px; line-height:25px}

  .pay-wrap .pay-ul li:nth-child(1) .pay-sul{ width:calc(100% - 40px)}
  .pay-wrap .pay-ul li:nth-child(2) .pay-sul{ width:calc(100% - 40px)}

  .pay-wrap .pay-ul li .pay-price{ height:120px; width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: center; }
  .pay-wrap .pay-ul li .pay-price .price{ height:auto; line-height:25px; font-size:var(--font-size-24); margin-bottom:8px;display:flex; flex-direction:column; justify-content: flex-start; align-items: center; }
  .pay-wrap .pay-ul li .pay-price .price span{ font-size:var(--font-size-14); }
  .pay-wrap .pay-ul li .pay-price a{ font-size:var(--font-size-16); width:calc(100% - 56px); height:53px; border-radius: 27px;}
  .pay-wrap .pay-ul li .pay-price a i{ width:6px; height:12px; margin-left:19px; background-size:cover}



}

/*service*/
.svc-guide-wrap{width:100%; background:url("../images/service/img-svc-guide.png") no-repeat center; ; background-size:100% auto; height:auto; display:flex; justify-content: center; align-items: center; padding:145px 0 135px 0}
.svc-guide-wrap .center-nm { width:1420px;}
.svc-guide-wrap h2{ margin:0 0 32px 68px; font-size:var(--font-size-40); font-weight:var(--font-weight-bold); color:var(--blue--446)}
.svc-guide-wrap .svc-g-ul{ display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
.svc-guide-wrap .svc-g-ul li{ border:1px solid var(--gray-e4e); background:var(--white); border-radius: 52px; width:100%; margin-bottom:37px; padding:52px 68px 55px 68px}
.svc-guide-wrap .svc-g-ul li h3{ font-size:var(--font-size-30); color:var(--black); font-weight:var(--font-weight-bold); margin-bottom:18px}
.svc-guide-wrap .svc-g-ul li p{ font-size:var(--font-size-18); color:var(--black); }
.svc-guide-wrap .svc-g-ul li:last-child{ margin-bottom:0}

.svc-guide-wrap .svc-g-ul li .svc-g-s-ul{ width:auto; max-width:654px; display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top:35px}
.svc-guide-wrap .svc-g-ul li .svc-g-s-ul li{ width:50%; border:0; padding:0; border-radius: 0; margin-bottom:0; font-size:var(--font-size-18); color:var(--black);position:relative; padding-left:10px}
.svc-guide-wrap .svc-g-ul li .svc-g-s-ul li:before{ content:"��"; font-size:var(--font-size-18); position:absolute; top:0; left:0; }
.svc-guide-wrap .svc-g-ul li .svc-g-s-ul li{ width:50%; border:0; padding:0; border-radius: 0; margin-bottom:0; font-size:var(--font-size-18); color:var(--black);position:relative; padding-left:10px}
.svc-guide-wrap .svc-g-ul li .svc-g-s-ul li:nth-child(3):before{ display:none; }


@media (max-width:1199px) {

  .svc-guide-wrap{width:100%; background:url("../images/service/img-svc-guide-m.png") no-repeat center;  height:auto; align-items: flex-start; padding:54px 0 75px 0}
  .svc-guide-wrap .center-nm { width:100%;}
  .svc-guide-wrap h2{ margin:0 0 24px 0; font-size:var(--font-size-24); text-align: center;}
  .svc-guide-wrap .svc-g-ul{ width:calc(100% - 60px); margin:0 auto}
  .svc-guide-wrap .svc-g-ul li{ width:100%; margin-bottom:23px; padding:41px 22px 58px 22px; display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
  .svc-guide-wrap .svc-g-ul li em{ }
  .svc-guide-wrap .svc-g-ul li h3{ font-size:var(--font-size-24); margin-top:10px; margin-bottom:19px; text-align: center;}
  .svc-guide-wrap .svc-g-ul li p{ font-size:var(--font-size-16); padding-left:14px }
  .svc-guide-wrap .svc-g-ul li:last-child{ margin-bottom:0}

  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul{ width:auto; max-width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top:32px}
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li{ width:100%; border:0; padding:0; border-radius: 0; margin-bottom:0; font-size:var(--font-size-16); position:relative; padding-left:10px; }
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li:nth-child(3):before,
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li:before{ content:"��"; font-size:var(--font-size-16); position:absolute; top:0; left:0; }
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li{ width:100%; border:0; padding:0; border-radius: 0; margin-bottom:0; font-size:var(--font-size-16); position:relative; padding-left:10px; align-items: flex-start;}
  

}

@media (max-width:320px) {

  .svc-guide-wrap{ padding-bottom:55px}
  .svc-guide-wrap h2{ margin:44px 0 14px 0; font-size:var(--font-size-20); }
  .svc-guide-wrap .svc-g-ul{ width:calc(100% - 40px); }
  .svc-guide-wrap .svc-g-ul li{ width:100%; margin-bottom:23px; padding:31px 17px 48px 17px; }
  .svc-guide-wrap .svc-g-ul li h3{ font-size:var(--font-size-20); margin-top:10px; margin-bottom:19px; }
  .svc-guide-wrap .svc-g-ul li p{ font-size:var(--font-size-14); padding-left:10px }

  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul{ margin-top:22px}
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li{ font-size:var(--font-size-14); padding-left:5px; }
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li:nth-child(3):before,
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li:before{ content:"��"; font-size:var(--font-size-14); position:absolute; top:0; left:0; }
  .svc-guide-wrap .svc-g-ul li .svc-g-s-ul li{ font-size:var(--font-size-14); padding-left:10px; }
  

}


.svc-step-wrap{width:100%; background:var(--blue--012) url("../images/service/img-svc-step.png") no-repeat center bottom; padding: 112px 0 56px; background-size:100% auto}
.svc-step-wrap .center-nm { width:1420px;}
.svc-step-wrap h2{ margin:0 0 34px 68px; font-size:var(--font-size-40); font-weight:var(--font-weight-bold); color:var(--blue--0dc)}
.svc-step-wrap .svc-step-inner{ border:1px solid var(--gray-e4e); background:var(--white); border-radius: 52px; width:100%; margin-bottom:75px; padding:126px 0 72px 69px }
.svc-step-wrap .svc-step-inner h3{ font-size:var(--font-size-30);  margin-top:10px; margin-bottom:19px; text-align: left;}
.svc-step-wrap .svc-step-inner .svc-s-ul{ width:calc(100% - 30px); margin-bottom:74px; word-break: keep-all;}
.svc-step-wrap .svc-step-inner .svc-s-ul dt{ font-size:var(--font-size-18); font-weight:var(--font-weight-bold); margin-bottom:10px}
.svc-step-wrap .svc-step-inner .svc-s-ul dt span{ color:var(--blue--309)}
.svc-step-wrap .svc-step-inner .svc-s-ul dd{ font-size:var(--font-size-18); color:var(--black); }
.svc-step-wrap .svc-step-inner .svc-s-ul dd strong{ font-weight:var(--font-weight-regular); text-decoration: underline; font-size:inherit }
.svc-step-wrap .svc-step-inner .svc-s-ul dd.bmg{ margin-bottom:28px;}
.svc-step-wrap .svc-step-inner .svc-s-ul dd.disc{ position:relative; padding-left:10px }
.svc-step-wrap .svc-step-inner .svc-s-ul dd.disc:before{ content:"��"; font-size:var(--font-size-18); position:absolute; top:0; left:0; }
.svc-step-wrap .svc-step-inner.pd{ padding: 83px 0 96px 62px !important}
.svc-step-wrap .svc-step-inner .svc-s-ul01 dd{ font-size:var(--font-size-18); color:var(--black); }
.svc-step-wrap .svc-step-inner .svc-s-ul01 dd span{ color:var(--blue--309)}


@media (max-width:1199px) {

  .svc-step-wrap{width:100%; background:var(--blue--012) url("../images/service/img-svc-step-m.png") no-repeat center bottom; padding: 72px 0 76px; background-size:100% auto}
  .svc-step-wrap .center-nm { width:100%;}
  .svc-step-wrap h2{ margin:0 auto 12px auto; font-size:var(--font-size-24); text-align: center;}
  .svc-step-wrap .svc-step-inner{ width:calc(100% - 60px); margin:0 auto 35px auto; padding:42px 33px 50px 33px ; display:flex; flex-direction:column; justify-content: flex-start; align-items: center}
  .svc-step-wrap .svc-step-inner h3{ font-size:var(--font-size-24); color:var(--black); margin-bottom:25px; text-align: center;}
  .svc-step-wrap .svc-step-inner .svc-s-ul{ width:100%; margin-bottom:40px;}
  .svc-step-wrap .svc-step-inner .svc-s-ul dt{ font-size:var(--font-size-16); margin-bottom:18px}
  .svc-step-wrap .svc-step-inner .svc-s-ul dd{ font-size:var(--font-size-16); }
  .svc-step-wrap .svc-step-inner .svc-s-ul dd.bmg{ margin-bottom:30px;}
  .svc-step-wrap .svc-step-inner .svc-s-ul dd.disc:before{ content:"��"; font-size:var(--font-size-16); position:absolute; top:0; left:0; }
  .svc-step-wrap .svc-step-inner.pd{ padding:42px 33px 50px 33px !important}
  .svc-step-wrap .svc-step-inner .svc-s-ul01 dd{ font-size:var(--font-size-16);  }

}

@media (max-width:320px) {

  .svc-step-wrap{padding: 52px 0 56px;}
  .svc-step-wrap h2{ font-size:var(--font-size-20); }
  .svc-step-wrap .svc-step-inner{ width:calc(100% - 40px); margin:0 auto 25px auto; padding:32px 17px 40px 17px ; }
  .svc-step-wrap .svc-step-inner h3{ font-size:var(--font-size-20); margin-bottom:25px}
  .svc-step-wrap .svc-step-inner .svc-s-ul{ width:100%; margin-bottom:25px;}
  .svc-step-wrap .svc-step-inner .svc-s-ul dt{ font-size:var(--font-size-14); margin-bottom:18px}
  .svc-step-wrap .svc-step-inner .svc-s-ul dd{ font-size:var(--font-size-14); }
  .svc-step-wrap .svc-step-inner .svc-s-ul dd.bmg{ margin-bottom:20px;}
  .svc-step-wrap .svc-step-inner .svc-s-ul dd.disc:before{ content:"��"; font-size:var(--font-size-14); }
  .svc-step-wrap .svc-step-inner.pd{ padding:32px 17px 40px 17px !important}
  .svc-step-wrap .svc-step-inner .svc-s-ul01 dd{ font-size:var(--font-size-14);  }

}

/*About Us */

.about-guide-wrap{width:100%; background-size:100% auto; height:auto; display:flex; justify-content: center; align-items: center; padding:145px 0 135px 0; text-align: center}
.about-guide-wrap .center-nm { width:1420px; text-align: center}
.about-guide-wrap .center-nm .logoBox {text-align: center}
.about-guide-wrap .center-nm .logoBox img {position: relative; margin: 20px}
.about-guide-wrap h2{ margin:0; font-size:var(--font-size-40); font-weight:var(--font-weight-bold); color:var(--blue--446); text-align: center;}

.about-guide-wrap .about-g-ul li{text-align: center}
.about-guide-wrap .about-g-ul li h3{ font-size:var(--font-size-30); color:#666; font-weight:var(--font-weight-bold); margin-bottom:18px; text-align: center}
.about-guide-wrap .about-g-ul li p{ font-size:var(--font-size-18); color:#666; text-align: center; margin: 10px}
.about-guide-wrap .about-g-ul li:last-child{ margin-bottom:0}

.about-guide-wrap .about-g-ul li .about-g-s-ul{ width:auto; max-width:654px; display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top:35px}
.about-guide-wrap .about-g-ul li .about-g-s-ul li{ width:50%; border:0; padding:0; border-radius: 0; margin-bottom:0; font-size:var(--font-size-18); color:var(--black);position:relative; padding-left:10px}


@media (max-width:1199px) {

  .about-guide-wrap{width:100%; height:auto; align-items: flex-start; padding:54px 0 75px 0}



}

@media (max-width:320px) {

  .about-guide-wrap{ padding-bottom:55px}
  .about-guide-wrap h2{ margin:44px 0 14px 0; font-size:var(--font-size-20); }
  .about-guide-wrap .about-g-ul{ width:calc(100% - 40px); }
  .about-guide-wrap .about-g-ul li{ width:100%; margin-bottom:23px; padding:31px 17px 48px 17px; }
  .about-guide-wrap .about-g-ul li h3{ font-size:var(--font-size-20); margin-top:10px; margin-bottom:19px; }
  .about-guide-wrap .about-g-ul li p{ font-size:var(--font-size-14); padding-left:10px }

  .about-guide-wrap .about-g-ul li .about-g-s-ul{ margin-top:22px}
  .about-guide-wrap .about-g-ul li .about-g-s-ul li{ font-size:var(--font-size-14); padding-left:5px; }
  .about-guide-wrap .about-g-ul li .about-g-s-ul li:nth-child(3):before,
  .about-guide-wrap .about-g-ul li .about-g-s-ul li:before{ content:"��"; font-size:var(--font-size-14); position:absolute; top:0; left:0; }
  .about-guide-wrap .about-g-ul li .about-g-s-ul li{ font-size:var(--font-size-14); padding-left:10px; }


}


.about-step-wrap{width:100%; padding: 112px 0 56px; background-size:100% auto}
.about-step-wrap .center-nm { width:1420px;}
.about-step-wrap h2{ margin:0 0 34px 68px; font-size:var(--font-size-40); font-weight:var(--font-weight-bold); color:var(--blue--0dc)}
.about-step-wrap .about-step-inner{ border:1px solid var(--gray-e4e); background:var(--white); border-radius: 52px; width:100%; margin-bottom:75px; padding:126px 0 72px 69px }
.about-step-wrap .about-step-inner h3{ font-size:var(--font-size-30);  margin-top:10px; margin-bottom:19px; text-align: left;}
.about-step-wrap .about-step-inner .about-s-ul{ width:calc(100% - 30px); margin-bottom:74px; word-break: keep-all;}
.about-step-wrap .about-step-inner .about-s-ul dt{ font-size:var(--font-size-18); font-weight:var(--font-weight-bold); margin-bottom:10px}
.about-step-wrap .about-step-inner .about-s-ul dt span{ color:var(--blue--309)}
.about-step-wrap .about-step-inner .about-s-ul dd{ font-size:var(--font-size-18); color:var(--black); }
.about-step-wrap .about-step-inner .about-s-ul dd strong{ font-weight:var(--font-weight-regular); text-decoration: underline; font-size:inherit }
.about-step-wrap .about-step-inner .about-s-ul dd.bmg{ margin-bottom:28px;}
.about-step-wrap .about-step-inner .about-s-ul dd.disc{ position:relative; padding-left:10px }
.about-step-wrap .about-step-inner .about-s-ul dd.disc:before{ content:"��"; font-size:var(--font-size-18); position:absolute; top:0; left:0; }
.about-step-wrap .about-step-inner.pd{ padding: 83px 0 96px 62px !important}
.about-step-wrap .about-step-inner .about-s-ul01 dd{ font-size:var(--font-size-18); color:var(--black); }
.about-step-wrap .about-step-inner .about-s-ul01 dd span{ color:var(--blue--309)}


@media (max-width:1199px) {

  .about-step-wrap{width:100%; background:var(--blue--012) url("../images/service/img-about-step-m.png") no-repeat center bottom; padding: 72px 0 76px; background-size:100% auto}
  .about-step-wrap .center-nm { width:100%;}
  .about-step-wrap h2{ margin:0 auto 12px auto; font-size:var(--font-size-24); text-align: center;}
  .about-step-wrap .about-step-inner{ width:calc(100% - 60px); margin:0 auto 35px auto; padding:42px 33px 50px 33px ; display:flex; flex-direction:column; justify-content: flex-start; align-items: center}
  .about-step-wrap .about-step-inner h3{ font-size:var(--font-size-24); color:var(--black); margin-bottom:25px; text-align: center;}
  .about-step-wrap .about-step-inner .about-s-ul{ width:100%; margin-bottom:40px;}
  .about-step-wrap .about-step-inner .about-s-ul dt{ font-size:var(--font-size-16); margin-bottom:18px}
  .about-step-wrap .about-step-inner .about-s-ul dd{ font-size:var(--font-size-16); }
  .about-step-wrap .about-step-inner .about-s-ul dd.bmg{ margin-bottom:30px;}
  .about-step-wrap .about-step-inner .about-s-ul dd.disc:before{ content:"��"; font-size:var(--font-size-16); position:absolute; top:0; left:0; }
  .about-step-wrap .about-step-inner.pd{ padding:42px 33px 50px 33px !important}
  .about-step-wrap .about-step-inner .about-s-ul01 dd{ font-size:var(--font-size-16);  }

}

@media (max-width:320px) {

  .about-step-wrap{padding: 52px 0 56px;}
  .about-step-wrap h2{ font-size:var(--font-size-20); }
  .about-step-wrap .about-step-inner{ width:calc(100% - 40px); margin:0 auto 25px auto; padding:32px 17px 40px 17px ; }
  .about-step-wrap .about-step-inner h3{ font-size:var(--font-size-20); margin-bottom:25px}
  .about-step-wrap .about-step-inner .about-s-ul{ width:100%; margin-bottom:25px;}
  .about-step-wrap .about-step-inner .about-s-ul dt{ font-size:var(--font-size-14); margin-bottom:18px}
  .about-step-wrap .about-step-inner .about-s-ul dd{ font-size:var(--font-size-14); }
  .about-step-wrap .about-step-inner .about-s-ul dd.bmg{ margin-bottom:20px;}
  .about-step-wrap .about-step-inner .about-s-ul dd.disc:before{ content:"��"; font-size:var(--font-size-14); }
  .about-step-wrap .about-step-inner.pd{ padding:32px 17px 40px 17px !important}
  .about-step-wrap .about-step-inner .about-s-ul01 dd{ font-size:var(--font-size-14);  }

}


/*寃ъ쟻�� 諛쏄린*/
.estimate-wrap{width:100%; height:100%; display:none; position:fixed; z-index:79;}
.estimate-wrap.active{display:flex;}



.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-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/new/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.20)}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs40{width:calc(100% * 0.40)}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs60{width:calc(100% * 0.60)}
.estimate-wrap.active .modal-wrap .content .process-wrap .progress-inner .pgs.pgs80{width:calc(100% * 0.80)}
.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-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;
  
}
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}

  
}