/**
Theme Name: astra-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-regular.woff2') format('woff2');
    font-display: swap;
  }
  @font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-medium.woff2') format('woff2');
    font-display: swap;
  }
  @font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-semibold.woff2') format('woff2');
    font-display: swap;
  }
  @font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-bold.woff2') format('woff2');
    font-display: swap;
  }

body {
    font-family: 'Pretendard', sans-serif;
    font-weight: 400; /* regular */
} 
.root-width{max-width:1240px;margin:0 auto;}
.site-header .ast-container{
    max-width: 1660px !important;
}
.site-header .ast-inline-search.ast-search-menu-icon .search-field{
    background: transparent;
    border:0;
    border-bottom:1px solid #000;
}
.ast-desktop .ast-primary-header-bar.main-header-bar{
    border:0 !important;
}
.ast-search-menu-icon .search-form{
    border: 0;
}
.ast-below-sticky-header-active .main-header-bar-wrap{
    background: #fff;
}
.site-header .main-header-bar {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img{
  
}
.main-header-menu .menu-item > .menu-link{
  display:inline-block;
  width:120px;
  text-align: center;
}
.main-header-menu .menu-item:nth-child(4) > .menu-link{
  width:230px;
}
.main-header-menu .menu-item:nth-child(5) > .menu-link{
  width:240px;
}
.main-header-menu .menu-item:nth-child(6) > .menu-link{
  width:150px;
}
.site-header .menu-text .ko-menu{display:none !important;}
.site-header .menu-link:hover .menu-text .ko-menu{display:inline-block !important;}
.site-header .menu-link:hover .menu-text .en-menu{display:none !important;}

.mainSlide {
  width: 100%;
  overflow:hidden;
  position: relative;
  padding:0px;
}
.custom-post-hero{
  padding:190px 0;
  text-align: center;
  background-image: url(/wp-content/uploads/2025/05/slide1.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.custom-post-hero .overlay{
  background-color: #2D2D2D;
  opacity: 0.5;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.custom-post-hero h2{
  color:#fff;
  position: relative;
  margin:0;
  line-height:62px;
}
.sub-menu a {
    background: #fff !important;
    color: #666 !important;
    font-size:15px !important;
    line-height:20px !important;
    transition: background 0.3s ease, color 0.3s ease; /* 트랜지션 추가 */
}
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu{
  width:180px;
}
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu a{
  display:block;
  width:100%;
  padding:12px;
  text-align: left;
}
.sub-menu .hfe-nav-menu{
  width:100% !important;
  display:block;
  margin:0 auto;
}
.sub-menu .hfe-nav-menu li{
  display:none;
  border:0 !important;
}
.sub-menu .hfe-nav-menu li.current-menu-parent{
  display:block;
}
.sub-menu .hfe-nav-menu li.current-menu-parent .hfe-has-submenu-container > a{
  display:none;
}
.sub-menu .hfe-nav-menu li.current-menu-parent > .sub-menu{
  display:flex;
  width:100% !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-shadow: none !important;
  justify-content: center;
  gap:36px;
}
.sub-menu .hfe-nav-menu li.current-menu-parent > .sub-menu li{
  display:flex;
  border-bottom:1px solid transparent !important;
  width:auto !important;
}
.sub-menu .hfe-nav-menu li.current-menu-parent > .sub-menu li.current-menu-item{
  border-bottom:1px solid #2160ac !important;
}
.sub-menu .hfe-nav-menu li.current-menu-parent > .sub-menu li a{
  color:#222 !important;
  background:none !important;
  padding:12px 0 !important;
  font-size:16px !important;
  
}
.sub-menu .hfe-nav-menu li.current-menu-parent > .sub-menu li a:hover,
.sub-menu .hfe-nav-menu li.current-menu-parent > .sub-menu li.current-menu-item a{
  color:#2160ac !important;
}
.sub-menu  .hfe-nav-menu__toggle{
  display:none !important;
}
.sub-menu  nav,
.sub-menu  nav   ul{
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}
.uael-timeline-desc-content p{
	margin:0px 0 !important;
}
.ast-quick-view-bg,
#ast-quick-view-modal{
  display:none !important;
}
.sub-menu a:hover {
    background: #333 !important;
    color: #fff !important;
}
.mainSlide .swiper-slide .content-slide {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 0;
    text-align: center;
    transform: translateX(-50%);
    display: flex;
    max-width:1200px;
    padding: 60px 60px 30px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center; /* 수직 중앙 정렬 */
    height: 100%; /* 부모 요소의 전체 높이를 차지하도록 설정 */
  }
.uael-content-wrap-disabled .uael-post__title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.uael-content-wrap-disabled .uael-post__excerpt{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mainSlide .swiper-slide {
  align-items: center;
  width:100% !important;
}
.mainSlide picture img{
  vertical-align: middle; 
  height:100vh;
  width:100%;
  object-fit: cover; /* 이미지를 꽉 차게 만듭니다 */
}

.mainSlide p {
  font-size: 20px;
  font-weight: 500;
  margin-top:15px;
  margin-bottom: 10px; 
}
  
.mainSlide h4 {
  line-height: 1.2em;
  font-weight: 500;
  font-size: 42px;
  padding: 0 0;
  margin-bottom: 0px;
}
.mainSlide .content-slide>p,
.mainSlide .content-slide>h4,
.mainSlide .content-slide>span {
  color: #fff;
  /*
  text-shadow: 1px 1px 0 rgb(255 255 255 / 50%), -1px -1px 0 rgb(255 255 255 / 50%), 1px -1px 0 rgb(255 255 255 / 50%), -1px 1px 0 rgb(255 255 255 / 50%);*/ /* 흰색 테두리 추가 */
}
.AlignLeft .content-slide {
  padding-right: 40%;
}
.AlignRight .content-slide {
  padding-right: 40%;
  text-align: right;
}
.AlignCenter .content-slide {
  text-align: center;
  padding:0 20%;
}

span.animate-pop-up,
p.animate-pop-up,
h4.animate-pop-up,
div.animate-pop-up {
  opacity: 0;
  transform: translateY(-4rem);
  transition: all 0.2s linear;
  display: block;
  position: relative;
}

span.animate-pop-up{
  margin-bottom:0px;
  letter-spacing: 2px;
  order: -1;
  position: relative;
  z-index: 1;
}
html.ast-header-stick-fade-active .ast-icon svg {
  fill: #000;
}
html.ast-header-stick-fade-active .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link{
  color: #000;
}
.swiper-slide-active span.animate-pop-up {
  animation: pop-up 0.9s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  animation-delay: 0.2s;
}

.swiper-slide-active h4.animate-pop-up {
  animation: pop-up 0.9s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  animation-delay: 0.5s;
}

.swiper-slide-active p.animate-pop-up {
  animation: pop-up 0.9s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  animation-delay: 0.8s;
  margin-bottom: 0px;
}

.swiper-slide-active div.animate-pop-up {
  animation: pop-up 0.9s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;
  animation-delay: 1.5s;
}
div.animate-pop-up a {
    display: inline-block;
    padding: 10px 30px;
    background: #fff;
    text-align: center;
    color: #000;
    font-size:15px;
    line-height:20px;
    margin-top: 40px;
    border: 1px solid #fff;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* 트랜지션 추가 */
  }
  
  div.animate-pop-up a:hover {
    color: #fff;
    background: transparent;
    border-color: #fff; /* 호버 시 테두리 색상도 변경 */
  }
div.animate-pop-up a span{
  display:inline-block;
  width:18px;
  height:0;
  margin-left:5px;
  padding-top:16px;
  overflow:hidden;
  background:url("../img/arrow-right.png") no-repeat right center;
  background-size: 20px;
}
@keyframes pop-up {
  0% {
    opacity: 0;
    transform: translateY(4rem) scale(1);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.swiper-button-next,
.swiper-button-prev {
 color:#fff;
}

.mainSlide .swiper-pagination {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 30px !important;
  text-align: center;
  z-index: 9;
}

.mainSlide .swiper-pagination-clickable .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  border-radius: 9px;
  margin: 0 6px !important;
  background: none !important;
  opacity: 1 !important;
  transition: all .2s linear;
  position: relative;
  overflow:hidden;
}

.mainSlide .swiper-pagination span.swiper-pagination-bullet-active {
  width: 28px;
  background-color: rgba(255, 255, 255, 1) !important;
  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.7);
}

.my-goods .elementor-image-box-description span{
  font-weight:700;
  color:#000;
  display:block; 
  margin-bottom:15px;
  font-size:18px;
}
.my-goods .elementor-image-box-description span > span{
  display:inline;
  font-size:13px;
  font-weight:400;
  padding-left:2px;
}
.my-goods .elementor-image-box-title{
  min-height:46px;
}
.product-subtitle{
  font-size: 22px;
  color: var(--ast-global-color-1);
  display: block;
  margin-bottom: 0px;
  border-top: 1px solid #e2e2e2;
  padding-top: 10px;
  font-weight: 600;
}
.product-minimum{
  font-size: 18px;
  font-weight: 700;
  color: #000;
  display: block;
  margin-bottom:5px;
}
.woocommerce-product-details__short-description{
  font-size:16px;
  line-height:1.5em;
}
.custom-product-subtitle{
  font-size:15px;
  padding-top:10px;
}
.woocommerce-Price-currencySymbol,
.circle-text{
  font-size: 0.8em;
  font-weight: 400;
  padding-left: 2px;
}
.menu-footer-about-container .menu{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.menu-footer-about-container .menu a{
  color:#777;
  font-size:15px;
  font-weight:400;
}
.menu-footer-about-container .menu a:hover{
  color:#000;
}
.ast-sticky-add-to-cart .tpt__tiered-pricing {
  display:none !important;
}
#custom-total-price{
  font-size:28px;
  font-weight:700;
  color:#000;
  display:block;
  margin-top:10px;
}
.woocommerce-js div.product p.price ins{
  margin-left:10px;
}
.woocommerce-js .quantity .qty {
  width: 3.631em !important;
}
.woocommerce-page table.shop_table td{
  padding:5px 10px !important;
}
.woocommerce-page table.shop_table td:first-child{
  border-left:1px solid #ddd !important;
}

.astra-shop-summary-wrap .variation-function-added{
  display:none !important;
}
.about-ul{
  margin:0;
  padding:0;
  list-style:none;
}
.about-ul li{
  padding:0;
  padding-left:12px;
  position: relative;
  font-size:16px;
  line-height:1.3em;
  margin:10px 0;
  font-weight:400;
}
.about-ul li:before{
  content:'';
  display:block;
  width:5px;
  height:1px;
  background:#555;
  position:absolute;
  left:0;
  top:8px;
  border-radius:0%;
}

.circle-wrapper {
  position: relative;
  width: 560px;
  height: 560px;
  margin: 0 auto;
  margin-top:100px;
}
.circle-connector {
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    border: 18px solid #e0e0e0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  ; /* 원들 뒤에 위치하도록 */
    box-shadow: inset 0 0 10px rgba(0,0,0,0.05), 0 0 10px rgba(0,0,0,0.05);
}
.circle {
  width: 250px;  /* 크기 약간 증가 */
  height: 250px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 25px;
  position: absolute;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);  /* 그림자 효과 추가 */
  transition: transform 0.3s, box-shadow 0.3s;
}

.circle:hover {
  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}

.circle .detail {
  font-size: 14px;
  font-weight: normal;
  margin-top: 8px;
  line-height: 1.3;
  word-break: keep-all; /* 한글 단어 단위 줄바꿈 */

}

.circle.orange {
  background-color: #f7931e;
  top: 50%;     /* 왼쪽(서쪽) 위치로 수정 */
  left: 0;
  transform: translate(-30%, -50%);
}

.circle.blue {
  background-color: #00a2e9;
  top: 0;      /* 상단(북쪽) 위치로 유지 */
  left: 50%;
  transform: translate(-50%, -30%);
}

.circle.dark {
  background-color: #003950;
  top: 100%;    /* 하단(남쪽) 위치로 수정 */
  left: 50%;
  transform: translate(-50%, -70%); 
}

.circle.green {
  background-color: #4CAF50;  /* 녹색 추가 */
  top: 50%;    /* 오른쪽(동쪽) 위치로 설정 */
  left: 100%;
  transform: translate(-70%, -50%);
}
.ast-footer-social-1-wrap .ast-builder-social-element, .ast-footer-social-1-wrap .social-show-label-true .ast-builder-social-element {
  margin-left:14px !important;
  margin-right:0 !important;
  display:inline-block !important;
  line-height:24px !important;
  position:relative;
}
.ast-footer-social-1-wrap .social-show-label-true .ast-builder-social-element .social-item-label{
  position: absolute !important;
  top:-22px !important;
  left:50% !important;
  transform: translateX(-50%) !important;
  white-space: nowrap !important;
  font-size:12px !important;
  display:none;
  padding:0;
}
.ast-footer-social-1-wrap .social-show-label-true .ast-builder-social-element:hover .social-item-label{
  display:block !important;
}
.footer-social-inner-wrap .svg-baseline{
  position: relative !important;
  top:5px !important;
}
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background: #ebebeb;
    border: 2px solid #0086d759;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.center-logo span {
  font-weight: bold;
  color: #0078d7;
}
.color1{
  color:#1f5ca8; 
}
.category-16 .category-description{
  padding: 120px 0px 120px 0px;
  background:#ddd url(img/blog.jpg) no-repeat center center;
  background-size: cover;
}
.category-description > *{
  max-width:1000px;
  margin:0 auto;
  color:#fff;
  padding:0 20px;
}
.category-description .category-title{
  color:#fff;
}
@keyframes bob {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}

.main-list .woocommerce ul.products li.product .woocommerce-loop-product__link{
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  overflow:hidden;
  
}
.main-list .woocommerce ul.products li.product:hover .woocommerce-loop-product__link{
  animation: bob 1.5s ease-in-out infinite;
}
.main-list .woocommerce ul.products li.product .woocommerce-loop-product__link img {
 
}

.main-list .woocommerce ul.products li.product .woocommerce-loop-product__link img:hover {
 
}

.htm p{
  font-size:15px;
  margin:7px 0;
  line-height:1.4em;
}
.call-list .elementor-icon-list-text > span{
  display:inline-block;
  width:180px;
  font-weight:700;
  color:#000;
}

 /* 기존 CSS 아래에 미디어 쿼리 추가 */
@media screen and (max-width: 750px) {
.circle-wrapper {
  width: 100%;
  max-width:420px;
  height: 420px;
  margin-top: 50px;
}

.circle {
  width: 130px;
  height: 130px;
  font-size: 16px;
  padding: 10px;
}

.circle .detail {
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.2;
  display:block;
}

.circle.orange {
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}

.circle.blue {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}

.circle.dark {
  top: 100%;
  left: 50%;
  transform: translate(-50%, -100%);
}

.circle.green {
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
}

.center-logo {
  width: 90px;
  height: 90px;
}

.center-logo span {
  font-size: 14px;
}

.circle:hover {
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}
.category-16 .category-description{
  padding: 60px 0px 60px 0px;
}
}
@media screen and (max-width: 420px) {
.circle-wrapper {
  width: 90vw;
  height: 90vw;
  margin-top: 50px;
}
.circle {
  width: 35vw;
  height: 35vw;
  font-size: 3.5vw;
  line-height:1.2em;
  padding: 15px;
}

.circle .detail {
  font-size: 3vw;
  line-height: 1.2;
  margin-top:10px;
}
.circle-connector {
    position: absolute;
    width: 70vw;
    height:70vw; 
    box-shadow: inset 0 0 7px rgba(0,0,0,0.05), 0 0 7px rgba(0,0,0,0.05);
}

}
@media screen and (min-width: 998px) {
  .circle br {
    display:none;
  }

}
@media (max-width: 1024px) {
.custom-post-hero{
  padding:120px 0;
}
.custom-post-hero h2{
  line-height:61px;
}
}
@media (max-width: 992px) {
  .mainSlide h4 {
    font-size: 5vw;
    line-height:1.2em;
  }
  .mainSlide {
    padding: 0px;
  }
  .sub-menu .hfe-nav-menu li.current-menu-parent > .sub-menu{
    flex-wrap: wrap;
    gap:10px 20px;
  }
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    text-align: left;
  }
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link .en-menu{
    display: none;
  }
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link .ast-icon svg{
    fill: rgb(0 0 0);
  }
  #ast-fixed-header .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: #000 !important;
}
}
@media (max-width: 767px) {
  .custom-post-hero{
    padding:80px 0;
  }
  .custom-post-hero h2{
    line-height:56px;
  }
  }
