/* 디지털 자산 거래 - 상단 공통 */
.main-visual_wrap.tyDigital {height:auto;padding:50px 0;background:#020305 url(../images_dax/digital_visual_bg.png) no-repeat center/cover;text-align: center;}
.main-visual_wrap.tyDigital .main-visual_txtarea {position:static;transform:none;}
.main-visual_wrap.tyDigital .main-visual_txtarea_title {font-size:26px;font-weight:600;line-height:1.4;}
.main-visual_wrap.tyDigital .main-visual_txtarea_desc {margin-top:20px;font-size:14px;line-height:1.4;font-weight:300;}
.main-visual_wrap.tyDigital .highlight {color:#7B5DF9;}
.main-visual_wrap.tyDigital .dex_step {display:flex;gap:14px;justify-content:center;margin-top:40px;}
.main-visual_wrap.tyDigital .dex_step > img {margin-top:-32px;}
.main-visual_wrap.tyDigital .dex_step .step_item p {text-align:center;color:#fff;font-size:14px;font-weight:500;margin-top:14px;}
.main-visual_btnarea {text-align:center;margin-top:40px;}
.main-visual_btnarea .btn_main_visual {border-radius: 12px;background: #583BD4;width:156px;height:42px;text-align:center;color:#fff;font-size:14px;font-weight:500;}


/* 디지털 자산 거래 - 목록 */
#content.dex_salelist {padding-bottom: 0;}
.dex_salelist .bg_img_cont {padding: 0;background: url(/images/Scrs5/sub_bg.png) no-repeat 50% 100px;background-color: #191c23;background-image: url(/images/Scrs5/sub_bg.png), url(/images/Scrs5/bg_wave.png);background-repeat: no-repeat;background-position: 50% 100px, left 50% bottom -330px;background-size: 1770px auto, 1920px auto;min-height: 1100px;border-radius: 0;}
.dex_salelist .bg_img_cont > .inner {background-color:#fff;padding:60px;width:1260px;}
#content.dex_register {padding-bottom: 0;}
.dex_register .bg_img_cont {padding: 0;background: url(/images/Scrs5/sub_bg.png) no-repeat 50% 100px;background-color: #191c23;background-image: url(/images/Scrs5/sub_bg.png), url(/images/Scrs5/bg_wave.png);background-repeat: no-repeat;background-position: 50% 100px, left 50% bottom -330px;background-size: 1770px auto, 1920px auto;min-height: 1100px;border-radius: 0;}
.dex_register .bg_img_cont > .inner {background-color:#fff;padding:60px;width:1260px;background:#F9FAFB;border-radius: 0;}
#content.dex_view {padding-bottom: 0;}
.dex_view .bg_img_cont {padding: 0;background: url(/images/Scrs5/sub_bg.png) no-repeat 50% 100px;background-color: #191c23;background-image: url(/images/Scrs5/sub_bg.png), url(/images/Scrs5/bg_wave.png);background-repeat: no-repeat;background-position: 50% 100px, left 50% bottom -330px;background-size: 1770px auto, 1920px auto;min-height: 1100px;border-radius: 0;}
.dex_view .bg_img_cont > .inner {background-color:#fff;padding:60px;width:1260px;background:#F9FAFB;border-radius: 0;}

.dex_linebanner {margin-bottom:40px;}

.dex_panel {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.dex_panel .search_box {width:350px;height: 48px;margin: 0 auto;border-radius: 50px;padding: 0 20px;border: 1px solid #cfc8f0;background: #fff;display: flex;align-items: center;justify-content: space-between;}
.dex_panel .search_box input[type="text"] {flex: 1;height: 38px;border: none;outline: none;font-size: 16px;color: #707070;background: transparent;}
.dex_panel .search_box input[type="text"]::placeholder {color: #CDCDCD;}
.dex_panel .search_box .xi-search {color:#583BD4;font-size:22px;}

.dex_panel .dex_panel_left .dex_register {border-radius: 12px;border: 1px solid #07F;background: #07F;height:48px;padding:0 14px;text-align:center;color:#fff;display:inline-flex;align-items:center;font-size:16px;}
.dex_panel .dex_panel_left .dex_register svg {margin-right:6px;margin-top:-2px;}
.dex_panel .dex_panel_left .dex_mypage {border-radius: 12px;border:1px solid #583BD4;background: #fff;height:48px;padding:0 14px;text-align:center;color:#583BD4;display:inline-flex;align-items:center;font-size: 16px;}
.dex_panel .dex_panel_left .dex_mypage svg {margin-right:6px;margin-top: -1px;}
.dex_panel .dex_panel_left {display:flex;gap:10px;align-items:center;}
.dex_panel .dex_panel_right {display:flex;gap:10px;align-items:center;}
.dex_panel .dex_panel_right .search_reset {display:inline-block;width:48px;height:48px;border-radius: 12px;border: 1px solid #F0F0F0;background: #FFF;color:#d48c5b;font-size:18px;}

.dex_filter_wrap {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F0F0F0;}
.filter_nav {background:#F9FAFB;padding:20px;border-radius: 12px;border: 1px solid #F0F0F0;background: #F9FAFB;}
.filter_group {display:flex; gap:10px; margin-bottom:10px;}
.filter_group > ul {flex:auto; display:flex; gap:10px; min-width:0;}
.filter_group:last-child {margin-bottom:0;}
.filter_group_wrap {display:flex; gap:10px;}
.filter_group_wrap .filter_group {margin-bottom:0;}
.filter-btn-all {flex:none;}
.filter-btn {width:82px; height:50px; border-radius:8px; text-align:center; background-color:#fff;border:1px solid #cfc8f0;color: #7F8894;}
.filter-btn-title {display:flex; font-size:14px; font-weight:600; border:1px solid #583BD4; color:#583BD4; width:96px; flex:none; align-items:center; justify-content:center;}
.filter-btn .btn_cate_i {display:flex; flex-wrap:wrap; align-items:center; width:100%; height:100%; color:inherit;}
.filter-btn .btn_cate_i>* {width:100%;}
.filter-btn .btn_cate_i i {font-size:16px; margin-bottom:2px; padding-top:4px;}
.filter-btn .btn_cate_i span {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:100%; min-height:28px; line-height:1.07; font-size:13px; letter-spacing:-0.02em;}
.filter-btn.is_active {background-color:#5272DD; color:#fff;}
.group_price .filter-btn-title {border:1px solid #72C225; color:#72C225;}
.group_price .filter-btn.is_active {background-color:#72C225;}
.group_type .filter-btn-title {border:1px solid #583    BD4; color:#583BD4;}
.group_type .filter-btn.is_active {background-color:#583BD4;}
.group_type .filter-btn:not(.filter-btn-all):not(.filter-btn-title) {width:22%;}

.dig_box {margin-bottom:20px;display:table;width:100%;border-radius: 20px;border: 1px solid #E3E3E3;background: rgba(255, 255, 255, 0.10);box-shadow: 1px 1px 12px 0 rgba(140, 194, 215, 0.05);overflow:hidden;table-layout:fixed;}
.dig_box .dig_col {border-right:1px solid #E3E3E3;display:table-cell;vertical-align:middle;box-sizing:border-box;}
.dig_box .dig_col:last-child {border-right:0;}
.dig_box .col_type {width:140px;text-align:center;padding:0 14px;}
.dig_box .col_type .type_icon {width:50px;height:50px;border-radius:100px;overflow:hidden;position:relative;border:1px solid #E3E3E3;display:inline-block;margin-bottom:10px;}
.dig_box .col_type .type_icon img {left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);}
.dig_box .col_type .type_name {color:#333D4B;font-weight:500;font-size:16px;}
.dig_box .col_type .type_btn {margin-top:12px;}
.dig_box .col_type .type_btn .mydig_edit {border-radius: 6px;border:1px solid #583BD4;background:#583BD4;height:32px;padding:0;text-align:center;color:#fff;line-height:32px;font-size:12px;}
.dig_box .col_type .type_btn .mydig_edit i {margin-right:5px;}
.dig_box .col_info {width:218px;padding:14px 14px;}
.dig_box .col_info .info_state {margin-bottom:18px;}
.dig_box .col_info .info_state .state_label {display:inline-block;border-radius: 6px;background: #07F;color:#fff;padding:0 8px;font-size:12px;height:28px;line-height:28px;}
.dig_box .col_info .info_state .state_label.green {background-color: #72C225;}
.dig_box .col_info .info_state .state_label.orange {background-color: #F5914A;}
.dig_box .col_info .info_price {color:#076ADB;font-size:26px;font-weight:700;margin-bottom:22px;text-align:right;}
.dig_box .col_info .info_unit {color:#7F8894;font-size:16px;text-align:right;}
.dig_box .col_contents .cts_area1 {padding:12px 15px 16px;}
.dig_box .col_contents .cts_area1 .service {display:flex;margin-bottom:10px;justify-content:space-between;}
.dig_box .col_contents .cts_area1 .service .concept {flex:1;color:#7F8894;font-size:12px;min-width:0;}
.dig_box .col_contents .cts_area1 .service .concept span {border-radius: 50px;border: 1px solid #E3E3E3;background: #FFF;padding:5px 12px;color:#583BD4;font-size:14px;margin-left:8px;font-weight:500;display:inline-block;}
.dig_box .col_contents .cts_area1 .service .launch {color:#7F8894;font-size:12px;}
.dig_box .col_contents .cts_area1 .title {font-size:20px;color:#333D4B;font-weight:600;line-height:1.4;}
.dig_box:hover .title {text-decoration:underline;}
.dig_box .col_contents .cts_area2 {display:flex;border-top: 1px solid #E3E3E3;background: #F9FAFB;height:60px;}
.dig_box .col_contents .cts_area2_col {display:flex;border-right:1px solid #E3E3E3;padding:14px 20px 16px;gap:30px;width:100%;justify-content:center;}
.dig_box .col_contents .cts_area2_col:last-child {border-right: 0;}
.dig_box .col_contents .cts_area2 dl {display:flex;align-items:center;}
.dig_box .col_contents .cts_area2 dl dt {display:inline-block;font-size:13px;color:#7F8894;font-weight:500;margin-right:8px;}
.dig_box .col_contents .cts_area2 dl dd {display:inline-block;border-radius: 50px;border: 1px solid #E3E3E3;background: #FFF;padding:6px 14px 5px;font-size:14px;color:#333D4B;margin:0;}
.dig_box .col_contents .cts_area2 dl .red {color:#F14943;}
.dig_box .col_contents .cts_area2 dl .blue {color:#07F;}

.dex_pagination {text-align:center;margin-top:40px;display:flex;align-items:center;justify-content:center;}
.dex_pagination a {display:inline-block;margin:0 5px;}
.dex_pagination .page_num {display:inline-block;margin:0 12px;}
.dex_pagination .page_num a {border-radius: 10px;display:inline-block;width:40px;height:40px;line-height:40px;color:#7F8894;}
.dex_pagination .page_num a.on {border: 1px solid #583BD4;background: rgba(88, 59, 212, 0.10);color:#583BD4;}
.dex_pagination .ico_page i {font-size:18px;font-weight:bold;color:#333D4B;}


/* 디지털 자산 거래 - 등록 */
#content.dex_register {padding-bottom: 0;}
/* .dex_register .bg_img_cont {padding: 80px 0 100px;background:#F9FAFB;border-radius: 0;} */
.dex_register .reg_section {margin-bottom:40px;}
.dex_register .reg_section:last-child {margin-bottom:0;}
.dex_register .sec_title {margin-bottom:20px;font-size:20px;font-weight:600;color:#333D4B;}
.dex_register .sec_title:before {content:'';width:4px;height:20px;background-color:#583BD4;display:inline-block;vertical-align:-3px;margin-right:7px;}
.dex_register .sec_box_wrap {display:flex;gap:20px;}
.dex_register .sec_box {width:860px;}
.dex_register .sec_memo {width:260px;}
.dex_register .memo {border-radius: 12px;border: 1px solid #F0F0F0;background: #FFF;padding:14px;font-size: 14px;color:#333D4B;}
.dex_register .memo .red {color:#F14943;}
.dex_register .white_box {border-radius: 12px;border: 1px solid #F0F0F0;background: #FFF;}
.dex_register .white_box .sec_con {padding:30px;border-bottom:1px solid #F0F0F0;}
.dex_register .white_box .sec_con:last-child {border-bottom:0;}
.dex_register .white_box .id_box {padding:18px 20px;color:#333D4B;font-weight:600;font-size:16px;border-bottom: 1px solid #F0F0F0;}
.dex_register .white_box .id_box span {color:#583BD4;font-weight:500;margin-left:4px;}
.dex_register .white_box .row {margin-bottom:30px;display:flex;gap:20px;}
.dex_register .white_box .row:last-child {margin-bottom:0;}
.dex_register .white_box .input_block {width:100%;}
.dex_register .white_box .input_label {margin-bottom:10px;color:#333D4B;font-size:14px;font-weight:500;}
.dex_register .white_box .input_label sup {color:#F14943;margin-right:4px;vertical-align:1px;}
.dex_register .white_box .text_input {border-radius: 8px;color: #333D4B;border: 1px solid deepskyblue; background: #FFF;height:42px;width:90%;padding:0 12px;font-size:14px;}
.dex_register .white_box textarea.text_input {height:unset;padding:10px 12px;color: #333D4B;}
.dex_register .white_box textarea.text_input + .checkbox {margin-top:10px;}
.dex_register .msg {color: #583BD4;font-size:16px;margin-top:10px;font-weight:400;}
.dex_register .btn-area {margin-top:60px;text-align:center;}
.dex_register .btn-area .register-submit {height:52px;line-height:52px;border-radius:10px;background-color:#583BD4;color:#fff;font-size:16px;text-align:center;padding:0 24px;}
.dex_register .btn-area .register-Jst1 {height:52px;line-height:52px;border-radius:10px;background-color:chocolate;color:#fff;font-size:16px;text-align:center;padding:0 24px;}
.dex_register .btn-area .register-Jst2 {height:52px;line-height:52px;border-radius:10px;background-color:lightseagreen;color:#fff;font-size:16px;text-align:center;padding:0 24px;}
.dex_register .checkbox {position:relative;display:inline-flex;align-items:center;color: #333D4B;}
.dex_register .checkbox input {position:absolute;left:0;top:0;opacity:0;width:0;height:0;cursor: pointer;}
.dex_register .checkbox i {content:'';display:inline-block;width:18px;height:18px;margin-right:7px;border: 1px solid #CFCFCF;background: #fff;position:relative;border-radius:4px;margin-top:-1px;}
.dex_register .checkbox input:checked + i {background-color:#583BD4;border-color: #583BD4;}
.dex_register .checkbox input:checked + i:before {content:'';display:block;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:94%;height:94%;background:url(/images_dax/checkbox.svg) no-repeat center/contain;}
.dex_register .radio_wrap label {position:relative;display:inline-flex;align-items:center;margin-right:17px;color:#333D4B;}
.dex_register .radio_wrap label input {position:absolute;left:0;top:0;opacity:0;width:0;height:0;cursor: pointer;}
.dex_register .radio_wrap label i {content:'';display:inline-block;width:18px;height:18px;margin-right:5px;border: 1px solid #CFCFCF;background: #fff;position:relative;border-radius:100px;margin-top:-1px;}
.dex_register .radio_wrap label input:checked + i {border-color: #583BD4;}
.dex_register .radio_wrap label input:checked + i:before {content:'';display:block;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:12px;height:12px;background:#583BD4;border-radius:100px;}
.dex_register .amount {padding:20px;}
.dex_register .amount_box {display:flex;align-items:center;gap:20px;color:#333D4B;font-weight:600;margin-bottom:20px;}
.dex_register .amount_input {position:relative;width:160px;}
.dex_register .amount_input .text_input {width:100%;color:#07F;text-align:right;padding-right:30px;font-weight:500;font-size:16px;}
.dex_register .amount_input .unit {position:absolute;right:12px;bottom:10px;font-size:14px;}
.dex_register .recent_title {color: #333D4B;font-size: 14px;font-weight: 500;margin-bottom:10px;}
.dex_register .recent_title span {color: #583BD4;font-size: 12px;}
.dex_register .recent_list {border-radius: 12px;border: 1px solid #F0F0F0;overflow:hidden;}
.dex_register .recent_item {border-bottom:1px solid #f0f0f0;padding:15px;display:flex;gap:20px;}
.dex_register .recent_item:last-child {border-bottom:0;}
.dex_register .recent_item .col > span {color:#333D4B;font-size: 14px;font-weight:500;}
.dex_register .recent_item .col {display:flex;gap:10px;align-items:center;}
.dex_register .recent_item select {border-radius: 8px;color: #333D4B;border: 1px solid #F0F0F0;background: #FFF url(/images_dax/select.svg) no-repeat calc(100% - 12px) 50%;height:42px;width:100%;padding:0 40px 0 12px;font-size:14px;color:#333D4B;}
.dex_register .sales_input {position:relative;width:160px;}
.dex_register .sales_input .text_input {width:100%;color:#07F;text-align:right;padding-right:30px;font-weight:500;font-size:14px;}
.dex_register .sales_input .unit {position:absolute;right:12px;bottom:10px;font-size:14px;color:#333D4B;}
.dex_register .cost_input {position:relative;width:160px;}
.dex_register .cost_input .text_input {width:100%;color:#F14943;text-align:right;padding-right:30px;font-weight:500;font-size:14px;}
.dex_register .cost_input .unit {position:absolute;right:12px;bottom:10px;font-size:14px;color: #333D4B;}
.dex_register .filebox {display:flex; align-items:center;gap:10px;}
.dex_register .upload_name {flex:1; height:42px; font-size:14px; border:1px solid #f0f0f0; border-radius:8px; background:#F9FAFB; color:#7F8894; outline:none;padding:0 12px;}
.dex_register .upload_name:focus {border-color:#7b61ff;}
.dex_register .btn_file {padding:12px 20px; background:#6f3cff; color:#fff; font-size:14px; border-radius:8px; display:inline-flex; align-items:center; cursor:pointer; white-space:nowrap;}
.dex_register .file_input {display:none;}


/* 디지털 자산 거래 - 상세 */
#content.dex_view {padding-bottom: 0;}
/* .dex_view .bg_img_cont {padding: 80px 0 100px;background:#F9FAFB;border-radius: 0;} */
.dex_view .reg_section {margin-bottom:40px;}
.dex_view .reg_section:last-child {margin-bottom:0;}
.dex_view .sec_title {margin-bottom:20px;font-size:20px;font-weight:600;color:#333D4B;}
.dex_view .sec_title:before {content:'';width:4px;height:20px;background-color:#583BD4;display:inline-block;vertical-align:-3px;margin-right:7px;}
.dex_view .sec_box_wrap {display:flex;gap:20px;}
.dex_view .sec_box {width:860px;}
.dex_view .sec_memo {width:260px;}
.dex_view .memo {border-radius: 12px;border: 1px solid #F0F0F0;background: #FFF;padding:14px;font-size: 14px;color:#333D4B;}
.dex_view .memo .red {color:#F14943;}
.dex_view table {width:100%;border-collapse:collapse;margin:-1px;width:calc(100% + 2px);}
.dex_view table th {width:174px;text-align:center;color:#333D4B;font-weight:400;font-size:14px;background-color:rgba(88, 59, 212, 0.04);height:42px;border:1px solid #cfc8f0;vertical-align: middle;}
.dex_view table th sup {color:#F14943;vertical-align:1px;}
.dex_view table td {padding:14px 20px;border: 1px solid #cfc8f0;color:#333D4B;font-weight:600;font-size:14px;line-height:1.4;vertical-align:middle;}
.dex_view table .ta-center {text-align:center;}
.dex_view .white_box {border-radius: 12px;border: 1px solid #cfc8f0;background: #FFF;overflow:hidden;margin-bottom:20px;}
.dex_view .white_box:last-child {margin-bottom:0;}
.dex_view .white_box .sec_con {padding:30px;border-bottom:1px solid #F0F0F0;}
.dex_view .white_box .sec_con:last-child {border-bottom:0;}
.dex_view .white_box .id_box {padding:18px 20px;color:#333D4B;font-weight:600;font-size:16px;border-bottom: 1px solid #F0F0F0;}
.dex_view .white_box .id_box span {color:#583BD4;font-weight:500;margin-left:4px;}
.dex_view .white_box .row {margin-bottom:30px;display:flex;gap:20px;}
.dex_view .white_box .row:last-child {margin-bottom:0;}
.dex_view .white_box .input_block {width:100%;}
.dex_view .white_box .input_label {margin-bottom:10px;color:#333D4B;font-size:14px;font-weight:500;}
.dex_view .white_box .input_label sup {color:#F14943;margin-right:4px;vertical-align:1px;}
.dex_view .white_box .text_input {border-radius: 8px;color: #333D4B;border: 1px solid #F0F0F0;background: #FFF;height:42px;width:100%;padding:0 12px;font-size:14px;}
.dex_view .white_box textarea.text_input {height:unset;padding:10px 12px;color: #333D4B;}
.dex_view .white_box textarea.text_input + .checkbox {margin-top:10px;}
.dex_view .msg {color: #583BD4;font-size:16px;margin-top:10px;font-weight:400;}
.dex_view .btn-area {margin-top:60px;text-align:center;}
.dex_view .btn-area .register-submit {height:52px;line-height:52px;border-radius:10px;background-color:#583BD4;color:#fff;font-size:16px;text-align:center;padding:0 24px;}
.dex_view .signed {height:50px;line-height:50px;border-radius:10px;background-color:#583BD4;color:#fff;font-size:14px;text-align:center;padding:0 20px;}
.dex_view .checkbox {position:relative;display:inline-flex;align-items:center;color: #333D4B;}
.dex_view .checkbox input {position:absolute;left:0;top:0;opacity:0;width:0;height:0;cursor: pointer;}
.dex_view .checkbox i {content:'';display:inline-block;width:18px;height:18px;margin-right:7px;border: 1px solid #CFCFCF;background: #fff;position:relative;border-radius:4px;margin-top:-2px;}
.dex_view .checkbox input:checked + i {background-color:#583BD4;border-color: #583BD4;}
.dex_view .checkbox input:checked + i:before {content:'';display:block;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:94%;height:94%;background:url(/images_dax/checkbox.svg) no-repeat center/contain;}
.dex_view .radio_wrap label {position:relative;display:inline-flex;align-items:center;margin-right:17px;color:#333D4B;}
.dex_view .radio_wrap label input {position:absolute;left:0;top:0;opacity:0;width:0;height:0;cursor: pointer;}
.dex_view .radio_wrap label i {content:'';display:inline-block;width:18px;height:18px;margin-right:5px;border: 1px solid #CFCFCF;background: #fff;position:relative;border-radius:100px;margin-top:-1px;}
.dex_view .radio_wrap label input:checked + i {border-color: #583BD4;}
.dex_view .radio_wrap label input:checked + i:before {content:'';display:block;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:12px;height:12px;background:#583BD4;border-radius:100px;}
.dex_view .amount {padding:20px;}
.dex_view .amount_box {display:flex;align-items:center;gap:20px;color:#333D4B;font-weight:600;margin-bottom:20px;}
.dex_view .amount_input {position:relative;width:160px;}
.dex_view .amount_input .text_input {width:100%;color:#07F;text-align:right;padding-right:30px;font-weight:500;font-size:16px;}
.dex_view .amount_input .unit {position:absolute;right:12px;bottom:10px;font-size:14px;}
.dex_view .recent_box {padding:10px;}
.dex_view .recent_title {color: #333D4B;font-size: 14px;font-weight: 500;margin-bottom:10px;}
.dex_view .recent_title span {color: #583BD4;font-size: 12px;}
.dex_view .recent_list {border-radius: 12px;border: 1px solid #F0F0F0;overflow:hidden;}
.dex_view .recent_item {border-bottom:1px solid #f0f0f0;padding:15px;display:flex;gap:20px;}
.dex_view .recent_item:last-child {border-bottom:0;}
.dex_view .recent_item .col > span {color:#333D4B;font-size: 14px;font-weight:500;}
.dex_view .recent_item .col {display:flex;gap:10px;align-items:center;}
.dex_view .recent_item select {border-radius: 8px;color: #333D4B;border: 1px solid #F0F0F0;background: #FFF url(/images_dax/select.svg) no-repeat calc(100% - 12px) 50%;height:42px;width:100%;padding:0 40px 0 12px;font-size:14px;color:#333D4B;}
.dex_view .sales_input {position:relative;width:160px;}
.dex_view .sales_input .text_input {width:100%;color:#07F;text-align:right;padding-right:30px;font-weight:500;font-size:14px;}
.dex_view .sales_input .unit {position:absolute;right:12px;bottom:10px;font-size:14px;color:#333D4B;}
.dex_view .cost_input {position:relative;width:160px;}
.dex_view .cost_input .text_input {width:100%;color:#F14943;text-align:right;padding-right:30px;font-weight:500;font-size:14px;}
.dex_view .cost_input .unit {position:absolute;right:12px;bottom:10px;font-size:14px;color: #333D4B;}
.dex_view .filebox {display:flex; align-items:center;gap:10px;}
.dex_view .upload_name {flex:1; height:42px; font-size:14px; border:1px solid #f0f0f0; border-radius:8px; background:#F9FAFB; color:#7F8894; outline:none;padding:0 12px;}
.dex_view .upload_name:focus {border-color:#7b61ff;}
.dex_view .btn_file {padding:12px 20px; background:#6f3cff; color:#fff; font-size:14px; border-radius:8px; display:inline-flex; align-items:center; cursor:pointer; white-space:nowrap;}
.dex_view .file_input {display:none;}
.dex_view .sales_info {font-size:16px;font-weight:500;margin-right:18px;}
.dex_view .sales_info + .checkbox {vertical-align:-3px;}
.dex_view .sales_info strong {color:#07F;font-size:20px;font-weight:600;}
.dex_view .cost {font-size:16px;color:#07F;font-weight:500;margin: 0 2px;}
.dex_view .cre {font-size:16px;color:#F14943;font-weight:500;margin:0 2px;}

.agreement_intent_popup {position:fixed;top:0;right:0;left:0;bottom:0;background: rgba(0, 0, 0, 0.60);display:none;z-index: 1000;}
.agreement_intent_popup.show {display:block;}
.agreement_intent_popup .popup_box {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius: 20px;overflow:hidden;}
.agreement_intent_popup .popup_head {display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #F0F0F0;}
.agreement_intent_popup .popup_title {font-size:18px;color:#333D4B;font-weight:600;}
.agreement_intent_popup .xi-close {font-size:22px;}
.agreement_intent_popup .popup_contents {padding:20px 20px 40px;}
.agreement_intent_popup .agreement_notice {color:#333D4B;font-size:14px;line-height:1.4;margin-bottom:40px;}
.agreement_intent_popup .agreement_notice li {margin-bottom:12px;}
.agreement_intent_popup .agreement_notice li span {color:#583BD4;}
.agreement_intent_popup .text_input {border-radius: 8px;color: #333D4B;border: 1px solid #F0F0F0;background: #FFF;height:42px;width:100%;padding:0 12px;font-size:14px;}
.agreement_intent_popup .agreement_form {border-radius: 12px;border: 1px solid #F0F0F0;background: #FFF;overflow:hidden;}
.agreement_intent_popup table {width:100%;border-collapse:collapse;margin:-1px;width:calc(100% + 2px);}
.agreement_intent_popup table th {width:100px;text-align:center;color:#333D4B;font-weight:600;font-size:14px;background-color:rgba(88, 59, 212, 0.04);height:42px;border:1px solid #F0F0F0;vertical-align: middle;}
.agreement_intent_popup table th sup {color:#F14943;vertical-align:1px;}
.agreement_intent_popup table td {padding:10px;border: 1px solid #F0F0F0;color:#333D4B;font-weight:400;font-size:14px;line-height:1.4;vertical-align:middle;}
.agreement_intent_popup .popup_btn {display:flex;}
.agreement_intent_popup .popup_btn > * {width:100%;height:54px;line-height:54px;font-size:16px;font-weight:400;}
.agreement_intent_popup .popup_btn .btn_primary {background-color:#583BD4;color:#fff;}
.agreement_intent_popup .popup_btn .btn_white {border-top:1px solid #F0F0F0;}