/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 09 2025 | 12:53:41 */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	line-height:50px;
	font-size:18px !important;
	color:#ffffff;
	padding-right:10px;
	font-weight: 500 !important;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	padding:0;
	border:0;
	transition:all ease 0.23s;
	transform:translateY(35px);
	box-shadow:0 5px 20px rgba(0,0,0,0.23);
}
.wp-block-navigation li:hover ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	transform:translateY(0px);
}
.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content {
	line-height:25px;
	transition:all ease 0.23s;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color:#333 !important;
	font-size:15px !important;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	background-color:#ededed;
	margin:0 !important;
}
.wp-block-navigation ul li a:hover {
	color:#333333 !important;
}
.wp-block-navigation ul li ul li {
	border-bottom:1px solid #e8e8e8;
	font-weight:400 !important;
	font-family:'Noto Sans KR',sans-serif;
	margin:0 !important;
}
.wp-block-navigation ul li ul li:last-child {
	border:none;
}
@media screen and (min-width:992px) {
	.wp-block-navigation .wp-block-navigation__submenu-icon svg {
			display:none !important;
	}
}
@media(min-width:601px) and (max-width:767px) {
	.wp-block-site-logo img {
			width:90%;
	}
	.wp-block-navigation ul,.wp-block-navigation ul li {
		list-style:none;
		margin:0;
	}
}
@media (max-width:991px) {
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
				line-height:30px;
				padding:0;
				font-size:15px !important;
				color:#333333 !important;
	}
	.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
				transform:translateY(0);
				box-shadow:none;
	}
	.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
				background-color:transparent;
	}
	.wp-block-navigation ul.wp-block-page-list {
				width:100%;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
				width:100%;
				gap:0 !important;
				border:1px solid #9292923b;
				border-bottom:none;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
				width:100%;
				gap:0 !important;
				border:none !important;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
				padding:0;
				width:100%;
				border-bottom:1px solid #9292923b;
				padding:7px 50px 7px 20px;
				text-align:left;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
				display:block !important;
				margin-left:15px;
				padding:3px 10px;
				float:right;
				font-size:19px;
				line-height:1;
				position:absolute;
				right:0;
				top:0;
				height:42px;
				width:42px;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
				stroke:currentColor;
				display:block;
				width:30px;
				height:13px;
				margin:0 !important;
				padding:0 !important;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
				width:100%;
				gap:0;
				margin:0;
				padding:0;
				display:none;
				box-shadow:none;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
				padding-left:35px;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
				display:block;
				margin:0;
				padding:0;
	}
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
				transition-timing-function:ease-in;
				transition:0s;
				transform:translateX(130%);
				display:block;
	}
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
				visibility:visible;
				transition-timing-function:ease-out;
				transition:.7s;
				transform:translateX(0);
				top: 0;
	}
}
/* 상단우측오픈 = */
.wp-block-navigation .wp-block-navigation__responsive-container-open {
	padding:5px;
	border:1px solid #eee;
}
.wp-block-navigation ul li.current-menu-item>a {
	color:#555;
}
.wp-block-navigation ul li .wp-block-navigation-submenu__toggle {
	background: none;
}
@media (max-width:991px) {
	/* Open Close Button */
	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
			margin-top:40px;
	}
	.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
			width:300px;
			left:auto;
			right:0;
			padding:0;
			box-shadow:-11px 0px 60px 0px #02020259;
			animation: slideLeft 0.3s ease-in-out;
	}
	/*Close Button*/
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
			padding: 15px 13px 13px 13px;
	}
	/* 햄버거 버튼 */
	.wp-block-navigation__responsive-container-open {
		display:inline-flex !important;
	}
	.wp-block-navigation__container {
		display: none !important;
	}
	/* 햄버거 메뉴가 열렸을 때는 다시 보이게 */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		display:flex !important;
		flex-direction: column;
	}
	/* 로고 위로 */
	.wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex {
		padding-top:18px !important;
	}
}

@media (max-width: 480px) {
  .wp-block-site-logo {
    margin-top: -35px !important; 
  }
  .wp-block-navigation__responsive-container-open {
    position: relative;
    top: -16px;
  }
  .wp-block-navigation__responsive-container-open {
    border: 1px solid #fff;      
    border-radius: 4px;       
    padding: 6px;       
    background-color: transparent;
  }
  .wp-block-navigation__responsive-container-open svg {
    display: block;
    margin: 0 auto;
  }
}




