@charset "utf-8"; /**************************************************************************************************************** 000. common : 화면 ID 100. entry : 화면 ID 200. My Account : 화면 ID 300. Earn : 화면 ID 400. Borrow : 화면 ID 500. Settings : 화면 ID ****************************************************************************************************************/ /* 000. common : CM0001001-01, Terms and Conditions */ [data-modal-value="CM0001001-01"] {height:auto;padding-top:80px;} [data-modal-value="CM0001001-01"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} /* 000. common : CM0001001-02, Terms and Conditions KR */ [data-modal-value="CM0001001-02"] {height:auto;padding-top:80px;} [data-modal-value="CM0001001-02"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} /* 000. common : CM0001001-03, Terms and ConditionsEN */ [data-modal-value="CM0001001-03"] {height:auto;padding-top:80px;} [data-modal-value="CM0001001-03"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} /* 000. common : CM0002001-01, Privacy Policy */ [data-modal-value="CM0002001-01"] {height:auto;padding-top:80px;} [data-modal-value="CM0002001-01"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} /* 000. common : CM0002001-02, Privacy Policy KR */ [data-modal-value="CM0002001-02"] {height:auto;padding-top:80px;} [data-modal-value="CM0002001-02"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} /* 000. common : CM0002001-03, Privacy Policy EN */ [data-modal-value="CM0002001-03"] {height:auto;padding-top:80px;} [data-modal-value="CM0002001-03"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} [data-modal-value="CM0002001-03"] .terms-medium-tit {font-size:18px;margin-top:50px;} [data-modal-value="CM0002001-03"] .terms-small-tit {font-size:16px;} [data-modal-value="CM0002001-03"] .terms-section .terms-default-txt b {text-decoration:none;} /* 000. common : CM0003001-01, Flexible terms and conditions */ [data-modal-value="CM0003001-01"] {height:auto;padding-top:80px;} [data-modal-value="CM0003001-01"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} /* 000. common : CM0004001-02, Indemnification Policy KR */ [data-modal-value="CM0004001-02"] {height:auto;padding-top:80px;} [data-modal-value="CM0004001-02"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));} /* 000. common : CM0300011-01, 2FA Mobile 활성화 확인 */ [data-modal-value="CM0300011-01"] {} [data-modal-value="CM0300011-01"] .layerPop-default-txt + .layerPop-default-txt {margin-top:30px;} [data-modal-value="CM0300011-01"] .output-form {font-weight:600;} /* 000. common : CM0300011-02, 2FA Email 활성화 확인 */ [data-modal-value="CM0300011-02"] {} [data-modal-value="CM0300011-02"] .layerPop-default-txt + .layerPop-default-txt {margin-top:30px;} [data-modal-value="CM0300011-02"] .output-form {font-weight:600;} /* 000. common : CM0300013-01, 2FA Mobile 비활성화 확인 */ [data-modal-value="CM0300013-01"] {} [data-modal-value="CM0300013-01"] .layerPop-default-txt + .layerPop-default-txt {margin-top:30px;} [data-modal-value="CM0300013-01"] .output-form {font-weight:600;} /* 000. common : CM0300013-02, 2FA Email 비활성화 확인 */ [data-modal-value="CM0300013-02"] {} [data-modal-value="CM0300013-02"] .layerPop-default-txt + .layerPop-default-txt {margin-top:30px;} [data-modal-value="CM0300013-02"] .output-form {font-weight:600;} /* 100. entry : FR0001001-01, 로그인 */ [data-modal-value="FR0001001-01"] {height:auto;} /* 100. entry : CM0209001-01, 계정 잠김 */ [data-modal-value="CM0209001-01"] {height:auto;} [data-modal-value="CM0209001-01"] .layerPop-contents .figure-area {width:100px;height:100px;} [data-modal-value="CM0209001-01"] .layerPop-default-txt + .layerPop-default-txt {margin-top:0;} [data-modal-value="CM0209001-01"] .layerPop-default-txt:last-of-type {margin-top:40px;} /* 100. entry : FR0002002-01, 회원타입 옵션 */ [data-modal-value="FR0002002-01"] {} [data-modal-value="FR0002002-01"] .layerPop-area {padding-bottom:32px;} [data-modal-value="FR0002002-01"] .options-radio-field {margin-bottom:64px;} /* 100. entry : FR0002002-02, 거주자 옵션 */ [data-modal-value="FR0002002-02"] {} [data-modal-value="FR0002002-02"] .layerPop-area {padding-bottom:32px;} [data-modal-value="FR0002002-02"] .options-radio-field {margin-bottom:64px;} [data-modal-value="FR0002002-02"] .options-function-btn:nth-child(1) .figure-area {margin-top:26px;} /* 100. entry : FR0002005-01, 필수 약관 동의 */ [data-modal-value="FR0002005-01"] {height:auto;} [data-modal-value="FR0002005-01"] .layerPop-area {padding:66px 30px;} [data-modal-value="FR0002005-01"] .main-function-btn {background-color:transparent;border-radius:0;color:#000000;float:right;font-size:12px;height:auto;line-height:1.6;margin-top:-22px;min-width:36px;padding:0 0;text-decoration:underline;} [data-modal-value="FR0002005-01"] .list-wrap {text-align:left;} [data-modal-value="FR0002005-01"] .list-wrap + .list-default-txt {margin-top:5px;text-align:left;font-size:12px;} [data-modal-value="FR0002005-01"] .list-header .checkbox-field .check-label {font-size:14px;} [data-modal-value="FR0002005-01"] .list-article li + li {margin-top:20px;} [data-modal-value="FR0002005-01"] .list-article .checkbox-field {margin-top:0;width:90%;} /* 000. common : CM0103001-01, 선택약관 동의 안내 */ [data-modal-value="CM0103001-01"] {} [data-modal-value="CM0103001-01"] .layerPop-default-txt:first-of-type {margin-bottom:30px;} [data-modal-value="CM0103001-01"] .layerPop-default-txt + .layerPop-default-txt {margin-top:0;} [data-modal-value="CM0103001-01"] .output-form {font-weight:600;} [data-modal-value="CM0103001-01"] [data-form-label="MarketingData"]:before {content:"Date : ";} [data-modal-value="CM0103001-01"] [data-form-label="MarketingTime"]:before {content:"Time : ";} [lang="ko"] [data-modal-value="CM0103001-01"] [data-form-label="MarketingData"]:before {content:"날짜 : ";} [lang="ko"] [data-modal-value="CM0103001-01"] [data-form-label="MarketingTime"]:before {content:"시간 : ";} /* 100. entry : FR0002005-02, Terms and Conditions */ [data-modal-value="FR0002005-02"] {} [data-modal-value="FR0002005-02"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-02"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002005-03, Personal info collection */ [data-modal-value="FR0002005-03"] {} [data-modal-value="FR0002005-03"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-03"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} [data-modal-value="FR0002005-03"] .terms-medium-tit {font-size:20px;} [data-modal-value="FR0002005-03"] .terms-small-tit {font-size:16px;} [data-modal-value="FR0002005-03"] .terms-default-txt {margin-left:0;text-indent:0;} /* 100. entry : FR0002005-04, Outsourcing */ [data-modal-value="FR0002005-04"] {} [data-modal-value="FR0002005-04"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-04"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002005-05, Transfer info */ [data-modal-value="FR0002005-05"] {} [data-modal-value="FR0002005-05"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-05"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} [data-modal-value="FR0002005-05"] .terms-board-article .dashed-list {font-weight:600;} /* 100. entry : FR0002005-06, Marketing */ [data-modal-value="FR0002005-06"] {} [data-modal-value="FR0002005-06"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-06"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002005-07, 개인정보 수집 이용 동의 (본인확인 진행 시) */ [data-modal-value="FR0002005-07"] {} [data-modal-value="FR0002005-07"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-07"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002005-08, 가상자산 투자 유의 사항 */ [data-modal-value="FR0002005-08"] {} [data-modal-value="FR0002005-08"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-08"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002005-09, 고유식별정보 처리 동의 */ [data-modal-value="FR0002005-09"] {} [data-modal-value="FR0002005-09"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="FR0002005-09"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002005-09, 개인지갑 등록 유의사항 안내 (필수) */ [data-modal-value="CM0211007-01"] {} [data-modal-value="CM0211007-01"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="CM0211007-01"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002005-09, 개인정보 수집 및 이용 동의 (필수) */ [data-modal-value="CM0211009-01"] {} [data-modal-value="CM0211009-01"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));padding-bottom:20px;} [data-modal-value="CM0211009-01"] .layerPop-contents {/* max-height:700px; */max-height:inherit;height:700px;} /* 100. entry : FR0002001-01, 개인회원 가입 */ [data-modal-value="FR0002001-01"] {height:auto;} [data-modal-value="FR0002001-01"] [data-field-type="checkbox"] .check-label {display:inline-block;font-size:12px;letter-spacing:-0.2px;text-align:left;} [data-modal-value="FR0002001-01"] .form-toast-txt {top:12px;} /* 100. entry : FR0002003-01, 기업회원 가입 */ [data-modal-value="FR0002003-01"] {height:auto;} [data-modal-value="FR0002003-01"] [data-field-type="checkbox"] .check-label {display:inline-block;font-size:12px;letter-spacing:-0.2px;text-align:left;} [data-modal-value="FR0002003-01"] .form-toast-txt {top:12px;} /* 100. entry : FR0003001-01, 비밀번호 재설정 > 계정 입력 */ [data-modal-value="FR0003001-01"] {} /* 100. entry : CM0101001-02, 비밀번호 재설정 > MFA 타입 */ [data-modal-value="CM0101001-02"] {height:auto;} /* 100. entry : CM0101001-02, 비밀번호 재설정 > 비밀번호 변경 */ [data-modal-value="FR0003003-01"] {} /* 200. My Account : FR0201001-01, My Account Overview */ #FR0201001-01 {} #FR0201001-01 .content-header [class*="-tit"] {float:left;} #FR0201001-01 .content-header .inquiry-field {float:right;width:auto;} #FR0201001-01 [class*="-header"] [data-form-type="USD"] {color:#002ae1;} #FR0201001-01 [class*="-header"] [data-form-type="USD"]:before {color:#002ae1;} /* Override .inquiry-field [data-form-type="select"]{width:200px} — KRW BTC (~94,050,000원) needs room. */ #FR0201001-01 .inquiry-field [data-form-type="select"][data-select-label="marketPrice"] { width:340px;position:relative; } #FR0201001-01 .inquiry-field [data-select-offset="top"] .option-area {top:44px;} #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] .option-area { left:auto;right:0;width:340px;min-width:340px;max-height:360px; overflow-x:hidden;overflow-y:auto;box-sizing:border-box; } #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] .option-function-btn, #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] .select-function-btn { display:flex;align-items:center;justify-content:space-between;gap:8px; white-space:nowrap;box-sizing:border-box; } #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] .option-function-btn { min-height:36px;line-height:36px;padding:0 14px; } #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] .select-function-btn { width:100%;padding:0 40px 0 12px !important;overflow:hidden; } /* Beat global [class*="-form"]{width:100%} so token+price stay on one row. */ #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="token"], #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="usdtPrice"], #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="krwPrice"] { display:inline-block;flex:0 0 auto;width:auto !important;max-width:none;min-width:0; } #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="token"]:after { content:'=';display:inline-block;margin:0 5px;vertical-align:middle; } /* STORY-078: no $ prefix on USDT market price */ #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="usdtPrice"]:before {content:none;} #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="usdtPrice"], #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="krwPrice"] { margin-left:auto;text-align:right;font-size:13px; } #FR0201001-01 .inquiry-field [data-select-label="marketPrice"] [data-form-label="krwPrice"]:after {content:'원';} .usdt-amt__frac {font-size:0.8em;opacity:0.55;font-weight:500;} .usdt-amt__unit {font-size:0.92em;font-weight:500;opacity:0.85;margin-left:2px;} #FR0201001-01 .usdt-amt__frac, #FR0201001-01 .overview-summary-cards .output-form .usdt-amt__frac, #FR0201001-01 .chart-header .output-form .usdt-amt__frac, #FR0201001-01 [data-board-label="available"] .usdt-amt__frac { font-size:0.72em;font-weight:500;opacity:0.5;color:#6b7280; } #FR0201001-01 .usdt-amt__unit { font-size:0.55em;font-weight:500;opacity:0.7;color:#6b7280;margin-left:4px; } .overview-sticky-bar { position:sticky;top:0;z-index:40; background:linear-gradient(90deg,#1D2FBE,#2B3FD6); color:#ffffff; } .overview-sticky-bar[hidden] {display:none !important;} .overview-sticky-bar__inner { display:flex;align-items:center;justify-content:space-between;gap:16px; width:100%;max-width:var(--container-max);margin:0 auto; padding:12px var(--page-gutter);box-sizing:border-box; } .overview-sticky-bar__message { display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto; } .overview-sticky-bar__badge { flex-shrink:0;font-size:11px;font-weight:600;color:#1D2FBE;background:#8CE8C3; padding:2px 9px;border-radius:999px;line-height:1.4;white-space:nowrap; } .overview-sticky-bar__text { font-size:13.5px;line-height:1.4;margin:0;color:#ffffff; } .overview-sticky-bar__text strong {font-weight:600;} .overview-sticky-bar__sub {color:#9DB1FF;font-size:12px;} .overview-sticky-bar__actions {display:flex;align-items:center;gap:14px;flex-shrink:0;} .overview-sticky-bar__cta { display:inline-block;font-size:12px;font-weight:600;color:#ffffff; background:rgba(255,255,255,0.18);padding:5px 14px;border-radius:999px;text-decoration:none; } .overview-sticky-bar__close { background:transparent;border:none;color:#9DB1FF;font-size:18px;line-height:1;cursor:pointer;padding:0 4px; } /* Keep nav + dropdowns above page content; sticky so open menus stay reachable while scrolling */ .default-header { position:sticky;top:0;z-index:39; background-color:#ffffff; } body:has(#overview-sticky-bar:not([hidden])) .default-header { top:var(--overview-sticky-offset, 52px); } .default-header [data-menu-depth="2"] {z-index:40;} /* Toasts are appended to body; keep them above and below the sticky banner + header instead of hidden behind them */ body > .form-toast-txt {z-index:45;} body:has(#overview-sticky-bar:not([hidden])) > .form-toast-txt {top:calc(var(--overview-sticky-offset, 52px) + 80px);} /* Closed flyouts must not intercept clicks on page titles / back links */ .default-header [data-toggle-style="hover"] [data-toggle-type="contents"] {pointer-events:none;} .default-header [data-toggle-style="hover"] [data-toggle-type="list"]:hover [data-toggle-type="contents"] {pointer-events:auto;} .default-header .utility-wrap [data-toggle-type="contents"] {pointer-events:none;} .default-header .utility-wrap [data-toggle-type="list"]:hover [data-toggle-type="contents"] {pointer-events:auto;} /* Header row as flex: fixed side padding on .menu-nav wrapped the menu below ~1000px */ .default-header > .container {display:flex;align-items:stretch;height:70px;} .default-header .logo-default-tit {position:static;flex:0 0 auto;align-self:center;margin-right:105px;} .default-header .menu-nav {flex:1 1 auto;min-width:0;padding-left:0;padding-right:0;white-space:nowrap;} .default-header .menu-nav [data-menu-depth="1"] > li {float:none;display:inline-block;} .default-header .utility-wrap {position:static;flex:0 0 auto;margin-left:16px;white-space:nowrap;} .default-header .utility-wrap > :last-child {margin-right:0;} @media screen and (min-width:751px) and (max-width:1023px) { .default-header .logo-default-tit {margin-right:32px;} .default-header [data-menu-depth="1"] > li > .menu-link-btn {padding:22px 16px;min-width:0;} .default-header .utility-wrap .userInfo-open-btn {max-width:110px;} .default-header .utility-wrap .userInfo-wrap, .default-header .utility-wrap .langInfo-wrap {margin-right:6px;} .default-header .utility-wrap .langInfo-wrap:after {margin-left:8px;} } /* Back title stays in normal content stacking — open nav flyouts (header z-index) sit above it */ #FR0201001-01 .overview-summary-cards { display:flex;gap:16px;margin:20px 0 0;overflow:visible;float:none; } #FR0201001-01 .overview-summary-cards > li { float:none;width:auto;flex:1 1 0;margin:0;min-width:0; } #FR0201001-01 .overview-summary-cards .balance-article { /* Override global .balance-article{height:320px} — content is title+value+caption only. */ height:auto;min-height:0;align-content:flex-start;justify-content:flex-start; background:#ffffff;border:1px solid #e8ecf8;border-radius:12px;padding:14px 16px;text-align:left; } #FR0201001-01 .overview-summary-cards .balance-small-tit {display:block;font-size:12px;color:#6b7280;font-weight:500;margin:0;} #FR0201001-01 .overview-summary-cards .output-form {display:block;font-size:18px;font-weight:600;margin-top:6px;color:#111827;line-height:1.25;} #FR0201001-01 .overview-card-caption {font-size:11px;color:#9ca3af;margin-top:6px;line-height:1.4;} #FR0201001-01 .overview-hero-caption { position:relative;z-index:2; display:inline-block;max-width:100%; font-size:12px;color:#6b7280;margin:8px 0 0;line-height:1.4;font-weight:400; /* Keep caption readable when the sparkline fill peeks under the absolute header */ padding:2px 10px 2px 0; background:linear-gradient(90deg, rgba(255,255,255,0.96) 72%, rgba(255,255,255,0)); text-shadow:0 1px 0 #fff, 0 0 6px #fff; } #FR0201001-01 .overview-balance-header { display:flex;align-items:center;justify-content:space-between;gap:12px; background:transparent;padding:0;height:auto;text-align:left; } #FR0201001-01 .overview-balance-header .board-large-tit { font-size:16px;font-weight:600;margin:0;line-height:1.3; } #FR0201001-01 .overview-balance-header .board-large-tit .output-form { display:inline;font-size:inherit;font-weight:inherit;margin:0;color:inherit; } #FR0201001-01 .overview-section-link { flex-shrink:0;font-size:13px;font-weight:500;color:#3B5BDB;text-decoration:none;white-space:nowrap; background:none;height:auto;width:auto;padding:0;line-height:1.3; } #FR0201001-01 .overview-section-link:hover {color:#1D2FBE;text-decoration:underline;} #FR0201001-01 .overview-unit {font-size:11px;color:#9ca3af;font-weight:500;margin-left:2px;} #FR0201001-01 .chart-section:nth-of-type(1) { align-content:flex-end;flex-direction:inherit;height:260px;overflow:hidden; } /* The floated price selector in .content-header must not narrow the card on mobile */ #FR0201001-01 .chart-section {clear:both;} @media screen and (max-width:750px) { #FR0201001-01 .chart-section:nth-of-type(1) {margin-top:12px;} } #FR0201001-01 .chart-section:nth-of-type(1) .chart-header { position:absolute;left:24px;top:18px;z-index:2;max-width:calc(100% - 48px); } #FR0201001-01 .chart-section:nth-of-type(1) .chart-header .output-form {font-size:32px;font-weight:600;line-height:1.2;} /* Extra top inset so the sparkline clears title + amount + hero caption */ #FR0201001-01 .chart-section:nth-of-type(1) .line-chart {margin-top:112px;height:calc(100% - 112px) !important;} #FR0201001-01 .chart-section .progress-area {font-size:16px;text-align:right;} #FR0201001-01 .chart-section .progress-area .progress-small-tit {float:left;font-weight:600;} #FR0201001-01 .chart-section .progress-area .progress-bar {margin-top:15px;} #FR0201001-01 [data-wrap-type="accountBalance"].noData {background:url('/front/images/temp/@img-overview-ex.png') no-repeat center center;background-size:cover;overflow:hidden;} #FR0201001-01 [data-wrap-type="accountBalance"].noData .chart-default-txt {background-color:rgba(0, 0, 0, 0.5);color:#ffffff;padding-top:120px;font-size:20px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;} #FR0201001-01 [data-wrap-type="accountBalance"].noData [class*="-header"] {z-index:1;} #FR0201001-01 [data-board-label="available"] .board-article {overflow-x:auto;-webkit-overflow-scrolling:touch;} #FR0201001-01 [data-board-label="available"] .default-table {min-width:860px;table-layout:fixed;width:100%;} #FR0201001-01 [data-board-label="available"] .table-to-card .default-table {min-width:860px;} @media screen and (max-width:750px) { /* --bp-sm — card mode: drop wide min-width */ #FR0201001-01 [data-board-label="available"] .board-article {overflow-x:visible;} #FR0201001-01 [data-board-label="available"] .default-table, #FR0201001-01 [data-board-label="available"] .table-to-card .default-table { min-width:0 !important;width:100%;table-layout:auto; } #FR0201001-01 [data-board-label="available"] .table-to-card [data-column-value="2"] [class*="link-btn"], #FR0201001-01 [data-board-label="available"] .table-to-card [data-column-value="2"] [class*="function-btn"] { flex:1 1 calc(50% - 4px);min-width:0;padding:10px 12px; } #FR0201001-01 [data-board-label="available"] .table-to-card td [class*="link-btn"], #FR0201001-01 [data-board-label="available"] .table-to-card td [class*="function-btn"] {min-height:40px;} } #FR0201001-01 [data-board-label="available"] .default-table td {height:auto;min-height:72px;padding:16px 10px;} #FR0201001-01 .board-article td:not([data-column-value]) [class*="link-btn"], #FR0201001-01 .board-article td:not([data-column-value]) [class*="function-btn"] {width:auto;} #FR0201001-01 .board-article [data-column-value="2"] { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; padding:12px 8px; } #FR0201001-01 .board-article [data-column-value="2"] [class*="link-btn"], #FR0201001-01 .board-article [data-column-value="2"] [class*="function-btn"] { flex:0 1 auto; font-size:14px; min-width:96px; padding:0 14px; width:auto; } #FR0201001-01 [data-board-label="available"] { background-color:#ffffff;border:1px solid #e8ecf8;border-radius:12px; padding:20px 24px;margin-top:20px; } #FR0201001-01 [data-board-label="available"] .board-header {text-align:left;} #FR0201001-01 [data-board-label="available"] .board-article th:first-child, #FR0201001-01 [data-board-label="available"] .board-article td:first-child {text-align:left;} #FR0201001-01 [data-board-label="available"] .board-article th:nth-child(2), #FR0201001-01 [data-board-label="available"] .board-article th:nth-child(3) {text-align:right;} #FR0201001-01 [data-board-label="available"] .board-article th:last-child, #FR0201001-01 [data-board-label="available"] .board-article td:last-child {text-align:right;} #FR0201001-01 [data-board-label="available"] .board-article [data-column-value="2"] { justify-content:flex-end; } /* Override global .board-article [data-form-type="token"]{margin:0 auto} centering */ #FR0201001-01 [data-board-label="available"] .board-article [data-form-type="token"] { margin:0;width:auto;text-align:left;white-space:nowrap; } @media screen and (max-width: 900px) { #FR0201001-01 .overview-summary-cards {flex-direction:column;} } @media screen and (max-width:750px) { /* --bp-sm — .app-main-header is fixed 60px */ .overview-sticky-bar {top:60px;} .overview-sticky-bar__inner {flex-direction:row;align-items:center;gap:10px;padding-top:10px;padding-bottom:10px;} .overview-sticky-bar__badge {display:none;} .overview-sticky-bar__text {font-size:12.5px;} .overview-sticky-bar__actions {gap:8px;} } /* 200. My Account : CM0303001-01 : IE에서 접속 시 최적화 안내 팝업 */ [data-modal-value="CM0303001-01"] {} [data-modal-value="CM0303001-01"] .layerPop-medium-tit {margin:0 0 40px;} [data-modal-value="CM0303001-01"] .layerPop-default-txt + .layerPop-default-txt {margin-top:10px;} [data-modal-value="CM0303001-01"] .layerPop-link-btn {color:#002ae1;margin-top:40px;text-decoration:underline;} /* 200. My Account : FR0202001-01, My assets */ #FR0202001-01 {} #FR0202001-01 .board-article td:not([data-column-value]) [class*="link-btn"], #FR0202001-01 .board-article td:not([data-column-value]) [class*="function-btn"] {width:100%;} #FR0202001-01 .board-article [data-column-value] [class*="link-btn"], #FR0202001-01 .board-article [data-column-value] [class*="function-btn"] {min-width: 108px;} #FR0202001-01 .wallet-summary {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;margin:0 0 24px;} #FR0202001-01 .wallet-summary-card {min-width:0;padding:20px 24px;border-radius:12px;background:#ffffff;border:1px solid #e2e4ee;box-shadow:0 8px 20px rgba(15,23,42,0.04);} #FR0202001-01 .wallet-summary-label {margin:0;color:#6b7280;font-size:13px;font-weight:500;} #FR0202001-01 .wallet-summary-value {margin:8px 0 0;color:#1a1a2e;font-size:28px;font-weight:600;line-height:1.3;word-break:break-all;} #FR0202001-01 .wallet-summary-value [data-form-type="KRW"]:after {margin-left:4px;color:#6b7280;font-size:0.7em;font-weight:500;} #FR0202001-01 .wallet-summary-value [data-form-type="USD"]:before {color:#6b7280;font-size:0.8em;font-weight:500;} #FR0202001-01 .wallet-summary-caption {margin:6px 0 0;color:#9ca3af;font-size:12px;} #FR0202001-01 .wallet-mix-bar {display:flex;height:10px;margin:16px 0 14px;border-radius:999px;overflow:hidden;background:#eef0f5;} #FR0202001-01 .wallet-mix-bar > span {display:block;height:100%;min-width:2px;} #FR0202001-01 .wallet-mix-legend {display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;} #FR0202001-01 .wallet-mix-legend li {display:flex;align-items:center;gap:6px;color:#374151;font-size:13px;} #FR0202001-01 .wallet-mix-legend .wallet-mix-empty {color:#9ca3af;} #FR0202001-01 .wallet-mix-dot {flex:0 0 auto;width:8px;height:8px;border-radius:50%;} #FR0202001-01 .wallet-mix-coin {font-weight:600;} #FR0202001-01 .wallet-mix-per {color:#6b7280;} #FR0202001-01 .wallet-asset-table th.is-num, #FR0202001-01 .wallet-asset-table td.is-num {text-align:right;} #FR0202001-01 .wallet-asset-table td {height:auto;padding:16px 12px;} #FR0202001-01 .wallet-asset-table th:first-child, #FR0202001-01 .wallet-asset-table td:first-child {padding-left:24px;text-align:left;} #FR0202001-01 .wallet-summary + .board-section {margin-top:0;} #FR0201001-01 .qty-stack, #FR0202001-01 .qty-stack {display:flex;flex-direction:column;align-items:flex-end;gap:2px;width:100%;} #FR0201001-01 .qty-pending, #FR0202001-01 .qty-pending {color:#8a90a2;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;} #FR0202001-01 .wallet-asset-table [data-form-type="token"] {margin:0;width:auto;} #FR0202001-01 .wallet-asset-table [data-form-type="crypto"] {color:#1a1a2e;font-weight:600;} #FR0202001-01 .wallet-zero-collapse {margin:16px 0 32px;padding:14px 18px;border-radius:12px;background:#ffffff;border:1px solid #e2e4ee;} #FR0202001-01 .wallet-zero-collapse__head {display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;color:#5a5a70;font-size:14px;font-weight:500;text-align:left;cursor:pointer;} #FR0202001-01 .wallet-zero-collapse__toggle {flex-shrink:0;margin-left:12px;color:#002ae1;font-size:13px;} #FR0202001-01 .wallet-zero-collapse__caption {margin:6px 0 0;color:#9ca3af;font-size:12px;line-height:1.5;} #FR0202001-01 .wallet-zero-collapse__body {margin-top:12px;} @media screen and (max-width:750px) { #FR0202001-01 .wallet-summary {grid-template-columns:1fr;} #FR0202001-01 .wallet-summary-card {padding:18px 20px;} #FR0202001-01 .wallet-summary-value {font-size:24px;} #FR0202001-01 .wallet-asset-table, #FR0202001-01 .wallet-asset-table tbody {display:block;width:100%;border:0;} #FR0202001-01 .wallet-asset-table colgroup, #FR0202001-01 .wallet-asset-table thead {display:none;} #FR0202001-01 .wallet-asset-table tbody tr {display:block;margin:0 0 12px;padding:4px 16px;border:1px solid #e2e4ee;border-radius:12px;background:#ffffff;} #FR0202001-01 .wallet-asset-table tbody td {display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;padding:12px 0;border:0;border-bottom:1px solid #f1f2f6;text-align:right;} #FR0202001-01 .wallet-asset-table tbody td:first-child {padding-left:0;} #FR0202001-01 .wallet-asset-table tbody td:last-child {border-bottom:0;} #FR0202001-01 .wallet-asset-table tbody td[data-label]:before {content:attr(data-label);flex:0 0 auto;color:#6b7280;font-size:13px;font-weight:500;} #FR0202001-01 .wallet-asset-table tbody td.board-noDate-area:before {content:none;} #FR0202001-01 .board-article .wallet-asset-table td[data-column-value="2"] {gap:8px;padding:14px 0;} #FR0202001-01 .board-article .wallet-asset-table td [class*="link-btn"], #FR0202001-01 .board-article .wallet-asset-table td [class*="function-btn"] {flex:1 1 0;min-width:0;margin:0;text-align:center;} #FR0202001-01 .wallet-zero-collapse {margin-bottom:24px;} #FR0202001-01 .wallet-zero-collapse .board-article {margin:0;} } /* 200. My Account : FR0202003-01, Deposit 입금 */ #FR0202003-01 {padding-top:90px;} #FR0202003-01 .products-summary {background-color:#002ae1;padding:40px 380px 40px 256px;position:relative;min-height:440px;} #FR0202003-01 .products-summary .article-large-tit {position:absolute;top:40px;left:56px;} #FR0202003-01 .products-summary .figure-article {position:absolute;top:50%;right:110px;transform:translateY(-50%);text-align:center;} #FR0202003-01 .deposit-field {border-right:1px dashed #ffffff;padding-right:46px;} #FR0202003-01 .deposit-field .general-function-btn {width:100%;height:56px;line-height:56px;} #FR0202003-01 .board-section [data-offset="left"] {margin-top:6px;} /* STORY-078 additive: network card + risk banner on original layout */ #FR0202003-01 .deposit-network-label {display:block;margin-top:18px;} #FR0202003-01 .deposit-network-card { display:flex;align-items:center;justify-content:space-between; background:#fff;border:2px solid #8ce8c3;border-radius:10px;padding:10px 14px;margin-bottom:4px; } #FR0202003-01 .deposit-network-card, #FR0202003-01 .deposit-network-card * {color:#1a1a2e;} #FR0202003-01 .deposit-network-card__text { display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;min-width:0; } #FR0202003-01 .deposit-network-card__name {font-size:13px;font-weight:700;} #FR0202003-01 .deposit-network-card__meta {font-size:11px;color:#8a8aa0;font-weight:500;} #FR0202003-01 .deposit-network-card__check { width:16px;height:16px;border-radius:50%;background:#0f9d6e;flex-shrink:0;position:relative; } #FR0202003-01 .deposit-network-card__check:after { content:"";position:absolute;left:4.5px;top:3px;width:5px;height:8px; border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg); } #FR0202003-01 .deposit-risk-banner { display:flex;gap:8px;align-items:flex-start; margin:14px 0 10px;padding:10px 12px;border-radius:8px; background:rgba(255,255,255,0.12);border:1px solid rgba(140,232,195,0.55); font-size:12px;line-height:1.55;color:#fff; } #FR0202003-01 .deposit-risk-banner b {font-weight:700;} #FR0202003-01 .deposit-tag-label {display:block;margin-top:14px;} #FR0202003-01 .deposit-copy-feedback { margin-top:8px;font-size:12px;color:#8ce8c3;display:none; } #FR0202003-01 .products-summary.brand-panel {display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"head head" "field qr";column-gap:40px;row-gap:28px;position:static;min-height:0;padding:40px 44px 44px;border-radius:16px;} #FR0202003-01 .brand-panel .deposit-panel-head {grid-area:head;} #FR0202003-01 .products-summary.brand-panel .article-large-tit {position:static;margin:18px 0 0;} #FR0202003-01 .brand-panel .deposit-field {grid-area:field;min-width:0;padding-right:0;border-right:none;} #FR0202003-01 .brand-panel .form-small-tit {color:rgba(255,255,255,.9);font-size:13px;font-weight:700;} #FR0202003-01 .brand-panel [data-field-type="qrCode"] {grid-area:qr;align-self:start;} #FR0202003-01 .products-summary.brand-panel .figure-article {display:block;position:static;width:auto;margin:0;padding:24px 20px;border-radius:16px;background:#ffffff;transform:none;text-align:center;} #FR0202003-01 .brand-panel .figure-article * {color:#1a1a2e;} #FR0202003-01 .brand-panel .figure-caption {font-size:15px;font-weight:700;} #FR0202003-01 .brand-panel strong.figure-caption:before {filter:invert(1);} #FR0202003-01 .brand-panel .figure-area {display:block;width:180px;max-width:100%;margin:16px auto 0;} #FR0202003-01 .brand-panel .figure-area img {display:block;width:100%;height:auto;} @media screen and (max-width:1023px) { #FR0202003-01 .products-summary.brand-panel {grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "field" "qr";padding:28px 20px 24px;} #FR0202003-01 .brand-panel [data-field-type="qrCode"] {justify-self:center;width:100%;max-width:320px;} } [data-modal-value="CM0203003-01"] .layerPop-default-txt b {font-weight:600;} /* 200. My Account : FR0206005-01, return request 반환 신청 */ #FR0206005-01 {} #FR0206005-01 .gray-bg-box-area {padding:30px 30px;} /* 200. My Account : FR0206003-01, 입금요청 거래소선택 */ #FR0206003-01 {} #FR0206003-01 .gray-bg-box-area {padding:30px 30px;} #FR0206003-01 .gray-bg-box-area .support-link-btn {color:#002ae1;vertical-align:inherit;text-decoration:underline;} #FR0206003-01 .select-field .select-function-btn, #FR0206003-01 .select-field .option-function-btn {height:56px;line-height:56px;} #FR0206003-01 .select-field[data-select-offset="top"] .option-area {top:56px;} #FR0206003-01 .field-list {margin-top:18px;overflow:hidden;} #FR0206003-01 .field-list li {float:left;} #FR0206003-01 .field-list li + li {margin-left:8px;} #FR0206003-01 [data-column-value="2"] li {width:calc(50% - 4px);} #FR0206003-01 .form-default-txt {font-size:12px;margin-top:7px;} /* 200. My Account : FR0202005-01, Withdraw 출금 */ #FR0202005-01 {padding-top:90px;} #FR0202005-01 .products-article > [data-offset="left"] {width:450px;min-height:690px;} #FR0202005-01 .products-article > [data-offset="right"] {width:600px;} #FR0202005-01 .products-article .article-medium-tit {margin-bottom:35px;} #FR0202005-01 .products-summary {background-color:#002ae1;border-radius:8px 0 0 8px;} #FR0202005-01 .products-summary .notice-area li + li {margin-top:10px;} #FR0202005-01 .withdraw-field .default-field[data-offset="right"] {font-size:16px;margin-top:18px;width:auto;} #FR0202005-01 .withdraw-field .default-field[data-offset="right"] .output-form {display:block;text-align:right;} #FR0202005-01 .withdraw-field [data-form-lable="remainingBanance"] {color:#002ae1;font-weight:600;margin-bottom:18px;} #FR0202005-01 .withdraw-field .form-default-txt {font-size:14px;margin-top:7px;} #FR0202005-01 .board-section [data-offset="left"] {margin-top:6px;} [data-modal-value="CM0203005-01"] .layerPop-default-txt b {font-weight:600;} /* 200. My Account : 파란 안내 패널 공통 (입금, 출금 1~3단계, 구 출금) */ .products-summary.brand-panel {padding:40px 36px 44px;box-sizing:border-box;background-image:linear-gradient(160deg,#2b4dff 0%,#002ae1 55%,#001fae 100%);} .brand-panel .brand-panel-badge {display:inline-block;padding:5px 12px;border-radius:999px;background:#e7fbef;color:#0f7a3d;font-size:12px;font-weight:700;line-height:1.4;} .brand-panel .article-large-tit {display:flex;align-items:center;gap:12px;margin-top:18px;font-size:30px;font-weight:700;line-height:1.2;} .brand-panel .article-large-tit [class*="wallet-icon"] {display:inline-block;width:44px;height:44px;border-radius:12px;background-color:rgba(255,255,255,.16);background-repeat:no-repeat;background-position:center;background-size:24px;} .brand-panel .brand-panel-lead {margin-top:12px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.85);} .brand-panel .brand-panel-cards {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;} .brand-panel .brand-panel-cards li {padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);} .brand-panel .brand-panel-cards strong {display:block;font-size:17px;font-weight:700;line-height:1.3;} .brand-panel .brand-panel-cards span {display:block;margin-top:6px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.8);} .brand-panel .notice-area {margin-top:24px;padding:20px;border-radius:12px;background:rgba(255,255,255,.06);} .brand-panel .notice-area .notice-small-tit {display:block;margin-bottom:14px;font-size:15px;font-weight:700;} .brand-panel .brand-panel-checks li {margin-left:0;text-indent:0;position:relative;padding-left:30px;font-size:14px;line-height:1.6;} .brand-panel .brand-panel-checks li + li {margin-top:10px;} .brand-panel .brand-panel-checks li:before {content:'';position:absolute;top:2px;left:0;width:20px;height:20px;border-radius:50%;background:#22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 12px;} /* 200. My Account : FR0207001-01, Withdraw step01 출금 수량 */ #FR0207001-01 {padding-top:90px;} #FR0207001-01 .products-article > [data-offset="left"] {width:450px;min-height:690px;} #FR0207001-01 .products-article > [data-offset="right"] {width:600px;} #FR0207001-01 .products-article .article-medium-tit {margin-bottom:35px;} #FR0207001-01 .products-summary {background-color:#002ae1;border-radius:8px 0 0 8px;} #FR0207001-01 .products-summary .notice-area li + li {margin-top:10px;} #FR0207001-01 .withdraw-field .default-field[data-offset="right"] {font-size:16px;width:auto;margin-top:18px;} #FR0207001-01 .withdraw-field .default-field[data-offset="right"] .output-form {display:block;text-align:right;} #FR0207001-01 .withdraw-field [data-form-label="availableBalance"] [data-form-type="crypto"], #FR0207001-01 .withdraw-field [data-form-lable="remainingBanance"] {color:#002ae1;font-weight:600;} #FR0207001-01 .products-footer .side-submit-btn {width:100%;} /* 200. My Account : FR0207003-01, Withdraw step02 출금 주소 */ #FR0207003-01 {padding-top:90px;} #FR0207003-01 .products-article > [data-offset="left"] {width:450px;min-height:690px;} #FR0207003-01 .products-article > [data-offset="right"] {width:600px;} #FR0207003-01 .products-article .article-medium-tit {margin-bottom:35px;} #FR0207003-01 .products-summary {background-color:#002ae1;border-radius:8px 0 0 8px;} #FR0207003-01 .products-summary .notice-area li + li {margin-top:10px;} #FR0207003-01 .withdraw-under-threshold-hint { margin:0 0 14px;padding:12px 14px;box-sizing:border-box; border:1px solid #d7dff8;border-radius:8px;background:#f4f6fd; font-size:12.5px;line-height:1.45;color:#3a3f5c;text-align:left; } #FR0207003-01 .withdraw-network-hint { margin:8px 0 0;padding:10px 12px;box-sizing:border-box; border:1px solid #f3d9a4;border-radius:8px;background:#fff8ea; font-size:12.5px;line-height:1.5;color:#5c4813;text-align:left; } #FR0207003-01 .withdraw-network-hint b {font-weight:700;color:#3d2f08;} #FR0207003-01 .withdraw-verify-status { display:flex;align-items:center;gap:8px;margin-top:12px; font-size:12.5px;line-height:1.4;color:#1a1a2e; } #FR0207003-01 .withdraw-verify-status.is-wait {color:#5a5a70;} #FR0207003-01 .withdraw-verify-status.is-fail {color:#c62828;} #FR0207003-01 .withdraw-verify-status__spin { width:14px;height:14px;flex-shrink:0;border-radius:50%; border:2px solid #c9cdd8;border-top-color:#002ae1; animation:withdrawVerifySpin 0.8s linear infinite; } @keyframes withdrawVerifySpin {to {transform:rotate(360deg);}} #FR0207003-01 .withdraw-field .radio-field li {display:inline-block;font-size:12px;} #FR0207003-01 .withdraw-field .radio-field li + li {margin-left:12px;} #FR0207003-01 .withdraw-field .radio-field:not(.withdraw-recv-type) .check-label {padding:0 0 0 26px;} #FR0207003-01 .travelRule-field {text-align:left;} #FR0207003-01 .travelRule-field > .form-small-tit[data-offset="left"] {display:block;float:none;width:100%;margin-bottom:10px;text-align:left;} #FR0207003-01 .withdraw-field .radio-field.withdraw-recv-type {display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px;float:none;width:100%;max-width:100%;margin:0 0 14px;text-align:left;} #FR0207003-01 .withdraw-field .radio-field.withdraw-recv-type li {display:block;flex:1 1 0;min-width:0;margin:0 !important;font-size:12px;} #FR0207003-01 .withdraw-recv-type .check-form {position:absolute;opacity:0;pointer-events:none;} #FR0207003-01 .withdraw-recv-type .check-label {display:block;position:relative;width:100%;box-sizing:border-box;padding:14px 12px 14px 34px;border:1px solid #dde2e5;border-radius:8px;background:#ffffff;line-height:1.35;text-align:left;cursor:pointer;} #FR0207003-01 .withdraw-recv-type .check-label:before {content:"";position:absolute;left:12px;top:50%;width:14px;height:14px;margin-top:-7px;border:1px solid #b0b6c0;border-radius:50%;background:#ffffff;box-sizing:border-box;} #FR0207003-01 .withdraw-recv-type .check-label:after, #FR0207003-01 .withdraw-recv-type .check-form[checked="checked"] + .check-label:after, #FR0207003-01 .withdraw-recv-type .check-form:checked + .check-label:after {content:none !important;display:none !important;} #FR0207003-01 .withdraw-recv-type .check-form:checked + .check-label {border-color:#002ae1;background:#f7f9ff;} #FR0207003-01 .withdraw-recv-type .check-form:checked + .check-label:before {border-color:#002ae1;box-shadow:inset 0 0 0 3px #002ae1;} #FR0207003-01 .withdraw-recv-type .recv-type-title {display:block;color:#1a1a2e;font-size:13px;font-weight:600;} /* #FR0207003-01 .withdraw-field .radio-field .check-form[checked="checked"] + .check-label:after, #FR0207003-01 .withdraw-field .radio-field .check-form:checked + .check-label:after {top:9px;} */ #FR0207003-01 .withdraw-field .select-field {margin-top:0;} #FR0207003-01 .withdraw-field .select-function-btn .output-form {font-weight:400;} #FR0207003-01 .withdraw-field .list-article {background-color:transparent;border-radius:0;border-top:1px solid #dde2e5;float:none;padding-top:18px;width:100%;} #FR0207003-01 .withdraw-field .list-article li {padding:0 0;height:auto;} #FR0207003-01 .withdraw-field .checkbox-field {width:90%;} #FR0207003-01 .withdraw-field [data-radio-value="personalWallet"] .output-form {display:block;} #FR0207003-01 .withdraw-field [data-radio-value="personalWallet"] [data-validWallet-lable="nickName"] {font-size:14px;font-weight:600;} #FR0207003-01 .withdraw-field [data-radio-value="personalWallet"] [data-validWallet-lable="address"] {font-size:12px;} #FR0207003-01 .withdraw-field [data-type="tooltip"] {display:inline-block;} #FR0207003-01 .withdraw-field [data-tooltip-style="bottom"] .tooltip-contents {left:calc(50% + 32px);width:250px;} /* 200. My Account : FR0207005-01, Withdraw step03 출금 확인 */ #FR0207005-01 {padding-top:90px;} #FR0207005-01 .products-article > [data-offset="left"] {width:450px;min-height:690px;} #FR0207005-01 .products-article > [data-offset="right"] {width:600px;} #FR0207005-01 .products-article .article-medium-tit {margin-bottom:35px;} #FR0207005-01 .products-summary {background-color:#002ae1;border-radius:8px 0 0 8px;} #FR0207005-01 .products-summary .notice-area li + li {margin-top:10px;} #FR0207005-01 .withdraw-field .list-wrap {background:#FFFFFF;margin-top:0;padding:30px 30px;} #FR0207005-01 .withdraw-field .list-wrap .list-small-tit {color:#5A5A5A;font-size:14px;} #FR0207005-01 .withdraw-field .list-wrap .output-form {display:block;} #FR0207005-01 .withdraw-field .list-wrap [data-form-type="crypto"] {font-size:16px;font-weight:600;} #FR0207005-01 .withdraw-field .list-wrap [data-form-type="KRW"] {} #FR0207005-01 .withdraw-field .list-header {margin-bottom:20px;} #FR0207005-01 .withdraw-field .list-wrap .list-header .list-medium-tit {font-size:16px;text-align:center;} #FR0207005-01 .withdraw-field .list-article {border-top:1px solid #D9D9D9;border-radius:0;float:none;width:100%;} #FR0207005-01 .withdraw-field .list-article li {height:auto;padding:22px 0;} #FR0207005-01 .withdraw-field .list-article li + li {border:none;} /* 200. My Account : FR0202007-01, 출금 수수로 옵션 (BTC) */ [data-modal-value="FR0202007-01"] {} [data-modal-value="FR0202007-01"] .value-radio-field .check-label:after {content:"Sat/B";} [data-modal-value="FR0202007-01"] .default-field:after {content:"Sat/B";} [data-modal-value="FR0202007-01"] li:last-child .list-small-tit, [data-modal-value="FR0202007-01"] li:last-child .list-default-txt:nth-of-type(1) {font-weight:600;} [data-modal-value="FR0202007-01"] li:last-child .list-default-txt:nth-of-type(2), [data-modal-value="FR0202007-01"] .output-form[data-form-type="USD"], [data-modal-value="FR0202007-01"] .output-form[data-form-type="USD"]:before {color:#bdbdbd;} /* 200. My Account : FR0202007-02, 출금 수수로 옵션 (ETH) */ [data-modal-value="FR0202007-02"] {} [data-modal-value="FR0202007-02"] .value-radio-field .check-label:after {content:"Gwei";} [data-modal-value="FR0202007-02"] .default-field:nth-of-type(1):after {content:"Gwei";} [data-modal-value="FR0202007-02"] .default-field:nth-of-type(2):after {content:"Gas";} [data-modal-value="FR0202007-02"] li:last-child .list-small-tit, [data-modal-value="FR0202007-02"] li:last-child .list-default-txt:nth-of-type(1) {font-weight:600;} [data-modal-value="FR0202007-02"] li:last-child .list-default-txt:nth-of-type(2), [data-modal-value="FR0202007-02"] .output-form[data-form-type="USD"], [data-modal-value="FR0202007-02"] .output-form[data-form-type="USD"]:before {color:#bdbdbd;} /* 200. My Account : FR0203003-01, 예치 상품 상세페이지 */ #FR0203003-01 {} #FR0203003-01 .products-summary {background-color:#002ae1;} #FR0203003-01 .products-summary .article-large-tit {float:left;} #FR0203003-01 .products-contents .list-article [data-form-label$="Date"] {display:block;margin-top:-12px;} /* #FR0203003-01 .list-wrap {height:232px;} */ #FR0203003-01 .list-article {height:100%;} #FR0203003-01 .list-article:nth-child(1) li:last-child {display:none;} #FR0203003-01 .list-article:nth-child(2) li:last-child {border-bottom:1px solid #F5F5F5;} /* 계약서 보기 */ [data-modal-value="FR0203005-02"] {} [data-modal-value="FR0203005-02"] .layerPop-area {--modal-cap:var(--modal-max-md);width:min(var(--modal-max-md),calc(100vw - (2 * var(--page-gutter))));height:700px;overflow:hidden;padding:66px 20px;} [data-modal-value="FR0203005-02"] .layerPop-contents {overflow-y:auto;height:575px;} [data-modal-value="FR0203005-02"] .layerPop-contents .signature-section [data-form-style="signature"] {font-family:inherit;} [data-modal-value="FR0203005-02"] .layerPop-contents .contract-section [data-image-type="logo"] {width:130px;height:auto;} [data-modal-value="FR0203005-02"] .layerPop-footer {width:400px;margin:0 auto;padding-top:0;} /* 200. My Account : FR0203007-01, 만기해지 */ [data-modal-value="FR0203007-01"] .list-article li .point-main-color:after {color:#333333;} /* 200. My Account : FR0203007-02, 조기해지 */ [data-modal-value="FR0203007-02"] {} [data-modal-value="FR0203007-02"] .list-article:nth-of-type(2) [data-form-label="todayDate"], [data-modal-value="FR0203007-02"] .list-article:nth-of-type(2) .output-form:not([data-crypto-type="BASIC"]) {color:#ff8787;} [data-modal-value="FR0203007-02"] .list-article:nth-of-type(2) [data-form-label="todayDate"]:after, [data-modal-value="FR0203007-02"] .list-article:nth-of-type(2) .output-form:not([data-crypto-type="BASIC"]):after {color:#333333;} /* 200. My Account : FR0204003-01, 대출 상품 상세페이지 */ #FR0204003-01 {} #FR0204003-01 .products-summary {background-color:#011fa1;} #FR0204003-01 .products-summary .article-large-tit {float:left;} #FR0204003-01 .products-summary .summary-list li {height:128px;} #FR0204003-01 .products-contents .list-article [data-form-label$="Date"] {display:block;margin-top:-12px;} /* #FR0204003-01 .list-wrap {height:290px;} */ #FR0204003-01 .list-article {height:100%;} #FR0204003-01 .list-article:nth-child(1) li:last-child {display:none;} #FR0204003-01 .list-article:nth-child(2) li:last-child {border-bottom:1px solid #F5F5F5;} /* Settled / closed: neutral hero so status reads as finished */ /* 200. My Account : FR0204005-01, 담보추가 */ [data-modal-value="FR0204005-01"] {} /* 200. My Account : FR0204007-01, 만기상환 */ [data-modal-value="FR0204007-01"] {} [data-modal-value="FR0204007-01"] [data-contents-index="Pay with Collateral"] .list-footer .list-default-txt:nth-of-type(2), [data-modal-value="FR0204007-01"] [data-contents-index="Pay with Collateral"] .list-footer .list-default-txt:nth-of-type(2) * {color:#bdbdbd;font-weight:400;} [data-modal-value="FR0204007-01"] .list-article:nth-of-type(2) li:last-child .output-form:after, [data-modal-value="FR0204007-01"] .list-article li .point-main-color:after {color:#333333;} /* 200. My Account : FR0204007-02, 조기상환 */ [data-modal-value="FR0204007-02"] {} [data-modal-value="FR0204007-02"] .list-article:nth-of-type(2) li:last-child .output-form {color:#ff8787;} [data-modal-value="FR0204007-02"] .list-article:nth-of-type(2) li:last-child .output-form:after, [data-modal-value="FR0204007-02"] .list-article li .point-main-color:after {color:#333333;} [data-modal-value="FR0204007-02"] [data-contents-index="Pay with Collateral"] .list-footer .list-default-txt:nth-of-type(2), [data-modal-value="FR0204007-02"] [data-contents-index="Pay with Collateral"] .list-footer .list-default-txt:nth-of-type(2) * {color:#bdbdbd;font-weight:400;} /* Do not use .check-form here — global rule hides it (0×0 + visibility:hidden). */ [data-settle-role][hidden] {display:none !important;} /* 200. My Account : FR0205001-01 Transactions */ #FR0205001-01 {} /* 300. Earn : #FR0301001-01, list */ #FR0301001-01 {} #FR0301001-01 .board-section {margin-top:30px;} /* 탭 영역 숨김처리 */ #FR0301001-01 .tab-wrap {margin-top:30px;} #FR0301001-01 .board-article td > [data-form-type="crypto"] {text-align:center;} #FR0301001-01 .board-article td .progress-area [data-form-type="crypto"]:after {content:'available';} [lang="ko"] #FR0301001-01 .board-article td .progress-area [data-form-type="crypto"]:after {content:'가능';} /* 300. Earn : FR0301003-01, [Step1] Application (신규 가입 폼) */ #FR0301003-01 {} #FR0301003-01 [data-form-label="earnAmount"]:before {content:'Balance : ';} [lang="ko"] #FR0301003-01 [data-form-label="earnAmount"]:before {content:'보유수량 : ';} /* 300. Earn : FR0301004-01, [Step1] Application (요구불 가입 폼) */ #FR0301004-01 {} /* 300. Earn : FR0301005-01, [Step2] Contract (신규 계약서) */ #FR0301005-01 {} #FR0301005-01 .step-article {width:1200px;} #FR0301005-01 .step-footer {margin:0 auto;width:420px;} /* 300. Earn : FR0301005-01, [Step2] Contract (대출연계 계약서) */ #FR0301005-02 {} #FR0301005-02 .step-article {width:1200px;} #FR0301005-02 .step-footer {margin:0 auto;width:420px;} /* 300. Earn : FR0301007-01, [Step3] Review (대출연계 계약서) */ #FR0301007-01 {} #FR0301007-01 .article-medium-tit {text-align:center;font-size:16px;margin-bottom:60px;} #FR0301007-01 .article-medium-tit .output-form {display:block;color:#000000;font-size:28px;font-weight:400;} /* 300. Earn : FR0301009-01, [Step4] Done (신규 상품 가입 완료) */ #FR0301009-01 {} /* 300. Earn : FR0301009-02, [Step4] Done (요구불 상품 가입 완료) */ #FR0301009-02 {} /* 300. Borrow : FR0401001-01, list */ #FR0401001-01 {} #FR0401001-01 .board-section {margin-top:30px;} /* ③ Stats */ /* ④ How */ /* ⑤ Flow */ /* ⑥ Maturity */ /* ⑧ Trust */ /* ⑨ FAQ */ /* ⑩ Final CTA */ /* 400. Borrow : FR0401003-01, [Step1] Application (대출 상품 가입 폼) */ #FR0401003-01 {} /* Pin unit to input height (42px) — not wrap center, so validation lines don't push BTC down. */ /* B4: REJECTED / non-QUOTED — disabled, neutral (no danger red). */ /* 만기 상환액 = 합산 행: semi-bold + darker */ /* 400. Borrow : FR0401005-01, [Step2] Contract (대출 상품 가입 계약서) */ #FR0401005-01 {} #FR0401005-01 .step-article {width:1200px;} #FR0401005-01 .step-footer {margin:0 auto;width:420px;} /* 400. Borrow : FR0401007-01, [Step3] Contract (대출 상품 가입내역 확인) */ #FR0401007-01 {} #FR0401007-01 .article-medium-tit {text-align:center;font-size:16px;margin-bottom:60px;} #FR0401007-01 .article-medium-tit .output-form {display:block;color:#000000;font-size:28px;font-weight:400;} /* 400. Borrow : FR0401009-01, [Step4] Done (대출 상품 가입 완료) */ #FR0401009-01 {} /* * Quote sticky bar (지시문 A §2'/§8' + Step1 publication) — * light surface tone (status), NOT overview promo full-bleed navy. * Publication: ⓘ / no counter. Confirmed: ⏱ / mm:ss. Amber ≤30s only; no blink / red / alarm. */ /* state 2 — imminent */ /* state 3 — favorable refresh */ /* publication G2 notice (soft, not amber urgency) */ /* publication G3 loading */ /* one-shot pulse on refresh (not blink) */ /* legacy id kept for mount target */ /* App UI is light-first; dark tokens are opt-in until global dark theme ships. */ /* 500. Settings : FR1001001-01, Profile 개인 설정 */ #FR1001001-01 {} #FR1001001-01 .list-wrap .list-footer {border-top:none;padding:30px 0 0;text-align:center;} #FR1001001-01 .list-wrap .list-footer [data-btn-label="cancel"] {display:none;} #FR1001001-01 .list-article {border:none;padding:0 0;} #FR1001001-01 .list-article + .list-article {border-top:1px solid #eceff1;margin-top:50px;padding-top:50px;} #FR1001001-01 .list-article .list-medium-tit {font-size:18px;margin-bottom:30px;} #FR1001001-01 .list-article .list-small-tit {width:150px;line-height:42px;} #FR1001001-01 .list-article .form-validation-txt {margin-left:150px;} #FR1001001-01 .list-article .output-form {line-height:42px;} #FR1001001-01 .list-article .select-field + .default-field {display:none;margin-left:150px;margin-top:10px;} #FR1001001-01 .list-article [class*="-field"] {display:none;} #FR1001001-01 .list-article [class*="-field"] .option-area {width:100%;} #FR1001001-01 .list-article [class*="-field"] .option-area li {display:block;width:100%;} #FR1001001-01 .list-article [class*="-field"] .option-area li + li {margin-top:10px;} #FR1001001-01 .flag [data-field-type="flag"] .output-form, #FR1001001-01 .flag [data-field-type="flag"] .select-field + .default-field {display:none;} #FR1001001-01 .flag [data-field-type="flag"] > .default-list, #FR1001001-01 .flag [data-field-type="flag"] .default-list li {overflow: initial;} #FR1001001-01 .flag .list-article [class*="-field"], #FR1001001-01 .flag .list-footer [data-btn-label="cancel"] {display:inline-block;} #FR1001001-01 .nmFirstEn-field .form-validation-txt {margin-left:0;} #FR1001001-01 + #CM0300023-01 {border:none;text-align:center;} #FR1001001-01 + #CM0300023-01:after {display:inline-block;content:"";height:100%;vertical-align:middle;} #FR1001001-01 + #CM0300023-01 #btnFoldWrap {right:calc(50% - 249px);top:calc(50% - 249px);} #FR1001001-01 + #CM0300023-01 > div {border: 1px solid;display:inline-block;vertical-align:middle;} /* #FR1001001-01 + #CM0300023-01 #__daum__layer_1 {width:500px ;height:500px;} */ /* 500. Settings : FR1002001-01, security 유저 보안 페이지 */ #FR1002001-01 {} #FR1002001-01 .verification-list {/* width:340px; */width:230px;} [data-modal-value="CM0300003-03"] .layerPop-area {padding:66px 0;} [data-modal-value="CM0300003-03"] .layerPop-contents {max-height:600px;padding:0 60px;overflow-y:auto;} [data-modal-value="CM0300003-03"] .layerPop-footer {padding:40px 60px 0;} [data-modal-value="CM0300003-03"] .otpAdd-area li:nth-child(2) .list-default-txt {font-size:12px;font-weight:600;} /* 500. Settings : FR1006001-01, Verification Center 인증 센터 : 내국인 */ #FR1006001-01 {} #FR1006001-01 .verification-list {width:190px;} #FR1006001-01 .board-section {margin:50px auto 0;width:840px;} #FR1006001-01 .notice-area {margin:40px auto 0;width:840px;} /* 500. Settings : FR1006003-01, Verification Center 인증 센터 : 외국인 */ #FR1006003-01 {} #FR1006003-01 .verification-list {width:190px;} #FR1006003-01 .board-section {margin:50px auto 0;width:840px;} #FR1006003-01 .notice-area {margin:40px auto 0;width:840px;} /* 500. Settings : FR1006005-01, Customer Verification Process : 고객 계정 추가 안내 */ #FR1006005-01 {} #FR1006005-01 .step-article {width:1200px;} #FR1006005-01 .step-contents {padding:70px 180px;} #FR1006005-01 .step-contents * {text-align:left;} #FR1006005-01 .step-contents .article-small-tit {margin-bottom:10px;} #FR1006005-01 .step-contents .list-wrap {border-bottom:none;margin-top:60px;} #FR1006005-01 .step-contents .list-wrap .list-article {padding-top:60px;} #FR1006005-01 .step-contents .list-wrap .default-list {counter-reset:list-number;margin-top:60px;} /* #FR1006005-01 .step-contents .list-wrap .default-list > li {counter-increment:list-number;} #FR1006005-01 .step-contents .list-wrap .default-list > li:before {content:counter(list-number);display:inline-block;width:10px;} */ #FR1006005-01 .step-contents .list-wrap .default-list > li + li {margin-top:20px;} #FR1006005-01 .step-contents .list-wrap .list-small-tit {float:none;} /* #FR1006005-01 .step-contents .list-wrap .list-default-txt, */ #FR1006005-01 .step-contents .list-wrap .dashed-list {margin-left: 15px;} #FR1006005-01 .step-contents .list-wrap .dashed-list > li {margin-left:0;text-indent:0;} #FR1006005-01 .step-contents .list-wrap .dashed-list + .list-default-txt {margin-top:10px;} #FR1006005-01 .step-footer * {text-align:center;} /* 500. Settings : FR1006007-01, Customer Verification Process : 필수 약관 동의 */ #FR1006007-01 {} #FR1006007-01 .content-header {text-align:center;} #FR1006007-01 .step-article {width:610px;} #FR1006007-01 .step-article [data-column-value="4"] {width:auto;} #FR1006007-01 .step-article [data-column-value="4"]:after {left:130px;right:130px;} #FR1006007-01 .step-contents [class*="-tit"] {font-weight:600;} #FR1006007-01 .step-contents .list-wrap {margin-top:0;} #FR1006007-01 .step-contents .list-wrap .main-function-btn {background-color:transparent;border-radius:0;color:#000000;float:right;font-size:12px;height:auto;line-height:1.6;margin-top:-22px;min-width:36px;padding:0 0;text-decoration:underline;} #FR1006007-01 .step-contents .list-wrap + .list-default-txt {margin-top:5px;text-align:left;font-size:12px;} #FR1006007-01 .step-contents .list-wrap .list-header {margin-top:0;} #FR1006007-01 .step-contents .list-header .checkbox-field {margin-top:0;} #FR1006007-01 .step-contents .list-header .checkbox-field .check-label {font-size:14px;} #FR1006007-01 .step-contents .list-article li + li {margin-top:20px;} #FR1006007-01 .step-contents .list-article .checkbox-field {width:90%;} /* 500. Settings : CM4000001-01, 나이스 인증 완료 팝업 */ [data-modal-value="CM4000001-01"] {background-color:transparent;} [data-modal-value="CM4000001-01"] .layerPop-area {box-shadow:inherit;border:none;width:auto;--modal-cap:var(--modal-max-sm);max-width:min(var(--modal-max-sm),calc(100vw - (2 * var(--page-gutter))));padding:60px 60px;} /* 500. Settings : CM4000001-02, 나이스 인증 중복 팝업 */ [data-modal-value="CM4000001-02"] {background-color:transparent;} [data-modal-value="CM4000001-02"] .layerPop-area {box-shadow:inherit;border:none;width:auto;--modal-cap:var(--modal-max-sm);max-width:min(var(--modal-max-sm),calc(100vw - (2 * var(--page-gutter))));padding:60px 60px;} /* 500. Settings : CM4000001-03, 나이스 인증 중복 팝업 */ [data-modal-value="CM4000001-03"] {background-color:transparent;} [data-modal-value="CM4000001-03"] .layerPop-area {box-shadow:inherit;border:none;width:auto;--modal-cap:var(--modal-max-sm);max-width:min(var(--modal-max-sm),calc(100vw - (2 * var(--page-gutter))));padding:60px 60px;} /* 500. Settings : FR1006009-01, Customer Verification Process : 신분등 인증 진행 안내 */ #FR1006009-01 {padding-top:90px;} #FR1006009-01 .step-article {width:1200px;} #FR1006009-01 .step-article [data-column-value="4"] {width:auto;} #FR1006009-01 .step-article [data-column-value="4"]:after {left:130px;right:130px;} #FR1006009-01 .step-contents {padding:70px 180px;} #FR1006009-01 .step-contents * {text-align:left;} #FR1006009-01 .step-contents .article-medium-tit {font-size:38px;} #FR1006009-01 .step-contents .article-small-tit {font-size:20px;} #FR1006009-01 .step-contents [class*="-txt"] + [class*="-txt"] {margin-top:10px;} #FR1006009-01 .step-contents [class*="-txt"] + .dashed-list {margin-top:10px;} #FR1006009-01 .step-contents [class*="-txt"] + .dashed-list li {font-weight:600;} #FR1006009-01 .step-contents .figure-list {margin:60px 0;} #FR1006009-01 .step-contents .figure-list li {float:left;} #FR1006009-01 .step-contents .figure-list .figure-caption {margin-top:20px;text-align:center;} #FR1006009-01 .step-footer * {text-align:center;} /* 500. Settings : CM0300019-01, Customer Verification Process : 모바일로 검증하기 위한 문자발송 안내 팝업 */ [data-modal-value="CM0300019-01"] {} [data-modal-value="CM0300019-01"] .output-form {font-weight: 600;} /* 500. Settings : FR1006011-01, Customer Verification Process : [모바일] 신분증 등록 */ #FR1006011-01 {} #FR1006011-01 [data-form-type="field"] .check-label {height:64px;line-height:64px;} /* 500. Settings : FR1006013-01, Customer Verification Process : [모바일] 신분증 촬영 */ #FR1006013-01 {} #FR1006013-01 [data-wrap-type="ocr"] {margin-top:30px;} #FR1006013-01 [data-wrap-type="ocr"], #FR1006013-01 [data-wrap-type="ocr"] > * {display:none;} #FR1006013-01 .figureArea {border:1px solid #e0e0e0;border-radius:5px;width:100%;height:230px;overflow:hidden;} #FR1006013-01 .figureArea video {width:100%;height:auto;} #FR1006013-01 .figureArea canvas {width:100%;height:auto;} #FR1006013-01 .content-footer #camera, #FR1006013-01 .content-footer [data-btn-type="takePictureAgain"], #FR1006013-01 .content-footer [data-btn-type="pictureConfirm"], #FR1006013-01 .content-footer [data-btn-type="next"] {display:none;} /* 500. Settings : CM0300021-01, Customer Verification Process : 에러 메세지 팝업 */ [data-modal-value="CM0300021-01"] {} /* 500. Settings : FR1006015-01, Customer Verification Process : [모바일] 1원 계좌인증 */ #FR1006015-01 {} #FR1006015-01 .select-field[data-select-offset="top"] .option-area {top:74px;} #FR1006015-01 [data-btn-label="next"] {cursor:pointer;} /* 500. Settings : FR1006017-01, Customer Verification Process : [모바일] 1원 계좌 인증 코드 */ #FR1006017-01 {} #FR1006017-01 [data-wrap-type="bankInfo"] .general-function-btn {float:right;font-size:12px;height:32px;line-height:32px;padding:0 10px;} #FR1006017-01 [data-wrap-type="bankInfo"] [data-field-type="bankInfo"] {margin-top:20px;} #FR1006017-01 [data-wrap-type="printContent"] {margin-top:30px;} #FR1006017-01 [data-wrap-type="printContent"] .form-default-txt {font-size:14px;} #FR1006017-01 [data-wrap-type="printContent"] .form-default-txt b {font-weight:600;} #FR1006017-01 .gray-box-area {background:#eceff1;margin-top:20px;padding:20px 20px;text-align:left;} #FR1006017-01 .gray-box-area .default-tit {font-size:12px;font-weight:600;} #FR1006017-01 .gray-box-area .code {background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;display:inline-block;line-height:40px;height:40px;width:40px;text-align:center;} #FR1006017-01 .gray-box-area .unit-type-txt {float:right;font-size:22px;font-weight:600;margin-top:-38px;} /* 500. Settings : FR1006019-01, Customer Verification Process : [모바일] 주소 등록 */ /* 500. Settings : CM0300023-01, Customer Verification Process : [모바일] 다음 주소검색 */ #CM0300023-01 {display:none;border:1px solid;padding:5px 5px;} #CM0300023-01 #btnFoldWrap {cursor:pointer;height:20px;position:absolute;right:0px;top:-1px;z-index:1;width:20px;} /* 500. Settings : FR1006021-01, Customer Verification Process : [모바일] 추가 정보 */ #FR1006021-01 {} #FR1006021-01 .step-list .active {width:calc(100% - 150px);} #FR1006021-01 .radio-field li {float:left;} #FR1006021-01 .select-field[data-select-offset="top"] .option-area {top:74px;} /* 500. Settings : FR1006023-01, Customer Verification Process : [모바일] 인증 완료 */ #FR1006023-01 {} #FR1006023-01 .figure-area {margin-bottom:30px;width:50px;} #FR1006023-01 .container {padding:93px 10px;text-align:center;} #FR1006023-01 .step-list li + li {margin-left:40px;} /* 500. Settings : FR1006029-01, Customer Verification Process : 진행 중 페이지 */ #FR1006029-01 {padding-top:60px;} #FR1006029-01 .step-article {width:800px;} #FR1006029-01 .step-article [data-column-value="4"] {width:auto;} #FR1006029-01 .step-article [data-column-value="4"]:after {left:130px;right:130px;} #FR1006029-01 .step-contents {padding:100px 100px;text-align:center;} #FR1006029-01 .step-contents .figure-area {width:200px;height:200px;margin-bottom:50px;} /* 500. Settings : CM0300025-01, Customer Verification Process : 모바일로 검증하기 위한 문자발송 안내 팝업 */ [data-modal-value="CM0300025-01"] {} [data-modal-value="CM0300025-01"] .layerPop-area {padding:66px 54px;} /* 500. Settings : FR1006025-01, Customer Verification Process : 프로세스 완료 */ #FR1006025-01 {padding-top:90px;} #FR1006025-01 .article-small-tit {font-weight:600;margin:20px 0 30px;} #FR1006025-01 .step-article {width:600px;} #FR1006025-01 .step-article [data-column-value="4"] {width:auto;} #FR1006025-01 .step-article [data-column-value="4"]:after {left:130px;right:130px;} #FR1006025-01 .step-contents {text-align:center;} #FR1006025-01 .step-contents .figure-area {width:70px;height:70px;} /* 500. Settings : FR1008001-01, walletAddress > 개인 지갑 주소 관리 */ #FR1008001-01 {} #FR1008001-01 .gray-bg-box-area {text-align:right;} #FR1008001-01 .gray-bg-box-area .article-small-tit {margin-right:20px;} #FR1008001-01 .gray-bg-box-area .article-small-tit, #FR1008001-01 .gray-bg-box-area .article-default-txt {float:left;text-align:left;} #FR1008001-01 .gray-bg-box-area, #FR1008001-01 .board-section {width:972px;margin-left:auto;margin-right:auto;} #FR1008001-01 .board-header[data-offset="left"] {margin-top:6px;} #FR1008001-01 .board-article tbody [data-td-tyle="address"] {text-align:left;} [data-modal-value="CM0300035-01"] .select-field .select-function-btn, [data-modal-value="CM0300035-01"] .select-field .option-function-btn {height:56px;line-height:56px;} /* 500. Settings : FR1008003-01, walletAddress > 개인 지갑 주소 등록 > 지갑 등록 */ #FR1008003-01 {} #FR1008003-01 .article-medium-tit {margin-bottom:0;} #FR1008003-01 .step-article [data-column-value="2"]:after {left:130px;right:130px;} #FR1008003-01 .step-contents {background-color:transparent;border-radius:inherit;box-shadow:inherit;padding:40px 0 0;} #FR1008003-01 .gray-bg-box-area .article-default-txt {margin-top:20px;} #FR1008003-01 [data-form-type="field"] .form-default-txt {font-size:12px;margin-top:7px;} #FR1008003-01 [data-form-type="field"] .main-function-btn {background-color:transparent;border-radius:0;color:#000000;float:right;font-size:12px;height:auto;line-height:1.6;margin-top:-22px;min-width:36px;padding:0 0;text-decoration:underline;} #FR1008003-01 .list-wrap {margin-top:30px;} #FR1008003-01 .list-wrap .list-header .checkbox-field {margin-top:0;} #FR1008003-01 .list-article {padding-bottom:0;} #FR1008003-01 .list-article .checkbox-field {width:90%;text-align:left;} /* 500. Settings : FR1008005-01, walletAddress > 개인 지갑 주소 등록 > 서명 요청 */ #FR1008005-01 {} #FR1008005-01 .article-medium-tit {margin-bottom:0;} #FR1008005-01 .step-article [data-column-value="2"]:after {left:130px;right:130px;} #FR1008005-01 .step-contents {background-color:transparent;border-radius:inherit;box-shadow:inherit;padding:40px 0 0;} #FR1008005-01 .gray-bg-box-area .article-default-txt {margin-top:20px;} /* #FR1008005-01 .gray-bg-box-area .article-small-tit:before {content:'';background-image:url('/front/images/common/icon/icon-tooltip.png');display:block;width:24px;height:24px;margin:0 auto 20px;} */ /* 500. Settings : FR1005001-01, Close Account > 회원 탈퇴 공지 */ #FR1005001-01 {} /* #FR1005001-01 .tab-article {background-color:transparent;border-radius:inherit;box-shadow:inherit;padding:0 0;} */ #FR1005001-01 .article-medium-tit {margin-bottom:0;} #FR1005001-01 .step-contents {background-color:transparent;border-radius:inherit;box-shadow:inherit;} #FR1005001-01 .step-contents .default-list {margin-top:20px;} /* 500. Settings : FR1005003-01, Close Account > 체크리스트 확인 */ #FR1005003-01 {} /* #FR1005003-01 .tab-article {background-color:transparent;border-radius:inherit;box-shadow:inherit;padding:0 0;} */ #FR1005003-01 .article-medium-tit {margin-bottom:0;} #FR1005003-01 .step-contents {background-color:transparent;border-radius:inherit;box-shadow:inherit;} #FR1005003-01 .list-article {padding:0 0;border:none;} #FR1005003-01 .list-article .form-validation-txt .link-btn {text-decoration:underline;vertical-align:inherit;} /* 500. Settings : FR1005005-01, Close Account > 2FA 인증 확인 */ #FR1005005-01 {} /* #FR1005005-01 .tab-article {background-color:transparent;border-radius:inherit;box-shadow:inherit;padding:0 0;} */ #FR1005005-01 .article-medium-tit {margin-bottom:0;} #FR1005005-01 .step-contents {background-color:transparent;border-radius:inherit;box-shadow:inherit;} #FR1005005-01 .article-small-tit {color:#eb5757;} #FR1005005-01 .step-contents .figure-area {width:24px;height:24px;} /* 500. Settings : FR1005007-01, Close Account > 회원 탈퇴 완료 */ #FR1005007-01 {} /* #FR1005007-01 .tab-article {background-color:transparent;border-radius:inherit;box-shadow:inherit;padding:0 0;} */ #FR1005007-01 .article-medium-tit {margin-bottom:0;} #FR1005007-01 .step-contents {background-color:transparent;border-radius:inherit;box-shadow:inherit;} /* 600. error : CM0400007-01, 500 */ [data-modal-value="CM0400007-01"] {padding:0 0;} [data-modal-value="CM0400007-01"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:700px;padding:200px 66px;} [data-modal-value="CM0400007-01"] .layerPop-area * {font-size:18px;} [data-modal-value="CM0400007-01"] .layerPop-medium-tit {font-weight:600;font-size:26px;margin-top:0;} /* 600. error : CM0400013-01, 503 */ [data-modal-value="CM0400013-01"] {padding:0 0;} [data-modal-value="CM0400013-01"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:700px;padding:200px 66px;} [data-modal-value="CM0400013-01"] .layerPop-area * {font-size:18px;} [data-modal-value="CM0400013-01"] .layerPop-medium-tit {font-weight:600;font-size:26px;margin-top:0;} /* 600. error : CM0400009-01, 404 */ [data-modal-value="CM0400009-01"] {padding:0 0;} [data-modal-value="CM0400009-01"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:700px;padding:200px 66px;} [data-modal-value="CM0400009-01"] .layerPop-area * {font-size:18px;} [data-modal-value="CM0400009-01"] .layerPop-medium-tit {font-weight:600;font-size:26px;margin-top:0;} /* 600. error : CM0400011-01, 403 */ [data-modal-value="CM0400011-01"] {padding:0 0;} [data-modal-value="CM0400011-01"] .layerPop-area {--modal-cap:var(--modal-max-lg);width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:700px;padding:200px 66px;} [data-modal-value="CM0400011-01"] .layerPop-area * {font-size:18px;} [data-modal-value="CM0400011-01"] .layerPop-medium-tit {font-weight:600;font-size:26px;margin-top:0;} /* 700. swap : FR0501001-01, swap */ #FR0501001-01 {} #FR0501001-01 .swap-article .article-medium-tit {margin-bottom:35px;} /* guide */ #guide {} #guide .default-table {border:1px solid #eceff1;} #guide .default-table tr:hover {background-color:transparent;} #guide .default-table th, #guide .default-table td {border-left:1px solid #eceff1;padding:20px 10px;height:auto;} #guide .default-table td:last-child {text-align:left;} #guide .default-table .board-small-tit {display:block;font-weight:600;margin-bottom:20px;} #guide ul ul {margin-left:20px;} #guide .menu-nav [data-menu-depth="2"] {width:100%;} #guide [data-layout-type="directory"] a {text-decoration:underline;} #guide [data-layout-type="guideRoleInfo"] {} #guide [data-layout-type="guideRoleInfo"] .default-table td {text-align:left;} #guide [data-layout-type="guideRoleInfo"] a {text-decoration:underline;} /*************************************************************************** [PC 중간 사이즈 분기] - 1280 x 1024 ***************************************************************************/ @media screen and (max-width:1279px) { /* 600. error : CM0400007-01, 500 */ [data-modal-value="CM0400007-01"] {padding:0 15px;} [data-modal-value="CM0400007-01"] .layerPop-area {width:auto;min-width:0;max-width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:450px;padding:60px 20px;} [data-modal-value="CM0400007-01"][data-modal-key="page"] {min-height:auto;} /* 600. error : CM0400013-01, 503 */ [data-modal-value="CM0400013-01"] {padding:0 15px;} [data-modal-value="CM0400013-01"] .layerPop-area {width:auto;min-width:0;max-width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:450px;padding:60px 20px;} [data-modal-value="CM0400013-01"][data-modal-key="page"] {min-height:auto;} /* 600. error : CM0400009-01, 404 */ [data-modal-value="CM0400009-01"] {padding:0 15px;} [data-modal-value="CM0400009-01"] .layerPop-area {width:auto;min-width:0;max-width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:450px;padding:60px 20px;} [data-modal-value="CM0400009-01"][data-modal-key="page"] {min-height:auto;} /* 600. error : CM0400011-01, 403 */ [data-modal-value="CM0400011-01"] {padding:0 15px;} [data-modal-value="CM0400011-01"] .layerPop-area {width:auto;min-width:0;max-width:min(var(--modal-max-lg),calc(100vw - (2 * var(--page-gutter))));height:450px;padding:60px 20px;} [data-modal-value="CM0400011-01"][data-modal-key="page"] {min-height:auto;} } @media screen and (max-width: 750px) { #FR1006001-01 .board-section, #FR1006001-01 .notice-area {width: 100%; padding-right: 10px; padding-left: 10px;} #FR1008001-01 .gray-bg-box-area, #FR1008001-01 .board-section {width: 100%;} #FR1008001-01 .board-section {padding-left: 10px;padding-right: 10px;} #FR1006009-01 .step-article {width:100%;} #FR1006009-01 .step-contents {padding:10px 20px;} #FR1006029-01 .step-article {width:100%;} #FR1006029-01 .step-contents {padding: 10px;} #FR1006025-01 .step-article {width:100%;} #FR0202003-01 .products-summary {display:flex;flex-direction:column;padding:4px;} #FR0202003-01 .products-summary .article-large-tit {position: static;top: 0;left: 0;justify-items: center;margin-top: 20px;} #FR0202003-01 .products-summary .figure-article {position:static;top:0;right:0;transform: translateY(0%);display: flex;justify-self: center;flex-direction: column;margin-top: 20px;} #FR0202003-01 .deposit-field {border-right:none;padding-right:0;} #FR0207001-01 .products-article > [data-offset="left"] {width:100%;min-height:auto;} #FR0207001-01 .products-article > [data-offset="right"] {width:100%;} #FR0207003-01 .products-article > [data-offset="left"] {width:100%;min-height:auto;} #FR0207003-01 .products-article > [data-offset="right"] {width:100%;} #FR0207005-01 .products-article > [data-offset="left"] {width:100%;min-height:auto;} #FR0207005-01 .products-article > [data-offset="right"] {width:100%;} #FR0207001-01 .products-summary {border-radius:8px;} .products-summary.brand-panel {padding:28px 20px 24px;} .brand-panel .article-large-tit {font-size:26px;} .brand-panel .brand-panel-cards li {padding:14px;} #FR1008003-01 .step-contents {padding:40px 10px;} #FR1008003-01 .list-article .checkbox-field {width:80%;} } /*************************************************************************** [태블릿·좁은 PC 분기] 751 ~ 1199 데스크톱 고정 여백·최소 폭이 남는 폭보다 커서 잘리던 곳만 유동 폭으로 ***************************************************************************/ @media screen and (min-width:751px) and (max-width:1199px) { #FR0202003-01 {padding-top:48px;} #FR0202003-01 .products-summary {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:start;min-height:0;padding:32px;} #FR0202003-01 .products-summary .article-large-tit {position:static;grid-column:1 / -1;margin-bottom:24px;} #FR0202003-01 .products-summary .figure-article {position:static;transform:none;} #FR0202003-01 .deposit-field {min-width:0;padding-right:32px;} /* Withdraw steps: fixed 450 + 600px floats wrap the form under the notice panel below ~1130px */ :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) {padding-top:48px;} :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-summary {border-radius:8px;} } @media screen and (min-width:1024px) and (max-width:1199px) { :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-article {display:flex;align-items:flex-start;gap:32px;} :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-article:after {content:none;} :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-article > [data-offset="left"] {float:none;flex:0 0 38%;width:auto;min-height:0;padding:30px 36px 40px;box-sizing:border-box;} :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-article > [data-offset="right"] {float:none;flex:1 1 0;width:auto;min-width:0;} } @media screen and (min-width:751px) and (max-width:1023px) { :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-article > [data-offset="left"] {float:none;width:100%;min-height:0;padding:28px 32px 32px;box-sizing:border-box;} :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-article > [data-offset="left"] .notice-area {margin-top:20px;} :is(#FR0207001-01, #FR0207003-01, #FR0207005-01, #FR0202005-01) .products-article > [data-offset="right"] {float:none;width:100%;margin-top:32px;} } @media screen and (min-width:751px) and (max-width:1023px) { #FR0201001-01 [data-board-label="available"] {padding:20px 16px;} #FR0201001-01 [data-board-label="available"] .default-table, #FR0201001-01 [data-board-label="available"] .table-to-card .default-table {min-width:0;} #FR0201001-01 [data-board-label="available"] .default-table td {padding:14px 6px;} #FR0201001-01 [data-board-label="available"] .default-table td [data-form-type="token"]:before {margin-right:10px;} #FR0201001-01 .board-article [data-column-value="2"] {flex-wrap:nowrap;gap:6px;padding:12px 4px;} #FR0201001-01 .board-article [data-column-value="2"] [class*="link-btn"], #FR0201001-01 .board-article [data-column-value="2"] [class*="function-btn"] {flex:1 1 0;min-width:0;max-width:110px;padding:0 8px;font-size:13px;} #FR0202001-01 .wallet-asset-table td {padding:14px 8px;} #FR0202001-01 .wallet-asset-table th:first-child, #FR0202001-01 .wallet-asset-table td:first-child {padding-left:16px;} #FR0202001-01 .board-article .wallet-asset-table td[data-column-value="2"] {white-space:nowrap;} #FR0202001-01 .board-article .wallet-asset-table [data-column-value] [class*="link-btn"], #FR0202001-01 .board-article .wallet-asset-table [data-column-value] [class*="function-btn"] {min-width:0;width:calc(50% - 4px);padding:0 6px;font-size:14px;} #FR0202001-01 .board-article .wallet-asset-table td:not([data-column-value]) [class*="link-btn"], #FR0202001-01 .board-article .wallet-asset-table td:not([data-column-value]) [class*="function-btn"] {min-width:0;font-size:14px;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .board-article .default-table {min-width:0;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .board-article .default-table th, :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .board-article .default-table td {padding-left:6px;padding-right:6px;font-size:13px;word-break:break-all;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .board-article .default-table td [data-form-type="token"] {word-break:normal;} [data-layout-type="setting"] .tab-list {display:flex;overflow-x:auto;scrollbar-width:thin;} [data-layout-type="setting"] .tab-list li {flex:0 0 auto;} [data-layout-type="setting"] .tab-list li + li {margin-left:22px;} } /* Profile column is 45% wide on desktop; below 1200px the email no longer fits on one line */ @media screen and (min-width:751px) and (max-width:1199px) { [data-layout-type="setting"] .userInfo-wrap {display:flex;flex-wrap:wrap;row-gap:24px;height:auto;padding:32px;} [data-layout-type="setting"] .userInfo-wrap .userInfo-area {float:none;height:auto;} [data-layout-type="setting"] .userInfo-wrap [data-wrap-type="profile"] {width:100%;padding-right:0;} [data-layout-type="setting"] .userInfo-wrap .userInfo-area[data-wrap-type="security"] {width:50%;padding-left:0;border-left:none;} [data-layout-type="setting"] .userInfo-wrap [data-wrap-type="verificationLevel"] {width:50%;} [data-layout-type="setting"] .userInfo-wrap .userInfo-large-tit {font-size:22px;margin-bottom:16px;} } @media screen and (min-width:751px) and (max-width:1099px) { [data-layout-type="setting"] .tab-article {padding-left:24px;padding-right:24px;} [data-layout-type="setting"] .tab-article .gray-bg-box-area {padding:24px 28px;} #FR1008001-01 .board-article .default-table {min-width:0;} } /* Fixed desktop widths inside the settings card must not exceed the card */ #FR1008001-01 .gray-bg-box-area, #FR1008001-01 .board-section, #FR1006001-01 .board-section, #FR1006001-01 .notice-area {max-width:100%;box-sizing:border-box;} @media screen and (max-width:750px) { /* --bp-sm — history tables become cards (.table-to-card) */ :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .board-article.table-to-card {overflow-x:visible;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table {min-width:0;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table colgroup {display:none;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td, :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td:last-child {display:block;overflow:hidden;padding:8px 0;margin-top:0;border-top:0;text-align:right !important;word-break:break-all;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td:first-child {padding-bottom:10px;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td:before, :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td:last-child:before {float:left;margin:0 12px 0 0;word-break:keep-all;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td .output-form {display:block;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td [data-form-type="token"] {display:inline-block;margin:0;width:auto;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td [data-form-type="KRW"], :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td [data-form-type="USD"] {margin-top:2px;font-size:13px;font-weight:500;color:#9ca3af;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td:empty {display:none;} :is(#FR0202003-01, #FR0205001-01, #FR1008001-01) .table-to-card .default-table td.board-noDate-area {text-align:center !important;} } @media screen and (min-width:1441px) { } /* 맥북 확인 용 : 높이가 작은 모니터 분기 */ @media screen and (max-height:939px) { [data-modal-value="CM0300003-03"] .layerPop-area {padding:50px 0;} [data-modal-value="CM0300003-03"] .layerPop-area .layerPop-close-btn {top:12px;} [data-modal-value="CM0300003-03"] .layerPop-contents {max-height:486px;} [data-modal-value="CM0300003-03"] .layerPop-footer {padding:20px 60px 0;} } @media screen and (min-width:1920px) { } /* 200. Settings : 상단 회원 정보 카드 (모든 설정 페이지 공통) */ [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:12px;height:auto;padding:20px;border-radius:16px;background-color:#002ae1;background-image:linear-gradient(160deg,#2b4dff 0%,#002ae1 55%,#001fae 100%);box-sizing:border-box;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-area {float:none;display:block;width:auto;height:auto;margin:0;padding:22px 24px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);box-sizing:border-box;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-area + .userInfo-area {margin-top:0;border-left:1px solid rgba(255,255,255,.2);} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-area[data-wrap-type="profile"] {display:flex;align-items:center;gap:20px;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .figure-area {float:none;flex:none;width:72px;height:72px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.16);} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .figure-area img {display:block;width:100%;height:100%;object-fit:cover;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-container {flex:1;min-width:0;padding-left:0;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-large-tit {margin-bottom:14px;font-size:18px;font-weight:700;line-height:1.3;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] [data-wrap-type="profile"] .userInfo-large-tit {font-size:22px;word-break:break-all;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-list li {display:flex;align-items:center;gap:10px;min-height:28px;font-size:14px;line-height:1.5;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-list li + li {margin-top:6px;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-list .userInfo-tit {flex:none;margin-right:0;font-weight:500;color:rgba(255,255,255,.72);} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-list .userInfo-tit:after {content:none;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] [data-wrap-type="profile"] .userInfo-tit {min-width:64px;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] [data-wrap-type="profile"] .userInfo-list .userInfo-txt {min-width:0;overflow:hidden;font-weight:600;color:#ffffff;text-overflow:ellipsis;white-space:nowrap;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] :is([data-wrap-type="security"],[data-wrap-type="verificationLevel"]) .userInfo-list li {justify-content:space-between;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] :is([data-wrap-type="security"],[data-wrap-type="verificationLevel"]) .userInfo-list :is(.userInfo-txt,.userInfo-link-btn) {display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] :is([data-wrap-type="security"],[data-wrap-type="verificationLevel"]) .userInfo-list .userInfo-txt {background:#e7fbef;color:#0f7a3d;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] :is([data-wrap-type="security"],[data-wrap-type="verificationLevel"]) .userInfo-list .userInfo-link-btn {background:#ffe4e6;color:#be123c;} @media screen and (max-width:1199px) { [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-area[data-wrap-type="profile"] {grid-column:1 / -1;} } @media screen and (max-width:750px) { [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] {grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-area {padding:18px;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .userInfo-area[data-wrap-type="profile"] {flex-direction:row;align-items:center;gap:16px;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] .figure-area {width:56px;height:56px;} [data-layout-type="setting"] .userInfo-wrap[data-wrap-type="userInfo"] [data-wrap-type="profile"] .userInfo-large-tit {font-size:20px;margin-bottom:10px;} }