@media (max-width: 520px) {
  .mainSlide h4 {
    font-size: 6vw;
    padding-bottom:3vw;
    line-height: 7vw;
  }

  .mainSlide span.animate-pop-up {
    font-size: 3vw;
  }

  .mainSlide p {
    font-size: 6vw;
    padding-bottom: 0px;
    line-height: 7vw;
  }

  div.animate-pop-up a {
    border-radius: 4px;
    padding: 7px 15px;
    font-size: 14px;
    min-width: 110px;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 20px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display:none;
  }
  .btn-scroll-down{
    display:none !important;
  }
  .mainSlide .swiper-pagination{
    bottom: 10px !important;
    box-sizing: border-box;
  }
  .mainSlide .swiper-pagination-clickable .swiper-pagination-bullet{
    margin:0 2px !important;
  }
  .mainSlide .swiper-pagination span.swiper-pagination-bullet-active {
    width: 14px;
  }
  #custom-total-price{
    font-size:22px;
  }
  .call-list .elementor-icon-list-text > span{
    width:120px;
  }
  .ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{
    padding-top:5px;
  }
}
@media (max-width: 440px) {
  .mainSlide .swiper-slide .content-slide{
    padding: 40px 20px 20px;
  }
  .mainSlide .swiper-slide .content-slide br{
    display:none;
  }
  .my-goods .elementor-image-box-title {
    min-height: 42px;
  }
}
@media (max-width: 350px) {
  header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
    max-width: 200px !important;
    width: 200px !important;
}
}
/* 우커머스 */
@media (min-width: 1201px) {
    .ast-separate-container .ast-woocommerce-container {
        padding: 35px !important;
    }
}
.woocommerce-page .woocommerce-products-header__title{
    display:none !important;
}
/** ORGANIZATION START **/
.wrap-org {
	text-align: center;
	padding-top: 50px;
}

