/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* 공통 스타일 (모바일 및 PC) */
html, body {
  width: 100%;
}

/* 모바일 기기용 스타일 */
@media screen and (max-width: 768px) {
  html, body {
    overflow-x: hidden;
  }
}

/* PC용 스타일 */
@media screen and (min-width: 769px) {
  html, body {
    /* overflow-x: hidden;를 여기서 제거합니다 */
  }
}

.text-right {color: #fff;}



/* Font Size */
.text-0 {
	font-size: .7em !important;
}

.text-1 {
	font-size: .8em !important;
}

.text-2 {
	font-size: .9em !important;
}

.text-2-3,
.text-2-5 {
	font-size: .95em !important;
}

.text-3 {
	font-size: 1em !important;
}

.text-3-4,
.text-3-5 {
	font-size: 1.1em !important;
}

.text-4 {
	font-size: 1.2em !important;
}

.text-4-5 {
	font-size: 1.35em !important;
}

.text-5 {
	font-size: 1.50em !important;
}

.text-5-6,
.text-5-5 {
	font-size: 1.65em !important;
}

.text-6 {
	font-size: 1.80em !important;
}

.text-6-7,
.text-6-5 {
	font-size: 1.9em !important;
}

.text-7 {
	font-size: 2em !important;
}

.text-8 {
	font-size: 2.30em !important;
}

.text-9 {
	font-size: 2.50em !important;
}

.text-10 {
	font-size: 2.75em !important;
}

.text-11 {
	font-size: 3em !important;
}

.text-12 {
	font-size: 3.5em !important;
}

.text-12-13,
.text-12-5 {
	font-size: 3.75em !important;
}

.text-13 {
	font-size: 4em !important;
}

.text-14 {
	font-size: 4.5em !important;
}

.text-15 {
	font-size: 5em !important;
}

.text-16 {
	font-size: 5.33em !important;
}

.text-17 {
	font-size: 5.66em !important;
}

.text-18 {
	font-size: 6em !important;
}

.text-19 {
	font-size: 6.33em !important;
}

.text-20 {
	font-size: 6.66em !important;
}

@media (min-width: 576px) {
	.text-sm-0 {
		font-size: .7em !important;
	}

	.text-sm-1 {
		font-size: .8em !important;
	}

	.text-sm-2 {
		font-size: .9em !important;
	}

	.text-sm-2-3,
		.text-sm-2-5 {
		font-size: .95em !important;
	}

	.text-sm-3 {
		font-size: 1em !important;
	}

	.text-sm-3-4,
		.text-sm-3-5 {
		font-size: 1.1em !important;
	}

	.text-sm-4 {
		font-size: 1.2em !important;
	}

	.text-sm-4-5 {
		font-size: 1.35em !important;
	}

	.text-sm-5 {
		font-size: 1.50em !important;
	}

	.text-sm-5-6,
		.text-sm-5-5 {
		font-size: 1.65em !important;
	}

	.text-sm-6 {
		font-size: 1.80em !important;
	}

	.text-sm-6-7,
		.text-sm-6-5 {
		font-size: 1.9em !important;
	}

	.text-sm-7 {
		font-size: 2em !important;
	}

	.text-sm-8 {
		font-size: 2.30em !important;
	}

	.text-sm-9 {
		font-size: 2.50em !important;
	}

	.text-sm-10 {
		font-size: 2.75em !important;
	}

	.text-sm-11 {
		font-size: 3em !important;
	}

	.text-sm-12 {
		font-size: 3.5em !important;
	}

	.text-sm-12-13,
		.text-sm-12-5 {
		font-size: 3.75em !important;
	}

	.text-sm-13 {
		font-size: 4em !important;
	}

	.text-sm-14 {
		font-size: 4.5em !important;
	}

	.text-sm-15 {
		font-size: 5em !important;
	}

	.text-sm-16 {
		font-size: 5.33em !important;
	}

	.text-sm-17 {
		font-size: 5.66em !important;
	}

	.text-sm-18 {
		font-size: 6em !important;
	}

	.text-sm-19 {
		font-size: 6.33em !important;
	}

	.text-sm-20 {
		font-size: 6.66em !important;
	}
}

@media (min-width: 768px) {
	.text-md-0 {
		font-size: .7em !important;
	}

	.text-md-1 {
		font-size: .8em !important;
	}

	.text-md-2 {
		font-size: .9em !important;
	}

	.text-md-2-3,
		.text-md-2-5 {
		font-size: .95em !important;
	}

	.text-md-3 {
		font-size: 1em !important;
	}

	.text-md-3-4,
		.text-md-3-5 {
		font-size: 1.1em !important;
	}

	.text-md-4 {
		font-size: 1.2em !important;
	}

	.text-md-4-5 {
		font-size: 1.35em !important;
	}

	.text-md-5 {
		font-size: 1.50em !important;
	}

	.text-md-5-6,
		.text-md-5-5 {
		font-size: 1.65em !important;
	}

	.text-md-6 {
		font-size: 1.80em !important;
	}

	.text-md-6-7,
		.text-md-6-5 {
		font-size: 1.9em !important;
	}

	.text-md-7 {
		font-size: 2em !important;
	}

	.text-md-8 {
		font-size: 2.30em !important;
	}

	.text-md-9 {
		font-size: 2.50em !important;
	}

	.text-md-10 {
		font-size: 2.75em !important;
	}

	.text-md-11 {
		font-size: 3em !important;
	}

	.text-md-12 {
		font-size: 3.5em !important;
	}

	.text-md-12-13,
		.text-md-12-5 {
		font-size: 3.75em !important;
	}

	.text-md-13 {
		font-size: 4em !important;
	}

	.text-md-14 {
		font-size: 4.5em !important;
	}

	.text-md-15 {
		font-size: 5em !important;
	}

	.text-md-16 {
		font-size: 5.33em !important;
	}

	.text-md-17 {
		font-size: 5.66em !important;
	}

	.text-md-18 {
		font-size: 6em !important;
	}

	.text-md-19 {
		font-size: 6.33em !important;
	}

	.text-md-20 {
		font-size: 6.66em !important;
	}
}

@media (min-width: 992px) {
	.text-lg-0 {
		font-size: .7em !important;
	}

	.text-lg-1 {
		font-size: .8em !important;
	}

	.text-lg-2 {
		font-size: .9em !important;
	}

	.text-lg-2-3,
		.text-lg-2-5 {
		font-size: .95em !important;
	}

	.text-lg-3 {
		font-size: 1em !important;
	}

	.text-lg-3-4,
		.text-lg-3-5 {
		font-size: 1.1em !important;
	}

	.text-lg-4 {
		font-size: 1.2em !important;
	}

	.text-lg-4-5 {
		font-size: 1.35em !important;
	}

	.text-lg-5 {
		font-size: 1.50em !important;
	}

	.text-lg-5-6,
		.text-lg-5-5 {
		font-size: 1.65em !important;
	}

	.text-lg-6 {
		font-size: 1.80em !important;
	}

	.text-lg-6-7,
		.text-lg-6-5 {
		font-size: 1.9em !important;
	}

	.text-lg-7 {
		font-size: 2em !important;
	}

	.text-lg-8 {
		font-size: 2.30em !important;
	}

	.text-lg-9 {
		font-size: 2.50em !important;
	}

	.text-lg-10 {
		font-size: 2.75em !important;
	}

	.text-lg-11 {
		font-size: 3em !important;
	}

	.text-lg-12 {
		font-size: 3.5em !important;
	}

	.text-lg-12-13,
		.text-lg-12-5 {
		font-size: 3.75em !important;
	}

	.text-lg-13 {
		font-size: 4em !important;
	}

	.text-lg-14 {
		font-size: 4.5em !important;
	}

	.text-lg-15 {
		font-size: 5em !important;
	}

	.text-lg-16 {
		font-size: 5.33em !important;
	}

	.text-lg-17 {
		font-size: 5.66em !important;
	}

	.text-lg-18 {
		font-size: 6em !important;
	}

	.text-lg-19 {
		font-size: 6.33em !important;
	}

	.text-lg-20 {
		font-size: 6.66em !important;
	}
}

@media (min-width: 1200px) {
	.text-xl-0 {
		font-size: .7em !important;
	}

	.text-xl-1 {
		font-size: .8em !important;
	}

	.text-xl-2 {
		font-size: .9em !important;
	}

	.text-xl-2-3,
		.text-xl-2-5 {
		font-size: .95em !important;
	}

	.text-xl-3 {
		font-size: 1em !important;
	}

	.text-xl-3-4,
		.text-xl-3-5 {
		font-size: 1.1em !important;
	}

	.text-xl-4 {
		font-size: 1.2em !important;
	}

	.text-xl-4-5 {
		font-size: 1.35em !important;
	}

	.text-xl-5 {
		font-size: 1.50em !important;
	}

	.text-xl-5-6,
		.text-xl-5-5 {
		font-size: 1.65em !important;
	}

	.text-xl-6 {
		font-size: 1.80em !important;
	}

	.text-xl-6-7,
		.text-xl-6-5 {
		font-size: 1.9em !important;
	}

	.text-xl-7 {
		font-size: 2em !important;
	}

	.text-xl-8 {
		font-size: 2.30em !important;
	}

	.text-xl-9 {
		font-size: 2.50em !important;
	}

	.text-xl-10 {
		font-size: 2.75em !important;
	}

	.text-xl-11 {
		font-size: 3em !important;
	}

	.text-xl-12 {
		font-size: 3.5em !important;
	}

	.text-xl-12-13,
		.text-xl-12-5 {
		font-size: 3.75em !important;
	}

	.text-xl-13 {
		font-size: 4em !important;
	}

	.text-xl-14 {
		font-size: 4.5em !important;
	}

	.text-xl-15 {
		font-size: 5em !important;
	}

	.text-xl-16 {
		font-size: 5.33em !important;
	}

	.text-xl-17 {
		font-size: 5.66em !important;
	}

	.text-xl-18 {
		font-size: 6em !important;
	}

	.text-xl-19 {
		font-size: 6.33em !important;
	}

	.text-xl-20 {
		font-size: 6.66em !important;
	}
}

.text-1rem {
	font-size: 16px !important;
	font-size: 1rem !important;
}


.fbox-icon {
    width: calc(var(--cnvs-featured-box-icon) + var(--cnvs-featured-box-padding-x) * 2);
    height: var(--cnvs-featured-box-icon);
    padding: 0 var(--cnvs-featured-box-padding-x);
}


.entry-timeline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-indent: 0;
    top: 20px;
    left: calc(-1 * (var(--cnvs-post-timeline-date-size) + 36px));
    right: auto;
    font-size: 3rem;
    font-weight: 700;
}

