@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 400;
    src: local('Gelion'), url('../font/Gelion_Regular.ttf') format('woff');
}

@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 300;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Light Italic.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 300;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Thin.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 500;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Medium Italic.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 500;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Medium.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 600;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion SemiBold Italic.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 600;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 700;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 700;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Bold.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 900;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Black Italic.woff') format('woff');
}
@font-face {
    font-family: 'Gelion';
    font-style: normal;
    font-weight: 900;
    src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Black.woff') format('woff');
}
html, body, .page_w{overscroll-behavior: none;}
*{margin: 0; padding: 0; box-sizing: border-box; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
a{text-decoration: unset; color: #000;}
li{list-style: none;}
img{max-width: 100%; display: block;}
/*body{background-color: #F6F2EE;}*/

/* header */
header{padding: 0 40px; position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}

.header_inner{height: 110px; width: 100%; position: absolute; left: 0; top: 0; transition: ease 0.3s background-color;}
.header_inner.header_hover{background-color: #fff;}

.h_logo{width: 100px; display: block; position: absolute; left: 40px; top:32px;}
.h_logo img{position: absolute; left: 0; top: 0;}
.h_list{display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 38px; font-weight: 600; font-size: 16px;  text-transform: uppercase;}
.h_list > li{position: relative; height: 42px; white-space: nowrap;}
.h_list > li.active{}
.h_list > li > a{color: #000; transition: ease 0.3s color, ease 0.3s background-color;  background-color: #1c267d00; padding: 10px 20px; border-radius: 80px; line-height: 1.4; letter-spacing: 1.28px; height: 100%; display: flex; align-items: center; justify-content: center;}
.h_list > li.active > a{color: #fff;background-color: #1c267d;}
.h_list_child{position: absolute; transform: translateX(-50%); left: 50%; top: calc(100%  - 20px); padding: 30px 0 0; width: 300px; display: flex; flex-direction: column; align-items: center; opacity: 0; border-radius: 0 0 16px 16px; pointer-events: none; transition: ease opacity 0.1s, ease top 0.3s;}
.h_list > li.active .h_list_child{opacity: 1; pointer-events: unset; top: 100%;}
.h_list_child a{font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: 1.28px;}
.h_list_child li{width: 100%; background-color: #fff; padding-bottom: 20px; text-align: center;}
.h_list_child li:first-child{padding-top: 24px;}
.h_list_child li:last-child{padding-bottom: 24px; border-radius: 0 0 16px 16px;}

.h_right{position: absolute; right: 40px; top: 40px; display: flex; gap: 40px; align-items: center;}
.h_right .h_lang{display: none;}
.h_contact a{display: flex; align-items: center; padding: 8px 20px;  border-radius: 80px; color: #fff; height: 38px; background-color: #1C267D; letter-spacing: 1.28px; width: 146px; justify-content: center;}
.h_contact a img{width: 6px; margin-left: 16px;}
.h_lang{display: flex; gap: 12px; font-size: 16px; font-weight: 300;transition: ease 0.3s opacity;}
.h_lang a{transition: ease 0.3s font-weight;}
.h_lang a.selected, .h_lang a:hover{font-weight: 600;}

.h_mob_w{display: none;}
.pc{display: block;}
.mob{display: none;}

@media(min-width:1024px){
  .header .h_list{position: absolute; right: 50%; transform: translateX(50%); transition: ease 0.5s all;}
  /*.header.header_b .header_inner:not(.header_hover) .h_list::before{content: ''; display: block; position: absolute; top: 50%; left: 50%; border-radius: 100px; border: 1px solid #000; background: rgba(255, 255, 255, 0.80); height: 38px; width: calc(100% + 80px); transform: translate(-50%, -50%);}*/
  .header.scrolled .h_list{right: 266px; transform: translateX(-0%);}
  .header.scrolled .h_lang{opacity: 0; pointer-events: none; }
  .h_lang{opacity: 1;}

  .header{position: unset;}
  .header_inner{position: unset; height: unset;}
  .header_inner::before{content: ''; display: block; width: 100%; height: 110px; position: fixed; top: 0; left: 0; z-index: 8; background-color: #ffffff00; transition: ease 0.3s background-color;}
  .header_hover.header_inner::before{background-color: #fff;}
  .h_logo{position: fixed; z-index: 9; mix-blend-mode: difference;}
  .header .header_inner .h_list{position: fixed; z-index: 9;}
  .header .header_inner:not(.header_hover) .h_list{position: fixed; mix-blend-mode: difference;}
  .header .header_inner .h_list > li > a{transition: unset;}
  .header .header_inner:not(.header_hover) .h_list > li > a{ color: #fff;}
  .header .h_right{position: fixed; z-index: 9;}
}
@media(max-width:1300px) and (min-width:1025px){
  .header .h_list{right: 56%; gap: 12px;}
}
@media(max-width:1024px){
  .pc{display: none;}
  .mob{display: block;}
  header{padding: 0;}
  .h_right, .h_list{display: none;}
  .h_logo{width: 64px; top: 24px; left: 24px;}
  /*.header_b .h_logo img:not(.h_logo_img_b), .header:not(.header_b) img:not(.h_logo_img_b){display: none;}
  .header.header_b .header_hover .h_logo_img_b, .h_logo_img_b, .header:not(.header_b) .h_logo_img_b{display: block;}*/
  .h_mob_w{position: absolute; left: 0; top: 0; height: 0; display: block; width:100%}
  .header_inner{height: unset;}
  /*.h_mob_w:not(.active){pointer-events: none;}*/
  .h_mob_btn{display: block; border-radius: 100%; height: 38px; width: 38px; background-color: #f2ece6; position: absolute; top: 16px; right: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1;}
  .h_mob_btn::before, .h_mob_btn::after{content: ''; display: block;  height: 2px; background-color: #000; border-radius: 2px; position: absolute;  transition: ease 0.3s all, ease 0.6s transform;}
  .h_mob_btn::before{width: 14px; top:calc(50% - 3px); left: calc(50% + 4px); transform: translate(-50%, -50%);}
  .h_mob_btn::after{width: 22px; top: calc(50% + 3px); left: 50%; transform: translate(-50%, -50%); }
  .h_mob_w.active .h_mob_btn::before{top: 50%; left: 50%; width: 20px; transform: translate(-50%, -50%) rotate(45deg)}
  .h_mob_w.active .h_mob_btn::after{top: 50%; left: 50%; width: 20px; transform: translate(-50%, -50%) rotate(-45deg)}
  .h_mob_inner{background: #F2ECE6; padding: 16px 20px 0; height: 100dvh; transform: translateX(100%); transition: ease 0.5s transform;}
  .h_mob_w.active .h_mob_inner{transform: translateX(0);}
  .h_mob_inner h1{color: #1C267D; font-family: 'Gelion'; font-size: 40px; font-weight: 500; line-height: 90%; letter-spacing: -0.8px; margin-bottom: 76px;}
  .h_lang{justify-content: flex-end; font-size: 11px; font-weight: 400; line-height: 1.4; padding-bottom: 20px; margin-bottom: 4px; border-bottom: 1px solid #000;}
  /*.header_b .header_hover .h_lang a, .header_b .h_lang a, .h_lang a{color: #B0B0B0;}*/
  .h_lang a.selected,.h_lang a:hover{color: #000!important;}
  .h_cate_w > a{display: block; padding: 8px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;font-family:'Gelion'; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px;}
  .h_cate{padding: 20px 0; display: flex; flex-direction: column; gap: 20px;}
  .h_cate li{display:flex; justify-content: flex-end;}
  .h_cate li a{font-size: 14px; font-weight: 500; line-height: 140%; text-transform: capitalize;}
  .h_mob_flex{display: flex; flex-direction: column; padding-top: 8px; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative;}
  
  .h_mob_flex::after{content: ''; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 4px;}
  .h_mob_flex_l{padding-bottom: 8px; border-bottom: 1px solid #000;}
  .h_mob_flex_r{padding-bottom: 12px; padding-top: 8px;}
  .h_mob_flex a{font-family:'Gelion'; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.4px;}

  header{position: unset;}
  .h_logo{mix-blend-mode: difference; z-index: 9; position: fixed;}
  .h_mob_w{position: fixed; z-index: 10;}
}


/* footer */
.footer{padding: 0 40px 24px; position: relative; z-index: 1; overscroll-behavior: none;} 
.footer_inner{padding: 40px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 15px; font-weight: 400; line-height: 150%;}
.footer_inner ul{display: grid; grid-template-columns: repeat(12, 1fr);}
.footer_i_1{padding-bottom: 80px;}
.footer_inner ul li:nth-child(1){grid-column: 1 / span 3;}
.footer_inner ul li:nth-child(1) img{width: 100px;}
.footer_inner ul li:nth-child(2){grid-column: 4 / span 3;}
.footer_inner ul li:nth-child(3){grid-column: 8 / span 2;  white-space:nowrap;}
.footer_inner ul li:nth-child(4){grid-column: 12 / span 1; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; white-space:nowrap;}
.footer_inner ul li:nth-child(4) img{width: 11px; height: 23px; object-fit: contain;}

.footer.footer_b{background-color: #000; color: #fff;}
.footer.footer_b *{border-color: #fff;}
.footer.footer_b .footer_inner{}
.footer.footer_b a{color: #fff;}
.footer.footer_b img{filter: invert(1);}
@media(max-width:1024px){
  .footer{padding: 0 16px 40px;}
  .footer_inner{font-size: 11px; border-bottom: 0; padding-bottom: 0;}
  .footer_i_1{padding-bottom: 0;}
  .footer_inner ul.footer_i_1{display: block;}
  .footer_inner ul.footer_i_1 li:nth-child(1){padding-bottom: 44px; border-bottom: 1px solid #000;}
  .footer_inner ul.footer_i_1 li:nth-child(1) a{display: inline-block;}
  .footer_inner ul.footer_i_1 li:nth-child(1) img{width: unset; height: 22px;}
  .footer_inner ul.footer_i_1 li:nth-child(2){padding: 16px 0; width: 50%; min-height: 65px;}
  .footer_inner ul.footer_i_1 li:nth-child(3){position: absolute; right: 16px; top: 130px; width: 50%; text-align: right;}
  .footer_inner ul.footer_i_1 li:nth-child(4){position: absolute; right: 16px; top: 40px; font-size: 12px;}

  .footer_inner ul.footer_i_2{display: flex; justify-content: space-between; padding-top: 12px; border-top: 1px solid #000;}

  .footer.footer_b .footer_inner ul.footer_i_1 li:nth-child(1){border-bottom: 1px solid #fff;}
  .footer.footer_b .footer_inner ul.footer_i_2{border-top: 1px solid #fff;}
  .hummman_url{position: absolute; right: 16px; bottom: 24px;}
}

.line_100{width: 100%; height: 1px; background-color: #000; margin-bottom: 12px;}
.page_w{padding: 120px 40px 200px; overscroll-behavior: none;}


.textCufi i{font-style: normal; display: inline-block; opacity: 0;}
.wwd-el.active .textCufi i,.textCufi.active i{animation: cuFi 0.5s ease both;}
.textCufi i{animation: cuFi 0.5s ease both;}
@keyframes cuFi {
  0% {transform: translateY(60px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}


.textCufi i {
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    perspective: 800px;
  }
  
  /* rotateIn 효과 */
  @keyframes rotateIn {
    0% {
      opacity: 0;
      transform: rotateX(90deg) translateY(-40px);
    }
    50%{
      
      /*transform: rotateX(70deg) translateY(-30px);*/
    }
    100% {
        opacity: 1;
      transform: rotateX(0deg) translateY(00px);
    }
  }
  
  .textCufi i {
    /*rotateIn 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite*/
    animation: rotateIn 0.4s cubic-bezier(0.01, 0, 0.29, 0.97) both;
    /*animation-delay: 2s;*/
  }

  .textCufi i:nth-child(1){animation-delay:0.1s!important;}
  .textCufi i:nth-child(2){animation-delay:0.14s!important;}
  .textCufi i:nth-child(3){animation-delay:0.18s!important;}
  .textCufi i:nth-child(3){animation-delay:0.22s!important;}
  .textCufi i:nth-child(4){animation-delay:0.26s!important;}
  .textCufi i:nth-child(5){animation-delay:0.35s!important;}
  .textCufi i:nth-child(6){animation-delay:0.7s!important;}
  .textCufi i:nth-child(7){animation-delay:0.8s!important;}


  .fade-w{overflow: hidden;}
  .ani.fadeIn-0, .ani.fadeIn-1, .ani.fadeIn-2, .ani.fadeIn-3, .ani.fadeIn-4, .ani.fadeIn-5, .ani.fadeIn-6, .ani.fadeIn-7,
  .ani.fadeIn2-1, .ani.fadeIn2-2, .ani.fadeIn2-3, .ani.fadeIn2-4, .ani.fadeIn2-5,
  .ani .fadeIn-0, .ani .fadeIn-1, .ani .fadeIn-2, .ani .fadeIn-3, .ani .fadeIn-4, .ani .fadeIn-5, .ani .fadeIn-6, .ani .fadeIn-7,
  .fadeIn2-1, .fadeIn2-2, .fadeIn2-3, .ani .fadeIn2-4, .ani .fadeIn2-5
  {opacity: 0;}
  .ani.fadeIn-0.active, .ani.active .fadeIn-0{animation: fadeIn 0.9s ease-out both; animation-delay: 0.4s; opacity: 1;}
  .ani.fadeIn-1.active, .ani.active .fadeIn-1{animation: fadeInY 0.9s ease-out both; animation-delay: 0.0s; opacity: 1;}
  .ani.fadeIn-2.active, .ani.active .fadeIn-2{animation: fadeInY 0.9s ease-out both; animation-delay: 0.2s; opacity: 1;}
  .ani.fadeIn-3.active, .ani.active .fadeIn-3{animation: fadeInY 0.9s ease-out both; animation-delay: 0.4s; opacity: 1;}
  .ani.fadeIn-4.active, .ani.active .fadeIn-4{animation: fadeInY 0.9s ease-out both; animation-delay: 0.6s; opacity: 1;}
  .ani.fadeIn-5.active, .ani.active .fadeIn-5{animation: fadeInY 0.9s ease-out both; animation-delay: 0.8s; opacity: 1;}
  .ani.fadeIn-6.active, .ani.active .fadeIn-6{animation: fadeInY 0.9s ease-out both; animation-delay: 1s; opacity: 1;}
  .ani.fadeIn-7.active, .ani.active .fadeIn-7{animation: fadeInY 0.9s ease-out both; animation-delay: 1.2s; opacity: 1;}

.ani.fadeIn2-1.active, .ani.active .fadeIn2-1{animation: fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.0s; opacity: 1;}
.ani.fadeIn2-2.active, .ani.active .fadeIn2-2{animation: fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.2s; opacity: 1;}
.ani.fadeIn2-3.active, .ani.active .fadeIn2-3{animation: fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s; opacity: 1;}
.ani.fadeIn2-4.active, .ani.active .fadeIn2-4{animation: fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.6s; opacity: 1;}
.ani.fadeIn2-5.active, .ani.active .fadeIn2-5{animation: fadeInY2 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s; opacity: 1;}

.ani.fadeIn3-1.active, .ani.active .fadeIn3-1{animation: fadeInY3 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.0s; opacity: 1;}
.ani.fadeIn3-2.active, .ani.active .fadeIn3-2{animation: fadeInY3 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.2s; opacity: 1;}
.ani.fadeIn3-3.active, .ani.active .fadeIn3-3{animation: fadeInY3 0.9s cubic-bezier(0, 0, 0.43, 1.06) both; animation-delay: 0.4s; opacity: 1;}


.textCufi i{font-style: normal; display: inline-block; opacity: 0;}
.wwd-el.active .textCufi i,.textCufi.active i{animation: cuFi 0.5s ease both;}
@keyframes fadeInY {
  0% {transform: translateY(20px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}

@keyframes fadeInY2 {
  0% {transform: translateY(60px) rotate(5deg); opacity: 0;}
  100% {transform: translateY(0)  rotate(0deg); opacity: 1;}
}

@keyframes fadeInY3 {
  0% {transform: translateY(60px) rotate(5deg); opacity: 0;}
  100% {transform: translateY(-13%)  rotate(0deg); opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes cuFi {
  0% {transform: translateY(60px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}

.arrow{position: relative; display: inline-block;}
.arrow img{transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);}
.arrow_1{transform: translate3d(00%, 0%, 0); transition-delay: .1s; width: 100%; height: 100%;}
.arrow_2{bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transform: translate3d(-60%, 60%, 0); transform: translate3d(-60%, 60%, 0); width: 100%; height: 100%;}

.arrow_trigger:hover .arrow_1{transform: translate3d(60%, -60%, 0); transition-delay: 0s; opacity: 0;}
.arrow_trigger:hover .arrow_2{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-delay: .1s;}


.line_ef{width: 0; height: 1px; background-color: #fff;display: block; transition: ease-out 0.8s width; transition-delay: 0.3s; margin-bottom: 2.63vw;}
.ani.active .line_ef{width: 100%;}
@media(max-width:1024px){
  .line_ef{margin-bottom: 8.89vw;}
}

.swiper-slide img{pointer-events: none;}


.arrow_ef{width: 40px; height: 40px; position: absolute;  right: 0; top: 36px; opacity: 1; transition: ease 0.3s all;}
.gp_right .arrow_ef{right: 60px;}
.arrow_ef::before, .arrow_ef::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; display: block; background-image: url(/new/img/arrow_list2.png); background-size: cover; /*transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); */margin:0!important; padding: 0!important; background-repeat: no-repeat;}
.arrow_ef::before{transform:translate(0%, 0%); opacity: 1;}
.arrow_ef::after{transform:translate(-60%, 60%); opacity: 0; z-index: 1;}

.gp_b > a:hover .arrow_ef::before{animation: arrow_ef_1 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation-delay: 0.4s;}
.gp_b > a:hover .arrow_ef::after{animation: arrow_ef_2 0.8s ease infinite; animation-delay: 0.4s;}
@keyframes arrow_ef_1 {
  0% {transform:translate(0%, 0%); opacity: 1;}
  100% {transform:translate(60%, -60%); opacity: 0;}
}

@keyframes arrow_ef_2 {
  0% {transform:translate(-60%, 60%); opacity: 0;}
  100% {transform:translate(0, 0); opacity: 1;}
}

@media(max-width:1024px){
  .arrow_ef{width: 20px; height: 20px; top: unset; bottom: 24px;}
  .gp_right .arrow_ef{right: 0;}
}

@media(min-width:1025px){
  .h_list_child a { white-space: nowrap; position: relative; display: flex; justify-content: center; }
  .h_list_child a > * { pointer-events: none; }
  .h_list_child a span { opacity: 0; -webkit-transition: all .3s; transition: all .3s; display: inline-block; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 00px, 0); }
  .h_list_child a p { -webkit-transition: all .3s; transition: all .3s; margin: 0; opacity: 1; position: absolute; top: 0; }
  .h_list_child a:hover span:nth-of-type(1) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; }
  .h_list_child a:hover span:nth-of-type(2) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }
  .h_list_child a:hover span:nth-of-type(3) { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; }
  .h_list_child a:hover span:nth-of-type(4) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; }
  .h_list_child a:hover span:nth-of-type(5) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
  .h_list_child a:hover span:nth-of-type(6) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; }
  .h_list_child a:hover span:nth-of-type(7) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; }
  .h_list_child a:hover span:nth-of-type(8) { -webkit-transition-delay: 0.56s; transition-delay: 0.56s; }
  .h_list_child a:hover span:nth-of-type(9) { -webkit-transition-delay: 0.63s; transition-delay: 0.63s; }
  .h_list_child a:hover span:nth-of-type(10) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
  .h_list_child a:hover span:nth-of-type(11) { -webkit-transition-delay: 0.77s; transition-delay: 0.77s; }
  .h_list_child a:hover span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
  .h_list_child a:hover p { top: 00px; opacity: 0; }
  }