@charset "utf-8";


*{font-family:'Pretendard',Noto Sans KR,Nanum Gothic,나눔고딕,sans-serif;box-sizing:border-box;}


#hd_login_msg {
    display: none !important;
}

.pw-popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pw-popup-box {
  background: #fff;
  width: 320px;
  padding: 30px 24px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  text-align: center;
  animation: pwPopIn 0.25s ease;
}

@keyframes pwPopIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.pw-popup-box h3 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin: 0 0 8px 0;
}

.pw-popup-box p {
  font-size: 13px;
  color: #666;
  margin: 0 0 20px 0;
}

.pw-popup-box input[type="password"] {
  width: 140px;
  height: 50px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 8px;
  border: 1px solid #ced4da;
  border-radius: 8px;
  outline: none;
  background: #f8f9fa;
  margin-bottom: 20px;
  transition: border-color 0.2s;
}

.pw-popup-box input[type="password"]:focus {
  border-color: #4e73df;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(78, 115, 223, 0.15);
}

.pw-popup-btns {
  display: flex;
  gap: 10px;
}

.pw-popup-btns button {
  flex: 1;
  height: 42px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background 0.2s;
}

.pw-btn-cancel {
  background: #f1f3f5;
  color: #495057;
}
.pw-btn-cancel:hover {
  background: #e9ecef;
}

.pw-btn-submit {
  background: #4e73df;
  color: #fff;
}
.pw-btn-submit:hover {
  background: #3a56c4;
}
/************************************************************************
* HEADER *
************************************************************************/
.header{
  position:fixed;
  top:0px;
  left:0;
  width:100%;
  height:90px;
  z-index:1000;
  background:#fff;
  backdrop-filter:blur(12px);
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(10px,-105%,0) !important;
  filter:blur(20px);
  pointer-events:none !important;
  transition:opacity 0.05s cubic-bezier(.22,1,.36,1),
        visibility 1.05s cubic-bezier(.22,1,.36,1),
        transform 1.05s cubic-bezier(.22,1,.36,1),
        filter 1.05s cubic-bezier(.22,1,.36,1),
        background .3s ease,
        box-shadow .3s ease !important;
}

.header:hover,.header.is-open{
  background:#fff;
  box-shadow:0 16px 45px rgba(0,0,0,.08);
}

.header-inner{
  max-width:1680px;
  height:90px;
  margin:0 auto;
  padding:0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}


header .logo{width:340px; height: auto;  margin:0; flex:0 0 auto !important; transition:.25s;}
header .logo *{width:100%;height:100%;}
header .logo img.white{display:none;}
header .logo img.color{display:block;}

.header-util{
  display:flex;
  align-items:center;
  gap:12px;
}


.gnb{
  height:100%;
  flex:1;
  display:flex;
  justify-content:center;
}

.gnb-list{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(34px,4.2vw,90px);
}

.gnb-list>li{
  height:100%;
  display:flex;
  align-items:center;
}

.gnb-list>li>a{
  position:relative;
  font-size:21px;
  font-weight:800;
  color:#111;
  letter-spacing:-.03em;
  transition:.25s;
}

.gnb-list>li>a:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-27px;
  width:0;
  height:3px;
  background:#ff9438;
  transform:translateX(-50%);
  transition:.3s;
}

.gnb-list>li:hover>a:after{
  width:100%;
}

.donation-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  height:42px;
  padding:0 20px 0 54px;
  border-radius:30px;
  background:#f5f5f5;
  font-size:16px;
  font-weight:500;
  color:#555;
  margin-top: 5px;    
  position: relative;
}

.donation-btn:after{
  width:25px;height:17px;background:url(/img/t_donation.png) no-repeat; top:13px; left:23px; background-size: cover; display: block;position: absolute;content:"";
}


.menu-btn{
  width:55px;
  height:45px;
  border-radius:12px;
  background:#fff;
  margin-top: 5px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  position:relative;
  overflow:hidden;
  transition:background .35s ease,transform .35s ease;
}

.menu-btn span{
  width:30px;
  height:5px;
  background:#ec4f19;
  border-radius:10px;
  transition:.25s;
}

.mega-menu{
  position:absolute;
  top:80px;
  left:0;
  width:100%;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:1px solid #e5e5e5;
  opacity:0;
  visibility:hidden;
  transform:translateY(-18px);
  transition:.35s;
  box-shadow:0 24px 50px rgba(0,0,0,.08);
}

.mega-inner{
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 0 0 282px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.mega-column{
  min-height:280px;
  min-height:280px;
  padding:38px 30px 44px;
  border-left:1px solid #eee;
}

.mega-column:last-child{
  border-right:1px solid #eee;
}

.mega-column h2{
  margin:0 0 34px;
  font-size:21px;
  font-weight:800;
  color:#201a84;
  letter-spacing:-.04em;
}

.mega-column li+li{
  margin-top:20px;
}

.mega-column li a{
  position:relative;
  display:inline-block;
  font-size:17px;
  font-weight:700;
  color:#222;
  letter-spacing:-.04em;
  transition:.25s;
}

.mega-column li a:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:0;
  height:2px;
  background:#ff9438;
  transform:translateY(-50%);
  transition:.25s; z-index: 999;
}

.mega-column li a:hover{
  color:#121b78;
  padding-left:18px;
}

.mega-column li a:hover:before{
  width:10px;
}

.menu-btn.is-active{
  background:#121b78;
  z-index:1501;
}

.menu-btn.is-active span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}

.menu-btn.is-active span:nth-child(2){
  opacity:0;
  transform:translateX(10px);
}

.menu-btn.is-active span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

main{
  padding-top:0 !important;
  transition:padding-top 1.05s cubic-bezier(.22,1,.36,1), transform 1.05s cubic-bezier(.22,1,.36,1) !important;
  will-change:padding-top;
}

/* ==================== Header / PC Menu ==================== */
.header:hover .mega-menu,.header.is-open .mega-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.menu-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(255,148,56,.28);
}

body.is-hero-ready .header{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) !important;
  filter:blur(0);
  pointer-events:auto !important;
}

body.is-hero-ready .header-inner{
  animation:headerInnerSoftIn .95s cubic-bezier(.22,1,.36,1) both;
}