.entry-timeline span {
    display: block;
    margin-top: 3px;
    font-size: 15px;
    font-weight: 700 !important;
    font-weight: normal;
}

.top-live {
    display: block;
    position: relative;
    top: 25px;
    left: 180px;
    right: 255px;
    font-size: 0.625rem;
    color: #FFF;
    width: 3rem;
    height: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    border-radius: 0%;
    z-index: 1;
    overflow: hidden;
}

.top-live::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #c32325;
    opacity: 0.8;
    z-index: -1;
}

.entry h2 {
    font-weight: 400;
}
/* Forum Topics */
.topic {
	padding: 30px 0;
	border-bottom: 1px solid rgb(204 ,204 ,204);
}

.topic:first-child { border-top: 2px solid rgb(0, 0, 0); }

.bbp-author a,
.bbp-author img {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.bbp-author img {
	box-shadow: 0 0 0 3px #FFF;
	z-index: 1;
}

.bbp-author a {
	margin-top: 20px;
}

.bbp-author a + a { transform: translateX(-50%); }
.bbp-author a + a + a { transform: translateX(-100%); }
.bbp-author a + a + a + a { transform: translateX(-150%); }
.bbp-author a + a + a + a + a{ transform: translateX(-200%); }

@media (min-width: 576px) {
	.bbp-author a {
		position: absolute;
		right: 0;
	}
}
.contact-properties [class^=col-] > a,
.product .product-image,
.button,
.feature-box.media-box.fbox-bg {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 1px 1px 0 rgba(10, 16, 34, .2);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}

.contact-properties [class^=col-] > a:hover,
.product:hover .product-image,
.button:hover,
.feature-box.media-box.fbox-bg:hover {
	box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.feature-box h3 { font-size: 17px; }

.feature-box h3 span.subtitle { font-size: 14px; }

.contact-properties [class^=col-] {
	position: relative;
	margin-bottom: 30px;
}

.contact-properties [class^=col-] > a {
	display: block;
	position: relative;
	height: 440px;
	border-radius: 8px;
	background-color: #EEE;
}

@media (max-width: 767px) { /* 모바일 화면 크기를 기준으로 조정 */
    .contact-properties [class^=col-] > a {
        height: 200px;
    }
}

.contact-properties [class^=col-] img { display: block; }

.contact-properties [class^=col-] > a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	border-radius: 8px;
	opacity: 0.4;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.contact-properties [class^=col-] > a:hover::before { opacity: 1; }

.contact-properties [class^=col-] > a .heading-block h3::after {
	content: "";
	border-style: solid;
	border-color: #FFF;
	display: inline-block;
	position: absolute;
	top: auto;
	bottom: 50%;
	width: 40px;
	height: 4px;
	border-radius: 10px;
	left: 50%;
	right: auto;
	margin-left: -20px;
	opacity: 1;
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	-moz-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	transform: scale(0,1);
}

.contact-properties [class^=col-] > a:hover .heading-block h3::after {
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}