@-webkit-keyframes bg01 {
  0% {
    background-position-y: 55%;
  }
  100% {
    background-position-y: 45%;
  }
}
@keyframes bg01 {
  0% {
    background-position-y: 55%;
  }
  100% {
    background-position-y: 45%;
  }
}
@-webkit-keyframes blink {
  to {
    opacity: 0;
  }
}
@keyframes blink {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fill {
  to {
    width: 100%;
  }
}
@keyframes fill {
  to {
    width: 100%;
  }
}
@-webkit-keyframes bounce2 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce2 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
  100% {
    opacity: 1;
  }
}
.section_01 {
  font-family: "Chungbuk-National-University";
  font-weight: 400;
  color: #fff;
  background: rgb(255, 142, 90) url(../images/main/main-deco.png?v=2) no-repeat 50% 0 fixed;
  background-size: contain;
  /* padding-top: 62px; */
}
.section_01 .KeyVisual {
  height: 100%;
  background-image: url(../images/main/cartoon-man-woman-with-car.png);
  background-size: auto;
  background-position-x:94%;
  -webkit-animation: bg01 10s infinite alternate;
          animation: bg01 10s infinite alternate;
}
.section_01 .KeyVisual .text .container {
  /*padding-right: 40%;*/
  text-align: left;
}
.section_01 h2 {
  font-size: 48px;
  line-height: 1.4;
  letter-spacing: -2px;
  position: relative;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 800;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section_01 h2 > span {
  color: rgba(255, 255, 255, 0);
  position: relative;
  display: inline-block;
}
.section_01 h2 > span::before, .section_01 h2 > span::after {
  position: absolute;
  left: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.section_01 h2 > span::before {
  content: attr(data-title);
  color: #000;
  z-index: 2;
  opacity: 0;
  -webkit-animation-name: bounce2;
          animation-name: bounce2;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.section_01 h2 > span::after {
  content: "";
  width: 0;
  height: 50%;
  bottom: 0;
  background-color: rgb(123, 216, 136);
  z-index: 1;
  -webkit-animation-name: fill;
          animation-name: fill;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.section_01 h2 .text-box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
}
.section_01 h2 .text-box * {
  color: rgb(255, 255, 255);
}
.section_01 h2 .text-box h2::after {
  content: "|";
  font-family: "Pretendard";
  font-weight: 100;
  -webkit-animation: blink 0.5s infinite;
          animation: blink 0.5s infinite;
}
.section_01 .ad_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  margin-top:20%;
  margin-top: 25%;
  padding-bottom: 5%;
}
.section_01 .ad_list_p {
  padding: 5px 10px;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  letter-spacing: -5%;
  border-radius: 5px;
  /* margin-right: 5px;
  margin-top: 5px; */
}

.section_01 .ad_list_p {
  padding-top: 5px 10px;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  letter-spacing: -5%;
  border-radius: 5px;
  /* margin-right: 5px;
  margin-top: 5px; */
}
.section_03 .img_hand{
	margin-bottom:16px
}

.ico-new{height:52px}
.ico-new-flex{display:inline-flex;    align-items: center;
    gap: 15px;}
@media (min-width: 1200px) {
  .section_01 .ad_list {
    padding-right: 25%;
    margin-top: 31%;
    padding-bottom: 12%;
  }
}
@media (max-width: 991px) {
.section_03 .img_hand{
	margin-bottom:16px;
	width:100px
}
  .section_01 {
    -webkit-animation: none;
            animation: none;
  }
  .section_01 h2 {
    font-size: 32px;
  }
  .section_01 .KeyVisual {
    background-size: contain;
  }
  .section_01 .ad_list {
    padding-right: 25%;
  }
}
@media (max-width: 767px) {
.sec03_txt{text-align:center}
.sec03_txt h2{font-size:7vw}
.service-image-m-box{
	text-align:right
}
main section.section_04 .service-01 .service-image-m-box .service-box{
	width:90%
}
main section.section_04 .service-01 .service-image-m-box .service-box h5{
	font-size:3.5vw
}
main section.section_04 .service.service-01 .service-image .image-background{
        background-position: center center;
}
  .ico-new-flex{
		flex-direction: column;
		gap:5px
  }
    .ico-new-flex:before,
	.ico-new-flex:after{
		display:none
	}
  .section_01 {
    /* height: 100vw; */
  }
  .section_01 h2 {
    font-size: 26px;
  }
  .section_01 .ad_list {
    font-size: 14px;
  }
  .section_01 .KeyVisual {
    background-size: 70%;
  }
	.section_06 h2{
		text-align:center
	}
	.section_06 h4 small{
		display:block;
		text-align:center
	}
	.section_06 .text-left + .ml-auto{
      margin-top:35px;
        text-align: right;
	}
	.latest_slide .swiper-button-prev, .latest_slide .swiper-button-next, .review-list .swiper-button-prev, .review-list .swiper-button-next{
		width:36px;
		height:36px;
		margin:0
	}
	.swiper .swiper-button-prev::after, .swiper .swiper-button-next::after{
		font-size:10px
	}
}
@media (max-width: 545px) {
  .section_01 {
    /* height: 100vh; */
    background-size: 90%;
    background-position-y: 70%;
    background-image: url(../images/main/main-deco2.png);
  }
  .section_01 h2 {
    font-size: 24px;
  }
  .section_01 .KeyVisual {
    height: 100%;
    background-size: 100% auto;
    background-position-y: 90%;
  }
  .section_01 .KeyVisual .text .container {
    /* padding: 10px 25px 100px 25px; */
    /* height: 100%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .section_01 .ad_list {
    margin-top: auto;
    padding-bottom: 0;
  }
  .section_01 .ad_list_p {
  padding: 8px;
  font-size: 12px;
}
}





.section_04 .txt_area strong {
  -webkit-animation: bounce 2s ease-in-out infinite;
          animation: bounce 2s ease-in-out infinite;
}

.section_02 .txt_area strong {
  -webkit-text-emphasis-style: filled dot;
          text-emphasis-style: filled dot;
  color: #f28a76;
  font-weight: bold;
  font-size: 34px;
  margin: 0 3px;
  -webkit-animation: bounce 2s ease-in-out infinite;
          animation: bounce 2s ease-in-out infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  font-family: "kopubdotum";
}