.notice_sec {margin-top: 50px; margin-bottom: 100px;}

/* notice-list */
.notice-list {width: 100%; height: auto; margin-top: 20px;}
.notice-list ul {display: flex; align-items: center; flex-wrap: wrap; gap: 25px 0; margin: 0 -23px;}
.notice-list ul li {width: calc(100% / 3); padding: 0 23px; box-sizing: border-box;}
.notice-list ul li .child-box {width: 100%; height: auto;}
.notice-list ul li .child-box .img-box {width: 100%; height: auto; aspect-ratio: 396/240; margin-bottom: 20px; border-radius: 12px; overflow: hidden;}
.notice-list ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover; transition: all .3s;}
.notice-list ul li:hover .child-box .img-box img {transform: scale(1.2);}

.notice-list ul li .child-box .txt-box {}
.notice-list ul li .child-box .txt-box .tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; font-size: 22px; font-weight: 600; line-height: 1.4; letter-spacing: -0.44px; color: var(--black_3); word-break: keep-all;}
.notice-list ul li .child-box .txt-box .name_date {display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: -0.28px;}
.notice-list ul li .child-box .txt-box .name_date .name {color: var(--pr);}
.notice-list ul li .child-box .txt-box .name_date .date {color: var(--gray_6);}

/* cs_list */
.cs_list {width: 100%; height: auto; padding-bottom: 120px; margin-top: 20px;}
.cs_list ul {width: 100%; height: auto;}
.cs_list ul li {width: 100%; height: auto;}
.cs_list ul li .child-box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--gray_e7);}
.cs_list ul li:last-of-type:not(:first-of-type) .child-box {padding-bottom: 0; margin-bottom: 0; border: none;}
.cs_list ul li .child-box .tit {font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.32px; color: var(--black_3);}
.cs_list ul li .child-box .date {font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -0.32px; color: var(--gray_6);}


/* form_sec */
.form_sec {min-height: 60vh; height: auto; padding: 180px 0 50px;}
.form_sec .container {max-width: 460px;}

/* form-area */
.form-area {width: 100%; height: auto; padding: 41px 30px; margin-top: 50px; box-sizing: border-box; border: 1px solid var(--gray_e7); border-radius: 12px;}
.form-btn {width: 100%; height: auto;}
.form-btn > button {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; margin-top: 30px; background: var(--pr); font-size: 16px; font-weight: bold; line-height: 1; color: var(--wt); border-radius: 8px;}
.form-btn > a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; background: var(--yellow); font-size: 16px; font-weight: bold; line-height: 1; color: var(--black_3); border-radius: 8px;}
.form-btn .talk_btn {margin-bottom: 50px; margin-top: 0;}
.form-btn .talk_btn img {position: absolute; top: 50%; left: 24px; transform: translateY(-50%); width: 17px; height: auto;}
.form-btn .link_btn {margin-top: 14px; margin-bottom: 50px;}
.form-btn .link_btn a {font-size: 15px; font-weight: 500; line-height: 1; color: var(--gray_6);}


.input-box {width: 100%; height: auto; margin-bottom: 18px;}
.input-box.toggle_box {display: none;}
.input-box .tit {margin-bottom: 8px; font-size: 15px; font-weight: 600; line-height: 1; color: var(--black_3);}
.input-box input {width: 100%; height: 48px; padding: 0 16px; box-sizing: border-box; border: 1px solid var(--gray_e7); border-radius: 8px; font-size: 15px; font-weight: 400; line-height: 1; color: var(--black_3);}
.input-box input:read-only {color: var(--black_3); background: var(--wt_f8);}
.input-box input::placeholder {color: rgba(95, 95, 95, 0.35);}
.input-box select {width: 100%; height: 48px; padding: 0 16px; box-sizing: border-box; border: 1px solid var(--gray_e7); border-radius: 8px; font-size: 15px; font-weight: 400; line-height: 1; color: var(--black_3); background: url(./../img/select_icon.png)no-repeat calc(100% - 16px) 50%; background-size: 20px; appearance: none;}
.input-box textarea {width: 100%; height: 110px; padding: 12px 16px; box-sizing: border-box; border: 1px solid var(--gray_e7); border-radius: 8px; font-size: 15px; font-weight: 400; line-height: 1; color: var(--black_3); resize: none;}

