@charset "utf-8";

/********************************************************
■ Widget
********************************************************/
h3.h3 {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

hr.hr::before {
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 1px;
	line-height: 1px;
	background-color: #ddd;
}

hr.hr {
	display: block;
	position: relative;
	height: 3px;
	border: none;
	line-height: 1px;
	padding: 0;
	margin: 0;
}

hr.hr::after {
	width: 4.0rem;
	height: 3px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1px;
}

@media all and (max-width:575px) {
	.responsive h3.h3 {
		padding-left: 1.0rem;
		padding-right: 1.0rem;
	}

	.responsive hr.hr::after {
		left: 1.0rem;
	}
}

.wg_content_wrap {
	display: none;
}

.wg_content_wrap.active {
	display: block;
}

/* 라인 */
.na-list li {
	line-height: 2.0;
}

.na-list .na-line {
	border-bottom: 1px solid #efefef;
}

.is-pc .na-list .na-line {
	padding-bottom: 0.15rem;
	margin-bottom: 0.15rem;
}

.is-mobile .na-list .na-line {
	padding-bottom: 0.20rem;
	margin-bottom: 0.25rem;
}

/* 큰제목 */
.f-h1 {
	font-size: 18px !important;
}

/* Owl 네비 */
.owl-slider.owl-nav-top .owl-nav {
	position: absolute;
	right: 0;
	top: -3.75rem;
	z-index: 3;
}

.owl-slider.owl-nav-bottom .owl-nav {
	text-align: center;
}

.owl-slider.owl-nav-right .owl-nav {
	text-align: right;
}

.owl-slider .owl-carousel .owl-nav button {
	outline: none !important;
	width: auto !important;
	padding: 0.35rem 0.75rem !important;
	margin: 0 !important;
	border: 1px solid #ddd !important;
	background: #fff !important;
	color: #ccc !important;
	line-height: 1.2 !important;
}

.owl-slider .owl-carousel .owl-nav button:hover {
	background: #f5f5f5 !important;
}

.owl-slider .owl-carousel .owl-nav button.owl-prev {
	border-right: 0 !important;
}

.owl-slider.owl-nav-lg .owl-carousel .owl-nav button {
	padding: .5rem 1.0rem !important;
}

/* 슬라이더 상단 네비 위치 조정 */
.slider-nav-top

/* 배분 네비 */
.owl-slider.owl-nav-both .owl-nav button.owl-prev {
	float: left;
	border: 1px solid #ddd !important;
}

.owl-slider.owl-nav-both .owl-nav button.owl-next {
	float: right;
}

.owl-slider.owl-nav-both .owl-nav:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

/* 타이틀용 네비 */
.owl-slider.owl-nav-title .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -40px;
	width: 100%;
	z-index: 1;
}

.owl-slider.owl-nav-title .owl-nav button {
	border: 0 !important;
	background: none !important;
	color: rgba(255, 255, 255, 0.5) !important;
	line-height: 1.0 !important;
}

.owl-slider.owl-nav-title .owl-nav button:hover {
	background: none !important;
	color: rgba(255, 255, 255, 1) !important;
}

.owl-slider.owl-nav-title .owl-nav button.owl-prev {
	position: absolute;
	left: 80px;
	top: 0;
	font-size: 80px !important;
}

.owl-slider.owl-nav-title .owl-nav button.owl-next {
	position: absolute;
	right: 80px;
	top: 0;
	font-size: 80px !important;
}

@media (max-width:1399px) {
	.owl-slider.owl-nav-title .owl-nav button.owl-prev {
		left: 30px;
	}

	.owl-slider.owl-nav-title .owl-nav button.owl-next {
		right: 30px;
	}
}

@media (max-width:1199px) {
	.owl-slider.owl-nav-title .owl-nav {
		margin-top: -35px;
	}

	.owl-slider.owl-nav-title .owl-nav button.owl-prev {
		left: 20px;
		font-size: 70px !important;
	}

	.owl-slider.owl-nav-title .owl-nav button.owl-next {
		right: 20px;
		font-size: 70px !important;
	}
}

@media (max-width:767px) {
	.owl-slider.owl-nav-title .owl-nav {
		margin-top: -30px;
	}

	.owl-slider.owl-nav-title .owl-nav button.owl-prev {
		left: 15px;
		font-size: 60px !important;
	}

	.owl-slider.owl-nav-title .owl-nav button.owl-next {
		right: 15px;
		font-size: 60px !important;
	}
}

@media (max-width:575px) {
	.owl-slider.owl-nav-title .owl-nav {
		margin-top: -25px;
	}

	.owl-slider.owl-nav-title .owl-nav button.owl-prev {
		left: 10px;
		font-size: 50px !important;
	}

	.owl-slider.owl-nav-title .owl-nav button.owl-next {
		right: 10px;
		font-size: 50px !important;
	}
}

