@charset 'utf-8';

/**** 팝업 ****/
.bgDim {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.25);
	backdrop-filter:blur(4px);
	z-index:1000;
}
.popWrap {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:600px;
	width:100%;
	z-index:1001;
	box-shadow:0 0 15px rgba(0, 0, 0, .15);
}
.popWrap .popHeader {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0.5rem 1rem;
	background:#2c60cb;
}
.popWrap .popHeader h4 {
	font-size:20px;
	font-weight:bold;
	color:#fff;
}
.popWrap .popHeader .btnCls {
	width:24px;
	height:24px;
	background:#153881;
	color:#fff;
	border-radius:50%;
	line-height:24px;
	text-align:center;
}
.popWrap .popBody {
	padding:1.5rem;
	background:#fff;
}

.main_container .visual {
    background:url(/sppartners/images/bgMid.jpg) no-repeat center center / cover !important;
}
.main_container .visual .title p,
.main_container .visual .title h2 {
	color:#fff !important;
}
.main_container .visual .vis_box .vis_data li span,
.main_container .visual .vis_box .vis_data li strong {
	color:#fff !important;
}
.main_container .data_map {
    background:url(/sppartners/images/bgSpring.jpg) no-repeat center top / cover !important;
}
.main_container .data_map .title h3,
.main_container .data_map .title h3+p {
    color:#222;
}
.main_container .data .left_box li a {
    box-shadow:0 5px 10px rgb(211 211 211 / 30%) !important;
    border:1px solid #ccc !important;
}
.main_container .data .left_box li a strong:before {
    background:#8ccf78 !important;
}

