* {
	box-sizing:border-box;
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
	overflow:hidden;
}
  
body {
	background:#3f4b5c;
	font-size:14px;
}

header, content, footer { width:100%; margin:0 auto; }

.sidebar { 
	display:inline-block; float:left; width:210px; 

}

.lhd { display:none; }

.sidebar ul,li { list-style:none; }
.sidebar .inner { padding:10px; }
.sidebar .inner ul {
	padding:15px;
}

.sidebar .inner ul li {
	color:#fff;
	font-size:13px;
	font-weight:500;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #515d6e;
}

.sidebar .inner ul li a {
	color:#fff;
	text-decoration:none;
	
}

.sidebar .inner ul li a:hover {
	color:orange;
}

/* 버거메뉴 */
.buger_menu ul,li { list-style:none; }
.buger_menu .inner { padding:10px; }
.buger_menu .inner ul {
	padding:15px;
}

.buger_menu .inner ul li {
	color:#fff;
	font-size:14px;
	font-weight:500;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #515d6e;
}

.buger_menu .inner ul li a {
	color:#fff;
	text-decoration:none;
	
}

.tag-result { display:none; font-size:10px; color:#7673ff; }
.copy-tags { color:#00c; }
.copy-tags:hover { color:red; cursor:pointer; }
.get-tags { background:#eee; border-radius:5px; padding:0 5px; }
.get-tags:hover { background:#000; color:#fff; cursor:pointer; }



.buger_menu .inner ul li a:hover {
	color:orange;
}
/* 버거메뉴 */

.sidebar .side_ad {	
	width:180px;
	height:180px;
	border:1px solid #515d6e;
	margin:15px;
	color:#909396;
	line-height:180px;
	text-align:center;
}

.sidebar .side_adsense {
	margin:15px;
	width:180px;
	height:600px;
	/*border:1px solid #515d6e;*/
}

.search { 
    max-width: 350px;

    display: flex;

    align-items: center;
    padding: 10px;
}
.search input {
	padding: 11.2px;
    /* margin: 10px; */
  
    display: flex;
	flex:9;
	height:38px;
    border: 1px solid #000;
}

.search input[type=text]:focus {
    outline: none;
}

.search button {
    /* width: 20%; */

    width:40px;
    display: flex;
    padding: 10px;
	height:38px;
    border: none;
    border: 1px solid #000;
    border-left: none;
}

.header {  

	background-color: #2d3539;

}

.wrap { 
	overflow: scroll;
	background: #edf0f5; 
	margin:0 auto;
	height:100%;

}

.navybar {
	display:inline-block;

}

.content {
	padding: 10px;
}

/*
.content h2 { font-size:18px; padding:5px 10px 0 10px; }
.content h2 a { color:#333; text-decoration:none; }
.content h2 a:hover { text-decoration:underline; }
*/

.footer {
	padding:0 20px;    
    color: #767a83;
    line-height: 1.5;
    text-align: center;
    font-size: 12px;
	height:140px;
}

.footer_desc {
	width:50%;
	padding:10px 0;
	border-top:1px solid #ccc;
	margin:0 auto;
}

.footer_aff {
	border:1px solid #ccc;
	background:#f3f3f3;	
	width:64px;
	font-size:12px;
	margin:0 auto;
	margin-bottom:5px;
}
.footer_aff:hover {
	background:#e0eeff;
}

.footer_url {
	font-weight:bold;
	color:#868686;
	text-decoration:none;
}
.footer_url:hover {
	color:orange;
}

.top_ad {
	max-width:728px;
	height:100px;
	/*
	border: 1px solid #ddd;
	background:#fff;*/
	margin:10px; 
}

.top_ad .adx { width:728; height:90px; }

.box { 
    border: 1px solid #dbdde2;
	background:#fff; 
	padding: 10px;
	margin:10px; 
	line-height:24px;	
	font-size:12px;
}

.s50 { width:50%; }
.s25 { width:25%; }

.navybar h1 { font-weight: 400; font-size:22px; padding:10px 20px; color:#fff; }
.navybar h1 { display:inline-block; }
.navybar .title_s { display:inline-block; color:#a5a5a5;}

.paging { text-align:center; }
.paging a { color:#000; font-weight:bold; margin:0 5px; text-decoration:none;}
.page_select { border:1px solid #00a9cc; width:20px;height:20px;display:inline-block;color:#00a9cc;}

/* Post Table */
.info-table {
	padding:10px;
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    color: #314351;
    font-size: 0.857em;
    line-height: 1em;
    font-family: "museo-sans",sans-serif;
	
}

.info-table th, .info-table td {
    border: 1px solid #BCBABA;
    border-top-color: #FFF;
    border-right: none;
    padding: 8px 20px 8px 23px;
    vertical-align: middle;
    background: #fff;
    margin: 0;
}

.info-table th {
    background: #3f4b5c;
    text-align: left;
    font-size: 1.083em;
    line-height: 1.538em;
    /*padding: 8px 2px 8px 2px;*/
    color: #fff;
    text-shadow: 0px -1px 1px rgba(0, 81, 168, 0.38);
    /*border-color: #2c90df;*/
    font-weight: 900;
}

.info-table td a { text-decoration:none; color:#00c;}

.info-table th:last-child {
    border-right: 1px solid #BCBABA;
    /*text-align: center;*/
}

.info-table td.last, .info-table td:last-child {
    border-right: 1px solid #C2CAD0;
}

.info-table .even td, .info-table tr:nth-child(even) td {
    background: #fff;
}

.info-table td.find2 { text-align:center; padding:5px 0; }

.find { width: 150px; }

.info-table form {
	/*margin:10px 0;*/
}

.info-table input, .info-table button {
	font-size:1em;
	padding:5px;
}
.info-table button { border:none; background:none;}

.info-table input { border:none; }
.info-table input:focus { outline: none; background:#faffde;}


/*
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;

  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}
*/




table.key {		
	width:100%;
	border-collapse: separate;
	border-spacing: 0px;
	background:#fff;
	
	text-align: left;
	line-height: 1.5;
	margin: 10px 0px;

	border-left: 1px solid #999;
	font-size:14px;
}

table.key th {
	padding: 6px 10px;
	font-weight: bold;
	vertical-align: middle;

	background: #2d3539;
	color:#fff;

	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	
}
table.key td {
	padding: 6px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #999;
	/*background: #fafafa;*/
	/*overflow:hidden;*/
	border-right: 1px solid #999;
}	

table.key th.keyword {
	width:300px;
}

table.key tr:nth-child(even) {
	/*background:#f7f8ff;*/
}

table.key td:nth-child(4) {
	/*background:#f7f8ff;*/
}

table.key tr:hover{
	background:#eee;
}

table.key a { color:#00c; text-decoration:none;}
table.key a:hover { color:red;}

#excel { display:none; cursor:pointer; border:1px solid #109000; background:#fff; width:115px; padding:5px;text-align:center; }
#excel:hover { background-color: #e4fff6; }

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #fff;
    color: #000;
    
    padding: 5px;
    border-radius: 6px;
	border:1px solid #000;
	top:25px;
	right:10px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.naver:hover, .tistory:hover, .daum:hover, .etc:hover { background-color:#000 !important; }

.naver { background:#23B400;color:#fff;padding:2px 5px;font-weight:bold; }
.tistory { background:orangered;color:#fff;padding:2px 5px;font-weight:bold; }
.daum { background:#0089ff;color:#fff;padding:2px 5px;font-weight:bold; }
.etc { background:#ccc;color:#fff;padding:2px 5px;font-weight:bold }

#relkey_on { display:none; }
#relkey li { list-style: disc outside none; margin:2px 10px 2px 0; display:inline-block}
#relkey li a { color:#00c; text-decoration:none; font-size:13px;}
#relkey li a:hover { color:red; }

.buger_menu { display:none; }

.header .burger {
  width: 40px;
  display:none;
  float:right;
  margin-right:10px;
  cursor: pointer;
  padding: 10px;
}

.burger-brick {
    position: relative;
    top: 4px;
	height:2px;
	background:#fff;
	margin-bottom:4px;
}

.coupang_ad { display:none; }

#overlay{	
	position: absolute;
	top: 0;
	left:0;
	z-index: 100;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.8);
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;

	align-items: center;  
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	0% { 
		transform: rotate(0deg); 
	}
	100% { 
		transform: rotate(359deg); 
	}
}


@media(max-width:1000px){
	.pc {display:none !important; }
	.sidebar { display:none; }
	.footer_desc {	width:100%;	}
	.footer { margin-bottom:50px; }	
	.pc {display:none; }
	#relkey {  }
	.content { padding:5px 2px; }
	.header .burger { display:inline-block; }
	table.key { font-size:12px; }
	table.key th.keyword {
		width:auto;
	}	
}

@media(max-width:460px){
	.txt_line { width:100px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.info-table td:nth-child(5) {
		border-right: 1px solid #C2CAD0;
	}
	.info-table th { text-align:center; }
	.info-table th, .info-table td {
		 padding: 8px 2px 8px 2px;
	}
	.info-table td.find2 { text-align:center; padding:0; }
	.find { width: 100px; }
	
	.navybar .title_s { display:none; }	
	.footer_desc {
		width:100%;
	}
	.footer { margin-bottom:50px; }
	.top_ad {
		
		height:100px;
		/*border: 1px solid #ddd;
		background:#fff;*/	
		margin:10px auto; 
		text-align:center; 
	}
	.side_adsense { display:none; }
	.coupang_ad {
		display:block;
		text-align:center;
		height:100px;
		margin:10px auto;
	}
	
	.pcw {display:none; }

	#relkey li a { font-size:12px; }	
	.top_ad .adx { width:300px; height:100px; margin: 0 auto; }
	.search { margin:0 auto; }
	
}