.sec1 {width: 100%; height: auto;}
.sec1 .list_box {width: 100%; height: auto;}
.sec1 .list_box ul {display: flex; align-items: center; justify-content: center; margin: 0 -15px;}
.sec1 .list_box ul li {width: calc(100% / 4); padding: 0 15px; box-sizing: border-box;}
.sec1 .list_box ul li .child-box {display: flex; align-items: center; justify-content: center; gap: 20px; flex-flow: column; width: 100%; height: auto; aspect-ratio: 360/332; background: var(--gray_f5f); text-align: center; border-radius: 20px;}
.sec1 .list_box ul li .child-box .tit_bx {display: flex; align-items: center; justify-content: center; gap: 10px; width: 122px; height: 38px; margin: 0 auto 30px; border-radius: 20px; background: var(--pr); font-size: 14px; font-weight: bold; line-height: 1; color: var(--wt);}
.sec1 .list_box ul li .child-box .tit_bx img {width: 18px; height: auto;}
.sec1 .list_box ul li .child-box .txt {min-height: 68px; font-size: 24px; font-weight: bold; line-height: 1.4; color: var(--pr);}
.sec1 .list_box ul li .child-box .sub {font-size: 15px; font-weight: 400; line-height: 1.5; color: var(--gray_5);}

/* sec2 */
.sec2 {background: var(--black_13); overflow: hidden;}
.sec2 .tit {color: var(--wt);}

/* st_content */
.st_content {position: relative; width: 100%; height: auto; padding: 30px 0 50px; box-sizing: border-box; background: rgba(19, 21, 33, 1); border-radius: 20px; z-index: 1;}
.st_content:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: #515259; z-index: -1; filter: opacity(0.5); border-radius: 20px;}
.st_content .tit_bx {display: flex; align-items: center; justify-content: center; width: 223px; height: 46px; margin: 0 auto 50px; border-radius: 30px; background: var(--pr); font-size: 20px; font-weight: bold; line-height: 1; color: var(--wt);}
.st_content .step_6 {width: 100%; height: auto;}
.st_content .step_6 ul {display: flex; align-items: center; justify-content: center;}
.st_content .step_6 ul li.arrow {width: 16px; height: auto; margin: 0 30px;}
.st_content .step_6 ul li.step {}
.st_content .step_6 ul li.step .child-box {text-align: center;}
.st_content .step_6 ul li.step .child-box .s_num {margin-bottom: 15px; font-size: 16px; font-weight: bold; line-height: 1; color: var(--pr2); text-align: center;}
.st_content .step_6 ul li.step .child-box .icon_box {width: 120px; height: auto;}
.st_content .step_6 ul li.step .child-box .icon_box img {width: 100%; height: auto;}
.st_content .step_6 ul li.step .child-box .txt {margin-top: 15px; font-size: 20px; font-weight: bold; line-height: 1; color: var(--wt);}

.noti_box {width: 100%; height: auto; margin-top: 30px;}
.noti_box ul {display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.noti_box ul li {width: calc(100% / 2); box-sizing: border-box;}
.noti_box ul li .child-box {position: relative; width: 100%; height: auto; padding: 40px 47px 71px 40px; box-sizing: border-box; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); z-index: 1;}

