@charset "utf-8";
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;}
::before,::after{--tw-content:''}
html{line-height:1;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
 -ms-content-zooming: none; -ms-touch-action: pan-x pan-y;}
body{margin:0;line-height:inherit; touch-action: pan-x pan-y; zoom:1; }
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type='search']{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:theme('colors.gray.400',#9ca3af)}
button,[role="button"]{cursor:pointer}:disabled{cursor:default}
img{pointer-events: none;}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
pre {
    white-space: pre-line;
    word-break: break-all;
    /* overflow-x: auto !important; */
}
:root{
    /* 폰트 굵기 설정 */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    /*색상 설정 */
    --white: #fff;
    --black: #101010;
    --gray01: #606060;
    --gray02: #909090;
    --red01: #de2573;
	--red02: #ffe0ed;
	--red03: #f7f0f3;
	--orange01: #fe4f31;

    /* 트랜지션 관련 설정 */
    --transition: all 0.4s;
    /* 마진·패딩값 관련 설정 */
    --space-10: 10px;
    --space-15: 15px;
    --space-20: 20px;
    --space-25: 25px;
    --space-30: 30px;
    --space-35: 35px;
    --space-40: 40px;
    --space-45: 45px;
    --space-50: 50px;
    --space-55: 55px;
    --space-60: 60px;
    --space-65: 65px;
    --space-70: 70px;
    --space-75: 75px;
    --space-80: 80px;
    --space-85: 85px;
    --space-90: 90px;
    --space-95: 95px;
    --space-100: 100px;
    --space-110: 110px;
    --space-120: 120px;
    --space-130: 130px;
    --space-140: 140px;
    --space-150: 150px;
    --space-160: 160px;
    --space-170: 170px;
    --space-180: 180px;
    --space-190: 190px;
    --space-200: 200px;
}

@media screen and (max-width: 1300px){
    :root{
        --space-50: 40px;
        --space-60: 50px;
        --space-70: 60px;
        --space-80: 70px;
        --space-90: 80px;
        --space-100: 90px;
        --space-110: 100px;
        --space-120: 110px;
        --space-130: 120px;
        --space-140: 130px;
        --space-150: 140px;
        --space-160: 150px;
        --space-170: 160px;
        --space-180: 170px;
        --space-190: 180px;
        --space-200: 190px;
    }
}
@media screen and (max-width: 1100px){
    :root{
        --space-20: 15px;
        --space-30: 20px;
        --space-35: 25px;
        --space-40: 30px;
        --space-45: 35px;
        --space-50: 40px;
        --space-60: 50px;
        --space-70: 55px;
        --space-80: 60px;
        --space-130: 115px;
        --space-140: 120px;
        --space-150: 125px;
        --space-160: 135px;
        --space-170: 140px;
        --space-180: 150px;
        --space-190: 160px;
        --space-200: 170px;
    }
}

@media screen and (max-width: 900px){
    :root{
        --space-50: 35px;
        --space-60: 45px;
        --space-70: 50px;
        --space-80: 55px;
        --space-90: 70px;
        --space-100: 80px;
        --space-110: 90px;
        --space-120: 95px;
        --space-130: 100px;
        --space-140: 105px;
        --space-150: 110px;
        --space-160: 115px;
        --space-170: 120px;
        --space-180: 125px;
        --space-190: 130px;
    }
}

@media screen and (max-width: 767px){
    :root{
        --space-15: 7px;
        --space-20: 10px;
        --space-25: 12px;
        --space-30: 15px;
        --space-35: 20px;
        --space-40: 25px;
        --space-50: 30px;
        --space-60: 40px;
        --space-70: 45px;
        --space-80: 50px;
        --space-90: 60px;
        --space-100: 65px;
        --space-110: 70px;
        --space-120: 75px;
        --space-130: 80px;
        --space-140: 85px;
        --space-150: 90px;
        --space-160: 95px;
        --space-170: 100px;
        --space-180: 105px;
        --space-190: 110px;
        --space-200: 115px;
    }
}
@media screen and (max-width: 320px){
    :root{
    --space-90: 50px;
    --space-100: 55px;
    --space-110: 55px;
    --space-120: 60px;
    --space-130: 65px;
    --space-140: 70px;
    --space-150: 75px;
    --space-160: 80px;
    --space-170: 85px;
    --space-180: 90px;
    --space-190: 95px;
    }
}

*{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.06rem;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    /* color: var(--black); */
    line-height: 1;
	 touch-action: pan-x pan-y; zoom:1;
}


@media screen and (max-width: 1100px){
    *{ font-size: 15px; }
}
@media screen and (max-width: 900px){
    *{ font-size: 14px; }
}
@media screen and (max-width: 767px){
    *{ font-size: 13px; }
}
@media screen and (max-width: 320px){
    *{ font-size: 12px; }
}
/* wrapper 넓이 설정 */
.wrapper{
	height: 100%;
	margin: 0 auto;
}


/* SEO 블라인드 텍스트 처리 */
.blind{
    overflow:hidden;
    display:inline-block;
    position:absolute;
    z-index:-1;
    border:0;
    width:1px;
    height:1px;
    clip:rect(1px,1px,1px,1px);clip-path:inset(50%)
}

html{
	scrollbar-width: thin;
	/* scrollbar-color: var(--red01) #eee; */
	scrollbar-color: var(--red01) #444;
}
body{
	background-color: var(--red03);
	overflow-y: auto;
	
}

/* 광고배너 */
.tail-banner-slide{
	width: 1024px;
	margin: 15px auto 0;
}

.tail-banner-slide .swiper-wrapper{}

.tail-banner-slide .swiper-slide{}

.tail-banner-slide .swiper-slide a{
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.tail-banner-slide .swiper-slide a img{}

.tail-banner-slide .swiper-pagination .swiper-pagination-bullet-active{
	background-color: var(--red01);
}

@media screen and (max-width: 1300px){
	.tail-banner-slide{
		width: 90%;
	}
}

@media screen and (max-width: 767px){
	.tail-banner-slide{
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	.tail-banner-slide .swiper-pagination{
		bottom: 5px;
	}

	.tail-banner-slide .swiper-pagination .swiper-pagination-bullet{
		width: 6px; height: 6px;
	}
}


/* 우측 콘텐츠 영역 넓이 잡아주기 */
.body-right{
	min-height: 92.5vh;
}
.body-right,#footer{
	max-width: 100%;
	margin-left: 250px;
	box-sizing: border-box;
	padding: 130px 20px 20px;
	background:#111;
}



@media screen and (max-width: 1200px){

	.body-right, #footer{
		margin-left: 0;
		width: 100%;
		padding-top: 110px;
	}

}

@media screen and (max-width: 767px){
	.body-left{
		max-width: 45%;
		right: -45%;

	}
	.body-right, #footer{
		padding-left: 15px;
		padding-right: 15px;
	}
	.body-right-head .logo-box{
		width: 145px;
	}

	.body-right-head .header-right .hamburger_btn{
		width: 22px; height: 18px;	
	}

}

@media screen and (max-width: 500px){
	
	.body-left{
		max-width: 65%;
		right: -65%;

	}

	.body-right, #footer{
		padding-top: 95px;
	}
	
}


/* 우측영역 타이틀박스 */
.title-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.title-box h1{
	font-size: 1.5rem;
	font-weight: var(--fw-600);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	color:#fff;
}

.title-box h1 .btn-desc{
    font-size: 13px;
    background-color: #ffeec7;
    color: #ff8400;
	border: 1px solid #ffd982;
    text-align: center;
    box-sizing: border-box;
    padding: 2px 5px;
    border-radius: 2px;
	font-weight: var(--fw-500);
}

.title-box .breadcrumb{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.title-box .breadcrumb li{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 3px;
	padding: 0 10px;
	font-size: 0.875rem;
	font-weight: var(--fw-300);
	color: var(--gray01);
	position: relative;
}

.title-box .breadcrumb li:not(:last-child)::after{
	content: "";
	font-family : xeicon;
	position: absolute;
	top: 50%; right: -7px;
	transform: translateY(-50%);
}

.title-box .breadcrumb li i{
	color: inherit;
}

.title-box .description{
	width: 100%;
    background-color: #ffeec7;
	border: 1px solid #ffd982;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 2px;
	font-weight: var(--fw-500);
	margin-top: 15px;
}

.title-box .description h2{
	font-size: 15px;
	color: #ff8400;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	border: 1px solid #ffd982;
	text-align: center;
}

.title-box .description h2 i{
	font-size: 16px;
	color: inherit;
	margin-right: 3px;
}

.title-box .description .btn-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

.title-box .description .btn-box button{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	margin-top: 10px;
	background-color: #ff8400;
	color: var(--white);
	padding: 7px 10px;
	border-radius: 5px;
}

.title-box .description .btn-box button i{
		color: inherit;
	
}

.title-box .description .btn-box button span{
	font-size: 15px;
	color: inherit;
	font-weight: var(--fw-500);
}


@media screen and (max-width: 1200px){
	.title-box .description{
		padding: 10px 12px;
	}
	
	.title-box .description h2{
		font-size: 14px;
	}
	
	.title-box .description .btn-box button span{
		font-size: 14px;
	}
}



/* 공통스타일 */
 .search-container,
 .content-box,
 .domain-list-box{
	display: flex;
    justify-content: center;
    margin-bottom: var(--space-20);
	background-color: var(--white);
	border-radius: 5px;
	/* box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15); */
	box-shadow:0 0 10px rgba(227,227,227,0.15);
	margin-top: var(--space-30);
	box-sizing: border-box;
	padding: 30px 20px;
}
.search-box {
	display: flex;
}
/*   #keyword, #code, #placeId, #placeName, #productId, #productName, #brandName, #amount, #currencySelect, #methodSelect, #url, #titleInput, #contentInput {
	background-color: var(--gray03);
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px;
	width: 250px;
	font-size: 16px;
	transition: border 0.3s;
	margin-right: 10px;
} */

/* #currencySelect, #methodSelect{
	width: 150px;
}
 */
/* #keyword:focus, #code:focus, #placeId:focus, #placeName:focus, #productId:focus, #productName:focus, #brandName:focus, #amount:focus, #currencySelect:focus, #methodSelect:focus, #url:focus, #titleInput:focus, #contentInput:focus {
	border-color: var(--red01);
	outline: none;
	box-shadow: 0 0 5px rgba(30, 127, 163, 0.5);
} */
#submitBtn, #screenshotBtn, #resetBtn, #clear-kw {
	padding: 14px 30px;
	background-color: var(--red01);
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	transition: var(--transition);
	height: 45px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	opacity: 1;
	font-weight: var(--fw-600);
}
#submitBtn:hover, #screenshotBtn:hover, #resetBtn:hover, #clear-kw:hover {
	opacity: 0.7;
	transform: translateY(-2px);
}

