.table_tit {margin-bottom: 24px; font-size: 20px; font-weight: 600; line-height: 1; color: var(--black_3);}

table {table-layout: fixed; width: 100%; text-align: center; border-top: 1px solid var(--black); border-bottom: 1px solid var(--black);}
table th {height: 60px; vertical-align: middle; background: var(--wt_f2); font-size: 16px; font-weight: 600; line-height: 1; color: var(--black_3);}
table td {height: 58px; border-bottom: 1px solid var(--gray_d9); font-size: 16px; font-weight: 400; line-height: 1; color: var(--gray_6); vertical-align: middle;}
table tr:last-of-type td {border-bottom: 0;}

/* form_sec */
.form_sec {padding-top: 160px;}

.form-item {width: 100%; height: auto; padding-bottom: 64px; border-top: 1px solid var(--black);}
.form-item:last-of-type {padding-bottom: 0;}
.form_tit {margin-bottom: 16px; font-size: 24px; font-weight: 600; line-height: 32px; color: var(--black);}

.input-box {position: relative; padding: 0 30px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #E1E1E1; box-sizing: border-box;}
.input-box.after_none:after {display: none !important;}
.input-box:last-of-type {margin-bottom: 0;}
.input-box:first-of-type {padding-top: 24px;}
.input-box .d-flex {display: flex; align-items: center; gap: 82px; margin-bottom: 24px;}
.input-box .d-flex.flex_top {align-items: baseline;}
.input-box2 .d-flex {align-items: flex-start;}
.input-box2 .d-block {width: 100%; overflow: hidden;}
.input-box .d-flex:last-of-type {margin-bottom: 0;}
.input-box .address {display: flex; align-items: center; gap: 10px; width: 100%;}
.input-box .address .address_btn {display: flex; align-items: center; justify-content: center; min-width: 125px; width: 125px; height: 52px; border-radius: 8px; background: var(--pr); font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}
.input-box .tit {min-width: 200px; width: 200px; font-size: 16px; font-weight: 600; line-height: 1.25; color: var(--black);}
.input-box .tit sub {display: flex; gap: 4px;}
.input-box .tit span {color: var(--pr);}
.input-box .tit small {display: block; margin-top: 8px; font-size: 12px; font-weight: 400; line-height: 1.5; color: var(--gray_6); word-break: keep-all;}
.input-box .tit img {width: 100%; height: auto;}
.input-box input {width: 100%; height: 52px; padding: 0 14px; box-sizing: border-box; border: 1px solid #E1E1E1; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05); font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--black_3);}
.input-box input::placeholder {color: var(--gray_6)}

.input-box input:read-only {background: #F5F5F7; color: var(--gray_6);}
.input-box .input_2 {display: flex; flex-flow: column; gap: 24px; width: 100%; height: auto;}

.input-box select {position: relative; width: 100%; height: 44px; padding: 0 14px; margin-bottom: 24px; box-sizing: border-box; appearance: none; background: url(./../img/select_arrow.png)no-repeat calc(100% - 14px) 50%; background-size: 20px; outline: none; border: 1px solid var(--gray_c8); border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05); z-index: 3;}

.input-box textarea {width: 100%; height: 215px; padding: 10px 14px; box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05); font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--black_3); resize: none; outline: none;}
.input-box textarea::placeholder {color: var(--gray_6)}

.input-box3 {position: relative;}
.input-box3.off {right: 1px;}
.input-box3:after {position: absolute; top: 0; right: 0; content: ''; display: block; width: 100px; height: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--wt) 100%); z-index: 3;}
.input-box3.off:after {display: none;}

