@charset "UTF-8";

body::after{
    position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:url(../images/main/bg/value02.jpg) url(../images/main/bg/value03.jpg) url(../images/main/bg/value02_m.jpg) url(../images/main/bg/value03_m.jpg); 
}

/* 메인 공통 */
.main_ttl{font-size: 72px;letter-spacing: -0.05em;font-weight: 200;color: #111;line-height: 82px;}
.main_ttl b{font-weight: 700;}
.main_desc{font-size: 22px;letter-spacing: -0.05em;color: #888;margin-top: 23px;line-height: 36px;white-space: nowrap;}


/* intro */
.intro {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;overflow: hidden;pointer-events: none;}
.notTop .intro{display: none;}

.mask{width: 100%; height: 120vh; position: absolute; top: -10vh; left: 0; display: flex; flex-direction: column; transition-timing-function: linear; background: rgba(255,255,255,0.4);}
.mask_section{flex-grow: 1; display: flex;}
.mask_section-main{flex-grow: 0;}
.mask_block{width: calc(100% + 2px); height: calc(100% + 2px); background: #010421; margin: -1px;}
.mask_block.mask_block-side{width: calc(37.5% + 2px);}
.mask_logo{width: 25%; z-index: 1;}

/* popup */
.pop_wrap{width: 100%;height: 100%;max-height: 100vh;position: fixed;z-index: 20;left: 0;top: 0;}
.pop{width: 560px;box-sizing: border-box;border: 1px solid #dbdbdb;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;}
.pop_con{padding: 25px 30px;}
.pop_slide .img_wrap{width: 100%;height: 643px;overflow: auto;box-sizing: border-box;}

.pop_pagination{display: flex;align-items: center;justify-content: center;margin-top: 23px;}
.pop_pagination .swiper-pagination-bullet{background: #dbdbdb;width: 10px;height: 10px;opacity: 1;}
.pop_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #3abcd4;}
.pop_footer{border-top: 1px solid #dbdbdb;display: flex;justify-content: space-between;align-items: center;}
.pop_footer .chk{padding: 7px;}
.pop_footer .chk .chk_label{font-size: 14px;letter-spacing: -0.05em;}
.pop_close_btn{display: block;position: relative;width: 35px;height: 35px;border-left: 1px solid #dbdbdb;}
.pop_close_btn::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: url(../images/main/ico/ico_popClose-pc.png);background-repeat: no-repeat;background-position: center;background-size: cover;width: 12px;height: 12px;}

/* main_visual */
.content.main_visual{height: 300vh; overflow:unset; background: #000;}
.main_visual_slide{position: sticky; top: 0; left: 0;}
.visual_bg {z-index: 1;position: relative;background-color: burlywood;overflow: hidden;width: 100%;height: 100vh;}
.visual_video video {position: absolute;width: 100%;height: 100vh;object-fit: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.main_visual_slide .txt_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main_visual_slide .ttl{color: #fff;font-size: 110px;font-weight: 700;letter-spacing: -0.045em;line-height: 120px;transform: translateY(150px) rotate(0.001deg);transition: all 1s; transition-timing-function: linear; opacity: 0;text-align: center;white-space: nowrap; cursor: default;font-family: "Noto Sans KR_num";}
.main_visual_slide .desc{font-family: "Noto Sans KR_num";color: #fff;font-size: 20px;font-weight: 700;margin-top: 17px;transform: translateY(150px) rotate(0.001deg);transition: all 1.2s;transition-timing-function: linear;opacity: 0;text-align: center;letter-spacing: -0.045em; cursor: default;white-space: nowrap;}


.main_visual_slide .swiper-slide-active .ttl{transform: translateY(0) rotate(0);opacity: 1;}
.main_visual_slide .swiper-slide-active .desc{transform: translateY(0) rotate(0);opacity: 1;}

.scroll_btn{position: fixed;bottom: 0;left: 50%;transform: translateX(-50%) rotate(0.001deg);z-index: 5;display: flex;flex-direction: column;align-items: center;}
.scroll_txt{margin-bottom: 18px; font-size: 15px; font-weight: 200; letter-spacing: 0.1em; color: #fff; text-transform: uppercase;}
.scroll_line_wrap{height: 100px;width: 3px;overflow: hidden;position: relative;display: flex;justify-content: center;}
.scroll_line{width: 1px;height: 100%;background: #fff;}
.scroll_line::after{content: '';height: 25px;width: 3px;background: #fff;position: absolute;top: -25px;left: 0;animation-name: scroll_line;animation-duration: 2s;animation-iteration-count: infinite;transition-timing-function: ease-in-out;}
@keyframes scroll_line {
    0% {
        top: -25px;
    }
    100% {
        top: 125px;
    }
}




/* 기업 현황 */
.content.overview{background: url(../images/main/bg/overview_bg.jpg) no-repeat center right / cover;}
.overview_wrap{padding: 147px 20px 130px;max-width: 1440px;margin: 0 auto;}
.overview_chart{display: flex;padding-top: 115px;}
.overview_chart .wrap{display: flex;flex-direction: column;gap: 39px;transform: translateY(100px);transition: all .8s; opacity: 0;}
.overview_chart .wrap.on{transform: translateY(0); opacity: 1;}
.overview_chart .wrap:nth-child(1){min-width: 313px;}
.overview_chart .wrap:nth-child(2){min-width: 230px;padding-left:138px;transition-delay: .3s;}
.overview_chart .wrap:nth-child(3){min-width: 230px;padding-left: 84px;transition-delay: .5s;}
.overview_chart .ttl{font-weight: 700;font-size: 18px;color: #555555;letter-spacing: -0.05em;white-space: nowrap;}
.overview_chart .num{display: flex;align-items: baseline;gap: 30px;margin-top: -28px;}
.overview_chart .counter{font-weight: 500;font-size: 110px;letter-spacing: -0.05em;color: #252c56;}
.overview_chart span{font-size: 44px;letter-spacing: -0.05em;color: #111111;font-weight: 500;}
.overview_chart span.plus{font-size: 60px;position: relative;bottom: 15px;}


/* 가치 */
.content.value{overflow: visible;width: 100%;}

.content.value .main_ttl, .content.value .main_desc{color: #111;}
.content.value.value2 .main_ttl, .content.value.value2 .main_desc{color: #fff;}
.content.value.value3 .main_ttl, .content.value.value3 .main_desc{color: #fff;}
.value .value_wrap {height: 2500px;display: flex;justify-content: space-between;max-width: 1570px;margin: 0 auto;padding: 0 20px 0 7%;}
.value_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/main/bg/value01.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;z-index: -1;}
.value1 .value_bg{background-image: url(../images/main/bg/value01.jpg);}
.value2 .value_bg{background-image: url(../images/main/bg/value02.jpg);}
.value3 .value_bg{background-image: url(../images/main/bg/value03.jpg);}

.value .txt_wrap {position: sticky;top: 0;left: 0;padding-top: 147px;display: flex;flex-direction: column;height: 100vh;}
.value .main_desc{margin-top: 5px;}
.value .con_wrap{padding-top: 600px;width: 69.677%;max-width: 1080px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.svg_txt_wrap{font-size: 0;white-space: nowrap;}
.svg_txt_wrap.word2{width: 100%;margin-top: -515px;display: flex;}
.svg_txt_wrap .svg_txt{display: inline-block;position: relative;vertical-align: middle;}
.svg_txt_wrap.to{width: 51%;}
.svg_txt_wrap.to .t{width: 58%}
.svg_txt_wrap.to .t svg{fill: rgba(11,23,75,0.2);}
.svg_txt_wrap.to.on .t svg{fill: #0b174b;}

.svg_txt_wrap.to .o{width: 54.5%;margin-left: -13%;}
.svg_txt_wrap.to .o svg{fill: rgba(11,23,75,0.5);}
.svg_txt_wrap.to.on .o svg{fill: #fdfdfd;}

.svg_txt_wrap.be{width: 46.296%;margin-top: 290px;}
.svg_txt_wrap.be .svg_txt:first-child{z-index: 1;}
.svg_txt_wrap.be .b{width: 60%;}
.svg_txt_wrap.be .b svg{fill: rgba(11,23,75,0.5);}
.svg_txt_wrap.be.on .b svg{fill: #fefefd;}

.svg_txt_wrap.be .e{width: 60%;margin-left: -16.6%;}
.svg_txt_wrap.be .e svg{fill: rgba(11,23,75,0.2);}
.svg_txt_wrap.be.on .e svg{fill: #0b174b;}

.svg_txt_wrap .so{width: 51%;}
.svg_txt_wrap .so .svg_txt:last-child{z-index: 1;}

.svg_txt_wrap .so .s{width: 54.7%;margin-left: -3%;}
.svg_txt_wrap .so .s svg{fill: rgba(11,23,75,0.2);}
.svg_txt_wrap.on .so .s svg{fill: #ffffff;}

.svg_txt_wrap .so .o{width: 54.5%;margin-left: -6.5%;}
.svg_txt_wrap .so .o svg{fill: rgba(11,23,75,0.5);}
.svg_txt_wrap.on .so .o svg{fill: #212c5b;}

.svg_txt_wrap .ft{width: 56%;margin-left: -7.2%;margin-top: 268px;}
.svg_txt_wrap .ft .f{width: 49.6%;margin-left: -2.5%;}
.svg_txt_wrap .ft .f svg{fill: rgba(11,23,75,0.2);}
.svg_txt_wrap.on .ft .f svg{fill: #ffffff;}

.svg_txt_wrap .ft .t{width: 53%;}
.svg_txt_wrap .ft .t svg{fill: rgba(11,23,75,0.2);}
.svg_txt_wrap.on .ft .t svg{fill: #ffffff;}

.svg_txt_wrap .con_txt{position: absolute;}
.svg_txt_wrap.to .con_txt{top: 28.4%;left: 11%;}
.svg_txt_wrap.be .con_txt{top: 25.5%;left: 11%;}
.svg_txt_wrap.word2 .con_txt{top: 25.5%;left: 10.5%;}
.svg_txt_wrap .con_txt .ttl{font-size: 30px;font-weight: 700;letter-spacing: -0.05em;line-height: 42px;color: #fff;}
.svg_txt_wrap .con_txt .desc{font-size: 20px;letter-spacing: -0.05em;color: #fff;line-height: 30px;padding-top: 27px;}
.svg_txt_wrap.on .ttl{color: #0b174b;}
.svg_txt_wrap.on .desc{color: #111;}
.svg_txt_wrap.word2.on .ttl{color: #fff;}
.svg_txt_wrap.word2.on .desc{color: #fff;}

.svg_txt_wrap .svg_shadow{opacity: 0; position: absolute; top: 0; bottom: 0; z-index: -1; filter: blur(20px); fill:rgba(13,20,53,0.3)!important}
.svg_txt_wrap.on .svg_shadow{opacity: 1;}

.svg_txt_wrap.to .svg_txt.o .svg_shadow{left: -8%; right: 8%;}
.svg_txt_wrap.be .svg_txt.b .svg_shadow{left: 8%; right: -8%;}
.svg_txt_wrap.word2 .svg_txt.o .svg_shadow{left: 8%; right: -8%;}


/* 사업 분야  */
.content.business{background: #111;overflow: visible;}
.business .main_ttl{color: #fff;}
.business .main_desc{color: #888888;margin-top: 5px;}


.slider {position: sticky;width: 100%;min-height: 100vh;top: 0;left: 0;transform: none !important;display: flex;flex-direction: column;justify-content: center;margin: 0px auto;padding: 0 20px;overflow: hidden;box-sizing: border-box;}
.slider.fixed{position: fixed;z-index: 1;background: #111;}
.slider_ttl{width: 100%;max-width: 1440px;margin: 0 auto;}

.slider_tab{display: flex;padding-top: 46px;} 
.slider_tab .tab_item{display: block;background: #888888;color: #fff;font-size: 18px;line-height: 64px;padding: 0 24px;border-radius: 30px;margin-right: 24px;} 
.slider_tab .tab_item.on{background: #3abcd4;}
.slider_item{max-width: 1440px;margin: 35px auto 0;width: 100%;overflow: visible;}
.slider .item_wrap{display: flex;flex-wrap: nowrap;width: fit-content;position: relative;transition: 0.5s cubic-bezier(0.05, 0.82, 0.165, 1);font-size: 0;white-space: nowrap;}
.slider .item {display: inline-block;vertical-align: middle;width: fit-content;margin-right: 50px;flex-shrink: 0;}
.slider .item > div{display: inline-block;vertical-align: middle;width: 80vw;max-width: 1440px;height: 512px;font-size:50px;box-sizing: border-box;margin-left: 50px;flex-shrink: 0;border-radius: 55px;overflow: hidden;}
.slider .item > div:first-child{margin-left: 0;}
.slider .item_wrap .item:first-child{margin-left: 0;}
.slider .inner{display: flex;width: 100%;height: 100%;flex-direction: column;justify-content: flex-end;text-align: right;padding: 100px 100px 46px 100px;box-sizing: border-box;position: relative;}
.slider .inner_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;z-index: -1;transition: all .3s;}
.slider .business_ttl{transition: all .3s;font-size: 100px;color: rgba(255, 255, 255, 0.7);font-weight: 800;line-height: 1;letter-spacing: -0.05em;}
.slider .business_desc{transition: all .3s;font-size: 26px;letter-spacing: -0.05em;line-height: 36px;color: rgba(255, 255, 255, 0.7);margin-top: 12px;}

.slider .more_btn{font-size: 18px;color: #fff;letter-spacing: 0;display: flex;align-items: center;justify-content: flex-end;margin-top: 30px;margin-top: 30px;transition: all .3s;opacity: 0;visibility: hidden;}

.slider .more_btn::after{content: '';display: block;background: url(../images/main/ico/ico_business_moreBtn.png) no-repeat center / cover;width: 24px;height: 24px;margin-left: 8px;}


/* 투비소프트 뉴스 */
.content.news{background: #fff;}
.news .main_desc{margin-top: 4px;}
.news_wrap{max-width: 1440px;margin: 0 auto;padding: 143px 20px 149px;}
.news_slide{overflow: visible;margin-top: 83px;}
.news_slide .news_item{position: relative;}
.news_slide .news_item + .news_item::before{content: '';position: absolute;top: 0;left: -42px;width: 1px;height: 100%;background: #dbdbdb;}
.news_slide .news_item > a{display: block;padding-right: 41px;}
.news_type{font-size: 62px;letter-spacing: -0.05em;color: #dbdbdb;line-height: 1;font-weight: 900;transition: all 0.3s;}
.news_date{font-size: 16px;letter-spacing: -0.05em;color: #111111;line-height: 1;padding-top: 60px;transition: all 0.3s;}
.news_ttl{font-size: 20px;line-height: 28px;letter-spacing: -0.05em;color: #111111;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top: 28px;transition: all 0.3s;height: 2.8em;}
.news_img{width: 100%;padding-bottom: 53.8%;position: relative;margin-top: 45px;border-radius: 17px;overflow: hidden;}
.news_img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}



.pagination_wrap{display: flex;margin-top: 56px;}
.news_slide .pagination{position: relative;margin-top: 10px;height: 1px;width: 94%;}
.news_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #3abcd4;top: -1px;height: 3px;}
.news_slide .more_btn{width: 6%;display: block;color: #aaaaaa;font-size: 20px;font-weight: 700;line-height: 1;letter-spacing: -0.05em;text-align: right;min-width: 87px;margin-top: 3px;}
.news_slide .more_btn::after{content: '';display: inline-block;vertical-align: baseline;background: url(../images/main/ico/ico_arrowRight.png) no-repeat center / cover;width: 10px;height: 16px;margin-left: 8px;}



/* 문의 */
.content.contact{background: url('../images/main/bg/contact_bg.jpg') no-repeat center / cover;}
.contact .main_ttl{color: #fff;}
.contact .main_desc{color: #888;margin-top: 4px;}
.contact_required{color: #3abcd4!important;}
.contact_wrap{max-width: 1440px; margin: 0 auto; padding: 144px 20px 161px;}
.contact_cont{position: relative; padding-top: 33px; margin-top: 39px; display: flex;}
.contact_desc{position: absolute; right: 0; top: 0; font-size: 16px; color: #fff; letter-spacing: -0.02em;}
.contact_form{width: 69.5%;}
.contact_map{width: calc(30.5% - 40px); margin-left: 40px; box-sizing: border-box; border-bottom-right-radius: 50px; overflow: hidden;}

.contactForm{border-top: 1px solid #fff; display: flex; flex-wrap: wrap;}
.contactForm_item{width: 100%; display: flex; padding: 12px 20px; box-sizing: border-box; border-bottom: 2px solid rgba(255,255,255,0.2); flex-grow: 1;}
.contactForm_item-half,.contactForm_item-half-onlyPc{width: 50%;}
.contactForm_item .moOnly{display: none;}
.contactForm_item .moOnlyTxt{display: none;}
.contactForm_titArea{width: 142px; min-width: 142px; box-sizing: border-box; padding-right: 20px;}
.contactForm_tit{font-size: 18px; font-weight: 700; line-height: 48px; color: #fff;}
.contactForm_cont{flex-grow: 1; display: flex; align-items: center;}
.contactForm_label{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.contactForm_cont .rdo{margin-top: 5px; margin-bottom: 5px;}
.contactForm_cont .inp{background: rgba(255,255,255,0.7); transition: .2s;}
.contactForm_cont .inp:focus, .contactForm_cont .textarea:focus{background: rgba(255,255,255,1);}
.contactForm_cont .textarea{background: rgba(255,255,255,0.7); transition: .2s; min-height: 152px;}
.contactForm_acdnTit{display: none;}

.contact_botArea{display: flex; align-items: center; justify-content: space-between; padding: 12px 20px 0;}
.contact_botArea .chk{margin-top: 5px; margin-bottom: 5px;}
.contact_botArea .chk_label{font-size: 14px; letter-spacing: -0.025em;}

.contact_submit{max-width: 213px; flex-grow: 1; margin-left: 20px;}
.contact_submit .btn{font-weight: 700;}












@media screen and (max-width: 1550px){
    /* 가치 */
    .svg_txt_wrap.to .con_txt{left: 9%;}
    .svg_txt_wrap .con_txt .ttl{font-size: 1.6vw;line-height: 2.3vw;}
    .svg_txt_wrap .con_txt .desc{font-size: 1.1vw;line-height: 1.7vw;padding-top: 20px;}
    
}
@media screen and (max-width: 1300px){
    /* 공통 */
    .main_ttl{font-size: 50px;line-height: 60px;}
    .main_desc{font-size: 17px;margin-top: 15px;line-height: 25px;}

    /* main_visual */
    .main_visual_slide .ttl{font-size: 80px;line-height:90px;}

    /* 기업 현황 */
    .overview_chart .counter{font-size: 80px;}
    .overview_chart .num{gap: 15px;}
    .overview_chart span.plus{bottom: 5px;}
    .overview_chart .wrap:nth-child(2){padding-left: 30px;}
    .overview_chart .wrap:nth-child(3){padding-left: 30px;}

    /* 가치 */
    .svg_txt_wrap.to .con_txt{left: 7%;}

    /* 사업 분야 */
    .slider .business_ttl{font-size: 85px;}
    .slider .business_desc{font-size: 22px;}
    .slider .more_btn{font-size: 17px;}

    /* 투비소프트 뉴스 */
    .news_slide .news_item > a{padding-right: 30px;}
    .news_slide .news_item + .news_item::before{left: -30px;}

    /* 문의 */
    .contact_form{width: 60%;}
    .contact_map{width: calc(40% - 20px);margin-left: 20px;}
    .contactForm_titArea{width: 100px;min-width: 100px;}
    .contactForm_tit{font-size: 15px;}
    .contact_form .rdo_label{font-size: 15px;}
}
@media screen and (max-width: 1000px){
    /* main_visual */
    .main_visual_slide .ttl{font-size: 50px;line-height:60px;}
    .main_visual_slide .desc{font-size: 16px;}

    /* 사업 분야 */
    .slider .business_ttl{font-size: 70px;}
    .slider .business_desc{font-size: 18px;}
    .slider .more_btn{font-size: 16px;}

    /* 투비소프트 뉴스 */
    .news_slide .news_item > a{padding-right: 25px;}
    .news_slide .news_item + .news_item::before{left: -25px;}
    .news_ttl{font-size: 18px;padding-top: 20px;}
    .news_img{margin-top: 35px;}

    /* 문의 */
    .contactForm_titArea{width: 85px;min-width: 85px;}
    .contactForm_tit{font-size: 14px;}
    .contact_form .rdo_label{font-size: 14px;}
    .contact_botArea .chk_label{font-size: 13px;}
}
@media screen and (min-width: 768px) {
    .slider .inner:hover .inner_bg{transform: scale(1.1);}
    .slider .inner:hover .business_ttl, .slider .inner:hover .business_desc{color: rgba(255, 255, 255, 1);}
    .slider .inner:hover .more_btn{opacity: 1;visibility: visible;}

    .news_slide .news_item a:hover .news_type{color: #3abcd4;}
    .news_slide .news_item a:hover .news_date{color: #3abcd4;}
    .news_slide .news_item a:hover .news_ttl{color: #3abcd4;}

}
@media screen and (max-width: 768px) {

    /* 공통 */
    .main_ttl{font-size: 32px;line-height: 43px;}
    .main_desc{font-size: 14px;margin-top: 15px;line-height: 20px;}


    /* intro */
    .mask_block.mask_block-side{width: calc(22.5% + 2px);}
    .mask_logo{width: 55%; z-index: 1;}

    /* popup */
/*     .pop{width: 280px;} */
    .pop{width: 280px; height:500px;}
    .pop_con{padding: 12px 15px;}
/*     .pop_slide .img_wrap{height: 320px;} */
    .pop_slide .img_wrap{height: 455px;}
    .pop_pagination{margin: 16px 0 3px;}
    .pop_pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
    .pop_footer{position: absolute;top: -37px;left: 0;border: 0;width: 100%;}
    .pop_close_btn{border-left: 0;width: 24px;height: 24px;}
    .pop_close_btn::after{background-image: url(../images/main/ico/ico_popClose-mo.png);transform: initial;top: 8px;right: 0;}
    .pop_footer .chk{padding: 0;}
    .pop_footer .chk .chk_label{font-size: 12px;color: #fff;background-image: url(../images/main/ico/ico_pop_chk_default.png);line-height: 20px;padding-left: 25px;height: 20px;}
    .pop_footer .chk .chk_input:checked + .chk_label{background-image: url(../images/main/ico/ico_pop_chk_checked.png);}


    /* main_visual */
    .main_visual_slide .ttl{font-size: 36px;line-height: 44px;}
    .main_visual_slide .desc{font-size: 14px;line-height: 20px;}

    .scroll_txt{margin-bottom: 10px; font-size: 10px;}
    .scroll_line_wrap{height: 70px;}
    .scroll_line::after{height: 20px;top: -20px;}
    @keyframes scroll_line {
        0% {
            top: -20px;
        }
        100% {
            top: 70px;
        }
    }


    /* 기업 현황 */
    .content.overview{background: url(../images/main/bg/overview_m_bg.jpg) no-repeat center bottom/ cover;}
    .overview_wrap{padding: 71px 20px 140px;}
    .overview_chart{justify-content: space-between;padding: 54px 7px 0;}
    .overview_chart .wrap{gap: 25px;}
    .overview_chart .ttl{font-size: 12px;line-height: 18px;}
    .overview_chart .counter{font-size: 40px;font-weight: 700;letter-spacing: 0;}
    .overview_chart span{font-size: 16px;}
    .overview_chart span.plus{font-size: 24px;bottom: 5px;}
    .overview_chart .wrap:nth-child(1){min-width: 123px;}
    .overview_chart .wrap:nth-child(2){min-width: 70px;padding: 0;}
    .overview_chart .wrap:nth-child(3){min-width: 70px;padding: 0;}
    .overview_chart .num{gap: 3px; margin-top: -5px;}


    /* 가치 */
    .value .value_wrap{display: block;padding: 0 20px;position: relative;height: 500vw;}
    .value .main_desc{margin-top: 8px;}
    .value .txt_wrap{padding-top: 70px;}
    .value_bg{background-image: url(../images/main/bg/value01_m.jpg);}
    .value1 .value_bg{background-image: url(../images/main/bg/value01_m.jpg);}
    .value2 .value_bg{background-image: url(../images/main/bg/value02_m.jpg);}
    .value3 .value_bg{background-image: url(../images/main/bg/value03_m.jpg);}
    .value .con_wrap{padding-top: 300px ;width: 100%;position: absolute;top: 0;left: 0;flex-direction: column;overflow: hidden;}
    .svg_txt_wrap{margin: 0 auto;}
    .svg_txt_wrap.to{width: 82%;margin: 40px auto 0;}
    .svg_txt_wrap.be{width: 82%;margin: 40px auto 0;}    
    .svg_txt_wrap.word2{margin: 0 auto;flex-direction: column;width: 82%;}
    .svg_txt_wrap .so{width: 100%;margin-top: 40px;}
    .svg_txt_wrap .ft{width: 100%;margin: 0;margin-top: 59px;margin-left: 14px;}
    .svg_txt_wrap .ft .f{margin-top: -90px;}
    .svg_txt_wrap .ft .t{margin-left: -17px;}

    .svg_txt_wrap.to .con_txt{top: 28.4%;left: 11%;}
    .svg_txt_wrap.be .con_txt{top: 25.5%;left: 11%;}
    .svg_txt_wrap.word2 .con_txt{top: 25.5%;left: 10.5%;}
    .svg_txt_wrap .con_txt .ttl{font-size: 17px;line-height: 23px;}
    .svg_txt_wrap .con_txt .desc{font-size: 12px;line-height: 18px;padding-top: 9px;}

    .svg_txt_wrap .con_txt .ttl{color: #0b174b;}
    .svg_txt_wrap .con_txt .desc{color: #111;}
    .svg_txt_wrap.word2 .ttl{color: #fff;}
    .svg_txt_wrap.word2 .desc{color: #fff;}
    .svg_txt_wrap.to .t svg{fill: #0b174b;}
    .svg_txt_wrap.to .o svg{fill: #fdfdfd;}
    .svg_txt_wrap.be .b svg{fill: #fefefd;}
    .svg_txt_wrap.be .e svg{fill: #0b174b;}
    .svg_txt_wrap .so .s svg{fill: #ffffff;}
    .svg_txt_wrap .so .o svg{fill: #212c5b;}
    .svg_txt_wrap .ft .f svg{fill: #ffffff;}
    .svg_txt_wrap .ft .t svg{fill: #ffffff;}

    .svg_txt_wrap .svg_shadow{display: none;}


    /* 사업 분야 */
    .business .main_desc{margin-top: 9px;}
    .slider_tab{padding-top: 57px;}
    .slider_tab .tab_item{line-height: 40px;font-size: 11px;padding: 0 20px;margin-right: 10px;}
    .slider .item_wrap{margin-top: 19px;}
    .slider .item{margin-right: 20px;}
    .slider .item > div{height: 335px;width: calc(100vw - 60px);margin-left: 20px;border-radius: 25px;}
    .slider .inner{padding: 20px;text-align: left;}
    .slider .business_ttl{font-size: 40px;color: #fff;}
    .slider .business_desc{font-size: 13px;line-height: 18px;margin-top: 6px;color: #fff;}
    .slider .more_btn{opacity: 1;visibility: visible;}
    .slider .more_btn{font-size: 10px;justify-content: flex-start;margin-top: 14px;}
    .slider .more_btn::after{width: 12px;height: 12px;margin-left: 4px;}


    /* 투비소프트 뉴스 */
    .news_wrap{padding: 70px 20px 82px;}
    .news .main_desc{margin-top: 8px;}
    .news_slide{margin-top: 52px;}
    .news_slide .news_item > a{padding-right: 0;}
    .news_slide .news_item + .news_item::before{display: none;}
    .news_type{font-size: 24px;}
    .news_date{font-size: 10px;padding-top: 14px;}
    .news_ttl{font-size: 12px;line-height: 14px;padding-top: 20px;}
    .news_img{margin-top: 5px;}
    .news_slide .more_btn{font-size: 14px;min-width: 60px;}
    .news_slide .more_btn::after{width: 6px;height: 10px;}
    .pagination_wrap{margin-top: 31px;}
    .news_slide .news_item.swiper-slide-active .news_type{color: #3abcd4;}
    .news_slide .news_item.swiper-slide-active .news_date{color: #3abcd4;}
    .news_slide .news_item.swiper-slide-active .news_ttl{color: #3abcd4;}


    /* 문의 */
    .contact_wrap{padding: 69px 20px 80px;}
    .contact .main_desc{margin-top: 8px;}
    .contact_cont{padding-top: 22px; margin-top: 57px;}
    .contact_desc{font-size: 10px;}
    .contact_form{width: 100%;}
    .contact_map{display: none;}
    .contactForm{border-top: 0;}
    .contactForm_item{min-height: 0; display: flex; align-items: center; padding: 0; border-bottom: 0; position: relative; margin-top: 6px;}
    .contactForm_item:first-child{margin-top: 0;}
    .contactForm_item-half{width: calc(50% - 4px);}
    .contactForm_item-half + .contactForm_item-half{margin-left: 8px;}
    .contactForm_item-half-onlyPc{width: 100%;}
    .contactForm_item .moOnly{display: block;}
    .contactForm_item .moOnlyTxt{display: inline;}
    .contactForm_item .pcOnly{display: none;}
    .contactForm_item .pcOnlyTxt{display: none;}
    .contactForm_titArea{display: none;}
    .contactForm_tit{font-size: 11px; color: #888;}
    .contactForm_label{clip:unset; width: auto; height: auto; margin: 0; overflow: auto; font-size: 11px; font-weight: 700; letter-spacing: -0.05em; line-height: 35px; height: 35px; pointer-events: none; left: 0; top: 0; color: #666; padding-left: 15px;}
    .contactForm_cont{position: relative;}
    .contactForm_cont .rdoGroup{display: none;}
    .contactForm_cont .textarea{min-height: 80px;}
    .contactForm_cont input:focus + .contactForm_label, .contactForm_cont textarea:focus + .contactForm_label, .contactForm_cont input.exist + .contactForm_label, .contactForm_cont textarea.exist + .contactForm_label{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
    .contactForm_acdnTit{display: block; color: #888; font-weight: bold;}
    .contact_botArea{flex-direction: column; align-items: flex-start; padding: 12px 0 0 ;}
    .contact_botArea .chk{margin-bottom: 4px; display: block;}
    .contact_botArea .chk:last-child{margin-bottom: 0;}
    .contact_botArea .chk_label{font-size: 10px;}
    .contact_submit{max-width: initial; width: 100%; flex-grow: 1; margin-left: 0; margin-top: 20px;}
}