/* ==================== Motion Utilities ==================== */
body.is-hero-ready main{
  padding-top:85px !important;
}



    @media screen and (max-width:1450px) {
        .header-inner{width:98%;max-width: 100%;}
        
        .mega-inner{width:98%;max-width: 100%;}
    }
    @media screen and (max-width:1685px) {
        .header-inner{width:98%;max-width: 100%;}
    }
    @media screen and (max-width:1400px) {
        header .logo{width:320px;  margin:5px 0 0 0;}
        .gnb-list{gap:clamp(34px,3.8vw,85px);}

        .gnb-list>li>a{font-size:18px;}
        
        .donation-btn{
          height:40px;
          padding:0 20px 0 45px;
          font-size:15px;
          margin-top: 5px;    
        }

        .donation-btn:after{
          width:25px;height:17px;top:12px; left:16px;}  
    }
    @media screen and (max-width:1280px) {
        header .logo {width:300px;  margin:0;}
        .gnb-list{gap:clamp(34px,3.5vw,85px);}

        .gnb-list>li>a{font-size:17px;}
        
        .donation-btn{
          height:38px;
          padding:0 20px 0 45px;
          font-size:14px;   
        }

        .donation-btn:after{
          width:25px;height:17px;top:12px; left:16px;}  
        
        .menu-btn{width:38px; height:38px; border-radius:11px;}
    }
    @media screen and (max-width:1150px) {
        .header-inner{height:80px;}
        
        .gnb-list{gap:clamp(30px,3.0vw,80px);}
        
        .gnb-list>li>a{font-size:16px;}
        
        body.is-hero-ready main{
          padding-top:80px !important;
        }
    }
    @media screen and (max-width:1100px) {
        header .logo {width:280px;}
        
        .gnb-list{gap:clamp(28px,2.7vw,80px);}
        
        .gnb-list>li>a{font-size:15px;}
    }
    @media(max-width:1024px){
        .header,.header-inner{height:75px;}

        .header-inner{padding:0 10px;}

        .gnb-list{gap:clamp(28px,2.7vw,75px);}
        .gnb,.mega-menu{display:none;}

        main{padding-top:0 !important;}
    }
    @media screen and (max-width:640px) {
        header .logo {width:260px;}
        
        .donation-btn{
          height:36px;
          padding:0 15px 0 40px;
          font-size:13px;   
        }

        .donation-btn:after{
          width:22px;height:15px;top:11px; left:14px;}  
        
        .menu-btn{width:36px; height:36px; border-radius:10px;}
    }
    @media screen and (max-width:540px) {        
        .donation-btn{
          height:34px;
          padding:0 12px 0 35px;
          font-size:12px; letter-spacing: -0.04em; display: none;
        }

        .donation-btn:after{
          width:20px;height:14px;top:11px; left:14px;}  
        
        .menu-btn{width:36px; height:36px; border-radius:10px;}
    }
    @media screen and (max-width:460px) {            
        .header,.header-inner{height:70px !important;/*width:calc(100% - 20px) !important;*/}
        
        header .logo {width:240px;}
        
        .gnb-list{gap:clamp(28px,2.7vw,70px);}        
        
        .menu-btn{width:34px; height:34px; border-radius:9px;}
        .menu-btn span{width:18px;}
        
        body.is-hero-ready main{padding-top:70px !important; }
    }
    @media screen and (max-width:360px) {  
        .header,.header-inner{height:65px !important;/*width:calc(100% - 10px) !important;*/}
        
        header .logo {width:220px;}  
        .header-util{gap:0px;}
        
        .gnb-list{gap:clamp(28px,2.7vw,60px);}  
        
        .menu-btn{width:30px; height:30px; border-radius:7px;  gap:3.2px;}
        .menu-btn span{width:16px;}
        
        body.is-hero-ready main{padding-top:60px !important; }
    }








/* ==================== Mobile Sliding Menu ==================== */
.mobile-dim{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.42);
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease,visibility .45s ease;
  z-index:1200;
  backdrop-filter:blur(4px);
}

.mobile-dim.is-show{
  opacity:1;
  visibility:visible;
}

.mobile-menu{
  position:fixed;
  left:50%;
  top:50%;
  z-index:1300;
  width:min(1480px,calc(100% - 64px));
  height:min(560px,calc(100vh - 64px));
  background:#fff;
  border-radius:34px;
  box-shadow:0 40px 100px rgba(0,0,0,.22);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-46%) scale(.96);
  transition:opacity .45s ease,visibility .45s ease,transform .55s cubic-bezier(.16,1,.3,1);}

.mobile-menu.is-open{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1);
}



.mobile-menu:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:18%;
  height:100%;
  background: linear-gradient(145deg, #ff0000 0%, #781212 54%, #ff9438 100%);
  z-index:0;
}

.mobile-head{
  position:relative;
  z-index:2;
  height:auto;
  min-height:110px;
  padding:42px 52px 28px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  border-bottom:0;
  color:#fff;
}

.mobile-head strong{
  display:block;
  font-size:clamp(30px,4vw,48px);
  line-height:1;
  font-weight:900;
  color:#fff;
  letter-spacing:-.065em;
}

.mobile-head strong:after{
  content:"(주)대명후레쉬푸드";
  display:block;
  margin-top:16px;
  font-size:16px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:-.04em;
  color:rgba(255,255,255,.76);
}

.mobile-close{
  position:relative;
  z-index:3;
  width:54px;
  height:54px;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:0;
  line-height:1;
  transition:transform .35s ease,background .35s ease;
}

.mobile-close:before,.mobile-close:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:2px;
  background:#fff;
  border-radius:10px;
  transform-origin:center;
}

.mobile-close:before{
  transform:translate(-50%,-50%) rotate(45deg);
}

.mobile-close:after{
  transform:translate(-50%,-50%) rotate(-45deg);
}

.mobile-close:hover{
  background:#ff9438;
  transform:rotate(90deg);
}

.mobile-list{
  position:relative;
  z-index:2;
  margin-left:16.666%;
  padding:18px 38px 62px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  border-left:1px solid rgba(0,0,0,.06);
}

.mobile-list>li{
  position:relative;
  border-bottom:0;
  min-height:430px;
  padding:24px 28px;
  border-right:1px solid #eee;
  opacity:0;
  transform:translateY(28px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1),background .3s ease;
}

.mobile-list>li:last-child{
  border-right:0;
}

.mobile-menu.is-open .mobile-list>li{
  opacity:1;
  transform:translateY(0);
}

.mobile-menu.is-open .mobile-list>li:nth-child(1){
  transition-delay:.08s;
}

.mobile-menu.is-open .mobile-list>li:nth-child(2){
  transition-delay:.14s;
}

.mobile-menu.is-open .mobile-list>li:nth-child(3){
  transition-delay:.20s;
}

.mobile-menu.is-open .mobile-list>li:nth-child(4){
  transition-delay:.26s;
}

.mobile-menu.is-open .mobile-list>li:nth-child(5){
  transition-delay:.32s;
}

.mobile-list>li:hover{
  background:#fafafa;
}

.mobile-depth1{
  position:relative;
  width:100%;
  height:auto;
  padding:0 0 30px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  font-size:clamp(22px,1.75vw,21px);
  line-height:1.12;
  font-weight:900;
  color:#111;
  letter-spacing:-.06em;
  text-align:left;
  transition:color .3s ease;
}

.mobile-depth1:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:34px;
  height:3px;
  background:#ff9438;
  border-radius:10px;
  transition:width .35s ease,background .35s ease;
}

.mobile-depth1 span{
  flex:0 0 auto;
  width:30px;
  height:30px;
  margin-left:12px;
  border-radius:50%;
  background:#f2f3fb;
  color:#121b78;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:900;
  transition:.25s;
}

.mobile-list>li:hover .mobile-depth1,.mobile-list>li.is-active .mobile-depth1{
  color:#121b78;
}

.mobile-list>li:hover .mobile-depth1:after,.mobile-list>li.is-active .mobile-depth1:after{
  width:64px;
  background:#121b78;
}

.mobile-list>li:hover .mobile-depth1 span,.mobile-list>li.is-active .mobile-depth1 span{
  background:#ff9438;
  color:#fff;
  transform:rotate(45deg);
}

.mobile-sub{
  display:block;
  padding:28px 0 0;
  background:transparent;
}

.mobile-sub a{
  position:relative;
  display:block;
  padding:10px 0 10px 0;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:#555;
  letter-spacing:-.04em;
  transition:color .25s ease,padding .25s ease;
}

.mobile-sub a:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:0;
  height:2px;
  background:#ff9438;
  transform:translateY(-50%);
  transition:width .25s ease;
}

.mobile-sub a:hover{
  color:#ff9438;
  padding-left:16px;
}

.mobile-sub a:hover:before{
  width:8px;
}

