@CHARSET "UTF-8";

.main-box li {
	width: 30% !important;
}

.table-basic thead, tbody {
	font-size: 15px;
}

@media ( max-width : 1830px) {
	.icon-group.icon-control>ul {
		display: grid !important;
	}
	.map-control li, .map-style li {
		padding: 0px 3px !important;
		margin-bottom: -10px !important;
	}
}

@media ( max-width : 1640px) {
	header .gnb>ul>li {
		position: unset !important;
	}
	header .gnb>ul>li>ul>li:first-child a {
		padding: 0px 10px 0px 0px !important;
	}
	header .gnb>ul>li>ul>li a {
		padding: 0px 10px 0px 10px !important;
	}
	.breadcrumb {
		display: none !important;
	}
	header .header-wrap .head-service {
		margin: -45px 0 !important;
	}
	header .header-top {
		height: 108px !important;
	}
	.icon-control {
		top: 160px !important;
	}
	header .header-wrap {
		width: 97% !important;
		margin-left: 20px !important;
	}
	header .gnb-wrap {
		margin-left: 0% !important;
		display: block !important;
	}
	header .gnb>ul>li:first-child>a {
		padding: 0 35px 0 0;
	}
}

@media ( max-width : 1530px) {
	.aside-tab .tab-btn li {
        width: 70px !important;
    }
    
	.search select {
		width: 140px !important;
	}
	.search input {
		width: 270px !important;
	}
	f
	.search select {
		width: 110px !important;
		height: 35px !important;
	}
	.aside-tab .tab02 li a {
		font-size: 14px !important;
		height: 55px !important;
		width: 138px !important;
	}
	.aside-tab .tab01 li a, .aside-tab .tab02 li a {
		font-size: 14px !important;
		line-height: 62px !important;
		height: 55px !important;
	}
	aside {
		width: 415px !important;
	}
	.map-area .search-box {
		left: 440px !important;
		padding: 10px 15px !important;
	}
	.map-area .search-box2 {
		left: 440px !important;
		padding: 10px 15px !important;
		top: 85px !important;
	}
	.search-box select {
		min-width: 110px !important;
	}
	.search-box input[type="text"] {
		width: 75% !important;
	}
}

@media ( max-width : 1430px) {
	.search h2 {
		font-size: 20px !important;
		line-height: 20px !important;
		background-size: 125px !important;
		padding: 24px 125px 18px 0px !important;
		margin: -6px 10px 0 0 !important;
	}
	.search select {
		width: 118px !important;
	}
}

@media ( max-width : 1300px) {
	.legend{
		bottom: -40px !important;
	}
	
	.step li div {
		width: 130px !important;
		height: 130px !important;
	}
	.step li div span {
		font-size: 13px !important;
	}

	/* 수해위험지도, 풍해위험지도, 설해위험지도 */
	.mapBt {
		display: grid !important;
		grid-template-rows: repeat(4, 1fr) !important;
		gap: 15px !important;
	}
	.map-control ul {
		display: grid !important;
		grid-template-rows: repeat(4, 1fr) !important;
		gap: 15px !important;
	}

	/* main 페이지 */
	.main-box-wrap {
		width: 940px !important;
	}
	.main-box .box-icon {
		left: 95px !important;
	}
	.main-box .box-content {
		padding: 80px 0px !important;
		width: 280px !important;
	}
	.main-box .box-content .btn-shortcut {
		left: 77px !important;
		bottom: 25px !important;
	}
	.main-box .box-content p {
		margin-left: 28px !important;
	}
}

@media ( max-width : 1170px) {
	#lineHeight {
		line-height: 30px !important;
	}
	.icon-control {
		right: 0px !important;
	}
	.result-table {
		height: 315px !important;
		overflow-y: auto !important;
	}
	.map-area .search-box {
		left: 10px !important;
		top: 1.5% !important;
	}
	.map-area .search-box2 {
		left: 10px !important;
		top: 9% !important;
	}
	aside {
		min-height: 0px !important;
		top: 150px !important;
	}
	
	
	.search h2 {
		display: none !important;
	}
	.search-wrap {
		height: 60px !important;
	}
	.search {
		margin-top: 13px !important;
	}
}

@media ( max-width : 1000px) {
	.tab li a {
		font-size: 16px !important;
	}
}

@media ( max-width : 960px) {
	header .gnb>ul>li>ul>li:first-child a {
		padding: 0px 7px 0px 0px !important;
	}
	header .gnb>ul>li>ul>li a {
		padding: 0px 7px 0px 7px !important;
	}
	header .gnb>ul>li:first-child>a {
		padding: 0 10px 0 0 !important;
	}
	header .gnb>ul>li>a {
		padding: 0 10px !important;
	}
	.search select {
		width: 95px !important;
	}
	.main-box-wrap {
		width: 620px !important;
	}
	.main-box {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
	}
	br {
		display: none !important;
	}
	.main-box li {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		margin-left: 0px !important;
	}
	.main-box .box-color {
		height: 90px !important;
	}
	.main-box .box-icon {
		left: 35px !important;
		top: 5px !important;
	}
	.main-box .box-icon {
		left: 35px !important;
		top: 5px !important;
	}
	.main-box p {
		display: none !important;
	}
	.main-box .box-content .btn-shortcut {
		left: 465px !important;
	}
	.main-box .box-content {
		padding: 35px 0px !important;
		height: 0px !important;
	}
	.main-box .box-content h2 {
		line-height: 0px !important;
		font-size: 19px !important;
		margin-left: 8px !important;
		text-align: left !important;
	}
	.main-box .box-content .btn-shortcut {
		bottom: 15px !important;
	}
	.head-service ul li:nth-child(2) {
		display: none !important;
	}
	@media ( max-width : 900px) {
		.tab li a {
			font-size: 14px !important;
		}
	}
	@media ( max-width : 810px) {
		.tab li a {
			font-size: 13.5px !important;
		}
	}
	@media screen and (max-width:800px) {
		body {
			overflow-x: auto !important;
		}
		/* .contents {
			min-width: 900px !important;
		} */
		#main-container {
			min-width: 850px !important;
		}
		#container {
			min-width: 800px !important;
			/* margin-left: 50px; */
		}
		
		#container aside {
			min-height: 0px !important;
			top: 220px !important;
		}

.search h2{
	display: none !important;
}
		.search label, .search select, .search a {
			display: inline-block !important;
		}
		.header-top, .header-bar {
			min-width: 850px !important;
			white-spzce: nowrap !important;
		}
		.tab li a {
			font-size: 13.5px !important;
		}
		.map-area {
			margin-left: -50px !important;
		}
		.icon-group {
			position: absolute !important;
			right: 30px !important;
			z-index: 1001 !important;
			max-height: 50px !important;
		}
		.icon-control {
			top: 155px !important;
			left: 10px !important;
			white-space: nowrap !important;
		}
		.legend {
			white-space: nowrap !important;
			right: -80px !important;
			
		}
		.step li div {
			width: 140px !important;
			height: 140px !important;
		}


		.map-area .search-box {
			top: 9.5% !important;
			left: 60px !important;
		}
		.map-area .search-box2 {
			top: 18% !important;
			left: 60px !important;
		}
		.icon-group.icon-control>ul {
			display: block !important;
		}
		.mapBt {
			display: block !important;
		}
		.map-control ul {
			display: block !important;
		}
		footer {
			min-width: 700px !important;
			margin-left: 30px !important;
			white-space: nowrap;
		}
		
		header{
			width : 850px !important;
		}
	}
}
}