#submitBtn i, #screenshotBtn i, #resetBtn i, #clear-kw i{
	color: inherit;
	font-size: 18px;
}

#submitBtn i{
	font-weight: var(--fw-700);
}

#screenshotBtn, #resetBtn, #clear-kw{
	background-color: var(--orange01);
	/* margin-left: 10px; */
}
#includeSearchPartners {
	display: flex;
	align-items: center;
}
input[type="checkbox"] {
	display: none;
 }
 input[type="checkbox"] + label {
	position: relative;
    padding-left: 25px;
    cursor: pointer;
    user-select: none;
	color: var(--gray01);
	margin-top: 10px;
	font-size: 0.9375rem;
}
input[type="checkbox"] + label:before {
	content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
	transition: var(--transition);
	margin-top: -1px;
}

input[type="checkbox"]:hover + label:before{
	border-color: var(--gray02);
}
input[type="checkbox"]:checked + label:before {
	background-color: var(--red01);
	border-color: var(--red01);
}
input[type="checkbox"]:checked + label:after {
	content: '\f00c';
	font-family: "Font Awesome 6 Free";
	font-weight: var(--fw-600);
	color: var(--white);
	font-size: 13px;
	position: absolute;
	top: 50%;
	left: calc(20px / 2);
	transform: translate(-50%, -50%);
	margin-top: -1px;
}
#resultContainer {
	margin-top: 20px;
	padding: 20px;
	border-radius: 5px;
/*	background-color: white;*/
/*	box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15);*/
	overflow-x: auto;
}



/* 모바일에서만 표시 */
@media (max-width:768px){
  .scroll-notice{
    display:inline-block;
    margin:12px auto 15px;
    padding:8px 14px;
    font-size:14px;
    font-weight:700;
    color:#de2573;
    border:1px dashed #de2573;
    border-radius:8px;
    background:#fff5fa;
    text-align:center;
  }

  #resultContainer{
    text-align:center;
  }
}

.scroll-notice2{
    display:inline-block;
    margin:12px auto 15px;
    padding:8px 14px;
    font-size:14px;
    font-weight:700;
    color:#de2573;
    border:1px dashed #de2573;
    border-radius:8px;
    background:#fff5fa;
    text-align:center;
  }





#resultContainer .chart-container{
	margin-bottom: var(--space-20);
}
table{
	width: 100% !important;
	border-collapse: collapse;
	margin-bottom: 20px;
	/* table-layout: fixed; */
}
th, td {
	 border: 1px solid #444; 
	padding: 12px;
	text-align: left;
	word-wrap: break-word;
}
th {
	/* background-color: #f2f2f2; */
	font-weight: var(--fw-700);
	color: var(--red01);
	border-bottom: 1px solid #d1d1d1;
	font-size: 1rem;
}
/*tr:nth-child(even) {*/
/*	background-color: #eee;*/
/*}*/
td{
	font-size: 0.9375rem;
	color: #fff;
	/*color: #505049;*/
}

.td_black{
	color : #000000; !important;
}


/* 결과화면 에러부분 */
.error-box{
    background-color: var(--white);
    border-radius: 5px;
    /* box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15); */
	box-shadow:0 0 10px rgba(227,227,227,0.15);
    box-sizing: border-box;
    padding: 80px 20px;
	width: 100%;
}

.error-box figure{
	width: 500px;
	margin: 0 auto;
}

.error-box figure img{}

.error-box .error-tit{
	font-size: 1.4375rem;
	font-weight: var(--fw-700);
	color: var(--red01);
	text-align: center;
	margin-top: 20px;
}

@media screen and (max-width: 900px){
	.error-box figure{
		width: 440px;
	}
}

@media screen and (max-width: 500px){
	.error-box figure{
		width: 90%;
	}
}

.status{
	margin-left: 5px;
    font-size: 0.75rem;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 5px;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.status-sold{
	background-color: #ffe5e6;
    color: #b5252a;
}

.status-available{
	background-color: #d2fdd2;
    color: #225322;
}

.status-reserved{
	background-color: #fdf4d2;
    color: #ff8400;
}

#domainTable th:last-child,
#domainTable td:last-child{
	text-align: center;
}

.sort-button{
	margin-left: 5px;
}

#domainTable .btn-buy{
	display: inline-block;
	font-size: 0.875rem;
	padding: 10px 15px;
	border-radius: 3px;
	background-color: var(--orange01);
	color: var(--white);
}

#domainTable .btn-buy span{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}


#resultContainer h2,
#resultContainer .graph-title{
	font-size: 1.125rem;
	font-weight: var(--fw-700);
	margin-bottom: var(--space-15);
}


#resultContainer.flex{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 30px;
}

#resultContainer.flex .result-left{
	/* width: 60%; */
	width: 100%;
}

#resultContainer.flex .result-right{
	/* width: calc( 40% - 30px ); */
	width: 100%;
}


#backlinkChart{
	/* width: 480px !important; */ /* height: 480px !important; */
	margin: 0 auto;
}

#resultContainer.web-backlink2 table th{
	width: 35%;
}


 .board-container{
	margin-top: var(--space-30);
	border-radius: 10px;
	box-shadow: 0 4px 24px rgba(0,0,0,0.35);
	background-color: #1c1c1e;
	border: 1px solid rgba(255,255,255,0.06);
	overflow: hidden;
 }

 .board-container .board-header,
   .board-container .board-content-item a{
	display: flex;
	flex-direction: row;
	align-items: center;
		padding: 17px 5px;
		text-align: center;

 }

  .board-container .board-header{
	background-color: var(--red01);
	color: var(--white);
	font-weight: var(--fw-700);
	font-size: 0.9375rem;
	border-bottom: 1px solid rgba(255,255,255,0.06);
  }

  .board-container .board-header span{
		color: inherit;
		font-weight: inherit;
		font-size: inherit;
	}

	.board-container .board-header .bh-num,
	.board-container .board-content .bc-num{
		width: 5%;
	}

	.board-container .board-header .bh-subject,
	.board-container .board-content .bc-subject{
		width: 80%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.board-container .board-header .bh-date,
	.board-container .board-content .bc-date{
		width: 10%;
	}

	.board-container .board-header .bh-view,
	.board-container .board-content .bc-view{
		width: 7%;
	}

 .board-container .board-content{}

   .board-container .board-content-item{
		border-bottom: 1px solid rgba(255,255,255,0.05);
		transition: var(--transition);
   }

   .board-container .board-content-item:hover{
		background-color: rgba(255,255,255,0.025);
   }

  .board-container .board-content-item a{
	padding: 17px 5px;
  }

.board-container .board-content span{
	color: #8a8a8f;
	transition: var(--transition);
	font-size: 0.875rem;
}

.board-container .board-content-item:hover span:not(.bc-subject){
	color: #b8b8bd;
}

 .board-container .board-content .bc-subject{
	text-align: left;
	color: #e8e8ea;
	font-weight: var(--fw-500);
	font-size: 0.9375rem;
 }

 .board-container .board-content-item:hover .bc-subject{
	color: var(--white);
 }

.board-pagination{
	margin-top: var(--space-35);
	padding-bottom: var(--space-40);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.board-pagination .arrow{}

.board-pagination .arrow i{
	font-size: 1rem;
	color: #8a8a8f;
	opacity: 0.7;
	transition: var(--transition);
}

.board-pagination .arrow:hover i{
	opacity: 1;
	color: #e8e8ea;
}

.board-pagination .pagination-list{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}

.board-pagination .pagination-list li{}

.board-pagination .pagination-list a{}

.board-pagination .pagination-list span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px; height: 25px;
	border-radius: 50%;
	color: #8a8a8f;
	font-size: 0.875rem;
	cursor: pointer;
	transition: var(--transition);
}

.board-pagination .pagination-list li:hover span{
	color: #e8e8ea;
}

.board-pagination .pagination-list-item.active span{
	color: var(--white);
	background-color: var(--red01);
}

.board-container.list .btn-box{
		/* margin-top: var(--space-30); */
		padding: 0 30px;
		 padding-bottom: var(--space-40);
		 display: flex;
		 flex-direction: row;
		 align-items: center;
		 gap: 10px;
		 justify-content: flex-end;
}

.board-container.list .btn-box a{
	display: inline-block;
    padding: 12px 25px;
    font-weight: var(--fw-500);
    box-sizing: border-box;
    border-radius: 6px;
	background-color: var(--red01);
	color: var(--white);
	transition: var(--transition);
}

.board-container.list .btn-box a:hover{
	background-color: #c21f66;
	box-shadow: 0 4px 14px rgba(222,37,115,0.3);
}

.board-container.view .board-header,
.board-container.view .board-content{
	padding: 28px 30px;
}

.board-container.view .board-header{
	flex-direction: column;
	/* align-items: flex-start; */
	gap: 12px;
	color: var(--white);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}

.board-container.view .board-header *{
	color: inherit;
}

.board-container.view .board-header h2{
	font-size: 1.25rem;
	font-weight: var(--fw-600);
	letter-spacing: -0.01em;
	line-height: 1.5;
}

.board-container.view .board-header .info-box{
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 14px;
	opacity: 0.75;
}

.board-container.view .board-header .info-box p{
	font-size: 0.8125rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	font-weight: var(--fw-400);
}

.board-container.view .board-content{
	min-height: 300px;
	color: #d4d4d8;
	font-size: 0.9375rem;
	line-height: 1.75;
}

.board-container.view .board-content p{
	color: inherit;
}

.board-container.view .btn-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 30px var(--space-20);
}

