/**
Theme Name: astra-fish
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-fish
Template: astra
*/
/* ROOT START */
.ast-page-builder-template .site-content > .ast-container {
    max-width: 100%;
    padding: 0;
}
.root-width {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 12px !important;
    box-sizing: border-box;
}
main{
    width:100%;
}
.ast-header-sticked .ast-above-header-wrap  {
    display:none !important;
}
.elementor-element p{
    margin-bottom:10px;
}
#ast-hf-menu-1{
 
    justify-content: space-between;
}
.main-header-menu .sub-menu{
    padding:15px;
}
.astra-megamenu{
    max-width:900px;
    padding:45px 0 !important;
    flex-wrap: wrap;
}
.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper{
    background: rgb(255 255 255 / 86%) !important;
}
.astra-megamenu > .menu-item{
    width:33.333%;
    flex:auto !important;
}
.astra-megamenu .sub-menu{
    padding: 20px 20px 35px !important;
}
.ast-builder-menu-1 .sub-menu > .menu-item > .menu-link{
    font-size:15px;
}
.ast-builder-menu-1 .sub-menu .sub-menu > .menu-item > .menu-link{
    font-size:13px;
    font-weight:400;
    padding: 5px 0 5px 15px;
}
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.sub-menu .menu-item:nth-child(4){
    padding-left:0;
}
.mySwiper_main{
    position: relative;
    z-index:1;
}

.middle-slide .uael-post__body{
    margin:0 -25vw;
}
header .custom-logo-link img {
  
}

body.elementor-editor-active .pop-div{
    display:block !important;
}
body.page .pop-div{
    display:none;
}
body.page .pop-div.on-pop{
    display:block;
}
body:not(.elementor-editor-active) .pop-div{
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    height: 100%;
    background: rgb(0 0 0 / 50%) !important;
    border-radius: 0 !important;
}
body:not(.elementor-editor-active) .pop-div > .elementor-container{
    background:#fff;
    position: absolute;
    top: 50%;
    left: 50%;
    padding:50px 60px;
    transform: translate(-50%, -50%);
}