.noti_box ul li .child-box .tit {display: inline-block; padding: 11px 20px; margin-bottom: 40px; box-sizing: border-box; border-radius: 30px; font-size: 20px; font-weight: bold; color: var(--wt);}
.noti_box ul li:first-child .child-box .tit {background: #1FBF75;}
.noti_box ul li:last-child .child-box .tit {background: #33A9FF;}

.noti_box ul li .child-box .txt-box {display: flex; align-items: flex-end; justify-content: space-between;}
.noti_box ul li .child-box .txt-box .txt {margin-bottom: 15px; font-size: 24px; font-weight: bold; line-height: 1; color: var(--wt);}
.noti_box ul li .child-box .txt-box .sub {font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}

.noti_box ul li .child-box .txt-box .img-box {}
.noti_box ul li:first-child .child-box .txt-box .img-box {animation: heartbeat 1.5s ease-in-out infinite both; position: absolute; bottom: 62px; right: 47px; width: 133px; height: auto;}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.noti_box ul li:last-child .child-box .txt-box .img-box {animation: vibrate-1 2.5s linear alternate infinite both; position: absolute; bottom: 52px; right: 50px; width: 164px; height: 139px;}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.noti_box ul li .child-box .txt-box .img-box {z-index: -1;}
.noti_box ul li .child-box .txt-box .img-box img {width: 100%; height: auto; z-index: -1;}

.txt_list {width: 100%; height: auto; margin-top: 50px;}
.txt_list ul {display: flex; align-items: center; justify-content: center; gap: 25px 0; margin: 0 -12.5px;}
.txt_list ul li {width: 370px; height: 106px; padding: 0 12.5px; box-sizing: border-box;}
.txt_list ul li .child-box {display: flex; align-items: center; justify-content: center; gap: 13px; padding: 30px 0; background-color: rgba(255, 255, 255, 0.05); border-radius: 20px;}
.txt_list ul li .child-box img {width: 20px; height: auto;}
.txt_list ul li .child-box .txt {font-size: 15px; font-weight: 400; line-height: 1.5; color: var(--wt);}

/* do_list */
.do_list {display: flex; flex-flow: column; gap: 30px; width: 100%; height: auto;}
.do_list ul {display: flex; align-items: center; gap: 30px; overflow: hidden;}
.do_list ul .do_img .child-box {position: relative; height: 360px; padding: 40px; overflow: hidden; border-radius: 20px; box-sizing: border-box;}
.do_list ul .do_img .child-box img {position: absolute;}
.do_list ul .do_img .tit {margin-bottom: 15px; font-size: 24px; font-weight: bold; line-height: 1; color: var(--wt);}
.do_list ul .do_img .sub {font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}

.do_list ul .do_txt .child-box {display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; height: 360px;}
.do_list ul .do_txt.column .child-box {flex-flow: column;}
.do_list ul .do_txt.row .child-box {flex-flow: row;}
.do_list ul .do_txt .box {position: relative; width: 100%; height: 100%; padding: 40px; background: var(--wt_f5); border-radius: 20px; box-sizing: border-box;}

.do_list ul .do_txt.column .box .box_icon {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); width: 70px; height: auto;}
.do_list ul .do_txt.column .box:first-child .box_icon img.on {animation: wobble-hor-top 0.8s both;}
.do_list ul .do_txt.column .box:last-child .box_icon img {animation: pulsate-fwd 0.8s ease-in-out infinite both;}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}
.do_list ul .do_txt.column .box .box_icon img {width: 100%; height: auto;}

