html { overflow-y:scroll; }

a:link		{ text-decoration: none; color:green; letter-spacing:-0.1px; }
a:visited	{ text-decoration: none; color:green; }
a:hover	{ text-decoration: underline; color:#32a852; }
a:active	{ text-decoration: none; } 

body 
{
	margin : 0px;
	padding : 0px;
	line-height : 17px;
	background-color : #f9f9f9;
	background-image : url('https://devlink.pages.dev/images/bg3.png');
}

#top
{
	border:0px solid red;
	height:25px;
	padding-top:5px;
	padding-left:7px;
}

#head
{
	width:100%;
	border:0px solid red;
	display:table;
	font-size:13px;
	padding:0px 0 17px;
}
#head_left			{ 	display:table-cell; width:80px; vertical-align:top; text-align:left; color:#999; border:0px solid red; }
#head_center		{ 	display:table-cell; text-align:center; border:0px solid red; }
#head_right			{ 	display:table-cell; width:80px; vertical-align:top; text-align:right; color:#999; border:0px solid red; font-size:15px;   }
#head_right a		{	color:#666;	}
#head_right a:hover{	color:#ddd;	}
#head_txt			{	color:yellow; }
.head_icon:hover	{ -filter: alpha(opacity=60); opacity: .6; }
.id_link				{  color:#000 !important;	}
.id_link:hover		{  color:#555 !important;	}

h1
{
	/*
	width:100%;
	border:1px solid red;
	*/
	padding-top:5px;
}

input 
{
}

.space
{
	height:15px;
}
.space2
{
	border:0px solid red;
	height:20px;
	text-align:center;
	padding:0;
	color:#ccc;
	vertical-align:middle;
}


.contents
{
	border : 1px solid #ccc;
	font-weight : none;
	word-break : break-all;
	padding : 15px;
	background-color:#fff;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #ddd;
}

.input-group-text
{
}

div
{
}

#get_txt
{

}

.data_row
{
	width:100%;
	margin:0;
	border:0px solid brown;
	display:table;
	padding:0;
}
ul:hover
{
}

li
{
	/*
	box-sizing: border-box;
	float:left;
	position: relative; 
	*/
}

.dropdown-menu
{
	padding:0;
}
.dropdown-divider
{
	padding:0;
	margin:0;
}
.category_top_li
{
	font-size:14px;
	padding:7px 10px;
}
.category_li
{
	font-size:14px;
}
.category_li:hover
{
	background-color:#f5f5f5;
}
.category_li a
{
	font-size:14px;
	padding:7px 10px;
}
.category_li a:hover
{
	background-color:#f5f5f5;
}
.category_li a:active
{
	color:#333;
}
.top_category li:hover
{
	background-color:#e1e1e1;
	cursor:pointer;
}
.dropdown-menu li input
{
	margin-left:5px;
	cursor:pointer;
}
.dropdown-menu li label
{
	margin-top:2px;
	cursor:pointer;
}
.dropdown:hover
{
	background-color:#fff;
}
.dropdown-item:active {
	background-color: green;
}

input[type=radio]:checked
{
	background-color: gray;
	border:none;
}

.li_01
{
	/*
	display:block;
	width:55px;
	*/
	display:table-cell;
	border : 0px solid red;
	width:55px;
	padding:0;	
	margin:0;
	vertical-align: top;
	text-align:center;
}
.fa-star 
{
	color:#ccc;
	margin:14px 0 0 0;
}
.fa-star:hover
{
	color:#ffae00;
}
	
.li_01 button { font-size:12px; padding:6px 0; }
.btn_rank { margin:0 !important; border : 1px solid #cfefa2 !important; }
.li_02
{
	border : 0px solid blue;
	display:table-cell;
	width:100%;
	vertical-align: top;
	padding:0;	
	padding-left:12px;
	line-height:22px;

}
.li_03
{
	/*
	display:block;
	padding-top:5px;
	text-align:center;
	float:right;
	*/
	border : 0px solid red;
	width:50px;
	display:table-cell;
	vertical-align: top;
	padding:5px;	
	padding-top:10px;
}

.vote
{
	margin-top:5px;
}

.btn_rank
{
	width:55px;
	border:0px solid red;
	margin-top:5px;
}

.date
{
	color:#999;
	font-size:11px;
}
.link2
{
	color:#666;
	font-size:11px;
}

.dot
{
	border: none;
	border: 1px dashed #fff;
	border-color: #999;
	color: #fff; 
	height:0px;
	opacity: 0.25;
	border-bottom: 0px;
	padding:0;
	margin:13px 0 13px 0;
}

@media all and (max-width:890px) /* Mobile */
{ 
	#category_pc { display:none; }
	body { padding:8px; }
	#top { padding:0; height:5px; }
	#category_mobile { border:0px solid red; }
} 
@media all and (min-width:891px) /* PC */
{ 
	#category_mobile { display:none; }
	#category_pc { width:100% !important; }
} 

.category_txt button
{
	font-size:12px;
}

.btn:focus, .btn:active, .btn:active:focus, input:active
{
	outline: none !important;
	box-shadow: none !important;
}

.category_mobile_li
{
	padding:4px 0 4px 0;
}

#img_loading
{
	padding:155px 0 455px 0; 
}

#category_pc
{
	float:left;
	width:74%;
}
#category_pc div
{
	width:100%;
}

#right_dropdown
{
	float:right;
}
#right_dropdown button, #right_dropdown li
{
	font-size:12px;
}


span.typing-txt
{
	font-family: 'Black Han Sans', sans-serif;
}
#layer_04 { font-family: 'Black Han Sans', sans-serif; }



#layer_01		{ opacity: 0; -filter: alpha(opacity=0); }
#layer_02		{ opacity: 0; -filter: alpha(opacity=0); }
#layer_03		{ opacity: 0; -filter: alpha(opacity=0); }
#layer_04		{ opacity: 0; -filter: alpha(opacity=0); }

.form-control:focus
{
	border:1px solid #999;
	border-color: none;
	box-shadow: none;
}

.voted
{
	border-bottom:1px solid green !important;
}


/* 카테고리 and 정렬 */
#cell
{
	width:100%;
	display:table;
}
#cell_left
{
	display:table-cell;
	vertical-align:top;
	width:100%;
}
#cell_right
{
	display:table-cell;
	border:0px solid blue;
	/* width:197px; */
	white-space: nowrap;
	padding-left:5px;
}

#input_search
{
	padding : 5px 0 7px 8px;
}