@charset "utf-8";


@media screen and (max-width: 1920px) {
  html.ie11 .main-contact__bg {background-size:cover;}	
  
}
@media all and (max-width:1600px){
  #gnb .gnb1_li {padding: 0 20px; }  

} 

@media all and (max-width:1440px){
  #gnb .gnb1_li {padding: 0 16px; }  
  .gnb1_a {font-size:1.6rem;}

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

  .footer_menu > ul {padding:0 5%;}
  .footer > ul{padding:40px 5%;}

  .inner{padding:0 5%;}

  .list-typeB li{width:24.5%;margin:0 0% 0.66667% 0.66667%;}
  .list-typeB li:nth-child(4n-3){margin:0 0% 0.66667% 0%;}

  .p-box .product-txt{font-size:16px;}
  .p-box .product-tit{font-size:16px;}



}   

/* 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:url(../images/layout/logo-s-n.png) 0% 50% no-repeat;}
  #header .util{display:none;}
  #gnb {display:none;}

  .main-visual-title {font-size:40px;}
  .main-visual-desc {font-size:22px;}

  .f_smenu {margin-bottom:20px;}
  .f_smenu > a {font-size: 15px;margin-left:15px;}

  .footer_menu {padding:4.0rem 0 3.0rem;}
  .footer_menu > ul > li {flex:1;padding:0 5px;}
  .footer_menu > ul > li > a {font-size: 1.6rem;}
  
  .footer .f_logo{flex:0 0 160px;}
  .footer .f_cont > p br{display:inline;}
  .footer .f_cont > p.first span{padding-left:0px; margin-left:0px;}
  .footer .f_cont > p.first span::after{display:none; }  

  .section_5{padding:10rem 5% 10rem 40%;}
  .section_5:before{background:url(/images/main/sec5-bg.png) 20% 50% no-repeat  #f4f4f4;}
  .section_5 .tit br{display:none; }

  #visual{height:360px;}
  #visual .visual-txt-con{padding:20px 5% 0; }
  #visual .visual-tit{font-size:5rem;}
  #visual .visual-sub-txt{font-size:2.2rem;}

  .list-typeB li{width:31.3333%;margin:0 0% 3% 3%;}
  .list-typeB li:nth-child(4n-3){margin:0 0% 3% 3%;}
  .list-typeB li:nth-child(3n-2){margin:0 0% 3% 0%;}
  
  .text-m{font-size:18px;}

  .tb--top{display:inline;}
  .quick--wrap{display:none;}

  .industry--wrap > *{flex:0 0 33.3333%; padding:0 2.5rem;}
  .industry--wrap .tit{font-size:2.6rem;margin-bottom:20px;}

  .industry--sub--wrap > *{flex:0 0 20%; padding:0 1rem;}
  .industry--sub--wrap .tit{min-height:50px;font-size:16px; padding:8px;}
  .industry--sub--wrap .txt{min-height:150px;font-size:16px;padding:15px 0px;}
  .industry--sub--wrap .boxtit{font-size:15px;margin-top:15px;}



}



/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  .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-title {font-size:40px;}
  .main-visual-title br{display:none !important;}
  .main-visual-desc {font-size:20px;}

  .main-visual-tab {margin-top:8rem;}
  .main-visual-tab > a{margin-left:20px;}
  .main-visual-tab .tab{width:120px; height:120px;border-radius:36px;}
  .main-visual-tab .tab-icon1,  .main-visual-tab .tab-icon2,  .main-visual-tab .tab-icon3,  .main-visual-tab .tab-icon4{min-height:35px; background-size:auto 35px;  margin-bottom:15px;}
  .main-visual-tab .tab-tit{font-weight:700;font-size:15px;}
  .main-visual-tab a:hover .tab{margin-top:-5px;}


  .footer{border-top:1px solid #dfdfdf;}
  .footer_menu {display: none !important;}	
  .footer > ul{display:flex;flex-wrap: wrap;}
  .footer .f_logo{flex:0 0 100%; margin-bottom:25px;}
  .footer .f_sns{flex:0 0 100%; text-align:left;display:inline-flex; justify-content:flex-start; gap:10px; margin-top:20px;}

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

  .section_1{padding:8rem 5%;}
  .section_1 ul{display:flex;flex-wrap: wrap;}
  .section_1 li{flex:0 0 100%;}
  .section_1 li:first-child{flex:0 0 100%;}
  .section_1 .txt{font-size:2rem;margin-bottom:30px;}
  .section_1 .txtBox{gap:20px;}
  .section_1 .btn--go{font-size:14px;}
  
  .section_1 .m-tit{margin-bottom:3rem;}

  .section_2{padding:8rem 5%;}
  .section_2 li{flex:0 0 31.33333%;margin:0 0% 3% 3%;border-radius:8px;}
  .section_2 li:nth-child(4n-3){margin:0 0% 3% 3%;}
  .section_2 li:nth-child(3n-2){margin:0 0% 3% 0%;}
  .section_2 li:hover{margin-top:-5px; }

  .m-btn-group > *{min-width:auto;}

  .section_4{position:relative;width:100%;margin:5rem auto 5rem;padding: 0 0 0rem;}

  .section_5 .tit{font-size:3.2rem;margin-bottom:3rem;}

  /*sub*/
  #visual{height:300px;}
  .location li{padding-left: 25px;font-size:14px;}   

  .title{font-size:4.0rem;}

  .list-typeA li{width:49%;margin:0 0% 2% 2%;}
  .list-typeA li:nth-child(odd){margin:0 0% 2% 0% !important;}
  .list-typeA li:nth-child(even){margin:0 0% 2% 2% !important;}

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

  .p-box .p-category > span{padding:6px 12px;font-size:17px;}
  
  .tit_lg{font-size:2.4rem;margin-bottom:30px;}
  .tit_md{font-size:2.2rem;margin-bottom:15px;}
  
  .text-m{font-size:17px;}
  .text-s{font-size:15px;}
  .text-sm{font-size:16px;}
  
  .bullet-tit{padding-left:8px;font-size:18px;}
  .bullet-tit::before {width:4px; height:4px; margin-top:8px;margin-left:-8px;margin-right:4px;}
  
  .border--box{padding:30px;}

  .list-typeD li{width:31.33333%;margin:0 0% 3% 3%;}
  .list-typeD li:nth-child(4n-3){margin:0 0% 3% 3%;}
  .list-typeD li:nth-child(3n-2){margin:0 0% 3% 0%;}

  .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;}

  .products--list .p--img{flex:0 0 180px;}
  .products--list .p--titWrap{flex-wrap: wrap;justify-content:flex-start; gap:0px;margin-bottom:15px;}  
  .products--list .p--tit{flex:0 0 100%;font-size:20px;}
  .products--list .p--badge{flex:0 0 100%; display: inline-flex;justify-content:flex-start;gap:5px;margin-top:5px;}
  .products--list .p--btn{flex:0 0 140px;}
  .products--list .p--txt{font-size:15px; }
  .products--list .p--cont{flex:1; margin:0 30px;}

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

  .products--detail .desc{font-size: 15px;margin-top:15px;}

