@charset "utf-8";


@media screen and (max-width: 1920px) {
  .product-img__item {max-width:650px;bottom:40px;}
  
}

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

  .main-container .m_visual{width:55%;}
  .main-container .product-slider {width:45%; }
  .product-slider__content {padding:0 40px;}
  .product-slider__title {font-size: 50px; }
  .product-slider__title2 {font-size: 50px; }
  .product-slider__txt {font-size: 18px; }
  .product-slider__txt br{display:none; }

  .product-img__item {right: 0;padding-left:5%; max-width:600px;}

  .section_2{width:90%;margin:0rem 5% 100rem;padding:0px 60px;}
  .section_2 .swiper-button-prev{left: 0px;} 
  .section_2 .swiper-button-next{right:0px;}

  .footer{padding:60rem 5%;}

  .swiper_1 .swiper-slide img{max-width:75%;}

  .location{margin:30rem 0 20rem;padding:0 5%;}
  .title{font-size:50rem;padding:0 5%;}

  .inner{padding:0 5%;}

  .map-contacts {padding:0px 5%;}
  .faq_none{width:90%;}

  .news{padding:0 5%;}

  .product_tab > a{width:130px;}  
  .product_category{display:flex;width:100%; flex-direction: column; justify-content: center; align-items: center;}
  .product_tit{font-size:14rem;margin-top:15px;}
  .product_icon{width:70px; height:70px;}
   
  .company{ /* flex-wrap: wrap; */padding:100rem 10%;}
  .company .tit_wrap{width:45%;}  
  .company .txt_wrap{width:50%;margin-left:5%;} 

  .vision .circleArea{width:50%;}  


}   