.board-container.view .btn-box a{
	display: inline-block;
	padding: 11px 28px;
	font-weight: var(--fw-500);
	box-sizing: border-box;
	border-radius: 6px;
	font-size: 0.9375rem;
	transition: var(--transition);
}

.board-container.view .btn-box .btn-list{
	background-color: var(--red01);
	color: var(--white);
}

.board-container.view .btn-box .btn-list:hover{
	background-color: #c21f66;
	box-shadow: 0 4px 14px rgba(222,37,115,0.3);
}

.board-container.view .btn-box .admin{
	border: 1px solid rgba(222,37,115,0.5);
	color: #ff4f93;
	background-color: transparent;
 }

.board-container.view .btn-box .admin:hover{
	background-color: rgba(222,37,115,0.1);
	border-color: var(--red01);
}

.board-container.view .board-pagination{
	margin-top: var(--space-20);
	border-top: 1px solid rgba(255,255,255,0.06);
	padding-top: 0;
}

.board-container.view .board-pagination .pagination-list{
 	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0;
 }

 .board-container.view .board-pagination .pagination-list li{
	width: 100%;
	transition: var(--transition);
 }

 .board-container.view .board-pagination .pagination-list li:hover{
	background-color: rgba(255,255,255,0.025);
 }

  .board-container.view .board-pagination .pagination-list li:not(:last-child){
	border-bottom: 1px solid rgba(255,255,255,0.06);
  }

  .board-container.view .board-pagination .pagination-list li a{
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	box-sizing: border-box;
	padding: 14px 30px;
  }

    .board-container.view .board-pagination .pagination-list li a span{
		width: auto;
		height: auto;
		border-radius: 0;
	}

	 .board-container.view .board-pagination .pagination-list li a span:nth-child(1){
		color: #ff4f93;
		font-weight: var(--fw-500);
		font-size: 0.8125rem;
		flex-shrink: 0;
	 }
	
	 .board-container.view .board-pagination .pagination-list li a span:nth-child(1) i{
		color: inherit;
		font-weight: inherit;
	 }
	
	 .board-container.view .board-pagination .pagination-list li a span:nth-child(2){
		color: #b8b8bd;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 0.875rem;
	 }

	.board-container.view .board-pagination .pagination-list li:hover a span:nth-child(2){
		color: var(--white);
	}


.board-container.write{
	padding: 30px;
}

.board-container.write form{
	text-align: center;
}

.board-container.write form fieldset{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
}

.board-container.write form fieldset:not(:first-child){
	margin-top: var(--space-20);
}

.board-container.write form fieldset label{
	font-size: 1.125rem;
	font-weight: var(--fw-600);
	color: var(--red01);
	width: 100px;
	text-align: left;
}

.board-container.write form fieldset input,
.board-container.write form fieldset textarea{
	display: inline-block;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
    border: 1px solid var(--red02);
    outline: none;
    border-radius: 5px;
    transition: var(--transition);
}

.board-container.write form fieldset input:hover,
.board-container.write form fieldset textarea:hover,
.board-container.write form fieldset input:focus,
.board-container.write form fieldset textarea:focus{
	border-color: var(--red01);
}

.board-container.write form fieldset input{}

.board-container.write form fieldset textarea{
	resize: none;
	height: 300px;
}

.board-container.write button:not([type="button"]){
	margin-top: var(--space-30);
	padding: 15px 30px;
	background-color: var(--red01);
	color: var(--white);
	border-radius: 5px;
	font-weight: var(--fw-500);
}



@media screen and (max-width: 1500px){
	#resultContainer.flex{
		flex-direction: column;
	}
}

@media screen and (max-width: 1200px){
	#keyword, #code, #placeId, #placeName, #productId, #productName, #brandName{
		font-size: 1rem;
	}
}


@media screen and (max-width: 767px) {
 .search-container,
 .content-box,
 .domain-list-box{
		/* flex-direction: column; */
		/* align-items: stretch; */
	}
	.search-box {
		flex-direction: column;
		width: 100%;
	}
	 #keyword, #code, #placeId, #placeName, #productId, #productName, #brandName, #submitBtn, #screenshotBtn, #resetBtn, #clear-kw {
		margin: 5px 0;
		width: 100%;
	}
	#submitBtn, #screenshotBtn, #resetBtn, #clear-kw {
		margin-left: 0;
	}

	#includeSearchPartners{
		margin-left: 0;
		justify-content: center;
		margin-top: 10px;
	}

	#submitBtn, #screenshotBtn, #resetBtn, #clear-kw{
		font-size: 13px;
	}
}


@media screen and (max-width: 500px){
	.title-box{
		flex-wrap: wrap;
		gap: 10px;
	}

	.title-box .breadcrumb{
		width: 100%;
		justify-content: flex-end;
	}

	.title-box .breadcrumb li{
		padding: 0 7px;
	}

	 .search-container,
 .content-box,
 .domain-list-box{
		margin-top: 15px;
	}

	#resultContainer table{
		/* width: 1000px; */
	}
}




/*  메인페이지 cSS*/


	#dashboardContent{
		/* width: calc(100% -  10.5%); */
		/* margin-left: 12%; */
		/* margin-left: calc(200px +  40px); */
		box-sizing: border-box;
		transition: 0.4s;
	}



#dashboardContent > .title-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	padding-top: 0 !important;
}

#dashboardContent .title-box h2{
	font-size: 1.5625rem;
	font-weight: 800;
	color: var(--purple01);
	letter-spacing: -0.025rem;
}
	#dashboardContent .title-box h2 span{
		font-size: inherit;
		color: inherit;
		margin-right: 5px;
	}

#dashboardContent .title-box p{
	display: inline-block;
	font-size: 0.9375rem;
	background-color: var(--red01);
	color: #fff;
	padding: 5px 12px;
	border-radius: 20px;
}


#dashboardContent .dashboard-content-top{
	display: flex;
	flex-direction: row;
	gap: 15px;
	margin-top: 20px;
}

#dashboardContent .dashboard-content-top .left-content{
	width: calc(50% - 15px);

	display: flex;
	flex-direction: column;
	gap: 15px;
}

#dashboardContent .dashboard-content-top .left-content .greeting-box{
	width: 100%;
	height: 244px;
	box-sizing: border-box;
	padding: 20px 50px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	overflow: hidden;
	position: relative;
	border-radius: 5px;

	/* box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15); */
	box-shadow:0 0 10px rgba(227,227,227,0.15);
}

#dashboardContent .dashboard-content-top .left-content .greeting-box .bg-box{
	width: 100%; height: 100%;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}

#dashboardContent .dashboard-content-top .left-content .greeting-box .bg-box video{
	width: 100%; height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}
	#dashboardContent .dashboard-content-top .left-content .greeting-box.day .bg-box video:not(.day){ display: none; }

	#dashboardContent .dashboard-content-top .left-content .greeting-box.evening .bg-box video:not(.evening){ display: none; }

	#dashboardContent .dashboard-content-top .left-content .greeting-box.night .bg-box video:not(.night){ display: none; }

#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box{}

#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box h3{
	font-size: 1.875rem;
	font-weight: 600;
}

	#dashboardContent .dashboard-content-top .left-content .greeting-box.day .txt-box h3{
		color: #336ca5;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box.evening .txt-box h3,
	#dashboardContent .dashboard-content-top .left-content .greeting-box.night .txt-box h3{
		color: #fff;
	}

#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box h3 strong{
	font-size: inherit;
	font-weight: 800;
}
	#dashboardContent .dashboard-content-top .left-content .greeting-box.day .txt-box h3 strong{
		color: #042d56;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box.evening .txt-box h3 strong,
	#dashboardContent .dashboard-content-top .left-content .greeting-box.night .txt-box h3 strong{
		color: #fff;
	}

#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box p{
	font-size: 1rem;
	margin-top: 20px;
	color: #fff;
}
#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box p span{
	color: inherit;
	font-weight: 500;
	font-size: inherit;
}

#dashboardContent .dashboard-content-top .left-content .greeting-box .btn_edit{
	display: inline-flex;
	height: auto;
	line-height: 1;
	gap: 10px;
	margin-top: 20px;
	padding: 12px 25px;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 1rem;
	background-color: rgba(255,255,255,0.3);
	transition: 0.4s;
}
	#dashboardContent .dashboard-content-top .left-content .greeting-box.day .btn_edit{
		color: #042d56; 
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box.evening .btn_edit,
	#dashboardContent .dashboard-content-top .left-content .greeting-box.night .btn_edit{
		color: #fff; 
	}


#dashboardContent .dashboard-content-top .left-content .greeting-box .btn_edit:hover{
	background-color: rgba(255,255,255,0.5);
}

#dashboardContent .dashboard-content-top .left-content .greeting-box .btn_edit i,
#dashboardContent .dashboard-content-top .left-content .greeting-box .btn_edit span{
	color: inherit;
}

#dashboardContent .dashboard-content-top .left-content .state-list{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
}

#dashboardContent .dashboard-content-top .left-content .state-list li{
	box-sizing: border-box;
	/* width: calc( ( 100% - 60px ) / 4 ); */
	width: calc( ( 100% - 30px ) / 3 );
	height: 150px;
	border-radius: 5px;
	border: 1px solid var(--gray);
/*	box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15);*/
/*	background-color: #fff;*/
	transition: 0.4s;
}

#dashboardContent .dashboard-content-top .left-content .state-list li.site:hover{
	border-color: var(--purple03);
}

#dashboardContent .dashboard-content-top .left-content .state-list li.place:hover{
	border-color: var(--pink02);
}

#dashboardContent .dashboard-content-top .left-content .state-list li.blog:hover{
	border-color: var(--green02);
}

#dashboardContent .dashboard-content-top .left-content .state-list li.shopping:hover{
	border-color: var(--yellow02);
}