.library--list .p--txt{font-size:15px; }

.related--main .btnArea{padding:8px 5px;}
.related--more{font-size:14px;  padding-left:18px; background-size:auto 14px;min-height:14px;}
.related--tit{font-size:14px;  padding-left:18px;}

.company-img{padding:10rem 50% 10rem 5%;}

.industry--main > *{flex:0 0 50%; height:360px;}
.industry--main .col1{display: inline-flex;justify-content:flex-end;}
.industry--main .col2{display: inline-flex;justify-content:flex-start;}
.industry--main .col-btn{font-size:17px; padding:30px 20px;}
.industry--main .col-btn > span{font-size:14px;margin-left:8px; padding-right:12px;}

.industry--sub .col1, .industry--sub .col2, .industry--sub .col3, .industry--sub .col4, .industry--sub .col5, .industry--sub .col6, .industry--sub .col7, .industry--sub .col8{height:200px;}

.industry--wrap > *{flex:0 0 33.3333%; padding:0 2rem;}
.industry--wrap .tit{font-size:2.6rem;margin-bottom:20px;}
.industry--wrap .stit{font-size:2.2rem;margin-bottom:10px;}
.industry--wrap .stxt{font-size:16px;margin-bottom:30px;}

.industry--sub--wrap > *{flex:0 0 20%; padding:0 1rem;}
.industry--sub--wrap .tit{min-height:50px;font-size:15px; padding:8px;}
.industry--sub--wrap .txt{min-height:150px;font-size:15px;padding:15px 0px;}
.industry--sub--wrap .boxtit{font-size:14px;margin-top:15px;}