.wrap-org h3 {
	display: inline-block;
	padding: 12px 30px;
	border: 1px solid #0061b2;
	background: #0061b2;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 50px;
	font-size:24px;
	position: relative;
	line-height:38px;
}

.wrap-org h3:before {
	position: absolute;
	width: 1px;
	height: 51px;
    bottom: -51px;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	background: rgb(0 0 0 / 40%);
}

.wrap-org ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.org-div{
	display:flex;
	width:50%;
	min-width:260px;
	padding:30px 0;
	margin:0 auto;
	justify-content: space-between;
	position: relative;
}
.org-div:before {
    position: absolute;
    width: 80%;
    height: 1px;
    top: 50%;
    content: "";
    left: 10%;
    background: rgb(0 0 0 / 23%);
}
.wrap-org-div span{
	display: inline-block;
    padding: 10px 30px;
    border: 1px solid rgb(0 0 0 / 23%);
    background: #81c5ff;
    border-radius: 3px;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    position: relative;
	line-height:38px;
}
.wrap-org>ul {
	display: flex;
	justify-content: space-evenly;
	padding-top: 50px;
}

.wrap-org>ul:before {
	position: absolute;
	width: 83.4%;
	height: 1px;
	top: 0px;
	content: "";
	left: 8.3%;
	background: rgb(0 0 0 / 40%);
}

