/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 18 2026 | 02:40:21 */
@media screen and (max-width:767px) {
	.footer_nav_mo {
		display:none;
	}
	.br_none {
		display:none;
	}
	.mo_txt_left {
		font-size:13px;
		text-align:left;
	}
	.is-layout-flow>.alignleft {
		float:left;
	}
}

/* 폼메일 */
.wpforms-submit-container .wpforms-submit,.wpforms-field-pagebreak button.wpforms-page-button {
	text-align:center;
	background-color:#454545 !important;
	font-size:14px !important;
	padding:3px 40px !important;
	border-color:#454545 !important;
	border-radius:0 !important;
	border-width:0 !important;
}
.wpforms-submit-container .wpforms-submit:hover,.wpforms-field-pagebreak button.wpforms-page-button:hover {
	background-color:#0984e3 !important;
}
.wpforms-submit-container,.wpforms-field-pagebreak .wpforms-pagebreak-left {
	text-align:center;
}
.wpforms-form .wpforms-field input[type=text],.wpforms-form .wpforms-field input[type=email],.wpforms-form .wpforms-field input[type=tel],.wpforms-form .wpforms-field input[type=url],.wpforms-form .wpforms-field input[type=password],.wpforms-form .wpforms-field input[type=number] {
	font-size:14px;
	border-width:1px;
}
.wpforms-container .wpforms-field,.wp-core-ui div.wpforms-container .wpforms-field {
    padding: 6px 0 !important;
    position: relative
}
.wpforms-form .wpforms-field textarea {
	font-size:14px;
	border-width: 1px;
}
.wpforms-container .wpforms-field-label-inline,.wp-core-ui div.wpforms-container .wpforms-field-label-inline {
    display: inline;
    vertical-align: baseline;
	font-size:14px !important;
    font-weight: 400;
    font-style: normal;
    word-break: break-word;
    word-wrap: break-word
}
.vp-portfolio__items-style-fade .vp-portfolio__item-overlay {
	background-color: rgba(0,0,0,0.45) !important;
}
.vp-pagination__item a.vp-pagination__load-more span {
	color:#555555 !important;
	text-transform:capitalize !important;
}
.vp-portfolio__items-style-fade .vp-portfolio__item-meta {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 0 !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category span {
	display: none !important;
}
.vp-portfolio__items-style-fade .vp-portfolio__item-meta>* {
    margin-top: -20px !important;
}


.fancybox-caption__body .vp-portfolio__item-popup-title {
    margin-bottom: 4px !important;
}

.fancybox-caption__body .vp-portfolio__item-popup-description {
    font-size: 22px !important;   
    font-weight: bold !important;  
    margin-top: 0 !important;   
    color: #fff !important;   
}
.vp-portfolio__item img {
    border: 2px solid #ddd !important;
}

/* 기타 */
footer.wp-block-template-part {
  margin-top: 0 !important;
}
.map-img {
	padding:20px 10px 0 20px;
}
@media (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
  .map-img {
	padding:10px;
  }
  .map-tit-con {
	padding:0 20px !important;
  }
}

/*-----------------------------------------------------*/
/* scrollToTop */
/*-----------------------------------------------------*/
#scrollToTop {
	position:fixed;
	bottom:40px;
	right:30px;
	z-index:999;
	background-color:#ccc;
	color:#fff;
	border:none;
	width:30px;
	height:40px;
	font-size:20px;
	border-radius:0;
	line-height:40px;
	cursor:pointer;
	opacity:0;
	pointer-events:none;
	transition:opacity 0.4s ease,transform 0.3s ease;
	display:flex;
	align-items:center;
	justify-content:center;
}
#scrollToTop:hover {
	background-color:#454545;
}
#scrollToTop.show {
	opacity:1;
	pointer-events:auto;
}
#scrollToTop i {
	animation: bounce 3s infinite;
}
/* 애니메이션 */
@keyframes bounce {
	0%,20%,50%,80%,100% {
		transform:translateY(0);
	}
	40% {
		transform:translateY(-6px);
	}
	60% {
		transform: translateY(-3px);
	}
}
@media (max-width:767px) {
  #scrollToTop {
    right:15px;
  }
}
/*-----------------------------------------------------*/
/* section-title */
/*-----------------------------------------------------*/
.section-title-wrap {
	text-align:center;
}
.section-title {
	display:inline-block;
	font-size:30px !important;
	font-weight:600;
	letter-spacing:0px;
}
.section-title .title-line {
	display:block;
	width:45px;
	height:2px;
	background-color:#2da3ff;
	margin:12px auto 0;
	transition: width 0.35s ease;
}
.section-title:hover .title-line {
	width:90px;
}

@media screen and (max-width: 767px) {
    .wp-block-cover.mobile-ratio-img2 {
        min-height: auto !important; 
        aspect-ratio: 5 / 4 !important; 
    }
}

.mobile-ratio-img img {
    object-fit: cover; 
}

@media screen and (max-width: 767px) {
    .mobile-ratio-img img {
        width: 100% !important; 
        height: auto !important; 
        aspect-ratio: 5 / 4 !important;
        object-fit: cover !important;
    }
}

.table-view td span[style*="text-align:right"] {
  display: none;
}
/* 기본 상태 (PC 등)에서는 보이게 설정 */
.hide-on-mobile {
  display: block;
}

@media screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none !important; 
  }
}

/* 기본 상태 (PC 등)에서는 숨김 */
.show-on-mobile {
  display: none; 
}
@media screen and (max-width: 768px) {
  .show-on-mobile {
    display: block !important; 
  }
}

@media screen and (max-width: 768px) {
    .blockpure-portfolio-box {
        min-height: 250px !important; 
    }
	.blockpure-box {
        min-height: 350px !important; 
    }
}