body:not(.is-hero-ready) .mega-menu, body:not(.is-hero-ready) .mobile-menu, body:not(.is-hero-ready) .mobile-dim{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


    @media screen and (max-width:1490px) {
        .mobile-menu{width:90%; margin: 0 auto;}
        .mobile-menu:after{width:4%;}
        .mobile-list{margin-left:4%;padding:18px 40px 40px;}
        .mobile-head strong{font-size:clamp(30px,4vw,20px); }
    }
    @media screen and (max-width:1280px) {
        .mobile-head {min-height: 80px; padding: 30px 52px 20px;}
        .mobile-menu{height:min(640px,calc(100vh - 64px));}
        .mobile-menu:after{width:2.5%;}
        .mobile-list{margin-left:2.5%;padding:18px 15px 40px;}
        .mobile-list>li {padding: 20px 15px;}
    }
    @media(max-width:960px){
      .mobile-menu{
        width:calc(90% - 36px);
        height:calc(70% - 36px);
        border-radius:26px;
        overflow-y:auto;
      }

      .mobile-menu:after{
        width:100%;
        height:120px;
        background:linear-gradient(135deg,#11196f,#121b78 60%,#ff9438);
      }

      .mobile-head{
        padding:34px 32px;
        color:#fff;
        min-height:120px;
      }

      .mobile-list{
        margin-left:0;
        padding:24px 30px 52px;
        grid-template-columns:repeat(3,1fr);
        border-left:0;
      }

      .mobile-list>li{
        min-height:auto;
        padding:24px 22px;
        border-right:0;
        border-bottom:1px solid #eee;
      }

      .mobile-sub{
        padding-top:18px;
      }
        
      .mobile-sub a{padding:7px 0 5px 0;}

      .join-inner{
        grid-template-columns:1fr;
        gap:36px;
      }

      .join-card-wrap{
        justify-content:flex-start;
      }

      .join-floating{
        position:absolute;
        right:0;
        top:50%;
        transform:translate3d(24px,-50%,0);
      }

      .join-section.is-show .join-floating{
        transform:translate3d(0,-50%,0);
      }

      .side-quick-menu{
        right:18px;
      }

    }





/************************************************************************
* sub-title-section  *
************************************************************************/
.sub-title-section {
  width: 100%;
  padding: 160px 0px 25px;
  box-sizing: border-box;transition:all 0.3s ease;
}

.sub-title-inner {
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
  padding: 0 
  box-sizing: border-box;

  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px; transition:all 0.3s ease;
}

.sub-title-left h2 {
  margin: 0;
  font-size: 80px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #03095a;transition:all 0.3s ease;
}

.sub-title-left p {
  margin: 18px 0 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #f69738;transition:all 0.3s ease;
}




    /* 반응형 */
    @media screen and (max-width:1700px) {
    .sub-title-section {width: 90%;padding: 160px 0px 25px;margin: 0 auto;}
    .sub-title-left h2 {font-size: 70px;}
    }
    @media screen and (max-width:1500px) {
    .sub-title-section {padding: 150px 0px 20px;}
    .sub-title-inner {max-width: 100%;gap: 10px;}
    .sub-title-left h2 {font-size: 70px;}
    }
    @media screen and (max-width:1280px) {
    .sub-title-section {padding: 140px 0px 20px;}
    .sub-title-left h2 {font-size: 60px;}
    .sub-title-left p {margin: 15px 0 0;font-size: 18px;}
    }
    @media screen and (max-width:1100px) {
    .sub-title-section {padding: 130px 0px 18px;}
    .sub-title-left h2 {font-size: 55px;}
    .sub-title-left p {margin: 13px 0 0;font-size: 17px;}
    }
    @media screen and (max-width:768px) {
    .sub-title-section {width: 85%;padding: 120px 0px 15px;}
    .sub-title-left h2 {font-size: 50px;}
    .sub-title-left p {margin: 10px 0 0;font-size: 16px;}
    }
    @media screen and (max-width:640px) {
    .sub-title-section {padding: 110px 0px 15px;}
    .sub-title-left {width: 100%;}
    .sub-title-inner.disF {justify-content: end;}    
    }
    @media screen and (max-width:460px) {
    .sub-title-section {padding: 100px 0px 10px;}
    .sub-title-left h2 {font-size: 40px;}
    .sub-title-left p {margin: 7px 0 0;font-size: 15px;}
    }
    @media screen and (max-width:400px) {
    .sub-title-section {padding: 100px 0px 5px;}
    .sub-title-left p {font-size: 14px;}
    }
    @media screen and (max-width:360px) {
    .sub-title-left p {font-size: 13px;}
    }





/******* sub Navination *******/
.SNaviBox {position: relative;}
.SNavi {position: relative; display: block; top:0px;transition:all 0.3s ease;}


.SNaviBox span {width: fit-content; position: relative;-index: 9;transition:all 0.3s ease;}
.SNaviBox span *{color:#020853;padding:0px 22px; font-weight:normal; position:relative;transition:all 0.3s ease;}
.SNaviBox span *:after{width:2px;height:2px;background:#020853;border-radius:50%;position:absolute;top:50%;right:-1px;transform:translateY(-50%);display:block;content:"";transition:all 0.3s ease;}
.SNaviBox span *:first-child:after{display: none;}
.SNaviBox span a{padding-right:0 !important; transition:all 0.3s ease;}
.SNaviBox span font:nth-child(2){padding-left:10px !important; transition:all 0.3s ease;}
.SNaviBox span .home{margin-top: -2px;display: block;}
.SNaviBox span .home img{width: 17px !important; height: 16px !important; display: block;}
.SNaviBox span *:last-child{padding-right:0;}
.SNaviBox span *:last-child:after{display:none;}

    @media all and (max-width:1500px) {
    .SNaviBox span font{font-size: 15px !important;}
    }
    @media all and (max-width:1280px) {
    .SNaviBox span font{font-size: 14px !important;}
    }
    @media all and (max-width:767px) {
    .SNaviBox span *{padding:0px 15px;}
    .SNaviBox span font{font-size: 13px !important;}
    }
    @media all and (max-width:640px) {
    .SNaviBox {width: fit-content;  margin-top: 10px;}
    .SNaviBox span {justify-content: flex-end;}
    .SNaviBox span *{padding:0px 12px;}
    .SNaviBox span font{font-size: 12px !important;}
    .SNaviBox span .home img{width: 13px !important; height: auto !important;}
    }
    @media all and (max-width:540px) {
    .SNaviBox span *{padding:0px 10px;}
    }
    @media all and (max-width:460px) {
    .SNaviBox {margin-top: 10px;}
    }
    @media all and (max-width:360px) {
    .SNaviBox span *{padding:0px 8px;}
    .SNaviBox span font{font-size: 11px !important;}
    }




/************************************************************************
* sub visual *
************************************************************************/
.svis{height:500px;position:relative;background-size:cover !important; border-radius: 0 0 60px 60px; position:relative;overflow:hidden;display:flex;justify-content:center;flex-direction:column;transition:all 0.3s ease;}
.svis::before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;transform:scale(1.2);transition:transform 4s ease-in-out;z-index:0;background-size:cover !important;}
.subVisBox.in-view .svis::before{transform:scale(1);}

.svis.sub1::before{background:url(/theme/nemokan/img/resources/sub1_img.jpg) no-repeat center bottom;}
.svis.sub2::before{background:url(/theme/nemokan/img/resources/sub2_img.jpg) no-repeat center bottom;}
.svis.sub3::before{background:url(/theme/nemokan/img/resources/sub3_img.jpg) no-repeat center bottom;}
.svis.sub4::before{background:url(/theme/nemokan/img/resources/sub4_img.jpg) no-repeat center bottom;}
.svis.sub5::before{background:url(/theme/nemokan/img/resources/sub5_img.jpg) no-repeat center bottom;}

.subVisBox .svis *{z-index:99;color:#fff;position:relative;transition:all 0.3s ease;}
.subVisBox .svis h1{font-size: 80px !important; letter-spacing: 0 !important;transition:all 0.3s ease;}
.subVisBox .svis font{color:#b9ff10; font-weight: 300;transition:all 0.3s ease;}

.ciBox{width: fit-content; margin-top: -4%; margin-left: 11%;}
.ciBox .hero-badge{
  width: fit-content;    
  display:inline-flex;
  align-items:center;
  padding:8px 20px;
  margin-bottom:15px;
  border-radius:8px;
  background:#ff9638;
  color:#fff;
  font-size:24px;
  font-weight:500;
  text-shadow:none; margin: 0 auto;
  transition:all 0.3s ease;
}

.ciBox .logo{
  display:block;
  width:130px; height: 121px;
  margin:auto auto 22px; z-index: 99; 
  transition:all 0.3s ease; 
}

    @media all and (max-width:1500px) {
    .svis{height:450px;border-radius: 50px;}

    .svis.sub1::before,
    .svis.sub2::before,
    .svis.sub3::before,
    .svis.sub4::before,
    .svis.sub5::before{background-position:right -100px bottom;}
        
    .ciBox{margin-left: 10%;}
    .ciBox .logo{width:120px; height: auto; margin:auto auto 20px;} 
    .ciBox .hero-badge{padding:8px 25px; font-size:20px;}   
    }
    @media all and (max-width:1280px) {
    .svis{height:400px;border-radius: 40px;}
        
    .ciBox .logo{width:100px; margin:auto auto 18px;}   
    .ciBox .hero-badge{padding:7px 23px; font-size:18px;border-radius:7px;}
    }
    @media all and (max-width:960px) {
    .ciBox .hero-badge{font-size:17px;}
    }
    @media all and (max-width:767px) {
    .svis{height:350px;border-radius: 35px;}
        
    .ciBox .logo{width:90px;margin:auto auto 16px;}  
    .ciBox .hero-badge{padding:6px 20px; font-size:16px;}
    }
    @media all and (max-width:640px) {
    .svis{height:300px;border-radius: 30px;}
    .svis.sub1::before,
    .svis.sub2::before,
    .svis.sub3::before,
    .svis.sub4::before,
    .svis.sub5::before{background-position:right -120px bottom;}
        
    .ciBox{margin-top: -6%;}
    .ciBox .logo{width:80px;margin:auto auto 15px;}  
    .ciBox .hero-badge{padding:5px 20px; font-size:15px; border-radius:6px;}
    }
    @media all and (max-width:560px) {
    .svis{border-radius: 25px;}
        
    .ciBox{margin: 0 auto;margin-top: -15%;}
    .ciBox .logo{width:70px;margin:auto auto 15px;}  
    .ciBox .hero-badge{padding:5px 16px; font-size:14px; border-radius:6px;}
    }
    @media all and (max-width:460px) {
    .svis{border-radius: 20px;}
        
    .ciBox{margin-top: -16%;}
    .ciBox .logo{width:60px;margin:auto auto 12px;}  
    .ciBox .hero-badge{padding:4px 13px; font-size:13px;border-radius:5px;}
    }
    @media all and (max-width:360px) {
    .svis{border-radius: 15px;}
    .svis.sub1::before,
    .svis.sub2::before,
    .svis.sub3::before,
    .svis.sub4::before,
    .svis.sub5::before{background-position:right -160px bottom;}
        
    .ciBox{margin-top: -17%;}
    .ciBox .logo{width:55px;margin:auto auto 10px;}  
    .ciBox .hero-badge{padding:3px 12px; font-size:13px;}
    }












/************************************************************************
* stit *
************************************************************************/
.S_Tit i.ci{position: relative;}
.S_Tit i.ci:after{width:29px;height:24px;background:url(/img/stit_ci.png) no-repeat; top:-12px; right:-29px; background-size: cover; display: block;position: absolute;content:"";}

    @media screen and (max-width:1280px){
        .detail .S_Tit h4 {font-size: 38px !important; }
        .detail .S_Tit h4:after{width:28px;height:18px;background:url(/img/Stit_groot.png) no-repeat; background-size: cover; top:-4px; left:0; }
    }
    @media screen and (max-width:767px){
        .detail .S_Tit h4 {font-size: 36px !important; }
        .detail .S_Tit h4:after{width:26px;height:16px;background:url(/img/Stit_groot.png) no-repeat; background-size: cover; top:-4px; left:2px; }
    }
    @media screen and (max-width:460px){
        .detail .S_Tit h4 {font-size: 34px !important; }
        .detail .S_Tit h4:after{width:24px;height:14px;background:url(/img/Stit_groot.png) no-repeat; background-size: cover; top:-4px; left:2px; }
    }






/************************************************************************
* Sub quick Menu *
************************************************************************/
.quick-menu-section {
  width: 100%;
  padding-bottom: 40px;
  background: #fff;
}

.quick-menu-wrap {
  display: flex;
  gap: 30px;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

/* 버튼 카드 */
.quick-card {
  position: relative;
  overflow: hidden;
  flex: 1;
  height: 215px;
  border-radius: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 56px;
  box-sizing: border-box;
  isolation: isolate;
}

/* 배경 이미지 */
.quick-bg {
  position: absolute;
  inset: 0; background: #000;
  background-size: cover;
  background-position: center; 
  transition: transform 1s ease, filter 1s ease; 
  z-index: -3;
}

/* 기본 오버레이 - 파란색 제거 */
.quick-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  transition: background 0.8s ease;
  z-index: -2;
}

/* 오른쪽 버튼 기본 어둡게 */
.quick-overlay.dark {
  background: rgba(0, 0, 0, 0.52);
}

/* hover 시 아래에서 은은하게 블루 배경 */
.quick-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background: linear-gradient(
    0deg,
    rgba(45, 116, 232, 0.42),
    rgba(45, 116, 232, 0.08)
  );
  transition: height 0.8s ease;
  z-index: -1;
}

/* 텍스트 영역 */
.quick-content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 28px;
  color: #fff;
  z-index: 2;
}

.quick-content strong {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.25;
  color: #fff;
  transition: transform 0.7s ease;
}

.quick-content span {
  display: block;
  width: 60px;
  height: 1px;
  background: rgba(255, 255, 255, 0.9);
  transition: width 0.7s ease, background 0.7s ease;
}

/* hover / focus / active 효과 */
.quick-card:hover::after,
.quick-card:focus::after,
.quick-card:active::after {
  height: 100%;
}

.quick-card:hover .quick-overlay,
.quick-card:focus .quick-overlay,
.quick-card:active .quick-overlay {
  background: linear-gradient(
    90deg,
    rgba(30, 108, 226, 0.82) 0%,
    rgba(30, 108, 226, 0.58) 48%,
    rgba(30, 108, 226, 0.34) 100%
  );
}

.quick-card:hover .quick-bg,
.quick-card:focus .quick-bg,
.quick-card:active .quick-bg {
  transform: scale(1.08);
  filter: brightness(1.08);
}

.quick-card:hover .quick-content strong,
.quick-card:focus .quick-content strong,
.quick-card:active .quick-content strong {
  transform: translateX(6px);
}

.quick-card:hover .quick-content span,
.quick-card:focus .quick-content span,
.quick-card:active .quick-content span {
  width: 150px;
  background: #fff;
}

/* 모바일 */
@media (max-width: 1280px) {
  .quick-menu-wrap {
    gap: 16px;
  }
  .quick-content strong {
    font-size: 30px;
  }
}
@media (max-width: 1024px) {
  .quick-menu-wrap {
    gap: 16px;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .quick-card {
    height: 180px;
    padding: 0 36px;
  }

  .quick-content strong {
    font-size: 28px;
  }

  .quick-content span {
    width: 80px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 120px;
  }
}

@media (max-width: 1100px) {
  .quick-menu-wrap {
    gap: 16px;
    padding: 0 20px;
    box-sizing: border-box;
  }

    .quick-content {
      gap: 20px;
    }
    
  .quick-card {
    height: 180px;
    padding: 0 36px;
  }

  .quick-content strong {
    font-size: 26px;
  }

  .quick-content span {
    width: 70px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 110px;
  }
}

@media (max-width: 960px) {
    .quick-content {
      gap: 18px;
    }
    
  .quick-card {
    height: 160px;
    padding: 0 30px;
  }

  .quick-content strong {
    font-size: 24px;
  }

  .quick-content span {
    width: 60px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .quick-menu-wrap {
    gap: 13px;
    padding: 0 10px;
    flex-direction: column;
  }

  .quick-card {
    width: 100%;
    height: 160px;
    border-radius: 16px;
    padding: 70px 40px;
  }

  .quick-content {
    gap: 20px;
  }

  .quick-content strong {
    font-size: 26px;
  }

  .quick-content span {
    width: 80px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 120px;
  }
}

@media (max-width: 640px) {
  .quick-menu-wrap {
    gap: 10px;
  }

  .quick-card {
    padding: 60px 50px;
  }

  .quick-content strong {
    font-size: 24px;
  }
}

@media (max-width: 540px) {
  .quick-menu-wrap {
    gap: 8px;
  }

  .quick-card {
    padding: 50px 40px;
  }

  .quick-content strong {
    font-size: 22px;
  }
    
  .quick-content span {
    width: 60px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 100px;
  }
}

@media (max-width: 460px) {
  .quick-menu-wrap {
    gap: 7px;
    padding: 0 5px;
  }

  .quick-card {
    padding: 45px 35px;
  }

  .quick-content strong {
    font-size: 20px;
  }
    
  .quick-content span {
    width: 35px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 70px;
  }
}

@media (max-width: 400px) {
  .quick-menu-wrap {
    gap: 6px;
  }
    
  .quick-card {
    padding: 40px 25px;
  }

  .quick-content strong {
    font-size: 18px;
  }
    
  .quick-content span {
    width: 30px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 60px;
  }
}

@media (max-width: 360px) {
  .quick-card {
    padding: 40px 20px;
  }

  .quick-content strong {
    font-size: 17px;
  }
    
  .quick-content span {
    width: 20px;
  }

  .quick-card:hover .quick-content span,
  .quick-card:focus .quick-content span,
  .quick-card:active .quick-content span {
    width: 50px;
  }
}





/************************************************************************
* right_fixed *
************************************************************************/
.right_fixed{position:fixed;top:45%;right:20px;transform:translateY(-20%);z-index:99;}
.right_fixed .right_ttl{background: #000; padding: 12px 0; color: #fff;border-radius: 15px;text-align: center;}
.right_fixed .right_ttl font{letter-spacing: -0.03em;}


.right_fixed a{background:#63b916; width:100px;height:100px;border-radius:15px;border:none; box-shadow: none ; display: block !important; padding-top: 6px; margin: 5px 0; transition:all 0.3s ease;}

.right_fixed a figure{display: block ; margin: 5px auto;  transition:all 0.3s ease;}
.right_fixed a figure img{margin: 0 auto;display: block; transition:all 0.3s ease;}
.right_fixed a .type14{width: 100%;color:#fff; line-height: 100%; letter-spacing: 0em;text-align: center;transition:all 0.3s ease; opacity: 1;  display: block;transition:all 0.3s ease;}
.right_fixed a font br.hide{display: block;}

.right_fixed a.charge{background:#1661db; transition:all 0.3s ease;}

.right_fixed a:hover{background: #1a8609 !important;border-radius:35px;}
.right_fixed a:hover.charge{background: #162ea7 !important;}

.right_fixed a:hover figure{transform: scale(0.9);;}


    @media screen and (max-width:1500px){
    .right_fixed a{width:95px;height:95px;padding-top: 5px; }   
    }
    @media screen and (max-width:1280px){
    .right_fixed a{width:90px;height:90px;padding-top: 4px; margin: 4px 0;}
        
    .right_fixed a figure{margin: 3px auto;}
    }
    @media screen and (max-width:1100px){
    .right_fixed .right_ttl{border-radius: 12px;}
    .right_fixed a{width:85px;height:85px;border-radius: 12px;}
    }
    @media screen and (max-width:960px){
    .right_fixed a{width:90px;height:80px;padding-top: 8px; }
        
    .right_fixed a figure img{width:40px; height: 40px;}
    .right_fixed a .type14{font-size: 11px !important; letter-spacing: -0.05em;}
    .right_fixed a font br.hide{display: none;}
    .right_fixed a:hover{border-radius:25px;}
    }
    @media screen and (max-width:767px){
    .right_fixed{right:10px;}
        
    .right_fixed a{width:85px;height:75px;padding-top: 7px; margin: 3px 0;}
        
    .right_fixed a figure img{width:35px; height: 35px;}
    }
    @media screen and (max-width:640px){
    .right_fixed{right:7px;}
    .right_fixed .right_ttl{border-radius: 10px; font-size: 12px !important;}
    .right_fixed a{width:85px;height:70px;border-radius:10px;}
        
    .right_fixed a figure{margin: 2px auto;}
    .right_fixed a figure img{width:30px; height: 30px;}
    .right_fixed a .type14{font-size: 10px !important;margin-top: 5px !important;}
        
    .right_fixed a:hover{border-radius:20px;}
    }
    @media screen and (max-width:560px){
    .right_fixed{top:auto !important; bottom: 7% !important;right:5px;}
        
    .right_fixed .right_ttl{border-radius: 7px; font-size: 11px !important;}
    .right_fixed a{width:75px;height:56px;padding-top: 5px; border-radius:7px;}
    .right_fixed a figure img{width:27px; height: 27px;}
    .right_fixed a .type14{margin-top: 3px !important;}
        
    .right_fixed a:hover{border-radius:15px;}
    }





/************************************************************************
* bot_link_Wrap *
************************************************************************/
.bot_link_Wrap {background:url(/img/bot_link_bg.jpg) no-repeat center center;background-size:cover; padding: 90px 0;overflow: hidden; position: relative;  transition:all 0.3s ease;}
.bot_link_Wrap .disF{width: 65%; display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.5rem;margin-left: 2%;;transition:all 0.3s ease;}

.bot_link_Wrap .disF .item{border:solid 2px rgba(255,255,255,.5); background:rgba(255,255,255,.02); backdrop-filter:blur(6px); padding: 10px 0;  display:flex;justify-content:space-between;flex-direction:column;transition:all 0.3s ease;}
.bot_link_Wrap .disF .item *{text-align:center;}

.bot_link_Wrap .disF .item .itBx{padding:20px 30px;transition:all 0.3s ease;}
.bot_link_Wrap .disF .item .itBx img{width:138px; height: auto; margin:0 auto;display:block;transition:all 0.3s ease;}
.bot_link_Wrap .disF .item .con{color: #252972; font-weight: 700; transition:all 0.3s ease;}


.bot_link_Wrap .disF a:hover.item{border:solid 2px rgba(255,255,255,1);  background:rgba(255,255,255,.9); backdrop-filter:blur(0px);}
.bot_link_Wrap .disF a:hover.item .con{color: #f7993a !important;}
.bot_link_Wrap .disF a:hover.item .itBx img{transform: scale(1.08); filter: brightness(1.08); transition:all 0.3s ease;}

.bot_link_Wrap .disF a:nth-child(3).item{border:solid 2px rgba(37,41,114,.9); background:rgba(37,41,114,.9); transition:all 0.3s ease;}
.bot_link_Wrap .disF a:nth-child(3).item .con{color: #fff;}

.bot_link_Wrap .disF a:hover:nth-child(3).item{border:solid 2px rgba(37,41,114,1); background:rgba(37,41,114,1); }

    @media screen and (max-width:1500px) {
    .bot_link_Wrap {background:url(/img/bot_link_bg.jpg) no-repeat center right 30% !important; padding: 100px 0;}
    .bot_link_Wrap .disF{gap:1rem;}
    }
    @media screen and (max-width:1350px) {
    .bot_link_Wrap .disF{width: 70%; gap:1.2rem;}
    }
    @media screen and (max-width:1280px) {
    .bot_link_Wrap .disF{ gap:1rem;}

    .bot_link_Wrap .disF .item .itBx{padding:15px 20px;}
    .bot_link_Wrap .disF .item .itBx img{width:120px;}
    .bot_link_Wrap .disF .item .con{font-size: 26px; padding-bottom:20px;}
    }
    @media screen and (max-width:1100px) {
    .bot_link_Wrap .disF .item .itBx img{width:110px;}
    .bot_link_Wrap .disF .item .con{font-size: 24px; padding-bottom:10px;}
    }
    @media screen and (max-width:960px) {
    .bot_link_Wrap .disF{gap:1.0rem;}
    .bot_link_Wrap .disF .item .itBx img{width:100px;}
    .bot_link_Wrap .disF .item .con{font-size: 22px; padding-bottom:5px;}
    }
    @media screen and (max-width:840px) {
    .bot_link_Wrap .disF{width: 75%; gap:0.8rem;}
    .bot_link_Wrap .disF .item .itBx img{width:100px;}
    .bot_link_Wrap .disF .item .con{font-size: 22px; padding-bottom:5px;}
    }
    @media screen and (max-width:767px) {
    .bot_link_Wrap {background:url(/img/bot_link_bg.jpg) no-repeat center right 25% !important; padding: 80px 0;}
    .bot_link_Wrap .disF{width: 70%; gap:0.5rem;}
    .bot_link_Wrap .disF .item .itBx{padding:8px 12px;}
    .bot_link_Wrap .disF .item .itBx img{width:90px;}
    .bot_link_Wrap .disF .item .con{font-size: 20px; }
    }
    @media screen and (max-width:700px) {
    .bot_link_Wrap {padding: 70px 0;}
    .bot_link_Wrap .disF{width: 45%;grid-template-columns:repeat(1, minmax(0, 1fr)); gap:0.5rem; margin-left: 5%;}
    .bot_link_Wrap .disF .item{padding: 0px;}
    .bot_link_Wrap .disF .item .itBx{padding:10px 15px;display:grid;grid-template-columns: 35% 56%;gap:1rem; align-items: center;}
    .bot_link_Wrap .disF .item .itBx img{width:60px; }
    .bot_link_Wrap .disF .item .con{font-size: 18px; margin-top: 5px !important;text-align: left;}
    }
    @media screen and (max-width:580px) {
    .bot_link_Wrap {padding: 60px 0;}
    .bot_link_Wrap .disF{width: 50%;}
    .bot_link_Wrap .disF .item .itBx{padding:8px 12px;}
    .bot_link_Wrap .disF .item .con{font-size: 18px;}
    }
    @media screen and (max-width:480px) {
    .bot_link_Wrap .disF{width: 60%;}
    .bot_link_Wrap .disF .item{margin-bottom:2px;border-radius: 15px !important;}
    .bot_link_Wrap .disF .item .itBx{grid-template-columns: 35% 60%;padding:12px;}
    .bot_link_Wrap .disF .item .itBx img{width:52px;}
    }
    @media screen and (max-width:400px) {
    .bot_link_Wrap .disF{width: 65%;}
    .bot_link_Wrap .disF .item .itBx{grid-template-columns: 35% 60%;padding:7px 10px;}
    .bot_link_Wrap .disF .item .itBx img{width:50px;}
    .bot_link_Wrap .disF .item .con{font-size: 17px;}
    }
    @media screen and (max-width:360px) {
    .bot_link_Wrap .disF{width: 70%;}
    }







/************************************************************************
* banner *
************************************************************************/
.banner{padding: 60px 50px 60px 80px; position:relative;font-size:0;line-height:0;background: #fff;}

.banner .slick-track{display:flex;align-items:center;justify-content:center;}

.banner_title{position:absolute;top:38px;left:0;}
.banner_list{}
.banner_item{padding:20px 0 !important;display:inline-block;position:relative;padding-top:10px;padding-bottom:10px;}
.banner_item img{box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.15);border-radius: 50px;padding: 20px 40px; }
.banner_item + .banner_item{margin:0 10px; margin-left: 20px;/*padding-left:25px;*/}
.banner_item + .banner_item:before{width:1px;height:9px;display:block;position:absolute;top:0;left:0;bottom:0;margin-top:auto;margin-bottom:auto;border-left:1px dotted #848484;}

.banner_anchor{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.banner_anchor img{margin:0 auto;display:block;}

.banner_control{width:95%;position:absolute; top:110px;}
#footer .slick-arrow,
.banner_more{display:inline-block;position:relative;width:32px;height:32px;border:1px solid #ebebeb;border-radius:12px;vertical-align:middle;font-size:0;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);}
.banner_auto{margin-right:4px;margin-left:4px;}
.banner_more{margin-left:4px;}

.banner_control .slick-arrow{position:absolute;background:#fff;}
.banner_control .slick-arrow.banner_prev{left:0%;}
.banner_control .slick-arrow.banner_next{left:95%;}

#footer .slick-arrow:before,
.banner_more:before{width:30px;height:30px;margin:auto;display:block;position:absolute;top:0;bottom:0;background-image:url(/img/banner_sprite.png);background-repeat:no-repeat;content:'';}
.banner_prev:before{background-position:left top;content:'';}
.banner_next:before{background-position:left 75%;content:'';}

.banner_auto.slick-play:before{background-position:left 25%;content:'';}
.banner_auto.slick-pause:before{background-position:left 50%;content:'';}
.banner_more:before{background-position:left 100%;content:'';}


@media screen and (max-width:1700px){
.banner_control .slick-arrow.banner_next{left:92%;}
}
@media screen and (max-width:1280px){
.banner{padding: 50px 20px 50px 60px;}
.banner_control{top:100px;}
.banner_control .slick-arrow.banner_next{left:92%;}
}
@media screen and (max-width:1100px){
.banner{padding: 40px 10px 40px 30px;}
.banner_control{top:90px;}
.banner_control .slick-arrow.banner_next{left:93%;}
}
@media screen and (max-width:960px){
.banner{padding: 40px 10px 40px 30px;}
.banner_control{top:89px;}
.banner_control .slick-arrow.banner_next{left:92%;}
}
@media screen and (max-width:767px){
.banner_control{top:89px;}
.banner_control .slick-arrow.banner_next{left:89%;}
.banner_item + .banner_item{margin-left:15px;padding-left:15px;}
}
@media screen and (max-width:640px){
.banner_control{top:88px;}
.banner_item + .banner_item{margin-left:25px;padding-left:10px;}
.banner_control .slick-arrow.banner_next{left:85%;}
}
@media screen and (max-width:460px){
.banner{padding: 30px 10px 30px 30px;}
.banner_control{top:88px;}
.banner_control .slick-arrow.banner_next{left:75%;}
#footer .slick-arrow{width:28px;height:28px;}
#footer .slick-arrow:before{width:26px;height:26px;background-size:26px;}
}
@media screen and (max-width:360px){
.banner_control{top:80px;}
.banner_control .slick-arrow.banner_next{left:70%;}
}
@media screen and (max-width:320px){
.banner_control{top:76px;}
}





/* ==================== Footer ==================== */
.footer-section{
  position:relative;
  background:#fff;
  padding:74px 0 70px;
  color:#7d7d7d;
  overflow:hidden;
}

.footer-inner{
  width:1600px;
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:60px;
}

.footer-left{
  min-width:0;
}

.footer-logo{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:20px;
  color:#555; transition:all 0.3s ease;
}


.footer-info{
  display:grid;
  gap:9px;
  font-size:18px;
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:500;  
    
}

.footer-info p{
  margin:0;
  display:flex;
  flex-wrap:wrap; color:#7d7d7d;
  gap:5px 25px;
}

.footer-copy{
  margin:22px 0 0;
  font-size:16px;
  font-weight:600;
  letter-spacing:-.025em;
  color:#7d7d7d; 
    
}

.footer-right{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:48px;
  padding-top:4px;
}

.footer-social{
  display:flex;
  align-items:center;
  gap:12px;
}

.footer-social a{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#f7f7f7;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#999;
  font-size:16px;
  font-weight:800;
  transition:background .28s ease,color .28s ease,transform .28s ease;
}

.footer-social a:hover{
  background:#11156f;
  color:#fff;
  transform:translateY(-4px);
}

.footer-policy{
  display:flex;
  align-items:center;
  gap:12px;
}

.footer-policy a{
  min-width:98px;
  height:32px;
  padding:0 15px;
  border:1px solid #e5e5e5;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#aaa;
  background:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:-.035em;
  transition:color .25s ease,border-color .25s ease,background .25s ease;
}

.footer-policy a:hover{
  color:#11156f;
  border-color:#11156f;
  background:#f8f9ff;
}

.footer-policy span{
  font-size:11px;
}

.footer-reveal .footer-logo, .footer-reveal .footer-info, .footer-reveal .footer-copy, .footer-reveal .footer-social, .footer-reveal .footer-policy{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
}

.footer-reveal.is-visible .footer-logo{
  opacity:1;
  transform:translateY(0);
  transition-delay:.05s;
}

.footer-reveal.is-visible .footer-info{
  opacity:1;
  transform:translateY(0);
  transition-delay:.13s;
}

.footer-reveal.is-visible .footer-copy{
  opacity:1;
  transform:translateY(0);
  transition-delay:.20s;
}

.footer-reveal.is-visible .footer-social{
  opacity:1;
  transform:translateY(0);
  transition-delay:.17s;
}

.footer-reveal.is-visible .footer-policy{
  opacity:1;
  transform:translateY(0);
  transition-delay:.25s;
}

.footer-section.info-footer-locked .footer-logo, .footer-section.info-footer-locked .footer-info, .footer-section.info-footer-locked .footer-copy, .footer-section.info-footer-locked .footer-social, .footer-section.info-footer-locked .footer-policy{
  opacity:0 !important;
  transform:translate3d(0,34px,0) !important;
}

.footer-section.info-footer-ready .footer-logo, .footer-section.info-footer-ready .footer-info, .footer-section.info-footer-ready .footer-copy, .footer-section.info-footer-ready .footer-social, .footer-section.info-footer-ready .footer-policy{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
  transition-property:opacity,transform !important;
  transition-duration:.8s !important;
  transition-timing-function:cubic-bezier(.22,1,.36,1) !important;
}

.footer-section.info-footer-ready .footer-logo{
  transition-delay:.02s !important;
}

.footer-section.info-footer-ready .footer-info{
  transition-delay:.09s !important;
}

.footer-section.info-footer-ready .footer-copy{
  transition-delay:.16s !important;
}

.footer-section.info-footer-ready .footer-social{
  transition-delay:.12s !important;
}

.footer-section.info-footer-ready .footer-policy{
  transition-delay:.19s !important;
}

.footer-section, footer.footer-section{
  display:block !important;
  position:relative !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  z-index:5 !important;
  min-height:240px !important;
  padding:70px 0 !important;
  background:#f2f2f2 !important;
  overflow:visible !important;
}

.footer-section .footer-inner{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

.footer-section .footer-logo, .footer-section .footer-info, .footer-section .footer-copy, .footer-section .footer-social, .footer-section .footer-policy, .footer-section.info-footer-locked .footer-logo, .footer-section.info-footer-locked .footer-info, .footer-section.info-footer-locked .footer-copy, .footer-section.info-footer-locked .footer-social, .footer-section.info-footer-locked .footer-policy{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
}

.footer-section .footer-left, .footer-section .footer-right{
  opacity:1 !important;
  visibility:visible !important;
}



    @media screen and (max-width:1610px) {
        .footer-inner{width:94%; margin: 0 auto;}
    }
    @media screen and (max-width:767px){
        .footer-section, footer.footer-section {padding: 60px 0 !important;}
        
        .footer-inner{width:100%; display:block; gap:0px; }

        .footer-left {width: 100% !important;}
        .footer-left .footer-logo{width: 300px !important; margin: 0 auto; margin-bottom: 20px;}
        .footer-info {font-size: 16px; padding-left: 0 !important; text-align: center !important;}
        .footer-info p{display:block; width: 100%; text-align: center !important;}
        .footer-info p span{display:block; width: 100%; text-align: center !important; line-height: 1.5;}
        
        .footer-copy{text-align: center; padding-left: 0;}
        
        .footer-right {width: 100% !important; margin-top: 20px;}
    }
    @media screen and (max-width:460px){
        .footer-left .footer-logo{width: 280px !important;}
        .footer-info {font-size: 15px; }
        
        .footer-copy{ font-size:15px !important;}
    }
    @media screen and (max-width:360px){
        .footer-left .footer-logo{width: 260px !important;}
        .footer-copy{ font-size:14px !important;}
    }






footer .lsBox{padding:0 20px; transition:all 0.5s ease;}

footer .lsBox .snsBox .sns a{width: 50px; height: 50px;background: #f9f9f9; border-radius: 100%; margin:0 6px;display:flex; justify-content: center; align-items: center;  transition:all 0.5s ease;}
footer .lsBox .snsBox .sns a:nth-child(3){margin:0 15px;}
footer .lsBox .snsBox .sns a:nth-child(4){margin-right:0;}
footer .lsBox .snsBox .sns a img{width: 29px; height: 29px;opacity:0.5;display:block;transition:all 0.5s ease;}
footer .lsBox .snsBox .sns a:hover{background: #f0f0f0;}
footer .lsBox .snsBox .sns a:hover img{transform:scale(1.1);opacity:1;transition:all 0.5s ease;}



.terms{transition:all 0.3s ease;}
.terms a{padding: 7px 20px 5px 20px;color:rgba(0,0,0,0.6); border:solid 1px rgba(0,0,0,0.3);line-height: 180%; border-radius: 10px; margin: 0 6px; position:relative;transition:all 0.3s ease;}


.terms a:hover{color:rgba(0,0,0,0.9);;border:solid 1px rgba(0,0,0,0.9);}
.terms a:hover:after{opacity: 1;}
.terms a:first-child{margin-left:0 !important;}
.terms a:last-child{margin-right:0 !important;}


    @media screen and (max-width:767px){
        .footer-right  {width: 90% !important; align-items: center; margin: 0 auto;margin-top: 40px !important; padding-top: 40px; border-top:solid 1px rgba(0,0,0,0.1); gap: 20px;}
        .footer-right .lsBox .snsBox {margin: 0 auto;}
    }
    @media screen and (max-width:460px){
        footer .lsBox .snsBox .sns a{width: 44px; height: 44px; margin:0 3px;}
        footer .lsBox .snsBox .sns a:nth-child(3){margin:0 3px;}
        footer .lsBox .snsBox .sns a img{width: 24px; height: 24px;}
    }










/************************************************************************
* POPUP *
************************************************************************/
.ft_popup{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:99999;}
.ft_popup .popup_wrap{max-width:740px;margin:0 auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;background:#fff;}
.ft_popup .popup_wrap .titArea{height:60px;line-height:60px;padding:0 20px;position:relative;background:#000;text-align:left;}
.ft_popup .popup_wrap .titArea p{font-size:20px;font-weight:500;color:#fff;}

.ft_popup .popup_wrap .conArea{padding:25px 20px;}
.ft_popup .popup_wrap .conArea *{font-family:'Noto Sans KR';}
.ft_popup .popup_wrap .conArea p{line-height:1.5;font-size:15px;color:#333;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:380px;padding:20px;margin:10px 0;font-size:15px;border:1px solid #ddd;overflow-y:scroll;}

.ft_popup .popup_wrap .close{width:30px;height:30px;display:block;position:absolute;top:15px;right:35px;cursor:pointer;}
.ft_popup .popup_wrap .close:after{content:"";width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(45deg);}
.ft_popup .popup_wrap .close:before{content:"";width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;transform:rotate(-45deg);}

@media screen and (max-width:767px) {
.ft_popup .popup_wrap{max-width:100%;}
.ft_popup .popup_wrap .conArea{padding:20px 15px;}
.ft_popup .popup_wrap .conArea p{font-size:15px;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:360px;padding:18px;font-size:14px;}
}
@media screen and (max-width:640px) {
.ft_popup .popup_wrap .titArea{height:50px;line-height:50px;padding:0 15px;}

.ft_popup .popup_wrap .conArea{padding:15px 10px;}
.ft_popup .popup_wrap .conArea p{font-size:14px;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:340px;padding:15px;font-size:13px;}

.ft_popup .popup_wrap .close{top:10px;right:30px;}
}

@media screen and (max-height:700px) {
.ft_popup .popup_wrap{height:100%;}
.ft_popup .popup_wrap .conArea{height:100%;padding-bottom:120px;overflow-y:scroll;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:100%;padding:10px;}
}








/************************************************************************
* UP *
************************************************************************/
#back2top{width:65px;height:65px;font-size:24px;line-height:60px;text-align:center;color:#fff;border:solid 1px rgba(0,0,0,0.1);background:rgba(0,0,0,1);border-radius:15px;position:fixed;bottom:20px;right:20px;display:none;cursor:pointer; padding-top: 12px; transition:all 0.3s ease;z-index:98;}
#back2top:hover{border-radius:35px;}

@media screen and (max-width:1500px){
#back2top{width:60px;height:60px;font-size:22px;line-height:60px;bottom:15px;right:15px;}
}
@media screen and (max-width:1280px){
#back2top{width:58px;height:58px;font-size:20px;line-height:58px;}
}
@media screen and (max-width:1100px){
#back2top{width:54px;height:54px;font-size:19px;line-height:54px;bottom:10px;right:10px;}
}
@media screen and (max-width:767px){
#back2top{width:50px;height:50px;font-size:18px;line-height:50px;}
}
@media screen and (max-width:640px){
#back2top{width:45px;height:45px;font-size:16px;line-height:45px;bottom:5px;right:5px;}
}
@media screen and (max-width:460px){
#back2top{width:40px;height:40px;line-height:40px;}
}
@media screen and (max-width:360px){
#back2top{width:38px;height:38px;line-height:38px;}
}



/************************************************************************
* keyframes animation *
************************************************************************/
@keyframes gnbSub {
	0%{transform:translateY(30px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}


@keyframes line_w1 {
	0%{width:0;}
	100% {width:520px;}
}
@media screen and (max-width:1600px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:375px;}
	}
}
@media screen and (max-width:1250px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:320px;}
	}
}
@media screen and (max-width:640px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:0;}
	}
}



@-webkit-keyframes scale{
	0%{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
	100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scale{
	0%{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
	100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}


@-webkit-keyframes slideInUp {
	0% {opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);}
	100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp {
	0% {opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);}
	100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}



@keyframes maintxtani {
	form { transform:translateY(100px);opacity:0;}
	30% { transform:translateY(0);opacity:1;}
	70% { transform:translateY(0);opacity:1;}
	to { transform:translateY(0);opacity:1;}
}
@-webkit-keyframes maintxtani {
	form { transform:translateY(100px);opacity:0;}
	30% { transform:translateY(0);opacity:1;}
	70% { transform:translateY(0);opacity:1;}
	to { transform:translateY(0);opacity:1;}
}





/************************************************************************
* motion *
************************************************************************/
.ex{opacity:0;}
.ex.in-view{animation-name:fadeUpAni;animation-duration:0.7s;animation-fill-mode:forwards;animation-delay:0.5s;}

@keyframes upslide{
	0%{opacity:0;transform:translateY(100%)}
	to{opacity:1;transform:translateY(0%)}
}
@keyframes leftslide{
	0%{opacity:0;transform:translateX(100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes rightslide{
	0%{opacity:0;transform:translateX(-100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes downslide{
	0%{opacity:0;transform:translateY(-100%)}
	to{opacity:1;transform:translateY(0%)}
}

@keyframes fade{
	0%{opacity:0;}
	50%{opacity:1;}
	to{opacity:0;}
}

@keyframes scaleminus {
	0%{
		opacity:0;
		transform:scale(0.8);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}

@keyframes scaleplus {
	0%{
		opacity:0;
		transform:scale(1.05);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}







.effect{opacity:0;}

.in-view .effect.up-1{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.up-2{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.up-3{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.up-4{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.up-5{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.up-6{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.up-7{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.up-8{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.up-9{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.up-10{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.up-11{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.up-12{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.up-14{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.up-15{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.up-16{animation-name:upslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.left-1{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.left-2{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.left-3{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.left-4{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.left-5{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.left-6{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.left-7{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.left-8{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.left-9{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.left-10{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.left-11{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.left-12{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.left-14{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.left-15{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.left-16{animation-name:leftslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.right-1{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.right-2{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.right-3{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.right-4{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.right-5{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.right-6{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.right-7{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.right-8{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.right-9{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.right-10{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.right-11{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.right-12{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.right-14{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.right-15{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.right-16{animation-name:rightslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.down-1{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.down-2{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.down-3{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.down-4{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.down-5{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.down-6{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.down-7{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.down-8{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.down-9{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.down-10{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.down-11{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.down-12{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.down-14{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.down-15{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.down-16{animation-name:downslide;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.scaleminus-1{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.scaleminus-2{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.scaleminus-3{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.scaleminus-4{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.scaleminus-5{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.scaleminus-6{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.4s;}
.in-view .effect.scaleminus-7{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.6s;}
.in-view .effect.scaleminus-8{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.scaleminus-9{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.0s;}
.in-view .effect.scaleminus-10{animation-name:scaleminus;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.2s;}