@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.813em;color:#fff; scroll-behavior: smooth; /* ← 이거 추가 */ background:#1a1a1a;height:100%; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {background: #1a1a1a;border: 1px solid #1a1a1a;color: #fff; font-size:1em;-webkit-appearance:none;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
textarea, select {font-size:1em;/* Pretendard 우선하는 경우 */; -webkit-appearance: none;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#fff;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 모든 브라우저 대응용 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:relative;background:#131313;     height: 70px;     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_admin{font-weight:bold;display:block;color:#fff;
padding:10px;text-align:center;background:#ff0000;padding:10px;position:fixed;bottom:10px;left:10px;z-index:99;border-radius:5px;
-webkit-box-shadow:: 0 3px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow:: 0 3px 5px rgba(0, 0, 0, 0.3);
 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);}
#hd_wrapper{max-width:1784px; margin:0 auto;position:relative;    height: 70px;     display: flex;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
.tnb{display:none;}
#logo img{vertical-align:middle;max-height:100%; width: 160px; padding-top: 8px;}

#user_open {position:absolute;top:0;right:0;height:50px;width:50px;border:0;background-size:70%;background:none; font-size: 16px;color:#fff}
#gnb_open {position:absolute;top:0;left:0;height:50px;width:50px;border:0;background-size:70%;background:none; font-size: 16px;color:#fff}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch {text-align:center;padding:20px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;}
#hd_sch #sch_stx {width:100%;padding-left:50px;height:45px;background:#27223a;color:#fff;border:0;padding-right:10px;border-radius:3px}
#hd_sch #sch_submit {position:absolute;top:0;left:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:none;font-size:1.25em;color:#fff;}

