#wrap {}
#wrap .container {display: flex; align-items: flex-start;}

/* side-fixed */
.side-fixed {position: sticky; top: 20px; min-width: 290px; width: 290px; margin-top: 20px; margin-right: 20px; box-sizing: border-box;}
.side-fixed.side-none {opacity: 0;}
.side-fixed .input-box {width: 100%; height: auto; margin-bottom: 8px;}
.side-fixed .input-box input {width: 100%; height: 48px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--gray_e); box-sizing: border-box;}
.side-fixed .id_pw-find {display: flex; align-items: center; justify-content: flex-end; margin-top: 2px;}
.side-fixed .id_pw-find a {font-size: 13px; font-weight: 400; line-height: 130%; color: var(--gray_a0);}
.side-fixed .id_pw-find a:first-child {padding-right: 12px; margin-right: 12px; border-right: 1px solid var(--gray_a0);}
.side-fixed .type1-btn {width: 100%; height: 48px; margin-top: 24px; border-radius: 8px; background: var(--pr); font-size: 15px; font-weight: 700; color: var(--wt);}
.side-fixed .member_join-btn {display: block; margin-top: 15px; font-size: 15px; font-weight: 700; line-height: 130%; color: var(--prver2); text-align: center;}

.side-fixed form {padding: 20px; box-sizing: border-box; border: 1px solid var(--gray_e);}
.side-fixed .qa-area {margin-top: 20px; padding: 20px; box-sizing: border-box; border: 1px solid var(--gray_e);}
.side-fixed .qa-area .aq-list {width: 100%;}
/* 로그인 했을때 */
.side-fixed .name-txt {padding-top: 28px; margin-bottom: 42px; font-size: 18px; font-weight: 700; line-height: 150%; color: var(--black_12);}
.side-fixed .name-txt b {color: var(--pr); font-size: 22px; font-weight: 700;}
.side-fixed .asking {margin-bottom: 16px; font-size: 15px; font-weight: 500; line-height: 150%; color: var(--gray_a0);}
.side-fixed .translation-btn {display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 16px;}
.side-fixed .translation-btn a {display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border-radius: 8px; border: 1px solid var(--pr); box-sizing: border-box; font-size: 15px; font-weight: 700;}
.side-fixed .translation-btn .translation-add {background: var(--pr); color: var(--wt);}
.side-fixed .translation-btn .translation-appli {color: var(--pr);}

