@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');



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

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

/* ************************************************
*************** 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;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !important;}
.elementor-icon-list-text{padding-inline-start: 0px !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-family: "Lato", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}
.font-ru, .font-ru div,.font-ru a,.font-ru p,.font-ru span,.font-ru h1, .font-ru h2,.font-ru h3,.font-ru h4,.font-ru h5,.font-ru h6,.font-ru input, .font-ru textarea,.font-ru button, .font-ru label{font-family: "Nunito Sans", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}

.jupiterx-scrolled{display: none;}


/* ************************************************
********************* HEADER ************************
************************************************* */
.home .jupiterx-header,
.page-id-764 .jupiterx-header,
.page-id-904 .jupiterx-header,
.page-id-1036 .jupiterx-header,
.page-id-1064 .jupiterx-header,
.page-id-1112 .jupiterx-header,
.page-id-1156 .jupiterx-header,
.page-id-1179 .jupiterx-header,
.page-id-1202 .jupiterx-header,
.page-id-1224 .jupiterx-header,
.page-id-1282 .jupiterx-header,
.page-id-1330 .jupiterx-header,
.page-id-1346 .jupiterx-header,
.page-id-1390 .jupiterx-header,
.page-id-1407 .jupiterx-header,
.page-id-1440 .jupiterx-header,
.page-id-1454 .jupiterx-header,
.page-id-3051 .jupiterx-header,
.page-id-3049 .jupiterx-header,
.page-id-3045 .jupiterx-header,
.page-id-3043 .jupiterx-header,
.page-id-3041 .jupiterx-header,
.page-id-3037 .jupiterx-header,
.page-id-3035 .jupiterx-header,
.page-id-3033 .jupiterx-header,
.page-id-3031 .jupiterx-header,
.page-id-3029 .jupiterx-header,
.page-id-3019 .jupiterx-header,
.page-id-3017 .jupiterx-header,
.page-id-3025 .jupiterx-header,
.page-id-3023 .jupiterx-header,
.page-id-3013 .jupiterx-header,
.page-id-3011 .jupiterx-header{position: absolute !important;}

#header .nav-menu nav > ul{gap: 68px;}
#header .nav-menu nav > ul::after,
#header .nav-menu nav .sub-arrow{display: none;}
#header .nav-menu nav .sub-menu{min-width: 190px !important;}
#header .nav-menu nav > ul > li > .sub-menu{left: 50% !important; transform: translateX(-50%);}
#header .nav-menu nav > ul > li > .sub-menu a{justify-content: center; border-inline-start: 0px solid transparent;}
#header .nav-menu nav > ul > li > .sub-menu > li.current-menu-parent > a{background-color: #652D90 !important; color: #FFFFFF !important;}
#header .nav-menu nav > ul > li > .sub-menu .sub-menu{border-width: 1px 1px 1px 1px; background-color: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}
#header .nav-menu nav > ul > li > .sub-menu > li:first-child .sub-menu{border-width: 0px 1px 1px 1px;}
#header .nav-menu nav > ul > li > .sub-menu .sub-menu a:hover{background-color: rgba(88, 89, 91, 0.6);}
#header .nav-menu nav > ul > li > .sub-menu .sub-menu a.elementor-item-active{background-color: rgba(88, 89, 91, 0.6);}
#header .lang .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0px;}
#header .lang nav > ul > li.wpml-ls-menu-item > a .wpml-ls-flag+span{margin-left:10px;}
#header .lang nav > ul > li > ul.sub-menu{margin-left: unset !important; min-width: 100% !important;}
#header .lang nav > ul > li > ul.sub-menu img{display: none;}
#header.sub .lang nav > ul > li > a img{content: url(/wp-content/uploads/2025/09/lang-p.svg) !important;}
#header.sub .nav-menu nav > ul > li > a{color: #222 !important;}

#header.on{background-color: #fff; border-bottom: 1px solid #D1D1D1;}
#header.on .logo img{content: url(/wp-content/uploads/2025/08/logo.svg) !important;}
#header.on .lang svg path{fill: #652D90;}
#header.on .lang .elementor-icon-list-text{color: #222;}
#header.on .menu-icon img{content: url(/wp-content/uploads/2025/09/menu-icon-b.svg) !important;}
#header.on .nav-menu nav > ul > li > a{color: #222;}
#header.on .lang nav > ul > li > a img{content: url(/wp-content/uploads/2025/09/lang-p.svg) !important;}