/* 1280px 이하 */
@media all and (max-width:1280px){
  #gnb .gnb1_li {padding: 0 20px; }
  .gnb1_a {font-size:16rem;}
  .gnb2_a {font-size: 14rem;  }
  #header.bg_on .gnb1_a {font-size:16rem;}

  .section_tit{font-size: 50rem;margin-bottom:30rem;}

  .footer .f_menu li{margin-left:20rem;}
  .f_blind{display:inline-block;width:100%;}

  .map-content{height:500px;}    

  .tit_lg{font-size:60rem;}
  .tit_md{font-size:50rem;}
  .tit_sm{font-size: 50rem;}
  .tit_s{font-size: 40rem;}
  .text-m{font-size:22rem;}

  .card__image {padding:50px 60px 30px;}

  .company{ /* flex-wrap: wrap; */padding:100rem 5%;}
  .company .tit_wrap{width:45%;}  
  .company .txt_wrap{width:52%;margin-left:3%;} 
  .company .c_tit{font-size:26rem;}

  .factory{padding:0rem 5%;}
  .factory .factory_img{margin-bottom:30px;}
  .factory .factory_txt{right:30px; bottom:-25px;padding:15px 30px;font-size: 16rem;}
  .factory ul{padding:50px 0px 30px;}
  .factory .leftArea{width:350px;font-size:28rem;}
  .factory .rightArea{width:calc(100% - 350px);}


}




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

  #header{display:flex;justify-content:space-between; align-items: center;width: 100%;height:80px; padding:0 5%;}
  #header .logoArea{width:70%;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;z-index: 4;}
  #header .logo{min-height:27px;background:url(/images/e_logo_s.png) 0% 50% no-repeat;}
  #header .util{display:none;}
  #gnb {display:none;}

  #header .m_open{display: inline-block;}

  .main-container {/*align-items:flex-start;*/}
  .main-container .m_visual{width:100%;height:100%;justify-content:center;margin:auto;}
  .main-container .m_visual:before{height:30%;border-radius:0px 64px 0px 0px;}
  .main-container .product-slider {position: absolute;right:auto;left:5%; top:25%; width:50%; height:auto; }

  .main-container .scroll{position: absolute; right:auto; left:5%;bottom:30px;width:7px; height:56px;background:url(/images/icon/scroll_wh.png) left center no-repeat;}
    
  .product-slider__item {height: auto;}
  .product-slider__card {align-items: flex-start;}
  .product-slider__content {padding:0 0px;}
  .product-slider__title {font-size: 40px; margin-bottom:20px;}
  .product-slider__title2 {font-size: 40px; margin-top:40px;margin-bottom:20px; }
  .product-slider__txt {font-size: 18px; }

  .product-img {display:flex;width:100%;margin:auto; height: 100%;text-align:right;justify-content: flex-end;}
  .product-img__item {right:2%;padding-left:0%; max-width:50%;bottom:20px;}

  .swiper-button-wrap{bottom:20px;left:auto;right:10px;}  
    
  .section_tit{font-size:40rem;}
  
  .section_3{padding:300px 5% 0;margin:0rem 0px 100rem ;background-size:auto 400px;}
  .section_3 .boxArea{padding:40px;}
  .section_3 .boxArea p{font-size:18rem;} 

  .title{font-size:40rem;margin-bottom:40rem;}  

  .container {margin:80px 0px 50px;}

  .map-contacts ul{margin-bottom:30px;}
  .map-contacts .c_title{width:200px;font-size:22rem;line-height:1.4;}
  .map-contacts .c_content{width:calc(100% - 200px);}

  .board-viewArea .btnBox .s-txt{display: none !important;}

  .board-viewArea .subjectBox{flex-wrap: wrap;align-items:center;padding:20px;}
  .board-viewArea .subjectBox .leftArea{width:100%;margin-bottom:15px;}
  .board-viewArea .subjectBox .rightArea{width:100%;text-align:right;}
  .board-viewArea .subject{font-size:24rem;}
  .board-viewArea .stit{margin-right:10px;}

  .news .topArea{display:flex; width:100%;margin-bottom:20rem;}

  .tit_lg{font-size:50rem;}
  .tit_md{font-size:40rem;}
  .tit_sm{font-size: 40rem;}
  .tit_s{font-size: 35rem;}
  .text-m{font-size:20rem;}

  .card__image {padding:40px 40px 20px;}
  .card__cont{padding:0 40px 40px;}

  .product_wrap .img_wrap{width:45%;text-align:center;} 
  .product_wrap .txt_wrap{width:50%;margin-left:5%;padding:60px 0px;} 
  .icon_wrap .b_txt{font-size: 20rem;}
  .icon_wrap .b_txt > span{margin-right:10px;}


  .company{ /* flex-wrap: wrap; */padding:80rem 5%;}
  .company .tit_wrap{width:45%;}  
  .company .txt_wrap{width:52%;margin-left:3%;} 
  
  
  .vision{padding:80rem 5%;}
  .vision > h3{margin-bottom:60rem;}
  .vision .circleArea{width:50%;}  
  .vision .circleArea .circle_1{width:100%;height:0; padding-top:100%;background:#f03844;border-radius: 50%;}  
  .vision .circleArea .circle_2{width:100%;height:0; padding-top:100%;background:rgba(255,255,255,.9);margin-left:-40px;border-radius: 50%;}  
  .vision .v_txtBox{position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);width:100%;padding:0 50px;}
  .vision .v_tit{font-size:22rem;margin-bottom:20px;}  

  .factory .leftArea{width:100%;font-size:28rem;margin-bottom:20px;}
  .factory .rightArea{width:100%;}
  .factory .f_tit{font-size:20rem;margin-bottom:10px;}
  .factory .f_txt{font-size:17rem;margin-bottom:10px;}

}


	
/* Mobile 768px 이하 */
@media all and (max-width:768px) {
   
  html{font-size: 5.0%;}
  #header.bg_on{height:60px;}

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

  .main-container .product-slider {width:50%;}
  .product-slider__title {font-size:30px; margin-bottom:20px;}
  .product-slider__title2 {font-size:30px; margin-top:40px;margin-bottom:20px; }
  .product-slider__txt {font-size: 16px; }

  .product-img__item {right:2%;padding-left:0%; max-width:60%;}
  .swiper-button-wrap .swiper-pagination {font-size:13px;}

  .section_tit{font-size:30rem;margin-bottom:20rem;}
  .section_1{margin:80rem 0px;}

  .section_2{width:90%;margin:0rem 5% 80rem;padding:0px 60px;}
  .swiper_2 .swiper-slide img{max-width:90%;}
  .swiper_2 {padding:0px 0px 0px;} 

  .section_3{padding:200px 5% 0;margin:0rem 0px 80rem ;background-size:auto 300px;}
  .section_3 .boxArea{padding:30px;}
  .section_3 .boxArea p{font-size:18rem;}
  .section_3 .boxArea p br{display: none}

  .footer{padding:40rem 5%;flex-wrap: wrap;}
  .footer .f_logo{display: none; /* width:100%;margin-bottom:20px;*/ }
  .footer .f_cont{width:100%;}
  
  .footer .f_menu{margin-bottom:20rem;}
  .footer .f_menu li{margin-left:15rem;}
  .footer .f_menu li > a{font-size:15rem;}  
 


  .title{font-size:35rem;}

  .map-content{margin:40rem 0px;height:400px;}

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

  .news{margin:40rem 0px;padding:0 5%;}
  .boardList-A ul {flex-wrap: wrap;}
  .boardList-A .list-head{display:none;}
  .boardList-A li{padding:0px 0px;}
  .boardList-A .no{width:100%;font-weight:700;font-size:18rem;margin-bottom:10px;text-align:left;}
  .boardList-A .cont{width:100%;text-align:left;margin-bottom:10px;}
  .boardList-A .hit{width:100%;text-align:left;font-size:17rem;}
  .boardList-A .tit_m{display:inline-block;font-weight:500;font-size:17rem; margin-right:5px;}

  .paging span{width:30px;height:30px;line-height:28px;}
  .paging span a{width:30px;height:30px;}
  .paging .num{margin:0 2px;line-height:28px;font-size:15px; }

  .board-viewArea .content_box{padding:40px 0px; min-height:auto;}
  .board-viewArea .btnBox{padding:20px 10px;}
  .board-viewArea .btnBox .item1{padding-right:5px;}
  .board-viewArea .btnBox .item2{padding:0 10px;width:auto;}
  .board-viewArea .btnBox .item3{padding-left:5px;}

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

  .tit_lg{font-size:45rem;}
  .tit_md{font-size:35rem;}
  .tit_sm{font-size: 35rem;}
  .tit_s{font-size: 30rem;}
  .text-m{font-size:18rem;}

  .col50{width:100% !important; }

  .inner{margin:40rem 0px;}

  .filebox_s {margin-top:10px;}
  .filebox_s label {height:40px;line-height:37px;}
  .filebox_s .upload-name {height:40px;padding:0px 10px;line-height:37px;}

  .form_sty ul{width:100%;margin-top:30px;}
  .form_sty .tit{display: inline-block;width:100%;margin-top:0px;margin-bottom:5px;}
  .form_sty .tit2{display: inline-block;width:100%;padding-left:0px;margin-top:30px;margin-bottom:5px;}
  .form_sty .cont{width:100%;}
  .form_sty .cont2{width:100%;}
  .form_sty .cont100{width:100%;}

  .item_faq.on .area_question:after {top:26px;}
  .list_faq .area_question {padding:15px 20px 15px 50px; cursor:pointer;}
  .list_faq .area_question:after {top: 18px;right: 10px; width:8px; height:8px; }
  .list_faq .txt_q {top:20px; left:10px;width:30px;font-size:17rem;padding-right:10px;}
  .list_faq .txt_q:after {top: 2px;height: 12px;}
  .list_faq .area_answer {padding:0px 20px 15px 50px; }

  .product_tab{display:flex;flex-wrap: wrap;}
  .product_tab > a{width:120px;}  


  .list-typeA{margin:20px auto;}
  .list-typeA li{ width:50%;}
  .list-typeA li:nth-child(odd){margin-left:0 !important;}
  .list-typeA li:nth-child(even){margin-left:-1px !important;}

  .list-typeB{margin:20px auto;}
  .list-typeB li{width:50%;}
  
  .card__image {padding: 30px 40px 20px;}
  .list-typeA li:hover .card__image > img {-webkit-transform: scale(1.00);-moz-transform: scale(1.00); -ms-transform: scale(1.00); -o-transform: scale(1.00); transform: scale(1.00);}
  .list-typeB li:hover .card__image > img {-webkit-transform: scale(1.00);-moz-transform: scale(1.00); -ms-transform: scale(1.00); -o-transform: scale(1.00); transform: scale(1.00);}
  .card__cont{padding:0 30px 30px;}

  .product_wrap{flex-wrap: wrap; margin:60rem 0; }
  .product_wrap .img_wrap{width:100%;text-align:center;margin-bottom:60rem;padding:0 20px;} 
  .product_wrap .txt_wrap{width:100%;margin-left:0%; padding:40px 20px;} 
  .product_stit{font-size:28rem;}
  .icon_wrap .iconBox{width:80px;min-height:50px;background-size:auto 50px;}
  .icon_wrap .b_txt{font-size: 18rem;}

  .organization{margin:40rem 0;padding:0rem 5%;}
  .company_top{padding:80rem 5%;} 
  .company_top h3{font-size:30rem;margin-bottom:15px;} 
  .company_top p{font-size:18rem;} 

  .history{margin:40rem auto;}     

  .timeline-content .timeline-title {font-size:20px; }
  .timeline-content .timeline_txt {display:flex;flex-wrap: wrap; width:100%; margin-bottom:10px;}
  .timeline-content .month {width:100%;font-size:16px; margin-bottom:5px;}
  .timeline-content .txt {width:100%;font-size:14px; }
  .timeline-centered .timeline-item:nth-child(even) .timeline_txt {display:flex;flex-wrap: wrap; width:100%;flex-direction:row;}
  
  .timeline-centered .timeline-item {padding-bottom: 30px; }
  .timeline-centered .timeline-marker {position: absolute;top: 0;bottom: 0;left: 0;width: 10px; margin-left:0px; }
  .timeline-centered .timeline-info,.timeline-centered .timeline-content {width: 100%;}
  .timeline-centered .timeline-item:nth-child(odd) .timeline-info {float: left; padding-left: 30px;}
  .timeline-centered .timeline-item:nth-child(odd) .timeline-content {float: left; text-align: left; padding-left: 30px;}
  .timeline-centered .timeline-item:nth-child(even) .timeline-info { float: left;text-align: left;  padding-left: 30px;}
  .timeline-centered .timeline-item:nth-child(even) .timeline-content { float: left; text-align:left;padding-left: 30px; }
  

  .company{flex-wrap: wrap;padding:80rem 5% 50rem;}
  .company .tit_wrap{width:100%;margin-bottom:30rem;}  
  .company .txt_wrap{width:100%;margin-left:0%;} 
  
  
  .vision{padding:80rem 5%;}
  .vision > h3{margin-bottom:40rem;}
  .vision .circleArea{width:100%; margin-bottom:20rem;}  
  .vision .circleArea .circle_1{width:100%;height:auto;padding:80px 50px;background:#f03844;border-radius: 0%;}  
  .vision .circleArea .circle_2{width:100%;height:auto;padding:80px 50px;background:rgba(255,255,255,1);margin-left:0px;border-radius:0%;}  
  .vision .v_txtBox{position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);width:100%;padding:0px 20px;}
  .vision .v_tit{font-size:22rem;margin-bottom:15px;}  

 
  .factory .factory_img{margin-bottom:30px;}
  .factory .factory_txt{right:20px; bottom:-20px;padding:10px 20px;}
  .factory ul{padding:40px 0px 20px;}
  .factory .leftArea{margin-bottom:20px;}
  .factory .f_tit{margin-bottom:8px;}
  .factory .f_txt{margin-bottom:5px;}
  .factory .sec_tb{margin-bottom:15px;}





}








