@charset "UTF-8";

/* 햄버거버튼 */
.mMenu .topBlue .button_container.active {
	width: 5rem;
	height: auto;
	left: unset;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
}

.mMenu .topBlue .button_container.active img {
	width: 100%;
	max-width: fit-contnet;
}

#mainWrap {
	max-width: 1920px;
	margin: 0 auto;
	margin-top: 8rem;
}

#mainWrap .main_visual_quickMenu_wrap {
	display: flex;
	justify-content: space-between;
	margin: 0 16rem;
	padding-top: 2rem;
	gap: 16px;
}

#mainWrap .main_popup_zone,
#mainWrap .main_slogan_quick_wrap {
	width: 49.5%;
	max-width: 79.2rem;
}

#mainWrap .main_popup_zone:not(:has(img)) {
	background-image: url('/_res/h2hub/main/img/main/main_pop_visual_default_.png');
	background-position: center;
	background-size: cover;
	border-radius: 1rem;
}

#mainWrap .bannerWrap a,
#mainWrap .suso_main1 .swiper-slide__img {
	border-radius: 1rem;
	overflow: hidden;
	width: 100%;
}

#mainWrap .bannerWrap a {
	height: 42rem;
}

#mainWrap .bannerWrap a img,
#mainWrap .suso_main1 .swiper-slide__img img {
	display: block;
	width: auto;
	max-width: fit-content;
	height: 100%;
	object-fit: scale-down;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/* 메인 비쥬얼 슬로건 */
#mainWrap .suso_main1 {
	position: relative;
}

.suso_main1 .swiper-slide__img {
	height: 24rem;
}

#mainWrap .suso_main1 .text-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
#mainWrap .suso_main1 .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}
#mainWrap .suso_main1 .swiper-slide:nth-of-type(1) .text-box {
	text-shadow: -1px 0px #4C83D7, 0px 1px #4C83D7, 1px 0px #4C83D7, 0px -1px #4C83D7;
}

#mainWrap .suso_main1 .swiper-slide:nth-of-type(2) .text-box {
	text-shadow: -1px 0px #335300, 0px 1px #335300, 1px 0px #335300, 0px -1px #335300;
}

#mainWrap .suso_main1 .swiper-slide:nth-of-type(3) .text-box {
	text-shadow: -1px 0px #009021, 0px 1px #009021, 1px 0px #009021, 0px -1px #009021;
}

#mainWrap .suso_main1 .swiper-slide:nth-of-type(4) .text-box {
	text-shadow: -1px 0px #00A0B0, 0px 1px #00A0B0, 1px 0px #00A0B0, 0px -1px #00A0B0;
}

#mainWrap .suso_main1 .text-box .title {
	margin-top: 3rem;
	font-size: 2rem;
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.25px;
}

#mainWrap .suso_main1 .text-box .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

#mainWrap .suso_main1 .text-box .txt p {
	margin: 0 auto;
	font-size: 3.8rem;
	color: #fff;
	font-weight: 700;
	line-height: 5rem;
	letter-spacing: -0.25px;
}

#mainWrap .suso_main1 .swiper-slide:nth-of-type(2) .text-box .txt p {
	width: 46rem;
}

#mainWrap .suso_main1 .swiper-slide:nth-of-type(3) .text-box .txt p {
	width: 32rem;
}

#mainWrap .suso_main1 .swiper-slide:nth-of-type(4) .text-box .txt p {
	width: 32rem;
}

/*
#mainWrap .suso_main1 .swiper-slide:nth-of-type(1) .text-box .txt p{ margin-top: 3rem; line-height: 1.5;}
#mainWrap .suso_main1 .swiper-slide:nth-of-type(2) .text-box .txt p{ width: 50rem; margin-top: 1.3rem; line-height: 6rem;}
#mainWrap .suso_main1 .swiper-slide:nth-of-type(3) .text-box .txt p{ width: 36rem; margin-top: 1.3rem; line-height: 6rem;}
#mainWrap .suso_main1 .swiper-slide:nth-of-type(4) .text-box .txt p{ width: 36rem; margin-top: 1.3rem; line-height: 6rem;}
*/
/* 메인 스와이퍼 pagination 공통 스타일 */
#mainWrap .swiper-pagination.pagination_bullet {
	left: 50%;
	top: unset;
	bottom: 2.4rem;
	transform: translateX(-50%);
	text-align: center;
}

#mainWrap .swiper-pagination-bullet {
	width: 1.2rem;
	height: 1.2rem;
	background-color: #fff;
	box-shadow: unset;
	opacity: .5;
}

#mainWrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

#mainWrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left: .4rem;
}

#mainWrap .swiper-pagination-bullet-active::before {
	display: none;
}

#mainWrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 4rem;
	border-radius: 4rem;
	opacity: 1;
}

/* 바로가기 메뉴 */
#mainWrap .main_quickMenu {
	width: 100%;
	margin-top: 1.6rem;
	box-sizing: border-box;
}

#mainWrap .main_quickMenu .main_quickMenu_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#mainWrap .main_quickMenu .gray-box {
	position: relative;
	width: 23.484%;
	height: 16.4rem;
	text-align: center;
	border-radius: 1rem;
	background-color: #F2F6FA;
}

#mainWrap .main_quickMenu .gray-box .icon {
	display: block;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(1) .icon {
	margin-top: 2.5rem;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(2) .icon {
	margin-top: 2rem;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(3) .icon {
	margin-top: 3.4rem;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(4) .icon {
	margin-top: 2.2rem;
}

#mainWrap .main_quickMenu .gray-box .title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 12.4rem;
	margin: 0 auto;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.8rem;
	color: #111;
	letter-spacing: -0.25px;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(1) .title {
	bottom: 2.9rem;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(2) .title {
	bottom: 2.9rem;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(3) .title {
	bottom: 1.9rem;
	line-height: 2.4rem;
}

#mainWrap .main_quickMenu .gray-box:nth-of-type(4) .title {
	bottom: 2.9rem;
}

/* section 2 */
#mainWrap .main_noti_statis_wrap {
	display: flex;
	justify-content: space-between;
	gap: 1.6rem;
	margin: 0 16rem;
	margin-top: 3.2rem;
}

/* 메인 게시판 */
#mainWrap .main_noti_wrap {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	width: calc(50% - .8rem);
}

#mainWrap .main_noti_wrap .main_tabWrap {
	position: relative;
	width: 96%;
	max-width: 76.2rem;
	height: auto;
}

#mainWrap .main_noti_wrap .main_tabWrap .tab {
	display: flex;
	flex-direction: column;
}

