@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/complete/WantedSansVariable.min.css");

/*
 *****************************************
 * CSS Variables
 * ***************************************
 * Site : lizcos
 * File : custom.css
 * DATE : 2024.04.12
 *
 * SUMMARY :
 * 1) Jupiter X Reset 
 * 2) HEADER
 * 3) MAIN
 * 4) FOOTER
 * 5) SUB
 * 6) RESPONSIBILITY

 * br01 - 767
 * br02 - 1024
 * br03 - 1200
*/

/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
.jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;}
.jupiterx-main-content{padding:0 !important;}
.container,.jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;}
.jupiterx-post-header{display:none !important;}
p{margin-bottom:0 !important;}
.wordBr{word-break:keep-all;}
.wordBr02{word-break:break-all;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !important;}
body .jupiterx-site{line-height: 0 !important;}
.font, .font div,.font a,.font p,.font span,.font h1, .font h2,.font h3,.font h4,.font h5,.font h6,.font input, .font textarea,.font button, .font label, .font input{font-family: 'SUIT Variable', sans-serif !important; word-break: keep-all;}


/* ************************************************
********************* HEADER **********************
************************************************* */
header{position: absolute !important; top: 0 !important;}
.header > div{transition: all 0.3s !important;}

#header_L{width: calc(100% - 100px);}
#header_R{width: 100px;}

.header .logo.on img{content: url(/wp-content/uploads/2024/04/logo-b.svg) !important;}

/* ************************************************
*********************** MAIN **********************
************************************************* */
#main_sec_L{width: calc(100% - 100px);}
#main_side{width: 100px;}
.scroll_img{line-height: 0px; -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite; opacity: 0;}
.scroll_img > div{height: 10px;}
.scroll_img01{-webkit-animation-delay: 0s; animation-delay: 0s;}
.scroll_img02{-webkit-animation-delay: .3s; animation-delay: .3s;}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#btn .raven-button-icon{overflow: hidden; height: 42px; border-radius: 100%; background-color: #fff; top: 50%; transform: translateY(-50%);}
#btn .raven-button-icon::after{content: ""; display: block; width: 42px; height: 42px; background: url(/wp-content/uploads/2024/04/btn_arrow.svg) no-repeat center center / contain; position: absolute; left: 0; bottom: -100%; transition: all 0.3s ease-in-out;}
#btn .raven-button-icon svg{position: relative; top: 0; transition: all 0.3s ease-in-out;}
#btn .raven-button:hover{background-color: #fff !important; box-shadow: 4px 4px 22px 0px rgba(47, 148, 228, 0.22);}
#btn .raven-button:hover .raven-button-icon{background-color: #2F94E4;}
#btn .raven-button:hover .raven-button-icon::after{bottom: 0%;}
#btn .raven-button:hover .raven-button-icon svg{top: -100%;}

/* sec03 */
.slide_con, 
.slide_con .elementor-widget-container,
.slide_con .elementor-widget-container .elementor-jet-carousel,
.slide_con .elementor-widget-container .elementor-jet-carousel .jet-carousel-wrap,
.slide_con .elementor-widget-container .elementor-jet-carousel .jet-carousel-wrap .slick-slider,
.slide_con .elementor-widget-container .elementor-jet-carousel .jet-carousel-wrap .slick-slider .slick-track{height: 100% !important;}
.slide_con .jet-carousel{margin-left: 0; margin-right: 0; height: 100% !important;}s
.slide_con .jet-carousel .slick-list{overflow: unset; height: 100% !important;}
.slide_con .jet-carousel .slick-list .slick-slide{display: flex !important; align-items: center;}
.slide_con .jet-carousel .slick-list .slick-slide .jet-carousel__item-inner{display: flex !important; flex-direction: row-reverse; align-items: center; width: 100% !important;}
.slide_con .jet-carousel .slick-list .slick-slide .jet-carousel__item-inner .jet-carousel__item-link{overflow: hidden; display: block !important; width: 57.8% !important; height: 100vh !important;}
.slide_con .jet-carousel .slick-list .slick-slide .jet-carousel__item-inner .jet-carousel__item-link img{margin: 0; width: 100%;}

.slide_con .pro_tit{margin-bottom: 23px !important; font-weight: 734 !important; font-size: 52px !important; color: #222 !important; line-height: 140% !important; letter-spacing: -1.56px !important;}

.slide_con .jet-carousel__content{width: 42.2% !important;}
.slide_con .jet-carousel__content .elementor-button{display: flex; align-items: center;     justify-content: space-between; width: 167px; height: 54px; text-align: start;}
.slide_con .jet-carousel__content .elementor-button span{overflow: hidden; width: 42px; height: 42px; border-radius: 100%; background-color: #fff; position: relative; transition: all 0.3s ease-in-out;}
.slide_con .jet-carousel__content .elementor-button span::before{content: ""; display: block; width: 42px; height: 42px; background: url(/wp-content/uploads/2024/04/btn_icon.svg) no-repeat center center / contain; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out;}
.slide_con .jet-carousel__content .elementor-button span::after{content: ""; display: block; width: 42px; height: 42px; background: url(/wp-content/uploads/2024/04/btn_arrow.svg) no-repeat center center / contain; position: absolute; left: 0; bottom: -100%; transition: all 0.3s ease-in-out;}

.slide_con .jet-slick-dots{width: 493px; position: absolute !important; left: 0; bottom: 120px;}
.slide_con .jet-slick-dots li{padding: 0 !important; width: calc(100% / 7) !important;}
.slide_con .jet-slick-dots li span{height: 3px !important;}

.slide_con .jet-carousel .jet-arrow, .slide_con .jet-carousel .jet-arrow svg{height: 19px !important;}

.slide_con .jet-carousel__content .elementor-button:hover{background-color: #fff !important; box-shadow: 4px 4px 22px 0px rgba(47, 148, 228, 0.22);}
.slide_con .jet-carousel__content .elementor-button:hover span{background-color: #2F94E4;}
.slide_con .jet-carousel__content .elementor-button:hover span::before{top: -100%;}
.slide_con .jet-carousel__content .elementor-button:hover span::after{bottom: 0%;}
.slide_img .sp-slides-container:hover .sp-fade-arrows{opacity: 0 !important;}