.wrap-org>ul>li {
	flex: 1;
}

.wrap-org>ul>li>span {
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid rgb(0 0 0 / 23%);
	background: #81c5ff;
	border-radius: 3px;
	font-weight: 500;
	color: #fff;
	font-size: 18px;
	position: relative;
}

.wrap-org>ul>li>span:before {
	position: absolute;
	width: 1px;
	height: 51px;
	top: -51px;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	background: rgb(0 0 0 / 40%);
}

.sub-or {
	display: flex;
	justify-content: space-evenly;
	margin: 30px 60px;
}

.sub-or>div {
	flex: 1;
	margin: 0 5px;
	border: 1px solid rgb(0 0 0 / 24%);
	background: #bdbdbd;
	padding: 10px;
	color: #fff;
	border-radius: 3px;
}

.sub-ul-or {
	display: flex;
	justify-content: space-evenly;
	margin: 25px 15px !important;
	flex-direction: column;
}

.sub-ul-or li span {
	display: block;
	margin: 5px;
	border: 1px solid rgb(0 0 0 / 40%);
	background: #fff;
	padding: 12px 5px;
	font-size: 13px;
	border-radius: 3px;
	line-height: 20px;
}

.org-num {
	max-width: 300px;
	margin: 0 auto;
}

.box-counterB img {
	max-width: 72px;
}