#mainWrap .main_noti_wrap .main_tabWrap .tab ul {
	padding-left: 0;
	cursor: default;
}

#mainWrap .main_noti_wrap .main_tabWrap .tab ul li {
	position: unset;
}

#mainWrap .main_noti_wrap .main_tabWrap .tab ul li+li {
	margin-left: .4rem;
}

/*
#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more{ position: absolute; right: 0; top: 0.3rem; width: fit-content; padding: 0.4rem 1rem 0.4rem 2rem; border: 1px solid #E6E8EF; border-radius: 3rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.25px; line-height: 2.8rem; color: #666;}
#mainWrap .main_noti_wrap .main_tabWrap .tab ul li.on .more{ display: flex; align-items: center; justify-content: center;}
#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more img{ display: inline-block; width: 1.6rem; vertical-align: middle; margin-left: .7rem;}
*/
#mainWrap .main_noti_wrap .main_tabWrap .tab ul li p,
#mainWrap .main_noti_wrap .main_tabWrap .tab ul li button {
	height: 4.4rem;
	line-height: 4.4rem;
	padding: 0 2rem;
	border-radius: 3rem;
	background-color: #F2F6FA;
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: -0.25px;
	color: #333;
	text-shadow: unset;
}

#mainWrap .main_noti_wrap .main_tabWrap .tab ul li.on p,
#mainWrap .main_noti_wrap .main_tabWrap .tab ul li.on button {
	background-color: #006ECF;
	color: #fff;
}

#mainWrap .main_noti_wrap .main_tabWrap .conBox {
	position: unset;
	margin-top: 1.5rem;
	background-color: unset;
	backdrop-filter: unset;
}

#mainWrap .main_noti_wrap .main_tabWrap .conBox::before,
#mainWrap .main_noti_wrap .main_tabWrap .conBox::after {
	content: unset;
}

#mainWrap .main_noti_wrap .main_tabWrap .conBox .more {
	position: absolute;
	right: 0;
	top: 0.3rem;
	width: fit-content;
	margin-top: 0;
	padding: 0.4rem 1rem 0.4rem 2rem;
	border: 1px solid #E6E8EF;
	border-radius: 3rem;
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: -0.25px;
	line-height: 2.8rem;
	color: #666;
	z-index: 999
}

#mainWrap .main_noti_wrap .main_tabWrap .conBox.on .more {
	display: flex;
	align-items: center;
	justify-content: center;
}
#mainWrap .main_noti_wrap .main_tabWrap .conBox.on .more img{
	display: inline-block;
    width: 1.6rem;
    vertical-align: middle;
    margin-left: .7rem;
}
@media screen and (max-width: 720px){
	#mainWrap .main_noti_wrap .main_tabWrap .conBox.on .more img{
		display: none;
	}
}
@media screen and (max-width: 475px){
	#mainWrap .main_noti_wrap .main_tabWrap .conBox.on .more {
		position: unset;
        width: 70px;
        height: 30px;
		margin: 0 auto;
		margin-top: 3.3823rem;
        padding: 0;
		border-width: 2px;
        color: #111;
        line-height: 24px;
        font-size: 11px;
	}
}

#mainWrap .main_noti_wrap .main_tabWrap .conBox .more{}

#mainWrap .main_noti_wrap .main_tabWrap .noti_content {
	padding: 0.975rem 0;
	border-bottom: 1px solid #E1E1EB;
}

#mainWrap .main_noti_wrap .main_tabWrap .noti_content:last-child {
	border-bottom: 0;
}

/* 251010 메인개편 추가 작업건 */
#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-child(n+6){
	display: none;
}
#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-child(5){
	border-bottom: 0;
}

@media screen and (max-width: 1024px){
	#mainWrap .main_noti_wrap .main_tabWrap{
		width: 100%;
		max-width: 100%;
	}
	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-child(n+6){
		display: block;
	}
	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-child(5){
		border-bottom: 1px solid #E1E1EB;
	}
}

/*윤부장님 요청으로 마지막 리스트 구분선 없애기*/
#mainWrap .main_noti_wrap .main_tabWrap .noti_content a {
	display: flex;
	align-items: center;
	width: 100%;
}

#mainWrap .main_noti_wrap .main_tabWrap .noti_content .cate_badge {
	width: 6rem;
	padding: 0.575rem 0;
	line-height: 1.5;
	border: 1px solid;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: -0.25px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 보도 */
#mainWrap .main_noti_wrap .main_tabWrap .noti_content .cate_badge.press-release {
	border-color: #D2DFFF;
	background-color: #EEF3FF;
	color: #006ECF;
}

/* 정보 */
#mainWrap .main_noti_wrap .main_tabWrap .noti_content .cate_badge.policy-industry-techinfo {
	border-color: #D8CFFF;
	background-color: #F1EEFF;
	color: #A648C8;
}

/* 공고 */
#mainWrap .main_noti_wrap .main_tabWrap .noti_content .cate_badge.business {
	border-color: #A8EAFF;
	color: #018282;
	background-color: #f3ffff;
}

#mainWrap .main_noti_wrap .main_tabWrap .noti_content .subject {
	display: block;
	max-width: calc(100% - 18.2rem);
	margin-left: 2rem;
	margin-right: auto;
	font-size: 1.7rem;
	font-weight: 500;
	color: #111;
	letter-spacing: -0.25px;
	line-height: 3.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mainWrap .main_noti_wrap .main_tabWrap .noti_content:hover .subject {
	text-decoration: underline;
}

