@charset "utf-8";

@media all and (max-width:1450px){
     
}

@media all and (max-width:1320px){
	.subcontent.inner{padding-bottom:20px;}
	.visualBox{height:370px;}
	.visualBox .inner{padding: 50px 20px;}
	.visualBox .searchData input[type="text"]{width:calc(100% - 470px);max-width:550px;margin-bottom:0;}
	.visualBox .searchData{margin-bottom:45px;}
	.visualBox .dataSet{width:calc(100% - 470px);}
	.visualBox .dataSet ul{display:flex;gap:10px;}
	.visualBox .dataSet ul li{display:flex;flex-direction:column;justify-content:center;padding-top:0;aspect-ratio:1;height:auto;margin:0;}
	.visualBox .tabContent{top:50px;right:20px;}
	.visualBox .tabBar{height:50px}
	.visualBox .tabBar > li > a{line-height:50px;}
	.visualBox .tabContent {width:430px;height:355px;}
	.visualBox .tabPage{height:305px;padding:30px 30px 0;}
	.visualBox .tabPage ul li{margin-bottom:20px;}
	.visualBox .tabPage .controler{left:30px;}
	.visualBox .tabPage .more{right:30px;}
	.exampleBox {padding:50px 20px;}
	.slideListText{width:100%!important;}
	.analysisBox .analysis{background-position-X:right;padding-top:30px;}
	.analysisBox .analysis p{width:55%;}
	.analysisBox .analysis.type2{padding-left:28px;background-position-X:105%;}
	.analysisBox .inner{padding-right:0;}
}

@media all and (max-width:1100px){
	.useDatepicker{padding:0 30px 0 7px;background-position-x:calc(100% - 5px);}
/* 	main */
	.visualBox{height:auto;background-position-y:0;background-attachment:fixed;}
	.visualBox .inner{display:flex;flex-direction:column;align-items:center;gap:51px;}
	.visualBox .inner::after{display:none;}
	.visualBox .tabContent{position:static;}
	input[type="text"], select{margin-bottom:0;}
	.visualBox .searchData,
	.visualBox .searchData input[type="text"],
	.visualBox .dataSet,
	.visualBox .tabContent{width:100%;margin-bottom:0;}
	.visualBox .searchData{position:relative;max-width:550px;}
	.visualBox .searchData input[type="button"]{position:absolute;right:0;top:0;margin-left:auto;}
	.visualBox .dataSet ul{justify-content:space-between;}
	
	.listTopInfo{flex-wrap:wrap;}
	.listTopInfo p{position:relative;top:0;width:100%;margin-bottom:5px;}
	.listTopInfo select{float:none;}
	.listTopInfo .tool input{width:110px;}
	.listTopInfo .tool a{flex:1;width:auto;padding:0 10px;margin-left:0;}
	
	.platformInfo{background-color:#255678;background-blend-mode:multiply;}
	.platformInfo .title{font-size:34px;}
}

@media all and (max-width:960px){
	#footer .inner div{display:flex;justify-content:center;gap:10px;}
	#footer .inner div span{width:auto;margin:0;padding:0;}
	#container .location .depth1 > li{padding-right:5px;}
	#container .location .depth1 > li > a{background-color:transparent!important; color:#fff!important;}
	.analysisBox{height:auto;}
	.analysisBox .inner{padding:0!important;}
	.main .analysisBox .analysis{width:100%;height:auto;;padding:20px 0 20px 20px;background-position:100% 100%;}
	.analysisBox .analysis.type1{background-color:#4eb9c9;}
	.analysisBox .analysis.type2{background-color:#4095a9;}
	.boardBox{padding:50px 0;}
	.boardBox .inner{display:flex;flex-direction:column;gap:30px;}
	.boardBox .boardList{width:100%;margin:0;}
	
	.analysisList > li{display:flex;flex-direction:column;align-items:center;padding:20px;gap:25px;}
	.analysisList > li :is(.imgBox,.sideBtnBox){position:static;}
	.analysisList > li .desc{width:100%;}
	.analysisList > li .sideBtnBox{align-self:flex-end;}
	
	.tabBar{display:flex;gap:3px;}
	.tabBar.type2::after{display:none;}
	.tabBar.type2 > li{flex:1;margin:0;}
	#content .subcontent .tabBar > li > a{width:100%;min-width:auto;margin:0;padding:0;}
}

@media all and (max-width:640px){
	#container.main .inner{padding:0 10px;}
	.subcontent.inner{padding-bottom:10px;}
	#footer .inner div{flex-direction:column;gap:5px;margin-bottom:15px;font-size:0;}
	#footer .inner div span{font-size:13px;}
	#container.main .visualBox .inner{padding:50px 10px;}
/* 	main */
	.visualBox .dataSet ul{gap:5px;}	
	.visualBox .dataSet ul li{font-size:16px;}
	.visualBox .dataSet ul li span{font-size:12px;}
	.exampleBox{padding:30px 0;}
	.exampleBox .inner{display:flex;flex-direction:column;}
	.exampleBox .inner h2{position:static;}
	.exampleBox .inner .exampleTxt{width:calc(100% - 170px);left:auto;top:0;right:10px;border-left:1px solid #ddd;padding-left:15px;}
	.exampleSlide{width: calc(100% + 20px);margin:20px 0 30px -10px;}
	.exampleBox .slickControler{right:0;bottom:0;text-align:center;}
	.exampleBox .pageNum{left:auto;right:25px;bottom:3px;}
	.main .analysisBox .analysis{background-position-x:115%;}	
	.analysisBox .analysis h2{margin-bottom:10px;}	
	.listTopBox.type3 p{padding-top:10px;}
	
	.dataSearchBox .dataSearch .textInput{height:50px;padding-left:15px;}
	.dataSearchBox .dataSearch .btnInput{height:50px;line-height:50px;}
	
	.openApiList > ul > li{padding-right:8px;}
	.openApiList > ul > li .sideBox{display:none;}
	.dataContentTop{padding-left:135px;}
	.dataContentTop .iconTxt{left:20px;}
	.platformList .imgList{padding:15px;} 
	.platformList .imgList ul{flex-direction:column;gap:30px;}
	.platformList .imgList.textInner > ul > li img{width:100%;margin-bottom:10px;}
	
}

@media all and (max-width:440px){
	.visualBox .searchData input[type="text"],
	.visualBox .searchData input[type="button"]{height:45px;}
	.visualBox .searchData input[type="text"]{padding:0 100px 0 15px;}
	.visualBox .searchData input[type="button"]{width:100px;padding-left:51px;background-position-x:17px;}
	
	.tabBar{flex-wrap:wrap;gap:0;}
	.subcontent .tabBar::before{bottom:-1px;height:1px;background-color:#dbdee4;}
	.subcontent .tabBar li{flex:1 0 50%;width:50%;}
	.subcontent .tabBar li a{border-radius:0;}
	.subcontent .tabBar.type2 > li.active > a{line-height:28px;}
	
	.dataSearchBox .dataSearch .textInput::placeholder{font-size:14px;}
	
	.platformInfo .title{font-size:30px;}
}   
@media all and (max-width:360px){
	
}