/* mypage 일때 */
.side-fixed .side-tit {margin-bottom: 32px; font-size: 22px; font-weight: 700; line-height: 130%; color: var(--black_12);}
.side-fixed .mypage-nav {display: flex; flex-flow: column;}
.side-fixed .mypage-nav a {padding-bottom: 8px; margin-bottom: 16px; border-bottom: 1px solid var(--pr); font-size: 18px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.side-fixed .mypage-nav a:last-of-type {border: none;}
.side-fixed .mypage-nav a.active {color: var(--pr); font-weight: 700;}

/* 주문요약 */
.side-fixed .order_Summary .order-tit {margin-bottom: 24px; font-size: 22px; font-weight: 700; line-height: 130%; color: var(--black_12); text-align: center;}
.side-fixed .order_Summary {width: 100%; height: auto;}
.side-fixed .order_Summary .order-item {padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dashed var(--gray_a0);}
.side-fixed .order_Summary .order-item.last {border: none; padding-bottom: 0; margin-bottom: 0;}
.side-fixed .order_Summary .order-item dl {display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
.side-fixed .order_Summary .order-item dl:last-of-type {margin-bottom: 0;}
.side-fixed .order_Summary .order-item dl dt {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.side-fixed .order_Summary .order-item dl dd {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12);}
.side-fixed .order_Summary .total-price {padding-top: 20px; margin-top: 24px; border-top: 2px solid var(--pr);}
.side-fixed .order_Summary .total-price dl {display: flex; align-items: center; justify-content: space-between;}
.side-fixed .order_Summary .total-price dl dt {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.side-fixed .order_Summary .total-price dl dd {font-size: 20px; font-weight: 500; line-height: 130%; color: var(--black_12); letter-spacing: 0.6px;}

/* main_sec */
.main_sec {width: 990px; height: auto; padding: 30px 20px 50px; box-sizing: border-box; border-left: 1px solid var(--gray_e);}
.main_sec .status-list {}
.main_sec .status-list ul {display: flex; flex-flow: column; gap: 30px;}
.main_sec .status-list ul li {width: 100%}
.main_sec .status-list ul li .child-box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 110px; padding: 27px 20px; border-radius: 8px; border: 1px solid var(--gray_e); box-sizing: border-box;}
.main_sec .status-list ul li .child-box .list-content {}
.main_sec .status-list ul li .child-box .list-content {}
.main_sec .status-list ul li .child-box .list-content .d-flex {gap: 30px; align-items: center; margin-bottom: 12px;}
.main_sec .status-list ul li .child-box .label {display: flex; align-items: center; justify-content: center; width: 68px; height: 24px; border-radius: 55px; background: var(--pr); font-size: 14px; font-weight: 500; line-height: 130%; color: var(--wt);}
.main_sec .status-list ul li .child-box .translation {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12);}
.main_sec .status-list ul li .child-box .text_len {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12);}
.main_sec .status-list ul li .child-box .commission {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.main_sec .status-list ul li .child-box .deadline {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.main_sec .status-list ul li .child-box .download {font-size: 15px; font-weight: 700; line-height: 130%; color: var(--prver2); text-decoration: underline;}
.main_sec .status-list ul li .child-box .application-btn {width: 128px; height: 48px; border-radius: 8px; border: 1px solid var(--pr); font-size: 15px; font-weight: 700; line-height: 130%; color: var(--pr);}

/* pager-area */
.pager-area {width: 100%; height: auto; margin-top: 83px;}
.pager-area ul {display: flex; align-items: center; justify-content: center;}
.pager-area ul li.arrow {width: 5.49px; height: auto;}
.pager-area ul li.number {padding: 0 5px; box-sizing: border-box;}
.pager-area ul li.prev {margin-right: 41px;}
.pager-area ul li.next {margin-left: 41px;}
.pager-area ul li a img {width: 100%; height: auto;}
.pager-area ul li.number a {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12);}
.pager-area ul li.number.active a {color: var(--pr);}

/* form-sec */
.form-sec {width: 1190px; height: auto; padding: 40px 20px 48px; box-sizing: border-box; border-left: 1px solid var(--gray_e);}
.form-tit {padding-bottom: 32px; border-bottom: 2px solid var(--pr);}
.form-tit2 {border: none;}
.form-tit .tit {font-size: 22px; font-weight: 700; line-height: 130%; color: var(--black_12);}
.form-tit .sub {margin-top: 24px; font-size: 15px; font-weight: 700; line-height: 130%; color: var(--black_12);}
.form-item {display: flex; align-items: center; padding: 24px 0; box-sizing: border-box; border-bottom: 1px solid var(--gray_e);}
.form-item.on {align-items: initial;}
.form-item.on .label {padding-top: 17px;}
.form-item .label {min-width: 157px; width: auto; font-size: 15px; font-weight: 700; line-height: 130%; color: var(--black_12);}
.form-item .input-box {display: flex; align-items: center; gap: 12px; width: 476px;}
.form-item .input-box .units{white-space: nowrap;} 
.form-item .input-box_672 {width: 672px;}
.form-item .input-box.on {flex-flow: column;}
.form-item .input-box input {width: 100%; height: 48px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--gray_e); font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12); box-sizing: border-box;}
.form-item .input-box textarea {width: 100%; height: 150px; padding: 16px; border-radius: 8px; border: 1px solid var(--gray_e); font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12); box-sizing: border-box; resize: none;}
.form-item .input-box input#other_lang1 {margin-top: 10px;}
.form-item .input-box input#other_lang2 {margin-top: 10px;}
.form-item .input-box input:disabled {background: var(--gray_e); color: var(--gray_a0);}
.form-item .input-box input.input_260 {min-width: 260px; width: 260px; margin-right: 12px;}
.form-item .input-box input.input-100 {width: 100%;}
.form-item .input-box input::placeholder {color: var(--gray_a0);}
.form-item .input-box .form-btn {min-width: 128px; width: 128px; height: 48px; border-radius: 8px; background: #CFCFCF; font-size: 15px; font-weight: 700; line-height: 130%; color: var(--wt);}
.form-item .input-box.on .form-btn {background: var(--pr); color: var(--wt);}
.form-item .input-box.on .form-btn2 {background: var(--wt); color: var(--pr); border: 1px solid var(--pr); box-sizing: border-box;}
.form-item .input-box.on .d-flex {position: relative; width: 100%;}
.count {position: absolute; top: 50%; left: calc(100% - 187px); transform: translateY(-50%); font-size: 15px; font-weight: 500; line-height: 130%; color: #FF4141;}

.btns2set {display: flex; justify-content: center; gap: 10px; margin: 32px auto 0;}
.btns2set button {}
.btns2set .join-btn {margin: 0;}

.form-item .input-box2 {flex-flow: column; align-items: flex-start; gap: 0;}

select {width: 120px; height: 48px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--gray_e); font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12); box-sizing: border-box; appearance: none; -ms-progress-appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(./../img/drop_down.png)no-repeat calc(100% - 5px) 50%; background-size: 24px 24px;}
.select-100 {width: 100%;}
.middle-txt {font-size: 14px; font-weight: 500; line-height: 130%; color: var(--black_12); letter-spacing: 0.42px;}

