/* coinkaja css bundle fef4fac56781df07 - 13 files, built 2026-10-28T17:05:22+09:00 */ /* ---- /plugin/kimp/css/site.css ---- */ /* coinkaja site overrides, kept outside the theme folder so theme updates keep them */ /* logo file is 2x for sharp screens; give it an explicit height */ .gpe_logo img{height:56px;width:auto;max-width:none} @media (max-width:1024px){.gpe_logo img{height:46px}} @media (max-width:640px){.gpe_logo img{height:38px}} /* kimp table on phones: tighter cells so all four columns fit, long overseas labels wrap */ @media (max-width:640px){ .kimp-w .kimp-table th,.kimp-w .kimp-table td{padding-left:3px;padding-right:3px} .kimp-w .kimp-table{font-size:11.5px} .kimp-w .kimp-table tr.ov td.name{max-width:104px} .kimp-w .kimp-table tr.ov td.name .kimp-sub{white-space:normal;word-break:break-all;line-height:1.25} } /* header stays visible on tablets and phones (the theme slides it up 100px once you scroll, and on narrow screens it never comes back) */ @media (max-width:1024px){ .gnb1_area_wrap00.fixed{top:0!important} } /* ---------- dark mode (theme switch adds body.dm) ---------- */ body.dm .kimp-page{background:#2b2b2b;color:#e6e6e6} body.dm .kimp-page h1.kimp-page-h1{color:#fff} body.dm .kimp-page p.kimp-page-sub{color:#a8a8a8} body.dm .kimp-w,body.dm .kimp-l{background:#2b2b2b;border-color:#454545;color:#e6e6e6} body.dm .kimp-w h1.kimp-h1{background:#2b2b2b;border-bottom-color:#454545;color:#fff} body.dm .kimp-w .kimp-top{background:#2b2b2b;border-bottom-color:#454545;color:#b5b5b5} body.dm .kimp-w .kimp-top b{color:#fff} body.dm .kimp-w .kimp-top .kimp-alert{background:#3d2523;border-color:#7a3a35;color:#ff9c94} body.dm .kimp-w .kimp-badge{background:#3a3220;border-color:#6b5a2a;color:#f0c674} body.dm .kimp-w .kimp-badge.warn{background:#3d2523;border-color:#7a3a35;color:#ff9c94} body.dm .kimp-w .kimp-tabbar{background:#262626;border-bottom-color:#454545} body.dm .kimp-w .kimp-tab{border-right-color:#454545;color:#b5b5b5} body.dm .kimp-w .kimp-tab:hover{background:#333} body.dm .kimp-w .kimp-tab.on{background:#2b2b2b;color:#fff;border-bottom-color:#2b2b2b} body.dm .kimp-w .kimp-gear{border-left-color:#454545;color:#a8a8a8} body.dm .kimp-w .kimp-gear:hover,body.dm .kimp-w .kimp-gear.on{background:#333;color:#fff} body.dm .kimp-w .kimp-set{background:#2b2b2b;border-bottom-color:#454545} body.dm .kimp-w .kimp-set-head b,body.dm .kimp-w .kimp-set h4{color:#fff} body.dm .kimp-w .kimp-set-x,body.dm .kimp-w .kimp-set-foot button{background:#333;border-color:#555;color:#ddd} body.dm .kimp-w .kimp-set-x:hover,body.dm .kimp-w .kimp-set-foot button:hover{background:#3d3d3d} body.dm .kimp-w .kimp-radios label,body.dm .kimp-w .kimp-list label{color:#ddd} body.dm .kimp-w .kimp-mv:hover:not([disabled]){background:#3d3d3d;color:#fff} body.dm .kimp-w .kimp-set-foot{border-top-color:#454545} body.dm .kimp-w .kimp-q{background:#333;border-color:#555;color:#eee} body.dm .kimp-w th,body.dm .kimp-w td{border-bottom-color:#3a3a3a} body.dm .kimp-w .kimp-table th{background:#262626;border-bottom-color:#454545;color:#d0d0d0} body.dm .kimp-w .kimp-table th.grp{background:#303030} body.dm .kimp-w .kimp-table td{color:#e6e6e6} body.dm .kimp-w .kimp-table tbody tr:nth-child(odd) td{background:#2f2f2f} body.dm .kimp-w .kimp-table tr.ref td{background:#383838} body.dm .kimp-w .kimp-table tbody tr:not(.ov) + tr.ov td{border-top-color:#555} body.dm .kimp-w .kimp-table td.kimp-base{color:#fff} body.dm .kimp-w .kimp-table td small,body.dm .kimp-w .kimp-table td small.kimp-sub{color:#9a9a9a} body.dm .kimp-w .kimp-table td.tint-red{background:rgba(255,90,95,.14)} body.dm .kimp-w .kimp-table td.tint-blue{background:rgba(90,150,255,.16)} body.dm .kimp-w .kimp-loading{color:#aaa} body.dm .kimp-w .kimp-up,body.dm .kimp-w .kimp-pos,body.dm .kimp-l .kimp-up,body.dm .kimp-l .kimp-pos,body.dm .kimp-w .kimp-top b.kimp-fng-greed{color:#ff6b6f} body.dm .kimp-w .kimp-down,body.dm .kimp-l .kimp-down,body.dm .kimp-w .kimp-top b.kimp-fng-fear{color:#6aa4ff} body.dm .kimp-w .kimp-neg,body.dm .kimp-l .kimp-neg{color:#3ddc84} body.dm .kimp-w .kimp-flat,body.dm .kimp-l .kimp-flat{color:#a8a8a8} body.dm .kimp-w .kimp-trend{background:#2b2b2b;border-top-color:#454545;color:#b5b5b5} body.dm .kimp-w .kimp-trend-head b{color:#fff} body.dm .kimp-w .kimp-trend-sub,body.dm .kimp-w .kimp-trend-now small,body.dm .kimp-w .kimp-lg{color:#a0a0a0} body.dm .kimp-w .kimp-trend-empty,body.dm .kimp-w .kimp-trend-svg{background:#262626;border-color:#454545;color:#a0a0a0} body.dm .kimp-w .kimp-trend-svg line.z{stroke:#5a5a5a} body.dm .kimp-w .kimp-trend-svg path.m{stroke:#6aa4ff} body.dm .kimp-w .kimp-trend-svg path.t{stroke:#8a8a8a} body.dm .kimp-w .kimp-trend-axis{color:#9d9d9d} body.dm .kimp-w .kimp-trend-cur{background:rgba(255,255,255,.35)} body.dm .kimp-w .kimp-trend-tip{background:#f0f0f0;color:#222} body.dm .kimp-w .kimp-foot{background:#262626;border-top-color:#454545;color:#b5b5b5} body.dm .kimp-w .kimp-foot b{color:#fff} body.dm .kimp-w .kimp-foot .kimp-src,body.dm .kimp-w .kimp-foot .kimp-src a{color:#9a9a9a} body.dm .kimp-w .kimp-foot .warn{color:#ffb070} body.dm .kimp-w .kimp-more{background:#2b2b2b;border-top-color:#454545} body.dm .kimp-w .kimp-more a{color:#7fb0ff} body.dm .kimp-w .kimp-more a:hover{background:#333} /* all-coins list */ body.dm .kimp-l button{background:#2b2b2b;color:#c8c8c8} body.dm .kimp-l button:hover{background:#3a3a3a} body.dm .kimp-l button.on{background:#44507a;color:#fff} body.dm .kimp-l-ref{background:#37311f;border-bottom-color:#5c5030;color:#f0dfa8} body.dm .kimp-l-refnote{color:#cdbb85} body.dm .kimp-l-bar{background:#2b2b2b;border-bottom-color:#454545} body.dm .kimp-l-chips,body.dm .kimp-l-basis{border-color:#555} body.dm .kimp-l .kimp-l-q{background:#333;border-color:#555;color:#eee} body.dm .kimp-l-table th{background:#262626;border-bottom-color:#454545;color:#b0b0b0} body.dm .kimp-l-table td{border-bottom-color:#3a3a3a;color:#e6e6e6} body.dm .kimp-l-table td.nm b{color:#fff} body.dm .kimp-l-table td.nm small,body.dm .kimp-l-table th.pr small{color:#9a9a9a} body.dm .kimp-l-table td.vl{color:#c8c8c8} body.dm .kimp-l-table tbody tr:hover td{background:#353535} body.dm .kimp-l-table td.tint-red{background:rgba(255,90,95,.14)} body.dm .kimp-l-table td.tint-green{background:rgba(60,210,130,.14)} body.dm .kimp-l-table tbody tr:hover td.tint-red{background:rgba(255,90,95,.22)} body.dm .kimp-l-table tbody tr:hover td.tint-green{background:rgba(60,210,130,.22)} body.dm .kimp-l td.kimp-l-loading,body.dm .kimp-l td.kimp-l-empty{color:#a0a0a0} body.dm .kimp-l-foot{background:#262626;border-top-color:#454545;color:#b5b5b5} body.dm .kimp-l-foot .warn{color:#ffb070} body.dm .kimp-l-note{background:#2b2b2b;border-top-color:#454545;color:#a0a0a0} /* dark mode: a separate logo with light lettering */ .gpe_logo .logo_d{display:none} body.dm .gpe_logo .logo_l{display:none} body.dm .gpe_logo .logo_d{display:inline-block} /* sign-up captcha: one label only (the section already has a title), image at full size */ #captcha legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} #captcha #captcha_img{display:inline-block;height:60px;width:auto;vertical-align:middle;margin-right:4px} #captcha #captcha_key{height:44px;font-size:20px;letter-spacing:4px;text-align:center} /* tablet header tighter: logo higher, shorter bar (phones <= 640px keep their own size) */ @media (min-width:641px) and (max-width:1024px){ html body .gpe_logo{top:7px} .gpe_logo img{height:40px} .gnb1_area_wrap0{height:54px!important} html body .gpe_contents_box{margin-top:62px!important} html body .layG_munu_MobileBtn{top:2px} } /* desktop logo larger */ @media (min-width:1025px){ html body .gpe_logo img{height:70px} html body .gpe_logo{top:14px} } /* home button: bigger and bolder so it stands out */ html body .home_btn i{font-size:31px;-webkit-text-stroke:1.3px #ff0000;text-shadow:none} html body .home_btn:hover i{transform:scale(1.08)} /* ---------- attendance page ---------- */ .ck-att{background:#fff;border-radius:12px;padding:22px;margin-bottom:24px;color:#222} .ck-att h1.ck-att-h1{margin:0 0 6px;font-size:22px;font-weight:700;color:#222;float:none;width:auto;height:auto;position:static;text-align:left} .ck-att .ck-att-sub{margin:0 0 16px;color:#666;font-size:14px;line-height:1.6} .ck-att .ck-att-sub b{color:#e5252a} .ck-att .ck-att-notice{margin:0 0 14px;padding:12px 14px;border-radius:8px;background:#eaf6ee;border:1px solid #b7e1c4;color:#17643a;font-weight:600} .ck-att .ck-att-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px} .ck-att .ck-att-stats div{padding:12px 10px;border:1px solid #e3e5e9;border-radius:10px;background:#fafbfc;text-align:center} .ck-att .ck-att-stats span{display:block;color:#767b86;font-size:12px} .ck-att .ck-att-stats b{display:block;margin-top:4px;font-size:24px;font-weight:800;color:#1d2a4a} .ck-att .ck-att-stats small{font-size:12px;font-weight:600;margin-left:2px;color:#767b86} .ck-att .ck-att-form{margin:0 0 18px} .ck-att .ck-att-btn{display:block;width:100%;height:52px;border:0;border-radius:10px;background:#3b8bff;color:#fff;font-size:17px;font-weight:700;cursor:pointer} .ck-att .ck-att-btn:hover{background:#2c78ea} .ck-att .ck-att-btn.done{background:#dfe3ea;color:#6b7280;cursor:default} .ck-att .ck-att-cal{border:1px solid #e3e5e9;border-radius:10px;overflow:hidden} .ck-att .ck-att-cal-head{padding:10px 14px;background:#f4f5f7;font-weight:700;text-align:center} .ck-att .ck-att-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:8px} .ck-att .ck-att-grid i,.ck-att .ck-att-grid span{display:block;text-align:center;padding:9px 0;font-style:normal;font-size:14px} .ck-att .ck-att-grid i.wk{color:#767b86;font-size:12px;font-weight:600} .ck-att .ck-att-grid i.sun{color:#e5252a} .ck-att .ck-att-grid i.sat{color:#1f5fd6} .ck-att .ck-att-grid span.on{background:#3b8bff;color:#fff;font-weight:700;border-radius:8px} .ck-att .ck-att-grid span.miss{color:#b0b4bd} .ck-att .ck-att-grid span.today{outline:2px solid #3b8bff;outline-offset:-2px;border-radius:8px;font-weight:700} .ck-att .ck-att-grid span.future{color:#c9ccd3} @media (max-width:640px){.ck-att .ck-att-stats{grid-template-columns:1fr 1fr}.ck-att{padding:16px}} body.dm .ck-att{background:#2b2b2b;color:#e6e6e6} body.dm .ck-att h1.ck-att-h1{color:#fff} body.dm .ck-att .ck-att-sub{color:#a8a8a8} body.dm .ck-att .ck-att-notice{background:#1f3b2a;border-color:#2f6a46;color:#8ee6b0} body.dm .ck-att .ck-att-stats div{background:#262626;border-color:#454545} body.dm .ck-att .ck-att-stats b{color:#fff} body.dm .ck-att .ck-att-btn.done{background:#3a3a3a;color:#9a9a9a} body.dm .ck-att .ck-att-cal{border-color:#454545} body.dm .ck-att .ck-att-cal-head{background:#262626} body.dm .ck-att .ck-att-grid span.miss{color:#6f6f6f} body.dm .ck-att .ck-att-grid span.future{color:#555} /* attendance button inside the login box */ #ol_after .ck-att-btn-ol{display:block;margin:10px 0 0;padding:9px 0;border-radius:8px;background:#3b8bff;color:#fff!important;text-align:center;font-size:14px;font-weight:700} #ol_after .ck-att-btn-ol.done{background:#e6e8ed;color:#6b7280!important} #ol_after .ck-att-btn-ol small{font-weight:400;opacity:.9;margin-left:4px} body.dm #ol_after .ck-att-btn-ol.done{background:#3a3a3a;color:#a0a0a0!important} /* ---------- premium alert page ---------- */ .ck-al{background:#fff;border-radius:12px;padding:22px;margin-bottom:24px;color:#222} .ck-al h1.ck-al-h1{margin:0 0 6px;font-size:22px;font-weight:700;color:#222;float:none;width:auto;height:auto;position:static;text-align:left} .ck-al .ck-al-sub{margin:0 0 16px;color:#666;font-size:14px;line-height:1.6} .ck-al .ck-al-notice{margin:0 0 14px;padding:12px 14px;border-radius:8px;background:#eaf3ff;border:1px solid #bcd6fb;color:#1a4b8c;font-weight:600} .ck-al .ck-al-card{border:1px solid #e3e5e9;border-radius:10px;padding:16px 18px;margin:0 0 14px;background:#fafbfc} .ck-al .ck-al-card h2{margin:0 0 10px;font-size:16px;font-weight:700;color:#1d2a4a;float:none;width:auto;height:auto;position:static;text-align:left} .ck-al .ck-al-card h2 small{font-weight:500;color:#767b86;margin-left:6px} .ck-al p{margin:0 0 10px;line-height:1.6} .ck-al .ck-al-muted{color:#767b86;font-size:13px} .ck-al .ck-al-ok{color:#17643a;font-weight:700} .ck-al code{background:#eef0f3;padding:1px 6px;border-radius:4px} .ck-al .ck-al-btn{display:inline-block;height:auto;min-height:0;padding:11px 20px;border:0;border-radius:8px;background:#3b8bff;color:#fff!important;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none} .ck-al .ck-al-btn:hover{background:#2c78ea} .ck-al .ck-al-btn.ghost{background:#e6e8ed;color:#444!important} .ck-al .ck-al-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0 0 8px} .ck-al .ck-al-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#767b86;font-weight:600} .ck-al .ck-al-form input,.ck-al .ck-al-form select{height:40px;min-height:40px;padding:0 8px;border:1px solid #cfd3da;border-radius:8px;background:#fff;color:#222;font-size:14px;box-sizing:border-box} .ck-al .ck-al-form input[name=thr]{width:100px} .ck-al .ck-al-coinpick{position:relative} .ck-al .ck-al-coinpick-trigger{height:40px;min-height:40px;padding:0 10px;border:1px solid #cfd3da;border-radius:8px;background:#fff;color:#222;font-size:14px;text-align:left;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;gap:6px;width:100%;font-family:inherit} .ck-al .ck-al-coinpick-trigger small{color:#8a8f98;font-weight:400;font-size:12px} .ck-al .ck-al-coinpick-trigger .arrow{margin-left:auto;color:#8a8f98;font-size:11px} .ck-al .ck-al-coinpick-trigger.open{border-color:#3b8bff} .ck-al .ck-al-coinpick-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:30;width:240px;max-width:80vw;background:#fff;border:1px solid #cfd3da;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:8px} .ck-al .ck-al-coinpick-search{width:100%;height:36px;padding:0 10px;border:1px solid #cfd3da;border-radius:8px;background:#fff;color:#222;font-size:14px;box-sizing:border-box;margin-bottom:6px} .ck-al .ck-al-coinpick-list{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto} .ck-al .ck-al-coinpick-item{display:flex;align-items:baseline;gap:8px;padding:8px;border-radius:6px;cursor:pointer;font-size:14px} .ck-al .ck-al-coinpick-item:hover{background:#f0f6ff} .ck-al .ck-al-coinpick-item small{color:#8a8f98;font-size:12px} .ck-al .ck-al-coinpick-empty{padding:10px 8px;color:#8a8f98;font-size:13px;text-align:center} .ck-al .ck-al-form button[type=submit]{padding:11px 16px;margin-left:auto} /* fixed field widths so "알림 추가" fits on the same row as the inputs -- desktop/tablet only; the max-width:640px rule below still wins on mobile (this block simply doesn't apply there) */ @media (min-width:641px){ .ck-al .ck-al-coinpick{width:100px} .ck-al .ck-al-form input[name=thr_price]{width:120px} .ck-al .ck-al-form input[name=thr_move],.ck-al .ck-al-form input[name=thr_prem]{width:70px} .ck-al .ck-al-form select[name=kind]{width:140px} .ck-al .ck-al-form select[name=ex_name]{width:90px} .ck-al .ck-al-form select[name=win]{width:120px} .ck-al .ck-al-form select[name=dir_move]{width:150px} .ck-al .ck-al-form select[name=dir_ge_le]{width:120px} } .ck-al .ck-al-scroll{overflow-x:auto;margin-top:8px} .ck-al .ck-al-table{width:100%;border-collapse:collapse;min-width:520px} .ck-al .ck-al-table th{padding:8px;background:#f1f3f6;border-bottom:1px solid #e3e5e9;font-size:12.5px;color:#555;text-align:left;white-space:nowrap} .ck-al .ck-al-table td{padding:9px 8px;border-bottom:1px solid #eef0f3;font-size:14px;vertical-align:middle} .ck-al .ck-al-table td small{display:block;color:#8a8f98;font-size:11.5px} .ck-al .ck-al-table td small.warn{color:#c2410c} .ck-al .ck-al-table td.acts{white-space:nowrap;text-align:right} .ck-al .ck-al-table td.acts form{display:inline-block;margin:0 0 0 4px} .ck-al .ck-al-mini{height:auto;min-height:0;padding:5px 10px;border:1px solid #cfd3da;border-radius:6px;background:#fff;color:#444;font-size:12.5px;cursor:pointer} .ck-al .ck-al-mini.danger{color:#c0392b;border-color:#e7b4ae} .ck-al .ck-al-rules{margin:0;padding-left:18px;color:#555;font-size:13.5px;line-height:1.7} body.dm .ck-al{background:#2b2b2b;color:#e6e6e6} body.dm .ck-al h1.ck-al-h1,body.dm .ck-al .ck-al-card h2{color:#fff} body.dm .ck-al .ck-al-sub,body.dm .ck-al .ck-al-rules{color:#a8a8a8} body.dm .ck-al .ck-al-card{background:#262626;border-color:#454545} body.dm .ck-al .ck-al-notice{background:#1d3350;border-color:#2f5a90;color:#a9cdfb} body.dm .ck-al .ck-al-ok{color:#8ee6b0} body.dm .ck-al code{background:#3a3a3a} body.dm .ck-al .ck-al-btn.ghost{background:#3a3a3a;color:#ddd!important} body.dm .ck-al .ck-al-form input,body.dm .ck-al .ck-al-form select{background:#333;border-color:#555;color:#eee} body.dm .ck-al .ck-al-coinpick-trigger{background:#333;border-color:#555;color:#eee} body.dm .ck-al .ck-al-coinpick-trigger small{color:#a8a8a8} body.dm .ck-al .ck-al-coinpick-panel{background:#2b2b2b;border-color:#555;box-shadow:0 8px 24px rgba(0,0,0,.5)} body.dm .ck-al .ck-al-coinpick-search{background:#333;border-color:#555;color:#eee} body.dm .ck-al .ck-al-coinpick-item:hover{background:#3a4658} body.dm .ck-al .ck-al-coinpick-item small{color:#8f8f8f} body.dm .ck-al .ck-al-coinpick-empty{color:#8f8f8f} body.dm .ck-al .ck-al-table th{background:#303030;border-bottom-color:#454545;color:#bbb} body.dm .ck-al .ck-al-table td{border-bottom-color:#3a3a3a} body.dm .ck-al .ck-al-mini{background:#333;border-color:#555;color:#ddd} @media (max-width:640px){.ck-al{padding:16px}.ck-al .ck-al-form label{flex:1 1 100%}.ck-al .ck-al-form input,.ck-al .ck-al-form select{width:100%}.ck-al .ck-al-form button[type=submit]{width:100%;margin-left:0}.ck-al .ck-al-coinpick-panel{width:100%;max-width:none;left:0;right:0}} /* ---------- alert page: steps, presets, help ---------- */ .ck-al .ck-al-steps{display:flex;gap:8px;list-style:none;margin:0 0 14px;padding:0} .ck-al .ck-al-steps li{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e3e5e9;border-radius:10px;background:#fafbfc;color:#8a8f98;font-size:13.5px;font-weight:600} .ck-al .ck-al-steps li b{flex:0 0 24px;height:24px;line-height:24px;border-radius:50%;background:#d5d8de;color:#fff;text-align:center;font-size:13px} .ck-al .ck-al-steps li.now{border-color:#3b8bff;color:#1a4b8c;background:#f0f6ff} .ck-al .ck-al-steps li.now b{background:#3b8bff} .ck-al .ck-al-steps li.done{color:#17643a;background:#f0faf4;border-color:#b7e1c4} .ck-al .ck-al-steps li.done b{background:#2e9e5b} .ck-al .ck-al-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px} .ck-al .ck-al-presets form{margin:0} .ck-al .ck-al-preset{display:flex;align-items:center;gap:8px;width:100%;height:auto;min-height:0;padding:11px 12px;border:1px solid #d5d8de;border-radius:10px;background:#fff;color:#222;font-size:14px;font-weight:600;text-align:left;cursor:pointer} .ck-al .ck-al-preset:hover:not([disabled]){border-color:#3b8bff;background:#f5f9ff} .ck-al .ck-al-preset[disabled]{opacity:.5;cursor:not-allowed} .ck-al .ck-al-preset .ic{font-size:18px} .ck-al .ck-al-preset.surge .ic,.ck-al .ck-al-preset.prem .ic{filter:none} .ck-al .ck-al-help{margin-top:12px;padding:10px 12px;border:1px dashed #cfd3da;border-radius:8px;background:#fff} .ck-al .ck-al-help summary{cursor:pointer;font-weight:700;color:#1a4b8c} .ck-al .ck-al-help ol{margin:10px 0 2px;padding-left:20px;line-height:1.8;font-size:14px} .ck-al .ck-al-help a{color:#2c78ea;text-decoration:underline} .ck-al .ck-al-btn[disabled]{opacity:.5;cursor:not-allowed} @media (max-width:640px){.ck-al .ck-al-steps{flex-direction:column}} body.dm .ck-al .ck-al-steps li{background:#262626;border-color:#454545;color:#8f8f8f} body.dm .ck-al .ck-al-steps li.now{background:#1d3350;border-color:#3b8bff;color:#a9cdfb} body.dm .ck-al .ck-al-steps li.done{background:#1f3b2a;border-color:#2f6a46;color:#8ee6b0} body.dm .ck-al .ck-al-preset{background:#333;border-color:#555;color:#eee} body.dm .ck-al .ck-al-preset:hover:not([disabled]){background:#3a4658;border-color:#5b9bff} body.dm .ck-al .ck-al-help{background:#2f2f2f;border-color:#555} body.dm .ck-al .ck-al-help summary{color:#a9cdfb} body.dm .ck-al .ck-al-help a{color:#7fb0ff} /* longer term "김치프리미엄": keep Korean words whole, let the sort chips wrap on phones */ .kimp-page,.kimp-l,.kimp-w,.ck-att,.ck-al,.gxcon_area h2.con_title{word-break:keep-all} @media (max-width:640px){ .kimp-l .kimp-l-chips{flex-wrap:wrap} .kimp-l .kimp-l-chips button{flex:1 1 45%;min-height:38px;padding:0 10px;font-size:13px;white-space:nowrap} } .kimp-page p,.kimp-page h1,.ck-att p,.ck-att h1,.ck-al p,.ck-al li,.ck-al h1,.gxcon_area h2.con_title{word-break:keep-all!important} /* ---------- dark mode: parts of the GX theme that its own dark css misses ---------- */ body.dm #bo_v{background:transparent;color:#e6e6e6} body.dm #bo_v_title .bo_v_tit,body.dm #bo_v h2{color:#fff!important} body.dm #bo_v_info,body.dm #bo_v_info *{border-color:#454545} body.dm #bo_v_atc,body.dm #bo_v_con,body.dm #bo_v_con *{color:#ddd} body.dm #bo_v_con a{color:#7fb0ff} body.dm #bo_v_con table{border-color:#555} body.dm #bo_v_con th{background:#3a3a3a;color:#eee;border-color:#555!important} body.dm #bo_v_con td{background:transparent;color:#ddd;border-color:#555!important} /* dark mode: forms, buttons, labels, member pages, pop-ups */ body.dm input[type=text],body.dm input[type=password],body.dm input[type=email],body.dm input[type=number],body.dm input[type=search],body.dm input[type=url],body.dm input[type=tel],body.dm input.frm_input,body.dm .frm_input,body.dm textarea,body.dm select,body.dm .frm_file{background-color:#2b2b2b!important;color:#eee!important;border-color:#555!important} body.dm input:focus,body.dm textarea:focus,body.dm select:focus{border-color:#7fb0ff!important;outline:0} body.dm input[readonly],body.dm textarea[readonly]{background-color:#262626!important;color:#aaa!important} body.dm ::placeholder{color:#8f8f8f!important;opacity:1} body.dm label,body.dm .frm_info,body.dm .win_desc,body.dm .win_desc *{color:#ccc} body.dm .btn_cancel,body.dm a.btn_cancel,body.dm .btn_frmline,body.dm .btn_b01,body.dm .btn_b02,body.dm .btn_frmline:hover{background:#444;color:#eee;border:1px solid #666!important} body.dm .btn_submit,body.dm .btn_b03{color:#fff} body.dm .mbskin,body.dm .mbskin_box,body.dm .mbskin .mb_log_cate,body.dm #mb_login,body.dm #mb_login_notmb,body.dm #mb_login_od_wr,body.dm #find_info{background:#2b2b2b;color:#ddd;border-color:#454545} body.dm #reg_result{background:#2b2b2b!important;color:#ddd;border-color:#454545!important} body.dm #reg_result #result_email{background:#333!important;border-color:#454545!important;color:#ddd!important} body.dm #reg_result #result_email strong{color:#ff6b6b!important} body.dm #reg_result .reg_result_p{color:#7fb0ff!important} body.dm #reg_result h2 strong{color:#ff8a99!important} body.dm .mbskin h1,body.dm .mbskin h2,body.dm .mbskin_box h1,body.dm .mbskin_box h2,body.dm #mb_login h1{color:#fff;background:transparent} body.dm .mbskin a,body.dm .mbskin_box a{color:#7fb0ff} body.dm .mbskin a.join,body.dm .mbskin .join,body.dm a.btn_submit{color:#fff} body.dm a.sv_member,body.dm .sv_member{color:#e6e6e6!important} body.dm .sv_wrap .sv{background:#333;border:1px solid #555!important} body.dm .sv_wrap .sv a{color:#ddd} body.dm .new_win,body.dm #memo_list,body.dm #point,body.dm #scrap,body.dm #profile,body.dm .new_win_con,body.dm .win_btn{background:transparent;color:#ddd} body.dm .tbl_wrap table,body.dm .tbl_head01 table,body.dm .tbl_head01 th,body.dm .tbl_head01 td{background:transparent!important;color:#ddd;border-color:#454545} body.dm .tbl_head01 th{background:#303030!important;color:#eee} body.dm .bo_notice td,body.dm .bo_notice{background:transparent} body.dm #bo_w .bo_w_tit,body.dm #bo_w .write_div{border-color:#454545} body.dm .cke_chrome,body.dm #bo_w .cke_top{background:#333} body.dm #bo_vc,body.dm #bo_vc article,body.dm #bo_vc h2{background:transparent;color:#ddd;border-color:#454545} body.dm #bo_vc .cmt_contents,body.dm #bo_vc .cmt_contents *{color:#ddd} body.dm #bo_vc_w,body.dm #bo_vc_w textarea{background:#2b2b2b!important;color:#eee!important;border-color:#555!important} body.dm .bo_vc_w{background:transparent} body.dm #bo_v_top,body.dm #bo_v_bot,body.dm .bo_v_nb,body.dm #bo_v_nb li{background:transparent;border-color:#454545;color:#ccc} body.dm .bo_v_nb li a,body.dm .bo_v_nb .nb_tit,body.dm .bo_v_nb .nb_date{color:#bbb} /* dark mode: pop-up windows (memo, scrap, point, profile) and the plain member pages */ html.dm{background:#333} body.dm .new_win{background:#2b2b2b!important;color:#ddd} body.dm .new_win #win_title,body.dm #win_title{background:#262626!important;color:#fff!important;border-bottom:1px solid #454545!important} body.dm #win_title .win_total{background:#3a3a3a!important;color:#7fb0ff!important} body.dm .new_win_con,body.dm .new_win_con2,body.dm .new_win_con2 ul,body.dm .new_win .win_ul{background:transparent!important} body.dm .new_win li,body.dm .new_win .win_ul li,body.dm .memo_list li,body.dm #memo_list li{background:#2b2b2b!important;border-color:#454545!important;color:#ddd!important} body.dm .new_win li.selected{background:#3a8afd!important;color:#fff!important} body.dm .new_win li.selected a{color:#fff!important} body.dm .new_win .memo_cnt,body.dm .new_win .memo_datetime,body.dm .new_win .memo_name,body.dm .new_win .memo_name *{color:#c8c8c8!important} body.dm .new_win a{color:#7fb0ff} body.dm .win_desc{background:#4a2b2f!important;color:#ffb3ba!important;border-color:#c0505e!important} body.dm .win_desc *{color:#ffb3ba!important} body.dm .win_btn button,body.dm .win_btn a,body.dm .btn_close,body.dm button.btn_close{background:#444!important;color:#eee!important;border:1px solid #666!important} body.dm .win_btn .btn_submit{background:#3a8afd!important;color:#fff!important;border-color:#3a8afd!important} body.dm .no_read,body.dm .no_read *{color:#fff!important} body.dm .memo_del a,body.dm .memo_del i{color:#aaa} body.dm .new_win .tbl_wrap,body.dm .new_win .tbl_head01{background:transparent} body.dm .new_win .tbl_head01 tfoot td{background:#303030!important;color:#eee!important} body.dm .new_win .pg_wrap,body.dm .new_win .pg a,body.dm .new_win .pg strong{background:#333!important;color:#ddd!important;border-color:#555!important} body.dm .join,body.dm .mbskin a.join,body.dm #mb_login .join,body.dm a.join{background:#3a3a3a;color:#eee} body.dm .mbskin label,body.dm #mb_login label,body.dm label:not(.w-opts label){color:#ccc!important} body.dm .mbskin_box .mb_log_cate h2,body.dm .mbskin_box .mb_log_cate h2 a{color:#fff} body.dm .mbskin_box .mb_log_cate .join{color:#eee} body.dm .mbskin p,body.dm #find_info p,body.dm .mbskin_box p{color:#bbb} /* dark mode: footer text, point pop-up total */ body.dm .gpe_copytxt,body.dm .gpe_copytxt p,body.dm .gpe_copytxt a,body.dm .gpe_utilMenu a,body.dm .gpe_utilMenu li{color:#aaa!important} body.dm .point_all,body.dm .point_all *,body.dm .new_win .point_all span{color:#fff!important} body.dm .point_all{background:#262626!important;border-color:#666!important} /* dark mode: content pages (terms), confirm page, captcha buttons, search */ body.dm #ctt,body.dm #ctt_con,body.dm #ctt_con *,body.dm .ck-legal,body.dm .ck-legal *{color:#ddd!important;background:transparent!important} body.dm #ctt_con h3,body.dm .ck-legal h3{color:#fff!important} body.dm #ctt_con a,body.dm .ck-legal a{color:#7fb0ff!important} body.dm #confirm_mb_password,body.dm .frm_input.required,body.dm input.required,body.dm #fsearch input,body.dm #sch_stx,body.dm #sch_sfl{background-color:#2b2b2b;color:#eee;border-color:#555} body.dm .confirm_id,body.dm .mbskin .confirm_id,body.dm #fmemberconfirm p,body.dm .mbskin p{color:#ccc!important} body.dm #captcha_mp3{background:#cfd3da url(/img/captcha2.png) no-repeat 0 0!important;border-color:#777!important}body.dm #captcha_reload{background:#cfd3da url(/img/captcha2.png) no-repeat 0 -40px!important;border-color:#777!important} body.dm #captcha button span{filter:invert(1) brightness(1.4)} body.dm .empty_list,body.dm .sch_result .empty_list,body.dm #sch_res_detail .empty_list{color:#bbb;background:transparent} body.dm #sch_res_ov,body.dm .sch_res_list li,body.dm .sch_res_list h2{background:transparent!important;color:#ddd;border-color:#454545!important} body.dm .sch_res_list a{color:#ddd} /* dark mode: required inputs keep the theme's red star but get a dark field */ html body.dm input.required,html body.dm .frm_input.required,html body.dm input.frm_input.required,html body.dm #confirm_mb_password{background:#2b2b2b url("/theme/gx_pOne/img/require.png") no-repeat right top;background-color:#2b2b2b;color:#eee;border-color:#555} html body.dm .sch_bar label,html body.dm #sch_res_detail label,html body.dm #fsearch label{color:#ccc} /* dark mode: switch buttons (search AND/OR), nicknames in the side widgets */ html body.dm .switch_field label{color:#fff!important} html body.dm .switch_field input:checked + label,html body.dm .switch_field label.on{color:#fff!important} html body.dm .wgPnick,html body.dm .wgPnick *{color:#bbb!important} html body.dm #sch_res_detail .switch_field label,html body.dm #sch_res_detail .switch_field input + label{background:#444!important;color:#ccc!important;border-color:#666!important} html body.dm #sch_res_detail .switch_field input:checked + label{background:#3a8afd!important;color:#fff!important} /* ---- 새글(/bbs/new.php) 모바일: 표를 카드형으로 (제목 위, 그룹/게시판/작성자/시간 아래 한 줄) ---- */ @media (max-width:767px){ #fnewlist .tbl_wrap{overflow:visible} #fnewlist table,#fnewlist tbody{display:block;width:100%} #fnewlist thead{display:none} #fnewlist tbody tr{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;height:auto;min-height:0;gap:4px 8px;padding:12px 4px;border-bottom:1px solid #e5e7eb} #fnewlist tbody td{display:block;width:auto;height:auto;min-height:0;padding:0;border:0;text-align:left;line-height:1.4;white-space:normal} #fnewlist tbody td:not([class]){order:1;flex:0 0 100%;min-width:0;font-size:1.05em} #fnewlist tbody td:not([class]) a{display:block;overflow-wrap:anywhere;word-break:keep-all} #fnewlist tbody td.td_chk{order:0;flex:0 0 auto} #fnewlist tbody td.td_group{order:2} #fnewlist tbody td.td_board{order:3} #fnewlist tbody td.td_name{order:4;font-size:.9em} #fnewlist tbody td.td_date{order:5;margin-left:auto;font-size:.85em;color:#8a8f98} #fnewlist tbody td.empty_table{flex:0 0 100%;text-align:center;padding:30px 0} } body.dm #fnewlist tbody tr{border-bottom-color:#777} body.dm #fnewlist tbody td.td_date{color:#9aa0aa}html body.dm #fnewlist tbody td a{border:0;text-decoration:none;box-shadow:none} html body.dm #fnewlist tbody td.td_group a{background:transparent;color:#9aa0aa !important;font-weight:normal !important} html body.dm #fnewlist tbody td.td_board a{background:transparent;color:#9aa0aa !important;font-weight:normal} html body.dm #fnewlist tbody td.td_name,html body.dm #fnewlist tbody td.td_name a{color:#d7dae0 !important} html body.dm #fnewlist tbody td:not([class]) a{color:#f1f2f4}html body.dm #fnewlist tbody td{border:0 !important;background:transparent} /* ---- 홈 김치프리미엄 표 모바일: 코인판식 균등 4열 / 환율·시장 요약줄·큰 제목은 숨김(제목은 검색엔진용으로 화면 밖에만 유지) ---- */ @media (max-width:640px){ .kimp-w h1.kimp-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} html body .kimp-w h1.kimp-h1{margin:-1px;padding:0;border:0} .kimp-w .kimp-top .kimp-item{display:none} .kimp-w .kimp-top:not(:has(.kimp-alert)){display:none} .kimp-w .kimp-table.kimp-main{table-layout:fixed;width:100%} .kimp-w .kimp-table.kimp-main th{white-space:nowrap;overflow:hidden} .kimp-w .kimp-table.kimp-main td{text-align:center;overflow:hidden} .kimp-w .kimp-table.kimp-main td:nth-child(2){text-align:right} .kimp-w .kimp-table.kimp-main td:nth-child(2) small{display:none} .kimp-w .kimp-table.kimp-main td.name{white-space:normal} .kimp-w .kimp-table.kimp-main tr.ov td.name{max-width:none} }@media (max-width:640px){ .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub{white-space:normal!important;word-break:keep-all;font-size:10px;line-height:1.2} } /* 해외 거래소: 모바일에서도 항상 표시 (접기 버튼 제거) */ .kimp-w .kimp-ovbtn{display:none} /* ---- /premium 모바일: 소개 문구 숨김(검색엔진용으로 화면 밖 유지), 정렬 버튼·표를 균등하게 ---- */ @media (max-width:640px){ body .kimp-page{padding:8px 6px 14px;background:transparent} body .kimp-page h1.kimp-page-h1,body .kimp-page p.kimp-page-sub{position:absolute;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} body .kimp-l-ref{gap:2px 8px;padding:8px 10px} body .kimp-l-refnote{font-size:11.5px;line-height:1.45} body .kimp-l-chips{display:grid;grid-template-columns:repeat(3,1fr);width:100%} body .kimp-l-basis{display:grid;grid-template-columns:repeat(2,1fr);width:100%} body .kimp-l .kimp-l-chips button,body .kimp-l .kimp-l-basis button{white-space:normal;line-height:1.25;min-height:42px;padding:6px 4px;font-size:12.5px;text-align:center} body .kimp-l-table th.nm{width:35%} body .kimp-l-table th.px{width:26%} body .kimp-l-table th.pr{width:20%} body .kimp-l-table th.vl{width:19%} body .kimp-l-table th{vertical-align:middle;padding:9px 4px} body .kimp-l-table th.px,body .kimp-l-table td.px{padding-right:8px;text-align:right} body .kimp-l-table th.pr,body .kimp-l-table td.pr{text-align:center} body .kimp-l-table td{height:52px} body .kimp-l-table td.nm small{font-size:11px} }@media (max-width:640px){ body .kimp-l-table th.nm{width:38%} body .kimp-l-table th.px{width:26%} body .kimp-l-table th.pr{width:18.5%} body .kimp-l-table th.vl{width:17.5%} body .kimp-l-table td.nm{overflow-wrap:normal;word-break:keep-all} body .kimp-l-table td.nm b{font-size:13px} body .kimp-l-table td.nm .w{gap:6px} body .kimp-l .ic{flex-basis:24px;width:24px;height:24px} }@media (max-width:640px){ body .kimp-l table.kimp-l-table{table-layout:fixed;width:100%} body.dm .kimp-page{background:transparent} }@media (max-width:640px){ body .kimp-l-table th.px{width:24.5%} body .kimp-l-table th.pr{width:20%} body .kimp-l-table th.pr{font-size:11px;letter-spacing:-.5px;padding-left:2px;padding-right:2px} } /* ---- 홈 시세표: 헤더 문구 전환, 변동 금액/퍼센트 2줄, 칸 구분선, 선택된 코인 탭 강조 ---- */ .kimp-w .hd-mo{display:none} .kimp-w .kimp-table td .ca{display:block;font-weight:700} .kimp-w .kimp-table td .cp{display:block;font-size:.85em} @media (max-width:640px){ .kimp-w .hd-pc{display:none} .kimp-w .hd-mo{display:inline} .kimp-w .kimp-table.kimp-main th{letter-spacing:-.3px} /* 칸 구분선 (코인판처럼 열마다 세로선) */ .kimp-w .kimp-table.kimp-main th+th,.kimp-w .kimp-table.kimp-main td+td{border-left:1px solid #e1e4ea} .kimp-w .kimp-table.kimp-main td.pr{padding-left:2px;padding-right:2px} .kimp-w .kimp-table.kimp-main td .ca{white-space:nowrap} } body.dm .kimp-w .kimp-table.kimp-main th+th,body.dm .kimp-w .kimp-table.kimp-main td+td{border-left-color:#454545} /* 코인 탭: 선택된 탭은 밝게 + 위쪽 색 띠, 나머지는 회색 바탕 */ .kimp-w .kimp-tabs{background:#e9ecf1} .kimp-w .kimp-tab{background:#e9ecf1;color:#5b6270} .kimp-w .kimp-tab.on{background:#fff;color:#111;font-weight:800;box-shadow:inset 0 3px 0 #3b5bdb;border-bottom-color:#fff} body.dm .kimp-w .kimp-tabs{background:#1f1f1f} body.dm .kimp-w .kimp-tab{background:#1f1f1f;color:#9aa0aa} body.dm .kimp-w .kimp-tab.on{background:#3a4258;color:#fff;box-shadow:inset 0 3px 0 #8fb0ff;border-bottom-color:#3a4258}body.dm .kimp-w .kimp-table td.kimp-up{color:#ff8a8a} body.dm .kimp-w .kimp-table td.kimp-down{color:#7aa8ff} body.dm .kimp-w .kimp-table td.kimp-neg{color:#4ade80!important} body.dm .kimp-w .kimp-table td.kimp-pos{color:#ff8a8a} /* ---- 모바일 시세표 다듬기: 글자 작게, 24시간 변동률 한 줄(금액 + 작은 %), 프리미엄 칸 좁게 ---- */ @media (max-width:640px){ .kimp-w .kimp-table.kimp-main{font-size:12px} .kimp-w .kimp-table.kimp-main th:nth-child(1),.kimp-w .kimp-table.kimp-main td:nth-child(1){width:19%} .kimp-w .kimp-table.kimp-main th:nth-child(2),.kimp-w .kimp-table.kimp-main td:nth-child(2){width:27%} .kimp-w .kimp-table.kimp-main th:nth-child(3),.kimp-w .kimp-table.kimp-main td:nth-child(3){width:38%} .kimp-w .kimp-table.kimp-main th:nth-child(4),.kimp-w .kimp-table.kimp-main td:nth-child(4){width:16%} .kimp-w .kimp-table.kimp-main th{font-size:11.5px;padding:8px 2px} .kimp-w .kimp-table.kimp-main td{padding:9px 3px!important;font-size:12px} .kimp-w .kimp-table.kimp-main td.name,.kimp-w .kimp-table.kimp-main td.kimp-base{font-size:12px} .kimp-w .kimp-table.kimp-main td:nth-child(2){font-size:13px;font-weight:600;padding-right:6px!important} .kimp-w .kimp-table.kimp-main td.pr .ca,.kimp-w .kimp-table.kimp-main td.pr .cp{display:inline} .kimp-w .kimp-table.kimp-main td.pr .ca{font-size:12px;font-weight:600;letter-spacing:-.4px} .kimp-w .kimp-table.kimp-main td.pr .cp{margin-left:3px;font-size:10px;font-weight:400} .kimp-w .kimp-table.kimp-main td:nth-child(4){font-size:11.5px} .kimp-w .kimp-table.kimp-main td:nth-child(4) .cp{font-size:11.5px;margin:0} .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub{font-size:9.5px} }@media (max-width:640px){.kimp-w .kimp-table.kimp-main td.pr .cp{margin-left:8px}.kimp-w .kimp-table.kimp-main td:nth-child(4) .cp{margin-left:0}} /* 금액은 오른쪽 끝, 퍼센트는 왼쪽 시작으로 칸을 나눠서 줄마다 금액 자릿수가 달라도 퍼센트 위치가 같게 */ @media (max-width:640px){ .kimp-w .kimp-table.kimp-main td.pr .ca{display:inline-block;width:58%;text-align:right;white-space:nowrap;vertical-align:middle} .kimp-w .kimp-table.kimp-main td.pr .cp{display:inline-block;width:33%;margin-left:7%;text-align:left;white-space:nowrap;vertical-align:middle} .kimp-w .kimp-table.kimp-main td:nth-child(4) .ca{display:none} .kimp-w .kimp-table.kimp-main td:nth-child(4) .cp{display:inline;width:auto;margin:0} }/* 모바일: 오름/내림/프리미엄 칸의 색 바탕을 없애고 글자색만 (빨강/파랑/초록) */ @media (max-width:640px){ html body .kimp-w .kimp-table.kimp-main td.tint-red,html body .kimp-w .kimp-table.kimp-main td.tint-blue,html body .kimp-w .kimp-table.kimp-main td.tint-green{background:transparent} html body .kimp-w .kimp-table.kimp-main tbody tr:nth-child(odd) td.tint-red,html body .kimp-w .kimp-table.kimp-main tbody tr:nth-child(odd) td.tint-blue,html body .kimp-w .kimp-table.kimp-main tbody tr:nth-child(odd) td.tint-green{background:#f8f9fb} body.dm .kimp-w .kimp-table.kimp-main tbody tr:nth-child(odd) td.tint-red,body.dm .kimp-w .kimp-table.kimp-main tbody tr:nth-child(odd) td.tint-blue,body.dm .kimp-w .kimp-table.kimp-main tbody tr:nth-child(odd) td.tint-green{background:transparent} .kimp-w .kimp-table.kimp-main td.pr .ca{width:54%} .kimp-w .kimp-table.kimp-main td.pr .cp{width:34%;margin-left:12%} .kimp-w .kimp-table.kimp-main td:nth-child(4) .cp{width:auto;margin:0;font-weight:600} }/* 24시간 변동률: 칸 전체를 오른쪽 정렬 (금액 + 12px + 퍼센트 38px 고정폭, 줄마다 퍼센트 위치 동일) */ @media (max-width:640px){ .kimp-w .kimp-table.kimp-main td:nth-child(3){text-align:right;padding-right:4px!important;padding-left:0!important} .kimp-w .kimp-table.kimp-main td:nth-child(3) .ca{width:auto;left:0;text-align:right} .kimp-w .kimp-table.kimp-main td:nth-child(3) .cp{width:38px;margin-left:12px;left:0;text-align:left} }/* 프리미엄 칸: 오른쪽 정렬 */ @media (max-width:640px){ .kimp-w .kimp-table.kimp-main th:nth-child(4),.kimp-w .kimp-table.kimp-main td:nth-child(4){text-align:right;padding-left:0!important;padding-right:6px!important} .kimp-w .kimp-table.kimp-main th:nth-child(4){padding-right:6px;letter-spacing:-.6px} } /* ---- /premium 목록: 홈 시세표와 같은 모바일 구성 (코인 | 실시간(₩)+거래 | 변동 금액/% | 프리미엄) ---- */ .kimp-l .hd-mo,.kimp-l .ca,.kimp-l small.pv{display:none} @media (max-width:640px){ body .kimp-l .hd-pc{display:none} body .kimp-l .hd-mo{display:inline} body .kimp-l-table th.ch,body .kimp-l-table td.ch{display:table-cell} body .kimp-l-table th.vl,body .kimp-l-table td.vl{display:none} body .kimp-l-table th.nm{width:33%} body .kimp-l-table th.px{width:25%} body .kimp-l-table th.ch{width:26%} body .kimp-l-table th.pr{width:16%} body .kimp-l-table th{font-size:11.5px;letter-spacing:-.4px;text-align:center;padding:9px 2px} body .kimp-l-table th+th,body .kimp-l-table td+td{border-left:1px solid #e1e4ea} body .kimp-l-table td{font-size:12.5px;padding:0 5px 0 2px} body .kimp-l-table td.px{text-align:right;font-weight:600;font-size:13px;line-height:1.25} body .kimp-l-table td.px small.pv{display:block;margin-top:2px;color:#8a8f98;font-size:10px;font-weight:400;letter-spacing:-.3px;white-space:nowrap} body .kimp-l-table td.ch{text-align:right;line-height:1.25} body .kimp-l-table td.ch .ar{display:none} body .kimp-l-table td.ch .ca{font-size:12.5px;font-weight:600;letter-spacing:-.4px;white-space:nowrap} body .kimp-l-table:not(.ck-drop1):not(.ck-drop2) td.ch .ca{display:block} body .kimp-l-table td.ch .cp{display:block;font-size:10.5px;white-space:nowrap} body .kimp-l-table td.pr{text-align:right;padding-right:6px;font-size:12px;font-weight:700} body .kimp-l-table th.pr{text-align:right;padding-right:6px} body .kimp-l-table td.tint-red,body .kimp-l-table td.tint-green,body .kimp-l-table tbody tr:hover td.tint-red,body .kimp-l-table tbody tr:hover td.tint-green{background:transparent} body .kimp-l-table td{height:56px} } body.dm .kimp-l-table th+th,body.dm .kimp-l-table td+td{border-left-color:#454545} body.dm .kimp-l-table td.px small.pv{color:#9aa0aa} body.dm .kimp-l .kimp-up,body.dm .kimp-l .kimp-pos{color:#ff8a8a} body.dm .kimp-l .kimp-down{color:#7aa8ff} body.dm .kimp-l .kimp-neg{color:#4ade80}@media (max-width:640px){body .kimp-l-table th.nm{width:31%}body .kimp-l-table th.px{width:28%}body .kimp-l-table th.ch{width:25%}body .kimp-l-table th.pr{width:16%}body .kimp-l-table td.px{font-size:12.5px}} @media (max-width:640px){body .kimp-l-table th.nm{width:33%}body .kimp-l-table th.px{width:27%}body .kimp-l-table th.ch{width:24.5%}body .kimp-l-table th.pr{width:15.5%}body .kimp-l-table td.nm b{font-size:12.5px}body .kimp-l .ic{flex-basis:22px;width:22px;height:22px}body .kimp-l-table td.nm .w{gap:5px}body .kimp-l-table td.nm{padding-left:6px;padding-right:2px;overflow-wrap:anywhere}} @media (max-width:640px){html body .kimp-l .kimp-l-table td.tint-red,html body .kimp-l .kimp-l-table td.tint-green,html body.dm .kimp-l .kimp-l-table td.tint-red,html body.dm .kimp-l .kimp-l-table td.tint-green{background:transparent}} /* ---- 모바일: 24시간 추이 영역 압축 + 공포·탐욕 출처 줄 숨김(모바일에는 공포·탐욕 수치 자체를 안 보여줌) ---- */ @media (max-width:640px){ .kimp-w .kimp-trend{min-height:0;padding:8px 10px 6px} .kimp-w .kimp-trend-head{margin:0 0 4px;gap:0 8px} .kimp-w .kimp-trend-head b{font-size:12.5px} .kimp-w .kimp-trend-sub{font-size:10.5px} .kimp-w .kimp-trend-body{min-height:0;gap:4px} .kimp-w .kimp-trend-empty{min-height:56px} .kimp-w .kimp-trend-svg{height:56px} .kimp-w .kimp-trend-cur{height:56px} .kimp-w .kimp-trend-plot{padding-bottom:13px} .kimp-w .kimp-trend-axis{font-size:9.5px} .kimp-w .kimp-trend-now{gap:2px 10px} .kimp-w .kimp-trend-now small{font-size:10.5px} .kimp-w .kimp-trend-now b{font-size:15px} .kimp-w .kimp-lg{font-size:10px;gap:4px} .kimp-w .kimp-foot{padding:6px 10px;font-size:11px;gap:2px 10px} .kimp-w .kimp-foot .kimp-src{display:none} }@media (max-width:640px){ html body .kimp-w .kimp-trend{min-height:0;padding:8px 10px 6px} html body .kimp-w .kimp-trend-body{min-height:0} html body .kimp-w .kimp-trend-svg{height:56px} html body .kimp-w .kimp-trend-cur{height:56px!important} html body .kimp-w .kimp-trend-plot{padding-bottom:13px} html body .kimp-w .kimp-trend-empty{min-height:56px!important} html body .kimp-w .kimp-trend-now{flex-wrap:nowrap!important;gap:0 8px} html body .kimp-w .kimp-lg{white-space:nowrap;margin:0} }/* /premium 모바일: 헤더 "코인", "실시간(₩)" 글씨 가운데 정렬 */ @media (max-width:640px){ html body .kimp-l-table th.nm,html body .kimp-l-table th.px{text-align:center;padding-left:2px;padding-right:2px} }/* /premium 모바일: 페이지 제목 글씨 작게, 프리미엄 값은 조금 더 오른쪽으로 */ @media (max-width:640px){ html body .gxcon_area:has(.kimp-page) h2.con_title{font-size:15px;line-height:1.35;letter-spacing:-.4px} html body .kimp-l-table td.pr,html body .kimp-l-table th.pr{padding-right:2px} }@media (max-width:640px){html body .kimp-l-ref{display:none}} /* ---- 모든 화면(PC 포함): 오름/내림/프리미엄 색 바탕 제거, 글자색만 사용 (줄무늬 바탕은 유지) ---- */ html body .kimp-w .kimp-table td.tint-red,html body .kimp-w .kimp-table td.tint-blue,html body .kimp-w .kimp-table td.tint-green{background:transparent} html body .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-red,html body .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-blue,html body .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-green{background:#f8f9fb} html body .kimp-w .kimp-table tbody tr.ref td.tint-red,html body .kimp-w .kimp-table tbody tr.ref td.tint-blue,html body .kimp-w .kimp-table tbody tr.ref td.tint-green{background:#f1f3f6} html body.dm .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-red,html body.dm .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-blue,html body.dm .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-green{background:#2f2f2f} html body.dm .kimp-w .kimp-table tbody tr.ref td.tint-red,html body.dm .kimp-w .kimp-table tbody tr.ref td.tint-blue,html body.dm .kimp-w .kimp-table tbody tr.ref td.tint-green{background:#383838} html body .kimp-l .kimp-l-table td.tint-red,html body .kimp-l .kimp-l-table td.tint-green{background:transparent} html body .kimp-l .kimp-l-table tbody tr:hover td.tint-red,html body .kimp-l .kimp-l-table tbody tr:hover td.tint-green{background:#f8faff!important} html body.dm .kimp-l .kimp-l-table td.tint-red,html body.dm .kimp-l .kimp-l-table td.tint-green{background:transparent} html body.dm .kimp-l .kimp-l-table tbody tr:hover td.tint-red,html body.dm .kimp-l .kimp-l-table tbody tr:hover td.tint-green{background:rgba(255,255,255,.06)!important}@media (max-width:640px){html body .kimp-w .kimp-table.kimp-main td.kimp-base,html body .kimp-w .kimp-table.kimp-main td:nth-child(4).kimp-base{text-align:center;padding-left:0;padding-right:0!important}} /* 다크모드: 기존 다크 색 바탕 규칙(body.dm ...)보다 우선하도록 */ html body.dm .kimp-w .kimp-table td.tint-red,html body.dm .kimp-w .kimp-table td.tint-blue,html body.dm .kimp-w .kimp-table td.tint-green{background:transparent} html body.dm .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-red,html body.dm .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-blue,html body.dm .kimp-w .kimp-table tbody tr:nth-child(odd) td.tint-green{background:#2f2f2f} html body.dm .kimp-w .kimp-table tbody tr.ref td.tint-red,html body.dm .kimp-w .kimp-table tbody tr.ref td.tint-blue,html body.dm .kimp-w .kimp-table tbody tr.ref td.tint-green{background:#383838}/* 헤더의 "24시간 변동률 / 김치프리미엄" 칸만 더 진하던 회색 바탕 제거 -> 다른 헤더 칸과 같은 색 */ html body .kimp-w .kimp-table th.grp{background:#fafafa} html body.dm .kimp-w .kimp-table th.grp{background:#262626} /* 게시판 목록/글 화면 상단의 간단 시세표: 국내 4곳 + 바이낸스만 (해외 거래소, 추이 그래프, 하단 줄, 전체목록 링크 숨김) */ .kimp-w[data-mini="1"]{margin:0 0 22px} .kimp-w[data-mini="1"] tr.ov,.kimp-w[data-mini="1"] .kimp-ovbtn,.kimp-w[data-mini="1"] .kimp-trend,.kimp-w[data-mini="1"] .kimp-foot,.kimp-w[data-mini="1"] .kimp-more{display:none} /* ---- PC: 모바일처럼 열 사이 세로 실선. 금액|퍼센트로 나뉜 두 칸(pl+pr)은 한 묶음이라 그 사이에는 선 없음 ---- */ @media (min-width:641px){ html body .kimp-w .kimp-table th+th,html body .kimp-w .kimp-table td+td{border-left:1px solid #e1e4ea} html body .kimp-w .kimp-table td.pl+td.pr{border-left:0!important} html body.dm .kimp-w .kimp-table th+th,html body.dm .kimp-w .kimp-table td+td{border-left-color:#454545} html body.dm .kimp-w .kimp-table td.pl+td.pr{border-left:0} html body .kimp-l-table th+th,html body .kimp-l-table td+td{border-left:1px solid #e1e4ea} html body.dm .kimp-l-table th+th,html body.dm .kimp-l-table td+td{border-left-color:#454545} } /* 비회원 댓글 지연 안내 */ .ck-cmt-lock{display:inline-block;padding:2px 0;color:#666;line-height:1.7} .ck-cmt-lock b{color:#111} .ck-cmt-lock a{font-weight:700;color:#3b5bdb;text-decoration:underline} body.dm .ck-cmt-lock{color:#b5b5b5} body.dm .ck-cmt-lock b{color:#fff} body.dm .ck-cmt-lock a{color:#8fb0ff} /* ---- 신고 버튼 / 대화상자 / 관리 화면 ---- */ .ck-report-text{display:inline-block;margin-left:8px;padding:0;border:0;background:none;color:#8a8f98;font-size:12px;line-height:1;cursor:pointer;vertical-align:middle} .ck-report-text:hover{color:#e5252a} .ck-report-btn.done{opacity:.5;cursor:default} .ck-rp-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px} .ck-rp-overlay[hidden]{display:none} .ck-rp-box{width:100%;max-width:380px;background:#fff;color:#222;border-radius:12px;padding:18px 18px 14px;box-shadow:0 10px 30px rgba(0,0,0,.3)} .ck-rp-box h3{margin:0 0 6px;font-size:17px} .ck-rp-sub{margin:0 0 10px;color:#666;font-size:13px;line-height:1.5} .ck-rp-reasons{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px} .ck-rp-reasons label{font-size:14px;cursor:pointer} .ck-rp-memo{width:100%;min-height:64px;padding:8px;border:1px solid #d0d3db;border-radius:6px;background:#fff;color:#222;font-size:13px;box-sizing:border-box;resize:vertical} .ck-rp-msg{min-height:18px;margin:8px 0 0;font-size:13px} .ck-rp-msg.ok{color:#12a150}.ck-rp-msg.err{color:#e5252a} .ck-rp-act{display:flex;justify-content:flex-end;gap:8px;margin-top:10px} .ck-rp-act button{min-width:72px;height:38px;padding:0 14px;border:1px solid #d0d3db;border-radius:6px;background:#f4f5f7;color:#333;font-size:14px;cursor:pointer} .ck-rp-act .ck-rp-send{border-color:#e5252a;background:#e5252a;color:#fff;font-weight:700} .ck-rp-act button:disabled{opacity:.5;cursor:default} body.dm .ck-rp-box{background:#2b2b2b;color:#e6e6e6} body.dm .ck-rp-sub{color:#b5b5b5} body.dm .ck-rp-memo{background:#1f1f1f;color:#e6e6e6;border-color:#555} body.dm .ck-rp-act button{background:#3a3a3a;color:#ddd;border-color:#555} body.dm .ck-rp-act .ck-rp-send{background:#c0392b;border-color:#c0392b;color:#fff} body.dm .ck-report-text{color:#9aa0aa} .ck-rpa{padding:4px 0 20px} .ck-rpa-note{margin:0 0 14px;color:#666;font-size:14px} .ck-rpa-item{margin:0 0 14px;padding:12px 14px;border:1px solid #d5d8de;border-radius:10px;background:#fff} .ck-rpa-item.hidden{border-color:#e5252a;background:#fff7f7} .ck-rpa-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 8px} .ck-rpa-tag{padding:2px 8px;border-radius:10px;background:#eef0f4;color:#555;font-size:12px} .ck-rpa-tag.on{background:#e5252a;color:#fff} .ck-rpa-n{color:#e5252a} .ck-rpa-time{margin-left:auto;color:#8a8f98;font-size:12px} .ck-rpa-body a{display:block;font-size:15px;font-weight:700;color:#222;word-break:break-all} .ck-rpa-by{margin-top:4px;color:#767b86;font-size:12px} .ck-rpa-reasons{margin:10px 0;padding:0;list-style:none;color:#555;font-size:13px} .ck-rpa-reasons li{padding:2px 0} .ck-rpa-act{display:flex;flex-wrap:wrap;gap:6px} .ck-rpa-b{display:inline-block;padding:0 12px;height:34px;line-height:34px;border:1px solid #d0d3db;border-radius:6px;background:#f4f5f7;color:#333;font-size:13px;cursor:pointer;text-decoration:none} .ck-rpa-b.ok{border-color:#12a150;background:#12a150;color:#fff} .ck-rpa-b.bad{border-color:#e5252a;color:#e5252a;background:#fff} .ck-rpa-empty{padding:30px 0;text-align:center;color:#8a8f98} body.dm .ck-rpa-note{color:#b5b5b5} body.dm .ck-rpa-item{background:#2b2b2b;border-color:#454545} body.dm .ck-rpa-item.hidden{background:#3a2626;border-color:#a33} body.dm .ck-rpa-tag{background:#3a3a3a;color:#ccc} body.dm .ck-rpa-body a{color:#f1f2f4} body.dm .ck-rpa-reasons{color:#c8c8c8} body.dm .ck-rpa-b{background:#3a3a3a;color:#ddd;border-color:#555} body.dm .ck-rpa-b.ok{background:#12a150;color:#fff;border-color:#12a150} body.dm .ck-rpa-b.bad{background:transparent;color:#ff7a70;border-color:#a33} /* board list: badge + name stay on one line in the narrow author cell (all screen sizes) */ td.td_name .sv_member { white-space: nowrap; } td.td_name .profile_img { display: none; } td.td_name img.ck_lv { height: 26px; width: auto; vertical-align: -8px; margin-right: 3px; } td.td_name .sv { white-space: normal; width: auto; min-width: 130px; } td.td_name .sv a { display: block; white-space: nowrap; } /* name dropdown (쪽지보내기 / 자기소개 / ...): one item per line everywhere, never wrapped */ .sv_wrap .sv { white-space: normal; width: auto; min-width: 140px; } .sv_wrap .sv a { display: block; white-space: nowrap; } /* mobile dark-mode button: page content with z-index:2 (.gpe_contents_box) sat on top of it and ate the tap */ @media (max-width:1024px){ .layG_dark{z-index:99999} } /* dark mode: native checkboxes/radios (공지, html 등) were plain white boxes; tell the browser to render form controls dark */ body.dm{color-scheme:dark} body.dm input[type=checkbox],body.dm input[type=radio]{accent-color:#3a8afd} /* dark mode: the write-form checkboxes (공지/html/비밀글 etc.) are a custom span, not the native box -- it had a hardcoded white background */ body.dm .chk_box input[type="checkbox"] + label { color:#ccc } body.dm .chk_box input[type="checkbox"] + label:hover { color:#7fb0ff } body.dm .chk_box input[type="checkbox"] + label span { background:#333; border-color:#666 } body.dm .chk_box input[type="checkbox"]:checked + label { color:#fff } body.dm .chk_box input[type="checkbox"]:checked + label span { background-color:#3a8afd!important; border-color:#1471f6!important } /* dark mode: the file-input "찾아보기/파일 선택" button is a separate browser part that ignores background-color on the input itself */ body.dm input[type=file]::file-selector-button,body.dm input[type=file]::-webkit-file-upload-button{background:#444;color:#eee;border:1px solid #666;border-radius:4px} /* dark mode: the file-attach box (.file_wr, wraps the folder icon + native file input) had a hardcoded white background -- this, not the input itself, was the white box */ body.dm #bo_w .bo_w_flie .file_wr{background:#2b2b2b!important;border-color:#555!important;color:#eee!important} body.dm #bo_w .bo_w_flie .lb_icon{color:#aaa!important} /* accessibility: theme's own dark-mode widget text colors (latest-post sidebar cards) fall below WCAG AA 4.5:1 contrast; override here rather than editing the paid theme's gxDark.css */ body.dm .gx_ptop_wgBox a.moreLink{color:#a8a8a8} body.dm .gx_ptop_listTable td.date{color:#a8a8a8} body.dm .gx_ptop_listTable td.subject a.title{color:#b0b0b0!important} /* accessibility (light mode): several kimp/theme widget text colors fell below WCAG AA 4.5:1 on white/light backgrounds */ body:not(.dm) .gx_ptop_wgBox a.moreLink,body:not(.dm) .gx_ptop_wgBox a.moreLink.trans{color:#666666} /* the latest-post widget renders 3 responsive copies (mq1/mq2/side); one of them wasn't picking up the dark-mode moreLink color, so target all contexts explicitly and put this last for certainty */ body.dm .latest_mq1 .gx_ptop_wgBox a.moreLink,body.dm .latest_mq2 .gx_ptop_wgBox a.moreLink,body.dm .gpe_side_contents_R .gx_ptop_wgBox a.moreLink{color:#a8a8a8} body:not(.dm) .latest_mq1 .gx_ptop_wgBox a.moreLink,body:not(.dm) .latest_mq2 .gx_ptop_wgBox a.moreLink,body:not(.dm) .gpe_side_contents_R .gx_ptop_wgBox a.moreLink{color:#666666} /* accessibility (desktop sidebar, only visible >=1025px wide -- missed in earlier passes since testing used narrower widths): the theme's brand accent color (#f74d71, admin-configurable) is used as a solid background with white text on the login button and the two ranking-widget headings; that combo is 3.35:1, below WCAG AA 4.5:1. Darken only these three usages, not the shared accent color itself (still used elsewhere as borders/tabs where contrast isn't an issue). */ html body #ol_submit{background-color:#c9295a!important} html body .gx_ptop_h2.side.point{background-color:#c9295a!important} html body .gx_ptop_h2.side.search{background-color:#c9295a!important} /* the "접속자"/4th utility link in the top-right login bar used pure red #ff0000 on white (3.99:1); darken slightly */ html body .gpe_login li:nth-of-type(3) a,html body .gpe_login li:nth-of-type(4) a{color:#d40000} /* accessibility (desktop dark mode, sidebar login box only visible >=1025px wide -- also missed earlier): theme's own dark-mode grays for this box are below WCAG AA 4.5:1 against its #393939 background */ body.dm .gpe_login>ul>li:nth-child(1)>a,body.dm .gpe_login>ul>li:nth-child(2)>a{color:#b5b5b5!important} body.dm .gpe_login>ul>li:nth-of-type(3)>a,body.dm .gpe_login>ul>li:nth-of-type(4)>a{color:#ff8a8a!important} body.dm #auto_login_label,body.dm #ol_password_lost,body.dm .join{color:#b5b5b5} body.dm .empty_tr>td{color:#b5b5b5!important} /* the light-mode #ol_submit fix above (#c9295a bg) isn't dark enough for this box's near-white dark-mode text (#dddddd, 3.91:1); darken further only in dark mode -- body.dm class selector outranks the plain-tag light-mode rule regardless of source order */ body.dm #ol_submit{background-color:#b02050!important} /* the previous dark-mode fix for these 3 lost the cascade to the theme's own gxDark.css (a giant combined selector list like "body.dm #ol_auto label, body.dm #ol_svc a, ..." -- 1 id + 2 tags beats my 1 id + 1 class + 1 tag); re-target through their real container ids for higher specificity */ body.dm #ol_auto #auto_login_label{color:#b5b5b5!important} body.dm #ol_svc #ol_password_lost,body.dm #ol_svc .join{color:#b5b5b5!important} /* mobile write form: the native has no width cap, so on narrow phones its intrinsic content ("파일 선택" button + "선택된 파일 없음" label) is wider than .file_wr, pushing the bordered box past the right edge of the screen. Cap it to the container. */ #bo_w .bo_w_flie .file_wr{overflow:hidden} #bo_w .bo_w_flie input.frm_file{max-width:100%;box-sizing:border-box} /* news board: "코인가자 코멘트" callout + source-attribution line inside a post body */ #bo_v_con .ck-news-comment{margin:16px 0;padding:14px 16px;background:#edf3fc;border:1px solid #d6e2f4;border-left:4px solid #3a8afd;border-radius:6px;color:#222;line-height:1.6} #bo_v_con .ck-news-comment b{display:block;margin-bottom:4px;color:#2a6fd6} #bo_v_con .ck-news-src{margin:12px 0;font-size:0.92em;color:#767b86} #bo_v_con .ck-news-src a{color:#3a8afd} body.dm #bo_v_con .ck-news-comment{background:#22314a!important;border-color:#33507a!important;border-left-color:#5b9bff!important;color:#dde6f5!important} body.dm #bo_v_con .ck-news-comment b{color:#8fbcff!important} body.dm #bo_v_con .ck-news-src{color:#9aa0aa!important} body.dm #bo_v_con .ck-news-src a{color:#7fb0ff!important} /* news board: branded card image at the top of each post */ #bo_v_con .ck-news-card-wrap{margin:0 0 18px} #bo_v_con img.ck-news-card,#bo_v_con img[src*="/data/editor/news/"]{display:block;width:100%;max-width:100%;height:auto;border-radius:10px} /* news board: a bit more air between paragraphs so the body reads comfortably under the big card image */ #bo_v_con:has(img.ck-news-card) p{margin:0 0 1.1em;line-height:1.85} #bo_v_con:has(img.ck-news-card) p.ck-news-card-wrap{margin:0 0 24px} /* ---------- coinkaja footer (A안: brand + 3 link groups), theme/gx_pOne/inc/conten_area/footer.php ---------- */ /* ck-view-spacing: post view header on PC was loose (board name -> title 45px, title -> author 50px, author -> body 50px). Tightened on PC only; phones keep the theme's own spacing, which the owner likes. */ @media (min-width:1025px){ #bo_v{margin-top:14px} #bo_v #bo_v_title{margin-top:0;margin-bottom:0;padding-bottom:10px} #bo_v #bo_v_info .profile_info{margin-top:12px} #bo_v #bo_v_share{padding-top:10px;padding-bottom:10px} } /* post body typography: the theme zeroes margins/sizes of p, h2-h4, so pasted HTML articles ran together. Relative units so a post that sets its own base size (e.g. an outer div at 18px) scales with it. */ #bo_v_con p{margin:0 0 1em} #bo_v_con h2{font-size:1.3em;font-weight:700;line-height:1.4;margin:1.7em 0 .6em} #bo_v_con h3{font-size:1.12em;font-weight:700;line-height:1.45;margin:1.4em 0 .5em} #bo_v_con h4{font-size:1.02em;font-weight:700;line-height:1.5;margin:1.2em 0 .4em} #bo_v_con h2:first-child,#bo_v_con h3:first-child,#bo_v_con > div:first-child > h2:first-child{margin-top:0} #bo_v_con ul,#bo_v_con ol{margin:0 0 1em;padding-left:1.5em} #bo_v_con ul{list-style:disc} #bo_v_con ol{list-style:decimal} #bo_v_con li{margin:0 0 .35em} #bo_v_con strong,#bo_v_con b{font-weight:700} /* ck-scrap-fix: core skin/board/basic (notice, qa) fixes the share/scrap button at 80px, so "스크랩" wrapped to 2 lines */ #bo_v_share .btn{width:auto;min-width:80px;white-space:nowrap} /* ---------- mobile/tablet header (<=1024px, where the theme shows the menu button) ---------- Korean users expect the menu on the left: menu button left, logo centred, search button right. The drawer opens from the left too, its close (X) sits just right of it. Theme rules use !important/right:N% per breakpoint, so these overrides need !important as well. */ .ck-hsch-btn,.ck-hsch{display:none} @media all and (max-width:1024px){ .layG_munu_MobileBtn{left:4px;right:auto !important} .gnb1_area_wrap0 .gpe_logo{left:50% !important;top:50% !important;transform:translate(-50%,-50%);text-align:center;line-height:0} .ck-hsch-btn{display:block;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:50px;height:50px;padding:0;border:0;background:transparent;color:#000;font-size:23px;line-height:50px;text-align:center;cursor:pointer;z-index:3} .ck-hsch.open{display:block;position:fixed;left:0;right:0;top:61px;z-index:3;padding:10px 12px;background:#fff;border-bottom:1px solid #e3e7ee;box-shadow:0 6px 14px rgba(0,0,0,.08)} .ck-hsch form{display:flex;gap:8px;margin:0} .ck-hsch input[type=search]{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #cfd3da;border-radius:8px;background:#fff;color:#222;font-size:16px;box-sizing:border-box} .ck-hsch button[type=submit]{flex:0 0 auto;height:44px;padding:0 18px;border:0;border-radius:8px;background:#12a86b;color:#fff;font-size:15px;font-weight:700;cursor:pointer} .layG_mobileM_G{left:0;right:auto !important} .layG_mobileM_G_close{right:auto !important;left:30%} body.dm .ck-hsch-btn{color:#fff} body.dm .ck-hsch.open{background:#2b2b2b;border-bottom-color:#454545;box-shadow:0 6px 14px rgba(0,0,0,.4)} } @media all and (max-width:979px){.layG_mobileM_G_close{left:40%}} @media all and (max-width:768px){.layG_mobileM_G_close{left:50%}} @media all and (max-width:707px){.layG_mobileM_G_close{left:60%}} @media all and (max-width:480px){.layG_mobileM_G_close{left:70%}} /* the theme's OWN mobile-drawer search box (separate element from .gpe_search) - redundant now that the header has its own dedicated search button (ck-hsch-btn), so it's hidden rather than left duplicating the same form */ .layG_mobileM_search{display:none} /* ck-drawer-clearfix: .layG_mobileM_login's
  • buttons float, and the theme relied on .layG_mobileM_search (clear:both) right after it to stop the float leaking into the next row -- hiding that search box removed the clear, so "새글" (in .layG_mobileM_loginEtc, right after it) rendered underneath the login/join buttons. */ .layG_mobileM_loginEtc{clear:both} /* ck-hide-grselect: /bbs/new.php "전체그룹" select - the site has only one board group (커뮤니티), so the filter never changes results; hidden rather than removed from markup (keeps new.php's own JS happy) */ /* ck-side-newall start: SIDE "전체 최신글" 게시판 이름표 */ .gx_ptop_listTable td.subject .ck-newall-bo{display:inline-block;margin-right:5px;padding:0 5px;border:1px solid #e1e4e8;border-radius:3px;font-size:11px;font-weight:400;line-height:17px;color:#6b7280;vertical-align:1px} html body.dm .gx_ptop_listTable td.subject .ck-newall-bo{border-color:#4a4e55;color:#a9aeb6} /* ck-side-newall end */ /* ck-report-gng start: 신고 버튼을 추천/비추천 옆(#bo_v_act)에서 같은 알약 모양으로 보이게 함. 원본 크기(#bo_v_act .bo_v_good/.bo_v_nogood)를 그대로 복제: border 1px #dedede, width 70px, line-height 46px, radius 30px */ #bo_v_act .bo_v_act_report{display:inline-block;vertical-align:middle} #bo_v_act .ck-report-btn{display:inline-block;box-sizing:border-box;width:70px;height:48px;line-height:46px;padding:0;margin:0;border:1px solid #dedede;border-radius:30px;background:transparent;color:#4a5158;font-size:15px;text-align:center;cursor:pointer} #bo_v_act .ck-report-btn:hover{background-color:#fff;color:#ff484f;border-color:#ff484f} #bo_v_act .ck-report-btn i{font-size:1.4em;margin-right:0} body.dm #bo_v_act .ck-report-btn{color:#ccc;background:transparent;border-color:#dedede!important} body.dm #bo_v_act .ck-report-btn:hover{color:#ff6b6f!important;border-color:#ff6b6f!important} /* ck-report-gng end */ /* ck-laptop-fit start: 1025~1327px laptop widths - no horizontal cut-off */ @media (min-width:1025px){ .gpe_allcon_wrap0{max-width:100%} .gnb1_area_wrap0,.footer_Util_wrap0,.mainmenu_wrap0,.allmenu_list{max-width:calc(100% - 40px)} } /* 1025~1259: keep the PC layout (sidebar on the right) and scale the page down to the window (layout fits at 1260) */ @media (min-width:1025px) and (max-width:1064px){body{zoom:.813}} @media (min-width:1065px) and (max-width:1104px){body{zoom:.845}} @media (min-width:1105px) and (max-width:1144px){body{zoom:.877}} @media (min-width:1145px) and (max-width:1184px){body{zoom:.908}} @media (min-width:1185px) and (max-width:1224px){body{zoom:.940}} @media (min-width:1225px) and (max-width:1259px){body{zoom:.972}} /* ck-laptop-fit end */ /* ck-rank start: 회원 계급표 images in notice #2 (PC / mobile version) */ #bo_v_con .ck-rank-img{margin:4px 0 18px} #bo_v_con .ck-rank-img img{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.18)} #bo_v_con .ck-rank-img.mo{display:none} @media (max-width:900px){ #bo_v_con .ck-rank-img.pc{display:none} #bo_v_con .ck-rank-img.mo{display:block;max-width:560px;margin:4px auto 18px} } /* ck-rank end */ /* ck-mb start: logged-in member card (sidebar outlogin + mobile drawer) */ #ol_after.ck-mb-ol{padding:22px 20px 16px;border:0} .ck-mb{--c:#1f5fbf;--t:#eef4fd;--b:#d3e2f8;font-size:14px;line-height:1.35;color:#1f2330;text-align:left} .ck-mb *{box-sizing:border-box} .ck-mb a{text-decoration:none} .ck-mb-top{display:flex;align-items:center;gap:12px;margin-bottom:14px} .ck-mb-av{flex:none;width:58px;height:58px;border-radius:50%;padding:3px;background:#fff;box-shadow:0 0 0 2.5px #7ea9e0;overflow:hidden;display:block} .ck-mb-av img{display:block;width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;margin:0!important} .ck-mb-id{flex:1;min-width:0} .ck-mb-id b{display:flex;align-items:baseline;font-size:17px;font-weight:800;color:#141824;letter-spacing:-.3px;min-width:0} .ck-mb-id b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ck-mb-id b em{flex:none;font-style:normal;font-weight:500;font-size:14px;color:#6b7280;margin-left:2px} .ck-mb-edit{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 11px;border:1px solid #d9dde5;border-radius:20px;background:#fff;color:#374151!important;font-size:12.5px;font-weight:600} .ck-mb-edit:hover{border-color:#9db8e3;color:#1f5fbf!important} .ck-mb-adm{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fdecef;color:#d9364a!important;font-size:19px} .ck-mb-adm:hover{background:#fbd8de} .ck-mb-rank{display:flex;align-items:center;gap:11px;padding:12px 12px 11px;border-radius:14px;background:var(--t);border:1px solid var(--b);color:inherit!important} .ck-mb-rank:hover{box-shadow:0 3px 12px rgba(20,40,90,.10)} .ck-mb-badge{flex:none;width:54px!important;height:54px!important;border-radius:12px;box-shadow:0 3px 8px rgba(0,0,0,.18)} .ck-mb-rk{flex:1;min-width:0;display:block} .ck-mb-rk1{display:flex;align-items:center;gap:6px} .ck-mb-rk1 b{font-size:19px;font-weight:900;color:#141824;letter-spacing:-.5px;white-space:nowrap} .ck-mb-pill{padding:2px 8px;border-radius:20px;background:var(--c);color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap} .ck-mb-rk1 em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;color:#8a93a3} .ck-mb-bar{display:block;height:8px;margin:8px 0 6px;border-radius:8px;background:#dfe4ec;overflow:hidden} .ck-mb-bar i{display:block;height:100%;border-radius:8px;background:var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c))} .ck-mb-rk2{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:#4b5563;white-space:nowrap} .ck-mb-rk2 span{overflow:hidden;text-overflow:ellipsis} .ck-mb-rk2 b{color:#141824} .ck-mb-rk2 strong{color:var(--c);font-weight:800} .ck-mb-rank.g-en{--c:#2e8b3a;--t:#eef8ef;--b:#cfe8d3} .ck-mb-rank.g-nco{--c:#b07c0c;--t:#fdf6e6;--b:#f0dfb4} .ck-mb-rank.g-wo{--c:#5b45b8;--t:#f3f0fc;--b:#dcd4f4} .ck-mb-rank.g-co{--c:#1f5fbf;--t:#eef4fd;--b:#d3e2f8} .ck-mb-rank.g-fo{--c:#c0303c;--t:#fdf0f1;--b:#f3d0d4} .ck-mb-rank.g-gen{--c:#1d3f93;--t:#eef2fb;--b:#cdd8f0} .ck-mb-rank.g-staff{--c:#c21d30;--t:#fdf0f1;--b:#f3d0d4} .ck-mb-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px} .ck-mb-card{display:block;padding:11px 11px 10px;border-radius:14px;border:1px solid;color:inherit!important;min-width:0} .ck-mb-card:hover{box-shadow:0 3px 12px rgba(20,40,90,.10)} .ck-mb-card.pt{background:#f0f5fe;border-color:#d6e3f7} .ck-mb-card.at{background:#fff7ec;border-color:#f6ddb8} .ck-mb-ct{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;white-space:nowrap} .ck-mb-ct i{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px} .ck-mb-card.pt .ck-mb-ct{color:#1f5fbf}.ck-mb-card.pt .ck-mb-ct i{background:#2f7ae5} .ck-mb-card.at .ck-mb-ct{color:#c26a00}.ck-mb-card.at .ck-mb-ct i{background:#f08c00} .ck-mb-card b{display:block;margin:7px 0 3px;font-size:22px;font-weight:900;color:#141824;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ck-mb-card b small{margin-left:2px;font-size:13px;font-weight:800} .ck-mb-card.pt b small{color:#2f7ae5}.ck-mb-card.at b small{color:#f08c00} .ck-mb-cs{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280;white-space:nowrap} .ck-mb-cs i{font-size:15px;color:#9aa3b2} .ck-mb-card.at.done .ck-mb-cs{color:#0b7a45} .ck-mb-foot{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;padding-top:10px;border-top:1px solid #eceef2} .ck-mb-foot a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 0;color:#4b5563!important;font-size:12.5px;white-space:nowrap} .ck-mb-foot a i{font-size:18px;color:#6b7280} .ck-mb-foot a b{color:#141824} .ck-mb-foot a:hover,.ck-mb-foot a:hover i{color:#1f5fbf!important} /* mobile drawer */ .ck-mb--drawer{margin:14px 14px 6px;padding:16px 14px 10px;border-radius:16px;background:#fff;border:1px solid #e6e9ef;box-shadow:0 4px 16px rgba(0,0,0,.06)} .layG_mobileM_G .ck-mb--drawer ~ .layG_mobileM_login{display:none} @media (max-width:560px){ .ck-mb--drawer{margin:12px 10px 4px;padding:13px 10px 8px} .ck-mb--drawer .ck-mb-top{gap:9px;margin-bottom:11px} .ck-mb--drawer .ck-mb-av{width:46px;height:46px;padding:2px} .ck-mb--drawer .ck-mb-id b{font-size:15px} .ck-mb--drawer .ck-mb-edit{padding:3px 9px;font-size:11.5px;margin-top:4px} .ck-mb--drawer .ck-mb-adm{width:32px;height:32px;font-size:16px} .ck-mb--drawer .ck-mb-rank{gap:8px;padding:9px 9px 8px;border-radius:12px} .ck-mb--drawer .ck-mb-badge{width:42px!important;height:42px!important;border-radius:10px} .ck-mb--drawer .ck-mb-rk1{gap:4px} .ck-mb--drawer .ck-mb-rk1 b{font-size:16px} .ck-mb--drawer .ck-mb-pill{padding:1px 6px;font-size:10.5px} .ck-mb--drawer .ck-mb-rk1 em{font-size:11px} .ck-mb--drawer .ck-mb-bar{height:6px;margin:6px 0 5px} .ck-mb--drawer .ck-mb-rk2{font-size:10.5px} .ck-mb--drawer .ck-mb-cards{gap:6px;margin-top:8px} .ck-mb--drawer .ck-mb-card{padding:8px 8px 7px;border-radius:12px} .ck-mb--drawer .ck-mb-ct{gap:4px;font-size:11.5px} .ck-mb--drawer .ck-mb-ct i{width:18px;height:18px;font-size:9.5px} .ck-mb--drawer .ck-mb-card b{margin:5px 0 2px;font-size:17px} .ck-mb--drawer .ck-mb-card b small{font-size:11px} .ck-mb--drawer .ck-mb-cs{font-size:10.5px} .ck-mb--drawer .ck-mb-cs i{font-size:13px} .ck-mb--drawer .ck-mb-foot{margin-top:9px;padding-top:7px} .ck-mb--drawer .ck-mb-foot a{gap:3px;font-size:11px} .ck-mb--drawer .ck-mb-foot a i{font-size:16px} } /* dark mode */ body.dm .ck-mb{color:#e6e6e6} body.dm .ck-mb-av{background:#2f2f2f;box-shadow:0 0 0 2.5px #5b7fb5} body.dm .ck-mb-id b{color:#f2f2f2} body.dm .ck-mb-id b em{color:#a8adb7} body.dm .ck-mb-edit{background:#2f2f2f;border-color:#555;color:#ddd!important} body.dm .ck-mb-adm{background:#4a2a2f;color:#ff8a96!important} body.dm .ck-mb-rank{background:#2e3240;border-color:#454b5e} body.dm .ck-mb-rk1 b,body.dm .ck-mb-rk2 b{color:#f2f2f2} body.dm .ck-mb-rk1 em{color:#a8adb7} body.dm .ck-mb-rk2{color:#c3c8d2} body.dm .ck-mb-rk2 strong{color:#9fc1ff;color:color-mix(in srgb,var(--c) 45%,#fff)} body.dm .ck-mb-bar{background:#454b5e} body.dm .ck-mb-card.pt{background:#27324a;border-color:#3b4a6b} body.dm .ck-mb-card.at{background:#3a3024;border-color:#5d4a2f} body.dm .ck-mb-card.pt .ck-mb-ct{color:#8fb8ff} body.dm .ck-mb-card.at .ck-mb-ct{color:#ffb454} body.dm .ck-mb-card b{color:#f2f2f2} body.dm .ck-mb-cs{color:#b3b8c2} body.dm .ck-mb-card.at.done .ck-mb-cs{color:#3ddc84} body.dm .ck-mb-foot{border-top-color:#4a4a4a} body.dm .ck-mb-foot a{color:#c9cdd4!important} body.dm .ck-mb-foot a i{color:#aab0ba} body.dm .ck-mb-foot a b{color:#f2f2f2} body.dm .ck-mb--drawer{background:#2f2f2f;border-color:#444} /* ck-mb end */ /* ck-bn start: "이 게시판의 다른 글" list under the comments (extend/coinkaja_boardnav.extend.php) */ .ck-bn{margin:44px 0 30px;font-size:14px;line-height:1.4;color:#222} .ck-bn *{box-sizing:border-box} .ck-bn-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px} .ck-bn-hd h2{position:relative;margin:0;padding-left:13px;font-size:18px;font-weight:800;letter-spacing:-.4px;color:#111} .ck-bn-hd h2:before{content:"";position:absolute;left:0;top:50%;width:4px;height:17px;margin-top:-8.5px;border-radius:2px;background:#e8334a} .ck-bn-hd h2 span{font-weight:500;color:#6b7280} .ck-bn-all{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid #dfe3ea;border-radius:20px;color:#4b5563;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none} .ck-bn-all:hover{border-color:#9db8e3;color:#1f5fbf!important} .ck-bn-all i{font-size:15px} .ck-bn-head,.ck-bn-row{display:flex;align-items:center;gap:0} .ck-bn-head{height:40px;padding:0 14px;border-top:2px solid #2b2f3a;border-bottom:1px solid #e3e6eb;background:#f8f9fb;color:#6b7280;font-size:13px;font-weight:600} .ck-bn-head .ck-bn-sub{justify-content:center} .ck-bn-list{list-style:none;margin:0;padding:0} .ck-bn-list:focus{outline:none} .ck-bn-row{min-height:48px;padding:0 14px;border-bottom:1px solid #eef0f3;transition:background-color .12s} .ck-bn-row:hover{background:#f7f9fc} .ck-bn-sub{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:12px 10px 12px 0;color:#1f2330;text-decoration:none} a.ck-bn-sub:hover .ck-bn-t{color:#1f5fbf;text-decoration:underline;text-underline-offset:3px} .ck-bn-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;letter-spacing:-.2px} .ck-bn-c{flex:none;text-align:center;color:#6b7280;font-size:13px;white-space:nowrap} .ck-bn-name{width:136px;display:flex;align-items:center;justify-content:flex-start;padding-left:6px;overflow:hidden;color:#374151} .ck-bn-name span{overflow:hidden;text-overflow:ellipsis} .ck-bn-name img{flex:none} .ck-bn-date{width:58px} .ck-bn-hit,.ck-bn-good{width:48px} .ck-bn-head .ck-bn-name{justify-content:center;padding-left:0} .ck-bn-lb{display:none} .ck-bn-tag{flex:none;display:inline-block;padding:1px 7px;border-radius:10px;font-style:normal;font-size:11.5px;font-weight:700;line-height:18px} .ck-bn-tag.cur{background:#2f6fe4;color:#fff} .ck-bn-tag.nt{background:#fdecef;color:#d7263d} .ck-bn-tag.hd{background:#fff4d6;color:#7a5200} .ck-bn-cmt{flex:none;color:#2f6fe4;font-size:12.5px;font-weight:800} .ck-bn-cmt:before{content:"["}.ck-bn-cmt:after{content:"]"} .ck-bn-new{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;background:#e3f7ea;color:#0b7a45;font-size:10.5px;font-weight:800} .ck-bn-lock,.ck-bn-re{flex:none;color:#9aa3b2;font-size:13px} .ck-bn-row.is-cur{background:#f0f5ff;box-shadow:inset 3px 0 0 #2f6fe4} .ck-bn-row.is-cur .ck-bn-t{color:#1f5fbf;font-weight:800} .ck-bn-row.is-notice .ck-bn-t{font-weight:700} .ck-bn-pg{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 0} .ck-bn-pg[hidden]{display:none} .ck-bn-pg button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid #dfe3ea;border-radius:20px;background:#fff;color:#374151;font-size:13.5px;font-weight:600;cursor:pointer} .ck-bn-pg button:hover:not(:disabled){border-color:#9db8e3;color:#1f5fbf} .ck-bn-pg button:disabled{opacity:.4;cursor:default} .ck-bn-pg button i{font-size:16px} .ck-bn-pos{min-width:84px;text-align:center;color:#6b7280;font-size:13px} .ck-bn.is-busy .ck-bn-list{opacity:.5} /* <=1024: the theme pads #bo_v by 20px (mediaCSS.css) and the block sits outside #bo_v -> same inset + the panel's bottom spacing */ @media (max-width:1024px){.ck-bn{margin:44px 20px 50px}} @media (min-width:641px) and (max-width:1024px){.ck-bn-name{width:118px}} @media (max-width:640px){ .ck-bn{margin-top:34px} .ck-bn-hd h2{font-size:16.5px} .ck-bn-head{display:none} .ck-bn-list{border-top:2px solid #2b2f3a} .ck-bn-row{display:none;flex-wrap:wrap;align-items:center;column-gap:10px;padding:11px 12px 10px} .ck-bn-row.mo{display:flex} .ck-bn-sub{flex:0 0 100%;padding:0 0 5px} .ck-bn-sub{align-items:flex-start} .ck-bn-t{font-size:14.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45} .ck-bn-tag,.ck-bn-new,.ck-bn-cmt,.ck-bn-lock,.ck-bn-re{margin-top:2px} .ck-bn-c{width:auto;padding:0;font-size:12px;color:#6b7280} .ck-bn-name{color:#4b5563} .ck-bn-lb{display:inline} .ck-bn-pg{gap:10px} .ck-bn-pg button{height:34px;padding:0 13px;font-size:13px} } body.dm .ck-bn{color:#e6e6e6} body.dm .ck-bn-hd h2{color:#f2f2f2} body.dm .ck-bn-hd h2 span{color:#a8adb7} body.dm .ck-bn-all{border-color:#555;color:#d0d4db} body.dm .ck-bn-head{background:#333;border-top-color:#8a8f99;border-bottom-color:#4a4a4a;color:#b3b8c2} body.dm .ck-bn-list{border-top-color:#8a8f99} body.dm .ck-bn-row{border-bottom-color:#454545} body.dm .ck-bn-row:hover{background:#353535} body.dm .ck-bn-sub{color:#e8e8e8} body.dm a.ck-bn-sub:hover .ck-bn-t{color:#8fb8ff} body.dm .ck-bn-c{color:#aab0ba} body.dm .ck-bn-name{color:#d0d4db} body.dm .ck-bn-row.is-cur{background:#2a3450;box-shadow:inset 3px 0 0 #5b8def} body.dm .ck-bn-row.is-cur .ck-bn-t{color:#9fc1ff} body.dm .ck-bn-cmt{color:#8fb8ff} body.dm .ck-bn-new{background:#1f3b2b;color:#3ddc84} body.dm .ck-bn-tag.nt{background:#4a2a2f;color:#ff8a96} body.dm .ck-bn-tag.hd{background:#4a3f22;color:#ffd27a} body.dm .ck-bn-pg button{background:#2f2f2f;border-color:#555;color:#d0d4db} body.dm .ck-bn-pos{color:#aab0ba} /* ck-bn end */ /* ck-pcview start: "PC버전으로 보기 / 모바일 버전으로 보기" (extend/coinkaja_pcview.extend.php) */ .ck-viewsw-wrap,.ck-viewsw-drw{display:none} .ck-viewsw{display:none;align-items:center;justify-content:center;gap:7px;margin:0;padding:9px 18px;border:1px solid #d5d9e0;border-radius:999px;background:#fff;color:#374151;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent} .ck-viewsw i{font-size:16px;color:inherit} .ck-viewsw:hover,.ck-viewsw:active{background:#f0f4fb;border-color:#9db8e3;color:#1f5fbf} .ck-viewsw:focus-visible{outline:2px solid #4c8dff;outline-offset:2px} /* phone / tablet layout (<=1024px), normal view: small "PC버전으로 보기" in the footer and at the bottom of the menu drawer */ @media (max-width:1024px){ html.ck_touch:not(.ck_pcview) .ck-viewsw-wrap{display:block;padding:16px 0 4px;text-align:center;flex:0 0 100%;width:100%} html.ck_touch:not(.ck_pcview) .ck-viewsw-pc{display:inline-flex} html.ck_touch:not(.ck_pcview) .ck-viewsw-drw{display:block;padding:18px 16px 26px;text-align:center} html.ck_touch:not(.ck_pcview) .ck-viewsw-drw .ck-viewsw{width:100%;max-width:280px} /* the menu drawer is dark in both themes */ html.ck_touch .ck-viewsw-drw .ck-viewsw,body.dm .ck-viewsw-drw .ck-viewsw{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.28);color:#dbe3ef} html.ck_touch .ck-viewsw-drw .ck-viewsw:hover,html.ck_touch .ck-viewsw-drw .ck-viewsw:active,body.dm .ck-viewsw-drw .ck-viewsw:hover,body.dm .ck-viewsw-drw .ck-viewsw:active{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff} } /* PC view (viewport 1280 wide, phone shows it zoomed out): the way back must be big enough to hit */ html.ck_pcview .ck-viewsw-wrap{display:block;padding:26px 0 40px;text-align:center;clear:both;flex:0 0 100%;width:100%} html.ck_pcview .ck-viewsw-wrap .ck-viewsw-mo{display:inline-flex;gap:14px;padding:22px 52px;font-size:36px;border-width:2px;border-color:#1f5fbf;background:#1f5fbf;color:#fff} html.ck_pcview .ck-viewsw-wrap .ck-viewsw-mo i{font-size:44px} html.ck_pcview .ck-viewsw-wrap .ck-viewsw-mo:hover,html.ck_pcview .ck-viewsw-wrap .ck-viewsw-mo:active{background:#184c99;border-color:#184c99;color:#fff} /* dark mode */ body.dm .ck-viewsw{background:#3a3a3a;border-color:#5a5a5a;color:#e2e5ea} body.dm .ck-viewsw:hover,body.dm .ck-viewsw:active{background:#46505f;border-color:#6d84ad;color:#bcd3ff}html.ck_pcview body.dm .ck-viewsw-wrap .ck-viewsw-mo{background:#3f7be0;border-color:#3f7be0;color:#fff} html.ck_pcview body.dm .ck-viewsw-wrap .ck-viewsw-mo:hover,html.ck_pcview body.dm .ck-viewsw-wrap .ck-viewsw-mo:active{background:#5a90ea;border-color:#5a90ea} /* ck-pcview end */ /* ck-view-spacing-m: same tightening on phones/tablets (owner asked: gaps between board name, title, author line and toolbar icons were too wide). */ @media (max-width:1024px){ #bo_v{margin-top:8px} #bo_v #bo_v_title{margin-top:0;margin-bottom:0;padding-bottom:8px} #bo_v #bo_v_info .profile_info{margin-top:8px;margin-bottom:4px} #bo_v #bo_v_top .btn_bo_user{margin-top:6px;margin-bottom:6px} } /* /ck-view-spacing-m */ /* ck-board-font16: owner asked for 16px default on all boards (was 15px): post body, comments, list titles. Inline sizes inside posts still win. */ html body #bo_v_con,html body #bo_v_con p,html body #bo_v_con li,html body #bo_v_con td,html body #bo_v_con th, html body #bo_vc .cmt_contents,html body #bo_vc .cmt_contents p,html body #bo_vc_w textarea, html body #bo_list td.td_subject,html body #bo_list td.td_subject a{font-size:16px} /* /ck-board-font16 */ /* ck-board-font16b: old posts/comments that set a small inline size (10-15px) are shown at 16px too (owner: change old posts as well). Nothing is changed in the database. */ html body #bo_v_con [style*="font-size:10px"],html body #bo_v_con [style*="font-size: 10px"], html body #bo_v_con [style*="font-size:11px"],html body #bo_v_con [style*="font-size: 11px"], html body #bo_v_con [style*="font-size:12px"],html body #bo_v_con [style*="font-size: 12px"], html body #bo_v_con [style*="font-size:13px"],html body #bo_v_con [style*="font-size: 13px"], html body #bo_v_con [style*="font-size:14px"],html body #bo_v_con [style*="font-size: 14px"], html body #bo_v_con [style*="font-size:15px"],html body #bo_v_con [style*="font-size: 15px"], html body #bo_v_con [style*="font-size:9pt"],html body #bo_v_con [style*="font-size: 9pt"], html body #bo_v_con [style*="font-size:10pt"],html body #bo_v_con [style*="font-size: 10pt"], html body #bo_v_con [style*="font-size:11pt"],html body #bo_v_con [style*="font-size: 11pt"], html body #bo_vc .cmt_contents [style*="font-size:12px"],html body #bo_vc .cmt_contents [style*="font-size:13px"],html body #bo_vc .cmt_contents [style*="font-size:14px"],html body #bo_vc .cmt_contents [style*="font-size:15px"]{font-size:16px!important} /* /ck-board-font16b */ /* ck-dm-fix: dark-mode leftovers found by the 2026-10-01 audit (widget page preview box + links, home list dates, empty-comment note, 404 page, FAQ page) */ body.dm .ckw-prev{background:#1c1f26} body.dm .ckw ul.ckw-ul a{color:#7fb0ff} body.dm .titconArea .date{color:#a8a8a8!important} body.dm #bo_vc_empty{color:#b9b9b9} body.dm .gxcon_area.subcon > div[style*="padding:60px 20px"]{color:#ddd} body.dm .gxcon_area.subcon > div[style*="padding:60px 20px"] a{color:#7fb0ff} body.dm #faq_sch{background:#2f2f2f;border-color:#4a4a4a} body.dm #faq_wrap,body.dm #faq_con{color:#ddd} body.dm #bo_cate a#bo_cate_on{color:#fff} /* /ck-dm-fix */ /* ck-view-share-empty start (2026-10-02, phones/tablets only: the empty share box under the post header kept 40px of padding, and blank lines at the very start of a post body are hidden; PC unchanged) */ @media (max-width:1024px){#bo_v #bo_v_share:not(:has(*)){padding:0;margin:0}#bo_v_con .ck-lead-blank{display:none}} #bo_v_con .ck-lead-blank + h2,#bo_v_con .ck-lead-blank + h3,#bo_v_con .ck-lead-blank + div > h2:first-child{margin-top:0} /* ck-view-share-empty end */ /* ck-newline-dm start (2026-10-03: new posts list, dark mode row lines on tablet/PC; html body.dm #fnewlist tbody td{border:0} above removed them) */ @media (min-width:768px){html body.dm #fnewlist tbody td{border-bottom:1px solid #777!important}} /* ck-newline-dm end */ /* ck-audit-1003 group-A css start (2026-10-04 audit fixes: contrast, dark mode, phone sizes). site.css loads BEFORE the theme css, so every rule here starts with "html body" to win over the theme's own rules of the same weight. Light = no body.dm, dark = body.dm. */ /* ck-audit-1003-pager start: UIB-1 page numbers readable (light #555 on #eee 6.4:1), current page 5.3:1, dark boxes in dark mode */ html body .pg_page{color:#555} html body .pg_current{background-color:#c9295a!important;border-color:#c9295a!important;color:#fff} html body.dm .pg_page{background-color:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0} html body.dm .pg_page:hover,html body.dm .pg_start:hover,html body.dm .pg_prev:hover,html body.dm .pg_next:hover,html body.dm .pg_end:hover{background-color:#4a4a4a} html body.dm .pg_start,html body.dm .pg_prev,html body.dm .pg_next,html body.dm .pg_end{background-color:#3a3a3a;border-color:#4a4a4a} /* ck-audit-1003-pager end */ /* ck-audit-1003-att-al start: UIB-2 /attendance and /alert text at 4.5:1 or more in light and dark */ html body .ck-att .ck-att-stats span,html body .ck-att .ck-att-stats small,html body .ck-att .ck-att-grid i.wk{color:#5f6673} html body .ck-att .ck-att-grid i.wk.sun{color:#d91f26} html body .ck-att .ck-att-grid i.wk.sat{color:#1f5fd6} html body .ck-att .ck-att-grid span.miss{color:#4b5563} html body .ck-att .ck-att-grid span.future{color:#6b7280} html body .ck-att .ck-att-grid span.on,html body .ck-att .ck-att-btn,html body #ol_after .ck-att-btn-ol,html body .ck-al .ck-al-btn{background:#2563eb} html body .ck-att .ck-att-btn:hover,html body .ck-al .ck-al-btn:hover{background:#1d4ed8} html body .ck-att .ck-att-btn.done{background:#dfe3ea;color:#4b5563} html body #ol_after .ck-att-btn-ol.done{background:#e6e8ed;color:#4b5563!important} html body .ck-al .ck-al-btn.ghost:hover{background:#d5d8de} html body .ck-al .ck-al-steps li{color:#5f6673} html body .ck-al .ck-al-steps li b{background:#e5e7eb;color:#374151} html body .ck-al .ck-al-steps li.now b{background:#2563eb;color:#fff} html body .ck-al .ck-al-steps li.done b{background:#1e7a45;color:#fff} html body .ck-al .ck-al-muted,html body .ck-al .ck-al-card h2 small,html body .ck-al .ck-al-form label{color:#5f6673} html body .ck-al .ck-al-coinpick-trigger small,html body .ck-al .ck-al-coinpick-trigger .arrow,html body .ck-al .ck-al-coinpick-item small,html body .ck-al .ck-al-coinpick-empty,html body .ck-al .ck-al-table td small{color:#6b7280} html body .ck-al .ck-al-help a{color:#1f5fd6} html body.dm .ck-att .ck-att-sub b{color:#ff7b7b} html body.dm .ck-att .ck-att-stats span,html body.dm .ck-att .ck-att-stats small,html body.dm .ck-att .ck-att-grid i.wk{color:#a8adb7} html body.dm .ck-att .ck-att-grid i.wk.sun{color:#ff7b7b} html body.dm .ck-att .ck-att-grid i.wk.sat{color:#7fb0ff} html body.dm .ck-att .ck-att-grid span.miss{color:#b4b4b4} html body.dm .ck-att .ck-att-grid span.future{color:#969696} html body.dm .ck-att .ck-att-btn.done{background:#3a3a3a;color:#c0c0c0} html body.dm #ol_after .ck-att-btn-ol.done{background:#3a3a3a;color:#c0c0c0!important} html body.dm .ck-al .ck-al-steps li:not(.now):not(.done) b{background:#454545;color:#e6e6e6} html body.dm .ck-al .ck-al-muted,html body.dm .ck-al .ck-al-card h2 small{color:#a8adb7} html body.dm .ck-al .ck-al-coinpick-trigger .arrow,html body.dm .ck-al .ck-al-table td small{color:#b0b0b0} html body.dm .ck-al .ck-al-btn.ghost:hover{background:#4a4a4a} /* ck-audit-1003-att-al end */ /* ck-audit-1003-search start: UIB-3 dark-mode search text + design-17 calmer keyword highlight, phone side padding, one-group select hidden */ html body .sch_word{background:#fff2a8;color:inherit;padding:0 1px;margin:0;border-radius:2px;font-weight:700;line-height:inherit} html body.dm .sch_word{background:#5c4b00;color:#fff} html body #sch_res_ov ul{color:#44608c} html body #sch_res_ov h2 strong{color:#c8004a} html body #sch_res_board a{color:#2f63c0} html body #sch_res_board .cnt_cmt{color:inherit} html body #sch_res_board a:hover,html body #sch_res_board a:focus,html body #sch_res_board .sch_on{background:#1f6fe0;border-color:#1f6fe0;color:#fff} html body .sch_res_list .sch_info{color:#666} html body .sch_res_list .sch_more{color:#1f5fd6} html body.dm .sch_res_list .sch_more{color:#8fb8ff} html body #sch_res_detail select#gr_id:not(:has(option:nth-child(3))){display:none} html body.dm #sch_res_ov h2 strong{color:#ffa3b9} html body.dm #sch_res_ov ul,html body.dm #sch_res_ov li{color:#bbb!important} html body.dm .sch_res_list p{color:#bbb!important} html body.dm .sch_res_list .sch_info,html body.dm .sch_res_list .sch_datetime{color:#b0b0b0} html body.dm #sch_res_board a{color:#8fb8ff;border-color:#4a5a78} html body.dm #sch_res_board a:hover,html body.dm #sch_res_board a:focus,html body.dm #sch_res_board .sch_on{background:#1f6fe0;border-color:#1f6fe0;color:#fff} @media (max-width:640px){html body #sch_result .sch_res_list,html body #sch_result #sch_res_board{padding-left:10px;padding-right:10px}} /* ck-audit-1003-search end */ /* ck-audit-1003-board start: UIB-4 prev/next labels, "N" new badge, post meta (light and dark) */ html body .bo_v_nb li .nb_tit,html body .bo_v_nb li .nb_date,html body .bo_v_nb li i{color:#5f6673} html body #bo_list .bo_tit .new_icon,html body #bo_gall .bo_tit .new_icon{background:#15803d;color:#fff} html body #bo_v_info .profile_info_ct .if_date{color:#666} html body #bo_v .cmt_btn .total{color:#1f5fd6} html body #bo_list .bo_tit .cnt_cmt{color:#d40000} html body.dm #bo_list .bo_tit .cnt_cmt{color:#ff7b7b} html body #bo_vc #bo_vc_empty{color:#666} html body.dm #bo_vc #bo_vc_empty{color:#b9b9b9} html body .ck-wz-meta > span:not([class]){color:#5f6673} html body.dm .ck-wz-meta > span:not([class]){color:#b0b5bd} html body .ck-bn .ck-bn-cmt{color:#1f5fd6} html body .ck-bn .ck-bn-row.is-cur .ck-bn-c{color:#4b5563} html body.dm .ck-bn .ck-bn-cmt{color:#8fb8ff} html body.dm .ck-bn .ck-bn-row.is-cur .ck-bn-c{color:#c3c8d0} html body.dm .bo_v_nb li i{color:#bbb} html body.dm #bo_v_info .sv_member,html body.dm #bo_v_info strong,html body.dm #bo_v_info strong a,html body.dm .bo_v_nb li a,html body.dm #bo_v_act .bo_v_good,html body.dm #bo_v_act .bo_v_nogood{color:#b0b0b0!important} html body.dm #bo_v .cmt_btn .total{color:#7fb0ff} html body.dm #bo_vc .cmt_contents{color:#ccc!important} /* ck-audit-1003-board end */ /* ck-audit-1003-float start: (10/04 owner: the light/dark switch is the theme's own floating pill again, the header icon version was removed) the up/down arrows stay hidden on touch screens because they covered content */ @media (max-width:1024px){ html.ck_touch body .gpe_movetop{display:none} } /* ck-audit-1003-float end */ /* ck-audit-1003-kimp-phone start: UIB-6 / UIB-7 / design-09 home price table on phones: bigger change %, headers and overseas labels (kimp.js now writes the overseas local price on its own short line, e.g. Rp15.16억) */ @media (max-width:640px){ html body .kimp-w .kimp-table.kimp-main th{font-size:12px} html body .kimp-w .kimp-table.kimp-main td:nth-child(3) .cp{font-size:12px;width:46px;margin-left:6px} html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub{font-size:11px;line-height:1.25;letter-spacing:-.3px;overflow-wrap:anywhere} html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub.ck-ovsub span{display:block} } /* very small phones (320px): the 8-digit KRW price and the exchange name were cut off by 2-7px */ @media (max-width:340px){ html body .kimp-w .kimp-table.kimp-main td:nth-child(2){font-size:12px;letter-spacing:-.4px} html body .kimp-w .kimp-table.kimp-main td.name{font-size:11.5px;letter-spacing:-.3px} html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub{font-size:10.5px} } /* ck-audit-1003-kimp-phone end */ /* ck-audit-1003-taps start: design-09 phones: latest-list rows 40px tall (the whole row is the link), "더보기" at least 32px tall */ @media (max-width:640px){ html body .gx_ptop_listTable td.subject a.title{display:block;padding:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body .gx_ptop_listTable td.subject .replyNum{top:6px} html body .gx_ptop_wgBox h2 a.moreLink{top:1px;padding:6px 8px} } /* ck-audit-1003-taps end */ /* ck-audit-1003-premium start: UIB-7 /premium grey sub-labels to 4.5:1+, phone sizes; design-19 sort chips on one line */ html body .kimp-l-table th{color:#5f6673} html body .kimp-l .kimp-flat,html body .kimp-l-note{color:#5f6673} html body .kimp-l .kimp-neg{color:#0a7a3c} html body .kimp-l-table td.nm small,html body .kimp-l-table th.pr small,html body .kimp-l td.kimp-l-loading,html body .kimp-l td.kimp-l-empty{color:#6b7280} @media (max-width:640px){ html body .kimp-l-table td.px small.pv{color:#6b7280;font-size:11px} html body .kimp-l-table td.ch .cp{font-size:11.5px} html body .kimp-l-chips{grid-template-columns:auto 1fr 1fr} html body .kimp-l .kimp-l-chips button{white-space:nowrap;font-size:12px;letter-spacing:-.4px;padding:6px 4px} } @media (max-width:359px){html body .kimp-l .kimp-l-chips button{white-space:normal}} /* ck-audit-1003-premium end */ /* ck-audit-1003-allmenu start: UIB-9 PC "전체메뉴" button only when some menu has a sub-menu (otherwise it opened a copy of the same row) */ html body .allmenu_btn:not(:has(~ .allmenu_list .allmenu_ul ul > li)){display:none} /* ck-audit-1003-allmenu end */ /* ck-audit-1003-footer start: UIB-11 footer source line 5.4:1 in light; telegram button 5.4:1 in dark *//* ck-audit-1003-footer end */ /* ck-audit-1003-widgets start: UIB-12 home/sidebar widgets: dark grey text to 5:1+, rank number chips readable in both modes */ html body.dm .gpe_wgPopularT2 ul.wgP_contents .wgPhit,html body.dm .gpe_wgPopularT2 ul.wgP_contents .wgPdate,html body.dm .gpe_wgPopularT2 ul.wgP_contents .reNum > i{color:#b0b0b0} html body.dm .gpe_wgPopularT2 a:not(.popu_more),html body.dm .gx_ptop_webzULa li .titconArea .conten,html body.dm .gx_ptop_pointTable td,html body.dm .gx_ptop_searchTable td a,html body.dm .gx_ptop_searchTable td.TextRight .gap,html body.dm #visit dd strong,html body.dm .tab_nav li,html body.dm #new_sch p,html body.dm #ol_after_info,html body.dm ul.openmenu_ul a.om_section_2dep,html body.dm .gpe_wgPopularT2 ul.wgP_contents .reNum,html body.dm .gx_ptop_listTable td.subject .replyNum,html body.dm #fregister textarea,html body.dm #fregister_private table td,html body.dm #fregister_private table th{color:#b0b0b0!important} html body .gpe_wgPopularT2 ul.wgP_contents .de_num.num01,html body .gx_ptop_searchTable tr.listGroup .de_num.num01,html body .gx_ptop_pointTable tr.listGroup .de_num.num01,html body .de_num.num01{background-color:#c9295a!important;color:#fff} html body .gpe_wgPopularT2 ul.wgP_contents .reNum{color:#d40000} html body .de_num.num02,html body .de_num.num03{background-color:#6b6b6b!important;color:#fff} html body .de_num:not(.num01):not(.num02):not(.num03){color:#555} html body.dm .de_num:not(.num01):not(.num02):not(.num03){background-color:#555;color:#eee!important} /* ck-audit-1003-widgets end */ /* ck-audit-1003-write start: design-12 phones: 취소 / 작성완료 as big buttons (작성완료 fills the row); 취소 text 5.3:1 in light (was white on #969696, 2.96:1) */ html body #bo_w .btn_confirm .btn_cancel{background:#6b6b6b} @media (max-width:640px){ html body #bo_w .btn_confirm{display:flex;gap:8px;text-align:left} html body #bo_w .btn_confirm .btn_cancel{flex:0 0 auto;min-width:84px;height:48px;line-height:48px;padding:0 14px;margin:0;font-size:16px;text-align:center;box-sizing:border-box} html body #bo_w .btn_confirm .btn_submit{flex:1 1 auto;height:48px;line-height:48px;padding:0 14px;margin:0;font-size:16px;font-weight:700} } /* ck-audit-1003-write end */ /* ck-audit-1003-title start: design-07 post title bigger than the headings inside the post (all boards, both skins) */ html body #bo_v_title .bo_v_tit{font-size:26px;font-weight:700;line-height:1.35} @media (max-width:640px){ html body #bo_v_title .bo_v_tit{font-size:22px} html body #bo_v_con h2{font-size:min(1.3em,20px)} } /* ck-audit-1003-title end */ /* ck-audit-1003-best start: design-10 BEST rows without a picture: no grey placeholder tile, the title uses the full width */ html body .gpe_wgPopularT2 ul.wgP_contents li.ck-noimg{padding-left:0} /* ck-audit-1003-best end */ /* ck-audit-1003-tablet-table start: design-18 tablets 641-900px: the home price table fits (거래량 column hidden, overseas label may wrap) */ @media (min-width:641px) and (max-width:900px){ html body .kimp-w .kimp-table.kimp-main:not(.compact){min-width:0} html body .kimp-w .kimp-table.kimp-main:not(.compact) th:last-child,html body .kimp-w .kimp-table.kimp-main:not(.compact) td:last-child:not(.kimp-loading){display:none} html body .kimp-w .kimp-table.kimp-main:not(.compact) th,html body .kimp-w .kimp-table.kimp-main:not(.compact) td{padding-left:6px;padding-right:6px} html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ov td.name .kimp-sub{white-space:normal} } @media (min-width:641px) and (max-width:760px){html body .kimp-w .kimp-table.kimp-main:not(.compact) th,html body .kimp-w .kimp-table.kimp-main:not(.compact) td{font-size:13.5px}} /* ck-audit-1003-tablet-table end */ /* ck-audit-1003-consistency start: design-19 small inconsistencies */ /* the grey default avatar is not shown next to a rank badge (a real profile photo still shows) */ html body .sv_member img.ck_lv ~ .profile_img:has(img[src*="no_profile"]){display:none} /* /bbs/new.php: the site has one board group, so the 그룹 column repeated 커뮤니티 on every row */ html body #fnewlist td.td_group,html body #fnewlist thead th:nth-last-child(5){display:none} html body #fnewlist tbody td.td_board a{color:#5f6673} @media (max-width:767px){html body #fnewlist tbody td.td_date{color:#5f6673}} /* /widget (all widths) and /premium (PC/tablet, where its own h1 is visible): one title instead of two stacked titles */ html body .gxcon_area:has(h1.ckw-h1) > h2.con_title{display:none} @media (min-width:641px){html body .gxcon_area:has(.kimp-page h1.kimp-page-h1) > h2.con_title{display:none}} /* ck-audit-1003-consistency end */ /* ck-audit-1003-navreq start: CSS requested by the navigation/page-frame agent (group C), reviewed for light + dark at 375/768/1280 */ /* links-05: current section in the menus (PC top menu, PC all-menu, phone drawer) */ .gpe_munu ul.topnav li.mnav_li.ck-cur > a.mnav{color:#c9295a} .gpe_munu ul.topnav li.mnav_li.ck-cur > a.mnav:after{content:"";position:absolute;left:20px;right:20px;bottom:3px;height:3px;border-radius:2px;background:#c9295a} body.dm .gpe_munu ul.topnav li.mnav_li.ck-cur > a.mnav{color:#ff8fab} body.dm .gpe_munu ul.topnav li.mnav_li.ck-cur > a.mnav:after{background:#ff8fab} .allmenu_list li.section_group.ck-cur > a.section_1dep{color:#c9295a} body.dm .allmenu_list li.section_group.ck-cur > a.section_1dep{color:#ff8fab!important} .layG_mobileM_menu li.mbM_sleft_d_01.ck-cur > a.dep1{color:#ff8fab;box-shadow:inset 4px 0 0 #ff8fab} /* design-05: one-line join reason for guests (sidebar login box + phone drawer) */ #ol_before .ck-guest-cta{margin:10px 0 0;padding:8px 10px;border-radius:4px;background:#f6f7f9;color:#555;font-size:12.5px;line-height:1.45;text-align:center;word-break:keep-all} #ol_before .ck-guest-cta a,#ol_before .ck-guest-cta b{color:#c9295a;font-weight:700} body.dm #ol_before .ck-guest-cta{background:#333;color:#c8ccd4} body.dm #ol_before .ck-guest-cta a,body.dm #ol_before .ck-guest-cta b{color:#ff8fab} .layG_mobileM_G p.ck-guest-cta{clear:both;margin:0;padding:10px 15px;border-bottom:1px solid #2d2d2d;color:#c8ccd4;font-size:13px;line-height:1.45;word-break:keep-all} .layG_mobileM_G p.ck-guest-cta a,.layG_mobileM_G p.ck-guest-cta b{color:#ff8fab;font-weight:700} /* design-03 / UIB-10: login + password-confirm pages (logo, reason line, join line, way home) */ #mb_login.mbskin,#mb_confirm.mbskin{margin-top:40px} body.dm #mb_login.mbskin{background:transparent!important} body.dm #mb_confirm.mbskin{padding-top:16px} #mb_confirm .ck-auth-head + h1{margin-top:28px} .ck-auth-head{margin:0 0 16px;text-align:center} .ck-auth-logo{display:inline-block;line-height:0} .ck-auth-logo img{width:150px;height:auto} .ck-auth-logo .ck-auth-logo-d{display:none} body.dm .ck-auth-logo .ck-auth-logo-l{display:none} body.dm .ck-auth-logo .ck-auth-logo-d{display:inline-block} .mbskin p.ck-auth-why{margin:0 0 12px;padding:10px 12px;border:1px solid #f3d4dc;border-radius:6px;background:#fdf3f6;color:#8a1d3f;font-size:14px;line-height:1.5;word-break:keep-all} body.dm .mbskin p.ck-auth-why{background:#3a2a2f;border-color:#5a3a44;color:#ffc9d6} .ck-auth-foot{margin:18px 0 40px;text-align:center;font-size:14px;line-height:1.6;color:#555} .mbskin p.ck-auth-join{margin:0 0 8px;word-break:keep-all} .ck-auth-join a,.ck-auth-join b{color:#c9295a;font-weight:700} .ck-auth-join a{text-decoration:underline} a.ck-auth-home{display:inline-block;padding:6px 10px;color:#666;font-size:13.5px} a.ck-auth-home:hover{color:#222} #mb_confirm a.ck-auth-home{margin:0 0 30px} body.dm .ck-auth-foot{color:#bbb} body.dm .mbskin p.ck-auth-join{color:#c8ccd4!important} body.dm .mbskin .ck-auth-join a,body.dm .mbskin .ck-auth-join b{color:#ff8fab} body.dm .mbskin a.ck-auth-home{color:#aab0ba} #mb_login #login_fs .btn_submit{background:#c9295a;border-color:#c9295a} #mb_login #login_fs .btn_submit:hover{background:#ad2049;border-color:#ad2049} #mb_confirm p strong{color:#1f6fe0} body.dm #mb_confirm p strong{color:#7fb3ff} /* design-16: register step 1 (benefit row, neutral note, "전체 동의" first) */ .ck-reg-benefit{display:flex;gap:8px;margin:0 0 12px;padding:0;list-style:none} .ck-reg-benefit li{flex:1 1 0;min-width:0;padding:12px 8px;border:1px solid #e5e9f0;border-radius:6px;background:#fff;text-align:center;line-height:1.35} .ck-reg-benefit i{display:block;margin:0 auto 6px;font-size:20px;color:#c9295a} .ck-reg-benefit b{display:block;font-size:14px;color:#222} .ck-reg-benefit span{display:block;margin-top:3px;font-size:12px;color:#6b7280;word-break:keep-all} .ck-reg-note{margin:0 0 10px;padding:10px 12px;border-radius:6px;background:#f5f7fa;color:#4b5563;font-size:13.5px;line-height:1.5;word-break:keep-all} .ck-reg-note i{margin-right:3px;color:#6b7280} #fregister_chkall label{font-weight:700} #fregister_chkall small{font-size:12px;font-weight:normal;color:#6b7280} .register .btn_confirm .btn_submit{background:#c9295a;border-color:#c9295a} body.dm .ck-reg-benefit li{background:#2b2b2b;border-color:#454545} body.dm .ck-reg-benefit b{color:#eee} body.dm .ck-reg-benefit span{color:#a3a8b3} body.dm .ck-reg-benefit i{color:#ff8fab} body.dm .ck-reg-note{background:#2f2f2f;color:#c8ccd4} body.dm #fregister_chkall small{color:#a3a8b3} @media (max-width:480px){.ck-reg-benefit{gap:6px}.ck-reg-benefit li{padding:10px 4px}.ck-reg-benefit b{font-size:13px}.ck-reg-benefit span{font-size:11.5px}} /* design-20: footer investment disclaimer + keep "공포·탐욕 지수: Alternative.me" on one line *//* ck-audit-1003-navreq end */ /* ck-audit-1003 group-A css end */ /* ck-audit-1003-postfix: regUI pass. member_confirm heading lost to the member skin style.css (same specificity, loaded later); the 확인 button matches the login button. */ html body #mb_confirm p strong{color:#1a5fcf} html body.dm #mb_confirm p strong{color:#7fb3ff} html body #mb_confirm .btn_submit{background:#c9295a;border-color:#c9295a;color:#fff} /* ck-card1004 start */ /* member card text >= 4.5:1 in light + dark (same hues, darker in light / lighter in dark) */ .ck-mb-rank.g-en{--c:#2a7f35} .ck-mb-rank.g-nco{--c:#93680a} .ck-mb-rk1 em{color:#646d7f} .ck-mb-cs{color:#686f7d} .ck-mb-card.pt b small{color:#1b6bdb} .ck-mb-card.at .ck-mb-ct{color:#aa5d00} .ck-mb-card.at b small{color:#a56000} body.dm .ck-mb-card.pt b small{color:#659dec} body.dm .ck-mb-card.at b small{color:#f08c00} /* login / password confirm box: fluid below 375px (was a fixed 360px = sideways scroll at 320-359px) */ html body #mb_login.mbskin,html body #mb_confirm.mbskin,html body #pw_confirm.mbskin{width:calc(100% - 15px);max-width:360px} @media (max-width:374px){html body #mb_confirm.mbskin p,html body #pw_confirm.mbskin p{word-break:keep-all}} /* ck-card1004 end */ /* ck-pw1004 start */ /* secret-post password page (#pw_confirm, 10/04 owner OK): heading readable (was #3ca1ff 2.6:1), button like the login button, password input dark in dark mode like the login page (the member skin forced it white) */ html body #pw_confirm p strong{color:#1a5fcf} html body.dm #pw_confirm p strong{color:#7fb3ff} html body #pw_confirm .btn_submit{background:#c9295a;border-color:#c9295a;color:#fff} html body #pw_confirm .btn_submit:hover{background:#ad2049;border-color:#ad2049} html body.dm #pw_confirm fieldset .frm_input{background-color:#2b2b2b!important;color:#eee;border-color:#555} /* ck-pw1004 end */ /* ck-coinlink1005 start */ /* coin pages (10/05): /premium list names are links to /premium/; the home table's " 김치프리미엄 자세히 보기" link */ html body .kimp-l td.nm a.tx{color:inherit;text-decoration:none} html body .kimp-l td.nm a.tx:hover b,html body .kimp-l td.nm a.tx:focus b{text-decoration:underline} html body .kimp-w .kimp-more .kimp-more-sep{color:#9aa0aa} @media (max-width:640px){html body .kimp-w .kimp-more .kimp-more-sep{display:none}html body .kimp-w .kimp-more a{display:block;padding:6px 0}} /* ck-coinlink1005 end */ /* ck-coinlinkpost start */ /* coin names in post bodies link to the coin page (10/05): same text colour, dotted brand-colour underline */ html body #bo_v_con a.ck-coinlink{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#c9295a;text-underline-offset:3px} html body.dm #bo_v_con a.ck-coinlink{text-decoration-color:#ff8fab} /* ck-coinlinkpost end */ /* ck-rank1005: links into the 활동 랭킹 page (sidebar 포인트랭킹 box, attendance page) */ .gx_ptop_h2.side.point a.ck-rk-h2a{color:inherit} a.ck-rk-more{display:block;text-align:right;font-size:13px;font-weight:700;padding:8px 4px 2px;color:#1a5fcf} .ck-att-rank{text-align:center;margin:12px 0 4px;font-size:14px} .ck-att-rank a{display:inline-block;padding:9px 16px;border-radius:999px;background:#fff7e0;color:#8a5a00;font-weight:700} html body.dm a.ck-rk-more{color:#7fb3ff} html body.dm .ck-att-rank a{background:#3a3220;color:#f2e6c4} /* ck-tp-polish start : 홈 시세표 마감 다듬기 (정보 우선순위·여백·정렬·강조 균형) - 계산/데이터/JS 무관, 화면만 */ /* 10/09 사장님: PC에서 메뉴줄과 본문(시세표·오른쪽 상자) 사이 여백 39px -> 18px (테마 기본 padding-top 200px) */ @media (min-width:1025px){html body .gpe_contents_box,html body .gpe_side_contents_R{padding-top:179px}html body .sub_contenBackbg{top:179px!important}} /* 오른쪽 사이드·게시판 흰 바탕도 같이: 윗줄 맞춤 */ /* 10/09 사장님: 게시판·설문·FAQ 등의 관리자 톱니바퀴(.btn_admin .fa-spin)가 계속 돌지 않게 (스킨 파일은 그대로) */ html body .btn_admin .fa-spin,html body .btn_admin.fa-spin{-webkit-animation:none!important;animation:none!important} /* 10/09 사장님: 시세표 상자 모서리를 오른쪽 로그인 상자처럼 둥글게 (12px). 안쪽 배경이 모서리를 덮지 않게 잘라 줌 */ html body .kimp-w{border-radius:12px;overflow:hidden} /* 아래 상자(월간·주간 BEST 등)와의 간격: 다른 상자들 사이와 같은 28px (게시판 위 작은 시세표는 원래 22px 유지) */ html body .kimp-w:not([data-mini="1"]){margin-bottom:28px} /* 테두리도 다른 상자(월간 BEST·로그인 등)와 같게: 아주 연한 선 + 은은한 그림자 */ html body .kimp-w{border-color:#e9e9e9} html body .kimp-w:not([data-mini="1"]){box-shadow:0 2px 30px rgba(0,0,0,.06)} html body.dm .kimp-w{border-color:#2e2e2e} /* ===== PC·태블릿 (넓은 표) ===== */ @media (min-width:641px){ /* 헤더: 데이터보다 한 단계 조용하게, 모든 칸 가운데 정렬 (사장님 10/09) */ html body .kimp-w .kimp-table.kimp-main:not(.compact) th{font-size:13.5px;font-weight:700;color:#1f2329;background:#f7f8fa;padding:9px 12px;letter-spacing:-.2px;border-bottom:1px solid #e3e6eb;text-align:center} html body .kimp-w .kimp-table.kimp-main:not(.compact) td{padding:7px 12px;font-size:14px} html body .kimp-w .kimp-table.kimp-main:not(.compact) td:nth-child(3), html body .kimp-w .kimp-table.kimp-main:not(.compact) td:last-child{color:#363b45} /* 줄무늬 대신 얇은 가로선 + 마우스 올린 줄만 살짝 */ html body .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr td, html body .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr:nth-child(odd) td{background:transparent} html body .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr:hover td{background:#f6f8fb!important} html body .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr.ref td{background:#f7f8fa} html body .kimp-w .kimp-table.kimp-main:not(.compact) th+th, html body .kimp-w .kimp-table.kimp-main:not(.compact) td+td{border-left-color:#f0f1f4} /* 1순위 실시간 시세(KRW): 가장 진하게 / USD·거래량은 보조 */ html body .kimp-w .kimp-table.kimp-main:not(.compact) td:nth-child(2){font-size:15px;font-weight:600;color:#14171c} html body .kimp-w .kimp-table.kimp-main:not(.compact) td small{font-size:11px;font-weight:400;color:#646b78;margin-left:3px} /* 거래소 이름: 라벨이므로 숫자보다 한 단계 가볍게, 해외 거래소 보조줄은 촘촘하게 */ html body .kimp-w .kimp-table.kimp-main:not(.compact) td.name{font-size:14.5px;font-weight:600;color:#1f2329;padding-left:6px;padding-right:6px} html body .kimp-w .kimp-table.kimp-main:not(.compact) td.name small.kimp-sub.top{margin:0 0 1px;line-height:1.25;color:#646b78}html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td.name small.kimp-sub.top{color:#8a909b} /* 24시간 변동률·김치프리미엄: 금액은 한 단계 낮추고 퍼센트를 앞세움 */ html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pl{font-size:13px;opacity:.9} html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr{font-weight:600;padding-left:6px} html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr.kimp-pos, html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr.kimp-neg{font-size:15px;font-weight:700} /* 기준(바이낸스): 표시만, 소리치지 않게 */ html body .kimp-w .kimp-table.kimp-main:not(.compact) td.kimp-base{font-size:14px;font-weight:600;letter-spacing:0;color:#1f2329} /* 국내 / 해외 경계선은 유지하되 덜 두껍게 */ html body .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr:not(.ov) + tr.ov td{border-top:1px solid #d5d9e0} } /* ===== 모바일 (4칸 압축 표) ===== */ @media (max-width:640px){ html body .kimp-w .kimp-table.kimp-main.compact th{color:#1f2329;background:#f7f8fa;font-weight:700} html body .kimp-w .kimp-table.kimp-main.compact th+th, html body .kimp-w .kimp-table.kimp-main.compact td+td{border-left-color:#f0f1f4} html body .kimp-w .kimp-table.kimp-main.compact td.name{font-weight:600;color:#1f2329} html body .kimp-w .kimp-table.kimp-main.compact td:nth-child(2){color:#14171c} /* 변동률: 금액은 보조, 퍼센트가 먼저 보이게 */ html body .kimp-w .kimp-table.kimp-main.compact td.pr .ca{font-weight:500;opacity:.9} html body .kimp-w .kimp-table.kimp-main.compact td:nth-child(3) .cp{font-weight:600} /* 김치프리미엄 퍼센트: 이 사이트의 핵심 숫자 */ html body .kimp-w .kimp-table.kimp-main.compact td:nth-child(4) .cp{font-weight:700;font-size:12.5px;letter-spacing:-.2px} html body .kimp-w .kimp-table.kimp-main.compact td.kimp-base{font-weight:600;color:#1f2329} html body .kimp-w .kimp-table.kimp-main.compact tbody tr:not(.ov) + tr.ov td{border-top:1px solid #d5d9e0} } /* ===== 다크 모드 ===== */ @media (min-width:641px){ html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) th{color:#e5e7eb;background:#262626;border-bottom-color:#454545} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td:nth-child(3), html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td:last-child{color:#d6d9de} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr:hover td{background:#323232!important} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr.ref td{background:#313131} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) th+th, html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td+td{border-left-color:#363636} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td:nth-child(2), html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td.name{color:#f3f4f6} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td small{color:#8a8f98} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) td.kimp-base{color:#f3f4f6} html body.dm .kimp-w .kimp-table.kimp-main:not(.compact) tbody tr:not(.ov) + tr.ov td{border-top-color:#555} } @media (max-width:640px){ html body.dm .kimp-w .kimp-table.kimp-main.compact th{color:#e5e7eb;background:#262626} html body.dm .kimp-w .kimp-table.kimp-main.compact th+th, html body.dm .kimp-w .kimp-table.kimp-main.compact td+td{border-left-color:#363636} html body.dm .kimp-w .kimp-table.kimp-main.compact td.name, html body.dm .kimp-w .kimp-table.kimp-main.compact td:nth-child(2){color:#f3f4f6} html body.dm .kimp-w .kimp-table.kimp-main.compact td.kimp-base{color:#f3f4f6} html body.dm .kimp-w .kimp-table.kimp-main.compact tbody tr:not(.ov) + tr.ov td{border-top-color:#555} } /* 상단 요약줄(환율·테더·시장·볼륨·점유율·공포탐욕)을 PC에서 한 줄로: 간격·글자 살짝 줄이고 양끝 정렬, 높이 예약도 한 줄 높이로 */ @media (min-width:1025px){ html body .kimp-w .kimp-top{font-size:12.5px;gap:4px 0;justify-content:flex-start;align-items:baseline;min-height:40px;padding:10px 12px;color:#6b7280} /* 10/09 사장님 샘플: 항목 사이 얇은 세로선, 값은 보통 굵기의 진한 글씨, 공포·탐욕만 굵게 */ html body .kimp-w .kimp-top .kimp-item{padding:0 8px} /* 10/09 사장님 샘플: 시세표 제목(h1) 크게 */ html body .kimp-w h1.kimp-h1{font-size:21px;font-weight:700;padding:14px 14px 12px;letter-spacing:-.3px;color:#14171c} html body.dm .kimp-w h1.kimp-h1{color:#fff} html body .kimp-w .kimp-top .kimp-item:first-child{padding-left:0} html body .kimp-w .kimp-top .kimp-item + .kimp-item{border-left:1px solid #e3e6eb} html body .kimp-w .kimp-top b{font-size:14px;font-weight:600;color:#14171c;margin-left:3px} html body .kimp-w .kimp-top b.kimp-fng-greed,html body .kimp-w .kimp-top b.kimp-fng-fear{font-weight:700;font-size:15.5px} html body.dm .kimp-w .kimp-top{color:#a3a9b3} html body.dm .kimp-w .kimp-top b{color:#f3f4f6} html body.dm .kimp-w .kimp-top .kimp-item + .kimp-item{border-left-color:#454545} } /* 숫자 굵기 (10/09 사장님): 다른 거래소 숫자는 보통 굵기, 기준 거래소 줄(tr.ref)의 시세·변동률만 굵게. 거래소 이름은 굵게 유지 */ @media (min-width:641px){ html body .kimp-w .kimp-table.kimp-main:not(.compact) td:nth-child(2){font-size:14.5px;font-weight:400} html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pl{opacity:1} html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr, html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr.kimp-pos, html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr.kimp-neg{font-size:14px;font-weight:400} html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ref td:nth-child(2), html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ref td:nth-child(3), html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ref td.pl, html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ref td.pr{font-weight:700} html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ref td small{font-weight:400} } @media (max-width:640px){ html body .kimp-w .kimp-table.kimp-main.compact td:nth-child(2){font-weight:400} html body .kimp-w .kimp-table.kimp-main.compact td.pr .ca{font-weight:400;opacity:1} html body .kimp-w .kimp-table.kimp-main.compact td:nth-child(3) .cp, html body .kimp-w .kimp-table.kimp-main.compact td:nth-child(4) .cp{font-weight:400} html body .kimp-w .kimp-table.kimp-main.compact tr.ref td:nth-child(2), html body .kimp-w .kimp-table.kimp-main.compact tr.ref td.pr .ca, html body .kimp-w .kimp-table.kimp-main.compact tr.ref td:nth-child(3) .cp{font-weight:700!important} } /* ck-tp-polish end */ /* ck-al-oneline start: 알림 '직접 만들기' 입력칸을 PC·태블릿에서 한 줄로 (사장님 10/09) */ @media (min-width:641px){ html body .ck-al .ck-al-form{flex-wrap:wrap;gap:6px} html body .ck-al .ck-al-form label{flex:0 0 auto;min-width:0} html body .ck-al .ck-al-form .ck-al-coinpick{width:116px} html body .ck-al .ck-al-coinpick-trigger{white-space:nowrap;overflow:hidden;padding:0 8px;gap:4px} html body .ck-al .ck-al-coinpick-trigger small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body .ck-al .ck-al-coinpick-trigger .arrow{flex:0 0 auto} html body .ck-al .ck-al-form select{padding:0 4px 0 8px} html body .ck-al .ck-al-form select[name=kind]{width:126px} html body .ck-al .ck-al-form select[name=ex_name]{width:84px} html body .ck-al .ck-al-form select[name=win]{width:98px} html body .ck-al .ck-al-form select[name=dir_move]{width:126px} html body .ck-al .ck-al-form select[name=dir_ge_le]{width:110px} html body .ck-al .ck-al-form select[name=prem_base]{width:140px} html body .ck-al .ck-al-form input[name=thr_price]{width:116px} html body .ck-al .ck-al-form input[name=thr_move],html body .ck-al .ck-al-form input[name=thr_prem]{width:60px} html body .ck-al .ck-al-form button[type=submit]{flex:0 0 auto;height:40px;padding:0 14px;white-space:nowrap;margin-left:auto} } /* ck-al-oneline end */ /* ck-al-ways start: 알림 페이지 맨 위 '받는 방법 2가지' - 내 조건 알림 / 매일 김프 요약 채널 (사장님 10/09) */ html body .ck-al .ck-al-ways{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px} html body .ck-al .ck-al-way{display:flex;flex-direction:column;align-items:flex-start;padding:16px 18px;border:1px solid #e3e5e9;border-radius:10px;background:#fafbfc} html body .ck-al .ck-al-way.ch{border-color:#bcd7f5;background:#f2f8ff} html body .ck-al .ck-al-way-t{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#1d2a4a;font-size:16px;font-weight:700} html body .ck-al .ck-al-way-t .ic{font-size:18px;line-height:1} html body .ck-al .ck-al-way-t small{padding:1px 7px;border-radius:9px;background:#e5e7eb;color:#4b5563;font-size:11.5px;font-weight:600} html body .ck-al .ck-al-way.ch .ck-al-way-t small{background:#d6e8fb;color:#1a4b8c} html body .ck-al .ck-al-way-d{margin:0 0 8px;color:#4b5563;font-size:14px;line-height:1.55} html body .ck-al .ck-al-way ul{margin:0 0 14px;padding:0;list-style:none;color:#5f6673;font-size:13px;line-height:1.75} html body .ck-al .ck-al-way ul li::before{content:"✓";margin-right:6px;color:#2e9e5b;font-weight:700} html body .ck-al .ck-al-way .ck-al-btn{margin-top:auto;padding:10px 16px;font-size:14px} html body .ck-al .ck-al-way.ch .ck-al-btn:not(.ghost){background:#229ed9} html body .ck-al .ck-al-way.ch .ck-al-btn:not(.ghost):hover{background:#1b8cc2} html body .ck-al .ck-al-daily-f{display:flex;align-items:center;gap:10px;margin:auto 0 0} html body .ck-al .ck-al-daily-on{color:#1e7a45;font-size:14px;font-weight:700} html body .ck-al .ck-al-way.ch.on{border-color:#9fd8b5} html body.dm .ck-al .ck-al-daily-on{color:#5fd08f} html body.dm .ck-al .ck-al-way.ch.on{border-color:#2f6a46} html body .ck-al .ck-al-sample{grid-column:1/-1;margin:0} /* order (owner 10/09): channel first. PC: channel left, my alerts right, preview full width under both; phone: channel, preview, my alerts */ @media (min-width:641px){ html body .ck-al .ck-al-way.ch{grid-column:1;grid-row:1} html body .ck-al .ck-al-way:not(.ch){grid-column:2;grid-row:1} html body .ck-al .ck-al-sample{grid-row:2} } html body .ck-al .ck-al-msg{max-width:340px;margin:10px 0 6px;padding:12px 14px;border-radius:4px 12px 12px 12px;background:#eef4fb;color:#222;font-size:13.5px;line-height:1.45;white-space:pre-line} html body .ck-al .ck-al-msg .lnk{color:#2c78ea} html body .ck-al #ck-al-start{scroll-margin-top:100px} @media (max-width:640px){html body .ck-al .ck-al-ways{grid-template-columns:1fr}} html body.dm .ck-al .ck-al-way{background:#262626;border-color:#454545} html body.dm .ck-al .ck-al-way.ch{background:#1d2b3a;border-color:#2f4f70} html body.dm .ck-al .ck-al-way-t{color:#fff} html body.dm .ck-al .ck-al-way-t small{background:#3a3a3a;color:#d1d5db} html body.dm .ck-al .ck-al-way.ch .ck-al-way-t small{background:#24486e;color:#cfe4ff} html body.dm .ck-al .ck-al-way-d{color:#c9cdd3} html body.dm .ck-al .ck-al-way ul{color:#a8adb5} html body.dm .ck-al .ck-al-way ul li::before{color:#5fd08f} html body.dm .ck-al .ck-al-msg{background:#1d2b3a;color:#eee} html body.dm .ck-al .ck-al-msg .lnk{color:#7fb0ff} /* ck-al-ways end */ /* ck-seolabel start: 시세표 머리글 PC/휴대폰 라벨 (10/10) 휴대폰용 짧은 라벨은 CSS 글자(data-t)로만 그려서 페이지 글자·화면낭독기에는 라벨이 하나만 남음 (화면 모양은 그대로). 휴대폰에서 PC 라벨은 눈에는 안 보이게(낭독기에는 읽히게) 숨김 */ .kimp-w .hd-mo[data-t]::before,.kimp-l .hd-mo[data-t]::before{content:attr(data-t)} @media (max-width:640px){ html body .kimp-w .hd-pc,html body .kimp-l .hd-pc{display:inline-block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} } /* ck-seolabel end */ /* ck-about start: 사이트 소개(/content/about) 글 간격 (10/10). 테마 기본값이 제목·목록 여백을 0으로 만들어 글이 붙어 보였음 */ html body #ctt.ctt_about #ctt_con{line-height:1.75} html body #ctt.ctt_about #ctt_con p{margin:0 0 12px} html body #ctt.ctt_about #ctt_con h3{margin:28px 0 10px;font-size:17px;font-weight:700;line-height:1.4} html body #ctt.ctt_about #ctt_con ul{margin:0 0 12px;padding-left:20px;list-style:disc} html body #ctt.ctt_about #ctt_con li{margin:0 0 6px;list-style:disc} html body #ctt.ctt_about #ctt_con a{color:#2563eb;text-decoration:underline} html body.dm #ctt.ctt_about #ctt_con a{color:#7fb0ff} /* ck-about end */ /* ck-ctt start: 개인정보 처리방침·이용약관(/content/privacy, /content/provision) 글 간격 (10/10, 사장님 "보기 좋게 간격 알맞게") 소개 페이지(ck-about)와 같은 간격. 테마 기본값이 제목·목록 여백을 0으로 만들어 글이 붙어 보였음 */ html body #ctt.ctt_privacy #ctt_con,html body #ctt.ctt_provision #ctt_con{line-height:1.75} html body #ctt.ctt_privacy #ctt_con p,html body #ctt.ctt_provision #ctt_con p{margin:0 0 12px} html body #ctt.ctt_privacy #ctt_con h3,html body #ctt.ctt_provision #ctt_con h3{margin:28px 0 10px;font-size:17px;font-weight:700;line-height:1.4} html body #ctt.ctt_privacy #ctt_con ul,html body #ctt.ctt_provision #ctt_con ul, html body #ctt.ctt_privacy #ctt_con ol,html body #ctt.ctt_provision #ctt_con ol{margin:0 0 12px;padding-left:20px} html body #ctt.ctt_privacy #ctt_con ul li,html body #ctt.ctt_provision #ctt_con ul li{margin:0 0 6px;list-style:disc} html body #ctt.ctt_privacy #ctt_con ol li,html body #ctt.ctt_provision #ctt_con ol li{margin:0 0 6px;list-style:decimal} /* ck-ctt end */ /* ck-logoring start (10/10) dark mode: faint ring around coin / exchange icons so black logos (XRP, Worldcoin, OKX, Bybit) stay visible */ body.dm img.kimp-tab-ic,body.dm .kimp-trend-coin img,body.dm .kimp-l .ic img{box-shadow:0 0 0 1px rgba(255,255,255,.28)} body.dm img.kimp-bb-logo,body.dm img.kimp-exlogo,body.dm img.kimp-lb-logo{box-shadow:0 0 0 1px rgba(255,255,255,.22)} /* ck-logoring end */ /* ck-listname start (10/10) /premium list, 641px+: a long Korean coin name (keep-all, e.g. 폴리곤에코시스템토큰) ends in "…" inside its column instead of running into the price column. Phones (<=640px) unchanged. */ @media (min-width:641px){ html body .kimp-l .tx{min-width:0} html body .kimp-l .tx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} } /* ck-listname end */ /* ck-cty start (10/10) links to the country price pages: overseas exchange names in the live table, /premium line */ html body .kimp-w .kimp-table td.name a.kimp-cty{color:inherit;text-decoration:none} html body .kimp-w .kimp-table td.name a.kimp-cty:hover{text-decoration:underline} html body .kimp-page p.kimp-page-cty{margin:-6px 0 14px;font-size:13.5px} html body .kimp-page p.kimp-page-cty a{color:#1a5fcf} body.dm .kimp-page p.kimp-page-cty a{color:#7fb3ff} /* ck-cty end */ /* ck-symname start (10/10) "BTC 비트코인" everywhere: trend card coin label (home + coin pages), "다른 코인" buttons on coin pages */ html body .kimp-w .kimp-trend-coin b{font-weight:700;color:#111827} html body .kimp-w .kimp-trend-coin .kimp-tc-n{margin-left:5px;font-size:13px;font-weight:500;color:#6b7280} html body .ck-coin .ck-coin-others a b{font-weight:700;color:#111827} body.dm .kimp-w .kimp-trend-coin b,body.dm .ck-coin .ck-coin-others a b{color:#f3f4f6} body.dm .kimp-w .kimp-trend-coin .kimp-tc-n{color:#a8a8a8} /* ck-symname end */ /* ck-trendhead start (10/10) trend card header (home + coin pages), 641px+: when the card is too narrow for one line (title + coin + low/high + period buttons need ~930-1000px (longer coin names on coin pages)), the period buttons stay on the FIRST line (right) and the low/high line goes under the title, instead of the buttons dropping to a second line. Phones unchanged. */ @media (min-width:641px){ html body .kimp-w .kimp-trend{container:ktrend/inline-size} @container ktrend (max-width:1000px){ html body .kimp-w .kimp-trend-head .kimp-trend-per{order:3;margin-left:auto} html body .kimp-w .kimp-trend-head .kimp-trend-stat{order:4;flex-basis:100%} } @container ktrend (max-width:760px){ /* tablets: slimmer buttons so title + coin + buttons still share the first line */ html body .kimp-w .kimp-trend .kimp-trend-head{column-gap:10px} html body .kimp-w .kimp-trend .kimp-trend-head .kimp-trend-per button,html body .kimp-w .kimp-trend .kimp-trend-head .kimp-trend-per button:first-child{padding:0 10px} } } /* ck-trendhead end */ /* ck-tablefit start (10/10) home + /premium/SYM exchange table: never wider than its box (641px+; phones unchanged). The box (.kimp-scroll) is a size container; when it is narrower than the table's minimum width, the "실시간 시세(USD)" column (3rd cell in every row, also in the 7-cell base row) is hidden - only when the 3rd header really is USD (not .grp: with the 'KRW only' / 'USD only' setting the 3rd column is 24시간 변동률). Minimum widths measured 10/10 + ~12px margin: home with volume column (>900px) 872 (10/10 re-measured per coin tab: max 861 home BTC, 853 board pages -> cut 871 so board pages at 879px keep the USD column like home), home 641-900 (volume hidden) 768, coin page 708. */ @media (min-width:641px){ html body .kimp-w .kimp-scroll{container:kimpbox/inline-size} } /* ck-usd2: the USD price kimp.js puts under the KRW price - hidden unless the USD column is hidden (same 3 conditions) */ html body .kimp-w .kimp-table .kimp-usd2{display:none;margin-top:2px;font-size:12px;font-weight:400;color:#6b7280} html body .kimp-w .kimp-table .kimp-usd2 small{font-size:10.5px;margin-left:3px;color:#9aa0ab} body.dm .kimp-w .kimp-table .kimp-usd2{color:#9aa3b2} body.dm .kimp-w .kimp-table .kimp-usd2 small{color:#7d8594} @media (min-width:901px){ @container kimpbox (max-width:871px){ html body .kimp-w:not([data-lock]) .kimp-table.kimp-main:not(.compact) .kimp-usd2{display:block} } } @media (min-width:641px) and (max-width:900px){ @container kimpbox (max-width:781px){ html body .kimp-w:not([data-lock]) .kimp-table.kimp-main:not(.compact) .kimp-usd2{display:block} } } @media (min-width:641px){ @container kimpbox (max-width:721px){ html body .kimp-w[data-lock] .kimp-table.kimp-main:not(.compact) .kimp-usd2{display:block} } } @media (min-width:901px){ @container kimpbox (max-width:871px){ html body .kimp-w:not([data-lock]) .kimp-table.kimp-main:not(.compact):has(thead th:nth-child(3):not(.grp)) tr>:nth-child(3){display:none} } } @media (min-width:641px) and (max-width:900px){ @container kimpbox (max-width:781px){ html body .kimp-w:not([data-lock]) .kimp-table.kimp-main:not(.compact):has(thead th:nth-child(3):not(.grp)) tr>:nth-child(3){display:none} } } @media (min-width:641px){ @container kimpbox (max-width:721px){ html body .kimp-w[data-lock] .kimp-table.kimp-main:not(.compact):has(thead th:nth-child(3):not(.grp)) tr>:nth-child(3){display:none} } /* tablets around 641-700px: even without USD the cells need less side padding and 13px text */ @container kimpbox (max-width:665px){ html body .kimp-w .kimp-table.kimp-main:not(.compact) th,html body .kimp-w .kimp-table.kimp-main:not(.compact) td{padding-left:4px;padding-right:4px} html body .kimp-w .kimp-table.kimp-main:not(.compact) th{font-size:12.5px} html body .kimp-w .kimp-table.kimp-main:not(.compact) td,html body .kimp-w .kimp-table.kimp-main:not(.compact) td.name,html body .kimp-w .kimp-table.kimp-main:not(.compact) td:nth-child(2),html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr,html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr.kimp-pos,html body .kimp-w .kimp-table.kimp-main:not(.compact) td.pr.kimp-neg{font-size:13px} html body .kimp-w .kimp-table.kimp-main:not(.compact) td.name{padding-left:8px} html body .kimp-w img.kimp-exlogo,html body .kimp-w .kimp-exlogo-none{margin-right:8px} html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ov td.name small.kimp-sub.top{padding-left:28px} html body .kimp-w .kimp-table.kimp-main:not(.compact) td.name .kimp-basetag{display:block;width:max-content;margin:3px 0 0 28px} } } /* ck-tablefit end */ /* the overseas list may wrap; on phones it still gets its own line */ /* ck-drwopen start (10/10, owner "메뉴판을 항상 펼침으로, 클릭해도 줄어들지 않도록") phone / tablet drawer: sub menus (커뮤니티, 나라별 시세 ...) always open; the theme's slide toggle can no longer hide them, the arrows go. */ html body .layG_mobileM_menu .mbM_sleft_d_02_m{display:block;height:auto;overflow:visible;opacity:1} html body .layG_mobileM_menu .mbM_sleft_d_01 > i.fa-chevron-down{display:none} /* owner "진행해": the always-open sub rows were 40px - 34px (still easy to tap) + tighter list padding, so the whole menu fits one phone screen again (390x844: last item ended at 884px) */ html body .layG_mobileM_menu .mbM_sleft_d_02 a{line-height:34px;height:34px} html body .layG_mobileM_menu .mbM_sleft_d_02_m{padding-top:4px;padding-bottom:4px} /* ck-drwopen end */ /* ck-premround start (10/10, owner) /premium: rounded frame + phone column shares that give "가격 차이" room. Frame: no overflow:hidden (the base-exchange dropdown .kimp-lb-menu lives in the top row) - the top row and the last note get the matching inner corners instead. Phones (vl hidden): was rk 6 / nm 25 / px 27 / ch 24.5 / pr 15.5 with 2px right padding on 가격 차이 (numbers touched the frame) -> 6 / 24 / 25.5 / 22.5 / 22 + 8px. */ html body .kimp-l{border-radius:14px} html body .kimp-l > .kimp-l-base{border-radius:13px 13px 0 0} html body .kimp-l > :last-child{border-radius:0 0 13px 13px} @media (max-width:640px){ html body .kimp-l .kimp-l-table th.rk{width:6%} html body .kimp-l .kimp-l-table th.nm{width:24%} html body .kimp-l .kimp-l-table th.px{width:25.5%} html body .kimp-l .kimp-l-table th.ch{width:22.5%} html body .kimp-l .kimp-l-table th.pr{width:22%} html body .kimp-l .kimp-l-table td.pr,html body .kimp-l .kimp-l-table th.pr{padding-right:8px} /* owner 10/11: only the 가격 차이 HEADER centred; the % values right-aligned with a little room (10px) */ html body .kimp-l .kimp-l-table th.pr{text-align:center;padding-left:4px;padding-right:4px} html body .kimp-l .kimp-l-table td.pr{text-align:right;padding-left:4px;padding-right:10px} } /* ck-premround end */ /* ck-lang start (10/11) "🌐 English" switch: PC header pill next to 로그인 / 회원가입, phone drawer third button */ html body .gpe_login li.ck-lang a{display:inline-block;padding:2px 10px;border:1px solid #d9dce3;border-radius:14px;color:#4f4f4f!important;font-weight:700;line-height:1.6} html body .gpe_login li.ck-lang a:hover{background:#f3f4f6} html body.dm .gpe_login li.ck-lang a{border-color:#4a4f5c;color:#b5b5b5!important}body.dm .gpe_login li.ck-lang a:hover{background:#2d323d} html body .layG_mobileM_login ul{display:flex} html body .layG_mobileM_login ul li{flex:1 1 0;width:auto;float:none} /* ck-lang end */ /* ck-sch1line 10/12 owner "검색창 한줄로": 전체검색 (bbs/search.php) 검색조건 + 검색어 + 검색 버튼을 한 줄로 (폰 포함) */ html body #sch_res_detail{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;min-width:0;min-inline-size:0;box-sizing:border-box;max-width:100%} html body #sch_res_detail select#sfl{float:none;flex:0 0 auto;width:auto;max-width:120px;margin:0} html body #sch_res_detail .sch_wr{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;max-width:520px;margin:0} html body #sch_res_detail .sch_wr .frm_input{flex:1 1 0;width:0;min-width:0;margin:0} html body #sch_res_detail .sch_wr .btn_submit{flex:0 0 auto;width:auto;white-space:nowrap;margin:0} @media (max-width:480px){html body #sch_res_detail{padding:16px 12px}html body #sch_res_detail select#sfl{max-width:104px;padding:0 4px}html body #sch_res_detail .sch_wr .btn_submit{padding:0 12px}} /* ck-ovnew 10/19: overseas exchange names never wrap on phones. Only the long name (BTC Markets) gets a smaller font so it fits the same name column as the others; every other row and column keeps its size. */ html body .kimp-w .kimp-main.compact td.name .kimp-ovnm{white-space:nowrap} html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long a{font-size:11.5px;letter-spacing:-.02em} @media (max-width:360px){html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long a{font-size:10px;letter-spacing:-.06em}html body .kimp-w .kimp-main.compact .kimp-apx{font-size:.7em;letter-spacing:-.1em}} html body .kimp-w td.name .kimp-ov-late{margin-left:4px;vertical-align:1px}/* ck-basepick 10/19 (owner "로고+거래소이름+나라이름 이쁘게"): PC buttons read logo, exchange, country; phones: one picker button that opens the sheet (basepick.js) */ html body .kimp-w .kimp-basebar .kimp-bb small{order:1;margin-left:1px}html body .kimp-w .kimp-basebar .kimp-bb em{order:2}html body .kimp-w .kimp-basebar .kimp-bb i{order:3} html body .kimp-w .kimp-basebar .kimp-bb small::after{content:none} html body .kimp-w .kimp-basebar .kimp-bb-pick{display:none} @media (max-width:640px){ html body .kimp-w .kimp-basebar .kimp-bb-sel{display:none} html body .kimp-w .kimp-basebar .kimp-bb.kimp-bb-pick{display:flex;flex:1;min-width:0;height:44px;padding:0 12px;gap:8px;justify-content:flex-start;border:1px solid #d5dae2;border-radius:8px;background:#fff;color:#1f2329;font-size:14.5px;font-weight:700} html body .kimp-w .kimp-basebar .kimp-bb-pick small{font-size:13px;font-weight:400;color:#6b7280} html body .kimp-w .kimp-basebar .kimp-bb-pick em{font-size:11.5px} html body .kimp-w .kimp-basebar .kimp-bb-pick .kimp-bb-caret{margin-left:auto;font-size:11px;color:#646b78}html body.dm .kimp-w .kimp-basebar .kimp-bb-pick .kimp-bb-caret{color:#8a909b} html body .kimp-w .kimp-basebar .kimp-bb-pick img.kimp-bb-logo{display:inline-block;width:22px;height:22px;margin:0;border-radius:5px} } body.dm .kimp-w .kimp-basebar .kimp-bb.kimp-bb-pick{background:#333;border-color:#4a4a4a;color:#eef0f3} body.dm .kimp-w .kimp-basebar .kimp-bb-pick small{color:#b4b9c1} body.dm .kimp-w .kimp-basebar .kimp-bb-pick img.kimp-bb-logo{box-shadow:0 0 0 1px rgba(255,255,255,.22)} /* PC: with the separator gone, logos fit on one line from 900px (was hidden 1025-1049px; measured 10/19) */ @media (min-width:900px){html body .kimp-w .kimp-basebar img.kimp-bb-logo{display:inline-block}} /* ck-ui1019 start (owner 10/19) */ /* 1. overseas exchange names on phones step down with the width, never cut (measured 320-640 px) */ @media (max-width:640px){html body .kimp-w .kimp-main.compact td.name .kimp-ovnm,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm a{font-size:14px;letter-spacing:-.01em}html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long a{font-size:11px;letter-spacing:-.03em}} @media (max-width:389px){html body .kimp-w .kimp-main.compact td.name .kimp-ovnm,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm a{font-size:13.5px}html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long a{font-size:10.5px}} @media (max-width:369px){html body .kimp-w .kimp-main.compact td.name .kimp-ovnm,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm a{font-size:12.5px;letter-spacing:-.02em}html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long a{font-size:10px;letter-spacing:-.05em}} @media (max-width:349px){html body .kimp-w .kimp-main.compact td.name .kimp-ovnm,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm a{font-size:11.8px;letter-spacing:-.03em}html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long,html body .kimp-w .kimp-main.compact td.name .kimp-ovnm.long a{font-size:9.4px;letter-spacing:-.06em}} /* 2. no grey square flash when a rounded button is tapped (phones / tablets) */ html body .kimp-w,html body .ck-cty{-webkit-tap-highlight-color:transparent} /* 3. 641-767 px: the button row needed 2 lines - use the phone picker there too */ @media (min-width:641px) and (max-width:767px){ html body .kimp-w .kimp-basebar .kimp-bb-list{display:none} html body .kimp-w .kimp-basebar .kimp-bb.kimp-bb-pick{display:flex;flex:1;min-width:0;height:44px;padding:0 12px;gap:8px;justify-content:flex-start;border:1px solid #d5dae2;border-radius:8px;background:#fff;color:#1f2329;font-size:14.5px;font-weight:700} html body .kimp-w .kimp-basebar .kimp-bb-pick small{font-size:13px;font-weight:400;color:#6b7280} html body .kimp-w .kimp-basebar .kimp-bb-pick .kimp-bb-caret{margin-left:auto;font-size:11px;color:#646b78}html body.dm .kimp-w .kimp-basebar .kimp-bb-pick .kimp-bb-caret{color:#8a909b} html body .kimp-w .kimp-basebar .kimp-bb-pick img.kimp-bb-logo{display:inline-block;width:22px;height:22px;margin:0;border-radius:5px} body.dm .kimp-w .kimp-basebar .kimp-bb.kimp-bb-pick{background:#333;border-color:#4a4a4a;color:#eef0f3} } /* 4. settings panel (gear): logos, the volume note in bold (own line on phones / tablets), reset + close at the top and the bottom */ html body .kimp-w .kimp-set-btns{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto} html body .kimp-w .kimp-set-btns .kimp-set-x{margin-left:0} html body .kimp-w .kimp-set-r{height:auto;min-height:0;border:1px solid #d5d8de;background:#fff;border-radius:3px;padding:3px 10px;font:inherit;font-size:12px;color:#555;cursor:pointer} html body .kimp-w .kimp-set-r:hover{background:#f4f5f7} html body .kimp-w .kimp-set-foot{display:flex;flex-wrap:wrap;gap:8px} html body .kimp-w .kimp-list li label{display:flex;align-items:center;min-width:0} html body .kimp-w .kimp-sl-ic{flex:0 0 20px;width:20px;height:20px;margin:0 8px 0 2px;border-radius:5px;object-fit:cover;max-width:none} html body .kimp-w .kimp-sl-ic.round{border-radius:50%} html body .kimp-w .kimp-sl-none{visibility:hidden} html body .kimp-w .kimp-sl-lt{display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--h),52%,46%);color:#fff;font-size:10px;font-weight:700;line-height:1} html body .kimp-w .kimp-sl-t{min-width:0} html body .kimp-w .kimp-sl-hot{font-weight:700;color:inherit} @media (max-width:1024px){html body .kimp-w .kimp-sl-hot{display:block;margin-top:2px}} @media (max-width:640px){html body .kimp-w .kimp-set-r{padding:10px 14px;font-size:13px}html body .kimp-w .kimp-set-btns{margin-left:0;flex:0 0 100%}} body.dm .kimp-w .kimp-set-r{background:#333;border-color:#555;color:#ddd}body.dm .kimp-w .kimp-set-r:hover{background:#3d3d3d} body.dm .kimp-w img.kimp-sl-ic{box-shadow:0 0 0 1px rgba(255,255,255,.22)} /* ck-ui1019 end */ /* ck-closeright 10/19 (owner): gear panel - "닫기" at the right end, top and bottom */ html body .kimp-w .kimp-set-btns{flex:1 1 auto} html body .kimp-w .kimp-set-btns .kimp-set-x,html body .kimp-w .kimp-set-foot .kimp-set-x2{margin-left:auto} /* ck-tabfit768 10/19 (owner): tablet portrait - the default coin tabs (9 + 4 hot + USDT) fit one line */ @media (min-width:768px) and (max-width:849px){html body .kimp-w .kimp-tab{padding-left:8px;padding-right:8px}} @media (min-width:850px) and (max-width:899px){html body .kimp-w .kimp-tab{padding-left:11px;padding-right:11px}} /* ck-tabscroll 10/19 (owner): 641-767px - coin tabs on one line, slide sideways (same as the phone) */ @media (min-width:641px) and (max-width:767px){html body .kimp-w .kimp-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}html body .kimp-w .kimp-tabs::-webkit-scrollbar{display:none}html body .kimp-w .kimp-tab{flex:0 0 auto;white-space:nowrap}} /* ck-krdown 10/19 (owner): a Korean exchange that stopped answering (maintenance) - notice above the table, its row dimmed with the last values */ html body .kimp-w .kimp-downnote{margin:0;padding:10px 14px;border-bottom:1px solid #f1d9a6;background:#fff7e6;color:#7a4b00;font-size:13.5px;font-weight:600;line-height:1.5;word-break:keep-all} html body .kimp-w .kimp-downnote[hidden]{display:none} html body .kimp-w .kimp-table tr.kimp-down td{opacity:.45} html body .kimp-w .kimp-table tr.kimp-down td.name{opacity:.8} html body .kimp-w .kimp-down-tag{margin-left:4px;padding:1px 6px;border-radius:4px;background:#f2e3c0;color:#7a4b00;font-size:11px;font-weight:600;vertical-align:1px} @media (max-width:640px){html body .kimp-w .kimp-downnote{padding:8px 10px;font-size:12.5px}html body .kimp-w .kimp-down-tag{display:block;width:max-content;margin:2px auto 0;font-size:10.5px}} body.dm .kimp-w .kimp-downnote{background:#3a2e14;border-bottom-color:#5c4a22;color:#f5d48a} body.dm .kimp-w .kimp-down-tag{background:#5c4a22;color:#f5d48a} /* ck-ftv2 start (10/19 owner footer design) - classes .ckf-* (the old .ck-ft rules above are no longer used) */ .ckf{margin-top:40px;background:#fff;border-top:1px solid #e3e7ee;color:#4a5263;font-size:14px;line-height:1.5} .ckf a{color:#4a5263;text-decoration:none} .ckf-in{position:relative;max-width:1328px;margin:0 auto;padding:0 24px;box-sizing:border-box} .ckf-top{position:relative;overflow:hidden;background:linear-gradient(135deg,#F8FCFF 0%,#F0FAF9 65%,#E4F9F5 100%)} .ckf-top>*:not(.cg-ft-chart){position:relative;z-index:1} /* owner 10/19 chart drawing: behind the band, bottom right (phones: top right, 180px high) */ .cg-ft-chart{position:absolute;right:0;bottom:0;width:min(560px,50%);height:100%;pointer-events:none;z-index:0} .cg-ft-chart svg{display:block;width:100%;height:100%} /* owner rule "글자·버튼을 가리면 폭을 줄여": tablets (buttons beside the logo) - only the space right of the buttons; phones (logo, text and buttons stacked) - top right, right of the text and above the buttons (180px would reach the buttons) */ @media (max-width:1024px){.cg-ft-chart{width:max(0px,calc(100% - 700px))}} @media (max-width:640px){.cg-ft-chart{top:0;bottom:auto;width:min(55%,calc(100% - 180px));height:auto;aspect-ratio:400/220}html[lang=en] .cg-ft-chart{width:min(45%,calc(100% - 255px))}} .ckf-topin{z-index:1;display:flex;align-items:center;gap:20px 56px;flex-wrap:wrap;padding-top:30px;padding-bottom:30px} .ckf-logo{display:inline-block} .ckf-logo img{display:block;width:150px;height:auto} .ckf .ckf-logo-d{display:none} .ckf-tag{margin:10px 0 0;font-size:15px;line-height:1.6;color:#3d4556} .ckf-ctas{display:flex;flex-wrap:wrap;gap:12px} .ckf a.ckf-cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:#dff3e8;color:#0d6b45;font-size:15px;font-weight:700;white-space:nowrap;box-sizing:border-box} .ckf a.ckf-cta i{font-size:18px}.ckf a.ckf-cta .ckf-go{font-size:20px;margin-left:2px} .ckf a.ckf-cta:hover{background:#cdeedc} .ckf a.ckf-cta2{background:#e3effb;color:#1b5fa0} .ckf a.ckf-cta2:hover{background:#d2e6f8} .ckf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.45fr);gap:24px;padding:34px 0 30px} .ckf-acc{display:flex;align-items:center;gap:9px;width:100%;margin:0 0 12px;padding:0;border:0;background:none;color:#1b2340;font:inherit;font-size:16px;font-weight:700;text-align:left;cursor:default} .ckf-ic{width:20px;font-size:18px;text-align:center;color:#1b2340} .ckf .ckf-acc .ckf-chev{display:none;margin-left:auto;font-size:22px;color:#6b7280;transition:transform .2s} .ckf-col ul,.ckf-logos{list-style:none;margin:0;padding:0} .ckf-col li{margin:0 0 9px} .ckf-col a{font-size:15px} .ckf-col a:hover{color:#12a86b} .ckf a.ckf-strong{font-weight:700;color:#1b2340} .ckf-src{padding-left:26px;border-left:1px solid #e6e9ef} .ckf-h{margin:0 0 14px;font-size:16px;font-weight:700;color:#1b2340} .ckf-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px} .ckf-logos li{font-size:12.5px;color:#4a5263;text-align:center;line-height:1.2} .ckf-logos a.ckf-ext{display:flex;flex-direction:column;align-items:center;gap:5px} .ckf-logos img{display:block;width:32px;height:32px;border-radius:50%} .ckf-bar{background:#1b2233;color:#c3c9d6;font-size:13.5px} .ckf-bar .ckf-in{padding-top:22px;padding-bottom:24px} .ckf-bar p{margin:0 0 4px;word-break:keep-all;overflow-wrap:break-word} .ckf-bar a{color:#e6eaf2;font-size:inherit;text-decoration:underline} /* owner 10/19: source links keep the text look, underline only on hover; "(새 창)" only for screen readers */ .ckf a.ckf-ext,.ckf-bar a.ckf-ext{color:inherit;text-decoration:none} .ckf a.ckf-ext:hover,.ckf a.ckf-ext:focus-visible{text-decoration:underline} .ckf .ckf-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .ckf-sep{margin:0 8px;color:#5c6578} .ckf-nw{white-space:nowrap} .ckf-bar p.ckf-disc{margin-top:12px;padding-top:12px;border-top:1px dashed #3a4357;word-break:keep-all} .ckf-bar p.ckf-copy{margin:4px 0 0;color:#aab1bf} /* PC (1025+): no "PC버전으로 보기" (a phone switched to the PC view keeps "모바일 버전으로 보기") */ @media (min-width:1025px){html:not(.ck_pcview) .ckf .ck-viewsw-wrap{display:none}} /* tablet / phone: no logo grid (lazy images are not loaded while hidden) */ @media (max-width:1024px){ .ckf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px} .ckf-src{display:none} } @media (max-width:640px){ .ckf{margin-top:24px;background:#f4f6f9} .ckf-in{padding:0 14px} .ckf-topin{display:block;padding-top:24px;padding-bottom:20px} .ckf-logo img{width:132px} .ckf-tag{font-size:14.5px;margin-top:8px} .ckf-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px} .ckf a.ckf-cta{justify-content:center;gap:6px;min-height:48px;padding:6px 8px;font-size:14px;white-space:normal;text-align:center;line-height:1.25} html[lang=en] .ckf-ctas{grid-template-columns:1fr} .ckf a.ckf-cta i{font-size:16px}.ckf a.ckf-cta .ckf-go{font-size:18px} .ckf-grid{display:block;padding:14px 0 6px} .ckf-col{margin:0 0 8px;background:#fff;border:1px solid #e3e7ee;border-radius:12px;overflow:hidden} .ckf-acc{min-height:52px;margin:0;padding:0 16px;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent} .ckf-acc:focus-visible{outline:2px solid #3b6fe0;outline-offset:-2px} .ckf .ckf-acc .ckf-chev{display:block} .ckf-col.open .ckf-chev{transform:rotate(180deg)} .ckf-col ul{padding:0 8px 8px} .ckf-js .ckf-col:not(.open) ul{display:none} .ckf-col li{margin:0} .ckf-col a{display:block;padding:11px 8px 11px 37px;font-size:15px} .ckf-bar{background:none;color:#5b6475;font-size:12.5px} .ckf-bar .ckf-in{margin:0 14px;padding:14px 2px 80px;border-top:1px solid #e1e5ec} .ckf-bar a{color:#4a5263} .ckf-sep{color:#c3c9d4} .ckf-bar p.ckf-disc{border-top-color:#e1e5ec} .ckf-bar p.ckf-copy{color:#646b78} .ckf-nw{white-space:normal} } @media (max-width:359px){.ckf-ctas{grid-template-columns:1fr}} /* dark mode */ body.dm .ckf{background:#262626;border-top-color:#3a3a3a;color:#b9bec8} body.dm .ckf a{color:#c9ced7} body.dm .ckf-top{background:linear-gradient(135deg,#222629 0%,#20282a 65%,#1d2a27 100%)} body.dm .cg-ft-chart{opacity:.25} body.dm .ckf a.ckf-ext{color:inherit} body.dm .ckf .ckf-logo-l{display:none} body.dm .ckf .ckf-logo-d{display:block} body.dm .ckf-tag{color:#c2c7d0} body.dm .ckf a.ckf-cta{background:#0b7a4d;color:#fff} body.dm .ckf a.ckf-cta:hover{background:#0a6a43} body.dm .ckf a.ckf-cta2{background:#1d5f91;color:#fff} body.dm .ckf a.ckf-cta2:hover{background:#185280} body.dm .ckf-acc,body.dm .ckf-ic,body.dm .ckf-h,body.dm .ckf a.ckf-strong{color:#fff} body.dm .ckf-chev{color:#a8adb7} body.dm .ckf-col a:hover{color:#2fd08b} body.dm .ckf-src{border-left-color:#3a3a3a} body.dm .ckf-logos li{color:#c2c7d0} body.dm .ckf-bar{background:#1b1b1b;color:#a3a8b2} body.dm .ckf-bar a{color:#d4d8de} body.dm .ckf-sep{color:#5a5f66} body.dm .ckf-bar p.ckf-disc{border-top-color:#3a3a3a} body.dm .ckf-bar p.ckf-copy{color:#9aa0aa} body.dm .ckf .ck-viewsw{background:#3a3a3a} @media (max-width:640px){ body.dm .ckf{background:#1f1f1f} body.dm .ckf-col{background:#2a2a2a;border-color:#3a3a3a} body.dm .ckf-bar{background:none} body.dm .ckf-bar .ckf-in{border-top-color:#3a3a3a} } /* ck-ftv2 end */ /* ck-alignz start (10/19 owner): no approx sign; a 0 % change and "-" cells end on the same vertical line as the other rows (right), digits fixed-width. Replaces the 10/09 "'-' in the middle" rule. table.* selectors: kimp.css loads after site.css */ html body .kimp-w table.kimp-table.kimp-main td.kimp-flat{text-align:right} html body .kimp-w table.kimp-table.kimp-main td.pl,html body .kimp-w table.kimp-table.kimp-main td.pr,html body .kimp-w table.kimp-table.kimp-main td.kimp-flat{font-variant-numeric:tabular-nums} html body .kimp-w table.kimp-table.kimp-main.compact td:nth-child(3) .cp{text-align:right} html body .kimp-l table.kimp-l-table td.kimp-flat{text-align:right} html body .kimp-l table.kimp-l-table td.ch,html body .kimp-l table.kimp-l-table td.pr{font-variant-numeric:tabular-nums} /* dark mode: 0 % and "-" cells grey like the list page (a general dark rule made them #e6e6e6); light stays #666 */ html body.dm .kimp-w table.kimp-table.kimp-main td.kimp-flat{color:#a8a8a8} /* <= 359px: a 7-digit change ("▲ 1,482,575") + the % did not fit the cell and stuck out 6-10px past the other rows */ @media (max-width:359px){ html body .kimp-w table.kimp-table.kimp-main.compact td:nth-child(3) .ca{font-size:11px;letter-spacing:-.5px} } @media (max-width:379px){html body .kimp-l table.kimp-l-table td.ch .ca{font-size:11px;letter-spacing:-.5px}} /* /premium: "▲ 0.000270" (PEPE) */ /* ck-alignz end */ /* ck-htxbfx 10/20: phone exchange cells - the country line breaks between words only (영국령 / 버진아일랜드, not 버진아일랜 / 드) */ html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub.ck-ovsub span:first-child{overflow-wrap:normal;word-break:keep-all} /* ck-ov2 10/20 (owner): phone table - overseas exchange in two lines: small flag + name, then the local price */ html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-ovnm.ck-ov2{display:block;white-space:nowrap} html body .kimp-w .kimp-table.kimp-main tr.ov td.name svg.ck-flg{display:inline-block;width:13px;height:9px;margin:0 3px 0 0;vertical-align:0;border-radius:1.5px;box-shadow:0 0 0 .5px rgba(0,0,0,.25)} html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub.ck-ovp{display:block;margin-top:1px;font-size:11px;line-height:1.25;letter-spacing:-.3px;color:#646b78;white-space:nowrap;overflow-wrap:normal} html body.dm .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub.ck-ovp{color:#a8a8a8} html body.dm .kimp-w .kimp-table.kimp-main tr.ov td.name svg.ck-flg{box-shadow:0 0 0 .5px rgba(255,255,255,.35)} @media (max-width:369px){html body .kimp-w .kimp-table.kimp-main tr.ov td.name svg.ck-flg{width:11px;height:7.5px;margin-right:2px}html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-sub.ck-ovp{font-size:10.5px!important}} html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-ovnm.ck-ov2.xl,html body .kimp-w .kimp-table.kimp-main tr.ov td.name .kimp-ovnm.ck-ov2.xl a{white-space:normal;font-size:10px;letter-spacing:-.04em;line-height:1.2} /* ck-usa 10/20 (owner): footer source grid - HTX logo + name without a link, same look as the linked ones */ html body .ckf .ckf-logos span.ckf-ext.ckf-nolink{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default} html body .ckf .ckf-logos span.ckf-ext.ckf-nolink{font-size:15px} /* ck-grp 10/20 (owner mockup "메인 시세표가 길어졌어 ... 이렇게 바꿔 줘", sample 1): exchanges in coloured groups, striped rows, name + local price, "›" */ html body .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr.kimp-gh > td{padding:9px 14px;text-align:left;font-size:16px;font-weight:800;color:#1e3a8a;border-top:6px solid #fff;border-bottom:0;white-space:normal;background:#e8f1fd} html body .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb-gl tr.kimp-gh > td{background:#fff3e2} html body .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb-ot tr.kimp-gh > td{background:#e8f6ee} /* owner 10/20 "한 줄로": the header never wraps; width 0 + min-width 100% keeps it from widening the table, a long subtitle ends in "…" */ html body .kimp-w .kimp-table.kimp-main.kimp-grp tr.kimp-gh .gh-in{display:block;width:0;min-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body .kimp-w .kimp-table.kimp-main.kimp-grp tr.kimp-gh .gh-ic{display:inline-block;width:24px;height:24px;margin-right:10px;vertical-align:-6px} html body .kimp-w .kimp-table.kimp-main.kimp-grp tr.kimp-gh .gh-ic svg{display:block;width:24px;height:24px} html body .kimp-w .kimp-table.kimp-main.kimp-grp tr.kimp-gh .gh-s{margin-left:12px;font-size:13.5px;font-weight:400;color:#5f6673} /* striped rows inside each group (the header row is the first child); the old soft red / blue cell tints give way to the stripes */ html body .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr:not(.kimp-gh) > td{background-color:#fff} html body .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr:not(.kimp-gh):nth-child(odd) > td{background-color:#f7f8fa} /* owner 10/20: the base row must stand out (so nobody wonders whether the base reset): stronger blue + a blue bar on the left */ html body .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr.ref:not(.kimp-gh) > td{background-color:#dbe8ff} html body .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr.ref:not(.kimp-gh) > td:first-child{box-shadow:inset 4px 0 0 #2563eb} /* PC: logo + bold name + local price under it; "›" column */ html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) tbody td{padding-top:6px;padding-bottom:6px} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name{white-space:nowrap;padding-right:6px} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kimp-exlogo,html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kimp-exlogo-none{display:inline-block;width:28px;height:28px;margin:0 9px 0 0;vertical-align:middle;border-radius:50%} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kx{display:inline-block;vertical-align:middle;text-align:left;line-height:1.3} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kx b{display:block;font-size:15px;font-weight:700;color:#111827} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kx b a{color:inherit;font-weight:inherit} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kx i{display:block;font-style:normal;font-size:12px;font-weight:400;color:#646b78;letter-spacing:-.2px} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kimp-basetag{vertical-align:middle;margin-left:4px;padding:2px 5px;font-size:11px} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) th.kimp-goh,html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.kimp-go{width:20px;padding-left:0!important;padding-right:2px!important;text-align:center!important} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.kimp-go a{display:block;font-size:22px;line-height:1;color:#9aa0ab;text-decoration:none} html body .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.kimp-go a:hover{color:#2563eb} /* phones: smaller group headers (the rows keep their phone layout) */ html body .kimp-w .kimp-table.kimp-main.kimp-grp.compact tbody.kimp-gb tr.kimp-gh > td{padding:7px 10px;font-size:14px;border-top-width:4px} html body .kimp-w .kimp-table.kimp-main.kimp-grp.compact tr.kimp-gh .gh-ic{width:18px;height:18px;margin-right:6px;vertical-align:-4px} html body .kimp-w .kimp-table.kimp-main.kimp-grp.compact tr.kimp-gh .gh-ic svg{width:18px;height:18px} html body .kimp-w .kimp-table.kimp-main.kimp-grp.compact tr.kimp-gh .gh-s{margin-left:6px;font-size:11.5px} html body .kimp-w .kimp-table.kimp-main.kimp-grp tr.kimp-gh .gh-sh{display:none} @media (max-width:374px){html body .kimp-w .kimp-table.kimp-main.kimp-grp.compact tr.kimp-gh .gh-l{display:none}html body .kimp-w .kimp-table.kimp-main.kimp-grp.compact tr.kimp-gh .gh-sh{display:inline}} /* owner 10/20 "둘 다 해 줘": phones - a long name (BTC Markets) stays on one line (name + price = 2 lines like the others); the base row says just "기준" */ html body .kimp-w .kimp-table.kimp-main.compact tr.ov td.name .kimp-ovnm.ck-ov2.xl,html body .kimp-w .kimp-table.kimp-main.compact tr.ov td.name .kimp-ovnm.ck-ov2.xl a{white-space:nowrap} @media (max-width:420px){html body .kimp-w .kimp-table.kimp-main.compact tr.ov td.name .kimp-ovnm.ck-ov2.xl .ck-flg{display:none}} @media (max-width:340px){html body .kimp-w .kimp-table.kimp-main.compact tr.ov td.name .kimp-ovnm.ck-ov2.xl,html body .kimp-w .kimp-table.kimp-main.compact tr.ov td.name .kimp-ovnm.ck-ov2.xl a{letter-spacing:-.08em}} html body .kimp-w .kimp-table.kimp-main.kimp-grp.compact td.kimp-base .kimp-base0{display:none} /* dark mode */ html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr.kimp-gh > td{color:#dbe6ff;border-top-color:#262626;background:rgba(59,130,246,.18)} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb-gl tr.kimp-gh > td{background:rgba(245,158,11,.16)} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb-ot tr.kimp-gh > td{background:rgba(34,197,94,.15)} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tr.kimp-gh .gh-s{color:#b4b9c1} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr:not(.kimp-gh) > td{background-color:#262626} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr:not(.kimp-gh):nth-child(odd) > td{background-color:#2e2e2e} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr.ref:not(.kimp-gh) > td{background-color:#22385f} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp tbody.kimp-gb tr.ref:not(.kimp-gh) > td:first-child{box-shadow:inset 4px 0 0 #5b9bff} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kx b{color:#f1f1f1}html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.name .kx i{color:#a8a8a8} html body.dm .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) td.kimp-go a{color:#8b919c} /* ck-tb 10/20: "Coins.ph 기준" label like the country pages (blue pill), always shown; also in the "collecting" note */ html body .kimp-w .kimp-trend .kimp-trend-basis{border-color:transparent;background:#e3edfd;color:#1e40af;font-weight:700} html body.dm .kimp-w .kimp-trend .kimp-trend-basis{border-color:transparent;background:rgba(59,130,246,.24);color:#cfe0ff} html body .kimp-w .kimp-trend .kimp-trend-empty .kimp-trend-basis.kimp-tb-in{position:static;display:inline-block;margin:0 6px 0 0;vertical-align:1px} /* owner 10/20: settings panel - the exchange list in the table's groups + "먼저 보일 해외 거래소" */ html body .kimp-w .kimp-set .kimp-list li.kimp-sl-gh .kimp-gmv-x{visibility:hidden} html body .kimp-w .kimp-set .kimp-list li.kimp-sl-gh > span{margin-left:6px} html body .kimp-w .kimp-set .kimp-list li.kimp-sl-gh{display:flex;align-items:center;margin:4px 0 0;padding:8px 4px 4px 0;border-top:1px solid #eef0f3;background:none;font-size:12.5px;font-weight:800;color:#1e3a8a;list-style:none} html body .kimp-w .kimp-set .kimp-list li.kimp-sl-gh:first-child{margin-top:0;border-top:0;padding-top:2px} html body.dm .kimp-w .kimp-set .kimp-list li.kimp-sl-gh{color:#a9c6ff;border-top-color:#3a3a3a} /* rules that hide the last column at narrow widths (tablets, coin page) must not hide the group header cells */ html body .kimp-w .kimp-table.kimp-main.kimp-grp tr.kimp-gh > td{display:table-cell!important} /* ck-set 10/20 (owner mockup "톱니바퀴 누르면 이렇게 나오도록"): settings panel - group cards, drag handles, tags, help line */ html body .kimp-w .kimp-set .ks{font-size:14px;color:#1f2329} html body .kimp-w .kimp-set .ks button{font:inherit} html body .kimp-w .kimp-set .ks-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 2px 12px;border-bottom:1px solid #eef0f3} html body .kimp-w .kimp-set .ks-hic{display:inline-flex;color:#111827} html body .kimp-w .kimp-set .ks-head > b{font-size:20px;font-weight:800;color:#111827} /* ck-a11y 10/27: gear panel - small greys #7b8190 -> #646b78, red note #e5372b -> #d42a1e (4.5:1 on the striped / hovered rows); dark keeps its own */html body .kimp-w .kimp-set .ks-sub{font-size:12.5px;color:#646b78} html body .kimp-w .kimp-set .ks-hbtn{margin-left:auto;display:flex;align-items:center;gap:6px} html body .kimp-w .kimp-set .ks-reset{height:auto;min-height:0;border:1px solid #d5d8de;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;color:#374151;cursor:pointer} html body .kimp-w .kimp-set .ks-reset:hover{background:#f4f5f7} html body .kimp-w .kimp-set .ks-x{height:36px;min-height:0;width:36px;border:0;background:none;border-radius:8px;font-size:18px;color:#6b7280;cursor:pointer;padding:0} html body .kimp-w .kimp-set .ks-x:hover{background:#f1f3f6} html body .kimp-w .kimp-set .ks-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px;padding-top:12px} html body .kimp-w .kimp-set .ks-right{border-left:1px solid #eef0f3;padding-left:20px;min-width:0} html body .kimp-w .kimp-set .ks-left{min-width:0} html body .kimp-w .kimp-set .ks-unit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px} html body .kimp-w .kimp-set .ks-unit > b{font-size:14.5px;font-weight:800} html body .kimp-w .kimp-set .ks-pills{display:flex;gap:8px;flex-wrap:wrap} html body .kimp-w .kimp-set .ks-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #d5d8de;border-radius:8px;padding:7px 14px;font-size:13.5px;font-weight:600;color:#374151;background:#fff;cursor:pointer} html body .kimp-w .kimp-set .ks-pill input{margin:0;accent-color:#2563eb} html body .kimp-w .kimp-set .ks-pill.on{border-color:#2563eb;background:#eef4ff;color:#1e40af} html body .kimp-w .kimp-set .ks-h{margin:4px 0 8px;font-size:15px;font-weight:800;color:#111827} html body .kimp-w .kimp-set .ks-h small{margin-left:4px;font-size:12px;font-weight:400;color:#646b78} html body .kimp-w .kimp-set .ks-groups{display:flex;flex-direction:column;gap:10px} html body .kimp-w .kimp-set .ks-grp{border:1px solid #e3e6eb;border-radius:12px;overflow:hidden;background:#fff;flex:0 0 auto} html body .kimp-w .kimp-set .ks-gh{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 10px;background:#fdecee} /* owner 10/20: group ▲▼ on the left, in the rows' ▲▼ column (the 22 px drag-handle column stays empty) */ html body .kimp-w .kimp-set .ks-gmvs{display:flex;flex:0 0 auto;margin:0 -4px 0 22px} html body .kimp-w .kimp-set .ks-gmvs-x{visibility:hidden} html body .kimp-w .kimp-set .ks .ks-gmvs .kimp-mv{width:24px;height:28px;font-size:9.5px} html body .kimp-w .kimp-set .ks-grp-gl .ks-gh{background:#e8f1fd} html body .kimp-w .kimp-set .ks-grp-ot .ks-gh{background:#e8f6ee} html body .kimp-w .kimp-set .ks-gic svg{display:block;width:22px;height:22px} html body .kimp-w .kimp-set .ks-gh > b{font-size:15px;font-weight:800;color:#1e3a8a;white-space:nowrap} html body .kimp-w .kimp-set .ks-gs{margin-left:auto;font-size:12px;color:#5f6673;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} html body .kimp-w .kimp-set .ks-gb{display:flex;align-items:center;gap:1px;flex:0 0 auto} html body .kimp-w .kimp-set .ks-fold{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0;border:0;background:none;border-radius:6px;color:#4b5563;cursor:pointer;padding:0} html body .kimp-w .kimp-set .ks-fold:hover{background:rgba(0,0,0,.06)} html body .kimp-w .kimp-set .ks-folded .ks-fold svg{transform:rotate(180deg)} html body .kimp-w .kimp-set .ks-folded .ks-list{display:none} html body .kimp-w .kimp-set .ks .kimp-list.ks-list{max-height:none;overflow:visible;margin:0;padding:4px 6px} html body .kimp-w .kimp-set .ks .kimp-list.ks-coins{max-height:740px;overflow:auto;border:1px solid #e3e6eb;border-radius:12px} html body .kimp-w .kimp-set .ks .kimp-list li.ks-row{display:flex;align-items:center;gap:0;min-height:34px;padding:0 4px;border-radius:8px} html body .kimp-w .kimp-set .ks .kimp-list li.ks-row:nth-child(even){background:#f8f9fb} html body .kimp-w .kimp-set .ks .kimp-list li.ks-row:hover{background:#f1f5ff} html body .kimp-w .kimp-set .ks .kimp-list li.ks-row.ks-dragging{background:#e3edfd;box-shadow:0 3px 10px rgba(15,23,42,.16);position:relative;z-index:2} html body .kimp-w .kimp-set .ks-drag{flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;height:30px;color:#9aa0ab;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none} html body .kimp-w .kimp-set .ks-drag svg{fill:currentColor} html body .kimp-w .kimp-set .ks-drag:hover{color:#4b5563} html body .kimp-w .kimp-set .ks-dragging .ks-drag{cursor:grabbing;color:#2563eb} html body .kimp-w .kimp-set .ks .ks-row .kimp-mv{width:24px;height:28px;font-size:9.5px;flex:0 0 auto} html body .kimp-w .kimp-set .ks .kimp-list li.ks-row label{flex:1 1 auto;display:flex;align-items:center;min-width:0;margin-left:4px;padding:4px 0} /* ck-a11y 10/27: on a PC the ▲▼ are 24px wide (above) and the box starts 8px after ▼ - tap size 24px; phones keep their sizes */ @media (min-width:641px){html body .kimp-w .kimp-set .ks .kimp-list li.ks-row label{margin-left:8px}} html body .kimp-w .kimp-set .ks .ks-row input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:0 8px 0 0;accent-color:#2563eb} html body .kimp-w .kimp-set .ks .ks-row .kimp-sl-t{font-size:14px;color:#1f2329;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body .kimp-w .kimp-set .ks .ks-coins .kimp-sl-t{white-space:normal;overflow:visible;text-overflow:clip;min-width:0;overflow-wrap:anywhere} html body .kimp-w .kimp-set .ks .ks-sym{font-weight:800;margin-right:8px} html body .kimp-w .kimp-set .ks .ks-cn{color:#6b7280;margin-right:8px;white-space:nowrap} html body .kimp-w .kimp-set .ks .kimp-sl-hot{display:inline-block;margin:0;color:#d42a1e;font-weight:800;white-space:nowrap} html body .kimp-w .kimp-set .ks-tag{flex:0 0 auto;margin-left:6px;padding:2px 8px;border-radius:6px;background:#f1f3f6;color:#5f6673;font-size:11.5px;font-weight:600;line-height:1.5} html body .kimp-w .kimp-set .ks-tag.ks-mj{background:#fff4e0;color:#b45309} html body .kimp-w .kimp-set .ks-tag.ks-st{background:#e7f8ee;color:#15803d} html body .kimp-w .kimp-set .ks-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px} html body .kimp-w .kimp-set .ks-ch .ks-h{margin:0} html body .kimp-w .kimp-set .ks-search{display:flex;align-items:center;gap:6px;flex:0 1 280px;min-width:200px;border:1px solid #d5d8de;border-radius:8px;padding:0 10px;color:#6b7280;background:#fff} html body .kimp-w .kimp-set .ks-search input.kimp-q{flex:1;width:auto;min-width:0;height:36px;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;font-size:13px;color:#1f2329} html body .kimp-w .kimp-set .ks-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;border:1px solid #eef0f3;border-radius:12px;background:#f8fafc} html body .kimp-w .kimp-set .ks-help{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1 1 300px;font-size:12px;color:#4b5563} html body .kimp-w .kimp-set .ks-help > b{font-size:13px;color:#111827;margin-right:4px} html body .kimp-w .kimp-set .ks-bulb{display:inline-flex;color:#2563eb} html body .kimp-w .kimp-set .ks-help ul{display:flex;flex-wrap:wrap;gap:2px 16px;margin:0;padding:0 0 0 14px} html body .kimp-w .kimp-set .ks-help li{list-style:disc;margin:0} html body .kimp-w .kimp-set .ks-fbtn{display:flex;gap:8px;margin-left:auto} html body .kimp-w .kimp-set .ks-save{height:auto;min-height:0;border:0;background:#2563eb;color:#fff;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:700;cursor:pointer} html body .kimp-w .kimp-set .ks-save:hover{background:#1d4ed8} @media (max-width:640px){ html body .kimp-w .kimp-set .ks-head > b{font-size:18px} html body .kimp-w .kimp-set .ks-sub{flex:0 0 100%;order:3} html body .kimp-w .kimp-set .ks-reset{padding:8px 10px;font-size:12.5px} html body .kimp-w .kimp-set .ks-body{grid-template-columns:minmax(0,1fr)} html body .kimp-w .kimp-set .ks-right{border-left:0;padding-left:0;margin-top:16px} html body .kimp-w .kimp-set .ks-groups{max-height:none;overflow:visible} html body .kimp-w .kimp-set .ks .kimp-list.ks-coins{max-height:60vh} html body .kimp-w .kimp-set .ks-search{flex:1 1 100%;min-width:0} html body .kimp-w .kimp-set .ks-gs{display:none} html body .kimp-w .kimp-set .ks-gh > b{margin-right:auto} html body .kimp-w .kimp-set .ks .ks-row .kimp-mv,html body .kimp-w .kimp-set .ks .ks-gmvs .kimp-mv{width:27px;height:34px;font-size:11px} html body .kimp-w .kimp-set .ks-gmvs{margin-left:26px} html body .kimp-w .kimp-set .ks .kimp-sl-hot{display:block;margin-top:1px} /* owner 10/20: nothing cut or running into the tags on phones - coin: symbol, then the Korean name, then the note; a long exchange name wraps */ html body .kimp-w .kimp-set .ks .ks-coins .kimp-sl-t{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.3} html body .kimp-w .kimp-set .ks .ks-coins .ks-sym{margin:0} html body .kimp-w .kimp-set .ks .ks-coins .ks-cn{margin:0;font-size:12.5px;white-space:normal;overflow-wrap:anywhere} html body .kimp-w .kimp-set .ks .ks-list:not(.ks-coins) .kimp-sl-t{white-space:normal;overflow:visible;line-height:1.3} html body .kimp-w .kimp-set .ks-drag{flex-basis:26px;height:36px} html body .kimp-w .kimp-set .ks .kimp-list li.ks-row{min-height:40px} html body .kimp-w .kimp-set .ks-fbtn{flex:1 1 100%} html body .kimp-w .kimp-set .ks-fbtn button{flex:1 1 0;padding:11px 8px} } @media (max-width:360px){ html body .kimp-w .kimp-set .ks .ks-row .kimp-mv,html body .kimp-w .kimp-set .ks .ks-gmvs .kimp-mv{width:23px} html body .kimp-w .kimp-set .ks-drag{flex-basis:20px} html body .kimp-w .kimp-set .ks-gmvs{margin-left:20px} html body .kimp-w .kimp-set .ks .ks-row input[type=checkbox]{margin-right:6px} html body .kimp-w .kimp-set .ks-tag{padding:2px 6px;font-size:11px} html body .kimp-w .kimp-set .ks .kimp-sl-hot{white-space:normal;font-size:12.5px} html body .kimp-w .kimp-set .ks .ks-list:not(.ks-coins) .kimp-sl-t{overflow-wrap:anywhere;text-overflow:clip;font-size:13.5px} } /* dark mode */ html body.dm .kimp-w .kimp-set .ks{color:#e5e7eb} html body.dm .kimp-w .kimp-set .ks-head{border-bottom-color:#3a3a3a} html body.dm .kimp-w .kimp-set .ks-hic,html body.dm .kimp-w .kimp-set .ks-head > b,html body.dm .kimp-w .kimp-set .ks-h,html body.dm .kimp-w .kimp-set .ks-help > b{color:#f3f4f6} html body.dm .kimp-w .kimp-set .ks-sub,html body.dm .kimp-w .kimp-set .ks-h small{color:#a8a8a8} html body.dm .kimp-w .kimp-set .ks-reset,html body.dm .kimp-w .kimp-set .ks-pill,html body.dm .kimp-w .kimp-set .ks-search{background:#333;border-color:#555;color:#ddd} html body.dm .kimp-w .kimp-set .ks-reset:hover,html body.dm .kimp-w .kimp-set .ks-x:hover{background:#3d3d3d} html body.dm .kimp-w .kimp-set .ks-x{color:#bbb} html body.dm .kimp-w .kimp-set .ks-pill.on{border-color:#5b9bff;background:rgba(59,130,246,.2);color:#cfe0ff} html body.dm .kimp-w .kimp-set .ks-right{border-left-color:#3a3a3a} html body.dm .kimp-w .kimp-set .ks-grp,html body.dm .kimp-w .kimp-set .ks .kimp-list.ks-coins{background:#2b2b2b;border-color:#444} html body.dm .kimp-w .kimp-set .ks-gh{background:rgba(244,63,94,.15)} html body.dm .kimp-w .kimp-set .ks-grp-gl .ks-gh{background:rgba(59,130,246,.18)} html body.dm .kimp-w .kimp-set .ks-grp-ot .ks-gh{background:rgba(34,197,94,.15)} html body.dm .kimp-w .kimp-set .ks-gh > b{color:#dbe6ff} html body.dm .kimp-w .kimp-set .ks-gs{color:#b4b9c1} html body.dm .kimp-w .kimp-set .ks-fold{color:#ccc} html body.dm .kimp-w .kimp-set .ks .kimp-list li.ks-row:nth-child(even){background:#303030} html body.dm .kimp-w .kimp-set .ks .kimp-list li.ks-row:hover{background:#353b47} html body.dm .kimp-w .kimp-set .ks .kimp-list li.ks-row.ks-dragging{background:#22385f} html body.dm .kimp-w .kimp-set .ks .ks-row .kimp-sl-t,html body.dm .kimp-w .kimp-set .ks-search input.kimp-q{color:#e5e7eb} html body.dm .kimp-w .kimp-set .ks .ks-cn{color:#a8a8a8} html body.dm .kimp-w .kimp-set .ks .kimp-sl-hot{color:#ff6b5e} html body.dm .kimp-w .kimp-set .ks-tag{background:#3a3a3a;color:#c9cdd3} html body.dm .kimp-w .kimp-set .ks-tag.ks-mj{background:rgba(245,158,11,.2);color:#fbbf24} html body.dm .kimp-w .kimp-set .ks-tag.ks-st{background:rgba(34,197,94,.2);color:#4ade80} html body.dm .kimp-w .kimp-set .ks-foot{background:#262626;border-color:#3a3a3a} html body.dm .kimp-w .kimp-set .ks-help{color:#c9cdd3} html body.dm .kimp-w .kimp-set .ks-bulb{color:#7fb3ff} /* ck-legal-old 10/20: the previous privacy policy page (/content/privacy_20261019) looks like the current one (its wrapper class is ctt_privacy_20261019) */ html body #ctt.ctt_privacy_20261019 #ctt_con{line-height:1.75} html body #ctt.ctt_privacy_20261019 #ctt_con p{margin:0 0 12px} html body #ctt.ctt_privacy_20261019 #ctt_con h3{margin:28px 0 10px;font-size:17px;font-weight:700;line-height:1.4} html body #ctt.ctt_privacy_20261019 #ctt_con ul,html body #ctt.ctt_privacy_20261019 #ctt_con ol{margin:0 0 12px;padding-left:20px} html body #ctt.ctt_privacy_20261019 #ctt_con ul li{margin:0 0 6px;list-style:disc} html body #ctt.ctt_privacy_20261019 #ctt_con ol li{margin:0 0 6px;list-style:decimal} html body #ctt.ctt_privacy_20261019 .ck-legal .ck-legal-note{margin:0 0 18px;padding:10px 14px;border-radius:8px;background:#fff8e6;border:1px solid #f3e1a8;color:#5b4a12} html body.dm #ctt.ctt_privacy_20261019 .ck-legal .ck-legal-note{background:#3a3424;border-color:#5a5032;color:#f1e3b4} /* ck-symfit 10/20: /premium on phones - long coin symbols no longer break mid-word (TRUM/P) */ @media (min-width:340px) and (max-width:640px){html body div.kimp-l .kimp-l-table th.nm{width:28%}html body div.kimp-l .kimp-l-table th.px{width:22.5%}} @media (max-width:640px){html body div.kimp-l .kimp-l-table td.nm .tx b.l6{font-size:12px;letter-spacing:-.2px}} /* ck-symfit320 10/20: /premium under 340 px - smaller coin icon so 4-7 letter symbols stay on one line */ @media (max-width:339px){html body div.kimp-l .kimp-l-table td.nm{padding-left:3px}html body div.kimp-l .kimp-l-table td.nm .w{gap:3px}html body div.kimp-l .kimp-l-table td.nm .w .ic{flex:0 0 16px;width:16px;height:16px}html body div.kimp-l .kimp-l-table td.nm .w .ic img,html body div.kimp-l .kimp-l-table td.nm .w .ic i{width:16px;height:16px;line-height:16px;font-size:8px}html body div.kimp-l .kimp-l-table td.nm .tx b{font-size:12.5px}html body div.kimp-l .kimp-l-table td.nm .tx b.l6{font-size:10.5px;letter-spacing:-.3px}} /* ck-wallet 10/20: 입금 중단 / 출금 중단 mark on Korean exchange rows */ html body .kimp-w .kimp-wd-tag{margin-left:4px;padding:1px 6px;border:0;border-radius:4px;background:#fde8e6;color:#a8231a;font-size:11px;font-weight:600;line-height:1.5;vertical-align:1px;white-space:nowrap;cursor:help} body.dm .kimp-w .kimp-wd-tag{background:#5a2622;color:#ffb4ab} @media (max-width:640px){html body .kimp-w .kimp-wd-tag{display:block;width:max-content;margin:2px 0 0;font-size:10.5px}} /* ck-lwallet 10/20: /premium list - red ! on the coin icon when a Korean exchange stopped deposits / withdrawals */ html body div.kimp-l .kimp-l-icw{position:relative;display:inline-flex;flex:0 0 auto} /* ck-a11y 10/27: the "!" is a 25px button (PageSpeed tap size 24px) with its 13px dot drawn inside, at the same place */html body div.kimp-l .kimp-l-wd{position:absolute;right:-9px;top:-11px;z-index:2;width:25px;height:25px;border-radius:50%;color:#fff;font:700 9px/25px Arial,sans-serif;text-align:center;cursor:pointer}html body div.kimp-l .kimp-l-wd::before{content:'';position:absolute;left:6px;top:6px;z-index:-1;width:13px;height:13px;border-radius:50%;background:#d92d20;box-shadow:0 0 0 1.5px #fff} html body div.kimp-l .kimp-l-wd::after{content:'';position:absolute;inset:-2px} html body div.kimp-l .kimp-l-wd:focus-visible{outline:2px solid #2563eb;outline-offset:-4px} body.dm div.kimp-l .kimp-l-wd::before{background:#f04438;box-shadow:0 0 0 1.5px #1e1e1e} .kimp-l-wdtip{position:fixed;z-index:9999;max-width:260px;padding:8px 10px;border-radius:8px;background:#1f2937;color:#fff;font-size:12.5px;line-height:1.45;box-shadow:0 6px 18px rgba(0,0,0,.18)} .kimp-l-wdtip small{display:block;margin-top:2px;font-size:11px;opacity:.75} body.dm .kimp-l-wdtip{background:#f3f4f6;color:#111827} /* ck-leave 10/21: the account-deletion guide looks like the policy pages + its button; the link on the profile form */ html body #ctt.ctt_account_delete #ctt_con{line-height:1.75} html body #ctt.ctt_account_delete #ctt_con p{margin:0 0 12px} html body #ctt.ctt_account_delete #ctt_con h3{margin:28px 0 10px;font-size:17px;font-weight:700;line-height:1.4} html body #ctt.ctt_account_delete #ctt_con ul,html body #ctt.ctt_account_delete #ctt_con ol{margin:0 0 12px;padding-left:20px} html body #ctt.ctt_account_delete #ctt_con ul li{margin:0 0 6px;list-style:disc} html body #ctt.ctt_account_delete #ctt_con ol li{margin:0 0 6px;list-style:decimal} html body #ctt.ctt_account_delete .ck-del-btn{display:inline-block;margin:4px 0;padding:9px 16px;border:1px solid #d92d20;border-radius:8px;color:#b42318;font-weight:600;text-decoration:none} body.dm #ctt.ctt_account_delete .ck-del-btn{border-color:#f97066;color:#ff9c94} .ck-blk-link{margin:16px 0 0;padding:0 14px 0 4px;text-align:right;font-size:14px}.ck-blk-link a{color:#2563eb}.ck-blk-sep{margin:0 8px;color:#9ca3af}body.dm .ck-blk-link a{color:#7aa7ff} /* ck-a11y 10/27: the highlighted base row (light blue) - its small notes a step darker, 5:1 (PageSpeed accessibility) */ html body:not(.dm) .kimp-w .kimp-table.kimp-main:not(.compact) tr.ref td small,html body:not(.dm) .kimp-w .kimp-table.kimp-main.kimp-grp:not(.compact) tr.ref td.name .kx i{color:#5a6170} /* ck-legal-old2 10/28: the 10/20 policy page looks like the current one */ html body #ctt.ctt_privacy_20261020 #ctt_con{line-height:1.75} html body #ctt.ctt_privacy_20261020 #ctt_con p{margin:0 0 12px} html body #ctt.ctt_privacy_20261020 #ctt_con h3{margin:28px 0 10px;font-size:17px;font-weight:700;line-height:1.4} html body #ctt.ctt_privacy_20261020 #ctt_con ul,html body #ctt.ctt_privacy_20261020 #ctt_con ol{margin:0 0 12px;padding-left:20px} html body #ctt.ctt_privacy_20261020 #ctt_con ul li{margin:0 0 6px;list-style:disc} html body #ctt.ctt_privacy_20261020 #ctt_con ol li{margin:0 0 6px;list-style:decimal} html body #ctt.ctt_privacy_20261020 .ck-legal .ck-legal-note{margin:0 0 18px;padding:10px 14px;border-radius:8px;background:#fff8e6;border:1px solid #f3e1a8;color:#5b4a12} html body.dm #ctt.ctt_privacy_20261020 .ck-legal .ck-legal-note{background:#3a3424;border-color:#5a5032;color:#f1e3b4} /* ---- /theme/gx_pOne/css/gxBasic.css ---- */ /*--------------------------------------------------------------------------------------------------------------------------------------------------- - 테마 개발 : GX디자인 - 고객센터: https://gxeshop.ivyro.net/gdesign_sub_qna_gnu - 라이선스: https://gxeshop.ivyro.net/gdesign_sub_licence_gnu - 버젼정보: readme.txt 상단에 표시 // 구매후 테마 [라이선스위반, 무단복사, 공유, 재판매] 금지 (* 적발시 법적대응, 내용증명 발송, 배상청구 진행) // 개발코드(css+html)및 디자인 도용금지 (적발시 배상청구) // 일반인및 타개발자의 소스 분석용 테마구입은 허용하지 않습니다. ----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ----------------------------------- @폰트 ------------------------------------- */ html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, iframe, a, img, embed, hgroup, form, fieldset, label, input, textarea, select, button, table, caption, tbody, thead, tfoot, tr, th, td{font-family:'Noto Sans KR',gulim,Tahoma,Arial,Sans-serif; font-size:15px;} /* ----------------------------------- @기본설정 ------------------------------------- */ html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, iframe, a, img, embed, hgroup, form, fieldset, label, input, table, caption, tbody, thead, tfoot, tr, th, td{margin:0; padding:0;} html, body{background-color:#f8f9fd;} img{border:0;} a{text-decoration:none;} button{cursor:pointer; border:0;} :focus{} input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset; -webkit-text-fill-color:#000;} /*크롬 input 자동배경컬러 제거*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;} /* [메모] ul, p 태그 기본속성은 gnuDefault.css 에 작성됨 */ /* ----------------------------------- @공통설정 ------------------------------------- */ /*일반*/ *, :after, :before{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } input[type=text], input[type=password], textarea{ outline:none; transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out; } input[type=text]:focus, input[type=password]:focus, textarea:focus,select:focus{ border:1px solid #ccc !important; box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; } .trans{ transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; } /* 최신글, 사이드배너, 로그인폼 - 그림자+라운드 */ .mainban_area_wrap, .contents_area_wrap0 > .sub_contenBackbg, .gxcon_area .skinDiv, .gpe_side_contents_R .paddSide, .gpe_side_contents_R > .ol, .gpe_pm_sideban, .mainbanAssist ul > li > a{ box-shadow:0 2px 30px 0 rgba(0,0,0,.06); -moz-box-shadow:0 2px 30px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 2px 30px 0 rgba(0,0,0,.06); border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; } /* 기본 넓이 */ .gnb1_area_wrap0, .footer_Util_wrap0, .mainmenu_wrap0, .allmenu_list{width:1280px;} /* .gpe_allcon_wrap0 에 경우 쉐도우영역으로 넓이 개별적용*/ /*배너 공통*/ .flex-direction-nav{} /* < >버튼 */ .flex-direction-nav a{ position:absolute; display:block; bottom:0 !important; width:28px; height:28px; line-height:28px; background-color:rgba(0,0,0,0.30); text-align:center; overflow:hidden; z-index:10; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; } .flex-direction-nav a i{color:#fff; font-size:14px;} .flex-direction-nav .flex-prev{ right:28px; border-radius:8px 0 0 0; -moz-border-radius:8px 0 0 0; -webkit-border-radius:8px 0 0 0; } .flex-direction-nav .flex-next{right:0; padding-left:5px;} .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover{background-color:rgba(0,0,0,0.60);} .flex-direction-nav .flex-disabled{opacity:0 !important; filter:alpha(opacity=0); -ms-filter:alpha('opacity=0'); cursor:default;} .loading_mb .load, .loading_sb .load, .loading_sbLeft .load, .loading_tb .load{position:absolute; top:0; left:0; width:100%; height:100%; background:url('/theme/gx_pOne/img/loading.gif') no-repeat center center; background-color:#fff; z-index:1;} /* 툴팁 */ .gx_tooltip{ position:absolute; display:inline-block; top:0; left:0; padding:0 8px; height:22px; line-height:22px; background-color:#999; font-size:12px; color:#fff; white-space:nowrap; visibility:hidden; opacity:0; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; box-shadow:0 2px 10px rgba(0,0,0,0.10); -moz-box-shadow:0 2px 10px rgba(0,0,0,0.10); -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.10); transition:all .4s, visibility 0.2s; -moz-transition:all .4s, visibility 0.2s; -webkit-transition:all .4s, visibility 0.2s; } /* after */ .gx_tooltip:after{ position:absolute; top:-4px; left:50%; margin-left:-5px; content:""; border-top:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #999; } /* hover */ .gpe_search:hover .gx_tooltip.search{opacity:1; visibility:visible;} /* 위치 */ .gx_tooltip.search{top:75px; left:50px;} /* ----------------------------------- @로고+로그인+메뉴+검색(gnb) ------------------------------------- */ .gnb1_area_wrap00{ position:fixed; left:0; top:0; width:100%; background-color:#fff; border-bottom:1px solid #e0e0e0; transition:all .4s; z-index:2; box-shadow:0 2px 30px 0 rgba(0,0,0,.06); -moz-box-shadow:0 2px 30px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 2px 30px 0 rgba(0,0,0,.06); } .gnb1_area_wrap00.fixed{top:-100px;} /*스크롤시 위치*/ .gnb1_area_wrap0{position:relative; height:160px; margin:0 auto; z-index:1;} /*[로고]*/ .gpe_logo{position:absolute; left:0; top:0;} /*[검색]*/ .gpe_search{ position:absolute; right:621px; top:0; z-index:2; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; } /*검색텍스트 인풋박스*/ .gpe_search .inputText{ position:absolute; left:0; top:35px; width:242px; height:34px; padding-left:40px; border:1px solid #ddd; background-color:#f7f7f7; color:#333; font-weight:700; font-size:15px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; } /*검색버튼*/ .gpe_search .submit{position:absolute; bottom:0; width:44px; height:51px; font-size:13px; color:#333; font-weight:800; letter-spacing:-0.06em; background-color:transparent; border:0; cursor:pointer; display:none;}/*검색버튼*/ .gpe_search .fa-search{position:absolute; left:16px; top:43px; font-size:17px; color:#666;}/*검색아이콘*/ /*[로그인+회원가입]*/ .gpe_login{position:absolute; right:635px; top:41px; z-index:3;} .gpe_login li{float:left; padding:0 6px;} .gpe_login li:first-child{padding-left:0;} .gpe_login li:last-child{padding-right:0;} .gpe_login li a{color:#4f4f4f; font-size:13px; font-weight:700;} .gpe_login li:nth-of-type(3) a, .gpe_login li:nth-of-type(4) a{color:#ff0000;} .gpe_login li:last-child a i{font-size:18px; vertical-align:top; margin-top:3px;} .gpe_login li a:hover{text-decoration:underline;} /*[TOP배너]*/ /*롤링*/ .gpe_pm_topban{position:absolute; right:0; top:10px; width:350px; height:80px; overflow:hidden; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; z-index:3;} .topban{position:relative;} .topban .slides>li{position:relative; display:none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .topban .slides img{/* width:100%; height:auto; */ display:block;} .topban .slides:after{content: "."; line-height:0; height:0; display:block; visibility:hidden; clear:both;} .gpe_pm_topban .flex-direction-nav a{width:22px; height:22px; line-height:19px;} .gpe_pm_topban .flex-direction-nav a i{font-size:11px;} .gpe_pm_topban .flex-direction-nav .flex-prev{right:22px; border-radius:8px 0 0 0;} .gpe_pm_topban .flex-direction-nav .flex-next{right:0; padding-left:5px;} .gpe_pm_topban .gpe_pm_ban_imgbox{position:relative; width:360px;} .gpe_pm_topban .gpe_pm_ban_imgbox a{width:360px; height:80px; display:block; overflow:hidden;} .gpe_pm_topban .gpe_pm_ban_imgbox a img{display:block;} /*[메인메뉴+전체메뉴]*/ .mainmenu_wrap00{position:absolute; left:0; bottom:9px; width:100%; z-index:2;} .mainmenu_wrap0{position:relative; margin:0 auto; height:50px;} .mainmenu_wrap0 ul{list-style:none; margin:0; padding:0;} .mainmenu_wrap0 a{text-decoration:none; font-size:12px;} .mainmenu_wrap0 p{margin:0; padding:0;} /*홈버튼*/ .home_btn{position:absolute; display:block; left:-18px; bottom:1px; width:58px; height:50px; line-height:61px; text-align:center;} .home_btn i{color:#ff0000; font-size:23px;} /*메인메뉴*/ .gpe_munu{position:absolute; top:0; left:35px;} .gpe_munu ul.topnav{position:relative; text-transform:none;}/*1차메뉴 ul*/ .gpe_munu ul.topnav li.mnav_li{position:relative; float:left;} .gpe_munu ul.topnav li.mnav_li:first-child{margin-left:0;} .gpe_munu ul.topnav a.mnav{display:block; padding:0 20px; height:50px; line-height:50px; color:#333; font-size:17px; font-weight:700; text-align:center;}/*1차메뉴*/ .gpe_munu ul.topnav a.mnav:hover{color:#ff0000;} .gpe_munu ul.topnav a.mnav.active{color:#ff0000; text-decoration:none;} .gpe_munu ul.subnav_d02_m{ /*2차메뉴 ul*/ /*에니메이션 디폴트*/ position:absolute; top:35px; left:-10px; padding:10px 15px; width:154px; background-color:#ff0000; text-transform:none; clear:both; opacity:0; visibility:hidden; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 10px 10px rgba(0,0,0,0.15); -moz-box-shadow:0 10px 10px rgba(0,0,0,0.15); -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.15); transition:all .4s, visibility 0.2s; -moz-transition:all .4s, visibility 0.2s; -webkit-transition:all .4s, visibility 0.2s; } .gpe_munu ul.subnav_d02_m:after{ content:""; position:absolute; top:-4px; left:53px; width:0; height:0; border-style:solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ff0000 transparent; } .gpe_munu ul.topnav li.mnav_li:hover ul.subnav_d02_m{top:45px; opacity:1; visibility:visible;}/*오버시 에니메이션*/ .gpe_munu li.subnav_d02{position:relative;} .gpe_munu li.subnav_d02 a{display:block; padding:0 10px; line-height:26px; font-size:14px;}/*2차메뉴*/ .gpe_munu li.subnav_d02 a.on2{color:#000; background-color:#ededed;}/*2차 활성시*/ .gpe_munu li.subnav_d02 a.on2_no{color:#fff;}/*2차 기본*/ .gpe_munu li.subnav_d02 a.on2_no:hover{font-weight:700;} .gpe_munu ul.topnav li.mnav_blank{margin:16px 0 0 15px; color:#333;}/*메뉴목록 없을때*/ .gpe_munu ul.topnav li.mnav_blank i{font-size:20px; vertical-align:middle;} .gpe_munu ul.topnav li.mnav_blank a{margin-left:5px; padding:4px; border:1px solid #ccc; color:#333; border-radius:4px;} /*전체메뉴*/ .allmenu_btn{position:absolute; display:block; right:-10px; bottom:0; width:45px; height:45px; background-color:transparent;}/*오픈 버튼*/ .allmenu_btn i{font-size:24px; color:#333;} .allmenu_list{ position:absolute; top:12px; left:0; padding:2px 0 15px 40px; background-color:#fff; overflow:hidden; display:none; z-index:2; border-radius:0 0 8px 8px; box-shadow:0 10px 10px rgba(0,0,0,0.10); -moz-box-shadow:0 10px 10px rgba(0,0,0,0.10); -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.10); }/*리스트*/ .allmenu_list .allmenu_close{position:absolute; display:block; right:8px; top:0; width:30px; height:30px; background-color:transparent; z-index:2; border-radius:15px;}/*닫기 버튼*/ .allmenu_list .allmenu_close i{font-size:32px; color:#999;} .allmenu_list ul.allmenu_ul{overflow:hidden;}/*1,2차그룹 ul*/ .allmenu_list li.section_group{float:left; padding-left:49px;}/*사이간격*/ .allmenu_list li.section_group:first-child{padding-left:0;} .allmenu_list a.section_1dep{display:block; padding-bottom:4px; color:#333; font-size:17px; font-weight:700;}/* 1차 */ .allmenu_list a.section_1dep:hover{} .allmenu_list li.section_group ul{margin-top:5px;} .allmenu_list a.section_2dep{color:#999; font-size:14px; line-height:22px;}/* 2차 */ .allmenu_list a.section_2dep:hover{color:#000;} /* ----------------------------------- @컨텐츠 ------------------------------------- */ .gpe_allcon_wrap0{position:relative; width:1328px; margin:0 auto; z-index:1;} .contents_area_wrap0{position:relative; overflow:hidden;} /* 서브컨텐츠 배경bg */ .contents_area_wrap0 > .sub_contenBackbg{position:absolute; top:200px; left:24px; width:calc(100% - 399px); height:calc(100% - 257px); border:1px solid #e9e9e9; background-color:#fff; z-index:0;} /*미리보기 문구*/ .contents_area_wrap0 .pt_preMbox{margin-top:20px; padding-top:80px; height:578px; border:1px solid #ccc; font-size:18px; line-height:28px; text-align:center;} .contents_area_wrap0 .pt_preLbox{margin-top:20px; padding-top:180px; height:1000px; border:1px solid #ccc; border-left:0; font-size:13px; line-height:28px; text-align:center;} .contents_area_wrap0 .pt_preRbox{padding-top:180px; height:1000px; border:1px solid #ccc; border-right:0; font-size:13px; line-height:28px; text-align:center;} /*[중앙컨텐츠]*/ .gpe_contents_box{position:relative; float:left; width:calc(100% - 351px); padding:200px 24px 57px 24px; z-index:2;} /*컨텐츠배너*/ .mainban_area_wrap{position:relative; margin-bottom:28px; border:1px solid #e9e9e9; overflow:hidden;} .mainban_area_wrap, .flexslider{height:auto;}/*공통 배너높이*/ .mainban{position:relative;} .mainban .slides>li{position:relative; display:none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .mainban .slides img{display:block;} .mainban .slides:after{content: "."; line-height:0; height:0; display:block; visibility:hidden; clear:both;} /*메인 보조배너*/ .mainbanAssist_area_wrap{position:relative; margin-bottom:28px;} .mainbanAssist_area_wrap > h3{text-align:center; font-size:20px;} .mainbanAssist_area_wrap > h3 > i{ margin-top:5px; padding:4px; background-color:#ff0000; font-size:14px; color:#fff; vertical-align:top; border-radius:4px 4px 12px 12px; -moz-border-radius:4px 4px 12px 12px; -webkit-border-radius:4px 4px 12px 12px; } .mainbanAssist_area_wrap:after{content: "."; line-height:0; height:0; display:block; visibility:hidden; clear:both;} .mainbanAssist{position:relative;} .mainbanAssist ul > li{position:relative; float:left; padding-top:14px; width:calc(100% / 3);} .mainbanAssist ul > li:nth-of-type(2), .mainbanAssist ul > li:nth-of-type(5), .mainbanAssist ul > li:nth-of-type(8){text-align:center;} /*2열 중앙정렬*/ .mainbanAssist ul > li:nth-child(3n){text-align:right;} /*3열 우측정렬*/ .mainbanAssist ul > li:nth-of-type(4), .mainbanAssist ul > li:nth-of-type(7), .mainbanAssist ul > li:nth-of-type(10){clear:both;} .mainbanAssist ul > li > a{display:inline-block; border:1px solid #e9e9e9; overflow:hidden;} /*배너 링크*/ /*서브 타이틀*/ .gpe_contents_box .con_title{margin:15px 0 20px 0; font-size:21px; font-weight:800;} .gpe_contents_box .con_title .con_title_icon{display:inline-block; margin:7px 12px 0 5px; width:6px; height:18px; background-color:#ff0000; vertical-align:top; border-radius:3px;} /*컨텐츠 area*/ .gxcon_area{position:relative;} .gxcon_area .skinDiv{position:relative; background-color:#fff; border:1px solid #e9e9e9;} /*최신글 스킨 박스*/ .gxcon_area .skinDiv .gxgall_shadow{ position:relative; position:absolute; bottom:40px; right:14px; width:15px; height:calc(100% - 110px); border-left:1px solid #eee; background-color:#fff; z-index:1; display:none; box-shadow:-7px 1px 10px rgba(0,0,0,0.20); -moz-box-shadow:-7px 1px 10px rgba(0,0,0,0.20); -webkit-box-shadow:-7px 1px 10px rgba(0,0,0,0.20); border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px; -webkit-border-radius:50px 0 0 50px; } .gxcon_area.subcon{position:relative; padding:10px 24px 0 24px;} .gxcon_area.subcon .skinDiv{ box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } /*[SIDE컨텐츠_우측]*/ .gpe_side_contents_R{position:relative; float:right; width:351px; padding:200px 24px 57px 0; z-index:1;} .gpe_side_contents_R .paddSide{margin-top:24px; padding:25px; padding-bottom:20px; background-color:#fff; border:1px solid #e9e9e9;}/*사이드영역 패딩값*/ /*SIDE배너_우측*/ .gpe_pm_sideban{position:relative; margin:24px 0 0 0; border:1px solid #f5f5f5; overflow:hidden;} .sideban{position:relative; background:#fff;} .sideban .slides>li{position:relative; display:none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .sideban .slides img{/* width:100%; height:auto; */ display:block;} .sideban .slides:after{content: "."; line-height:0; height:0; display:block; visibility:hidden; clear:both;} /* ----------------------------------- @풋터 ------------------------------------- */ /*[풋터]*/ .footer_Util_wrap00{position:relative; border-top:1px solid #ddd; clear:both; z-index:1;} .footer_Util_wrap0{position:relative; margin:0 auto; padding:30px 0; overflow:hidden;} /*카피라이트 텍스트*/ .gpe_copytxt{position:relative;} .gpe_copytxt p{line-height:23px; color:#666; font-weight:700;} /*유틸메뉴*/ .gpe_utilMenu{position:absolute; top:30px; right:0;} .gpe_utilMenu ul{} .gpe_utilMenu ul li{float:left; padding:0 15px; border-left:1px solid #ddd;} .gpe_utilMenu ul li:first-child{border-left:0;} .gpe_utilMenu ul li:last-child{padding-right:0;} .gpe_utilMenu ul li a{color:#666;} .gpe_utilMenu ul li a:hover{text-decoration:underline;} /*SNS*/ .gpe_snsLink{position:absolute; top:70px; right:0;} .gpe_snsLink ul li{float:left; padding:0 5px;} .gpe_snsLink ul li:last-child{padding-right:0;} .gpe_snsLink ul li a{display:inline-block; width:40px; height:40px; line-height:50px; background-color:#eee; text-align:center; border-radius:6px;} .gpe_snsLink ul li a i{color:#333; font-size:20px;} /* ----------------------------------- @모바일메뉴 ------------------------------------- */ /*[모바일버튼]*/ .layG_munu_MobileBtn{position:fixed; right:8px; top:5px; width:50px; height:50px; line-height:43px; text-align:center; background-color:transparent; display:none; z-index:3;} .layG_munu_MobileBtn i{font-size:26px; color:#000; vertical-align:middle;} /*[모바일메뉴]*/ html.sb-scroll-lock{overflow:hidden;}/* 모바일버튼 클릭시 페이지스크롤 show/hide */ .layG_mobileM_G{ position:fixed; top:0; right:0; width:30%; height:100%; background-color:#222; display:none; z-index:10; overflow-x:hidden; overflow-y:scroll; overflow-y:auto; -webkit-overflow-scrolling:touch; } .layG_mobileM_G ul{list-style:none; margin:0; padding:0;} .layG_mobileM_G p{position:relative; margin:0; padding:0;} .layG_mobileM_G a{text-decoration:none;} .layG_mobileM_G_bg{position:fixed; display:block; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.70); z-index:2; display:none; cursor:pointer;} /*모바일메뉴 닫기*/ .layG_mobileM_G_close{position:fixed; right:30%; top:0; width:60px; height:60px; line-height:62px; padding-left:3px; text-align:center; background-color:transparent; cursor:pointer; z-index:199; display:none;} .layG_mobileM_G_close i{color:#fff; font-size:23px;} /*모바일_로그인*/ .layG_mobileM_login{position:relative;} .layG_mobileM_login ul{} .layG_mobileM_login li{float:left; width:33.3%; border-left:1px solid #292929;} .layG_mobileM_login li:first-child{border-left:0;} .layG_mobileM_login li .Log, .layG_mobileM_login li a.Mem, .layG_mobileM_login li .Lang{ display:block; height:60px; line-height:48px; padding-top:12px; text-align:center; color:#b3b3b3; font-size:13px; background-color:#161616; font-weight:700; } .layG_mobileM_login li .Log_popup, .layG_mobileM_login li .Mem_popup, .layG_mobileM_login li .Lang_popup{position:absolute; width:100%; display:block; left:0; top:80px; z-index:10; display:none;} .layG_mobileM_login li .Log_popup li, .layG_mobileM_login li .Mem_popup li, .layG_mobileM_login li .Lang_popup li{width:49.38%; border-right:1px solid #565656; border-bottom:1px solid #565656;} .layG_mobileM_login li .Log_popup li a, .layG_mobileM_login li .Mem_popup li a, .layG_mobileM_login li .Lang_popup li a{ display:block; height:50px; line-height:50px; text-align:center; color:#fff; font-size:13px; background-color:#656565; font-weight:700; } .layG_mobileM_login li i{display:block; margin-bottom:-12px; color:#fff; font-size:18px;} .layG_mobileM_login li+li i{} .layG_mobileM_login li+li+li i{} /*[모바일_검색]*/ .layG_mobileM_search{position:relative; height:42px; border-bottom:1px solid #131313; background-color:#ff0000; clear:both;} .layG_mobileM_search .form_layG_mobileM_search{position:relative;} .layG_mobileM_search .form_layG_mobileM_search .inputText, .layG_mobileM_search .form_layG_mobileM_search .submit{color:#cfcfcf; font-size:14px; border:0; font-weight:700;} .layG_mobileM_search .form_layG_mobileM_search .inputText{width:90%; background-color:#ff0000; height:30px; padding:14px 0 0 48px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .layG_mobileM_search .form_layG_mobileM_search .submit{position:absolute; top:0; right:8px; background-color:#ff0000; color:#fff; width:42px; height:41px; cursor:pointer;} .layG_mobileM_search>.fa-search{position:absolute; top:12px; left:20px; font-size:18px; color:#fff;} /*[모바일_기타정보]*/ .layG_mobileM_loginEtc{position:relative;} .layG_mobileM_loginEtc ul{margin:15px 15px 0 0; overflow:hidden;} .layG_mobileM_loginEtc li{float:right;} .layG_mobileM_loginEtc li:first-child{padding-left:10px;} .layG_mobileM_loginEtc li a{color:#b3b3b3; font-size:13px;} /*[모바일_메뉴]*/ .layG_mobileM_menu{position:relative; clear:both; zoom:1;} .layG_mobileM_menu_no{position:relative; font-size:12px; color:#fff; text-align:center; padding:10px; line-height:21px; clear:both;} .layG_mobileM_menu .mbM_sleft_d_01_m .fa-plus, .layG_mobileM_menu .mbM_sleft_d_01_m .fa-chevron-down, .layG_mobileM_menu .mbM_sleft_d_01_m .fa-chevron-right{ position:absolute; top:0; right:0; width:60px; height:50px; line-height:50px; padding-right:25px; color:#d0d0d0; font-size:10px; text-align:right; cursor:pointer; } /*└1차메뉴*/ .layG_mobileM_menu ul.mbM_sleft_d_01_m{margin:10px 0 0 0; zoom:1;}/*ul*/ .layG_mobileM_menu li.mbM_sleft_d_01{position:relative; border-bottom:1px solid #2d2d2d;} .layG_mobileM_menu li.mbM_sleft_d_01:first-child{} .layG_mobileM_menu li.mbM_sleft_d_01_active{border-top:0;}/*li 활성시*/ .layG_mobileM_menu li.mbM_sleft_d_01 > a{height:50px; line-height:50px; padding:10px 20px; font-size:17px; font-weight:700;}/*1차*/ .layG_mobileM_menu li.mbM_sleft_d_01 a.dep1{display:block; padding-top:0;} .layG_mobileM_menu li.mbM_sleft_d_01 span.on1_active, .layG_mobileM_menu li.mbM_sleft_d_01 span.on1_no{cursor:pointer;} .layG_mobileM_menu li.mbM_sleft_d_01 .on1_active{color:#fff; background-color:#1b1b1b;} .layG_mobileM_menu li.mbM_sleft_d_01 .on1_no{color:#fff;} /*└2차메뉴*/ .layG_mobileM_menu ul.mbM_sleft_d_02_m{padding:7px 0 7px 0; zoom:1; background-color:#333; display:none;}/*ul*/ .layG_mobileM_menu li.mbM_sleft_d_02 > a{display:block; height:40px; line-height:40px; padding-left:20px; font-size:15px;}/*2차*/ .layG_mobileM_menu li.mbM_sleft_d_02 span.on2_active, .layG_mobileM_menu li.mbM_sleft_d_02 span.on2_no{cursor:pointer;} .layG_mobileM_menu li.mbM_sleft_d_02 .on2_active{color:#fff;} .layG_mobileM_menu li.mbM_sleft_d_02 .on2_no{color:#b4b4b4;} .layG_mobileM_menu li.mbM_sleft_d_02 .fa-angle-right{padding-right:3px;} /* ----------------------------------- @플러그인 ------------------------------------- */ /*[다크모드]*/ .layG_dark{ position:absolute; right:40px; top:14px; height:26px; line-height:28px; padding:0 8px 0 10px; background-color:#999; text-align:center; transition:all .4s; border-radius:20px; } .layG_dark:hover{background-color:#666;} .layG_dark i{vertical-align:top; margin-top:8px; font-size:12px; color:#fff; font-weight:700;} .layG_dark i:before{} .layG_dark i:after{content:"다크모드"; margin-left:3px;} .layG_dark:hover i{color:#fff;} /*[위+아래 이동]*/ .gpe_movetop{position:fixed; right:0; top:25%; z-index:3;} .gpe_movetop .gpe_mt{ display:block; width:25px; height:25px; background-color:#353940; border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; } .gpe_movetop .gpe_mt:nth-of-type(2){ border-radius:0 0 0 4px; -moz-border-radius:0 0 0 4px; -webkit-border-radius:0 0 0 4px; } .gpe_movetop .gpe_mt:hover{background-color:#606060;} .gpe_movetop .gpe_mt i{font-size:24px; color:#fff;} /* ----------------------------------- @세팅 ------------------------------------- */ .gpe_set{position:fixed; right:0; top:470px; z-index:99999999999999999999999999999999999999;} .gpe_set > button{position:absolute; top:0; right:0; width:80px; height:30px; line-height:30px; background-color:#ff0000; font-size:13px; color:#fff; border-radius:4px 0 0 4px;} /* 세팅 버튼 */ .gpe_set > button:hover{background-color:#333;} .gpe_set > button i{font-size:18px; color:#fff; vertical-align:top; padding-top:6px;} .gpe_set > a{ position:absolute; top:50px; right:0; width:80px; width:50px; height:50px; line-height:50px; background-color:#000; font-size:12px; color:#fff; text-align:center; /* 메뉴얼 링크 */ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .gpe_set > a:nth-of-type(2){top:105px; padding-top:9px; line-height:16px;} .gpe_set > a:hover{background-color:#333;} .gpe_set > a i{font-size:18px; color:#fff; vertical-align:top; padding-top:6px;} /* 세팅박스 */ .gpe_set_list{position:fixed; top:80px; right:40px; border:1px solid #333; border-radius:8px; box-shadow:0 10px 10px rgba(0,0,0,0.10); overflow:hidden; display:none;} .gpe_set_box{position:relative; margin:0 auto; width:700px; height:800px; background-color:#fff; z-index:2;} .gpe_set_box ul{list-style:none; margin:0; padding:0;} .gpe_set_box p{position:relative; margin:0; padding:0;} .gpe_set_box a{} .gpe_set_box a:hover{} .gpe_set_box .db_modify{text-align:center;} .gpe_set_box .db_modify a{display:inline-block; margin-top:300px; padding:15px; background-color:#ff0000; font-size:18px; color:#fff; font-weight:700; border-radius:4px;} .gpe_set_box .db_modify span{display:block; margin-top:30px; font-size:25px;} .gpe_set_box_close{position:fixed; right:750px; top:85px; width:30px; height:30px; line-height:30px; background-color:#333; text-align:center; border-radius:50%; cursor:pointer; z-index:199;} .gpe_set_box_close i{color:#fff; font-size:18px;} .gpe_set_box_close:hover{background-color:#ff0000;} /* tap */ .gpe_set_box ul.tab{overflow:hidden;} .gpe_set_box ul.tab li{float:left; width:20%;} .gpe_set_box ul.tab li a{display:block; height:40px; line-height:40px; font-family:'NanumSquare',Sans-serif; font-size:18px; font-weight:700; color:#868585; border-bottom:1px solid #333; white-space:nowrap; text-align:center; transition:all .3s;} .gpe_set_box ul.tab li a:hover{background-color:#444; color:#fff;} .gpe_set_box ul.tab li a.selected{background-color:#444; border-bottom:0; color:#fff; font-weight:800; cursor:default;} /* panel */ .gpe_set_box ul.panel{padding:20px 20px 20px 20px; height:720px; overflow:auto; clear:both;} .gpe_set_box ul.panel li{} .gpe_set_box ul.panel p{} .gpe_set_box ul.panel .section{position:relative; padding:5px 0 15px 0; border-top:1px solid #e0e0e0;} .gpe_set_box ul.panel .section.side{padding-bottom:33px;} .gpe_set_box ul.panel .section.lineNO{border-top:0;} .gpe_set_box ul.panel .section.secPad{padding-top:25px;} .gpe_set_box ul.panel h2{height:40px; line-height:40px; font-family:'NanumSquare',Sans-serif; font-size:17px; color:#ff0000; font-weight:800;} .gpe_set_box ul.panel h2 i{margin-right:5px;} .gpe_set_box ul.panel table{width:100%; padding:0 16px;} .gpe_set_box ul.panel th, .gpe_set_box ul.panel td{color:#333;} .gpe_set_box ul.panel th{width:120px; padding-top:10px; vertical-align:top; font-weight:800;} .gpe_set_box ul.panel td{padding:3px 0; font-size:14px; line-height:24px;} .gpe_set_box ul.panel td.pointS_color{border-bottom:1px solid #4e4e4e;} .gpe_set_box ul.panel input.radio:nth-of-type(2){margin-left:5px;} .gpe_set_box ul.panel input.text{width:100%; height:30px; line-height:30px; padding-left:10px; border:1px solid #e0e0e0; background-color:#f7f7f7; font-size:16px; color:#000; transition:all .3s; border-radius:3px;} .gpe_set_box ul.panel input.text:hover{background-color:#efefef; border:1px solid #333;} .gpe_set_box ul.panel .textarea{width:100%;} .gpe_set_box ul.panel .disc{color:#888; font-weight:normal; font-size:14px; margin-top:5px;} .gpe_set_box ul.panel .file_img{width:250px; height:auto;} .gpe_set_box ul.panel .section .tip.mainpro{position:absolute; top:15px; right:0; padding:5px; border:1px solid #ccc; background-color:#eee; font-size:13px; color:#ff0000; border-radius:4px; cursor:pointer;} .gpe_set_box ul.panel .section.latest{border-top:0;} .gpe_set_box ul.panel .section.latest .disc{padding:10px 10px 20px 10px;} .gpe_set_box ul.panel .section.latest .tip{position:absolute; top:15px; right:0; padding:5px; border:1px solid #ccc; background-color:#eee; font-size:13px; color:#ff0000; border-radius:4px; cursor:pointer;} .gpe_set_box ul.panel .section.latest .tip.screen{right:80px; color:#000;} .gpe_set_box ul.panel .section.latest .tip.screen:nth-of-type(2){right:200px;} .gpe_set_box ul.panel .section.latest .tip i{vertical-align:middle;} .gpe_set_box ul.panel .section.latest .tip .tip_show{position:relative; margin-top:10px; padding:15px; line-height:24px; color:#333; background-color:#fff; border-radius:8px; display:none; z-index:999999999999999999999;} .gpe_set_box ul.panel .section.latest .tip .tip_show span{color:#ff0000;} .gpe_set_box ul.panel .section.latest .tip .tip_show i{position:absolute; top:-23px; right:10px; font-size:18px;} .gpe_set_box ul.panel table.latest{padding:0; border:1px solid #eee;} .gpe_set_box ul.panel table.latest tr:first-child{background-color:#eee; height:40px; text-align:center;} .gpe_set_box ul.panel table.latest tr:first-child label{color:#ff0000;} .gpe_set_box ul.panel table.latest td{border-left:1px solid #eee; padding:0 5px;} .gpe_set_box ul.panel table.latest td:first-child{border-left:0;} .gpe_set_box ul.panel table.latest input.text{display:block;} .gpe_set_box ul.panel table.latest div.f_left{float:left; width:50%; padding:0 3px;} .gpe_set_box ul.panel table.latest div.f_clear{clear:left;} .gpe_set_box ul.panel table.latest div.f_left.side{width:20%;} .gpe_set_box ul.panel .section.Mmenu_side .Mmenu_side_space{height:20px;} .gpe_set_box ul.panel .section.Mmenu_side .th_Mmenu_side{width:80px;} .gpe_set_box ul.panel .section.Mmenu_side .td_Mmenu_side{width:150px; padding-right:10px;} .gpe_set_box ul.panel .section.Mmenu_side .th_Mmenu_side2{width:50px;} .gpe_set_box ul.panel .discTop{position:relative; margin-bottom:10px; padding:10px 20px; border:1px solid #ccc; line-height:28px; border-radius:8px; font-size:13px;} .gpe_set_box ul.panel .discTop.matop{margin-top:30px;} .gpe_set_box ul.panel .discTop span{color:#ff0000;} .gpe_set_box ul.panel .discTop hr{margin:20px 0;} .gpe_set_box ul.panel .section.Mmenu_side .discTop{margin-bottom:20px;} .gpe_set_box .btnSet{position:absolute; left:0; bottom:0; width:100%; font-size:0;} /* font-size:0; => button태그 공백제거 */ .gpe_set_box .btnSet button{width:50%; height:40px; background-color:#333; font-size:15px; color:#fff; font-weight:700;} .gpe_set_box .btnSet button:hover{background-color:#ff0000;} .gpe_set_box .btnSet button:nth-of-type(1){background-color:#999;} .gpe_set_box .theme_ver, .gpe_set_box .theme_me, .gpe_set_box .theme_qna{ position:fixed; top:130px; color:#333; font-weight:700; background-color:#ddd; z-index:100; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .gpe_set_box .theme_ver, .gpe_set_box .theme_me > a, .gpe_set_box .theme_qna > a{font-size:12px;} .gpe_set_box .theme_me > a, .gpe_set_box .theme_qna > a{display:inline-block; padding:0 5px 4px 5px;} .gpe_set_box .theme_ver{right:78px; padding:4px 5px; color:#ff0000;} .gpe_set_box .theme_me{right:154px;} .gpe_set_box .theme_qna{right:215px;} /* 세팅인트로 */ /* 관리자 로그인후 */ .gpe_set_intro{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.95); z-index:99999999999999999999999999999999999999999999999999;} .gpe_set_intro > div{position:relative; margin:0 auto; margin-top:50px; width:970px; height:700px; background-color:#fff; border-radius:6px; box-shadow:0 10px 10px rgba(0,0,0,0.10); overflow:hidden;} .gpe_set_intro div div{position:relative; float:left; height:100%;} .gpe_set_intro div div:first-child{width:77%; padding:15px 30px;} .gpe_set_intro div div+div{width:23%; background-color:#eee;} .gpe_set_intro h3{position:relative; line-height:30px; font-size:17px; font-family:'NanumSquare',Sans-serif;} .gpe_set_intro h3.point{color:#ff0000;} .gpe_set_intro h3.point.color1{color:#0059d3;} .gpe_set_intro p{position:relative; margin-bottom:20px; line-height:24px; font-size:15px;} .gpe_set_intro div div+div button{display:block; width:100%; height:280px; background-color:#ff0000; font-size:20px; color:#fff; text-align:center; transition:all .4s;} .gpe_set_intro div div+div button:hover{background-color:#333;} .gpe_set_intro div div+div button i{display:block; font-size:30px; margin-bottom:10px;} .gpe_set_intro div div+div p{line-height:30px; padding:20px; font-size:13px;} .gpe_set_intro div div+div p span label{font-weight:700;} .gpe_set_intro div div+div p > a{position:absolute; top:350px; right:20px; padding:1px 10px; background-color:#ccc; color:#333; font-weight:700; border-radius:4px;} .gpe_set_intro div div+div p b{float:right; margin-top:300px; display:block;} .gpe_set_intro div div+div p > label{display:block; font-weight:700;} .gpe_set_intro div div+div p > input{width:188px; height:30px; padding-left:5px;} .gpe_set_intro div div+div p > input:hover{border:2px solid #ff0000;} .gpe_set_intro div div+div p > span:nth-of-type(1) > label{font-size:13px;} .gpe_set_intro div div+div p > span:nth-of-type(2){display:block; margin-top:10px; padding-top:10px; font-size:15px; font-weight:800; border-top:1px solid #ccc;} .gpe_set_intro div div+div p > span:nth-of-type(3), .gpe_set_intro div div+div p > span:nth-of-type(4){display:block; line-height:20px; margin-bottom:10px;} .gpe_set_intro div div+div p > span:nth-child(n+3){font-size:12px;} /* 비회원 화면 */ .gpe_set_intro_logout{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.95); z-index:99999999999999999999999999999999999999999999999999;} .gpe_set_intro_logout > div{position:relative; margin:0 auto; margin-top:50px; width:970px; height:480px; background-color:#fff; border-radius:6px; box-shadow:0 10px 10px rgba(0,0,0,0.10); overflow:hidden;} .gpe_set_intro_logout div div:first-child{height:80%; padding:15px 30px;} .gpe_set_intro_logout div div:first-child h3{padding-top:80px; font-size:30px; text-align:center; font-weight:800;} .gpe_set_intro_logout div div+div{height:20%; background-color:#eee; line-height:95px; background-color:#ff0000; font-size:20px; color:#fff; text-align:center;} /* 리셋 */ .more_opt li{width:96px !important;} /* ---- /theme/gx_pOne/css/gnuDefault.css ---- */ /*그누보드 리셋CSS*/ a{color:#000;} table{border-collapse:separate; border-spacing:1;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0; padding:0; border:0;} input[type="submit"]{cursor:pointer;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} legend{position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;} label, input, button, select, img{vertical-align:middle; /* font-size:1em; */} input, button {margin:0; padding:0; /* font-size:1em; */} textarea, select{/* font-size:1em; */} select{margin:0} ul{margin:0; padding:0; list-style:none;} p{margin:0; padding:0; word-break:break-all;} hr{/* display:none; */} pre{/* overflow-x:scroll; font-size:1.1em; */} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9; background:#fff; border-radius:6px; box-shadow:0 10px 10px rgba(0,0,0,0.10); overflow:hidden;} .hd_pops img {max-width:100%} .hd_pops_con {} .hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject {background:#000;text-align:left} .hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} /* 게시물 선택복사 선택이동 */ #copymove {} #copymove .win_desc {text-align:center;display:block} #copymove .tbl_wrap {margin:20px} #copymove .win_btn {padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 이미지 너비 지정 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} #captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span {display:none} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('/img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* 버튼 */ a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} .btn_submit:hover {background:#2375eb} .btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa} a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent} .btn_b01:hover, .btn_b01:hover {color:#000} a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {background:#0025eb} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {color:#ff3746} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} .tbl_head01 tbody tr:hover td {background:#fafafa} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px} .full_input {width:100%} .half_input {width:49.5%} .twopart_input {width:385px;margin-right:10px} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ .list_01 ul {border-top:1px solid #ececec} .list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} .list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} /*폼 리스트*/ .form_01 h2 {font-size:1.167em} .form_01 li {margin-bottom:10px} .form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 .left_input {float:left} .form_01 .margin_input {margin-right:1%} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ .required, textarea.required {background-image:url('/theme/gx_pOne/img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board {width:80px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_group {width:80px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {position:relative} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} .new_win .win_ul li:first-child {margin-left:0} .new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} .new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} .new_win .win_ul .selected a {color:#fff;font-weight:bold} .new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} .new_win .win_desc i {font-size:1.2em;vertical-align:baseline} .new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#919191} .new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} .new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .new_win_con2 {margin:20px 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:center} .new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 검색결과 색상 */ .sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb} .sv_wrap .sv a:hover {background:#000;color:#fff} .sv_member {color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;float:left;display:inline-block} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} .pg_page:hover {background-color:#fafafa} .pg_start {text-indent:-999px;overflow:hidden;background:url('/theme/gx_pOne/img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_prev {text-indent:-999px;overflow:hidden;background:url('/theme/gx_pOne/img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_end {text-indent:-999px;overflow:hidden;background:url('/theme/gx_pOne/img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_next {text-indent:-999px;overflow:hidden;background:url('/theme/gx_pOne/img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} .pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /* ---- /theme/gx_pOne/skin/board/gx_ptop_basic/style.css ---- */ /* 리스트, 갤러리 게시판 통합CSS */ /* 리스트 게시판 목록 */ #bo_list{position:relative; margin:20px 0;} #bo_list:after {display:block;visibility:hidden;clear:both;content:""} #bo_list .td_board {width:120px;text-align:center} #bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1} #bo_list .td_date {width:60px;text-align:center} #bo_list .td_datetime {width:60px;text-align:center} #bo_list .td_group {width:100px;text-align:center} #bo_list .td_mb_id {width:100px;text-align:center} #bo_list .td_mng {width:80px;text-align:center} #bo_list .td_name {width:124px; text-align:left; padding:10px 0;} #bo_list .td_nick {width:100px;text-align:center} #bo_list .td_num {width:50px;text-align:center} #bo_list .td_num2 {width:50px;text-align:center} #bo_list .td_numbig {width:80px;text-align:center} #bo_list .txt_active {color:#5d910b} #bo_list .txt_expired {color:#ccc} #bo_list tbody tr {border-left:2px solid transparent} #bo_list tbody tr:hover{} #bo_list tbody .even td{} #bo_cate {margin:25px 0} #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_cate ul {zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {display:inline-block;padding:2px} #bo_cate a {display:block; line-height:28px; padding:2px 15px; border:1px solid #e0e0e0; color:#5c5c5c; border-radius:30px;} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background-color:#f74d71; color:#fff} #bo_cate #bo_cate_on{background-color:#f74d71; border:1px solid #f74d71; color:#fff; font-weight:700; z-index:2;} .td_subject img {margin-left:5px} /* 갤러리 게시판 목록 */ #bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #bo_gall #gall_ul {margin:28px -10px 0;padding:0;list-style:none;zoom:1} #bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_gall .gall_li{} #bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index:1} #bo_gall .gall_box {position:relative;margin:0 0 50px 0;border-radius:0 0 2px 2px} #bo_gall .gall_con {position:relative} .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%} .gall_row .col-gn-2 {width:50%} .gall_row .col-gn-3 {width:33.33333333%} .gall_row .col-gn-4 {width:25%} .gall_row .col-gn-5 {width:20%} .gall_row .col-gn-6 {width:16.66666667%} .gall_row .col-gn-7 {width:14.28571428%} .gall_row .col-gn-8 {width:12.5%} .gall_row .col-gn-9 {width:11.11111111%} .gall_row .col-gn-10 {width:10%} .gall_row .box_clear {clear:both} #bo_gall .gall_now .gall_text_href a {color:#ff3061} #bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none} #bo_gall .gall_img {position:relative; text-align:center; border-radius:6px; background-color:#f0f0f0; overflow:hidden;} #bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block} #bo_gall .gall_img a.thumb{width:100% !important; height:100% !important;} #bo_gall .gall_img a.thumb .notice{position:absolute; top:-6px; right:-6px; padding:12px 10px 4px 4px; font-size:12px; color:#fff; background-color:#ff0000; border-radius:10px;} /* 공지사항 아이콘*/ #bo_gall .gall_img a.thumb .notice .xi-volume-mute{margin-top:-3px; margin-right:-3px; font-size:16px; color:#fff; vertical-align:middle;} /* 공지사항 아이콘*/ #bo_gall .gall_img a.thumb .fa-picture-o, #bo_gall .gall_img .noimg .fa-picture-o{position:absolute; top:50%; left:50%; transform:translateX(-50%); margin-top:-10px; font-size:30px; color:#ccc;} /*이미지 없음시 아이콘*/ #bo_gall .gall_img img, #bo_gall .gall_img video{width:100% !important; height:auto !important;} #bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777} #bo_gall .gall_text_href{margin:10px 0 0 0;} #bo_gall .gall_text_href a {font-weight:bold} #bo_gall .gall_text_href img {margin:0 0 0 4px} #bo_gall .bo_tit {display:block; line-height:24px; font-weight:700; color:#000; font-size:14px;} #bo_gall .bo_tit .cnt_cmt {height:16px; line-height:16px; font-size:12px; color:#ff0000; vertical-align:middle} #bo_gall .bo_cnt {color:#acacac; line-height:18px; display:none;} #bo_gall .profile_img img {border-radius:50%} #bo_gall .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle} #bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal} #bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px} #bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline} #bo_gall .bo_tit .fa-heart{font-size:12px; color:#ff0000;} #bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px} #bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle} #bo_gall .gall_info {line-height:1.5em;line-height:20px} #bo_gall .gall_info strong {display:inline-block;margin:0} #bo_gall .gall_info i {font-size:12px} #bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view {display:inline-block; margin-left:2px; color:#777;} #bo_gall .gall_option{position:absolute; bottom:15px; right:10px;} #bo_gall .gall_option strong{padding:1px 6px; background-color:rgba(0,0,0,0.3); color:#fff; border-radius:15px;} #bo_gall .gall_option strong i{font-size:12px; vertical-align:top; margin-top:2px; color:#ccc;} #bo_gall .gall_cate_link {position:absolute; top:15px; left:10px; background-color:#999; color:#fff; font-size:12px; padding:5px 8px; border-radius:5px;} /* 게시판 목록 공통 */ .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box {position:relative} .chk_box input[type="checkbox"] + label {position:relative;color:#676e70} .chk_box input[type="checkbox"] + label:hover {color:#2172f8} .chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px} .write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px} .write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px} .chk_box input[type="checkbox"]:checked + label {color:#000} .chk_box input[type="checkbox"]:checked + label span {background:url(/theme/gx_pOne/skin/board/gx_ptop_basic/img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} #bo_btn_top {margin:10px 0} #bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx{float:right; margin-top:20px; margin-bottom:5px; zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left; line-height:34px; color:#666;} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff} .btn_bo_user > li {position:relative} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle} .bo_notice td{background:#f9f9f9 !important; border-bottom:1px solid #eee;} .bo_notice td a {font-weight:bold} .bo_notice .notice_icon{display:inline-block; line-height:25px; font-weight:700; color:#ff0000; border-radius:5px;} .more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999} .more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent} .more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} .more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit; width:100px; margin:0; color:#6b757c; text-align:left;} .more_opt li:last-child {border-bottom:0} .more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c} .more_opt li:hover a, .more_opt li:hover button {color:#000} .more_opt li i {float:right;line-height:20px} .td_num strong {color:#000} .bo_cate_link {float:left; display:inline-block; margin-right:10px; background-color:#eee; color:#333; font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */ .bo_cate_link:hover {text-decoration:none} .bo_tit {display:block;color:#000;font-weight:bold} .bo_current {color:#e8180c} #bo_list .profile_img img {border-radius:50%} #bo_list .cnt_cmt {padding:0 5px; height:16px; line-height:16px; color:#ff0000; vertical-align:middle;} #bo_list .bo_tit .title_icon {margin-right:2px} #bo_list .bo_tit .fa-heart {color:#ff0000} #bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle} #bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle} #bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle} #bo_list .bo_tit .fa-caret-right {color:#bbb} #bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle} #bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle} .bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} .bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} .bo_sch:after {display:block;visibility:hidden;clear:both;content:""} .bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8} .bo_sch legend {background:red} .bo_sch form {padding:15px;display:block} .bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)} .bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)} .bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left} .bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px} .bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} .bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%} /* 게시판 쓰기 공통 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:bold} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} #autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent} #autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:center;margin:0 !important} #autosave_pop button {margin:0;padding:0;border:0} #autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999} .autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em} .autosave_close:hover {background:#f3f3f3;color:#3597d9} .autosave_content {display:none} .autosave_del {background:url(/theme/gx_pOne/skin/board/gx_ptop_basic/img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px} /* 게시판 읽기 공통 */ #bo_v {margin:30px 0;} #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em} #bo_v_title{margin:45px 0 10px 0; padding-bottom:20px; /* border-bottom:1px solid #e0e0e0; */} #bo_v_title .bo_v_cate{display:inline-block; margin:1px 5px 0 0; padding:0 10px; vertical-align:top; background-color:#f74d71; line-height:20px; color:#fff; border-radius:10px;} #bo_v_title .bo_v_tit{display:inline-block; font-size:20px; font-weight:800; word-break:break-all;} #bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666} #bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left} #bo_v_info .profile_info .pf_img {float:left;margin-right:10px} #bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px} #bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px} #bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:bold} #bo_v_info .profile_img {display:none} #bo_v_info .sv_member {color:#000} #bo_v_info .if_date {margin:0;color:#888} #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;list-style:none} #bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; -webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); -moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)} #bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px} #bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000} #bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd} #bo_v_file img {float:left;margin:0 10px 0 0} #bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em} #bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4} #bo_v_file li:hover i {color:#3a8afd} #bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc} #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;list-style:none} #bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; -webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); -moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)} #bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px} #bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000} #bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd} #bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em} #bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4} #bo_v_link li:hover i {color:#3a8afd} #bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc} #bo_v_top{zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_top ul {padding:0;list-style:none;word-break:break-all;background:#fff} #bo_v_bot {zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_bot ul {padding:0;list-style:none} .bo_v_com {margin:20px 0;float:right} .bo_v_com > li {position:relative;float:left;margin-left:5px} .bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left} .bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""} .bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px} .bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1} .bo_v_nb li:hover {background:#f6f6f6} .bo_v_nb li i {font-size:13px;color:#b3b3b3} .bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3} .bo_v_nb li .nb_date {float:right;color:#b3b3b3} #bo_v_atc {min-height:200px;height:auto !important;height:200px} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_img {width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img a.view_image {display:block} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158} #bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f} #bo_v_act i {font-size:1.4em;margin-right:5px} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px} #bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px} #bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left} #bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em} #bo_v_sns li img {vertical-align:middle;margin-right:5px} #bo_v_sns li .sns_f {display:block;background:#3b5997} #bo_v_sns li .sns_t {display:block;background:#09aeee} #bo_v_sns li .sns_g {display:block;background:#ea4026} #bo_v_sns li .sns_k {display:block;background:#fbe300} #bo_v_share {position:relative;padding:20px 0} #bo_v_share:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em; width:110px; line-height:35px;height:35px;border-color:#d5d5d5; border-radius:5px;} #bo_v_share .btn:hover {background:#fff} #bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle} /* 게시판 댓글 공통 */ .cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px} .cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd} .cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(/theme/gx_pOne/skin/board/gx_ptop_basic/img/btn_cmt.png) no-repeat right 2px;margin-top:5px} .cmt_btn_op span.cmt_more {background-position:right -8px} .cmt_btn b {font-size:1.2em;color:#000} .cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px} #bo_vc {} #bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0} #bo_vc article:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc article .profile_img img {border-radius:50%} #bo_vc article .pf_img {float:left;margin-right:10px} #bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px} #bo_vc article .cm_wrap {float:left;max-width:870px;width:90%} #bo_vc header {position:relative;width:100%} #bo_vc header:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc header .profile_img {display:none} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {color:#777} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479} #bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center} #bo_vc #bo_vc_winfo {float:left} #bo_vc .bo_vl_opt {position:absolute;top:0;right:0} .bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999} .bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent} .bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} .bo_vc_act li {border-bottom:1px solid #f0f0f0} .bo_vc_act li:last-child {border-bottom:0} .bo_vc_act li a {display:inline-block;padding:10px 15px} .bo_vc_act li a:hover {color:#3a8afd} .bo_vc_w {position:relative;margin:10px 0;display:block} .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .bo_vc_w #char_cnt {display:block;margin:0 0 5px} .bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)} #wr_secret {} .bo_vc_w_info {margin:10px 0;float:left} .bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w_info .frm_input {float:left;margin-right:5px} .bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both} .bo_vc_w .btn_confirm {clear:both;margin-top:10px} .bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center} .bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em} .bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important} .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} .secret_cm {display:inline-block;float:left} #bo_vc_send_sns {display:inline-block;float:left} #bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 5px 0 0} #bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_off {background:#bbb} #bo_vc_sns a {display:inline-block;padding:0 15px 0 5px} #bo_vc_sns input {margin:0 5px 0 0} /*글쓰기 공통*/ #bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0} #bo_w .bo_v_option li label {vertical-align:baseline} #bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px} #bo_w .write_div {margin:10px 0;position:relative} #bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""} #bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""} #bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%} #bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%} #bo_w .wr_content.smarteditor2 iframe {background:#fff} #bo_w .bo_w_tit {position:relative} #bo_w .bo_w_tit .frm_input {padding-right:120px} #bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px} #bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2} #bo_w .bo_w_link .frm_input {padding-left:50px} #bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2} #bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px} #bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0} #bo_w .bo_w_flie .frm_input {margin:10px 0 0} #bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d} #bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px} #bo_w .btn_submit {padding:0 20px;font-size:1.167em} #bo_w .btn_cancel {border-radius:3px;font-size:1.167em} /*gx_리셋css*/ .tbl_wrap table{border-top:0;} .tbl_head01 td{height:50px;} .tbl_head01 thead th{border-bottom:1px solid #ccc;} .tbl_head01 thead th:nth-of-type(3){text-align:left;} .pg_current{background-color:#ff0000; border:1px solid #f74d71;} .pg_wrap{margin-top:20px;} .btn_submit{background-color:#434a54;} .btn_submit:hover{background-color:#333;} button.btn_frmline{background-color:#ccc; color:#333;} /* ---- /theme/gx_pOne/skin/outlogin/basic/style.css ---- */ .ol{position:relative; padding:27px; margin-bottom:15px; background-color:#fff; border:1px solid #e9e9e9;} .ol h2 {width:117px;float:left;padding:15px 0;text-align:center} /* .ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e} */ .ol #ol_be_cate{display:none;} .ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""} .ol form{} .ol a.btn_admin {display:inline-block; padding-right:5px; height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 */ .ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none} .ol .login-sns{padding-bottom:0px} /*로그인 전*/ #ol_before{} #ol_before:after{display:block;visibility:hidden;clear:both;content:""} #ol_before .ol_wr{position:relative; width:70%; float:left; margin-bottom:5px;} #ol_before .ol_wr.btn_subm{position:relative; width:30%; float:right; padding-left:8px; margin-bottom:5px;} #ol_id {display:block; width:100%; height:35px; border:1px solid #ddd; border-bottom:1px solid #eee; padding:0 10px; border-radius:3px 3px 0 0;} #ol_pw {display:block; width:100%; height:35px; border:1px solid #ddd; border-top:0; padding:0 10px; margin-bottom:5px; border-radius:0 0 3px 3px;} #ol_submit{width:100%; height:70px; background-color:#ff0000; color:#fff; font-weight:800; font-size:13px; border-radius:3px} /*기본 컬러셋*/ #ol_submit:hover{background-color:#333;} #ol_svc{float:right; margin-top:5px; line-height:20px} #ol_svc a{display:inline-block; margin-left:8px; font-size:13px; color:#666; border-radius:2px;} #ol_svc a:hover{color:#000;} #ol_svc i{vertical-align:top; margin-top:3px; font-size:13px;} #ol_svc a:nth-child(2) i{font-size:15px;} #ol_auto {float:left;line-height:20px;margin-top:5px} #ol_auto label {font-size:13px; color:#555; vertical-align:baseline;} #ol_auto input {width:13px;height:13px} .ol_auto_wr{position:relative; clear:both;} .ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""} .ol_auto_wr .ol_snslogin{position:absolute; left:0; top:45px; color:#666;} .ol_auto_wr .ol_snslogin i{margin-top:3px; font-size:16px; color:#ccc; vertical-align:top;} #sns_login {margin-top:0 !important; border-top:0 !important} #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} /*로그인 후*/ #ol_after{border:1px solid #e0e0e0; padding:15px;} #ol_after_hd {position:relative;padding:10px;padding-left:80px;height:80px} #ol_after_hd strong {display:block;margin:5px 0 10px} #ol_after_hd .profile_img {position:absolute;top:15px;left:15px;display:inline-block} #ol_after_hd .profile_img img {border:1px solid #bbb;border-radius:50%;width:50px;height:50px} #ol_after_hd .profile_img a {text-align:center;font-size:17px;width:30px;line-height:30px;color:#777} #ol_after_info{display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px; border-radius:4px;} #ol_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #ol_after_hd .btn_admin {float:right; border-radius:3px;height:28px;line-height:28px;vertical-align:baseline} #ol_after_hd .btn_b04 {line-height:23px;padding:0 5px} #ol_after_private {zoom:1} #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""} #ol_after_private li {text-align:left;position:relative;text-align:left} #ol_after_private li:first-child a {border-left:0} #ol_after_private li:nth-child(2){border-right:1px solid #eee;} #ol_after_private li+li{float:left; width:50%; border-top:1px solid #eee;} #ol_after_private a {display:block;color:#465168;line-height:18px;padding:10px 10px 10px 20px} #ol_after_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip; color:#333; padding:0 5px;border-radius:15px;font-size:0.92em} #ol_after_private a:hover strong {background:#4b8bff} #ol_after_private li a:hover{background-color:#f7f7f7;} #ol_after_private li a:hover:after{} #ol_after_private li i {width:25px; color:#999; margin-right:5px} #ol_after_private li:hover i{color:#ff0000;} #ol_after_private .win_point:hover strong{background-color:#ff0000; color:#fff;} #ol_after_private .win_memo:hover strong{background-color:#ff0000; color:#fff;} #ol_after_private .win_scrap:hover strong{background-color:#ff0000; color:#fff;} #ol_after_logout {text-align:center;font-weight:bold;display:block;padding:15px 0; color:#333; border-top:1px solid #dde7e9} #ol_after_logout:hover {color:#ff0000; background-color:#eee;} #ol_after_memo {margin-right:1px} #ol_after_pt {margin-right:1px} .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box {position:relative} .chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70} .chk_box input[type="checkbox"] + label:hover{color:#2172f8} .chk_box input[type="checkbox"] + label span {position:absolute;top:4px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px} .chk_box input[type="checkbox"]:checked + label {color:#000} .chk_box input[type="checkbox"]:checked + label span {background:url(/theme/gx_pOne/skin/outlogin/basic/img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} #sns_login .sns-google{border:1px solid #eee; overflow:hidden;} #sns_login .sns-google .ico{left:0 !important; top:-2px !important;} /* ---- /theme/gx_pOne/skin/latest/css/common.css ---- */ .gx_ptop_wgBox{position:relative; overflow:hidden;} /* 탭 */ .tab_nav{position:relative; margin-top:5px; margin-bottom:20px; overflow:hidden;} .tab_nav ul{list-style:none; margin:0; padding:0;} .tab_nav li{ float:left; width:25%; height:40px !important; line-height:38px !important; background-color:#f5f5f5; cursor:pointer; z-index:10; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; font-size:15px; font-weight:800; color:#666; font-weight:normal; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; } .tab_nav li > i{display:none;} .tab_nav li:first-child{} .tab_nav li:last-child{border-right:1px solid #e0e0e0;} .tab_nav li.flex-active{border-top:2px solid #ff0000; border-bottom:0; color:#333; font-weight:800; background-color:#fff; cursor:pointer;} .tab_nav li.flex-active > i{display:inline-block; font-size:15px; color:#ff0000;} .tab_container{position:relative; float:left;} /* h2 공통 + 타입1 (박스형) */ /* 현재 테마는 타입1 사용안함 */ .gx_ptop_h2{ position:relative; margin-bottom:8px; height:36px; line-height:36px; padding-left:10px; border:1px solid #eee; background-color:#f5f5f5; font-size:18px; font-weight:800; color:#333; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .gx_ptop_h2.gall{margin-bottom:12px !important;} .gx_ptop_h2.webz{margin-bottom:12px !important;} .gx_ptop_h2 > i.tit_icon{ position:absolute; top:11px; left:-1px; width:5px; height:15px; background-color:#ff0000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .gx_ptop_wgBox a.moreLink{position:absolute; display:block; top:4px; right:0; padding:0 7px 1px 4px; line-height:22px; font-size:12px; color:#777;} .gx_ptop_wgBox a.moreLink i{vertical-align:top; margin-top:2px; font-size:20px; color:#999;} .gx_ptop_wgBox a.moreLink:hover, .gx_ptop_wgBox a.moreLink:hover i{color:#000;} /* h2 타입2 (오픈형) */ /* 현재 테마는 타입2 만 사용함 */ .gx_ptop_h2.type2{padding-left:10px; border:0; background-color:transparent;} .gx_ptop_h2.type2 a.moreLink{border:1px solid #e0e0e0; border-radius:15px;} .gx_ptop_h2.type2 a.moreLink:hover{border:1px solid #999;} /* h2 (SIDE 전용) */ /* .gx_ptop_h2.side{margin-bottom:15px !important; padding-left:10px; height:34px !important; line-height:34px !important; border:0; background-color:transparent;} old코드 */ .gx_ptop_h2.side{margin-bottom:15px !important; padding-left:12px; height:34px !important; line-height:32px !important; border:0; font-size:16px; background-color:#eee; border:1px solid #e9e9e9; overflow:hidden;} .gx_ptop_h2.side > i.tit_icon{top:9px;} .gx_ptop_h2.side.point, .gx_ptop_h2.side.search{padding-left:0; line-height:31px !important; color:#fff; background-color:#ff0000; text-align:center;} .gx_ptop_h2.side.point > i, .gx_ptop_h2.side.search > i{margin-top:7px; font-size:20px; color:#fff; vertical-align:top;} .gx_ptop_h2.side a.moreLink{top:5px; /* border:1px solid #e0e0e0; old코드 */ border:0; border-radius:15px;} .gx_ptop_h2.side a.moreLink:hover{border:1px solid #999;} /* ---- /theme/gx_pOne/skin/latest/gx_ptop_list/style.css ---- */ /*리스트형*/ .gx_ptop_listDiv{position:relative;}/*리스트 div*/ .gx_ptop_listTable{width:100%; font-size:13px; border:0; border-spacing:0; table-layout:fixed;} .gx_ptop_listTable td{border:0; font-size:13px; line-height:28px; white-space:nowrap; vertical-align:top;} .gx_ptop_listTable td.side{} .gx_ptop_listTable td.subject{ /*제목*/ position:relative; padding-right:45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .gx_ptop_listTable td.subject.icon{padding-right:54px;}/* 새글+인기글 아이콘 둘다 있을때 제목길이 */ .gx_ptop_listTable td.subject a{color:#5c5c5c;} .gx_ptop_listTable td.subject a:hover{text-decoration:underline;} .gx_ptop_listTable td.subject i{font-size:15px; vertical-align:top; margin-top:5px;} .gx_ptop_listTable td.subject .replyNum{position:absolute; top:0; right:0; font-size:12px; color:#000;}/*댓글*/ .gx_ptop_listTable td.subject .replyNum > i{margin-top:9px; font-size:12px; color:#6d6d6d; vertical-align:top;} /*댓글 아이콘*/ .gx_ptop_listTable td.subject .replyNum > .hot_icon i, .gx_ptop_listTable td.subject .replyNum > .new_icon i{vertical-align:top; margin-top:7px; color:#ff0000;} /*새글, 인기글 아이콘*/ .gx_ptop_listTable tr:first-child td.subject a.title{color:#333; font-weight:700;}/*제목 첫줄*/ .gx_ptop_listTable td.nick{color:#6d6d6d;} .gx_ptop_listTable td.date{width:83px; color:#6d6d6d; text-align:right;}/*날짜*/ .gx_ptop_listTable tr.empty_tr td{height:200px; line-height:200px; text-align:center; border-radius:8px; font-size:15px;} /*게시물 없음*/ /* ---- /theme/gx_pOne/skin/latest/gx_ptop_pointRank/style.css ---- */ /*포인트랭킹*/ .gx_ptop_pointDiv{position:relative; margin-top:-6px;} .gx_ptop_pointTable{width:100%; border-spacing:0;} .gx_ptop_pointTable tr.listGroup:first-child{font-weight:700;} .gx_ptop_pointTable tr.listGroup:first-child td{color:#333;} .gx_ptop_pointTable tr.listGroup:hover{background-color:#f9f9f9;} .gx_ptop_pointTable tr.listGroup:hover td{color:#000; font-weight:700;} .gx_ptop_pointTable th, .gx_ptop_pointTable td{line-height:28px; color:#5c5c5c; white-space:nowrap;} .gx_ptop_pointTable thead{} .gx_ptop_pointTable th.title{} .gx_ptop_pointTable th.nick{} .gx_ptop_pointTable th.point{} .gx_ptop_pointTable th.TextRight, .gx_ptop_pointTable td.TextRight{text-align:right;} .gx_ptop_pointTable tr.empty_tr td{height:200px; line-height:200px; text-align:center; border-radius:8px;} /*게시물 없음*/ /*1,2,3등 컬러*/ .gx_ptop_pointTable tr.listGroup td:first-child{width:35px;} .gx_ptop_pointTable tr.listGroup .de_num{display:inline-block; width:20px; font-size:13px; color:#666; font-weight:900; line-height:20px; text-align:center; background-color:#e0e0e0; border-radius:4px;} .gx_ptop_pointTable tr.listGroup .de_num.num01{color:#fff; background-color:#ff0000;} /*기본 컬러셋*/ .gx_ptop_pointTable tr.listGroup .de_num.num02, .gx_ptop_pointTable tr.listGroup .de_num.num03{color:#fff; background-color:#999;} .gx_ptop_pointTable tr.listGroup i{font-size:15px; color:#999; vertical-align:top; margin-top:7px; margin-left:2px;} .gx_ptop_pointTable tr.listGroup i.xi-crown{font-size:17px; color:#ff9900; margin-top:5px;} /* ---- /theme/gx_pOne/skin/visit/basic/style.css ---- */ /* 방문자 집계 */ #visit{position:relative; margin-bottom:15px; border:1px solid #e0e0e0; border-radius:4px; overflow:hidden;} #visit .btn_admin{position:absolute; top:0; right:0; padding:0 10px; height:34px; line-height:40px; text-align:center;} #visit .btn_admin i{font-size:16px; color:#777;} #visit h2{height:34px; line-height:34px; background-color:#f5f5f5; border-bottom:1px solid #e8e8e8; padding-left:10px; font-size:15px; font-weight:800; color:#333;} #visit dl{padding:15px;} #visit dl:after{display:block; visibility:hidden; clear:both; content:""} #visit dt, #visit dd{float:left; width:50%; height:25px; line-height:25px;} #visit dt{color:#333;} #visit dt i{margin-right:8px; vertical-align:middle; font-size:15px; } #visit dd{padding:0 5px; text-align:right;} #visit dd strong{color:#666;} #visit dt:nth-of-type(4), #visit dd:nth-of-type(4){margin:10px 0; padding-top:10px; border-top:1px solid #eee;} #visit dt:nth-of-type(4), #visit dd:nth-of-type(4) strong{font-weight:800;} /* ---- /theme/gx_pOne/css/gxDark.css ---- */ /* - 다크모드css - 테마 원본코드 이외에 "다크모드 구현 css"는 사용자 본인이 케어 하셔야 합니다. (*원본코드 이슈 만 관리자 푸시가능) *사용방법* - 원본 클래스 앞에 body.dm 클래스를 추가해서 사용 - 사용하시는 클래스 이름이 만약 .abc 라면 -> body.dm .abc 로 작업하면 됩니다. */ /* background-color */ body.dm{ background-color:#333 !important; } body.dm .gpe_wgPopularT2 h3.wgP_title, body.dm .gpe_wgPopularT2 h3.wgP_title.sub{ background-color:#282828 !important; } body.dm .main_ban3case ul.mainban_tab li > i:hover{ background-color:#292a2d !important; } body.dm .tbl_wrap table, body.dm .btn_bo_user li, body.dm #ctt, body.dm .cmt_btn, body.dm #bo_v_top ul, body.dm #new_sch, body.dm #register_form, body.dm #fregister p, body.dm #fregister p:before, body.dm #fregister textarea, body.dm #fregister_private div, body.dm #fregister_private table th, body.dm #sch_res_detail, body.dm .sch_res_list li, body.dm .layG_munu_MobileBtn, body.dm .gx_ptop_h2.type2{ background-color:transparent !important; } body.dm .gpe_munu ul.subnav_d03_m, body.dm .gnb1_area_top1type_bg1, body.dm .sch_res_list .pop_a, body.dm .gx_ptop_gallULa li .thumb.noimg, body.dm .gx_ptop_webzULa li .thumbArea .thumb.noimg, body.dm #bo_gall .gall_img, body.dm .gpe_search .inputText, body.dm .gpe_wgPopularT2 h3.wgP_title > span, body.dm .gx_gall_empty_div, body.dm .gx_search_empty_div, body.dm .gx_comm_empty_div{ background-color:#555 !important; } body.dm #poll header, body.dm #visit h2, body.dm .tab_nav li, body.dm .register_form_inner, body.dm #sch_res_ov, body.dm .sch_res_list h2, body.dm .tbl_head01 tbody tr:hover td, body.dm .gnb1_area_top_bg1, body.dm .owl-theme .owl-controls .owl-buttons div, body.dm .mainmenu_wrap, body.dm .mainmenu_shadowHide{ background-color:#444 !important; } body.dm .allmenu_list, body.dm .gnb1_area_wrap00, body.dm .tab_nav li.flex-active, body.dm .main_ban3case .mainban_pointbg, body.dm .gnb1_area_top_bg2, body.dm .gxcon_area .skinDiv, body.dm .gpe_wgPopularT2, body.dm .gpe_side_contents_R .paddSide, body.dm .ol, body.dm .sns-wrap, body.dm .contents_area_wrap0 > .sub_contenBackbg{ background-color:#393939 !important; } body.dm .bo_notice td, body.dm .bo_vc_w textarea, body.dm #fregister_chkall, body.dm #ol_after_private li a:hover, body.dm #ol_after_logout:hover{ background-color:#2e2e2e !important; } body.dm .con_left_line, body.dm .con_right_line, body.dm .gpe_snsLink ul li a{ background-color:#4a4a4a !important; } body.dm #bo_v_top ul .more_opt{ background-color:#fff !important; } body.dm .layG_dark{ background-color:rgba(0,0,0,0.10); } body.dm .tmenu1_wrap00.fixed{ background-color:#626262 !important; } /* color */ body.dm .gpe_wgPopularT2 h3.wgP_title, body.dm .gx_ptop_h2, body.dm .gpe_mainMenu li.mbM_sleft_d_01 .on1_no, body.dm .gpe_contents_box .con_title, body.dm #poll header h2, body.dm .allmenu_list a.section_1dep, body.dm #visit h2, body.dm #bo_v_title .bo_v_tit, body.dm .cmt_btn b, body.dm #bo_v_act .bo_v_good i, body.dm #bo_v_act .bo_v_nogood i, body.dm .fregister_agree input[type="checkbox"] + label, body.dm #ol_after_logout, body.dm .sch_tit a, body.dm .sch_res_list h2 a, body.dm .sv_member, body.dm .latest_gx_gall .item > h3 > a, body.dm #fregister p, body.dm .sv_guest, body.dm #find_info p, body.dm #captcha #captcha_info, body.dm #bo_vc p a, body.dm #reg_mb_icon, body.dm #reg_mb_img, body.dm .is_captcha_use, body.dm #ctt_con p, body.dm #ctt_con span, body.dm #ctt_con a, body.dm .gpe_wgPopularT2 h3.wgP_title > span, body.dm .mainbanAssist_area_wrap > h3, body.dm #ol_after_private a strong{ color:#eee !important; } body.dm .gpe_munu ul.topnav li.mnav_blank, body.dm .gpe_munu ul.topnav li.mnav_blank a, body.dm .gpe_wgPopularT2 ul.wgP_contents li:first-child a, body.dm .gx_ptop_listTable tr:first-child td.subject a.title, body.dm .gx_ptop_webzULa li .titconArea .title, body.dm .gx_ptop_pointTable tr.listGroup:first-child td, body.dm .gx_ptop_searchTable tr.listGroup:first-child td a, body.dm #poll .poll_con p, body.dm .chk_box input[type="radio"] + label, body.dm #visit dt, body.dm .gpe_munu li.subnav_d03 a.on3_no, body.dm .tbl_head01 td, body.dm .bo_tit a, body.dm .tbl_head01 thead th, body.dm .tbl_head01 thead th a, body.dm #bo_list_total, body.dm #bo_cate a, body.dm #bo_gall .bo_tit, body.dm #bo_v_con, body.dm #bo_vc .member, body.dm .bo_vc_w textarea, body.dm .tab_nav li.flex-active, body.dm #ol_submit, body.dm .gxSkin_new td .new_tit, body.dm #current_connect .crt_info, body.dm #register_form h2, body.dm .register_form_inner label, body.dm .chk_li, body.dm #fregister h2, body.dm #ol_after_private a, body.dm #ol_after_hd strong, body.dm #sch_res_ov h2, body.dm #bo_v_con a, body.dm .cm_wrap header > span:nth-of-type(3), body.dm #bo_v_link a, body.dm .gpe_search .fa-search, body.dm ul.openmenu_ul a.om_section_1dep, body.dm .gpe_snsLink ul li a i{ color:#ddd !important; } body.dm .gx_ptop_webzULa li.empty_li, body.dm .gx_ptop_listTable tr.empty_tr td, body.dm .gx_ptop_gallULa li.empty_li, body.dm .gpe_wgPempty_li, body.dm .gpe_wgPopularT2 a:not(.popu_more), body.dm .gx_ptop_listTable td.subject a, body.dm .gx_ptop_webzULa li .titconArea .conten, body.dm .gx_ptop_pointTable td, body.dm .gx_ptop_searchTable td a, body.dm .gx_ptop_searchTable td.TextRight .gap, body.dm #visit dd strong, body.dm #ol_auto label, body.dm #ol_svc a, body.dm #bo_v_info .sv_member, body.dm #bo_v_info strong, body.dm #bo_v_info strong a, body.dm .bo_v_nb li a, body.dm #bo_v_act .bo_v_good, body.dm #bo_v_act .bo_v_nogood, body.dm #bo_vc .cmt_contents, body.dm .tab_nav li, body.dm #new_sch p, body.dm #fregister textarea, body.dm #fregister_private table td, body.dm #fregister_private table th, body.dm #ol_after_info, body.dm #sch_res_ov ul, body.dm ul.openmenu_ul a.om_section_2dep, body.dm .gpe_wgPopularT2 ul.wgP_contents .reNum, body.dm .gx_ptop_listTable td.subject .replyNum{ color:#999 !important; } body.dm .gpe_newConnect li a, body.dm .gpe_login li a, body.dm .gpe_mainMenu li.mbM_sleft_d_02 .on2_no, body.dm .sch_res_list p{ color:#888 !important; } body.dm .layG_munu_MobileBtn i, body.dm .gpe_munu ul.topnav a.mnav, body.dm .layG_dark i, body.dm .allmenu_btn i, body.dm .gxcon_area .gxSkin_new .td_subject_mq480 span:nth-of-type(2) a{ color:#fff; } /* border */ body.dm .gxcon_area .skinDiv, body.dm .gpe_side_contents_R .paddSide, body.dm .ol, body.dm .contents_area_wrap0 > .sub_contenBackbg, body.dm .gpe_pm_sideban, body.dm .gpe_pm_sidebanLeft, body.dm #ol_after, body.dm .mainban_area_wrap, body.dm .mainbanAssist ul > li > a, body.dm .gpe_wgPopularT2 h3.wgP_title, body.dm .gx_ptop_h2.side.point, body.dm .gx_ptop_h2.side.search{ border:1px solid #2e2e2e !important; } body.dm .gpe_search .inputText{ border:1px solid #404040 !important; } body.dm .gx_ptop_wgBox a.moreLink, body.dm #poll, body.dm #visit, body.dm .bo_vc_w textarea, body.dm .register_form_inner, body.dm #fregister section, body.dm #sch_res_ov{ border:1px solid #555 !important; } body.dm .mainmenu_wrap, body.dm .mainmenu_shadowHide{ border-right:1px solid #2e2e2e !important; } body.dm .footer_Util_wrap00{ border-top:1px solid #444 !important; } body.dm .gxcon_area .skinDiv.subPc{ border:0 !important; border-bottom:1px solid #555 !important; } body.dm #ol_id, body.dm #ol_pw{ border:1px solid #444 !important; background-color:#2e2e2e; } body.dm .footer_Util_wrap0, body.dm #ol_pw{ border-top:0 !important; } body.dm .gx_ptop_h2.type2{ border:0 !important; } body.dm .gx_ptop_wgBox a.moreLink{ border:initial !important; } body.dm #poll header, body.dm #visit h2, body.dm .tbl_head01 td, body.dm .bo_v_nb li:last-child, body.dm .cmt_btn, body.dm #bo_vc article, body.dm #fregister h2{ border-bottom:1px solid #555 !important; } body.dm .gnb1_area_wrap00, body.dm .gpe_mainMenu li.mbM_sleft_d_01{ border-bottom:1px solid #444 !important; } body.dm .gpe_wgPopularT2 ul.wgP_contents li{ border-top:1px solid #444 !important; } body.dm .gpe_wgPopularT2 ul.wgP_contents li:first-child{ border-top:1px solid transparent !important; } body.dm #visit dt:nth-of-type(4), body.dm #visit dd:nth-of-type(4), body.dm #ol_after_private li+li, body.dm #ol_after_logout, body.dm .openmenu_wrap0{ border-top:1px solid #555 !important; } body.dm .gpe_utilMenu ul li{ border-left:1px solid #555 !important; } body.dm .gpe_login li:first-child, body.dm .gpe_utilMenu ul li:first-child{ border-left:0 !important; } body.dm .tab_nav li{ border-left:1px solid #555 !important; border-top:1px solid #555 !important; border-bottom:1px solid #555 !important; } body.dm .tab_nav li:last-child, body.dm #ol_after_private li:nth-child(2){ border-right:1px solid #555 !important; } body.dm .tab_nav li.flex-active{ border-bottom:0 !important; } /* etc */ body.dm #ol_before .ol_wr input:-webkit-autofill{ -webkit-box-shadow:0 0 0 30px #555 inset; -webkit-text-fill-color:#ddd; } body.dm #sch_result hr{ display:none; } body.dm .layG_dark i::after{ content:"라이트모드"; margin-left:3px; } body.dm #fnewlist .td_board a, body.dm .gxcon_area .gxSkin_new .td_subject_mq480 > span:nth-of-type(2) a{background-color:transparent !important; color:#fff !important;} body.dm #fnewlist .td_group a, body.dm .gxcon_area .gxSkin_new .td_subject_mq480 > span:nth-of-type(1) a{font-weight:700 !important; color:#000 !important;} body.dm #fregister h2{background-color:#333 !important; color:#fff;} /* ---- /theme/gx_pOne/css/mediaCSS.css ---- */ /* - 반응형 미디어쿼리 css - 원본코드 이외에 "미디어쿼리 구현 css"는 사용자 본인이 케어 하셔야 합니다. (*원본코드 이슈 만 관리자 푸시가능) - 간단설명 @media all and (min-width:1025px){ } => 1025px 이상만 적용됨 @media all and (max-width:1024px){ } => 1024px 이하만 적용됨 @media all and (max-width:480px){ } => 480px 이하만 적용됨 - 미디어쿼리 기술에 경우 개인이 정보습득후 직접 추가구현 하셔야 합니다. - 원본이외에 추가 작업은 자유이나 문제시 직접케어 / 작업의뢰 하셔도 됩니다. */ @media all and (max-width:1600px){ } @media all and (max-width:1370px){ .layG_fov_start{top:480px;} .gxcon_area .skinDiv.normal{width:100% !important; margin-left:0 !important;} .gxcon_area .skinDiv.subPc{width:100% !important; padding:0 20px !important;} } @media all and (min-width:1280px){ } @media all and (min-width:1025px){ .gxcon_area .skinDiv.subMo{display:none;} /* 베스트스킨 서브만 적용 */ .gxcon_area .skinDiv.subMo_361px{display:none;} /* 베스트스킨 서브만 적용 */ .gxcon_area .skinDiv.subPc{display:block;} /* 베스트스킨 서브만 적용 */ } @media all and (max-width:1024px){ /* 레이아웃 */ #top_proban_wrap00, .gpe_newConnect, .gpe_login, .gpe_pm_topban, .tmenu1_wrap00, .gpe_side_contents_L, .gpe_side_contents_R, .openmenu_wrap00, .gnb1_area_top1type_bg1, .gnb1_area_top1type_bg2, .gnb1_area_top2type_bg1, .gnb1_area_top3type_bg1, .gpe_set, .layG_fov_start, .gnb1_area_top_bg1, .gnb1_area_menu_shadow, .main_ban3case .mainban_pointbg, .gx_tooltip.search, .mainmenu_wrap, .mHomeAll_btn, .mainmenu_shadowHide, .allmenu_list, .mainmenu_wrap00, .gpe_search{display:none !important;} .gpe_search{top:auto !important; bottom:25px !important;} .gpe_search .submit{display:block;} .gnb1_area_wrap0{height:60px; width:100% !important;} .layG_munu_MobileBtn{display:block;} .gpe_logo{left:18px !important; top:16px !important; width:auto !important; text-align:left;} .gpe_allcon_wrap0, .gpe_contents_box{width:100% !important; padding:0 !important;} .contents_area_wrap0 > .sub_contenBackbg{top:80px; left:8px; width:calc(100% - 16px); height:calc(100% - 80px);} .gpe_contents_box{margin-top:75px !important;} .gpe_contents_box .con_title{margin:20px 0 5px 15px !important;} .main_ban3case ul.mainban_tab{ top:40px; left:50% !important; margin-left:-90px; background-color:#eee; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; } .main_ban3case ul.mainban_tab li{float:left; margin-bottom:0;} .main_ban3case ul.mainban_tab li > i{width:60px;} .owl-carousel{margin-top:105px;} .mainbanAssist_area_wrap > h3{font-size:19px;} .mainbanAssist > ul{white-space:nowrap; overflow-x:auto;} .mainbanAssist > ul > li{float:none; display:inline-block; width:auto;} .mainbanAssist > ul > li > a{width:auto !important; height:auto !important;} .mainbanAssist ul > li:nth-child(3n) > a{float:none;} .mainbanAssist > ul > li img{width:100% !important; height:auto !important;} .mainbanAssist_area_wrap > h3 > i{padding:4px; font-size:13px;} .footer_Util_wrap00{margin-left:0 !important;} .footer_Util_wrap0{width:100% !important; padding:30px 20px; border-top:0;} .gpe_utilMenu, .gpe_snsLink{position:relative; top:auto; right:auto; clear:left; padding-top:20px;} .gpe_utilMenu ul li:first-child{padding-left:0;} .gpe_snsLink ul li:first-child{padding-left:0;} .main_ban3case ul.mainban_panel{margin:0 5px;} .mainban_area_wrap{border-radius:0; margin-top:6px !important; margin-bottom:15px !important;} .mainban .slides img, .loading_mb img{width:100% !important; height:auto !important;} .gxcon_area{padding:0 9px !important;} .layG_dark{position:fixed; top:auto !important; right:10px; bottom:11px; background-color:rgba(0,0,0,0.30);} .gpe_movetop{top:auto; bottom:100px;} .gpe_movetop .gpe_mt{background-color:rgba(0,0,0,0.30);} .hd_pops{top:110px !important; left:0 !important; margin:20px;} .hd_pops_con{width:100% !important; height:auto !important;} .gnb1_area_top_bg2{background-color:transparent !important;} .gpe_search .inputText{background-color:#fff;} .gpe_search .submit{ background-color:#ccc; border-radius:0 25px 25px 0; -moz-border-radius:0 25px 25px 0; -webkit-border-radius:0 25px 25px 0; } /* 스킨 */ .gxcon_area .skinDiv{clear:both; width:100% !important; border:0 !important;} .gxcon_area .skinDiv.best{margin-top:28px;} .gxcon_area .skinDiv.best.num1{margin-top:0;} .gxcon_area .skinDiv.subMo{display:block; padding:0 20px !important;} /* 베스트스킨 서브만 적용 */ .gxcon_area .skinDiv.subMo_361px{display:none;} /* 베스트스킨 서브만 적용 */ .gxcon_area .skinDiv.subPc{display:none;} /* 베스트스킨 서브만 적용 */ #bo_gall .gall_img, #bo_gall .gall_img a{width:100% !important; height:auto !important;} #bo_gall .gall_img img, #bo_gall .gall_img video{width:100% !important; height:auto !important;} .gx_gall_item img{width:100% !important; height:auto !important; vertical-align:top;} .gx_gall_empty_div, .gx_search_empty_div, .gx_comm_empty_div{width:100% !important; margin-top:100px !important;} .gx_ptop_gallULa.mainScbar{overflow-x:auto;} .gx_ptop_gallULa.mainScbar::-webkit-scrollbar{display:none !important;} .gx_ptop_webzULa.type2, .gx_ptop_webzULa.type3{overflow-x:auto;} .gx_ptop_webzULa.type2::-webkit-scrollbar, .gx_ptop_webzULa.type3::-webkit-scrollbar{display:none !important;} #bo_list, #bo_v, #bo_w, #bo_gall, #current_connect, #fnewlist{padding:20px;} #fregister h2{font-size:14px;} } @media all and (max-width:1024px) and (min-width:769px){ /* 레이아웃 */ .gpe_search{left:50%; transform:translateX(-50%);} .gpe_search .inputText{width:430px;} } @media all and (max-width:920px){ /* 스킨 */ .owl-carousel .owl-item{width:140px !important;} } @media all and (min-width:769px){ /* 레이아웃 */ .gpe_search .submit{left:386px;} } @media all and (max-width:768px){ /* 레이아웃 */ .gpe_search{left:0; bottom:20px; width:100%; padding:0 15px;} .gpe_search .inputText{position:relative; width:100%;} .gpe_search .submit{position:absolute; right:15px; width:44px;} .gpe_search .fa-search{left:30px;} /* 스킨 */ .tab_nav li{font-size:13px;} } @media all and (min-width:481px){ /* 레이아웃 */ /* 스킨 */ #bo_list .td_subject .td_subject_mq480{display:none;} .gxcon_area .gxSkin_new .td_subject_mq480{display:none;} } @media all and (max-width:480px){ /* 레이아웃 */ html, body, iframe, h1, h2, h3, h4, h5, h6, a, img, dl, dt, dd, fieldset, form, input, label, table, caption, tbody, tfoot, thead, tr, th, td, embed, hgroup, ul, ol, li, textarea, select, button{font-size:15px;} .mainbanAssist > ul > li{width:43vw;} .gpe_copytxt p{font-size:13px;} .gpe_utilMenu{display:none;} .gxcon_area .skinDiv.best{padding:30px 20px 20px 20px !important;} .gxcon_area .skinDiv.normal{padding:20px !important;} /* 스킨 */ .owl-item.active:nth-child(n+2){margin-left:25px;} .owl-item.active:nth-child(n+3){margin-left:50px;} .owl-item.active:nth-child(n+4){margin-left:70px;} .owl-item.active:nth-child(n+5){margin-left:95px;} .owl-item.active:nth-child(n+6){margin-left:120px;} .owl-item.active:nth-child(n+7){margin-left:140px;} .owl-item.active:nth-child(n+8){margin-left:165px;} .owl-item.active:nth-child(n+9){margin-left:190px;} .owl-item.active:nth-child(n+10){margin-left:210px;} .owl-item.active:nth-child(n+11){margin-left:230px;} .latest_gx_gall .item > h3 > a{font-size:13px;} .gpe_wgPopularT2 a:not(.popu_more){font-size:15px;} .gpe_wgPopularT2 ul.wgP_contents .wgPdate, .gx_ptop_listTable td.date{display:none;} .gx_ptop_gallULa li{width:calc(100% - 224px);} /* .gx_ptop_gallULa li:nth-of-type(4), .gx_ptop_gallULa li:nth-of-type(7), .gx_ptop_gallULa li:nth-of-type(10){margin-left:0;} */ .gx_ptop_gallULa li:nth-child(7){/* display:none; */}/* 480이하 갤러리스킨 6개 고정 */ .gx_ptop_gallULa li .thumb, .gx_ptop_gallULa li .thumb img{width:100% !important; height:auto !important;} /* .gx_ptop_gallULa li .thumb.noimg{height:0 !important; padding-top:calc(220/151*100%);} calc(이미지높이 ÷ 이미지가로 × 100 %) */ /*.gx_ptop_gallULa li .thumb, .gx_ptop_gallULa li .thumb img{width:100% !important; height:auto !important;} 갤러리 1~3 공통 _ old */ .gx_ptop_webzULa li.type2 .titconArea, .gx_ptop_webzULa li.type3 .titconArea{width:100% !important;} .gx_ptop_webzULa.type2 li:nth-of-type(3){clear:both;} /* .gx_ptop_webzULa.type3 li{margin-left:0;} */ .gx_ptop_webzULa li .titconArea .title{line-height:20px; margin-bottom:5px;} .gx_ptop_webzULa li.type2 .titconArea .title{line-height:32px; margin-bottom:0;} .gx_ptop_webzULa li .thumbArea .thumb, .gx_ptop_webzULa li .thumbArea .thumb img{width:110px !important; height:auto !important;} /* 웹진 1 */ .gx_ptop_webzULa li:nth-child(5){display:none;}/* 480이하 웹진스킨 4개 고정 */ .gx_ptop_webzULa li.type2{width:calc(100% - 216px);} .gx_ptop_webzULa li.type3{width:calc(100% - 70px);} /* .gx_ptop_webzULa li.type2:nth-of-type(3), .gx_ptop_webzULa li.type2:nth-of-type(6), .gx_ptop_webzULa li.type2:nth-of-type(8), .gx_ptop_webzULa li.type2:nth-of-type(10){margin-left:0;} */ .gx_ptop_webzULa li.type2 .thumbArea .thumb, .gx_ptop_webzULa li.type2 .thumbArea .thumb img{width:100% !important; height:auto !important;} /* 웹진 2 */ .gx_ptop_webzULa li.type3 .thumbArea .thumb, .gx_ptop_webzULa li.type3 .thumbArea .thumb img{width:100% !important; height:auto !important;} /* 웹진 3 */ .tbl_head01 thead, #bo_list .td_num2, #bo_list .td_name, #bo_list .td_num, #bo_list .td_datetime{display:none;} #bo_list .td_subject{line-height:24px;} #bo_list .td_subject .td_subject_mq480{display:block; margin-top:5px;} #bo_list .td_subject .td_subject_mq480 span{margin-right:5px;} #bo_list .td_subject .td_subject_mq480 span i{vertical-align:middle;} #bo_list .bo_tit a{font-size:15px; font-weight:normal;} #bo_list .bo_notice .bo_tit a{font-weight:700;} #bo_v_share .btn{width:auto;} #bo_gall .gall_box{margin-bottom:25px !important;} #bo_gall .gall_li:nth-child(even){clear:both;} .gall_row .col-gn-2, .gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9, .gall_row .col-gn-10{width:50% !important;} #new_sch select, #new_sch .frm_input{margin-bottom:10px;} .gxcon_area .gxSkin_new .td_group, .gxcon_area .gxSkin_new .td_board, .gxcon_area .gxSkin_new .td_name, .gxcon_area .gxSkin_new .td_date{display:none;} .gxcon_area .gxSkin_new td{line-height:24px;} .gxcon_area .gxSkin_new .td_subject_mq480{display:block; margin-top:8px;} .gxcon_area .gxSkin_new .td_subject_mq480 span{margin-right:5px;} .gxcon_area .gxSkin_new .td_subject_mq480 > span:nth-of-type(1) a{padding:3px 4px; background-color:#edfbde;color:#8cc152; font-weight:normal; border-radius:5px;} #fregister p{height:auto; line-height:28px; padding:10px;} #fregister p:before{display:none;} #sch_res_detail select{width:50%; float:left;} #sch_res_detail .frm_input{width:100%;} #sch_res_detail select, #sch_res_detail .frm_input{margin-bottom:10px;} #sch_res_ov ul{float:left; margin:20px 0;} } @media all and (max-width:420px){ /* 스킨 */ .owl-item.active:nth-child(n+2){margin-left:25px;} .owl-item.active:nth-child(n+3){margin-left:50px;} .owl-item.active:nth-child(n+4){margin-left:75px;} .owl-item.active:nth-child(n+5){margin-left:98px;} .owl-item.active:nth-child(n+6){margin-left:120px;} .owl-item.active:nth-child(n+7){margin-left:145px;} .owl-item.active:nth-child(n+8){margin-left:170px;} .owl-item.active:nth-child(n+9){margin-left:195px;} .owl-item.active:nth-child(n+10){margin-left:215px;} .owl-item.active:nth-child(n+11){margin-left:240px;} .latest_gx_search .owl-item.active:nth-child(n+5), .latest_gx_comm .owl-item.active:nth-child(n+5){margin-left:102px;} .latest_gx_search .owl-item.active:nth-child(n+6), .latest_gx_comm .owl-item.active:nth-child(n+6){margin-left:125px;} .latest_gx_search .owl-item.active:nth-child(n+7), .latest_gx_comm .owl-item.active:nth-child(n+7){margin-left:148px;} .latest_gx_search .owl-item.active:nth-child(n+8), .latest_gx_comm .owl-item.active:nth-child(n+8){margin-left:170px;} .latest_gx_search .owl-item.active:nth-child(n+9), .latest_gx_comm .owl-item.active:nth-child(n+9){margin-left:194px;} .latest_gx_search .owl-item.active:nth-child(n+10), .latest_gx_comm .owl-item.active:nth-child(n+10){margin-left:220px;} .latest_gx_search .owl-item.active:nth-child(n+11), .latest_gx_comm .owl-item.active:nth-child(n+11){margin-left:242px;} } @media all and (max-width:413px){ /* 스킨 */ .owl-item.active:nth-child(n+2){margin-left:25px;} .owl-item.active:nth-child(n+3){margin-left:50px;} .owl-item.active:nth-child(n+4){margin-left:70px;} .owl-item.active:nth-child(n+5){margin-left:95px;} .owl-item.active:nth-child(n+6){margin-left:120px;} .owl-item.active:nth-child(n+7){margin-left:140px;} .owl-item.active:nth-child(n+8){margin-left:165px;} .owl-item.active:nth-child(n+9){margin-left:190px;} .owl-item.active:nth-child(n+10){margin-left:210px;} .owl-item.active:nth-child(n+11){margin-left:230px;} } @media all and (max-width:380px){ /* 스킨 */ .owl-item.active:nth-child(n+2){margin-left:5px;} .owl-item.active:nth-child(n+3){margin-left:15px;} .owl-item.active:nth-child(n+4){margin-left:20px;} .owl-item.active:nth-child(n+5){margin-left:25px;} .owl-item.active:nth-child(n+6){margin-left:30px;} .owl-item.active:nth-child(n+7){margin-left:35px;} .owl-item.active:nth-child(n+8){margin-left:40px;} .owl-item.active:nth-child(n+9){margin-left:45px;} .owl-item.active:nth-child(n+10){margin-left:50px;} .owl-item.active:nth-child(n+11){margin-left:55px;} .latest_gx_search .owl-item.active:nth-child(n+5), .latest_gx_comm .owl-item.active:nth-child(n+5){margin-left:24px;} .latest_gx_search .owl-item.active:nth-child(n+6), .latest_gx_comm .owl-item.active:nth-child(n+6){margin-left:30px;} .latest_gx_search .owl-item.active:nth-child(n+7), .latest_gx_comm .owl-item.active:nth-child(n+7){margin-left:35px;} .latest_gx_search .owl-item.active:nth-child(n+8), .latest_gx_comm .owl-item.active:nth-child(n+8){margin-left:40px;} .latest_gx_search .owl-item.active:nth-child(n+10), .latest_gx_comm .owl-item.active:nth-child(n+10){margin-left:50px;} .latest_gx_search .owl-item.active:nth-child(n+11), .latest_gx_comm .owl-item.active:nth-child(n+11){margin-left:55px;} .gxcon_area .skinDiv.subMo{display:none;} /* 베스트스킨 서브만 적용 */ .gxcon_area .skinDiv.subMo_361px{display:block;} /* 베스트스킨 서브만 적용 */ .gx_ptop_webzULa li.type2{width:calc(100% - 130px);} } @media all and (max-width:365px){ /* 스킨 */ .owl-item.active:nth-child(n+2){margin-left:0;} .owl-item.active:nth-child(n+6){margin-left:-10px;} .latest_gx_search .owl-item.active:nth-child(n+5), .latest_gx_comm .owl-item.active:nth-child(n+5){margin-left:-5px;} .latest_gx_search .owl-item.active:nth-child(n+6), .latest_gx_comm .owl-item.active:nth-child(n+6){margin-left:-10px;} } @media all and (max-width:398px) and (min-width:361px){ .gx_ptop_gallULa li{width:29.2%;} } @media all and (max-width:361px){ /* 스킨 */ .gx_ptop_gallULa li{margin-left:16px;} } /*모바일메뉴 넓이*/ @media all and (max-width:979px){.layG_mobileM_G{width:40%;}} @media all and (max-width:768px){.layG_mobileM_G{width:50%;}} @media all and (max-width:707px){.layG_mobileM_G{width:60%;}} @media all and (max-width:480px){.layG_mobileM_G{width:70%;}} /*모바일메뉴_닫기 위치*/ @media all and (max-width:979px){.layG_mobileM_G_close{right:40%;}} @media all and (max-width:768px){.layG_mobileM_G_close{right:50%;}} @media all and (max-width:707px){.layG_mobileM_G_close{right:60%;}} @media all and (max-width:480px){.layG_mobileM_G_close{right:70%;}} /* ---- /plugin/kimp/css/kimp.css ---- */ .kimp-w{border:1px solid #d5d8de;background:#fff;font-size:13px;line-height:1.4;color:#222;box-sizing:border-box} /* --- Layout-independence: neutralise host-theme styles on the elements this widget uses --- */ .kimp-w{font-family:inherit;text-align:left;text-transform:none;letter-spacing:normal;word-break:keep-all} .kimp-w table{width:100%;margin:0;border:0;border-spacing:0;border-collapse:collapse;background:transparent;table-layout:auto} .kimp-w th,.kimp-w td{border:0;border-bottom:1px solid #eef0f3;background-clip:border-box;vertical-align:middle;text-shadow:none;box-shadow:none} .kimp-w thead,.kimp-w tbody,.kimp-w tr{background:transparent;border:0} .kimp-w button{font-family:inherit;font-size:inherit;line-height:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none;margin:0;height:auto;min-height:0;min-width:0;width:auto;float:none} .kimp-w ul,.kimp-w li{list-style:none;margin:0;padding:0;background:none;border:0} .kimp-w h1.kimp-h1{margin:0;padding:11px 12px 9px;border:0;border-bottom:1px solid #e3e5e9;background:#fff;float:none;width:auto;height:auto;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;color:#222;text-align:left;text-transform:none;letter-spacing:normal;text-shadow:none} .kimp-w h4{margin:10px 0 6px;padding:0;border:0;background:none;text-transform:none;letter-spacing:normal;font-family:inherit;line-height:1.4} .kimp-w label{display:inline;margin:0;padding:0;font-weight:400;float:none;width:auto;background:none} .kimp-w input[type=checkbox],.kimp-w input[type=radio]{width:auto;height:auto;margin:0 3px 0 0;padding:0;vertical-align:middle;-webkit-appearance:auto;appearance:auto} .kimp-w b,.kimp-w small,.kimp-w span{font-family:inherit;font-size:inherit} .kimp-w svg{display:block;max-width:none;height:auto} .kimp-w *{box-sizing:border-box} .kimp-w .kimp-top{display:flex;flex-wrap:wrap;gap:4px 22px;padding:9px 12px;background:#fff;border-bottom:1px solid #e3e5e9;font-size:12.5px;color:#555} .kimp-w .kimp-top .kimp-item{white-space:nowrap} .kimp-w .kimp-top .kimp-alert{flex:0 0 100%;background:#fff1f0;border:1px solid #ffc9c4;color:#b42318;border-radius:3px;padding:6px 10px;font-weight:600;white-space:normal} .kimp-w .kimp-badge{display:inline-block;margin-left:5px;padding:0 6px;border:1px solid #f0d8a8;background:#fff6e0;color:#a15c00;border-radius:3px;font-size:11px;font-weight:600;cursor:help} .kimp-w .kimp-badge.warn{border-color:#f5b5ae;background:#fff1f0;color:#b42318} .kimp-w .kimp-warn-mark{color:#d97706;font-size:12px;cursor:help;margin-left:2px} .kimp-w .kimp-top b{color:#111;font-weight:700;font-variant-numeric:tabular-nums} .kimp-w .kimp-top small{margin-left:3px;font-size:11px} .kimp-w .kimp-tabbar{display:flex;align-items:stretch;background:#f4f5f7;border-bottom:1px solid #d5d8de} .kimp-w .kimp-tabs{display:flex;flex-wrap:wrap;flex:1;min-width:0} .kimp-w .kimp-gear{flex:0 0 auto;height:auto;min-height:0;display:flex;align-items:center;justify-content:center;width:42px;border:0;border-left:1px solid #d5d8de;background:transparent;color:#6b7280;cursor:pointer;padding:0} .kimp-w .kimp-gear:hover{background:#eceef2;color:#111} .kimp-w .kimp-gear.on{background:#fff;color:#111} /* settings panel (opened by the gear) */ .kimp-w .kimp-set{background:#fff;border-bottom:1px solid #d5d8de;padding:12px 14px 14px} .kimp-w .kimp-set[hidden]{display:none} .kimp-w .kimp-set-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px} .kimp-w .kimp-set-head b{font-size:14px;color:#111} .kimp-w .kimp-set-head span{font-size:11.5px;color:#8a8f98} .kimp-w .kimp-set-x{height:auto;min-height:0;margin-left:auto;border:1px solid #d5d8de;background:#fff;border-radius:3px;padding:3px 10px;font:inherit;font-size:12px;color:#555;cursor:pointer} .kimp-w .kimp-set-x:hover{background:#f4f5f7} .kimp-w .kimp-set-body{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px} .kimp-w .kimp-set h4{margin:10px 0 6px;font-size:13px;color:#111;font-weight:700} .kimp-w .kimp-set h4 small{font-weight:400;color:#8a8f98;font-size:11px;margin-left:4px} .kimp-w .kimp-radios{display:flex;gap:14px;flex-wrap:wrap} .kimp-w .kimp-radios label,.kimp-w .kimp-list label{cursor:pointer;color:#333} .kimp-w .kimp-list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto} .kimp-w .kimp-list li{display:flex;align-items:center;gap:2px;padding:2px 0} .kimp-w .kimp-list li label{margin-left:6px} .kimp-w .kimp-mv{width:22px;height:22px;border:0;background:transparent;color:#8a8f98;font-size:10px;line-height:1;cursor:pointer;padding:0;border-radius:3px} .kimp-w .kimp-mv:hover:not([disabled]){background:#eceef2;color:#111} .kimp-w .kimp-mv[disabled]{opacity:.25;cursor:default} .kimp-w .kimp-set-foot{margin-top:12px;padding-top:10px;border-top:1px solid #eef0f3} .kimp-w .kimp-set-foot button{height:auto;min-height:0;border:1px solid #d5d8de;background:#fff;border-radius:3px;padding:5px 12px;font:inherit;font-size:12px;color:#555;cursor:pointer} .kimp-w .kimp-set-foot button:hover{background:#f4f5f7} .kimp-w .kimp-main.one{min-width:560px} .kimp-w .kimp-list li[hidden]{display:none} .kimp-w .kimp-q{display:block;width:100%;max-width:100%;margin:0 0 6px;padding:6px 9px;border:1px solid #d5d8de;border-radius:3px;background:#fff;color:#222;font:inherit;font-size:12.5px;height:auto;box-shadow:none;-webkit-appearance:none;appearance:none} .kimp-w .kimp-q:focus{outline:2px solid #bcd3f7;outline-offset:0;border-color:#8fb3ee} @media (max-width:640px){.kimp-w .kimp-set-body{grid-template-columns:1fr}} .kimp-w .kimp-tab{border:0;border-right:1px solid #d5d8de;background:transparent;padding:9px 14px;height:auto;min-height:0;font:inherit;color:#555;cursor:pointer} .kimp-w .kimp-tab:hover{background:#eceef2} /* today's hot coins (top trading value / volume surge): a small orange dot */ .kimp-w .kimp-tab.hot:before{content:"";display:inline-block;width:6px;height:6px;margin:0 5px 2px 0;border-radius:50%;background:#f97316;vertical-align:middle} .kimp-w .kimp-tab.on{background:#fff;color:#111;font-weight:700;margin-bottom:-1px;border-bottom:1px solid #fff} .kimp-w .kimp-scroll{overflow-x:auto} .kimp-w .kimp-table{width:100%;border-collapse:collapse;min-width:520px} .kimp-w .kimp-table th{background:#fafafa;border:0;border-bottom:1px solid #e3e5e9;padding:7px 8px;font-size:inherit;font-weight:600;color:#333;text-align:center;white-space:nowrap;text-transform:none} .kimp-w .kimp-table td{padding:7px 8px;border:0;border-bottom:1px solid #eef0f3;font-size:inherit;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;text-transform:none} .kimp-w .kimp-table td.name{text-align:center;font-weight:700} .kimp-w .kimp-table td small{color:#63686f;margin-left:3px;font-size:11px} .kimp-w .kimp-table tbody tr:nth-child(odd) td{background:#f8f9fb} .kimp-w .kimp-table tr.ref td{background:#f1f3f6} .kimp-w .kimp-table tbody tr:not(.ov) + tr.ov td{border-top:2px solid #d5d8de} .kimp-w .kimp-table tr.ov td.name .kimp-sub{white-space:nowrap} .kimp-w .kimp-table th.grp{background:#eef0f4} /* "기준" label on the Binance row: bold, dark, centered so the reference row stands out */ .kimp-w .kimp-table td.kimp-base{text-align:center;font-weight:800;font-size:14px;letter-spacing:1px;color:#111} /* Two-cell groups (amount | %) read as one block: no gap, shared tint */ .kimp-w .kimp-table td.pl{padding-right:4px;border-right:0} .kimp-w .kimp-table td.pr{padding-left:4px;border-left:0} .kimp-w .kimp-table td.tint-red{background:rgba(229,37,42,.08)} .kimp-w .kimp-table td.tint-blue{background:rgba(31,95,214,.08)} .kimp-w .kimp-table td small.kimp-sub{display:block;margin:2px 0 0;font-weight:400;font-size:11px;color:#63686f} .kimp-w .kimp-table td small.kimp-sub.top{margin:0 0 3px} .kimp-w .kimp-main{min-width:700px} .kimp-w .kimp-loading{text-align:center!important;color:#888;padding:28px!important} .kimp-w .kimp-up{color:#c0141a} .kimp-w .kimp-down{color:#1f5fd6} .kimp-w .kimp-flat{color:#666} .kimp-w .kimp-top b.kimp-fng-greed{color:#e5252a} /* 탐욕 = 빨강, 공포 = 파랑 (가격 변동률과 같은 방향) */ .kimp-w .kimp-top b.kimp-fng-fear{color:#1e63d6} .kimp-w .kimp-pos{color:#c0141a} .kimp-w .kimp-neg{color:#0a7a3c} /* --- premium trend chart (min-height reserves the space so the page does not jump when the data arrives) --- */ .kimp-w .kimp-trend{min-height:150px;padding:10px 12px 8px;background:#fff;border-top:1px solid #e3e5e9;color:#555;font-size:12px} .kimp-w .kimp-trend-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 6px;line-height:1.4} .kimp-w .kimp-trend-head b{color:#1d2a4a;font-size:13px;font-weight:700} .kimp-w .kimp-trend-sub{color:#5c616f;font-size:11.5px} .kimp-w .kimp-trend-body{display:flex;align-items:stretch;gap:12px;min-height:104px} .kimp-w .kimp-trend-empty{flex:1;display:flex;align-items:center;justify-content:center;min-height:104px;color:#646b78;font-size:12.5px;text-align:center;background:#fafbfc;border:1px dashed #e3e5e9;border-radius:6px;padding:0 10px} .kimp-w .kimp-trend-plot{position:relative;flex:1;min-width:0;padding-bottom:16px;cursor:crosshair} .kimp-w .kimp-trend-svg{display:block;width:100%;height:84px;max-width:none;background:#fafbfc;border:1px solid #eef0f3;border-radius:4px} .kimp-w .kimp-trend-svg path{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke} .kimp-w .kimp-trend-svg path.m{stroke:#4c8dff;stroke-width:2} .kimp-w .kimp-trend-svg path.t{stroke:#9aa0ad;stroke-width:1.4;stroke-dasharray:4 3} .kimp-w .kimp-trend-svg line.z{stroke:#c9ced8;stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke} .kimp-w .kimp-trend-axis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#686d78;font-size:10.5px} .kimp-w .kimp-trend-cur{position:absolute;top:0;width:1px;height:84px;background:rgba(29,42,74,.35);pointer-events:none} .kimp-w .kimp-trend-tip{position:absolute;top:-4px;transform:translate(-50%,-100%);padding:4px 8px;border-radius:4px;background:#1d2a4a;color:#fff;font-size:11.5px;white-space:nowrap;pointer-events:none;z-index:3} .kimp-w .kimp-trend-now{flex:0 0 118px;display:flex;flex-direction:column;justify-content:center;gap:2px} .kimp-w .kimp-trend-now small{color:#5c616f;font-size:11px} .kimp-w .kimp-trend-now b{font-size:22px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums} .kimp-w .kimp-lg{display:flex;align-items:center;gap:5px;margin-top:4px;color:#5c616f;font-size:11px;white-space:nowrap} .kimp-w .kimp-lg i{display:inline-block;width:16px;height:0;border-top:2px solid #4c8dff} .kimp-w .kimp-lg i.t{border-top:2px dashed #9aa0ad} .kimp-w .kimp-foot{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 10px;background:#fafafa;border-top:1px solid #e3e5e9;font-size:12px;color:#555} .kimp-w .kimp-foot b{color:#222} .kimp-w .kimp-more{border-top:1px solid #e3e5e9;background:#fff;text-align:center} .kimp-w .kimp-more a{display:block;padding:13px 10px;color:#1f66e0;font-size:13.5px;font-weight:700;text-decoration:none} .kimp-w .kimp-more a:hover{background:#f8faff} .kimp-w .kimp-foot .kimp-src{margin-left:auto;color:#5c616f} .kimp-w .kimp-foot .kimp-src a{color:#6b7280;text-decoration:underline;display:inline-block;padding:6px 0} .kimp-w .kimp-foot .warn{color:#c2410c;font-weight:700} @media (max-width:640px){.kimp-w .kimp-tab{padding:8px 10px}.kimp-w .kimp-table{font-size:12px}} /* phones: one scrollable row of tabs, and a compact table that fits the screen (no sideways scrolling) */ @media (max-width:640px){ .kimp-w .kimp-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .kimp-w .kimp-tabs::-webkit-scrollbar{display:none} .kimp-w .kimp-tab{flex:0 0 auto;white-space:nowrap} .kimp-w .kimp-gear{align-self:stretch;height:auto} .kimp-w .kimp-main,.kimp-w .kimp-main.one,.kimp-w .kimp-main.compact{min-width:0} .kimp-w .kimp-table.compact th,.kimp-w .kimp-table.compact td{padding:8px 5px} .kimp-w .kimp-table.compact td.name{font-size:12.5px;white-space:normal;line-height:1.25} .kimp-w .kimp-table.compact td small{font-size:10px;margin-left:2px} .kimp-w .kimp-table.compact td small.kimp-sub{white-space:normal} .kimp-w .kimp-table.compact td.kimp-base{font-size:12.5px;letter-spacing:0} /* no scroll-inside-scroll on phones: the short exchange list just expands; the long coin list gets a bounded height */ .kimp-w .kimp-set-col:first-child .kimp-list{max-height:none;overflow:visible} .kimp-w .kimp-set-col .kimp-list{max-height:55vh} /* finger-sized tap targets (about 40px) for the tabs and the settings panel */ .kimp-w .kimp-tab{padding:12px 13px} .kimp-w .kimp-gear{width:46px} .kimp-w .kimp-set-x{padding:10px 14px;font-size:13px} .kimp-w .kimp-set-foot button{padding:11px 16px;font-size:13px} .kimp-w .kimp-set-head span{display:block;flex:0 0 100%} .kimp-w .kimp-radios{gap:6px 18px} .kimp-w .kimp-radios label{padding:8px 0} .kimp-w .kimp-list li{min-height:40px;gap:0} .kimp-w .kimp-list li label{flex:1;display:block;margin-left:4px;padding:10px 0} .kimp-w .kimp-mv{width:38px;height:38px;font-size:13px} .kimp-w input[type=checkbox],.kimp-w input[type=radio]{transform:scale(1.35);margin:0 10px 0 4px} .kimp-w .kimp-q{padding:10px 11px;font-size:14px} .kimp-w .kimp-top{gap:2px 14px;padding:8px 10px;font-size:12px} .kimp-w .kimp-foot{gap:4px 12px;font-size:11.5px} .kimp-w .kimp-trend{padding:9px 10px 7px} .kimp-w .kimp-trend-body{flex-direction:column;gap:8px} .kimp-w .kimp-trend-now{flex:none;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px} .kimp-w .kimp-trend-now b{font-size:19px} .kimp-w .kimp-lg{margin-top:0} } /* ck-basesel start : 비교 기준 거래소 선택 */ .kimp-w .kimp-basebar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-bottom:1px solid #e3e6eb} .kimp-w .kimp-bb-label{flex:0 0 auto;font-size:12.5px;font-weight:600;color:#5f6673;white-space:nowrap} .kimp-w .kimp-bb-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1;min-width:0} .kimp-w .kimp-bb{display:inline-flex;align-items:center;gap:4px;height:30px;min-height:0;padding:0 11px;border:1px solid #dfe2e8;border-radius:6px;background:#fff;color:#3d434d;font:inherit;font-size:12.5px;line-height:1;white-space:nowrap;cursor:pointer} .kimp-w .kimp-bb small{font-size:11.5px;color:#646b78} .kimp-w .kimp-bb em{font-style:normal;font-size:11px;color:#646b78} .kimp-w .kimp-bb i{font-style:normal;font-size:10px;color:#646b78} .kimp-w .kimp-bb:hover{border-color:#b9c0cc} .kimp-w .kimp-bb.on{border-color:#3b6fe0;background:#f3f6ff;color:#1e4fc2;font-weight:500} .kimp-w .kimp-bb.on small,.kimp-w .kimp-bb.on em,.kimp-w .kimp-bb.on i{color:#4a63c2;font-weight:400} .kimp-w .kimp-bb.dis,.kimp-w .kimp-bb[disabled]{opacity:.38;cursor:default;border-color:#dfe2e8} .kimp-w .kimp-bb-more{position:relative} .kimp-w .kimp-bb-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;gap:4px;min-width:176px;padding:6px;background:#fff;border:1px solid #dfe2e8;border-radius:8px} .kimp-w .kimp-bb-menu[hidden]{display:none} .kimp-w .kimp-bb-menu .kimp-bb{justify-content:flex-start;width:100%} .kimp-w .kimp-bb-sel{display:none} .kimp-w .kimp-table th .kimp-vs{margin-left:4px;font-size:11px;font-weight:400;color:#646b78} @media (max-width:640px){ .kimp-w .kimp-basebar{padding:7px 10px;gap:8px} .kimp-w .kimp-bb-list{display:none} .kimp-w .kimp-bb-sel{display:block;flex:1;min-width:0;height:36px;margin:0;padding:0 30px 0 10px;border:1px solid #dfe2e8;border-radius:6px;font:inherit;font-size:13.5px;color:#1f2329;-webkit-appearance:none;appearance:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a909b'/%3E%3C/svg%3E") no-repeat right 11px center} } body.dm .kimp-w .kimp-basebar{background:#2b2b2b;border-bottom-color:#454545} body.dm .kimp-w .kimp-bb-label{color:#a3a9b3} body.dm .kimp-w .kimp-bb{background:#333;border-color:#4a4a4a;color:#dcdfe4} body.dm .kimp-w .kimp-bb small,body.dm .kimp-w .kimp-bb em,body.dm .kimp-w .kimp-bb i{color:#9aa0aa} body.dm .kimp-w .kimp-bb:hover{border-color:#6a6f78} body.dm .kimp-w .kimp-bb.on{border-color:#8fb0ff;background:#34405a;color:#fff;font-weight:500} body.dm .kimp-w .kimp-bb.on small,body.dm .kimp-w .kimp-bb.on em,body.dm .kimp-w .kimp-bb.on i{color:#c8d4ff} body.dm .kimp-w .kimp-bb-menu{background:#2b2b2b;border-color:#4a4a4a} body.dm .kimp-w .kimp-table th .kimp-vs{color:#9aa0aa} @media (max-width:640px){ body.dm .kimp-w .kimp-bb-sel{background-color:#333;border-color:#4a4a4a;color:#eee} } /* 기준 거래소 줄: 이름 옆 "비교 기준" 표시 + "기준 (0.00%)" */ .kimp-w .kimp-basetag{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:5px;background:#2563eb;color:#fff;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:0;vertical-align:1px;white-space:nowrap} body.dm .kimp-w .kimp-basetag{background:#3b6fe0;color:#fff} @media (max-width:640px){ .kimp-w .kimp-basetag{display:block;width:max-content;margin:3px auto 0;padding:1px 6px;font-size:10.5px;vertical-align:0} .kimp-w .kimp-table td.kimp-base .kimp-base0{display:block;font-size:10.5px;letter-spacing:-.3px} } /* 10/09 사장님: 비교 기준 버튼의 거래소 이름은 굵게(나라 이름은 보통) */ .kimp-w .kimp-bb{font-weight:600;color:#1f2329} .kimp-w .kimp-bb small,.kimp-w .kimp-bb em,.kimp-w .kimp-bb i{font-weight:400} .kimp-w .kimp-bb.on{font-weight:600;color:#1e4fc2} body.dm .kimp-w .kimp-bb{color:#eef0f3} body.dm .kimp-w .kimp-bb.on{color:#fff;font-weight:600} /* 나라 이름도 흐리지 않게 (거래소 이름과 같은 진한 색, 굵기만 보통) */ .kimp-w .kimp-bb small{font-size:12.5px;font-weight:400;color:#1f2329} .kimp-w .kimp-bb.on small{color:#1e4fc2} body.dm .kimp-w .kimp-bb small{color:#eef0f3} body.dm .kimp-w .kimp-bb.on small{color:#fff} /* ===== ck-trend2: 김치프리미엄 추이 카드 (제목줄 + 큰 차트 + 오른쪽 숫자 칸 + 아래 요약줄) ===== */ html body .kimp-w .kimp-trend{min-height:0;padding:0;background:#fff;border-top:1px solid #e3e6eb;color:#3d434d;font-size:13px} html body .kimp-w .kimp-trend-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;padding:14px 16px 12px;border-bottom:1px solid #eef0f3;line-height:1.3} html body .kimp-w .kimp-trend-head > b{font-size:17px;font-weight:700;color:#14171c} html body .kimp-w .kimp-trend-coin{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1f2329} html body .kimp-w .kimp-trend-coin img{width:20px;height:20px;border-radius:50%;display:block} html body .kimp-w .kimp-trend-stat{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;color:#3d434d} html body .kimp-w .kimp-trend-stat em{font-style:normal;font-weight:600} html body .kimp-w .kimp-trend-stat i{display:inline-block;width:1px;height:12px;background:#d5d9e0} html body .kimp-w .kimp-trend-per{display:inline-flex;margin-left:auto;border:1px solid #dfe2e8;border-radius:6px;overflow:hidden} html body .kimp-w .kimp-trend-per button{height:30px;min-height:0;padding:0 16px;border:0;border-left:1px solid #dfe2e8;background:#f7f8fa;color:#3d434d;font:inherit;font-size:13px;cursor:pointer} html body .kimp-w .kimp-trend-per button:first-child{border-left:0} html body .kimp-w .kimp-trend-per button.on{background:#2563eb;color:#fff;font-weight:600} html body .kimp-w .kimp-trend-body{display:flex;align-items:stretch;gap:0} html body .kimp-w .kimp-trend-plot{position:relative;flex:1;min-width:0;padding:6px 6px 4px 10px;cursor:crosshair} html body .kimp-w .kimp-trend .kimp-trend-svg{display:block;width:100%;height:auto;max-width:none;background:none;border:0;border-radius:0;color:#3b82f6;overflow:visible} html body .kimp-w .kimp-trend-svg line.g{stroke:#eef0f3;stroke-width:1} html body .kimp-w .kimp-trend-svg line.z{stroke:#c9ced8;stroke-dasharray:3 3} html body .kimp-w .kimp-trend-svg path.m{fill:none;stroke:#2563eb;stroke-width:2;stroke-linejoin:round;stroke-linecap:round} html body .kimp-w .kimp-trend-svg path.a{stroke:none;fill:url(#kimpTg)} /* old kimp.css "path{fill:none}" would hide the blue area */ html body .kimp-w .kimp-trend-svg path.t{fill:none;stroke:#9aa0ad;stroke-width:1.3;stroke-dasharray:5 4} html body .kimp-w .kimp-trend-svg text{font-size:11.5px;fill:#6b7280;font-family:inherit} html body .kimp-w .kimp-trend-svg text.ya{text-anchor:end} html body .kimp-w .kimp-trend-svg text.xa{text-anchor:middle} html body .kimp-w .kimp-trend-svg text.ml{text-anchor:middle;font-size:12.5px;font-weight:600} html body .kimp-w .kimp-trend-svg .hi{fill:#e5252a} html body .kimp-w .kimp-trend-svg .lo{fill:#12a150} html body .kimp-w .kimp-trend-svg circle.hi,html body .kimp-w .kimp-trend-svg circle.lo,html body .kimp-w .kimp-trend-svg circle.now{stroke:#fff;stroke-width:2} html body .kimp-w .kimp-trend-svg circle.now{fill:#2563eb} html body .kimp-w .kimp-trend-cur{position:absolute;width:1px;background:rgba(29,42,74,.3);pointer-events:none} html body .kimp-w .kimp-trend-tip{position:absolute;top:2px;transform:translate(-50%,0);padding:4px 8px;border-radius:4px;background:#1d2a4a;color:#fff;font-size:11.5px;white-space:nowrap;pointer-events:none;z-index:3} html body .kimp-w .kimp-trend-now{flex:0 0 228px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;border-left:1px solid #eef0f3;background:#fafbfc} html body .kimp-w .kimp-trend-now dt,html body .kimp-w .kimp-trend-now dd{white-space:nowrap;font-size:13px;line-height:1.35;padding:0;float:none;width:auto} html body .kimp-w .kimp-trend-now small{font-size:13px;color:#3d434d} html body .kimp-w .kimp-trend-now > b{font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.5px;margin-bottom:6px} html body .kimp-w .kimp-trend-now dl{display:grid;grid-template-columns:1fr auto;gap:5px 8px;margin:0 0 8px;font-size:12.5px} html body .kimp-w .kimp-trend-now dt{color:#3d434d;font-weight:400} html body .kimp-w .kimp-trend-now dd{margin:0;text-align:right;font-weight:600} html body .kimp-w .kimp-lg{display:flex;align-items:center;gap:8px;margin:2px 0 0;color:#3d434d;font-size:12.5px;white-space:nowrap} html body .kimp-w .kimp-lg i{display:inline-block;width:26px;height:0;border-top:3px solid #2563eb} html body .kimp-w .kimp-lg i.t{border-top:2px dashed #9aa0ad} html body .kimp-w .kimp-trend-empty{flex:1;min-height:150px!important;margin:12px 16px} /* 아래 요약줄 */ html body .kimp-w .kimp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;padding:12px 16px;background:#fff;border-top:1px solid #e3e6eb;font-size:13px;color:#3d434d} html body .kimp-w .kimp-foot > span{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-left:1px solid #e3e6eb;white-space:nowrap} html body .kimp-w .kimp-foot > span:first-child{padding-left:0;border-left:0} html body .kimp-w .kimp-foot strong{font-weight:600;color:#14171c} html body .kimp-w .kimp-foot .kf b{font-size:16px;font-weight:700} html body .kimp-w .kimp-foot .kf-t time{color:#3d434d} html body .kimp-w .kimp-foot .kf-t svg{display:inline-block;color:#6b7280} html body .kimp-w .kimp-foot .kimp-src{margin-left:auto;border-left:0;padding-right:0;color:#5f6673;font-size:12px} @media (max-width:860px){ html body .kimp-w .kimp-trend-now{flex-basis:170px;padding:12px} html body .kimp-w .kimp-trend-now > b{font-size:26px} } @media (max-width:640px){ html body .kimp-w .kimp-trend-head{padding:10px 10px 8px;gap:4px 10px} html body .kimp-w .kimp-trend-head > b{font-size:14.5px} html body .kimp-w .kimp-trend-coin{font-size:13px} html body .kimp-w .kimp-trend-stat{font-size:12px;gap:2px 6px} html body .kimp-w .kimp-trend-per{margin-left:0;width:100%} html body .kimp-w .kimp-trend-per button{flex:1;height:32px;padding:0 6px} html body .kimp-w .kimp-trend-body{flex-direction:column} html body .kimp-w .kimp-trend-plot{padding:4px 2px 2px 4px} html body .kimp-w .kimp-trend-svg text{font-size:10.5px} html body .kimp-w .kimp-trend-svg text.ml{font-size:11px} html body .kimp-w .kimp-trend-now{flex:none;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:10px;border-left:0;border-top:1px solid #eef0f3} html body .kimp-w .kimp-trend-now small{grid-column:1;font-size:12px} html body .kimp-w .kimp-trend-now > b{grid-column:1;font-size:24px;margin:0} html body .kimp-w .kimp-trend-now dl{grid-column:2;grid-row:1 / span 2;margin:0;font-size:12px;gap:3px 10px} html body .kimp-w .kimp-trend-now dt,html body .kimp-w .kimp-trend-now dd{font-size:12px} html body .kimp-w .kimp-trend-now .kimp-lg{grid-column:1 / span 2;font-size:11.5px} html body .kimp-w .kimp-trend-empty{min-height:90px!important;margin:10px} html body .kimp-w .kimp-foot{padding:8px 10px;font-size:11.5px;gap:4px 0} html body .kimp-w .kimp-foot > span{padding:0 14px 0 0;border-left:0} html body .kimp-w .kimp-foot .kf b{font-size:14px} } /* 다크 */ html body.dm .kimp-w .kimp-trend,html body.dm .kimp-w .kimp-foot{background:#2b2b2b;border-top-color:#454545;color:#c9cdd3} html body.dm .kimp-w .kimp-trend-head{border-bottom-color:#3a3a3a} html body.dm .kimp-w .kimp-trend-head > b,html body.dm .kimp-w .kimp-trend-coin,html body.dm .kimp-w .kimp-foot strong{color:#f3f4f6} html body.dm .kimp-w .kimp-trend-stat,html body.dm .kimp-w .kimp-trend-now small,html body.dm .kimp-w .kimp-trend-now dt,html body.dm .kimp-w .kimp-lg,html body.dm .kimp-w .kimp-foot .kf-t time{color:#c9cdd3} html body.dm .kimp-w .kimp-trend-stat i{background:#555} html body.dm .kimp-w .kimp-trend-per{border-color:#4a4a4a} html body.dm .kimp-w .kimp-trend-per button{background:#333;color:#dcdfe4;border-left-color:#4a4a4a} html body.dm .kimp-w .kimp-trend-per button.on{background:#3b6fe0;color:#fff} html body.dm .kimp-w .kimp-trend .kimp-trend-svg{color:#6aa4ff} html body.dm .kimp-w .kimp-trend-svg line.g{stroke:#383838} html body.dm .kimp-w .kimp-trend-svg path.m{stroke:#6aa4ff} html body.dm .kimp-w .kimp-trend-svg path.t{stroke:#8a8a8a} html body.dm .kimp-w .kimp-trend-svg text{fill:#a3a9b3} html body.dm .kimp-w .kimp-trend-svg .hi{fill:#ff6b6f} html body.dm .kimp-w .kimp-trend-svg .lo{fill:#3ddc84} html body.dm .kimp-w .kimp-trend-svg circle.hi,html body.dm .kimp-w .kimp-trend-svg circle.lo,html body.dm .kimp-w .kimp-trend-svg circle.now{stroke:#2b2b2b} html body.dm .kimp-w .kimp-trend-svg circle.now{fill:#6aa4ff} html body.dm .kimp-w .kimp-trend-now{background:#262626;border-color:#3a3a3a} html body.dm .kimp-w .kimp-lg i{border-top-color:#6aa4ff} html body.dm .kimp-w .kimp-lg i.t{border-top-color:#8a8a8a} html body.dm .kimp-w .kimp-foot > span{border-left-color:#454545} html body.dm .kimp-w .kimp-foot > span:first-child,html body.dm .kimp-w .kimp-foot .kimp-src{border-left:0} /* ck-exlogo: 거래소 공식 아이콘 (PC·태블릿만). 로고가 세로로 줄 맞게 거래소 칸은 왼쪽 정렬 */ html body .kimp-w img.kimp-exlogo{display:inline-block;width:20px;height:20px;margin:0 14px 0 0;border-radius:5px;vertical-align:-4px;max-width:none} html body .kimp-w .kimp-exlogo-none{display:inline-block;width:20px;height:20px;margin:0 14px 0 0;vertical-align:-4px} html body .kimp-w img.kimp-bb-logo{display:inline-block;width:16px;height:16px;margin:0 1px 0 0;border-radius:4px;max-width:none} @media (min-width:641px){ html body .kimp-w .kimp-table.kimp-main:not(.compact) td.name{text-align:left;padding-left:16px} html body .kimp-w .kimp-table.kimp-main:not(.compact) th{text-align:center} html body .kimp-w .kimp-table.kimp-main:not(.compact) tr.ov td.name small.kimp-sub.top{padding-left:34px} } @media (max-width:640px){html body .kimp-w img.kimp-exlogo,html body .kimp-w img.kimp-bb-logo{display:none}} /* Bitkub 로고가 추가된 뒤(10/09) 1025-1049px에서 비교 기준 버튼 줄이 9px 모자람 -> 그 폭에서만 버튼 로고 숨김 */ @media (min-width:1025px) and (max-width:1049px){html body .kimp-w img.kimp-bb-logo{display:none}} /* 값이 없는 칸의 '-'는 가운데 (사장님 10/09) */ html body .kimp-w .kimp-table.kimp-main td.kimp-flat{text-align:center} /* 표가 다른 거래소 기준일 때 차트 제목 옆 작은 표시 */ html body .kimp-w .kimp-trend-basis{position:absolute;top:8px;left:54px;z-index:2;padding:2px 8px;border:1px solid #dfe2e8;border-radius:10px;background:rgba(255,255,255,.92);color:#5f6673;font-size:11.5px;font-weight:500;line-height:1.4;white-space:nowrap;pointer-events:auto} @media (max-width:640px){html body .kimp-w .kimp-trend-basis{top:4px;left:46px;font-size:10.5px}} html body.dm .kimp-w .kimp-trend-basis{background:#333;border-color:#4a4a4a;color:#c9cdd3} /* 10/09 사장님 샘플: 기간 버튼은 따로 떨어진 4개 버튼, 아래 요약줄은 PC에서 한 줄 */ html body .kimp-w .kimp-trend-per{gap:6px;border:0;border-radius:0;overflow:visible} html body .kimp-w .kimp-trend-per button,html body .kimp-w .kimp-trend-per button:first-child{height:32px;padding:0 18px;border:1px solid #e3e6eb;border-radius:6px;background:#f3f5f8;color:#3d434d;font-size:13px} html body .kimp-w .kimp-trend-per button.on{border-color:#2563eb;background:#2563eb;color:#fff;font-weight:600} html body.dm .kimp-w .kimp-trend-per button{border-color:#4a4a4a;background:#333;color:#dcdfe4} html body.dm .kimp-w .kimp-trend-per button.on{border-color:#3b6fe0;background:#3b6fe0;color:#fff} @media (max-width:640px){html body .kimp-w .kimp-trend-per button,html body .kimp-w .kimp-trend-per button:first-child{flex:1;padding:0 4px}} @media (min-width:641px){ /* 사장님 10/24: 출처는 PC에서도 아래 별도 줄, 왼쪽 글씨와 같은 크기 (#ck_wrap가 !important로 덮던 것을 여기서 바로 정함) */ html body .kimp-w .kimp-foot{flex-wrap:wrap;font-size:12.5px;padding:12px 14px} html body .kimp-w .kimp-foot > span{padding:0 10px;gap:5px} html body .kimp-w .kimp-foot .kf b{font-size:15px} html body .kimp-w .kimp-foot .kimp-src{margin-left:0;font-size:12.5px;padding-right:0;flex-shrink:0} html body .kimp-w .kimp-foot .kf b{font-size:14.5px} } /* 태블릿: 출처는 아래 별도 줄(왼쪽 정렬, 길면 줄바꿈) - 칸 밖으로 나가지 않게 */ @media (min-width:641px) and (max-width:1024px){ html body .kimp-w .kimp-foot{flex-wrap:wrap} html body .kimp-w .kimp-foot .kimp-src{flex:0 0 100%;margin-left:0;padding-left:0;white-space:normal;justify-content:flex-start} } @media (max-width:640px){html body .kimp-w .kimp-foot .kimp-src{display:none}} /* 아래 요약줄 숫자에도 색 (사장님 10/09: 플러스 빨강 / 마이너스 파랑) */ html body .kimp-w .kimp-foot b.kimp-pos{color:#c0141a} html body .kimp-w .kimp-foot b.kimp-neg{color:#1f5fd6} html body .kimp-w .kimp-foot b.kimp-flat{color:#5f6673} html body.dm .kimp-w .kimp-foot b.kimp-pos{color:#ff6b6f} html body.dm .kimp-w .kimp-foot b.kimp-neg{color:#6aa4ff} html body.dm .kimp-w .kimp-foot b.kimp-flat{color:#a8a8a8} /* 비교 기준 줄: 샘플처럼 라벨 크게, 버튼 높이·글씨 맞춤, "나라 · 거래소" */ html body .kimp-w .kimp-basebar{padding:10px 12px;gap:12px} html body .kimp-w .kimp-bb-label{font-size:14px;font-weight:700;color:#14171c} html body .kimp-w .kimp-bb{height:36px;padding:0 12px;font-size:13.5px;border-radius:7px} html body .kimp-w .kimp-bb small{font-size:13.5px} html body .kimp-w .kimp-bb small::after{content:"·";margin:0 0 0 5px;color:#646b78}html body.dm .kimp-w .kimp-bb small::after{color:#8a909b} html body .kimp-w .kimp-bb em{font-size:11.5px} html body.dm .kimp-w .kimp-bb-label{color:#f3f4f6} @media (max-width:640px){html body .kimp-w .kimp-basebar{padding:7px 10px;gap:8px}html body .kimp-w .kimp-bb-label{font-size:13px}} /* 로고가 들어가도 비교 기준 버튼이 PC에서 한 줄에 들어가게 조금 촘촘하게 */ @media (min-width:641px){ html body .kimp-w .kimp-basebar{gap:10px} html body .kimp-w .kimp-bb-list{gap:5px} html body .kimp-w .kimp-bb{padding:0 9px;font-size:13px;gap:4px} html body .kimp-w .kimp-bb small{font-size:13px} html body .kimp-w .kimp-bb small::after{margin-left:3px} } /* 코인 탭 로고 (PC·태블릿) */ html body .kimp-w img.kimp-tab-ic{display:inline-block;width:16px;height:16px;margin:0 5px 0 0;border-radius:50%;vertical-align:-3px;max-width:none} html body .kimp-w .kimp-tab-lt{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 5px 0 0;border-radius:50%;background:hsl(var(--h),52%,46%);color:#fff;font-size:9.5px;font-weight:700;line-height:1;vertical-align:-3px} @media (max-width:640px){html body .kimp-w img.kimp-tab-ic,html body .kimp-w .kimp-tab-lt{display:none}} @media (min-width:641px){ /* 점·로고·글자를 한 줄 가운데로 */ html body .kimp-w .kimp-tab{display:inline-flex;align-items:center;justify-content:center} html body .kimp-w .kimp-tab.hot:before{margin:0 5px 0 0} html body .kimp-w img.kimp-tab-ic,html body .kimp-w .kimp-tab-lt{vertical-align:0} } /* 태블릿 폭에서는 버튼 속 로고를 빼서 한 줄 유지 (표 안 로고는 그대로) */ @media (min-width:641px) and (max-width:899px){html body .kimp-w img.kimp-bb-logo{display:none}html body .kimp-w .kimp-bb{padding:0 8px;font-size:12.5px}html body .kimp-w .kimp-bb small{font-size:12.5px}} /* ck-basesel end */ /* 10/11 owner: 코인 탭 로고 뺌 (모든 폭, 탭 줄만 - 표 안 로고는 그대로) */ html body .kimp-w img.kimp-tab-ic,html body .kimp-w .kimp-tab-lt{display:none} /* ck-gear 10/22 (owner): the settings gear stands out a little - shaded square, darker icon (light / dark mode) */ .kimp-w .kimp-tabbar .kimp-gear{background:#e6eaf1;color:#2b3445;border-left-color:#cfd5df} .kimp-w .kimp-tabbar .kimp-gear svg{width:20px;height:20px} .kimp-w .kimp-tabbar .kimp-gear:hover,.kimp-w .kimp-tabbar .kimp-gear.on{background:#d7dde8;color:#111} body.dm .kimp-w .kimp-tabbar .kimp-gear{background:#34373d;color:#e3e5e8;border-left-color:#4a4d54} body.dm .kimp-w .kimp-tabbar .kimp-gear:hover,body.dm .kimp-w .kimp-tabbar .kimp-gear.on{background:#43474f;color:#fff} /* ck-trendh 10/24: 추이 차트 칸이 로딩 뒤 커지면서(비어 있을 때보다 PC +95px, 폰 +270px) 아래 내용이 내려앉던 것 - 완성 높이(실측: PC 236 / 641~1024px 225 / 폰 312)를 미리 잡아 움직임을 없앤다 */ html body .kimp-w .kimp-trend-body{min-height:236px} @media (min-width:641px) and (max-width:1024px){html body .kimp-w .kimp-trend-body{min-height:225px}} @media (max-width:640px){html body .kimp-w .kimp-trend-body{min-height:312px}} /* ck-trendh-head 10/25: 추이 칸 머리(제목+코인명+최저/최고+기간 버튼)는 JS가 채우기 전 38~49px, 채운 뒤 83~95px(≤340px: 117). 완성 높이를 미리 잡아 아래 내용이 내려앉지 않게 한다 (같은 선택자의 앞 규칙보다 뒤에 있어서 이긴다) */ html body .kimp-w .kimp-trend-head{min-height:83px} @media (max-width:640px){html body .kimp-w .kimp-trend-head{min-height:95px}} @media (max-width:340px){html body .kimp-w .kimp-trend-head{min-height:117px}} /* ---- /plugin/kimp/css/ck-icons.css ---- */ /* ck-icons (clean2 10/24): the two icon fonts cut down to the glyphs this site shows. Same class names, same glyph shapes - built from xeicon 2.3.3 and Font Awesome 4.7.0. The two font rules (../fonts/xeicon-ck.woff2, fa-ck.woff2) are printed into the page head by extend/coinkaja_wrap.extend.php, not kept here (speed 1b 10/26): this file goes into the CSS bundle, which can switch on after the first paint, and a late style sheet with font rules makes Chrome rebuild the page's web-font list. */ [class^="xi-"],[class*=" xi-"]{font-family:xeicon!important;display:inline-block;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-fw{width:1.28571429em;text-align:center} .fa-spin,.xi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} .xi-angle-down-min:before{content:"\e942"}.xi-angle-up-min:before{content:"\e945"}.xi-bars:before{content:"\e91c"}.xi-bell-o:before{content:"\e99d"}.xi-bookmark:before{content:"\ea1c"}.xi-check-min:before{content:"\e929"}.xi-close-min:before{content:"\e922"}.xi-cog:before{content:"\e986"}.xi-comment-o:before{content:"\e9d8"}.xi-crown:before{content:"\e9da"}.xi-external-link:before{content:"\e980"}.xi-eye-o:before{content:"\e950"}.xi-heart:before{content:"\ea10"}.xi-help-o:before{content:"\e9ac"}.xi-home-o:before{content:"\e902"}.xi-info-o:before{content:"\e9a7"}.xi-lock:before{content:"\e964"}.xi-lock-o:before{content:"\e966"}.xi-message:before{content:"\ea14"}.xi-message-o:before{content:"\ea15"}.xi-new:before{content:"\e9a8"}.xi-new-o:before{content:"\e9a9"}.xi-plus-min:before{content:"\e914"}.xi-refresh:before{content:"\e973"}.xi-renew:before{content:"\e977"}.xi-send:before{content:"\ea0b"}.xi-thumbs-down:before{content:"\ea29"}.xi-thumbs-up:before{content:"\ea28"}.xi-time-o:before{content:"\ea2c"}.xi-trophy:before{content:"\ea38"}.xi-user:before{content:"\e9f3"}.xi-user-o:before{content:"\e9f5"}.xi-user-plus-o:before{content:"\e9f8"}.xi-users:before{content:"\e9f9"}.xi-volume-mute:before{content:"\ea59"} .fa-angle-double-right:before{content:"\f101"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-bar-chart:before{content:"\f080"}.fa-bars:before{content:"\f0c9"}.fa-bookmark:before{content:"\f02e"}.fa-calendar-check-o:before{content:"\f274"}.fa-camera:before{content:"\f030"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-right:before{content:"\f0da"}.fa-caret-up:before{content:"\f0d8"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square-o:before{content:"\f046"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-clock-o:before{content:"\f017"}.fa-close:before{content:"\f00d"}.fa-cog:before{content:"\f013"}.fa-commenting-o:before{content:"\f27b"}.fa-database:before{content:"\f1c0"}.fa-desktop:before{content:"\f108"}.fa-download:before{content:"\f019"}.fa-ellipsis-v:before{content:"\f142"}.fa-envelope-o:before{content:"\f003"}.fa-eye:before{content:"\f06e"}.fa-files-o:before{content:"\f0c5"}.fa-flag-o:before{content:"\f11d"}.fa-folder-open:before{content:"\f07c"}.fa-gift:before{content:"\f06b"}.fa-globe:before{content:"\f0ac"}.fa-heart:before{content:"\f004"}.fa-heart-o:before{content:"\f08a"}.fa-home:before{content:"\f015"}.fa-info-circle:before{content:"\f05a"}.fa-lock:before{content:"\f023"}.fa-minus:before{content:"\f068"}.fa-mobile:before{content:"\f10b"}.fa-moon-o:before{content:"\f186"}.fa-pause:before{content:"\f04c"}.fa-pencil:before{content:"\f040"}.fa-pencil-square-o:before{content:"\f044"}.fa-phone:before{content:"\f095"}.fa-picture-o:before{content:"\f03e"}.fa-play:before{content:"\f04b"}.fa-plus:before{content:"\f067"}.fa-power-off:before{content:"\f011"}.fa-question-circle-o:before{content:"\f29c"}.fa-reply:before{content:"\f112"}.fa-rss:before{content:"\f09e"}.fa-search:before{content:"\f002"}.fa-search-plus:before{content:"\f00e"}.fa-share-alt:before{content:"\f1e0"}.fa-shield:before{content:"\f132"}.fa-shopping-cart:before{content:"\f07a"}.fa-sign-out:before{content:"\f08b"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-thumb-tack:before{content:"\f08d"}.fa-thumbs-o-down:before{content:"\f088"}.fa-thumbs-o-up:before{content:"\f087"}.fa-ticket:before{content:"\f145"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-trash-o:before{content:"\f014"}.fa-user:before{content:"\f007"}.fa-users:before{content:"\f0c0"}.fa-window-restore:before{content:"\f2d2"}