#mainWrap .main_noti_wrap .main_tabWrap .noti_content .date {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.6rem;
	letter-spacing: -0.25px;
	color: #888;
}

/* 251010 메인개편 추가 작업건 - 게시판 바로가기 퀵메뉴 추가 */
.main_quick_board *{
	box-sizing: border-box;
}
.main_quick_board{
	display: flex;
	justify-content: space-between;
	gap: 1.6rem;
	width: 100%;
}
.main_quick_board a{
	display: inline-flex;
	flex-direction: column;
	gap: 2.4rem;
	width: calc(100% - .8rem);
	height: 14.7rem;
	padding: 2.6rem 3rem;
	border-radius: 1rem;
	background-color: #F2F6FA;
	background-repeat: no-repeat;
	background-size: 10rem;
	background-position: right 7.8125% top 53.68%;
	color: #111;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.025rem;
	word-break: keep-all;
}
.main_quick_board a span{
	display: block;
	max-width: 70%;
	color: #666;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.025rem;
}
.main_quick_board a:first-child{
	background-image: url('../img/main/icon_quick_board01.png');
}
.main_quick_board a:last-child{
	background-image: url('../img/main/icon_quick_board02.png');
}

@media screen and (max-width: 1200px){
	.main_quick_board a{
		padding: 2rem 2.4rem;
		font-size: 1.8rem;
		background-size: 8rem;
	}
	.main_quick_board a span{
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 1024px){
	.main_quick_board a{
		padding: 2.6rem 3rem;
		font-size: 2.2rem;
		background-size: 10rem;
	}
	.main_quick_board a span{
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 475px){
	.main_quick_board{
		flex-direction: column;
		gap: 8px;
	}
	.main_quick_board a{
		justify-content: center;
		gap: 2.56rem;
		width: 100%;
		height: 18.824rem;
		padding: 2.94125rem;
		background-size: 12.6rem;
		background-position: right 10.0125% top 53.48%;
		font-size: 2.647rem;
		letter-spacing: -0.25px;
	}
	.main_quick_board a span{
		font-size: 1.765rem;
		line-height: 1.4;
		letter-spacing: -0.25px;
	}
}

/* 메인 통계 */
#mainWrap .main_statis_wrap {
	margin-top: .3rem;
	width: 49.5%;
	max-width: 79.2rem;
}

#mainWrap .main_statis_wrap>.title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#mainWrap .main_statis_wrap>.title .tit {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 3.6rem;
	letter-spacing: -0.25px;
	color: #111;
}

#mainWrap .main_statis_wrap>.title .more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin-top: 0;
	padding: 0.4rem 1rem 0.4rem 2rem;
	border: 1px solid #E6E8EF;
	border-radius: 3rem;
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: -0.25px;
	line-height: 2.8rem;
	color: #666;
}

#mainWrap .main_statis_wrap>.title .more img {
	display: inline-block;
	width: 1.6rem;
	vertical-align: middle;
	margin-left: .7rem;
}

#mainWrap .main_statis_wrap .statis_container {
	margin-top: 2.5rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1.6rem;
	grid-row-gap: 1.6rem;
}

#mainWrap .main_statis_wrap .statis_container>a {
	width: auto;
	height: 15.7rem;
	padding: 2.6rem 3rem;
	border: 1px solid #E6E8EF;
	border-radius: 1rem;
}

#mainWrap .main_statis_wrap .statis_container>a .icon {
	background: unset;
	width: auto;
	height: 4rem;
}

#mainWrap .main_statis_wrap .statis_container>a .icon::before {
	content: unset;
	background: unset;
}

#mainWrap .main_statis_wrap .statis_container>a .icon img {
	height: 100%;
}

#mainWrap .main_statis_wrap .statis_container .title {
	display: flex;
	align-items: center;
}

#mainWrap .main_statis_wrap .statis_container .title .tit {
	margin-left: 0.8rem;
}

#mainWrap .main_statis_wrap .statis_container .title .tit span {
	font-size: 2rem;
	font-weight: 500;
	line-height: 2.8rem;
	letter-spacing: -0.25px;
	color: #111;
}

#mainWrap .main_statis_wrap .stateBox {
	justify-content: center;
	margin-top: 3.8rem;
}

#mainWrap .main_statis_wrap .stateBox .number {
	margin-left: 0;
	margin-bottom: 0;
	font-family: 'roboto';
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.25px;
	color: #006ECF;
}

#mainWrap .main_statis_wrap .stateBox .unit {
	margin-top: auto;
	margin-bottom: 0.6rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.25px;
	color: #666;
}

#mainWrap .main_statis_wrap .stateWrap>a:hover .title .tit span {
	color: #111;
}

#mainWrap .main_statis_wrap .stateBox a:hover .number {
	color: #006ECF;
}

#mainWrap .main_statis_wrap .stateBox a:hover .unit {
	color: #666;
}

/* 메인 행사정보 */
#mainWrap .main_event_info_wrap .inner {
	max-width: 160rem;
	margin: 0 16rem;
}

#mainWrap .main_event_info_wrap .section2.right {
	width: 100%;
	margin-left: 0;
	padding: 2.5rem 0 6rem;
}

#mainWrap .main_event_info_wrap .section2 .title {
	margin-bottom: 1.6rem;
}

#mainWrap .main_event_info_wrap .section2 .title .tit {
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: -0.25px;
	line-height: 3.6rem;
}

#mainWrap .main_event_info_wrap .more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin-top: 0;
	padding: 0.4rem 1rem 0.4rem 2rem;
	border: 1px solid #E6E8EF;
	border-radius: 3rem;
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: -0.25px;
	line-height: 2.8rem;
	color: #666;
}

#mainWrap .main_event_info_wrap .more img {
	display: inline-block;
	width: 1.6rem;
	vertical-align: middle;
	margin-left: .7rem;
}

#mainWrap .main_event_info_wrap .section2 .swiper-slide.card:has(.cardInfo) {
	position: relative;
	border: 0;
	background: none;
	background-image: none;
	background-color: #F9F9FB;
}