.form-item .input-box .d-flex {align-items: center; gap: 8px;}

/* form-top */
.form-top {align-items: initial;}
.form-top .label2 {padding-top: 17px;}
.form-top .input-label {margin-bottom: 12px; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12);}
.form-top .small-txt {margin-left: 12px; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12); white-space: nowrap;}

input[type="radio"] {display: none;}
.radio-box {margin-right: 40px;}
.radio-box:last-of-type {margin-right: 0;}
.radio_label {display: flex; align-items: center; gap: 8px;}
.radio_label:before {content: ''; display: block; width: 20px; height: 20px; background: url(./../img/radio_off.png)no-repeat 50% 50%; background-size: cover;}
input[type="radio"]:checked ~ label:before {content: ''; display: block; width: 20px; height: 20px; background: url(./../img/radio_on.png)no-repeat 50% 50%; background-size: cover;}

/* 분야 선택시 */
.form-item .d-flex2 {gap: 16px;}
.form-item .radio-box2 {margin-right: 0;}
.radio_label2 {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 8px; border: 1.5px solid var(--gray_e); box-sizing: border-box; text-align: center;}
input[type="radio"]:checked ~ .radio_label2 {border-color: var(--pr); font-weight: 700; font-size: 15px; color: var(--pr);}
input[type="radio"]:checked ~ .radio_label2:before {display: none;}


input[type="checkbox"] {display: none;}
.radio-box {margin-right: 40px;}
.radio-box:last-of-type {margin-right: 0;}
.check_label {display: flex; align-items: center; gap: 8px;}
.check_label[for="flc_type5"] > .etc-input {width: 117px;}
.check_label:before {content: ''; display: block; width: 20px; height: 20px; background: url(./../img/ckd_off.png)no-repeat 50% 50%; background-size: cover;}
input[type="checkbox"]:checked ~ label:before {content: ''; display: block; width: 20px; height: 20px; background: url(./../img/ckd_on.png)no-repeat 50% 50%; background-size: cover;}

.form-ckd {flex-flow: column; align-items: flex-start; gap: 23px;}
.form-ckd .d-flex {padding-left: 20px;}
.detail-btn {margin-left: 27px; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0); text-decoration: underline;}
.join-btn {display: block; width: 377px; height: 48px; margin: 0 auto; margin-top: 32px; border-radius: 8px; background: #cfcfcf; font-size: 15px; font-weight: 700; line-height: 130%; color: #fff;}
.prev_btn {display: block; width: 377px; height: 48px; border: 1px solid var(--pr); border-radius: 8px; font-size: 15px; font-weight: 700; line-height: 130%; color: var(--pr);}
.join-btn.active {background: var(--pr); color: var(--wt);}

/* d-center */
.d-center .join-btn {width: 250px; margin: 32px 0;}

.description {margin-top: 16px; font-size: 13px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.description2 {margin-top: 8px;}

/* tabs-area */
.tabs-area {display: flex; align-items: center; width: 100%; height: auto; border-bottom: 2px solid var(--pr); box-sizing: border-box;}
.tabs-area a {position: relative; display: flex; align-items: center; justify-content: center; width: 200px; height: 48px; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0); border-top: 2px solid var(--gray_e); box-sizing: border-box;}
.tabs-area a .border {display: none;}
.tabs-area a:before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 2px; height: 100%; background: var(--gray_e);}
.tabs-area a:after {position: absolute; top: 50%; right: -2px; transform: translateY(-50%); content: ''; display: block; width: 2px; height: 100%; background: var(--gray_e);}
.tabs-area a.active {border-color: var(--pr); z-index: 1; color: var(--pr);}
.tabs-area a.active .border {position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; background: var(--wt); z-index: -1;}
.tabs-area a.active:before {background: var(--pr); z-index: 1; height: 109%;}
.tabs-area a.active:after {background: var(--pr); z-index: 1; height: 109%;}
.tabs-area a .number {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 100%; border: 2px solid #CFCFCF; font-size: 15px; font-weight: 500; letter-spacing: 0.45px; color: #CFCFCF; line-height: 0;}
.tabs-area a.active .number {border: 2px solid var(--pr); color: var(--pr);}

/* id_txt */
.id_txt {width: 100%; height: auto; padding: 70px 0; border-bottom: 1px solid var(--gray_e); font-size: 18px; font-weight: 700; line-height: 130%; color: var(--black_12); text-align: center;}
.id_txt > b {color: var(--pr);}

/* verifi */
.verifi {display: none;}
.form-item .input-box .d-flex {width: 100%;}

/* etc-input */
.etc-input {display: none; width: 260px; height: 48px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--gray_e); box-sizing: border-box; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12);}
.etc-input::placeholder {color: var(--gray_a0);}

