@charset "utf-8";

/*헤더*/
#header h1 a {
	background-image: url(/images/logo_white.png);
	background-repeat: no-repeat;
	width: 123px;
	height: 38px;
}

#header .gnb_wrap .gnb:hover h1 a {
	background-repeat: no-repeat;
	width: 123px;
	height: 38px;
}

#header.fix h1 a {
	background-repeat: no-repeat;
}

#header .gnb_wrap .gnb .menu>a {
	color: #fff;
}

#header .menu_warp {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: unset;
}

#header .gnb_wrap .gnb .login_menu li a {
	color: #373737;
}

@media screen and (max-width: 1300px) {
	#header h1 a {
		margin-top: 10px;
	}
}

@media screen and (max-width: 768px) {
	#header h1 a {
		margin-top: unset;
	}
}

/*메인 슬라이더*/
.mainslider {
	position: relative;
}

.mainslider::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.5);
}

.mainslider::after {
	display: block;
	content: '';
	width: 527px;
	height: 270px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	background-image: url(/images/text_visual.png);
	background-repeat: no-repeat;
}

@media screen and (max-width: 1300px) {
	.mainslider::after {
		width: 400px;
		background-size: contain;
	}
}

@media screen and (max-width: 768px) {
	.mainslider::after {
		width: 70%;
	}
}

/*국민참여단*/
.participation {
	margin-top: 8%;
	padding: 0 5%;
	display: flex;
}

.participation .inner {}

.participation>div {
	width: 1340px;
}

.participation .tit {}

.participation h3 {
	font-size: calc(14px + 2.6vw);
	color: #000;
	display: inline-block;
}

.participation h3 span {
	color: #002554;
}

.participation .link {
	font-size: calc(12px + 1vw);
	color: #000;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin-left: 2%;
	white-space: nowrap;
}

.participation .link::after {
	display: inline-block;
	content: '';
	width: 13px;
	height: 10px;
	background-image: url(/images/icon_link.png);
	background-repeat: no-repeat;
	margin-left: 2%;
}

.participation .bg {
	position: relative;
	margin-top: 5%;
}

.participation .bg img {
	width: 100%;
}

.participation .bg::after {
	display: block;
	content: '';
	width: 152px;
	height: 219px;
	position: absolute;
	right: 0;
	top: -40%;
	background-image: url(/images/participation_icon.png);
	background-repeat: no-repeat;
}

.participation .bg1 {
	position: relative;
	margin-top: 5%;
}

.participation .bg1 img {
	width: 100%;
}
.participation .bg1::after {
	display: block;
	content: '';
	width: 152px;
	height: 219px;
	position: absolute;
	right: 0;
	top: -30%;
	background-image: url(/images/sub12_icon.png);
	background-repeat: no-repeat;
}

.participation .txt {
	margin-top: 5%;
	display: flex;
	justify-content: end;
	color: #000;
}

.participation .txt .title {
	font-size: calc(12px + 0.5vw);
}

.participation .txt p {
	font-size: calc(12px + 0.2vw);
}

@media screen and (max-width: 1300px) {
	.participation .bg::after {
		width: 100px;
		height: 219px;
		background-size: contain;
	}
	.participation .bg1::after {
		width: 100px;
		height: 219px;
		background-size: contain;
	}
}

@media screen and (max-width: 768px) {
	.participation .bg::after {
		width: 68px;
	}
	.participation .bg1::after {
		width: 68px;
	}
}

@media screen and (max-width: 425px) {
	.participation .bg::after {
		width: 52px;
	}
	.participation .bg1::after {
		width: 52px;
	}
}

/*홍보 서포터즈*/
.supporters {
	margin-top: 60px;
	padding: 0 5%;
	display: flex;
}

.supporters .inner {}

.supporters>div {
	max-width: 1340px;
}

.supporters .tit {}

.supporters h3 {
	font-size: calc(14px + 2.6vw);
	color: #000;
	display: inline-block;
}

.supporters h3 span {
	color: #002554;
}

.supporters .link {
	font-size: calc(12px + 1vw);
	color: #000;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin-left: 2%;
	white-space: nowrap;
}

.supporters .link::after {
	display: inline-block;
	content: '';
	width: 13px;
	height: 10px;
	background-image: url(/images/icon_link.png);
	background-repeat: no-repeat;
	margin-left: 2%;
}

.supporters .photo {
	display: flex;
	justify-content: space-between;
}

.supporters .img-wrap {
	position: relative;
	display: inline-block;
	width: 25%;
}

.supporters .img-wrap img {
	display: block;
	transition: transform 0.4s ease;
	width: 100%;
}

.supporters .img-wrap:hover img {
	transform: scale(1.12);
}

.supporters .img-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 1;
	transition: opacity 0.3s;
	pointer-events: none;
}

.supporters .img-wrap:hover::after {
	opacity: 0;
}

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

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

/*행사*/
.navy_event {
	display: flex;
}

.navy_event>div {
	background-repeat: no-repeat;
	width: 50%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
}

.navy_event .con {
	text-align: center;
}

.navy_event .left {
	background-image: url(/images/navy_event_bg1.png);
}

.navy_event .right {
	background-image: url(/images/navy_event_bg2.png);
}

.navy_event img {}

.navy_event .tit {
	font-size: calc(14px + 2.6vw);
	color: #fff;
}

.navy_event .link {
	font-size: calc(12px + 1vw);
	color: #fff;
	border-bottom: 1px solid #fff;
	display: inline-block;
	white-space: nowrap;
}

.navy_event .link::after {
	display: inline-block;
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(/images/icon_link_white.png);
	background-repeat: no-repeat;
	margin-left: 2%;
}

@media screen and (max-width: 1300px) {
	.navy_event>div {
		height: 80vh;
	}

	.navy_event img {
		height: 150px;
	}
}

@media screen and (max-width: 768px) {
	.navy_event>div {
		height: 50vh;
	}

	.navy_event img {
		height: 100px;
	}
}

/*푸터*/
#footer {
	display: flex;
	padding: 5% 5%;
}