#mainWrap .main_event_info_wrap .section2 .swiper-slide.card:has(.cardInfo):hover {
	border: 0;
	background-color: #F9F9FB;
}

#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-width: 38.4rem;
	height: 25.4rem;
	padding: 2.4rem;
	box-sizing: border-box;
}

#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo strong {
	display: block;
	margin-bottom: 1rem;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: -0.25px;
	color: #111;
	line-height: 3.2rem;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo p {
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: -0.25px;
	line-height: 2.8rem;
	color: #006ecf;
}

#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo p:last-of-type {
	margin-top: .6rem;
	margin-bottom: unset;
	font-size: 1.5rem;
	font-weight: 400;
	color: #666;
}

#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo .dateWrap {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo em {
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: -0.25px;
	color: #111;
}

#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo span {
	display: inline-block;
	position: unset;
	height: 3.6rem;
	padding: 0 2rem;
	border: 1px solid #006ecf;
	border-radius: 2rem;
	background-color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 3.4rem;
	letter-spacing: -0.25px;
	color: #006ecf;
	box-sizing: border-box;
}

#mainWrap .main_event_info_wrap .eventPagenation {
	/* 시안에 페이지네이션 없어서 숨김처리 */
	display: none !important;
	position: absolute;
	display: flex;
	width: 65px;
	height: auto;
	right: 82px;
	top: 8px;
	right: 114px;
}

#mainWrap .main_event_info_wrap .swiper-scrollbar {
	display: none;
	top: 100%;
	height: 4px;
	border-radius: 4px;
	background-color: #E7EEF2;
}

#mainWrap .main_event_info_wrap .swiper-scrollbar-drag {
	background-color: #A7D5FF;
}


#mainWrap .main_board_view_wrap {
	display: flex;
	gap: 1.6rem;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	flex: 1;
	min-width: 0;
}

#mainWrap .main_board_view_wrap .main_boardv {
	flex: 1;
	border-radius: 1rem;
	min-width: 0;
}

#mainWrap .main_boardv.left_v {
	background: linear-gradient(180deg, #0C77D4 0%, #378CD5 100%);
}

#mainWrap .main_boardv.right_v {
	background: linear-gradient(180deg, #00B862 0%, #378CD5 100%);
}

#mainWrap .main_boardv .main_boardv_inner {
	border-radius: 10px;
	position: relative;
	padding: 2.4rem 2.4rem 3rem 2.4rem;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 100%;
	box-sizing: border-box;
	min-width: 0;
}

#mainWrap .main_boardv .main_boardv_inner a.bord_v-more {
	position: absolute;
	right: 2.4rem;
	top: 2.4rem;
	background-color: rgba(255, 255, 255, 0.10);
	border-radius: 10rem;
	padding: 1.5rem 2rem 1.5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
}

#mainWrap .main_boardv .main_boardv_inner a.bord_v-more:hover {
	background-color: rgba(0, 0, 0, 0.1);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
}


#mainWrap .main_boardv .main_boardv_inner a.bord_v-more span {
	display: inline-block;
	font-size: 1.5rem;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 0 2px #000000;
}

#mainWrap .main_boardv .boardv-tit {
	padding-top: 7rem;
	max-width: 38rem;
}

#mainWrap .main_boardv .boardv-tit h3 {
	display: block;
}

#mainWrap .main_boardv .boardv-tit h3 span {
	display: block;
	font-size: 2.6rem;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 0 2px #000000;
}

#mainWrap .main_boardv .boardv-tit p {
	display: block;
	font-size: 1.5rem;
	color: #fff;
	font-weight: 700;
	padding-top: 1.6rem;
	letter-spacing: -0.03rem;
	text-shadow: 0 0 2px #000000;
	line-height: 1.6;
	overflow: hidden;
}

.boardv-txt-box {
	min-width: 0;
	max-width: 100%;
}

.boardv-txt-box a {
	display: block
}

.boardv-txt-box dl {
	padding: 2.0rem 1.6rem;
	border-radius: 1rem;
	min-width: 0;
}

.left_v .boardv-txt-box dl {
	background-color: rgba(0, 103, 192, 0.50);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
}

.left_v .boardv-txt-box dl:hover {
	background-color: rgba(0, 103, 192, 1);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
}

.right_v .boardv-txt-box dl {
	background-color: rgba(0, 123, 143, 0.50);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
}

.right_v .boardv-txt-box dl:hover {
	background-color: rgba(0, 127, 148, 1);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all .3s ease;
	-o-transition: all 0.2s ease;
}

.boardv-txt-box dl:last-child {
	margin-top: 0.8rem;
}

.right_v .boardv-txt-box dl dt {
	justify-content: flex-end;
}


.boardv-txt-box dl dt {
	position: relative;
}

