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


/* 게시판 목록 */
#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}

/* 게시판 목록 공통 */
.selec_chk {width:20px;height:20px;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:0px}
.bo_vc_w_wr label{margin-bottom:0px;padding-left: 0px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}


#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#fff;}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#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%}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}


/* 게시판 읽기 */
#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;}


/*글쓰기*/
#row-area-content .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#row-area-content .bo_v_option li label {vertical-align:baseline}
#row-area-content .bo_w_select select{width: 100%;height: 40px;}
#row-area-content .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#row-area-content .write_div {margin:10px 0;position:relative}
#row-area-content .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#row-area-content .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#row-area-content .bo_w_info .frm_input {float:left;margin-bottom:1%}
#row-area-content #wr_password, #bo_w #wr_homepage {margin-left:1%}
#row-area-content .wr_content.smarteditor2 iframe {background:#fff}
#row-area-content .bo_w_tit {position:relative}
#row-area-content .bo_w_tit .frm_input {padding-right:120px}
#row-area-content .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#row-area-content .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#row-area-content .bo_w_link .frm_input {padding-left:50px}
#row-area-content .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#row-area-content .bo_w_flie .frm_file {padding-left:50px;margin-top:-2px}
#row-area-content .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#row-area-content .bo_w_flie .frm_input {margin:10px 0 0}
#row-area-content .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#row-area-content .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#row-area-content .btn_submit {padding:0 20px;font-size:1.167em}
#row-area-content .btn_cancel {border-radius:3px;font-size:1.167em}

/* 서브페이지 배너광고 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:#db3232; 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;}

/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding-top: 10px;padding-bottom: 10px;padding-left: 5px;border-top-left-radius: 15px;border-top-right-radius: 15px;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%);}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:10px;margin-right: 10px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:0px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {background: #fff;padding-left: 10px;padding-top: 10px;padding-right: 5px;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-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

.bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:25px;height:25px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.bo_vc_w .chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

.bo_vc_w .wr_secret_text{margin-left: 15px;font-weight: bold;line-height: 30px;}
#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}




#bo_gallery .img-wrap .img-item img {width:100%; height:100%; object-fit:cover; /*object-fit:cover; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; */}
#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;}
#bo_gallery .list-item .list-item-div .list-item-title {text-align:center; padding:10px; border-bottom:1px solid #ddd; background:linear-gradient(#ffffff, #f7f7f7);}
#bo_gallery .list-item .list-item-div .list-item-wrap {padding:10px;background-color: #121212;}
#bo_gallery .list-item .list-item-div .list-item-wrap:after {content:''; display:block; visibility:hidden; clear:both;}
#bo_gallery .img-wrap {box-shadow:0px 2px 6px rgb(50 60 70 / 20%); -webkit-box-shadow:0px 2px 6px rgb(50 60 70 / 20%); -moz-box-shadow:0px 2px 6px rgb(50 60 70 / 20%); border-radius:10px;}
#bo_gallery .list-item-wrap .img-item .list-item-date {position:absolute;bottom:8px;left:8px;font-size:13px;background:rgba(233, 27, 35, 0.75);color:#fff;padding:2px 8px 0; border-radius:5px; line-height:1.6;}
#bo_gallery .list-item-wrap .img-item label.safety {position:absolute; top:0; left:8px;}

/*
#bo_gallery .list-item:hover .list-item-div {border:3px solid #dc3545; overflow:hidden;}
#bo_gallery .list-item:hover .list-item-div .list-item-title {margin:-3px; margin-bottom:3px; overflow:hidden;}
#bo_gallery .list-item:hover .list-item-div .list-item-wrap {margin:-3px; overflow:hidden;}
*/
#bo_gallery .list-review-info {margin-top:10px; /* border:1px solid #e8e9eb; border-radius:5px; overflow:hidden; */}
#bo_gallery .list-review-info table {width:100%; border-collapse:separate; border-spacing:0;}
#bo_gallery .list-review-info table tr th {font-size:13px; width:90px;text-align:center;border:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-top:0;border-right:0;background:url('https://www.totohot.net/skin/board/Hot-review/img/white_bg.png'); background-size:auto 100%; *color:#fff;font-weight:normal;height:34px;letter-spacing:-0.05rem; padding:2px 10px 0;}
#bo_gallery .list-review-info table tr td {max-width:0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;width:calc(100% - 90px);word-break:break-all;height:34px;overflow:hidden;text-align:center;border:1px solid #e8e9eb; border-top:0;background:#fff; padding:2px 10px 0;}
#bo_gallery .list-review-info table tr td.item_score {color:rgb(233, 27, 35);}
#bo_gallery .list-review-info table tr td.item_score span {font-weight:bold;color:red;/*display:inline-block;vertical-align:top;margin-top:-1px;*/margin-left:3px;}
#bo_gallery .list-review-info table tbody tr:first-child th {border-top:1px solid #e5e5e5; *height:35px; *border-radius:5px 0 0 0;}
#bo_gallery .list-review-info table tbody tr:first-child td {border-top:1px solid #e8e9eb; *height:35px; *border-radius:0 5px 0 0;}
#bo_gallery .list-review-info table tbody tr:last-child th {*border-radius:0 0 0 5px;}
#bo_gallery .list-review-info table tbody tr:last-child td {*border-radius:0 0 5px 0;}
#bo_gallery .list-review-item-btn-wrap {margin-top:10px;}
#bo_gallery .list-review-item-btn-wrap:after {content:''; display:block; visibility:hidden; clear:both;}
#bo_gallery .list-review-item-btn-wrap a {float:left; width:calc((100% - 4px) / 2); border-radius:5px; text-align:center; font-weight:bold; padding:5px 0 3px; transition:background .15s;}
#bo_gallery .list-review-item-btn-wrap a.btn_safety_view {border:2px solid #333; color:#000; margin-right:2px;}
#bo_gallery .list-review-item-btn-wrap a.btn_safety_view:hover {background:#f5f5f5;}
#bo_gallery .list-review-item-btn-wrap a.btn_safety_site {border:2px solid #db3232; color:#db3232; margin-left:2px;}
#bo_gallery .list-review-item-btn-wrap a.btn_safety_site:hover {background:#fff2f2;}
#bo_gallery .list-review-item-btn-wrap a.btn_safety_site img {vertical-align:top; margin-top:6px;}

