.sub_space {padding: 40px 0 100px;}
.sub_space_bottom {padding-bottom: 50px;}
.min_h {min-height: calc(100vh - 92px);}

.wrap.login .sub_header {display: none;}

/* ======== 회원가입 ======== */
.user_container {background-color: #f8f9fc;}
.join_wrap {background-color: #fff; border-radius: 5px; box-shadow: 0 0 20px #00000005; padding: 35px;}
.join_tit {display: flex; flex-direction: column; align-items: center; gap: 6px; justify-content: center; padding-bottom: 30px;}
.join_tit p {font-size: clamp(17px, 1.8vw, 22px); text-align: center; font-weight: 600;}
.join_tit span {font-size: clamp(14px, 1.2vw, 15px); color: #555; text-align: center;}

.form {display: flex; width: 100%; flex-direction: column; gap: 25px;}

.terms_box {width: 100%; display: flex; flex-direction: column; gap: 15px; margin: 10px auto 30px;}
.terms_box .chk_box.lg {width: 100%; padding: 12px; border-radius: 5px; box-shadow: 0 0 10px #7a8ea63b;}
.chk_box.lg span {font-size: 16px; font-weight: 600;}
.terms_list {width: 100%; display: flex; flex-direction: column; gap: 12px; padding: 0 12px;}
.terms_con {width: 100%; display: flex; gap: 10px; flex-wrap: wrap; row-gap: 2px;}
.terms_con i {display: block; width: 15px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171217982238281.png) no-repeat center/cover; cursor: pointer;}
.terms_con .view {font-size: 12px; color: #999; text-decoration: underline; cursor: pointer; padding-top: 3px;}
.terms_con label span em {font-size: 15px; color: #999; font-weight: inherit;}
.terms_con label span em.ess {color: #1667ca;}
.data_box {width: 100%;}
.data_box .data_tit {font-size: 15px; padding-bottom: 8px; display: inline-block; position: relative;}
.data_box .data_tit.ess::after {content: "*"; display: block; font-size: 18px; line-height: 1; top: calc(50% - 1px); right: -14px; position: absolute; transform: translateY(-50%); color: #1667ca;}
.alert_area {margin-top: 8px; width: 100%; display: flex; gap: 10px; flex-wrap: wrap; row-gap: 4px;}
.alert_area dl {display: flex; align-items: flex-start; gap: 5px; width: max-content; float: left;}
.alert_area dt {width: 14px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171218073892194.png) no-repeat center/contain; margin-top: 2px; display: block;}
.alert_area dl.alert dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171218074240318.png) no-repeat center/contain;}
.alert_area dl.correct dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171218074737543.png) no-repeat center/contain;}
.alert_area dd {font-size: 13px; color: #888;}
.alert_area dl.alert dd {color: #ed0c0c;}
.alert_area dl.correct dd {color: #1667ca;}

.input_con {width: 100%; position: relative;}
.flex {display: flex;}
.flex.gap8 {gap: 8px;}
.flex.align-c {align-items: center;}

.certi_number {margin-top: 8px;}
.certi_number .input_con span {position: absolute; top: 50%; right: 12px; transform: translateY(-50%); line-height: 1; font-weight: 600; color: #1667ca; font-size: 14px;}

.input_con.email {display: flex; gap: 8px;}
.email_address {position: relative; width: 40%;}
.email_address span {position: absolute; top: 50%; left: 12px; transform: translateY(-50%); line-height: 1; font-size: 14px; color: #666;} 
.email_address input[type="text"] {padding-left: 28px;}
.input_con.email > input[type="text"] {width: 40%;}
.input_con.email .slt_box {width: 20%;}

.input_con.ssn {display: flex; gap: 4px; align-items: center; background: #fff; border: 1px solid #e9ecef; border-radius: 8px; padding: 0 12px; height: 48px;}
.input_con.ssn > input[type="text"] {width: 48%; border: none; background: transparent; font-size: 16px; font-weight: 500; color: #333; text-align: center;}
.input_con.ssn > input[type="text"]:focus {outline: none; background: #fff; border-radius: 4px; box-shadow: 0 0 0 2px rgba(22, 103, 202, 0.1);}
.input_con.ssn > input[type="text"]::placeholder {color: #999; font-weight: 400;}
.ssn_separator {display: flex; align-items: center; justify-content: center; width: 4%; min-width: 20px;}
.ssn_separator span {font-size: 18px; font-weight: 700; color: #1667ca; line-height: 1;}

select {width: 100%; outline: none; border: none; font-family: inherit; background-color: #fff;}

.input_con.address {display: flex; flex-direction: column; gap: 8px;}

.input_attach {width: 100%;}
.attach_con {width: 100%; display: flex; gap: 8px;}
.attach_list {width: 100%; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 10px; row-gap: 4px; margin-top: 5px;}
.attach_list .sub {font-size: 13px; color: #1667ca; width: 100%;}
.attach_item {display: flex; align-items: center; gap: 5px; padding: 8px; border-radius: 5px; background-color: #f1f1f1; width: max-content;}
.attach_item span {line-height: 1; font-size: 14px; color: #777;}
.attach_item .delete {display: block; width: 15px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171269773855272.png) no-repeat center/cover; cursor: pointer;}

/* ======== 로그인 ======== */
.form.login {gap: 10px; margin-bottom: 15px;}
.login_sub {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 60px; padding-top: 25px;}
.login_sub .find {font-size: 15px; color: #444; cursor: pointer; text-decoration: underline;}



/* ======== 계정찾기 ======== */
.find_tab {width: 100%; display: flex; padding: 8px; border-top-right-radius: 5px; background-color: #f7f7f7; border-radius: 5px;} 
.find_tab span {width: 50%; text-align: center; padding: 10px; font-size: 15px; color: #666; border-radius: 5px; cursor: pointer;}
.find_tab span.on {color: #1667ca; background-color: #fff; font-weight: 600; box-shadow: 0 0 8px #00000010;}
.find_guide {padding: 20px 0;}
.find_guide p {font-size: 15px; color: #888;}

.result_box {margin-bottom: 30px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 8%; border-radius: 5px; background-color: #f2f8ff;}
.result_box span {font-size: clamp(15px, 1.1vw, 17px);}





/* ======== 결과안내화면 ======== */
.result_wrap {width: 100%; display: flex; flex-direction: column; gap: 40px; padding-top: 50px;} 
.result_icon {width: 20%; aspect-ratio: 1; display: block; margin: 0 auto; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171242462826817.png) no-repeat center/cover; max-width: 90px; min-width: 40px;}
.result_tit {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.result_tit dt {font-size: clamp(18px, 1.2vw, 20px); font-weight: 600;}
.result_tit dd {font-size: clamp(15px, 1vw, 16px); color: #666; text-align: center; font-weight: 400;}

.result_detail {width: 100%; padding: 20px; border-radius: 5px; background-color: #f5f5f5;}
.result_detail .tit {font-size: 16px; padding-bottom: 10px;}
.result_detail dl {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.result_detail dl + dl {margin-top: 5px;}
.result_detail dt {font-size: 15px; color: #777; font-weight: 400;}
.result_detail dd {font-size: 15px; color: #333;}




/* ======== 마이페이지 - 메인 ======== */
.mypage_area {width: 100%; display: flex; gap: 20px; align-items: flex-start;}
.my_menu {width: 20%; padding: 30px; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px #00000008; background-color: #fff;}
.my_menu ul {display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 15px;}
.my_menu a {font-size: clamp(15px, 1.1vw, 16px);}

.my_content {width: 80%; background-color: #fff; padding: 40px; border-radius: 5px; box-shadow: 0 0 20px #00000008; display: flex; flex-direction: column; gap: 30px;}
.mypage_title {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.mypage_title .title {display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
.mypage_title .title dt {font-size: clamp(20px, 1.5vw, 25px); font-weight: 600;}
.mypage_title .title dd {font-size: clamp(14px, 1vw, 16px); color: #777;}




/* ======== 마이페이지 - 예약내역 ======== */
/* 예약목록 */
.reserv_con {width: 100%; display: flex; align-items: center; padding: 20px 15px; gap: 30px; border-bottom: 1px solid #eee;}
.reserv_box {width: 85%;}
.reserv_con .btn_box {width: 15%; flex-direction: column;}
.reserv_status {width: 100%; display: flex; gap: 6px; align-items: center;}
.reserv_status span {font-size: 15px; font-weight: 600; line-height: 1; padding: 6px 12px; border-radius: 5px; background-color: #f3f3f3; color: #777;}
.reserv_status span.on {background-color: #eff6ff; color: #1667ca;}
.reserv_status .order_num {font-size: 15px; color: #aaa;}
.reserv_info {width: 100%;}
.reserv_info .reserv_tit {width: 100%; font-size: clamp(18px, 1.5vw, 20px); font-weight: 600; margin: 10px 0 15px;}
.reserv_sub {width: 100%; display: flex; flex-direction: column; align-items: flex-start; background-color: #f9f9f9; padding: 12px; border-radius: 5px;}
.reserv_sub dl {width: 100%; display: flex; gap: 10px;}
.reserv_sub dt {font-size: 14px; color: #999;}
.reserv_sub dd {font-size: 14px; color: #555;}



/* 예약내역 상세보기 */
.view_area {width: 100%;}
.view_area + .view_area {margin-top: 5px;}
.view_area .area_tit {font-size: 16px; margin-bottom: 10px; font-weight: 600; padding-bottom: 10px; border-bottom: 2px solid #555;}
.view_area dl {width: 100%; display: flex; padding: 6px 0;}
.view_area dt {width: 20%; display: flex; font-size: 15px; color: #888;}
.view_area dd {width: 80%; display: flex; font-size: 15px;}
.view_area dd.point {color: #ef335b;}




/* ======== 마이페이지 - 나의찜한상품 ======== */
.like_area {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; row-gap: 50px; margin-top: -35px; padding-top: 15px; border-top: 2px solid #555;}
.like_con {display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}



/* ======== 마이페이지 - 나의마일리지 ======== */
.mileage_status {width: 100%; display: flex; align-items: center; gap: 10px; padding: 18px; border-radius: 5px; background-color: #f1f7ff;}
.mileage_status p {color: #7e8c9d; font-size: 15px; line-height: 1;}
.mileage_status span {font-size: 17px; font-weight: 700; color: #1667ca; line-height: 1;}
.mile_con {width: 100%; padding: 20px 15px; border-bottom: 1px solid #e5e5e5;}
.mile_con .date {font-size: 13px; color: #999;}
.mile_info {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 0 10px;}
.mile_info .mile_tit {display: flex; gap: 5px; align-items: center;}
.mile_info .mile_tit .type {font-size: 14px; line-height: 1; padding: 6px 10px; border-radius: 3px; background-color: #eff6ff; color: #1667ca; font-weight: 600;} 
.mile_info .mile_tit p {font-size: 16px; font-weight: 600;}
.mile_info .mileage {font-size: 20px; font-weight: 700; color: #1667ca; line-height: 1;}
.mile_detail {width: 100%;}
.mile_detail dl {display: flex; gap: 6px;}
.mile_detail dl + dl {margin-top: 2px;}
.mile_detail dt {font-size: 14px; color: #999; font-weight: 400;}
.mile_detail dd {font-size: 14px; color: #444; font-weight: 400;}
.mile_con.minus .mile_info .mile_tit .type {background-color: #ffeef2; color: #ef335b;}
.mile_con.minus .mile_info .mileage {color: #ef335b;}


/* ======== 마이페이지 - 회원탈퇴 ======== */
.input_box.withdraw {display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
/* .input_box.withdraw textarea {outline:  none; border: 1px solid #eee; resize: none; padding: 15px; background-color: #fff; border-radius: 5px; width: 100%; font-family: inherit; height: 12vh; min-height: 100px;} */
.withdraw_box {display: flex; flex-direction: column; width: 100%; gap: 20px;}
.guide_box {width: 100%; padding: 15px; border-radius: 5px; background-color: #e9eef5;}
.guide_box2 { height:220px;overflow-y: scroll;}
.guide_box3 {padding:30px;}
.guide_textwrap {width:100%;height:100%;overflow-y: scroll;} 
.guide_textwrap2 {margin:10px;}
.guide_box p {padding-left: 10px; position: relative; font-size: 14px; color: #444;}
.guide_box p::after {content: ""; display: block; width: 3px; aspect-ratio: 1; border-radius: 100%; background-color: #aaa; top: 8px; left: 0; position: absolute;}
.guide_box p + p {margin-top: 5px;}




/* ======== 고객센터 ======== */
/* 공지사항 */
.board_list {width: 100%; border-top: 2px solid #555; display: flex; flex-direction: column;}
.board_con {width: 100%; padding: 20px 15px; display: flex; flex-direction: column; align-items: flex-start; gap: 15px; border-bottom: 1px solid #eee; cursor: pointer;}
.board_con .tit {display: flex; gap: 5px; width: 100%;}
.board_con .tit span {font-size: clamp(15px, 1vw, 17px);}
.board_con:hover .tit span {text-decoration: underline;}
.board_con .tit i {display: none; width: 10px; height: 10px; border-radius: 100%; background: linear-gradient(to right bottom, #78c2ff, #ff7fed); margin-top: 6px;}
.board_con.new .tit i {display: block;}
.board_con .date {font-size: 14px; color: #aaa;}


/* 이벤트 */
.board_tab {width: 100%; display: flex; gap: 8px; margin-bottom: -15px;}
.board_tab span {line-height: 1; border: 1px solid #eee; color: #777; padding: 10px 16px; border-radius: 100px; font-size: 14px; cursor: pointer;}
.board_tab span.on {background-color: #333; color: #fff; border-color: #333;}
.board_con .top_info {width: 100%; display: flex; align-items: center; gap: 14px;}
.board_con .status {font-size: 14px; color: #777;}
.board_con.on .status {color: #1667ca; font-weight: 600;}
.board_con .top_info .inquiry_no {font-size: 14px; color: #777; position: relative;}
.board_con .top_info .inquiry_no::after {content: ""; display: block; width: 1px; height: 50%; background-color: #ccc; position: absolute; top: 50%; left: -7px; transform: translateY(-50%);}




/* 자주묻는질문 */
.faq_con {padding: 20px 15px; border-bottom: 1px solid #eee;}
.faq_con .faq_tit {width: 100%; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.faq_con .faq_tit dl {display: flex; align-items: flex-start; gap: 6px; width: calc(100% - 30px); padding-right: 15px;}
.faq_tit dt {width: 22px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171250409391988.png) no-repeat center/cover;}
.faq_tit dd {width: calc(100% - 26px); font-size: clamp(15px, 1vw, 16px);}
.faq_tit i {width: 30px; display: block; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171250460710851.png) no-repeat center/cover;}
.faq_con.on .faq_tit i {transform: rotate(180deg);}
.faq_con .faq_text {width: 100%; margin-top: 15px; padding: 15px; border-radius: 5px; background-color: #f7f7f7; font-size: clamp(14px, 1vw, 15px); color: #333; display: none;}
.faq_con.on .faq_text {display: block;}




/* 게시글 상세보기(공지사항, 이벤트) */
.board_view {width: 100%;}
.board_title {width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.board_title dl {display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 12px;}
.board_title dt {font-size: clamp(13px, 1vw, 16px); color: #777;}
.board_title dt.on {color: #1667ca;}
.board_title dd {font-size: clamp(18px, 1.3vw, 22px);}
.board_title .date {font-size: clamp(13px, 1vw, 14px); color: #999;}
.board_content {padding: 40px 0;}
.board_content .period {font-size: clamp(13px, 1vw, 14px); padding: 6px 12px 4px; border-radius: 5px; background-color: #f1f1f1; color: #777; width: max-content; margin-bottom: 20px;}
.board_content .period.on {background-color: #eef6ff; color: #1667ca;}

.attach_box {width: 100%; display: flex; flex-wrap: wrap; gap: 10px; row-gap: 5px;}
.attach_box span {line-height: 1; padding: 8px 14px; border-radius: 3px; background-color: #f1f1f1; color: #666; font-size: 14px; cursor: pointer;}
.attach_box span:hover {text-decoration: underline;}
  
.view_control {width: 100%; display: flex; align-items: center; gap: 20px; margin-top: 30px;}
.view_control dl {width: calc((100% - 80px) / 2); display: flex; padding: 20px 0; gap: 15px; align-items: center;}
.view_control dt {display: block; width: 10px; height: 10px;}
.view_control dl.view_prev dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171250828124110.png) no-repeat center/cover;}
.view_control dl.view_next {flex-direction: row-reverse;}
.view_control dl.view_next dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/171250828638960.png) no-repeat center/cover;}
.view_control dl.no dt {display: none;}
.view_control dd {width: auto; font-size: 14px; cursor: pointer; line-height: 1; max-width: calc(100% - 25px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_control dl.view_next dd {justify-content: flex-end;}
.view_control dd:hover {text-decoration: underline;}
.view_control dl.no dd {color: #999;}
.view_control dl.no dd:hover {text-decoration: none; cursor: default;}
.view_control .go_list {width: 40px; aspect-ratio: 1; cursor: pointer; border-radius: 5px; overflow: hidden; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/IDTRIP/publishing/17125093667730.png) no-repeat center/cover;}


/* 게시글 상세보기(1:1 문의 상세보기) */
.qna_reply {width: 100%; background-color: #f7f7f7; padding: 20px; border-radius: 5px; font-size: 15px;}
.qna_reply .reply_info {font-size: 13px; color: #777; margin-top: 15px;}





/* ======== 약관 ======== */
.terms_text {width: 100%; border-radius: 5px; padding: 20px; background-color: #f7f7f7; font-size: 15px;}




/* ======== 예약취소 ======== */
.mypage_area.cancel {width: 100%;}
.mypage_area.cancel .my_content {width: 100%;}

.cancel_cart {width: 100%;}
.cancel_info {width: 100%; }
.cancel_info .title {width: 100%; display: flex; gap: 15px; align-items: flex-start;}
.cancel_info .title .thumb {width: 20%; aspect-ratio: 1; border-radius: 5px; overflow: hidden;}
.cancel_info .title .thumb img {width: 100%; height: 100%; object-fit: cover;}
.cancel_info .title .prd_name {width: 80%; font-size: clamp(18px, 1.8vw, 18px); font-weight: 600;}
.cancel_info .sub {width: 100%; padding: 15px; background-color: #f5f9ff; border-radius: 5px; margin-top: 10px;}
.cancel_info .sub dl {width: 100%; display: flex; align-items: flex-start; gap: 8px;}
.cancel_info .sub dl + dl {margin-top: 4px;}
.cancel_info .sub dt {font-size: 14px; color: #888;}
.cancel_info .sub dd {font-size: 14px;}
.cancel_amount {width: 100%; margin-top: 15px; display: flex; flex-direction: column; gap: 8px;} 
.cancel_amount .amount_top {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.cancel_amount .amount_top span {font-size: 15px; color: #333;}

.return_box {width: 100%; padding-top: 20px; border-top: 5px solid #f5f5f5;}
.return_box .top {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.return_box .top span {font-size: 16px; font-weight: 600;}
.return_box .top .price {font-size: 18px; font-weight: 700; color: #ef335b;}
.return_detail {width: 100%; display: flex; flex-direction: column; gap: 5px; padding-top: 5px;}
.return_detail dl {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.return_detail dt {display: flex; align-items: center; gap: 4px;}
.return_detail dt i {display: block; width: 6px; aspect-ratio: 1; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.return_detail dt span {font-size: 14px; color: #aaa; line-height: 1;}
.return_detail dd {font-size: 14px; color: #777;}

.return_input .data_tit {font-size:16px;font-weight:600;}


/* ======== 1080px ======== */
@media screen and (max-width: 1080px) {
    .sub_space {padding: 12px 0 120px;}

    /* 고객센터, 마이페이지 */
    .mypage_area {flex-direction: column; gap: 0;}
    .my_menu {box-shadow: none; padding: 0; background-color: #f7f7f7; overflow: visible; overflow-x: auto; width: 100vw; margin: -2px -16px; padding: 14px 16px; border-radius: 0;}
    .my_menu ul {flex-direction: row; align-items: center; gap: 0;}
    .my_menu a {display: block; padding: 6px 12px; border-radius: 100px; color: #777; width: max-content; font-size: 14px;}
    .my_menu li.on a {background-color: #444; color: #fff}
    .my_content {width: 100vw; padding: 30px 16px; margin: 0 -16px; box-shadow: none; border-radius: 0; gap: 20px;}
    /* .mypage_area.cancel .my_content {width: 100vw;} */


    /* 공지사항 */
    .board_tab {margin-bottom: -5px; overflow-x: auto;}
    .board_tab span {background-color: #f7f7f7; border-color: #f7f7f7; color: #999; min-width: max-content; font-size: 13px;}
    .board_tab span.on {background-color: #1667ca; color: #fff; border-color: #1667ca;}


    /* 찜한상품 */
    .like_area {grid-template-columns: 1fr 1fr 1fr; gap: 20px; row-gap: 40px;}
    .like_con {gap: 12px;}
}


    





/* ======== 640px ======== */
@media screen and (max-width: 640px) {

    /* 회원가입 */
    .user_container {background-color: #fff;}
    .join_wrap {margin: 0 -16px; padding: 10px 16px;}
    .join_tit {align-items: flex-start; padding-bottom: 20px;}
    .data_box .data_tit {font-size: 14px; padding-bottom: 5px;}
    .join_tit span {text-align: left;}
    .alert_area {margin-top: 5px;}
    .alert_area dl {gap: 3px;}
    .alert_area dd {font-size: 12px;}
    .alert_area dt {width: 12px;}
    .form {gap: 15px;}
    .data_box .data_tit.ess::after {right: -12px; font-size: 15px;}
    .certi_number .input_con span {font-size: 13px;}

    .input_con.address {gap: 6px;}
    .input_con.email {flex-direction: column;}
    .input_con.email > input[type="text"] {width: 100%;}
    .email_address {width: 100%;}
    .input_con.email .slt_box {width: 100%;}
    
    .input_con.ssn {flex-direction: column; gap: 8px; padding: 12px; height: auto; background: #fff; border: 1px solid #e9ecef; border-radius: 8px;}
    .input_con.ssn > input[type="text"] {width: 100%; height: 44px; border: 1px solid #e9ecef; border-radius: 6px; background: #fff; text-align: left; padding: 0 12px; font-size: 15px;}
    .input_con.ssn > input[type="text"]:focus {border-color: #1667ca; box-shadow: 0 0 0 2px rgba(22, 103, 202, 0.1);}
    .ssn_separator {display: none;}


    /* 로그인 */
    .login_sub {gap: 30px;}
    .login_sub .find {color: #666; font-size: 13px;}

    
    /* 계정찾기 */
    .find_guide {padding: 15px 0;}
    .find_guide p {font-size: 14px;}
    .find_tab {padding: 6px; margin-top: -10px;}
    .find_tab span {font-size: 14px;}
    .result_box {margin-bottom: 20px;}
    .result_wrap {padding-top: 30px; gap: 30px;}
    .result_tit {gap: 5px;}


    /* 고객센터, 마이페이지 */
    .mypage_title .title dt {font-weight: 700;}



    /* 공지사항 */
    .board_con {padding: 18px 0; gap: 10px;}
    .board_con .tit i {width: 8px; height: 8px;}
    .board_con .status {line-height: 1; font-size: 13px;}
    .board_con .date {font-weight: 400;}


    /* 자주묻는질문 */
    .faq_con {padding: 20px 0;}
    .faq_con .faq_tit dl {width: calc(100% - 20px);}
    .faq_tit dt {width: 18px; margin-top: 1px;}
    .faq_tit dd {width: calc(100% - 24px);}
    .faq_tit i {width: 20px;}


    /* 게시글상세보기 */
    .board_title {margin-top: -15px; gap: 12px;}
    .board_title dl {gap: 8px;}
    .board_content {padding: 25px 0;}
    .board_content .period {margin-bottom: 10px;}
    .attach_box {margin-top: 10px; gap: 6px;}
    .attach_box span {font-size: 13px;}
    .view_control {margin-top: 50px;}
    .view_control .go_list {width: 30px;}
    .view_control dl {gap: 8px;}
    .view_control dt {width: 8px; height: 8px;}
    .view_control dd {font-size: 13px; max-width: calc(100% - 16px);}

    .qna_reply {padding: 15px; background-color: #f6f8fc;}
    .qna_reply .reply_info {color: #999;}
    .board_note {font-size: 15px !important;}



    /* 나의 예약내역 */
    .guide_box {padding: 12px;}
    .guide_box p {font-size: 13px;}
    .reserv_con {padding: 20px 0; flex-direction: column; align-items: flex-start; gap: 20px;}
    .reserv_box {width: 100%;}
    .reserv_con .btn_box {width: 100%; flex-direction: row; margin-top: -8px; gap: 6px;}
    .reserv_con .btn_box button {padding: 10px 8px !important;}
    .reserv_status span {font-size: 13px;}
    .reserv_status .order_num {font-size: 13px;}
    .reserv_sub {gap: 8px; background-color: #f7f7f7;}
    .reserv_sub dl {flex-direction: column; gap: 2px;}
    .reserv_sub dt {font-size: 13px;}
    .view_area .area_tit {font-size: 15px; padding-bottom: 5px; margin-bottom: 5px;}
    .view_area dt {font-size: 14px;}

    .cancel_info .title {flex-direction: column-reverse;}
    .cancel_info .title .thumb {width: 30%; min-width: 100px;}
    .cancel_info .sub dl {flex-direction: column; gap: 2px;}
    .cancel_info .sub dt {font-size: 13px;}
    .cancel_info .sub dl + dl {margin-top: 8px;}
    .cancel_info .sub {padding: 12px;}
    .result_detail {padding: 15px;}
    .result_tit {gap: 15px;}
    .result_detail .tit {font-weight: 600; font-size: 15px;}
    .result_detail dt {font-size: 14px; width: 100px;}
    .result_detail dd {font-size: 14px; width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .result_detail dl + dl {margin-top: 7px;}


    /* 찜한상품 */
    .like_area {grid-template-columns: 1fr 1fr; gap: 15px; row-gap: 40px;}


    /* 나의마일리지 */
    .mileage_status {padding: 14px; flex-direction: column; align-items: flex-start; gap: 8px;}
    .mileage_status p {font-size: 14px;}
    .mile_con {padding: 20px 0;}
    .mile_info {align-items: flex-end;}
    .mile_info .mile_tit {flex-direction: column; align-items: flex-start; gap: 6px;}
    .mile_info .mile_tit p {font-size: 15px;}
    .mile_info .mile_tit .type {padding: 4px 6px; font-size: 13px;}
    .mile_info .mileage {font-size: 18px; font-weight: 600;}
    .mile_detail dt {font-size: 13px;}
    .mile_detail dd {font-size: 13px; font-weight: 500;}


    .btn_box.res_col {flex-direction: column;}
    .btn_box.res_col_re {flex-direction: column-reverse;}


    .attach_con {flex-direction: column-reverse;}
    .attach_con button {width: 100% !important;}
    .attach_list .sub {font-size: 12px; padding-bottom: 5px;}
    .res_mg {margin: 0 auto; width: calc(100vw - 32px);}
    .res_col {flex-direction: column; align-items: flex-start;}
    .res_wrap {flex-wrap: wrap;}

    .return_input .data_tit {font-size:16px;font-weight:600;}
}