@charset "utf-8";
.w_40x{width: 409px}
.w_42x{width: 425px}
.red{color: #ffa000;}

/* 게시판 목록 */
#bo_list {position:relative;margin-bottom:20px}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:60px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:90px;text-align:left;padding:10px 0}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_num2 {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}
#bo_list tbody tr {border-left:2px solid transparent}
#bo_list tbody tr:hover {border-left:2px solid #253dbe}
#bo_list tbody .even td {background:#fbfbfb}


-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
.td_subject img {margin-left:5px}




#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_list_total {float:left;line-height:34px;font-size:0.92em;color: #fff;}


.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

.td_num strong {color:#000}
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_tit {display:block;color:#000;font-weight:bold}
.bo_current {color:#e8180c}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_list .bo_tit .title_icon {margin-right:2px}
#bo_list .bo_tit .fa-heart {color:#ff0000}
#bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
#bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
#bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:#bbb}
#bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}

.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}



/* 게시판 읽기 */
#bo_v_title {font-size:23px;font-weight:bold;line-height:1.4;letter-spacing:-1px;}
#bo_v_con {min-height:200px; word-break:break-all;overflow:hidden}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_img {width:100%;text-align:center;overflow:hidden;zoom:1;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:"";}
#bo_v_img a.view_image{display:block}
#bo_v_img img{margin-bottom:1.0rem}
#bo_v_sns_icon{margin:-5px auto}
#bo_v_sns_icon img{width:40px;border-radius:50%;margin:5px}
.cmt-reply{top:0;left:-16px}
.by-writer{background:#fbefef !important;border-top:1px solid #f6cece !important}
.cmt-content{word-break:break-all;overflow:hidden}
.cmt-content img{max-width:100%;height:auto}
.cmt-btn ul{list-style:none;margin:0}
.cmt-btn ul > li{float:left;font-size:12px;padding:0 10px}
.cmt-btn ul > li::before{float:left;color:#ccc;content:"|";margin-left:-12px}
.cmt-btn ul > li:last-child{padding-right:0}
.cmt-btn ul > li:first-child::before,.cmt-btn ul > li.no-bar::before{content:"";margin-left:0}
.cmt-btn ul > li > a{float:left;color:#888;white-space:nowrap}
#fviewcomment #wr_content{resize:none}
#bo_vc_opt ol{margin:0;padding:0;list-style:none;zoom:1;background:#ccc;border-radius:3px}
#bo_vc_opt ol:after{display:block;visibility:hidden;clear:both;content:""}
#bo_vc_opt ol li{float:left;margin:0}
#bo_vc_send_sns ul{margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_send_sns ul:after{display:block;visibility:hidden;clear:both;content:""}
#bo_vc_send_sns ul li{float:left;margin:0 1.0rem 0 0}
#bo_vc_send_sns input{margin:0 0 0 0.5rem}

.bo_event_top_con_wrap {margin:10px 0 40px; padding:0 15px;}
.bo_event_top_con_wrap:after {display:block; content:''; visibility:hidden; clear:both;}
.bo_event_img_wrap {float:left; width:330px; height:260px; margin-right:15px;}
.bo_event_img_wrap .img_wrap {box-shadow:5px 5px 8px rgb(50 60 70 / 10%); -webkit-box-shadow:5px 5px 8px rgb(50 60 70 / 10%); -moz-box-shadow:5px 5px 8px rgb(50 60 70 / 10%); border-radius:10px;}
.bo_event_img_wrap .img_wrap,
.bo_event_img_wrap .img_wrap #bo_v_img .view_image,
.bo_event_img_wrap .img_wrap #bo_v_img {height:100%;}
.bo_event_img_wrap .img_wrap #bo_v_img img {width:100%; height:100%; border-radius:10px !important; margin-bottom:0 !important;}
.bo_event_bet_info_wrap {float:left; width:calc(100% - 345px);}
.bo_event_status {height:44px; line-height:44px; border-radius:10px; text-align:center; color:#fff; box-shadow:5px 5px 8px rgb(50 60 70 / 10%); -webkit-box-shadow:5px 5px 8px rgb(50 60 70 / 10%); -moz-box-shadow:5px 5px 8px rgb(50 60 70 / 10%);}
.bo_event_status.ing {background:#db3232;}
.bo_event_status.end {background:#999;}
.tbl_bo_event_bet_info {width:100%; border-collapse:separate; border-spacing:0; box-shadow:5px 5px 8px rgb(50 60 70 / 10%); -webkit-box-shadow:5px 5px 8px rgb(50 60 70 / 10%); -moz-box-shadow:5px 5px 8px rgb(50 60 70 / 10%);}
.tbl_bo_event_bet_info tr th {width:120px;border:1px solid #333;border-bottom:1px solid #424242;border-top:0;background:#333;color:#fff;font-weight:normal;height:44px;letter-spacing:-0.05rem;padding:8px 18px;font-size:16px;}
.tbl_bo_event_bet_info tr td {word-break:break-all;height:44px;overflow:hidden;border:1px solid #e8e9eb; border-top:0;padding:8px 16px;font-size:16px;color:#000;background:#fff;}

#bo_event_date {border-radius:10px; margin-top:6px;}
#bo_event_date tbody tr:first-child th {border-radius:10px 0 0 10px;}
#bo_event_date tbody tr:first-child td {border:1px solid #e8e9eb; border-left:0; border-radius:0 10px 10px 0;}
#bo_event_date tbody th,
#bo_event_date tbody td {height:44px; padding-top:0; padding-bottom:0;}

#bo_event_benefit {border-radius:10px; margin-top:6px;}
#bo_event_benefit tbody tr th {text-align:center; height:34px; padding-top:0; padding-bottom:0;}
#bo_event_benefit tbody tr td {text-align:center; height:126px;}
#bo_event_benefit tbody tr:first-child th {border-radius:10px 10px 0 0;}
#bo_event_benefit tbody tr:last-child td {border-radius:0 0 10px 10px;}
.bo_event_view_con_line {position:relative; margin-bottom:40px;}
.bo_event_view_con_line .text {position:relative; z-index:2; display:inline-block; border:4px solid #db3232; border-radius:8px 8px 0 0; border-bottom:0; padding:7px 25px; background:#f7f8fa; color:#db3232; font-weight:bold;}
.bo_event_view_con_line .bar {position:relative; z-index:1; background:#db3232; width:100%; height:4px; margin-top:-4px;}
.bo_event_bet {margin:40px 0; text-align:center;}
.bo_event_bet .bo_event_view_con_line {font-size:18px; text-align:left;}
.bo_event_bet_info {font-size:16px; text-align:center; margin-bottom:30px;}
.bo_event_bet_info > div {display:inline-block; margin:0 15px;}
.bo_event_bet_info > div.select span {display:inline-block; font-size:14px; border:2px solid #e33030; border-radius:8px; color:#e33030; padding:3px 11px 1px; font-weight:bold; vertical-align:middle; margin:-1px 6px 0 0;}
.bo_event_bet_info > div.status img.icon {vertical-align:top; margin-top:4px;}

.bo_event_bet_select {display:inline-block; margin-bottom:25px; text-align:left; opacity:0;}
.bo_event_bet_select .inner {font-size:0;}
.bo_event_bet_select .inner:after {content:''; display:block; visibility:hidden; opacity:0; clear:both;}
.bo_event_bet_select button {position:relative; width:230px; background-image:url('img/img_bo_event_btn_bg.png'); background-repeat:repeat-x; background-size:auto 101%; box-shadow: 0px 2px 4px rgb(50 60 70 / 10%); -webkit-box-shadow: 0px 2px 4px rgb(50 60 70 / 10%); -moz-box-shadow: 0px 2px 4px rgb(50 60 70 / 10%); border-radius:15px; margin:5px 3px; border:1px solid #ccc; padding:24px 15px 22px;}
.bo_event_bet_select button.result:after {content:''; position:absolute; top:0; left:0; background:#000; width:5px; height:5px;}
.bo_event_bet_select button:hover {border:2px solid #e33030; padding:23px 14px 21px;}
.bo_event_bet_select button.selected {background-image:url('img/img_bo_event_btn_bg_selected.png') !important; color:#fff !important; border:2px solid #ff5252 !important; padding:23px 14px 21px !important;}
.bo_event_bet_select button .name {font-size:34px; font-weight:bold; color:#e33030; line-height:1.4; letter-spacing:-0.05em;}
.bo_event_bet_select button .name.small {font-size:26px;}
.bo_event_bet_select button.selected .name {color:#fff !important;}
.bo_event_bet_select button .num_percent {margin-top:5px; font-size:1rem;}

.bo_event_bet.end .bo_event_bet_select button {pointer-events:none; border:1px solid #ccc; padding:24px 15px 22px; cursor:unset;}

.bo_event_bet_footer {}
.bo_event_bet_footer button {border:0; padding:6px 0 4px; width:240px; background:#e33030; color:#fff; font-size:28px; font-weight:bold; border-radius:15px;}
.bo_event_bet_footer button:hover {background:#c82333;}
.bo_event_bet_footer button img.icon {display:inline-block; vertical-align:middle; margin-top:-2px;}
.bo_event_bet_footer .exist_event_bet_text {font-size:28px; font-weight:bold;}
.bo_event_bet_footer .exist_event_bet_text img.icon {display:inline-block; vertical-align:middle; margin-top:-2px;}
.bo_event_bet_footer .exist_event_bet_text span {color:#e33030;}

.bo_event_bet_datetime {color:#333;}


/* 서브페이지 배너광고 PC */
.totohot_sub_bn ul {display:block;}
.totohot_sub_bn ul::after {content:''; display:block; clear:both;}
.totohot_sub_bn ul li {float:left; width:calc((100% - 12px) / 3); margin-left:6px; margin-top:6px;}
.totohot_sub_bn ul li:nth-child(1),
.totohot_sub_bn ul li:nth-child(2),
.totohot_sub_bn ul li:nth-child(3) {margin-top:0 !important;}
.totohot_sub_bn ul li:nth-child(3n+1) {margin-left:0;}
.totohot_sub_bn ul li img {width:100%;}

#bo_cate {position:relative;}
#bo_cate:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background: #B4BEC9;z-index:1;}
#bo_cate.sly-tab .d-flex {border-left:0;}
#bo_cate.sly-tab li a {padding:10px 23px !important; background:transparent; font-size:16px; font-weight:bold; transition:color .15s ease-in-out;}
#bo_cate.sly-tab li a:hover {color:#db3232;}
#bo_cate.sly-tab li a, #bo_cate_prev_wrap, #bo_cate_next_wrap {position:relative; border:0;}
#bo_cate_prev_wrap .sly-btn, #bo_cate_next_wrap .sly-btn {border:0; background:transparent; height:100%; padding-top:8px;}
#bo_cate_prev_wrap .sly-btn {padding-left:10px; padding-right:1px;}
#bo_cate_next_wrap .sly-btn {padding-left:1px;}
#bo_cate_prev_wrap .sly-btn.disabled, #bo_cate_next_wrap .sly-btn.disabled {opacity:0.4; cursor:inherit;}
#bo_cate.sly-tab li a:after, #bo_cate_prev_wrap:after, #bo_cate_next_wrap:after {content:''; position:absolute; width:100%; height:4px; left:0; bottom:0; background:#db3232; z-index:2;}
#bo_cate_prev_wrap:after {left:-10px; width:calc(100% + 10px);}
#bo_cate.sly-tab li.active a {border-top:4px solid #db3232; border-left:4px solid #db3232; border-right:4px solid #db3232; color:#db3232; background:#fff; border-radius:8px 8px 0 0; padding-top:6px !important;}
#bo_cate.sly-tab li.active a:after {background:#fff;}

.bo_event_ing_wrap {font-size:16px; margin-bottom:15px; font-weight:bold;}
.bo_event_ing_wrap img {margin-top:-2px; margin-right:2px;}
.bo_event_ing_wrap .bo_event_ing_num {color:#db3232; letter-spacing:-0.05rem;}

#bo_gallery .list-item .list-item-div {*border:1px solid #ddd; background:#fff; box-shadow:5px 5px 8px rgb(50 60 70 / 8%); -webkit-box-shadow:5px 5px 8px rgb(50 60 70 / 8%); -moz-box-shadow:5px 5px 8px rgb(50 60 70 / 8%); border-radius:10px; overflow:hidden;}
#bo_gallery .img-wrap {position:relative; border-radius:10px 10px 0 0;}
#bo_gallery .img-wrap .img-item img {height:100%;}
#bo_gallery .img-wrap .img-label-top {position:absolute; top:0; left:0; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; z-index:1;}
#bo_gallery .img-wrap .img-hover-cover {position:absolute; top:40px; left:0; width:100%; height:calc(100% - 40px); color:#fff; text-align:center; font-size:20px; font-weight:bold; z-index:2;}
#bo_gallery .img-wrap .img-hover-cover > div {position:relative; height:100%;}
#bo_gallery .img-wrap .img-hover-cover > div > span {position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
#bo_gallery .list-item-div.event_ing .img-hover-cover {display:none; background-color:rgba( 219, 50, 50, 0.8 );}
/* #bo_gallery .list-item-div.event_ing:hover .img-hover-cover {display:block;} */
#bo_gallery .list-item-div.event_ing .img-wrap .img-item:hover .img-hover-cover {display:block;}
#bo_gallery .list-item-div.event_end .img-hover-cover {background-color:rgba( 0, 0, 0, 0.8 );}
#bo_gallery .list-item-div.event_ing .img-wrap .img-label-top {background:#db3232;}
#bo_gallery .list-item-div.event_end .img-wrap .img-label-top {background:#999;}
#bo_gallery .img-wrap .img-label-bottom {position:absolute; bottom:0; left:0; width:100%; height:29px; line-height:25px; background:url('img/bg_bo_event_list_shadow.png'); color:#fff; text-align:center; z-index:1;}
#bo_gallery .img-wrap .img-label-bottom .img-label-bottom-div {position:relative; height:100%; text-align:right;}
#bo_gallery .img-wrap .img-label-bottom .img-label-bottom-div span {font-size:13px; margin-right:10px;}
#bo_gallery .img-wrap .img-label-bottom .img-label-bottom-div span img {margin-top:-1px;}
#bo_gallery .list-item-title {font-weight:bold; text-align:center; padding:10px 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#bo_gallery .list-event-info {padding:5px 10px 10px;}
#bo_gallery .list-event-info .list-event-date {background:#f5f7fa; text-align:center; font-size:14px; padding-top:3px; border-radius:5px;}
#bo_gallery .list-event-info .list-event-date span {display:inline-block; vertical-align:middle;}
#bo_gallery .list-event-info .list-event-date span.empty {display:inline-block !important; color:#666 !important;}
#bo_gallery .list-event-info .list-event-date span:first-child {color:#666;}
#bo_gallery .list-event-info .list-event-date span:last-child {color:#db3232; letter-spacing:-0.05rem;}
#bo_gallery .list-item-div.event_end .list-event-info .list-event-date span:first-child,
#bo_gallery .list-item-div.event_end .list-event-info .list-event-date span:last-child {color:#999;}

.card, .game-itme{display: none;}

.btn_wrgood{display: block;float: left;padding: 4px 16px;border-radius: 3px;font-size: 18px;width: 80px;height: 40px !important;font-weight: bold;text-align: center;border: solid 1px #db3232;background: #db3232;color: #fff;margin-left: 10px;}