#dashboardContent .dashboard-content-top .left-content .state-list li a{
	display: block;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}

#dashboardContent .dashboard-content-top .left-content .state-list li .icon-box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px; height: 40px;
	border-radius: 50%;
	background-color: #ffe8e4;
}

#dashboardContent .dashboard-content-top .left-content .state-list li .icon-box i{
	font-size: 1rem;
	color: var(--orange01);
}

#dashboardContent .dashboard-content-top .left-content .state-list li .text-box{
	/* margin-top: 35px; */
	display: flex;
	/* flex-direction: row; */
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 25px;
	/* flex-direction: column-reverse; */
	flex-direction: column;
	gap: 7px;
}

#dashboardContent .dashboard-content-top .left-content .state-list li .text-box p{
	font-size: 0.9375rem;
	color: var(--gray02);
	font-weight: 500;
	/* padding-bottom: 5px; */
}

#dashboardContent .dashboard-content-top .left-content .state-list li .text-box .count{
	color: var(--gray02);
	text-align: right;
}

#dashboardContent .dashboard-content-top .left-content .state-list li .text-box .count strong{
	font-size: 2.1875rem;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--orange01);
	word-break: keep-all;
}

#dashboardContent .dashboard-content-top .left-content .state-list li .btn_view,
#dashboardContent .dashboard-content-bottom .recent-data-box .btn_view{
	position: absolute;
	top: 20px; right: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 7px;
	padding: 0;
	line-height: 1;
	height: auto;
}

#dashboardContent .dashboard-content-top .left-content .state-list li .btn_view span,
#dashboardContent .dashboard-content-bottom .recent-data-box .btn_view span{
	font-size: 0.75rem;
	text-transform: uppercase;
	color: var(--gray02);
	font-weight: 500;
	transition: 0.4s;
}


	#dashboardContent .dashboard-content-top .left-content .state-list li.shopping:hover .btn_view span{
		color: var(--yellow01);
	}

#dashboardContent .dashboard-content-top .left-content .state-list li .btn_view i,
#dashboardContent .dashboard-content-bottom .recent-data-box .btn_view i{
	display: block;
	width: 10px; height: 0;
	border-left: 5px solid var(--gray02);
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-top: -2.5px;
	transition: 0.4s;
}


#dashboardContent .dashboard-content-top .right-content{
	width: 50%;

}


#dashboardContent .dashboard-content-top .right-content .title-box{
	padding-top: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

#dashboardContent .dashboard-content-top .right-content .title-box h3{
	font-size: 1.0625rem;
	font-weight: var(--fw-700);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	color:#fff;
}

#dashboardContent .dashboard-content-top .right-content .title-box form{
	position: relative;
	width: 300px;
}

#dashboardContent .dashboard-content-top .right-content .title-box form input{
	display: block;
	width: 100%;
	outline: none;
	border: 1px solid #ccc;
	border-radius: 50px;
	font-size: 0.9375rem;
	color: var(--gray02);
	padding: 10px 20px;
	padding-right: 90px;
}

#dashboardContent .dashboard-content-top .right-content .title-box form input::placeholder{
	color: var(--gray02);
}

#dashboardContent .dashboard-content-top .right-content .title-box form button{
	position: absolute;
	top: 50%; right: 0;
	transform: translateY(-50%);
	background-color: var(--red01);
	border-radius: 50px;
	padding: 11px 20px;
	outline: none;
	border: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 3px;
	color: var(--white);
	font-size: 0.9375rem;
}

#dashboardContent .dashboard-content-top .right-content .title-box form button i{
	color: inherit;
	font-size: inherit;
}

#dashboardContent .dashboard-content-top .right-content .title-box form button span{
	color: inherit;
	font-size: inherit;
	font-weight: 600;
}

#dashboardContent .dashboard-content-top .right-content .chart-box{
	margin-top: 15px;
}

#dashboardContent .dashboard-content-top .right-content .chart-box #chart{
	max-width: 100%;
	/* max-height: 320px; */
	max-height: 305px;
	min-height: 305px;
}



#dashboardContent .dashboard-content-bottom{
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
}

#dashboardContent .dashboard-content-bottom > div{
	width: calc( (100% - 30px) / 3 );
	height: 300px;
	box-sizing: border-box;
    padding: 20px;
    /* box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15); */
	box-shadow:0 0 10px rgba(227,227,227,0.15);
    border: 1px solid var(--gray);
    border-radius: 5px;
    background-color: #fff;
}

#dashboardContent .dashboard-content-bottom > div .title-box{
	padding-bottom: 12px;
	border-bottom: 1px dashed #ccc;
}

#dashboardContent .dashboard-content-bottom > div .title-box h3{
	font-size: 1.0625rem;
	font-weight: var(--fw-700);
}

#dashboardContent .dashboard-content-bottom .recent-data-box{}

#dashboardContent .dashboard-content-bottom .recent-data-box table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
	table-layout: fixed;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table tr{
	vertical-align: middle;
}



#dashboardContent .dashboard-content-bottom .recent-data-box table tr td{
	box-sizing: border-box;
	padding: 10px 5px;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table tr td span{
	display: block;
	white-space: nowrap;
	max-width: 95%;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.9375rem;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_category{
	width: 10%;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_category span{
	display: block;
	width: 40px; height: 40px;
	border-radius: 50%;
	position: relative;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .site .td_category span{
	background-color: var(--purple05);
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .place .td_category span{
	background-color: var(--pink04);
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .blog .td_category span{
	background-color: var(--green04);
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_category span::after{
	content: "";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	font-size: 1rem;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .site .td_category span::after{
	content: "\f2d2";
	color: var(--purple01);
	font-weight: 400;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .place .td_category span::after{
	content: "\f3c5";
	color: var(--pink01);
	font-weight: 900;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .blog .td_category span::after{
	content: "\f781";
	color: var(--green01);
	font-weight: 900;
}


#dashboardContent .dashboard-content-bottom .recent-data-box table .td_name{
	width: 45%;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_name .data-name{
	font-size: 0.9375rem;
	font-weight: 800;
	max-width: 100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_name .data-url{
	margin-top: 5px;
	font-size: 0.75rem;
	color: var(--text-color03);
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_date{
	width: 16%;
}
#dashboardContent .dashboard-content-bottom .recent-data-box table .td_date span{
	color: var(--text-color03);
	font-size: 0.75rem;
	font-weight: 400;
	text-align: center;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_report{
	width: 12%;
	text-align: center;
	color: var(--purple02);
}

#dashboardContent .dashboard-content-bottom .recent-data-box .btn_view{
	position: static;
	justify-content: center;
}

#dashboardContent .dashboard-content-bottom .recent-data-box .btn_view:hover span{
	color: var(--purple01);
}

#dashboardContent .dashboard-content-bottom .recent-data-box .btn_view:hover i{
	border-left-color: var(--purple01);
}

#dashboardContent .dashboard-content-bottom .recent-data-box table .td_report a,
#dashboardContent .dashboard-content-bottom .recent-data-box table .td_report a i{
	color: inherit;
	font-size: 1.125rem;
}

#dashboardContent .dashboard-content-bottom .recent-data-box table tbody tr:not(:last-of-type){
	border-bottom: 1px dashed var(--gray);
}


#dashboardContent .dashboard-content-bottom .topic-list-box{
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul{
	width: 50%;
	box-sizing: border-box;
}

#dashboardContent .dashboard-content-bottom .topic-list-box .topic-left{
	padding-right: 10px;
}

#dashboardContent .dashboard-content-bottom .topic-list-box .topic-right{
	padding-left: 10px;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li{}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li:not(:first-of-type){
	margin-top: 25px;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li a{
	display: flex;
	align-items: center;
	gap: 10px;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .number{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px; height: 20px;
	border-radius: 5px;
	background-color: #f3f3f3;
	color: var(--gray02);
	font-size: 12px;
	font-weight: 800;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul.topic-left li:nth-child(-n+3) .number{
	background-color: var(--red03);
	color: var(--red01);
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .keyword{
	display: block;
	max-width: 72%;
	width: 72%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul.topic-left li:nth-child(-n+3) .keyword{
	font-weight: 600;
	
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon{
	display: block;
	width: 16px; height: 16px;
	position: relative;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	display: inline-block;
font-family: "Font Awesome 5 Free";
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon.same::after{
	content: "\f068";
	font-weight: 900;
	font-size: 1rem;
	color: var(--text-color02);
	font-size: 0.875rem;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon.up::after{
	content: "\f0d8";
	font-weight: 900;
	color: var(--pink01);
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon.down::after{
	content: "\f0d7";
	font-weight: 900;
	color: #5184ec;
}

#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon.new::after{
	content: "\2b";
	font-weight: 900;
	color: var(--yellow01);
	font-size: 0.875rem;
}


#dashboardContent .dashboard-content-bottom .notice-box{}

#dashboardContent .dashboard-content-bottom .notice-box .title-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

#dashboardContent .dashboard-content-bottom .notice-box .title-box h3{}

#dashboardContent .dashboard-content-bottom .notice-box .btn_view{
	padding: 0;
	display: flex;
	width: 18%;
	justify-content: flex-end;
	align-items: center;
	gap: 7px;
	height: auto;
	line-height: 1;

}

#dashboardContent .dashboard-content-bottom .notice-box .btn_view span{
	font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--gray02);
    font-weight: 500;
    transition: 0.4s;
}


#dashboardContent .dashboard-content-bottom .notice-box .btn_view i{
	display: block;
    width: 10px;
    height: 0;
    border-left: 5px solid var(--gray02);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin-top: -2.5px;
    transition: 0.4s;
}


#dashboardContent .dashboard-content-bottom .notice-box .notice-list{
	margin-top: 20px;
}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li{}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li:not(:first-of-type){
	margin-top: 0px;
}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li a{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	/* padding: 13px 0; */
}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li:not(:first-of-type){
	margin-top: var(--space-25);
}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li:first-of-type a{
	padding-top: 0;
}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li:not(:last-of-type) a{
	border-bottom: 1px dashed var(--gray);
}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li .number{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #f3f3f3;
    color: var(--gray02);
    font-size: 12px;
    font-weight: 800;
}

#dashboardContent .dashboard-content-bottom .notice-box .notice-list li .title{
	display: block;
	width: 82%;
	max-width: 82%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1rem;
	font-weight: 600;
}

#dashboardContent .domain-list{
	margin-top: 20px;
}

#dashboardContent .domain-list li{
	display: flex;
	flex-direction: row;
	align-items: center;
	/* justify-content: space-between; */
}

#dashboardContent .domain-list li:not(:first-child){
	margin-top: 20px;
}

#dashboardContent .domain-list li span{
	display: inline-block;
	text-align: left;
}

#dashboardContent .domain-list li span.number{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #f3f3f3;
    color: var(--gray02);
    font-size: 12px;
    font-weight: 800;
	margin-right: 5px;
}

#dashboardContent .domain-list li span.status{
	margin: 0 5px;
	width: 65px;
	box-sizing: border-box;
	padding: 5px 0;
	border-radius: 50px;
	text-align: center;
	font-size: 0.8125rem;
	font-weight: var(--fw-500);
}
#dashboardContent .domain-list li span.status.usable{
	background-color: #d2fdd2;
    color: #225322;
}