/* file_upload */
.file_upload {position: relative;}
.file_upload input[type="file"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.file_upload input[type="text"] {background: url(./../img/file_icon.png)no-repeat calc(100% - 16px) 50%; background-size: 14px 18px;}

.input-box.fileset .file_upload {margin-bottom: 8px;}

/* dscription_box */
.dscription_box {width: 100%; height: auto; padding: 40px 32px; margin-top: 40px; box-sizing: border-box; text-align: left; font-size: 16px; font-weight: 500; line-height: 2; color: var(--gray_6); background: var(--wt_f2); border-radius: 12px;}
.dscription_box.toggle_box {display: none;}
.dscription_box .tit {font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--black_3);}
.dscription_box .span2 {font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--gray_6);}
.dscription_box a {font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--blue); text-decoration: underline;}

/* ckd_box */
.ckd_box {}
.ckd_box input[type="checkbox"] {display: none;}

.ckd_box label {display: flex; align-items: center; gap: 8px;}
.ckd_box label:before {content: ''; width: 24px; 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: ''; width: 24px; height: auto; aspect-ratio: 1; background: url(./../img/ckd_on.png)no-repeat 50% 50%; background-size: cover;}

/* talk_login */
.talk_login {width: 100%; height: auto;}
.talk_login .tit {display: flex; align-items: center; justify-content: center; gap: 30px; font-size: 14px; font-weight: 600; line-height: 1; color: var(--black_3); white-space: nowrap; margin-bottom: 20px;}
.talk_login .tit:before {content: ''; width: 100%; height: 1px; background: var(--gray_e7);}
.talk_login .tit:after {content: ''; width: 100%; height: 1px; background: var(--gray_e7);}
.talk_login a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border-radius: 8px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); background: var(--yellow); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}
.talk_login a img {position: absolute; top: 50%; left: 24px; transform: translateY(-50%); width: 17px; height: auto;}

/* my_page_sec */
.my_page_sec {padding: 180px 0 100px;}
.my_page_sec .container {display: flex; align-items: flex-start; gap: 127px;}

/* my_page_ct */
.my_page_ct {max-width: 1000px; width: 100%; height: auto;}
.my_page_ct .current_step {width: 100%; height: auto;}
.my_page_ct .current_step ul {display: flex; align-items: center; justify-content: center; gap: 83px;}
.my_page_ct .current_step ul li {width: 94px;}
.my_page_ct .current_step ul li .child-box {position: relative; width: 100%; height: auto; z-index: 1;}
.my_page_ct .current_step ul li .child-box:before {position: absolute; bottom: 23px; left: 71px; content: ''; display: block; width: 152%; height: 3px; background: var(--gray_e); z-index: -1;}
.my_page_ct .current_step ul li:last-of-type .child-box:before {display: none;}
.my_page_ct .current_step ul li .child-box .icon {width: auto; height: 46px; text-align: center; margin-bottom: 12.7px;}
.my_page_ct .current_step ul li .child-box .icon img {width: auto; height: 100%;}
.my_page_ct .current_step ul li .child-box .txt {margin-bottom: 16px; text-align: center; font-size: 18px; font-weight: 600; line-height: 1; color: var(--gray_b1);}
.my_page_ct .current_step ul li .child-box .num {display: flex; align-items: center; justify-content: center; width: 50px; height: auto; aspect-ratio: 1; margin: 0 auto; border-radius: 100%; background: var(--wt_f5); font-size: 18px; font-weight: 400; line-height: 1; color: var(--gray_6);}

