@charset "utf-8";

/*************************************************************************************
**************************************** main ****************************************
*************************************************************************************/

/* main - common */
.section{padding:150px 0}
.section .cont{max-width:1520px;margin:0 auto}
.tit-wrap{text-align:center;padding-bottom:80px}
.tit-wrap .tit{font-weight:700;color:#222;font-size:55px;line-height:130%}
.tit-wrap .desc{color:#282828;font-size:26px;font-weight:400;opacity:0.8;margin-top:20px;display:block}

.ico{display:inline-block;background:no-repeat 0 0;font-size:0;color:transparent}
.btn{cursor:pointer}

/* main-visual */
.main-visual{position:relative;height:920px;background:url(../img/main/main-visual.png) no-repeat top center}
.main-txt-wrap{padding-top:370px;text-align:center}
.main-txt-wrap .txt{font-size:80px;font-weight:600;color:#fff}
.main-txt-wrap .desc-txt{padding-top:60px;font-size:29px;font-weight:500;opacity:0.8;color:#FFF}

.qr-guide{position:absolute;right:50px;bottom:50px}
.qr-guide span{font-size:18px;color:#fff;font-weight:200;text-align:center;display:block}
.qr-box{margin-top:14px;background:#fff;width:300px;height:175px;border-radius:16px;overflow:hidden;display:flex;align-items:center}

.qr-box .logo-img img{padding:7px 0}

/* section sect01 */

.sect01 .photo-box{display:flex;gap:16px}
.sect01 .photo-box li{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;height:500px;background:no-repeat center;cursor:pointer;transition:all 0.5s;background-size:100%}
.sect01 .photo-box li:hover{background-size:110%}
.sect01 .photo-box li p{text-align:center;font-size:28px;color:#fff}

.sect01 .photo-box .pht01{background-image:url(../img/main/section01-img01.png)}
.sect01 .photo-box .pht02{background-image:url(../img/main/section01-img02.png)}
.sect01 .photo-box .pht03{background-image:url(../img/main/section01-img03.png)}
.sect01 .photo-box .pht04{background-image:url(../img/main/section01-img04.png)}

/* section sect02 */
.section.sect02{background:#F3F4F6}

.sect02 .list-box{display:flex;gap:28px}
.sect02 .list-box>li{width:100%;padding:40px;border-radius:24px;background:#FFF;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.12)}
.sect02 .list-box>li p{padding-bottom:28px;color:#222;font-weight:600;font-size:33px;display:flex;align-items:center;gap:14px}
.sect02 .list-box>li .ico{width:67px;height:67px}
.sect02 .list-box>li .i-car{background-image:url(../img/main/section02-icon01.png)}
.sect02 .list-box>li .i-all{background-image:url(../img/main/section02-icon02.png)}
.sect02 .list-box>li .i-upgrade{background-image:url(../img/main/section02-icon03.png)}
.sect02 .list-box>li>ul{padding-left:10px}
.sect02 .list-box>li>ul>li{font-size:20px;font-weight:400;color:#222;opacity:0.8;padding:2px 0px}
.sect02 .list-box>li>ul>li:before{content:'.';position:relative;top:-7px;padding-right:14px}

/* section sect03 */
.sect03 .list-box li{display:flex;height:160px;padding:0px 180px;align-items:center;gap:50px;align-self:stretch;margin-bottom:24px;border-radius:24px;color:#fff}
.sect03 .list-box li.img01{background-image:url(../img/main/section03-img01.png)}
.sect03 .list-box li.img02{background-image:url(../img/main/section03-img02.png)}
.sect03 .list-box li.img03{background-image:url(../img/main/section03-img03.png)}
.sect03 .list-box li p{font-size:30px;font-weight:600;width:320px;text-align:center}
.sect03 .list-box li span{font-size:28px;font-weight:200}

/* section sect04 */
.section.sect04{background:url(../img/main/section04-img.png) no-repeat center;height:590px}
.section.sect04 .cont{display:flex;align-items:center}
.sect04 .tit-wrap{width:100%;padding-bottom:0}
.sect04 .tit-wrap .tit{color:#fff;text-align:left}
.sect04 .btn-wrap{display:flex;width:100%;gap:24px}
.sect04 .btn-wrap .btn-box{background:#fff;border-radius:24px;padding:50px;width:420px;height:300px;position:relative;top:0;transition:all 0.5s}
.sect04 .btn-wrap .btn-box:hover{top:-25px;box-shadow:0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30)}
.sect04 .btn-wrap .btn-box .tit{color:#222;font-size:32px;font-weight:600;padding-bottom:19px;text-align:left}
.sect04 .btn-wrap .btn-box .desc{color:#222;font-size:20px;font-weight:400;opacity:0.8;text-align:left;display:block}
.sect04 .btn-wrap .btn-box .i-arrow{position:absolute;bottom:40px;right:40px;width:50px;height:50px;border-radius:25px;background:#F4F4F4 url(../img/main/section04-btn-arrow.png)}

.sect04 .btn-wrap .btn-box:hover .i-arrow{background-color:#d5d5d5}


/************************************************************************************
************************************** sub **************************************
*************************************************************************************/

/* common */
.page_top{}
.page_top .h2-tit{padding:80px 0 25px 0;color:#222;font-size:76px;font-weight:700;line-height:150%;text-align:left}
.sec-sub{padding:100px 0}
.sec-sub .cont{text-align:center}
.sec-sub .tit-wrap{}
.tit-page{}

.list-box.type-item{display:flex;flex-wrap:wrap;max-width:1520px;gap:24px}
.list-box.type-item .item-box{border:1px solid rgba(0,0,0,0.2);border-radius:16px;padding:36px}
.list-box.type-item .item-box p{padding-bottom:24px;display:flex;align-items:center;gap:24px;white-space:nowrap;font-size:28px;font-weight:600}
.list-box.type-item .item-box p .ico{width:68px;height:68px;border-radius:10px}
.list-box.type-item .item-box .desc-txt{color:#222;opacity:0.8;font-size:21px;line-height:150%;text-align:left;display:block}

.i-kiosk{background-image:url(../img/company/section02-01.png)}
.i-reservation{background-image:url(../img/company/section02-02.png)}
.i-recognition{background-image:url(../img/company/section02-03.png)}
.i-operational{background-image:url(../img/company/section02-04.png)}
.i-remote{background-image:url(../img/company/section02-05.png)}
.i-listsave{background-image:url(../img/solution/ico-scwm01.png)}
.i-money{background-image:url(../img/solution/ico-scwm02.png)}
.i-user{background-image:url(../img/solution/ico-scwm03.png)}
.i-card{background-image:url(../img/solution/ico-scwm05.png)}
.i-touch{background-image:url(../img/solution/ico-BY01.png)}
.i-voice{background-image:url(../img/solution/ico-BY02.png)}
.i-plate{background-image:url(../img/solution/ico-cwk15a.png)}


.section-bottom{background:linear-gradient(0deg, rgba(255,255,255,.0) 0%, #F1F1F1 100%), url(../img/bottom-bg-img.png) no-repeat center bottom}
.btn-contact{display:inline-block;color:#fff;font-size:26px;font-weight:600;padding:24px 58px !important;border-radius:73px;background:linear-gradient(255deg, #2C60DF 26.59%, #3AB6D3 72.38%);box-shadow:0 0 0 rgba(19, 19, 21, 0.0);transition:all 0.5s}
.btn-contact:hover{box-shadow:0 0 8px rgba(19, 19, 21, 0.15);color:#FFFF00}

/* company */
.company01{padding:0;margin-top:-92px}
.company01 .img-wrap{max-width:1750px;margin:0 -115px;height:480px;background:url(../img/company/img01.png);border-radius:60px;display:flex;align-items:center;justify-content:center}
.company01 .img-wrap .sub-tit{color:#FFF;text-align:center;font-size:33px;font-weight:500;line-height:150%}

.company02 .photo-box{display:flex;height:550px;gap:32px}
.company02 .photo-box li{width:100%;display:flex;justify-content:center;align-items:center;padding:60px;transition:all 0.5s;cursor:pointer;background:no-repeat center;background-size:100%}
.company02 .photo-box li p{color:#FFF;text-align:center;font-size:33px;font-weight:500;line-height:150%;word-wrap:break-word;word-break:normal}
.company02 .photo-box li.pht01{background-image:url(../img/company/section01-01.png)}
.company02 .photo-box li.pht02{background-image:url(../img/company/section01-02.png)}
.company02 .photo-box li.pht03{background-image:url(../img/company/section01-03.png)}
.company02 .photo-box li:hover{background-size:110%}

.company03 .item-box{width:calc(33.33% - 16px);height:260px}



.company04 .slide-banner-wrap{display:flex;gap:16px;height:550px}
.company04 .banner-img{width:160px;transition:all 0.5s;display:flex;justify-content:center;align-items:center;overflow:hidden}
.company04 .banner-img.on{width:854px}
.company04 .banner-img.img01{background-image:url(../img/company/section03-01.png)}
.company04 .banner-img.img02{background-image:url(../img/company/section03-02.png)}
.company04 .banner-img.img03{background-image:url(../img/company/section03-03.png)}
.company04 .banner-img.img04{background-image:url(../img/company/section03-04.png)}
.company04 .banner-img.img05{background-image:url(../img/company/section03-05.png)}
.company04 .banner-img p{opacity:0;transition:all 0.5s;display:inline-block;padding:25px 35px;white-space:nowrap;color:#FFF;font-size:31px;font-weight:400;background:rgba(0,0,0,0.6)}
.company04 .banner-img.on p{opacity:1}


.company05 .img-box{max-width:100%;text-align:center;position:relative}
.company05 .img-box img{margin: 0 90px;}
.company05 .img-box:before{content:'';display:block;position:absolute;width:100%;height:2px;background:#F1F1F1;z-index:-1;top:50%}



.company06{margin-top:100px;padding-top:150px}



/***************************** solution *****************************/
/* common */
.section.solution{padding:0}
.sec-sub.section .cont{}
.solution .img-wrap{max-width:1750px;height:550px;background:url(../img/solution/top-img.png) no-repeat 0 0;color:#fff;border-radius:32px;display:flex;flex-direction:column;justify-content:center;padding:0 80px}
.solution .img-wrap .text-box{position:relative;margin:40px 0}
.solution .img-wrap .text-box .tit-txt{width:365px;white-space:nowrap;text-align:center;float:left}
.solution .img-wrap .text-box .tit-txt span{display:block}
.solution .img-wrap .text-box .tit-txt .txt1{font-size:22px;font-weight:500;white-space:nowrap}
.solution .img-wrap .text-box .tit-txt .txt2{font-size:42px;font-weight:700;padding:4px 0}
.solution .img-wrap .text-box .tit-txt .txt3{font-size:20px;font-weight:200}
.solution .img-wrap .text-box .tit-txt.txt4{font-size:49px;font-weight:500;display:flex;align-items:center;height:100%;justify-content:center}
.solution .img-wrap .text-box .sub-txt{text-align:left;font-size:24px;font-weight:400;line-height:150%;width:calc(100% - 445px);float:right}

.solution-wrap{padding:100px 0 0}
.solution-wrap .tabs{max-width:1750px;margin:0 auto;display:flex;gap:12px}
.solution-wrap .tabs .tab{width:100%;height:105px;border-radius:16px;background:#E6E6E6;border:0;color:#3f3f3f;border:4px solid #E6E6E6}
.solution-wrap .tabs .tab.active, .solution-wrap .tabs .tab:hover{border-color:#2076DA;background:#FFF}
.solution-wrap .tabs .tab p{font-size:30px;font-weight:600;padding-bottom:8px}
.solution-wrap .tabs .tab span{font-size:19px;font-weight:400;opacity:0.6}


.solution-wrap .tab-content .h2-tit{text-align:center;padding:150px 0 0;font-size:60px;color:#222;font-weight:700}

.layout-txtimg{display:flex;gap:100px}
.layout-left{width:50%;padding-left:193px}

.list-wrap.style-dot>li{padding-bottom:60px}
.list-wrap.style-dot>li:last-child{padding-bottom:0}
.list-wrap.style-dot>li .sub-tit{color:#222;font-size:36px;font-weight:600;padding-bottom:26px;position:relative}
.list-wrap.style-dot>li .sub-tit:before{content:'';display:inline-block;width:14px;height:14px;border:4px solid #2076DA;position:relative;top:-6px;margin-right:16px}
.list-wrap.style-dot>li .desc-txt{color:#434343;font-size:24px;font-weight:400;line-height:140%}

.list-wrap.style-dot02{color:#434343;font-size:24px;font-weight:400;line-height:140%;padding-left:10px;padding-bottom:18px}

.list-wrap.style-dot02>li:before{content:'.';position:relative;padding-right:12px;top:-9px}
.layout-right.img-box-wrap{width:50%;border-radius:130px 0 0 130px;border:5px solid #E6E6E6;background:#FFF;border-left-width:16px;border-right-width:0;display:flex;align-items:center;padding:50px 0}
.layout-right .img-box{width:100%;text-align:center;padding-right:193px}

.solution-wrap .section-bottom{height:auto;padding:140px 0}
.solution-wrap .section-bottom .btn{margin-top:150px}

.listbox-wrap{display:flex;gap:24px}
.listbox-wrap li{width:100%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:20px;padding:40px 45px;font-size:28px;font-weight:400;height:360px;border:1px solid rgba(0, 0, 0, 0.20);position:relative;top:0;transition:all 0.5s}
.listbox-wrap li:hover{position:relative;top:-10px;border-color:#2076DA}


.layout-normal .list-wrap{max-width:1520px;margin:0 auto}

.layout-left .list-box{width:100%}

.solution-wrap .cont-desc{max-width:1520px;margin:0 auto;padding-bottom:150px;margin-top:-90px;padding-top:0}
.style-dot .type-item{width:100%;margin:35px 0 0}

.cont-desc .list-box.style-dot02{border:1px solid rgba(0, 0, 0, 0.2);border-radius:16px;padding:36px;display:flex;flex-wrap:wrap;gap:16px 10px}
.cont-desc .list-box li{width:calc( 33.33% - 7px)}


/* rtu-400 */

/* scwm */


.scwm .type-item .item-box{width:calc(50% - 16px);height:230px}

.scwm .list-box.type-item .item-box .desc-txt{padding-left:0}

/* DCH-10 */
.layout-left .type-item .item-box{width:100%;height:230px}




.dch .list-box.type-item .item-box .desc-txt{padding-left:0}


/* app */
.app .cont-desc{margin-top:0;padding-top:150px}

.app .cont-desc .img-wrap{display:flex;justify-content:space-between}

/* CWK-15A */
.style-titdot{display:flex;border:1px solid rgba(0, 0, 0, 0.2);border-radius:16px;padding:36px}
.style-titdot li{color:#434343;font-size:24px;width:50%}
.style-titdot li .bold{font-weight:700;padding-bottom:11px}
.style-titdot li .dot{position:relative}
.style-titdot li .dot::before{content:'.';position:relative;padding-right:12px;top:-9px}

.cwk .layout-left .type-item .item-box{height:200px}

.cwk .cont-desc .list-wrap.style-dot:last-child{padding-top:60px}




.sec-sub.contact01{padding:0}
.contact01 .page_top .h2-tit{padding-top:0;margin-top: -10px;}
.sec-sub.contact{padding:0}
.contact .form-wr{max-width: 1520px;margin: 0 auto 150px;}
.contact .row{
display: flex;gap: 1rem;
margin-bottom: 1rem}
.contact input, .contact textarea{font-size: 1.25rem;width: 100%;padding: 1.5rem 1.9375rem;border: 1px solid rgba(0,0,0,0.2);
/* bg *//* box-shadow: 0px 10px 25px 0px rgba(24, 17, 78, 0.08); */border-radius: 0.5rem;/* border: 1px solid #fff; */}
.contact .form_name{
/* width: 100%; */
width: 50%}
.contact .form_phonenumber{
width: 50%}
.contact .form_email{
margin-bottom: 1rem}
.contact .form_message{
margin-bottom: 1rem}
.contact .form_summit{}
.contact .form_summit input{background: #0096E0;color: #FFF;font-size: 1.75rem;border: 0;font-weight: 600}
.contact .form_summit input:hover{background-color: #0983bf;}




/************************************************************************************
*************************************** 반응형 ***************************************
*************************************************************************************/
@media screen and (max-width:1720px){

    .company01 .img-wrap{margin:0}




    .company05 .img-box img{margin: 0 60px;}





}

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

    .company01 .img-wrap{border-radius:40px;}
    .page_top .h2-tit{padding-left: 50px;}
    .company02 .photo-box{height: 500px;}

    .solution .img-wrap, .solution-wrap .tabs{margin:0 30px}
    .layout-left{    padding-left: 80px;}
    .layout-right .img-box{    padding-right: 80px;}
    .layout-normal .list-wrap{margin: 0 80px}
    .solution-wrap .cont-desc{margin: -90px 80px 0}
    .cont-desc .list-box li{white-space: nowrap}
    .layout-left .type-item .item-box{height:auto}

    .app .layout-normal .list-wrap{margin: 0}
    .app .cont-desc .img-wrap{gap: 16px;}
    .app .cont-desc .img-wrap img{width: calc(25% - 16px);}
    .solution-wrap .tabs .tab{    height: 85px;}
    .solution-wrap .tabs .tab p{font-size:24px;}
    .solution-wrap .tabs .tab span{font-size:16px;padding-bottom: 4px;}
    
    .solution-wrap .tab-content .h2-tit, .solution-wrap .section-bottom{padding-top:100px}
    .layout-txtimg, .layout-normal{padding-top:80px}

    .page_top .h2-tit{padding-left: 0;}

}

@media screen and (max-width:1520px){
    .main-visual{height:840px}
    .main-txt-wrap{padding-top:300px}

    .section{padding:150px 30px}
    .sec-sub{padding:80px 30px}
    .sect01 .photo-box li{height:450px}
    .sect03 .list-box li{padding:0px 80px}
    .sect04 .btn-wrap .btn-box{width:380px;height:280px}
    



    .company05 .img-box img{/* width:100%; */margin: 0 20px;}

    .section.company01{padding-top:0}
    .company02 .photo-box{gap: 24px;}
    .company02 .photo-box li{padding:30px;}
    .company04 .banner-img.on, .company04 .banner-img{width:25%}
    .company04 .banner-img p{opacity: 1;width: 100%;height: 100%;white-space: normal;padding: 25px;display: flex;align-items: center;}

    .page_top .h2-tit{padding-left:0;font-size: 65px;}
    .company01 .img-wrap{height: 300px;}

    .solution .img-wrap{    padding: 0 40px;}
    
    .solution .img-wrap .text-box{    margin: 20px 0;}

    .solution .img-wrap .text-box .sub-txt{width: calc(100% - 425px);}

    .solution-wrap{padding:100px 0 0}
.layout-txtimg, .layout-normal {
        padding-top: 80px;
    }
    .layout-left{padding-left: 0;}
    .layout-right .img-box{padding-right: 0;}

    .listbox-wrap{    gap: 16px;padding:0 25px}
    .listbox-wrap li{height: 280px;font-size: 24px;padding:30px;}
    .layout-right.img-box-wrap{border-radius: 80px;
        border-left-width: 10px;
        border-right-width: 10px;}

    .solution-wrap .section-bottom .btn{margin-top:100px;}

    .layout-normal .list-wrap{margin: 0;}
    .solution-wrap .cont-desc{margin: -90px 0 0;}

    .layout-txtimg{gap: 60px;}



    #container_title, #container_title{margin:0 30px}


.sec-sub.contact01, .sec-sub.contact{padding:0 30px}
.page_top .h2-tit{font-size: 76px;}



}


@media screen and (max-width:1440px){
    .main-txt-wrap .txt{font-size:75px}
    .main-txt-wrap{padding-top:280px}
    .main-txt-wrap .desc-txt{padding-top:40px}
    .main-visual{height:780px}
    .sect01 .photo-box li{height:420px}
    .sect02 .list-box{flex-direction:column;gap:16px}
    .sect02 .list-box>li{padding:30px 40px}

    .page_top .h2-tit{padding-top: 25px;}
    .company02 .photo-box{height: 450px;}
    .company02 .photo-box li p{font-size:28px;}
    .company04 .slide-banner-wrap{flex-direction: column;}
    .company04 .banner-img.on, .company04 .banner-img {width: 100%;background-size: 100%;}

    .company04 .banner-img p{font-size: 25px;text-align: center;padding:50px;justify-content: center;}


    .list-box.type-item{flex-direction: column;}
    .list-box.type-item .item-box{width:100%;height:auto}


    .solution .img-wrap .text-box .tit-txt{width: 100%;float: none;}
    .solution .img-wrap .text-box .sub-txt{width: 100%;padding-top: 20px;}
    .solution .img-wrap{height: auto;padding:40px}
    .section.solution{margin-top: -45px;}
    .solution .img-wrap .text-box .sub-txt{font-size: 22px;}
    .solution .img-wrap .text-box{margin: 4px 0;}

    .solution-wrap{padding: 80px 0 0;}
    .cont-desc .list-box li{width: calc(50% - 7px);}

    


}

@media screen and (max-width:1366px){
    .sect01 .photo-box li{height:400px}
    .section.sect04 .cont{flex-direction:column}
    .sect04 .tit-wrap .tit{text-align:center}
    .sect04 .btn-wrap{padding-top:30px}
    .sect04 .btn-wrap .btn-box{width:100%;height:auto}



    .layout-txtimg{flex-direction: column;}
    .layout-left, .layout-right.img-box-wrap{width:100%}

.company05 .img-box img{margin: 0 8px;}






}

@media screen and (max-width:1280px){
    .main-visual{height:650px;background-size:cover}
    .main-txt-wrap{padding-top:150px}
    .main-txt-wrap .txt{font-size:55px}
    .main-txt-wrap .desc-txt{padding-top:20px;font-size:24px}
    .qr-guide{position:relative;margin:0 auto;bottom:0;right:auto;padding-top:50px}
    .qr-box{margin:14px auto 0}
    .sect01 .photo-box{flex-direction:column}
    .sect01 .photo-box li{height:150px}
    .section{padding:100px 30px}
    .tit-wrap{padding-bottom:50px}
    .sect03 .list-box li{flex-direction:column}

    .sect03 .list-box li{flex-direction:column;justify-content:center;gap:13px;margin-bottom:16px;height:140px}


    .page_top .h2-tit{padding-top: 0;font-size:55px;}
    .company01 .img-wrap{height: auto;}
    .company01 .img-wrap .sub-tit{font-size:28px;padding: 50px;}
    .sec-sub {padding:60px 30px;}

    .company02 .photo-box{flex-direction: column;gap: 16px;}
    .company02 .photo-box li{padding: 50px;}


    .solution .img-wrap{        padding: 20px 40px;}
    .solution .img-wrap .text-box{        margin: 8px 0;}
    .solution .img-wrap .text-box .tit-txt .txt1{font-size: 18px;}
    .solution .img-wrap .text-box .tit-txt .txt2{font-size: 37px;}
    .solution .img-wrap .text-box .tit-txt .txt3{font-size: 17px;}
    .solution .img-wrap .text-box .sub-txt{font-size: 18px;padding-top: 10px;}
    .solution .img-wrap .text-box .tit-txt.txt4{font-size:41px;}

    .solution-wrap{padding:60px 0 0;}
    .solution-wrap .tabs{    gap: 8px;}
    .solution-wrap .tabs .tab p{font-size:20px;padding-bottom: 0;}
    .solution-wrap .tab-content .h2-tit, .solution-wrap .section-bottom{padding-top:80px;}
    .layout-txtimg, .layout-normal{padding-top:60px;}

    .section.solution{margin-top: -85px;}

    .solution-wrap .cwk .cont-desc, .solution-wrap .by .cont-desc, .solution-wrap .by2 .cont-desc{margin: -50px 0 0;}
    .tit-wrap .desc{padding:0 24px}

    .page_top .h2-tit{font-size: 76px;}


.company05 .img-box img{margin:0 auto}
.company05 .img-box:before{display:none;}

}

@media screen and (max-width:980px) {
    .main-visual{height:500px}
    .main-txt-wrap .txt{font-size:45px}
    .main-txt-wrap{padding-top:130px}
    .main-txt-wrap .desc-txt{padding-top:12px;font-size:20px}
    .qr-guide{padding-top:30px}
    .qr-box{height:148px}
    .tit-wrap .tit{font-size:42px}
    .section{padding:80px 24px}
    .sect01 .photo-box li{height:110px}
    .tit-wrap .desc{font-size:22px}
    .sect03 .list-box li{padding:20px 30px;height:auto}
    .sect03 .list-box li p{font-size:25px}
    .sect03 .list-box li span{font-size:23px}
    .sect04 .btn-wrap{flex-direction:column}
    .sect04 .btn-wrap .btn-box{padding:30px}
    .sect04 .btn-wrap .btn-box:hover{top:0}
    .sect04 .btn-wrap .btn-box .tit{font-size:28px;padding-bottom:4px}
    
    .sec-sub {padding:60px 24px}
    .page_top .h2-tit{font-size: 45px;line-height: 140%;}
    .company01 .img-wrap .sub-tit{font-size: 22px;}
    .company02 .photo-box li{padding:30px}
    .company02 .photo-box{height:auto}


    .solution-wrap{padding:30px 0 0}
    .solution-wrap .tabs{flex-wrap: wrap;}
    .solution-wrap .tabs .tab{width:calc( 25% - 6px );height: 65px;}
    .solution-wrap .tab-content .h2-tit{font-size: 42px;}
    .list-wrap.style-dot>li .sub-tit{font-size:32px;}

    .listbox-wrap{flex-direction: column;gap: 8px;}
    .listbox-wrap li{height:auto}
    .listbox-wrap li:hover{top:0;}
        .style-titdot{flex-direction: column;gap: 16px;}
        .style-titdot li{width:100%}

       .solution-wrap .dch .cont-desc ,.solution-wrap .cwk .cont-desc, .solution-wrap .by .cont-desc, .solution-wrap .by2 .cont-desc{margin: -40px 0 0;}
       .cont-desc .list-box li{width:100%;        white-space: normal;}
    

       .page_top .h2-tit{font-size: 76px;}





}

@media screen and (max-width:600px){
    .main-txt-wrap .txt{font-size:36px}

    .layout-right .img-box{padding: 20px;}
    .layout-right .img-box img{width:80%}

    .solution .img-wrap{background-size: cover}
    .solution-wrap .tabs .tab{width: calc(50% - 6px);}
    .list-box.type-item .item-box p{white-space: normal;}


.app .cont-desc .img-wrap{flex-direction: column;}
.app .cont-desc .img-wrap img{min-width: 380px;}

.contact .row{flex-direction: column;}
.contact .form_name, .contact .form_phonenumber{width:100%}


.company05 .img-box img{margin:0 auto 20px;max-width:365px;width:100%}
.company05 .img-box img:last-child{margin-bottom:0}

.section.company01{padding-top: 90px;}
.section.solution{padding-top: 90px;}




}


@media screen and (max-width:390px) {
    
    .tit-wrap .tit{font-size: 36px}
    .sect02 .list-box>li p{    flex-direction: column;    font-size:30px;}
    .sect02 .list-box>li>ul{padding-left:0;}
    .sect02 .list-box>li>ul>li:before{    padding-right: 8px;}
    .sect02 .list-box>li>ul>li{padding: 5px 0px;}
    .sect03 .list-box li span{font-size: 20px;text-align: center;}
    .sect04 .btn-wrap .btn-box .i-arrow{position: relative;
        bottom:-10px;
        right: 0;}
    .sect04 .btn-wrap .btn-box{padding: 24px;}
    .sect04 .btn-wrap .btn-box .tit{text-align: center;}
    .sect04 .btn-wrap .btn-box .desc{text-align: center;}

    .page_top .h2-tit{font-size: 36px;}
    .company01 .img-wrap .sub-tit{font-size: 20px;padding:24px}
    .list-box.type-item .item-box{padding:24px}
    .list-box.type-item .item-box p{flex-direction: column;}

    .solution .img-wrap{padding:24px;}
    .solution .img-wrap .text-box .tit-txt .txt2{
        font-size: 35px;}
    .solution .img-wrap .text-box .sub-txt{opacity: 0.8;}

    .solution-wrap .tit-wrap{padding: 0 24px 50px;}

    .cont-desc .list-box.style-dot02{padding:24px;}
    .app .cont-desc .img-wrap img{width: 80%;
        min-width: auto;        margin: 0 auto;}
        .cwk .layout-left .type-item .item-box{height:auto}
        .section-bottom .tit-wrap .desc{padding:0}

       
}


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

}

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

}