#dashboardContent .domain-list li span.status.unusable{
	background-color: #ffe5e6;
    color: #b5252a;
}

#dashboardContent .domain-list li span.rate{
	font-size: 0.75rem;
	font-weight: var(--fw-500);
	width: 42px;
	box-sizing: border-box;
	padding: 2px;
	text-align: center;
	border-radius: 2px;
	margin: 0 2px;
}

#dashboardContent .domain-list li span.domain{
	margin: 0 5px;
	width: 22%;
	font-size: 0.9375rem;
	font-weight: var(--fw-500);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#dashboardContent .domain-list li span.cost{
	color: var(--gray01);
	font-size: 0.8125rem;
	text-align: right;
	width: 18%;
	margin: 0 5px;
}

#dashboardContent .domain-list li span.cost em{
	font-style: normal;
	font-weight: var(--fw-600);
	color: var(--black);
	font-size: 1rem;
}

#dashboardContent .domain-list li span.date{
	color: var(--gray02);
	font-size: 0.75rem;
    width: 14%;
    margin: 0 5px;
}

#dashboardContent .domain-list li span.btn_buy{
	width: 15%;
}

#dashboardContent .domain-list li span.btn_buy a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 5px;
	align-items: center;
	background-color: var(--red01);
	color: var(--white);
	width: 100%;
	box-sizing: border-box;
	padding: 6px 2px;
	border-radius: 2px;
	opacity: 0.5;
	transition: var(--transition);
}

#dashboardContent .domain-list li span.btn_buy a:hover{
	opacity: 1;
}

#dashboardContent .domain-list li span.btn_buy a *{
	color: inherit;
}

#dashboardContent .domain-list li span.btn_buy a i{
	font-size: 0.8125rem;

}

#dashboardContent .domain-list li span.btn_buy a em{
	font-style: normal;
	font-size: 0.8125rem;
}

@media screen and (max-width: 1700px){
	#dashboardContent .domain-list li span.rate{
		font-size: 11px;
		width: 35px;
	}

	#dashboardContent .domain-list li span.btn_buy{
		width: 13%;
	}

	#dashboardContent .domain-list li span.btn_buy a i{
		font-size: 12px;
	}
	#dashboardContent .domain-list li span.btn_buy a em{
		font-size: 12px;
	}
}


@media screen and (max-width: 1600px){
	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_name{
		width: 30%;
	}

	#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .keyword{
		width: 62%;
		max-width: 62%;
	}
}

@media screen and (max-width: 1500px){
	#header:hover{
		width: 330px;
	}

	#header:hover .h_logo{
		width: 50px;
	}

	#dashboardContent.hover{
		width: calc(100% - 330px);
		 margin-left: 330px;
	}

	#dashboardContent .dashboard-content-top{
		gap: 10px;
	}

	#dashboardContent .dashboard-content-top .left-content{
		width: calc( 50% - 10px );
		gap: 10px;
	}

	#dashboardContent .dashboard-content-top .right-content {
		/* height: calc( 240px + 10px + 140px ); */
	}

	#dashboardContent .dashboard-content-top .left-content .state-list{
		gap: 10px;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li{
		width: calc( (100% - 20px) / 3 );
		/* height: 140px; */
	}

	#dashboardContent .dashboard-content-bottom{
		margin-top: 10px;
		gap: 10px;
		flex-wrap: wrap;
	}

	#dashboardContent .dashboard-content-bottom > div {
		width: calc( (100% - 10px) / 2 );
	}

	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_name .data-url{
		margin-top: 2px;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box form{
		width: 320px;
	}
	

	#dashboardContent .dashboard-content-top .left-content .greeting-box{
		padding: 20px 35px;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box h3{
		font-size: 1.75rem;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box p{
		margin-top: 10px;
		font-size: 0.9375rem;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box .btn_edit{
		padding: 10px 25px;
	}
	
	#dashboardContent > .title-box{
		gap: 10px;
	}
	#dashboardContent .title-box h2{
		font-size: 1.375rem;
	}
	
	#dashboardContent .title-box p{
		font-size: 0.75rem;
	}

	#dashboardContent .dashboard-content-top{
		margin-top: 15px;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box h3,
	#dashboardContent .dashboard-content-bottom > div .title-box h3{
		font-size: 1.0625rem;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li .text-box p{
		font-size: 0.875rem;
	}
	#dashboardContent .dashboard-content-top .left-content .state-list li .text-box .count strong{
		font-size: 2rem;
		font-size: 1.375rem;
	}


	#dashboardContent .dashboard-content-top .right-content .title-box form input,
	#dashboardContent .dashboard-content-top .right-content .title-box form button{
		padding: 10px 20px;
		font-size: 0.875rem;
	}

	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_name{
		width: 50%;
		max-width: 50%;
	}
	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_date{
		width: 20%;
		max-width: 20%;
	}
}


@media screen and (max-width: 1300px){
	#mobile_head{
		display: block;
		position: fixed;
		top: 0; left: 50%;
		transform: translateX(-50%);
		background-color: var(--bg-color01);
		border: 1px solid var(--purple04);
		height: 70px;
		width: 640px;
		z-index: 909090;
	}

	#mobile_head .wrapper{
		width: 100%;
		height: 100%;
	}

	#mobile_head .wrapper a{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		width: 100%; height: 100%;
	}
	
	#mobile_head figure{
		display: block;
		width: 40px;
	}

	#mobile_head figure img{
		width: 100%;
	}

	#mobile_head h1{
		font-size: 1.875rem;
		font-weight: 400;
	}

	#main{
		width: 640px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 10px;
		border-left: 1px solid var(--purple04);
		border-right: 1px solid var(--purple04);
	}

	#header,
	#header:hover{
		width: 640px;
		height: auto;
		left: 50%;
		top: auto;
		bottom: 0;
		transform: translateX(-50%);
		padding: 0;
	}

	#header .header-wrapper{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 80px;
		padding-top: 10px;
		box-sizing: border-box;
		padding: 20px;
	}

	#header .h_nav .nav_cont.logout, #header .h_nav .nav_cont.login, #admin_info{
		position: static;
		width: auto;
	}

	#header .h_logo{
		position: absolute;
		top: -40px;
		padding: 0;
		background-color: var(--purple01);
		width: 80px;
		height: 80px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;

		display: none;
	}
	#header .h_logo,
	#header:hover .h_logo{
		width: 80px;
	}

	#header .h_logo figure{
		width: 65px;
		height: 65px;
		background-color: #fff;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#header .h_logo figure img{
		width: 50px;
		filter: unset;
	}


	#dashboardContent,
	#dashboardContent.hover{
		width: 100%;
		margin-left: 0;
		padding: 0;
	}

	#header .h_nav{
		display: flex;
		width: 100%;
		margin-top: 0;
		padding: 0;
		align-items: center;
		justify-content: center;
	}

	#header .h_nav .nav_cont{
		width: calc( 100% / 5 ) !important;
	}

	#header .h_nav .nav_cont > a{
		justify-content: center;
		padding: 0;
		flex-direction: column;
		gap: 5px;
	}

	#header .h_nav .nav_cont.active > a{
		background-color: transparent;
	}
	
	#header .h_nav .nav_cont.active > a::before,
	#header .h_nav .nav_cont.active > a::after{
		display: none;
	}

	#header .h_nav .nav_cont > a figure{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px; height: 30px;
		border-radius: 5px;
	}

	#header .h_nav .nav_cont.active > a figure{
		background-color: #fff;
	}

	#header .h_nav .nav_cont i{
		height: 20px;
	}

	#header .h_nav .nav_cont i::after{
		display: none;
	}

	#header .h_nav .nav_cont > a span{
		display: block;
		font-size: 0.875rem;
	}

	#header .h_nav .nav_cont.active span{
		color: #fff;
	}

	

	#dashboardContent .dashboard-content-top{
		flex-wrap: wrap;
	}
	
	#dashboardContent .dashboard-content-top .left-content,
	#dashboardContent .dashboard-content-top .right-content{
		width: 100%;
	}


	#dashboardContent .dashboard-content-bottom > div{
		width: 100%;
	}

	#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .keyword{
		width: 70%;
		max-width: 70%;
	}

	#admin_info{
		padding: 0;
		width: calc(100% / 5);
	}

	#header:hover #admin_info{
		justify-content: center;
	 }

	#admin_info .user_info_box .info_left,
	#admin_info .btn_setting{
		display: none;
	}

	#dashboardContent .domain-list li span.domain{
		width: 70%;
	}
}


@media screen and (max-width: 1100px){
	#mobile_head{
		width: 100%;
	}

	#main{
		width: 100%;
		padding: 0 5%;
	}

	#header, #header:hover{
		width: 90%;
	}
}

