@charset "utf-8";
@import url("/css/fonts/fonts.css"); 

html {font-size:13px;}
body{
    margin: 0;
    padding: 0;
    color: #555;
    background: #f2f5f6;
    font-family: apple sd gothic neo,nanum gothic,sans-serif;
    font-size:13px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1,h2,h3,h4,h5{font-weight: lighter;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,li,dl,dt,dd {margin:0;padding:0;list-style:none}
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;}
input, button {margin:0;padding: 0 10px;height: 40px;line-height: 40px;font-size:13px;background-color: #fbfbfb;border: 1px solid #d1d1d1;border-radius:4px;font-family:nanum gothic,sans-serif;}
input[type="submit"],input[type="button"],button {cursor:pointer;outline:none;border:0;height: 45px;line-height: 45px;padding: 0 15px;color: white;}
textarea, select {
    color: #666;
    padding: 0 5px;
    line-height: 40px;
    font-size: 14px;
    background-color: #fbfbfb;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    font-family:nanum gothic,sans-serif;
}
textarea {padding:10px;line-height: 25px;min-height: 70px;}
select {margin:0;height: 40px;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {font-family:nanum gothic,sans-serif}
a {color: #555;text-decoration:none;vertical-align: middle;}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
div {position:relative;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;word-break: break-all;font-size: 12px;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {}
input[type=text],input[type=password], textarea {}
input::placeholder, textarea::placeholder {color:#999 !important;opacity: 1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999 !important;}
input:focus::placeholder, textarea:focus::placeholder {color:transparent !important;}
::-webkit-scrollbar {
    width: 12px; /* 세로 스크롤바 너비 */
    height: 12px; /* 가로 스크롤바 높이 */
}

/* 스크롤바 화살표 버튼 스타일 */
::-webkit-scrollbar-button {
    display: none;
}

/* 스크롤바 핸들 (드래그 부분) */
::-webkit-scrollbar-thumb {
    background:#c5c5c5; /* 핸들 색상 */
    border-radius:6px; /* 핸들 모서리 */
    border: solid 2px #f1f1f1;
}

/* 스크롤바 트랙 (배경) */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 트랙 배경색 */
}

.msg_sound_only, .sound_only,.btn_cke_sc {display: none;}
.clear {clear: both;}
/* Text-Color */
.txb {color:#03A9F4 !important;}
.txr {color: #FF5722 !important;}
.txo {color:#fd7e14 !important;}
.txy {color:#ffc107 !important;}
.txg {color: #4CAF50 !important;}
.txd {color:#999999 !important;}
.txw {color:#fff !important;}
.txbr {color:#673AB7 !important;}
.txbk {color:#444 !important;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.bold {font-weight: bold;}
.fwb {}
.fll {float:left !important;}
.flr {float:right !important;}
.line {color: #666;margin: 2px;}
.w50 {width:50px !important}
.w60 {width:60px !important}
.w70 {width:70px !important}
.w80 {width:80px !important}
.w90 {width:90px !important}
.w100 {width:100px !important}
.w120 {width:120px !important}
.w150 {width:150px !important}
.w200 {width:200px !important}
.w230 {width:230px !important}
.w250 {width:250px !important}
.w280 {width:280px !important}
.w300 {width:300px !important}

.bgn {background-color: transparent !important;}
.bgr {background-color:#F44336 !important}
.bgg {background-color:#89bb4e !important;}
.bgo {background-color:#ff9800 !important}
.bgb {background-color:#03A9F4 !important}
.bgbl {background-color:#181818 !important}
.bgc {background-color: #7b7979 !important;}
.bgw {background-color:white !important}
.bgfb {background-color:#fbfbfb !important}
.bgn:hover{}
.bgr:hover,.bgr:active {background-color:#ff5d51 !important}
.bgg:hover,.bgg:active {background-color:#66c76a !important}
.bgo:hover,.bgo:active {background-color:#fdac35 !important}
.bgb:hover,.bgb:active {background-color:#2abdff !important}
.bgc:hover,.bgc:active {background-color: #676767 !important;}
.bdg.bgn:hover,.bdg.bgn:active {background-color:#3f9142 !important; color:#fff;border: solid 1px #3f9142}
.bdb.bgn:hover,.bdb.bgn:active {background-color:#2abdff !important; color:#fff;}
.bdr.bgn:hover,.bdr.bgn:active {background-color:#ff5d51 !important; color:#fff;}
.bdy {border: solid 1px #ffc107 !important}
.bdg {border: solid 1px #3d9141 !important;}
.bdb {border: solid 1px #03A9F4 !important}
.bdr {border: solid 1px #ef1100 !important;}
.bdo {border: solid 1px #cb7900 !important;}
.bdgr{border: solid 1px #2a2d32 !important}

.bd_all {border: 1px solid #d1d1d1 !important;}
.bd_top {border-top: 1px solid #d1d1d1 !important;}
.bd_right {border-right: 1px solid #d1d1d1 !important;}
.bd_left {border-left: 1px solid #d1d1d1 !important}
.bd_bottom {border-bottom: 1px solid #d1d1d1 !important;}
.bdn {border:0 !important}
.link {display: inline-block;cursor: pointer;padding: 0 5px;}
.fw4 {font-weight: 400;}
.fw5 {font-weight: 500;}
.fwb {font-weight:700;}
.lh18 {line-height:18px !important}
.lh20 {line-height:20px !important}
.lh25 {line-height:25px !important}
.lh30 {line-height:30px !important}
.pd7 {padding:7px 5px !important}
.pd10 {padding: 10px !important}
.pd15 {padding: 15px !important}
.pd20 {padding: 20px !important}
.pd05 {padding:5px 10px !important;border-radius: 6px}
.ls1 {letter-spacing: -1px;}
.hide {display: none}
.block {display: block}
.inline_block {display: inline-block}
.bdr10 {border-radius:10px}
.round {border-radius: 5px}
.round_left {border-radius: 5px 0 0 5px}
.round_right {border-radius: 0 5px 5px 0 !important;}
.round_left.round_right {border-radius: 5px}
.round0 {border-radius:0 !important}
.round1,.round2,.round3,.round4,.round5,.round6,.round7,.round8,.round9,.round10  {
    font-weight: 700;
    line-height: 18px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    letter-spacing: 0;
    font-family: tahoma;
    font-size: 10px;
    color: #fff;border-radius: 50%;
}
.round7 {width: 30px;height: 30px;line-height: 28px;}
.round1,.round2,.round3{border:1px solid #7fac49;background:#91c653}
.round4,.round5,.round6{border:1px solid #b349c3;background:#da5ded}
.round7,.round8,.round9{border:1px solid #c01e1e;background:#e62626}
.round10{border:1px solid #000;background:#222}
.round15{border-radius: 15px !important;}
.round20{border-radius:20px}
.round32{border-radius:32px}
.round50{border-radius:50%}
.input_cover {padding: 5px 15px;margin-bottom: 15px;transition:.2s;}
.input_cover input {width: 200px;line-height: 40px;color: #fff;border: 0;border-radius: 3px;padding: 0 10px;background: #141414;}
.input_cover textarea {width: 100%;height: 70px;line-height: 20px;border: 0;border-radius: 3px;padding: 10px;color: #fff;background: #141414;}
.input_cover:hover>.mdi {color:#ffeb3b;}
.input,.btn {padding:0 10px;line-height:40px;height:40px;border-radius:3px;border: 0;}
.textarea {width: 100%;line-height: 25px;padding:10px;min-height: 70px;border-radius:3px;border: 0;}
.br5 {display: block;height:5px}
.br10 {display: block;height:10px}
.br20 {display: block;height:20px}
.sm {height: 35px !important;line-height: 35px !important;font-size: 11px;}
.m15{margin:15px}
.mg5{margin: 0 2.5px}
.mg10{margin: 0 5px}
.mgt10{margin-top:10px}
.mgt20{margin-top:20px}
.mgt30{margin-top:30px}
.mgb10{margin-bottom:10px}
.mgb20{margin-bottom:20px}
.mgb30{margin-bottom:30px}
.h25 {height: 25px;line-height:25px}
.h30 {height: 30px;line-height:30px}
.h35 {height: 35px;line-height:35px}
.h40 {height: 40px;line-height:40px}
.h50 {height: 50px;line-height:50px}
.middle {vertical-align: middle;}
.tahoma {font-family: tahoma;}
.gd_out {color: #888;font-size: 12px; text-decoration: line-through;}
.pointer {cursor: pointer;}
.flx {display: flex; align-items:center;gap: 10px}
.btw {display:flex; justify-content:space-between; align-items:center;gap: 10px}

.tooltip {position: relative;}
.tooltip::after {
    content: attr(title);
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    line-height: 30px;
    color: #b5b5b5;
    font-size: 11px;
    background-color: #000000;
    padding: 0 8px;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 999;
    opacity: 0;
    transition: opacity 0.2s ease;
    margin-top: -35px;
}
/* 화살표 스타일 */
.tooltip::before {
    content: "";
    position: absolute;
    top: 0px; /* 툴팁 아래쪽에 위치시킴 */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    transition: opacity 0.2s ease;
    z-index: 998;
}
.tooltip:hover::after {opacity: 1;transition-delay: 0.1s;}
.tooltip:hover::before {opacity: 1;transition-delay: 0.1s;}
.table {display: table;width: 100%}
.table_cell {display: table-cell}

.img {background: url(/img/image_set.png) no-repeat;vertical-align: middle;}
.icon16 {display:inline-block;width:16px;height:16px;}
.icon18 {display:inline-block;width:18px;height:18px;}
.icon20 {display:inline-block;width:20px;height:20px;}
.icon30 {display:inline-block;width:30px;height:30px;}
.icon32 {display:inline-block;width:32px;height:32px;}
.icon35 {display:inline-block;width:35px;height:35px;}
.icon40 {display:inline-block;width:40px;height:40px;}
.icon50 {display:inline-block;width:50px;height:50px;}

.icon_movie {background-position: -18px -346px;}
.icon_good {background-position: -160px -578px;}
.icon_comment {background-position: -205px -348px;}
.icon_file {background-position: -18px -346px;}
.icon_basic {background-position: -54px -346px;}
.icon_img {background-position: -36px -346px;}
.icon_bet {background-position: -108px -346px;}
.icon_secret {background-position: -18px -346px;}
.icon_hot {background-position: -186px -347px;}
.icon_new{background-position: -145px -346px;}
.icon_link {background-position: -18px -346px;}
.icon_reply {background-position: -166px -347px;}
.icon_notice {background-position: -72px -346px;}
.icon_user {background-position: -175px  -580px;} 
.icon_list {background-position: -193px  -578px;}
.icon_record {background-position:-112px  -578px}
.icon_question {background-position:-180px  -147px}
.icon_eye {background-position:-111px -84px;}
.icon_report {background-position: -95px -84px;}
.icon_recommend{background-position:-128px -175px}
.icon_view{background-position:-112px -175px}
.icon_left {background-position:-44px -180px}
.icon_right {background-position:-87px -180px}
.icon_friend {background-position:-344px  -421px}
.icon_favorite {background-position:-389px  -421px}
.icon_refresh {background-position:-306px -179px} 
.icon_close {background-position:-268px -180px}
.icon_rank_1 {background-position:-0px -248px}
.icon_rank_2 {background-position:-16px -248px}
.icon_rank_3 {background-position:-32px -248px}
.icon_point {background-position:-18px -218px}
.icon_cash {background-position:-36px -218px}
.icon_exp {background-position:0px -218px}
.icon_egg {background-position:-54px -218px}
.icon_x {background-position: -190px -52px;}
.icon_hit {background-position: -127px -51px;}
.icon_naver {background-position:0px -16px}
.icon_kakao {background-position:-38px -16px}
.icon_google {background-position:-76px -16px}
.icon_facebook {background-position: -114px -16px;}
.icon_twitter {background-position: -152px -16px;}
.icon_pinterest {background-position:-38px -16px}
.icon_instagram {background-position: -190px -16px;}
.icon_nodate {background-position:-216px -418px;}
.icon_good50 {background-position:-93px -418px;}
.icon_nav {background-position: 0px -496px;}
.icon_nav_close {background-position:-38px -496px}
.icon_chat_open {background-position: -60px -656px;}
.icon_chat_close {background-position: -60px -626px;}

.icon_refresh:hover {background-position:-324px -179px} 
.icon_close:hover {background-position:-287px -180px}
.icon_friend:hover {background-position:-344px  -463px}
.icon_favorite:hover {background-position:-389px  -463px}

.checkbox {background-position:0 -178px}
.checked {background-position:-21px -178px;}
.clogo{display: flex;width: auto;height: 70px;align-items: center;justify-content: center;}
.clogo img {height:99%;}

/**** 안내창 시작 *****/
.pop_alert {display: none;position: fixed;top: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 50%);cursor: pointer;z-index:100;} 
.pop_box_in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop_box {min-width: 360px;max-width: 460px;min-height: 220px;max-height: 450px;padding-bottom: 10px;background: #ffffff;border: 1px solid #d1d1d1;border-radius: 5px;padding: 10px 20px;} 
.pop_header {border-bottom: 1px solid#d1d1d1;}
.pop_header h2 {line-height: 50px;height: 50px;font-size: 20px;font-weight: 700;} 
.pop_header .pop_close {position: absolute;display: inline-block;top: 13px;right: 2px;width: 15px;height: 15px;color: white;background: url(/img/close_btn.png);cursor: pointer;} 
.pop_msg {display: flex;min-height: 100px;text-align:center;font-size:16px;line-height: 25px;justify-content: center;align-items: center;}
.pop_btn_box {
    display: flex;
    height: 50px;
    border-top: 1px dashed #d1d1d1;
    align-items: center;
    justify-content: center;
}
.pop_btn_box span.btn{
    display: inline-block;
    width: calc(50% - 3px);
    margin: 0 3px;
    color: #fff;
}

.pop_btn_box span.btn.confirm{}
.pop_btn_box #onechat_cancel{display: none}

/**** 안내창 끝 *****/

/***회원가입***/
.register_form {display: flex;top: 0;left: 0;width:100%;height:100%;justify-content: center;align-items:center;flex-direction: column;}
.register_title {margin-bottom: 20px}
.register_title img {width: 150px}
.register_box {
    max-width:800px;padding: 20px;
    height:auto;border:10px solid #242424;
    background-color:#121212;box-shadow:inset 0 0 4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5);
    overflow: hidden;
}
.register_content {}
.register_content ul{}
.register_content ul li {width: 100%;line-height: 50px;}
.register_content ul li input {height: 35px;line-height: 35px;}
.register_content ul li .lih {width: 100px;}

/***회원가입끝***/

/***테이블 공용***/
.table_head {width: 100%;height: 50px;line-height: 50px;padding: 0 20px;font-size: 16px;
    border: 1px solid #d1d1d1;
    background-color: white;
}
.table_head span.mdi {}
.table_head button {}

.bo_notice,.bo_sch{border:1px solid #d1d1d1;background-color:#fff}
.bo_notice,.bo_sch,.bo_sch form input{background-color:#fff}
.bo_sch button,.bo_sch form button,.bo_sch form input,.bo_sch form select{height:46px;line-height:46px}
.bo_notice{height:auto;padding:20px;overflow:hidden}
.bo_sch{height:65px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.bo_sch form select{width:70px;border-radius:7px 0 0 7px}
.bo_sch form input{margin-left:-3px;border-radius:0;border-left:none;border-right:none}
.bo_sch form button{width:70px;margin-left:-4px;background-color:#ff5722;border:1px solid #ef4e1b;border-radius:0 7px 7px 0}
.bo_sch button{width:80px;border-radius:7px}
.bo_gallery {width: 100%;height: auto; border: 1px solid #d1d1d1; overflow: hidden;}
.gall_allchk {}
.bo_gallery .gall_ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 기본 3개 */
    gap: 10px; /* 박스 간격 10px 고정 */
    margin: 0;
    padding: 0;
    list-style: none;
}
.bo_gallery .gall_ul .gall_li {
    position: relative;
   width: 100%;
   margin: 0;
   box-sizing: border-box;
}
.bo_gallery .gall_ul .gall_li input[type="checkbox"]{
    position: absolute;
    top: 10px;
    left: 10px;
    width:15px;
    height:15px;
    z-index: 1;
}
.gall_li .gall_con {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.gall_li .gall_con a {
    display: inline-block;
    width: 100%;
    height: auto;
    max-height: 190px;
    overflow: hidden;
}
.gall_con .gall_hover {
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.3);
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

.gall_li .gall_con a img {width: 100%;height: auto;margin-top: -3px;}
.gall_hover .gall_hover_bottom{position: absolute;width: 100%;height: auto;bottom: 0;color: #fff;padding: 5px 10px;background: rgb(0 0 0 / 50%);}
.gall_hover .gall_hover_bottom p {line-height: 1.3;}
.gall_hover .gall_hover_bottom p a {font-size: 14px !important; color: #fff !important}
.gall_con:hover .gall_hover {
    transform: translateY(0); /* Move to original position on hover */
    transition: transform 0.3s ease-in-out; /* Smooth transition */
}
.bo_gallery .gall_ul li.empty_td {width: 100%;line-height: 200px;font-size:67px;color: #bbb;}

#rwd-table, .rwd-table  {min-width: 300px;max-width: 100%;border-collapse: collapse;border: 1px solid #d1d1d1;}
/*#rwd-table tr:first-child, .rwd-table tr:first-child {border-top: none;background: #fbfbfb;border-bottom: 1px solid #e9e9e9;}*/
#rwd-table tr, .rwd-table tr {width: 100%;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;background-color: #ffffff;}
#rwd-table th, .rwd-table th {background: #fbfbfb;border-top: none;border-bottom: 1px solid #d1d1d1;}
#rwd-table tr:nth-child(odd):not(:first-child) {}
#rwd-table tr.blind, .rwd-table tr.blind {background:#ff9d9d;}

#rwd-table th, .rwd-table th {font-weight: 400;}
#rwd-table td:first-child {}
#rwd-table td:last-child {}
#rwd-table td:before {content: attr(data-th) " ";display:none;border-bottom: solid 1px #ffffff;}
#rwd-table th, #rwd-table td, .rwd-table td, .rwd-table th {line-height: 20px;border-spacing: 0px;border-style: none;white-space: normal;/* overflow: hidden; */padding: 10px 5px;}
#rwd-table td span, #rwd-table td img, .rwd-table td span, .rwd-table td img{/* vertical-align:middle; */}
#rwd-table tr.subtr, .rwd-table tr.subtr {display: none;background: #151515}
.subtr:hover {background: #151515 !important;}
.rank_num {width: 80px;}
.rank_user {width: 170px;}
.rank_level {width: 70px;}
.rank_exp {width: 160px;}
.rank_word {}
.rank_num_td, .rank_level_td, .rank_word_td  {text-align: center;}
.rank_exp_td {text-align: right;}
#rwd-table tr.on, .rwd-table tr.on {background-color: #c6c7db;}
.table_box {width: 100%;height: auto;}
.empty_td  {width: 100%;height: 200px;font-size: 67px;color: #bbb;background-color: #fff;align-items: center;justify-content: center;}

@media screen and (max-width: 741px) {
    #rwd-table {border-bottom:none;}
    #rwd-table tr:first-child {display: none}
    #rwd-table tr:nth-child(2) {border-top: none;}
    #rwd-table tr{border-bottom: solid 2px #edf2fa;}
    #rwd-table td {
        display: flex; /* block 대신 flex를 사용하여 라벨과 폼을 가로 배치 */
        align-items: center; /* 세로 중앙 정렬 */
        width: 100%;
        min-height: 39px; /* 고정 높이(height) 대신 최소 높이 지정 */
        height: auto; /* 내용물이 크면 알아서 높이가 늘어나도록 설정 */
        text-align: left !important;
        /* line-height: 33px; 삭제 (내부 버튼 겹침 방지) */
        border-bottom: solid 1px #e5e5e5;
        padding: 0; /* 버튼이 너무 딱 붙지 않게 위아래 여백 추가 */
        box-sizing: border-box;
    }
    #rwd-table td:before {
        display: block;
        flex-shrink: 0; /* 폼 요소가 길어져도 라벨 너비(90px)가 줄어들지 않도록 고정 */
        width: 90px;
        height: 100%;
        min-height: 39px;
        line-height: 39px;
        border-right: solid 1px #e5e5e5;
        border-bottom: none; /* td 자체에 줄이 있으므로 제거 */
        text-align: left;
        padding-left: 10px;
        margin-right: 7px;
        background: #f5f5f5;
    }
    #rwd-table td form {
        display: flex;
        flex-wrap: wrap; /* 공간이 부족하면 밑으로 떨어지도록 설정 */
        align-items: center;
        gap: 5px; /* 셀렉트박스와 버튼 사이 간격 */
    }
    #rwd-table td input, #rwd-table td select, #rwd-table td .btn  {height: 30px !important;line-height: 30px !important;}
    .rank_num {width:100%;}
    .rank_user {width:100%;}
    .rank_level {width:100%;}
    .rank_exp {width:100%;}
    .rank_word {}
    .rank_num_td, .rank_level_td, .rank_word_td  {text-align:left;}
    .rank_exp_td {text-align: left;}
    font.link_font {font-size: 12px}
    #rwd-table tr td .img {}
    #rwd-table tr td span {}
    #rwd-table tr td span .lvicon{width: 18px !important}
    #rwd-table tbody tr { display: flex;flex-wrap: wrap;border-bottom: solid 2px #edf2fa;}
    #rwd-table tr td[data-th="작성자"] span {margin-left: -45px}
    #rwd-table td.empty_td {height: 200px;line-height: 200px;text-align: center !important;}
    #rwd-table td.empty_td:before {width: 0 !important}
}
@media screen and (min-width:740px) {
  #rwd-table td:before {display: none;}
  #rwd-table th,#rwd-table td {display: table-cell;}
  #rwd-table tr.empty_tr:hover {border: none;}

}
/***테이블 공용끝***/

/***뷰페이지**/
.search_tbox{position:relative;padding:15px;color:#666;background:#fbfbfb}
.search_tbox .m_txt{font-family:tahoma;font-size:11px;font-weight:600}
.search_tbox .m_f10{font-size:10px}
.search_tbox .m_f12{letter-spacing:-1px;font-size:12px}
.search_tbox .m_f13{font-size:13px}
.search_tbox .m_f14{font-size:14px}
.search_tbox .m_f15 {font-size: 15px}
.search_tbox .m_top{position:relative;top:-2px;vertical-align:middle}
.search_tbox .m_margin_r {margin-right: 15px}
.search_tbox .m_margin_l {margin-left: 15px}
.search_tbox .round_left{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}
.search_tbox .round_right{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}
.search_tbox .split {margin: 0 5px}
.search_tbox .s_right {position: absolute;top: 10px;right: 0}
.search_tbox .s_right_top{position:absolute;top:0;right:0}

.search_tbox .s_box .s_in_box,.search_tbox .s_box .s_in_item input{letter-spacing:-1px;line-height:44px}
.search_tbox .s_box .pleft1,.search_tbox .s_box .pleft10,.search_tbox .s_box .pleft2,
.search_tbox .s_box .pleft3,.search_tbox .s_box .pleft4,
.search_tbox .s_box .pleft5,.search_tbox .s_box .pleft6,
.search_tbox .s_box .pleft7,.search_tbox .s_box .pleft8,.search_tbox .s_box .pleft9{z-index:99;top:0;position:relative}
.search_tbox .s_box .button,.search_tbox .s_box .s_in_box{display:inline-block;height:46px;line-height:44px}
.search_tbox .center_item{border-right:none;border-left:none}
.search_tbox .right_item{border-left:none}
.search_tbox .left_item{border-right:none}
.search_tbox .s_box{position:relative;margin-top:8px;padding-top:10px;border-top:1px dashed #d1d1d1}
.search_tbox .s_box.top{margin:0;padding:0;border:none}
.search_tbox .s_box .s_in_box{vertical-align:bottom}
.search_tbox .s_box .s_in_item{float:left;font-size:12px}
.search_tbox .s_box .s_in_item.pd{padding:0 15px}
.search_tbox .s_box .s_in_item select{
    height:46px;letter-spacing:-1px;color:#888;background:#fbfbfb;font-weight:700;line-height:44px;padding-left:20px;font-size:12px
}
.search_tbox .s_box .s_in_item select.where{width:80px}
.search_tbox .s_box .s_in_item select.log{width:148px;color:#333;background:#fff}
.search_tbox .s_box .s_in_item input{height:46px;padding:0 15px;color:#888;background:#fff;font-size:12px}
.search_tbox .s_box .s_in_item input.keyword{width:180px;border-right:none;border-left:none}
.search_tbox .s_box .s_in_item input.search{position:relative;z-index:110;width:80px;color:#fff;border:1px solid #c01e1e;background:#e62626;font-weight:700}
.search_tbox .s_box .s_in_item .s_tt{position:relative;z-index:110;padding:0 26px;color:#fff;border:1px solid #1787b0;background:#1ba9de;font-weight:700}
.search_tbox .s_box .s_in_item .s_ttd{padding:0 15px;color:#888;font-weight:700}
.search_tbox .s_box .s_in_item .reset{padding:0 24px;color:#888;background:#fbfbfb;font-weight:700}
.search_tbox .s_box .s_in_item .nick{position:relative;z-index:110;padding:0 15px;color:#888;background:#fbfbfb;font-weight:700}
.search_tbox .s_box .s_in_item .nick .icon_level{vertical-align:middle}
.search_tbox .s_box .s_in_item .my_value{position:relative;z-index:110;height:46px;padding:0 21px;color:#888;background:#fff;font-weight:700}
.search_tbox .s_box .s_in_item .fd1,.search_tbox .s_box .s_in_item .fd2{padding:0 20px;color:#888;font-weight:700}
.search_tbox .s_box .s_in_item .fd2{background:#fff;line-height:43px}
.search_tbox .s_box .s_in_item input.date{
    width:124px;background:url(/img/cal.png) 105px 15px no-repeat #fff;font-family:tahoma;color:#333;font-size:13px;font-weight:600
}
.search_tbox .s_box .pleft1{left:-1px}
.search_tbox .s_box .pleft2{left:-2px}
.search_tbox .s_box .pleft3{left:-3px}
.search_tbox .s_box .pleft4{left:-4px}
.search_tbox .s_box .pleft5{left:-5px}
.search_tbox .s_box .pleft6{left:-6px}
.search_tbox .s_box .pleft7{left:-7px}
.search_tbox .s_box .pleft8{left:-8px}
.search_tbox .s_box .pleft9{left:-9px}
.search_tbox .s_box .pleft10{left:-10px}
.search_tbox .s_box .button{padding:0 26px;background:#fff}
.search_tbox .s_box .button:hover{color:#e62626;background:#fff9f9;font-weight:700}
.search_tbox .s_box .button.selected{position:relative;z-index:110;color:#fff;border:1px solid #888;background:#999;font-weight:700}
.search_tbox .refresh{position:absolute;z-index:150;top:25px;right:15px;display:block;width:24px;height:24px;background-position:-130px -269px}
.search_tbox .s_box .write{text-align:center;color:#fff;border:1px solid #1787b0;background:#1ba9de}
.search_tbox .s_box .write:hover{color:#fff;border:1px solid #c01e1e;background:#e62626}


.view_title{position:relative;min-height:70px;margin-top: 5px;padding:23px 25px;border-bottom:1px dashed #d1d1d1;background:#fbfbfb}
.view_title .title{font-size:15px;line-height:1.5;display:inline-block;max-width: 62%;}
.view_title .right_box{display: flex;position:absolute;top:25px;right:25px;gap: 1px;}
.view_title .icon16{position:relative;top:-1px}
.view_report_box,.view_report_box .r_category{border-bottom:1px dashed #d1d1d1;background:#fbfbfb}
.view_title .split{font-family:dotum;font-size:11px;margin: 0 2px;}
.user_info .more,.view_content .error,.view_recommend .modify_date,.view_report_box .r_text,.view_request .ibox .icontent span.round,.view_title .report{font-size:12px;letter-spacing:-1px}
.view_title .report{font-family:gulim;display:inline-block;margin-left:10px;cursor: pointer;}
.view_title .report.selected{font-weight:700}
.view_report_box{position:relative;padding:25px;margin-top: -1px;border-top:none}
.view_report_box .r_category{display: flex;padding:15px;letter-spacing:-1px;align-items: center;flex-direction: row;}
.view_report_box .r_category span {display: flex;margin-right: 10px;align-items: center;cursor: pointer;}
.view_report_box .r_category span.checkbox{display:inline-block;width:21px;height:21px;margin-right:7px;}
.view_report_box .r_category .checkbox.checked {}

.c_list .c_content .btn_box .btn.r_up.selected strong,.c_list .c_content .btn_box .btn.r_up:hover strong,.c_list .info .more:hover,.user_info .more:hover,.view_report_box .r_category a.checked{color:#e62626}
.view_report_box .r_category a.checked span.checkbox{background-position:-21px -269px}
.view_report_box .r_content{height:80px}
.view_report_box .r_content textarea{line-height:1.6;width:100%;height:80px;padding:20px;resize:none;color:#666;border:1px solid #d1d1d1;border-top:none;border-bottom:1px dashed #d1d1d1}
.view_report_box .r_text{display: flex;font-family:gulim;position:relative;color:#aaa;background:#fff;line-height:34px;padding:0 15px;border-top:none;justify-content: space-between;align-items: center;}
.c_write .bottom_box .submit_box {display: flex;align-items: center;}
.c_write .bottom_box .btn,.view_report_box .r_text .report_btn
{width:93px;height: 33px;line-height: 33px;letter-spacing:-1px;color:#fff;border:1px solid #c01e1e;background:#e62626}
.view_answer .answer_box .answer_content,.view_content{font-size:14px!important;letter-spacing:0;line-height:1.5}
.view_report_box .report_close{position:absolute;top:44px;right:40px;background-position:-192px -143px}
.user_info,.view_content .popup_img,.view_request .ibox{position:relative}
.view_report_box .report_close:hover{background-position:-192px -159px}
.view_request .ibox{line-height:56px;color:#666;background:#fff}
.view_request .ibox.ibd_bt{border-bottom:1px dashed #d1d1d1}
.view_request .ibox .ititle{line-height:56px;display:inline-block;width:120px;height:56px;text-align:center;color:#999;border-right:1px dashed #d1d1d1;margin:0;padding:0;vertical-align:bottom;background:#fbfbfb}
.view_request .ibox .icontent{padding-left:15px}
.view_request .ibox .icontent .link{position:relative;top:-1px;margin-right:2px;background-position:-96px -143px}
.view_request .ibox .icontent span.round{line-height:28px;display:inline-block;width:55px;height:28px;font-family:gulim;text-align:center}
.view_request .ibox .icontent .wait{color:#aaa;border:1px solid #aaa}
.view_request .ibox .icontent .ing{color:#1ba9de;border:1px solid #1ba9de}
.view_request .ibox .icontent .end{color:#e62626;border:1px solid #e62626}
.view_request .ibox .right_box{position:absolute;top:0;right:15px}
.view_request .ibox .right_box select{width:80px;height:30px;padding-left:10px;border:1px solid #d1d1d1}
.view_content{padding:25px;margin-top: -1px;border-top:none;/* border-bottom:none; */background:#fff}
.view_content #bo_v_con {min-height: 300px}
.view_content pre{min-height: 300px; white-space:pre-line;word-break:break-all}
.view_content pre img {max-width:100%}
.analysis{background:url(/img/wbg.png) #fff}
.view_list_data{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-khtml-user-select:none}
.view_content .error{margin-bottom:20px;padding:30px;text-align:center;border:1px solid #fbc4c4;background:#ffeaea;font-family:gulim;line-height:2.2}
.c_write .info,.user_info,.view_recommend{/* margin-top: -1px; */border-bottom:1px dashed #d1d1d1}
.view_content .popup_img:after{position:absolute;top:10px;left:10px;content:'옴자'}
.view_recommend{padding:0 25px 25px;text-align:center;border-top:none;background:#fff}
.view_recommend .recommend{display:inline-block;width:128px;height:128px;background-position:-344px -127px}
.view_recommend .recommend.selected,.view_recommend .recommend:hover{background-position:-472px -127px}
.view_recommend .recommend_cnt{color:#888}
.view_recommend .modify_date{padding:25px 0 15px;text-align:center;color:#aaa}
.view_recommend .sharer-box{padding:35px 0 15px}
.view_recommend .sharer-box img{margin:0 2px}
.view_recommend .sharer-box a{display:inline-block}
.view_container .user_info{line-height:70px;height:70px;padding:0 25px;border-top:none;background:#fbfbfb}
.view_container .user_info.qna{border-top:1px dashed #d1d1d1}
.c_list .info .user_photo,.c_write .info .user_photo,.view_container .user_info .user_photo{margin-right:8px}
.c_list .info .user_intro,.c_write .info .user_intro,.view_container .user_info .user_intro{margin-left:20px}
.view_container .user_info .more{font-family:gulim;position:absolute;top:0;right:20px;color:#999}
.user_post{position:relative;overflow: hidden;padding: 0;border-top:none;margin-top: -1px;background:#fff}
.user_post ul{display: flex;width: 100%;height: auto;max-height: 170px;padding:10px 0;overflow: hidden;flex-wrap: wrap;}
.user_post ul:first-child{}
.user_post li{display: block;float: left;width: 50%;line-height:30px;padding: 0;padding-left: 20px;}
.user_post li .subject{display:inline-block;max-width: 95%;}
.user_post li .comment{color:#ff7f00}
.user_post li .new{display:inline-block;margin-right:4px;color:#e62626}
.user_post li .blind{color:#ccc}
.user_post li .icon_type{display:inline-block;width:18px;height:18px;margin-right:3px}
.user_post li .icon_text{background-position:-54px -437px}
.user_post li .icon_img{background-position:-36px -437px}
.user_post li .icon_notice{background-position:0 -437px}
.user_post li .icon_youtube{background-position:-18px -437px}
.user_post li .icon_blind{background-position:-72px -437px}
.comment_write{margin-top: 5px;padding:25px;background:#f5f5f5}
.c_list,.view_answer{margin-top:10px;background:#fff}
.view_answer .wait{padding:35px 20px;text-align:center;color:#888;background:#fbfbfb}
.view_answer .answer_box .answer_title{position:relative;padding:25px;border-bottom:1px dashed #d1d1d1;background:#f5f5f5}
.view_answer .answer_box .answer_title strong{font-size:15px;line-height:1.5}
.view_answer .answer_box .answer_title .right_box{position:absolute;top:27px;right:25px}
.view_answer .answer_box .answer_content{padding:25px;border-top:none;background:#fff;word-break:break-all;border-bottom:none}
.c_write .info{padding:15px 20px;background:#fbfbfb;margin-bottom: -1px;}
.c_write .r_content{height:100px;border-top:none}
.c_write .r_content textarea{line-height:1.6;width:100%;height:100px;padding:20px;resize:none;color:#666;border:none;background: #fff;}
.c_write .r_content .comment_btn{width:100px;height:80px;color:#fff;border:1px solid #c01e1e;background:#e62626}
.c_write .bottom_box{display: flex;font-family:gulim;font-size:12px;position:relative;letter-spacing:-1px;color:#aaa;background:#fff;line-height:34px;padding:0 15px;border-top:1px dashed #d1d1d1;justify-content: space-between;align-items: center;}
.comment_search{display: flex;margin-top: 5px;padding: 15px;background:#fbfbfb;justify-content: space-between;align-items: center;}
.comment_search strong{font-size: 14px;}
.comment_search button{font-size: 13px;}
.c_list .c_content .btn,.comment_search .btn{font-family:gulim;font-size:12px;line-height:26px;display:inline-block;height:28px;padding:0 10px;border:1px solid #d1d1d1;letter-spacing:-1px;background:#fbfbfb}
.comment_more,.reply_box .reply_close,.reply_box .reply_more{font-size:13px;line-height:40px;text-align:center}
.c_list .c_content .btn strong,.comment_search .btn strong{margin-left:5px;vertical-align:bottom;letter-spacing:0;color:#666}
.c_list .c_content .btn strong.nbr,.comment_search .btn strong.nbr{color:#999}
.c_list .c_content .btn:hover,.comment_search .btn:hover,.reply_box .r_list .r_info .right_box .btn:hover{color:#333;border-color:#888}
.c_list .c_content .btn.reply.selected,.comment_search .btn.selected,.reply_box .r_write .bottom_box .btn{color:#fff;border:1px solid #444;background:#777}
.c_list .info .more,.comment_more,.reply_box .reply_close,.reply_box .reply_more{letter-spacing:-1px;color:#999}
.c_list .c_content .btn.reply.selected strong,.comment_search .btn.selected strong{color:#fff}

.c_list.new_comment{border:1px solid #e62626}
.c_list:hover{border:1px solid #888}
.c_list .info{display: flex;padding:15px 20px;border-bottom:1px dashed #d1d1d1;background:#fbfbfb;justify-content: space-between;align-items: center;}
.c_list .info .more{font-family:gulim;font-size:12px;position:absolute;top:25px;right:20px}
.c_list .c_content{padding:20px}
.c_list .c_content .time{margin-bottom:15px;color:#bbb}
.c_list .c_content .time .new{margin-right:5px}
.c_list .c_content .time .update{margin-right:5px;margin-left:10px}
.c_list .c_content p{line-height:1.6;color:#666}
.c_list .c_content .btn_box{position:relative;margin-top:20px}
.c_list .c_content .btn_box .r_recommend{padding:0 8px}
.c_list .c_content .btn_box .img{position:relative;top:-1px;width:12px}
.c_list .c_content .btn_box .img.up{background-position:-146px -175px}
.c_list .c_content .btn_box .img.down{background-position:-162px -175px}
.c_list .c_content .btn_box .right_box{position:absolute;top:0;right:0}
.c_list .c_content .btn_box .btn.r_up.selected,.c_list .c_content .btn_box .btn.r_up:hover{border-color:#e62626}
.c_list .c_content .btn_box .btn.r_down.selected,.c_list .c_content .btn_box .btn.r_down:hover{border-color:#1ba9de}
.c_list .c_content .btn_box .btn.r_down.selected strong,.c_list .c_content .btn_box .btn.r_down:hover strong{color:#1ba9de}
.c_list .c_content .modify_box{position:relative;text-align:right}
.c_list .c_content .modify_box textarea{line-height:1.6;width:100%;height:100px;margin-bottom:10px;padding:20px;resize:none;text-align:left;color:#666;border:1px solid #d1d1d1}
.c_list .c_content .modify_box .count_box{position:absolute;bottom:20px;left:0}
.reply_box{background:#f5f5f5}
.reply_box .r_list{position:relative;border-bottom:1px solid #e1e1e1}
.reply_box .r_list .arrow_reply{position:absolute;top:17px;left:25px;background-position:-208px -143px}
.reply_box .r_list .r_info{margin-left:60px;padding-left:0;border-bottom:1px dashed #e1e1e1;background:#f5f5f5}
.reply_box .r_list .r_info .right_box{position:absolute;top:17px;right:20px}
.reply_box .r_list .r_info .right_box .btn{font-family:gulim;font-size:12px;line-height:26px;display:inline-block;padding:0 10px;border:1px solid #d1d1d1;letter-spacing:-1px;background:#fbfbfb}
.reply_box .r_list .r_content{padding-left:60px}
.reply_box .r_write{position:relative;padding:25px 25px 25px 0}
.reply_box .r_write .arrow_reply{position:absolute;top:16px;left:25px;background-position:-208px -143px}
.reply_box .r_write .r_info{margin-left:60px;padding:15px 20px;border:1px solid #d1d1d1;border-bottom:1px dashed #d1d1d1;background:#fbfbfb}
.reply_box .r_write .r_content{height:100px;margin-left:60px;border-top:none}
.reply_box .r_write .r_content textarea{line-height:1.6;width:100%;height:100px;padding:20px;resize:none;color:#666;border:none;background:#fff}
.reply_box .r_write .bottom_box{margin-left:60px;font-family:gulim;font-size:12px;position:relative;letter-spacing:-1px;color:#aaa;background:#fff;line-height:34px;padding:0 15px;border-top:1px dashed #d1d1d1}
.reply_box .r_write .bottom_box .btn{font-size:12px;position:absolute;top:-1px;right:-1px;display:block;width:93px;height:36px;letter-spacing:-1px}
.reply_box .reply_more{border-bottom:1px solid #e1e1e1;background:#fbfbfb}
.reply_box .reply_close:hover,.reply_box .reply_more:hover{color:#e62626;background:#fff}
.reply_box .reply_close{background:#fbfbfb}
.comment_more{margin-top:10px;background:#fbfbfb}
.comment_more:hover{color:#e62626;border-color:#888;background:#f5f5f5}
#bo_v_img {width:100%;overflow:hidden;zoom:1}
.viwe_gng{width:50px;height:50px;margin:0 auto;}
.bo_vc_w {position:relative;display:block;}
.bo_vc_w.show {padding: 15px;border-top: solid 1px #d1d1d1;background: #f2f5f6;}
.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a{padding:0 5px;line-height:23px}

/***뷰페이지 끝**/

/***쓰기페이지 시작***/
.bbs_input_box {
    margin-top: 10px;
    background: #f5f5f5
}

.bbs_input_box .in_box {
    display: flex;
    line-height: 56px;
    padding: 0;
    background: #fff;
    align-items: center;
}

.bbs_input_box .in_border {
    border-bottom: 1px dashed #d1d1d1
}
.bbs_input_box .in_border:last-child {
    border-bottom:none;
}
.bbs_input_box div span.img.checkbox {
    display: inline-block;
    width: 21px;
    height: 21px;
}
.bbs_input_box .option div, .bbs_input_box .file div {display: flex;align-items: center;padding-left: 20px;}
.bbs_input_box .option div input {display: none;}

.bbs_input_box span.title {
    line-height: 56px;
    display: inline-block;
    width: 120px;
    height: 56px;
    text-align: center;
    color: #999;
    border-right: 1px dashed #d1d1d1
}

.bbs_input_box span.title {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    background: #f5f5f5
}

.bbs_input_box input[type=text] {
    font-size: 14px;
    width: calc(100% - 120px);
    height: 56px;
    padding: 0 20px;
    border: none
}

.bbs_input_box .in_box select.category {
    font-size: 14px;
    height: 36px;
    margin-left: 10px;
    padding: 0 20px;
    border: 1px solid #ddd;
    background: #fbfbfb
}
.wr_content {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.btn_confirm {
    width: 100%;
    height: 60px;
    text-align: center;
}
.btn_confirm .btn_submit{
    display: inline-block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #fff;
}
.btn_confirm .btn_cancel{
    display: inline-block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    color: #fff;
}
#me_memo {width: 100%;min-height:200px}
/***쓰기페이지 끝***/


.header_container {width:100%;background-color: #ffffff;z-index: 3;}
.nav_inner {width:100%;height:auto;margin:0;border-top: 2px solid #1ba9de;border-bottom: 1px solid #d1d1d1;/* overflow: hidden; */}
.custom-row {width:100%;max-width: 1250px;min-width:280px;height: 100%;margin:0 auto;/* overflow:hidden; */}
.custom-header {display: flex;width:100%;max-width: 1250px;min-width:280px;height:auto;margin:0 auto;justify-content: space-between;}
.custom-row .custom-row-right {width: 830px;float: right}
.custom-row .custom-row-left {width: calc(100% - 840px);float: left}
.hd_logo {width: 324px;height: 90px;}
.hd_logo .hd_logoimg {display: flex;width: 320px;height: 90px;cursor:pointer;align-items: center;justify-content: center;}
.hd_logo .hd_logoimg img {height:65px;}

.hd_nav {display: flex;width: calc(100% - 434px);height: 90px;}
#hd_nav_ul {width: 100%;height: 100%;display:flex;justify-content:flex-end;align-items:center;}
#hd_nav_ul li {position: relative;margin: 0;}
#hd_nav_ul li:before {content: "";position: absolute;bottom: -5px;display: block;width: 100%;height: 1px;transition: .3s;transform: scaleX(0);}
#hd_nav_ul li a {display: inline-block;line-height: 45px;padding: 0 15px;font-size: 15px;letter-spacing: -1px;}
#hd_nav_ul li a.active {font-weight: 700;color: #148cb9;}
#hd_nav_ul li:hover a {color: #148cb9;}
#hd_nav_ul li:hover:before {content:"";transform:scaleX(1);background:#4db30e;background:linear-gradient(90deg,transparent 0,#4db30e 50%,transparent)}

/* 서브 메뉴 기본 상태 (숨김) */
#hd_nav_ul > li > .submenu {display:none;position:absolute;top: 45px;right:0;width: 140px;border: solid 1px #d1d1d1;z-index: 1;padding: 0;margin: 0;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.1);border-radius: 5px;}
#hd_nav_ul > li > .submenu > li {display:inline-flex;width: 100%;padding: 0 5px;line-height: 30px;border-bottom: solid 1px #d1d1d1;}
#hd_nav_ul > li > .submenu > li > a {display: block;padding: 0 10px;color: #555;font-size: 14px;line-height: 40px;}

/* 마우스 오버 시 서브 메뉴 노출 */
#hd_nav_ul > li.menu:hover .submenu {display: block;transition-duration:.3s;}

.nav_btnrow {width:100px;height: 100%;padding: 32.5px;}
.nav_btnrow span {}
#m_nav {}
#m_nav_close {display: none}

.mbnav_cover {position:fixed;top:0;left:0;width: 217px;height: 100%;overflow: hidden;z-index: 4;}
.mbnav_cover {transition: all 0.3s linear;transform:translateX(-100%);}
.mbnav_cover .mbnav_close {
    /* display: none; */
    position: absolute;
    top: -3px;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    font-size: 30px;
    border: solid 3px #000;
    border-left: none;
    background-color: #24262b;
    z-index: 1;
}
.mbnav {
    position: fixed;
    top:0;
    left:0;
    width:180px;
    height: 100%;
    padding-bottom: 30px;
    border-right: solid 3px #000;
    background-color: #16181b;
    overflow-x: hidden;
    overflow-y: auto;
}

.mbnav .mbnav_user {
    display: flex;
    border: solid 10px #24262b;
    flex-direction: column;
    text-align: left;
}
.mbnav .mbnav_user div {
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border-bottom: dotted 1px #404040;
}
.mbnav h3 {
    line-height: 40px;
    margin-bottom: -10px;
    border-bottom: dotted 1px #262626;
    background: #0f1012;
}

.mbnav ul {width: 100%;height: auto;padding: 10px;}
.mbnav li {padding:0 20px;text-align: left;height: 40px;line-height: 40px;font-size: 1.1em;border-bottom: dotted 1px #404040;} 


.subnav {
    display: none;
    position: absolute;
    width:180px;
    top:30px;
    right: 0;
    border: solid 1px #32353c;
    background-color: #1c1e22;
    z-index: 4;
}
.subnav ul.submenu {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.subnav ul.submenu li {
    width: 100%;
    text-align: left;
    padding: 0 15px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: dotted 1px #030404;
    cursor: pointer;
}
.subnav ul.submenu li:hover {color:#ffc107}
.hd_nav ul li .subnav ul.submenu li:hover:before {content: "";position: absolute;bottom:0;display:block;width:100%;height:1px;transition: .3s;transform: scaleX(0);}
.hd_nav ul li div.subnav ul.submenu li:hover:before {
    content:"";
    transform:scaleX(1);
    background:#4db30e;
    background:linear-gradient(90deg,transparent 0,#4db30e 50%,transparent)
}
.game_inner {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d1d1d1;
}
.game_arr {
    width: 100%;
    height: auto;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    overflow: hidden;
}
.game_arr li {
    float: left;
    text-align: center;
    width: calc(100% / 10);
}
.game_arr li a {
    line-height: 47px;
    float: left;
    width: 100%;
    height: 46px;
    padding: 0;
    margin:0;
    text-align: center;
    letter-spacing: -1px;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background-color: #fff;
}
.game_arr li:nth-child(10) a, .game_arr li:nth-child(20) a {border-right:none;}
.game_arr li:nth-child(11) a, 
.game_arr li:nth-child(12) a,
.game_arr li:nth-child(13) a, 
.game_arr li:nth-child(14) a, 
.game_arr li:nth-child(15) a, 
.game_arr li:nth-child(16) a, 
.game_arr li:nth-child(17) a, 
.game_arr li:nth-child(18) a, 
.game_arr li:nth-child(19) a, 
.game_arr li:nth-child(20) a {border-bottom:none;}
.game_arr li a:hover {color: #148cb9;font-weight: 700;border-bottom: 1px solid #1ba9de;}
.game_arr li a.active {color:#ffff;font-weight: 700;border: solid 1px #168ebb;background-color:#1ba9de}


.mask {display: none;position:fixed;top: 60px;left: 0;z-index: 499;background-color: rgb(0 0 0 / 50%);width: 100%;height: 100%;}
.wrapper {width: 100%;height:auto;min-height: calc(100vh - 435px);padding: 10px 0;margin: 0;overflow: hidden;}
.container{display:block;width:100%;height: 100%;padding:0;padding-bottom: 100px;margin:0;}
.banner {aspect-ratio: 2 / 0.63;overflow:hidden;padding:0;}
.side_model {position:absolute;right: 0;top:0;width: 50%;height:100%;}
.side_model img {right: -93%;position:absolute;bottom: -25px;opacity: 0.2;animation:bounce 2.5s linear infinite;}
@keyframes bounce {0%,to {opacity: 0.2}50% {opacity: 0.8}}

.latest_row {position: relative;margin-bottom:10px}
.latest_row:after {content: "";clear: both;display: block}
.latest_board {float: left;width: 50%;height: auto;min-height: 149px;padding:0;background-color: white;border: 1px solid #d1d1d1;overflow: hidden;}
.latest_board:first-child {border-right:none;}

.latest_head {padding: 0 25px;height: 55px;line-height: 54px;border-bottom:1px solid #d1d1d1;background-color: #f5f5f5;}
.latest_head b {}
.latest_head .link {}
.list_cov {width:100%;/* height: 170px; *//* overflow:hidden; */}
.list_cov ul.list_group {width: 100%;height: 100%;overflow:hidden;}
.list_cov ul.list_group li {
    display: flex;width: 100%;
    height: 56px;line-height: 56px;
    padding: 0 20px;border-top: 1px dashed #e5e5e5;
    justify-content: space-between;
}
.list_cov ul.list_group li:nth-child(1) {border-top:none}
.list_cov ul.list_group li div {float: left;}
.list_cov ul.list_group li div:nth-child(2) {float: right;}
.list_cov ul.list_group li div span {cursor: pointer;position: relative;}
.list_cov ul.list_group li div span>span {display: none; position: absolute;top: -30px;left: 22px;padding: 0;height: 30px;line-height: 30px;border: 1px solid #d1d1d1;background: #f5f5f5;z-index: 1000;}

.list_cov ul.list_group li div span>span a {display:inline-block;margin: 0;padding: 0 10px;width: 100px;height: 30px;border-bottom: 1px solid #d1d1d1;}
.list_cov ul.list_group li div span>span:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    border-color: #d1d1d1 transparent transparent #d1d1d1;
}

.auto_tab {}
.auto_tab_menu {display:table;width:100%;height: 50px;line-height: 50px;/* border-bottom: 1px solid #d1d1d1; */background-color: #f5f5f5;}
.auto_tab_menu li {display:table-cell;width: calc(100% / 4);border-left: 1px solid #d1d1d1;text-align:center}
.auto_tab_menu li:first-child {border-left:0 none}
.auto_tab_menu .tit {display:block;cursor:pointer;border-bottom: 1px solid #d1d1d1;}
.auto_tab_menu .on .tit {/* color: #ffffff; */background-color: #ffffff;border-bottom: 1px solid #ffffff;}
.auto_tab_cont {width: 100%;height: auto;overflow: hidden;}
.auto_tab_cont .cont{display: none;width: 100%;height: auto;padding: 8px 10px;overflow: hidden;}
.auto_tab_cont .cont.on{display: block;}
/*.auto_tab_cont ul {width: 100%;height:100%;overflow: hidden;}
.auto_tab_cont ul li {width: calc(100% / 3 - 2.5px);height: 60px;}*/


.grid-post, .grid-post-t { display: grid; grid-template-columns: repeat(3, 1fr); gap:10px; }
.card-post {position: relative;overflow: hidden;display: flex;flex-direction: column;background: #fff;border: 1px solid #d1d1d1;/* border-radius: 8px; */}
.card-txt {background: #f5f5f5;}
.card-txt h4 {margin: 0;padding: 12px 15px;font-size: 14px;color: #444;font-weight: bold;border-bottom: 1px solid #d1d1d1;display: flex;justify-content: space-between;align-items: center;}
.card-txt h4.minigames_txt {color:#fff;justify-content: center;background: #1ba9de;}
.card-latest {padding: 10px;}
.card-post >.card-txt.pba {background: #F44336;}
.card-post >.card-txt.pba>h4{font-weight: bold;color: #fff;}
.card-post >.card-txt.pba>h4>.more-btn {color:#e5e5e5;}
/* 슬라이더 및 카드 커스텀 스타일 */
.rank-slider { width: 100%; height: 100%; padding-bottom: 30px; }
.rank-slide-item {text-align: center;padding: 10px;background: #fff;box-sizing: border-box;}
.rank-slide-item img {width: 120px;height: 120px;object-fit: cover;border-radius: 50%;border: 1px solid #ebebeb;margin-bottom: 10px;}
.rank-slide-item img.minigames_img {width: 100%;height: auto;border-radius: 20px;}
.rank-slide-item .badge {position: absolute;top: 15px;left: 15px;display: inline-block;background: #e61e2b;color: #fff;font-size: 12px;font-weight: bold;padding: 3px 10px;border-radius: 12px;margin-bottom: 8px;}
.rank-slide-item h5 { margin: 0 0 5px 0; font-size: 16px; color: #333; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* [추가/수정] 포인트와 승점을 강조하는 스타일 */
.rank-slide-item-infobox {padding: 5px 0 15px;}
.rank-slide-item-infobox .point { font-size: 14px; color: #e61e2b; font-weight: bold; margin-bottom: 3px; }
.rank-slide-item-infobox .record { font-size: 12px; color: #888; }

.swiper-pagination-bullet-active { background: #e61e2b !important; }
.more-btn { font-size: 12px; color: #888; text-decoration: none; font-weight: normal; }
.more-btn:hover { color: #e61e2b; }
.active_cov {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
}
.active_cov span {
    position: absolute;
    font-size: 60px;
    color: #FF5722;
    top: 50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-shadow: 0 0 6px #000000;
}
.active_cov.active {display: none}



.pic_lt {width: 100%;height: 100%;overflow: hidden;}
.pic_lt .lat_title {display: block;background: #fcfcfc;padding: 0 20px;line-height: 45px;font-size: 1.083em;border-bottom: 1px solid #e2e2e2;color: #253dbe;}
.pic_lt .lat_title a {color: #253dbe;display: inline-block;position: relative}
.pic_lt .lat_title a:after {position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: #253dbe;content: ''}
.pic_lt .lt_more {position: absolute;top: 11px;right: 10px;display: block;width: 25px;line-height: 25px;color: #aaa;border-radius: 3px;text-align: center;}
.pic_lt .lt_more:hover {color: #777}
.pic_lt ul:after {/* display: block; *//* visibility: hidden; *//* clear: both; *//* content: ""; */}
.pic_lt ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 5px;}
.pic_lt li {}
.pic_lt li .lt_img {display: block}
.pic_lt li .lt_img img {width: 100%;height: 65px;max-height: 65px;}
.pic_lt li a:hover {color: #a22121}
.pic_lt li .fa-heart {color: #ff0000;}
.pic_lt li .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 #a2c6ce
}
.pic_lt li .new_icon {display: inline-block;width: 16px;line-height: 16px ;font-size: 0.833em;color: #ffff00;background: #6db142;text-align: center;border-radius: 2px;}
.pic_lt li .hot_icon {display: inline-block;width: 16px;line-height: 16px ;font-size: 0.833em;color: #fff;background: #e52955;text-align: center;border-radius: 2px;}
.pic_lt li .fa-caret-right {color: #bbb}
.pic_lt .lt_cmt {
    background: #5c85c1;
    color: #fff;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 3px;
    white-space: nowrap;
    box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);
}
.pic_lt .lt_date {display: block;margin-top: 5px;color: #888;}

/* betting slip */
.cart_container {width:100%;height: auto;margin-bottom: 10px;overflow: hidden;}
.bet_slip {width: 100%;height: auto;padding: 8px;overflow: hidden;}
.bet_slip .slip_top, .bet_slip .slip_money, .bet_slip .slip_submit {display:flex;align-items:center;width: 100%;}
.bet_slip .slip_top {justify-content: center;margin-bottom: 5px;}
.bet_slip .slip_top .slip_point{width: calc(100% / 2 - 55px);display:flex;align-items:center;justify-content: flex-start;}
.bet_slip .slip_top .slip_point .img {margin-right: 10px;}
.bet_slip .slip_top .slip_point input {width: calc(100% - 23px);max-width: 180px;height: 30px;line-height: 28px;padding: 0 3px;}
.bet_slip .slip_top .slip_per {width: 100px;margin: 0 5px;display:flex;align-items:center;justify-content: center;}
.bet_slip .slip_top .slip_per .img {margin-right: 5px;}
.bet_slip .slip_top .slip_per input {width: 80px;height: 35px;line-height: 33px;padding: 0;}
.bet_slip .slip_top .slip_win {width: calc(100% / 2 - 55px);display:flex;align-items:center;justify-content: flex-end;}
.bet_slip .slip_top .slip_win .img {margin-right: 5px;}
.bet_slip .slip_top .slip_win input {width: calc(100% - 23px);max-width: 180px;height: 35px;line-height: 33px;padding: 0;}

.bet_slip .slip_money {width:100%;height:auto;margin-bottom: 5px;overflow: hidden;display:flex;align-items:center;justify-content:space-between;}
.bet_slip .slip_money .bet_money {width: calc(100% / 6 - 2px);border-radius: 3px;}
.bet_slip .slip_submit {justify-content: space-between;}
.bet_slip .slip_submit button {width: calc(100% / 2 - 2px);border-radius: 3px;}
.bet_slip .slip-betlist {width:100%;height:auto;}
.bet_slip .slip-betlist .slip-event {padding: 2px 5px;}
.bet_slip .slip-betlist .slip-event:first-child {margin-top:10px;}
.bet_slip .slip-betlist .slip-event .gm_slip_row {line-height:20px;border-bottom: dashed 1px #ccc;}
.bet_slip .slip-betlist .slip-event .gm_slip_row span {margin-right: 5px;}
.bet_slip .slip-betlist .slip-event .gm_slip_row span.baedangV {}
.bet_slip .slip-betlist .slip-event .gm_slip_row span.bet_del {cursor: pointer;float: right;font-size: 16px;}


/*충환전*/
.small_div_line {}
.small_div_line ul {overflow: hidden;margin: 0;padding: 0;background: #09394e !important;border-bottom: solid 1px #09384c;}
.small_div_line ul li {list-style: none;font-size: 12px;line-height: 35px;height: 35px;float: left;}
.small_div_line .list_head {background: #0d5676;float: left;}



/* 탭메뉴*/
.center_box {}
.center_box .iframe_score {}
.bbs_menu {height: 58px;background: #f5f5f5;border: 1px solid #d1d1d1;margin-bottom: 10px;}
.bbs_menu ul {display: flex;justify-content: space-between;}
.bbs_menu li {display: flex;height: 56px;border-right: 1px solid #d1d1d1;align-items: center;justify-content: center;cursor: pointer;flex: 1;}
.bbs_menu li:last-child  {border-right: none}
.bbs_menu li:hover  {color: #555;background: #fff;}
.bbs_menu li.on  {color: #fff;background: #1ba9de;}
.bbs_menu.bo_table ul li {}
/* 탭메뉴 끝*/


/* footer */
.footer {background: #fff}
.footer .tab {letter-spacing: -1px;border-bottom: 1px solid #d1d1d1;background: #fbfbfb}
.footer .tab .custom-row {display: flex;padding: 0 25px;}
.footer .tab .custom-row div {}
.footer .tab .custom-row div a {font-size: 13px;line-height: 65px;display: inline-block;height: 65px;color: #7b7b7b;}
.footer .tab .custom-row div a:hover {color: #e62626}
.footer .tab .custom-row div .split {font-family: gulim;font-size: 12px;margin: 0 25px}
.footer .copy {display: inline-block;line-height: 1.7;position: relative;padding: 35px 0 35px 130px;color: #7b7b7b;}
.footer .copy .flogo {position: absolute;left: 0;display: flex;width: 110px;height: 35px;justify-content: flex-end;align-items: center;}
.footer .copy .flogo img {height: 98%;}
.footer .copy .inbox {width: 50%;float: left;padding: 0;padding-left: 10px;letter-spacing: -1px}
.footer .copy .right_box {width: 50%;padding-left: 42px;border-left: 1px dashed #eee}
.footer .copy .nts {margin-top: 15px}
.footer .copy .nts.nts1 {margin-top: 12px}
.footer .copy .nts .help {margin-top: 5px;text-align: justify}
.footer .copy h1 {font-weight: 400;margin-bottom: 5px}
.footer .copy .copyright {font-family: tahoma;font-size: 12px;margin-top: 10px;padding: 0;letter-spacing: 0;color: #aaa}
.footer .copy .copyright span {font-weight: 500;color: #1ba9de}
.footer .sns-box {padding: 35px 0;text-align: center;border-top: 1px dashed #eee}
.footer .sns-box a img {width: 45px;padding: 0 3px}

/* footer end **/

/* popup */
/* 팝업레이어 */
#hd_pop {
    display: flex;
    z-index:1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    align-items: center;
    justify-content: center;
}
.hd_pops {
    margin: 10px;
    border-radius: 12px;
    background: #fff;
    shadow: 0 10px 30px rgba(0,0,0,0.3);
    overflow: hidden;
    opacity: 0;
    transform: scale(0.9);
    animation: fadeIn .3s forwards;
    max-width: 95vw;
}
.hd_pops .hd_pops_title {
    display: flex;
    position: relative;
    width: 100%;
    height: 60px;
    /* border-top-left-radius: 10px; */
    /* border-top-right-radius: 10px; */
    background: #fff;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.hd_pops_title .hd_pops_logo {width: 251px;margin-left: -20px;zoom: .8;}
.hd_pops_title .hd_pops_close {
    position: absolute;
    display: flex;
    right: 8px;
    width: 20px;
    height: 20px;
    color: #888;
    font-size: 20px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.hd_pops_con {background: rgb(235 239 243);}
.hd_pops_con img {}
.hd_pops_footer {display: flex;height: 60px;padding:0;background: #fff;color:#fff;text-align:left;position:relative;justify-content: center;align-items: center;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {color:#fff;}
.hd_pops_footer .hd_pops_reject {border-radius: 16px;background: #2196F3;text-align: center;font-size: 12px;height: 35px;line-height: 35px;}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
@keyframes fadeIn {
    from { opacity: 0;}
    to {opacity: 1;transform:scale(1);}
}

.toast_popup {display: none;position: fixed;bottom: -100px;left: 10px;width: auto;min-width: 260px;height: auto;line-height: 25px;border-radius: 5px;background: rgb(0 0 0 / 62%);overflow:hidden;animation:toastup 3s .2s forwards;}
.toast_popup p {line-height: 30px;font-size:0.875rem;padding: 0 10px;}
.toast_popup .time_bar {width: 100%;height: 3px;background: #2196F3;position: absolute;animation:timebar 3s .2s forwards;}
@-webkit-keyframes timebar {100% {margin-left:100%} }
@keyframes timebar {100% {margin-left:100%} }
@-webkit-keyframes toastup {100% {bottom: 40px;} }
@keyframes toastup {100% {bottom: 40px;} }

#MOVE_TOP_BTN{display: none;position: fixed;bottom:50px;right:50px;width:50px;height:50px;color: rgb(0 0 0 / 30%);font-size:50px;line-height:50px;cursor:pointer;z-index: 2;}


/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
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;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}
.memo_send {background: #999;color: #fff;border: 1px solid #888;}

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} 
.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:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;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;background:#fff;padding:10px 5px;border-top: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 #ccc;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%}
.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 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin: 2px 0;padding: 8px 10px;list-style:none;position:relative;}
.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{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.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}
.empty_table .mdi,.empty_table .mdi {
    line-height: 300px;
    font-size: 67px;
    color: #bbb;
}


/* 필수입력 */
.required, textarea.required {background-image: url('/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}


/* PBA */
.player-info {display: flex;align-items: center;gap: 10px;padding-left: 10px;align-content: center;}
.player-info .player-photo { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 1px solid #eee; }
.player-info .player-nation {display: flex;width: 22px;height: 15px;/* border: 1px solid #ddd; */border-radius: 2px;}
.rank-num { font-weight: bold; color: #d32f2f; font-size: 1.2em; }
.loading-msg { text-align: center; padding: 50px; color: #666; font-weight: bold; }
.tab-content { display: none; }
.tab-content.active { display: block; }
.overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.info-box { border: 1px solid #eee; text-align: center; background: #fff; }
.info-box .box-title { background: #666; color: #fff; padding: 10px; font-weight: bold; font-size: 15px; }
.info-box .box-content { padding: 30px 20px; font-size: 22px; font-weight: bold; color: #111; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 120px; }
.info-box .box-sub { font-size: 14px; color: #666; font-weight: normal; margin-top: 10px; }
.equip-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:10px; margin-bottom:10px; }
.full-width { grid-column: 1 / -1; }
.winner-profile { display: flex; align-items: center; gap: 20px; }
.winner-profile .profile_img {height: 120px;object-fit: cover;border-radius: 8px;background: #f4f4f4;}
.winner-profile .w-info { text-align: left; }
.winner-profile .w-name { font-size: 24px; font-weight: bold; margin-bottom: 5px; }
.nation-flag {width: 30px !important;height: 20px !important;border-radius: 0 !important;margin-right: 0 !important;}
.player-list-item {display: flex;align-items: center;gap: 10px;padding: 10px;border-bottom: 1px solid #eee;background: #fff;}
.player-list-item img {width: 60px;height: 60px;object-fit: cover;}
.player-list-item .p-name {font-size: 18px;font-weight: bold;width: 200px;}
.player-list-item .p-nation {color: #888;}
.top-rankers {display: flex;gap: 20px;margin-bottom: 30px;flex-wrap: wrap;}
.top-card {flex: 1;border: 1px solid #eee;background: #fff;position: relative;padding: 10px;display: flex;align-items: center;gap: 10px;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
.top-card .rank-badge {position: absolute;top: 0;left: 10px;background: #003366;color: #fff;padding: 7px 10px;font-size: 18px;ight: bold;clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);height: 42px;}
.top-card.rank-1 .rank-badge { background: #e61e2b; }
.top-card img { width: 80px; height: 80px; border-radius: 50%; border: 3px solid #f4f4f4; margin-left: 20px; }
.top-card .c-name { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.top-card .c-prize { color: #003366; font-weight: bold; font-size: 16px; margin-bottom: 5px; }
#records_grid {display: flex;flex-wrap: wrap;gap: 10px;}
#records_grid .grid_in {display: inline-block;flex: 1;}
#records_grid .grid_in ul {}
#records_grid .grid_in ul li {display: flex;align-items: center;justify-content: flex-start;padding: 10px 5px;}
#records_grid .grid_in ul li.focus {padding:7px 5px;border-bottom: none;box-shadow: 0 0 7px 3px #ccc;}
#records_grid .grid_in ul li .flx_box {display: flex;gap: 5px;flex-direction: column;white-space: nowrap;width: calc(100% - 100px);}
#records_grid .grid_in ul li.focus .flx_box {width:calc(100% - 160px) }
.profile_img{width:60px;height:60px;text-align: center;overflow: hidden;}
.profile_img img {height:100%;object-fit: cover;}


/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background: #888888;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin: 10px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(/img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-size:1.083em;float:right}
/* 새창 기본 스타일 끝 */


/****공용버튼*****/
.btn_ok, .btn_submit {
    display: inline-block;
    background: #1c7399;
    border: 0;
    border-radius: 3px;
    outline: none;
    line-height: 30px;
}
.not_ok, .btn_cancel {transition: .2s;border: solid 1px #e91e63;border-radius: 5px;background-color: #e91e63;padding: 6px 15px;outline: none;}
.btn_ok:hover, .btn_submit:hover {}
.not_ok:hover, .btn_cancel:hover {}
.btn_t01 {
    display: inline-block;
    background-color: #393a43;
    border-radius: 5px;
    padding: 7px 15px;
    transition: 200ms all;
    box-shadow: rgb(0 0 0 / 35%) 0px 3px 4px, rgb(255 255 255 / 22%) 1px 1px 4px -2px inset;
    color: #fff;
    cursor: pointer;
}
.bg_mb2 {color: #fff;background-color: #3a8afd;}
.bg_my {color: #fff;background-color:#fd7e14;/* vertical-align: middle; */}
.basic_btn {
    height: 30px;
    min-width: 40px;
    padding:0px 15px !important;
    line-height: 30px;
}
.btn_t01:hover {background-color:#474854}
.bg_mb2:hover {background-color:#296ccc;}
.bg_my:hover {background-color:#d66b12}
.ck_label, .lest_chk {display:inline-block;width: 18px;height: 18px;background-repeat:no-repeat;background-size: 18px auto;cursor: pointer;}
.ck_label {background-image: url("/img/icon/check3.png");}
.lest_chk {background-image: url("/img/icon/check1.png");}
#all_chk:checked + label.ck_label{background-image: url("/img/icon/check3.png");background-position: 0px -18px;}


/* 사이드뷰 */
img.lvicon {width: 23px !important;margin-right:5px}
.sv_wrap {position:relative;padding: 0;/* line-height: 35px; *//* font-weight:normal; */}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;border: 1px solid #d1d1d1;background: #f5f5f5;/* -webkit-box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 0%); */-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 #d1d1d1 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;width:100px;height: 35px;text-align: left;line-height: 30px;border-bottom:1px dashed #d1d1d1;}
.sv_wrap .sv a:hover{background: #fff;}
.sv_wrap .sv a:last-child {border-bottom:0;}

.sv_member{}
.sv_on {display:block !important;position:absolute;top: 16px;left: 20px;width:auto;height:auto;}
.sv_nojs .sv {display:block}

/* 

/* 페이징버튼 */
.pg_wrap {display: flex;width: 100%;overflow: hidden;padding: 0;margin: 5px auto;text-align: center;align-items: center;justify-content: center;}
.pg_current {float: left;color: #ffffff;display: inline-block;width: 38px;line-height: 38px;height: 38px;border: 1px solid #1796c5;margin-right: -1px;background: #1ba9de;}
.pg a:link, .pg a:visited {float: left;display: inline-block;width: 38px;line-height: 38px;height: 38px;border: 1px solid #d1d1d1;/* border-left: none; */margin-right: -1px;font-size: 12px;background: #fff;}
.pg_next{background: #2b2b2b;}


.paging{text-align: center;padding: 10px 0;}
.paging_box{display: inline-block;}
.paging_box ul li {display: inline-block;line-height: 28px;background-color: #1f2125;transition: 200ms all;padding: 0px 15px;border: 1px solid transparent;margin-right: 4px;color: #c8c8c7;cursor: pointer;}

.paging .pageno{background: #40444c;}

#captcha {margin: 0 5px;}
#captcha_reload {float: left;padding: 0;width: 40px;height: 40px;line-height: 40px;margin: 0 5px;font-size: 36px;color: #444;border: 1px solid #d1d1d1;background: #fff;}
#captcha_reload img {vertical-align: top;width: 100%;}
#captcha_img {float: left;height: 40px;border: 1px solid #d1d1d1;/* margin-top: 10px; */}
#captcha_key {float: left;width: 120px;margin: 0;height: 40px;border: 1px solid #d1d1d1;}
#captcha input {}

.logut_top #captcha {}
.logut_top #captcha_reload {background:none;float: left;padding: 0;max-width: 2rem;min-width: 2rem;margin: 0 1px;border-radius: 0;border: 0;}
.logut_top #captcha_reload img {width: 100%;}
.logut_top #captcha_img {float: left;height: 2rem;margin-top: 5px;border-radius: 3px;width:5.5rem;}
.logut_top #captcha_key {float: right;width: 40%;height: 2rem;margin-top: 5px;line-height: 2rem;padding-left: 0.25rem;border-radius: 3px;background: #0b3048;}
.logut_top #captcha input {}

/*lodingbar*/
.mdi.mdi-cached {display: inline-block;width: 30px;text-align: center;font-size: 18px;transform-origin: 50% 50%;animation: animateC 2s linear infinite;}
.ring {background: #16161c !important;z-index: 10010;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:transparent;border:3px solid #3c3c3c;border-radius:50%;text-align:center;line-height:150px;font-size:20px;color:#fff000;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px #fff000;box-shadow:0 0 20px rgba(0,0,0,.5);}
.ring:before {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border: 3px solid transparent;border-top: 3px solid #fff000;border-right: 3px solid #fff000;border-radius: 50%;animation: animateC 2s linear infinite;}
.ring>span {display:block;position:absolute;top: calc(50% - 2px);left:50%;width:50%;height: 0px;background:transparent;transform-origin:left;animation:animate 2s linear infinite;}
.ring>span:before {content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff000;top: 0px;right: -6px;box-shadow:0 0 20px #fff000;}
@keyframes animateC
{
  100% {transform:rotate(360deg)}
}
@keyframes animate
{
  0% {transform:rotate(45deg)}
  100% {transform:rotate(405deg)}
}

/*lodingbar end*/

/* datepicker */ 
#ui-datepicker-div {margin: 5px 0 0 0; box-shadow: 10px 10px 40px rgb(0 0 0 / 10%); }
/* datepicker end*/ 

#contentFrame {width: 830px;min-height:1000px}
.chat_frame {width:100%;height: 615px;}
.cover_ui {display:none;width:100%;height:505px;text-align: center;padding-top: 40%;border: 1px solid #d1d1d1;background: #fff;}

.mbon {display:none;} 
.on1200, .on829, .on741, .on601 {display:none;}

.mobile-chat-box {
    display: none;
    position: fixed;
    bottom: 0;       /* 우선 화면 맨 아래에 딱 붙입니다 */
    left: 0;         /* 가로 꽉 차게 */
    width: 100%;
    height: auto;
    z-index: 2;
    transform: translateY(calc(100% - 40px));
    transition: transform 0.3s ease-in-out;
}

/* (선택사항) 활성화 클래스가 붙으면 전체가 다 올라오게 설정 */
.mobile-chat-box.active {
    transform: translateY(0);
}

.chat_open_btn {
    display: flex;
    width: 100%;
    height: 40px;
    border-top: solid 3px #00ff2d;
    border-bottom: solid 1px #00ff2d;
    background-color: #fff;
    justify-content: center;
    align-items: center;
}
.chat_open_btn span {cursor: pointer;}
.chat_open_btn span.icon_chat_close {display: none}
#mobile-chat-container {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pba-search-box { display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 20px; }
.pba-search-box select, .pba-search-box input, .pba-search-box button { padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; }
.pba-search-box button { background: #333; color: #fff; cursor: pointer; border: none; font-weight: bold; }

.pba-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:10px; }
.pba-card { position: relative; border: 1px solid #ddd; border-radius: 8px; padding: 15px; text-align: center; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }

.rank-badge { position: absolute; top:10px; left:10px; }
.nation-flag {width: 22px !important;height: 15px !important;vertical-align: text-bottom;margin-right: 5px;border: 1px solid #ddd !important;border-radius: 2px !important;object-fit: cover !important;}
.pba-card img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 3px solid #f4f6f9; margin-bottom: 10px; }
.pba-name { font-size: 1.2em; font-weight: bold; color: #003366; }
.pba-name-en { font-size: 0.85em; color: #888; margin-bottom: 15px; }
.pba-stats {display: flex;justify-content: space-between;background: #f9f9f9;padding: 10px;border-radius: 5px;font-size: 0.875rem;}
.pba-stats div span { display: block; font-weight: bold; color: #d32f2f; margin-top: 5px; font-size: 1.1em; }
.pba-stats div span.birth_date {}
.pba-stats div span.score_date {}

.pba-pagination { text-align: center; margin-top: 30px; display: flex; justify-content: center; gap: 5px; }
.pba-pagination a, .pba-pagination strong { display: inline-block; padding: 8px 14px; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333; font-weight: bold; background: #fff; }
.pba-pagination strong { background: #003366; color: #fff; border-color: #003366; }
.pba-pagination a:hover { background: #f4f4f4; }



@media screen and (max-width:1475px) {
.off1475 {display:none;}
}
@media screen and (max-width:1249px) {
.custom-row {width:100%;justify-content: space-between;}
.mboff {display: none;}
.mbon {display: block;} 
}

@media screen and (max-width:1200px) {
.on1200 {display: block;}
.off1200 {display:none;}

.custom-row .custom-row-right {width: 100%;float:none;}
.custom-row .custom-row-left {
    position:fixed;top:2px;left:-271px;width:270px;height: 100vh;float:none;padding-bottom: 40px;transition: left 0.3s ease-in-out;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);background-color: #fff;border-right: solid 1px #ccc;overflow: hidden;overflow-y: auto;z-index: 4;
}
.custom-row .custom-row-left.open {left: 0;}
#m_nav {cursor: pointer; }
#m_nav_close {display: none; cursor: pointer; }
#contentFrame {width: 100%;text-align: center;}
.mobile-chat-box {display: block;}
#hd_nav_ul {display: block;}
#hd_nav_ul li {width: 100%;min-height: 39px;line-height: 39px;border-bottom: solid 1px #d1d1d1;}
#hd_nav_ul li:before {bottom: -1px;}
#hd_nav_ul li a {width: 100%;font-size: 13px;line-height: 39px;}
#hd_nav_ul > li > .submenu {
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    box-shadow: none;
    border-radius: 0;
    border: 0;
}
#hd_nav_ul > li > .submenu > li {
    padding-left: 20px;
    border-top: solid 1px #d1d1d1;
    border-bottom: 0;
    background: #f5f5f5;
}
#hd_nav_ul > li > .submenu > li > a {}

#game_link {}
.game_arr {display: flex;flex-wrap: wrap;}
.game_arr li {float: none;width: 50%;}
.game_arr li a {height: 39px;line-height:39px;text-align:center;padding:0 10px;border-bottom: 1px solid #d1d1d1 !important;background-color:#f5f5f5;}
.game_arr li a.active {border:none;border-bottom:1px solid #1ba9de !important}

#hd_pop {
    display: grid; /* Flex 대신 Grid 사용 */
    place-items: center; /* 자식 요소들을 중앙으로 정렬 */
}

.hd_pops {
    grid-area: 1 / 1; /* 모든 팝업을 동일한 셀에 배치하여 겹침 유도 */
    margin: 0;
    /* 인라인으로 들어간 width/height가 화면보다 클 경우를 대비해 제어 */
    width: auto !important; 
    max-width: 90vw !important;
}

.hd_pops_con {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    overflow-x: hidden;
}

.hd_pops_con img {
    max-width: 100%;
    height: auto;
}

}

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

@media screen and (max-width:829px) {
.on829 {display:block;}
.off829 {display:none}
.wrapper {min-height: calc(100vh - 195px);padding: 10px 0}
.nav_inner {border-top:none}
.custom-header {display: flex;align-items: center;}
.hd_logo {display: flex;width: 292px;height: 70px;align-items: center;margin-left: 20px;}
.hd_logo .hd_logoimg {width: 258px;height: 45px;background-position: 3px -827px;}
.nav_btnrow {position: absolute;right: 20px;width: 35px;height: 35px;padding: 0;}
.footer .tab .custom-row {padding: 0;}
.footer .tab .custom-row div {display: flex;width: 20%;text-align: center;justify-content: center;align-items: center;}
.footer .tab .custom-row div a {height: 45px;line-height: 45px;}
.footer .tab .custom-row div .split {position: absolute;right: 0;margin: 0;}
.footer .copy {padding: 10px 10px 50px;}
.footer .copy .flogo {display: none;}
.footer .copy .inbox {padding-left: 10px;}
.footer .copy .right_box {padding-left: 10px;}
.scroll_container {overflow-x: auto !important;}
.fixed_size {display: block;width: 829px !important;} 
}

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

@media screen and (max-width:741px) {
#bo_v_img a img {max-width:100%;height: 100%;}
}

@media screen and (max-width:675px) {
.latest_row {margin-bottom:0}
.latest_board {width: 100%;height: auto;margin-bottom: 10px} 
}

@media screen and (max-width:601px) {
.on601 {display:block !important;}    
.off601 {display:none !important} 
.basic_btn {padding: 0px 5px !important;}
.mbps {display:block;line-height:25px;font-size: 12px}
.hd_logo {zoom: .7;margin-left: 10px;} 
.nav_btnrow {right:10px;zoom: .7;} 
.latest_head {padding: 0 15px;height: 40px;line-height: 40px;}
.latest_board:first-child {border-right:1px solid #d1d1d1}
.list_cov {}
.list_cov ul.list_group li {height: 40px;line-height: 40px;padding: 0 10px;}
.auto_tab_menu {height: 40px;line-height: 40px;}
.auto_tab_cont .cont {padding: 8px 10px;}
.bbs_menu {height: 45px;}
.bbs_menu ul {}
.bbs_menu.bo_table ul li {height: 43px;letter-spacing: -1px;} 
.bbs_input_box {font-size: 12px;}
.bbs_input_box .in_box {line-height: 40px;}
.bbs_input_box span.title {width: 100px;height: 40px;line-height: 39px;}
.bbs_input_box input[type=text] {height: 40px;}
.empty_td.tac {}
input[type="submit"], input[type="button"], button, 
.btn_confirm .btn_submit, .btn_confirm .btn_cancel {height:40px;line-height:40px;} 
.search_tbox {padding: 8px;}
.search_tbox .s_box .button, .search_tbox .s_box .s_in_box {height: 40px;line-height: 38px;}
.view_title {min-height: 40px;padding: 15px;}
.view_title .title {width: 100%;max-width: 100%;margin-bottom: 5px;}
.view_title .right_box {position: relative;top: 0;right: 0;}
#MOVE_TOP_BTN {right: 5px;bottom: 40px;}
.bo_gallery .gall_ul {grid-template-columns: repeat(2, 1fr);}
.gall_li .gall_con a {max-height: 120px;}
.gall_hover .gall_hover_bottom {height:50%;min-height:50px}
.gall_hover .gall_hover_bottom p {font-size: 12px !important;height:20px;line-height:20px;}
.grid-post-t {grid-template-columns: repeat(1, 1fr);}
img.lvicon {width:18px !important;}
} 
@media screen and (max-width:541px) {
html, body, input, button, table {font-size:14px;} 
.user_post li {width: 100%}
.footer .tab .custom-row div a {font-size: 11px}
.footer .tab .custom-row div .split {display: none} 
.footer .copy .inbox {width: 100%;padding-left: 5px;}
.footer .copy .right_box {display: none;}

.grid-post.pba {gap: 2px;}
.card-txt.pba h4 {padding: 5px;flex-direction: column;gap: 5px;font-size: 14px;}
.card-latest {padding:5px;}
.rank-slide-item {padding: 5px;}
.rank-slide-item .badge {font-size: 10px;top: 2px;left: 2px;padding: 2px 7px;}
.rank-slide-item img {width: 80px;height: 80px;margin-bottom: 0;}
.rank-slide-item-infobox {letter-spacing: -1px;padding:5px 0}
.rank-slide-item-infobox h5 {font-size: 12px;}
.rank-slide-item-infobox .point {font-size: 12px;}
.rank-slide-item-infobox .record {}
.swiper-pagination {display:none}
} 
@media screen and (max-width:468px) {
.bet_slip .slip_top {}
.bet_slip .slip_top .slip_point {width: calc(100% / 2 - 35px);}
.bet_slip .slip_top .slip_point .img {margin-right: 1px;}
.bet_slip .slip_top .slip_point input {}
.bet_slip .slip_top .slip_per {width: 70px;}
.bet_slip .slip_top .slip_per .img {margin-right: 1px;}
.bet_slip .slip_top .slip_per input {width: 60px;}
.bet_slip .slip_top .slip_win {width: calc(100% / 2 - 35px);}
.bet_slip .slip_top .slip_win .img {margin-right: 1px;}
.bet_slip .slip_top .slip_win input {}
.bet_slip .slip_money {}
.bet_slip .slip_money .bet_money {padding: 0 5px;}
.hd_pops {width: 85vw !important;}
}
@media screen and (max-width:415px) { 
.m_info .m_margin_r {margin:0;}
.m_info .s_box .s_in_box {width: 100%;margin:0;margin-bottom: 5px}
.m_info .s_box.top .write_btn {width: 100%}
.search_tbox {}
.search_tbox .s_box .button, .search_tbox .s_box .s_in_box {}
.footer .tab .custom-row div {width: auto;padding: 0 5px;}
.m_auto {height: auto}
/* .grid-post {grid-template-columns: repeat(1, 1fr);} */
}
@media screen and (max-width:376px) {  
.m_full {width: 100%} 
}
@media screen and (max-width:361px) { 
.custom-row .custom-row-left {left:-241px;width:240px}
}
@media screen and (max-width:321px) {
    
}
@media screen and (max-width:281px) {
}