@charset "utf-8";

@font-face {
    font-family: 'KOHIBaeumOTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* mv */
.techwix-hero-section {
    height: 670px;
}

.hero-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1000px;
}

#mv_yo .hero-content .title {
    color: #FFF;
    font-family: 'KOHIBaeumOTF';
font-size: 72px;
font-style: normal;
font-weight: 400;
line-height: 96px; /* 133.333% */
}

#mv_yo .hero-content p {
    color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px; 
}

#mv_yo .mv_page {
    position: absolute;
    bottom: 190px;
}

#mv_yo .swiper-pagination {
    display: flex;
    gap: 15px;
}

#mv_yo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

#mv_yo .btn {
    background: linear-gradient(225deg, #086AD8 0%, #28459E 100%);
    color: #FFF;
font-family: 'KOHIBaeumOTF';
font-size: 18px;
font-style: normal;
font-weight: 400;


width: 247px;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
}


@media all and (max-width:1400px) {
    .hero-content {
        max-width: unset;
        width: 100%;
    }
    #mv_yo .hero-content .title {
        font-size: 50px;
    }

    #mv_yo .mv_page {
        bottom: 122px;
        right: 11%;
    }

}


/* header */
.lang_box ul {
    display: flex;
    /* gap: 10px; */
}





/* main */
.section-title .sub-title {
    color: #28459E;
    text-align: center;
    font-family: 'KOHIBaeumOTF';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 200% */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.section-title .title  {
    color: #333;
text-align: center;
font-family: 'Pretendard';
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 54px;
}

.service-item {
    border-top: 10px solid #28459E; 
    aspect-ratio: 1 / 1.0784;
    position: relative;
}

.saup_icon_box {
    position: absolute;
    left: 25px;
    top: 30px;
    text-align: end;
}

.main_prod_custom .swiperss-wrapper {
    display: flex;
    gap: 30px;
   flex-wrap: wrap;
   justify-content: center;
}

.main_prod_custom .swiperss-wrapper > div {
    width: calc(33.333% - 20px);
}

#main_yo .case-study-img {
    aspect-ratio: 1 / 0.7087;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main_yo .case-study-img > a {
    text-align: center;
}
#main_yo .case-study-img img {
    max-width: 85%;
    max-height: 100%;
}


.single-case-study .case-study-img a::before {
    background: rgba(0, 0, 0, 0.2);
}

#main_yo .single-case-study .case-study-content .title {
    color: #FFF;
font-family: 'KOHIBaeumOTF';
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px; 
}

.main_ask_btn {
    position: relative;
    width: 845px;
    padding: 40px 0;
    border-radius: 10px;
    background: #E6F0FB;
    max-width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;

}

.main_ask_btn p {
    color: #28459E;
font-family: 'Pretendard';
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 36px; 

}

.ask_icon {
    position: absolute;
    bottom: 30px;
    left: 0;
}

@media all and (max-width:1400px) {
    .main_prod_custom .swiperss-wrapper > div {
        width: calc(50% - 15px);
    }

    #main_yo .single-case-study .case-study-content .title {
        font-size: 20px;
    }
}

@media all and (max-width:1200px) {
    .service-item {
        aspect-ratio: 1 / 0.7;
    }

}


@media all and (max-width:900px) {
    .main_prod_custom .swiperss-wrapper > div {
        width: 100%;
    }
}



@media all and (max-width:770px) {
    .saup_icon_box img {
        max-width: 60%;
    }
    .service-item {
        aspect-ratio: 1 / 1;
    }
}   

@media all and (max-width:575px) {
    .saup_icon_box img {
        max-width: 100%;
    }
    .service-item {
        aspect-ratio: 1 / 0.6;
    }
} 




/* footer */
.footer_row_custom {
    justify-content: space-between;
}

#footer_yo .widget-info ul li {
    gap: 5px;
}

#footer_yo .widget-info ul li .info-text {
    color: #C4C5C7;
font-family: 'Pretendard';
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 30px
}

.footer-widget .footer-widget-title {
    color: #FFF;

font-family: 'KOHIBaeumOTF';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}

.copyright-text {
    color: #C4C5C7;

text-align: center;
font-family: 'KOHIBaeumOTF';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}


/* company - about */
.page-banner .title {
    color: #FFF;
font-family: 'KOHIBaeumOTF';
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 75px;
}

.breadcrumb {
    color: #FFF;
font-family: 'Pretendard';
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 36px;
}

.sub_section {
    padding: 120px 0;
}

.com_about_box {
    display: flex;
    gap: 25px;
}

.about_row {
    aspect-ratio: 1 / 0.8333;
    width: calc(50% - 24px);
}

.about_row_wrapper {
    padding: 35px 40px;

    display: flex;
    flex-direction: column;
    gap: 65px;
}

.about_img_box img {
    aspect-ratio: 1 / 1;
}

.about_com_tit p {
    color: #0154A4;
font-family: 'KOHIBaeumOTF';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 200% */
letter-spacing: 1px;
text-transform: uppercase;
}
.about_com_tit h2 {
    color: #333;
font-family: 'Pretendard';
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 54px;
}

.about_com_txt {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.about_com_con {
    display: flex;
    gap: 30px;
}

.about_blue_tit {
    color: #28459E;
font-family: 'Pretendard';
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 166.667% */
/* letter-spacing: 8px; */
width: 70px;
position: relative;
}

.about_blue_tit::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 18px;
    background: #D9D9D9;
    right: -15%;
    top: 50%;
    transform: translateY(-50%);
}

.about_black_con {
    color: #333;
font-family: 'Pretendard';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}

.br_pc_only {
    display: block;
}

