@charset "utf-8";

@media all and (max-width:1600px){ 
  .gnb-new > ul > li > a {font-size:14px;}

  .sec3_item_list .title .main_title {font-size:24px; }
  .sec3_item_list .title .sub_title {font-size:16px;  }
  .sec3_item_list .content {padding:0 40px 50px;}

}  

@media all and (max-width:1440px){ 
  #header .logoArea{width:200px;}
  .gnb-new > ul > li > a {padding: 0 30px;}
  .gnb-new ul ul a {font-size:12px;} 


}   


/* 1280px 이하 */
@media all and (max-width:1280px){  
  .gnb-new > ul > li > a {padding: 0 25px;}

}

@media all and (max-width:1200px){  
  :root {
    --header-height:60px; 
  }
  #header .logoArea{width:190px;}
  #header .logo{background-size:auto 55px;}
  #gnb {display:none;}
  .nav-but-wrap{display:inline-flex;}

  #header:hover{background-color:transparent; }
  #header.bg_on:hover{background-color: rgba(255,255,255,1);}

  .section-3 .titleArea{padding:var(--sec-padding-h) var(--sec-padding-w) 60px;}
  .section-3 .titleArea h3{margin-bottom:40px;}
  .section-3 .titleArea p{line-height: 1.6; margin-bottom:40px;}  
  .section-3 .middleArea {height:auto; }
  .section-3 .bottom-inner{padding:60px var(--sec-padding-w);}
  
  .sec3_image_list {display:none; }  
  .sec3_item_list {height:auto; position:static;display:flex;flex-wrap:wrap;}
  .sec3_item_list .item {height:500px; border-right:0; -ms-flex:0 0 100%; -webkit-flex:0 0 100%; flex:0 0 100%; }
  .sec3_item_list a{display:flex;height:100%; position:relative; }
  .sec3_item_list .item:nth-child(odd) a{justify-content: flex-end;}
  .sec3_item_list .item:nth-child(even) a{justify-content: flex-start;}
  .sec3_item_list .item:nth-child(odd) a:after {width:50%;display:block;left:50%;background:rgba(0,0,0,0.3); opacity:1;}
  .sec3_item_list .item:nth-child(even) a:after {width:50%;display:block;left:0%;background:rgba(0,0,0,0.3); opacity:1;}

  .sec3_item_list .content {position:static;left:auto; bottom:auto; width:50%; height:100%;display:inline-flex; flex-direction: column; justify-content: center;  padding:0 50px;}
  .sec3_item_list .title .main_title {font-size:28px; }
  .sec3_item_list .title .sub_title { margin-top:10px;font-size:17px;  }  
  .sec3_item_list .desc { opacity:1; top:0; font-size:17px; margin-top:20px; }
  .sec3_item_list .desc br{display:inline; }
  .sec3_item_list .bottom_title { opacity:1; top:0px; font-size:16px; margin-top:30px; padding:0 20px 0 0; width: fit-content; }
  .sec3_item_list .image_wrap{display:block;}

}



@media all and (max-width:1080px) {
  .inner{padding:0 var(--wrap-padding);}
}

/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  :root {
    --sec-padding-h:80px; 
    --sec-padding-w:40px; 
    --sub-visual-height: 500px;	
  }



  .section-2 ul{gap:40px; margin-bottom:60px;}
  .section-2 li{width:calc(50% - 20px) }
  .section-2 li:last-child{margin-top:20px; }
  .section-2 p{margin-top:30px;}
  
  #sec5 h3 br{display:none;}
  #sec5.section-2 li:last-child{margin-top:0px; }

  .box_button > *{min-width:260px;height:50px;}
  .products-btns > *{min-width:260px;height:50px;}

  /* sub */
  #visual .visual-tit{font-size:40px;}
  .container {padding:100px 0;}
  .container article{padding-top:70px;}
  .container article p{margin-bottom:30px;}

  .products-top{gap:30px;}

  .products-info ul{gap:30px;margin-top:30px;}
  .product-tit{font-size:18px;margin-bottom:30px;}
  .table-scroll-auto.atable td{padding:20px;}
  .table-scroll-auto th {font-size:15px; }
  .table-scroll-auto td {font-size:15px;}

  /* text */
  .tit-xlg{font-size:35px;}
  .tit-lg{font-size:28px;}
  .tit-md{font-size:20px;}

  .txt-lg{font-size:20px;}
  .txt-md{font-size:17px;}

  .tit--round{font-size:22px;padding-left:20px;}
  .tit--round::before{top:12px;width:12px; height:6px;}

  .bullet-tit{font-size:17px;padding-left:12px;}
  .bullet-tit::before{top:10px;}

  .contact{margin:80px auto;}
  .contact .icon img{height:40px;}

  .categoryTab ul{gap:10px 5px;}
  .categoryTab a{height:24px;font-size:13px;padding:0 12px; border-radius:20px;}
