@charset "utf-8";


@media screen and (min-width: 1920px) {
  :root {
    --area-width:100%;
    }
  
  .topStyle-A .inner{padding:3rem 60% 4rem 10%;}
  .inner{padding:0 10%;}

  }

@media all and (max-width:1600px){
  #header{padding:0 5%;}
  #gnb .gnb1_li {padding: 0 20px; } 
  .video-txt{padding:0 5%;}
  .footer{padding:6rem 5%;}

  .topStyle-A .inner{padding:3rem 56% 4rem 0;}

 /* .price--tb.four .tit{min-height:60px; padding:0 10px;}*/
} 

@media all and (max-width:1440px){ 
  .inner{padding:0 5%;}

  .section_2{padding:10rem 5% 10rem;}
  .section_2 .sec2-tit{top:10rem; left:5%; width:20%;}

  .section_3{padding:10rem 5% 0;}
  .section_3 .s_inner{background:url(/images/main/sec3-bg.png) 95% 100% no-repeat;background-size:auto 100%;padding:4rem 40% 10rem 0; }

  .customer-wrap{padding:10rem 5%;}

  .topStyle-A::before{left:50%;width:50%;}
  .topStyle-A .inner{ padding:3rem 52% 4rem 5%;}



}   

/* 1280px 이하 */
@media all and (max-width:1280px){
  html{font-size: 56.3%;}
  #header{height:100px;}
  #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:40px;background-size:auto 40px; }
  #gnb {display:none;}
  #header .m_open{display:block;}

  .section_1 > ul{gap:20px; /* flex-wrap: wrap;*/}

  .m-tit .f-eng{font-size:18px;margin-bottom:20px;}
  .m-tit .f-txt{font-size:18px;margin-top:20px;}
  .m-tit .f-tit{font-size:20px;}

  .section_4{padding:10rem 5% 6rem;}
  .section_4 .s_inner li{width:20%;padding:4rem 2.5%;}
  .section_4 .txt{font-size:15px;}
  
  .sec4-icon{height:55px;}
  .sec4-icon.icon1, .sec4-icon.icon2, .sec4-icon.icon3, .sec4-icon.icon4, .sec4-icon.icon5, .sec4-icon.icon6, .sec4-icon.icon7, .sec4-icon.icon8, .sec4-icon.icon9, .sec4-icon.icon10{background-size:auto 55px;}

  :root {--sub-visual-height: 400px;}

  #visual .visual-txt-con{padding:60px 5% 0; }
  #visual .visual-tit{ font-size:4.5rem;}

  .list-typeA{padding:40px 40px 0px;} 

  .service--mid li{width:48%;margin:0 0% 6rem 4%;padding:90px 30px 30px; }
  .service--mid li:nth-child(odd){margin:0 0% 6rem 0% !important;}
  .service--mid li:nth-child(even){margin:0 0% 6rem 4% !important;}
  .service--box .tit{font-size:2.2rem;min-height:auto; margin-bottom:2rem;}
/*
  .price--tb.four li{flex:0 0 50%;}
  .price--tb.four li:nth-child(2n-1){border-left:0px;}
  .price--tb.four .tit{min-height:50px; padding:10px;}
  .price--tb.four li:nth-child(3){margin-top:-1px;}
  .price--tb.four li:nth-child(4){margin-top:-1px;}

*/
.hosting-info{padding:8rem 5% 2rem;}
.hosting-info li{width:48%;margin:0 0% 6rem 4%;}
.hosting-info li:nth-child(odd){margin:0 0% 6rem 0% !important;}
.hosting-info li:nth-child(even){margin:0 0% 6rem 4% !important;}

.hosting--box .tit{font-size:2.2rem;margin-bottom:2rem;}

.mail-info{padding:8rem 0;}

.web-info.bg-gray{padding:8rem 5%;  }
.web-info li{width:160px;height:160px;font-size:18px;}

.topStyle-A.service-5 .inner{min-height:400px; } 


}





