@charset "utf-8";

@media screen and (max-width:1680px){
#index-mainVisual .swiper-slide>div {padding:0 2.6% !important; box-sizing: border-box;}
}

@media screen and (max-width:1600px){
.inner{width: 100% !important; padding:0 2.6% !important; box-sizing: border-box;}

.topmenulogo {width: 180px !important; background-image: url('../img/main/logo.png'); background-size: 160px;}
.menuList>li {padding:0 50px !important;}

#index-mainVisual .swiper-slide>div {position: absolute; width: 100%; padding:0 2.6%;}
#index-mainVisual .swiper-slide .slideTitle{margin-bottom:40px;}
#index-mainVisual .swiper-slide .slideTitle img{height:70px; transition: all 0.3s;}
#index-mainVisual .swiper-slide p {font-size: 22px; margin-bottom:75px; transition: all 0.3s;}

#index-mainVisual .swiper-pagination {right:2.6%;}
#index-mainVisual .scrolldown{ right:2.6%;}

.whoWeAre{padding: 150px 0;}
.whoWeAre_txtWrap{width: 45%; padding-left: 2.6%;}
.whoWeAre_txtWrap img{height:41px; margin-bottom:30px;}
.whoWeAre_txtWrap h2.main_tit01{font-size: 70px; margin-bottom:60px;}
.whoWeAre_txtWrap p{font-size: 18px; margin-bottom:80px; word-break: keep-all;}
.whoWeAre_txtWrap p br{display: none;}

.whoWeAre_imgWrap{width: 55%; padding-left: 40px;}


.solutionNservice .inner{padding: 130px 2.6% !important;}
.solutionNservice_titWrap{width:40%;}
.solutionNservice_titWrap h2.main_tit01{font-size:60px; margin-bottom: 40px;}
.solutionNservice_titWrap p{font-size:18px; margin-bottom:100px;}

.solutionNservice_boxWrap{width:60%;}

.goTopBt {bottom: 60px; right: 2.6%; width: 60px; height: 60px; border-radius: 50%; }
.goTopBt i {line-height: 58px;}
}

@media screen and (max-width:1400px){
    .menuList>li {padding:0 40px !important;}
    .menu .subMenu li a {font-size: 16px;}
    .solutionNservice_boxWrap .ss_box > div{min-height:470px;}
}

@media screen and (max-width:1300px){
    .menuList>li {padding:0 35px !important;}
    .inner02{width: 100% !important; padding:0 2.6% !important; box-sizing: border-box;}
}

@media screen and (max-width:1200px){
    .menuList{display: none;}
    .whoWeAre_imgWrap .whoWeAre_fade{border-radius: 35px 0 0 35px;}

    .solutionNservice .inner{padding: 100px 2.6% !important;}
    .solutionNservice_titWrap{width:35%;}
    .solutionNservice_titWrap h2.main_tit01{font-size:60px;}

    .solutionNservice_boxWrap{width:65%;}
    .solutionNservice_boxWrap .ss_box strong{height: 30px; margin-bottom: 25px;}
    .solutionNservice_boxWrap .ss_box strong.ss_logo{background-size: auto 30px !important;}

    .mainNews{padding:100px 0; box-sizing: border-box;}
    .mainNews .news_titWrap{margin-bottom: 60px;}
    .mainNews h2.main_tit01{width:calc(100% - 220px); font-size:60px;}
    .mainNews .main_viewmore_b{width:200px;} 

    .newsContentsWrap .cardmenu{display: inline-block; width:calc(33.3% - 20px); margin-right: 30px; margin-top:45px;}
    .newsContentsWrap .cardmenu:nth-child(-n+4){margin-top: 45px !important;}
    .newsContentsWrap .cardmenu:nth-child(4n){margin-right: 30px !important;}
    .newsContentsWrap .cardmenu:nth-child(-n+3){margin-top: 0 !important;}
    .newsContentsWrap .cardmenu:nth-child(3n){margin-right: 0 !important;}
    .inner03{padding:0 1.3% !important; box-sizing: border-box;}
}

