@charset "UTF-8";
h1, h2, h3 {
	font-weight: bold;
}

p {
	font-weight: normal;
}
html, body {
	margin: 0; padding: 0; 
}
a {
	text-decoration: none;
}

table, tr, td{
	border-collapse:collapse;
	border:none;
}

#main_base {
	width: 100%; position: relative;
}

.content_color {
	background-color:#f4f4f4;
}

.content_blur {
	-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px); opacity:0.3;
}

#content_search {
	position: absolute; z-index: 110; height: 100%; width: 100%; top:0px; left:0px; background-color: #fff; opacity: 0.8; display: none;
}
#content_search_on {
	position: absolute; z-index: 110; height: 100%; width: 100%; top:0px; left:0px; background-color: #fff; opacity: 0.8; display: block;
}
#content_search_center {
	position: absolute; z-index: 111; width:1120px; height: 260px;  top:calc(50% - 130px); left:calc(50% - 560px);  display: none;
}
#content_search_center_on {
	position: absolute; z-index: 111; width:1120px; height: 260px;  top:calc(50% - 130px); left:calc(50% - 560px);  display: block;
}
#content_search_sitemap {
	position: absolute; z-index: 111; width:1574px; height: 840px; top: 160px; left: 26px; display: none;
}
#content_search_sitemap_on {
	position: absolute; z-index: 111; width:1574px; height: 840px; top: 160px; left: 26px; display: block;
}

.sitemap_report_item_text{
	display: inline-block; font-family: 'Pretendard Variable';font-style: normal;font-weight: 800;font-size: 18px;line-height: 21px;color: #222222;margin-bottom:10px;
}

#bottom_lang {
	position: absolute; z-index: 102; bottom:16px; right:16px;
}
.bottom_lang {
	position: absolute; z-index: 102; bottom:16px; right:16px;
}

#content_map_pop {
	position: absolute; z-index: 55; bottom:224px; left:33px;
}

#content_map_pop_t {
	position: absolute; z-index: 60; bottom:257px; left:67px;
}
#content_map_webtoon {
	position: absolute; z-index: 54; bottom:27px; left:279px;
}
#content_map_webtoon_t {
	position: absolute; z-index: 60; bottom:61px; left:537px;
}
#content_map_variety {
	position: absolute; z-index: 52; bottom:27px; left:708px;
}
#content_map_variety_t {
	position: absolute; z-index: 60; bottom:50px; left:1000px;
}
#content_map_media {
	position: absolute; z-index: 53; top:138px; right:29px;
}
#content_map_media_t {
	position: absolute; z-index: 60; top:443px; right:200px;
}

.sitemap_report_item{
	display: inline-block; margin-top:10px; margin-right:50px; width:200px;
}

.content_search_sitemap_help{
	display:inline-block; position: absolute; right:0px; top:0px; overflow-y: scroll; height:750px; width:800px;
}


.trend_earth{
	position: absolute;
	top:115px;
	left:414px;
}
.trend_earth_live{
	position: absolute;
	top:120px;
	left:0px;
	width:100%;
	height:100%;
}

.bottom_genre{
	position: absolute; z-index: 132; bottom:120px; right:22px;
}

.bottom_genre_logo{
	position: absolute; z-index: 132; bottom:16px; right:16px;
}

.trend_view_side_region{
	display: inline-block;
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
	color: #A0A0A0;
	margin-bottom:5px;
}
.trend_view_side_region a:link {
	color: #A0A0A0;
}
.trend_view_side_region a:visited {
	color: #A0A0A0;
}
.trend_view_side_region a:active {
	color: #A0A0A0;
}
.trend_view_side_region a:hover {
	color: #D04012;
}
.trend_view_side_region_on{
	display: inline-block;
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
	color: #D04012;
	margin-bottom:5px;
}
.trend_view_side_region_on a:link {
	color: #D04012;
}
.trend_view_side_region_on a:visited {
	color: #D04012;
}
.trend_view_side_region_on a:active {
	color: #D04012;
}
.trend_view_side_region_on a:hover {
	color: #D04012;
}

.trend_side_keyword_t{
	position: absolute; z-index: 102; bottom:120px; left:16px;
}

.trend_earth_keyword_all{
	position: absolute; z-index: 102; top:105px; left:18px;
}

.trend_earth_keyword_europe{
	position: absolute; z-index: 102;
}

.trend_earth_keyword_eastasia{
		position: absolute; z-index: 102;
}

.trend_earth_keyword_middleeast{
	position: absolute; z-index: 102; 
}

.trend_earth_keyword_southeastasia{
	position: absolute; z-index: 102; 
}

.trend_earth_keyword{
	display: inline-block;
	height:42px;
	border-radius: 48px;
	background-color: #FFFFFF;
	
	font-family: 'Pretendard';
	font-size:24px;
	font-weight:500;
	padding-top:12px;
	vertical-align:middle;
	margin-right:10px;
}