/* board list-tb */
.boardList .tit-name{flex:0 0 200px;font-size:14px;} 
.boardList .tit-tel{flex:0 0 140px;font-size:14px;}
.boardList .tit-address{flex:1;font-size:14px;}
.boardList .name{flex:0 0 200px;font-size:14px;}
.boardList .tel{flex:0 0 140px;font-size:14px;}
.boardList .address{flex:1;font-size:14px;} 


}



/* Tablet 950px 이하 */
@media all and (max-width:950px) { 
  .table-scroll-auto.atable th{padding:15px; }
  .table-scroll-auto.atable td{padding:15px;}

}

	
/* Mobile 768px 이하 */
@media all and (max-width:768px) { 
  :root {
    --menuTab-height:50px;  
    --sub-visual-height: 350px;	
  }

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}
  .col50{width:100% !important; }

  .section-1{height:500px;}
  .section-1 .background {background-image: url('/images/main/sec1-m.jpg');} 

  .section-4{height:500px;}
  .section-4 .background {background-image: url('/images/main/sec4-m.png');} 

  .section-2 ul{gap:40px; margin-bottom:40px;}
  .section-2 li{width:100%; }
  .section-2 li:last-child{margin-top:0px; }

  .section-3 .titleArea{padding:var(--sec-padding-h) var(--sec-padding-w) 40px;}
  .section-3 .titleArea h3{margin-bottom:30px;}
  .section-3 .titleArea p{ margin-bottom:20px;}  
  .section-3 .bottom-inner{padding:40px var(--sec-padding-w);}
  .sec3_item_list .item {height:300px;}
  .sec3_item_list .item:nth-child(odd) a{justify-content: flex-start;}
  .sec3_item_list .item:nth-child(even) a{justify-content: flex-start;}
  .sec3_item_list .item:nth-child(odd) a:after {width:100%;left:0%;background:rgba(0,0,0,0.3);}
  .sec3_item_list .item:nth-child(even) a:after {width:100%;left:0%;background:rgba(0,0,0,0.3);}

  .sec3_item_list .content {width:100%;padding:0 50px;}
  .sec3_item_list .title .main_title {font-size:24px; }
  .sec3_item_list .title .sub_title { margin-top:5px;font-size:16px;  }  
  .sec3_item_list .desc {top:0px; font-size:16px; margin-top:0px; }
  /* .sec3_item_list .desc br{display:none; } */
  .sec3_item_list .bottom_title {top:0px; font-size:14px; margin-top:20px;}

  .section-4 .tit {font-size:24px;} 
  .section-4 .txt {font-size:16px;} 

  .footer li p{font-weight: 300;font-size:13px; }
  .footer li p.copy{font-size:12px;}


  /* sub */
  .container {padding:80px 0;}
  #visual .visual-tit{font-size:35px;}
  .visual-location > ul li{padding-left: 25px;font-size:13px; } 

  .titleBox{font-size:24px;margin-bottom:30px; }  
  .title{font-size:20px;padding:5px 0px 5px 15px;margin-bottom:40px;}

  .menuTab li{margin-right:30px;}
  .menuTab li:last-child{margin-right:30px;}
  .menuTab a{font-size:16px;}
  .tab-contents{padding:60px 0;}

  /* text */
  .tit-xlg{font-size:32px;}
  .tit-lg{font-size:26px;}
  .tit-md{font-size:18px;}
  .tit-sm{font-size:17px;}
  .tit-s{font-size:15px;}

  .txt-lg{font-size:18px;}
  .txt-md{font-size:16px;}
  .txt-sm{font-size:15px;}
  .txt-s{font-size:13px;}

  .tit--round{font-size:20px;padding-left:16px;}
  .tit--round::before{top:10px;width:10px; height:5px; }

  .bullet-tit{font-size:16px;padding-left:10px;}
  .bullet-tit::before{top:8px;}

  .bullet-txt{font-size:15px; padding-left:10px;}
  .bullet-txt::before{top:8px; width:3px; height:3px;}

  .bullet-stxt{font-size:14px; padding-left:8px;}
  .bullet-stxt::before{top:7px; width:3px; height:3px;}

  .line-list{font-size:15px;padding-left:10px;}
  .line-list::before{font-size:15px;}

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

  .products-info li{flex:0 0 100%;}

  .products-btns{display:flex; flex-direction: column; align-items: center; justify-content:center; gap:30px;  }

  .contact{border:1px solid #ddd; padding:30px;box-sizing:border-box;margin:40px auto; }
  .contact ul{margin:0px auto; flex-direction: column; gap:0px; }
  .contact li{flex:0 0 100%; display: inline-flex; flex-direction: row; align-items: center; flex-wrap: wrap;  text-align:left; gap: 10px; border-left:0;border-top:1px solid #ddd; padding:20px 5px;}
  .contact li:first-child{ border-top:0; }
  .contact .icon{margin-bottom:0px;}
  .contact .icon img{height:24px;}
  .contact .icon-tit{font-size:16px;margin-bottom:0px;}
  .contact .icon-txt{font-size:14px;}

  .categoryTab a{height:24px;font-size:13px;padding:0 12px; border-radius:20px;}
  .categoryTab li:hover a{font-weight:400;color:#666;;background:#fafafa; border:1px solid #ddd; }
/* board list-tb */
.boardList ul {flex-wrap: wrap; gap:10px;}
.boardList .list-head{display:none;}
.boardList .list-body{padding:12px 0px;}
.boardList li{border-left:0;padding:0 15px;}

.boardList .name{flex:0 0 100%;font-size:15px; font-weight: 600; color: #333;}
.boardList .tel{flex:0 0 100%;font-size:14px;}
.boardList .address{flex:0 0 100%;font-size:14px;} 



}



/*mobile 640 이하 */
@media all and (max-width:640px){
  .nav__list-item > a{ color: rgba(255,255,255,1); font-size:20px;}
    
  .products-top{gap:30px;}
  .products-top .box{flex:0 0 100%;}

  .footer li p.sns{width:100%; margin:5px 0;}
  .i-insta{display:inline-flex;width:fit-content; height:20px; background:url(/images/layout/ico-instagram.png) 0% 50% no-repeat;background-size:auto 16px; padding-left:20px;  text-indent: 0px; font-weight: 400;color:#666; font-size:13px;letter-spacing:0em;}


}

/*mobile 540 이하 */
@media all and (max-width:540px){  
  :root {
    --sec-padding-h:60px; 
    --sec-padding-w:30px; 
    --sub-visual-height: 260px;	
  }

  /* 모바일 오버 효과 삭제 */
  .menu-icon:hover .menu-icon__line-left,
  .menu-icon:hover .menu-icon__line-right {width: 16.5px;}

  .nav__content {padding:100px 0 40px; }

  .nav__list-item > a{ color: rgba(255,255,255,1); font-size:20px; padding-right:18px;}
  .nav__list-item > a:hover:after{ width: 0;height: 0;opacity: 0;}
  .nav__list-item > a.has-sub::before{margin-top:2px;border-width: 7px 5px 0 5px; }
  .nav__list li.open li a {color: rgba(255,255,255,0.8);}
  .nav__list li.open li a:hover{color: rgba(255,255,255,0.8);}
  .nav__list{padding:0 8%;}

  input:focus{outline:none;}
  body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: transparent;} 

  .section-1{height:360px;}
  .box_button > *{min-width:220px;}
  .box_button > *:hover{ background: #000;color: #fff;}
  .products-btns > *{min-width:220px;}
  .products-btns > *:hover{opacity: 1;}

  
  .sec3_item_list .item {height:250px;}
  .sec3_item_list .content {padding:0 50px;}
  .sec3_item_list .title .main_title {font-size:24px; }
  .sec3_item_list .title .sub_title {font-size:15px;  }  
  .sec3_item_list .desc {top:-10px; font-size:15px; }
  .sec3_item_list .item.active .desc {top:-10px; }
  .sec3_item_list .bottom_title {margin-top:10px;}

  .section-4{height:360px;}
  .section-4 .txt {font-size:15px;} 

/* text */
.tit-xlg{font-size:30px;}
.tit-lg{font-size:24px;}
.tit-md{font-size:17px;}
.tit-sm{font-size:16px;}
.tit-s{font-size:14px;}

.txt-lg{font-size:17px;}
.txt-md{font-size:15px;}
.txt-sm{font-size:14px;}
.txt-s{font-size:13px;}

.txt-md, .txt-sm, .txt-s, .bullet-txt, .bullet-stxt{font-weight:400;}

.tit--round{font-size:20px;padding-left:16px;}
.tit--round::before{top:10px;width:10px; height:5px; }

.bullet-tit{font-size:15px;padding-left:10px;}
.bullet-tit::before{top:8px; width:4px; height:4px; }

.bullet-txt{font-size:14px; padding-left:10px;}
.bullet-txt::before{top:8px; width:3px; height:3px;}

.bullet-stxt{font-size:13px; padding-left:8px;}
.bullet-stxt::before{top:6px; width:3px; height:3px;}

.line-list{font-size:14px;padding-left:10px;}
.line-list::before{font-size:14px;}


/* sub */
.container {padding:60px 0;}
.titleBox{font-size:20px;margin-bottom:30px; }  
.titleBox br{display:inline;}
.title{font-size:20px;padding:5px 0px 5px 15px;margin-bottom:30px;}

#visual .visual-tit{font-size:26px;}

.border-box{margin:30px auto 0px; padding:20px; }
.product-tit{font-size:17px;margin-bottom:20px; padding:0 0 10px;}

.eng-m{display:block;}

.product-price{font-size:15px; }




.menuTab li{margin-right:20px;}
.menuTab li:last-child{margin-right:20px;}
.menuTab a{font-size:14px;}
.tab-contents{padding:40px 0;}

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

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

.popup--inner{padding:20px;}

}


/*mobile 430 이하 */
@media all and (max-width:430px){  
  #visual .visual-tit{font-size:24px;}
  .tit-xlg{font-size:26px;}

  .contact{padding:25px;}
  .contact .icon-txt{width:100%; padding-left:5px; box-sizing: border-box;}


}

@media all and (max-width:390px){
  .nav__list > li li a {font-size:14px;}

}


/*mobile 375 이하 */
@media all and (max-width:375px){
  .nav__list-item > a{font-size:18px; padding-right:18px;}
  
.tit-xlg{font-size:24px;}
.txt-lg{font-size:16px;}

.box_button > *{min-width:200px;height:46px;}
.products-btns > *{min-width:200px;height:46px;}

.table-scroll-auto th {padding:15px;font-size:13px; }
.table-scroll-auto td {padding:15px;font-size:13px;}
.product-tit{font-size:16px;}

}

/*mobile 360 이하 */
@media all and (max-width:360px){
  .sec3_item_list .content {padding:0 40px;}
  .sec3_item_list .title .main_title {font-size:22px; }
  .section-4 .tit {font-size:22px;} 

/* sub */
.visual-location > ul li{font-size:12px;} 
.tit-xlg{font-size:22px;}

}



/*mobile 320 이하 */
@media all and (max-width:320px){
  .nav__list-item > a{font-size:18px;}
}


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

}



/* **************************************** *
 * height 
 * **************************************** */

  @media all and (max-height: 667px){


      
  }