#bo_gallery .list-review-wr-info {width:100%; padding:2px 5px 0; overflow:hidden; margin-top:8px; line-height:1.2;}
#bo_gallery .list-review-wr-info .list-review-wr-cmt-cnt {font-size:13px;color:rgb(233, 27, 35);}
#bo_gallery .list-review-wr-info .list-review-wr-good-cnt {font-size:13px;color:rgb(52, 152, 219);margin-left:10px;}
#bo_gallery .list-review-wr-info .list-review-wr-hit-cnt {font-size:13px; margin-left:10px;}
#bo_gallery .list-review-wr-info .list-review-wr-view {color:#000;}
#bo_gallery .list-review-wr-info .list-review-wr-view img {width:12px; margin-top:-2px;}
#bo_gallery .list-review-wr-info .list-review-wr-view a {font-weight:bold;}
#bo_gallery .list-review-wr-info a:hover {color:crimson !important;}
#bo_gallery .list-review-wr-info a i {display:inline-block;vertical-align:top;margin-top:3px;}

@media (max-width:576px) {
	#bo_gallery .img-wrap {float:left; width:38%; height:92px; margin-right:10px; padding-bottom:0 !important; margin-bottom:0 !important;}
	#bo_gallery .img-wrap .img-item {position:unset;}
	#bo_gallery .img-wrap .img-item img {height:100%;}
	#bo_gallery .list-item-wrap .img-item .list-item-date {font-size:11px; bottom:5px; left:5px;}
	#bo_gallery .list-item-wrap .img-item label.safety {left:5px;}
	#bo_gallery .list-item-wrap .img-item label.safety img {width:30px;}
	#bo_gallery .list-review-info {float:left; width:calc(100% - 38% - 10px); margin-top:2px;}
	#bo_gallery .list-review-info table tr th {width:40%;}
	#bo_gallery .list-review-info table tr th,
	#bo_gallery .list-review-info table tr td {font-size:13px; padding:2px 3px 0; height:29px;}
	#bo_gallery .list-review-info table tbody tr:first-child th,
	#bo_gallery .list-review-info table tbody tr:first-child td  {*height:30px;}
	#bo_gallery .list-review-info table tr td.item_score span {margin-left:0;}
	#bo_gallery .list-review-item-btn-wrap {float:left; width:calc(100% - 38% - 10px); margin-top:5px;}
	#bo_gallery .list-review-item-btn-wrap a {font-size:13px; padding:0; height:29px; line-height:28px;}
	#bo_gallery .list-review-item-btn-wrap a.btn_safety_site img {margin-top:6px;}
	#bo_gallery .list-review-wr-info {float:left;}
	#bo_gallery .list-review-wr-info .list-review-wr-view a {font-size:13px;}
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#list-body  li{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33%;display: inline-block;}

.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}



.row-cols-lg-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

#bo_gallery .wr-now {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.75);
	z-index:1;
}

.bg-orangered {
  background-color: orangered !important;
  color: #fff;
}
.label-cap { z-index:2; font-family: tahoma; top: -11px; letter-spacing:1px; width: 140px; padding: 20px 0 3px; right: -60px; font-size: 11px; color:#fff; position: absolute; text-align: center; font-weight:normal; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);	-moz-transform: rotate(45deg);	-webkit-transform: rotate(45deg); }
