.MainWrap {width:100%; position:relative; margin-top: 9.2rem;}


/*--------------------------------------------------------------
# 메인 상단 배너 슬라이드
--------------------------------------------------------------*/
.MainBanWrap{
	position:relative;
	background: linear-gradient(180deg, rgba(246, 246, 246, 0.00) 0%, #F6F6F6 100%);
}
.MainBanWrapInner {
    width: 100%;
    max-width: 140rem;
    margin: 0 auto;
    padding: 4rem 2rem 10rem 2rem;
}
.MBWInner {
    width: 100%;
    position: relative;
    display: flex;
    padding-right: 36.4rem;
    /* justify-content: space-between; */
    /* flex-direction: row; */
    /* align-items: flex-start; */
}
.MainTopBannerBox{
	position:relative;
	border-radius: 1.3rem;
	overflow: hidden;
	/* min-width:100rem; */
	width:100%;
}
.mtslideBox {
	border-radius: 1.3rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.mtslideBox > div {
    padding-bottom: 48.2%;
    position: relative;
    display: flex;
    width: 100%;
}
.mtslideBox a{
	padding-bottom: 48.2%;
    position: relative;
    display: flex;
    width: 100%;
}
.mtslideBox img {
	height:100%;
    /* width: 100%; */
	max-width:100%;	
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.pcmtBan{display:block;}
.momtBan{display:none;}

.MainTopBannerBox .swiper-pagination {
    border-radius: 1.3rem;
    padding: 3rem 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
    bottom: 0rem !important;
    top: inherit!important;
    left: 0!important;
    width: 100%!important;
    position: absolute;
    transform: inherit!important;
    margin-top: 0;
}
.MainTopBannerBox .swiper-pagination-bullet {
    border: none;
    opacity: 1;
    width: 6px;
    height: 6px;
    margin: 0 0.5rem!important;
    background: rgba(255,255,255,0.6);
}

.MainTopBannerBox .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0793C9;
	opacity: 0.9;
}

/*--------------------------------------------------------------
# 메인 우측 플로팅 배너 슬라이드
--------------------------------------------------------------*/
.MainRightBannerBox {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
	/* width:15%; */
    width: 31.4rem;
	border-radius: 1.3rem;
	overflow: hidden;
	/* padding-bottom: 100%; */
}
.MRBInner{
	/* position:absolute; */
	left:0;
	top:0;
	width:100%;
	height:100%;
	/* width:30rem; */
}

.MainRightBannerBox .swiper {
	overflow:hidden;
  width: 100%;
    width: 100%;
    height: 100% !important;
	    border-radius: 1.3rem;
}
.MainRightBannerBox .swiper-wrapper {
    height: 100% !important;
display:block!important;
}

.MainRightBannerBox .swiper-slide {
	 height: 100% !important;
  /* text-align: center; */
  /* font-size: 18px; */
  /* background: #fff; */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}

.mrslideBox {
	border-radius: 1.3rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.mrslideBox > div {
    position: relative;
    display: flex;
    width: 100%;
}
.mrslideBox a{
    position: relative;
    display: flex;
    width: 100%;
}
.mrslideBox img {
    width: 100%;
	max-width:100%;
	object-fit: cover;
}

.pcmrBan{display:block;}
.momrBan{display:none;}

.MainRightBannerBox .swiper-pagination {
    border-radius: 1.3rem;
    padding: 3rem 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
    bottom: 0rem !important;
    top: inherit!important;
    left: 0!important;
    width: 100%!important;
    position: absolute;
    transform: inherit!important;
    margin-top: 0;
}
.MainRightBannerBox .swiper-pagination-bullet {
    border: none;
    opacity: 1;
    width: 6px;
    height: 6px;
    margin: 0 0.5rem!important;
    background: rgba(255,255,255,0.6);
}

.MainRightBannerBox .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0793C9;
	opacity: 0.9;
}

@media (max-width:1160px) {
	.MainBanWrapInner{
		padding:0;
	}
	.MBWInner {
		width: 100%;
		position: relative;
		display: flex;
		padding-right: 0;
		flex-direction: column;
	}
	.MainTopBannerBox {
		border-radius: 0;
		overflow: hidden;
	}
	.MainTopBannerBox .swiper-pagination {
		border-radius: 0;
	}
	
	.MainRightBannerBox {
		border-radius: 0;
		padding: 6rem 6rem 2rem 6rem;
		margin-top: 0;
		height: auto;
		top: 0;
		right: 0;
		position: relative;
		width: 100%;
	}
	.MainRightBannerBox .swiper-wrapper {
		display: flex!important;
	}
	
	
	
	.pcmrBan{display:none;}
	.momrBan{display:block;}
}
@media (max-width:767px) {
	.MainBanWrapInner {
		padding: 0;
	}
	.MainTopBannerBox {
		border-radius: 0;
	}
	.MainTopBannerBox .swiper-pagination {
		padding: 2rem 0px;
	}
	.MainTopBannerBox .swiper-pagination-bullet {
		margin: 0 0.3rem!important;
	}
	.mtslideBox img {
		height: 100%;
		width: 100%;
		max-width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.mtslideBox > div {
		padding-bottom: 85.602%;
	}
	.mtslideBox a{
		padding-bottom: 85.602%;
	}
	
	.pcmtBan{display:none;}
	.momtBan{display:block;}
	
	
	.MainRightBannerBox {
		margin-bottom: 2rem;
		background: linear-gradient(180deg, rgba(246, 246, 246, 0.00) 0%, #F6F6F6 100%);
		padding: 2rem 2rem 4rem 2rem;
		margin-top: 0;
		height: auto;
		top: 0;
		right: 0;
		position: relative;
		width: 100%;
	}
	.MainRightBannerBox .swiper {
		border-radius: 0;
	}
	.mrslideBox {
		overflow: hidden;
		border-radius: 0.8rem;
	}
	.MainRightBannerBox .swiper-pagination {
		border-radius: 0;
		padding: 1rem 0px 0 0;
		background: inherit;
		bottom: 0rem !important;
		top: inherit!important;
		left: 0!important;
		width: 100%!important;
		position: relative;
		transform: inherit!important;
		margin-top: 0;
	}
	.MainRightBannerBox .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 0 0.3rem!important;
		background: rgba(34,2,0,0.2);
	}
}

/*--------------------------------------------------------------
# 메인 상단 게시글 슬라이드
--------------------------------------------------------------*/
#mainV {width:100%; height:auto; overflow:hidden;}

.MainInner {width:100%; max-width:140rem; margin:0 auto; padding:10rem 2rem;}

.slideBox {display: flex; width: 100%; justify-content: space-between;}
.slide_figure {
	cursor:pointer;
    width: 100%;
    max-width: 65.5rem;
    position: relative;
    overflow: hidden!important;
	
	/* height: 43.8rem; */
	
	padding-bottom: 32.2%;
	border-radius:1.3rem;
}
.slide_figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.3rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 6;
}
.slide_figure img {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* max-width: 100%; */
}

.slideTxtBox {
    padding: 3.8rem 0 3.8rem 0rem;
    width: 64.7%;
    max-width: 62.5rem;
	margin-left: 8rem;
}

.category {
    font-family: 'Pretendard-Bold';
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #0793C9;
    margin-bottom: 2rem;
}

.slideTitle {
	font-family: 'Pretendard-Bold';
	font-size: 4.6rem;
	line-height: 6rem;
	margin-bottom:2rem;
	color:#222;
	
	display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slideTxt {
    font-family: "Pretendard";
    font-size: 1.8rem;
    line-height: 3rem;
    color: #555;
	
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.readmore {
	font-family: 'Pretendard-SemiBold';
	font-size: 1.5rem;
	line-height: 3.4rem;
	padding:0.8rem 3.6rem;
	color:#fff;
	margin-top:3.6rem;
	
	background: linear-gradient(0deg, #0793C9, #0793C9), #FFFFFF;
	border: 1px solid #0793C9;
	border-radius: 99px;
	display: inline-block;
}

/* .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { */
    /* bottom: inherit!important; */
    /* top: inherit!important; */
    /* left: 0!important; */
    /* width: 100%!important; */
    /* position: relative!important; */
    /* transform: inherit!important; */
	/* margin-top:5rem; */
/* } */
.MainInner .swiper-pagination {
    bottom: inherit!important;
    top: inherit!important;
    left: 0!important;
    width: 100%!important;
    position: relative!important;
    transform: inherit!important;
	margin-top:5rem;
}

.MainInner .swiper-pagination-bullet {
	opacity: 1;
    width: 6px;
    height: 6px;
	margin:0 0.7rem!important;
    background: rgba(0,0,0,0.2);
}

.MainInner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0793C9;
}

@media (max-width:1400px) {
	
}

@media (max-width:991px) {
	#mainV {
		padding-top: 3rem;
	}
	.MainWrap {margin-top:5rem;}
	.MainInner {padding: 2rem 2rem 6rem;}
	
	.slideBox {flex-direction: column;}
	.slide_figure {
		padding-bottom: 46.5%;
		width: 70%;
		max-width: inherit;
	}

	.slideTxtBox {
		padding: 2rem 1rem 2rem 1rem;
		width: 100%;
		max-width: inherit;
		margin-left: 0;
	}
	
	.topSlide {overflow:unset!important;}
	.category {font-size: 1.3rem; line-height: 1.6rem; margin-bottom: 1.2rem;}
	.slideTitle {font-size: 2.6rem; line-height: 3.4rem; margin-bottom: 1.2rem;}
	.slideTxt {font-size: 1.4rem; line-height: 2.4rem;}
	.readmore {font-size: 1.3rem; line-height: 3.4rem; padding: 0.5rem 2.6rem; margin-top: 2.6rem}
	
	.MainInner .swiper-pagination  {margin-top:1.6rem;}
}
@media (max-width:767px) {
	#mainV {
		padding-top: 0rem;
	}
	.slide_figure {
		padding-bottom: 66.5%;
		width: 100%;
		max-width: inherit;
	}
}

/* 인기 게시물 START ~ */
.popularContWrap {background:#f8f8f8;}
.popularContWrap .MainInner {padding:12rem 2rem 6rem;}

.WrapTitle {
	font-family: 'Pretendard-Bold';
	font-size: 4rem;
	font-weight: 700;
	line-height: 5.4rem;
	color:#222;
}

.wrapCont {
    gap: 5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6rem;
    justify-content: flex-start;
}

.p_contBox {width: calc(33.3333333333% - 2.5rem); position:relative; margin-bottom:6rem;}
/* .p_contBox_figure {width:100%; height:auto; */

/* } */
/* .p_contBox_figure img {width:100%; height:auto; border-radius: 1.3rem;} */

.p_contBox_figure {
	cursor:pointer;
    width: 100%;
    position: relative;
    overflow: hidden;
	padding-bottom: 66.2%;
	overflow:hidden;
	border-radius:1.3rem;
}
.p_contBox_figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.3rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 6;
}
.p_contBox_figure img {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* max-width: 100%; */
}


.hot {
	z-index: 20;
	font-family: 'Pretendard-ExtraBold';
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
	color:#fff;
	
	padding:0.3rem 1.2rem;
	background: #0793C9;
	border-radius: 4px;
	display: inline-block;
	
	position:absolute;
	left:1.2rem;
	top:1.2rem;
}

.p_contTxtBox {
    display: flex;
    margin-top: 3rem;
	flex-direction: column;
}
.p_category {
	font-family: 'Pretendard-Bold';
	line-height: 2.8rem;
	font-size: 1.7rem;
	color: #0793C9;
}

.p_contTitle {
	display:block;
	display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
    font-family: 'Pretendard-Bold';
    font-size: 2.6rem;
    line-height: 3.4rem;
    color: #222;
    margin: 1rem 0 3rem;
}
.p_contDate {
	font-family: 'Pretendard';
	font-size: 1.5rem;
	line-height: 2.4rem;
	color:#999;
}

.p_contBox:hover .p_contTitle {
	text-decoration:underline;
}

@media (max-width:991px) {
	.popularContWrap .MainInner {
		padding: 10rem 2rem 4rem;
	}
	.WrapTitle {
		font-size: 3.6rem;
		line-height: 5rem;
	}
	.wrapCont {
		justify-content: space-between;
		gap: 0;
		display: flex;
		flex-wrap: wrap;
		margin-top: 4rem;
	}
	.p_contBox {
		width: calc(50% - 2rem);
		position: relative;
		margin-bottom: 6rem;
	}
	.p_contTxtBox {
		margin-top: 2rem;
	}
	.p_category {
		line-height: 1.6rem;
		font-size: 1.3rem;
	}
	.p_contTitle {
		font-size: 2.6rem;
		line-height: 3.4rem;
		margin: 1rem 0 2rem;
	}
	.p_contDate {
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

@media (max-width:767px) {
	.popularContWrap .MainInner {padding: 6rem 2rem 6rem;}

	.wrapCont {margin-top: 3rem; justify-content: space-between; flex-direction: column;}
	.p_contBox {width: 100%; margin-bottom: 4rem;}
	.p_contBox:last-child {margin-bottom:0;}
	
	.WrapTitle {font-size: 2.6rem; line-height: 4rem;}
	
	.hot {font-size: 1.1rem; line-height: 1.6rem; padding: 0.3rem 0.8rem; left: 1rem; top: 1rem;}
	
	.p_contTxtBox {display: flex; margin-top: 2rem;}
	
	.p_category {line-height: 1.6rem; font-size: 1.3rem;}
	
	.p_contTitle {font-size: 2rem; line-height: 2.8rem; margin: 1rem 0 1rem;}
	.p_contDate {font-size: 1.1rem; line-height: 1.8rem;}
}

/* // ~ 인기 게시물 END*/

/* 신규 게시물 START ~ */
.newContWrap {background:#FFF;}

.newContWrap .MainInner {
    padding: 10rem 2rem 4rem;
}
.new {
	z-index: 20;
	font-family: 'Pretendard-ExtraBold';
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
	color:#fff;
	
	padding:0.3rem 1.2rem;
	background:#FF9900;
	border-radius: 4px;
	display: inline-block;
	
	position:absolute;
	left:1.2rem;
	top:1.2rem;
}

@media (max-width:991px) {
	.newContWrap .MainInner {
		padding: 10rem 2rem 4rem 2rem;
	}
	.new {left: 1rem; top: 1rem; font-size: 1.1rem; line-height: 1.6rem; padding: 0.3rem 0.7rem;}
}
@media (max-width:767px) {
	.newContWrap .MainInner {
		padding: 6rem 2rem 6rem 2rem;
	}
}
/* // ~ 신규 게시물 END*/


/* 해시태그 START ~ */
.tagContWrap {background:#f8f8f8;}
.tagContWrap .MainInner {padding:12rem 2rem 4rem;}

/* 탭 메뉴 */

.tagCont {margin-top:6rem;}
.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.tabs li {
    display: inline-flex;
    color: white;
    padding: 1.3rem 2.7rem;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 99px;
    box-sizing: border-box;
    margin-right: 0.8rem;
	color:#222;
}
.tabs li.current{color: #FFF; background: #0793C9; border: 1px solid #0793C9;}
.tabs li.current .tagCount {color:#FFF;}

.tabs li:last-child {margin-right:0;}

.tab-content{display: none;}
.tab-content.current{display: inherit;}

.tagTxt	{
	font-family: 'Pretendard-Medium';
	font-size: 1.7rem;
	line-height: 3rem;
}
.tabCont {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tagCount {
	font-family: 'Pretendard-Medium';
	font-size: 1.7rem;
	line-height: 3rem;
	margin-left:0.2rem;
	color:#222;
}

.tabContGroup {margin-top:4rem;}

.tabContBox {
    width: calc(100%/3 - 3.333333rem);
    margin-right: 5rem;
    margin-bottom: 6rem;
}

.tabContBox:nth-child(3n) {margin-right:0;}

.t_category {
    font-family: 'Pretendard-Bold';
    line-height: 2.8rem;
    font-size: 1.7rem;
    color: #0793C9;
}

.t_contTitle {
	display:block;
	display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
    font-family: 'Pretendard-Bold';
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin: 1rem 0 3rem;
	color: #222;
}

.t_contDate {
    font-family: 'Pretendard';
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: #999;
}

.tabContBox:hover .t_contTitle {text-decoration:underline;}

@media (max-width:1200px) {
	.tabContBox {
		width: calc(100%/3 - 2rem);
		margin-right: 3rem;
		margin-bottom: 7rem;
	}
}

@media (max-width:991px) {
	.tagContWrap .MainInner {padding:6rem 2rem;}
	
	.tagCont {margin-top: 3rem;}
	
	.tabsvw {
		overflow-x: scroll;
		width: 100%;
		overflow-y: hidden;
	}
	.tabs {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: flex;
		flex-direction: row;
		width: 700px;
	}
	.tagCount {font-size:1.4rem;}
	
	.tabContBox {
		width: calc(100%/2 - 2rem);
		margin-right: 4rem;
		margin-bottom: 7rem;
	}
	.tabContBox:nth-child(2n) {
		margin-right: 0;
	}
	.tabContBox:nth-child(3n) {
		margin-right: 4rem;
	}
	.tabContBox:nth-child(6) {
		margin-right: 0rem;
	}
	/* .tabCont {flex-direction: column;} */
	/* .tabContBox {width: 100%; margin-right: 0; margin-bottom: 4rem;} */
	/* .tabContBox:last-child {margin-bottom:0;} */
	
	.t_category {font-size: 1.3rem; line-height: 1.6rem;}
	.t_contTitle {font-size: 2rem; line-height: 2.8rem; margin: 1rem 0 1rem;}
	.t_contDate {font-size: 1.1rem; line-height: 1.8rem;}
	
	.tagTxt {font-size: 1.5rem; line-height: 3rem;}
	.tabs li {padding:0.8rem 2.2rem; margin-right:0.4rem;}
}
@media (max-width:767px) {
	.tabCont {flex-direction: column;}
	.tabContBox {width: 100%; margin-right: 0; margin-bottom: 4rem;}
	.tabContBox:last-child {margin-bottom:0;}
	.tabContBox:nth-child(2n) {
		margin-right: 0;
	}
	.tabContBox:nth-child(3n) {
		margin-right: 0;
	}
}

/* // ~ 해시태그 END*/