.do_list ul .do_txt.row .box .box_icon img {width: 100%; height: auto;}
.do_list ul .do_txt.row .box:first-child .box_icon {position: absolute; bottom: 77px; left: 50%; transform: translateX(-50%); width: 108px; height: auto;}
.do_list ul .do_txt.row .box:first-child .box_icon.on img {animation: jello-horizontal 0.9s both;}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.do_list ul .do_txt.row .box:last-child .box_icon {position: absolute; bottom: 62px; left: 50%; transform: translateX(-50%); width: 70px; height: auto;}
.do_list ul .do_txt.row .box:last-child .box_icon.on img {animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

.do_list ul .do_txt .box .box_icon img {}
.do_list ul .do_txt.row .box {padding: 40px 30px;}

.do_list ul .do_txt .tit {margin-bottom: 15px; font-size: 24px; font-weight: bold; line-height: 1; color: var(--black_1);}
.do_list ul .do_txt .sub {font-size: 16px; font-weight: 400; line-height: 1.4; color: var(--gray_5);}

/* 스크롤 이벤트 */
.do_list ul:first-of-type .do_img {transition: all .2s;}
.do_list ul:first-of-type .do_img:nth-child(1) {position: relative; top: -300px; left: -300px; min-width: 360px; width: 360px;}
.do_list ul:first-of-type .do_img:nth-child(2) {position: relative; top: -300px; min-width: 360px; width: 360px;}
.do_list ul:first-of-type .do_img:nth-child(3) {position: relative; right: -500px; width: 100%;}


.do_list ul:last-of-type .do_img {position: relative; left: -300px; bottom: -300px; width: calc(100% / 3);transition: all .5s;}
.do_list ul:last-of-type .do_txt {width: calc(100% / 3);transition: all .5s;}
.do_list ul:last-of-type .do_txt:nth-child(2) {position: relative; bottom: -300px;transition: all .5s;}
.do_list ul:last-of-type .do_txt:nth-child(3) {position: relative; bottom: -100px; right: -300px;transition: all .5s;}
/* //스크롤 이벤트 */


.do_list ul:first-of-type .do_img:nth-child(1) .child-box {position: relative; background-color: #675BE0;}
.do_list ul:first-of-type .do_img:nth-child(1) .child-box:before {animation: pulsate-bck 0.8s ease-in-out infinite both; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: url(./../img/do_img_bg.png)no-repeat -6% -89%; background-size: 520px;}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.do_list ul:first-of-type .do_img:nth-child(2) .child-box {background: #33A9FF;}
.do_list ul:first-of-type .do_img:nth-child(3) .child-box {background: #1FBF75;}

.do_list ul:last-of-type .do_img:nth-child(1) .child-box {background: #1B2B3B;}

.do_list ul:first-of-type .do_img:nth-child(1) img {animation: pulsate-bck 0.8s ease-in-out infinite both; bottom: 97px; width: 388px;}
.do_list ul:first-of-type .do_img:nth-child(2) img {right: 42px; bottom: 30px; width: 187px; height: auto;}
.do_list ul:first-of-type .do_img:nth-child(2) img.on {animation: sk_img 3s linear infinite;}
@keyframes sk_img {
  0%   { transform: scale(1) rotate(0deg); }
  25%  { transform: scale(1.1) rotate(90deg); }
  50%  { transform: scale(1.2) rotate(180deg); }
  75%  { transform: scale(1.1) rotate(270deg); }
  100% { transform: scale(1) rotate(360deg); }
}
.do_list ul:first-of-type .do_img:nth-child(3) img {left: 0; bottom: 0; width: 100%; height: auto;}
.do_list ul:first-of-type .do_img:nth-child(3) img.on {animation: bottom_img 1s linear alternate both;}
@keyframes bottom_img {
  0% {bottom: -300px;}
  100% {bottom: 0;}
}

.do_list ul:last-of-type .do_img:nth-child(1) img { right: 10px; bottom: 20px; width: 244px; height: auto;}
.do_list ul:last-of-type .do_img:nth-child(1) img.on {animation: bounce-top 0.9s both;}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

/* sec4 */
.sec4 {padding-top: 40px;}

/* sec4_list */
.sec4_list {width: 1005; height: auto;}
.sec4_list ul {display: flex; align-items: center; justify-content: center; gap: 30px 0; margin: 0 -15px;}
.sec4_list ul:first-of-type {margin-bottom: 30px;}
.sec4_list ul:first-of-type li {width: calc(100% / 2); padding: 0 15px; box-sizing: border-box;}
.sec4_list ul:last-of-type li {width: calc(100% / 3); padding: 0 15px; box-sizing: border-box;}
.sec4_list ul li .child-box {position: relative; width: 100%; height: 320px; padding: 40px; border: 1px solid var(--gray_d); border-radius: 20px; box-sizing: border-box;}
.sec4_list ul li .child-box .num {display: flex; align-items: center; justify-content: center; width: 30px; height: auto; aspect-ratio: 1; margin-bottom: 22px; background: var(--pr2); border-radius: 8px; font-size: 16px; font-weight: bold; line-height: 1; color: var(--wt);}
.sec4_list ul li .child-box .tit {margin-bottom: 20px; font-size: 24px; font-weight: bold; line-height: 1; color: var(--black_1);}
.sec4_list ul li .child-box .txt {display: flex; gap: 4px; font-size: 16px; font-weight: 400; line-height: 1.6; color: var(--gray_5); word-break: keep-all;}
.sec4_list ul li .child-box .icon {position: absolute; bottom: 30px; right: 30px;width: 50px; height: auto;}
.sec4_list ul li .child-box .icon img {width: 100%; height: auto;}

/* rolling_item */
.sec5 {position: relative; height: 150vh; background: var(--wt_f7); z-index: 5;}
/* .sec5.on {position: initial; margin-bottom: 0;} */
.rolling_item {position: sticky; top: 300px; display: flex; align-items: center; gap: 30px; width: 100%; height: auto; overflow: hidden;}
.rolling_item ul {position: relative; display: flex; align-items: center; gap: 30px;}
.rolling_item ul {animation: roll 10s linear infinite;}
/* .rolling_item ul:last-child {animation: roll2 10s linear infinite;} */
.rolling_item ul li {width: 490px; height: auto;}
.rolling_item ul li img {width: 100%; height: auto; transition: all .3s;}


/* 롤링 애니메이션 정의 */
/* @keyframes roll {
 0% {
  transform: translateX(0);
 }
 100% {
  transform: translateX(-100%);
 }
} */

/* sec6 */
.sec6 {}

/* prove-area */
.prove-area {width: 100%; height: auto;}
.prove-area ul {display: flex; align-items: center; justify-content: center; gap: 30px 0; height: 470px; margin: 0 -15px;}
.prove-area ul li {padding: 0 15px; box-sizing: border-box;}

.prove-area ul li.first {min-width: 360px; width: 360px; height: 100%;}
.prove-area ul li.first .child-box {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; height: 100%; border-radius: 20px; background: var(--pr);}
.prove-area ul li.first .child-box .tit {margin-bottom: 18px; font-size: 22px; font-weight: bold; line-height: 1.4; color: var(--wt);}
.prove-area ul li.first .child-box .dm_num {font-size: 68px; font-weight: bold; line-height: 1; color: var(--wt);}
.prove-area ul li.first .child-box .dm_num span {position: relative;}
.prove-area ul li.first .child-box .dm_num span::before {position: absolute; top: 0; left: 0; content: '0'; width: 100%; height: 100%; font-size: 60px; font-weight: bold; line-height: 1; color: var(--wt); background: var(--pr); transition: all .3s;}
.sec6.on .prove-area ul li.first .child-box .dm_num span::before {opacity: 0;}
.prove-area ul li.first .child-box .dm_num small {font-size: 24px; font-weight: bold; line-height: 1; color: var(--wt);}
.prove-area ul li.first .child-box .icon_box {width: 123px; height: auto; margin-top: 26px;}
.prove-area ul li.first .child-box .icon_box img {width: 100%; height: auto;}

.prove-area ul li.multiple {width: 100%; height: auto;}
.prove-area ul li.multiple .child-box {display: flex; align-items: center; justify-content: center; gap: 30px 0; flex-wrap: wrap; margin: 0 -15px;}
.prove-area ul li.multiple .child-box .box {width: calc(100% / 2); padding: 0 15px; box-sizing: border-box;}
.prove-area ul li.multiple .child-box .box:nth-child(3) {width: 72%;}
.prove-area ul li.multiple .child-box .box:nth-child(4) {min-width: 28%; width: 28%;}
.prove-area ul li.multiple .child-box .box .box_item {display: flex; flex-flow: column; justify-content: center; width: 100%; height: 220px; padding: 0 40px; border-radius: 20px; background: var(--gray_f5f); box-sizing: border-box;}
.prove-area ul li.multiple .child-box .box .tit {font-size: 18px; font-weight: 500; line-height: 1; color: var(--black_1);}
.prove-area ul li.multiple .child-box .box .dm_num {margin-top: 15px; font-size: 60px; font-weight: bold; line-height: 1; color: var(--pr);}
.prove-area ul li.multiple .child-box .box .dm_num i {font-size: 40px; font-style: unset;}
.prove-area ul li.multiple .child-box .box .dm_num span {position: relative;}
.prove-area ul li.multiple .child-box .box .dm_num span:before {position: absolute; top: 0; left: 0; content: '0'; width: 100%; height: 100%; font-size: 60px; font-weight: bold; line-height: 1; color: var(--pr); background: var(--gray_f5f); transition: all .3s;}
.sec6.on .prove-area ul li.multiple .child-box .box .dm_num span:before {opacity: 0;}

.prove-area ul li.multiple .child-box .box .dm_num small {font-size: 20px; font-weight: 500; line-height: 1.4; color: var(--pr);}

.prove-area ul li.kmong {min-width: 360px; width: 360px; height: 100%;}
.prove-area ul li.kmong .child-box {display: flex; flex-flow: column; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 20px; background: var(--gray_f5f); text-align: center;}
.prove-area ul li.kmong .child-box .txt {margin-bottom: 26px; font-size: 18px; font-weight: 500; line-height: 1.4; color: var(--black_1);}
.prove-area ul li.kmong .child-box .label_box {display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 30px;}
.prove-area ul li.kmong .child-box .label_box p {padding: 3px 8px; box-sizing: border-box; font-size: 16px; font-weight: 600; line-height: 1; color: var(--wt);}
.prove-area ul li.kmong .child-box .label_box p:first-of-type {background: var(--black_1);}
.prove-area ul li.kmong .child-box .label_box p:last-of-type {background: var(--pr3);}
.prove-area ul li.kmong .child-box .logo_box {display: flex; flex-flow: column; align-items: center; gap: 20px;}
.prove-area ul li.kmong .child-box .logo_box img:first-of-type {width: 110px; height: auto;}
.prove-area ul li.kmong .child-box .logo_box img:last-of-type {width: 100px; height: auto;}

/* cooperative_company */
.cooperative_company {width: 100%; height: auto; padding: 40px 55px; margin-top: 60px; border-radius: 20px; background: var(--black_1b); box-sizing: border-box;}
.cooperative_company ul {display: flex; align-items: center; flex-wrap: wrap; gap: 20px 0; margin: 0 -15px;}
.cooperative_company ul li {width: calc(100% / 5); padding: 0 15px; box-sizing: border-box;}
.cooperative_company ul li .child-box {width: 100%; height: auto;}
.cooperative_company ul li .child-box .img-box {width: 100%; height: auto;}
.cooperative_company ul li .child-box .img-box img {width: 100%; height: auto; transition: all .3s;}
.cooperative_company ul li .child-box .img-box:hover img {box-shadow: 0px 0px 16px 8px rgba(0, 0, 0, 0.5);}

/* sec7 */
.sec7 {padding-top: 0;}

/* form-area */
.form-area {width: 100%; height: auto;}
.form-area .box {display: flex; justify-content: center; gap: 70px; margin-bottom: 40px;}
.form-area .box:last-of-type {margin-bottom: 0;}
.form-area .box .input-box {width: 100%; height: auto;}
.form-area .box .input-box .tit {margin-top: 50px; margin-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 1; color: var(--black_1);}
.form-area .box .input-box .tit:first-of-type {margin-top: 0;}
.form-area .box .input-box input:not(.sub_input,.date) {width: 100%; height: 60px; padding: 0 20px; border-radius: 5px; border: 1px solid var(--gray_d9); box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 1; color: var(--black_1);}
.form-area .box .input-box input.sub_input {max-width: 300px; width: 100%; height: 40px; margin-left: -50px; border-bottom: 1px solid var(--gray_d); font-size: 18px; font-weight: 400; line-height: 1; color: var(--black_1);}
.form-area .box .input-box input.date {width: 142px; height: 40px; padding: 0 12px; margin-left: -50px; border-radius: 5px; border: 1px solid var(--gray_d); box-sizing: border-box;}
.form-area .box .input-box input.sub_input::placeholder {color: var(--gray_9);}
.form-area .box .input-box select {width: 100%; height: 60px; padding: 0 20px; border-radius: 5px; border: 1px solid var(--gray_d9); box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 1; color: var(--black_1); appearance: none; background: url(./../img/select_icon.png)no-repeat calc(100% - 15px) 50%; background-size: 24px;}
.form-area .box .input-box textarea {width: 100%; height: 200px; padding: 20px; margin-bottom: 40px; border-radius: 5px; border: 1px solid var(--gray_d9); box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 1; color: var(--black_1); resize: none;}
.form-area .box .input-box input::placeholder {color: var(--gray_9);}
.form-area .box .input-box textarea::placeholder {color: var(--gray_9);}
.form-area .box .input-box .d-flex {display: flex; align-items: center; gap: 11px;}

/* ckd-box */
.ckd-box {display: flex; align-items: center; flex-wrap: wrap; gap: 40px 60px; width: 100%; height: auto;}
.ckd-box input[type="checkbox"] {display: none;}
.ckd-box label {position: relative; display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 400; line-height: 1; color: var(--black_1);}
.ckd-box label:before {content: ''; display: block; width: 20px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_off.png)no-repeat 50% 50%; background-size: cover;}
.ckd-box input[type="checkbox"]:checked + label:before {content: ''; display: block; width: 20px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_on.png)no-repeat 50% 50%; background-size: cover;}
.ckd-box .ckd_btn {font-size: 18px; font-weight: 400; line-height: 1; color: var(--black_1);}

/* file_upload */
.file_upload {position: relative;}
.file_upload input[type="file"] {position: absolute; top: 0; right: 0; width: 30px !important; height: auto !important; padding: 0 !important; aspect-ratio: 1; opacity: 0; z-index: 3;}
.file_upload label {}
.file_upload label img {width: 30px; height: auto;}

/* submit-btn */
.submit-btn {text-align: center;}
.submit-btn button {display: flex; align-items: center; justify-content: center; width: 280px; height: 70px; margin: 60px auto 0; border-radius: 15px; background: var(--pr); font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: -0.18px; color: var(--wt);}

/* loading */
.loading {animation: loading_off .5s 10s linear both; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9999;}
@keyframes loading_off {
        0% {opacity: 1;}
        90% {opacity: 0;}
        100% {opacity: 0; z-index: -9999;}
}
.loading .img-box {position: relative; width: 92px; height: 126px;}
.loading .img-box.on {transform: rotate(360deg); transition: all .1s;}
.loading .img-box .intro_t {position: absolute; bottom: 0; left: 0; width: 92px; height: 0;}
.loading .img-box .intro_t.on {animation: time3 3s linear both;}
@keyframes time3 {
        0% {height: 0;}
        100% {height: 126px;}
}

.loading .img-box .intro_1 {width: 100%; height: 100%; object-fit: cover; object-position: bottom;}