@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
* {
  font-family: 'Noto Sans KR', sans-serif;
  word-break: keep-all;
}
html {
  height: 100%;
  overflow-y: scroll;
  background-color: #fff;
}

body {
  font-size: 14px;
  color: #333;
  font-family: 'Noto Sans KR', sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

fieldset {
  border: 0px;
}
img{max-width: 100%}
a {
  font-style: normal;
  text-decoration: none;
  color: #555;
  word-break: keep-all;
}

hr, legend {
  height: 0;
  left: -5000px;
  line-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  visibility: hidden;
  width: 0;
}

caption {
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
}

* {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px solid #E5E5E5;
}

input, select {
  vertical-align: middle;
}

label {
  cursor: pointer;
}

.blind, legend, hr, caption {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -1000em;
}

i, em, address {
  font-style: normal;
  font-weight: normal;
}
p{word-break: keep-all;}
td, th {
  vertical-align: middle;
}

a:hover {
  text-decoration: none;
}

ul:after {
  content: "";
  display: block;
  clear: both;
}
body:after {
  content: "";
  display: block;
  clear: both;
}

body {
  background: none;
}
.material-icons{font-size: 30px !important}
/* common */
.container {
  margin: 0 auto;
  max-width: 1524px;
  overflow: hidden;
  width:100%
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}

.header{background: #f1ecec;}
.header .btn_mo {
  display: none;
}
.header .header_top{
  padding: 40px 0
}
.header .header_top{overflow: inherit;position: relative;}
.header .header_top .logo{float:left}
.header .header_top .search{float:left;margin-left: 70px;margin-top: 40px;}
.header .header_top #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.header .header_top #hd_sch {border-radius:30px;overflow:hidden}
.header .header_top #hd_sch #sch_stx {display: inline-block;width:390px;height:40px;padding-left:20px;border-radius:30px 0 0 30px;background:#fff;border:solid 1px #c9c5c5;border-right:0;font-size:15px;color:#918c8c}
.header .header_top #hd_sch #sch_stx::placeholder{color:#918c8c}
.header .header_top #hd_sch #sch_submit {display: inline-block;width:40px;height:40px;margin-left: -3px;background:#fff;border:solid 1px #c9c5c5;border-left:0;color:#c9c5c5;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}
.header .header_top .right{position: absolute;right:260px;top:95px;    z-index: 99;}
.header .header_top .sns{display: inline-block;margin: 5px 15px 0 0;vertical-align: top;}
.header .header_top .sns li{float:left;}
.header .header_top .sns li + li{margin-left: 7px;}
.header .header_top .sns li a img{vertical-align: bottom;margin-bottom: 3px;}
.header .header_top .lang{display: inline-block;background-color:#413f3f;border-radius: 10px;line-height: inherit;}
.header .header_top .lang_btn{display: inline-block;line-height: 15px;color:#fff;padding: 5px 10px;font-size: 12px;
    vertical-align: bottom;}
.header .header_top .lang_btn a{display: block}
.header .header_top .lang > ul {display:none; z-index:10; width:100%;}
.header .header_top .lang > ul > li > a{display:block; padding:0 15px; font-size:11px; line-height: 30px; color:#fff;text-transform: uppercase;text-align: center;}
.header .header_top .lang > ul > li > a:hover{font-weight: 500;color:#ef4023}
.header .header_top .vr{position: absolute;right:0;line-height: 82px;height: 82px;background: #ef4023;font-size: 18px;font-weight: 500;color:#fff;display: inline-block;padding: 0 20px;border-radius: 10px}
.header .header_top .vr img{margin-right: 5px}
.header .header_top .vr:hover{background: #de361a}
.header #nav{overflow: visible;}
.header .mo_gnb #nav{display: none}
.header .gnb{background: #000;border-bottom:solid 4px #ef4023}
.header .gnb>ul>li {
  float: left;
  width:25%;
  text-align: center;
  position: relative;
}

.header .gnb>ul>li>a {
  font-size: 18px;
  color: #fff;
  padding: 15px 0;
  display: block;
  text-transform: uppercase;
  font-weight: 300
}
.header .gnb>ul>li>ul {
  display: none;
  position: absolute;
  top: 100%;
  line-height: 50px;
  z-index: 999;
  background: #ef4023;
  left: 50%;
  transform: translate(-50%, 0);
  width:250px
}
.header .gnb .on ul{
  display: block;
}
.header .gnb>ul>li>ul:before{
  display:inline-block;
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0px;
    height: 0px;
    border-style:solid;
    border-width:10px;
  border-color:transparent transparent #ef4023 transparent;}
.header .gnb>ul>li>ul a {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.header .gnb>ul>li>ul a:hover {
  border-bottom:solid 2px #fff
}

#main_banner .m_slide_01{background: url('/home/img/main/slide01.png') center center / cover; width: 100%; height: 600px;}
#main_banner .m_slide_02{background: url('/home/img/main/slide02.png') center center / cover; width: 100%; height: 600px;}
#main_banner .m_slide_03{background: url('/home/img/main/slide03.png') center center / cover; width: 100%; height: 600px;}
.swiper-button-prev, .swiper-button-next{color: rgba(255,255,255,0.7); }
.swiper-button-prev{left: 4%;}
.swiper-button-next{right: 4%;}
#main_banner .container{width:100%}
#main_banner .txt{color:#fff; position: absolute; top: 50%; transform: translateY(-60%); left: 10%;}
#main_banner .txt h2{font-size: 37px;display: block;margin-bottom: 20px;font-weight: 500}
#main_banner .txt p{font-size: 18px;line-height: 1.5;font-weight: 300}
#main_pro{margin-top: -90px;margin-bottom: 20px}
.site_map_w{background: #f1ecec;padding: 50px 0}
.site_map_w #site{width:900px;margin: 0 auto}
.site_map_w #site>li{float:left;width:25%;text-align: center;font-size: 14px;}
.site_map_w #site>li>a{color:#ef4023;margin-bottom: 10px;font-size: 17px;font-weight:700;display: block}
.site_map_w #site ul li + li{margin: 8px 0}
.site_map_w #site ul li a{color:#969595;}
#footer{background: #000;padding: 40px 0;border-top: solid 4px #ef4023;color:#c9c5c5}
#footer .ft_r{float:right;text-align: right;word-break: keep-all;}
#footer .ft_r b{color:#fff;margin-right: 5px;margin-left: 10px;font-weight: 700}

.bbs_wrap{padding: 80px 0}

/* sub */
.sub_bg {
  background: no-repeat center center / cover;
  height: 200px;
  text-align: center;
  position: relative;
}

.sub_bg .txt_wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.sub_bg .txt_wrap h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 300 !important;
  line-height: 1.3;
}
.nav_wrap{background: linear-gradient( to left, #f1ecec 75%, #c53118 30%);height: 40px;position: relative;overflow: hidden;}
.nav_ul ul li {float:left;width:210px;text-align: center;line-height: 40px;}
.nav_ul ul li a{color:#fff;font-size: 15px;font-weight: 300;display: block}
.nav_ul ul li:first-child{background: #c53118;width:130px}
.nav_ul ul li:nth-child(2){background:#ef4023 !important}
.nav_ul ul li:last-child{background:#f0624a }

.bbs_tit{text-align: center;font-size:24px;letter-spacing: -1px;color:#ef4023;font-weight: 500;margin: 50px 0 30px}
.sub_wrap{padding: 70px 0}
.sub_wrap section h2{font-size: 22px;color:#ef4023;margin-bottom: 30px;letter-spacing: -1px;font-weight: 500;}
.sub_wrap section + section{margin-top: 70px}
.sub_wrap .admin_w{position: absolute;right: 0;top:-40px;z-index: 999999}
.sub_wrap .admin_w a{display: inline-block;padding: 5px 20px;background: #adadad;color: #fff;text-align: center;}
.sub_wrap .admin_w  a + a{margin-left: 10px;}
.group section{margin: 0 80px 0 130px;position: relative;}
.group section h2{margin-left: -50px;}
#group01 .group01_bg{background: url('/en/img/sub/group01_bg.jpg') right top no-repeat;}
#group01 p{color:#555555;font-size: 16px;line-height: 1.7;word-break: keep-all;}
#group01 p + p{margin-top: 20px}
#group01 span{text-align: right;display: block;font-size: 15px;margin-top: 120px}
#group01 span img{vertical-align: bottom;margin-left: 15px}
#group02 h2{position: absolute;}
#group04 p{color:#555555;font-size: 16px;line-height: 1.7;word-break: keep-all;float:left;width:55%}
#group04 .btn{float:right;width:45%;height: auto !important}
#group04 .btn a{display: block;width:250px;height: 40px;line-height: 40px;color:#fff;background: #b6b1b0;font-size: 18px;text-align: center;border-radius: 5px;margin: 0 auto}
#group04 .btn a + a{margin-top: 20px}
#group04 .btn a:hover{background: #9a9a9a}
#group04 ul{margin-top: 30px}
#group04 li{float:left;width:50%}
#group04 li h3{font-size:24px;color:#555555;margin-bottom: 20px}
#group04 li h3::before{display: inline-block;content: '';width:10px;height: 20px;background: #e53011;vertical-align: middle;margin-right: 7px}
#group04 li img{   display: block;margin: 0 auto;}

.about section{padding: 0 50px}
#about01 .tro_img{float:left;width:25%;margin: 20px 0 0 0;height: 403px;position: relative;}
#about01 .tro_img img{display: block;margin: 0 auto}
#about01 .tro_img p{font-size: 19px;text-align: center;border: solid 1px #ccc;padding: 20px 0;color:#555555;position: absolute;bottom:0;width:100%}
#about01 .awa_bbs{float:right;width:70%;margin-left: 60px}
#about02 ul li{float:left;width:33.333%;}
#about02 ul li h3{color:#555;font-size: 20px;padding-left:15px;margin: 20px 0 30px;font-weight: 500;letter-spacing: -1px}
#about02 ul li:last-child p{font-size: 15px}
#about02 ul li p{line-height: 1.7;font-size: 16px;color:#000;font-weight: 600;display: inline-block;width:calc(100% - 32px);}
#about02 ul li span{width:8px;height: 50px;display: inline-block;content: '';background: #000;margin-right: 20px;vertical-align: top}
#about03{margin-bottom: 30px}

#bo_v .write_form {position: relative;}
#bo_v .contact{background: #efefef;padding: 30px 50px 50px;margin-top: 20px}
#bo_v .contact h2{    font-size: 22px;
    color: #ef4023;
    margin-bottom: 30px;
    letter-spacing: -1px;
    font-weight: 500;}
#bo_v .contact .write{width:33.333%;float:left}
#bo_v .contact .write + .write{padding-left: 80px;margin-bottom: 10px}
#bo_v .contact .write label{font-size: 16px;margin-bottom: 10px;letter-spacing: -1px;display: block;color:#555}
#bo_v .contact .write input{display: block;width: 100%;height: 28px;line-height: 28px;background: rgba(255,255,255,0.5);padding: 0 5px}
#bo_v .contact .write textarea{background: rgba(255,255,255,0.5);height: 160px;padding: 0 5px;width:100%}
#bo_v .contact .mess{padding: 0 !important;margin-bottom: 0 !important}
#bo_v .contact .btn{position: absolute;right:0;bottom:0}
#bo_v .contact .btn input{    background: #ef4023;display: inline-block;padding:7px 50px;border-radius: 0;font-weight: 300;letter-spacing: 1.5px}

.pro_wrap{position: relative;}
.pro_wrap .admin_w{top:20px}
.pro_lt{width: 100%; padding: 0 10px;position: relative;margin: 0 0 0 0;}
.pro_lt> div:nth-child(4){clear:both}
.pro_lt .bo_cate_link{color:#ef4023;font-size: 22px;margin-bottom: 5px}
.pro_lt .bo_tit {display:block;;color:#292929;font-size:21px;font-weight: 600;letter-spacing: -1px;height: 78px}
.pro_lt .bo_tit span{display: block;font-size: 16px;color:#626262;font-weight: 400;margin-left: 142px;}
.pro_lt .bo_tit span::before{content: '작업 폭 (cm) :';display: inline-block;margin-right: 5px;margin-left: -142px}
.pro_lt .bx-viewport{height: auto !important}
.pro_lt .gall_box{overflow: hidden;float:left; position: relative;}
.pro_lt.first_li .first{display: inline-block;}
.pro_lt .first{z-index: 1;display: none;padding: 7px 30px;background: #efe8e8;border-radius: 5px;position: absolute;left: 0;top:0;font-size: 20px;font-weight: 600;letter-spacing: -1px;}
.pro_lt .first::before{width:15px;height: 120px;background: #ef4023;display: inline-block;content: '';position: absolute;left: 0;top:0}
.pro_lt .gall_box{padding: 30px 60px;position: relative;}
.pro_lt .gall_box:hover .gall_over{display: flex !important;}
.pro_lt .gall_box:hover{border:none}

.gall_box_wr{ width: 33.33333333%; float: left; padding: 0 10px; position: relative; margin: 0 0 50px 0;}
.gall_box_wr .gall_box{ border: solid 1px #afadad; border-radius: 5px; background: #fff; height: 430px; width: 100%;}
.pro_lt .gall_over{display: none !important;position: absolute;top:0; left: 0;width:100%;height: 100%;background: rgba(255,255,255,0.8);
  border-radius: 5px;
  border: 5px solid #ef3e22;
    z-index: 99;}
.pro_lt .gall_over>a{display: flex;width:100%;height: 100%;text-align: center;
-ms-display: flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;}
.pro_lt .gall_over .over_txt{position: relative;}
.pro_lt .gall_over .over_txt .bo_tit{font-size: 26px;height: auto !important}
.pro_lt .gall_over .over_txt .bo_btn{background: #ef3e22;display: inline-block;padding: 2px 20px;font-size: 16px;border-radius: 5px;color:#fff;font-weight: 300 !important;margin-top: 20px}
.pro_lt .gall_over .view{transform: rotate(90deg);background: #ef3e22;width:35px;height: 35px;text-align: center;font-size: 19px;color:#fff;display: block;border-radius: 5px;position: absolute;right:-2px;bottom:-2px}
.pro_lt .gall_img {text-align:center;overflow:hidden;height: 250px;    line-height: 250px;}
.pro_lt .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
.pro_lt .gall_img img {max-width:100%;height:auto !important}
.pro_lt .gall_img span {display:inline-block;background:#eaeaea;text-align:center;line-height:200px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
.pro_lt .bx-pager{position: absolute;right:30px;top:10px}
.pro_lt .bx-pager-item{display: inline-block;}
.pro_lt .bx-pager-item a{width:15px;height: 15px;background: #e5e5e5;border-radius: 50%;font-size: 0;display:inline-block;}
.pro_lt .bx-pager-item + .bx-pager-item{margin-left: 10px}
.pro_lt .bx-pager .active{background: #cccccc}
.pro_lt .bx-controls-direction{display: none}

#contact h2.tit{font-size:25px;letter-spacing: -1px;color:#ef4023;font-weight: 500;margin: 50px 0 30px}
#contact .map_cont{height: 355px}
#contact .map_cont + .map_cont{margin-top: 50px}
#contact .map_cont iframe{float:left;width:50%;height: 355px}
#contact .map_txt{float:left;width:calc(50% - 50px);margin-left:50px;display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    height: 100%;}
#contact .map_txt{padding-left: 25px}
#contact .map_txt h3{font-size:20px;letter-spacing: -1px;color:#ef4023;font-weight: 500;}
#contact .map_txt h3::before{display: inline-block;width:8px;height: 30px;background: #ef4023;content: '';margin-left:-25px;margin-right: 15px;vertical-align: middle}
#contact .map_txt h4{font-size: 18px;margin: 7px 0 20px 0}

#contact .map_txt .info p{font-size: 17px;color:#555555;font-weight: 500;}
#contact .map_txt .info p span{font-size: 18px !important;color:#c6cad3 !important;margin-left: -25px;margin-right: 6px;vertical-align: middle;}
#contact .map_txt .info ul{margin-top: 20px}
#contact .map_txt .info ul li{float:left;font-size: 17px;color:#555555;font-weight: 500}
#contact .map_txt .info ul li + li{margin-left: 30px;}
#contact .map_txt .info ul li b{color:#ef4023;margin-right: 5px}

.pro_img #video{width: 300px;}
.pro_img #video img{width: 100%;}



@media (min-width:1300px) {
  .header .mo_gnb{display: none}
}
@media (min-width: 768px) and (max-width: 1299px) {
  img{max-width:100%}
  .container {
    padding: 0 15px;
    width:100% !important
  }
  .header .header_top{padding: 15px 0;}
  .header .header_top .logo{float:none;text-align: center;}
  .header .header_top .right{top:10px;right:0}
  .header .header_top .search{float:none;margin-left: 0;text-align: center}
  .header .header_top .vr{top:50px}
  .header .gnb>ul>li>ul{width:100%}
  .header .mo_gnb{display: none}
  #footer .ft_r{text-align: left;float:none;margin-top: 20px;}
  #footer .ft_r b{margin-left: 0}
  .sub_wrap{padding: 30px 15px !important}
  .sub_wrap section{margin:0}
  .sub_wrap section h2{margin-left: 0}
  .about section{padding: 0}
  #about01 .tro_img,#about01 .awa_bbs,#about02 ul li{float:none;width:100%}
  #about01 .awa_bbs{margin-left: 0;margin-top: 20px}
  .awa_list li{width:100%;float:none;margin-bottom: 15px !important}
  .awa_list li:nth-child(even){float:none}
  #about02 ul li{margin-bottom: 15px}
  #about03 .cli_list li{width:calc(100% / 2);margin-bottom: 20px}
  #about03 .cli_list li + li::before{display: none}
  .pro_lt{float:none;width:100%}
  .pro_lt .gall_box{padding: 20px}
  .pro_lt .bo_tit{height: auto}
  .pro_v .bo_v_tit{margin: 20px 0 !important;word-break: keep-all !important}
  .pro_v .pro_img .big{min-height: 50vh !important;max-height:50vh}
  .pro_v .thum li{width:calc(33.333% - 14px);margin:0 0 20px 0}
  .pro_v .thum li + li{margin-left: 20px}
  .pro_v .thum li:nth-child(3n+1){margin-left:0  !important}
  .pro_v #pro_img_w, .pro_v #pro_text_w .container, .pro_v .contact{width:100%;padding: 0}
  .pro_v #bo_v_text .model{padding: 15px}
  .pro_v #bo_v_con .pdf_down p{float:none;line-height: inherit !important}
  .pro_v #bo_v_con .pdf_down a{float:none;margin-top: 20px}
  .pro_v .contact{padding: 20px !important}
  .pro_v .contact .write + .write{padding-left: 20px !important}
  .pro_v .contact .write textarea{width:100%}
  #bo_news .gall_row .col-gn-3{width:calc(50% - 15px);margin-bottom: 50px;}
  #bo_news .gall_box + .gall_box{margin-left: 30px !important}
  #bo_news .gall_box:nth-child(2n+1){margin-left: 0 !important}
  #bo_news .gall_row .box_clear{    clear: inherit;}
  #bo_list .td_num2,#bo_list .td_datetime{width:15%}
  .bbs_wrap{padding: 0 15px !important}
  #contact .map_cont{height: auto;}
  #contact .map_cont iframe{width:100%;float:none}
  #contact .map_txt{width:100%;float:none;padding: 0;margin-top: 20px;margin-left:0 !important}
  #contact .map_txt h3::before,#contact .map_txt .info p span{margin-left: 0}
  #contact .map_txt .info ul li{float:none;margin:5px 0 0 0 !important}
}

  @media (max-width:767px) {
  .header .gnb{display: none}
  .header .header_top{padding: 15px 0;}
  .header .header_top .logo{float:none;text-align: center;}
  .header .header_top .logo img{height: 60px}
  .header .header_top .search{display: none}
  .header_top .right,.header_top .vr{display: none !important}
  .header .btn_menu{    display: block;
    font-size: 0;
    top: 0;
    position: absolute;
    left: 15px;
    line-height: 90px;}
  .mo_gnb {
    display: block !important;
  background: #fff;
  position: fixed;
  z-index: 1000;
  width: 250px;
  height: 100%;
  left: -250px;
  top: 0;
}

  .sub_wrap img{max-width:100% !important}
  .container{padding: 0 15px;max-width: 100%}
  .header .btn_menu{display: block;font-size: 25px}
#lang_list{background: #f9f9f9;padding: 10px;}
#lang_list li{float:left;width:25%;text-align: center;
    position: relative;}
#lang_list li a{text-transform: uppercase;}
#lang_list li + li::before{content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 1px;
    height: 15px;
    background: #999;
    transform: translateY(-50%);}
.header .sns{padding: 0 10px;margin: 30px auto 10px}
.header .sns li{display: block;width:40px;height: 40px;text-align: center;background: #ccc;border-radius: 100%;float: left;}
.header .sns li + li{margin-left: 7px}
.header .sns li a{display: block;color:#fff;font-size: 24px;}
.header .mo_gnb .vr{line-height: 45px;height: 45px;background: #ef4023;font-size: 14px;font-weight: 500;color:#fff;display: block;text-align: center;}
.header .mo_gnb .vr img{margin-right: 5px;width: 40px;}
.header .mo_gnb #nav{padding: 0 !important;display: block}
.header .btn_close {
  top: 0;
  position: absolute;
  right: -40px;
      z-index: 999;
      font-size: 30px !important;
      color:#fff;
      background: none;border-radius: none;border:none
}
.header .mo_gnb #nav>li{float:none;width:100%;position: relative;border-bottom: solid 1px #ddd}
.header .mo_gnb #nav>li>a{font-size: 15px;
    display: block;
    padding: 10px;
    color:#000;text-align: left;}
.header .mo_gnb #nav>li>a::after{display: inline-block;
      font-family: 'Material Icons';
      content: "expand_more";
      position: absolute;
      right: 10px;
      top: 12px;}
.header .mo_gnb #nav>li.active>a::after{
  content: 'expand_less'
}
.header .bg {
  display: none;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.header .mo_gnb #nav li.active a {
  color: #0f3432;
}

.header .mo_gnb #nav li.active .sub_menu {
  display: block !important
}
.header .mo_gnb #nav .sub_menu>li>a {
  display: block;
  font-size: 13px;
  color: #000;
  padding: 5px 0;
  text-align: left;
}
.header .mo_gnb #nav li .sub_menu {
  background: #f9f9f9;
  padding: 12px 10px;
  display: none;
}
.sub_bg .txt_wrap h1{font-size: 20px}
.nav_ul{padding: 0}
.nav_ul ul li{width:calc(100% / 3) !important}
#main_banner{background-position: center right -600px;}
#main_banner .txt{left: 6%;}
#main_banner .txt h2{font-size: 24px}
#main_banner .txt p{font-size: 14px}
.pro_lt .bo_tit span::before{margin: 0;content: 'Working width (cm)';display: block}
.pro_lt .bo_tit span{margin-left: 0}
  .site_map_w{display: none}
  #footer{text-align: center}
  #footer .ft_r{float:none;text-align: center;margin-top: 10px;word-break: keep-all;}
  .sub_wrap{padding: 30px 15px !important}
  .sub_wrap section{margin:0}
  .sub_wrap section h2{margin-left: 0}
  #group01 .group01_bg{background:none;position: relative;}
  #group01 .group01_bg::before{position:absolute;background: url('/en/img/sub/group01_bg.jpg') bottom 20% center no-repeat;
    background-size:100%;
    opacity:0.3!important;
    filter:alpha(opacity=30);
    z-index:-1;
    content:"";
    width:100%;
    height:100%;}
  #group02 h2{position: relative;}
  #group04 p,#group04 .btn,#group04 li{float:none;width:100%}
  #group04 p{margin-bottom: 20px}
  .about section{padding: 0}
  #about01 .tro_img,#about01 .awa_bbs,#about02 ul li{float:none;width:100%}
  #about01 .awa_bbs{margin-left: 0;margin-top: 20px}
  .awa_list li{width:100%;float:none;margin-bottom: 15px !important}
  .awa_list li:nth-child(even){float:none}
  #about02 ul li{margin-bottom: 15px}
  #about03 .cli_list li{width:calc(100% / 2);margin-bottom: 20px}
  #about03 .cli_list li + li::before{display: none}
  .pro_lt{float:none;width:100%}
  .pro_lt .gall_box{padding: 20px}
  .pro_lt .bo_tit{height: auto}
  .pro_lt .gall_box:hover{border: solid 1px #afadad;border-radius: 5px;background: #fff;}
  .pro_lt .gall_box:hover .gall_over{display: none !important;}
  .pro_v .bo_v_tit{margin: 20px 0 !important;word-break: keep-all !important}
  .pro_v .pro_img .big{min-height: 50vh !important;max-height:50vh}
  .pro_v .thum li{width:calc(50% - 10px);margin:0 0 20px 0}
  .pro_v .thum li + li{margin-left: 20px}
  .pro_v .thum li:nth-child(2n+1){margin-left:0  !important}
  .pro_v #pro_img_w, .pro_v #pro_text_w .container, .pro_v .contact{width:100%;padding: 0}
  .pro_v .fea_sel li{width:100%;float:none}
  .pro_v .fea_sel li + li{margin-left: 0 !important;margin-top: -1px}
  .pro_v #bo_v_text .model{padding: 15px}
  .pro_v #bo_v_con .pdf_down p{float:none;line-height: inherit !important}
  .pro_v #bo_v_con .pdf_down a{float:none;margin-top: 20px}
  .pro_v .contact{padding: 20px !important}
  .pro_v .contact .write{width:100% !important;float:none !important;padding: 0 !important}
  .pro_v .contact .write textarea{width:100%}
  .pro_v .contact .btn{position: relative !important}
  #bo_news .gall_row .col-gn-3{float:none;width:100%;margin: 0 0 20px 0 !important;}
  .bo_v_nb li .nb_date{display: none}
  .bbs_wrap{padding:0 15px 40px 15px !important}
  .notice_list .tbl_head01 thead th, .notice_list .tbl_head01 td,.notice_list colgroup{display: none;}
  .notice_list .tbl_wrap .td_subject{display: block !important;width:100%;padding: 10px !important;height: auto;}
  #contact .map_cont{height: auto;}
  #contact .map_cont iframe{width:100%;float:none}
  #contact .map_txt{width:100%;float:none;padding: 0;margin-top: 20px;margin-left:0 !important}
  #contact .map_txt h3::before,#contact .map_txt .info p span{margin-left: 0}
  #contact .map_txt .info ul li{float:none;margin:5px 0 0 0 !important}
  #bo_v{    position: relative;padding-bottom: 20px}
  #bo_v .bo_v_com{float:none;position: absolute;bottom:0;right:0}
  .gall_box_wr{width: 100%;}
}
  @media (max-width:450px) {
  #main_banner .m_slide_01{background-position: 57% 50%;}
  #main_banner .txt{padding: 11%; background: rgba(0,0,0,0.5); box-sizing: border-box;}
}