/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 15 2025 | 06:18:37 */
.has-primary-background-color {
	background-color:var(--wp--preset--color--primary) !important;
	z-index:1001;
}
.wp-block-site-logo img {
	width:100%;
	position:relative;
}
nav.wp-block-navigation ul li a:hover {
	color:#333333 !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 .wp-block-navigation-item__content.wp-block-navigation-item__content {
	line-height:50px;
	font-size:17px !important;
	color:#ffffff;
	padding-right:10px;
}
.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 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:601px) {
	.wp-block-navigation .wp-block-navigation__submenu-icon svg {
		display:none !important;
	}
}
@media(min-width:601px) and (max-width:680px) {
	.wp-block-navigation ul,.wp-block-navigation ul li {
        list-style: none;
        margin:0 0 0 -12px;
   }
   .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
   	  line-height:45px;
	  font-size:15px !important;
	  color:#ffffff;
	  padding-right:0px !important;
   }
}
@media(min-width:681px) and (max-width:767px) {
	.wp-block-navigation ul,.wp-block-navigation ul li {
        list-style: none;
        margin:0;
   }
   .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
   	  line-height:45px;
	  font-size:15px !important;
	  color:#ffffff;
	  padding-right:0px !important;
   }
}
@media (max-width:600px) {
	.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;
	}
}
@media screen and (max-width:600px) {
	.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;
}
/* Open Close Button */
@media screen and (max-width:600px) {
	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top:80px;
	}
	.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-cover-image,.wp-block-cover {
	z-index:8;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	z-index:999;
}
/* 폼메일 */
.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 35px !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:#ffad16 !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; 
  }
}
@media screen and (max-width:767px) {
	.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;
	}
}

.business-mr-10 {
	margin-right:10px !important;
}
.process-box {
	min-height:245px !important;
	margin-top:10px !important;
}
.bg-auto {margin:0 !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:768px) {
	.section {
		flex-direction:column;
	}
	.timeline {
		margin-left:10px !important;
		margin-top: 40px;
	}
}

.wp-block-template-part {margin:0 !important;}   

@media (max-width: 767px) {
  .custom-padding-responsive {
	width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !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;}

/* 서브 갤러리 게시판*/
.gallery-item-img {
  position: relative;
  overflow: hidden;
}
.gallery-item-img .img {
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.gallery-item-img .img:hover {
  transform: scale(1.1);
}
.gallery-item-img:hover {
  cursor: pointer;
}
.table-view td span[style*="text-align:right"] {
  display: none;
}
.gallery-list .gallery-list-body .gallery-title {text-align:left;padding:8px 0 8px 10px;font-size:14px !important;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5 !important;min-height:23px;}
@media (max-width: 767px) {
  .wp-block-spacer[style*="height:50px"] {
    height: 20px !important;
  }
}
.visual-bg::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
}

/* 공통 설정 */
.wp-block-cover.hover-box-1,
.wp-block-cover.hover-box-2,
.wp-block-cover.hover-box-3,
.wp-block-cover.hover-box-4 {
  position: relative;
  overflow: hidden;
}

.wp-block-cover.hover-box-1::after,
.wp-block-cover.hover-box-2::after,
.wp-block-cover.hover-box-3::after,
.wp-block-cover.hover-box-4::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); 
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.hover-box-1 .wp-block-cover__inner-container,
.hover-box-2 .wp-block-cover__inner-container,
.hover-box-3 .wp-block-cover__inner-container,
.hover-box-4 .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
  opacity: 0;
  font-size: 20px !important;
  color: white !important; 
  transition: opacity 0.3s ease;
  text-align: center;
}
.hover-box-1 .wp-block-cover__inner-container p,
.hover-box-2 .wp-block-cover__inner-container p,
.hover-box-3 .wp-block-cover__inner-container p,
.hover-box-4 .wp-block-cover__inner-container p {
  font-size: 20px !important;
  color: white !important;
}
.wp-block-cover.hover-box-1:hover::after,
.wp-block-cover.hover-box-2:hover::after,
.wp-block-cover.hover-box-3:hover::after,
.wp-block-cover.hover-box-4:hover::after,
.wp-block-cover.hover-box-1:hover .wp-block-cover__inner-container,
.wp-block-cover.hover-box-2:hover .wp-block-cover__inner-container,
.wp-block-cover.hover-box-3:hover .wp-block-cover__inner-container,
.wp-block-cover.hover-box-4:hover .wp-block-cover__inner-container {
  opacity: 1;
}
@media (max-width: 768px) {
  .hover-box-1 .wp-block-cover__inner-container,
  .hover-box-2 .wp-block-cover__inner-container,
  .hover-box-3 .wp-block-cover__inner-container,
  .hover-box-4 .wp-block-cover__inner-container {
    font-size: 16px !important;
  }
  .hover-box-1 .wp-block-cover__inner-container p,
  .hover-box-2 .wp-block-cover__inner-container p,
  .hover-box-3 .wp-block-cover__inner-container p,
  .hover-box-4 .wp-block-cover__inner-container p {
    font-size: 16px !important;
  }
  .wp-block-cover.is-light.main-story-img {
    min-height: 300px !important;
  }
  .wp-block-cover.is-light.brand-story-img {
    min-height: 300px !important;
  }
  .wp-block-cover.is-light.sub-history-img {
    min-height: 320px !important;
 }
}
@media (max-width: 768px) {
  .hover-box-1,
  .hover-box-2,
  .hover-box-3,
  .hover-box-4 {
    min-height: 200px !important;
  }
}