.banner_wrap {
	max-width:1400px;
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.banner_wrap .banner_sbjt {
	position:relative;
	width:200px;
	height:200px;
	background:linear-gradient(26.9deg, #08a0b9 13.39%, #969ffc 105.33%);
	border-radius:50%;
}
.banner_wrap .banner_sbjt:before {
	content:"";
	position:absolute;
	bottom:-10px;
	left:0;
	width:59px;
	height:59px;
	background:url(/sppartners/images/banner_sbjt.png) no-repeat center center;
}
.banner_wrap .banner_sbjt p {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}
.banner_wrap .banner_cont {
	position:relative;
	width:calc(100% - 214px);
	height:200px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 60px;
	background: #FFFFFF;
	border: 2px solid #EDEDED;
	box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.05);
	border-radius: 200px;
	box-sizing:border-box;
}
/*.banner_wrap .banner_cont:before {
	content:"";
	position:absolute;
	bottom:-40px;
	left:-15px;
	width:95px;
	height:95px;
	background:url(/sppartners/images/banner_cont03.png) no-repeat center center / cover;
	z-index:-1;
}
.banner_wrap .banner_cont:after {
	content:"";
	position:absolute;
	top:-65px;
	right:-55px;
	width:162px;
	height:162px;
	background:url(/sppartners/images/banner_cont03.png) no-repeat center center / cover;
	z-index:-1;
}*/
.banner_wrap .banner_cont .banner_desc {
	position:relative;
	font-size:18px;
	color:#222;
	line-height:1.4;
	z-index:99
}
.banner_wrap .banner_cont .banner_desc:before {
	content:"";
	position:absolute;
	top:-20px;
	left:0;
	width:35px;
	height:30px;
	background:url(/sppartners/images/banner_desc01.png) no-repeat center center;
	z-index:-1;
}
.banner_wrap .banner_cont .banner_desc:after {
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:35px;
	height:30px;
	background:url(/sppartners/images/banner_desc02.png) no-repeat center center;
	z-index:-1;
}
.banner_wrap .banner_cont > li {
	position:relative;
	padding-bottom:20px;
}
.banner_wrap .banner_cont > li:before {
	content:"";
	display:block;
	clear:both;
}
.banner_wrap .banner_cont > li:not(:first-child):hover:before {
	content:"";
	position:absolute;
	top:calc(40% - 45px);
	left:calc(50% - 45px);
	width:90px;
	height:90px;
	background:#c5f5ee;
	border-radius:50%;
	z-index:1;
}
.banner_wrap .banner_cont li a {
	position:relative;
    display:flex;
	flex-direction:column;
    align-items:center;
    font-size:20px;
    font-weight:bold;
    color:#222;
	white-space:nowrap;
	z-index:1;
}
.banner_wrap .banner_cont li:hover a {
	color:#19928B;
}
.banner_wrap .banner_cont li a img {
    height:72px;
}
.banner_wrap .banner_cont li ul.banner_depth02 {
	position:absolute;
	bottom:-25px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	align-items:center;
	padding:5px 20px;
	padding-bottom:5px !important;
	background:#f5f5f5;
	border-radius:30px;
	display:none;
}
.banner_wrap .banner_cont li ul.banner_depth02:before {
	content:"";
	position:absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-bottom:12px solid #f5f5f5;
	border-top:12px solid transparent;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
}
.banner_wrap .banner_cont li:hover ul.banner_depth02 {
	display:flex;
}
.banner_wrap .banner_cont li ul.banner_depth02 li {
	position:relative;
	margin-right:20px;
}
.banner_wrap .banner_cont li ul.banner_depth02 li:last-child {
	margin-right:0;
}
.banner_wrap .banner_cont li ul.banner_depth02 li:after {
	content:"";
	position:absolute;
	top:calc(50% - 1px);
	right:-13px;
	width:6px;
	height:6px;
	background:#ccc;
	border-radius:50%;
}
.banner_wrap .banner_cont li ul.banner_depth02 li:last-child:after {
	display:none;
}
.banner_wrap .banner_cont li ul.banner_depth02 li a {
	color:#666;
	font-size:16px;
	font-weight:400;
}
.banner_wrap .banner_cont li ul.banner_depth02 li:hover a {
	color:#222;
}
/*220628 변경*/
.sakura {
	display:none;
}
.visual .vis_box .search .sc_btn {
	background:#fa87ad !important;
	color:#fff !important;
}
.visual .vis_icon div {
	background:transparent !important;
}
.last_box {
	background:#FFF0F0 !important;
}
.last_box .zipyo .title {
	background:#EA3C3C !important;
}
.data .left_box li a span {
	background:#73d9d0 !important;
}
.main_container .data .left_box li a strong:before {
	background:#73d9d0 !important;
}
/*인기검색어추가_231215*/
.searchWrap {
	display:flex;
	align-items:flex-start;
}
.visual .vis_box .search {
	margin-top:25px;
}
.searchWrap .rankWrap {
	margin-left:0.5rem;
}
.searchWrap .rankWrap .flexBetween {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:0.25rem;
}
.searchWrap .rankWrap .flexBetween p.desc {
	font-size:14px;
	color:#fff;
}
.searchWrap .rankWrap .flexBetween .btnControl {
	position:relative;
	width:14px;
	height:14px;
	background:transparent;
	cursor:pointer;
}
.searchWrap .rankWrap .flexBetween .btnControl:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	width:14px;
	height:14px;
	background:linear-gradient(to right, #fff 5px, transparent 5px, transparent 9px, #fff 9px);
}
.searchWrap .rankWrap .flexBetween .btnControl.stop:before {
	content:"";
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 7px;
	border-color: transparent transparent #FFFFFF transparent;
	transform: rotate(90deg) translate(-50%, -50%);
	transform-origin:0 0;
}
.searchWrap .rankBox {
	position:relative;
	width:140px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 15px rgba(0,0,0,.1);
	max-height:60px;
	overflow:hidden;
}
.searchWrap .rankBox.active {
	max-height:100rem;
	overflow:visible;
}
.searchWrap .rankBox.active > li {
	display:block !important;
}
.searchWrap .rankBox:before {
	content:"\25bc";
	position:absolute;
	right:0.5rem;
	top:24px;
	font-size:12px;
	font-weight:normal;
	color:#767676;
	transition:all .3s linear;
	z-index:11;
}
.searchWrap .rankBox.active:before {
	transform:rotate(180deg);
}
.searchWrap .rankBox li {
	position:relative;
	height:60px;
	background:#fff;
	font-size:16px;
	font-weight:bold;
	padding:0 0.5rem;
	line-height:60px;
	border-radius:5px;
}
.searchWrap .rankBox li:not(:last-child):after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:90%;
	height:1px;
	border-bottom:1px dashed #cecece;
}
.searchWrap .rankBox li:hover {
	background:#f8f8f8;
}
.searchWrap .rankBox li a {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/*240507_데이터셋 관리 현황 팝업(메인)*/
.checkPop .popBody .gradeBox {
	position:relative;
	background:#f2f3f5;
	margin:1rem 0;
	padding:1.75rem 0.5rem;
	text-align:center;
}
.checkPop .popBody .gradeBox:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:100%;
	background:#262626;
}
.checkPop .popBody .gradeBox.good:before {
	background:#0faab6;
}
.checkPop .popBody .gradeBox.checking:before {
	background:#2c5ecb;
}
.checkPop .popBody .gradeBox.bad:before {
	background:#ce3f64;
}
.checkPop .popBody .gradeBox p.grade {
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:24px;
	text-align:center;
}
.checkPop .popBody .gradeBox p.grade span {
	display:block;
	margin:0 0.25rem 0 0.5rem;
	font-size:28px;
	font-weight:bold;
}
.checkPop .popBody .gradeBox.good p.grade span {
	color:#0faab6;
}
.checkPop .popBody .gradeBox.checking p.grade span {
	color:#2c5ecb;
}
.checkPop .popBody .gradeBox.bad p.grade span {
	color:#ce3f64;
}
.checkPop .popBody .gradeBox p.grade + p.desc {
	color:#565656;
}
.checkPop .popBody .gradeBox .btnMore {
	position:absolute;
	top:calc(50% - 15px);
	right:1.5rem;
	width:30px;
	height:30px;
}
.checkPop .popBody .gradeBox .btnMore a {
	position:relative;
	width:30px;
	height:30px;
	border:1px solid #a1a1a1;
	border-radius:50%;
	display:block;
}
.checkPop .popBody .gradeBox .btnMore a:before {
	content:"";
	position:absolute;
	top:calc(50% - 3.5px);
	left:50%;
	transform:translate(-50%, -50%) rotate(45deg);
	width:10px;
	height:2px;
	background:#a1a1a1;
}
.checkPop .popBody .gradeBox .btnMore a:after {
	content:"";
	position:absolute;
	top:calc(50% + 3.5px);
	left:50%;
	transform:translate(-50%, -50%) rotate(-45deg);
	width:10px;
	height:2px;
	background:#a1a1a1;
}
.checkPop .popBody .donotShow label {
	display:flex;
	align-items:center;
}
.checkPop .popBody .donotShow label span {
	display:block;
	margin-left:0.5rem;
	font-size:14px;
	color:#565656;
}