.boardv-txt-box dl dt {
	display: flex;
	font-size: 1.5rem;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.boardv-txt-box dl dt strong {
	font-weight: 700;
	color: #FFDF5D;
	text-shadow: 0 0 2px #000000;
}

.boardv-txt-box dl dt span {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 0 2px #000000;
}

.boardv-txt-box dl dd {
	margin-top: 1.5rem;
	font-size: 1.7rem;
	font-weight: 500;
	color: #fff;
	text-shadow: 0 0 2px #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
	min-width: 0;
	white-space: nowrap;
}

.boardv-txt-box a:hover dl dd {
	text-decoration: underline;
}

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

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .suso_main1 .text-box {
		transform: scale(80%)
	}

	#mainWrap .suso_main1 .text-box .title {
		margin-top: 0;
	}
}

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

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .main_visual_quickMenu_wrap,
	#mainWrap .main_noti_statis_wrap,
	#mainWrap .main_event_info_wrap .inner {
		margin: 0 8rem;
	}

	#mainWrap .main_noti_statis_wrap {
		margin-top: 3rem;
	}

	#mainWrap .suso_main1 .text-box .title {
		margin-top: 2rem;
	}
}

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

	#mainWrap .main_visual_quickMenu_wrap,
	#mainWrap .main_noti_statis_wrap,
	#mainWrap .main_event_info_wrap .inner {
		margin: 0 3rem;
	}

	#mainWrap .main_noti_statis_wrap {
		margin-top: 3rem;
	}

	/* 메인 팝업 */
	#mainWrap .bannerWrap a {
		height: 40rem;
	}

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .suso_main1 .swiper-slide__img {
		height: 22.8rem;
	}

	#mainWrap .suso_main1 .text-box {
		transform: scale(70%)
	}

	#mainWrap .suso_main1 .text-box .title {
		margin-top: 0rem;
	}

	#mainWrap .swiper-pagination.pagination_bullet {
		bottom: 1.6rem;
	}

	/* 바로가기 메뉴 */
	#mainWrap .main_quickMenu .gray-box {
		height: 15.6rem;
	}

	/* 행사 안내 */
	#mainWrap .suso_main2 .inner_1920 {
		margin: 0;
		padding: 0 3rem;
	}

	#mainWrap .main_boardv .boardv-tit {
		max-width: 100%;
		min-width: 0;
	}

	#mainWrap .main_board_view_wrap .main_boardv {
		width: 49%;
	}

}

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

	/* section2 */
	#mainWrap .main_noti_statis_wrap {
		margin-top: 2.6rem;
	}

	/* 최신글 */
	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li p,
	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li button {
		height: 4rem;
		line-height: 4rem;
		padding: 0 2rem;
		font-size: 1.6rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more {
		padding: 0.3rem 0.8rem 0.3rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more img {
		width: 1.4rem;
		margin-left: .5rem;
	}

	/* 통계 정보 */
	#mainWrap .main_statis_wrap>.title .tit {
		font-size: 2.6rem;
		line-height: 4rem;
	}
	#mainWrap .main_noti_wrap .main_tabWrap .conBox .more,
	#mainWrap .main_statis_wrap>.title .more,
	#mainWrap .main_event_info_wrap .more{
		padding: 0.3rem 0.8rem 0.3rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	#mainWrap .main_statis_wrap>.title .more img {
		width: 1.4rem;
		margin-left: .5rem;
	}

	#mainWrap .main_statis_wrap .statis_container>a {
		padding: 2.6rem 2rem;
	}

	#mainWrap .main_statis_wrap .statis_container .title .tit span {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	#mainWrap .main_statis_wrap .statis_container>a .icon {
		height: 3.2rem;
	}

	#mainWrap .main_statis_wrap .statis_container>a .icon img {
		height: 100%;
	}

	#mainWrap .main_statis_wrap .stateBox .number {
		font-size: 4.4rem;
	}

	#mainWrap .main_statis_wrap .stateBox .unit {
		font-size: 1.5rem;
	}

	/* 행사 안내 */
	#mainWrap .main_event_info_wrap .section2 .title .tit {
		font-size: 2.6rem;
		line-height: 4rem;
	}
}

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

	/* 메인 팝업 */
	#mainWrap .bannerWrap a {
		height: 34.8rem;
	}

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .suso_main1 .swiper-slide__img {
		height: 19.8rem;
	}

	/* 바로가기 메뉴 */
	#mainWrap .main_quickMenu .gray-box {
		height: 13.6rem;
	}

	#mainWrap .main_quickMenu .gray-box .icon {
		transform: scale(0.8) translateY(-16px);
	}

	#mainWrap .main_quickMenu .gray-box .title {
		transform: translateX(-50%) translateY(8px);
	}

	/* 행사 안내 */
	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo {
		max-width: 100%;
	}
		
	.boardv-txt-box a:last-child {
		display: none
	}
}

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

	/* 메인 팝업 */
	#mainWrap .bannerWrap a {
		height: 31.8rem;
	}

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .suso_main1 .swiper-slide__img {
		height: 18.4rem;
	}

	/* 바로가기 메뉴 */
	#mainWrap .main_quickMenu .gray-box {
		height: 11.8rem;
	}

	#mainWrap .main_quickMenu .gray-box .icon {
		transform: scale(0.6) translateY(-40px);
	}

	#mainWrap .main_quickMenu .gray-box .title {
		transform: translateX(-50%) translateY(6px);
	}

	#mainWrap .main_quickMenu .gray-box:nth-of-type(3) .title {
		bottom: 2.2rem;
		line-height: 2.2rem;
	}
}

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

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .suso_main1 .text-box {
		transform: scale(65%)
	}

	#mainWrap .suso_main1 .text-box .title {
		margin-top: 0rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(1) .text-box .txt p {
		margin-top: 2rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(2) .text-box .txt p {
		margin-top: 0.7rem;
		line-height: 5rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(3) .text-box .txt p {
		margin-top: 0.7rem;
		line-height: 5rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(4) .text-box .txt p {
		margin-top: 0.7rem;
		line-height: 5rem;
	}

	#mainWrap .swiper-pagination.pagination_bullet {
		bottom: 1.4rem;
	}

	/* section 2 */
	#mainWrap .bottomTab {
		order: unset;
	}

	/* 최신글 */
	#mainWrap .main_noti_wrap {
		width: 48%;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li p,
	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li button {
		height: 3.6rem;
		line-height: 3.6rem;
		/*padding: 0 1.8rem;*/
		padding: 0 1.5rem;
		font-size: 1.4rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more {
		padding: 0.2rem 0.6rem 0.2rem 1.2rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more img {
		width: 1.2rem;
		margin-left: .3rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .cate_badge {
		width: 5.6rem;
		padding: 0.45rem 0;
		font-size: 1.3rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .subject {
		max-width: calc(100% - 16.4rem);
		margin-left: 1.4rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .date {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	/* 통계 정보 */
	#mainWrap .main_statis_wrap .statis_container>a {
		height: 13.8rem;
		padding: 2.6rem 1.2rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .conBox .more,
	#mainWrap .main_statis_wrap>.title .more,
	#mainWrap .main_event_info_wrap .more {
		padding: 0.2rem 0.6rem 0.2rem 1.2rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}

	#mainWrap .main_statis_wrap>.title .more img {
		width: 1.2rem;
		margin-left: .3rem;
	}

	#mainWrap .main_statis_wrap .statis_container .title .tit {
		margin-left: 0.6rem;
	}

	#mainWrap .main_statis_wrap .statis_container .title .tit span {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	#mainWrap .main_statis_wrap .statis_container>a .icon {
		height: 3rem;
	}

	#mainWrap .main_statis_wrap .stateBox .number {
		font-size: 3.6rem;
	}

	#mainWrap .main_statis_wrap .stateBox .unit {
		font-size: 1.4rem;
	}
}

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

	#mainWrap .main_visual_quickMenu_wrap,
	#mainWrap .main_noti_statis_wrap {
		flex-direction: column;
	}

	#mainWrap .main_popup_zone,
	#mainWrap .main_slogan_quick_wrap {
		width: 100%;
		max-width: 100%;
	}

	#mainWrap .bannerWrap a,
	#mainWrap .suso_main1 .swiper-slide__img {
		width: 100%;
		height: auto;
	}

	#mainWrap .bannerWrap a img,
	#mainWrap .suso_main1 .swiper-slide__img img {
		width: 100%;
		height: auto;
	}

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .main_slogan_quick_wrap {
		margin-top: 1.6rem;
	}

	#mainWrap .main_quickMenu .gray-box {
		height: 14rem;
	}

	#mainWrap .main_quickMenu .gray-box .icon {
		transform: translateY(-8px);
	}

	#mainWrap .main_quickMenu .gray-box .title {
		transform: translateX(-50%) translateY(10px);
	}

	#mainWrap .suso_main1 .text-box {
		transform: unset;
		top: 16%;
	}

	/* 국가별 수소전략 */
	#mainWrap .main_boardv .boardv-tit {
		padding-top: 4rem;
	}

	#mainWrap .main_boardv .boardv-tit p {
		padding-bottom: 1.2rem;
	}

	/* 최신글 */
	#mainWrap .main_noti_wrap {
		width: 100%;
		max-width: 100%;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li p,
	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li button {
		height: 5rem;
		line-height: 4rem;
		padding: 0 2rem;
		font-size: 1.6rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more {
		padding: 0.3rem 0.8rem 0.3rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more img {
		width: 1.4rem;
		margin-left: .5rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .cate_badge {
		width: 6rem;
		padding: 0.65rem 0;
		font-size: 1.5rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .subject {
		max-width: calc(100% - 18.2rem);
		margin-left: 2rem;
		font-size: 1.8rem;
		line-height: 3.2rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .date {
		font-size: 1.6rem;
		line-height: 2.6rem;
	}

	/* 통계 정보 */
	#mainWrap .main_statis_wrap {
		width: 100%;
		max-width: 100%;
		margin-top: 2.6rem;
	}

	#mainWrap .main_statis_wrap>.title .tit {
		font-size: 2.6rem;
		line-height: 4rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .conBox .more,
	#mainWrap .main_statis_wrap>.title .more,
	#mainWrap .main_event_info_wrap .more {
		padding: 0.3rem 0.8rem 0.3rem 1.6rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}

	#mainWrap .main_statis_wrap>.title .more img {
		width: 1.4rem;
		margin-left: .5rem;
	}

	#mainWrap .main_statis_wrap .statis_container>a {
		height: 16.7rem;
		padding: 2.6rem 2rem;
	}

	#mainWrap .main_statis_wrap .statis_container .title .tit span {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	#mainWrap .main_statis_wrap .statis_container>a .icon {
		height: 3.2rem;
	}

	#mainWrap .main_statis_wrap .statis_container>a .icon img {
		height: 100%;
	}

	#mainWrap .main_statis_wrap .stateBox .number {
		font-size: 4.4rem;
	}

	#mainWrap .main_statis_wrap .stateBox .unit {
		font-size: 1.5rem;
	}

	/* 행사 안내 */
	#mainWrap .main_event_info_wrap .section2 .title .tit {
		font-size: 2.6rem;
		line-height: 4rem;
	}
}