#hd_nb{margin:10px 0 }
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li{border-top:1px solid #f1f3f6;line-height:45px;padding:0 }
#hd_nb li:first-child{border-top:0}
#hd_nb li a{display:block;}
#hd_nb li a:hover{background:#f3f3f3}
#hd_nb li i{width:40px;text-align:center;color:#4a5ba9}
#hd_nb li span{display:inline-block;padding:0 5px;line-height:20px}

@media (max-width: 969px){
    #logo {padding:10px;height:50px;text-align:left; flex: 1;}

    #gnb{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900} 
    #gnb .gnb_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;background:rgba(255,255,255,0.5)}
    #gnb .gnb_wr{position:absolute;top:0;left:0;width:300px;height:100%;background:#1c1827;}
    #gnb .gnb_wr:after {display:block;visibility:hidden;clear:both;content:""}
    #gnb_close {position:absolute;top:0;right:0;margin:0;height:50px;width:50px;border:0;background:none;color:#a9a3bc;font-size:16px}  
    .gnb_login{background:#211c32;height:50px;padding:10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);}
    .gnb_1dli{position:relative;line-height:50px;}
    .gnb_login li {display:inline-block;line-height:30px}
    .gnb_login a {color:#a9a3bc;display:block;border:1px solid #5b5471;padding:0 10px;}
    .gnb_2dul {display:none;background:#1a1a1a;padding-left:20px}
	.gnb_2dli {        padding-bottom: 10px;}
    .gnb_1da {color:#fff;padding:0 20px;font-size:16px;}
    .gnb_1dli button{position:absolute;top:21px;right:0;border:0;width:40px;height:50px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
    .gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
    .gnb_2dul a{color:#fff;        font-size: 15px; }
    #hd_sch{display:block !important}
}

@media (min-width: 970px){
    #gnb {max-width: 1000px; margin: 0 auto;}
    #gnb:after {display:block;visibility:hidden;clear:both;content:""}
    .gnb_wr{max-width:1784px; margin:0 auto;position:relative;}
    #gnb a {display:block;     transition: all .3s;}
    .gnb_1dli{position:relative;float:left;line-height:40px;padding:0 40px}
    .gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
    .gnb_1dli button{float:left;border:0;width:20px;height:60px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 60%;background-size:10px ;text-indent:-9999px}
    .gnb_1da {float:left;padding:0;color:#fff;line-height:70px; font-size: 16px; font-weight: 600;}
    .gnb_2dul {display:none;position:absolute;top:60px;left:0;background:#242424; border: 1px solid #313131; border-radius:10px; min-width: 100%; text-align: center;z-index:99}
    .gnb_1dli:hover .gnb_2dul {display:block}
    .gnb_1dli:hover a{color:#fff; transition: all .3s;}
    .gnb_2da {color:#fff; font-size: 16px;    transition: all .3s;padding: 10px 0;  font-weight:600}
    .gnb_2dli:hover {background:#18f2ad;        border-radius: 10px; transition: all .3s;}
    
    #hd_sch{display:none;padding:0 50px 0 0;background:#1c1827;position:absolute;top:0;left:0;width:100%;z-index:99}
    #hd_sch #sch_stx{background:none;border-radius:0;padding-left:50px;height:60px;font-size:1.077em}
    #hd_sch #sch_submit {background:none;border-radius:0;width:50px;height:60px}
    #hd_sch .sch_cl_btn{position:absolute;top:0;right:0;width:50px;height:60px;background:none;border:0;color:#817f86;font-size:16px}
    #hd_sch .sch_cl_btn:hover{color:#fff}
    #logo{text-align:left;float:left;}
    #tnb{float:right;margin-top:20px;line-height:1em;padding:10px}
    #tnb li{display:inline-block;border-left:1px solid #544f63;padding:0 10px}
    #tnb li:first-child{border-left:0}
    #tnb a{color:#a19dae}
    #sch_op_btn{position:absolute;top:0;right:0;width:50px;height:60px;border:0;background:none;color:#fff}
	


}

/* ✅ 모바일 최적화 - Bybit 느낌 */
@media screen and (max-width: 768px) {
  #tab-position {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #tab-position table {
    min-width: 720px; /* 강제 가로 스크롤 */
  }

  /* 버튼, 폰트 크기 줄이기 */
  #tab-position td,
  #tab-position th {
    font-size: 12px;
    padding: 8px 5px;
  }

  .btO {
    font-size: 12px;
    padding: 4px 8px;
  }

 #limitClosePopup {width:300px !important; }
 #marketClosePopup  {width:300px !important;}
}



/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select{background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2);
box-shadow: 0 0 5px  rgba(100,100,100,0.2);}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 중간 레이아웃 */
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}



@media (min-width: 970px){
    #wrapper {margin:0 auto; max-width:1784px}
    #container {padding-right:290px;position:relative}
    #idx_left{padding:20px 10px;min-height:760px }
    #idx_right{position:absolute;top:0;right:0;width:300px;margin:20px 0;padding:0 10px}
    .pc_sound_only{display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
    #container_title {font-size:1.846em;margin:0 0 10px}
}


@media (max-width: 969px){
    #idx_right{margin:0 10px 10px;padding:0}
    #idx_left{margin:  0;padding:0}
    .latest_wr{margin:10px 10px 0}
    #container_title  {background:#fff;padding:15px;border-bottom:1px solid #d8dde4;font-size:1.154em	}

}

/* 하단 레이아웃 */
#ft {background:#131313;padding:15px }
#ft:after {display:block;visibility:hidden;clear:both;content:""} 
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft_copy{color:#5b5b5b;text-align:center;margin:10px 0}
#ft_company {text-align:center;margin:10px 0}
#ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #e7e7e7;    color: #fff;}
#ft_company a:first-child{border:0}

#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;    border-radius: 30px; background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}


@media (min-width: 970px){
    #ft {padding:30px }
    #ft_company{float:left}
    #ft_copy{float:right}
    .ft_wr{margin:0 auto;max-width:1784px}
}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {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;width:40px;height:40px;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;    background: #1a1a1a; border: 1px solid #1a1a1a;color:#fff; font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* 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;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.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:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn{display:inline-block;line-height:40px;vertical-align:top;padding:0 10px}
a.btn01 {display:inline-block;background:#ddd;color:#444;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;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:center;    display: flex;} /* 서식단계 진행 */
.btn_submit {border:0; background: #18f2ad; font-size: 16px; color:#fff;border:1px solid #18f2ad;cursor:pointer;flex: 1;}
a.btn_cancel {display:inline-block;background:#fff;color:#000;text-decoration:none;vertical-align:middle;flex: 1;font-size: 16px; line-height:50px; height:50px;}
button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

@media (max-width: 969px){
    .pc_view{display:none}
    .m_view{display:block}
}

@media (min-width: 970px){
    .pc_view{display:block}
    .m_view{display:none}
}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block; background: #111;color: #fff;border: 1px solid #353535;cursor:pointer}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02 ,.btn_b02{display:inline-block; background: #111;color: #fff;border: 1px solid #353535;cursor:pointer}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_admin {display:inline-block;color:#ff0000;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e3e3e5;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.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 {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01{padding:0 10px;}
.list_01 li{background:#fff;border-radius:3px;padding:10px 15px;border-bottom:1px solid #eee;}

/* 기본폼 */
.form_01{margin:10px}
.form_01 .write_div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:40px;background: #1a1a1a;border: 1px solid #1a1a1a;color: #fff; }
.full_input{width:100%} 
.form_01 .frm_file {display:block;margin:2px 0;width:100%}
.form_01 select{padding:5px;height:40px;border-radius:3px;background-color:#fff;border:1px solid #ccc;}
.form_01 .frm_info{font-size:0.92em;color:#18f2ad;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:120px;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:150px;text-align:center}
.td_group {width:100px;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:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin-bottom:10px;font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #fff;color: #000;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block;}
.new_win .win_ul li a {display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #18f2ad;color: #fff;border-radius: 13px;
}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#18f2ad}
.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0;vertical-align:top}
.new_win .win_btn .btn_submit {height:40px;line-height:40px;border-radius:3px;margin:10px 0 ;padding:0 10px;display:inline-block;font-weight:bold;vertical-align:top}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-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;width:100px;margin:0;padding:0  10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#828282;}
.sv_member img{border-radius:50%}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:15px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {display:inline-block;padding:0 10px;height:30px;color:#fff;line-height:28px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {border-radius:3px}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% ;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% ;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% ;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% ;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#18f2ad;color:#fff;font-weight:normal;border-radius:33px;line-height:30px;}


/* header */
@media screen and (max-width: 991px){
.header .container { padding: 0 3%; }
.header_logo { height: 1.8em; }
.header_gnb_btn { display: block !important }
.header_gnb { position: fixed; overflow-x: auto; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background-color: #131313; padding: 25% 0; transform: translateX(100%); transition: transform 0.6s; }
.header_gnb.open { transform: translateX(0); }
.header_gnb_list { flex-direction: column; font-size: 4.5rem; gap: 5%; height: 100%; align-items: center; justify-content: center; }
.header_gnb_link { font-weight: 900; color: #000; padding: 0.25em 0.375em; -webkit-text-stroke: 1px #fff; }
.header_gnb_link::after { width: 0.2em; height: 0.2em; }
.header_gnb_link:hover, .header_gnb_link.is-active { -webkit-text-stroke: 1px transparent; }
.header_gnb_link:hover, .header_gnb_link.is-active { color: var(--theme-light); }
.header_gnb_btn { font-size: 1.875em; position: relative; display: none; }
.header_gnb_btn .fa-times { display: none; color: #fff; }
.header_gnb_btn .fa-bars { display: block; }
.header_gnb_btn.open .fa-times { display: block; }
.header_gnb_btn.open .fa-bars { display: none; }


#hd_wrapper {justify-content: space-between; align-items: center;}
#logo img {padding-top:0 !important;}
.header_gnb {display:block !important;}
}


@media all and (min-width:1024px) and (max-width:1279px){

.cos_wrap {display:flex !important; gap:1em;}
.cos_wrap .Right {width:30% !important;}
.cos_wrap .left {width:70% !important;}
}



/*태블릿 가로 : 769px-1023px*/
@media all and (min-width:768px) and (max-width:1023px){
	
}





.header_gnb {display:none;} 

.header_gnb_btn { font-size: 1.875em; position: relative; display: none; margin-left: auto; padding-right: 10px;  z-index:9;   background: none; border: 0;}
.header_gnb_btn .fa-times { display: none; color: #fff; }
.header_gnb_btn .fa-bars { display: block; }
.header_gnb_btn.open .fa-times { display: block; }
.header_gnb_btn.open .fa-bars { display: none; }

/* Other  */
.box {background: #131313;  border-radius: 8px;  box-sizing: border-box; padding: 16px;}
.flexN {display:flex; flex-wrap: wrap; gap: 0.5em;}
.mt {margin-top:15px;}

/* Main */

.cos_wrap {max-width:1784px;margin: 0 auto;background: inherit;  height: inherit; padding-bottom: 8px;     padding-top: 10px;}
.cos_wrap .Right {float: right;width: 440px; padding-left:10px;}
.cos_wrap .left {float: left; width: 1336px;}

/* .cos_wrap{} */
.cos_wrap::after{display:block; content:''; clear:both;}
	.cos_wrap .FLt{float:left; width:1344px;}
	.cos_wrap .FRt{float:right; width:440px;}
	.cos_wrap .Adv{height:200px; background:#131313; border-radius:8px; overflow:hidden;}

	.cos_wrap .Lst{position:relative; background:#131313;  box-sizing:border-box; padding:16px; border: 1px solid #353535; border-radius: 8px;}
	.cos_wrap .Spe::after{display:block; content:''; clear:both;}
	.cos_wrap .Spe .Lst{width: 33%;}
	.cos_wrap .Spe .Lst:first-child{float:left;}
	.cos_wrap .Spe .Lst:last-child{float:right;}
	.cos_wrap .Lst> .Ti{display:flex;margin-bottom:16px; font-size:17px; font-weight:700; color: #18f2ad; align-items: center;  gap: 0.5em;}
	.cos_wrap .Lst .STi{margin-top:24px; margin-bottom:16px; font-size:15px; font-weight:600; text-align:center;}
	.cos_wrap .Lst .STi .Ico{width:20px; height:20px; margin-right:5px; position:relative; top:-2px;}
	.cos_wrap .Lst .Ex{margin-bottom:14px; color: #18f2ad; font-size:14px; font-weight:500;}
	.cos_wrap .Lst> .Rec{margin-top:8px;}
	.cos_wrap .Lst> .Rec:first-child{margin-top:0;}
	.cos_wrap .Lst> .Rec::after{display:block; content:''; clear:both;}
	.cos_wrap .Lst> .Rec a.Sub{display:block; float:left;      color: #18f2ad; width:290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:150%;}
	.cos_wrap .Lst> .Rec a.Sub:hover{color:#18f2ad;}
	.cos_wrap .Lst> .Rec .Dt{display:block; float:right;     color: #fff; font-size:14px; font-weight:500;}

/* .cos_wrap .Tbl{} */
	.cos_wrap .Tbl.Scr{height:509px; overflow:hidden; }
	.cos_wrap .Tbl table{border-collapse:collapse; width:100%; table-layout:fixed;}
	.cos_wrap .Tbl table td{text-align:center; font-size:13px; font-weight:400; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.cos_wrap .Tbl table thead {border: 1px solid #2d2d2d;border-left: 0;border-right: 0;}
	.cos_wrap .Tbl table thead tr {line-height: 3rem;}
	.cos_wrap .Tbl table thead th { font-weight: 300; font-size: 14px; }
	.cos_wrap .Tbl table thead td{color:var(--Gy); font-size:12px; height:40px; border-bottom:1px solid #4e5562;}
	.cos_wrap .Tbl table tbody td{height:48px; border-bottom:1px solid #3a4150; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.cos_wrap .Tbl table tbody td:first-child{color:var(--Gy);  justify-content: center; display: flex;align-items: center;gap: 6px; /* 이미지와 텍스트 사이 간격 */line-height: 1.2;}
	.cos_wrap .Tbl table tbody td img.Ico {width:25px;height:25px;vertical-align: middle;}
	.cos_wrap .Tbl table tbody td a:hover{text-decoration:underline;}
	.cos_wrap .Tbl table tbody tr.On td{background:#333;}
	.cos_wrap .Tbl .Ico{width:20px; height:20px; margin-right:5px; position:relative; top:-1px;}
	.cos_wrap .Tbl .Lv{width:24px; height:auto; margin-right:5px; position:relative; top:-2px;}
	.cos_wrap .Tbl .Lt{text-align:left;}
	.cos_wrap .Tbl .Rt{text-align:right;}
	.cos_wrap .Tbl .U{color:var(--G);}
	.cos_wrap .Tbl .D{color:#d85048;}
	.cos_wrap .Tbl .B{color:#28a3dd;}

.cos_wrap .Bars{--H:30px; --MW:40px; --MH:40px; --BH:2px; --BdRd:calc(var(--H) / 2); --MBdRd:calc(var(--MH) / 2); --L:#63cb92; --R:#e37873;}
.cos_wrap .Bars{position:relative;}
	.cos_wrap .Bars .Bar{position:relative; background:#0005; border-radius:var(--BdRd); height:var(--H); box-sizing:border-box;}
	.cos_wrap .Bars .Bar::after{display:block; content:''; clear:both;}
	.cos_wrap .Bars .Bar .Sep{float:left; width:calc(50% - (var(--MW) / 2) + var(--MBdRd));}
	.cos_wrap .Bars .Bar .Sep:last-child{float:right;}
	.cos_wrap .Bars .Bar .Sep::after{display:block; content:''; clear:both;}
	.cos_wrap .Bars .Bar .LR{position:relative; height:var(--H); overflow:hidden;}
	.cos_wrap .Bars .Bar .LR.PN{min-width:calc(var(--MW) / 2 + 1px);}
	.cos_wrap .Bars .Bar .LR::after{position:absolute; display:block; top:0; left:-15px; width:calc(100% + 15px); height:var(--H); background:url('/Img/GagBg.png'); content:''; animation:1s linear 0s infinite normal BarBgKFrm;}
	@keyframes BarBgKFrm{from{left:-15px;}to{left:0px;}}

	.cos_wrap .Bars .Bar .L{float:right; background:var(--L); border-radius:var(--BdRd) 0 0 var(--BdRd);}
	.cos_wrap .Bars .Bar .R{float:left; background:var(--R);; border-radius:0 var(--BdRd) var(--BdRd) 0;}
	.cos_wrap .Bars .Txt{position:absolute; top:0; left:0px; width:100%;}
	.cos_wrap .Bars .Txt::after{display:block; content:''; clear:both;}
	.cos_wrap .Bars .Txt .LR{height:var(--H); line-height:var(--H); font-size:12px; margin:0 10px;}
	.cos_wrap .Bars .Txt .L{float:left;}
	.cos_wrap .Bars .Txt .R{float:right;}

	.cos_wrap .Bars .Mk{position:absolute; top:calc((var(--H) - var(--MH)) / 2); left:calc(50% - (var(--MW) / 2)); width:var(--MW); height:var(--MH); border-radius:var(--MBdRd); background:#444; border:var(--BH) solid #222; box-sizing:border-box; overflow:hidden; font-size:10px; line-height:calc(var(--MH) - (var(--BH) * 2)); text-align:center; text-shadow: -1px 0px #222, 0px 1px #222, 1px 0px #222, 0px -1px #222;}
	.cos_wrap .Bars .Mk.L{background:var(--L); border-color:#246f47; text-shadow: -1px 0px #246f47, 0px 1px #246f47, 1px 0px #246f47, 0px -1px #246f47;}
	.cos_wrap .Bars .Mk.R{background:var(--R); border-color:#97241e; text-shadow: -1px 0px #97241e, 0px 1px #97241e, 1px 0px #97241e, 0px -1px #97241e;}

/* .cos_wrap .Brd{} */
.cos_wrap .Rng{position:relative; width:200px; margin:0px auto;}
.cos_wrap .Pan{margin-top:8px;}
.cos_wrap .Pan .Lst{padding-bottom:16px;}
.cos_wrap .Pan .Lst .PM.D:before{content:'-';}

.cos_wrap .Rank{margin-top:8px;}
	.cos_wrap .Rank .Lst{padding-bottom:16px;}
	.cos_wrap .Rank table{table-layout:fixed}
	.cos_wrap .Rank table col:nth-child(1){width:8%;}
	.cos_wrap .Rank table col:nth-child(2){width:40%;}
	.cos_wrap .Rank table col:nth-child(3){width:15%;}
	/* .cos_wrap .Rank table col:nth-child(4){} */
	.cos_wrap .Rank table thead tr:nth-child(1){position:sticky; top:0; left:0; background:#131313; z-index:1;}
	.cos_wrap .Rank table tbody td:nth-child(2){padding-left:15px;}
	.cos_wrap .Rank table tbody td:nth-child(4){padding-right:10px;}
	.cos_wrap .Rank table td .Rk{width:24px; height:auto;}
	.cos_wrap .Rank table td a:hover{text-decoration:underline;}

.cos_wrap .Emb{margin-top:8px; font-size:12px; color:var(--Gy);}
	.cos_wrap .Emb .Lst{display:flex;}
	.cos_wrap .Emb .Lst> div{display:flex; align-items:center;}
	.cos_wrap .Emb .Lst> div a{color:inherit;}
	.cos_wrap .Emb .Lst> div img{max-height:30px;}
	.cos_wrap .Emb .Lst> .N1{position:relative; width:140px; height:40px; text-align:center; z-index:1 !important;}
	.cos_wrap .Emb .Lst> .N1 .NWp{position:absolute; top:0px; left:0px; width:270px;}
	.cos_wrap .Emb .Lst> .N1 .NWp .certik-emblem{width:140px;}
	.cos_wrap .Emb .Lst> .N2{margin-left:-3px; margin-top:-2px}
	.cos_wrap .Emb .Lst> .N3{margin-left:2px;}
	.cos_wrap .Emb .Lst> .N3 img{max-height:30px;}
	.cos_wrap .Emb .Lst> .N4{margin-left:10px;}


.cos_wrap .Indi .Lst{padding-bottom:25px;}
	.cos_wrap .FGI{margin:8px 0;}
	.cos_wrap .FGI .Lst{padding-bottom:25px;}
	.cos_wrap .Liq{margin-top:8px;}
	.cos_wrap .Liq .Lst{padding-bottom:25px;}

.cos_wrap .ExtCht{margin-top:5px}
.cos_wrap .ExtCht ul{display:table; table-layout:fixed; width:100%; margin-top:10px}
.cos_wrap .ExtCht ul li{display:table-cell; height:210px; width:50%;     height: 310px;}

.cos_wrap .Chrt{position:relative; height:215px; overflow:hidden;}
.cos_wrap .Chrt .Wp{position:absolute; top:-20px; left:-30px; width:130%; height:calc(130% * 2);}

.cos_wrap .News{margin-top:8px; font-size:12px;}
.cos_wrap .News .Recs{position:sticky; top:0; left:0px; height:483px; overflow-y:scroll; padding:3px; }
.cos_wrap .News .Recs::after{display:block; content:''; clear:both;}
.cos_wrap .News .Recs .Rec{position:relative; float:left; width:100%; background:#2e3643; border:1px solid #3e3f42; border-radius:4px; margin-top:6px; padding:10px; padding-bottom:55px; box-sizing:border-box; cursor:pointer; line-height:180%;}
.cos_wrap .News .Recs .Rec:first-child{margin-top:0;}
.cos_wrap .News .Recs .Rec.L{background:#32474d; border-color:#456862;}
.cos_wrap .News .Recs .Rec.R{background:#3d3343; border-color:#623a4e;}
.cos_wrap .News .Recs .Rec .Ti{font-size:14px; word-break:keep-all; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.cos_wrap .News .Recs .Rec .Cnt{margin-top:10px;}
.cos_wrap .News .Recs .Rec .Cnt::after{display:block; content:''; clear:both;}
.cos_wrap .News .Recs .Rec .Cnt .Img{float:left; display:flex; align-items:center; width:calc(30% - 10px); height:80px; text-align:center;}
.cos_wrap .News .Recs .Rec .Cnt .Img img{max-width:100%; height:auto; max-height:100%;}
.cos_wrap .News .Recs .Rec .Cnt .Txt{float:right; width:70%; font-size:13px; color:var(--Gy); display:-webkit-box; line-clamp:4; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.cos_wrap .News .Recs .Rec .Cnt.NI .Img{display:none;}
.cos_wrap .News .Recs .Rec .Cnt.NI .Txt{width:100%;}
.cos_wrap .News .Recs .Rec:hover .Ti{text-decoration:underline;}
.cos_wrap .News .Recs .Rec:hover .Cnt .Txt{color:var(--GW);}
.cos_wrap .News .Recs .Rec .Site{position:absolute; left:10px; bottom:10px; background:#0005; border-radius:4px; padding:3px 8px;}
.cos_wrap .News .Recs .Rec .Tm{position:absolute; right:10px; bottom:10px; background:#0005; border-radius:4px; padding:3px 8px;}
.tradingview-widget-copyright {display:none;}
.img img {width:100%;}

.Recs {
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  cursor: grab;
}

.Recs:active {
  cursor: grabbing;
}

.Recs::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}


/* assets */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-anchor {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dropdown-icon {
  margin-left: 5px;
  transition: transform 0.3s;
}

.dropdown-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  border: 1px solid #39393954;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 320px;
  background-color: #131313;
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  z-index: 999;
}

.dropdown-content .balance {
	margin-bottom: 10px;
    font-weight: bold;
    align-items: flex-start;
    background: #1a1a1a;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.dropdown-content .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.dropdown-content .menu li {
  margin: 5px 0;
  padding: 5px 20px;
  transition: all .3s;
}

.dropdown-content .menu li a {
  text-decoration: none;
}

.dropdown-content .menu li:hover {
 background: #181818;
     transition: all .3s;
}



.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropdown-icon {
  transform: rotate(180deg);
}

.dropdown:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.pd {padding:20px;}
.info {    font-weight: 200; color: #ddd; margin: 5px 0px;}
.Total_txt {display:flex;    flex-wrap: wrap; margin: 10px 0; align-items: baseline; gap: 0.2em; font-size: 32px; font-weight: 700;}
.small {font-weight: 300;font-size: 14px;display: block;margin-top: 10px;}



/* board */

.cos_wrap ._bFLt {    float: left; width: 78%;}
.cos_wrap ._bRight {float: right;width: 20%;}



/* rank */


.ranking-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.ranking-table ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 15px 5px;
    border-bottom: 1px solid #3a4150;
    text-align: center;
}
.ranking-table ul:first-child {
    font-weight: bold;
}
.ranking-table ul li {
    flex: 1;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ranking-table ul li:nth-child(1),
.ranking-table ul li:last-child {
    flex: 0 0 15%;
}

/* 토스트 알림 */
#toast-container {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}
.toast {
    background-color: #333;
    color: #fff;
    padding: 12px 20px;
    margin-top: 10px;
    border-radius: 6px;
    font-size: 14px;
    opacity: 0;
    transform: translateY(20px);
    animation: slideIn 0.3s forwards, fadeOut 0.3s 2.7s forwards;
}
@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeOut {
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}



.margin-select {
  position: relative;
  width: 120px;
  font-size: 12px;
  font-weight: 500;
  background-color: #1e1e1e;
  border: 1px solid #333;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}

.selected-option {
  padding: 7px 10px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 400;
}

.option-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #1e1e1e;
  border: 1px solid #333;
  border-radius: 4px;
  z-index: 10;
}

.option-list div {
  padding: 7px 10px;
  color: #fff;
  transition: background 0.2s;
  font-size: 11px;
  font-weight: 400;
}

.option-list div:hover {
  background-color: #2e2e2e;
}



.leverage-display {
	flex: 1;
  background: #1e1e1e;
      border: 1px solid #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}
.leverage-display .long { color: #18f2ad; margin-right: 5px; }
.leverage-display .short { color: #ff6464; margin-right: 5px; }
.leverage-popup {
  max-width: 560px;
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #1d1d1d;
  padding: 20px;
  border-radius: 8px;
  z-index: 9999;
}


#longLeverageInput { padding:10px; }
#shortLeverageInput { padding:10px; }




.leverage-popup input[type="number"],
.leverage-popup input[type="range"] {
    width: 100%;
    margin-bottom: 10px;
    padding: 2px;
    margin-top: 10px;
    background: #000;
    color: #fff;
    border: 0;
	text-align: center;
}
.slider-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.slider-labels span {
  font-size: 12px;
  color: #888;
  cursor: pointer;
}

.slider-labels span:hover {
  color: #ffcc00;
}


#confirmLeverage {    border-radius: 5px;background: #18f2ad;color: #000;font-weight: 500;font-size: 14px;}
.leverage-popup .flexM {display: flex;gap: 0.5em;margin-top: 20px;}
.leverage-popup button {padding: 10px;border: 0;width: 100%;}
#cancelLeverage  {border-radius: 5px;background: #fff;color: #000;font-weight: 500;font-size: 14px;}
#leveragePopup h3 { color: #18f2ad;margin-bottom: 10px;font-size: 19px;}


#marketClosePopup h3 {color: #18f2ad;margin-bottom: 10px;font-size: 19px;}

/* 슬라이더 공통 스타일 */
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #444; /* 트랙 색상 */
  outline: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: #18f2ad; /* ✔️ 여기 색상 바꾸면 돼 (바이비트 느낌 초록 등) */
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: #18f2ad; /* ✔️ 여기도 동일 색상 적용 */
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

input[type=range]::-ms-thumb {
  width: 16px;
  height: 16px;
  background: #18f2ad;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

/* 트랙 채워진 부분 스타일 (Chrome 기반) */
input[type=range]::-webkit-slider-runnable-track {
  background: #none; /* 트랙 전체 색상 */
}


.flex {display:flex; gap: 0.5em;}
.info_p {color:#cbcbcb; font-size:11px;     font-weight: 400;}

/*f_r*/
.float_right {margin-top: 15px; display: flex; list-style: none; gap: 1.5em;}
.float_right ul {}
.float_right ul li {font-size: 16px;font-weight: 400;     width: 100%;}
.float_right a {float: left;padding: 0;color: #fff;line-height: 40px;font-size: 16px;font-weight: 600;}
.float_right .log_on { border-radius: 30px;width: 100px;text-align: center;background-color: #25282B;border: 1px solid #25282B;color: #fff;height: 40px;border-radius: 40px;}
.my_on {background: #18f2ad;border-radius: 30px;width: 100px;text-align: center;border: 1px solid #18f2ad;color: #fff;height: 40px;border-radius: 40px}


.font16 {font-size:16px;}
.mb5 {        margin-bottom: 5px;}

@media screen and (max-width: 768px) {
	
.cos_wrap .Right {display:none;}
.cos_wrap .FLt {float:none; width:100%;}


#logo img { width: 100px;}
.float_right {display:none;}

.FLt img {width:100%;}


.flexN {flex-wrap: wrap;         padding: 10px;}
.cos_wrap .Spe .Lst {width:100%;         margin-bottom: 10px;}
.cos_wrap .Spe .Lst:first-child {float: none;}
.cos_wrap .Spe .Lst:nth-child(2) {margin:0;}
}



#MinitalkG5Outlogin {margin-top: 15px;}



@keyframes flash-up {
  0%   { background-color: #1a1a1a; }
  50%  { background-color: #1a1a1a; }
  100% { background-color: #1a1a1a; }
}

@keyframes flash-down {
  0%   { background-color: #1a1a1a; }
  50%  { background-color: #1a1a1a; }
  100% { background-color: #1a1a1a; }
}

.flash-up {
  animation: flash-up 0.3s ease-in-out;
}
.flash-down {
  animation: flash-down 0.3s ease-in-out;
}

.fav-star {
  all: unset;
  cursor: pointer;
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity)); /* 기본값: zinc-700 */
  transition: color 0.2s ease;
}

.fav-star.on {
  color: rgb(251 191 36 / var(--tw-text-opacity)); /* 즐겨찾기: yellow-400 */
}


.fav-star {
  all: unset;
  cursor: pointer;
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity)); /* 기본값: zinc-700 */
  transition: color 0.2s ease;
}

.fav-star.on {
  color: rgb(251 191 36 / var(--tw-text-opacity)); /* 즐겨찾기됨: yellow-400 */
}



.coin-name-cell {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.coin-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;  /* 너비는 상황 맞춰 조정 */
  font-size: 0.95rem;
}


/* 드롭다운 코인 */

/* 드롭다운 컨테이너 */
#exchangeDropdown {
  min-width: 12rem; /* w-48 */
  background-color: #181818;
  border: 1px solid #3d3d3d; /* border-gray-700 */
  border-radius: 0.375rem; /* rounded-md */
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); /* shadow-lg */
  z-index: 40;
  position: absolute;
  margin-top: 0.5rem; /* mt-2 */
}

/* 리스트 */
#exchangeDropdown ul {
  font-size: 0.875rem; /* text-sm */
  color: #374151; /* text-gray-700 */
  list-style: none;
  margin: 0;
}

/* 각 항목 */
.exchange-item {
  padding: 0.5rem 1rem; /* px-4 py-2 */
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
  color: #fff;
  display: flex;
  gap: 0.5em;
  align-items: center;
}

.exchange-item img {width:20px;}

/* 호버 효과 */
.exchange-item:hover {
    background-color: #131313;
    color: #18f2ad;
}

/* 드롭다운 토글 버튼 */
#exchangeDropdownBtn {
  background-color: #181818; /* bg-gray-800 */
  color: #fff;
  border: 1px solid #3d3d3d; /* border-gray-700 */
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.875rem;
  cursor: pointer;
}

#exchangeDropdownBtn img {width:20px;}

/* 드롭다운 화살표 svg 크기 */
#exchangeDropdownBtn svg {
  width: 1.25rem;
  height: 1.25rem;
}

/* 숨김 클래스 (Tailwind 'hidden' 역할) */
.hidden {
  display: none !important;
}



.coin-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 50%;
  object-fit: contain;
}


.loading-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #18f2ad;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.info_Txt {display: block;margin-bottom: 10px;color: #ddd;}
.Flex {display:flex;}
.cos_wrap .ExtCht .Ti {display: flex;font-size: 17px;font-weight: 700;color: #18f2ad;align-items: center;gap: 0.5em;}
.Btc_btn {background: linear-gradient(135deg, #10b981 0%, #059669 100%);padding: 10px;border-radius: 5px; box-shadow: 0 12px 40px rgba(16, 185, 129, 0.25); transition: all .3s;}
.Eth_btn {background: linear-gradient(135deg, #10b981 0%, #059669 100%);padding: 10px;border-radius: 5px; box-shadow: 0 12px 40px rgba(16, 185, 129, 0.25); transition: all .3s;}
.Btc_btn:hover {    background: linear-gradient(135deg, #30b910 0%, #059669 100%);padding: 10px;border-radius: 5px; box-shadow: 0 12px 40px rgba(16, 185, 129, 0.25); transition: all .3s;}
.Eth_btn:hover  {    background: linear-gradient(135deg, #30b910 0%, #059669 100%);padding: 10px;border-radius: 5px; box-shadow: 0 12px 40px rgba(16, 185, 129, 0.25); transition: all .3s;}
.BE_btn {    margin-left: auto;}
.bg-white {background: #000000;}
.rounded-full {width:1.5em;}

.Flex_t {display:flex; max-width: 1784px; margin: 0 auto; align-items: center;}

#exchange-bar {display: flex; margin: 0 auto; max-width: 1784px;color: #dddddd;     align-items: center; font-weight: 500;text-align: center;padding: 8px 0;    font-size: 13px; letter-spacing: -0.5px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.top-bar {background: #000; }



.rank-wrap { background:#131313; border:1px solid #353535; border-radius:12px; padding:12px;     margin: 50px auto;}
  .rank-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; }
  .rank-tabs button{ background:#171c21; color:#aeb6c2; border:1px solid #272d34; padding:6px 10px; border-radius:8px; cursor:pointer; }
  .rank-tabs button.on{ background:#1f2933; color:#e6eef7; border-color:#2f3841; font-weight:700; }
  .rank-meta .badge{ background:#1b2229; color:#93a0af; border:1px solid #2a323a; padding:3px 8px; border-radius:999px; margin-right:8px; }
  .rank-meta .muted{ color:#8e99a6; }

  .rank-table table{ width:100%; border-collapse:collapse; }
  .rank-table thead th{ color:#8794a3; font-weight:600; text-align:left; padding:10px 8px; border-bottom:1px solid #232a31;}
  .rank-table tbody td{ padding:10px 8px; border-bottom:1px solid #353535; color:#dfe6ef; }
  .rank-table tbody tr:hover{ background:#12171c; }
  .rank-table .pos { color:#18f2ad; font-weight:700; }  /* + */
  .rank-table .neg { color:#F6465D; font-weight:700; }  /* - */
  .rank-table .muted{ color:#93a0af; }

  /* 내 계정 하이라이트 */
  .rank-table tr.me{ background:linear-gradient(90deg, rgba(24,242,173,0.07), transparent); }

  /* 모바일(테이블 → 4열 플렉스) */
  @media (max-width:768px){
    .rank-table thead{ display:none; }
    .rank-table table{ display:block; }
    .rank-table tbody{ display:block; }
    .rank-table tbody tr{
      display:flex; align-items:center; gap:6px; padding:8px 6px; border-bottom:1px solid #353535;
    }
    /* 닉네임은 좌측, 나머지 3칸은 고정폭 */
    .rank-table tbody td{ padding:4px 6px; border:0; }
    .rank-table tbody td.c-rank   { flex:0 0 28px; text-align:right; color:#8fa1b3; }
    .rank-table tbody td.c-name   { flex:1 1 auto; min-width:0; }
    .rank-table tbody td.c-roi    { flex:0 0 88px; text-align:right; }
    .rank-table tbody td.c-pnl    { flex:0 0 96px; text-align:right; }
    .rank-table tbody td.c-extra  { flex:0 0 86px; text-align:right; color:#93a0af; }
    .rank-table .nick{ display:flex; flex-direction:column; }
    .rank-table .sub{ font-size:12px; color:#93a0af; }
  }

  .rank-empty, .rank-error{ padding:16px; text-align:center; color:#93a0af; }
  #rankFallbackBtn{ margin-left:6px; background:#1f2933; color:#e6eef7; border:1px solid #2f3841; border-radius:8px; padding:6px 10px; cursor:pointer; }

	  .rank-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; }
  .rank-tabs button{ background:#171c21; color:#aeb6c2; border:1px solid #272d34; padding:6px 10px; border-radius:8px; cursor:pointer; }
  .rank-tabs button.on{ background:#1f2933; color:#e6eef7; border-color:#2f3841; font-weight:700; }
  .rank-meta .badge{ background:#1b2229; color:#93a0af; border:1px solid #2a323a; padding:3px 8px; border-radius:999px; margin-right:8px; }
  .rank-meta .muted{ color:#8e99a6; }

  .rank-table table{ width:100%; border-collapse:collapse; }
  .rank-table thead th{ color:#8794a3; font-weight:600; text-align:left; padding:10px 8px; border-bottom:1px solid #232a31;}
  .rank-table tbody td{ padding:10px 8px; border-bottom:1px solid #1b2127; color:#dfe6ef; }
  .rank-table tbody tr:hover{ background:#12171c; }
  .rank-table tr.me{ background:linear-gradient(90deg, rgba(24,242,173,0.07), transparent); }

  /* TOP3 트로피/하이라이트 */
  .rank-table .medal{ width:32px; text-align:center; font-size:16px; }
  .rank-table tr.t1{
    background: linear-gradient(90deg, rgba(24,242,173,0.10), transparent);
    border-left: 2px solid rgba(24,242,173,0.5);
  }
  .rank-table tr.t1 .nick > span:first-child,
  .rank-table tr.t1 .c-roi{ font-weight:800; }
  .rank-table tr.t2{
    background: linear-gradient(90deg, rgba(180,190,200,0.08), transparent);
  }
  .rank-table tr.t3{
    background: linear-gradient(90deg, rgba(205,127,50,0.08), transparent);
  }

  /* 모바일: 테이블 → 4열 플렉스 (전체 '다' 보임) */
  @media (max-width:768px){
    .rank-table thead{ display:none; }
    .rank-table table{ display:block; }
    .rank-table tbody{ display:block; }
    .rank-table tbody tr{
      display:flex; align-items:center; gap:6px; padding:8px 6px; border-bottom:1px solid #1b2127;
    }
    .rank-table tbody td{ padding:4px 6px; border:0; }
    .rank-table tbody td.c-rank   { flex:0 0 32px; text-align:center; color:#8fa1b3; font-size:14px; } /* 메달 여유 */
    .rank-table tbody td.c-name   { flex:1 1 auto; min-width:0; }
    .rank-table tbody td.c-roi    { flex:0 0 88px; text-align:right; font-weight:700; }
    .rank-table tbody td.c-pnl    { flex:0 0 96px; text-align:right; }
    .rank-table tbody td.c-extra  { flex:0 0 86px; text-align:right; color:#93a0af; }
    .rank-table .nick{ display:flex; flex-direction:column; }
    .rank-table .sub{ font-size:12px; color:#93a0af; }
  }

  .rank-empty, .rank-error{ padding:16px; text-align:center; color:#93a0af; }
  #rankFallbackBtn{ margin-left:6px; background:#1f2933; color:#e6eef7; border:1px solid #2f3841; border-radius:8px; padding:6px 10px; cursor:pointer; }


















 /* 모바일 전용 */
  @media (min-width:769px){ .mb-rank{ display:none !important; } }
  .mb-rank .Ti {display: flex;margin-bottom: 16px;font-size: 17px;font-weight: 700;color: #18f2ad;align-items: center;gap: 0.5em;}
  .mb-rank{     width: 100%; background:#131313; border:1px solid #353535; border-radius:12px; padding:10px; margin:12px 0; }
  .mb-rank .head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; }
  .mb-rank .tabs{ display:flex; gap:6px; }
  .mb-rank .tabs button{ background:#171c21; color:#aeb6c2; border:1px solid #272d34; padding:6px 8px; border-radius:8px; font-size:12px; }
  .mb-rank .tabs button.on{ background:#1f2933; color:#e6eef7; border-color:#2f3841; font-weight:700; }
  .mb-rank .more{ color:#93a0af; font-size:12px; text-decoration:none; }
  .mb-rank .list{ list-style:none; margin:0; padding:0; }
  .mb-rank .item{ display:flex; align-items:center; gap:8px; padding:10px 6px; border-bottom:1px solid #353535; }
  .mb-rank .item:last-child{ border-bottom:0; }
  .mb-rank .rk{ width:20px; text-align:right; color:#8fa1b3; font-size:12px; }
  .mb-rank .name{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
  .mb-rank .name .nick{ color:#dfe6ef; font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .mb-rank .name .sub{ color:#93a0af; font-size:12px; }
  .mb-rank .stat{ flex:0 0 120px; text-align:right; }
  .mb-rank .roi{ font-weight:700; }
  .mb-rank .pnl{ color:#93a0af; font-size:12px; }
  .mb-rank .pos{ color:#18f2ad; } .mb-rank .neg{ color:#F6465D; }
  .mb-rank .empty{ padding:12px 6px; text-align:center; color:#93a0af; font-size:13px; }

/* 1등 하이라이트 */
.mb-rank .item.top1{
  background: linear-gradient(90deg, rgba(24,242,173,0.10), rgba(24,242,173,0.00));
  border: 1px solid rgba(24,242,173,0.25);
  border-radius: 10px;
}
.mb-rank .item.top1 .nick{ font-weight: 800; }
.mb-rank .rk{ width:26px; text-align:center; font-size:16px; } /* 메달 좀 더 크게 */
























/* coin 반응형 */
@media (max-width: 991px) {
	
.cos_wrap {max-width:100% !important;}
.cos_wrap ._bFLt {float:none  !important;}
.Coin .Wrp > div.Col1 {width: 100% !important;}
.Coin .Wrp > div {float:none !important;}

.Tcks > ul {display: flex !important; flex-wrap: wrap !important;}
.Tcks > ul > li {padding-left:0 !important;     width: 33% !important;     font-size: 12px !important;}
.Tcks > ul > li:first-child {border-right:0 !important;}

.Coin .Wrp > div.Col2 {width:100% !important; height:100% !important; padding:0  !important; margin:10px auto  !important;}

/*.Coin .Wrp > div.Col3 {    width: 100%;position: fixed;z-index: 9;bottom: 0;left: 0;right: 0;background-color: #1f1f1f;display: flex;max-width: var(--max-width);margin: 0 auto;box-shadow: 0 -0.05em 0.5em 0 rgba(6, 0, 1, 0);} */

.Coin .Wrp > div.Col3 {width:100% !important;}
.TabBox table tbody tr th {font-size:10px !important;}

.TBet .Btns {font-size:12px !important;}
.TBet .Ipts {font-size:12px !important;}
.TOrd .Tabs a {font-size:10px !important;}
}


/* 기본: 모바일 전용 컬럼 숨김 */
.Tbl table thead th.is-mobile-only,
.Tbl table tbody td.is-mobile-only { display: none; }

/* 모바일에서 보이기/숨기기 */
@media (max-width: 768px) {
  .Tbl { overflow: visible; }
  .Tbl table { table-layout: fixed; width: 100%; }

  .Tbl table thead th,
  .Tbl table tbody td { display: none; }
  

  .Tbl table thead th.col-name,
  .Tbl table thead th.col-price,
  .Tbl table thead th.col-chg,
  .Tbl table thead th.col-turnover,
  .Tbl table tbody td.col-name,
  .Tbl table tbody td.col-price,
  .Tbl table tbody td.col-chg,
  .Tbl table tbody td.col-turnover { display: table-cell; }

  .Tbl table thead th.col-tick-abs,
  .Tbl table thead th.col-diff,
  .Tbl table thead th.col-pct,
  .Tbl table thead th.col-high,
  .Tbl table thead th.col-low,
  .Tbl table thead th.col-volume,
  .Tbl table tbody td.col-tick-abs,
  .Tbl table tbody td.col-diff,
  .Tbl table tbody td.col-pct,
  .Tbl table tbody td.col-high,
  .Tbl table tbody td.col-low,
  .Tbl table tbody td.col-volume { display: none !important; }

  .Tbl table thead th,
  .Tbl table tbody td { padding: 10px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .Tbl table thead th.col-name, .Tbl table tbody td.col-name { width:100%; }
  .Tbl table thead th.col-price, .Tbl table tbody td.col-price { width: 100%; text-align: right; }
  .Tbl table thead th.col-chg, .Tbl table tbody td.col-chg { width: 100%; text-align: right; }
  .Tbl table thead th.col-turnover, .Tbl table tbody td.col-turnover { width: 100%; text-align: right; }

	.cos_wrap .Tbl table tbody td:first-child {    justify-content: left;}
	.fav-star {font-size:0.6rem;}
	.cos_wrap .ExtCht {padding:10px;}
	.cos_wrap .Pan {padding:10px;}
	.lt .lt_tit {font-size: 13px;}
	
}

/* 기본: 모바일에서 보이게 */
.pcver { display: none; }
.mbver { display: block; }

/* 데스크톱(769px 이상)에서만 반전 */
@media (min-width: 769px) {
  .pcver { display: block !important; }
  .mbver { display: none !important; }
  

}

	.mg20 {    margin: 20px auto;}
	.aW100 {width:100%; text-align: center;}
	.flexR {display:flex;     gap: 0.5em;}



/* 루트 기본값 */
:root{
  --w-price: 96px;
  --w-chg: 92px;
  --w-turn: 88px;
}


/* 모바일 헤더 클릭 가능 표시 */
.mobile-head span { user-select:none; }
.mobile-head .sortable { cursor:pointer; }
.mobile-head .sortable:hover { opacity: .9; }