.foot-logo{
    margin-top:50px;
    display:none;
}
.foot-logo img{
    max-width:185px;
}
.scroll-down{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
  .scroll-down-text{
    display:none;
  }
  .scroll-down-icon{
    width:72px;
    height:0;
    padding-top:72px;
    overflow:hidden;
    background:url(scroll-down.png) no-repeat center center;
    background-size: contain;
    display: inline-block;
    margin-top: -24px;
    animation: scroll-wiggle 5.8s cubic-bezier(.37,.01,.2,1) infinite;
    will-change: transform;
  }
  @keyframes scroll-wiggle {
    0%   { transform: translateY(0); }
    7%   { transform: translateY(-6px); }
    15%  { transform: translateY(2px); }
    24%  { transform: translateY(-12px); }
    33%  { transform: translateY(4px); }
    45%  { transform: translateY(-9px); }
    57%  { transform: translateY(3px); }
    70%  { transform: translateY(-14px); }
    82%  { transform: translateY(5px); }
    92%  { transform: translateY(-7px); }
    100% { transform: translateY(0); }
  }
  
  @media (prefers-reduced-motion: reduce) {
    .scroll-down-icon { animation: none; }
  }
.slide-h1 h1{
    font-size:60px;
    color:#fff;
    font-style: italic;
}
.h1-span1,
.h1-span2{
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    transform: translateY(24px) scale(0.96);
    will-change: transform, opacity;
}

/* 부모/조상에 elementor가 붙이는 animated 계열 클래스가 생기면 순차적으로 바운스 인 */
.elementor-element.animated .h1-span1,
.elementor-element.animated .h1-span2,
.elementor-element.animated .h1-span1,
.elementor-element.animated .h1-span2,
.elementor-animated .h1-span1,
.elementor-animated .h1-span2,
.animated .h1-span1,
.animated .h1-span2{
    visibility: visible;
}
.elementor-element.animated .h1-span1,
.elementor-animated .h1-span1,
.elementor-element.animated .h1-span1,
.animated .h1-span1{
    animation: h1SpanBounceIn 0.7s cubic-bezier(.22,.61,.36,1) 2.1s both;
}
.elementor-element.animated .h1-span2,
.animated .h1-span2,
.elementor-element.animated .h1-span2,
.animated .h1-span2{
    animation: h1SpanBounceIn 0.7s cubic-bezier(.22,.61,.36,1) 2.35s both;
}

@keyframes h1SpanBounceIn {
    0%   { opacity: 0; transform: translateY(24px) scale(0.96); }
    55%  { opacity: 1; transform: translateY(-12px) scale(1.02); }
    75%  { opacity: 1; transform: translateY(6px)  scale(0.995); }
    100% { opacity: 1; transform: translateY(0)    scale(1); }
}
.slide-p p{
    font-size:20px;
    margin:0;
}

/* slide-p 내부 i 요소 순차 바운스 인 */
.slide-p i{
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    transform: translateY(24px) scale(0.96);
    will-change: transform, opacity;
}

.animated .slide-p i,
.animated .slide-p i,
.animated.slide-p i,
.animated .slide-p i{
    visibility: visible;
}

.animated .slide-p i:nth-of-type(1),
.animated .slide-p i:nth-of-type(1),
.animated.slide-p i:nth-of-type(1),
.animated .slide-p i:nth-of-type(1){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 1.10s both;
}
.animated .slide-p i:nth-of-type(2),
.animated .slide-p i:nth-of-type(2),
.animated.slide-p i:nth-of-type(2),
.animated .slide-p i:nth-of-type(2){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 1.25s both;
}
.animated .slide-p i:nth-of-type(3),
.animated .slide-p i:nth-of-type(3),
.animated.slide-p i:nth-of-type(3),
.animated .slide-p i:nth-of-type(3){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 1.80s both;
}
.animated .slide-p i:nth-of-type(4),
.animated .slide-p i:nth-of-type(4),
.animated.slide-p i:nth-of-type(4),
.animated .slide-p i:nth-of-type(4){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 1.55s both;
}
.animated .slide-p i:nth-of-type(5),
.animated .slide-p i:nth-of-type(5),
.animated.slide-p i:nth-of-type(5),
.animated .slide-p i:nth-of-type(5){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 1.70s both;
}
.animated .slide-p i:nth-of-type(6),
.animated .slide-p i:nth-of-type(6),
.animated.slide-p i:nth-of-type(6),
.animated .slide-p i:nth-of-type(6){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 2.20s both;
}
.animated .slide-p i:nth-of-type(7),
.animated .slide-p i:nth-of-type(7),
.animated.slide-p i:nth-of-type(7),
.animated .slide-p i:nth-of-type(7){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 2.05s both;
}
.animated .slide-p i:nth-of-type(8),
.animated .slide-p i:nth-of-type(8),
.animated.slide-p i:nth-of-type(8),
.animated .slide-p i:nth-of-type(8){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 2.20s both;
}
.animated .slide-p i:nth-of-type(9),
.animated .slide-p i:nth-of-type(9),
.animated.slide-p i:nth-of-type(9),
.animated .slide-p i:nth-of-type(9){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 2.95s both;
}
.animated .slide-p i:nth-of-type(10),
.animated .slide-p i:nth-of-type(10),
.animated.slide-p i:nth-of-type(10),
.animated .slide-p i:nth-of-type(10){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 2.60s both;
}
.animated .slide-p i:nth-of-type(11),
.animated .slide-p i:nth-of-type(11),
.animated.slide-p i:nth-of-type(11),
.animated .slide-p i:nth-of-type(11){
    animation: h1SpanBounceIn 0.6s cubic-bezier(.22,.61,.36,1) 2.75s both;
}
.pic-stop1 .wp-caption{
    position: relative;
}
.pic-stop1 .wp-caption:after{
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: -85px;
    width: 32px;
    height: 32px;
    background:url(arrow.png) no-repeat center center;
    background-size: contain;
    content: '';
    opacity: 0.6;
}
.slide-p1 i{
    font-style: normal; 
}
/* 블로그 상단 */
.page-top .root-container{
    color:#fff;
    min-height:440px;
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page-top h1{
    font-size:42px;
    color:#fff;  
}
.page-top .category-description{
    font-size:20px;
}
.page-top .category-description p{
    font-size:18px;
    margin:0; 
}
.page-top .category-description p:last-child{
    margin-bottom:0;
}
.wpforms-submit-container .wpforms-submit{
    width:100%;
    border:0 !important;
    outline: none !important;
    background:#5c83b5 !important;
}
.wpforms-submit-container .wpforms-submit:hover{
    background: #000 !important;
}

.wrap-on-light i span{
    position: relative;
    color: #fff;                 /* 기본 글자색(다크 배경 가정) */
    text-shadow: 0 0 0.05em rgba(255, 255, 210, .45), 0 0 0.8em #ffe49a, 0 0 0.06em #ffc94a;
    background: #fff; 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;          /* 하이라이트를 글자 내부에만 보이게 */
    animation: onLightSweep 3s ease-in-out infinite, onLightBlink 2.4s ease-in-out infinite, onLightGlowPulse 1.8s ease-in-out infinite;
  }
 .box1{
    top:-70px;
 }
 .box2{
    top:20px;
 } 
 .box3{
    top:-20px;
 } 
 .box4{
    top:-90px;
 }
  /* 스포트라이트가 좌→우로 천천히 스윕 */
  @keyframes onLightSweep {
    0%   { background-position: 110% 0; opacity: .9; }
    50%  { background-position: -10% 0; opacity: 1; }
    100% { background-position: 110% 0; opacity: .9; }
  }

  /* 깜박임 효과: 투명도 변화 */
  @keyframes onLightBlink {
    0%, 46%   { opacity: 1; }
    50%       { opacity: 0.75; }
    54%, 100% { opacity: 1; }
  }

  /* 형광 글로우가 커졌다 줄어들었다(맥동) */
  @keyframes onLightGlowPulse {
    0%, 100% {
      text-shadow:
        0 0 0.05em rgba(255, 255, 210, .45),
        0 0 0.8em #ffe49a,
        0 0 0.06em #ffc94a;
    }
    50% {
      text-shadow:
        0 0 0.12em rgba(255, 255, 210, .70),
        0 0 1.6em #ffe49a,
        0 0 0.35em #ffc94a;
    }
  }
.bar_h4 h4:before{
    background:#3DBBC9;
    content: "";
    width: 12px;
    height: 14px;
    border-radius: 2px;
    margin-right: 5px;
    display: inline-block;
}

.middle-slide .slick-slide {
    filter: grayscale(100%);
    opacity: .5;
    transition: filter .25s ease, opacity .25s ease, transform .25s ease;
    will-change: filter, opacity;
   
  }
  .middle-slide .slick-current + .slick-active {
    filter: none;
    opacity: 1;
  /* 선택 사항 */
  }
 .middle-slide .uael-post__terms{
    background: none !important;
    color:#666 !important;
 }
 .middle-slide .slick-prev,
 .middle-slide .slick-next{
    border-radius: 2px !important;
    line-height:18px !important;
    width: 80px !important;
    transition: background-color .8s ease; 
    display: flex !important;
    align-items: center;
    background-color: rgb(255 255 255 / 81%) !important;
    overflow: hidden !important;
    top: 40% !important;
    flex-direction: row;
    line-height: 20px;
    height: 38px;
    align-items: center;
    justify-content: center;
 }
 .middle-slide .slick-next{
    right: 44vw !important;
    padding:12px 15px 5px 5px !important;
 }
 .middle-slide .slick-prev{
    left:44vw !important;
    padding:12px 5px 5px 15px !important;
 }
 .middle-slide .slick-next:before{
    content:"Next" !important;
    font-size:14px !important;
    color:#222 !important;
    border-bottom:1px solid #222;
    display: inline-block;
    height: 12px;
 }
 .middle-slide .slick-prev:before{
    content:"Prev" !important;
    font-size:14px !important;
    color:#222 !important;
    border-bottom:1px solid #222;
    display: inline-block;
    height: 12px;
 }
 .middle-slide .slick-slider .slick-arrow i {
    color:#222 !important;
    font-size:12px !important;
    position: absolute;
    top: 5px;
 } 
 .middle-slide .slick-slider .slick-prev i{
    left: 12px;
 }
 .middle-slide .slick-slider .slick-next i{
    right: 12px;
 }
/* 기본 slick 화살표(:before) 사용하는 경우 */
.middle-slide .slick-prev:hover,
.middle-slide .slick-next:hover{
  background-color:#003775 !important;
  
}
.middle-slide .slick-prev:hover::before,
.middle-slide .slick-next:hover::before{
  color:#fff !important;
  border-bottom:1px solid #fff;
  opacity: 1;
}

/* 커스텀 아이콘(<i>)을 쓰는 경우에만 필요 */
.middle-slide .slick-prev:hover i,
.middle-slide .slick-next:hover i{
  color:#fff !important;
}

.qna-box .elementor-tab-title:before{
    content:"Q";  
    font-weight:bold;
    color:#000;
    padding-right:5px;
    display:inline-block;
}
.qna-box .elementor-tab-title a{
    color:#000 !important;
}
.qna-box .elementor-tab-content{
    position: relative;
    padding:16px !important;
    background:#f7f7f7;
}
.qna-box .elementor-tab-content:before{
    content:"A.";  
    font-weight:bold;
    color:#00438C;
    padding-right:5px;
    display:inline-block;
    font-size:1.2rem;
 
}
.qna-box .elementor-tab-title{
    line-height:1.3;
    padding: 21px 16px 21px 16px !important;
}
.qna-box .elementor-tab-content p:last-child{
    margin-bottom:0;
}
.qna-box .elementor-tab-content.elementor-active{
    border-top: 3px solid #00438c !important;
}
.ast-below-header-wrap  {
    position: relative;
   
}
.ast-below-header-wrap .ast-container{
    position: relative;
    z-index: 2;
}
/** CATEGOTY BOX START **/

.top-menu {
    margin-top:-50px;
}
.top-menu .menu-primary-container ul{
	margin:0px 0;
	padding:0;
	list-style:none;
}
.top-menu .menu-primary-container .menu > li > a,
.top-menu .menu-primary-container .menu > li{
	display:none;
}
.top-menu .menu-primary-container .menu > li.current-menu-parent{
	display:block;
}
.top-menu .menu-primary-container .menu .sub-menu{
	display:flex;
	justify-content: center;
}
.top-menu .menu-primary-container .menu .sub-menu > li{
	flex:1;
	text-align: center; 
	padding:0 1px;
    max-width:400px;
}
.top-menu .menu-primary-container .menu .sub-menu > li > a {
    display: block;
    padding: 10px 2px;
    line-height: 28px;
    color: #ffffff;
    background: rgb(0 0 0 / 61%);
    border: 1px solid #0c0c0c;
    transition: background-color 0.3s ease;
    text-decoration: none !important;
}
.top-menu .menu-primary-container .menu .sub-menu:has(> li:only-child){
    display: none !important;
  }
.top-menu .menu-primary-container .menu .sub-menu > li.current-menu-item > a,
.top-menu .menu-primary-container .menu .sub-menu > li > a:hover {
    background: var(--ast-global-color-1); 
	color:#fff;
	border-color: rgb(30 41 59 / 50%); 
}
.ast-nav-menu > .current-menu-item:after{
    content:"";
    display:block;
    position: absolute;
    width:8px;
    height:8px;
    top:2px;
    border-radius: 2px;
    left:50%;
    transform: translateX(-50%);
    background:var(--ast-global-color-1); 
    animation: spin-dot 2.4s linear infinite;
  will-change: transform;
}
@keyframes spin-dot{
    0%   { transform: translateX(-50%) rotate(0deg); }
    100% { transform: translateX(-50%) rotate(360deg); }
  }
.ast-footer-copyright h3{
    color:#fff;
}

.kakao-map .wrap_controllers,
.kakao-map .cont{
    display:none;
}
.kakao-map .wrap_map{
    border-bottom: 1px solid #e2e2e2;
}
.kakao-map .root_daum_roughmap{
    max-width:100%;
}
.map-h3 h3:before{
    content:"";
    display:block;
    width: 5px;
    height: 19px;
    background-color: #00438C;
    border-radius: 0px;
    margin-right: 10px;
    display: inline-block;
}
header .ast-builder-language-switcher-element{
    position: relative;
}
header .ast-builder-language-switcher-element:before{
    content:"";
    display:block;
    width: 24px;
    height: 24px;
    background: url(https://kyseafood.com/wp-content/uploads/2025/12/language_156dp_444_FILL0_wght400_GRAD0_opsz48.svg) no-repeat center center;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
header .ast-builder-language-switcher-element .ast-builder-language-switcher{
    position: absolute;
    top:100%;
    width: 60px;
    left: -20px;
    padding: 10px 0 5px;
   box-shadow: 0 4px 4px rgb(0 0 0 / 18%), 0 2px 8px rgb(0 0 0 / 6%);
   border-radius: 4px;
   background-color: #fff;
    z-index:999;
    display:none;
}
.site-header-section>div:first-child{
    padding-right:0;
}
header .ast-builder-language-switcher-element .ast-builder-language-switcher.on-lang{
    display:block;
}
header .ast-builder-language-switcher-element .ast-builder-language-switcher li{
    margin:5px 0 !important;
}
header .ast-builder-language-switcher-element .ast-builder-language-switcher a{
    display: block;
    text-align: center;
}
@media (max-width: 1024px) {
    .wrap-youtube{
        margin:0 0px;
        width:100% !important;
        overflow: hidden;
    }
    .pic-stop1 .wp-caption:after{
        left: -45px;
        width: 32px;
        height: 32px;
    }
    .box1,
    .box2,
    .box3,
    .box4{
        top:0px;
     } 
     .middle-slide .slick-prev {
        left: 40vw !important;
    }
    .middle-slide .slick-next {
        right: 40vw !important;
    }
}
@media (min-width: 768px) {
    .pc-none{
        display:none;
    }
}
@media (max-width: 992px) {
    .middle-slide{
        overflow: hidden !important;
    }

}
@media (max-width: 768px) {
    .m-none{
        display:none; 
    }
    .pic-stop1 .wp-caption:after{
        left: -18px;
        width: 32px;
        height: 32px;
        background-color:#fff;
        padding:10px;
        border-radius: 50%;
        background-size:20px;
        opacity: 0.9;
    }
    .middle-slide .uael-post__body {
        margin: 0 -60vw;
    }
    .middle-slide .slick-prev {
        left: 60vw !important;
    }
    .middle-slide .slick-next {
        right: 60vw !important;
    }
    .qna-box .elementor-tab-title{
        padding:14px !important;
    }
    .qna-box .elementor-tab-title:before{
        font-size:1.2rem;
    }
    .qna-box .elementor-tab-content{
        padding:14px 16px !important;
    }
    .qna-box .elementor-tab-content:before{
        font-size:1.2rem;
    }
    aside .wp-block-image img{
      vertical-align: middle;  
    }
  }
  @media (max-width: 543px) {
    .slide-h1 h1{
        font-size:10vw;
    }
    header .custom-logo-link img {
        max-width: 60vw !important;
        width:60vw;
    }
    .m-full a{
        width:100%;
    }
    .middle-slide .uael-post__body {
        margin: 0 -80vw;
    }
    .middle-slide .slick-prev {
        left: 80vw !important;
        top: 28% !important;
    }
    .middle-slide .slick-next {
        right: 80vw !important;
        top: 28% !important;
    }
    .about-image img{
        height: 100vw !important;
        object-fit: cover;
    }
    .map-h3 h3:before{
        height: 17px;
    }
}