/* IE */
@media screen and (min-width:0\0) {
	.banner_wrap .banner_cont > li:nth-child(4) ul.banner_depth02 {
		width:565px;
	}
	.banner_wrap .banner_cont > li:nth-child(5) ul.banner_depth02 {
		width:190px;
	}
}

@media all and (max-width:1280px) {
	.banner_wrap {
		flex-direction:column;
		justify-content:center;
		padding:60px 0;
	}
	.banner_wrap .banner_sbjt {
		width:100%;
		height:auto;
		background:transparent;
	}
	.banner_wrap .banner_sbjt p {
		position:relative;
		color:#222;
	}
	.banner_wrap .banner_cont {
		width:95%;
	}
}
@media all and (max-width:1024px) {
	.banner_wrap .banner_cont {
		flex-wrap:wrap;
		justify-content:space-between;
		height:auto;
		padding:20px 60px;
		border-radius:20px;
	}
	.banner_wrap .banner_cont > li:first-child {
		display:none;
	}
	.banner_wrap .banner_cont > li {
		width:46%;
	}
	.banner_wrap .banner_cont > li > a {
		font-size:18px;
	}
	.banner_wrap .banner_cont li ul.banner_depth02 {
		display:flex;
		flex-direction:column;
		bottom:-85%;
		padding:5px 10px;
		font-size:12px;
	}
	.banner_wrap .banner_cont li ul.banner_depth02 > li {
		margin-right:0;
	}
	.banner_wrap .banner_cont li ul.banner_depth02 > li:after {
		bottom:-15px;
		left:calc(50% - 3px);
	}
	.banner_wrap .banner_cont li ul.banner_depth02 > li a {
		font-size:14px;
	}
}
@media all and (max-width:768px) {
	.main_container .visual .vis_box .vis_data li span {
		color:#fff !important;
	}
	.banner_wrap .banner_cont {
		padding:15px;
	}
	.banner_wrap .banner_cont > li > a {
		font-size:14px;
	}
	.banner_wrap .banner_cont li ul.banner_depth02 li:after {
		display:none;
	}
	.searchWrap {
		display:block;
	}
	.searchWrap .rankWrap {
		width:100%;
		margin-left:0;
	}
	.searchWrap .rankWrap .rankBox {
		width:100%;
	}
}