@media screen and (max-width: 1000px){
	#dashboardContent .domain-list li span.rate{
		/* width: 10%; */
	}

	#dashboardContent .domain-list li span.domain{
		width: 65%;
	}
}

@media screen and (max-width: 767px){
	#mobile_head{
		height: 55px;
	}
	
	#mobile_head figure{
		width: 30px;
	}
	#mobile_head h1{
		font-size: 1.375rem;
	}



	#header, #header:hover{
		background-color: var(--bg-color01);
		width: 100%;
		padding-bottom: 20px;
	}

	#header .header-wrapper{
		border-radius: 15px;
		width: 90%;
		margin: 0 auto;
		padding: 10px;
	}

	#header .h_nav .nav_cont > a{
		gap: 3px;
	}

	
	#header .h_nav .nav_cont > a span{
		font-size: 0.7125rem;
	}

	#admin_info .user_info_box .info_right figure{
		width: 30px; height: 30px;
	}
	


	#dashboardContent .title-box h2{
		font-size: 1.5rem;
	}
	#dashboardContent .title-box p{
		font-size: 0.875rem;
	}

	#dashboardContent, #dashboardContent.hover{
	}

	#dashboardContent .dashboard-content-top .right-content .title-box h3, #dashboardContent .dashboard-content-bottom > div .title-box h3{
		font-size: 1.125rem;
	}

	#dashboardContent .dashboard-content-top{
		gap: 7px;
	}

	#dashboardContent .dashboard-content-top .left-content{
		gap: 7px;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box.day .txt-box h3{
		font-size: 1.5625rem;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box .txt-box p{
		font-size: 1rem;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box .btn_edit{
		font-size: 0.8125rem;
		gap: 5px;
		padding: 8px 15px;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box{
		height: 170px;
		padding: 20px;
	}

	#dashboardContent .dashboard-content-top .left-content .greeting-box .bg-box video{
	}

	#dashboardContent .dashboard-content-top .left-content .state-list{
		flex-wrap: wrap;
		gap: 7px;
		align-items: stretch;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li{
		/* width: 100%; */
		height: auto;
		width: calc((100% - 14px) / 3);
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li a{
		padding: 10px 10px;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li .btn_view{
		right: 10px;
		top: 12px;
	}
	
	#dashboardContent .dashboard-content-top .left-content .state-list li .icon-box{
		width: 30px; height: 30px;
	}
	#dashboardContent .dashboard-content-top .left-content .state-list li .icon-box i{
		font-size: 0.875rem;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li .text-box{
		flex-direction: column;
		margin-top: 15px;
		gap: 5px;
	}
	
	#dashboardContent .dashboard-content-top .left-content .state-list li .text-box p{
		/* width: 100%; */
		font-size: 0.875rem;
		/* display: none; */
		padding-bottom: 0;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li .text-box .count strong{
		font-size: 1.75rem;
		font-size: 1.25rem;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li .btn_view span, #dashboardContent .dashboard-content-bottom .recent-data-box .btn_view span,
	#dashboardContent .dashboard-content-bottom .notice-box .btn_view span{
		font-size: 0.7125rem;
	}

	#dashboardContent .dashboard-content-top .left-content .state-list li .btn_view i, #dashboardContent .dashboard-content-bottom .recent-data-box .btn_view i,
	#dashboardContent .dashboard-content-bottom .notice-box .btn_view i{
		width: 5px;
		border-left-width: 4px;
		border-top-width: 3px;
		border-bottom-width: 3px;
	}

	#dashboardContent .dashboard-content-top .right-content{
		border-radius: 15px;
		height: auto;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box{
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 12px;
	}
	#dashboardContent .dashboard-content-top .right-content .title-box h3{
		width: 100%;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box form button{
		height: 100%;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box form{
		width: 100%;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box form button span{
		display: none;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box form input{
		font-size: 0.8125rem;
		padding: 8px 10px;
	}

	#dashboardContent .dashboard-content-top .right-content .title-box form input::placeholder{
		font-size: 0.75rem;
	}

	#dashboardContent .dashboard-content-top .right-content .chart-box #chart{
		max-height: 0;
		min-height: 150px;
		height: auto;
	}

	#dashboardContent .dashboard-content-bottom{
		margin-top: 7px;
		gap: 7px;
	}

	#dashboardContent .dashboard-content-bottom > div{
		height: auto;
	}

	#dashboardContent .dashboard-content-bottom .recent-data-box table{
		margin-top: 15px;
	}

	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_date{
		display: none;
	}

	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_category span{
		width: 30px; height: 30px;
		font-size: 0.875rem;
	}

	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_category span::after{
		font-size: 0.875rem;
	}

	#dashboardContent .dashboard-content-bottom .recent-data-box table .td_name .data-name{
		font-size: 0.875rem;
	}

	#dashboardContent .dashboard-content-bottom .topic-list-box,
	#dashboardContent .dashboard-content-bottom .notice-box .notice-list{
		margin-top: 17px;
	}

	#dashboardContent .dashboard-content-bottom .topic-list-box > ul li:not(:first-of-type){
		margin-top: 15px;
	}

	#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .number,
	#dashboardContent .dashboard-content-bottom .notice-box .notice-list li .number,
	#dashboardContent .domain-list li span.number{
		width: 20px; height: 20px;
	}

	#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .keyword,
	#dashboardContent .dashboard-content-bottom .notice-box .notice-list li .title{
	}

	#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon.same::after,
	#dashboardContent .dashboard-content-bottom .topic-list-box > ul li .icon.new::after{
	}

	#dashboardContent .domain-list li span.rate{
		/* display: none; */
	}

	#dashboardContent .domain-list li span.status{
		width: 55px;
	}
	#dashboardContent .domain-list li span.domain{
		width: 40%;
	}

	#dashboardContent .dashboard-content-bottom .notice-box .notice-list li a{
		padding: 7px 0;
	}
}


#resultContainer.web-backlink2,
#resultContainer.web-traffic2{
	background-color: transparent;
	box-shadow: unset;
	padding: 0;
	overflow-x: unset;
}

.result-box{
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start; */
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, calc( (100% - 45px) / 4) );
    gap: 20px 15px;
    padding: 0;
/*	background-color: var(--red03);*/
}

.result-box .result{
    background-color: #333;
    border-radius: 5px;
    /* box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15); */
	box-shadow:0 0 10px rgba(227,227,227,0.15);
    box-sizing: border-box;
    padding: 20px 20px;
    /* width: calc((100% - 45px) / 4); */
	grid-template-columns: 150px 150px 150px;
	
}