/* qa-area */
.qa-area {display: flex; align-items: center; justify-content: center; flex-flow: column; padding-top: 80px; text-align: center;}
.qa-area .qa-tit {margin-bottom: 27px;}
.qa-area .qa-tit .tit {margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 150%; color: var(--black_12);}
.qa-area .qa-tit .sub {font-size: 15px; font-weight: 500; line-height: 150%; color: var(--gray_a0);}
.qa-area .aq-list {display: flex; align-items: center; justify-content: space-between; width: 330px; margin-bottom: 16px;}
.qa-area .aq-list:last-of-type {margin-bottom: 0;}
.qa-area .aq-list dt {font-size: 16px; font-weight: 700; line-height: 150%; color: var(--black_12);}
.qa-area .aq-list dd {font-size: 16px; font-weight: 500; line-height: 150%; color: var(--black_12);}
.qa-area .aq-list dd img {width: 30px; height: auto;}

/* my_status-area */
.my_status-area {width: 100%; height: auto;}
.my_status-area .table-area {width: 100%; height: auto;}
.my_status-area .table-area table {width: 100%; height: auto;}
.my_status-area .table-area table th {padding: 14px 0; border-bottom: 1px solid var(--gray_e); background: var(--gray_e); box-sizing: border-box; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12);}
.my_status-area .table-area table td {height: 80px; padding: 10px 0; vertical-align: middle; font-size: 15px; font-weight: 400; line-height: 130%; color: var(--black_12); text-align: center; box-sizing: border-box; border-bottom: 1.5px solid var(--gray_e);}
.my_status-area .table-area table .status.color-pr {font-weight: 700;}

.my_status-area .table-area table td.status span {background: var(--wt); color: var(--black_12);}
.my_status-area .table-area table td.color-under_way span {padding: 3px 6px; background: var(--wt) !important; color: var(--black_12) !important;}
.my_status-area .table-area table td.color-failed span {padding: 3px 6px; background: var(--wt) !important; color: var(--black_12) !important;}
.my_status-area .table-area table td.color-failed2 span {padding: 3px 6px; background: var(--gray_e) !important; color: var(--black_12) !important;}
.my_status-area .table-area table td.color-failed3 span {padding: 3px 6px; background: var(--wt) !important; color: var(--pr) !important;}
.my_status-area .table-area table td.ok span {padding: 3px 6px; background: var(--pr) !important; color: var(--wt) !important;}

.my_status-area .table-area table .download {width: 15%;}
.my_status-area .table-area table .download a {font-size: 15px; font-weight: 400; line-height: 130%; color: var(--pr); text-decoration: underline;}
.my_status-area .table-area table .download.download_a a {position: relative; display: block; max-width: 80px; width: 100%; margin: 0 auto; white-space: nowrap; overflow: hidden; z-index: 1; color: transparent;}
.my_status-area .table-area table .download.download_a.dw_before a:before {position: absolute; top: 0; left: 0; ; content: '확인하기'; display: block; width: 100%; height: 100%; background: var(--wt); font-size: 15px; font-weight: 400; line-height: 130%; color: var(--gray_a0); text-decoration: underline; z-index: -1;}

.my_status-area .table-area table .download.download_a2.dw_before a {overflow: initial; height: 35px;}
.my_status-area .table-area table .download.download_a2.dw_before a:before {position: absolute; top: 0; left: 0; ; content: '확인하기'; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--pr3); font-size: 15px; font-weight: 400; line-height: 130%; color: var(--wt); text-decoration: none; z-index: -1; border-radius: 8px; border: 1.5px solid var(--pr); box-sizing: border-box;}
.my_status-area .table-area table .cancell {width: 88px; height: 48px; border-radius: 8px; border: 1.5px solid var(--pr); font-size: 15px; font-weight: 700; line-height: 130%; color: var(--pr);}
.my_status-area .table-area table .cancell.color_type1 {background: var(--gray_a0); color: var(--wt); border-color: var(--gray_a0);}

.nowrap {white-space: nowrap !important;}


/* tax-select-item */
.tax-select-item {display: none; flex-flow: column; gap: 8px;}
.tax-select-item.active {display: flex; flex-flow: column; gap: 8px;}