/*mobile 520 이하 */
@media all and (max-width:520px){
  .footer .f_copy p br{display:inline-block;}

  .main-container .btn_sample{display: none;}
  .main-container .product-slider {top:15%;left:8%;  width:80%; }
  .product-slider__title {font-size:25px; margin-bottom:10px;}
  .product-slider__title2 {font-size:25px; margin-top:30px;margin-bottom:10px; }
  .product-slider__txt {font-size: 14px; }	

  .product-img__item {max-width:70%;bottom:40px;}
  .swiper-button-wrap .swiper-pagination {font-size:12px;}

  .section_tit{font-size:30rem;margin-bottom:20rem;}
  .section_1{margin:80rem 0px;}
  .swiper_1 {padding:80px 5% 20px;}   
  .swiper_1 .swiper-scrollbar {display: inline-block !important;}
  .swiper_1_button .swiper-button-prev{background:none; left: -1000px; } /*이미지,위치*/
  .swiper_1_button .swiper-button-next{background:none; right: -1000px; }
  .swiper_1_button{width:70px;}  
  .i_more_btn{position: static;left:auto;}
  .swiper_1 .swiper-slide img{max-width:60%;}

  .section_2{width:90%;margin:0rem 5% 80rem;padding:0px 40px;}
  /*
  .swiper_2 .swiper-scrollbar {display: inline-block !important;}
  .section_2 .swiper-button-prev{left:-1000px; } 
  .section_2 .swiper-button-next{right:-1000px; }
  */
  .section_2 .swiper-button-prev{left:0px; } 
  .section_2 .swiper-button-next{right:0px; }
  .swiper_2 .swiper-slide img{max-width:80%;}

  .section_3{padding:130px 5% 0;background-size:auto 200px;}
  .section_3 .boxArea{padding:25px;}

  .title{font-size:30rem;}

  .tit_lg{font-size:40rem;}
  .tit_s{font-size: 25rem;}


  .filebox_s label {margin-left:5px;width:90px;}
    
  .privacyBox{padding:0 10px 0px 0px;}


  .product_tab > a{width:auto;padding:0 .5%;margin-bottom:1%;} 
  .product_tit{width:100%;font-size:15rem;margin-top:0px;border:1px solid #dfdfdf;padding:10px 10px;border-radius:8px;}
  .product_icon{display:none;}

  .product_tab > a.on .product_tit{color: #fff;border:1px solid #f03844;background:#f03844}
  .product_tab > a:hover .product_tit{color: #fff;border:1px solid #f03844;background:#f03844}

  .card__image {padding: 30px 40px 20px;}
  .card__cont{padding:0 20px 30px;}

  .factory .leftArea{font-size:26rem;}

  .factory .factory_txt{right:3%; bottom:-20px;padding:10px;width:94%; font-size:15rem;line-height:1.3;text-align:center;}

}




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

  .main-container .product-slider {top:20%;left:8%;  width:84%; }
  .product-img__item {max-width:75%;}
  .company_top{padding:70rem 5%;} 

 
}

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

  #header .logo{min-height:27px;background:url(/images/e_logo_s.png) 0% 50% no-repeat;background-size:80% auto; }

  .main-container .product-slider {top:90px;left:8%;  width:84%; }
  .product-img__item {max-width:65%;}
  .product-slider__title {font-size:22px; margin-bottom:10px;}
  .product-slider__title2 {font-size:20px; margin-top:25px;margin-bottom:10px; }
  .product-slider__txt {font-size:13px; }	

  .product_wrap .txt_wrap{padding:30px 5px;} 
  .icon_wrap .iconBox{width:60px;min-height:45px;background-size:auto 45px;}
  .product_stit{font-size:22rem;}  
  .icon_wrap .b_txt > span{margin-right:5px;}

  .mMenu .mTop .btnArea .btn_blind{display:none;}
  .mMenu .mclose { position:absolute;  top:20px;right:20px; }
  .mMenu .mTop .logo_s{background:url(/images/e_logo_s.png) 50% 50% no-repeat;background-size:65% auto; margin-bottom:30px;}

  .location_blind{display:none;}

}



/* **************************************** *
 * height 
 * **************************************** */
 @media(min-width: 1024px) and (max-height: 600px){
    .main-container .product-slider {left:5%; top:100px; width:50%;}
    .product-img__item {right:2%;padding-left:0%; max-width:45%;bottom:20px;} 
      
  }
  
  @media(max-width: 1024px) and (min-height: 1200px){
    .main-container .product-slider {left:5%; top:25%; width:50%;}
    .product-img__item {right:2%;padding-left:0%; max-width:60%;bottom:20px;} 
      
  }
  
  
  @media(max-width: 540px) and (height: 720px){
    .main-container .product-slider {left:5%; top:20%; width:50%;}
    .product-img__item {right:2%;padding-left:0%; max-width:60%;bottom:20px;} 
    .product-slider__title {font-size:25px; margin-bottom:20px;}
    .product-slider__title2 {font-size:25px; margin-top:40px;margin-bottom:20px; }
    .product-slider__txt {font-size: 14px; }	
  }
  
  @media(min-width: 375px) and (max-height: 667px){
    .main-container .product-slider {top:100px;left:8%;  width:84%;}
    .product-img__item {right:2%;padding-left:0%; max-width:65%;bottom:40px;} 
      
  }
  
  @media(width: 280px) and (max-height: 653px){
    .main-container .product-slider {top:120px;left:8%;  width:84%; }
    .product-img__item {max-width:70%;}
      
  }