/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  .video-txt .w-infos-tit{font-size:5.8rem;}
  .video-txt .w-infos-txt{font-size:18px;margin-bottom:2rem;}
  .video-txt .w-infos-desc{font-size:40px;margin-top:2.5rem;}


  .section_1{padding:8rem 5%;}
  .section_1 > ul{gap:0px; flex-wrap: wrap;}
  .section_1 > ul > li{flex:0 0 50%; padding:4rem 5% 0rem;}
  .section_1 .imgArea{width:80%;margin:0 10% 20px;}
  .section_1 .tit{font-size:17px;}
  .section_1 .desc{font-size:16px;}


  .section_2{position: relative; width:100%;margin:0 auto;padding:4rem 5% 8rem;}
  .section_2 .sec2-tit{position:static; top:0; left:0%; width:100%; margin-bottom:10rem;}
  .section_2 .m-tit{margin-bottom:3rem;text-align:center;}
  .sec2-tit.active{/* position: fixed; */ position:static;}
  .section_2 .sec2-list{padding-left:0%;}
  
  .sec2-btn{display:flex;flex-direction: row;justify-content:center; gap:10px; margin-top:2rem; }
  .sec2-btn > *{width:150px;}

  .gallery__wrapper {display:flex;/*flex-wrap: wrap;*/ }
  .gallery__wrapper div:nth-child(2){margin-top:-4rem;}
  .grid {width:50%;padding:0 5% 4rem;}
  .card__image { margin-bottom:4rem;}
  .card__image:hover{ margin-top:0px;box-shadow: 1px -1px 16px -4px rgba(0,0,0, 0.1);}
  .card__badge {position:absolute; left:5px;top:-1.5rem; padding:8px 16px;font-size:13px;}
  .card__cont{padding-top:4rem; }
  .card__cont .card_tit {font-size:18px;}
  .card__cont .card_date {font-size:14px;margin-top:10px;}
  .card__cont .card_view {width:25px; height:20px; background:url(/images/layout/icon-view.png) 100% 0px no-repeat;background-size:auto 20px; align-self: flex-end;}

  .section_3{padding:8rem 5% 0;}
  .section_3 .s_inner{background:url(/images/main/sec3-bg.png) 50% 100% no-repeat;background-size:auto 300px;padding:0rem 0 350px 0; }

  .section_4{padding:8rem 5% 4rem;}
  .sec4-icon{height:50px;}
  .sec4-icon.icon1, .sec4-icon.icon2, .sec4-icon.icon3, .sec4-icon.icon4, .sec4-icon.icon5, .sec4-icon.icon6, .sec4-icon.icon7, .sec4-icon.icon8, .sec4-icon.icon9, .sec4-icon.icon10{background-size:auto 50px;}

  .customer-wrap{padding:8rem 5%;}
  .customer-wrap .s_inner{gap:20px;}
  .main-notice > p{font-size:15px;padding-left:25px;}  
  .main-quick{display:flex; gap:20px;}  
  .main-cs{gap:15px; margin-bottom:4rem;}  
  .main-bank{gap:15px;}
  
  .footer{padding:6rem 5%;}
  .footer .f_top{display:flex; justify-content: space-between; margin-bottom:4rem; }
  .footer .f_logo{flex:0 0 50%;min-height:45px;background-size:auto 45px;}
  .footer .f_menu{flex:0 0 50%;text-align:right;}
  .footer .f_menu > a {font-size:15px; }  

  .footer .f_cont > p > span{ font-size:13px;padding-left:0px; margin-left:0px;padding-right:10px; margin-bottom:5px;}
  .footer .f_cont > p > span::after{display:none; }
  .footer .f_cont > p br{display:inline;}
  .footer .f_copy{font-size:12px;}	

  :root {--sub-visual-height: 400px;}
  .c--btn.sub { /*top:320px; */}
  #visual .visual-tit{ font-size:4.0rem;}
  #visual .visual-sub-txt{font-size:18px;}

  .title{font-size:3.6rem;}
  .title > em{font-size:14px; }

  .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;}
  .board-view .btn-group{margin:2rem 0 0rem;justify-content: center; }

  .zoom-list .zoom-tit .tit{font-size:15px;}

  .bullet-tit{padding-left:8px;font-size:18px;}
  .bullet-tit::before {width:4px; height:4px; margin-top:8px;margin-left:-8px;margin-right:4px;}

  .tit-lg{font-size:2.4rem;}

  .qa--top{padding:8rem 0rem;}
  .qa--top .first{gap:40px; margin-bottom:2.5rem;padding-bottom:2.5rem; border-bottom:1px solid #e3dbd2; }
  .qa--top .first--txt{flex:0 0 300px;}
  .qa--top .btit{font-size:22px;}
  .qa--top .sbox .stit{flex:0 0 80px;font-size:16px;}
  .qa--top .sbox .stxt{flex:1;font-size:16px;}
  .qa--top .second{display:flex;gap:80px;}
  .qa--top .second-tb .tit{font-size:17px;}
  .qa--top .second-tb .txt{font-size:15px;}

  .qa--top li{padding:0 10px;}

  .qa--mid .tit{flex:0 0 150px; }
  .qa--mid .cont{flex:1; }


  .list-typeA li{width:48%;margin:0 0% 40px 4%;}
  .list-typeA li:nth-child(odd){margin:0 0% 40px 0% !important;}
  .list-typeA li:nth-child(even){margin:0 0% 40px 4% !important;}

  .list-typeB li{width:30.33333%;margin:0 0% 5% 4.5%;}
  .list-typeB li:nth-child(4n-3){margin:0 0% 5% 4.5%;}
  .list-typeB li:nth-child(3n-2){margin:0 0% 5% 0%;}

  .list-typeB li:hover{margin-top:0px;box-shadow:none; }

  .portfolio__cont{padding:20px 10px 10px;}
  .portfolio__cont .card_tit {font-size:16px;}
  .portfolio__cont .period{font-size:14px;padding-left:11px;margin-left:12px;}
  .portfolio__cont .card_view {/* width:22px; height:18px;background-size:auto 18px; */ display:none;}

  .state--board ul{gap:20px; }
  .state--board .tit{font-size:16px;}
  .state--board .state{gap:30px;}
  .state--board .process{font-size:15px;}
  .state--board .txt{font-size:15px;}

  .service--mid{margin-bottom:6rem;}
  .service--mid > h3{font-size:4.5rem;}
  .service--mid li{width:48%;margin:0 0% 6rem 4%;padding:80px 30px 30px; }
  
  .service--box .iconArea{top:-30px;width:90px;height:90px;}
  .service--box .iconArea img{max-height:40px;}
  .service--box .tit{font-size:2.2rem;}
  .service--box .txt{font-size:16px;}

  .colwrap .col{width:100%;}
  .colwrap > *:first-child{/*border:1px solid #dfdfdf; background:#fafafa; padding:30px 20px 20px;box-sizing: border-box;*/ margin-bottom:4rem;}

  .topStyle-A .inner{ padding:3rem 55% 4rem 5%;}
  .topStyle-A .tit{font-size:5rem;margin-bottom:3rem;}
  .topStyle-A .stit{font-size:2.6rem;}
  .topStyle-A .txt{font-size:18px;}
  .topStyle-A .txt br{display:none;}
  .topStyle-A.service-5 .inner{min-height:350px; } 
  
  .ad--info > *{flex:0 0 47%; margin-left:6%;padding:0;}
  .ad--info .txt{font-size:17px;padding-left:30px;}

  .tit--round::before{top:10px; width:20px; height:8px;}

  .hosting--box .txt{font-size:16px;}

  .app--mid{margin:0 auto 6rem;}
  .app--mid ul{gap:20px;}
  .app--mid .plus{flex:0 0 30px;font-size:4rem;}
  .app--mid li{flex:1;}
  .app--mid .b-tit{font-size:16px;}
  .app--mid .b-list{padding-left:25px;font-size:16px;}
  .app--mid .b-list::before {left:15px;}
  
  .app--info li{width:50%;padding:0;}
  .app--info .tit{font-size:4.5rem;margin-bottom:8rem;}
  .app--info .stit{font-size:2.4rem;margin-bottom:10px;}
  .app--info .j-logo img{max-height:30px;}



  


}



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

  .customer-wrap{padding:8rem 5%;}
  .customer-wrap .s_inner{gap:0px;}
  .customer-wrap > *{flex:0 0 100%;}
  .customer-wrap .second{flex:0 0 100%; margin-top:4rem; padding-top:4rem; border-top:1px solid #dfdfdf;}
  .customer-wrap .m-tit{margin-bottom:5rem;}
  
  .main-notice{margin-bottom:3rem;}
  .main-notice > p{font-size:14px;padding-left:25px;}  

  .board-view .btn-group{margin:2rem 0 0rem;justify-content: center;  order:3;}

  .price--tb{display:flex;}
  .price--tb .tb-top{width:50%;}
  .price--tb .tb-top ul{display:flex;flex-wrap: wrap; flex-direction: column; border-top:1px solid #666; }
  .price--tb .tb-top li{border-left:0px solid #dfdfdf;}
  .price--tb .tit{flex:0 0 100%; border-top:0px solid #666;font-size:16px;min-height:60px; padding:5px;/*text-align:left;justify-content:flex-start;*/ }
  .price--tb .tb-mid{width:50%;border-left:1px solid #dfdfdf;box-sizing: border-box;}
  .price--tb .tb-mid ul{display:flex;flex-wrap: wrap;flex-direction: column;border-top:1px solid #666;  }
  .price--tb .tb-mid li{border-left:0px solid #dfdfdf;}
  .price--tb .desc{flex:0 0 100%;font-size:15px;padding:5px;min-height:60px; }

  .web--mid li{width:100%;margin:0 0% 8rem;}
  .web--mid li:nth-child(3n-2){margin:0 0% 8rem;}


  .app--info .txt br{display: none}



}



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

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

  #header{height:80px;}
  #header .t--star{display:none;}
  .mMenu { right:-100%; width:100%;}
  .lnav li a {font-size:18px;} 
  .lnav > li li a {font-size:15px;}

  .col50{width:100% !important; }
  .video-txt{padding:0 80px 0 5%;}
  .video-txt .w-infos-tit{font-size:5.5rem;}
  .video-txt .w-infos-txt{font-size:17px;margin-bottom:2rem;}
  .video-txt .w-infos-desc{font-size:30px;margin-top:2.5rem;}

  .section_1 .imgArea{width:90%;margin:0 5% 20px;}

  .section_2{padding:2rem 5% 6rem;}
  .section_2 .sec2-tit{margin-bottom:10rem;}  
  .sec2-btn{gap:10px;}
  .sec2-btn > *{width:120px;}

  .gallery__wrapper div:nth-child(2){margin-top:-4rem;}
  .grid {width:50%;padding:0 5% 4rem;}
  .card__image { margin-bottom:4rem;}
  .card__image:hover{ margin-top:0px;box-shadow: 1px -1px 16px -4px rgba(0,0,0, 0.1);}
  .card__badge {position:absolute; left:5px;top:-1.5rem; padding:8px 16px;font-size:13px;}
  .card__cont{padding-top:4rem; }
  .card__cont .card_tit {font-size:16px;}
  .card__cont .card_date {font-size:13px;}

  .section_4 .s_inner li{width:25%;padding:4rem 2.5%;}

  .footer .f_menu > a {font-size:14px; }  

  :root {--sub-visual-height: 300px;}
  .c--btn {gap:5px;width:65px;height:65px;}
  .c--btn .icon {height:22px;background-size:auto 20px;}
  .c--btn .button-text { font-size:11px;}
  .c--btn.sub {top:calc(var(--sub-visual-height) - 65px);  /*top:235px; */}

  .c--btn.sub.active{top:auto; bottom:60px;right:5px; transform:translateY(0%);}
  .c--btn.active .icon {height:24px;background-size:auto 22px;}
  .c--btn.active:hover{width:50px;}
  .c--btn.active:hover .icon {width:100%;}
  .c--btn.active:hover .button-text {display:none !important;opacity:0;} 

  .menu--list{display:none;}
  #snb{display:block;}  
  .location{display:none;}
  #visual .visual-txt-con{padding:40px 5% 0; }
  #visual .visual-tit{ font-size:4.0rem;}
  #visual .visual-sub-txt{font-size:17px;}


  .title > em{font-size:14px; }

  .login_wrap{ margin:40px auto;padding:40px 50px;}
  .login_wrap .btn_login{width:200px;height:45px;}
  .login_wrap .btn_login > span{font-size:16px; }

  .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%; height:10px;}
  .boardList .stit_mo{display: inline-block;}
  
  .boardList .chkbox{flex:0 0 100%;text-align:left;padding-bottom:25px;}  
  /* .boardList .no{flex:0 0 100%;text-align:left;font-weight: 600;font-size:14px; padding:0px;margin-bottom:6px;}  
  .boardList .subject{flex:0 0 100%;text-align:left;font-weight: 500;font-size:15px; padding:0px;margin-bottom:10px;}   */
  .boardList .no{flex:0 0 25px; font-weight: 600;font-size:14px;color:#666; padding:0px 0px 0px 0px;text-align:left; align-self: flex-start;} 
  .boardList .subject{flex:1;text-align:left;font-weight: 600;font-size:15px;padding:0px;}    
  .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;} 

  .form_sty{margin:10px 0 40px;}
  .form_sty ul{display: flex;flex-wrap: wrap; padding:15px 0;}
  .form_sty li.top{padding-top:0px;}
  .form_sty li{padding:0px;min-height:auto;}
  .form_sty li:nth-child(3){margin-top:15px;}
  .form_sty .tit{flex:0 0 100%;margin-bottom:10px;}
  .form_sty .tit > span{font-size: 14px;}
  .form_sty .cont{flex:0 0 100%; }
  .form_sty .txt{font-size:13px;}
  .form_sty .txt-bold{font-size:15px;}
  .form_sty .txt-bold > span{font-size:13px;}
  .form_sty .cont-txt{font-size:14px;}

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

  .form_sty ul.full{flex-wrap: wrap; gap:0px; padding:0px;}
  .form_sty ul.full li{flex:0 0 100%; width:100%; padding:20px 0px;}
  .form_sty ul.full li.select{margin-top:20px;} 
 

  .wr_box{padding:20px;}
  .wr_box > h3{font-size:14px;}
  .wr_box > p{font-size:13px;}

  .list_faq .area_question {padding:15px 20px 15px 35px;}
  .list_faq .area_question:after {top:15px; right:5px; width:10px; height:10px;}
  .list_faq .txt_q {top:15px; left:5px;width:24px; height:24px;font-size:14px;}
  .list_faq .desc_question {font-size:16px;}
  .list_faq .category {font-size:14px;}
  
  .list_faq .area_answer {padding:20px 20px 20px 35px; }
  .list_faq .txt_a {top:15px; left:5px; width:24px; height:24px;}
  .list_faq .tit_answer {font-size:15px;}
  .list_faq .desc_answer {font-size:15px;}
  .item_faq.nodata {font-size:14px;}

  .alert-list-1{font-size:13px;padding-left:15px;}
  .alert-list-1::before {margin-left:-15px;}

  .point-list{font-size:18px;background-size:auto 18px; min-height:18px;padding-left:25px;}
 
  .txt-lg{font-size:17px;}
  .txt-md{font-size:15px;}
  .txt-s{font-size:14px;}

  .tit-sm{font-size:16px;}
  .tit-s{font-size:15px;}

  .qa--top .first{gap:30px; margin-bottom:2.5rem;padding-bottom:2.5rem; border-bottom:1px solid #e3dbd2; }
  .qa--top .first--txt{flex:0 0 250px;}
  .qa--top .btit{font-size:20px;}
  .qa--top .sbox .stit{flex:0 0 70px;font-size:16px;}
  .qa--top .sbox .stxt{flex:1;font-size:16px;}
  .qa--top .second{display:flex;gap:40px; padding:0 1rem;box-sizing: border-box;}
  .qa--top .second > *{flex:1;}
  .qa--top .second-tb .tit{font-size:16px;}
  .qa--top .second-tb .txt{font-size:14px;}
  
  .qa--mid ul{flex-wrap: wrap; }
  .qa--mid .tit{flex:0 0 100%; margin-bottom:10px; }
  .qa--mid .cont{flex:0 0 100%; }

  .cs--box{gap:10px;}
  .cs--box .desc{font-size:17px;}
  .cs--box .num{font-size:18px;}
  .cs--box .txt-s{font-size:14px;}


  .list-typeB li{width:46%;}
  .list-typeB li:nth-child(odd){margin:0 0% 8% 0% !important;}
  .list-typeB li:nth-child(even){margin:0 0% 8% 8% !important;}

  .about--top{padding:14rem 5%;}
  .about--top .circle{top:-50px;width:100px;height:100px;}
  .about--top > h3{font-size:7rem;margin-bottom:4rem;}
  .about--top > h4{font-size:2.6rem;margin-bottom:2rem;}
  .about--top > p{font-size:18px;}
  .about--top > p br{display:inline;}

  .about--mid > h3{font-size:5.0rem;}
  .about--mid > h4{font-size:3.0rem;margin-bottom:4rem;}
  .about--mid > p{font-size:17px;}  

  .ci--wrap .txt{font-size:18px;margin-bottom:4rem;}  

  .business--top{padding:14rem 5%;}
  .business--top > h3{font-size:7rem;margin-bottom:4rem;}
  .business--top > p{font-size:18px;}

  .business--top li{width:22%;margin:0 0% 4% 4%;  }
  .business--top li:nth-child(4n-3){margin:0 0% 4% 0%;}

  .business-circle > p{font-size:17px;}
  
.service--top{padding:14rem 5%;}
.service--top .circle{top:-50px;width:100px;height:100px;;font-size:18px;}
.service--top > h3{font-size:7rem;margin-bottom:4rem;}
.service--top > h4{font-size:2.6rem;margin-bottom:2rem;}

/* 오시는 길 */
.btn-naverMap{padding:20px 10px;}
.btn-naverMap > span{font-size:15px;}
.btn-googleMap{padding:20px 10px;}
.btn-googleMap > span{font-size:15px;}
#map{height:400px;}

.map-contacts {padding:0px;}
.map-contacts ul{display:flex;flex-wrap: wrap; margin-bottom:20px;}
.map-contacts .c_title{flex:0 0 100%;font-size:17px; margin-bottom:5px;}
.map-contacts .c_content{flex:0 0 100%;font-size:16px;}

.map-info{display:flex;flex-wrap: wrap;margin-top:15px; margin-bottom:0px;}
.map-info dt{flex:0 0 100%;}
.map-info dt > p{padding:6px 15px;font-size:14px;}
.map-info dd{flex:0 0 100%;font-size:15px;padding-top:10px;}

.price--tb .tit{font-size:15px;min-height:60px; padding:5px;/*text-align:left;justify-content:flex-start;*/ }
.price--tb .tit br{display:inline; }
.price--tb .desc{font-size:14px;min-height:60px; padding:5px;}

.price--top{padding:14rem 5%;}
.price--top > h3{font-size:4rem;margin-bottom:2.5rem;}
.price--top > h3 br{display:none;}
.price--top > p{font-size:18px;}
.price--top > p br{display:inline;}

.topStyle-A{margin-bottom:6rem; }
.topStyle-A::before{left:0%;top:auto; bottom:0;width:100%; height:300px;border-radius:0;}
.topStyle-A .inner{ padding:0rem 5% 340px 5%;}
.topStyle-A .tit{display:none; /* font-size:4.5rem;margin-bottom:3rem; */}
.topStyle-A .stit{font-size:2.4rem;}
.topStyle-A .stit br{display:none;}
.topStyle-A .txt{font-size:17px;}
.topStyle-A.service-3{margin-bottom:0rem; }
.topStyle-A.service-1{margin-bottom:0rem; }
.topStyle-A.service-5 .inner{min-height:auto; } 


.ad--info > *{flex:0 0 100%; margin-left:0%;padding:0;margin-bottom:4rem;}
.ad--info .txt{font-size:16px;padding-left:25px;}

.tit--round{font-size:2.6rem;padding-left:25px;}
.tit--round::before{top:10px; width:15px; height:6px;}

.hosting-info .btit{font-size:3.4rem;margin-bottom:3rem;}
.hosting-info .btxt{font-size:17px;} 
.mail-info .btit{font-size:3.4rem;margin-bottom:3rem;} 
.mail-info .btxt{font-size:17px;}  

.table-scroll-auto th {padding:12px; font-size:15px;}
.table-scroll-auto td {padding:10px;font-size:14px;}

.alert-list-2{font-size:14px;padding-left:10px;}
.alert-list-2::before {margin-top:-2px;margin-left:-10px;margin-right:4px;}

.web--top{padding:14rem 5%;}
.web--top > h3{font-size:6rem;}
.web--top > p{font-size:18px;}
.web--top > p br{display:none;}

.web-info{margin:0rem 0 6rem;  }
.web-info .btit{font-size:3.4rem;margin-bottom:3rem;}
.web-info .btxt{font-size:17px;} 
.web-info .btxt br{display:none;}

.web-info li{width:130px;height:130px;font-size:16px;}
.web-info li.plus{width:30px;font-size:2.5rem;}

.app--title{margin-bottom:8rem; }
.app--title > h3{font-size:4.5rem;margin-bottom:20px;  }
.app--title > p{font-size:3rem;}

.app--top{margin:0 auto 6rem;}
.app--top ul{margin-top:15px;}
.app--top li{width:49%;margin:0 0 2% 2%;font-size:17px;padding:25px; }
.app--top li:nth-child(2n-1){margin:0 0 2% 0%; }
.app--top .gray--box{display:flex;justify-content:center;}

.i-alart{min-height:28px;background-size:auto 28px; padding-left:40px;font-size:17px;}

.app--mid ul{flex-direction: column;gap:20px;}


  .app--info{ padding:10rem 5% 0;}
  .app--info ul{flex-wrap: wrap;gap:0px;}
  .app--info li{width:100%;padding:0;}
  .app--info .leftArea{order:1; margin-bottom:6rem;}
  .app--info .rightArea{order:2;}
  .app--info .imgArea{padding:0 15%;}

  .app--info.first .stit{display:none;}
  .app--info .tit{font-size:4.0rem;margin-bottom:4rem;}
  .app--info .stit{text-align:center;font-size:2.4rem;margin-bottom:10px;}
  .app--info .txt{font-size:17px;margin-top:0rem;padding-left:25px;}
  .app--info .btnArea{margin-top:3rem; align-items: center;}
  .app--info .btnArea > *{padding:0 20px;height:55px;width:250px;}
  .i--apple{background-size:auto 30px; }
  .i--google{background-size:auto 30px; }
  .i--apple:hover{background:url(/images/sub/i--apple.png) 50% 50% no-repeat #3c3e44;}
  .i--google:hover{background:url(/images/sub/i--google.png) 50% 50% no-repeat #3c3e44;}

  .app--bot{padding:12rem 5%; }
  .app--bot > p{font-size:2.6rem;margin-bottom:4rem;}
  .app--bot .btn-type.rbtn-2{width:200px;height:45px;}



}








/*mobile 520 이하 */
@media all and (max-width:520px){
  .lnav li a {font-size:17px;} 
  .lnav > li li a {font-size:14px;}

  .video-txt .w-infos-tit{font-size:5.0rem;}
  .video-txt .w-infos-txt{font-size:15px;margin-bottom:2rem;}
  .video-txt .w-infos-desc{font-size:22px;margin-top:2.5rem;}


  .m-tit{margin-bottom:4rem;}
  .m-tit .f-big{font-size:3.5rem;}
  .m-tit .f-eng{font-size:16px;margin-bottom:20px;}
  .m-tit .f-txt{font-size:16px;margin-top:20px;}
  .m-tit .f-txt br{display:none;}
  .m-tit .f-tit{font-size:18px;}

  .section_1{padding:6rem 5%;}
  .section_1 > ul{gap:0px; flex-wrap: wrap;}
  .section_1 > ul > li{flex:0 0 50%; padding:4rem 5% 0rem;}
  .section_1 .imgArea{width:100%;margin:0 0% 20px;}
  .section_1 .tit{font-size:16px;}
  .section_1 .desc{font-size:15px;}

  .section_2 .sec2-tit{margin-bottom:5rem;}  
  .sec2-btn{gap:5px;}
  .sec2-btn > *{width:120px;}

  .gallery__wrapper div:nth-child(2){margin-top:0rem;}
  .grid {width:100%;padding:0 8% 4rem;}
  .card__image { margin-bottom:0rem;}
  .card__image:hover{ margin-top:0px;box-shadow:none;}
  .card__badge {top:-1.5rem; padding:8px 16px;font-size:13px;}

  .section_3 .s_inner{background-size:auto 250px;padding:0rem 0 300px 0; }

  .section_4 .f-big{line-height: 1.4;}
  .section_4 .f-big br{display:inline;}
  .section_4 .s_inner li{width:50%;padding:3rem 2.5%;}
  .section_4 .txt{font-size:15px;}
  
  .sec4-icon{height:45px;}
  .sec4-icon.icon1, .sec4-icon.icon2, .sec4-icon.icon3, .sec4-icon.icon4, .sec4-icon.icon5, .sec4-icon.icon6, .sec4-icon.icon7, .sec4-icon.icon8, .sec4-icon.icon9, .sec4-icon.icon10{background-size:auto 45px;}

  .customer-wrap{padding:6rem 5%;}  
  .main-notice{margin-bottom:3rem;}
  .main-notice > p{font-size:13px;}  
  .main-quick{display:flex; gap:15px;}
  .main-quick > *{width:60px;}
  .main-quick .circle.q1{background-size:auto 24px;}
  .main-quick .circle.q2{background-size:auto 24px;}
  .main-quick .circle.q3{background-size:auto 24px;}
  .main-quick .circle.q4{background-size:auto 24px;}
  .main-quick .txt{font-size:12px;}
  
  .main-cs{gap:15px; margin-bottom:4rem;}
  .main-cs .circle{width:60px; height:60px;background-size:auto 20px;}
  .main-cs .txt{font-size:13px;}
  .main-cs .num{font-size:20px;}
  .main-cs .stxt{font-size:13px;}
  
  .main-bank{gap:15px;}
  .main-bank .circle{width:60px; height:60px;background-size:auto 24px;}
  .main-bank .txt{font-size:15px;}
  .main-bank .num{font-size:20px;}
  .main-bank .stxt{font-size:13px;}

  .footer .f_logo{min-height:35px;background-size:auto 35px;}

  /*sub*/  
  .container {margin:4rem 0;}

  .pagination {margin: 40px 0;}

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

  .inputfile-wrap label.btn {width:80px;margin-left:5px;font-size:13px;}

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

  .zoom-list .zoom-tit .tit{font-size:14px;}
  .zoom-list .zoom-tit .txt{font-size:12px;}
  .zoom-list .zoom-tit .date{font-size:12px;}

  .point-list{font-size:17px;}

  .bullet-tit{padding-left:8px;font-size:16px;margin-bottom:4px;}
  .bullet-tit::before {width:4px; height:4px; margin-top:8px;margin-left:-8px;margin-right:4px;}
  
  .bullet-list{font-size:14px;}
  .bullet-list::before {width:3px; height:3px; margin-top:8px;margin-left:-9px;margin-right:6px;}

  .txt-lg{font-size:16px;}
  .txt-md{font-size:14px;}
  .txt-s{font-size:13px;}

  .tit-sm{font-size:15px;}
  .tit-s{font-size:14px;}

  .qa--top .first{flex-wrap: wrap;gap:0px;}
  .qa--top .first--img{flex:0 0 35%; margin-right:5%;}
  .qa--top .first--txt{flex:0 0 60%;}
  .qa--top .btit{font-size:18px;margin-bottom:1rem;}
  .qa--top .sbox .stit{flex:0 0 65px;font-size:15px;}
  .qa--top .sbox .stxt{flex:1;font-size:15px;}
  .qa--top .second{display:flex;gap:20px;}
  .qa--top .second-tb .tit{font-size:16px;}
  .qa--top .second-tb .txt{font-size:13px;}

  .qa--top{padding:6rem 0;}
  .qa--top .tit-cs{font-size:3.5rem;margin-bottom:1rem;}
  .qa--top li{flex:0 0 100%; margin-top:2.5rem; padding:0 5%;}

  .cs--box{gap:15px;}
  .cs--box .circle{width:50px; height:50px;}
  .cs--box .circle.i-tel{background-size:auto 20px;}
  .cs--box .circle.i-online{background-size:auto 24px;}
  .cs--box .circle.i-map{background-size:auto 24px;}
  .cs--box .circle.i-mail{background-size:auto 20px;}

  .cs--box .desc{font-size:17px;}
  .cs--box .num{font-size:18px;}
  .cs--box .txt-s{font-size:14px;}

  
  .list-typeB li{width:90%;margin:0 5% 8%;}
  .list-typeB li:nth-child(odd){margin:0 5% 8% !important;}
  .list-typeB li:nth-child(even){margin:0 5% 8% !important;}

  .list-typeA{padding:30px 30px 0;}
  .list-typeA li{width:100%;margin:0 0% 20px 0%;}
  .list-typeA li:nth-child(odd){margin:0 0% 20px 0% !important;}
  .list-typeA li:nth-child(even){margin:0 0% 20px 0% !important;}

  .state--board{border-top:1px solid #666; }
  .state--board ul{display:flex;flex-wrap: wrap;justify-content:space-between; gap:0px; border-bottom:1px solid #ddd; padding:15px 10px; }
  .state--board .tit{flex:0 0 100%; font-size:15px; margin-bottom:10px;}
  .state--board .state{flex:0 0 100%; display:inline-flex;justify-content:space-between; align-self:center; gap:20px;}
  .state--board .process{font-size:14px;}
  .state--board .txt{font-size:14px;}

  .about--top{margin:6rem 0;padding:12rem 5%;}
  .about--top .circle{top:-50px;width:100px;height:100px;}
  .about--top > h3{font-size:5.0rem;margin-bottom:3rem;}
  .about--top > h4{font-size:2.4rem;margin-bottom:1.5rem;}
  .about--top > p{font-size:16px;}

  .about--mid{ margin-bottom:6rem;}
  .about--mid > h3{font-size:4.5rem;}
  .about--mid > h4{font-size:2.4rem;margin-bottom:4rem;}
  .about--mid > p{text-align:left; font-size:16px;}
  .about--mid > p br{display:none;}
  .about--mid > p.sign{text-align:right;padding:0 10px;box-sizing: border-box;}

  .ci--wrap{padding:8rem 5%; }
  .ci--wrap .txt{font-size:17px;}
  .ci--wrap .descGroup{display:flex;flex-direction: column;gap:20px; padding:0 5%;box-sizing: border-box;}
  .ci--wrap .descGroup .color-guide dt{font-size:14px;}
  .ci--wrap .descGroup .color-guide dd{font-size:14px;}

  .business--top{padding:12rem 5%;}
  .business--top > h3{font-size:5rem;margin-bottom:4rem;}
  .business--top > p{font-size:16px;}
  .business--top > p br{display:none;}
  .business--top li{width:23.5%;margin:0 0% 2% 2%;  }
  .business--top li:nth-child(4n-3){margin:0 0% 2% 0%;}

  .business-circle > p{font-size:15px;}

  .service--top{margin:6rem 0;padding:12rem 5%;}
  .service--top > h3{font-size:5.0rem;margin-bottom:3rem;}
  .service--top > h4{font-size:2.4rem;margin-bottom:1.5rem;}

  .service--mid > h3{font-size:4.0rem;}
  .service--mid ul{margin:8rem auto 0;}
  .service--mid li{width:100%;margin:0 0 6rem;padding:70px 25px 30px; }
  .service--mid li:nth-child(odd){margin:0 0 6rem !important;}
  .service--mid li:nth-child(even){margin:0 0 6rem !important;}

  .service--box .iconArea{top:-30px;width:80px;height:80px;}
  .service--box .iconArea img{max-height:35px;}
  .service--box .tit{font-size:18px;}
  .service--box .txt{font-size:15px;text-align:left;}

  .web--mid li{width:100%;margin:0 0 6rem;padding:70px 25px 30px;}
  .web--mid li:nth-child(3n-2){margin:0 0 6rem;}

  /* 오시는 길 */
  .map-content{margin-bottom:80px; }
  .map-content .map-btn{gap:5px;right:5px;bottom:-50px;}
  .map-content .map-btn > a{width:100px;}
  .btn-naverMap{padding:15px 10px;}
  .btn-naverMap > span{font-size:14px;}
  .btn-googleMap{padding:15px 10px;}
  .btn-googleMap > span{font-size:14px;}

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

  .map-info dt > p{padding:6px 15px;font-size:13px;}
  .map-info dd{font-size:14px;padding-top:10px;}

  .gray--box{ padding:20px;}

  .price--top{padding:12rem 5%;}
  .price--top > h3{font-size:3.5rem;margin-bottom:2rem;}
  .price--top > p{font-size:17px;}

  .hosting-info{padding:6rem 5% 0rem;}
  .hosting-info .btit{font-size:3rem;}
  .hosting-info .btxt{font-size:16px;}  

  .hosting-info li{width:100%;margin:0 0 6rem;padding:35px 20px 20px;}
  .hosting-info li:nth-child(odd){margin:0 0 6rem !important;}
  .hosting-info li:nth-child(even){margin:0 0 6rem !important;}

  .hosting--box .tit{font-size:18px;min-height:auto; margin-bottom:1.5rem;}
  .hosting--box .txt{font-size:15px;}

  .hosting--box .circleArea{top:-20px;width:40px;height:40px;}

  .mail-info{padding:6rem 0;}
  .mail-info .btit{font-size:3rem;} 
  .mail-info .btxt{font-size:16px; text-align:left;}  

  .topStyle-A .tit{/* font-size:4rem; */}
  .topStyle-A .txt{font-size:16px;}

  .web--top{padding:12rem 5%;}
  .web--top > h3{font-size:5rem;}
  .web--top > h4{font-size:2.6rem;}
  .web--top > p{font-size:16px;}

  .web-info .btit{font-size:3rem;}
  .web-info .btxt{font-size:16px;} 

  .web-info li{width:auto;height:auto;font-size:15px; padding:15px; margin-bottom:10px;}
  .web-info li.plus{width:15px;font-size:2.2rem;}
  .web-info li.s1{border-radius:8px; }
  .web-info li.s2{border-radius:8px; }
  .web-info li.s3{border-radius:8px; }
  .web-info li.s3 br{/* display:none; */}
  .web-info li.s4{border-radius:8px; }
  .web-info li.s5{border-radius:8px; }
  

  .app--title{margin-bottom:6rem; }
  .app--title > h3{font-size:4rem;margin-bottom:20px;  }
  .app--title > p{font-size:2.4rem;}
  
  .app--top{margin:0 auto 6rem;}
  .app--top li{width:100%;margin:0 0 2% 0%;padding:20px;font-size:17px; text-align:left;}
  .app--top li:nth-child(2n-1){margin:0 0 2% 0%; }
  
  .i-alart{min-height:20px;background-size:auto 20px; padding-left:28px;font-size:16px;}

  .app--bot{padding:10rem 5%; }
  .app--bot > p{font-size:2.2rem;margin-bottom:3rem;}
  .app--bot .btn-type.rbtn-2{width:180px;height:45px;}


}


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

  .m-tit .f-eng{font-size:15px;margin-bottom:15px;}
  .m-tit .f-txt{font-size:15px;margin-top:20px;}
  .m-tit .f-tit{font-size:17px;}

  .section_1 > ul > li{flex:0 0 100%; padding:3rem 0% 0rem;}
  .section_1 .tit{font-size:16px;}
  .section_1 .desc{font-size:15px;}
  .section_1 .imgArea{margin-bottom:15px;}
  .m--img{display:block;}
  .section_1 .slideImg{display:none;}

  :root {--sub-visual-height:240px;}
  .c--btn.sub {display:none; }
  .c--btn.sub.active{top:auto; bottom:60px;right:5px; transform:translateY(0%);display:flex;}

  #visual .visual-tit{ font-size:3.4rem;}
  #visual .visual-sub-txt{font-size:14px;}
  .title{font-size:3.0rem;}
  .title > em{font-size:14px; }

  .location{margin-bottom:1.5rem;}

  .login_wrap{ margin:20px auto;padding:40px 30px;}
  .login_wrap .login_logo{margin-bottom:30px;}
  .login_wrap .login_logo > h3{min-height:35px;background-size:auto 35px; padding-top:40px;font-size:17px;}
  .login_wrap .btn_login{width:100%;}
  .login_wrap .btn_login > span{font-size:16px; }
  .login_wrap .btn_area{margin-top:0px;}

  .qa--top .btit{font-size:17px;margin-bottom:1rem;}
  .qa--top .sbox .stit{flex:0 0 55px;font-size:13px;}
  .qa--top .sbox .stxt{flex:1;font-size:13px;}
  .qa--top .second{gap:10px;}
  .qa--top .second-tb .tit{font-size:15px;}
  .qa--top .second-tb .txt{font-size:13px;}

  .about--top{margin:6rem 0;padding:10rem 5%;}
  .about--top .circle{top:-45px;width:90px;height:90px;}
  .about--top > h3{font-size:4.5rem;margin-bottom:3rem;}
  .about--top > h4 br{display:inline;}
  .about--top > p{font-size:16px;}

  .business--top li{width:24%;margin:0 0% 2% 1.3333%;  }
  .business--top li:nth-child(4n-3){margin:0 0% 2% 0%;}
  .business-circle > p{font-size:13px;}

  .service--top{margin:6rem 0;padding:10rem 5%;}
  .service--top .circle{top:-45px;width:90px;height:90px;font-size:16px;}
  .service--top > h3{font-size:4.5rem;margin-bottom:3rem;}
  .service--top > h4 br{display:inline;}

  .price--top{padding:10rem 5%;}
  .price--top > h3{font-size:3rem;margin-bottom:2rem;}
  .price--top > p{font-size:16px;}

  .web--top{padding:10rem 5%;}
  .web--top > h3{font-size:4.5rem;margin-bottom:3rem;}

  .app--title{margin-bottom:6rem; }
  .app--title > h3{font-size:3.6rem;margin-bottom:15px; }  
  .app--title > p{font-size:18px;}  
  .app--top{margin:0 auto 6rem;}
  .app--top li{font-size:16px;}  
  .i-alart{min-height:20px;background-size:auto 20px; padding-left:28px;font-size:16px;}

  .app--info{ padding:8rem 5% 0;}
  .app--info.portfolio{padding:8rem 5% 8rem;}
  .app--info .tit{font-size:3.5rem;margin-bottom:4rem;}
  .app--info .stit{font-size:2.4rem;}
  .app--info .txt{font-size:16px;}
  .app--info .btnArea > *{padding:0 20px;height:50px;width:200px;}
  .i--apple{background-size:auto 26px; }
  .i--google{background-size:auto 26px; }  



}

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


}


/*mobile 375 이하 */
@media all and (max-width:375px){
  .video-txt .w-infos-tit{font-size:4.5rem;}
  .video-txt .w-infos-txt{font-size:14px;margin-bottom:2rem;}
  .video-txt .w-infos-desc{font-size:20px;margin-top:2.5rem;}

  #visual .visual-tit{ font-size:3.0rem;}
  .title{font-size:2.8rem;}

  .list_faq .desc_question {font-size:15px;}
  .list_faq .tit_answer {font-size:14px;}
  .list_faq .desc_answer {font-size:14px;}

  .about--top > h3{font-size:4.0rem;margin-bottom:3rem;}
  .about--top > p{font-size:15px;}

  .about--mid > h3{font-size:4.0rem;}

  .ci--wrap{padding:8rem 5%; }
  .ci--wrap .txt{font-size:17px;}
  .ci--wrap .descGroup{display:flex;flex-direction: column;gap:20px; padding:0 5%;box-sizing: border-box;}
  .ci--wrap .descGroup .color-guide dt{font-size:14px;}
  .ci--wrap .descGroup .color-guide dd{font-size:14px;}

  .business--top{padding:10rem 5%;}
  .business--top > h3{font-size:4rem;margin-bottom:4rem;}
  .business--top > p{font-size:16px;}

  .service--top > h3{font-size:4.0rem;margin-bottom:3rem;}

  .qa--top .tit-cs{font-size:3.0rem;margin-bottom:1rem;}

  .cs--box .desc{font-size:16px;}
  .cs--box .num{font-size:17px;}
  .cs--box .txt-s{font-size:14px;}

  .price--tb .tit{font-size:14px;}
  .price--tb .desc{font-size:14px;}

  .price--top{padding:8rem 5%;}
  .price--top > h3{font-size:2.6rem;margin-bottom:2rem;}
  .price--top > p{font-size:15px;}

  .web--top > h3{font-size:4.0rem;margin-bottom:3rem;}
  .web--top > p{font-size:15px;}

  .app--bot > p{font-size:2.0rem;margin-bottom:3rem;}


}

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

  .about--top > p br{display:none;}
  .about--mid > p{ font-size:15px;}

  .ci--wrap .txt{font-size:16px;}
  .ci--wrap .descGroup .color-guide dt{font-size:13px;}
  .ci--wrap .descGroup .color-guide dd{font-size:13px;}

  .price--tb .tb-top{width:60%;}
  .price--tb .tb-mid{width:40%;}

  .hosting-info .btxt{font-size:15px;}  
  .mail-info .btxt{font-size:15px;}  
  .web-info .btxt{font-size:15px;} 

  .app--mid .b-list{padding-left:20px;font-size:15px;}
  .app--mid .b-list::before {left:10px;}


}



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

  .video-txt .w-infos-tit{font-size:4.2rem;}
  .video-txt .w-infos-txt{font-size:13px;margin-bottom:2rem;}
  .video-txt .w-infos-desc{font-size:18px;margin-top:2.5rem;}

  .m-tit .f-eng{font-size:14px;}
  .m-tit .f-txt{font-size:14px;}
  .m-tit .f-tit{font-size:16px;}

  .section_4 .txt{font-size:14px;}


  .main-quick{display:flex; gap:10px;}  
  .main-cs{gap:10px; margin-bottom:4rem;}
  .main-cs .circle{width:50px; height:50px;background-size:auto 18px;}
  .main-cs .txt{font-size:13px;}
  .main-cs .num{font-size:18px;}
  .main-cs .stxt{font-size:13px;}
  
  .main-bank{gap:10px;}
  .main-bank .circle{width:50px; height:50px;background-size:auto 22px;}
  .main-bank .txt{font-size:15px;}
  .main-bank .num{font-size:18px;}
  .main-bank .stxt{font-size:13px;}

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

  .board-view .stit{font-size:13px;}
  .board-view .name{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;}

  .qa--top .first--img{/*flex:0 0 100%;text-align:center;margin-right:0%; margin-bottom:20px;padding:0 25%; box-sizing: border-box; */ display:none;}
  .qa--top .first--txt{flex:0 0 100%;justify-content: center;}
  .qa--top .btit{text-align:center;margin-bottom:.6rem;}
  .qa--top .sbox{justify-content: center;}

  .qa--top .sbox .stxt{flex:0 0 auto;}

  .qa--top .second{flex-wrap: wrap; gap:0px;}
  .qa--top .second > *{flex:0 0 100%; margin-top:20px;}
  .qa--top .second > *:first-child{margin-top:0px;}

  .about--top > h3{font-size:3.5rem;}
  .about--top > p{font-size:14px;}

  .business--top > h3{font-size:3.5rem;}
  .business--top > p{font-size:15px;}
  .business-circle > p{font-size:12px;}

  .service--top > h3{font-size:3.5rem;}

  .service--mid > h3{font-size:3.5rem;}
  .service--mid li{margin:0 0 6rem;padding:70px 20px 30px; }
  .service--box .tit{font-size:17px;}
  .service--box .txt{font-size:14px;}

  .qa--top .tit-cs{font-size:3.0rem;margin-bottom:1rem;}

  .cs--box .circle{width:40px; height:40px;}
  .cs--box .circle.i-tel{background-size:auto 18px;}
  .cs--box .circle.i-online{background-size:auto 20px;}
  .cs--box .circle.i-map{background-size:auto 20px;}
  .cs--box .circle.i-mail{background-size:auto 18px;}
  .cs--box .desc{font-size:16px;}
  .cs--box .num{font-size:16px;}
  .cs--box .txt-s{font-size:13px;}

  .web--mid li{padding:70px 20px 30px;}


  .ad--info .txt{font-size:15px;padding-left:25px;}  

  .hosting--box .tit{font-size:17px;}
  .hosting--box .txt{font-size:14px;}

  .web--top > h3{font-size:3.5rem;margin-bottom:3rem;}
  .web--top > h4{font-size:2.0rem;margin-bottom:1.5rem;}
  .web--top > p{font-size:14px;}

  .app--title > h3{font-size:3.4rem;margin-bottom:15px; }  
  .app--title > p{font-size:16px;}  
  .app--top li{font-size:15px;}  
  .i-alart{font-size:15px;}










}


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


}



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

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

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

  }