@media screen and (max-width: 768px) {
	#mainWrap .main_board_view_wrap .main_boardv {
		width: 100%;
	}

	#mainWrap .main_boardv .boardv-tit h3 span,
	#mainWrap .main_boardv .main_boardv_inner a.bord_v-more span,
	.boardv-txt-box dl dt span,
	.boardv-txt-box dl dt strong,
	.boardv-txt-box dl dd,
	#mainWrap .main_boardv .boardv-tit p {
		text-shadow: none;
	}

	#mainWrap .main_boardv .main_boardv_inner a.bord_v-more em {
		display: none;
	}

	#mainWrap .main_boardv .boardv-tit p {
		height: 4rem;
	}
}

@media screen and (max-width: 720px) {
	#mainWrap {
		margin-top: 80px;
	}

	#mainWrap .suso_main1 {
		height: auto;
	}

	#mainWrap .bannerWrap a,
	#mainWrap .suso_main1 .swiper-slide__img {
		border-radius: 1.8rem;
	}

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .suso_main1 .text-box {
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 3rem;
	}

	#mainWrap .suso_main1 .text-box .txt {
		position: unset;
		transform: unset;
	}

	/*
	#mainWrap .suso_main1 .swiper-slide:nth-of-type(1) .text-box{text-shadow: -1px -2px #4C83D7, 1px -2px #4C83D7, -1px -2px #4C83D7, 1px -2px #4C83D7;}
	#mainWrap .suso_main1 .swiper-slide:nth-of-type(2) .text-box{ text-shadow: -1px -2px #335300, 1px -2px #335300, -1px -2px #335300, 1px -2px #335300;}
	#mainWrap .suso_main1 .swiper-slide:nth-of-type(3) .text-box{ text-shadow: -1px -2px #009021, 1px -2px #009021, -1px -2px #009021, 1px -2px #009021;}
	#mainWrap .suso_main1 .swiper-slide:nth-of-type(4) .text-box{ text-shadow: -1px -2px #00A0B0, 1px -2px #00A0B0, -1px -2px #00A0B0, 1px -2px #00A0B0;}
	*/
	#mainWrap .suso_main1 .text-box .title {
		font-size: 2rem;
	}

	#mainWrap .suso_main1 .text-box .txt p {
		line-height: 1.5 !important;
		font-size: 3.8rem;
		margin-top: 1rem !important;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(1) .text-box .txt p {
		width: 20rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(2) .text-box .txt p {
		width: 42rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(3) .text-box .txt p {
		width: 31rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(4) .text-box .txt p {
		width: 31rem;
	}

	#mainWrap .swiper-pagination.pagination_bullet {
		position: absolute;
	}

	/* 최신글 */
	#mainWrap .main_noti_wrap {
		/*padding-bottom: 72px;*/
	}

	#mainWrap .main_tabWrap .tab {
		position: relative;
	}

	#mainWrap .main_tabWrap .tab ul {
		position: unset;
	}

	#mainWrap .main_tabWrap .tab ul li.on .more {
		left: 50%;
		transform: translateX(-50%);
		top: calc(100% + 25px) !important;
		height: 4.4rem;
		line-height: 4.2rem;
		padding: 0rem 2.4rem;
		font-size: 1.6rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li .more img {
		display: none;
	}

	/* 통계 정보 */
	#mainWrap .main_statis_wrap {
		position: relative;
		margin-bottom: 72px;
	}
	
	#mainWrap .main_noti_wrap .main_tabWrap .conBox .more,
	#mainWrap .main_statis_wrap>.title .more,
	#mainWrap .main_event_info_wrap .more{
		height: 4.4rem;
		line-height: 4.2rem;
		padding: 0rem 2.4rem;
		font-size: 1.6rem;
	}

	#mainWrap .main_statis_wrap>.title .more {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: calc(100% + 25px) !important;
	}

	#mainWrap .main_statis_wrap>.title .more img {
		display: none;
	}

	#mainWrap .main_statis_wrap .statis_container>a {
		width: auto;
	}

	/* 행사 안내 */
	#mainWrap .main_event_info_wrap {
		position: relative;
		margin-bottom: 8rem;
	}

	#mainWrap .main_event_info_wrap .section2.right {
		box-sizing: border-box;
		padding-bottom: 62px;
	}

	#mainWrap .section.second .section2>.title {
		position: unset;
		padding: 0;
	}

	#mainWrap .main_event_info_wrap .more {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: calc(100% - 4.4rem) !important;
		height: 4.4rem;
		line-height: 4.2rem;
		padding: 0rem 2.4rem;
		font-size: 1.6rem;
	}

	#mainWrap .main_event_info_wrap .more img {
		display: none;
	}

	#mainWrap .main_event_info_wrap .swiper-slide.card {
		max-width: fit-content;
	}

	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo {
		max-width: 100%;
		padding: 2rem;
	}
}