/* original_file-upload */
.original_file-upload {width: 100%; height: auto; padding: 24px 20px 0px; margin-top: 32px; border-radius: 8px; border: 1px solid #e1e1e1; box-sizing: border-box;}
.original_file-upload .tit {padding-bottom: 24px; border-bottom: 1px solid #e1e1e1; font-size: 15px; font-weight: 700; line-height: 130%; letter-spacing: 0.45px; color: var(--black_12); box-sizing: border-box;}
.original_file-upload .tit .desc{display: inline-block; font-size: 14px; font-weight: 500; line-height: 130%; letter-spacing: 0.45px; color: #585858; box-sizing: border-box; margin-bottom: 8px;}
.original_file-upload .tit .desc b{color: var(--red); text-decoration: underline;}
.original_file-upload .tit .desc b a{color: var(--red);}
.original_file-upload .upload-area {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 83px;}
.original_file-upload input[type="file"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1;}
.original_file-upload .file-txt {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.original_file-upload .file-txt.on {color: var(--pr);}

/* select_package */
.select_package {width: 100%; height: auto;}
.select_package .tit-box {padding-top: 32px; margin-bottom: 25px; text-align: center;}
.select_package .tit-box .tit {margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 130%; color: var(--black_12);}
.select_package .tit-box .sub {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}

.select_package .package-item {display: flex; flex-wrap: wrap; gap: 24px 0; margin: 0 -12px;}
.select_package .package-item > li {width: calc(100% / 3); padding: 0 12px; box-sizing: border-box; cursor: pointer;}
.select_package .package-item > li .child-box {width: 100%; height: auto; padding: 20px; border-radius: 8px; border: 1.5px solid var(--gray_e); box-sizing: border-box; transition: all .3s;}
.select_package .package-item > li .child-box .child-top {padding-bottom: 20px; border-bottom: 2px solid #CFCFCF; text-align: center; transition: all .3s;}
.select_package .package-item > li .child-box .child-top .tit {font-size: 18px; font-weight: 700; line-height: 130%; color: var(--black_12); transition: all .3s;}
.select_package .package-item > li .child-box .child-body {display: flex; align-items: center; justify-content: center; width: 100%; height: 151px; margin-bottom: 20px; border-bottom: 1px dashed var(--gray_a0); box-sizing: border-box;}
.select_package .package-item > li .child-box .child-body > ul {display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 16px;}
.select_package .package-item > li .child-box .child-body > ul.gap-4 {gap: 4px;}
.select_package .package-item > li .child-box .child-body > ul .icon {}
.select_package .package-item > li .child-box .child-body > ul .icon .img-box {display: flex; align-items: center; justify-content: center; gap: 16px;}
.select_package .package-item > li .child-box .child-body > ul .icon .img-box img {width: 24px; height: auto;}
.select_package .package-item > li .child-box .child-body > ul .icon .img-box .txt {font-size: 15px; font-weight: 400; line-height: 130%; color: var(--gray_a0);}
.select_package .package-item > li .child-box .child-body > ul .plus {width: 24px; height: auto;}
.select_package .package-item > li .child-box .child-body > ul .plus img {width: 100%; height: auto;}
.select_package .package-item > li .child-box .child-footer {text-align: center;}
.select_package .package-item > li .child-box .child-footer .percent {margin-bottom: 16px; font-size: 15px; font-weight: 700; line-height: 130%; color: var(--black_12); transition: all .3s;}
.select_package .package-item > li .child-box .child-footer .txt {font-size: 15px; font-weight: 500; line-height: 150%; color: var(--black_12); transition: all .3s;}

.select_package .package-item > li.active .child-box {border-width: 2px; border-color: var(--pr);}
.select_package .package-item > li.active .child-box .child-top .tit {color: var(--pr);}
.select_package .package-item > li.active .child-box .child-footer .percent {color: var(--pr);}
.select_package .package-item > li.active .child-box .child-footer .txt b {color: var(--pr);}

.select_package .package-item > li:hover .child-box {transition: all .3s; transform: scale(1.02);}
.select_package .package-item > li:hover .child-box .child-top .tit {transition: all .3s; transform: scale(1.02);}
.select_package .package-item > li:hover .child-box .child-footer .percent {transition: all .3s; transform: scale(1.02);}
.select_package .package-item > li:hover .child-box .child-footer .txt b {transition: all .3s; transform: scale(1.02);}

/* final_detail */
.final_detail {display: flex; align-items: center; justify-content: center; width: 100%; height: auto; padding-top: 32px;}
.final_detail .detail-item {animation: slide-in-elliptic-top-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; width: 510px; height: auto; padding: 30px; border-radius: 8px; border: 1px solid var(--gray_e); box-sizing: border-box;}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
            transform-origin: 50% 1400px;
    opacity: 1;
  }
}
.final_detail .detail-item .tit {margin-bottom: 32px; font-size: 22px; font-weight: 700; line-height: 130%; color: var(--pr); text-align: center;}
.final_detail .detail-item .datail-list {display: flex; flex-flow: column; gap: 20px; width: 100%; height: auto; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px dashed var(--gray_a0);}
.final_detail .detail-item .datail-list.last {padding-bottom: 0; margin-bottom: 0; border: none;}
.final_detail .detail-item .datail-list dl {display: flex; align-items: center; justify-content: space-between;}
.final_detail .detail-item .datail-list dl dt {font-size: 15px; font-weight: 500; line-height: 130%; color: var(--gray_a0); white-space: nowrap;}
.final_detail .detail-item .datail-list dl dd {padding-left: 10px; font-size: 18px; font-weight: 500; line-height: 130%; color: var(--black_12); word-break: break-all; box-sizing: border-box;}
.final_detail .detail-item .datail-list dl dd .where-txt {color: var(--gray_a0);}
.final_detail .detail-item .datail-list.total-area {padding-top: 23px; margin-top: 22px; border-top: 2px solid var(--pr);}
.final_detail .detail-item .detail-btn {width: 100%; height: 48px; margin-top: 22px; margin-left: 0; border-radius: 8px; background: var(--pr); font-size: 15px; font-weight: 700; line-height: 130%; color: var(--wt); box-sizing: border-box;}
.final_detail .detail-item .description {margin-top: 24px; font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12); word-break: keep-all;}
.final_detail .detail-item .description b {text-decoration: underline; font-weight: 700;}

.main_trans{align-items: center; justify-content: center; width: 100%; height: 45px; border-radius: 5px; background: var(--pr); font-size: 15px; font-weight: 400; color: var(--wt); margin-bottom: 15px; display: none;}

/* fillter */
.fillter {width: 100%; height: auto; margin-bottom: 20px;}
.fillter.active {margin-bottom: 0;}
.fillter .fillter-btn {display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 86px; width: 115px; height: 45px; border-radius: 5px; background: #354A50; font-size: 15px; font-weight: 400; color: var(--wt);}
.fillter .fillter-btn img {width: 18.53px; height: auto;}

/* select-box */
.select-box {display: none; align-items: center; justify-content: center; gap: 8px 0; width: 100%; height: auto; margin: 27px 0 10px;}
.select-box.active {display: flex; flex-wrap: wrap;}
.select-box select {width: calc(100% / 3);}
.filter_selects {width: 100%; display: flex; gap: 5px;}
.filter_btn {width: 100%; height: 48px; border-radius: 5px; background: var(--pr); font-size: 15px; font-weight: 700; color: var(--wt);}
.filter_2btns {width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 5px;}
.filter_2btns a{width: 100%; display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 5px; border: 1px solid var(--pr); font-size: 15px; font-weight: 700; color: var(--pr);}
.fillter .select-box{margin: 15px 0 10px;}

/* datepicker */
.birth {position: absolute; top: -9999px; left: -9999px; z-index: -9999; opacity: 0;}
.datepicker-days {display: none !important;}
.ui-datepicker-month {display: none !important ;}
.ui-datepicker-calendar {display: none !important ;}
.ui-datepicker-year {display: block  !important;}

/* ds 23-10-30 */
.new_box .btn-save {min-width: 128px; width: 128px; height: 48px; border-radius: 8px; background: var(--pr); font-size: 15px; font-weight: 700; line-height: 130%; color: var(--wt); box-sizing: border-box;}

/* bjw 23-11-16 */
.now_tr{background: white !important; color: var(--prver2) !important; border: 1.5px solid var(--prver2) !important;}
.compl_tr{background: #949494 !important;}

.file_submit_btn{
        width: 69px;
        height: 48px;
        flex-shrink: 0;
        border-radius: 8px;
}

.file_form{
        display: flex;
}

.lp_file{
        width: 100%;
        max-width: 101px;
}

.popup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 450px;
        height: auto;
        padding-bottom: 30px;
        background: var(--wt);
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
        z-index: 9999;
}

.popup .popup-hd {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 67px;
        padding: 0 20px;
        box-sizing: border-box;
        background: var(--pr);
}

.popup .popup-body {
        width: 100%;
        height: auto;
        padding: 30px 20px 20px;
        box-sizing: border-box;
}

.popup .popup-body .input-box {
        position: relative;
        margin-bottom: 5px;
}

.submit-btn {
        width: 100%;
        height: 50px;
        margin-top: 40px;
        border-radius: 5px;
        background: var(--pr);
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
        color: var(--wt);
}

.popup{
        width: 100%; 
        max-width: 290px; 
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); 
        border-radius: 8px; 
        text-align: center;
        display: none;
}
.popup1_btn{
        width: 100%;
        max-width: 250px;
        height: 48px;
        margin-top: 24px;
        border-radius: 8px;
        background: var(--pr);
        font-size: 15px;
        font-weight: 700;
        color: var(--wt);
        margin: 0 auto;
        cursor: pointer;
}

.popup2_btn{
        text-align: center; 
        color: var(--pr); 
        font-size: 15px; 
        font-family: Pretendard; 
        font-weight: 700; 
        line-height: 19.50px;
        margin: 0 auto;
        padding: 15px;
        cursor: pointer;
}


.popup.email_pop {padding-bottom: 20px;}
.popup.email_pop .popup-body {padding: 30px 20px 15px;}
.popup.email_pop .input-box input { width: 100%; max-width: 250px; height: 48px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--gray_e); font-size: 15px; font-weight: 500; line-height: 130%; color: var(--black_12); box-sizing: border-box; margin-bottom: 10px; }

/* ds */
.new-file {position: relative; display: flex; align-items: center; gap: 5px; min-width: 175px; width: 175px;}
.new-file .lp_file-v {width: 101px; height: 48px; padding: 0 16px; border: 1px solid var(--gray_e); border-radius: 8px; box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 130%; color: var(--gray_a0);}
.lp_file {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.file_form2 {justify-content: flex-end; padding-right: 17px;}
.my_status-area .table-area2 {border-top: 2px solid var(--pr);}
.my_status-area .table-area2 table td:nth-child(1) {padding-left: 20px; box-sizing: border-box;}
.my_status-area .table-area2 table th:nth-child(1) {padding-left: 20px; box-sizing: border-box;}
.my_status-area .table-area2 table td:nth-child(2) {min-width: 150px; width: 150px;}
.my_status-area .table-area2 table td:nth-child(3) {min-width: 80px; width: 80px;}
.my_status-area .table-area2 table td:nth-child(4) {padding: 0 9px; box-sizing: border-box;}
.my_status-area .table-area2 table .download a {display: block; width: 131px; margin: 0 auto; word-break: break-all;}

/* sns link */
.sns_link {display: none; flex-flow: column; gap: 5px; width: 100%; height: auto; margin-top: 30px;}
.sns_link dl {width: 100%; height: auto;}
.sns_link dl a {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.sns_link dl dt {font-size: 14px; font-weight: 400; color: var(--wt);}
.sns_link dl dd {}
.sns_link dl dd img {width: 25px; height: auto;}

/* 24-03-19 추가 */
.main-wrap {display: flex; align-items: center; justify-content: center; gap: 48.5px;}
.main-wrap .img-box {width: 308px; height: auto;}
.main-wrap .img-box img {width: 100%; height: auto;}
.main-wrap .right-box {width: auto; height: auto;}
.main-wrap .right-box .label-tit {display: flex; align-items: center; justify-content: space-between; width: 350px; height: 40px; padding: 0 20px 0 15px; border: 1px solid #a4a4a4; border-radius: 25px; font-size: 16px; font-weight: 400; line-height: 1.19; color: #a4a4a4; box-sizing: border-box;}
.main-wrap .right-box .label-tit img {width: 20px; height: auto; border-radius: 100%;}
.main-wrap .right-box .txt {margin-top: 25px; font-size: 40px; font-weight: 400; line-height: 1.2; color: #354a50;}
.main-wrap .right-box .txt b {font-weight: bold; color: #70A9A1;}

/* main-bg */
.main-wrap .right-box .main_mo-img {display: none;}
.main-wrap .right-box .main_mo-img img {}

.main_btn {display: flex; align-items: center; justify-content: center; width: 250px; height: 50px; margin-top: 40px; border-radius: 5px; background: var(--pr); font-size: 16px; font-weight: 400; color: var(--wt);}
.description3 {display: block; font-size: 16px; font-weight: 300; margin-top: 12px; line-height: 1.19; color: #354a50; text-decoration: underline;}

/* 24.06.12 */
.date_td {display: block; width: 82px; margin: 0 auto;}
.start_date {display: block; width: 53px; margin: 0 auto;}
.date_th {width: 90px;}
.price_span {white-space: nowrap;}

.final-popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--wt); z-index: 10; border-radius: 8px;}
.final-popup2 {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--wt); z-index: 10; border-radius: 8px;}
.ds_btn {width:auto !important; padding: 0 5px; box-sizing: border-box; font-size: 14px;}

.underline {text-decoration: underline !important;}

/* kakao-btn */
.kakao-btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 48px; margin-top: 10px; border-radius: 8px; background: #FEE500; font-size: 15px; font-weight: 400; color: var(--black_12);}
.kakao-btn {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 250px; height: 48px; margin: 0 auto; margin-top: 10px; border-radius: 8px; background: #FEE500; font-size: 15px; font-weight: 400; color: var(--black_12);}
.kakao-btn img {width: 22px; height: auto;}


/* 기본 카드 스타일 */
.card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 카드 간격 */
    padding: 20px;
    justify-content: space-between; /* 카드 간격 조정 */
}

/* 카드 기본 스타일 */
.card {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8f9fa; /* 카드 배경색 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: calc(33.333% - 20px); /* 기본적으로 한 줄에 3개 표시 */
}

/* 카드 이미지 */
.card-image img {
    width: 100%;
    height: auto; /* 비율 유지 */
}

/* 카드 내용 */
.card-content {
    padding: 15px;
}

.card-content h3 {
    font-size: 1.2em;
}

.card-content h3 a {
    text-decoration: none;
    color: #0073e6; /* 링크 색상 */
}

.card-content h3 a:hover {
    text-decoration: underline; /* 링크 hover 효과 */
}

.card-date {
    font-size: 0.9em;
    color: #888; /* 날짜 색상 */
}

.card-description {
    font-size: 1em;
    color: #555; /* 설명 텍스트 색상 */
}

/* 반응형 디자인 - 화면 크기에 따라 카드 수 조정 */
@media (max-width: 768px) {
    .card {
        width: calc(50% - 20px); /* 화면이 작아지면 한 줄에 두 개 표시 */
    }
}

@media (max-width: 480px) {
    .card {
        width: calc(100% - 20px); /* 화면이 더 작아지면 한 줄에 한 개 표시 */
    }
}

/* 페이지네이션 스타일 */
.pagination {
    text-align: center;
    margin-top: 20px; /* 페이지네이션 상단 여백 */
}

.pagination a {
    margin: 0 5px; /* 좌우 여백 */
    padding: 8px 12px; /* 상하좌우 여백 */
    border: 1px solid #0073e6; /* 테두리 색상 */
    color: #0073e6; /* 링크 색상 */
    text-decoration: none; /* 밑줄 제거 */
    border-radius: 4px; /* 모서리 둥글게 */
}

.pagination strong {
    margin: 0 5px; /* 좌우 여백 */
    padding: 8px 12px; /* 상하좌우 여백 */
    background-color: #0073e6; /* 현재 페이지 강조 배경색 */
    color: white; /* 현재 페이지 강조 글자색 */
}

/* 기본적으로 드롭다운 메뉴 숨기기 */
nav ul li ul {
  display: none; /* 드롭다운 메뉴 숨기기 */
  position: absolute; /* 메뉴가 다른 요소 위에 표시되도록 설정 */
  background-color: #ffffff; /* 배경색 */
  border-radius: 8px; /* 모서리 둥글게 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 부드러운 그림자 */
  padding: 8px 0; /* 상하 간격 */
  list-style: none; /* 불릿 제거 */
  z-index: 1000; /* 메뉴가 다른 요소 위에 오도록 설정 */
  transition: opacity 0.3s ease, transform 0.3s ease; /* 애니메이션 */
  opacity: 0; /* 초기 상태 투명 */
  transform: translateY(10px); /* 살짝 아래로 */
}

/* "인사이트" 메뉴에 마우스를 올렸을 때 드롭다운 메뉴 표시 */
nav ul li:hover > ul {
  display: block; /* 드롭다운 메뉴 표시 */
  opacity: 1; /* 투명도 제거 */
  transform: translateY(0); /* 위치 복구 */
}

/* 드롭다운 메뉴 항목 스타일 */
nav ul li ul li {
  padding: 10px;
}

/* 드롭다운 메뉴 항목에 마우스를 올렸을 때 스타일 */
nav ul li ul li:hover {
  background-color: #f0f0f0; /* 항목에 마우스를 올렸을 때 배경색 */
}

/* 모바일 환경에서 드롭다운 메뉴 색상 변경 */
@media (max-width: 768px) {
  nav ul li ul {
    background-color: #333; /* 모바일에서 드롭다운 메뉴 배경색 변경 */
  }

  nav ul li ul li {
    color: #fff; /* 글자색 변경 */
  }

  nav ul li ul li:hover {
    background-color: #555; /* 항목에 마우스를 올렸을 때 배경색 */
  }
}