.wrap-orgB {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 15px;
}

.wrap-orgB>.wrap-orgB-in1 {
	font-weight: 600;
	color: #000;
	flex: 2;
}

.wrap-orgB>.wrap-orgB-in2 {
	flex: 1;
}

.wrap-orgB>.wrap-orgB-in3 {
	flex: 3;
	text-align: center;
}

.wrap-orgB ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wrap-orgB ul li {
	margin: 20px 0;
	line-height: 20px;
	position: relative;
	padding-left: 20px;
}

.wrap-orgB ul li::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 20px;
	background: #ddd;
	vertical-align: middle;
	margin-right: 10px;
	position: absolute;
	left: 0;
}

.wrap-orgB ul li.color1::before {
	background: #0070c0;
}

.wrap-orgB ul li.color2::before {
	background: #00b050;
}

.wrap-orgB ul li.color3::before {
	background: #99cc00;
}

.wrap-orgB ul li.color4::before {
	background: #ffc000;
}

.wrap-orgB ul li.color5::before {
	background: #feb4b4;
}

.wrap-orgB ul li.color6::before {
	background: #ff99ff;
}

.wrap-orgB ul li.color7::before {
	background: #ed03dc;
}
.wrap-org h3{
	border: 1px solid #000000;
    background: #000000;
}
.wrap-orgB-in3 img {
	width: 400px;
	max-width: 100%;
}
.wrap-org-div span{
	background: #3e3e3e;
}
.wrap-org>ul>li>span {
	background: #6f6f6f;
}
.right-fixed{
  position: fixed;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  width:60px;
}
.right-fixed ul{
  list-style: none;
  padding:0;
  margin:0;
}
.right-fixed ul li a{
  display:block;
  width:16px;
  padding-top:14px;
  box-sizing: border-box;
  height:0;
  overflow:hidden;
  border:1px solid #fff;
  border-radius:50%;
  margin-bottom:10px;
  
}
.right-fixed ul li.active a{
  background:#fff;
}
@media screen and (max-width:922px) {

	.wrap-org {
		text-align: left;
		position: relative;
	}

	.wrap-org h3 {
		margin-left: 20px;
	}

	.wrap-org>ul {
		display: block;
		padding-left: 15px;
		margin-top: 0;
		padding-top:0;
	}
	.wrap-org:before {
		width: 1px;
		height: auto;
		top: 83px;
		bottom: 85px;
		content:"";
		left: -1px;
		background: rgb(0 0 0 / 20%);
		position: absolute;
	}
	.wrap-org>ul:before {
		width: 1px;
		height: auto;
		top: -24px;
		bottom: 86px;
		left: 0%;
		background: rgb(0 0 0 / 20%);
		display:none;
	}
	.org-div:before {
		left: -21px;
	}
	.wrap-org h3:before {
		width: 21px;
		height: 1px;
		bottom: 30px;
		left: -21px;
		background: rgb(0 0 0 / 20%);
		transform: translateX(0%);
	}

	.wrap-org>ul>li>span {
		margin-left: 5px;
	}

	.wrap-org>ul>li>span:before {
		width: 21px;
		height: 1px;
		top: auto;
		bottom: 23px;
		left: -21px;
		background: rgb(0 0 0 / 20%);
		transform: translateX(0%)
	}
	.org-div{
		margin:0 0 0 21px;
	}
	.sub-or {
		display: flex;
		justify-content: space-evenly;
		margin: 20px 0px 5px 0;
		text-align: center;
	}

	.sub-ul-or {
		margin: 5px 0 15px 0 !important;
		justify-content: flex-start;
	}

	.sub-ul-or li span {
		text-align: center;
	}

	.wrap-org>ul>li .sub-ul-or li {
		width: 50% !important;
	}

	.sub-ul-or {
		flex-direction: row;
	}

	.wrap-orgB {
		flex-wrap: wrap;
	}

	.wrap-orgB>.wrap-orgB-in1 {
		flex: auto;
		width: 100%;
		padding-bottom: 20px;
	}
}
@media screen and (max-width:620px) {
	.wrap-orgB>.wrap-orgB-in2,
	.wrap-orgB>.wrap-orgB-in3 {
		flex: auto;
		width: 100%;
	}

	.wrap-orgB>.wrap-orgB-in2 {
		margin-bottom: 20px;
	}

	.wrap-orgB ul {
		display: flex;
		flex-wrap: wrap;
	}

	.wrap-orgB ul li {
		margin: 5px 15px 5px 0;
	}
	.sub-ul-or{
		flex-wrap: wrap;
	}
  .wrap-org:before{
    bottom:141px;
  }
}
@media screen and (max-width:420px) {

	.wrap-org>ul>li .sub-ul-or li {
		width: 50% !important;
	}
}
@media screen and (max-width:360px) {

	.wrap-org{
		zoom:0.8;
	}
}
/** ORGANIZATION END **/
/** class="strong-uni" **/
.strong-uni{
  font-size:1.1em;
  color:#000;
}
.menu-footer-about-container .menu li{
  min-width:75px;
  text-align: center;
}
.menu-footer-about-container .menu li:nth-child(4){
  min-width:105px;
}
.menu-footer-about-container .menu li:nth-child(5){
  min-width:95px;
}
.menu-footer-about-container .menu-link .ko-menu{display:none !important;}
.menu-footer-about-container .menu-link:hover .ko-menu{display:inline-block !important;}
.menu-footer-about-container .menu-link:hover .en-menu{display:none !important;}
.wrap-pga-list{
  margin: 0 auto;
  max-width: 1204px;
}
.wrap-pga-list ul{
  margin:0;
  padding:0;
  list-style: none;
  display:flex;
  flex-wrap:wrap;
  gap:0px;
  position: relative;
  border: 2px solid rgb(255 255 255 / 30%);
}
.wrap-pga-list ul:before{
  background:url("https://unixsglobal.info/wp-content/uploads/2025/06/PGAA_Logo_RGB-2.png") no-repeat 50% 50%;
  background-size: 60%;
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute; 
  top:0;
  left:0;
  opacity: 0.2;
}
.wrap-pga-list ul li{ 
  width:10%;
  display:flex;
  text-align: center;
  min-height:140px;
  border: 2px solid rgb(255 255 255 / 30%);
  align-items: center;
  justify-content: center;
  flex:auto;
  position: relative;
  z-index: 1;
}
.wrap-pga-list ul li a{
  color:#fff;
  padding:10px;
  line-height:1.2em;
  word-break: keep-all; 
}
.table-pga table{
  border-color:#fff;
  color:#fff;
  line-height:1.4em;
  text-align: center;
  background: rgb(51 51 51 / 45%);
  margin:0;
}
.table-pga table a{
  color:#fff;
  font-size:14px;
  line-height: 1.3em;
  display: block;
}
.table-pga table th{
  background: rgb(45 59 94 / 36%);
}
.table-pga table thead th{
  white-space: nowrap;
}
.table-pga tbody th{
  word-break: keep-all;
  white-space: normal;
  font-size:14px;
  line-height: 1.3em;
  height:57px;
 
}
.table-pga table tbody td{
  padding:10px 5px;
  min-width: 60px;
}
.dl-pga{
  display:none;
}
.dl-pga dl,
.dl-pga dl a{
  color:#fff;
  font-size:14px;
}
.dl-pga dl a{
  padding:5px 10px 5px 0;
}
.dl-pga dl dt{
  font-size: 15px;
    padding-top: 15px;
    border-top: 1px solid rgb(255 255 255 / 36%);
}
.dl-pga dl dt:first-child{
  border-top: 0;
}
.dl-pga dl img{
  width:28px;
  margin-right:5px;
  vertical-align: sub;
}
.dl-pga dl dd{
  margin:5px 5px 15px 5px;
}
@media screen and (max-width:1200px) {
  .dl-pga{
    display:block;
  }
  .table-pga{
    display:none;
  }
}
@media screen and (max-width:992px) {
  .wrap-pga-list ul li{
    width:150px;
    min-height: 150px;
  }
  .wrap-pga-list ul:before{
    background-size:80%;
  }
}
@media screen and (max-width:767px) {
  .wrap-pga-list {
    margin:0 0;
  }

}
@media screen and (max-width:750px) {
  .wrap-pga-list ul li{
    width:120px;
    min-height: 120px;
  }
}
@media screen and (max-width:440px) {
  .wrap-pga-list ul li a{
    font-size:12px;
  }
  .wrap-pga-list ul li{
    width:20%;
    min-height: 70px;
  } 
}
@media screen and (max-width:360px) {

  .wrap-pga-list ul li{
    min-height: 60px;
  } 
}