.my_page_ct .current_step ul li.active .child-box .num {background: var(--pr); color: var(--wt); font-weight: bold;}
.my_page_ct .current_step ul li.active .child-box .txt {color: var(--pr);}

/* my_page_form */
.my_page_form {display: flex; align-items: flex-start; gap: 90px; padding: 40px 50px; margin-top: 61px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--gray_e7);}
.my_page_form .form-area2 {width: 100%;}
.my_page_form .my_img {position: sticky; top: 20px; min-width: 110px; width: 110px; height: auto;}
.my_page_form .my_img input[type="file"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;;}
.my_page_form .my_img img {width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 100%;}
.my_page_form .my_img button {display: flex; align-items: center; justify-content: center; width: 45px; height: 29px; margin: 8px auto 0; border-radius: 3px; border: 1px solid var(--gray_e7); background: var(--wt_f3); font-size: 14px; font-weight: 500; line-height: 1; color: var(--gray_6);}

/* reason_txt */
.reason_txt {width: 100%; height: auto; padding: 40px 50px 49px; margin-top: 62px; box-sizing: border-box; border: 1px solid var(--gray_e7); border-radius: 12px;}
.reason_txt .tit {margin-bottom: 25px; font-size: 15px; font-weight: 600; line-height: 1; color: var(--black_3);}
.reason_txt .txt {font-size: 15px; font-weight: 400; line-height: 1; color: var(--gray_6);}
.link_btn2 {width: 100%; height: auto; margin-top: 40px;}
.link_btn2 a {display: flex; align-items: center; justify-content: center; width: 200px; height: 48px; margin: 0 auto; border-radius: 8px; background: var(--pr); font-size: 16px; font-weight: bold; line-height: 1; color: var(--wt); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);}

/* notice-btn */
.notice-btn {display: flex; align-items: center; justify-content: space-between; margin: 50px 0 20px;}
.notice-btn .notice_link {display: flex; align-items: center; gap: 10px;}
.notice-btn .notice_link a {padding: 10px 20px; box-sizing: border-box; border: 1px solid var(--pr); border-radius: 6px; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -0.32px; color: var(--pr);}
.notice-btn .notice_link a.active {background: var(--pr); color: var(--wt);}
.notice-btn .write_btn {padding: 10px 20px; box-sizing: border-box; border-radius: 6px; background: var(--wt_f2); font-size: 16px ;font-weight: 500; line-height: 1.4; letter-spacing: -0.32px; color: var(--black_3);}

