/* /*
+----------------------------------------------------------------------+
| Copyright (c) daumsoft.  co. Ltd
+----------------------------------------------------------------------+
| :  MO style CSS
+----------------------------------------------------------------------+
*/
@charset "utf-8";


==================================================================
// MO analysis
//=================================================================
header .headerLogo{background-image: url('../../images/layout/header/header_logo_fff_1.svg')}
header .side_close_btn span{background-color:#333333}
header .side_close_btn.open span{background-color: #6d6d6d;}

.mo_analysis_top_wrap{position: relative;}
.mo_analysis_top_wrap header nav:before{display: none}


========= trend_start_wrap  =========
.mo_analysisStart_top_wrap header .headerLogo{}


.trend_start_wrap .analysisStart_title{font-size: 18px;color:#333333;text-decoration: underline;}

.trend_start_wrap .search_wrap{margin-bottom: 0;}
.trend_start_wrap .search_wrap .search_form{text-align: left;}


.trend_start_wrap .search_wrap .search_form .form_title{line-height: 130%;}


.trend_start_wrap .aniamtion_bg{position: absolute;}
.trend_start_wrap .aniamtion_bg.aniamtion01{-webkit-animation:gallery_slider linear infinite 5s;animation: gallery_slider cubic-bezier(0, 0, 0.48, 0.49) infinite 7s;width: 120%;padding-top: 120%;background-color: #2189ff;top: 0%;left: -48%;border-radius: 50%;}
.trend_start_wrap .aniamtion_bg.aniamtion02{-webkit-animation: gallery_slider linear infinite 7s;animation: gallery_slider linear infinite 10s;width: 65%;padding-top: 70%;background-color: rgba(255,255,255,0.15);bottom: -90%;right: -90px;border-radius: 50%;}



==================================================================
// WEB
//=================================================================
@media screen and (min-width:1200px){
	header .headerLogo{background-image: url('../../images/layout/header/header_logo_1.svg')}
	.mo_analysis_top_wrap{background-color:transparent}
	

	.trend_analysis_wrap .search_wrap .search_form .form_title br{display: none}

	.relation_wrap .table_wrap {margin-right: 10px !important;width: 304px !important;}


	========= trend_start_wrap  =========
	.trend_start_wrap{background-color :transparent}
	.trend_start_wrap .analysisStart_title{display: none}
	.mo_analysisStart_top_wrap header .headerLogo{margin-left: 0px}
	

	
	
}

@media screen and (max-width: 1200px) {
	.trend_analysis_wrap{
		width:100%;
	}
	
	.logo-box{padding-top: 10px;margin-left:22px;}
		.logo-box .logo-img{display: inline-block;vertical-align: middle; position: relative}
		.logo-box .logo-img img{vertical-align: middle}
		/* 2025.07.07 KYPARK : Sometrend 로고만 출력하게 되면서 아래의 두줄 막음 */
		/*.logo-box .logo-sometrend{margin-left: 28px; padding-left: 28px;}
		.logo-box .logo-sometrend:before{content:'';position: absolute;left: 0;top: 8px;bottom: 1px;width: 2px;background-color: #a6a6c4;}
		*/
	
	#wrap{margin: 0px;overflow: hidden; }
		

	.trend_start_wrap .search_wrap:before{display: none}
	.trend_analysis_wrap .search_wrap .search_form .form_title{color:#333333;font-size: 35px;}

	.trend_analysis_wrap .search_wrap .page_title, .trend_analysis_wrap .search_wrap .page_subTitle{display: none}
	.trend_analysis_wrap .search_wrap:before{display: none}

	.trend_analysis_wrap .search_wrap .search_form{margin: 30px 10px 0;border: 0;background-color: transparent;}
	.trend_analysis_wrap .search_wrap .input_keyword{background-color: #333333;border-color: #333333;background-image: none;padding: 10px 20px;outline: none; border-radius: 0}
	.trend_analysis_wrap .search_wrap button.search{}
	.trend_analysis_wrap .search_wrap button.search:hover{}

	.trend_analysis_wrap .search_wrap .search_form span.vs{vertical-align: top; color: #333333}
	
	
	.more-tooltip
	.form_title .more-tooltip-box{display: none !important}
	
		

	.section{margin: 0 20px 65px;}


	========= search_form  =========
	.switch_box{display: none}
	.trend_analysis_wrap .search_wrap .search_form{padding: 0px 10px 10px 10px;text-align: left;}

	.trend_analysis_wrap .search_wrap .search_form .form_title{padding-left: 0;font-family: NotoL, sans-serif;}
	.trend_analysis_wrap .search_wrap .calendar_box{display: none}
	.trend_analysis_wrap .search_wrap .search_box{width: calc(100% - 170px);border: 1px solid #ebebeb;border-radius: 5px;}
	.trend_analysis_wrap .search_wrap .search_input_box{width: calc(100% - 170px);}
	.trend_analysis_wrap .search_wrap .search_form .search_input{width: 46%}
	.trend_analysis_wrap .search_wrap .search_box .input_keyword{background-color: #fff;border-color: #fff;}

	.trend_analysis_wrap .search_wrap .label_box{margin-left: 0}
	.trend_analysis_wrap .search_wrap .label_box input[type="radio"] {  }
	.trend_analysis_wrap .search_wrap .label_box label {padding: 7px 13px;background-color: transparent;font-size: 16px;color: rgba(0,0,0,0.5);margin-right: 11px;border-radius: 100px;border-color: rgba(0,0,0,0.5);}
	.trend_analysis_wrap .search_wrap .label_box input[type="radio"]:checked + label {background-color: transparent;color: rgba(0,0,0,1);border: 1px solid rgb(0, 0, 0);}
	.trend_analysis_wrap .search_wrap .label_box label:hover {}

	.trend_analysis_wrap .search_wrap .label_box label.first_label{border-radius: 100px;}
	.trend_analysis_wrap .search_wrap .label_box label:last-child{border-radius: 100px;}


	.trend_analysis_wrap .search_wrap .conclude_box{float: none; width: 100%}
	.trend_analysis_wrap .search_wrap .include_box{margin-bottom: 10px; }

	.section_title .accordion_btn {width: 80%}
	.section_title .download_btn{display: none}
	
	.selectionArea{display: none}

	.relation_wrap .contents_wrap{margin-top: -15px;}
	.relation_wrap .category_wrap{display: none}
	#issueAnalysisRank{overflow: none}
	.relation_wrap .table_slider{float: none;width: 100%;}
	.relation_wrap .table_wrap{}
	.relation_wrap .table_wrap:first-child, .relation_wrap .table_wrap{border: 0;width: 33.3333% !important;padding: 0;}
	#issueAnalysisRank summary{}
	#issueAnalysisRank .week-date{color:#545454; font-family: 'NotoR', sans-serif;}
	#issueAnalysisRank .week-date .color_text{color:#25a1c0}
	#issueAnalysisRank .detail-date {color:#8c8c8c;font-size: 13px;top: -2px;font-family: 'NOtoR',sans-serif;}
	
	.relation_wrap .slick-arrow{top: 25px;margin-top: 0;}
	.relation_wrap .slick-arrow.slick-prev{left: 10px;}
	.relation_wrap .slick-arrow.slick-next{right: 10px;}

    
    .table-box-wrap .table-box table.relation_table thead tr{display: contents;}
	.relation_table th{text-align: center;border-top: 2px solid #e4e8ed;border-bottom: 0;background-color: #eff3f7;color: #4d4d4d;}
	.relation_table th:first-child, .relation_table td:first-child{width:19%}
	.relation_table th:nth-child(2), .relation_table td:nth-child(2){width: 43%;}
	.relation_table th:nth-child(3), .relation_table td:nth-child(3){width: 41%;}
	.relation_table td:nth-child(3){padding-right: 30px;} 
	.relation_table .active{border-left-width: 3px; border-right-width: 4px;}
	.relation_table .active{border-color: transparent;border-bottom: 1px solid #f3f3f3;border-top: 1px solid #f3f3f3;}
	.relation_table td{border-bottom: 1px solid #f3f3f3;}
	.sensitiveSVG_wrap{float: none;width: calc(100% - 110px);height: auto;padding: 20px 20px 35px 20px;}



	.origin_display{display: none !important} 원문보기 숨김

	.tutorial_btn_box{display: none}

	.save_wrap .btn_area #registerMagazine{display: none}  go somegal  

	.section_title .download_btn{display: none}
	.section_title .detail_infoBox{right: 5px}


	========= trend_start_wrap  =========
	.trend_start_wrap .analysisStart_title{margin: 10% auto 33px;}
	.trend_start_wrap .search_wrap .search_form .form_title .title{padding: 0px 5px 0px 4px;background-color:#1574e0;margin-right: 2px;}

	========= search_result_wrap  =========
	.search_result_wrap{padding: 40px 20px;}


}

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

	header .headerLogo{}
	.mo_analysis_top_wrap .aniamtion_bg{display: block;}	


	.save_wrap .share_box{right: 50%;top: 80%;transform: translate(50%, -50%);}

	.specific_save_wrap .share_box {top: 21px;z-index: 1;right: 47%;transform: translate(50%, -50%);	}


	========= search_result_wrap  =========
	.search_result_wrap{}
	.result_half_wrap{display: block;}
	.search_result_list{width: 100%}

	.result_full_wrap .search_result_list li{float: none; width: 100%}
}

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


}


@media only screen and (min-device-width: 650px) and (max-device-width: 860px) and (orientation: landscape) {  device -  landscape
	.trend_start_wrap .aniamtion_bg.aniamtion01{width: 50%;padding-top: 50%;}
	.trend_start_wrap .aniamtion_bg.aniamtion02{width: 40%;padding-top: 40%;bottom: -160px;}
}
==================================================================
// TAB
//=================================================================
@media screen and (min-width:700px) and (max-width:1119px){



	
}

==================================================================
// Mobile
//=================================================================

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


	========= search_form  =========
	.trend_analysis_wrap .search_wrap{padding-bottom: 14px}
	
	.trend_analysis_wrap .search_wrap .search_box{background-color: #fff}
	.trend_analysis_wrap .search_wrap .input_keyword{height: 33px;font-size: 15px;}
	.trend_analysis_wrap .search_wrap .search{height: 35px;padding: 11px 10px;width: auto;font-size: 15px;}
	.trend_analysis_wrap .search_wrap .search-btn{margin-left: auto;margin-right: 0;margin-top: 11px;padding: 16px 10px;height: auto;}
	.trend_analysis_wrap .search_wrap .detail-btn{text-indent: -9999px;width: 40px;position: relative;}
	.trend_analysis_wrap .search_wrap .detail-btn:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin-left: 0;}
	
	
	.trend_analysis_wrap .search_wrap .search_form .search_input{width: 43%}

	.trend_analysis_wrap .search_wrap .conclude_box{}
	.trend_analysis_wrap .search_wrap .conclude_box dt , .trend_analysis_wrap .search_wrap .conclude_box dd{}
	.trend_analysis_wrap .search_wrap .conclude_box dt:after{}
	.trend_analysis_wrap .search_wrap .conclude_box dt{width: 72px;padding-right: 10px;margin-right: 10px; font-size: 15px;}
	.trend_analysis_wrap .search_wrap .conclude_box dd{width: calc(80% - 30px);}
	

	.trend_analysis_wrap .search_wrap .compare_conclude .conclude_box{padding-left: 10px;}
	.trend_analysis_wrap .search_wrap .compare_conclude .conclude_box dt{width: 54px;}

	.chartArea{min-height: 150px; height: 150px;}
	

	
    .graph_wrap{margin: 25px auto 0px auto;}
	.graph_wrap .graph_title{display: block;margin-right: 0;}
	.graph_wrap .graph_box{display: block;width: calc(100% - 20px);margin: 40px 10px 0;}

    .graph_wrap .graph_box .graph_perText{top:0}
    .graph_wrap .graph_list{margin-top: 13px;}

	
	#issueSentimentSlick .slick-prev{left: 10px}
	#issueSentimentSlick .slick-next{right: 10px}

	#issueSentimentSlick .slick-prev:after, #issueSentimentSlick .slick-next:after{width: 20px;height: 40px;background-size: cover;}

	.svg_ex_img{width: 100%}
	.sensitiveSVG_wrap{width: calc(100% - 2px);margin-left: 0;}

	#issueSentimentTitle1{font-size: 20px; line-height: 20px;}
	.sensitiveSVG_wrap .svg_box{min-height:250px;height: 320px;width: calc(100% - 40px);text-align: center;margin: 0px 20px -15px;}

	.section_desc{display: none}
	.save_wrap .save_title, .save_wrap .save_desc{}
	.save_wrap .save_title{font-size: 16px;}
	.save_wrap .save_desc{font-size: 13px;word-break: keep-all;}
	.graph_wrap .graph_title{font-size: 19px;}
	.graph_wrap .graph_box .graph_perText{font-size:17px}
	.save_wrap .btn_area .btn{width: auto;padding: 0 10px;width: 100%;border-radius: 100px;font-size: 16px;height: 48px;margin-bottom: 7px;}


	.section_title{padding-right: 20px; word-break: keep-all;}
	.section_title span.keyword{max-width: 52%}
	.section_title span.first-keyword, .section_title span.second-keyword{max-width: 30%}

	========= search_result_wrap  =========
	.search_result_title{font-size: 21px}
	.search_result_list .result_list_title{padding-bottom: 13px;}
	.search_result_list .more-text{top: auto;bottom: -20px;}
	.search_result_list .tooltip-box{left: -114px;right: 0;width: 100%;top: 25px;}

}


@media screen and (max-width: 420px) { IOS plus

	.trend_analysis_wrap .search_wrap .search_form .form_title{font-size: 25px;letter-spacing: -1.2px;}
	.trend_analysis_wrap .search_wrap .search_form .form_title span{top:0 !important;display: inline-block;vertical-align: top;}

	.trend_analysis_wrap .search_wrap .search_box{width: calc(100% - 50px);}
	.trend_analysis_wrap .search_wrap .search_input_box{width: calc(100% - 50px);}

	.trend_analysis_wrap .search_wrap .conclude_box{}
	.trend_analysis_wrap .search_wrap .conclude_box dt , .trend_analysis_wrap .search_wrap .conclude_box dd{}
	.trend_analysis_wrap .search_wrap .conclude_box dt:after{}
	.trend_analysis_wrap .search_wrap .conclude_box dt{}
	.trend_analysis_wrap .search_wrap .conclude_box dd{}


	.trend_analysis_wrap .search_wrap .compare_conclude .conclude_box dd{width: calc(80% - 40px);}

	.trend_analysis_wrap .search_wrap .search_form .search_input{ width: 42%;}
	.trend_analysis_wrap .search_wrap .input_keyword{}
	.trend_analysis_wrap .search_wrap .search{}
    .trend_analysis_wrap .search_wrap .label_box label{font-size: 12px;padding: 4px 13px;margin-right: 4px;}

	
	========= trend_start_wrap  =========
	.trend_start_wrap .search_wrap .search_form .form_title{font-size: 35px; }
	.trend_analysis_wrap .search_wrap button.search{bottom: 69px;right: 27px;background-size: 19px;}
	.trend_start_wrap .analysisStart_title{margin: 25% auto 33px;}

    .section_title{font-size: 20px;}
    .section_title span.first-keyword, .section_title span.second-keyword{max-width: 20%}


	#issueSentimentSlick h3{font-size: 16px; line-height: 100%}
	#issueSentimentSlick .graph_wrap{margin-top: 0;}
	.graph_wrap .graph_list .graph_info{margin: 0 4px;padding: 10px 9px;}
}


@media screen and (max-width:380px){ IOS 6


	
}


@media screen and (max-width:350px){ IOS 5

}


=========  animation =========
@-webkit-keyframes gallery_slider {
   0%{-webkit-transform:translateX(0);}
   50%{-webkit-transform:translateX(30px);}
   100%{vtransform:translateX(0);}
}
@keyframes gallery_slider{
   0%{transform:translateX(0);}
   50%{transform:translateX(20px);}
   100%{transform:translateX(0);}
} */