@charset "UTF-8";

/* 상단 메뉴바 고정 해제 */
header {
  /* position: absolute !important; */
}

.campaign-wrap {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

/* .o_section */
.o_section {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}
.o_section .o_wrapper {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.o_section .o_wrapper._1200 {
  max-width: 66.7rem;
}
.o_section .o_wrapper._1440 {
  max-width: 80rem;
}

/* text */
.o_h4 {
  font-size: 1.7rem; /* 30px */
  line-height: 1.4;
}
.o_h5 {
  font-size: 1.4rem; /* 25px */
  line-height: 1.4;
}

/* o_btnBox */
.o_section .o_btn-box a {
  background-image: url("../images/00.brand/img_btn.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 26.3rem;
  height: 9.2rem;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  transform-style: preserve-3d;
}
.o_section .o_btn-box a span {
  display: block;
  font-size: 2rem;
  font-weight: 700;
}
.o_section .o_btn-box a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border: 0.4rem solid #005b48;
  opacity: 0;
  transform: translateZ(-1px);
}
.o_section .o_btn-box a:hover:after {
  -webkit-animation-name: o_ripple-out;
  animation-name: o_ripple-out;
  opacity: 1;
}

/* button hover */
@keyframes o_ripple-out {
  100% {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
    opacity: 0;
  }
}

/* *************** */
/* 플로팅배너 영역 (s) */
.o_floatingBtn {
  cursor: pointer;
  width: 10rem;
  position: fixed;
  top: 15%;
  right: 1%;
  z-index: 99;
  opacity: 0;
  transform: translate(100%, 0);
  transition: all 1s ease-in-out !important;
  line-height: 0;
}
.o_floatingBtn.active {
  opacity: 1;
  transform: translate(0, 0);
}
.o_floatingBtn:hover {
  transform: translate(0, -5%);
  transition: all 0.3s ease-in-out !important;
}
/* 플로팅배너 영역 (e) */
/* *************** */

/* ********************************* */
/* o_section_main : 메인 비쥬얼 영역 (s) */
.o_section_main {
  position: relative;
  overflow: hidden;
  min-height: 60rem;
  aspect-ratio: 1920 / 1080;
  display: flex;
  align-items: center;
  justify-content: center;
}
.o_section_main .o_bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
}

.o_section_main .o_wrapper {
  position: relative;
  z-index: 1;
}

.o_section_main .o_container h4 {
  color: #fff;
  font-weight: 700;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}
.o_section_main .o_container figure {
  width: 22.5rem;
  margin-top: 1.7rem;
}

/* btn */
.o_section_main .o_btn-box {
  margin-top: 3.3vmin;
}
/* o_section_main : 메인 비쥬얼 영역 (e) */
/* ********************************* */

/* *************** */
/* o_section_1 (s) */
.o_section_1 {
  background-image: url("../images/01/img_bg.jpg");
  padding: 11.1rem 0;
}

.o_section_1 .o_wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.o_section_1 .o_container figure {
  width: 29.1rem;
}
.o_section_1 .o_container h4 {
  color: #4d4d4f;
  font-weight: 500;
}
.o_section_1 .o_container h4._1 {
  padding-top: 3.1rem;
}
.o_section_1 .o_container h4._2 {
  padding-top: 1.1rem;
}
/* o_section_1 (e) */
/* *************** */

/* *************** */
/* o_section_2 (s) */
.o_section_2 {
  background-image: url("../images/02/img_bg.jpg");
  padding: 5.6rem 0;
  background-position: center top;
}

.o_section_2 .o_text-box {
  text-align: center;
}
.o_section_2 .o_text-box figure {
  width: 32.8rem;
  margin: 0 auto;
}
.o_section_2 .o_text-box h4 {
  color: #fff;
  font-weight: 500;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
  padding-top: 1.6rem;
}

.o_section_2 .o_content-box {
  padding-top: 3.9rem;
  text-align: center;
}
.o_section_2 .o_content-box p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
.o_section_2 .o_content-box figure {
  padding-top: 1rem;
}
.o_section_2 .o_content-box figure img {
  width: 100%;
  display: block;
}

.o_section_2 .o_content-box figure img._3 {
  margin-top: -10%;
}
.o_section_2 .o_content-box figure img._4 {
  margin-top: 1.5%;
}

/* btn */
.o_section_2 .o_btn-item {
  margin-top: 1%;
}
.o_section_2 .o_btn-item a {
  display: block;
  width: 21.7rem;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009465;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  border-radius: 0.6rem;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  position: relative;
  transition: transform 0.3s ease;
}
.o_section_2 .o_btn-item a:hover {
  transform: scale(1.025);
}
/* o_section_2 (e) */
/* *************** */

/* ******************** */
/* o_section_3 input (s) */
.o_section_3 {
  background-image: url("../images/03/img_bg.jpg");
  padding: 5.6rem 0;
}

.o_section_3 .o_text-box {
  text-align: center;
}
.o_section_3 .o_text-box figure {
  width: 32.7rem;
  margin: 0 auto;
}
.o_section_3 .o_text-box h4 {
  color: #fff;
  font-weight: 500;
  padding-top: 1.7rem;
}
.o_section_3 .o_text-box p {
  color: rgba(255, 255, 255, 0.65);
  font-size: 1.2rem;
  font-weight: 500;
  padding-top: 3.9rem;
}

/* letter */
.o_section_3 .o_container {
  margin-top: 1.7rem;
}

/* 연필 */
.o_section_3 .o_click-box {
  text-align: center;
  padding-top: 5rem;
}
.o_section_3 .o_click-box figure {
  width: 23.1rem;
  margin: 0 auto;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.o_section_3 .o_click-box figure:hover {
  transform: scale(1.025);
}
.o_section_3 .o_click-box h4 {
  color: #fff;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  padding-top: 0.8rem;
}
/* o_section_3 (e) */
/* ******************** */

/* *************** */
/* o_section_4 (s) */
.o_section_4 {
  background-image: url("../images/04/img_bg.jpg");
  padding: 5.6rem 0;
}

.o_section_4 .o_text-box {
  text-align: center;
}
.o_section_4 .o_text-box figure {
  width: 42.2rem;
  margin: 0 auto;
}
.o_section_4 .o_text-box h4 {
  color: #4d4d4f;
  font-weight: 500;
  padding-top: 1.7rem;
}

/* o_content-box */
.o_section_4 .o_content-box {
  display: flex;
  justify-content: space-between;
  margin-top: 3.3rem;
}
.o_section_4 .o_content-box .o_content {
  width: 31.7%;
  border-radius: 1.1rem;
  overflow: hidden;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
  position: relative;
}
.o_section_4 .o_content-box .o_content._2 {
  transition-delay: 0.15s;
}
.o_section_4 .o_content-box .o_content._3 {
  transition-delay: 0.3s;
}

.o_section_4 .o_content-box .o_content figure {
  width: 100%;
}
.o_section_4 .o_content-box .o_content .o_text-item {
  text-align: center;
  position: absolute;
  bottom: 1.8rem;
  left: 0;
  width: 100%;
}
.o_section_4 .o_content-box .o_content .o_text-item p {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}
.o_section_4 .o_content-box .o_content .o_text-item h6 {
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  padding-top: 0.4rem;
}

.o_section_4 .o_sub-box {
  text-align: center;
  margin-top: 1.9rem;
}
.o_section_4 .o_sub-box p {
  color: #005b48;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
}
/* o_section_4 (e) */
/* *************** */

/* ******************* */
/* o_section_5 video (s) */
.o_section_5 {
  background-image: url("../images/05/img_bg.jpg");
  padding: 5.6rem 0;
}
.o_section_5 .o_videoBox .o_video {
  width: 100%;
}
/* o_section_5 (e) */
/* ******************* */

/* *************** */
/* o_section_6 (s) */
.o_section_6 {
  background-color: #005b48;
  padding: 5.6rem 0;
}

.o_section_6 .o_text-box {
  text-align: center;
}
.o_section_6 .o_text-box figure {
  width: 39.1rem;
  margin: 0 auto;
}

/* o_content-box */
.o_section_6 .o_content-box {
  display: flex;
  justify-content: space-between;
  margin-top: 3.3rem;
}
.o_section_6 .o_content-box .o_content {
  width: 31.7%;
}
.o_section_6 .o_content-box .o_content figure {
  width: 100%;
}
.o_section_6 .o_content-box .o_content .o_text-item {
  text-align: center;
  padding-top: 1.7rem;
}
.o_section_6 .o_content-box .o_content .o_text-item h6 {
  color: #f0c828;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
.o_section_6 .o_content-box .o_content .o_text-item p {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 0.4rem;
}

.o_section_6 .o_sub-box {
  text-align: center;
  margin-top: 1.9rem;
}
.o_section_6 .o_sub-box p {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
}

/* o_section_6 (e) */
/* *************** */

/* *************** */
/* o_section_7 (s) */
.o_section_7 {
  background-image: url("../images/07/img_bg.jpg");
  padding: 9.4rem 0;
}

.o_section_7 .o_wrapper {
  display: flex;
  justify-content: flex-end;
}
.o_section_7 .o_container {
  width: 26.3rem;
}
.o_section_7 .o_container figure {
  width: 100%;
}

.o_section_7 .o_container .o_btn-box {
  margin-top: 2.8rem;
}

/* o_section_7 (e) */
/* *************** */

/* *************** */
/* o_section_8 faq (s) */
.o_section_8 {
  background-color: #fff;
  padding: 5.6rem 0;
}

.o_section_8 .o_title-box figure {
  width: 15.1rem;
  margin: 0 auto;
}

/* o_sub-box */
.o_section_8 .o_sub-box {
  text-align: center;
  margin-top: 5rem;
}
.o_section_8 .o_sub-box p {
  color: #9d9fa1;
  font-size: 1.2rem;
  font-weight: 500;
}
.o_section_8 .o_sub-box .o_btn-item {
  margin-top: 0.8rem;
}
.o_section_8 .o_sub-box .o_btn-item a {
  display: block;
  width: 21.7rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009465;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  border-radius: 0.6rem;
  margin: 0 auto;
  position: relative;
  transition: transform 0.3s ease;
}
.o_section_8 .o_sub-box .o_btn-item a:hover {
  transform: scale(1.025);
}

/* o_accordion */
.o_accordion {
  margin-top: 3.3rem;
}
.o_accordion .o_acco-item + .o_acco-item {
  margin-top: 0.6rem;
}
.o_accordion .o_acco-item:last-child {
  border-bottom: 1px solid #005b48;
  padding-bottom: 0.6rem;
}

/* o_acco-header */
.o_accordion .o_acco-header {
  position: relative;
  padding: 1.9rem 5.6rem 1.1rem 0;
  background-color: #fff;
  border-top: 1px solid #005b48;
  cursor: pointer;
}
.o_accordion .o_acco-header h4 {
  color: #005b48;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
}

.o_accordion .o_acco-header::before,
.o_accordion .o_acco-header::after {
  content: "";
  position: absolute;
  top: 55%;
  right: 2.2rem;
  width: 1.1rem;
  height: 2px;
  background-color: #009465;
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
}
/* 1. 가로선 (항상 고정) */
.o_accordion .o_acco-header::before {
  transform: translateY(-50%);
}
/* 2. 세로선 (기본 90도 회전하여 + 상태 유지) */
.o_accordion .o_acco-header::after {
  transform: translateY(-50%) rotate(90deg);
}
/* active */
.o_accordion .o_acco-item.active .o_acco-header::after {
  transform: translateY(-50%) rotate(0deg);
}

/* o_acco-content */
.o_accordion .o_acco-content {
  position: relative;
  padding-bottom: 1.1rem;
}

.o_accordion .o_acco-content h6 {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}

/* ul */
.o_accordion .o_acco-content ul li {
  position: relative;
  padding-left: 0.7em;
  font-size: 1.4rem;
  font-weight: 500;
}
.o_accordion .o_acco-content ul li + li {
  margin-top: 0.25em;
}
.o_accordion .o_acco-content ul li::before {
  content: "";
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  position: absolute;
  top: 0.45em;
  left: 0;
  background-color: #005b48;
}

/* _7 */
.o_accordion .o_acco-item._7 .o_acco-content figure {
  width: 85%;
  padding: 1.1rem 0 0.8rem;
}
.o_accordion .o_acco-item._7 .o_acco-content ul {
  color: #77787b;
}
.o_accordion .o_acco-item._7 .o_acco-content ul li::before {
  background-color: #77787b;
}

/* _8 */
.o_accordion .o_acco-item._8 .o_acco-content ul {
  color: #007963;
  padding-top: 0.4rem;
}

/* on off */
.o_accordion .o_acco-content {
  display: none;
}
/* o_section_8 (e) */
/* *************** */

/* section_copy : COPYRIGHT */
.o_section_copy {
  text-align: center;
  background-color: #000;
  padding: 2rem 0;
}

.o_section_copy p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.o_section_copy p._2 {
  padding-top: 0.3em;
}

@media (max-width: 1536px) {
  html {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    overflow: visible !important;
  }

  .campaign-wrap {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
  }
}

/* **************** */
/* o_section-letter */
/* 구름 */
.o_section-letter .o_container .o_content-box ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.o_section-letter .o_container .o_content-box ul li {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: relative;
  width: 17.5rem;
  height: 9.1rem;
  transition: transform 0.3s ease;
  text-align: center;
  color: #005b48;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: -5rem;
  cursor: pointer;
}
.o_section-letter .o_container .o_content-box > ul > li:nth-child(even) {
  margin-top: 6rem;
}
.o_section-letter .o_container .o_content-box ul li:hover {
  transform: scale(1.025);
}

.o_section-letter .o_container .o_content-box ul li._1 {
  background-image: url("../images/03/img_1.png");
  margin: 0;
}
.o_section-letter .o_container .o_content-box ul li._2 {
  background-image: url("../images/03/img_2.png");
}
.o_section-letter .o_container .o_content-box ul li._3 {
  background-image: url("../images/03/img_3.png");
}
.o_section-letter .o_container .o_content-box ul li._4 {
  background-image: url("../images/03/img_4.png");
}
.o_section-letter .o_container .o_content-box ul li._5 {
  background-image: url("../images/03/img_5.png");
}
.o_section-letter .o_container .o_content-box ul li._6 {
  background-image: url("../images/03/img_6.png");
}

/* 번호 */
.o_section-letter .o_container .o_num-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.9rem;
}

.o_section-letter .o_container .o_arrow-item {
  display: flex;
  align-items: center;
}
.o_section-letter .o_container .o_arrow-item span {
  display: block;
  width: 1.1rem;
  margin: 0 0.5em;
  line-height: 1;
  cursor: pointer;
}

.o_section-letter .o_container .o_num-box ul {
  display: flex;
  align-items: center;
  margin: 0 2.8rem;
}
.o_section-letter .o_container .o_num-box ul li {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0.5em;
  padding: 0 0.5em;
  cursor: pointer;
}
.o_section-letter .o_container .o_num-box ul li:hover,
.o_section-letter .o_container .o_num-box ul li.active {
  color: rgba(255, 255, 255, 1);
}

/* 모달 : 메시지 */
.o_letter-box {
  background-image: url("../images/03/img_letter-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 53rem;
  height: 21.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.o_letter-box .o_btn-close {
  position: absolute;
  top: 1.4rem;
  right: 2.2rem;
  width: 1.7rem;
  cursor: pointer;
}

.o_letter-box .o_letter-name {
  font-family: "Noto Serif KR", serif;
  color: #005b48;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 0 3rem;
}
.o_letter-box .o_letter-name::before,
.o_letter-box .o_letter-name::after {
  content: "";
  background-image: url("../images/00.icon/icon-1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.o_letter-box .o_letter-name::before {
  left: 0;
}
.o_letter-box .o_letter-name::after {
  right: 0;
}

.o_letter-box .o_letter-content {
  font-family: "Noto Serif KR", serif;
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  padding-top: 1.1rem;
  max-width: 30rem;
  width: 100%;
}

/* 공통 딤 레이어 */
.o_dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  backdrop-filter: blur(2px);
}

/* ***** */
/* input */
.o_form {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 1.1rem;
  padding: 3.1rem 0;
  margin-top: 2.5rem;
  display: none;
}
.o_form .o_form-wrap {
  max-width: 39.6rem;
  width: 100%;
  margin: 0 auto;
}
.o_form .o_field {
  display: flex;
}
.o_form .o_field .o_label-box {
  width: 12%;
}
.o_form .o_field .o_label-box label {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
}
.o_form .o_field .o_input-box {
  width: 88%;
}
.o_form .o_field .o_input-box input,
.o_form .o_field .o_input-box textarea {
  width: 100%;
  background-color: #fff;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.1em 0.5em;
  border: none;
}

/* name */
.o_form .o_field._name {
  align-items: center;
}

/* textarea */
.o_form .o_field._textarea {
  margin-top: 1rem;
}
.o_form .o_field._textarea .o_input-box textarea {
  height: 7.8rem;
}
.o_form .o_field._textarea .o_input-box textarea::placeholder {
  color: rgba(199, 199, 199, 0.65);
  font-size: 1.2rem;
  font-weight: 500;
  opacity: 1;
}
.o_form .o_field._textarea .o_input-box span {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  text-align: right;
}

/* o_submit-btn */
.o_form .o_form-submit {
  margin-top: 1rem;
}
.o_form .o_form-submit button {
  width: 19.4rem;
  height: 4.6rem;
  background-color: #009465;
  border-radius: 0.6rem;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  cursor: pointer;
}
.o_form .o_form-submit button:hover {
  transform: scale(1.025);
}

.o_form .o_form-submit p {
  padding-top: 1.1rem;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
}

/* 종이 비행기 */
.o_form .o_form-submit button span {
  display: block;
  line-height: 0;
  width: 3.3rem;
  margin-left: 0.3rem;
}

/* o_form-alert : 유효성 검사 */
.o_form-alert {
  display: none;
  width: 20rem;
  padding: 0;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border-radius: 0.6rem;
}
.o_form-alert .o_alert-msg {
  color: #000;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 3.4rem 0 2.4rem;
}
.o_form-alert .o_alert-confirm {
  color: #fff;
  background-color: #000;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 1rem 0;
  width: 100%;
  transition: all 0.3s;
  cursor: pointer;
}
.o_form-alert .o_alert-confirm:hover {
  background-color: #009465;
}

/* 완료 */
.o_letter-submit {
  background-color: #fff;
  width: 53rem;
  height: 21.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border-radius: 1.7rem;
}
.o_letter-submit img {
  width: 100%;
}

.o_letter-submit .o_btn-close {
  position: absolute;
  top: 1.4rem;
  right: 1.7rem;
  width: 1.7rem;
  cursor: pointer;
}

.o_letter-submit figure {
  width: 35.1rem;
  margin: 0 auto;
}
.o_letter-submit .o_text {
  color: #4d4d4f;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.o_letter-submit .o_btn-item {
  margin-top: 1.9rem;
}
.o_letter-submit .o_btn-item a {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  background-color: #009465;
  border-radius: 0.6rem;
  width: 21.7rem;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: transform 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}
.o_letter-submit .o_btn-item a:hover {
  transform: scale(1.025);
}

/* 종이 비행기 */
#o_submit-btn {
  position: relative;
  /* overflow: hidden; */
}
#o_icon-submit {
  display: inline-block;
  transition: transform 0.2s ease;
}
.fly-animation {
  animation: flyAway 1s forwards ease-in-out;
}

/* 30도 방향으로 날아가면서 사라지는 애니메이션 정의 */
@keyframes flyAway {
  0% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(120px, -70px) rotate(-30deg) scale(0.8);
    opacity: 0;
  }
}

.yt-area {width:100%;aspect-ratio:16/9}
.yt-area .yt-box {width:100%;height:100%}