@charset "utf-8";


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

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

  #gnb .gnb1_li {padding: 0 50px 0 0; }
  .gnb1_a {font-size:16px;line-height:40px;}
  .gnb2_ul {top:40px; padding-top:15px; padding-right:20px; }
  .gnb2_a {font-size: 14px; }

  .main-visual-content {padding: 0px 5% 40px;}
  .main-visual .swiper-navigation {bottom:4rem;left: 5%;}

}  

@media all and (max-width:1440px){
  #gnb .gnb1_li {padding: 0 40px 0 0; }

  .inner{padding:0 4%;}
  .section--top .tit{padding:0px 4%;}
  .section--top .desc{padding:0px 4%;}

  .f-inner{ padding:0px 5%;}

  .hp-sec1 p br{display:none;}
  .hp-sec1 .inner{padding:0 5%;}

  .hp-sec2 li{flex:1; margin-left:10px;padding:30px 30px 90px;}
  .hp-sec2 .btn-group {bottom:30px;}

  .Portfolio-sec p br{display:none;}
  .Portfolio-sec .inner{padding:0 5%;}


  .business-wrap{padding:8rem 4% 3rem;}


} 





/* 1280px 이하 */
@media all and (max-width:1280px){
  #header .logoArea{flex:1; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}
  #header .logo{min-height:35px;background-size:auto 35px;}
  #gnb {display:none;} 
  #header .m_open{display:inline-flex;  flex:0 0 50px;}

  #header{height:60px;}
  #header.bg_on{height:60px;}

  .main-container {margin-top:60px;}

  .main-visual {height:500px; }
  .main-visual-title {font-size:70px;}
  .main-visual-desc {font-size:20px;}
  
  .subMenu_A{height:60px;padding:15px 0px 0px;}

  .sec2 .imgArea{flex:0 0 45%;padding:0 50px;}
  .sec2 .txtArea{flex:0 0 55%;}
  .map-contacts {padding:0px 5%;}

  #visual{margin:60px auto 0; }

  .hp-sec1{background:url(/images/sub/homepage-1.png) 90% 90% no-repeat #f6fdfe; padding:10rem 0;}

  .Portfolio-sec{background:url(/images/sub/homepage-1.png) 90% 90% no-repeat;}
  
  .cs-top{background:url(/images/sub/cs-1.png) 90% 80% no-repeat #f6fdfe; padding:8rem 0 12rem;}

  .erp--menu .leftArea{flex:0 0 150px;}

  .erp-sec2 .imgArea{flex:0 0 45%;padding:0 40px;}
  .erp-sec2 .txtArea{flex:0 0 55%;}

  .erp-sec3 .imgArea{flex:0 0 45%;padding:0 40px;}
  .erp-sec3 .txtArea{flex:0 0 55%;}

  .hp-sec2 .tit{font-size:2.4rem;}

  .business-sec1 .tit{flex:0 0 120px;font-size:2.2rem;}

  .service-wrap li{padding:40px 30px;}

  .b2b--top .topbar{font-size:4.5rem;}

  .b2b--sec1 li{flex:1; margin-left:30px; padding:50px 40px;}
  .b2b--sec1 .txt br{display:none;}


}




/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  html{font-size: 56.3%;}  

  .main-visual .swiper-pagination-current {width:2.5rem;}
  .main-visual .swiper-pagination-total {width:2.5rem;margin-right:.5rem;}
  .main-visual .swiper-progress__hidden-space {width:14.0rem;margin-right:0rem;}
  .main-visual .swiper-progress__wrap {width:14.0rem; left:2.5rem;}

  .main-visual {height:450px; }
  .main-visual-title {font-size:60px;}
  .main-visual-desc {font-size:18px;}

  .subMenu_A .x-scroll{justify-content:flex-start;}

  .sec1{padding:12rem 0;}
  .sec1 .inner{padding:0 7%;}     
  .sec1 .text-1{padding:0 10% 0 0%;}
  .sec1 .section-tit{padding:0 0% 0 0px;}

  .sec2 .imgArea{flex:0 0 45%;padding:0 30px;}
  .sec2 .txtArea{flex:0 0 55%;}
  .history--txt .year{flex:0 0 120px;font-size:16px;}
  .history--txt .cont{flex:1; margin-left:20px;font-size:16px;}

  .sec8{ padding:10rem 0;}

  .f-inner .f-left{flex:0 0 450px;}

  .list-typeA li{width:23%; margin-left:2.6666%; margin-bottom:2.6666%;}
  .list-typeA li:nth-child(6n-5){margin-left:2.6666%;}
  .list-typeA li:nth-child(4n-3){margin-left:0;}

  #visual{height:450px;}
  #visual .visual-img-con{height:420px;}
  .circle--menu{width:110px; height:110px;font-size:16px;padding:0 20px;}
  .demo--btn > a{min-width:180px;}

  .hp-sec1{background-size:auto 220px; padding:8rem 0;}
  .Portfolio-sec{background-size:auto 220px; padding:7rem 0;}

  .cs-top{background-size:auto 220px; padding:7rem 0 10rem;}

  .hp-sec2 li{padding:25px 20px 85px;margin-left:5px;}
  .hp-sec2 .btn-group {bottom:25px;}

  .table.type1 th{padding:8px;font-size:14px;}
  .table.type1 td{padding:8px;font-size:13px;}
  .table.type2 th{padding:8px;font-size:14px;}
  .table.type2 td{padding:8px;font-size:13px;}
  .table.type3 th{padding:8px;font-size:14px;}
  .table.type3 td{padding:8px;font-size:13px;}

  .table.type1 .f--point,  .table.type2 .f--point,  .table.type3 .f--point{font-size:14px;}

  .hp-biz li{margin-left:40px;}

  .list-typeB{margin:20px auto 0;}
  .list-typeB li{flex:0 0 25%; margin:0 0% 4% 0%; padding:0 20px; }

  .stepBox .icon{width:100%;min-height:60px; margin:20px 0;}
  .stepBox .stit{font-size: 16px;}
  .stepBox .txt{font-size: 14px;}
  .step--icon1,  .step--icon2,  .step--icon3,  .step--icon4,  .step--icon5,  .step--icon6,  .step--icon7, .erp-step--icon5{background-size:auto 60px;}

  .erp--menu .leftArea{flex:0 0 120px;}
  .erp--menu .rightArea{flex:1; margin-left:10px;font-size:16px;padding:20px;}

  .erp-sec2 ul{padding-top:0px;}
  .erp-sec2 .imgArea{flex:0 0 100%;padding:0 0px 30px;}
  .erp-sec2 .txtArea{flex:0 0 100%;}

  .erp-secimg-1{ height:0;padding-top:35%;background:url('/images/sub/erp-3-m.png') center center no-repeat;background-size:100% auto;border:1px solid #eee; border-radius:0px;box-shadow: 0px 0px 0px 0px rgba(22,22,22, 0);}

  .erp-sec3 .imgArea{flex:0 0 100%;padding:0 0px 30px; order:1;}
  .erp-sec3 .txtArea{flex:0 0 100%; order:2;}

  .erp-secimg-2{ height:0;padding-top:35%;background:url('/images/sub/erp-4-m.png') center center no-repeat;background-size:100% auto;border:1px solid #eee; border-radius:0px;box-shadow: 0px 0px 0px 0px rgba(22,22,22, 0);}

  .Portfolio-wrap .listA li{width:31.33333%; margin-left:3%; margin-bottom:3%;}
  .Portfolio-wrap .listA li:nth-child(4n-3){margin-left:3%}
  .Portfolio-wrap .listA li:nth-child(3n-2){margin-left:0px;}
  
  .Portfolio-wrap .listB li{width:23.5%; margin-left:2%; margin-bottom:2%;}
  .Portfolio-wrap .listB li:nth-child(5n-4){margin-left:2%;}
  .Portfolio-wrap .listB li:nth-child(4n-3){margin-left:0px;}
  
  .Portfolio-wrap .listC li{width:31.33333%; margin-left:3%; margin-bottom:3%;}
  .Portfolio-wrap .listC li:nth-child(6n-5){margin-left:3%;}
  .Portfolio-wrap .listC li:nth-child(3n-2){margin-left:0px;}
  
  .Portfolio-wrap .listD li{display: inline-block;width:31.33333%; margin-left:3%; margin-bottom:3%;}
  .Portfolio-wrap .listD li:nth-child(3n-2){margin-left:0px;}

  #visual.business{height:500px;}
  #visual.business .visual-img-con{height:470px;}
  #visual.business .visual-txt-con{padding:0px 5% 40px 5%;}

  .business-wrap{padding:8rem 4% 0rem;}
  .business-sec1{flex-wrap: wrap;border-top:0px solid #ebebeb;padding:0rem 0 5rem; }
  .business-sec1 .tit{flex:0 0 100%;margin-bottom:20px;border-bottom:1px solid #ebebeb; padding-bottom:15px;}
  .business-sec1 .cont{flex:0 0 100%; }

  .business-txt ul{display:flex;margin-top:20px;}
  .business-txt .b--tit{flex:0 0 100px;}
  .business-txt .b--tit::after {top:7px;}
  .business-txt .b--box{display:inline-flex;flex:0 0 100%;}
  .business-txt .b--box .box1{flex:1; padding:20px;}
  .business-txt .b--box .box-plus{flex:0 0 30px; height:100%;background:url(/images/sub/i--plus.png) 50% 50% no-repeat;}

  .b--txt02{font-size:14px;}
  .b--num{width:20px; height:20px;font-size:13px;}
  .b--txt01{line-height:20px; }


  .service-wrap ul{display:flex;flex-wrap: wrap;margin:30px 0;}
  .service-wrap li{flex:0 0 48%; margin-left:4%;margin-bottom:4%;padding:40px 30px;}
  .service-wrap li:nth-child(2n-1){margin-left:0px;}
  
  .service-wrap .service-tit{min-height:50px;font-size: 2.4rem; }

  .business-sec3 .txt{font-size:16px;}
  .business-sec3 .stit{font-size:17px;padding-left:10px;margin-bottom:10px;}
  .business-sec3 .stit::after {top:8px;width:4px;height:4px;}

  .b2b--sec1 .l02{background:url(/images/sub/ico--passport.png) 95% 0% no-repeat;background-size:18% auto; }

  .b2b--sec2 li{margin-left:40px;}
  .b2b--sec2 .txt{font-size:2.0rem;}
  .b2b--sec3 .txt{font-size:1.8rem;border-radius:4px;}

  .b2b--sec4 .txt{font-size:16px;text-indent:-16px; padding-left:16px;margin-bottom:5px; }
  .b2b--sec4 .txt2{font-size:16px;}

  /* intro */
  .intro-wrap .intro--logo{margin-bottom:4rem;}
  .intro-wrap .intro--box{margin-bottom:4rem;}
  .intro-wrap .intro--box li{flex:0 0 48%; margin-left:4%;margin-bottom:4%;}
  .intro-wrap .intro--box li:nth-child(2n-1){margin-left:0; }
  .intro-wrap .intro--box li:hover{margin-top:0px;}
  
  .intro-wrap .intro-txt1{font-size:16px;}
  .intro-wrap .intro-txt2{font-size:15px;}








/* 
  .board-view .btnBox .s-txt{display: none !important;}
  .board-view .subjectBox{flex-wrap: wrap;align-items:center;padding:20px;}
  .board-view .subjectBox .leftArea{width:100%;margin-bottom:15px;}
  .board-view .subjectBox .rightArea{width:100%;text-align:right;}
  .board-view .stit{margin-right:10px;}
  */

}


	
/* Mobile 768px 이하 */
@media all and (max-width:768px) {   
  html{font-size: 50%;}

  .mMenu .mTop .logo_s{min-height:30px;background-size:auto 30px;}
  .lnav li a {font-size:16px;} 
  .lnav > li li a {font-size:14px;}

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}

  .mMenu {right:-100%; width:100%;}

  .main-visual {height:360px; }
  .main-visual-title {font-size:50px;}
  .main-visual-desc {font-size:16px;}

  .section--top{padding:40px 0 0px;}
  .section--top .desc{margin:10px auto 20px;}

  .section-tit{font-size:3rem;}

  .sec2 .imgArea{flex:0 0 100%;padding:0 10%;}
  .sec2 .txtArea{flex:0 0 100%;margin-top:20px;}
  .history--img{padding-top:75%;border-radius:48px; }
  .history--txt .year{flex:0 0 120px;font-size:15px;}
  .history--txt .cont{flex:1; margin-left:20px;font-size:15px;}

  .list-typeA{padding:0 3%;}
  .list-typeA li{width:48%; margin-left:4%; margin-bottom:4%;}
  .list-typeA li:nth-child(odd){margin:0 0% 4% 0% !important;}
  .list-typeA li:nth-child(even){margin:0 0% 4% 4% !important;}

  .btn_up_layer {right:5px;bottom:20px;width:40px; height:40px; background-size:40px 40px;}
  .col50{width:100% !important; }

  .map-content{margin:40px 0px;height:400px;}
  .map-contacts ul{margin-bottom:15px;}
  .map-contacts .c_title{width:100%;font-size:17px;line-height:1;margin-bottom:10px;}
  .map-contacts .c_content{width:100%;font-size:16px;}

  .sec--img{padding:0 3%;}
  .sec8 form{padding:0 3%;}

  .footer{padding:40px 0; }
  .f-inner{flex-wrap: wrap;}
  .f-inner .f-left{flex:0 0 100%;margin-right:0px;}
  .f-inner .f-center{/* flex:0 0 100%;order:3;*/ display:none;}
  
  .f-tit{font-size:16px;margin-bottom:20px;}
  .f-txt{font-size:14px;margin-bottom:15px;}
  
  .f-cont{margin-bottom:15px;}
  .f-cont .f-icon{margin-right:15px;}
  .f-cont .f-txt1{font-size:13px;}
  .f-cont .f-txt2{font-size:16px;}

  #visual{height:450px;}  
  #visual .visual-img-con{height:425px;}
  #visual .visual-menu > a{margin:0 2px;}
  .circle--menu{width:100px; height:100px;font-size:15px;padding:0 20px;}
  .demo--btn > a{margin-left:5px; min-width:160px;}
  .circle--menu:hover{ margin-top:0px;color:#2d2f3a !important;font-weight:500;
    background: rgba(255,255,255,.85) !important; 
  }

  #visual.erp{height:400px;}
  #visual.erp .visual-img-con{height:400px;}
  #visual.erp .visual-txt-con{padding:0px 5% 0px;}

  #visual.portfolio{height:400px;}
  #visual.portfolio .visual-img-con{height:400px;}
  #visual.portfolio .visual-txt-con{padding:0px 5% 0px;}

  #visual.business{height:500px;}
  #visual.business .visual-img-con{height:470px;}
  #visual.business .visual-txt-con{padding:0px 5% 60px 5%; background:rgba(255,255,255,.5)} 
  .visual-img-con.tbg06{background: url("/images/sub/business-bg.jpg") no-repeat 65% center / cover rgb(255, 255, 255);}
  #visual .v-txt br{ display:none;}
  #visual.business .demo--btn > a{margin-left:5px; min-width:220px;}
  #visual .v-tit{font-size:3.5rem;}
  #visual .v-txt{padding-right:10%;font-weight:500;}
  #visual .v-logo img{max-height:40px;}

  #visual .b2b-logo img{max-height:40px;}

  .section-stit{font-size:2.4rem;margin-bottom:30px;}

  .section--top .tit{flex-wrap: wrap;}
  .view--btn{display:inline-block;width:100%;text-align:right;font-size:15px;margin-left:0px;margin:10px 0;}

  .hp-sec1{background:url(/images/sub/homepage-1.png) 50% 95% no-repeat #f6fdfe;background-size:240px auto; padding:8rem 0;}
  .hp-sec1 p{padding-right:0%;box-sizing: border-box;}
  .hp-sec1 p:nth-child(3){padding-bottom:160px;}

  .Portfolio-sec{background:url(/images/sub/homepage-1.png) 50% 95% no-repeat;background-size:240px auto; padding:6rem 0;}
  .Portfolio-sec h3{padding-right:0%;}
  .Portfolio-sec p{padding-right:0%;box-sizing: border-box;}
  .Portfolio-sec p:nth-child(3){padding-bottom:170px;}

  .cs-top{background:url(/images/sub/cs-1.png) 50% 90% no-repeat #f6fdfe;background-size:240px auto;padding:6rem 0 8rem;margin:0px auto 0;}
  .cs-top p{padding-right:0%;}
  .cs-top p:nth-child(3){padding-bottom:200px;}
  .cs-top .tit_lg{font-size:3.5rem;}

  .hp-sec2 ul{display:flex;flex-wrap: wrap; }
  .hp-sec2 li{flex:0 0 100%; margin-left:0px;padding:20px 20px 80px; margin-top:15px;}
  .hp-sec2 li:first-child{margin-top:0px;}
  .hp-sec2 .btn-group {bottom:20px;}

  .hp-biz li{margin-left:20px;}
  .hp-biz .tit{margin:10px 0;}

  .tit_lg{font-size:4rem;margin-bottom:20px;}
  .tit_md{font-size:2.1rem;}

  .text-2{font-size:14px;}
  .text-list{font-size:14px;text-indent:-14px; padding-left:14px;}
  .text-list2{font-size:14px;text-indent:-18px; padding-left:18px; }

  .cell{padding:10px 10px;font-size:14px;}
  .col-head {font-size:14px;}
  .f-sm{font-size:13px;}

  .tb--col2{width:30%;}
  .table-wrapper.cTable .t--left{padding-left:10px;} 

  .tb--col3{width:100px;}
  .tb--col4{width:80px;}

  .sec--img-1{margin-top:40px;padding:0 5%;}
  .round_tab {text-align: left;}

  .list-typeB{margin:0px auto;}
  .list-typeB li{flex:0 0 50%; margin:0; padding:30px 20px; border-bottom:1px solid #ebebeb;}
  .list-typeB li:nth-child(odd){}
  .list-typeB li:nth-child(even){border-left:0;}
  .list-typeB li:first-child{flex:0 0 100%; }
  .list-typeB li:nth-child(5){border-left:1px solid #ebebeb;}
  .list-typeB li:nth-child(6),  .list-typeB li:nth-child(7){border-bottom:0;}

  .stepBox .stit{font-size: 16px;}
  .stepBox .txt{font-size: 14px;margin-bottom:6px;}

  .gray--box{ margin-bottom:20px; padding:20px;}
  .text-3{font-size:16px;text-indent:-16px; padding-left:16px;}
  .text-4{font-size:14px;text-indent:-10px; padding-left:26px;}

  .sub--menu-wrap{display: inline-block !important;}
  .demo--btn-2{display:none; }
  .demo--sbtn{display:none; }
  .demo--btn.portfolio{display:none; }

  .erp--menu .leftArea{flex:0 0 100px;}
  .erp--menu .rightArea{flex:1; margin-left:5px;font-size:14px;padding:20px;}
  .erp--menu ul{margin-top:10px;}

  .hp-sec2 .txt-non{height:0;margin-bottom:20px;}

  .business-txt2 .b--tit{flex:0 0 100px;font-size:14px;}
  .business-txt2 .b--txt{flex:1; margin-left:10px;font-size:14px; }

  .business-sec2 .stit{font-size:16px;}

  .service-wrap li{padding:40px 30px;}

  .service-wrap .icon{min-height:60px; margin:20px 0;}
  .service-wrap .service-txt{font-size:14px;}
  .service-wrap .section-tit > span br{display: none;}
  .service--icon1, .service--icon2, .service--icon3 ,.service--icon4{background-size:auto 60px;}

  .business-sec3 .txt{font-size:15px;}

  .business-sec3 .stit{font-size:16px;padding-left:8px;margin-bottom:10px;}
  .business-sec3 .stit::after {top:6px;width:4px;height:4px;}

  .business-sec4{margin-bottom:60px;}
  .business-sec4 .gbox{padding:40px 60px;}
  .business-sec4 .g-tit{margin-bottom:40px;}
  .business-sec4 .g-txt{margin-bottom:40px;}
  .business-sec4 .g-txt br{display:none;}

  .business--step .stepbox{flex:1;font-size:14px;padding:8px 10px;}
  .business--step .point{font-size:12px;}
  .business--step .step--arrow{flex:0 0 30px; height:100px;background:url(/images/layout/arrow_right_1.png) 50% 50% no-repeat;}
  .business--step .step--arrow2{flex:0 0 30px; height:60px;background:url(/images/layout/arrow_right_1.png) 50% 50% no-repeat;}

  .form_sty1{margin:0px 0 40px;}
  .form_sty1 li{display: inline-block; vertical-align:top;}
  .form_sty1 li.top{vertical-align:top;padding-top:5px;}
  .form_sty1 .tit{display: inline-block;width:100%;font-size: 14px;margin-bottom:8px;padding-top:5px;}
  .form_sty1 .tit > span{font-size: 14px;}
  .form_sty1 .tit > span.required::before{font-size:14px;}
  .form_sty1 .cont{display: inline-block;width:100%;}
  .form_sty1 .txt{padding:0 10px;font-size: 13px;}

  .f-group-C .sm{font-size:13px;}

  .alert--box{padding:20px 20px 10px 80px;margin-bottom:60px;}
  .alert--box .alert-icon{left:20px; top:20px;width:40px;height:40px;font-size:22px; }

  .b2b--top .topbar{font-size:3.5rem;margin:0 auto 20px;}
  .b2b--top .topBox{display:flex;flex-wrap: wrap;margin-bottom:8rem;}
  .b2b--top .topBox > .box{flex:0 0 100%; padding:20px;border-left:0px solid;border-bottom:1px solid; border-color:rgba(255, 255,255, .5);}
  .b2b--top .topBox > *:first-child{border-top:1px solid;border-color:rgba(255, 255,255, .5);}

  .b2b--top .btit2 br{display:none;}

  .b2b--sec1 ul{flex-wrap: wrap;}
  .b2b--sec1 li{flex:0 0 100%; margin-left:0px;margin-top:20px; padding:40px;}
  .b2b--sec1 li:first-child{margin-left:0px;margin-top:0px;}
  .b2b--sec1 .l01{background:none;}  
  .b2b--sec1 .l02{background:none;}

  .b2b--sec2 ul{flex-wrap: wrap;}
  .b2b--sec2 li{flex:0 0 100%; margin-left:0px;margin-top:30px; padding:0 40px;}
  .b2b--sec2 li:first-child{margin-top:0px;}
  .b2b--sec2 .txt{font-size:1.8rem;margin-top:8px;}

  .tit_sm{font-size:3.4rem;margin-bottom:30px;}

  .b2b--sec4 .tit{font-size:3.0rem;}
  .b2b--sec4 .step--txt{ padding-top:0px;}

  .b2b--sec5 .stit{font-size:2.6rem;margin-bottom:15px;}

  .intro-wrap .intro--logo .logo{min-height:40px;background-size:auto 40px;}
  .intro-wrap .tit{min-height:40px;font-size:2.0rem;}
  .intro-wrap .desc{font-size:14px;margin-top:10px;}
  .more--btn{width:22px; height:22px;font-size:16px;line-height:20px;}  
  .introImg{border-radius:24px 0px 24px 0px;}
  .intro-wrap .intro-txt1{font-size:15px;}
  .intro-wrap .intro-txt2{font-size:14px;}




















/*

  .list--search{margin-bottom:20px; }
  .list--search .selectArea{width:100px;}

  .board-view .content_box{padding:30px 0px; min-height:auto;}
  .board-view .btnBox{padding:10px 5px;}
  .board-view .btnBox .item1{padding-right:5px;}
  .board-view .btnBox .item2{padding:0 10px;width:auto;}
  .board-view .btnBox .item3{padding-left:5px;}
  .board-view .subjectBox{padding:15px 0px;}
  .board-view .file_box{padding:15px 5px;}

  .board-btn-prev{margin-right:0px;}
  .board-btn-next{margin-left:0px;}

  .boardList ul{flex-wrap: wrap;justify-content:flex-start;}
  .boardList ul.list-head{display: none !important;}  
  .boardList .etc-blank{flex:0 0 100%;}
  .boardList .stit_mo{display: inline-block;}
  
  .boardList .chkbox{flex:0 0 100%;text-align:left;padding-bottom:25px;}  
  .boardList .no{display: none;} 
  .boardList .subject{flex:0 0 100%;text-align:left;font-weight: 500;font-size:15px; padding:0px;margin-bottom:10px;}  
  .boardList .name{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .file{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .date{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 0px 0px 0px;} 
*/

}








/*mobile 520 이하 */
@media all and (max-width:520px){

  .main-visual-content {padding: 0px 5% 40px 5%;}
  .main-visual {height:360px; }
  .main-visual-title {font-size:40px;}
  .main-visual-desc {font-size:16px;}

  .main-visual .swiper-pagination-current {width:2.0rem;}
  .main-visual .swiper-pagination-total {width:2.0rem;margin-right:.5rem;}
  .main-visual .swiper-progress__hidden-space {width:10.0rem;margin-right:0rem;}
  .main-visual .swiper-progress__wrap {width:10.0rem; left:2.0rem;}

  .section--top .tit{font-size:3.2rem;}
  .section-tit{font-size:2.8rem;margin-bottom:30px;}

  .sec1 .text-1 br{display:none;}

  .sec2 .imgArea{flex:0 0 100%;padding:0 3%;}
  .history--img{padding-top:75%;border-radius:36px;}
  .history--txt .year{flex:0 0 90px;font-size:14px;}
  .history--txt .cont{flex:1; margin-left:20px;font-size:14px;}

  .map-contacts .c_title{font-size:16px;}
  .map-contacts .c_content{font-size:14px;}

  .sec8{ padding:8rem 0;}
  .sec8 .btn-group {margin:20px 0px 0;}
  .sec8 form > div{margin-top:5px;}
  .sec8 form > div:nth-child(3){margin-top:10px;}

  .f-cont .f-txt1 br{display:inline;}

  .f-group-A > * {margin-left:5px;}

  .popupBox_A{width: 100%;padding:20px;} 

  .privacy{width:100%;margin:30px auto;}
  .privacy--tit{font-size:18px;}

  .circle--menu{width:100px; height:100px;font-size:14px;}
  .demo--btn > a{margin-left:2px; min-width:150px;}
  .btn-type.btn3 {font-size:14px;} /* demo btn */
  #visual.business .demo--btn > a{margin-left:2px; min-width:auto;}
  #visual.business .btn-type.btn3 {padding:0 12px;font-size:14px;} 

  #visual.business{height:460px;}
  #visual.business .visual-img-con{height:430px;}
  #visual .v-tit{font-size:3.0rem;margin-bottom:20px;}
  #visual .v-txt{padding-right:0%;}
  #visual .v-logo img{max-height:35px;}

  .tb--col1{width:38%;}

  .hp-biz li{margin-left:10px;}
  .hp-biz .btn-group {margin:20px 0px;flex-wrap: wrap; }
  .hp-biz .btn-group > * { flex:0 0 45%; margin:0 2.5% 2.5%;}
  .hp-biz .btn-group > *:first-child{ margin:0 2.5% 2.5%;}

  .hp-biz .tit > em{display: inline-block;width: 100%;}

  .erp-biz ul{ margin-bottom:30px;}
  .erp-biz li{flex:1;margin-left:10px;}

  .alert-list-1{font-size:14px;}
  .alert-list-1::before {font-size:14px;margin-right:4px;}

  .alert-list-2{font-size:13px;}
  .alert-list-2::before {font-size:13px;margin-right:4px;}

  .alert-list-3{padding-left:9px;font-size:13px;padding-right:2%;}

  .business-sec3 .txt{font-size:14px;}

  .bullet-list{font-size:14px;margin-bottom:8px;}
  .bullet-list2{font-size:15px;}
  .text-list3{font-size:14px;padding-left:20px;}
  .text-list3::before {left:10px;font-size:14px;}
  .text-list4{font-size:14px;}


  .erp--menu .leftArea{flex:0 0 80px;}

  .pagination {margin: 40px 0;}

  .Portfolio-wrap .listA li{width:48%; margin-left:4%; margin-bottom:4%;}
  .Portfolio-wrap .listA li:nth-child(odd){margin:0 0% 4% 0% !important;}
  .Portfolio-wrap .listA li:nth-child(even){margin:0 0% 4% 4% !important;}
  
  .Portfolio-wrap .listB{padding:0 4%;}
  .Portfolio-wrap .listB li{width:47%; margin-left:6%; margin-bottom:6%;}
  .Portfolio-wrap .listB li:nth-child(odd){margin:0 0% 6% 0% !important;}
  .Portfolio-wrap .listB li:nth-child(even){margin:0 0% 6% 6% !important;}
  
  .Portfolio-wrap .listC li{width:48%; margin-left:4%; margin-bottom:4%;}
  .Portfolio-wrap .listC li:nth-child(odd){margin:0 0% 4% 0% !important;}
  .Portfolio-wrap .listC li:nth-child(even){margin:0 0% 4% 4% !important;}
  
  .Portfolio-wrap .listD li{width:48%; margin-left:4%; margin-bottom:4%;}
  .Portfolio-wrap .listD li:nth-child(odd){margin:0 0% 4% 0% !important;}
  .Portfolio-wrap .listD li:nth-child(even){margin:0 0% 4% 4% !important;}


  .business-txt ul{display:flex;margin-top:15px;}
  .business-txt .b--tit{flex:0 0 80px;}
  .business-txt .b--tit::after {top:6px;}
  .business-txt .b--box{flex-wrap: wrap;}
  .business-txt .b--box .box1{flex:0 0 100%; padding:20px;}
  .business-txt .b--box .box-plus{flex:0 0 100%; height:30px;}

  .b--txt02{font-size:13px;}
  .b--num{width:18px; height:18px;font-size:12px;}
  .b--txt01{line-height:18px; }

  .business-txt2 .b--tit{flex:0 0 90px;font-size:13px;}
  .business-txt2 .b--txt{font-size:13px; }


  .service-wrap li{padding:30px 20px;}
  .service-wrap .service-txt br{display: none;}
  .service-wrap .service-txt{min-height:60px; margin-bottom:10px;}

  .business-sec4{margin-bottom:50px;}
  .business-sec4 .gbox{padding:30px;}
  .business-sec4 .g-stit{margin-bottom:12px;}
  .business-sec4 .g-tit{font-size:2.6rem;margin-bottom:30px;}
  .business-sec4 .g-txt{text-align:left;margin-bottom:30px;}


  .cell{font-size:13px;padding:10px 6px;}
  .col-head {font-size:13px;padding:10px 6px;}
  .f-sm{font-size:12px;}

  .business--step{flex-wrap: wrap}
  .business--step .stepbox{flex:0 0 100%;font-size:14px;padding:8px 10px;}
  .business--step .step--arrow{flex:0 0 100%; height:20px;background:url(/images/layout/arrow_right_2.png) 50% 50% no-repeat;}
  .business--step .step--arrow2{flex:0 0 100%; height:20px;background:url(/images/layout/arrow_right_2.png) 50% 50% no-repeat;}

  .inputfile-wrap label.btn {width:90px;margin-left:5px;}

  .f-group-C{flex-wrap: wrap;}
  .f-group-C > * {margin-left:10px;}
  .f-group-C > *:nth-child(4){margin-left:0px;}
  .f-group-C .w2{width:50%;}
  .f-group-C .select-w{width:100%; margin-top:10px;}

  .cs-top .tit_lg{font-size:3.2rem;}
  .col--A{width:70%; }

  .alert--box{padding:20px 20px 10px 40px;margin-bottom:40px;}
  .alert--box .alert-icon{left:10px; top:20px;width:20px;height:20px;font-size:15px; }

  .b2b--top .topimg{margin-bottom:30px;}
  .b2b--top .topbar{font-size:3rem;margin:0 auto 20px;}

  .b2b--top .gtit{font-size: 3rem;}
  .b2b--top .gtit2{font-size:2.5rem;}
  .b2b--top .gtxt1{font-size:2.0rem;}

  .b2b--top .btit{font-size:3.4rem ;margin-bottom:3rem;}
  .b2b--top .btit2{font-size: 2.2rem ;margin-bottom:3rem;}
  .b2b--top .btit3{width:100%; height:50px; margin:3rem 0; font-size: 2.4rem ;}
  .b2b--top .b-arrow{height:20px;background-size:auto 20px; }
  .b2b--top .b-arrow1{height:20px;background-size:auto 20px; }
  
  .b2b--sec1 li{padding:30px;}
  .b2b--sec2 li{padding:0 10px;}

  .b2b--sec4 .step--img{flex:0 0 100%; margin-right:0%;}
  .b2b--sec4 .step--txt{flex:0 0 100%; padding-top:30px;}
  .b2b--sec4 .step--img.full{ margin-top:30px;margin-bottom:30px;}
  .b2b--sec4 .tit{font-size:2.6rem;}
  .b2b--sec4 .txt{font-size:14px;text-indent:-14px; padding-left:14px;margin-bottom:2px; }
  .b2b--sec4 .step--txt.full .tit{text-align:left;}
  .b2b--sec4 .txt2{text-align:left;font-size:14px;margin-bottom:2px;}
  .b2b--sec4 .txt2 br{display:none;}

  .b2b--sec6 .txt{font-size:2.0rem;margin-bottom:40px;}
  .b2b--sec6 .imgArea img{max-width:180px;}

  .intro-wrap .intro-txt1 br{display:none;}








/*
  .list--search{max-width:100%;margin-left:0; margin-bottom:20px;}
  */

}


/*mobile 420 이하 */
@media all and (max-width:420px){  
  .section--wrap{padding:5rem 0;}
  .hp-wrap{padding:5rem 0;}
  .hp-sec1{background-size:220px auto;}
  .Portfolio-sec{background-size:220px auto;}

  .stepBox .txt{font-size: 13px;margin-bottom:6px;}
  .erp--menu .rightArea{font-size:14px;padding:15px;}

  #visual.portfolio .visual-menu > a{margin:0 8px; }
  #visual.portfolio .circle--menu{width:110px; height:110px;font-size:14px;margin-bottom:10px;}

  #visual.cscenter .visual-menu > a{margin:0 8px; }
  #visual.cscenter .circle--menu{width:110px; height:110px;font-size:14px;margin-bottom:10px;}

  #visual.b2b .visual-menu > a{margin:0 8px; }
  #visual.b2b .circle--menu{width:110px; height:110px;font-size:14px;margin-bottom:10px;}



}


/*mobile 375 이하 */
@media all and (max-width:375px){
  .main-visual {height:360px; }
  .main-visual-title {font-size:30px;}
  .main-visual-desc {font-size:15px;}

  .round_tab span{font-size:12px; }

  .section-stit{font-size:2.2rem;}

  .service-wrap .service-txt{font-size:13px; min-height:50px;}
  .tit_sm{font-size:3.0rem;margin-bottom:30px;}

  .intro-wrap .intro-txt1{font-size:14px;}
  .intro-wrap .desc{font-size:13px;margin-top:10px;}



}


/*mobile 320 이하 */
@media all and (max-width:320px){
  html{font-size: 44%;}

  .history--txt{display:flex;flex-wrap: wrap;padding:0 5%;}
  .history--txt .year{flex:0 0 100%;font-size:13px;text-align:left;}
  .history--txt .cont{flex:0 0 100%;margin-left:0px;font-size:13px;}

  .f-cont .f-blank{display: inline-block;width:100%;padding-left:0px;}

  #visual.business .btn-type.btn3 {padding:0 10px;font-size:13px;} 

  .b2b--sec1 li{padding:20px;}

  .b2b--sec6 .txt{font-size:1.8rem;margin-bottom:30px;}

  .intro-wrap .tit{min-height:35px;font-size:1.8rem;}





/*
  .list--search .selectArea{width:90px;}

  .board-view .stit{font-size:13px;}
  .board-view .date{font-size:13px;}
  .board-view .hit{font-size:13px;}
  .board-view .file_box > a{font-size:13px;}
  .board-view .content_box p{font-size:14px;}  
  .board-view .btnBox .s-txt{font-size:14px;}  
  .board-btn-prev{font-size:13px;}
  .board-btn-next{font-size:13px;}

  .boardList .name{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .file{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 0px 0px;}
  .boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 0px 0px 0px;}
  .boardList .date{flex:0 0 100%;text-align:left; padding:0;margin-top:10px;}
*/ 

}



/* **************************************** *
 * height 
 * **************************************** */
  
  @media(max-width: 540px) and (height: 720px){

  }
  
  @media(min-width: 375px) and (max-height: 667px){

      
  }
  
  @media(width: 280px) and (max-height: 653px){

  }