.result-box .result .result-title{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

.result-box .result .result-title h3{
	font-size: 1.125rem;
	font-weight: var(--fw-600);
	display: flex;
	align-items: center;
	gap: 7px;
	color:#fff;
}

.result-box .result .result-title h3 small{
	font-size: 0.8125rem;
	color: var(--gray02);
}

.result-box .result .result-title .question-box{
	position: relative;
}

.result-box .result .result-title .question-box i{
	font-size: 1.25rem;
	color: var(--orange01);
	cursor: pointer;
}

.result-box .result .result-title .question-box .tooltip{
	z-index:1;
	position: absolute;
	right: 0;
	pointer-events: none;
	opacity: 0;
	transition: var(--transition);
	font-size: 13px;
	width: 200px;
	height: auto;
	background-color: rgba(0,0,0,0.8);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 10px;
	color: var(--white);
}

.result-box .result .result-title .question-box:hover .tooltip{
	opacity: 1;
}

.result-box .result .result-title .question-box .tooltip h4{
	color: inherit;
	font-weight: var(--fw-400);
	padding-bottom: 7px;
	margin-bottom: 7px;
	font-size: 14px;
	border-bottom: 1px dashed #8f8f8f;
}

.result-box .result .result-title .question-box .tooltip pre{
	word-break: keep-all;
	white-space: pre-line;
	color: #c8c8c8;
	line-height: 1.2;
	font-size: inherit;
}

.result-box .result .result-content{
	margin-top: var(--space-20);
	height: 70px;
	display: flex;
	flex-direction: column;
	align-items: cetner;
	justify-content: center;
	gap: 7px;
	text-align: center;
	position: relative;
}

.result-box .result .result-content strong{
	font-size: 2.25rem;
	color: #fff;
}

.result-box .result .result-content strong small{
	font-size: 1.125rem;
    margin-left: 4px;
    color: var(--gray02);
    font-weight: var(--fw-500);
}

.result-box .result .result-content > small{
	font-size: 0.8125rem;
	color: var(--gray02);
}

.result-box .result13{
	grid-row: 1 / 3;
    grid-column: 3 / 5;
}

.result-box .result13 .result-content{
	height: auto;
}

.apexcharts-canvas{
	margin: 0 auto;
}

.apexcharts-canvas *{
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
}

/* #resultContainer.web-traffic2 h3{
	font-size: 1.25rem;
	font-weight: var(--fw-700);
	padding-bottom: var(--space-20);
	border-bottom: 1px dashed #ccc;
} */


.result-box.traffic{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(6, calc( (100% - 75px) / 6) );
    gap: 20px 15px;
    padding: 0;
/*	background-color: var(--red03);*/
}

.result-box.traffic .result01{
	grid-row: 1 / 2;
    grid-column: 1 / 7;
	padding: 30px 20px;
}

.result-box.traffic .result02{
	grid-row: 2 / 3;
    grid-column: 1 / 3;
}

.result-box.traffic .result03{
	grid-row: 2 / 3;
    grid-column: 3 / 5;
}

.result-box.traffic .result04{
	grid-row: 2 / 3;
    grid-column: 5 / 7;
}

.result-box.traffic .result05{
	grid-row: 3 / 4;
    grid-column: 1 / 4;
}

.result-box.traffic .result06{
	grid-row: 3 / 4;
    grid-column: 4 / 7;
}

.result-box.traffic .result07{
	grid-row: 1 / 4;
    grid-column: 7 / 11;
	display: none;
}

.result-box.traffic .result08{
	grid-row: 4 / 5;
    grid-column: 1 / 4;
}

.result-box.traffic .result09{
	grid-row: 4 / 5;
    grid-column: 4 / 7;
}

.result-box.traffic .result10{
	grid-row: 5;
    grid-column: 1 / 7;
}

.result-box.traffic .result11{
	grid-row: 6 ;
    grid-column: 1 / 7;
}

.result-box.traffic .result .result-content{
	height: auto;
	min-height: 70px;
}

.result-box.traffic .result01 .result-content{
	margin-top: 0;
	text-align: left;
}

.result-box.traffic .result .result-content h4{
	font-size: 1.5625rem;
	font-weight: var(--fw-700);
	/* overflow: hidden; */
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	line-height: 1.4;
	color:#fff;
}

.result-box.traffic .result .result-content p{
	margin-top: 7px;
	font-size: 1rem;
	color: var(--gray02);
	/* overflow: hidden; */
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	line-height: 1.4;
}

.result-box.traffic .result .result-content .rank-list{
	margin-top: var(--space-20);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.result-box.traffic .result .result-content .rank-list li{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	padding: 12px 20px;
	border-radius: 50px;
}

.result-box.traffic .result .result-content .rank-list li.global{
	border: 1px solid var(--red01);
	background-color: #f7e9ef;
}

.result-box.traffic .result .result-content .rank-list li.domestic{
	border: 1px solid var(--orange01);
	background-color: #fff0ed;
}

.result-box.traffic .result .result-content .rank-list li i{}

.result-box.traffic .result .result-content .rank-list li span{
	color: var(--gray01);
}

.result-box.traffic .result .result-content .rank-list li span strong{
	font-size: 1rem;
}

.result-box.traffic .result .result-content .rank-list li.global i,
.result-box.traffic .result .result-content .rank-list li.global span strong{
	color: var(--red01);
}

.result-box.traffic .result .result-content .rank-list li.domestic i,
.result-box.traffic .result .result-content .rank-list li.domestic span strong{
	color: var(--orange01);
}

.result-box.traffic .result11 .result-content{
	flex-direction: row;
}

.result-box.traffic .result11 .result-content > div{
	width: 50%;
}

#deviceChart{
	min-height: 0 !important;
}
.result-box.traffic .result10 .result-content .apexcharts-canvas{
	height: 250px !important;
}

.result-box.traffic .result10 .result-content .apexcharts-canvas svg,
.result-box.traffic .result10 .result-content .apexcharts-canvas svg foreignObject
.result-box.traffic .result10 .result-content .apexcharts-canvas svg g{
	height: 100% !important;
}

.result-box.traffic .result10 .result-content .apexcharts-legend{
	max-height: 9999999px !important;
}

.result-box.traffic .result08 ul li:not(:first-child),
.result-box.traffic .result09 ul li:not(:first-child){
	/* margin-top: var(--space-20); */
}

.result-box.traffic .result08 ul li strong,
.result-box.traffic .result09 ul li strong{
	font-size: inherit;
	font-weight: var(--fw-500);
	color: inherit;
}

.result-box.traffic .access-list{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.result-box.traffic .access-list li{
	width: calc( 100% / 3 );
	box-sizing: border-box;
	padding: 20px 10px;
}

.result-box.traffic .access-list li  .icon-box{
	text-align: center;
}

.result-box.traffic .access-list li .icon-box i{
	font-size: 2.25rem;
	color: var(--red01);
	opacity: 0.4;
}

.result-box.traffic .access-list li .icon-box strong{
	display: block;
	font-size: 0.9375rem;
	font-weight: var(--fw-500);
	color: var(--gray02);
	margin-top: 10px;
}

.result-box.traffic .access-list li .text-box{
	margin-top: 5px;
	color: var(--gray01);
	font-size: 0.9375rem;
}

.result-box.traffic .access-list li .text-box strong{
	font-size: 1.375rem;
	color: var(--red01);
	font-weight: var(--fw-700);
}

.result-top-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 20px;
}


#resultContainer .result-content .btn-download{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	padding: 8px 15px;
	border-radius: 5px;
	background-color: #18702e;
	color: var(--white);
}

#resultContainer .result-content .btn-download *{
	color: inherit;
}

#resultContainer .result-content .btn-download i{}

#resultContainer .result-content .btn-download span{
	font-size: 0.9375rem;
	font-weight: var(--fw-500);
}

@media screen and (max-width: 1500px){
	#resultContainer.web-backlink2  .result-box{
		grid-template-columns: repeat(4, calc((100% - 36px) / 4));
		gap: 20px 12px;
	}

	#resultContainer.web-backlink2  .result-box .result .result-title h3{
		gap: 5px;
		flex-direction: column;
		align-items: flex-start;
	}

	.result-box.traffic {
		grid-template-columns: repeat(10, calc((100% - 118px) / 10));
		gap: 20px 12px;
	}
}


@media screen and (max-width: 1000px){
	#resultContainer.web-backlink2 .result-box{
		grid-template-columns: repeat(2, calc((100% - 12px) / 2));
        gap: 15px 12px;
	}

	#resultContainer.web-backlink2 .result-box .result01{
		grid-column: 1 / 2;
	}

	#resultContainer.web-backlink2 .result-box .result13 {
		grid-row: 1 / 3;
		grid-column: 2 / 3;
	}

	#resultContainer.web-backlink2 .result-box .result .result-title h3{
		flex-direction: row;
		align-items: center;
	}

	#backlinkChart,
	#backlinkChart .apexcharts-canvas,
	#backlinkChart svg,
	#backlinkChart foreignObject{
		width: 100% !important;
	}

	#backlinkChart .apexcharts-graphical,
	#backlinkChart .apexcharts-graphical *{
		width: 50% !important;
	}
	


}


@media screen and (max-width: 767px){
	.result-box.traffic{
		grid-template-columns: repeat(2, calc((100% - 7px) / 2));
	}

	.result-box.traffic .result01{
		grid-column: 1/3;
	}
	.result-box.traffic .result02{
		grid-column: 1 / 2;
	}
	.result-box.traffic .result03{
		grid-column: 2 / 3;
	}

	.result-box.traffic .result04{
		grid-row: 3/4;
		grid-column: 1/3;
	}

	.result-box.traffic .result05{
		grid-row: 4/5;
		grid-column: 1/2;
	}

	.result-box.traffic .result06{
		grid-row: 4/5;
		grid-column: 2/3;
	}

	.result-box.traffic .result07{
		grid-row: 5/6;
		grid-column: 1/3;
	}

	.result-box.traffic .result08{
		grid-row: 6/7;
		grid-column: 1/2;
	}
	.result-box.traffic .result09{
		grid-row: 6/7;
		grid-column: 2/3;
	}
	.result-box.traffic .result10{
		grid-row: 7/8;
		grid-column: 1/3;
	}
	.result-box.traffic .result11{
		grid-row: 8/9;
		grid-column: 1/3;
	}
	
	.result-box.traffic .result .result-content table{
		width: 100% !important;
	}

	#dashboardContent .domain-list li span.date{
		width: 10%;
	}
}


@media screen and (max-width: 500px){
	#resultContainer.web-backlink2 .result-box {
        grid-template-columns: repeat(2, calc((100% - 7px) / 2));
        gap: 10px 7px;
    }

	.result-box.traffic{
		gap: 10px 7px;
	}
	
	#resultContainer.web-backlink2 .result-box .result{
		padding: 15px;
	}

	#resultContainer.web-backlink2 .result-box .result13 {
        grid-row: 2 / 4;
        grid-column: 1 / 3;
    }

	#resultContainer.web-backlink2 .result-box .result .result-title h3{
		flex-wrap: wrap;
	}

	.result-box .result .result-title .question-box .tooltip{
		width: 130px;
		font-size: 11px;
	}

	.result-box .result .result-title .question-box .tooltip h4{
		font-size: 13px;
	}
	
	
	.result-box.traffic .result11 .result-content{
		flex-direction: column;
	}

	.result-box.traffic .result11 .result-content > div{
		width: 100%;
	}
}


#searchResults > div{
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
}




/* 250109 임시 css 추가- 콘텐츠 추가 시 이것만 삭제하시오 */
#dashboardContent .dashboard-content-bottom > div:nth-child(3){
	display:  none;
}

#dashboardContent .dashboard-content-bottom > div{
	width: calc((100% - 15px) / 2);
}

#dashboardContent .domain-list li span.domain{
	width: 45%;
}

#dashboardContent .domain-list li span.date{
	width: 70px;
}

#dashboardContent .domain-list li span.btn_buy{
	width: 70px;
}

@media screen and (max-width: 1500px){
	#dashboardContent .dashboard-content-bottom > div{
		width: calc((100% - 10px) / 2);
	}

	#dashboardContent .domain-list li span.domain{
		width: 40%;
	}

	#dashboardContent .domain-list li span.cost{
		width: 22%;
	}
}


@media screen and (max-width: 1300px){
	#dashboardContent .dashboard-content-bottom > div{
		width: 100%;
	}

	#dashboardContent .domain-list li span.domain{
		width: 60%;
	}

	#dashboardContent .domain-list li span.cost{
		width: 100px;
	}
}


/* 250113 스타일 추가 - 필수옵션 / 선택옵션 컬러 변경 */
.search-container, .search-box{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 5px;
	width: 100%;
	background: #333;
	border-radius: 12px;
	box-shadow: none;
}
/* .search-group 개수에 관계없이 한 줄에서 동일 비율 분배 (flex-grow). 좁으면 flex-wrap으로 줄바꿈 */
.search-container .search-group{
	position: relative;
	flex: 1 1 220px;
	min-width: 0;
	width: auto;
}
.search-container{
	padding: 20px 24px;
}
.search-container .search-group input,
.search-container .search-group select{
	width: 100%;
	padding: 12px 15px;
	height: 55px;
	background: rgba(0,0,0,0.3);
	border: 2px solid rgba(255,255,255,0.1);
	border-radius: 12px;
	color: #e4e4e4;
	font-size: 1em;
	font-family: inherit;
	outline: none;
	transition: all 0.3s ease;
	box-sizing: border-box;
}
.search-container .search-group input:focus,
.search-container .search-group select:focus{
	outline: none;
	border-color: #de2573;
	box-shadow: 0 0 20px rgba(222,37,115,0.3);
}
.search-container .search-group input:disabled,
.search-container .search-group select:disabled{
	background-color: rgba(0,0,0,0.2);
	color: #9ca3af;
	border-color: rgba(255,255,255,0.06);
	cursor: not-allowed;
	opacity: 1;
}
.search-btn-box button:disabled{
	opacity: 0.55;
	cursor: not-allowed;
	filter: grayscale(0.15);
}