/* file_upload */
.file_upload {width: 100%; height: auto;}
.file_upload .file_box {position: relative; display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; height: auto; padding: 40px; border-radius: 8px; background: #F5F5F7; box-sizing: border-box; text-align: center; z-index: 1; overflow: hidden;}
.file_upload .file_box.on:before {animation: bg_g 1s linear alternate both; position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: var(--gray_e1); z-index: -1;}
@keyframes bg_g {
  0% {height: 0%;}
  100% {height: 100%;}
}
.file_upload .file_box input[type="file"] {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.file_upload .file_box .file_icon {width: 46px; height: auto; margin-bottom: 18px;}
.file_upload .file_box .file_icon img {width: 100%; height: auto;}
.file_upload .file_box .tit { width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--black);}
.file_upload .file_box .tit span {color: var(--pr);}
.file_upload .file_box .sub {width: 100%; font-size: 12px; font-weight: 400; line-height: 20px; color: var(--gray_6);}

.file_upload .file-list {width: 100%; height: auto;}
.file_upload .file-list ul {width: 100%; height: auto;}
.file_upload .file-list ul li {width: 100%; height: auto; margin-bottom: 24px;}
.file_upload .file-list ul li:first-of-type {margin-top: 24px;}
/* .file_upload .file-list ul li.an {animation: bounce-top 0.9s both;} */
.file_upload .file-list.on ul li {position: relative; overflow: hidden; z-index: 1;}
.file_upload .file-list.on ul li:before {animation: bg_g2 1s linear alternate both; position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: #FFF0ED; z-index: -1; border-radius: 16px;}
.file_upload .file-list ul li.an:before {animation: bg_g3 1s .5s linear alternate both; position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: #FFF0ED; z-index: -1; border-radius: 16px;}
@keyframes bg_g2 {
  0% {width: 0%;}
  100% {width: 100%;}
}
@keyframes bg_g3 {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@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;
  }
}

.file_upload .file-list ul li:last-of-type {margin-bottom: 0;}
.file_upload .file-list ul li .child-box {display: flex; align-items: center; justify-content: space-between; padding: 16px; box-sizing: border-box; border: 1px solid var(--gray_c8); border-radius: 16px;}
.file_upload .file-list ul li.on .child-box {border-color: var(--pr);}
.file_upload .file-list ul li .child-box .file_name {display: flex; align-items: center; gap: 14px;}
.file_upload .file-list ul li .child-box .file_name img {width: 32px; height: auto;}
.file_upload .file-list ul li .child-box .file_name .name {font-size: 14px; font-weight: 500; line-height: 1.43; color: var(--black_41);}

/* .file_upload .file-list ul li .child-box .ckd_icon {width: 16px; height: auto;}
.file_upload .file-list ul li .child-box .d_icon {width: 20px; height: auto;} */
/* .file_upload .file-list ul li .child-box .ckd_icon {position: relative;} */
.file_upload .file-list ul li .child-box .ckd_icon .ck {width: 16px; height: auto;}
/* .file_upload .file-list ul li .child-box .ckd_icon .del {display: none; width: 20px; height: auto;} */
.file_upload .file-list ul li .child-box .ckd_icon .del {display: block; width: 20px; height: auto;}
.input-box3:before{display: none;}

/* radio_box */
.radio_box {display: flex; align-items: center; flex-wrap: wrap; gap: 32px 0; margin: 0 -16px;}
.radio_box input[type="radio"] {display: none;}
.radio_box label {width: 276px; height: auto; flex: 0 0 auto; padding: 0 16px; box-sizing: border-box;}
.radio_box label .child-box {display: block; width: 100%; height: auto; border: 1px solid #e1e1e1; border-radius: 8px; overflow: hidden;}

.radio_box.type1 label {overflow: hidden;}
.radio_box.type1 label span {display: block;}
.radio_box.type1 label .child-box {overflow: hidden; word-break: keep-all;}
.radio_box.type1 label .child-box .label_ht {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px; box-sizing: border-box; background: #F5F5F7; font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--black); border-bottom: 1px solid #e1e1e1;}
.radio_box.type1 label .child-box .label_ht:after {content: ''; display: block; width: 20px; height: auto; aspect-ratio: 1; background: url(./../img/radio_off.png)no-repeat 50% 50%; background-size: cover;}
.radio_box input[type="radio"]:checked + label .child-box {border-color: var(--pr);}
.radio_box input[type="radio"]:checked + label .label_ht {border-color: var(--pr); background: #FFF0ED;}
.radio_box input[type="radio"]:checked + label .label_ht:after {content: ''; display: block; width: 20px; height: auto; aspect-ratio: 1; background: url(./../img/radio_on.png)no-repeat 50% 50%; background-size: cover;}
.radio_box.type1 label .child-box .img-box {width: 100%; height: auto; aspect-ratio: 1; padding: 16px; box-sizing: border-box;}
.radio_box.type1 label .child-box .img-box img {width: 100%; height: 100%; object-fit: cover;}

.radio_box.type1 label .child-box .txt {padding: 16px; padding-top: 0; font-size: 12px; font-weight: 400; line-height: 1.43; color: var(--gray_6);}

.radio_box.scroll {position: relative; flex-wrap: nowrap; overflow: auto; overflow-y: hidden; margin-bottom: 32px;}
.radio_box.scroll.on {animation: scroll_move .5s linear alternate both;}
@keyframes scroll_move {
        0% {transform: translateX(0%);}
        50% {transform: translateX(-2%);}
        100% {transform: translateX(0%);}
}
.radio_box.scroll:last-of-type {margin-bottom: 0; padding-bottom: 2px;}
.radio_box.scroll::-webkit-scrollbar,
.radio_box.scroll::-webkit-scrollbar-thumb,
.radio_box.scroll::-webkit-scrollbar-track {display:none;}

.radio_box.type2 label .child-box {position: relative; padding: 45px 26px 16px; border-color: #e1e1e1; box-sizing: border-box;}
.radio_box.type2 label .child-box:after {position: absolute; top: 16px; left: 16px; content: ''; display: block; width: 20px; height: auto; aspect-ratio: 1; background: url(./../img/radio_off.png)no-repeat 50% 50%; background-size: cover;}
.radio_box.type2 input[type="radio"]:checked + label .child-box {border-color: var(--pr);}
.radio_box.type2 input[type="radio"]:checked + label .child-box:after {content: ''; display: block; width: 20px; height: auto; aspect-ratio: 1; background: url(./../img/radio_on.png)no-repeat 50% 50%; background-size: cover;}
.radio_box.type2 label .child-box .img-box {display: block; width: 100%; height: auto;}
.radio_box.type2 label .child-box .img-box img {width: 100%; height: auto;}

/* sc_arrow */
.sc_arrow {position: absolute; top: 42%; transform: translateY(-50%); z-index: 5;}
.input-box4 .sc_arrow {top: 50%;}
.sc_arrow button {width: 30px; height: auto; aspect-ratio: 1;}
.sc_arrow.sc_arrow_p {left: 252px;}
.sc_arrow.sc_arrow_n {right: 0;}

/* scroll_bar */
/* .scroll_bar {position: absolute; top: 0; left: 0; width: 100%; height: 10px; z-index: 3;;} */
.scroll_bar input {width: 100%; height: auto;}


.radio_box.scroll {
  cursor: grab;
  user-select: none; /* 드래그 중 텍스트 선택 방지 */
  -ms-touch-action: pan-y;
  touch-action: pan-y; /* 세로 스크롤 허용 */
}

/* size_gd */
.size_gd {width: 100%; height: auto; padding: 80px 0; background: #F5F5F7;}
.size_gd .size_tit {margin-bottom: 32px; font-size: 24px; font-weight: 600; line-height: 1; color: var(--black);}
.size_gd .sub {margin-top: -24px; margin-bottom: 32px;; font-size: 12px; font-weight: 400; line-height: 20px; color: var(--pr);}
.size_gd .tab_btn {display: flex; align-items: center; justify-content: center; gap: 64px;}
.size_gd .tab_btn button {font-size: 24px; font-weight: 400; line-height: 24px; color: var(--black);}
.size_gd .tab_btn button.active {color: var(--pr); font-weight: 600;}

.size_gd .size_gd_box > .img-box {max-width: 790px; width: 100%; height: auto; margin: 0 auto 24px;}
.size_gd .size_gd_box > .img-box.wb {max-width: 1000px;}
.size_gd .img-box img {display: none; width: 100%; height: auto;}
.size_gd .img-box img:first-of-type {display: block;}

/* back_info_sec */
.back_info_sec {width: 100%; height: auto; padding: 80px 0;}
.back_info_sec.form_sec {width: 100%; height: auto; padding-top: 160px;}
.back_info_sec .bi_form {width: 100%; height: auto;}
.back_info_sec .description {margin-bottom: 24px;}
.back_info_sec .description .tit {margin-bottom: 8px; font-size: 24px; font-weight: 600; line-height: 32px; color: var(--black);}
.back_info_sec .description .txt {font-size: 12px; font-weight: 400; line-height: 20px; color: var(--gray_6);}
.back_info_sec .description .txt span {display: flex; gap: 11px; word-break: keep-all; padding-left: 8px;}
.back_info_sec .description .txt span:before {content: ''; display: block; width: 3px; height: 3px; margin-top: 10px; border-radius: 100%; background: var(--gray_c8);}

.back_info_sec .back_info_input {width: 100%; height: auto; overflow: hidden; margin-bottom: 24px;}
.back_info_sec .back_info_input:last-of-type {margin-bottom: 0;}
.back_info_sec .back_info_input .tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--black);}
.back_info_sec .back_info_input .tit img {width: 20px; height: auto;}

.back_info_sec .back_info_input .d-flex {display: flex; align-items: center; gap: 24px 0; flex-wrap: wrap; padding: 25px 30px 27px; margin: 0 -20px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--gray_e2);}
.back_info_sec .back_info_input .d-flex .d-block {width: calc(100% / 2); padding: 0 20px; box-sizing: border-box;}
.back_info_sec .back_info_input .d-flex .d-block .select_tit {margin-bottom: 8px; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--black);}
.back_info_sec .back_info_input .d-flex .d-block select {width: 100%; height: 52px; padding: 0 14px; box-sizing: border-box; appearance: none; background: url(./../img/select_arrow.png) no-repeat calc(100% - 14px) 50%; background-size: 20px; outline: none; border: 1px solid #e1e1e1; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);}
.back_info_sec .back_info_input .d-flex .d-block input {width: 100%; height: 52px; padding: 0 14px; box-sizing: border-box; appearance: none; outline: none; border: 1px solid #e1e1e1; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05); font-size: 16px; font-weight: 400; line-height: 24px; color: var(--black);}
.back_info_sec .back_info_input .d-flex .d-block input::placeholder {color: var(--black);}

/* add_btn */
.back_info_sec .add_btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100px; height: 52px; margin-top: 23px; border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}
.back_info_sec .copy_btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 145px; height: 52px; margin-top: 23px; border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 1; color: var(--wt);}
.back_info_sec .add_btn img {width: 20px; height: auto;}

/* form_save_order_btn */
.form_save_order_btn {display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 84px;}
.form_save_order_btn button {display: flex; align-items: center; justify-content: center; width: 150px; height: 56px; border-radius: 8px; border: 1px solid var(--pr); font-size: 16px; font-weight: 400; line-height: 1;}
.form_save_order_btn a {display: flex; align-items: center; justify-content: center; width: 150px; height: 56px; border-radius: 8px; border: 1px solid var(--pr); font-size: 18px; font-weight: 500; line-height: 1;}

/* radio_select */
.radio_select {display: none;}
.input-box .d-flex.radio_select {display: none;}
.sc_arrow {display: none;}
.input-box.ib .sc_arrow {display: none !important;}
.input-box.ib .sc_arrow.on {display: block !important;}
.input-box3:not(.input-box4) .sc_arrow {display: block;}
/* .input-box.ib .sc_arrow {display: block;} */

/* bi_form */
.back_info_sec .description {position: relative;}
.back_info_sec .description .copy_btn {position: absolute; bottom: 0; right: 0; width: 181px; height: 52px; margin-top: 0;}

.back_info_sec .description .copy_btn:before {position: absolute; top: -45px; left: 0; content: '개별작성 가능합니다. 팀원들에게 공유해주세요.'; display: block; width: 100%; padding-left: 30px; box-sizing: border-box; word-break: keep-all; text-align: right; font-size: 12px; font-weight: 400; line-height: 20px; color: var(--gray_6);}

/* .bi_form {display: flex; align-items: flex-end; justify-content: space-between;} */


/* tit_tab_btn */
.tit_tab_btn {display: flex; align-items: center; justify-content: center; gap: 32px; margin-bottom: 24px;}
.tit_tab_btn button {display: flex; align-items: center; justify-content: center; width: 125px; height: 56px; border-radius: 45px; background: transparent; border: 1px solid var(--pr); font-size: 16px; font-weight: 400; line-height: 1; color: var(--pr); box-sizing: border-box;}
.tit_tab_btn button.active {background: var(--pr); color: var(--wt);}


/* table_box */
.size_gd_box {display: none;}
.table_box {width: 100%; height: auto;}
.table_box ul {width: 100%; height: auto;}
.table_box ul li {display: none; width: 100%; height: auto;}
.table_box ul li:first-of-type {display: block;}
.table_box ul li .img-box {width: 100%; height: auto;}
.table_box ul li .img-box img {width: 100%; height: auto;}

/* description_txt */
.description_txt {width: 100%; height: auto; margin-top: 56px;}
.description_txt .tit {margin-bottom: 8px; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--black);}
.description_txt dl {display: flex; gap: 8px;}
.description_txt dl dt {min-width: 3px; width: 3px; height: 3px; margin-top: 8px; border-radius: 100%; background: var(--gray_6);}
.description_txt dl dd {font-size: 12px; font-weight: 400; line-height: 20px; color: var(--gray_6);}

.windbreaker {display: none;}

.ckd-box {width: 100%; height: auto; margin-top: 20px;}
.ckd-box input[type="checkbox"] {display: none;}
.ckd-box label {display: flex; align-items: baseline; gap: 12px;}
.ckd-box label:before {position: relative; top: 5px; 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 label div {}
.ckd-box label div span {display: inline-block; width: 3px; height: 3px; margin-bottom: 4px; border-radius: 100%; background: #000;}
.ckd-box label .tit {margin-bottom: 2px; font-size: 16px; font-weight: 500; line-height: 24px; color: #000;}
.ckd-box label .sub {font-size: 12px; font-weight: 400; line-height: 20px; color: #666;}
.ckd-box label .sub span {margin-bottom: 2px; background: #666;}
.ckd-box input[type="checkbox"]:checked ~ label:before {content: ''; display: block; width: 20px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_on2.png)no-repeat 50% 50%; background-size: cover;}