.industry--sub--wrap.six > *{flex:0 0 33.3333%; padding:0 1rem 3rem;}

.map-content{flex-wrap: wrap;}
.map-content .map--wrap{flex:0 0 100%; margin-left:0px; margin-top:40px; padding-top:40px; border-top:1px solid #dfdfdf; }
.map-content > *:first-child{ margin-left:0px; margin-top:0px; padding-top:0px; border-top:0px; }



/*
  .round_tab li {margin:0px 0px 15px;display: inline-block;}
  .round_tab li a {border:0px solid #dfdfdf;background:#fff; text-align: center; padding:0px 15px 0px 10px;font-size:13px; display:block; border-radius:0px;}
  .round_tab li a::before {content: ' '; display: inline-block; vertical-align: top;width:3px; height:3px; margin-top:5px;margin-left:-9px;margin-right:4px;border-radius: 50%; background:var(--concept-color);}
*/




}



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

  .section_3 > *{ width:100%;padding:8rem 5%;}


  .company-top > h3{font-size:5rem;}
  .company-top > p{font-size:3.6rem;}

  .company-mid{display:flex;flex-wrap: wrap; gap:0px;padding:0 0%;}
  .company-mid .leftArea{flex:0 0 100%;margin-bottom:30px;}
  .company-mid .leftArea > p br{display: none;}
  .company-mid .rightArea{flex:0 0 100%;}
  .company-mid .rightArea > p{font-size:18px;margin-bottom:20px;}
  .company-mid .rightArea > h4{font-size:18px;margin-top:30px;}




}



	
/* 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;}
  .mMenu {right:-100%; width:100%;}
  .lnav li a {font-size:18px;} 
  .lnav > li li a {font-size:15px;}

  .main-visual-title {font-size:36px;}
  .main-visual-desc {font-size:18px; color:#c9edf9;}

  .main-visual-tab .tab-icon1,  .main-visual-tab .tab-icon2,  .main-visual-tab .tab-icon3,  .main-visual-tab .tab-icon4{min-height:35px; background-size:auto 35px;  margin-bottom:10px;}
  .main-visual-tab a:hover .tab{margin-top:0px;background: rgba(255,255,255,0.8);}


  .f_smenu {margin-bottom:20px;}
  .f_smenu > a {font-size: 14px;margin-left:15px;}

  .btn_up_layer {right:5px;bottom:20px;width:45px; height:45px; background-size:45px 45px;}
  .col50{width:100% !important; }
  
  .section_2{padding:8rem 5%;}
  .section_2 li{flex:0 0 48%;margin:0 0% 4% 4%;border-radius:4px;}
  .section_2 li:nth-child(odd){margin:0 0% 4% 0%;}
  .section_2 li:nth-child(even){margin:0 0% 4% 4%;}
  .section_2 li:hover{margin-top:0px; }

  .m-box .product-txt{font-size:14px;}

  .section_5{padding:10rem 5% 10rem 45%;}
  .section_5:before{background:url(/images/main/sec5-bg.png) 20% 50% no-repeat  #f4f4f4;}
  .section_5 .tit{font-size:3.2rem;margin-bottom:3rem;}
  .section_5 .tel{font-size:2.2rem;color:#1a1a1a;line-height:1.5;min-height:30px;padding-left:45px;}
  .section_5 .mail{font-size:2.2rem;color:#1a1a1a;line-height:1.5;min-height:30px;padding-left:45px;}
  
  /*sub*/
  #visual{height:240px;}
  #visual .visual-txt-con{padding:40px 5% 0;}
  #visual .visual-tit{font-size:4rem;}
  #visual .visual-sub-txt{font-size:2.0rem;}
  .visual-img-con.tbg01{background: url("/images/sub/subtop-1-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg02{background: url("/images/sub/subtop-2-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg03{background: url("/images/sub/subtop-3-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg04{background: url("/images/sub/subtop-4-0-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg04-1{background: url("/images/sub/subtop-4-1-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg04-2{background: url("/images/sub/subtop-4-2-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg05{background: url("/images/sub/subtop-5-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg06{background: url("/images/sub/subtop-6-m.jpg") no-repeat center / cover rgb(255, 255, 255);}
  .visual-img-con.tbg07{background: url("/images/sub/subtop-7-m.jpg") no-repeat center / cover rgb(255, 255, 255);}

  .sub--menu-wrap{display: inline-block !important;} 
  .location{display:none;}
  .title{font-size:4.0rem;}
  .e-tit{font-size:16px;padding-left:2px;margin-top:5px;}

  .p-box .product-logo{flex-wrap: wrap;}
  .p-box .product-logo > *{margin-left:10px;gap:10px;}

  .p-box .product-logo.first{flex-wrap: wrap; }
  .p-box .product-logo.first > *{width:100%; margin-left:0px; display: inline-flex;align-items: center;gap:10px;}
  .p-box .product-logo.first > *:first-child{margin-left:0px; margin-bottom:10px;}
  .p-box .product-logo.first > *:nth-child(2){justify-content:flex-end;}

  .p-box .product-txt{font-size:15px;}

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

  .form_sty{margin:0px 0 40px;}
  .form_sty ul{display: flex;flex-wrap: wrap;}
  .form_sty li.top{padding-top:0px;}
  .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;}

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

  .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;} 

  .map-contacts .c_title{width:100%;font-size:15px;line-height:1;margin-bottom:10px;}
  .map-contacts .c_content{width:100%;font-size:13px;}

  .s--category{display: none;}
  .p--search .depth_1{flex:0 0 30%;}
  .p--search .depth_2{flex:1;}

  .p--search.lg{gap:10px;}
  .p--search.lg .depth_1{flex:0 0 30%;}
  .p--search.lg .depth_2{flex:1;}
  .library-top{height:300px;}

  .p--search.blg{border:0px solid #dfdfdf;  background:#fff; padding:0px; border-radius:0px;}
  .p--search.blg .depth_1{flex:0 0 30%;}
  .p--search.blg .depth_2{flex:1;}

  /* .round_tab {margin:0px auto 15px;border:1px solid #dfdfdf; background:#f9f9f9; padding:10px; border-radius:4px; box-sizing: border-box;} */ 
  .round_tab li a {padding:10px 16px;font-size:14px;border-radius:24px;}

  .products--list ul{display:flex;flex-wrap: wrap; padding:20px;margin-top:16px;}
  .products--list .p--img{flex:0 0 160px;}
  .products--list .p--cont{flex:1; margin:0 0px 0 20px;}
  .products--list .p--btn{flex:0 0 100%;text-align:right; margin-top:10px;}
  .products--list .p--btn .btn{width:100%; max-width:150px;}
  .products--list .p--titWrap{margin-bottom:15px;}  
  .products--list .p--tit{flex:0 0 100%;font-size:18px;}
  .products--list .p--txt{font-size:14px; }


  .products--detail{margin:0px 0 60px;flex-wrap: wrap;}
  .products--detail .detail--img{flex:0 0 100%;margin-bottom:30px;}
  .products--detail .detail--txt{flex:0 0 100%;padding-left:0px;}

  .table-scroll-auto th {font-size:13px; }
  .table-scroll-auto td {font-size:13px; }

  .tab_cate li a{padding:0 15px;font-size:14px;}
  .tab_cate li.active a{font-size:14px;}

  .products--section{margin-top:20px;}
  .products--section.pd{padding:20px;}
  .p-sec-tit{font-size: 17px;}
  .products--section > p{margin-bottom:5px;}

  .detail--cont{padding:30px 0;font-size:14px;}

  .products--detail .btn-group{ border-top:0px solid #dfdfdf; padding-top:0px;}

  .library--list ul{display:flex;flex-wrap: wrap;padding:20px;}
  .library--list .p--img{flex:0 0 120px;}
  .library--list .p--cont{flex:1; margin:0 0px 0 20px;}
  .library--list .p--contWrap{display:flex;flex-direction: column;}
  
  .library--list .p--badge{display:flex;gap:5px;margin-bottom:10px;}
  .library--list .p--btn{display:flex;justify-content:flex-end;  gap:10px;margin-top:15px; position:static; right:0px; bottom:0px;}
  .library--list .p--tit{font-size:18px;margin-bottom:10px;}
  .library--list .p--txt{font-size:14px; }

  .library--list  .btn-type {padding:0 15px;}
  .library--list .btn-type.btn {height:35px;font-size:14px;} 
  
  .products--tit{display:flex;flex-wrap: wrap; align-items: center;gap:0px;}
  .products--tit .pbtn{width:100%; margin-top:20px;margin-left:-40px;}

  .detail--box .tbox{font-size: 17px;padding:10px 20px;}
  .detail--box .cbox{display:flex;flex-wrap: wrap;padding:20px;}
  .detail--box .cbox .cimg{flex:0 0 100%;max-width:100%; margin-bottom:20px; margin-right:0%;}
  .detail--box .cbox .ctxt{flex:0 0 100%;}


  .industry--main > *{flex:0 0 100%; height:250px;}
  .industry--main .col1{display: inline-flex;justify-content:flex-end; margin-bottom:15px;}
  .industry--main .col2{display: inline-flex;justify-content:flex-end;background:url(/images/sub/industry-2.png) 50% 20% no-repeat;}
  .industry--main .col-btn{font-size:16px; padding:30px 20px;}
  .industry--main .col-btn > span{font-size:14px;margin-left:8px; padding-right:12px;}

  .industry--sub > *{flex:0 0 100%;margin-left:0%;}
  .industry--sub > *:nth-child(odd){margin:0 0% 30px 0%;}
  .industry--sub > *:nth-child(even){margin:0 0% 30px 0%;}
  .industry--sub .col-tit > span{font-size:17px;padding:8px 20px; }
  .industry--sub .col1, .industry--sub .col2, .industry--sub .col3, .industry--sub .col4, .industry--sub .col5, .industry--sub .col6, .industry--sub .col7, .industry--sub .col8{height:200px;}
  .industry--sub .col-txt{font-size:17px;margin-top:15px; }

  .industry--wrap{display:flex;flex-wrap: wrap; margin-bottom:4rem;}
  .industry--wrap > *{flex:0 0 100%; padding:0 0rem 4.5rem;}
  .industry--wrap .tit{font-size:2.4rem;margin-bottom:20px;}
  .industry--wrap .topimg{padding:20px;margin-bottom:20px;}
  .industry--wrap .stxt{font-size:16px;margin-bottom:30px;}

  .tit_xlg{font-size:3.2rem;margin-bottom:5rem;}

  .industry--sub--wrap > *{flex:0 0 33.3333%; padding:0 1rem 3rem;}
  .industry--sub--wrap .tit{min-height:50px;font-size:15px; padding:8px;}
  .industry--sub--wrap .txt{min-height:120px;font-size:14px;padding:15px 0px;}
  .industry--sub--wrap .boxtit{font-size:14px;margin-top:15px;}

  .industry--sub--wrap.six > *{flex:0 0 50%; padding:0 1rem 3rem;}
  .industry--sub--wrap.three{justify-content:flex-start;}
  .industry--sub--wrap.three > *{flex:0 0 50%; padding:0 1rem 3rem;}

  .quick--online{display:none;}
  .q--open{display:none;}

  .section_1 .logo-img img{width:auto; height:70px; }

  .brandMain .logo-img img{width:auto; height:70px; }
  .brandMain .btn--go{font-size:14px;}

}








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

  .main-visual-title {font-size:32px;}
  .main-visual-desc {font-size:17px; color:#c9edf9;}

  .main-visual-tab { display:flex;flex-wrap: wrap; width:100%; max-width:260px; margin:8rem auto 0;}
  .main-visual-tab > a{flex:0 0 50%;display:inline-flex;justify-content: center; padding:0 10px 20px;margin:0; box-sizing: border-box; }
  .main-visual-tab .tab{width:110px; height:110px;border-radius:26px;}
  .main-visual-tab .tab-tit{font-size:14px;}



  .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;}

  .m--scroll {display:none !important;}

  .footer .f_cont > p:nth-child(3){margin-top:5px;}
  .footer .f_logo{min-height:20px;background-size:auto 20px;}

  .section_2 li{flex:0 0 48.5%;margin:0 0% 3% 3%;}
  .section_2 li:nth-child(odd){margin:0 0% 3% 0%;}
  .section_2 li:nth-child(even){margin:0 0% 3% 3%;}

  .section_5{padding:8rem 5% 8rem 45%;}
  .section_5:before{background:url(/images/main/sec5-bg.png) 22% 0% no-repeat  #f4f4f4; }
  .section_5 .tit{font-size:2.7rem;margin-bottom:3rem;}
  .section_5 .tel{font-size:2.2rem;line-height:1.5;min-height:30px;padding-left:40px;}
  .section_5 .mail{font-size:2.2rem;line-height:1.5;min-height:30px;padding-left:40px;}

  /*sub*/  
  .container {margin:4rem 0;}
  .titleWrap{gap:0px;margin-bottom:3rem;}
  .title{font-size:3.5rem;}
  .e-tit{font-size:15px;padding-left:2px;margin-top:5px;}

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

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

  .p-box{ padding:25px 20px 15px;}
  .p-box .p-category{flex:1;}
  .p-box .p-category > span{padding:6px 12px;font-size:17px;}
  .p-box .btn--plus{flex:0 0 25px;}
  .p-box .i--plus{width:25px; height:25px;padding-bottom:4px;font-size:22px; }
  .p-box .product-txt{font-size:15px;}
  .p-box .product-tit{font-size:16px;}


  .p--section{margin-bottom:30px;}
  
  .text-m{font-size:16px;}
  .text-s{font-size:14px;}
  .text-sm{font-size:15px;}
  
  .bullet-list{font-size:14px;}
  .bullet-list::before {width:3px; height:3px; margin-top:8px;margin-left:-9px;margin-right:6px;}
  
  .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;}
  
  .border--box{padding:25px;}

  .pm--cs .cs--wrap{gap:30px; margin-bottom:4rem;}
  
  .d--tel{font-size:2.0rem;background-size:auto 22px; min-height:22px;padding-left:30px;}
  .d--mail{font-size:2.0rem;background-size:auto 22px; min-height:22px;padding-left:30px;}

  .products--main{padding:0rem 0 5rem; border-bottom:1px solid #dfdfdf;background:#fff !important;}

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

  .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;}

  .pagination {margin: 40px 0;}

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

  .products--list ul{display:flex;flex-wrap: wrap; padding:20px;margin-top:16px;}
  .products--list .p--img{flex:0 0 100%;width:100%; }
  .products--list .p--cont{flex:0 0 100%; margin:10px 0px 0 0px;}
  .products--list .p--titWrap{margin-bottom:15px;}  
  .products--list .p--tit{flex:0 0 100%;font-size:17px;}
  .products--list .p--txt{font-size:14px; }
  .products--list .p--btn{margin-top:20px;}

  .p-sec-tit{font-size: 16px;}
  .products--detail{margin:0px 0 40px;}
  .products--detail .desc{font-size: 14px;}

  .library-top{height:220px;}
  .library-desc{text-align: left;}

  .library--list .p--img{flex:0 0 100%;width:100%; text-align: center; }
  .library--list .p--img img{max-width:200px; }
  .library--list .p--cont{flex:0 0 100%; margin:20px 0px 0 0px; border-top:1px solid #ebebeb; padding-top:20px;}
  .library--list .p--tit{font-size:16px;margin-bottom:10px;}
  .library--list .p--txt{font-size:14px; }
  .library--list .btn-type.btn {height:35px;font-size:13px;} 

/*
  .tab_cate li a{padding:0 10px;font-size:13px;}
  .tab_cate li.active a{font-size:13px;}  */

  .tab_cate {height:auto;border-bottom:0px solid var(--concept-color);}
  .tab_cate ul {display:flex; }
  .tab_cate li {margin-left:-1px;float:none;flex:0 0 18%;}
  .tab_cate li:first-child {flex:1;}
  .tab_cate li a{height:auto;color:#666;padding:12px 10px;font-size:13px;line-height:1; border:1px solid #dfdfdf; }
  .tab_cate li.active a{color:#fff;line-height:1;font-weight:700;font-size:13px;height:auto;background-color:var(--concept-color); border-radius:4px;}
  .tab_cate li a:after {display:none;}
  

  .company-top > h3{font-size:4rem;}
  .company-top > p{font-size:2.8rem;}
  
  .company-mid .leftArea > p{font-size:2.4rem;}
  .company-mid .rightArea > p{font-size:17px;margin-bottom:20px;}
  .company-mid .rightArea > h4{font-size:17px;margin-top:30px;}

  .brand-txt > p{font-size:17px;}

  .industry--main > *{flex:0 0 100%; height:220px;}
  .industry--main .col-btn{font-size:16px; padding:20px;}

  .industry--wrap .stxt{font-size:15px;margin-bottom:30px;}


  .industry--sub .col-tit > span{font-size:17px;padding:8px 20px; }
  .industry--sub .col1, .industry--sub .col2, .industry--sub .col3, .industry--sub .col4, .industry--sub .col5, .industry--sub .col6, .industry--sub .col7, .industry--sub .col8{height:160px;}
  .industry--sub .col-txt{font-size:16px;margin-top:10px; }


  .industry--sub--wrap > *{flex:0 0 100%; padding:0 0rem 3rem;}
  .industry--sub--wrap .tit{min-height:auto;font-size:15px; padding:8px;}
  .industry--sub--wrap .txt{min-height:auto;font-size:14px;padding:10px 0px;}
  .industry--sub--wrap .boxtit{font-size:13px;}
  
  .industry--sub--wrap.six > *{flex:0 0 100%; padding:0 0rem 3rem;}
  .industry--sub--wrap.three > *{flex:0 0 100%; padding:0 0rem 3rem;}

  .section_1 .brandArea{display:flex;flex-direction: column; justify-content: center;gap:20px;}
  .section_1 .brandLogo{flex:0 0 100%; display:inline-flex;flex-direction:row;align-items: center;justify-content: center;gap:20px;}
  .section_1 .logo-img{width:auto;text-align:left; }
  .section_1 .logo-img img{width:auto; height:70px; }


  .brandMain{display:flex;flex-direction: column; justify-content: center;gap:20px;}
  .brandMain .brandLogo{flex:0 0 100%; display:inline-flex;flex-direction:row;align-items: center;justify-content: center;gap:20px;}
  .brandMain .logo-img{width:auto;text-align:left; }
  .brandMain .logo-img img{width:auto; height:70px; }

  .brand-title img{width:auto; height:70px; }

  .radwag--sm{width:50px; }

}


/*mobile 420 이하 */
@media all and (max-width:420px){  
  .section_1{padding:6rem 5%;}
  .section_1 .logo-gvs{width:52px; height:25px; background-size:auto 25px;}

  .section_2{padding:6rem 5%;}
  .m-tit.md{font-size:2.6rem;}
  .m-box{padding:20px 15px;}
  .m-box .badge img{max-height:20px;}
  .m-box .product-img{margin:12px 0;}
  .m-box .product-tit{margin-bottom:5px;}
  .m-box .product-txt{font-size:13px;}
  .m-box.mettler .badge img{max-height:50px;}
  .m-box.mettler{padding:0 15px 20px;  }

  .section_3 .tit{font-size:2.6rem;}
  .section_3 .tit-1{font-size:3.4rem;}  

  .m-btn-group .btn{padding:0 20px;height:50px;}
  .i_arrow_r {font-size:14px;padding-right:24px;background:url(/images/layout/i_arrow_r.png) right center no-repeat;}
  
  .m-event{margin-top:3rem;}
  .m-event > a{display:inline-block;width:100%;margin-left:0%; margin-top:15px;}
  .m-event > a:first-child{margin-top:0px;}

  .m-event .titArea > p{font-size:14px;}

  #visual .visual-tit{font-size:3.5rem;}
  #visual .visual-sub-txt{font-size:1.9rem;}

  .title{font-size:3.0rem;}
  .e-tit{font-size:14px;}

/*
  .list-typeD li{flex:0 0 100%;}
  .list-typeD li:nth-child(odd){margin:0 0% 2% 0% !important;}
  .list-typeD li:nth-child(even){margin:0 0% 2% 0% !important;}  */

  .detail--box .tbox{font-size:16px;padding:8px 20px;}

  .related--main{padding-bottom:10px;}
  .related--main .btnArea{left:3%;width:94%; padding:8px 5px;}


  .company-top{padding-top:20px; margin-bottom:4rem;}
  .company-top > h3{font-size:4rem;}
  .company-top > p{font-size:2.8rem;}

  .company-img-m{padding:20px 5%;}
  .company-img-m > p{font-size:2.0rem;}

  .company-mid .leftArea > p br{display:inline;}
  .company-mid .rightArea > p{font-size:16px;margin-bottom:20px;}
  .company-mid .rightArea > h4{font-size:16px;margin-top:30px;}

  .brand-txt > p{font-size:16px;}

  .tit_xlg{font-size:3.0rem;margin-bottom:5rem;}












  



}


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

  /*.main-visual-tab {display:none}*/

  .main-visual-title {font-size:30px;}
  .main-visual-desc {font-size:16px;}


  .main-visual-tab > a{padding:0 10px 20px;}
  .main-visual-tab .tab-tit{font-size:14px;}

  /*.main-visual-tab .tab-icon1,  .main-visual-tab .tab-icon2,  .main-visual-tab .tab-icon3{min-height:30px; background-size:auto 30px;  margin-bottom:10px;}*/



  .f_smenu > a {font-size: 13px;margin-left:10px;}

  .footer .f_cont{font-size:12px;}
  .footer .f_cont span{font-size:12px;padding-left:0px;margin-left:0px;padding-right:5px;}
  .footer .f_copy{font-size:12px;}	

  .section_5 .tit{font-size:2.5rem;margin-bottom:3rem;}
  .section_5 .tel{font-size:2.0rem;line-height:1.5;min-height:24px;padding-left:34px; background-size:auto 24px; }
  .section_5 .mail{font-size:2.0rem;line-height:1.5;min-height:24px;padding-left:34px; background-size:auto 24px; }

  /*sub*/
  .title{font-size:3rem;}
  .e-tit{font-size:14px;padding-left:0px;margin-top:5px;}

  .p-box{ padding:25px 20px 15px;}
  .p-box .p--top{margin-bottom:10px;}
  .p-box .p-category > span{padding:6px 12px;font-size:16px;}
  .p-box .product-txt{font-size:15px;}
  .p-box .product-tit{font-size:15px;}

  .text-m{font-size:15px;}
  .border--box{padding:20px;}
  .pm--cs .cs--wrap{flex-wrap: wrap; gap:0px; margin-bottom:2rem;}
  .pm--cs .cs--wrap > *{flex:0 0 100%;margin-bottom:2rem;}
  .pm--cs .cs--btn > a{min-width:100%;}

  .round_tab li a {padding:10px 16px;font-size:13px;border-radius:24px;}

  .tab_cate ul {display:flex;flex-wrap: wrap; }
  .tab_cate li {flex:0 0 33.3333%;}
  .tab_cate li:first-child {flex:0 0 33.3333%;}

  .tab_cate li:nth-child(4){margin-left:0px; margin-top:-1px;}
  .tab_cate li:nth-child(5){ margin-top:-1px;}







}

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


  .m-btn-group{gap:5px;}
  .i_arrow_r {font-size:13px;padding-right:0px;background:none;}
  .m-btn-group .btn{padding:0 15px;height:45px;}

  .products--list .p--tit{font-size:16px;}
  .products--list .p--txt{font-size:13px; }

  .tit_xlg{font-size:2.8rem;margin-bottom:4rem;}


  .section_2 li{flex:0 0 100%;margin:0 0% 4% 0%;}
  .section_2 li:nth-child(odd){margin:0 0% 4% 0%;}
  .section_2 li:nth-child(even){margin:0 0% 4% 0%;}







}



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

  .main-visual-tab {display:none}
  .main-visual-title {font-size:25px;}
  .main-visual-desc {font-size:14px;}

  .section_1 .txtBox{gap:10px;}
  .section_1 .btn--go{font-size:13px;}

  .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;}

  .round_tab li a {padding:8px 10px;font-size:13px;border-radius:8px;}







}


/*mobile 280 이하 */
@media all and (max-width:280px){  
  .section_1 .btn--go{font-size:12px;}

}



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

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

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

  }