@media screen and (max-width: 475px) {
	#mainWrap {
		margin-top: 10.2941rem;
	}

	#mainWrap .main_visual_quickMenu_wrap,
	#mainWrap .main_noti_statis_wrap {
		margin: 0px 1.7647rem;
		margin-top: 2.353rem;
	}

	/* 메인 비쥬얼 슬로건 */
	#mainWrap .suso_main1 .text-box {
		margin-bottom: 1rem;
	}

	#mainWrap .suso_main1 .text-box .title {
		margin-top: 0;
		font-size: 2.05882rem;
	}

	#mainWrap .suso_main1 .text-box .txt p {
		font-size: 3.82353rem;
		line-height: 1.5;
		margin-top: 1px !important;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(1) .text-box .txt p {
		width: 20rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(2) .text-box .txt p {
		width: 42rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(3) .text-box .txt p {
		width: 31rem;
	}

	#mainWrap .suso_main1 .swiper-slide:nth-of-type(4) .text-box .txt p {
		width: 31rem;
	}

	/* 메인 스와이퍼 pagination 공통 스타일 */
	#mainWrap .swiper-pagination.pagination_bullet {
		bottom: 1.7647rem;
	}

	#mainWrap .swiper-pagination-bullet {
		width: 0.883rem;
		height: 0.883rem;
	}

	#mainWrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet {
		margin-left: 0.588235rem;
	}

	#mainWrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 2.942rem;
	}

	/* 바로가기 메뉴 */
	#mainWrap .main_quickMenu {
		margin-top: 2.353rem;
	}

	#mainWrap .main_quickMenu .main_quickMenu_inner {
		flex-wrap: wrap;
		row-gap: 8px;
	}

	#mainWrap .main_quickMenu .gray-box {
		display: flex;
		align-items: center;
		height: 14.706rem;
		width: calc(50% - 4px);
		padding: 3.64117rem 2.94117rem 2.94117rem;
		border-radius: 10px;
		box-sizing: border-box;
	}

	#mainWrap .main_quickMenu .gray-box .icon {
		height: 5.883rem;
		height: 6.48rem;
		margin-top: unset !important;
		transform: unset !important;
	}

	#mainWrap .main_quickMenu .gray-box .icon img {
		height: 100%;
	}

	#mainWrap .main_quickMenu .gray-box:nth-of-type(3) .icon {
		margin-left: 8px;
	}

	#mainWrap .main_quickMenu .gray-box:nth-of-type(4) .icon {
		margin-left: 4px;
	}

	#mainWrap .main_quickMenu .gray-box .title {
		bottom: unset !important;
		left: unset;
		top: 50%;
		right: 2.84117rem;
		transform: translateY(-46%);
		width: 10.6rem;
		word-break: keep-all;
		text-align: left;
		font-size: 1.91176rem;
		line-height: 2.7rem !important;
	}

	/* section2 */
	#mainWrap .suso_main2 .inner_1920 {
		padding: 0 1.7647rem;
	}

	/* 최신글 */
	#mainWrap .main_noti_wrap{
		gap: 4.853rem;
	}
	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li+li {
		margin-left: 0.5882rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li p,
	#mainWrap .main_noti_wrap .main_tabWrap .tab ul li button {
		height: 4.708rem;
		line-height: 4.708rem;
		padding: 0 2.64706rem;
		font-size: 1.61765rem;
	}

	#mainWrap .main_tabWrap .tab ul li.on .more {
		top: calc(100% + 23px) !important;
		border-width: 2px;
		color: #111;
		width: 70px;
		height: 30px;
		line-height: 24px;
		padding: 0;
		font-size: 11px;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .conBox {
		margin-top: 14px;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .conBox.on  .miniBoardSlide{
		overflow: hidden;
		overflow-x: auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 8px;
		grid-row-gap: 8px;
		padding-bottom: 20px;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .conBox.on .miniBoardSlide::-webkit-scrollbar {
		height: 4px;
		border-radius: 4px;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .conBox.on .miniBoardSlide::-webkit-scrollbar-thumb {
		width: 164px;
		border-radius: 4px;
		background-color: #A7D5FF;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .conBox.on .miniBoardSlide::-webkit-scrollbar-track {
		border-radius: 4px;
		background-color: #E7EEF2;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content {
		width: 40.59rem;
		padding: 19px;
		border: 1px solid #E6E8EF;
		border-radius: 10px;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:last-child {
		border-bottom: 1px solid #E6E8EF;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content+.noti_content {
		margin-top: unset;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(1) {
		order: 1;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(2) {
		order: 3;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(3) {
		order: 5;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(4) {
		order: 7;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(5) {
		order: 2;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(6) {
		order: 4;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(7) {
		order: 6;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content:nth-of-type(8) {
		order: 8;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content a {
		display: flex;
		align-items: unset;
		flex-direction: column;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .cate_badge {
		width: 5.148rem;
		height: 20px;
		line-height: 18px;
		padding: 0;
		border-radius: 2px;
		font-size: 1.47059rem;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .subject {
		margin-top: 10px;
		margin-left: 0;
		max-width: 100%;
		height: 46px;
		font-size: 2.20588rem;
		line-height: 23px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
	}

	#mainWrap .main_noti_wrap .main_tabWrap .noti_content .date {
		margin-top: 10px;
		margin-left: auto;
		font-size: 1.7647rem;
		line-height: 1.1;
	}

	/* 국가전략 */
	#mainWrap .main_board_view_wrap {
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
	}

	#mainWrap .main_board_view_wrap .main_boardv {
		width: 100%;
	}

	/* 통계 정보 */
	#mainWrap .main_statis_wrap {
		margin-bottom: 70px;
	}

	#mainWrap .main_statis_wrap>.title {
		justify-content: center;
	}

	#mainWrap .main_statis_wrap>.title .tit {
		font-size: 2.94118rem;
		line-height: 27px;
	}

	#mainWrap .main_statis_wrap>.title .more {
		top: calc(100% + 23px) !important;
		border-width: 2px;
		color: #111;
		width: 70px;
		height: 30px;
		line-height: 24px;
		padding: 0;
		font-size: 11px;
	}

	#mainWrap .main_statis_wrap .statis_container {
		overflow: hidden;
		overflow-x: auto;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 8px;
		margin-top: 25px;
		padding-bottom: 20px;
	}

	#mainWrap .main_statis_wrap .statis_container::-webkit-scrollbar {
		height: 4px;
		border-radius: 4px;
	}

	#mainWrap .main_statis_wrap .statis_container::-webkit-scrollbar-thumb {
		width: 164px;
		border-radius: 4px;
		background-color: #A7D5FF;
	}

	#mainWrap .main_statis_wrap .statis_container::-webkit-scrollbar-track {
		border-radius: 4px;
		background-color: #E7EEF2;
	}

	#mainWrap .main_statis_wrap .statis_container>a {
		width: 16.885rem;
		height: auto;
		padding: 35px 15px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	#mainWrap .main_statis_wrap .statis_container .title {
		flex-direction: column;
		row-gap: 12px;
	}

	#mainWrap .main_statis_wrap .statis_container>a .icon {
		height: 30px;
	}

	#mainWrap .main_statis_wrap .statis_container .title .tit span {
		display: block;
		font-size: 1.7647rem;
		line-height: 18px;
		word-break: keep-all;
		text-align: center;
	}

	#mainWrap .main_statis_wrap .stateBox {
		margin-top: 10px;
	}

	#mainWrap .main_statis_wrap .stateBox .number {
		font-size: 3.2353rem;
		line-height: 30px;
	}

	#mainWrap .main_statis_wrap .stateBox .unit {
		font-size: 1.47059rem;
		line-height: 16px;
		margin-left: 4px;
	}

	/* 행사 안내 */
	#mainWrap .main_event_info_wrap {
		margin-bottom: 7.353rem;
	}

	#mainWrap .secondSwiper.swiper {
		overflow: unset;
		padding: 0;
		padding-right: 0;
		padding-bottom: 20px;
		width: 100%;
		/*overflow-x: auto;*/
	}

	#mainWrap .main_event_info_wrap .swiper-scrollbar {
		display: block;
	}

	#mainWrap .section.second .section2>.title {
		justify-content: center;
		margin-bottom: 25px;
	}

	#mainWrap .section.second .section2>.title .tit {
		font-size: 2.94118rem;
		line-height: 27px;
	}

	#mainWrap .main_event_info_wrap .more {
		top: calc(100% - 34px) !important;
		border-width: 2px;
		color: #111;
		width: 70px;
		height: 30px;
		line-height: 24px;
		padding: 0;
		font-size: 11px;
	}

	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo {
		width: 28.53rem;
		height: 23.236rem;
		padding: 16px;
	}

	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo strong {
		margin-bottom: 12px;
		font-size: 2.05882rem;
		line-height: 20px;
	}

	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo p {
		font-size: 1.47059rem;
		line-height: 14px;
	}

	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo p:last-of-type {
		margin-top: 4px;
		margin-bottom: 12px;
	}

	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo em {
		font-size: 1.47059rem;
		line-height: 15px;
	}

	#mainWrap .main_event_info_wrap .cardWrap .cardBox .cardInfo span {
		height: 18px;
		padding: 0 10px;
		font-size: 1.32353rem;
		line-height: 16px;
	}
}