/************ menu popup *************/
.menu_pop a{padding-top: 20px !important; padding-bottom: 20px !important;}
.menu_pop a.highlighted{border-bottom: 1px solid #d1d1d1 !important;}
.menu_pop a.highlighted .sub-arrow svg path{fill: #652D90; transform: rotate(180deg); transform-origin: center; transition: all 0.3s;}
.menu_pop a .sub-arrow{position: absolute; right: 20px;}
.menu_pop a .sub-arrow svg path{fill: rgba(0, 0, 0, 0.70);}
.menu_pop nav > ul > li:last-child{border-bottom: 1px solid #d1d1d1 !important; margin-bottom: 80px !important;}
.menu_pop ul.sub-menu{padding: 15px 0 15px 30px !important;}
.menu_pop ul.sub-menu li{border: none !important;}
.menu_pop ul.sub-menu li + li{margin-top: 8px !important;}
.menu_pop ul.sub-menu li a{padding: 0 !important; border: none !important; }
.menu_pop ul.sub-menu li a.elementor-item-active{text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: #652D90 !important;}
.menu_pop li.current-page-parent > a{color: #652D90 !important;}
.menu_pop li.current-page-parent > a .sub-arrow svg path{fill: #652D90;}
.menu_pop_close svg path{fill: #222;}

/* ************************************************
********************* MAIN ************************
************************************************* */
.main-contact-txt{writing-mode: vertical-rl;}
.main-contact-pop{transition: all 0.3s !important;}
.main-contact-pop:hover{padding-right: 30px !important;}

/* sec01 */
.main-slide .jet-slider__item .jet-slider__content-inner{max-width: 1640px !important;}
.main-slide .sp-buttons{padding: 0 20px !important; max-width: 1640px !important; text-align: left !important; position: absolute !important; bottom: 110px; left: 50%; transform: translateX(-50%);}
.main-slide .sp-buttons .sp-button{overflow: hidden; height: 4px !important; position: relative;}
.main-slide .sp-buttons .sp-button::after{content:""; position:absolute; top:0; left:0; height:100%; width:100px; background:#fff; opacity:0; transform-origin:left; transform:scaleX(0);}
.main-slide .sp-buttons .sp-button.sp-selected-button::after{opacity:1; animation: spFill 3s linear forwards; }

@keyframes spFill{
  from { transform:scaleX(0); }
  to   { transform:scaleX(1); }
}

/* sec02 */
.arrow-btn a svg{transition: all 0.3s;}
.arrow-btn a::after{content: ""; display: block; width: 0; height: 0; border-radius: 300px; background-color: #652D90; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.arrow-btn a:hover svg path{fill: #fff;}
.arrow-btn a:hover::after{width: 100%; height: 100%;}

/* sec03 */
.sec03-box{height: -webkit-fill-available !important;}
.hover_card .btn01 {transform: translateY(20px); opacity: 0; transition: all 0.4s ease-in-out;}
.hover_card::before{transition: all 0.4s ease-in-out !important;}
.hover_card::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.hover_card:hover::after{background-color: rgba(34, 34, 34, 0.80); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.hover_card:hover::before{transform: scale(1.2);}
.hover_card:hover .btn01{transform: translateY(0); opacity: 1;}

/* sec04 */
.map-mo{overflow-x: scroll; -webkit-overflow-scrolling: touch; scrollbar-gutter: stable;}
.map-mo::-webkit-scrollbar{ height:4px; }
.map-mo::-webkit-scrollbar-track{ background:rgba(0,0,0,.08); }
.map-mo::-webkit-scrollbar-thumb{ background:#652D90; border-radius:6px; }

/* ************************************************
********************* FOOTER **********************
************************************************* */
.f-icon a{opacity: 1 !important;}
.f-icon a:hover svg g{opacity: 1 !important;}
.f-icon a:hover svg path{opacity: 1 !important;}


/* ************************************************
********************** SUB ************************
************************************************* */
.sub-menu nav{overflow-x: auto !important;}
.sub-menu nav ul{flex-wrap: nowrap !important;}
.sub-menu nav ul li a{padding-top: 0 !important;}

/* company */
.history-con-year.on{color: #652D90 !important;}

/* Our Science */
.OurScience-list .jet-portfolio__item .jet-portfolio__link{overflow: hidden; display: block; border: 1px solid #D1D1D1; border-radius: 12px;}
.OurScience-list .jet-portfolio__item .jet-portfolio__link img{height: auto !important;}

/* news */
.News-tit h3{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.News-img{aspect-ratio: 16 / 9;}
.News-img img{width: 100%; height: 100% !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; transition: all 0.3s;}
.News-wrap:hover .News-img img{height: 105% !important;}

.news-post .elementor-pagination{display: flex; justify-content: center; align-items: center;}
.news-post .elementor-pagination .page-numbers{display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; border-radius: 2px; border: 1px solid #D1D1D1;}
.news-post .elementor-pagination .page-numbers.current{border: 1px solid #652D90; background-color: #652D90;}

/* brand */
.brand-sub-wrap{-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.brand-sub-wrap nav ul{margin: 0 !important; width: 100%; gap: 8px;}
.brand-sub-wrap nav ul::after{display: none;}
.brand-sub-wrap nav ul li{overflow: hidden; flex: 1; border-radius: 100px;}
.brand-sub-wrap nav ul li a{justify-content: center;}

.brand-box-logo{opacity: 0; transition: all 0.56s !important;}
.brand-box::before{left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); transition: all 0.56s !important;}
.brand-box::after{opacity: 0; content: ""; display: block; width: 100%; height: 100%; background-color: #22222299; position: absolute; left: 0; top: 0; transition: all 0.56s;}
.brand-box:hover::before{height: 105% !important;}
.brand-box:hover::after{opacity: 1; -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);}
.brand-box:hover .brand-box-logo{opacity: 1;}

.brandOverview-box::after{opacity: 0; content: ""; display: block !important; width: 100%; height: 100%; border: 4px solid #652D90; border-radius: 12px; position: absolute; left: 0; top: 0; transition: all 0.3s;}
.brand-tags ul{gap: 8px;}
.brand-tags ul li{padding: 4px 15px !important; border-radius: 100px; border: 1px solid #D1D1D1; background-color: #FFF;}
.brandOverview-box:hover::after{opacity: 1;}

.brand-slide::after{content: ""; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; left: -100%; top: 0;}
.brand-slide .jet-carousel{margin-left: 0; margin-right: 0;}
.brand-slide .jet-carousel .slick-list{overflow: unset;}
.brand-slide .jet-carousel .slick-arrow.slick-hidden{display: none;}
.brand-slide.Overview-slide .jet-carousel .slick-list .slick-slide .jet-carousel__content > div{height: 100%;}

.brand-slide-img{aspect-ratio: 506 / 350;}
.brand-slide-img img{height: 100% !important;}

.Other-box-img{aspect-ratio: 375 / 350;}
.Other-box-img img{height: 100% !important; object-fit: cover;}



/* Contact Us */
#Inquiry input:focus, #Inquiry select:focus, #Inquiry textarea:focus {outline: none;}
#Inquiry .form_input_wrap{margin-bottom: 20px; display: flex; gap: 20px;} 
#Inquiry .form_input_wrap .form_input{display: flex; flex: 1;} 
#Inquiry .form_input_wrap .form_input p, 
#Inquiry .input_message p{display: flex; flex: 1; flex-wrap: wrap;} 
#Inquiry .form_input_wrap .form_input p label, 
#Inquiry .input_message p label{margin-bottom: 10px; width: 100%; font-weight: 700; font-size: 18px; color: #222; line-height: 150%;} 
#Inquiry .form_input_wrap .form_input p label span,
#Inquiry .input_message p label span{margin-left: 2px; font-size: 16px; color: #FF2626; letter-spacing: -0.32px; vertical-align: top;} 
#Inquiry .form_input_wrap .form_input p > span,
#Inquiry .input_message p > span{flex: 1;}
#Inquiry .form_input_wrap .form_input p > span > input,
#Inquiry .form_input_wrap .form_input p > span > select,
#Inquiry .input_message p > span > textarea{padding: 10px 14px; width: 100%; height: 56px; border-radius: 8px; border: 1px solid #D1D1D1; background: #FFF; font-weight: 400; font-size: 16px; color: #58595B; line-height: 150%;}

#Inquiry .form_input_wrap .form_input.sel p > span > select{ -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/wp-content/uploads/2025/09/sel-arrow.svg) calc(100% - 14px) center no-repeat;}

#Inquiry .form_input_wrap .form_input .country-select input{padding: 10px 14px 10px 54px !important; width: 100%; height: 56px; border-radius: 8px; border: 1px solid #D1D1D1; background: #FFF; font-weight: 500; font-size: 16px; color: #58595B; line-height: 150%;}
#Inquiry .form_input_wrap .form_input .flag-container{color: #58595B; font-size: 15px; font-weight: 400; line-height: 100%; letter-spacing: 0.32px;}
#Inquiry .form_input_wrap .form_input .flag-container .selected-flag{background-color: rgba(0, 0, 0, 0);}

#Inquiry .input_message{margin-bottom: 20px;}
#Inquiry .input_message p > span > textarea{height: 180px;}

#Inquiry .form_acceptance_warp{display: flex; justify-content: space-between; align-items: center;}
#Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item{margin: 0;}
#Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item label{margin: 0; display: flex; align-items: center;}
#Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-weight: 400; font-size: 16px; color: #58595B; line-height: 150%;}
#Inquiry .form_acceptance_warp .form_submit input{width: 211px; height: 54px; border: 1px solid #D1D1D1; border-radius: 100px; background-color: #fff; font-weight: 500; font-size: 16px; color: #3B3B3B; line-height: 140%; transition: all 0.3s;}
#Inquiry .form_acceptance_warp .form_submit input:hover{border: 1px solid #652D90; background-color: #652D90; color: #fff;}
#Inquiry .form_acceptance_warp input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 8px 0 0; background: #fff; border-radius: 3px; cursor: pointer; height: 18px; outline: 0; width: 18px; border: 1px solid #DDD; padding: 0;}
#Inquiry .form_acceptance_warp input[type="checkbox"]:checked {background: #652D90; border: 1px solid #652D90;}

#Inquiry .wpcf7-not-valid-tip{font-size: 13px !important; position: absolute; bottom: -18px; left: 0; width: 100% !important;}
#Inquiry .input_message .wpcf7-not-valid-tip{bottom: -13px;}
#Inquiry .wpcf7-spinner{display: none !important;}

/* Global Network */
.GlobalNetwork-map .raven-hotspot .raven-hotspot__button{cursor: auto;}
.GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip{bottom: 98px !important;}
.GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip::before{content: ""; display: block; width: 15px; height: 8px; background: url(/wp-content/uploads/2025/09/hotspot__tooltip-arrow.svg) no-repeat center center /contain; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%);}
.GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip::after{content: ""; display: block; width: 47px; height: 68px; background: url(/wp-content/uploads/2025/09/map-pin.svg) no-repeat center center /contain; position: absolute; left: 50%; bottom: -84px; transform: translateX(-50%);}
.GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__inner-circle{background-color: #695B74 !important; transform: translate(-50%, -50%) rotateX(55deg) !important; transform-style: preserve-3d;}
.GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__outer-circle{width: 16px !important; height: 16px!important; background-color: rgba(102, 44, 145, 0.20); animation: map-pin 2s infinite;}
.GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__button:before{width: 84px !important; height: 84px !important; border-radius: 50%; border: 1px solid rgba(101, 45, 144, 0.60);  top: 50% !important; left: 50% !important; animation: map-pin02 2s infinite;}
.GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__button::after{content: ""; width: 118px !important; height: 118px !important; border-radius: 50%; border: 1px solid #652D90; position: absolute; top: 50% !important; left: 50% !important; animation: map-pin03 2s infinite;}
@keyframes map-pin {
    0% {
        -webkit-transform: rotateX(55deg) scale(0.2);
        transform: rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: rotateX(55deg) scale(1.75);
        transform: rotateX(55deg) scale(1.75);
        opacity: 1;
    }
}
@keyframes map-pin02 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.88);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.88);
        opacity: 1;
    }
}
@keyframes map-pin03 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(1);
        transform: translate(-50%, -50%) rotateX(55deg) scale(1);
        opacity: 1;
    }
}


/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1365px){
  #header .header-L{column-gap: 100px;}
  #header .nav-menu nav > ul{gap: 60px;}
  #header.ru .header-L{column-gap: 80px;}
  #header.ru .nav-menu nav > ul{gap: 50px;}
}
@media (max-width:1300px){
  /* Global Network */
  .GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip{bottom: 80px !important;}
  .GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip::after{width: 37px; height: 58px; bottom: -67px;}
}
@media (max-width:1200px){
  .br03{display: none;}

  #header .header-L{column-gap: 80px;}
  #header .nav-menu nav > ul{gap: 50px;}
  #header.ru .header-L{column-gap: 40px;}
  #header.ru .nav-menu nav > ul{gap: 30px;}

  /* Contact Us */
  .Contact-L{padding-right: 80px !important;}
}
@media (max-width:1024px){
  .br02{display: none;}

  /* sec01 */
  .main-slide .sp-buttons{bottom: 80px;}

  /* news */
  .news-post .elementor-pagination .page-numbers{width: 30px; height: 30px;}

  /* Contact Us */
  .Contact-L{padding-right: 20px !important;}
  #Inquiry .form_input_wrap{flex-direction: column;}
  #Inquiry .form_input_wrap .form_input p > span > input, #Inquiry .form_input_wrap .form_input p > span > select{height: 50px;}
  #Inquiry .form_input_wrap .form_input .country-select input{height: 50px;}

  /* brand */
  .brand-detail-tit .elementor-icon-list-item:not(:last-child):after{height: 15px !important;}
  .brand-tags ul{gap: 6px;}
  .brand-tags ul li{padding: 2px 8px !important;}

  /* Global Network */
  .GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip{bottom: 70px !important;}
  .GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip img{margin: 0 0 5px !important;}
  .GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip::after{width: 31px; height: 52px; bottom: -61px;}
  @keyframes map-pin {
    0% {
        -webkit-transform: rotateX(55deg) scale(0.2);
        transform: rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: rotateX(55deg) scale(1.3);
        transform: rotateX(55deg) scale(1.3);
        opacity: 1;
    }
  }
  @keyframes map-pin02 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.75);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.75);
        opacity: 1;
    }
  }
  @keyframes map-pin03 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.9);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.9);
        opacity: 1;
    }
  }
}
@media (max-width:767px){
  .br01{display: none;}

  /* sec01 */
  .main-slide .sp-buttons{bottom: 40px;}

  /* news */
  .news-post .elementor-pagination .page-numbers{width: 28px; height: 28px;}

  /* Contact Us */
  .Contact-L{padding-right: 0px !important;}
  #Inquiry .form_input_wrap .form_input p label, #Inquiry .input_message p label{font-size: 16px;}
  #Inquiry .form_input_wrap .form_input p > span > input, #Inquiry .form_input_wrap .form_input p > span > select, #Inquiry .input_message p > span > textarea{padding: 5px 10px; height: 45px; font-size: 14px;}
  #Inquiry .form_input_wrap .form_input .country-select input{padding: 5px 10px 5px 54px !important; height: 45px; font-size: 14px;}
  #Inquiry .form_input_wrap .form_input .country-select .country-list{font-size: 14px;}
  #Inquiry .input_message p > span > textarea{height: 150px;}
  #Inquiry .form_acceptance_warp{flex-direction: column; gap: 20px;}
  #Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-size: 14px;}
  #Inquiry .form_acceptance_warp .form_submit input{width: 165px; height: 45px; font-size: 15px;}

  /* brand */
  .brand-detail-tit .elementor-icon-list-item:not(:last-child):after{height: 12px !important;}
}
@media (max-width:600px){
  /* Global Network */
  .GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip{bottom: 62px !important;}
  .GlobalNetwork-map .raven-hotspot.elementor-repeater-item-36d6228 .raven-hotspot__tooltip::after{width: 27px; height: 48px; bottom: -54px;}
  @keyframes map-pin {
    0% {
        -webkit-transform: rotateX(55deg) scale(0.2);
        transform: rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: rotateX(55deg) scale(1.1);
        transform: rotateX(55deg) scale(1.1);
        opacity: 1;
    }
  }
  @keyframes map-pin02 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.5);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.5);
        opacity: 1;
    }
  }
  @keyframes map-pin03 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.2);
        opacity: 0;
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotateX(55deg) scale(0.6);
        transform: translate(-50%, -50%) rotateX(55deg) scale(0.6);
        opacity: 1;
    }
  }
}