.c1 {  color: #1F9AD4 !important;}
.c0 {  color: #000;}
.c3 {  color: #333;}
.c6 {  color: #666;}
.c9 {  color: #999;}
.ca {  color: #aaa;}
.cf {  color: #fff;}
.c_red {  color: #f00;}

/* display */
.dn {  display: none;}
.dib {  display: inline-block;}
.db {  display: block;}
.dt {  display: table;}
.dtr {  display: table-row;}
.dtc {  display: table-cell;}
.dt {  width: 100%;  height: 100%;  table-layout: fixed;}
.dtr {  width: 100%;}
.dtc {  vertical-align: middle;}

/* float */
.fl {  float: left;}
.fr {  float: right;}
.flul > li {  float: left;}

.flul:after {  content: "";  display: block;  clear: both;}
.cb:after {  content: "";  display: block;  clear: both;}


.ti {
  text-indent: -999em;
}

.inp_ti {
  overflow: hidden;
  height: 0;
  text-indent: -9999px;
  font-size: 0;
}

.imgz {
  width: 100%;
}

.cup {
  cursor: pointer;
}

.vam {
  vertical-align: middle;
}

/* text */
.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.fwb {  font-weight: 800;}
.fwn {  font-weight: normal;}
.fw1 {  font-weight: 100;}
.fw3 {  font-weight: 300;}
.fw5 {  font-weight: 500;}
.fw6 {  font-weight: 600;}


.bgi {
  background-repeat: no-repeat;
}

.bgi_b:before {
  content: "";
  background-repeat: no-repeat;
}

.bgi_a:after {
  content: "";
  background-repeat: no-repeat;
}

.bx-wrapper {
  position: relative;
}

.bx-controls {
  position: absolute;
}

#gMap img, .map_api img {
  max-width: inherit;
  max-height: inherit;
}

.tn {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.ani {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 0, 50);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
  transform: matrix(1, 0, 0, 1, 0, 50);
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.ani.view {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.ani.r {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 50, 0);
  transform: matrix(1, 0, 0, 1, 50, 0);
  transition: transform 0.6s, opacity 0.6s;
  -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
}

.ani.l {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, -50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, -50, 0);
  transform: matrix(1, 0, 0, 1, -50, 0);
  transition: transform 0.6s, opacity 0.6s;
  -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
}

.ani.appear {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}


.container {  width: 1400px;  margin: 0 auto;}
@media (max-width: 1420px) {
  .container {    width: 90%;  }
}

.s_container {  width: 1300px;  margin: 0 auto;}
@media (max-width: 1420px) {
  .s_container {    width: 90%;  }
}

.ss_container {  width: 1200px;  margin: 0 auto;}
@media (max-width: 1420px) {
  .ss_container {    width: 90%;  }
}


.ovh {  overflow: hidden;}

.scroll_down {  z-index: 5;  position: absolute;  left: 50%;  bottom: 50px;  transform: translateX(-50%);  display: flex;  flex-direction: column;  align-items: center;}
@media (max-width: 620px) {
  .scroll_down {    bottom: 25px;  }
}
.scroll_down .scroll_ico {  position: relative;  width: 10px;  height: 22px;}
.scroll_down .scroll_ico > span {  animation: scrollDown 2s ease-in-out infinite;  position: absolute;  left: 0;  width: 10px;  height: 10px;  border-radius: 50%;  background-color: #fff;}
.scroll_down .scroll_ico > span:nth-child(1) {  top: 0;}
.scroll_down .scroll_ico > span:nth-child(2) {  top: 6px;  animation-delay: 0.2s;  opacity: 0.3;}
.scroll_down .scroll_ico > span:nth-child(3) {  top: 12px;  animation-delay: 0.4s;  opacity: 0.1;}
.scroll_down .t1 {  margin-top: 10px;}

@keyframes scrollDown {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.index_wrap .sect {  height: 100vh;}
@media (min-width: 1420px) and (max-height: 900px) {
	.index_wrap .sect{height: 970px;}
}
@media (max-width: 1420px) {
  .index_wrap .sect {    height: auto;  }
}
.index_wrap #footer {  height: auto;}

.main .side_nav {  transition: all 0.3s;  z-index: 5;  position: fixed;  left: 50px;  top: 50%;  transform: translateY(-50%);}

@media screen and (max-width: 1860px) {
  .main .side_nav {    display: none;  }
}
.main .side_nav > ul > li + li {  margin-top: 30px;}
.main .side_nav > ul > li button {border:0; background:none;}
.main .side_nav > ul > li .in_side_btn {  position: relative;  display: flex;  align-items: center;  justify-content: center;}
.main .side_nav > ul > li .in_side_btn::before {  content: "";  box-sizing: border-box;  display: block;  width: 18px;  height: 18px;  border-radius: 50%;  background-color: rgba(255, 255, 255, 0);}
.main .side_nav > ul > li .in_side_btn > span {  display: none;  margin-left: 7px;  line-height: 18px;}
.main .side_nav > ul > li .in_side_btn::after {  content: "";  position: absolute;  top: 7px;  left: 7px;  width: 4px;  height: 4px;  border-radius: 50%;  background-color: #fff;}
.main .side_nav > ul > li.act .in_side_btn::before {  background-color: rgba(255, 255, 255, 0.35);}
.main .side_nav > ul > li.act .in_side_btn > span {  display: block;}
.main .side_nav.black > ul > li .in_side_btn > span {  color: #333;}
.main .side_nav.black > ul > li .in_side_btn::after {  background-color: #666;}
.main .side_nav.black > ul > li.act .in_side_btn::before {  background-color: rgba(51, 51, 51, 0.1);}
.main .side_nav.hide {  left: 0;  transform: translate(-100%, -50%);}
.main .index_slide {  position: relative;}

.main .index_service {  display: flex;  background: #d9aa41;  background-size: cover;  background-position: center bottom;}
.main .index_service .index_service_slide {  position: relative;  width: 50%;  height: 100%;}
.main .index_service .index_service_slide .index_service_mask {  overflow: hidden;  height: 100%;}
.main .index_service .index_service_slide .item .img {  width: 100%;  height: 100%;  background-size: cover;  background-position: center;}
.main .index_service .index_service_slide .page {  z-index: 5;  position: absolute;  right: 50px;  bottom: 50px;  width: auto;  display: flex;  justify-content: flex-end;  gap: 0 5px;}

@media (max-width: 1420px) {
  .main .index_service {    flex-wrap: wrap;    flex-direction: column-reverse;  }
  .main .index_service .index_service_slide {    width: 100%;    height: 730px;  }
  .main .index_service .index_service_slide .page {    right: 5%;    bottom: 40px;  }
}

@media (max-width: 620px) {
  .main .index_service .index_service_slide {    height: auto;  }
  .main .index_service .index_service_slide .item {    position: relative;    height: 0;    padding-bottom: 101%;  }
  .main .index_service .index_service_slide .item .img {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;  }
  .main .index_service .index_service_slide .page {    bottom: 20px;  }
}

.main .index_service .index_service_slide .page .swiper-pagination-bullet {  display: block;  width: 20px;  height: 2px;  margin: 0;  border-radius: 0;  background-color: rgba(255, 255, 255, 0.8);}
.main .index_service .index_service_slide .page .swiper-pagination-bullet.swiper-pagination-bullet-active {  background-color: #fff;}
.main .index_service .index_service_txt {  display: flex;  flex-direction: column;  justify-content: center;  width: 50%;  height: 100%;  padding: 100px 360px 0 100px;}

.main .index_service .index_service_txt .slide_txt { min-height: 380px;}
.main .index_service .index_service_txt .slide_txt .item { display: none;}
.main .index_service .index_service_txt .slide_txt .item .t2 {  margin-top: 20px;  line-height: 140%;}
.main .index_service .index_service_txt .slide_txt .item .t3 { word-break: keep-all;  margin-top: 40px;}
.main .index_service .index_service_txt .slide_txt .item .more_btn { color:#fff; font-weight:600; font-size:18rem; display: block;  margin-top: 40px;}
.main .index_service .index_service_txt .slide_txt .item .more_btn::after {  content: "";  display: inline-block;  width: 10px;  height: 10px;  margin: 0 0 2px 10px;  vertical-align: middle;  background-image: url(../img/main/index_service_more.svg);}

.main .index_service .index_service_txt .slide_txt .item .ani:nth-child(2) {  transition-delay: 0.2s;}
.main .index_service .index_service_txt .slide_txt .item .ani:nth-child(3) {  transition-delay: 0.4s;}
.main .index_service .index_service_txt .slide_txt .item .ani:nth-child(4) {  transition-delay: 0.6s;}
.main .index_service .index_service_txt .slide_txt .item.db {  display: block;}
.main .index_service .index_service_txt .slide_thum {  transition-delay: 0.8s;}
.main .index_service .index_service_txt .slide_thum > ul {  display: flex;}
.main .index_service .index_service_txt .slide_thum > ul > li {  width: 213px;  height: 213px;}
.main .index_service .index_service_txt .slide_thum > ul > li button {border:0; background:none;}

@media screen and (max-width: 1700px) {
  .main .index_service .index_service_txt {    padding-right: 100px;  }
}
@media (max-width: 1420px) {
  .main .index_service .index_service_txt {    width: 100%;    height: 963px;    padding: 0 5%;  }
  .main .index_service .index_service_txt .slide_txt .item {    text-align: center;  }
  .main .index_service .index_service_txt .slide_thum > ul {    justify-content: center;  }
}
@media (max-width: 620px) {
  .main .index_service .index_service_txt {    height: 545px;  }
  .main .index_service .index_service_txt .slide_txt {    min-height: 270px;  }
  .main .index_service .index_service_txt .slide_txt .item .t2 {    margin-top: 10px;  }
  .main .index_service .index_service_txt .slide_txt .item .t3 {    margin-top: 20px;  }
  .main .index_service .index_service_txt .slide_txt .item .more_btn {font-size:15rem;    margin-top: 20px;  }
  .main .index_service .index_service_txt .slide_txt .item .more_btn::after {    margin-left: 5px;  }
  .main .index_service .index_service_txt .slide_thum > ul > li {    width: 96px;    height: 96px;  }
}

.main .index_service .index_service_txt .slide_thum > ul > li .box {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  text-align: center;}
.main .index_service .index_service_txt .slide_thum > ul > li .box .ico {  display: block;  width: 60px;  height: 60px;  margin-bottom: 20px;}
@media (max-width: 620px) {
  .main .index_service .index_service_txt .slide_thum > ul > li .box .ico {    width: 30px;    height: 30px;    margin-bottom: 10px;    background-size: cover;  }
}
.main .index_service .index_service_txt .slide_thum > ul > li .box .ico1 {  background-image: url(../img/main/service_icon01.png);}
.main .index_service .index_service_txt .slide_thum > ul > li .box .ico2 {  background-image: url(../img/main/service_icon02.png);}
.main .index_service .index_service_txt .slide_thum > ul > li .box .ico3 {  background-image: url(../img/main/service_icon03.png);}
.main .index_service .index_service_txt .slide_thum > ul > li .box .t1 {  display: block;  margin-bottom: 10px;}
.main .index_service .index_service_txt .slide_thum > ul > li .box .t2 {  display: block;}
.main .index_service .index_service_txt .slide_thum > ul > li.act .box {  background-color: rgba(0, 0, 0, 0.1);}

.main .index_features {  display: flex;}
.main .index_features.js_scroll_act .features_box .box .img::after {  transition-delay: 1s;}
.main .index_features.js_scroll_act .features_box .box:nth-child(1) .img::after {  transition-delay: 0.5s;  top: 0;}
.main .index_features.js_scroll_act .features_box .box:nth-child(2) .img::after {  transition-delay: 0.5s;  left: 0;}
.main .index_features.js_scroll_act .features_box .box:nth-child(3) .img::after {  transition-delay: 0.5s;  top: 0;}
.main .index_features.js_scroll_act .features_box .box:nth-child(4) .img::after {  transition-delay: 0.5s;  left: 0;}
.main .index_features .features_box {  display: flex;  flex-wrap: wrap;  width: 50%;}
.main .index_features .features_box .box {  overflow: hidden;  position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 50%;  height: 50%;  text-align: center;}
.main .index_features .features_box .box p { word-break: keep-all;}
.main .index_features .features_box .box .img {  position: relative;  transition: transform 1s;  width: 100%;  height: 100%;  background-size: cover;  background-position: center;}

.main .index_features .features_box .box .img::after {  content: "";  transition: all 0.5s ease-in-out;  opacity: 0.9;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.main .index_features .features_box .box:nth-child(1) .img::after {  top: -100%;  background-color: #866040;}
.main .index_features .features_box .box:nth-child(2) .img::after {  left: 100%;  background-color: #895115;}
.main .index_features .features_box .box:nth-child(3) .img::after {  top: 100%;  background-color: #d9aa41;}
.main .index_features .features_box .box:nth-child(4) .img::after {  left: -100%;  background-color: #907244;}
.main .index_features .features_box .box .tit {  position: absolute;  top: 50%;  left: 0;  transform: translateY(-50%);  width: 100%;  padding: 0 20px;  text-align: center; letter-spacing:-1px; line-height:1.3; }
.main .index_features .features_box .box .hover_box {  position: absolute;  top: 0;  left: 0;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  padding: 0 70px;  opacity: 0;  -ms-transform: matrix(1, 0, 0, 1, 0, 50);  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);  transform: matrix(1, 0, 0, 1, 0, 50);  transition: transform 0.4s, opacity 0.4s;  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}

.main .index_features .features_intro {  display: flex;  flex-direction: column;  justify-content: center;  width: 50%;  padding: 100px 0 0 100px;  padding-left: 100px;  background-image: url(../img/main/introduction_bg.jpg);  background-size: cover;  background-position: center;}

.main .index_features .features_intro .cont_pr {  padding-right: 100px;}
.main .index_features .features_intro .top .t2 {  margin-top: 20px;  line-height: 140%;}
.main .index_features .features_intro .index_features_slide {  margin-top: 80px;}

.main .index_features .features_intro .index_features_slide .index_features_mask {  overflow: hidden;}
.main .index_features .features_intro .index_features_slide .item {  opacity: 0.4;  position: relative;  min-height: 147px;}
.main .index_features .features_intro .index_features_slide .item .num {font-family: 'NanumSquareNeo';  font-size:180rem; font-weight:900; font-style:normal; opacity: 0.2;  line-height: 1.5;  color: #F3F6FC;}
.main .index_features .features_intro .index_features_slide .item .txt {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  padding-left: 80px;}
.main .index_features .features_intro .index_features_slide .item .txt p {word-break: keep-all;}

.main .index_features .features_intro .index_features_slide .item.swiper-slide-active {  opacity: 1;}
.main .index_features .features_intro .index_features_slide .slide_control {  display: flex;  margin-top: 100px;}
.main .index_features .features_intro .index_features_slide .slide_control button { padding:0; background:none;}

.main .index_features .features_intro .index_features_slide .slide_control .more_btn {  transition: all 0.3s;  display: flex;  align-items: center;  justify-content: center;  width: 200px;  height: 70px;  border: 1px solid #fff;  text-align: center;}
.main .index_features .features_intro .index_features_slide .slide_control .more_btn:hover {  border: 1px solid #1F9AD4 !important;  background-color: #1F9AD4 !important;}
.main .index_features .features_intro .index_features_slide .slide_control .arrow_btn {  display: block;  width: 70px;  height: 70px;  border: 1px solid rgba(255, 255, 255, 0.2);  background-image: url(../img/main/slide_arrow_w.png);  background-repeat: no-repeat;  background-position: center;}
.main .index_features .features_intro .index_features_slide .slide_control .arrow_btn.prev {  margin-left: 10px;}

@media (max-width: 1420px) {
  .main .index_features {    flex-direction: column-reverse;  }
   .main .index_features .features_box {    width: 100%;  }
   .main .index_features .features_box .box {    height: 485px;  }
   .main .index_features .features_intro {    width: 100%;    padding: 180px 0 180px 5%;  }
    .main .index_features .features_intro .cont_pr {    padding-right: 5%;  }
	.main .index_features .features_intro .index_features_slide .slide_control {    margin-top: 80px;  }
}

@media (max-width: 991px) {
  .main .index_features .features_box .box {    height: 0;    padding-bottom: 50%;  }
   .main .index_features .features_box .box .img {    position: absolute;    top: 0;    left: 0;  }
   .main .index_features .features_box .box .hover_box {    padding: 0 40px;  }
}

@media (max-width: 620px) {
  .main .index_features .features_box .box .hover_box {    padding: 0 15px;  }
  .main .index_features .features_intro {    padding: 90px 5%;  }
  .main .index_features .features_intro .cont_pr {    padding-right: 0;  }
  .main .index_features .features_intro .top .t2 {    margin-top: 10px;  }
  .main .index_features .features_intro .index_features_slide {    margin-top: 40px;  }
  .main .index_features .features_intro .index_features_slide .item {    min-height: 118px;  }
  .main .index_features .features_intro .index_features_slide .item .num {  font-size:100rem;  line-height: 118px;  }
  .main .index_features .features_intro .index_features_slide .item .txt {    padding-left: 0;  }
  .main .index_features .features_intro .index_features_slide .slide_control {    margin-top: 50px;  }
  .main .index_features .features_intro .index_features_slide .slide_control .more_btn {    width: 156px;    height: 60px;  }
  .main .index_features .features_intro .index_features_slide .slide_control .arrow_btn {    width: 60px;    height: 60px;  }
  .main .index_features .features_intro .index_features_slide .slide_control .arrow_btn.prev {    margin-left: 5px;  }
}

.main .index_features .features_intro .index_features_slide .slide_control .arrow_btn.next {  transform: scaleX(-1);  border-right: 0;}


.main .esti_box {  padding-top: 232px;}
@media (max-width: 1420px) {
  .main .esti_box {    padding: 180px 0;  }
}
@media (max-width: 620px) {
  .main .esti_box {    padding: 90px 0;  }
}
.main .esti_box .ani_delay2 {  transition-delay: 0.2s;}
.main .esti_box .ani_delay4 {  transition-delay: 0.4s;}
.main .esti_box .ani_delay6 {  transition-delay: 0.6s;}
.main .esti_box .ani_delay8 {  transition-delay: 0.8s;}

.main .index_review{position: relative;display: flex;justify-content: center;align-items: center;padding: 100px 0 0 calc(50% - 600px);background-color: #F5F5F5;}
.main .index_review::before{content: '';position: absolute;right: 0;top: 0;width: 600px;height: 100%;background-color: #fff;}
.main .index_review .l_cont{width: 700px;}
.main .index_review .l_cont .t1{}
.main .index_review .l_cont .t2{margin-top: 20px;line-height: 140%;}
.main .index_review .l_cont .t3{margin-top: 40px;}
.main .index_review .l_cont .ani:nth-of-type(2){transition-delay: .2s;}
.main .index_review .l_cont .ani:nth-of-type(3){transition-delay: .4s;}
.main .index_review .l_cont .slide_arrow{display: flex;margin-top: 100px;}
.main .index_review .l_cont .slide_arrow .arrow_btn{display: block;width: 70px;height: 70px;border: 1px solid #ddd;background-image: url(../img/main/slide_arrow.png);background-repeat: no-repeat;background-position: center;}
.main .index_review .l_cont .slide_arrow .arrow_btn.next{transform: scaleX(-1);margin-left: -1px;}
.main .index_review .l_cont .slide_arrow .arrow_btn button {border:0; background:#fff;}
.main .index_review .r_cont{width: calc(100% - 700px);}
.main .index_review .index_review_slide .index_review_mask{position: relative;overflow: hidden;width: 100%;}
.main .index_review .index_review_slide .index_review_mask .item{position: relative;}
.main .index_review .index_review_slide .index_review_mask .item .img img{width: 100%;}
.main .index_review .index_review_slide .index_review_mask .item .star_info{margin-top: 20px;}
.main .index_review .index_review_slide .index_review_mask .item .star_info > span::after{content: '';display: inline-block;width: 1px;height: 7px;margin: 0 7px 2px;vertical-align: middle;background-color: #ddd;}
.main .index_review .index_review_slide .index_review_mask .item .star_info > span:last-child:after{display: none;}
.main .index_review .index_review_slide .index_review_mask .item .t1{margin-top: 10px;}
.main .index_review .index_review_slide .index_review_mask .item .t3{margin-top: 20px;}
.main .index_review .index_review_slide .index_review_mask .item::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.61) 0%, rgba(255,255,255,1) 50%);}
.main .index_review .index_review_slide .index_review_mask .item.swiper-slide-active::after{display: none;}


@media (max-width: 1420px){
  .main .index_review{display: block;padding: 180px 0 180px 5%;}
  .main .index_review::before{display: none;}
  .main .index_review .l_cont{width: 100%;padding-right: 5%;}
  .main .index_review .r_cont{width: 100%;margin-top: 100px;}

}
@media (max-width: 620px){
  .main .index_review{padding: 90px 5%;}
  .main .index_review .l_cont{padding-right: 0;}
  .main .index_review .l_cont .t2{margin-top: 10px;}
  .main .index_review .l_cont .t3{margin-top: 15px;}
  .main .index_review .l_cont .slide_arrow{margin-top: 50px;}
  .main .index_review .l_cont .slide_arrow .arrow_btn{width: 60px;height: 60px;}
  .main .index_review .r_cont{margin-top: 50px;}
  .main .index_review .index_review_slide .index_review_mask .item .star_info{margin-top: 10px;}
  .main .index_review .index_review_slide .index_review_mask .item .star_info > span::after{height: 5px;}
  .main .index_review .index_review_slide .index_review_mask .item .t1{margin-top: 5px;}
  .main .index_review .index_review_slide .index_review_mask .item .t3{margin-top: 10px;}
}

.bgc_sky {
  background-color: #F3F6FC;
}

.bgc_gray {
  background-color: #F5F5F5;
}

.js_tab_cont {
  display: none;
}
.js_tab_cont.db {
  display: block;
}



.esti_box {  background-image: url(../img/main/customer_bg.jpg);  background-size: cover;  background-position: center;}
.esti_box .wrap {  display: flex;  justify-content: space-between;  align-items: center;}
.esti_box .wrap .l {  width: 530px;}
.esti_box .wrap .l .t2 { line-height:1.2; margin-top: 20px;}
.esti_box .wrap .l .t3 {  margin-top: 40px;}

@media (max-width: 1240px) {
  .esti_box .wrap .l {    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    width: 100%;  }
}

@media (max-width: 620px) {
  .esti_box .wrap .l .t2 {    margin-top: 10px;  }
  .esti_box .wrap .l .t3 {    margin-top: 20px;  }
}

.esti_box .wrap .r {  width: 650px;}
.esti_box .wrap .r .info_box_lst > ul {  display: flex;  flex-wrap: wrap;  gap: 10px;}
.esti_box .wrap .r .info_box_lst > ul > li {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: calc(50% - 5px);  height: 275px;  border: 1px solid rgba(255, 255, 255, 0.2);  text-align: center;}
.esti_box .wrap .r .info_box_lst > ul > li .ico {  display: block;  width: 45px;  height: 45px;  margin-bottom: 20px;}
.esti_box .wrap .r .info_box_lst > ul > li .ico1 {  background-image: url(../img/main/customer_icon01.png);}
.esti_box .wrap .r .info_box_lst > ul > li .ico2 {  background-image: url(../img/main/customer_icon02.png);}
.esti_box .wrap .r .info_box_lst > ul > li .ico3 {  background-image: url(../img/main/customer_icon03.png);}
.esti_box .wrap .r .info_box_lst > ul > li .ico4 {  background-image: url(../img/main/customer_icon04.png);}
.esti_box .wrap .r .info_box_lst > ul > li .t1 {  font-size:16rem; }
.esti_box .wrap .r .info_box_lst > ul > li .t2 {  margin-top: 10px;}
.esti_box .wrap .r .info_box_lst > ul > li .t3 {  margin-top: 7px;}

@media screen and (max-width: 1023px) {
  .esti_box .wrap {  flex-direction:column;}
  .esti_box .wrap .l { text-align:center; width: 100%;margin-bottom:30rem; }
  .esti_box .wrap .r {  width: 100%;}
}


#footer .foo {  padding: 0rem 0;}
#footer .foo .foo_l {text-align:center; }
#footer .foo .foo_m {  width: calc(100% - 420px);  padding: 0 20px;}

@media (max-width: 1240px) {
  #footer .foo .foo_l {    float: none;    display: flex;    justify-content: center;    width: 100%;    margin-top: 40px;  }
  #footer .foo .foo_m {    float: none;    width: 100%;    margin-top: 40px;    padding: 0;  }
}

@media (max-width: 620px) {
  #footer .foo .foo_l {    margin-top: 20px;  }
  #footer .foo .foo_l .logo {    width: 126px;  }
   #footer .foo .foo_m {    margin-top: 20px;  }
}

#footer .foo .foo_b{width: 100%;margin-top: 35px;}
#footer .foo .foo_b .info .line {  display: flex;  justify-content: center;  align-items: center;  flex-wrap: wrap;  gap: 20px 40px;}
#footer .foo .foo_b .info .line + .line {  margin-top: 20px;}
#footer .foo .foo_b .info .line > span {  line-height: 150%;}
#footer .foo .foo_b .info .line > span > em {  margin-right: 10px;}
#footer .foo .foo_b .copy {  margin-top: 30px;  text-align: center;}
#footer .foo .foo_b .copy input {border:1px solid #ddd; background:#fff; font-size:13rem;}
#footer .foo .foo_r {  display: flex;  justify-content: flex-end;  width: 210px;}

@media (max-width: 1240px) {
  #footer .foo .foo_b {		float: none;    margin-top: 80px;  }
  #footer .foo .foo_r {    float: none;    justify-content: center;    width: 100%;  }
}

@media (max-width: 620px) {
  #footer .foo .foo_b {    margin-top: 40px;  }
  #footer .foo .foo_b .info .line {    gap: 10px 20px;  }
  #footer .foo .foo_b .info .line + .line {    margin-top: 10px;  }
  #footer .foo .foo_b .info .line > span > em {    margin-right: 5px;  }
  #footer .foo .foo_b .copy {    margin-top: 40px;  }
}