/* detail-ct */
.detail-ct {max-width: 900px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
.detail-ct .detail-top {padding-bottom: 18px; border-bottom: 1px solid var(--gray_e7);}
.detail-ct .detail-top .tit {margin-bottom: 20px; font-size: 36px; font-weight: bold; line-height: 1.3; letter-spacing: -0.72px; color: var(--black_3);}
.detail-ct .detail-top .name_date {display: flex; align-items: center; gap: 12px;}
.detail-ct .detail-top .name_date .user_img {position: relative; width: 30px; height: auto; aspect-ratio: 1; border-radius: 100%;}
.detail-ct .detail-top .name_date .user_img .user {width: 100%; height: 100%; object-fit: cover;}
.detail-ct .detail-top .name_date .user_img .user img {width: 100%; height: 100%;}

.detail-ct .detail-top .name_date .user_img .ranking {position: absolute; bottom: -2px; right: -5px; width: 16px; height: auto; z-index: 2;}
.detail-ct .detail-top .name_date .user_img .ranking img {width: 100%; height: auto; aspect-ratio: 1; overflow: hidden; border-radius: 100%;}

.detail-ct .detail-top .name_date .name {font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -0.36px; color: var(--pr);}
.detail-ct .detail-top .name_date .date {font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}

.detail-ct .detail-top .d-flex {display: flex; align-items: center; justify-content: space-between;}
.em_wrap {display: flex; align-items: center; gap: 12px;}

/* detail-box */
.detail-box p {font-size: 18px; font-weight: 400; line-height: 1.44; letter-spacing: -0.36px; color: #666666;}
.detail-box p span{font-size: 18px; font-weight: 400; line-height: 1.44; letter-spacing: -0.36px; color: #666666;}
.detail-box span{font-size: 18px; font-weight: 400; line-height: 1.44; letter-spacing: -0.36px; color: #666666;}

.detail-box h2 {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-box h3 {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-box h4 {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-box h2 span {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-box h3 span {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-box h4 span {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}

.detail-box img {width: auto; height: auto; max-width: 100%; margin: 20px 0;}
.detail-box figure {width: auto; height: auto; margin: 20px 0; text-align: center;}

.detail-box .text-huge {font-size: 1.8em;}
.detail-box .text-big {font-size: 1.4em;}
.detail-box .text-small {font-size: .85em;}
.detail-box .text-tiny {font-size: .7em;}

/* comments-box */
.comments-box {width: 100%; height: auto; margin-top: 414px;}
.comments-box .comments-btn {display: flex; align-items: center; justify-content: space-between; padding-bottom: 39px; border-bottom: 1px solid var(--gray_e7);}
.comments-box .comments-btn .comments-count {font-size: 15px; font-weight: 500; line-height: 1; color: var(--gray_3);}
.comments-box .comments-btn .comments-count img {width: 30px; height: auto; margin-right: 10px; vertical-align: middle;}
.comments-box .comments-btn .comments-count img span {}

.comments-box .comments-btn .comments_btns {display: flex; align-items: center; gap: 8px;}
.comments-box .comments-btn .comments_btns a {display: flex; align-items: center; justify-content: center; width: 68px; height: 42px; background: var(--wt_f2); border-radius: 3px; box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -0.32px; color: var(--black_3);}

/* comments-item */
.comments-ul {padding-top: 40px;}
.comments-ul .tit {font-size: 18px; font-weight: 600; line-height: 1; color: var(--black_3);}
.comments-list {}
.comments-item {display: flex; align-items: center; justify-content: space-between; width: 100%; height: auto; margin-top: 30px;}
.comments-item .name_txt {display: flex; align-items: center;}
.comments-item .name_txt .user_img {min-width: 30px; width: 30px; height: auto; aspect-ratio: 1; border-radius: 100%; overflow: hidden; margin-right: 9px;}
.comments-item .name_txt .user_img img {width: 100%; height: 100%; object-fit: cover;}
.comments-item .name_txt .name {min-width: 75px; width: 75px; margin-right: 28px; word-break: keep-all; word-break: break-all; font-size: 18px; font-weight: 600; line-height: 1; color: var(--black_3);}
.comments-item .name_txt .comments-txt {max-width: 500px; width: 100%; height: auto; word-break: keep-all; padding-right: 20px; box-sizing: border-box; font-size: 18px; font-weight: 400; line-height: 1; color: var(--gray_6);}
.comments-item .comments_btn2 {display: flex; align-items: center; gap: 6px;}
.comments-item .comments_btn2 button {display: flex; align-items: center; justify-content: center; width: 56px; height: 36px; border-radius: 3px; border: 1px solid var(--gray_e7); font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: -0.28px; color: var(--black_3); cursor: pointer;}

/* comments-form */
.comments-form {max-width: 900px; width: 100%; height: auto; padding: 30px 0 20px; margin: 80px auto 0; box-sizing: border-box; border: 1px solid var(--gray_e7); background: var(--wt_f8); box-sizing: border-box; border-radius: 8px;}
.comments-form .d-flex {display: flex; align-items: flex-start; gap: 9px; padding: 0 30px; box-sizing: border-box;}
.comments-form .user_img {width: 30px; height: auto; aspect-ratio: 1; overflow: hidden; border-radius: 100%;}
.comments-form .name_text {width: 100%; height: 100%; object-fit: cover;}
.comments-form .name_text .name {margin: 4px 0 13px; font-size: 18px; font-weight: 600; line-height: 1; color: var(--black_3);}
.comments-form .name_text textarea {width: 100%; height: 86px; resize: none; font-size: 18px; font-weight: 400; line-height: 1.4; color: var(--black_3); outline: none;}
.comments-form .name_text textarea::placeholder {color: rgba(95, 95, 95, 0.35);}

textarea::placeholder {color: rgba(95, 95, 95, 0.35);}

.comments-form .text_count {display: flex; align-items: center; justify-content: flex-end; padding: 0 30px; box-sizing: border-box;}
.comments-form .text_count p {font-size: 15px; font-weight: 600; line-height: 600; line-height: 1; color: var(--gray_6);}
.comments-form .text_count .current_txt {color: var(--pr);}
.comments-form .text_count .max_txt {}

/* form_btn */
.form_btn {display: flex; align-items: center; justify-content: flex-end; width: 100%; height: auto; padding: 20px 30px 0; margin-top: 30px; border-top: 1px solid var(--gray_e7); box-sizing: border-box;}
.form_btn button {display: flex; align-items: center; justify-content: center; width: 200px; height: 48px; border-radius: 8px; background: var(--pr); font-size: 16px; font-weight: bold; line-height: 1; color: var(--wt); cursor: pointer;}

/* popup */
.dim {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.35); z-index: 8888;}
.popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--wt); z-index: 9999; max-width: 460px; width: 100%; height: auto; border-radius: 12px;}
.popup.open {animation: popup_open .5s .2s linear alternate both; display: block;}
@keyframes popup_open {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.popup .form-area {padding: 60px 30px 40px; margin-top: 0;}
.popup .close_btn {position: absolute; top: 33px; right: 33px; width: 20px; height: auto;}

/* message_sec */
.message_sec {padding: 180px 0 100px;}

/* table-area */
.table-area {width: 100%; height: auto; margin-top: 50px;}
.table-area .list_count {margin-bottom: 14px; font-size: 16px; font-weight: 600; line-height: 1; color: var(--black_3);}
.table-area .table_th {display: flex; align-items: center; border-top: 1px solid #000;}
.table-area .table_th li {height: 50px; text-align: center;}
.table-area .table_th li:nth-child(1) {min-width: 193px; width: 193px;}
.table-area .table_th li:nth-child(2) {min-width: 326px; width: 326px;}
.table-area .table_th li:nth-child(3) {width: 100%;}
.table-area .table_th li p {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 15px; font-weight: 500; line-height: 1; color: var(--black_3); background: var(--wt_f8);}

.table-area .table_td {display: flex; align-items: center;}
.table-area .table_td li {border-bottom: 1px solid var(--gray_e7);}
.table-area .table_td li:nth-child(1) {min-width: 193px; width: 193px; text-align: center;}
.table-area .table_td li:nth-child(2) {min-width: 326px; width: 326px; text-align: center;}
.table-area .table_td li:nth-child(3) {width: 100%; overflow: hidden;}
.table-area .table_td li:nth-child(3) {width: 100%; overflow: hidden;}
.table-area .table_td li:nth-child(3) p {padding-right: 20px; box-sizing: border-box}

.table-area .table_td li .child-box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 50px; overflow: hidden;}
.table-area .table_td li .child-box p {width: 100%; font-size: 15px; font-weight: 400; line-height: 1; color: var(--gray_6);}
.table-area .table_td li .child-box .txt {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.table-area .table_td li .child-box .table_btn {display: flex; align-items: center; gap: 5px;}
.table-area .table_td li .child-box .table_btn button {display: flex; align-items: center; justify-content: center; min-width: 55px; width: 55px; height: 30px; border-radius: 5px; font-size: 13px;font-weight: 500; line-height: 1.4; letter-spacing: -0.26px; color: var(--black_3);}
.table-area .table_td li .child-box .table_btn .elim {background: var(--wt_f2);}
.table-area .table_td li .child-box .table_btn .re {background: #fff9ba;}