@media screen and (max-width:1024px){
    #index-mainVisual .swiper-slide .slideTitle{margin-bottom:35px;}
    #index-mainVisual .swiper-slide .slideTitle img{height:60px; transition: all 0.3s;}
    #index-mainVisual .swiper-slide p {font-size: 20px; margin-bottom:65px; transition: all 0.3s;}

    #index-mainVisual .swiper-slide .vis_viewmore {width: 200px;}
    #index-mainVisual .swiper-slide .vis_viewmore a{font-size: 16px; transition: all 0.3s;}
    #index-mainVisual .swiper-slide .vis_viewmore a::after{width:32px; background-size: 32px; top:6px; right:0; transition: all 0.3s;}

    #index-mainVisual .scrolldown{right:2.6%; bottom:40px;}
    #index-mainVisual .scrollcircle{width: 70px; height: 68px;}
    #index-mainVisual .scrollcircle img{width: 70px; }
    
    .whoWeAre{padding: 100px 0;}
    .whoWeAre_txtWrap{width: 100%; margin-bottom:50px; padding:0 2.6%;}
    .whoWeAre_txtWrap img{height:35px; margin-bottom:25px;}
    .whoWeAre_txtWrap h2.main_tit01{font-size: 60px; margin-bottom:40px; line-height: 1;}
    .whoWeAre_txtWrap p{font-size: 17px; margin-bottom:50px; word-break: keep-all;}
    .whoWeAre_txtWrap p br{display: none;}

    .whoWeAre_imgWrap{width: 100%; padding-left:2.6%;}
    .whoWeAre_imgWrap .whoWeAre_fade{border-radius: 30px 0 0 30px;}
    .whoWeAre_imgWrap .pc_img{display: none;}
    .whoWeAre_imgWrap .tab_img{display: inline-block;}

    .main_viewmore_b {width: 180px;}
    .main_viewmore_b a{font-size: 16px; padding-bottom:20px;transition: all 0.3s;}
    .main_viewmore_b a::after{width:28px; background-size: 28px; top:6px; right:0; transition: all 0.3s;}
    
    .solutionNservice{background-size: cover;}
    .solutionNservice .inner{padding: 100px 2.6% !important;}
    .solutionNservice_titWrap{position:relative !important; width:100%; top:0; }
    .solutionNservice_titWrap h2.main_tit01{font-size:60px; line-height: 1; margin-bottom: 35px;}
    .solutionNservice_titWrap h2.main_tit01 br{display: none;}
    .solutionNservice_titWrap p{font-size:17px; line-height: 1.8; margin-bottom:40px;}
    .solutionNservice_titWrap p br{display: none;}
    .solutionNservice_titWrap span{position:absolute; top:0; right:0;}
    .solutionNservice_titWrap span img{width: 260px;}

    .solutionNservice_boxWrap{position:relative; width:100%;}
    .solutionNservice_boxWrap .ss_box{display:inline-block; width:calc(50% - 15px); margin-right:30px; vertical-align: top;}
    .solutionNservice_boxWrap .ss_box:nth-child(even){margin-right:0; padding-top: 30px;}
    .solutionNservice_boxWrap .ss_box:nth-child(n+3){margin-bottom:0;}
    .solutionNservice_boxWrap .ss_box > div{padding:40px 30px !important; min-height:370px;}
    
    .solutionNservice_boxWrap .ss_box .ss_num{margin-bottom: 35px; transition: all 0.3s;}
    .solutionNservice_boxWrap .ss_box p{font-size: 16px;}
    .solutionNservice_boxWrap .ss_box p i{display:block;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt{margin-bottom:35px;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt li{font-size: 15px; margin-bottom:8px;}

    .ss_viewmore_b {right:30px; bottom:40px;}
    .ss_viewmore_b a{width:  110px; font-size: 14px;}
    .ss_viewmore_b a::after{width:28px; background-size: 28px;}

    .newsContentsWrap .cardmenu{display: inline-block; width:calc(33.3% - 16px); margin-right: 24px; margin-top: 35px;}
    .newsContentsWrap .cardmenu:nth-child(-n+4){margin-top: 35px !important;}
    .newsContentsWrap .cardmenu:nth-child(4n){margin-right: 24px !important;}
    .newsContentsWrap .cardmenu:nth-child(-n+3){margin-top: 0 !important;}
    .newsContentsWrap .cardmenu:nth-child(3n){margin-right: 0 !important;}

    .newsContentsWrap .card article {padding:25px 0 0 0;}
    .newsContentsWrap .card .title {font-size:18px;}
    .newsContentsWrap .card .text-detail {margin:15px 0;}
    .newsContentsWrap .card p {font-size:15px;}
    .newsContentsWrap .card span { font-size: 15px;}
    
    .goTopBt {bottom: 50px; right: 2.6%; width: 55px; height: 55px;}
    .goTopBt i {line-height: 53px;}
}

@media screen and (max-width:1000px){
    .inner03{width: 100% !important; padding:0 2.6% !important; box-sizing: border-box;}
}
@media screen and (max-width:768px){
    #index-mainVisual .swiper-slide:nth-child(1){background: url(../img/main/main_visual01_tab.jpg) no-repeat center; background-size: cover;}
    #index-mainVisual .swiper-slide:nth-child(2){background: url(../img/main/main_visual02_tab.jpg) no-repeat 80%; background-size: cover;}
    #index-mainVisual .swiper-slide:nth-child(3){background: url(../img/main/main_visual03_tab.jpg) no-repeat center; background-size: cover;}
    #index-mainVisual .swiper-slide:nth-child(4){background: url(../img/main/main_visual04_tab.jpg) no-repeat center; background-size: cover;}

    #index-mainVisual .swiper-slide .slideTitle{margin-bottom:30px;}
    #index-mainVisual .swiper-slide .slideTitle img{height:50px; transition: all 0.3s;}
    #index-mainVisual .swiper-slide p {font-size: 17px; margin-bottom:50px; transition: all 0.3s;}
    #index-mainVisual .swiper-slide p i{display: block;}
    
    #index-mainVisual .swiper-slide .vis_viewmore {width: 180px;}
    #index-mainVisual .swiper-slide .vis_viewmore a{font-size: 14px; padding-bottom:15px;}
    #index-mainVisual .swiper-slide .vis_viewmore a::after{width:30px; background-size: 30px; top:5px; right:0; transition: all 0.3s;}

    #index-mainVisual .swiper-pagination span{margin: 25px 0;}
    #index-mainVisual .swiper-pagination span::after{width: 8px; height: 4px; border-radius: 4px;}
    #index-mainVisual .swiper-pagination span.swiper-pagination-bullet-active::after{width: 25px; height: 4px;}

    #index-mainVisual .scrolldown{right:2.6%; bottom:30px;}
    #index-mainVisual .scrollcircle{width:64px; height: 62px;}
    #index-mainVisual .scrollcircle img{width: 64px; }
    #index-mainVisual .scrollangle i{width: 15px; }
    #index-mainVisual .scrollangle i img{width: 13px; }

    .whoWeAre{padding: 80px 0;}
    .whoWeAre_txtWrap{width: 100%; margin-bottom:40px;}
    .whoWeAre_txtWrap img{height:30px; margin-bottom:20px;}
    .whoWeAre_txtWrap h2.main_tit01{font-size: 50px; margin-bottom:30px; line-height: 1;}
    .whoWeAre_txtWrap p{font-size: 15px; margin-bottom:40px; word-break: keep-all;}
    .whoWeAre_txtWrap p br{display: none;}

    .whoWeAre_imgWrap{width: 100%; padding-left:2.6%;}
    .whoWeAre_imgWrap .whoWeAre_fade{border-radius: 25px 0 0 25px;}

    .main_viewmore_b {width: 160px;}
    .main_viewmore_b a{font-size: 14px; padding-bottom:15px;}
    .main_viewmore_b a::after{width:25px; background-size: 25px; top:6px; right:0; transition: all 0.3s;}

    .solutionNservice{background-size: cover;}
    .solutionNservice .inner{padding: 80px 2.6% !important;}
    .solutionNservice_titWrap{position:relative !important; width:100%; top:0; }
    .solutionNservice_titWrap h2.main_tit01{font-size:50px; line-height: 1; margin-bottom: 30px;}
    .solutionNservice_titWrap h2.main_tit01 br{display: none;}
    .solutionNservice_titWrap p{font-size:15px; line-height: 1.8; margin-bottom:40px;}
    .solutionNservice_titWrap p br{display: none;}
    .solutionNservice_titWrap span img{width: 200px;}

    .solutionNservice_boxWrap{position:relative; width:100%;}
    .solutionNservice_boxWrap .ss_box{display:block; width:100%; margin-right:0; margin-top:20px;}
    .solutionNservice_boxWrap .ss_box:first-child{ margin-top: 0;}
    .solutionNservice_boxWrap .ss_box:nth-child(even){margin-right:0; padding-top: 0;}
    .solutionNservice_boxWrap .ss_box:nth-child(n+3){margin-bottom:0;}
    .solutionNservice_boxWrap .ss_box > div{padding:25px !important; min-height:270px; border-radius:15px;}
    .solutionNservice_boxWrap .ss_box .ss_num{margin-bottom: 20px; transition: all 0.3s;}
    
    .solutionNservice_boxWrap .ss_box strong{height: 25px; margin-bottom: 20px;}
    .solutionNservice_boxWrap .ss_box strong.ss_logo{background-size: auto 25px !important;}

    .solutionNservice_boxWrap .ss_box p{font-size: 16px; margin-bottom: 15px;}
    .solutionNservice_boxWrap .ss_box p i{display:none;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt{margin-bottom:15px;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt li{font-size: 15px; margin-bottom:8px;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt li:last-child{margin-bottom:0;}

    .ss_viewmore_b{bottom:28px; right:25px;}
    .ss_viewmore_b a{width:  110px; font-size: 14px;}
    .ss_viewmore_b a::after{width:28px; background-size: 28px;}

    .mainNews{padding:80px 0; box-sizing: border-box;}
    .mainNews .news_titWrap{margin-bottom:30px;}
    .mainNews h2.main_tit01{width:calc(100% - 170px); font-size:50px;}
    .mainNews .main_viewmore_b{width:170px;} 

    .newsContentsWrap .card article {padding:20px 0 0 0;}
    .newsContentsWrap .card .title {font-size:17px;}
    .newsContentsWrap .cardmenu{display: inline-block; width:calc(50% - 10px); margin-right: 20px; margin-top: 30px;}
    .newsContentsWrap .cardmenu:nth-child(-n+4){margin-top: 30px !important;}
    .newsContentsWrap .cardmenu:nth-child(4n){margin-right: 20px !important;}
    .newsContentsWrap .cardmenu:nth-child(-n+3){margin-top: 30px !important;}
    .newsContentsWrap .cardmenu:nth-child(3n){margin-right: 20px !important;}
    .newsContentsWrap .cardmenu:nth-child(-n+2){margin-top: 0 !important;}
    .newsContentsWrap .cardmenu:nth-child(2n){margin-right: 0 !important;}

    .goTopBt {bottom: 40px; right: 2.6%; width: 50px; height: 50px;}
    .goTopBt i {line-height: 48px !important;}
}

@media screen and (max-width:580px){
    .newsContentsWrap .card .title {font-size:16px;}
}

@media screen and (max-width:480px){
    #index-mainVisual .swiper-slide>div {width: 90%; left: 0; transform: translate(0, -50%);}
    #index-mainVisual .swiper-slide .slideTitle{margin-bottom:22px;}
    #index-mainVisual .swiper-slide .slideTitle img{height:35px; transition: all 0.3s;}
    #index-mainVisual .swiper-slide p {font-size: 15px; margin-bottom:40px; transition: all 0.3s; word-break: keep-all;}

    #index-mainVisual .swiper-slide .vis_viewmore {width: 150px;}
    #index-mainVisual .swiper-slide .vis_viewmore a{font-size: 13px; padding-bottom:15px;}
    #index-mainVisual .swiper-slide .vis_viewmore a::after{width:26px; background-size: 26px; top:5px; right:0; transition: all 0.3s;}

    #index-mainVisual .swiper-pagination span{margin: 20px 0;}
    #index-mainVisual .swiper-pagination span::after{width: 6px; height: 3px; border-radius: 3px;}
    #index-mainVisual .swiper-pagination span.swiper-pagination-bullet-active::after{width: 20px; height: 3px;}

    #index-mainVisual .scrolldown{right:2.6%; bottom:20px;}
    #index-mainVisual .scrollcircle{width:54px; height: 52px;}
    #index-mainVisual .scrollcircle img{width: 54px;}
    #index-mainVisual .scrollangle i{width: 13px;}
    #index-mainVisual .scrollangle i img{width: 11px;}

    .whoWeAre{padding: 60px 0;}
    .whoWeAre_txtWrap{width: 100%; margin-bottom:25px;}
    .whoWeAre_txtWrap img{height:25px; margin-bottom:15px;}
    .whoWeAre_txtWrap h2.main_tit01{font-size: 35px; margin-bottom:20px; line-height: 1;}
    .whoWeAre_txtWrap p{font-size: 15px; margin-bottom:25px; word-break: keep-all;}
    .whoWeAre_txtWrap p br{display: none;}

    .whoWeAre_imgWrap{width: 100%; padding-left:2.6%;}
    .whoWeAre_imgWrap .whoWeAre_fade{border-radius: 15px 0 0 15px;}

    .main_viewmore_b {width: 170px;}
    .main_viewmore_b a{font-size: 13px; padding-bottom:15px;}
    .main_viewmore_b a::after{width:25px; background-size: 25px; top:6px; right:0; transition: all 0.3s;}

    .solutionNservice .inner{padding: 60px 2.6% !important;}
    .solutionNservice_titWrap h2.main_tit01{font-size:30px; margin-bottom: 15px;}
    .solutionNservice_titWrap p{font-size:14px; margin-bottom:20px; word-break: keep-all;}
    .solutionNservice_titWrap span img{width: 100px;}

    .solutionNservice_boxWrap.solutionNservice_pcWrap{display:none;}
    .solutionNservice_boxWrap.solutionNservice_mobWrap{display: inline-block;}
    .solutionNservice_boxWrap .ss_box{margin-top:13px;}
    .solutionNservice_boxWrap .ss_box:first-child{ margin-top: 0;}
    .solutionNservice_boxWrap .ss_box > div{padding:25px 20px !important; min-height:fit-content; border-radius: 10px;}
    .solutionNservice_boxWrap .ss_box .ss_num{position:absolute; font-size:12px; top:25px; right:20px; margin-bottom: 0; transition: all 0.3s;}
    .solutionNservice_boxWrap .ss_box .ss_num span{padding-right:5px;}
    
    .solutionNservice_boxWrap .ss_box strong{height: 20px; margin-bottom: 20px;}
    .solutionNservice_boxWrap .ss_box strong.ss_logo{background-size: auto 20px !important;}

    .solutionNservice_boxWrap .ss_box p{font-size: 14px; margin-bottom: 10px;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt{margin-bottom:0;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt li{font-size: 13px; margin-bottom:5px;}
    .solutionNservice_boxWrap .ss_box ul.main_dot_txt li:last-child{margin-bottom:0;}

    .ss_viewmore_b a{display: none;}
    
    .solutionNservice_boxWrap.solutionNservice_mobWrap .ss_box:hover a{color:#fff;}

    .mainNews{padding:55px 0 50px; box-sizing: border-box;}
    .mainNews .news_titWrap{margin-bottom:20px;}
    .mainNews h2.main_tit01{width:calc(100% - 130px); font-size:30px;}
    .mainNews .main_viewmore_b{width:130px;} 
    .mainNews .main_viewmore_b a{padding-bottom:12px;}

    .newsContentsWrap .cardmenu{display: inline-block; width:100%; margin-right: 0 !important; margin-top: 20px !important;}
    .newsContentsWrap .cardmenu:nth-child(-n+4){margin-top: 20px !important;}
    .newsContentsWrap .cardmenu:nth-child(4n){margin-right: 0 !important;}
    .newsContentsWrap .cardmenu:nth-child(-n+3){margin-top: 20px !important;}
    .newsContentsWrap .cardmenu:nth-child(3n){margin-right: 0 !important;}
    .newsContentsWrap .cardmenu:nth-child(-n+2){margin-top: 20px !important;}
    .newsContentsWrap .cardmenu:nth-child(2n){margin-right: 0 !important;}
    .newsContentsWrap .cardmenu:first-child{margin-top: 0 !important;}
    
    .newsContentsWrap .card article {padding:15px 0 0 0;}
    .newsContentsWrap .card .title {font-size:15px;}
    .newsContentsWrap .card .text-detail {margin:10px 0;}
    .newsContentsWrap .card p {font-size:13px;}
    .newsContentsWrap .card span { font-size: 13px;}

    .goTopBt {bottom: 25px; right: 2.6%; width: 40px; height: 40px;}
    .goTopBt i {line-height:38px !important;}
}

@media screen and (max-width:420px){
    #index-mainVisual .swiper-slide p br{display: none;}
}