/* 폼메일 */
.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-form .wpforms-field .wpforms-field-row {
}
.wpforms-form .wpforms-field textarea {
	font-size:14px;
	border-width:1px;
}
/* Portfolio */
.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;
}
@media (max-width: 767px) {
  .pure-visual .vp-portfolio__items-wrap .vp-portfolio__items {
    display: flex !important;
    flex-wrap: wrap !important;
    position: static !important;
    height: auto !important;
  }
  .pure-visual .vp-portfolio__items-wrap .vp-portfolio__item-wrap {
    position: relative !important;
    width: 50% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }
  .vp-id-Z1XAhkv .vp-portfolio__items {
    --vp-items__gap: 10px !important; 
  }
}

/* History */
.section img {
	max-width:100%;
	height:auto;
	border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
}
.timeline {
	margin-left:40px !important;
}
.timeline-item {
	position:relative;
	padding-left:24px;
	padding-bottom:30px;
}
.timeline-item::before {
	content:'';
	position:absolute;
	left:-10px;
	top:8px;
	width:16px;
	height:16px;
	background:white;
	border:3px solid #333333;
	border-radius:50%;
	z-index:1;
}
.timeline-item::after {
	content:'';
	position:absolute;
	left:-3px;
	top:0;
	width:3px;
	height:100%;
	background:#eeeeee;
	z-index:0;
}
.timeline-item .year {
	font-size:1.25rem;
	color:#0984E3;
	font-weight:bold;
}
.timeline-item .description {
	margin-top:5px;
	font-size:1rem;
	color:#333;
}
@media (max-width:767px) {
	.section {
		flex-direction:column;
	}
	.timeline {
		margin-left:10px !important;
		margin-top: 40px;
	}
}
.wp-block-cover-image,.wp-block-cover {
	z-index:8;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	z-index:999;
}
.business-mr-10 {
	margin-right:10px !important;
}
.process-box {
	min-height:245px !important;
	margin-top:10px !important;
}
.bg-auto {
	margin:0 !important;
}
.wp-block-template-part {
	margin:0 !important;
}   
footer.wp-block-template-part {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .custom-padding-responsive {
	width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .footer_nav_mo {
	  display:none;
  }
  .br_none {
	  display:none;
  }
  .mo_txt_left {
	  font-size:13px;
	  text-align:left;
  }
  .footer-text-align {
      text-align: left !important;
  }
  .is-layout-flow>.alignleft {
	  float: left;
  }
  .mt-n75 {
	  margin-top:-80px !important;
  }
}
/* 페이지네이션 CSS */
body #mb_top .mb-board .mb-style1 .pagination-box td a{background:none !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td:not(.mb-disabled) a:hover{background-color: rgba(238,238,238,0.3) !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow a{padding: 0px !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow img{display:none !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-start span {display:inline-block;width:26px;height:26px;background:url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_left2.gif) no-repeat center center !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-prev span {display:inline-block;width:26px;height:26px;background:url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_left.gif) no-repeat center center !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-next span {display:inline-block;margin-left:1px !important;width:25px;height:26px;background:url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_right.gif) no-repeat center center !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.page_arrow .btn-end span {display:inline-block;margin-left:1px !important;width:25px;height:26px;background:url(/wp-content/plugins/mangboard/skins/bbs_basic/images/icon_arrow_right2.gif) no-repeat center center !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td a{font-size:13px;font-weight:400 !important;display: inline-block;line-height: 26px;width: auto;height: 28px;min-width: 28px;min-height: 28px;padding:0 1px 0 2px !important;vertical-align: top !important;text-align: center;-webkit-border-radius: 100%;-moz-border-radius: 100%;-khtml-border-radius: 100%;border-radius: 100%;border:1px solid #EEE;}
body #mb_top .mb-board .mb-style1 .pagination-box td.active a{display: inline-block;line-height: 26px;width: auto;height: 28px;min-width: 28px;min-height: 28px;padding:0 1px 0 2px !important;vertical-align: top !important;text-align: center;-webkit-border-radius: 100%;-moz-border-radius: 100%;-khtml-border-radius: 100%;border-radius: 100%;}
body #mb_top .mb-board .mb-style1 .pagination-box td.active a{background-color: #555555 !important;border:1px solid #555555 !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.active a:hover{background-color: #555555 !important;}
body #mb_top .mb-board .mb-style1 .pagination-box td.active a{color: #FFFFFF !important;}

.table-view td span[style*="text-align:right"] {
  display: none;
}
.gallery-item-img {
  position: relative;
  overflow: hidden;
}
.gallery-item-img .img {
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.gallery-item-img:hover .img {
  transform: scale(1.1);
}
.gallery-item-img:hover {
  cursor: pointer;
}
.gallery-list .gallery-list-body .gallery-title {
	text-align:left;
	padding:10px 0 0px 10px;
	font-size:14px !important;
	font-weight:600;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	line-height:1.5 !important;
	min-height:23px;
}
/* */
.sub-blank-line {
	height: 50px !important;
}
@media (max-width: 767px) {
  .sub-blank-line {
    height: 20px !important;
  }
}

.portfolio-category-menu {
  margin: 50px 0 20px 0;
  padding-bottom: 10px;
}

.category-list li a {
  display: inline-block;
  padding: 6px 15px;
  border: 1px solid #ddd;
  color: #555;
  font-size: 15px !important;
  text-decoration: none;
  transition: all 0.2s ease;
}

.category-list li a:hover {
  background: #f5f5f5;
  color: #000;
}

.category-list li a.active {
  background: #444;
  color: #fff;
  border-color: #444;
}

/* 카테고리 */
.mb-category {
    text-align: center !important;
    margin: 10px 0 20px 0 !important; 
	float: none !important; 
}

/* 버튼 간 간격과 스타일 */
.mb-category button {
    display: inline-block;
    margin: 0 5px;
    padding: 7px 20px !important; 
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333 !important;
    border-radius: 0;
    transition: all 0.2s ease;
}

/* 마우스오버 효과 */
.mb-category button:hover {
    background-color: #e8e8e8;
    color: #000;
}

/* 선택된 카테고리 버튼 (진한 색상 강조) */
.mb-category .tab-menu-on {
    background: #333 !important;
	border: 1px solid #333;
    color: #fff;
    font-weight: 600;
}

/* 선택되지 않은 버튼 */
.mb-category .tab-menu-off {
    background-color: #fff;
    color: #333;
    font-weight: 400;
}

.search-form-wrapper {
  text-align: center !important;
  margin-top: 20px;
}
.search-form-wrapper .list-search {
  float: none !important;
  display: inline-block;
}



.social-icons a {
  font-size: 23px !important;
  color: #fff !important;
  transition: color 0.2s;
}

.vp-pagination__style-minimal {
    --vp-pagination-minimal-paged--items-active__background-color: #b58a5f; 
}
.vp-pagination__style-minimal {
    --vp-pagination-minimal-paged--items-active__background-color: #b58a5f;
    --vp-pagination-minimal--items-hover__color: #b58a5f;
    --vp-pagination-minimal--items-active__color: #b58a5f;
}
.vp-filter__style-minimal {
    --vp-filter-minimal--items-hover__color: #b58a5f;
    --vp-filter-minimal--items-active__color: #b58a5f;
}
@media (max-width: 480px) {
 .vp-filter__style-minimal {
    --vp-filter-minimal--items__padding-v: 0.3em;
    --vp-filter-minimal--items__padding-h: 0.4em;
 }
}
@media (max-width: 767px) {
  .wp-block-cover.my-custom-cover {
    min-height: 300px !important;
  }
}

.wp-block-cover__image-background {
  object-position: 50% 50% !important; 
}

@media (max-width: 480px) {
  .wp-block-cover__image-background {
    object-position: 30% 50% !important; 
  }
}

/* PC 기본값 */
.sub-hero .wp-block-cover__image-background, .sub-hero2 .wp-block-cover__image-background, .sub-hero3 .wp-block-cover__image-background {
  object-position: 50% 50% !important;
}
/* 모바일(480px 이하)에서만 변경 */
@media (max-width: 480px) {
  .sub-hero .wp-block-cover__image-background {
    object-position: 80% 50% !important;
  }
  .sub-hero2 .wp-block-cover__image-background {
    object-position: 70% 50% !important;
  }
  .sub-hero3 .wp-block-cover__image-background {
    object-position: 20% 50% !important;
  }
}
