@charset "utf-8";
@import url('https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css');

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:1.0rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

/* 게시판 읽기 */
#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
}
@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con { 
		min-height:140px; 
	}
}

#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;
}

/* 게시판 읽기 : SNS 공유 */
#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; 
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#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_w .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
#bo_w #wr_content { 
	margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px !important;
	}
}


.ub_warning {border:1px solid #e1e1e1; padding:10px; background:#fefef4; margin-bottom:20px; _height:1%;}
.ub_warning p {margin-bottom:10px; color:#3f3f1a; font-weight:bold;}
.ub_warning .box {background:#fff; border:1px solid #cecece; height:160px;}
.ub_warning .box .head {padding:10px; background:#f0f0e7;}
.ub_warning .box .head h4 {font-size:12px;}
.ub_warning .box .b_body {padding:10px}
.ub_warning .box .b_body ul li {background:url(../images/dot_list_bg.gif) no-repeat 0 6px; padding:0 0 0 10px; letter-spacing:-1px;}
.ub_warning .box .betwa {margin-top:8px;}
.ub_warning table td {vertical-align:top;}

.ub_request { border:3px solid #dfdfdf; text-align:center; padding:15px; font-weight:bold; }

.user_input {background:#bc2c2c; color:#fff; font-size:14px; padding:3px 0 1px 13px; }
.user_result {background:#b13933; color:#fff; font-size:14px; padding:3px 0 1px 13px;}
.user_result span {font-weight:normal;}
.ub_bet_start {margin-bottom:8px; margin-top:5px; border:1px solid #e5e5e5; background:#fafafa; padding:10px; font-weight:bold; text-align:center;}
.ub_bet_start span {color:#09C;}
.caution {background:#faf8eb url(../images/ico_warning.gif) no-repeat 35px 21px; padding:20px 0 20px 60px; margin-bottom:8px; border:1px solid #b59f18;}

.ub_list {padding:20px 25px 20px 25px; margin-bottom:8px; overflow:hidden; clear:both; border:1px solid #bc2c2c; background:#f9faf5; _height:1%;}
.ub_result {border:1px solid #b13933; padding:20px 25px 20px 25px; margin-bottom:8px; overflow:hidden; clear:both; background:#f9faf5; _height:1%}
.ub_result table {margin-bottom:20px; clear:both;}
.ub_result td input {border:1px solid #ccc; width:300px;}
.ub_result th {text-align:left; width:120px;}
.ub_list .ub_select {clear:both;}
.ub_list .ub_select ul {clear:both; margin-bottom:5px; _height:1%; padding-top:5px;}
.ub_list .ub_select ul li {float:left; list-style:none;}
.ub_list .ub_select ul .app {width:300px; color:#222; font-size:14px;}
.ub_list .ub_select ul .app span {color:#888; font-size:12px;}
.ub_list .ub_select ul .grp {width:380px; position:relative;  height: 20px; margin-bottom: 10px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.ub_list .ub_select ul .grp .fill {background:#c8281e; float:left; padding:0 10px 0 0; text-align:right; color:#fff; font-weight:bold; font-size:11px;  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); height: 20px; min-width:25px}
.ub_list .ub_select ul .grp .fill .fill_pop {position:absolute; top:0; left:0; width:100%; background:#1d88db no-repeat; color:#fff; height:25px; text-align:center; z-index:100; font-weight:normal;}
.ub_list .ub_select ul .num {padding:0 0 0 10px; font-size:12px;}
.ub_list .ub_select .my_select {font-size:12px; color:#06C; font-weight:bold; margin-left:15px;}
.ub_list .ub_select .my_select span {font-weight:normal; color:#333;}
.ub_list .ub_select .bet_shot {background:url(../images/ico_correct.gif) no-repeat; padding:0 0 0 42px;}
.ub_list .ub_select .bet_mang {background:url(../images/ico_incorrect.gif) no-repeat; padding:0 0 0 42px;}
.ub_list .ub_select .bet_ng {background:url(../images/ico_nogame.gif) no-repeat; padding:0 0 0 42px;}
.ub_list .sel_btn li { list-style:none; }
.ub_list .sel_btn {clear:both; padding:10px; background:#f1f3e6; border:1px solid #d3d7b6; margin-top:10px; position:relative; _height:1%;}
.ub_list .sel_btn .tit {float:left; width:140px; font-weight:bold; list-style:none;}
.ub_list .sel_btn .bet_box {float:left; margin-right:15px;}
.ub_list .sel_btn .btn_bet{width: 60px;height: 18px;font-size:12px;border: 1px solid #999;border-radius: 3px; justify-content: center; cursor: pointer;}
.ub_list .sel_btn_chk {padding:10px 0 2px 20px; width:600px;}
.ub_result .sel_btn_chk {margin-bottom:15px;padding:10px 0 2px 20px; width:auto;background-color: #F2DEDE; border-color: #EED3D7;color: #B94A48; -moz-box-sizing: border-box;}

.bet_my {padding:0; border:none; margin-top:0;}

.det_con_table {clear:both; margin-bottom:7px; width:100%;}
.det_con_table table td {padding:5px 0 5px 0; text-align:center;}
.det_con_table .det a {background:url(../images/btn_bet_det.gif) no-repeat right 0; padding:0 20px 0 0;}
.det_con_table .rate span {color:#999; padding-left:7px;}
.det_con_table .aorb {background:#fffaf3;}
.det_con_table .my_ys {width:70px; background:#ededed;}
.det_con_table .entry_top {overflow:auto;}
.det_con_table .entry_top ul {overflow:auto; float:left; width:300px; padding:10px 0 0 10px;}
.det_con_table .entry_top ul .teamlogo {float:left; margin-right:15px;}
.det_con_table .entry_top ul .teamname {font-weight:bold; font-size:15px; font-family:돋움,Dotum; letter-spacing:-1px; margin:10px 0 5px 0;}
.result_top thead td, .result_top thead th {background:#f5f5f5; font-weight:bold; text-align:center;}
.result_top_red thead th {background:#faf1ef; font-weight:bold; height:30px;}
.set_table thead th {background:#f1f9fb; font-weight:bold; height:26px;}
.set_table thead .map {width:110px;}
.set_table tbody .set {width:30px; background:#f1f9fb;}

.rule_help {position:relative;}
.rule_help a {background:url(./ico_q.gif) no-repeat right; padding:0 18px 0 0;}
.rule_help .rule_help_box {position:absolute; top:20px; left:10px; background:#e4e5f0 url(./bg_tooltip.gif) repeat-x; border:1px solid #767676; width:170px; text-align:left; padding:8px; z-index:100}
.rule_help .rule_help_box p {font-size:11px; line-height:1.4; color:#000;}

.simple_wrap {position: relative;}
.simple_wrap .simple_bet {position:absolute; width:720px; right:0; z-index:100; text-align: left}
.simple_wrap .simple_bet h5.user_input {font-size:12px; background-color:#bc2c2c; color:#fff; padding:6px 0 5px 13px; text-align:left; display:block}
.simple_wrap .simple_bet h5.user_input a {float: right; padding:3px 12px;}