.trend_earth_keyword a{
	display:inline-block;
	color:#D04012;
	margin-left:24px;
	margin-right:24px;
}

.trend_earth_keyword_on{
	display: inline-block;
	height:42px;
	border-radius: 48px;
	background-color:#D04012;
	
	font-family: 'Pretendard';
	font-size:24px;
	font-weight:500;
	padding-top:12px;
	vertical-align:middle;
	margin-right:10px;
}

.trend_earth_keyword_on a{
	display:inline-block;
	color:#FFFFFF;
	margin-left:24px;
	margin-right:24px;
}

.popup_info_contents_text_3{
	display:inline-block;
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 155%;
	color: #000000;
	margin:20px 20px 0px 20px;
	
}

.popup_info_contents_text_1{
	display:inline-block;
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 149%;
	color: #000000;
	margin:20px 0px 10px 20px;
	
}
.popup_info_contents_text_1-2{
	display:inline-block;
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 149%;
	color: #000000;
	margin:20px 20px 10px 5px;
	
}

.popup_info_contents_text_2{
	display:inline-block;
	font-family: 'Pretendard Variable';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 149%;
	color: #000000;
	margin-top:20px;
	margin-left:20px;
	
}

.text_original_grid_wrapper_none{
	display:none;
}
* {
	user-select: none; /* standard syntax */
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}

.ontolgy_keyword{
	display: inline-block;
	height:38px;
	border-radius: 30px;
	background-color: var(--primary);/* #D04012 */
	
	font-family: 'Pretendard';
	font-size:20px;
	font-weight:500;
	padding-top:5px;
	vertical-align:middle;
	display:inline-block;
	color:#FFFFFF;
	width:300px;
	text-align:center;
	margin-top:20px;
	cursor:pointer;
}

.ont_title{
	display: inline-block;
	width: calc(100% - 10px);
	font-size: 0.8rem;
	font-weight:600;
	color : var(--primary);
	border-bottom:2px solid var(--primary);
	text-align:center;
	margin-bottom:1rem;
}

.ontology_line_0{
	position: absolute;z-index: 5; top:-24px; left:95px; transform: rotate(41deg);height:295px;
}
.ontology_line_1{
	position: absolute;z-index: 5; top:-3px; left:95px; transform: rotate(44deg);height:279px;
}
.ontology_line_2{
	position: absolute;z-index: 5; top:18px; left:95px; transform: rotate(48deg);height:260px;
}
.ontology_line_3{
	position: absolute;z-index: 5; top:37px; left:95px; transform: rotate(52deg);height:245px;
}
.ontology_line_4{
	position: absolute;z-index: 5; top:56px; left:95px; transform: rotate(56deg);height:234px;
}
.ontology_line_5{
	position: absolute;z-index: 5; top:75px; left:95px; transform: rotate(61deg);height:221px;
}
.ontology_line_6{
	position: absolute;z-index: 5; top:93px; left:95px; transform: rotate(67deg);height:209px;
}
.ontology_line_7{
	position: absolute;z-index: 5; top:108px; left:95px; transform: rotate(73deg);height:203px;
}
.ontology_line_8{
	position: absolute;z-index: 5; top:123px; left:95px; transform: rotate(80deg);height:197px;
}
.ontology_line_9{
	position: absolute;z-index: 5; top:136px; left:95px; transform: rotate(87deg);height:195px;
}
.ontology_line_10{
	position: absolute;z-index: 5; top:148px; left:95px; transform: rotate(-86deg);height:195px;
}
.ontology_line_11{
	position: absolute;z-index: 5; top:161px; left:95px; transform: rotate(-80deg);height:197px;
}
.ontology_line_12{
	position: absolute;z-index: 5; top:170px; left:95px; transform: rotate(-73deg);height:203px;
}
.ontology_line_13{
	position: absolute;z-index: 5; top:179px; left:95px; transform: rotate(-67deg);height:209px;
}
.ontology_line_14{
	position: absolute;z-index: 5; top:185px; left:95px; transform: rotate(-61deg);height:221px;
}
.ontology_line_15{
	position: absolute;z-index: 5; top:191px; left:95px; transform: rotate(-56deg);height:234px;
}
.ontology_line_16{
	position: absolute;z-index: 5; top:199px; left:95px; transform: rotate(-52deg);height:245px;
}
.ontology_line_17{
	position: absolute;z-index: 5; top:204px; left:95px; transform: rotate(-48deg);height:260px;
}
.ontology_line_18{
	position: absolute;z-index: 5; top:205px; left:95px; transform: rotate(-44deg);height:279px;
}
.ontology_line_19{
	position: absolute;z-index: 5; top:210px; left:95px; transform: rotate(-41deg);height:295px;
}