/* mypage */
:root {
	--cont-inner:1920px;
}
.mypage_wrap .bul01 > li:before {background: #333;}
.mypage_wrap .input {width: 100%;}
.mypage_wrap {min-height: 100dvh; background: #f5f5f5;}
.mypage_wrap #header {background: #fff;}
.mypage_wrap .in_header {height:80px;}
.mypage_wrap .w_gnb .gnb > li > a {color: #000;}
.mypage_wrap .w_gnb .gnb > li:has(.sub_menu) > a > span:after {background: url(../img/common/gnb_arrow2.svg) no-repeat center center;}
.mypage_wrap .top_util > ul > li > a {color: #000;}
.mypage_wrap .lang_select .btn {color: #000; border-color: #000;}
.mypage_wrap .lang_select .btn .arrow img {filter: brightness(1) invert(1);}
.mypage_wrap #header h1 > a {background:url(../img/common/mypage_logo.svg) no-repeat left top/cover;}
.mypage_wrap #header h1 > a img {opacity: 0; height:50px; aspect-ratio: 181/50;}
.mypage_wrap .top_d_day {background:url(../img/common/mypage_bexco.svg) no-repeat left top/cover; left: 220px;}
.mypage_wrap .top_d_day img {opacity: 0; height:56px; aspect-ratio: 162/56;}
.mypage_wrap .w_gnb .sub_menu {background:#fff; border-color:var(--deep-key-color);}
.mypage_wrap .w_gnb .sub_menu li > a {color: #000;}
.mypage_wrap .menu_btn a img {filter: brightness(1) invert(1);}
.mypage_wrap #inner_wrap {padding-top:92px; padding-bottom: 0px;}
.mypage_wrap .mypage_inner {width: 100%; max-width:var(--cont-inner); margin: 0 auto; display: flex; gap:clamp(10px, 3vw, 22px) ;}

.mypage_inner .left_menu {background: #fff; width: clamp(200px, 22vw, 300px); padding: 16px; padding-bottom: clamp(16px, 5vw, 50px); box-shadow:9px 6px 8px 8px rgba(0, 0, 0, 5%);}
.mypage_inner .left_menu .title {padding-top:0.8em; font-size: var(--x-large-font-size); line-height: 1.4em; font-weight:700; text-align: center;}
.mypage_inner .left_menu .user {font-size: var(--sub-font-size); line-height: 1.4em; text-align: center; padding-top: 0.3em;}
.mypage_inner .navi {margin-top:30px; width: 100%; display: flex; flex-direction: column; gap: 4px;}
.mypage_inner .navi > li > a {display: flex; align-items: center; justify-content: space-between; gap: 0.5em; padding: 0.5em 1em; background:#fff; color:#666666; font-size:clamp(12px, 2vw, 14px); line-height: 1.4em; font-weight: 600; border:1px solid #ECECEC; border-radius:4px; min-height: clamp(40px, 5vw, 44px); word-wrap: anywhere;}
.mypage_inner .navi > li > a::after {content: ''; display: block; width:5px; height:5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform:rotate(-45deg);transition: transform 0.2s, border-color 0.2s;flex-shrink: 0; }
.mypage_inner .navi > li.on > a {background: var(--key-color); color:#fff;}
.mypage_inner .navi .on .three_depth {display: block;}
.mypage_inner .navi .three_depth {padding:1em; display:none;}
.mypage_inner .navi .three_depth > li + li {margin-top:5px;}
.mypage_inner .navi .three_depth > li > a {font-size:13px; line-height: 1.4em; padding-left: 0.8em;}
.mypage_inner .navi .three_depth > li.on > a {color:var(--key-color); font-weight:600;}
.mypage_inner .navi .three_depth > li > a::before {width:3px; height: 3px; background: #333; border-radius:100%; position: absolute; left: 0px; top: 0.6em; transform: none; border:none; margin: 0px;}
.mypage_inner .navi .three_depth > li > a::after {display: none;}



.mypage_inner .right_content {background: #fff; flex:1; padding:clamp(10px, 4vw, 40px) clamp(10px, 4vw, 70px); padding-bottom: clamp(40px, 8vw, 80px);}
.mypage_inner .sub_con {font-size:var(--small-font-size); line-height: 1.4em; max-width: 100%;}

.page_title {display: flex; justify-content: space-between; gap: 0.5em; flex-wrap: wrap; align-items: flex-end; border-bottom: 1px solid #000; padding-bottom: clamp(10px, 2vw, 20px); min-height: clamp(40px, 6vw, 64px); margin-bottom: clamp(20px, 3vw, 30px);}
.page_title .sub_title {font-size: var(--x-large-font-size); line-height: 1.4em; font-weight:700; align-self: flex-start;}
.page_title .btn_area {display: flex; gap: 0.5em;}
.page_title .btn_area .btn {display: flex; gap: 0.5em; font-size:var(--small-font-size); line-height: 1.4em; font-weight:400; color: #000; border:1px solid #DDD; background: #fff; min-width: clamp(80px, 10vw, 120px); height:auto; min-height:2.5em; padding: 0.3em 1em; border-radius:4px; align-items: center; justify-content: center;}
.page_title + .section_tit {margin-top:0em;}
.section_tit {font-size: var(--font-size); line-height: 1.4em; font-weight:700; margin:3em 0px 1em 0px;}


.apply_box {border-radius: 8px; border: 1px solid #DDD; background: #FFF; padding: clamp(10px, 2vw, 20px) clamp(15px, 3vw, 30px);}	
.apply_box:has(.table_style2) {padding-top: clamp(5px, 1.5vw, 10px);}
.lang_list {display: flex; flex-wrap: wrap; gap: 0.5em clamp(10px, 3vw, 30px);}
.lang_list > li {display: flex; align-items: center; gap:0.5em; line-height: 1.5;}
.lang_badge {display: inline-flex; align-items: center; justify-content: center; min-width: 3em; padding: 0.25em 0.65em; border-radius:8px; background: var(--deep-key-color); color: #fff; font-size: var(--x-small-font-size); line-height: 1.2em;  font-weight:500; white-space: nowrap; flex-shrink: 0;}


.booth_qty {display: flex; align-items: center; gap: 0.35em;}
.booth_qty .input {flex: 1; width: 100%; max-width: 10em; height: 2.6em; text-align: center;}
.booth_qty .unit {white-space: nowrap; flex-shrink: 0;}





.discount_foot {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.5em 1.5em; padding-top: 1em; }
.discount_foot .discount_calc {font-weight: 600;}
.discount_foot .discount_calc strong {font-weight: 700;}

.apply_total {margin-top: clamp(16px, 2vw, 24px);}
.total_table td.tr {text-align: right;}
.total_table td.tr strong {font-weight: 700;}

.bank_info {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5em clamp(10px, 3vw, 30px);}
.bank_info > li {display: flex; align-items: center; gap: 0.5em 1.5em; line-height: 1.4em; }
.bank_info > li strong {flex-shrink: 0; align-self: flex-start;}

.parking_info {display: flex; justify-content: space-between; flex-wrap: wrap; gap:0px clamp(10px, 6vw, 60px);}
.parking_info > li {display: flex; flex:1}
.parking_info .subj {min-width: 11em; border-bottom: 1px solid #999999; padding-bottom:1em;}
.parking_info .desc {flex:1; border-bottom: 1px solid #EBEBEB; padding-bottom:1em; padding-left: 1em;}

.apply_tit {margin:2.5em 0px 0.5em 0px; display: flex; align-items: center; font-size: var(--font-size); font-weight:700; gap: 0.3em;}
.apply_tit .lang_badge {background: var(--key-color); border-radius:60px;     padding: 0.3em 1em;}
.bar_txt {background: #F9F9FB; padding: 0.7em 1em; line-height: 1.4em; font-size: var(--font-size);}

.apply_guide_box {display: flex; flex-wrap: wrap; gap: clamp(16px, 3vw, 30px); padding: clamp(16px, 3vw, 24px) clamp(18px, 4vw, 40px); border: 1px solid var(--key-color); border-radius: 8px; background: #F4F8FE;}
.apply_guide_box .col {flex: 1; min-width: min(100%, 260px); padding:0px clamp(16px, 3vw, 30px); border-right: 1px solid var(--key-color);}
.apply_guide_box .col:last-child {border-right: 0;}
.apply_guide_box .tit {display: block; color: var(--key-color); font-weight:600; font-size: var(--font-size); line-height: 1.4em; margin-bottom: 0.75em;}

.info_form_list {display: flex; flex-direction: column; gap: 5px;}
.info_form_list .info_row {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: clamp(10px, 2vw, 24px); padding: clamp(15px, 2vw, 20px) clamp(15px, 2.5vw, 24px); background: #F9F9FB; border-radius: 8px;}
.info_form_list .label {flex-shrink: 0; min-width: 5em; font-weight: 700; font-size: var(--sub-font-size); line-height: 1.4em;}
.info_form_list .ref_txt {flex-shrink: 0; white-space: nowrap;}
.info_form_list .input { height: 3em; border: 1px solid #DDD; border-radius: 4px; background: #fff;}

.intro_form.apply_form {border-top: 0; padding-top: 0; padding-bottom: 10px; gap: clamp(5px, 1.5vw, 10px); border-bottom: 1px solid #000;}
.intro_form .tit {color: #000;}
.intro_form .form_item.col2 {flex-direction: row; gap: clamp(16px, 3vw, 40px);}
.intro_form .form_item.file_row {flex-direction: row; align-items: center; gap: clamp(12px, 2vw, 24px);}
.intro_form .form_item.file_row .tit {flex-shrink: 0; min-width: 6em; margin-bottom: 0;}
.intro_form .form_item.file_row .con {display: flex; align-items: center; flex-wrap: wrap; gap: 0.5em;}
.intro_form .form_item.file_row .add_bt {min-width: auto; width: auto;}
.intro_form .form_item.file_row .add_bt .btn {width: auto; min-width: 8em; height:3em; font-size: var(--small-font-size); cursor: pointer;}

.intro_profile + .intro_profile {border-top:1px solid #000; margin-top: 10px; padding-top: 10px;}
.intro_profile {display: flex; gap: clamp(20px, 6vw, 60px); margin-top: clamp(20px, 4vw, 40px);}
.intro_profile > div {flex:1}
.intro_profile .col_tit {font-size: var(--font-size); font-weight: 700; line-height: 1.4em; margin-bottom: 0.75em;}
.intro_profile .profile_box {background: #F9F9FB; padding: clamp(15px, 4vw, 40px); min-height: calc(100% - 3.5em);}
.intro_profile .profile_form.apply_form {border-top: 0; padding-top: 0; gap: clamp(12px, 2vw, 18px);}
.intro_profile .profile_form .tit {color: #000; font-weight: 700;}
.intro_profile .profile_form .form_item.col2 {flex-direction: row; gap: clamp(10px, 2vw, 20px);}
.intro_profile .addr_list > li + li {margin-top: 0.5em;}
.intro_profile .addr_list .bt_include {max-width: 280px;}
.intro_profile .addr_list .add_bt .btn {height: 2.6em; font-size: var(--sub-font-size); cursor: pointer;}
.intro_profile .profile_area {margin-top: clamp(12px, 2vw, 18px); padding-top: clamp(12px, 2vw, 18px); border-top: 1px solid #EBEBEB;}
.intro_profile .profile_area .tit {font-weight: 700; margin-bottom: 0.5em; line-height: 1.4em;}
.intro_profile .profile_area .textarea {min-height: 10em;}

.exhibit_list {display: flex; flex-direction: column; gap: clamp(5px, 2vw, 10px); margin-top:0.9em; padding-top:0.9em; border-top: 1px solid #000;}
.exhibit_list .profile_box {background: #F9F9FB; padding: clamp(15px, 4vw, 40px);}
.exhibit_list .exhibit_file {display: flex;  flex-direction: column; align-items:flex-start; flex-wrap: wrap; gap: 0.75em; margin-bottom: clamp(12px, 2vw, 18px);}
.exhibit_list .item_tit {font-weight: 700; font-size: var(--sub-font-size); line-height: 1.4em;}
.exhibit_list .exhibit_file .bt_include {width: 100%;}
.exhibit_list .exhibit_file .add_bt .btn {width: auto; min-width: 8em; height:2.6em; font-size: var(--sub-font-size); white-space: nowrap; cursor: pointer;}
.exhibit_list .exhibit_form.apply_form {border-top: 0; padding-top: 0; gap: 0;}
.exhibit_list .exhibit_form .tit {color: #000; font-weight: 700; font-size: var(--sub-font-size);}
.exhibit_list .exhibit_form .form_item.col2 {flex-direction: row; gap: clamp(16px, 3vw, 40px);}
.exhibit_list .exhibit_form .textarea {min-height:7em;}

.agency_form.apply_form {border-top: 1px solid #000; margin-top: clamp(20px, 4vw, 40px); padding-top: clamp(16px, 2.5vw, 24px); gap:6px;}
.agency_form .form_sec {padding-bottom: 0;}
.agency_form .sec_tit {font-size: var(--font-size); font-weight: 700; line-height: 1.4em;}
.agency_form .sec_desc {margin-bottom: 1em; line-height: 1.5em;}
.agency_form .tit {color: #000; font-weight: 700;}
.agency_form .form_item.col2 {flex-direction: row; gap: clamp(16px, 3vw, 40px);}
.agency_form .textarea {min-height:7em;}
.agency_form .form_note {margin-top: 0.75em; font-size: var(--x-small-font-size); line-height: 1.5em;}

.tit_group {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1em; margin-top: 3em;}
.tit_group .apply_tit {margin-top: 0;}

.buyer_list {display: flex; flex-direction: column; gap:9px;}
.buyer_list .item {border: 1px solid #DDD; border-radius: 8px; background: #fff; overflow: hidden; padding: clamp(10px, 2.2vw, 25px); padding-left:10px;}
.buyer_list .head {display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(8px, 1.5vw, 14px);}
.buyer_list .num {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width:22px; aspect-ratio: 1/1; border-radius: 50%; background: var(--key-color); color: #fff; font-size: var(--x-small-font-size); line-height: 1em; font-weight:500;}
.buyer_list .profile {flex-shrink: 0; width: clamp(44px, 8vw, 60px); aspect-ratio: 1/1;}
.buyer_list .info {flex: 1; }
.buyer_list .name {font-size: var(--font-size); font-weight: 700; color: var(--key-color); line-height: 1.4em;}
.buyer_list .badge {display: inline-flex; align-items: center; margin-left: 0.35em; padding: 0.2em 1em; border-radius: 60px; background: var(--key-color); color: #fff; font-size: var(--x-small-font-size); line-height: 1.4em; font-weight: 300; vertical-align: middle;}
.buyer_list .company {margin-top: 0.25em; font-size: var(--sub-font-size); line-height: 1.5em;}
.buyer_list .doc {display: flex; flex-shrink: 0; border:1px solid var(--key-color); background:#F4F8FE; border-radius: 4px; overflow: hidden;}
.buyer_list .doc_item {display: flex; align-items: center; justify-content: center; gap: 0.35em; min-height:2.7em; padding: 0.55em 0.85em; font-size: var(--x-small-font-size); line-height: 1.3em;}
.buyer_list .doc_item .status img {display: block; width:clamp(14px, 1.2vw, 18px); aspect-ratio: 1/1;}
.buyer_list .doc_item + .doc_item {border-left:1px solid var(--key-color);}
.buyer_list .btns {display: flex; margin-left: auto; flex-shrink: 0; border:1px solid #DDDDDD; overflow: hidden; border-radius: 4px;}
.buyer_list .btns button + button {border-left: 1px solid #ddd;}
.buyer_list .btns button img {width:clamp(14px, 1.2vw, 17px);}
.buyer_list .btn_edit,
.buyer_list .btn_del {display: inline-flex; gap: 0.35em; min-height:2.7em; padding: 0.55em 0.85em; align-items: center; justify-content: center; background: #fff; cursor: pointer; font-size: var(--x-small-font-size);}

.buyer_list .meta {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding-top:1em;}
.buyer_list .meta .col {padding:0px clamp(14px, 2.5vw, 20px); border-right: 1px solid #EBEBEB;}
.buyer_list .meta .col:last-child {grid-column: span 2; border-right: 0;}
.buyer_list .meta .tit {font-weight: 300; margin-bottom: 0.35em;}
.buyer_list .meta .txt {font-weight:600; line-height: 1.5em;}

.buyer_pop .pop_head {border-bottom: 1px solid #000;}
.buyer_form.apply_form {border-top: 0; padding-top: 0; gap: 0;}
.buyer_form .tit {color:#000 ;}
.buyer_form .form_sec {padding: clamp(16px, 2.5vw, 24px) 0; border-bottom: 1px solid #EBEBEB;}
.buyer_form .form_sec:last-child {border-bottom: 0; padding-bottom: 0;}
.buyer_form .sec_tit {font-size: var(--large-font-size); font-weight: 700; line-height: 1.4em; margin-bottom: 1em;}
.buyer_form .sec_tit .note {font-weight: 400; font-size:var(--x-small-font-size); margin-left: 0.25em;}
.buyer_form .form_note {margin-top: 0.75em; font-size: var(--x-small-font-size); line-height: 1.5em;}
.buyer_form .file_pair {display: flex; gap: clamp(10px, 2vw, 20px);}
.buyer_form .file_pair > div {flex:1;}
.buyer_form .file_col .tit {font-weight: 700; margin-bottom: 0.5em; line-height: 1.4em;}
.buyer_form .file_box {position: relative;}
.buyer_form .file_box.is_dragover .file_label {background: #E8F0FE; border-color: var(--deep-key-color); box-shadow: 0 0 0 2px rgba(64, 108, 245, 0.15);}
.buyer_form .file_box.is_attached .file_label {background: #fff;}
.buyer_form .file_box.is_attached .file_label .ico {content: none; font-size: 0; background: url(../img/common/check.svg) no-repeat center center var(--deep-key-color); border: 0; background-size: 55% auto;}
.buyer_form .file_label {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.35em; min-height:140px; padding: 1em; border: 1px solid var(--key-color); border-radius:4px; background: #F4F8FE; text-align: center; cursor: pointer; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;}
.buyer_form .file_label .ico {font-size: var(--font-size); line-height: 1; color: var(--key-color); width: 39px; aspect-ratio: 1/1; border-radius:100%; border:1px dotted var(--key-color); background: #fff; display: flex; align-items: center; justify-content: center; font-weight: 300;}
.buyer_form .file_label .txt {font-size: var(--sub-font-size); font-weight: 600; color: var(--key-color); line-height: 1.4em;}
.buyer_form .file_label .sub {font-size:clamp(11px, 1.2vw, 13px); line-height: 1.4em;}
.buyer_form .date_pair {display: flex; align-items:center; flex-wrap: wrap; gap: 0.75em;}
.buyer_form .date_col {flex: 1; display: flex; align-items: center; min-width: min(100%, 200px);}
.buyer_form .date_col .tit {font-weight: 700; margin-right: 1em;}
.buyer_form .date_col .con {flex:1; width: 100%;}
.buyer_form .field_chk_list:has(.etc) {align-items: center;}
.buyer_form .field_chk_list .etc { display: flex; gap: 1em; align-items: center;}
.buyer_form .field_chk_list .etc .input {flex:1;}


.parking_type {display:flex; gap: clamp(10px, 3vw, 20px);}
.type_item {position: relative; flex:1;}
.type_item input[type="radio"] + label {display: block; position: relative; height: 100%; padding: clamp(20px, 4vw, 38px) clamp(15px, 4vw, 40px); padding-top: clamp(20px, 3vw, 32px); border: 1px solid #DDD; border-radius:8px; background: #fff; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s;}
.type_item input[type="radio"] + label:before {position: absolute; left: clamp(14px, 2.5vw, 20px); top: clamp(14px, 2.5vw, 20px); width: clamp(22px, 3vw, 26px); height: clamp(22px, 3vw, 26px);}
.type_item input[type="radio"]:checked + label {border: 2px solid var(--key-color); box-shadow: 0 4px 12px rgba(64, 108, 245, 0.12);}
.type_item .head {display: flex; max-width: max-content; margin: 0 auto; margin-bottom: 1em; align-items: center; gap:1em;}
.type_item .head dt {font-size: var(--font-size); font-weight:700;}
.type_item .head dd {font-size: var(--font-size); color:var(--key-color); margin-top: 0.4em;}
.type_item .head.col {flex-direction: column; text-align: center; gap: 0.75em;}
.type_item .head.col dl {text-align: center;}
.type_item .head.col dd.desc {color: var(--sub-txt); font-size: var(--sub-font-size); margin-top:1em;}
.type_item .bul01 {max-width: max-content; margin: 0 auto; margin-top: 2em;}
.type_item .card_ico {min-width: max-content; flex-shrink: 0;}
.type_item .card_ico img {width: clamp(50px, 8vw, 63px); height: auto;}
.type_item .card_form {display: flex; justify-content: center; align-items: center; padding: 1.5em; gap: 0.75em; margin-top:2em; background: #F9F9FB;}
.type_item .card_form .form_label {flex-shrink: 0; font-weight: 600; font-size: var(--font-size); min-width: 4.5em;}
.type_item .card_form .input {flex: 1; max-width:14em; height:3em;}


.parking_detail_list {display: flex; flex-direction: column; gap:5px;}
.detail_item {border: 1px solid #CCCCCC; background: #F9F9FB; border-radius: 8px; opacity: 0.6; padding: clamp(10px, 2vw, 20px); transition: border-color 0.2s, opacity 0.2s, box-shadow 0.2s;}
.detail_item.is_active {border: 2px solid var(--key-color); opacity: 1; background: #fff; box-shadow: 0 4px 12px rgba(64, 108, 245, 0.08);}
.detail_item .head {display: flex; align-items: center; gap: 0.75em;}
.detail_item .num {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: clamp(20px, 3vw, 22px); aspect-ratio: 1/1; border-radius: 50%; border:1px solid #999999; color: #999999; font-size: var(--x-small-font-size); line-height: 1em; font-weight: 700;}
.detail_item.is_active .num {background: var(--key-color); border-color: var(--key-color); color: #fff;}
.detail_item .tit {flex: 1; color: #999999; font-size: var(--font-size); line-height: 1.5em; font-weight: 600;}
.detail_item .tit .sub {font-weight: 400; font-size: var(--small-font-size);}
.detail_item.is_active .tit {color: var(--key-color);}
.detail_item.is_active .tit .sub {color: var(--sub-txt);}
.detail_item .toggle {position: relative; flex-shrink: 0; width:31px; height:16px; border-radius: 60px; background: #CCCCCC; transition: background 0.2s;}
.detail_item .toggle:before {content: ''; position: absolute; right: 3px; top: 3px; width:10px; height: 10px; border-radius: 50%; background: #fff; transition: transform 0.2s;}
.detail_item.is_active .toggle {background: var(--key-color);}
.detail_item.is_active .toggle:before {transform: translateX(-15px);}
.detail_item .body {padding: clamp(14px, 2.5vw, 20px) clamp(14px, 2.5vw, 24px);}
.detail_item .form.col2 {display: flex; gap: clamp(10px, 2vw, 20px);}
.detail_item .form.col2 > div {flex:1;}
.detail_item .form_row {display: flex; flex-direction: column; gap: 0.5em;}
.detail_item .form_label {font-weight: 600; font-size: var(--sub-font-size);}
.detail_item .form_row .input {width: 100%; height: 3em; border: 1px solid #DDD; border-radius: 4px;}
.detail_item .form_help {font-size: var(--x-small-font-size); color: var(--sub-txt); line-height: 1.5em;}
.detail_item .txt {color: var(--sub-txt);}
.detail_item .ticket_info {padding: clamp(14px, 2.5vw, 20px); border-radius: 8px; background: #F4F8FE; border:1px solid var(--key-color);}
.detail_item .ticket_badge {display: inline-flex; align-items: center; padding: 0.35em 0.85em; background: var(--key-color); color: #fff; font-size: var(--x-small-font-size); font-weight: 600; margin-bottom: 0.5em;}
.detail_item:not(.is_active) .input {background: #F5F5F5;}

.notice_box {display: flex; align-items: center; gap: clamp(5px, 3vw, 30px); background: #F9F9FB; padding: clamp(14px, 2.5vw, 20px) clamp(16px, 3vw, 24px);}
.notice_box .tit {display: flex; align-items: center; gap:0.7em; font-weight:600;  font-size: var(--font-size); line-height: 1.5em;}
.notice_box .tit img {width:clamp(18px, 2vw, 21px); flex-shrink: 0;}
.notice_box .con {flex:1; width: 100%;}


.sign_info {display: flex; flex-direction: column; align-items: flex-end; gap: 0.5em; margin-top:clamp(20px, 4vw, 40px);}
.sign_info > li {display: flex; gap:1em;}

.invoice_head {margin-bottom: clamp(20px, 3vw, 30px);}
.invoice_head .head_top {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 1em 2em; padding-bottom: clamp(12px, 2vw, 20px);}
.invoice_head .head_logo {margin: 0;}
.head_logo img {display: block; height: clamp(40px, 8vw, 50px); width: auto;}
.invoice_head .head_info {margin-left: auto; text-align: right; line-height: 1.6em;}
.invoice_head .head_info p + p {margin-top: 0.15em;}
.invoice_head .head_info .bar {margin: 0 0.35em; color: #bbb;}
.invoice_head .head_tit {background: #F9F9FB; text-align: center;font-size: clamp(18px, 3vw, 22px); font-weight: 700; padding: 0.7em 1em;}

.invoice_event {margin-bottom: 1em; line-height: 1.4em; font-size: var(--font-size); font-weight: 600; color: var(--key-color);}
.invoice_event .bar {margin: 0 0.35em; color: #bbb; font-weight: 400;}
.invoice_summary {display: flex; flex-wrap: wrap; gap: clamp(10px, 3vw, 35px); margin-bottom: clamp(20px, 3vw, 30px);}
.invoice_summary .apply_box {flex:1}

.invoice_list td.tr strong {font-weight: 700;}
.invoice_list .btn_del {display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; margin: 0 auto; padding: 0; border: 1px solid #DDD; border-radius: 4px; background: #fff; cursor: pointer;}
.invoice_list .btn_del img {display: block; width: 16px; height: 16px;}

.apply_status tbody th[rowspan] {vertical-align: middle;}
.btn_status {display: inline-flex; align-items: center; justify-content: center; padding: 0.35em 0.5em; border-radius: 4px; color: #fff; font-size: var(--x-small-font-size); font-weight:500; white-space: nowrap; line-height: 1.3;}
.btn_status.is_done {background: #666;}
 a.btn_status.is_apply {background: var(--key-color);}


.btn_row_add, .btn_row_del {display: inline-flex; align-items: center; justify-content: center; min-width: 3.2em; padding: 0.5em 0.8em; border-radius: 4px; font-size: var(--x-small-font-size); font-weight: 600; line-height: 1.3; cursor: pointer;}
.btn_row_add {background: var(--key-color); color: #fff; border: 0;}
.btn_row_del {background: #fff; color: #000; border: 1px solid #DDD;}

.invoice_pop .pop_head {border-bottom: 1px solid #000;}

.invoice_form.apply_form {border-top: 0; padding-top: 0; gap: 1.2em;}
.invoice_form.apply_form .tit {color: #000;}
.invoice_pop_foot {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1em; margin-top: 1.5em;}



.invoice_foot {margin-top: clamp(15px, 3vw, 30px);}
.invoice_account {display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em clamp(20px, 4vw, 60px);border-radius:8px; background: #F9F9FB;  padding:clamp(15px, 3vw, 20px) clamp(15px, 4vw, 40px); margin-bottom: clamp(16px, 3vw, 24px);}
.invoice_account p {display: flex; align-items: center; gap: 0.75em 1.5em; line-height: 1.5em; position: relative;}


.invoice_account strong {flex-shrink: 0; font-weight: 700;}
.invoice_notice_key {margin-top: 1em; line-height: 1.6em; font-weight: 600;}
.invoice_sign {margin-top: clamp(32px, 6vw, 52px); font-size: var(--font-size); text-align: right; line-height: 1.6em;}
.invoice_sign p {margin: 0; }
.invoice_sign p + p {margin-top: 0.25em;}
.invoice_sign_org {display: inline-flex; align-items: center; justify-content: flex-end; gap: 0.5em; margin-top:1em !important;}
.invoice_seal {width: clamp(30px, 6vw, 35px); height: auto; flex-shrink: 0;}


/* member */
.main_login_form .txt_a {text-align: center; font-size: clamp(16px, 3vw, 20px); line-height: 1.4em; font-weight: 600;}
.main_login_form .txt_b {display: flex; align-items: center; gap:0.5em; font-size: var(--sub-font-size); line-height: 1.5em;}
.main_login_form .txt_b > strong {min-width:4em; align-self: flex-start;}
.main_login_form .img {text-align: center;}
.main_login_form .img img {max-width:50vw}

.login_wrap {margin:0 auto;}
.login_wrap .login_bt {padding-bottom:15px;}
.login_wrap .login_bt .btn {background: var(--deep-key-color); border-radius:12px; color:#fff; display: flex; align-items: center; justify-content: center; font-size: var(--font-size); line-height: 1.4em; font-weight: 600; padding:1em}
.login_wrap .login_bt .btn2 {background-color:#fff; color:#005e9c; border-color:#005e9c }
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float:left;}
.find_txt {font-size: var(--sub-font-size); line-height: 1.4em; margin-top: 1em;}

.signup {padding:0px 0px 15px 0px;}
.signup li {overflow:hidden; border:1px solid #dadada; border-radius:12px; margin-bottom:10px; align-items:center; display:flex; flex-wrap:wrap;}
.signup li .ico {min-width:50px; text-align:center; line-height: 1em;}
.signup li input {flex:1; width:100%; height:55px; padding:8px 1em; display:block; background:none; color:#565a5c; text-indent:10px; border:none; outline:none; font-size: clamp(13px, 2vw, 14px);}

.find_idpw {display: flex; flex-wrap: wrap; padding:0px 0px 15px 0px;}
.find_idpw > li {line-height:20px; padding-left:10px; margin-left:10px; position:relative;}
.find_idpw > li:before {display:block; content:""; width:1px; height:16px; background:#cccccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.find_idpw > li:first-child {background:none; padding:0px; margin:0px;}
.find_idpw > li:first-child:before {display:none;}
.find_idpw > li a {color:#989898; font-weight:500;}
.find_ok {text-align:center; padding:170px 0px 20px 0px; font-size:18px; line-height:150%; background:url(../img/member/ico_mail.gif) no-repeat center top; }


.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}



.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}


.join_type {overflow:hidden;}
.join_type.one > dl {float:none; width:100%; max-width:500px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.join_type.two > dl {width:50%;}
.join_type > dl {float:left; width:25%; box-sizing:border-box; border:1px solid #cccccc; border-left:none; padding:30px 10px 30px 10px;  text-align:center; margin-top:10px;}
.join_type > dl:first-child {border-left:1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height:140%; padding-bottom:5px;}
.join_type > dl > dt .ico {display:block; text-align:center; padding:0px 10px 10px 10px;}
.join_type > dl > dt strong {display:block; min-height:55px; font-weight:700; line-height:140%;}
.join_type > dl > dt .f_s {display:block; font-size:0.8em;  line-height:130%;}
.join_type > dl > dd {font-size:15px; line-height:140%; font-weight:300; min-height:100px;}
.join_type > dl > dd.txt {padding:10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height:40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height:auto;}
.join_type > dl > dd.bt a {display:inline-block; font-size:15px; font-weight:300; line-height:20px; padding:10px 0px; text-align:center; background:#0c91dd; color:#fff; min-width:120px;}
.join_type > dl > dd.bt.two a {min-width:110px;}
.join_agree_wrap {display: flex; flex-wrap: wrap; margin: -15px;}
.join_agree_wrap .box {width: 50%; padding: 15px;}


.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:33.33333%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#386fd3;}
.agency_join > h3{font-weight:600; font-size:2.1em; color:#fff; padding:20px 0px 60px 0px; line-height:120%;}
.join_btn{display:block; width:100%; height:60px; background-color:#fff; border:0px; margin:60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight:600; font-size:1.1em; color:#333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display:inline-block; vertical-align:top; font-size:15px; line-height:20px; padding-left:5px; margin-left:5px;}
.etc_btns > li > a{text-align:right; font-weight:300; font-size:0.85em; color:#fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing:border-box; text-align:center; display:block; background:#386fd3; padding:3px;}



.bt_join_check > a {margin:0 auto; width:100%; max-width:300px; height:210px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#fff; font-size:1.5em; font-weight:600; line-height:130%; box-sizing:border-box; background:#7a51af; border:3px solid #000; flex-direction:column;}
.bt_join_check > a img { padding-bottom:15px;}





@media screen and (max-width:1200px) {
	

	.mypage_wrap .mypage_inner {flex-direction: column;}
	.mypage_inner .left_menu {width: 100%;  box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 5%); display: flex; flex-wrap: wrap; gap: 10px;}
	.mypage_inner .left_menu .title {padding: 0px;}
	.mypage_inner .left_menu .user {margin-left: auto;}
	.mypage_inner .navi {margin-top: clamp(10px, 2vw, 20px); overflow-x: auto; flex-direction: row; position: relative;}
	.mypage_inner .navi > li {flex:1; width: 0%; min-width: 90px;}
	.mypage_inner .navi .on .three_depth {display: flex; flex-wrap: wrap; justify-content: center; position:relative; width:calc(100vw - 60px); left:50%; transform: translateX(-50%); gap:0.5em 1em;}
	.mypage_inner .navi > li > a {text-align: center; justify-content: center;}
	.mypage_inner .navi > li > a::after {display: none;}
	.mypage_inner .navi .three_depth > li + li {margin-top: 0;}
}
/* 1024px */
@media screen and (max-width:1024px) {
	
	.mypage_wrap #header h1 > a img {height: 40px;}
	.mypage_wrap .top_d_day {display: none;}
	.mypage_wrap .top_d_day img {height:36px;}

}



/* 768 */
@media screen and (max-width:767px) {
	.apply_box:not(:has(.mobile_table)) {overflow-x: auto;}

	.join_agree_wrap .box {width: 100%;}


	.mobile_table {width: 100%; min-width: 0;}
	.mobile_table colgroup {display: none;}
	.mobile_table tbody {display: block;}
	.mobile_table tr {display: grid;}
	.mobile_table tr:first-child th {margin-top: 0;}
	.mobile_table tr th {padding: 0; margin-top: 2em; border-bottom: 0; height: auto;}
	.mobile_table tr td {padding-left: 0; border-bottom: 1px solid #999; height: auto;}


	.mobile_table.mobile_col2 tr {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5em 0.35em; align-items: center; padding: 0.85em 0; border-bottom: 1px solid #999;}
	.mobile_table.mobile_col2 tr th {grid-column: 1 / -1; margin-top: 1.5em;}
	.mobile_table.mobile_col2 tr:first-child th {margin-top: 0;}
	.mobile_table.mobile_col2 tr td {padding: 0; border-bottom: 0; min-width: 0; word-break: break-all;}
	.mobile_table.mobile_col2 tr td[colspan] {grid-column: 1 / -1;}
	.mobile_table.mobile_col2 .booth_qty {gap: 0.25em;}
	.mobile_table.mobile_col2 .booth_qty .input {max-width: none; height: 2.4em; padding: 0 0.25em;}

	.mobile_table.mobile_col3 tr {grid-template-columns: repeat(3, minmax(0, 1fr));	gap: 0.5em 0.35em; align-items: center;	padding: 0.85em 0;border-bottom: 1px solid #999;}
	.mobile_table.mobile_col3 tr th {grid-column: 1 / -1; margin-top: 1.5em;}
	.mobile_table.mobile_col3 tr th + th {margin-top: 0.5em;}
	.mobile_table.mobile_col3 tr:first-child th {margin-top: 0;}
	.mobile_table.mobile_col3 tr td {padding: 0; border-bottom: 0; min-width: 0; word-break: break-all;}
	.mobile_table.mobile_col3 tr td[colspan] {grid-column: 1 / -1;}
	.mobile_table.mobile_col3 .booth_qty {gap: 0.25em;}
	.mobile_table.mobile_col3 .booth_qty .input {max-width: none; height: 2.4em; padding: 0 0.25em;}
	.bank_info {flex-direction: column;}

	.parking_info {flex-direction: column; gap:1em 0px;}
	.parking_info > li {flex: none; width: 100%;}
	.parking_type {flex-direction: column;}
	.detail_item .form.col2 {flex-direction: column;}
	.invoice_summary {flex-direction: column;}

	.notice_box {flex-direction: column; gap: 0.5em; align-items: flex-start;}

	.apply_guide_box {flex-direction: column;}
	.apply_guide_box .col {padding:0px; border-right: 0; border-bottom: 1px solid #DDD; padding-bottom: clamp(14px, 2.5vw, 20px);}
	.apply_guide_box .col:last-child {border-bottom: 0; padding-bottom: 0;}

	.info_form_list .info_row {flex-direction: column; align-items: flex-start;}
	.info_form_list .input {width: 100%;}

	.buyer_list .head {align-items: flex-start;}
	.buyer_list .doc {width: 100%;}
	.buyer_list .doc_item {flex:1}
	.buyer_list .btns {margin-left: 0; width: 100%; justify-content: flex-end;}
	.buyer_list .btns button {flex:1}
	.buyer_list .meta {grid-template-columns: 1fr;}
	.buyer_list .meta .col {border-right: 0; border-bottom: 1px solid #EBEBEB; padding: 1em 0px;}
	.buyer_list .meta .col:last-child {grid-column: auto; border-bottom: 0;}
	.buyer_form .file_pair {flex-direction: column; gap: 2em;}
	.buyer_form .date_pair {flex-direction: column; align-items: stretch;}
	.buyer_form .date_col {flex-direction: column; align-items: flex-start;}
	.buyer_form .dash {display: none;}

	.intro_profile {flex-direction: column;}
	.intro_profile .profile_form .form_item.col2 {flex-direction: column; gap: 1em;}

	.exhibit_list .exhibit_form .form_item.col2 {flex-direction: column; gap: 1em;}

	.agency_form .form_item.col2 {flex-direction: column; gap: 1em;}

}


/* 480px */
@media screen and (max-width:479px) {
	.login_wrap .login_bt .btn {font-size:16px; line-height:30px;}
	.signup li input {height:50px; line-height:50px;}
	.mypage_wrap #header h1 > a img {height:32px;}
	
	
}

@media print {
	.mypage_wrap.print_wrap {background: #fff;}
	.mypage_wrap.print_wrap #header,
	.mypage_wrap.print_wrap .left_menu,
	.mypage_wrap.print_wrap #footer {display: none !important;}
	.mypage_wrap.print_wrap #inner_wrap {padding: 0 !important;}
	.mypage_wrap.print_wrap .mypage_inner {display: block;}
	.mypage_wrap.print_wrap .right_content {padding: 0; background: #fff;}

	.mypage_wrap.print_wrap * {visibility: hidden;}
	.mypage_wrap.print_wrap .right_content .sub_con,
	.mypage_wrap.print_wrap .right_content .sub_con * {visibility: visible;}
	
	.mypage_wrap.print_wrap .right_content .sub_con .no_print {display: none !important; visibility: hidden !important;}
}