@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

.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-family: "Lato", "pretendard",sans-serif !important; word-break: keep-all;}

.font2, .font2 div,.font2 a,.font2 p,.font2 span,.font2 h1, .font2 h2,.font2 h3,.font2 h4,.font2 h5,.font2 h6,.font2 input, .font2 textarea,.font2 button{font-family: "pretendard",sans-serif !important; word-break: keep-all;}
.jupiterx-main-content{padding: 0 !important;}
html,body{overflow-x: hidden;}

.elementor-widget-icon{line-height: 1 !important;}
/* 헤더 */
.home .header{background:none !important;}
.header{background:#fff !important;}

.nav .menu-item > a > span{display: none;}
.nav .sub-menu a{border: 0 !important;}

.m_slide .elementor-slides-wrapper{aspect-ratio: 1;}
.m_slide .elementor-slides-wrapper .swiper-slide {height: 100% !important;}

@media (max-width:767px) {
    .home .header{background: #fff !important;}
}

/* 푸터 */

/* 메인 */


.alert.alert-warning{display: none !important;}

.main{position: relative;}
.main .elementor-row{height: 100vh !important; position: relative; z-index: 999;}

.main_tit{width: 100% !important;}
.main_tit > div > div{align-content: center;}

.bg_l,
.bg_r{
    width: 29% !important;
    height: 90% !important;
    position: absolute !important;
    background: #eee;
    z-index: -1;
}

.bg_m{
    position: absolute !important;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg_l{left: 0; bottom: 0;}
.bg_r{right: 0; top: 0;}

.bg_l > div > div,
.bg_r > div > div{width: 100% !important;}

.bg_l > div > div .elementor-widget-image ,
.bg_r > div > div .elementor-widget-image{width: auto !important;}

.main .elementor-widget-icon-list ul{border: 1px solid #e2e2e2; border-radius: 50px; padding: 10px !important; margin: 10px !important; background: #fff !important;}
.main .elementor-widget-icon-list ul li{padding: 14px 26px; border-radius: 50px; margin: 0 !important;}
.main .elementor-widget-icon-list ul li:has(p.active){ background: #191E4C; }
.main .elementor-widget-icon-list ul li p.active{color: #fff;margin: 0 !important; }

/* 서브 */

.sub_gnb nav > ul > li{width: 220px !important;}
.sub_gnb nav > ul > li a{justify-content: center; padding: 16px 0 !important;}

/* 회사소개 */
.contact_ul{display: flex; align-items: center; justify-content: space-between; padding: 0 !important;  margin: 0 !important; width: 100%; gap: 0 30px;}
.contact_ul li{list-style: none;}
.contact_ul li img{margin-right: 10px;}

.com_pro_table thead{display: none;}
.com_pro_table tr th{width: 200px; height: 70px;}
.com_pro_table tr td{width: auto;}
.com_pro_table tr td .jet-table__cell-inner{height: 100%;}

/* 메이저클라 */
.m_c_img_cont {justify-content: center;}
.m_c_img_cont > div{gap: 20px; justify-content: center; width: 1000px;}
.m_c_img_cont > div img{border: 1px solid #ddd;}

/* 히스토리 */
.history_slide .jet-carousel__item{padding: 0 !important;}
.history_slide .jet-carousel__content{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px !important;}
.history_slide .jet-carousel__content h5{width: 150px; height: 150px; border-radius: 50%; background: #191E4C; color: #fff; font-size: 24px; display: flex; align-items: center ; justify-content: center; margin-bottom: 50px;}
.history_slide .jet-carousel__content p{font-size: 18px; line-height: 1.5; margin-bottom: 10px !important;}

/* 상품 */
.product_tab .jet-tabs__control-wrapper {margin-bottom: 80px !important;}
.product_tab .jet-tabs__control-wrapper > div{margin-bottom: 0 !important; width: auto !important;}
.product_tab .jet-tabs__control-wrapper > div > div{justify-content: flex-start !important;}
.product_tab .jet-tabs__label-icon{border: 1px solid #ddd; border-radius: 50px;}

.pro_loop > div > div > div > section:first-child{aspect-ratio: 1;}
.pro_loop > div > div > div > section:first-child > div{height: 100%; align-items:  center !important;}
.pro_loop > div > div > div > section:first-child > div img{width: 80% !important;}

.product_tab .ecs-posts{gap: 100px 20px !important;}

/* 상세 */
.detail_img_cont > div{aspect-ratio: 1;}

.detail_features p {margin-left: 20px; position: relative;}
.detail_features p::after{position: absolute; content: ""; width: 4px;height: 4px;top: 50%; left: -13px; transform: translateY(-50%); background: #000; border-radius: 50px;}

.detail_number{
    font-size: 15px;
    line-height: 38px;
    font-weight: 600;
    color: #9d9d9d;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    width: 70px;
    padding-block: 0;
    padding-inline: 0;
    padding-left:10px;
    position: relative;
}

.detail_number:focus{outline: none;}

.detail_number::-webkit-inner-spin-button,
.detail_number::-webkit-outer-spin-button {
    padding: 5px !important;
    opacity: 1;
}

.input_num_btn{
    border: none;
    width: 16px;
    height: 16px;
    font-weight: 600;
    color: #fff;
    outline: none !important;
    background: url(/sc/wp-content/uploads/2024/03/x_btn.svg) no-repeat 55% 50% #9d9d9d;
    background-size: 60%;
    border-radius: 3px;
}

.back_btn,.buy_btn{cursor: pointer;}

/* 오더 */

.amount_wrap{margin-bottom: 45px;}
.amount_wrap > p{padding: 20px; background-color: #191E4C; position: relative;}
.amount_wrap > p::after{position: absolute; content: ""; top: 0;left: 0;width: 100%; height: 100%; z-index: 9;}
.amount_wrap > p input{
    border: none;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    background: none;
    color: #fff;
    width: auto;
}

.input_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.input_wrap > div{width: calc(33.3% - 13px);}
.input_wrap > div.message,
.input_wrap > div.file{width: 100%;}

.input_wrap p{padding: 18px 16px; background: #f5f5f5;}
.input_wrap .file p{background: none; border-bottom:1px solid #ddd; margin-bottom: 45px !important;}

.input_wrap label{margin: 0; display: flex;}
.input_wrap label span:first-child{display: inline-block; width: 120px;}
.input_wrap label span:last-child{display: inline-block; width: calc(100% - 110px);}
.input_wrap label span input,
.input_wrap label span textarea{width: 100%; border: none !important; outline: none !important; background: none !important; resize: none;}

.input_wrap .file label span:first-child{width: auto; margin-right: 30px;}

.btn_wrap p{text-align: center;}
.btn_wrap input{    
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #191E4C;
    border: none !important;
    outline: none !important;
    border-radius: 50px;
    padding: 14px 24px;
}
.btn_wrap p > span{display: block;}
/* responsive */

/* 서브 */
/* 인증 */
@media (max-width:430px) {
    .certi_cont .jet-portfolio__item{width: 100% !important;}
}

/* 오더 */
@media (max-width:1024px) {
    .amount_wrap > p input{font-size: 20px;}

    .input_wrap{gap: 10px;}
    .input_wrap > div{width: 32%;}

    .input_wrap label{flex-direction: column;}
    .input_wrap label span:first-child,
    .input_wrap label span:last-child{width: 100%;}
    
}

@media (max-width:667px) {
    .input_wrap > div{width: 100%;}
    .amount_wrap > p input{font-size: 18px;}
    .btn_wrap input{font-size: 16px;}
}

/* 디테일 */
@media (max-width:1024px) {
    .detail_img_cont > div{aspect-ratio: 2/1; padding: 50px !important;}
        
    .detail_number::-webkit-inner-spin-button,
    .detail_number::-webkit-outer-spin-button {
        opacity: 0 !important;
    }
}
@media (max-width:480px) {
    .detail_img_cont > div{aspect-ratio: 1;}
}
@media (max-width:395px) {
    .detail_img_cont > div{padding: 30px !important;}
}

/* 상품 */
@media (max-width:1024px) {
    .product_tab .ecs-posts{gap: 50px 20px !important;}
}

@media (max-width:767px) {
    .product_tab .ecs-posts{grid-template-columns:repeat(2, 1fr) !important;}
}

@media (max-width:540px) {
    .product_tab .ecs-posts{grid-template-columns:repeat(1, 1fr) !important;}
}

/* ceo인삿말 */
@media (max-width:1024px) {
    .ceo_img img{height: 500px !important; object-fit: cover; object-position: top;}
}

@media (max-width:767px) {
    .ceo_img img{height: auto !important;}
    .ceo_txt .br_n{display: none;}
}

/* 회사소개 */
@media (max-width:767px) {
.com_pro_table{overflow-x: scroll;}
.com_pro_table > div{width: 700px !important;}

}

/* 메인 */
@media (max-width:1024px) {
    .bg_l,
    .bg_r{width: 50% !important; height: 100% !important;}

    .bg_l > div > div .elementor-widget-image:first-child{width: 280px !important;}

    .bg_l > div > div .elementor-widget-image:last-child{left: -200px !important;}
    .bg_l > div > div .elementor-widget-image:last-child img{width: 500px !important;}

    .bg_r > div > div .elementor-widget-image:first-child{top:  auto !important; bottom: 20px !important; right: -300px !important;}
    .bg_r > div > div .elementor-widget-image:first-child img{width: 500px !important;}

    .bg_r > div > div .elementor-widget-image:last-child{right: -100px !important; top: 5% !important; bottom: auto !important;}
    .bg_r > div > div .elementor-widget-image:last-child img{width: 300px !important;}
}

@media (max-width:430px) {
    .main_tit h2{font-size: 32px !important;}
}