.search-container .search-group select{
	padding: 12px 15px;
}

.search-container .search-group input:focus,
.search-container .search-group.valid-input input,
.search-container .search-group select:focus,
.search-container .search-group.valid-input select{
	padding-top: 23px;
}

.search-container .search-group.required input:focus,
.search-container .search-group.required.valid-input input,
.search-container .search-group.required select:focus,
.search-container .search-group.required.valid-input select{
	border-color: var(--red01);
	box-shadow: 0 0 20px rgba(222,37,115,0.2);
}

.search-container .search-group.optional input:focus,
.search-container .search-group.optional.valid-input input,
.search-container .search-group.optional select:focus,
.search-container .search-group.optional.valid-input select{
	border-color: var(--orange01);
	box-shadow: 0 0 20px rgba(222,37,115,0.2);
}

.search-container .search-group label{
	position: absolute;
	transition: all 0.3s ease;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	color: #b8b8b8;
	opacity: 0.7;
	max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	pointer-events: none;
}

.search-container .search-group input:hover + label,
.search-container .search-group select:hover + label{
	opacity: 0.9;
}

.search-container .search-group input:focus + label,
.search-container .search-group.valid-input input + label,
.search-container .search-group select:focus + label,
.search-container .search-group.valid-input select + label{
	opacity: 1;
	font-size: 0.8125rem;
	top: 8px;
	transform: translateY(0);
	color: #e4e4e4;
}


.search-container .search-group.required input:focus + label,
.search-container .search-group.required.required.valid-input input + label,
.search-container .search-group.required select:focus + label,
.search-container .search-group.required.required.valid-input select + label{
	color: var(--red01);
}

.search-container .search-group.optional input:focus + label,
.search-container .search-group.optional.valid-input input + label,
.search-container .search-group.optional select:focus + label,
.search-container .search-group.optional.valid-input select + label{
	color: var(--orange01);
}

.search-container .search-btn-box{
	flex: 1 1 100%;
	min-width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.search-container .search-btn-box button span{
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	display: inline-block;
}


@media screen and (max-width: 767px){
	.search-container .search-group input,
	.search-container .search-group select{
		height: 50px;
		padding: 10px 14px;
		font-size: 0.9375rem;
	}

	.search-container .search-group input:focus,
	.search-container .search-group.valid-input input,
	.search-container .search-group select:focus,
	.search-container .search-group.valid-input select{
		padding-top: 20px;
	}

	.search-container .search-group label{
		left: 14px;
		font-size: 0.9375rem;
	}

	.search-container .search-group input:focus + label,
	.search-container .search-group.valid-input input + label,
	.search-container .search-group select:focus + label,
	.search-container .search-group.valid-input select + label {
		font-size: 0.75rem;
		top: 7px;
	}

	.search-container .search-group.optional input:focus + label,
	.search-container .search-group.optional.valid-input input + label,
	.search-container .search-group.optional select:focus + label,
	.search-container .search-group.optional.valid-input select + label{
		top: 7px;
	}
}


@media screen and (max-width: 500px){
	.search-container, .search-box{
		gap: 5px;
	}
	.search-container .search-group{
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
	}
	.search-container .search-group input,
	.search-container .search-group select{
		height: 48px;
		padding: 10px 12px;
		border-radius: 10px;
	}
	.search-container .search-group input:focus,
	.search-container .search-group.valid-input input,
	.search-container .search-group select:focus,
	.search-container .search-group.valid-input select{
		padding-top: 18px;
	}
	.search-container .search-group label{
		left: 12px;
	}
}




/* 플로팅메뉴 */
.floating-menu{
	position: fixed;
	z-index: 90;
	right: 20px;
	bottom: 50px;
}

.floating-menu-item{
	position: relative;
}

.floating-menu-item:not(:first-child){
	margin-top: 10px;
}

.floating-menu-item a{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 75px; height: 75px;
	border-radius: 28px;
	overflow: hidden;
	background: linear-gradient(233deg, rgba(249,206,1,1) 0%, rgba(243,201,4,1) 100%);
	transition: var(--transition);
	position: relative;
	/* box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15); */
	box-shadow:0 0 10px rgba(227,227,227,0.15);
}

.floating-menu-item a:hover{
	opacity: 0.9;
}

.floating-menu-item span{
	position: absolute;
	right: calc( 75px + 10px );
	top: 50%;
	transform: translateY(-20%);
	background: linear-gradient(180deg, rgb(233 233 233) 0%, rgb(255 255 255) 100%);
	font-size: 1.0625rem;
	font-weight: var(--fw-700);
	box-sizing: border-box;
	padding: 15px 20px;
	border-radius: 30px 30px 0 30px;
	width: 170px;
	text-align: center;
	box-shadow: 0px 0px 10px rgba(255, 90, 90, 0.15);
	pointer-events: none;
	opacity: 0;
	color: #303030;
	transition: 0.5s;
}

.floating-menu-item a:hover + span{
	transform: translateY(-50%);
	opacity: 1;
}

.floating-menu-item a img{
	width: 35px;
}


@media screen and (max-width: 900px){
	.floating-menu-item a{
		width: 65px; height: 65px;
		border-radius: 24px;
	}

	.floating-menu-item a img{
		width: 32px;
	}

	.floating-menu-item span{
		right: calc( 65px + 10px );
		width: 150px;
		padding: 13px 20px;
	}
}


@media screen and (max-width: 500px){
	.floating-menu{
		right: 7px;
	}
	.floating-menu-item a{
		width: 60px; height: 60px;
	}

	.floating-menu-item span{
        right: calc(60px + 5px);
        width: 130px;
        padding: 12px 20px;
        font-size: 1rem;
    }
}



/* datatable 공통스타일 처리 */
.dt-container{
	text-align: right;
}
.dt-search{
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
}

.dt-search label{
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translateY(-50%);
	font-size: 1.125rem;
	color: var(--red01);
}

.dt-search input{
	box-sizing: border-box;
    padding: 8px 20px;
    padding-left: 40px;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 5px;
	transition: var(--transition);
	font-size: 0.9375rem;
	margin-left: 0;
}

.dt-search input:focus{
	border-color: var(--red01);
}

table.dataTable thead th{
	padding: 15px 5px;
}
table.dataTable tbody td{
	padding: 15px 10px;
}

table.dataTable thead th span{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}



.dt-layout-table + .dt-layout-row{
	margin-top: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.dt-layout-table + .dt-layout-row .dt-info{
	font-size: 0.875rem;
	color: var(--gray02);
}

.dt-layout-table + .dt-layout-row .dt-paging nav{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	padding-top: 0;
}

.dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button{
	font-size: 0.9375rem;
	margin-left: -1px;
	transition: var(--transition);
	border: none !important;
	font-size: 14px;
	color: var(--gray02) !important;
	background-color: var(--white);
	padding: 10px 15px;
}

.dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button:not(:last-child){
	border-right: 1px solid #ccc !important;
}

.dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button i{
	font-size: 12px;
	color:  var(--gray02);
}

.dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button:hover{
	background: var(--red03);
	color: var(--red01) !important;
}
.dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button.current, .dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button.current:hover{
	background: var(--red01);
	color: var(--white) !important;
}

@media screen and (max-width: 767px){
	.dataTables_wrapper{
		text-align: center;
	}

	.dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button{
		padding: 7px 10px;
		font-size: 12px;
	}

	.dt-layout-table + .dt-layout-row .dt-paging .dt-paging-button i{
		font-size: 10px;
	}
}

/* ========== 키워드 관련 공통 스타일 ========== */
/* 정렬 아이콘 */
.sort-icon {
	display: inline-block;
	position: relative;
	margin-left: 4px;
	color:#fff;
}

.sort-icon:after {
	content: "\f0dc";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 14px;
	opacity: 0.4;
}

.sort-asc .sort-icon:after {
	content: "\f0de";
}

.sort-desc .sort-icon:after {
	content: "\f0dd";
}

/* 키워드 셀 */
.keyword-cell {
	cursor: pointer;
	transition:0.3s;
}
.keyword-cell:hover {
	background-color:#222;
}

/* 토스트 알림 */
.toast {
	visibility: hidden;
	opacity: 0;
	min-width: 250px;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	text-align: center;
	border-radius: 8px;
	padding: 12px 20px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50px;
	font-size: 14px;
	transition: opacity 0.3s, bottom 0.3s, visibility 0.3s;
}

.toast.show {
	visibility: visible;
	opacity: 1;
	bottom: 70px;
}

/* 검색어 표시 영역 */
.search-term-display {
	margin-bottom: 15px;
	font-size: 1.1em;
	display: flex;
	align-items: center;
}

.search-term-label {
	color: #de2573;
	font-weight: bold;
}

.searched-keyword {
	color: #1971c2;
	font-weight: 700;
	background-color: #e7f5ff;
	padding: 4px 10px;
	border-radius: 8px;
	margin-left: 10px;
}

/* 검색 버튼 아이콘 */
.btn-search-icon {
	color: #ffffff;
}

/* 로딩 상태 */
.loading-message {
	text-align: center;
	padding: 40px;
	color: #ffffff;
}

.loading-message-text {
	margin-top: 15px;
	color: #ffffff;
}

.loading-spinner {
	color: #ffffff;
}

/* 결과 없음 메시지 */
.no-result-message {
	text-align: center;
	color: #ffffff;
}

.no-result-message-center {
	text-align: center;
}

/* 에러 메시지 */
.error-text {
	color: red;
}

.error-text-white {
	color: #ffffff;
}