@media all and (max-width:1400px) {
    .com_about_box {
        flex-direction: column;
        gap: 40px;
    }

    .about_row {
        width: 100%;
        aspect-ratio: unset;
    }
    .about_img_box {
        text-align: center;
    }

    .about_row_wrapper {
        padding: 20px 0;
    }

    .about_com_con {
        gap: unset;
        flex-direction: column;
    }
    .about_blue_tit::before {
        display: none;
    }
}



@media all and (max-width:900px) {
    .page-banner .title {
        font-size: 40px;
    }

    .br_pc_only {
        display: none;
    }

    .footer-widget-about {
        text-align: center;
    }
}


/* field */
#field_yo .techwix-testimonial-section-02 .single-testimonial-02 .testimonial-content {
    padding: 80px 130px;
}

#field_yo .techwix-testimonial-section-02 .single-testimonial-02 .testimonial-thumb {
    top: 50%;
    transform: translateY(-50%);
}

#field_yo .techwix-testimonial-section-03 .single-testimonial-02 .testimonial-thumb::before {
    background-color: #28459E;
}

.testimonial-content h2 {
    color: #333;

font-family: 'KOHIBaeumOTF';
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px; 
margin-bottom: 10px;
}

.field_area_txt {
    color: #666;
    font-family: 'Pretendard';
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px; /* 162.5% */
letter-spacing: -0.64px;
position: relative;
padding-left: 10px;
}

.field_area_txt:before {
    content: '·';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 30px;
}

.filed_area_box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.filed_area_box ul li {
    width: calc(50% - 20px);
}



#field_yo .cta-tex .f_call_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.f_call_box p {
    color: #FFF;
text-align: center;
font-family: 'Pretendard';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
}


#field_yo .section-title .title {
    color: #FFF;
font-family: 'Pretendard';
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: 36px; 
text-align: left;
}





#field_yo .techwix-cta-section-06 .cta-info .cta-text .number {
    color: #94A0B9;
    font-family: 'KOHIBaeumOTF';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px; /* 150% */
    margin-top: 20px;
}


#field_yo .techwix-cta-section-04 .cta-left  {
    padding-right: unset;
}


@media all and (max-width:1400px) {
    .filed_area_box ul li {
        width: 100%;
    }

    .filed_area_box ul {
        gap: 80px;
    }


}

@media all and (max-width:767px) {
    #field_yo .techwix-testimonial-section-02 .single-testimonial-02 .testimonial-content {
        padding: 30px;
    }
}


/* 상품 리스트 */
.list_item .tab_con {
    /* padding: 160px 0; */
     box-sizing: border-box;
}

.list_item .tab_con ul { 
    display: flex;
flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 1px;
}

.list_item .tab_con ul li {
    width: calc(25% - 15px);
    height: 63px;
    border-radius: 32px;
    border: 2px solid #E6E6E6;
    padding: 20px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;


}

.list_item .section-title .title {
    color: #333;
    text-align: center;
    font-family: 'KOHIBaeumOTF';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px; /* 112.5% */
    letter-spacing: -0.88px;
}


.list_item .tab_con ul li.on {
    background-color:#28459E;
    
}
.list_item .tab_con ul li.on a {
color: #fff;
}

.list_item .tab_con ul li a {
    display: block;
    color: #999;
    font-family: 'Pretendard';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 177.778% */
}

.list_item .list_pagination > .pagination li {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 10px;
}

.list_item .list_pagination > .pagination li:last-child {
    margin-right: 0;
}

.list_item .list_pagination > .pagination li::after {
    content: '';
    display: block;
    clear: both;
}

.list_item .list_pagination > .pagination li > a {
    border: none;
    line-height: normal !important;  
     display: flex;
   justify-content: center;
   align-items: center;
}
.list_item .list_pagination > .pagination li a > span {
    border: none;
}

/* 상품 상세 리스트 */
.gallery .breadcrumb  {
   background: none;
}
.gallery .programCon {
    margin: 0 auto;
    float: none;
}

.single-blog .blog-content {
    border-radius: 5px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
min-height: 140px;

display: flex;
align-items: center;
justify-content: center;
}

@media all and (max-width:1200px) {
    .list_item .tab_con ul li {
        width: calc(33.333% - 14px);
    }
}

@media all and (max-width:767px) {
    .list_item .tab_con ul li {
        width: calc(50% - 10px);
    }
}

/* 공지사항 */
.programCon  {
    width: 100%;
    padding: 120px 0;
}

.programCon .text_ov {
    white-space: wrap;
}


/* 20250217 추가 */
.bi_area_box ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.bi_area_box .bi_area_con {
    width: calc(50% - 15px);
    aspect-ratio: 1 / 0.54263;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.09);
    padding: 40px;

    position: relative;
}

.bi_img_box {
    position: absolute;
    bottom: 40px;
    right:0;
}

.bi_img_box.last_img {
    bottom: 0;
    right: 40px;
}

@media all and (max-width:1200px) {
    .bi_area_box .bi_area_con {
        width: 77%;
        margin: 0 auto;
    }

    .bi_img_box {
        width: 40%;
    }

}



/* 20250226 추가 */
/* 영문번역 */
.eng_company .about_blue_tit {
    width: 130px;
}

.eng_company .about_black_con {
    width: calc(100% - 130px);
}

.eng_company .about_blue_tit::before {
    right: -9%;
}


/* 지도 */
.map_box {
    width: 100%;
    margin-bottom: 100px;
}

#salesType {
    outline: 0;

    border: 1px solid #ebebeb;
    box-shadow: none;
    color: #415674;
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 0;
    padding: 10px 0;
    max-width: 100%;
    width: 20%;
    font-size: 13px;
    line-height: 30px;
    font-weight: 600;
    transition: all 0.3s linear;
}