/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 29 2025 | 01:40:37 */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	line-height:30px;
	font-size:17px !important;
	color:#333;
	padding-right:10px;
}
.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:#454545 !important;
	font-size:17px !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:500 !important;
	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;
   }
}
@media (max-width: 991px) {
	/* 로고 위로 */
  .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex {
    padding-top: 10px !important;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-open {
	margin-top:8px;
  }
}
@media (max-width: 767px) {
 .header-tops {
	display:none;
 }
 .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex {
    padding-top: 15px !important;
  }
}
.wp-block-cover-image,.wp-block-cover {
	z-index:8;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	z-index:999;
}



@media screen and (max-width:767px) {
	.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-form .wpforms-field .wpforms-field-row {
}
.wpforms-form .wpforms-field textarea {
	font-size:14px;
	border-width: 1px;
}

.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;
}



/* main-form */
.main-form .wpcf7 form {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 10px;
  background-color: #f9f9f9;
}
.main-form .wpcf7 form ul {
  display: flex;
  flex-wrap: wrap;  
  gap: 20px;
  padding-left: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}
.main-form .wpcf7 form li {
  flex: 1 1 45%;
  margin: 0;
}
.main-form .wpcf7-form > p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.main-form .wpcf7-form ul li p {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.main-form .wpcf7 form label {
	display:block;
	font-weight:400;
	color:#333;
}
.main-form .wpcf7 form input[type="text"],
.main-form .wpcf7 form input[type="email"],
.main-form .wpcf7 form input[type="tel"],
.main-form .wpcf7 form textarea,
.main-form .wpcf7 form select {
	width:100%;
	padding:10px;
	margin-top:5px;
	border:1px solid #ccc;
	border-radius:4px;
	box-sizing:border-box;
	font-size: 14px;
	color:#555;
}
.main-form .wpcf7 form input[type="text"]:focus,
.main-form .wpcf7 form input[type="email"]:focus,
.main-form .wpcf7 form input[type="tel"]:focus,
.main-form .wpcf7 form textarea:focus,
.main-form .wpcf7 form select:focus {
  border: 1px solid #ccc;
  outline: none;
  box-shadow: none;
}
/* textarea */
.main-form .wpcf7 form textarea {
  height: 120px !important;
  resize: vertical;
  font-size: 14px !important;
  color: #666 !important;
  margin-top: 15px;
}
.main-form .wpcf7 .wpcf7-submit {
	display:block;
	margin:20px auto 0 auto;
	background-color:#454545;
	color:#fff;
	padding:12px 45px;
	border:none;
	border-radius:50px;
	cursor:pointer;
	font-size:14px;
	transition:background-color 0.3s ease;
}
.main-form .wpcf7 .wpcf7-submit:hover {
	background-color: #ffad16;
}
.main-form .wpcf7 .privacy-text {
  background: #fff;
  border: 1px solid #ccc;
  max-height: 110px;
  overflow-y: auto;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  margin-top: 5px;
}
.main-form .wpcf7 .privacy-text p {
  padding:0 10px;
}
.main-form .wpcf7 .privacy-label {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 14px;
  font-weight: 500;
  gap: 5px;
}
@media (max-width: 768px) {
  .main-form .wpcf7 form ul {
    flex-direction: column;
	gap: 0;
  }
  .main-form .wpcf7 form li {
    flex: 1 1 100%;
  }
  .main-form {
    padding-top: 20px !important;
	padding-bottom: 20px !important;
    background-color: #fff;
  }
  .main-form .wpcf7 textarea {
	min-height: 50px !important;
	margin-bottom: 0;
  }
}
.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

 .custom-file-wrap {
    align-items: center;
    gap: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
	margin-top: 20px;
    padding: 0 14px;
    max-width: 100%;
    background-color: #fff;
  }

  /* 숨김 input */
  .custom-file-wrap input[type="file"] {
    display: none;
  }

.wpcf7-form p.custom-file-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
}
/* 파일 첨부 라벨만 인라인으로 덮어쓰기 */
.custom-file-wrap label.custom-file-label {
  display: inline-block !important;
  margin: 0 10px 0 0;
  vertical-align: middle;
  padding: 6px 12px;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 150px;
  cursor: pointer;
}
.custom-file-name {
  display: inline-block !important;
  vertical-align: middle;
  font-size: 14px;
  color: #444;
}
#real-upload {
  display: none;
}
.custom-file-name-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.file-remove-btn {
  background: none;
  border: none;
  color: #999;
  font-size: 18px;
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.file-remove-btn:hover {
  color: red;
}

/* 서브 갤러리 게시판*/
.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;
}
/* 페이지네이션 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;}

@media (max-width: 767px) {
  .wp-block-spacer[style*="height:50px"] {
    height: 20px !important;
  }
}



.mb-category button {
  padding: 13px 20px !important;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  background: #f5f5f5;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mb-category button.tab-menu-on {
  background: #fff;
  color: #333;
  border-color: #999 #999 transparent #999;
  z-index: 1;
  position: relative;
}
.mb-category button.tab-menu-off:hover {
  background: #fff !important;
  color: #333;
}
.mb-widget .mb-latest-basic .table-latest td.mb-latest-item-title span{
	font-family: 'Open Sans', sans-serif !important;
	font-size:15px !important;
	color:#555 !important;
	line-height:1.6;
}
.mb-widget .mb-latest-basic .table-latest td.mb-latest-item-title span.mb-latest-item-date {font-size:14px !important;}

.mb-board {
  font-family: 'Open Sans', sans-serif !important;
}