/* 회원 포토 등 */
.owl-slider .owl-carousel .owl-item .sv_wrap img {
	display: inline-block !important;
	width: auto !important;
}

/* 페이지네이션 상단 등 */
@media all and (min-width:768px) {
	.pagination-top {
		position: absolute;
		top: -4.1rem;
		right: 0;
		margin: 0 !important;
		z-index: 1;
	}

	.pagination-top.pagination-sm {
		top: -3.6rem;
	}

	.pagination-top.pagination-lg {
		top: -5.2rem;
	}
}

@media all and (max-width:767px) {
	.pagination-top {
		justify-content: center !important;
	}
}

/* 이벤트 */
.wg_head_event {
	background: #db3232;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}

.wg_head_event_icon {
	margin-right: 8px;
}

.wg_head_event_icon img {
	display: inline-block;
	vertical-align: top;
}

.wg_head_event_em {
	color: #ffd400;
}

/* 새 글, 새 댓글 */
.wg_head_tabs {
	display: flex;
	position: relative;
	border-bottom: 1px solid #eaebed;
	align-items: center;
}

.wg_head_tab {
	position: relative;
	flex-grow: 1;
	padding: 10px 0;
	text-align: center;
	cursor: pointer;
	font-size: 17px;
	font-weight: bold;
}

.wg_head_tab.active {
	color: #db3232;
}

.wg_head_tab.active:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 4px;
	background: #db3232;
	max-width: 90px;
}

#wg_latest_wr_n_cmt .wg_head_tab.active:after {
	max-width: 70px;
}

/*.wg_head_more_m {display:none; text-align:right;}*/

/* 랭킹 */
#wg_rank .wg_head_tab.active {
	color: #482ed2;
}

#wg_rank .wg_head_tab.active:after {
	background: #482ed2;
}

/* 메인 게시판들 (자유게시판, 유머 & 이슈 ...) */
#wg_main_board .wg_head_tabs {
	display: block;
	padding-left: 12px;
}

#wg_main_board .wg_head_tabs:after {
	display: block;
	content: '';
	visibility: hidden;
	clear: both;
}

#wg_main_board .wg_head_tabs .wg_head_tab {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
}

#wg_main_board .wg_head_tabs .wg_head_more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	font-weight: bold;
}

#wg_main_board .wg_head_tabs .wg_head_more span {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 3px;
}

#wg_main_board .wg_head_more_m_wrap {
	display: flex;
	position: relative;
	border-bottom: 1px solid #eaebed;
	justify-content: center;
	align-items: center;
}

#wg_main_board .wg_head_more_m {
	font-weight: bold;
	padding: 10px 0;
}

#wg_main_board .wg_head_more_m span {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 3px;
}

#wg_main_board .wg_head_tabs .wg_head_tab.wg_head_more_m.active:after {
	display: none;
}

#wg_main_board_head_tabs_m .gra {
	content: " ";
	position: absolute;
	z-index: 1;
	top: 0;
	width: 1.25rem;
	height: calc(100% - 1px);
}

#wg_main_board_head_tabs_m .gra-left-primary {
	left: 0;
}

#wg_main_board_head_tabs_m .gra-right-primary {
	right: 0;
}

#wg_main_board_head_tabs_m .gra-left {
	left: 0;
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #f7f8fa 60%);
}

#wg_main_board_head_tabs_m .gra-right {
	right: 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #f7f8fa 60%);
}

@media (max-width: 767px) {
	.wg_head_tab {
		font-size: 15px;
	}

	#wg_main_board .wg_head_tabs {
		display: flex;
	}

	#wg_main_board .wg_head_tabs .wg_head_tab {
		white-space: nowrap !important;
		padding: 10px 15px;
	}

	#wg_main_board #wg_main_board_head_tabs_pc {
		display: none;
	}
}

/* 먹튀 리스트 */
#wg_main_board_mt .wg_head_tabs {
	display: block;
	padding-left: 12px;
}

#wg_main_board_mt .wg_head_tabs:after {
	display: block;
	content: '';
	visibility: hidden;
	clear: both;
}

#wg_main_board_mt .wg_head_tabs .wg_head_tab {
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	cursor: inherit;
}

#wg_main_board_mt .wg_head_tabs .wg_head_tab.active {
	color: #352977;
}

#wg_main_board_mt .wg_head_tabs .wg_head_tab.active:after {
	background: #352977;
}

#wg_main_board_mt .wg_head_tabs .wg_head_more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	font-weight: bold;
}

#wg_main_board_mt .wg_head_tabs .wg_head_more span {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 3px;
}

@media (max-width: 767px) {
	#wg_main_board .wg_head_tabs {
		display: flex;
	}

	#wg_main_board_mt .wg_head_tabs .wg_head_tab {
		white-space: nowrap !important;
		padding: 10px 15px;
	}
}