@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url(https://use.fontawesome.com/releases/v5.7.0/css/all.css);
@charset "utf-8";

* {
  font-family: "Noto Sans KR", sans-serif;
}

/* Reset CSS  */
html {
  height: 100%;
  overflow-y: scroll;
}

body {
  font-size: 14px;
  font-weight: 300;
  font-family: "Noto Sans KR", sans-serif;
  color: #333;
  overflow: hidden;
}

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;
  word-break: keep-all;
}

fieldset {
  border: 0px;
}

a {
  font-style: normal;
  text-decoration: none;
  color: #555;
}

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

img, video {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}

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

td, th {
  vertical-align: middle;
}

td strong {
  font-weight: 100;
  font-size: 5px;
  vertical-align: bottom;
}

a:hover {
  text-decoration: none;
}

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

/*bbs*/
#container_title {
  display: none;
}

#bo_list_total {
  display: none;
}

#bo_v_table {
  display: none;
}

#bo_vc_w {
  border-bottom: 0;
}

#bo_vc {
  background: none;
}

/************* css ******************/
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
}

.container:after {
  content: "";
  display: block;
  clear: both;
}

/* g5 default */
#bo_gall *,
#bo_list *,
#bo_w *,
#bo_v *,
#bo_cate *,
#bo_sch * {
  box-sizing: border-box;
}

.contents_nav li { float: left; width: 33.3%; box-sizing: border-box; text-align: center; border: 1px solid #ddd;
    font-size: 16px; padding: 14px 10px; cursor: pointer; margin-left: -1px;color: #000;}
.contents_nav li.on { border-bottom: 0; background: #726f6c; color: #fff; font-weight: 600;   border: 1px solid #726f6c; }
.content-sub .pro_wr > div { display: none; }
.content-sub .pro_wr > div.active { display: block; }
.content-pad{padding-top: 80px;}
.content-sub .pro_wr h2 { font-size: 31px; letter-spacing: -1px; font-weight: 400; padding-bottom: 30px;}
.content-sub .pro_wr h2 span{ font-weight: 600; }
.content-sub .pro_wr h3{ font-size: 24px;letter-spacing: -1px; font-weight: 600; padding-bottom: 20px;}
.content-sub .pro_wr > div:nth-of-type(1) ul { padding-top: 30px; }
.content-sub .pro_wr > div:nth-of-type(1) ul li { width: 50%; float: left; }
.content-sub .pro_wr > div:nth-of-type(1) ul li img {     padding-right: 46px; }
.content-sub .pro_wr > div:nth-of-type(2) img { margin: auto; display: block;padding: 60px 0;}
.con_img_wr{text-align: center; padding: 40px 0 0;}
#sub0201 .con03 .con0301 ul{padding-top: 30px;padding-bottom: 20px}
#sub0201 .con03 .con0301 ul li { width: 33.3%; float: left;  }
#sub0201 .con03 .con0304 ul li{ width: 50%; float: left;  }
#sub0201 .con03 .con_center{text-align: center;}
.content-sub .pro_wr > div:nth-of-type(3) h4 { font-size: 16px; letter-spacing: -1px; padding-top: 20px; color: #726f6c; }

.con-pad{padding-bottom:80px;}
.pro_cate { padding-top: 80px; padding-bottom: 130px; }
.pro_cate li { text-align: center; float:left; width: 33.3%; padding: 20px 0;  }
.pro_cate li a { display: block; }
.pro_cate li a:hover h1 { font-weight: 600; }
.pro_cate li h1 { font-size: 18px; letter-spacing: -1px; color: #333; margin-top: -30px; font-weight: 400; }



/* site-header */
.site-header {
  position: relative;
  background: #1b1b1b;
}

.h_container {
  max-width: 1400px;
  margin: 0 auto;
}

.site-header>div {
  overflow: hidden;
}

.site-header>div:first-child {
  padding-right: 15px;
  padding-top: 15px;
}

.site-header .logo {
  float: left;
  padding: 0 20px 20px;
}

.site-header .logo .white {
  display: inline-block;
}

.site-header .mobile-menu {
  display: none;
}

.site-header .gnb {
  padding-top:24px;
}

.site-header .gnb>ul a {
  display: block;
  transition: 0.3s;
}

.site-header .gnb>ul:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 104px;
  height: 40px;
  background: #333;
  display: block;
  display: none;
  z-index: 99
}

.site-header .gnb>ul:hover:before {
  display: block;
}

.site-header .gnb>ul>li:hover>a {
  color: #726f6c;
}

.site-header .gnb>ul>li:hover>ul {
  display: block;
}

.site-header .gnb>ul>li>a {
  padding: 0 40px;
  font-size: 17px;
  color: #fff;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.site-header .gnb>ul>li:nth-child(6)>a{
  padding: 0 0 0 40px;
}

.site-header .gnb>ul>li:nth-child(2)>ul {
  margin-left: 22px;
}
.site-header .gnb>ul>li:nth-child(5),.site-header .gnb>ul>li:nth-child(6) {
  display: none;
}

.site-header .gnb>ul>li>ul {
  display: none;
  position: absolute;
  line-height: 78px;
  margin-left: 21px;
  z-index: 99;
}

.site-header .gnb>ul>li>ul:after {
  content: "";
  display: block;
  clear: both;
}

.site-header .gnb>ul>li>ul li {
  float: left;
}

.site-header .gnb>ul>li>ul a {
  padding: 0 20px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.site-header .gnb>ul>li:nth-child(3)>ul a {
  padding: 0 8px;
}

.site-header .gnb>ul>li>ul a:hover {
  color: #726f6c;
}


.site-header .langs {
  float: right;
}
.site-header .langs::after{
  content: "";
  display: block;
  clear: both;
}

.site-header .langs a {
  font-size: 13px;
  color: #fff;
}


.site-header .langs a+a {
  margin-left: 10px;
}

.site-header .langs a.active {
  font-weight: 800;
}

.top_bar_fix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.pd_top_80 {
  padding-top: 80px;
}

.top_con_zone {
  padding-top: 40px;
  margin-bottom: 40px;
}

.section_wr {
  padding-bottom: 100px;
  border-bottom: 1px solid #eee;
}

.section_wr:last-child {
  border-bottom: 0
}

/* float */
.float-wrap>* {
  float: left;
}

.float-wrap:after {
  content: "";
  display: block;
  clear: both;
}

/* main*/
#m_slider {
  overflow: hidden;
  position: relative;
}

#m_slider .arrow {
  position: absolute;
  top: 48%;
  z-index: 99;
  cursor: pointer;
  display: none;
}

#m_slider .prev {
  left: 40px;
}

#m_slider .next {
  right: 40px;
}

#m_slider .content {
  width: 300%;
}

#m_slider .content li {
  text-align: center;
  width: 33.33%;
  float: left;
  min-height: calc(89vh)
}
#m_slider .content li:nth-child(1){
	background:url(../img/m_slider01_bg.png)  no-repeat center center / cover;
}
#m_slider .content li:nth-child(2){
	background:url(../img/m_slider02_bg.png)  no-repeat center center / cover;
}
#m_slider .content li:nth-child(3){
	background:url(../img/m_slider01_bg.png)  no-repeat center center / cover;
}

#m_slider .m_scroll p {
  position: absolute;
  bottom: 6%;
  left: 48%;
  color: #fff;
}

#m_slider .m_scroll span {
  width: 2px;
  height: 50px;
  margin: 0 auto;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#m_slider .main_text {
  padding-top: 230px;
}

#m_slider .main_text h2 {
  color: #fff;
  font-size: 65px;
  font-weight: 500;
  padding-top: 10px;
  letter-spacing: -1px;
}

#m_slider .main_text h2 span {
  font-weight: 700;
}

/*main-content*/
#main_wr{
  padding-top: 100px;
}
#main_wr .main_pad{
  padding-bottom: 100px;
}
#main01{
  text-align: center
}
#main01 h2{
  font-size: 30px;
}
#main01 img{
  padding: 20px 0;
}
#main01 #container {
  width: 1400px;
  height: auto !important;
  min-height: 0;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background-color: #ffffff;
  overflow: hidden;
  padding: 50px 0px;
}
#main01 #container .swiper {
  width: 100%;
  height: 100%;
}
#main01 #container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #333;
  border-radius: 20px;
  cursor: pointer;
}
#main01 #container .swiper .swiper-wrapper .swiper-slide:hover {
  background: #333;
}
#main01 #container .swiper .swiper-wrapper .swiper-slide:hover a {
  color: #fff;
}
#main01 #container .swiper .swiper-wrapper .swiper-slide a {
  padding: 10px;
}
#main01 #container .swiper .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main01 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: -5vw;
}
#main01 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: -5vw;
}
#main01 .swiper-button-prev, .swiper-button-next {
  top: 52%
}
#main01 .swiper-button-next:after, .swiper-button-prev:after {
  color: #333;
}
#main01 ul li{
  float: left;
  width:8%;
  padding: 0px 15px;
}
#main01 ul li a{
  display: block;
  border: 1px solid #333;
  padding: 13px;
}
#main01 ul li a:hover{
  transition: 0.3s;
  background: #333;
  color:#fff;
}
#main02{
  position: relative;
  background: #726f6c;
  padding: 100px 0;
}
#main02 .tri{
  position: absolute;
  margin: 0 auto;
  left: 0;
  right:0;
  top: 0;
  width: 0;
  height: 0;
  border-top:30px solid #fff;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
}
#main02 .text{
  color: #fff;
}
#main02 .text h3{
  font-size: 30px;
  font-weight: 400;
  border-bottom: 1px solid #949494;
  margin-bottom: 12px;
  padding-bottom: 8px;
}
#main02 .text p{
  font-size: 17px;
  line-height: 27px;
  padding-bottom: 37px;
  color: #f0f0f0;
}

#main02 .con_wr .con01{
  float: left;
  width:60%;
}
#main02 .con_wr .con02{
  float: right;
}
#main03{
  background: url(../img/main-bottom-bg.png)  no-repeat center center / cover;
  text-align: center;
  padding: 120px 0;
}
#main03 .con01{
  padding-bottom: 70px;
}
#main03 .text h2{
  font-size: 45px;
  color: #fff;
}
#main03 .text p{
  font-size: 20px;
  color: #fff;
}
#main03 .con02 ul li{
  float: left;
  width: 33.33%;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
#main03 .con02 ul li:last-child{
  border-right:0;
}
#main03 .con02 ul li img{
    padding: 20px 0 50px;
}
#main03 .con02 ul li p{
  background: rgba(255, 255, 255, 0.3);
  font-size: 20px;
  font-weight: 500;
  padding: 13px;
  color: #fff;
}
#main03 .con02 ul li a:hover p{
  background: #333;
  color: #fff;
}
.more_btn{
  padding: 13px;
  color: #fff;
  display: block;
  border: 1px solid #fff;
  width: 180px;
  text-align: center;
}
.more_btn:hover{
  border:1px solid #333;
  background: #333;
  transition: 0.5s;
}

/* visual */
.visual {
  background: no-repeat center / cover;
      height: calc(400px);
      padding-top: 126px;
      position: relative;
      z-index: 20;
      text-align: center;
}

.visual.bg1 {
  background-image: url(../img/bg-main1.png);
}

.visual.bg2 {
  background-image: url(../img/bg-main2.png);
}

.visual.bg3 {
  background-image: url(../img/bg-main3.png);
}

.visual.bg4 {
  background-image: url(../img/bg-main4.png);
}

.visual.bg5 {
  background-image: url(../img/bg-main5.png);
}

.visual.bg6 {
  background-image: url(../img/bg-main5.png);
}

.visual.bg7 {
  background-image: url(../img/bg-main5.png);
}

.visual .visual-wrap {
  color: #fff;
}

.visual .visual-title {
  font-size: 45px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.visual .slogan {
  font-size: 21px;
}

.visual .route {
  text-align: center;
  margin-top: 20px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 100;
}

.visual .route i {
  color: #fff;
}

.visual .route a {
  color: #fff;
}

.visual .route>* {
  float: left;
}

.visual .route .arrow {
  margin: 0 10px;
}

/* snb */
.snb {
	line-height: 65px;
	height: 65px;
  background: #fff;
	text-align: center;
  border-bottom: 1px solid #ddd;
}
.snb{
  display: none;
}
.snb ul {
  display: inline-block;
  vertical-align: bottom;
  border: solid rgba(255, 255, 255, 0.25);
  border-width: 0 1px;
}

.snb li {
  border-right: 1px solid #ddd;
}
.snb li:first-child{
  border-left: 1px solid #ddd;
}
.snb a {
  display: block;
  width: 200px;
  font-size: 17px;
  font-weight: 500;
}

.snb a.active {
  background: #333;
  color: #fff;
  font-weight: 700;
}

/* sub content */
.content-sub {
	padding: 120px 0;
}


.content-sub .construction {
	font-size: 49px;
	font-weight: 600;
	color: #666;
	text-align: center;
	padding: 100px 0;
	background: #f5f5f5;
	border: 1px solid #ddd;
}
.content-sub .sub-title{
  text-align: center;
}
.content-sub .sub-title .content-title{
	font-size: 39px;
	margin-bottom: 80px;
	text-transform: uppercase;
  letter-spacing: -2px;
}
.content-sub .sub-title p{
  font-size: 20px;
  text-transform: uppercase;
  color:#726f6c;
}
.content-sub p{
  font-size: 16px;
  line-height: 24px;
}


/*sub*/
.sub-wr {
  margin-bottom: 70px;
}

.sub-wr02 {
  margin-bottom: 40px;
}

/*sub0101*/
.sub-ceo{
  padding-bottom: 80px;
}
.sub-ceo:last-child{
  padding-bottom: 0px;
}
.sub-ceo::after{
  content: "";
  display: block;
  clear: both;
}
.sub-ceo .s_ceo_tex{
  float:left;
  width:50%;
  padding-right: 60px;
  padding-top: 30px;
}
.sub-ceo .s_ceo_tex h2{
  font-size: 25px;
  font-weight: 400;
  line-height: 37px;
  padding-bottom: 31px;
}
.sub-ceo .s_ceo_tex h2 span{
  font-weight: 600;
}

.sub-ceo .s_ceo_img02{
  float:left;
  width:50%;
  padding-right: 60px;
}
.s_ceo_sign{
  padding-top:40px;
}
.s_ceo_sign p{
  display: inline-block;
  padding-right: 14px;
}

/*sub0102*/
.company-table{
	width:100%;
	border-top:2px solid #726f6c;
}
.company-table tr th, .company-table tr td{
	padding:17px 28px;
	border-bottom:1px solid #eee;
	font-size: 15px;
}
.company-table tr th{
	width:300px;
  background: #fdfdfd;
}
.moto_wr{
  padding-bottom: 80px;
  text-align: center;
}

/*sub0103-history*/
.history-wr h3 {
  font-size: 20px;
  padding-bottom: 16px;
}

.history-content {
  position: relative;
  padding-top: 100px;
}

.history-content:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #bebebe;
  color: #fff;
  border: none;
  display: inline-block;
  line-height: 10px;
  text-align: center;
  left: calc(50% - 4px);
  top: 0;
}

.history-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 1px;
  background: #bebebe;
  display: block;
}

.history-content>li {
  width: 50%;
  padding-bottom: 36px;
  position: relative;
}

.history-content>li:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  background: #fff;
  color: #fff;
  border: 4px solid #726f6c;
  display: inline-block;
  line-height: 11px;
  text-align: center;
  z-index: 10;
  top: 7px;
}

.history-content>li dt {
  color: #726f6c;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: -0.5px;
  position: relative;
  padding-bottom: 25px;
}

.history-content>li dt:before {
  content: "";
  position: absolute;
  top: 18px;
  background: #ddd;
  height: 1px;
  width: 50px;
  display: block;
}

.history-content>li dl {
  display: inline-block;
  max-width: 500px;
}

.history-content .history-logo img {
  padding-top: 10px;
  padding-right: 14px;
}

.history-content>li p {
  display: flex;
  line-height: 32px;
}

.history-content>li p .month {
  font-size: 19px;
  color: #bababa;
  font-weight: 400;
  width: 120px;
  text-align: right;
  padding-right: 15px;
}

.history-content>li p .desc {
  width: calc(100% - 50px);
  display: block;
  letter-spacing: -0.5px;
}

@media (min-width:769px) {
    .history-content>li:nth-child(2n+1) {
      margin-left: calc(50% - 1px);
    }

    .history-content>li:nth-child(2n+1):before {
      margin-left: -9px;
    }

    .history-content>li:nth-child(2n+1) dl {
      padding-left: 65px;
    }

    .history-content>li:nth-child(2n+1) dt:before {
      left: -66px;
    }

    .history-content>li:nth-child(2n) {
      text-align: right;
    }

    .history-content>li:nth-child(2n):before {
      right: -10px;
    }

    .history-content>li:nth-child(2n) dl {
      padding-right: 65px;
      text-align: left;
    }

    .history-content>li:nth-child(2n) dt:before {
      left: 100px;
      width: calc(100% - 35px);
    }

    .history-content>li:nth-child(2n) dd {
      text-align: left;
    }
}

/*sub0104-location*/
#sub0104{
  text-align: center;
  padding: 40px 0px;
}
#sub0104 ul li span{    color: #726f6c;
    font-weight: 700;
    font-size: 20px;}
#sub0104 ul li{float: left; width: 25%;border-left: 1px solid #ddd;}
#sub0104 ul li:first-child{border-left: 0}
/*sub0104-partner*/
.partner {
  margin-top: 15px;
}

.partner li {
  float: left;
  width: 25%;
  padding-right: 15px;
  padding-bottom: 15px;
}

.partner li div {
  border: 1px solid #ddd;
}



/*sub0201-policies*/
.policies {
  text-align: center;
  padding-top: 50px;
}

/*sub0301-plastic tube*/
.tube-lnb {
  display: inline-block;
  text-align: center;
}

.tube-lnb li {
  float: left;
  border: 1px solid #e1e1e1;
  margin-left: -1px;
}

.tube-lnb li a.p_on {
  background: #bf1414;
  color: #fff;
}

.tube-lnb li a {
  display: block;
  width: 190px;
  color: #8f8f8f;
  font-size: 16px;
  padding: 10px;
  font-weight: 300;
}

.tube-lnb.w05 li a {
  width: 230px;
}

.pro_table {
  width: 100%;
  border-top: 2px solid #000;
  font-size: 14px;
}

.pro_table tr .pro_th_bg {
  border-top: 2px solid #266096;
  padding: 15px 3px;
  text-align: center;
}

.pro_table tr th, .pro_table tr td {
  padding: 10px 20px;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  font-size: 14px;
}

.pro_table tr th:last-child, .pro_table tr td:last-child {
  border-right: 0;
}

.tube-img {
  margin-top: 40px;
}

.brake-half .tube-img {
  float: left;
  width: 50%;
}

.brake-half:after {
  content: "";
  display: block;
  clear: both;
}

.brake-half .brake-text {
  margin-top: 50px;
  float: right;
  width: 50%;
}

/*sub-pro=img*/
.img-2 li {
  float: left;
  width: 50%;
  padding: 5px;
  text-align: center;
}

.img-2 li p {
  font-size: 14px;
  margin-top: 10px;
}

.img-3 li {
  float: left;
  width: 33.33%;
  padding: 5px;
  text-align: center;
}

.img-3 li p {
  font-size: 14px;
  margin-top: 10px;
}

.img-4 li {
  float: left;
  width: 25%;
  padding: 5px;
  text-align: center;
}

.img-7 li p {
  font-size: 14px;
  margin-top: 10px;
}

/*sub030102*/
.vacuum {
  margin-top: 40px;
}

/*sub030104*/
.tube-half:after {
  content: "";
  display: block;
  clear: both;
}

.tube-half div {
  float: left;
  width: 50%;
}

.tube-half p {
  padding: 8px 0;
}

.pro_table02 {
  text-align: left;
}

/*sub030201*/
.urea-half {
  margin-top: 40px;
}

.urea-half div {
  float: left;
  width: 50%;
  padding-right: 40px;
}

.urea-half div:last-child {
  padding-right: 0;
}

/*sub030301*/
.gas-half {
  margin-top: 40px;
}

.gas-half .gas-half01 {
  float: left;
  width: 48%;
}

.gas-half .gas-half02 {
  float: right;
  width: 48%;
}

/*sub0401-R&D*/
.rd-img {
  float: left;
  padding-right: 40px;
}

.rd-img02 img {
  float: left;
}

.rd-img03 img {
  float: right;
}

/*sub0304*/
.snip1273 {
  position: relative;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background-color: #000000;
  font-size: 16px;
}

.snip1273 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  text-align: center;
}

.snip1273 img {
  position: relative;
  max-width: 100%;
  vertical-align: top;
}

.snip1273 figcaption {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  padding: 110px 30px 0;
}

.snip1273 figcaption:before,
.snip1273 figcaption:after {
  width: 1px;
  height: 0;
}

.snip1273 figcaption:before {
  right: 0;
  top: 0;
}

.snip1273 figcaption:after {
  left: 0;
  bottom: 0;
}

.snip1273 i {
  line-height: 1.5em;
}

.snip1273 i {
  font-size: 40px;
  margin: 0 0 15px;
  color: #fff;
}

.snip1273 a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.snip1273:before,
.snip1273:after,
.snip1273 figcaption:before,
.snip1273 figcaption:after {
  position: absolute;
  content: '';
  background-color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}

.snip1273:before,
.snip1273:after {
  height: 1px;
  width: 0%;
}

.snip1273:before {
  top: 0;
  left: 0;
}

.snip1273:after {
  bottom: 0;
  right: 0;
}

.snip1273:hover img,
.snip1273.hover img {
  opacity: 0.4;
}

.snip1273:hover figcaption,
.snip1273.hover figcaption {
  opacity: 1;
}

.snip1273:hover figcaption:before,
.snip1273.hover figcaption:before,
.snip1273:hover figcaption:after,
.snip1273.hover figcaption:after {
  height: 100%;
}

.snip1273:hover:before,
.snip1273.hover:before,
.snip1273:hover:after,
.snip1273.hover:after {
  width: 100%;
}

.snip1273:hover:before,
.snip1273.hover:before,
.snip1273:hover:after,
.snip1273.hover:after,
.snip1273:hover figcaption:before,
.snip1273.hover figcaption:before,
.snip1273:hover figcaption:after,
.snip1273.hover figcaption:after {
  opacity: 0.1;
}

.sub0304_wr p {
  font-size: 16px;
  margin-top: 10px;
}

/*sub0403*/
.sub0403 p {
  line-height: 26px;
}

.sub0403 p:before {
  content: "·";
  display: inline-block;
  padding-right: 10px;
}

/* fields */
.fields {
  position: relative;
}

.fields legend {
  font-size: 25px;
  margin-bottom: 15px;
}

.fields legend:before {
  content: "";
  width: 5px;
  height: 23px;
  background: #e60021;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.fields .comment {
  position: absolute;
  right: 0;
  top: 0;
}

.fields ul {
  border-top: 2px solid #726f6c;
}


.fields li {
  display: flex;
  border-bottom: 1px solid #ddd;
  align-items: center;
}

.fields .lbl {
  width: 25%;
  box-sizing: border-box;
  padding: 15px 30px;
  font-size: 19px;
}

.fields .desc {
  width: 75%;
  padding: 15px;
}

.fields .dxee-input {
  border: 1px solid #ddd;
  padding: 15px 10px;
  box-sizing: border-box;
}

.fields .dxee-input.full {
  width: 100%;
}
.fields .more_btn{
  margin: 0 auto;
  background: #726f6c;
}
.fields .more_btn:hover{
  background: #333;
}
.btn-group {
  text-align: center;
  padding: 40px 0;
}

.dxee-btn.main {
  background: #c30000;
  color: #fff;
}

.dxee-btn.big {
  font-size: 19px;
  padding: 15px 30px;
  line-height: 1;
}

/* footer*/
#footer {
  background: #2b2b2b;
  padding-bottom: 30px;
  margin: 0 auto;
}

.ft_top {
  padding: 16px 0;
  border-bottom: 1px solid #555;
}

.ft_top a {
  font-size: 14px;
  color: #a0a0a0;
  font-weight: 800;
}

.ft_bt {
  padding-top: 24px;
}

.ft_copy {
  color: #a0a0a0;
  float: left;
  line-height: 24px;
}

.ft_logo {
  float: right;
  padding-top: 20px;
}

.mob_menu_close { display: none; color: #726f6c; position: absolute; right: 12px; top: 12px; font-size: 18px; }
.mob_menu { display: none; color: #fff; font-size: 20px; padding-left: 20px; position: relative; top: 2px; }
.mobile_only {display: none;}
.lang_mo {display: none;}
@media (max-width:1301px) {
  .site-header .logo { width: 160px; padding-top: 0; }
  .site-header { line-height: normal; height: auto; }
  .site-header .gnb { padding-right: 0; padding-left: 30px; float: none; position: fixed; right: -50%; top: 0; background: rgba(255,255,255,0.95); height: 100%; padding-top: 30px; width: 50%; border-left: 1px solid #ddd; transition: 0.3s; z-index: 99;}
  .site-header .gnb.on { right: 0; }
  .site-header .gnb .float-wrap > * { float: none; margin-bottom: 20px;}
  .site-header .gnb .float-wrap li > a { color: #333; font-size: 16px; font-weight: 400; padding: 5px 20px; }
  .site-header .gnb .float-wrap li ul { opacity: 0; }
  /* .site-header:hover { background: none; } */
  .site-header>div:last-child {width: calc(50%/2);}
  .site-header .gnb>ul:before { opacity: 0; }
  .mob_menu, .mob_menu_close { display: inline-block; }
  .h_container { padding: 15px; }
  .site-header:hover .langs > a { color: #fff; }
  .site-header:hover .logo .white { display: inline-block; }
  .site-header:hover .logo .color { display: none; }
  #main01 #container {max-width: 1200px;}
  #main01 img {padding: 40px 0;}
  #main01 .swiper-button-prev, .swiper-button-next {top: 25%;}
  #main01 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 37vw;}
  #main01 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 37vw;}
  #main02 .con_wr .con02 {width: 40%;}
  .sub-ceo .s_ceo_tex {padding: 0 20px;}
  .sub-ceo .s_ceo_tex h2 {line-height: 30px; font-weight: 500;}
  .sub-ceo .s_ceo_img {float: right; width: 49%; padding-right: 20px;}
  #spec_tab li {width: calc(100%/4);}
  #spec_cont ul.on {margin-top: 2vw;}
  #write_spec_table > div {width: 100%;}
  .pc_only {display: none!important;}
  .mobile_only {display: block;}
  .lang_pc {display: none;}
  #main01 ul li {width: 50%; padding: 5px;}
  .lang_mo {float: left!important; display: block;}
  .lang_mo a {font-size: 15px!important; padding: 16px!important; color: #a9a9a9!important; font-weight: 100!important;}
  .site-header>div {overflow: hidden; display: inline-block;}
  .site-header>div:first-child {padding-right: 15px; padding-top: 33px;float: right;}
  .mob_menu {font-size: 40px;}
  .visual .route span {display: none;}
  .visual .route a:nth-child(1), .visual .route a:nth-child(3) {display: none;}
}
@media (max-width:768px) {
  #m_slider .prev{left: 16px;}
  #m_slider .next{right: 40px;}
  #m_slider .arrow{width: 30px;}
  .main_box_wr ul li { width: 100%; }
  .site-header .logo { width: 20vw; padding: 0; }
  .site-header { line-height: normal; height: auto; }
  .site-header .gnb { padding-right: 0; padding-left: 10px; float: none; position: fixed; right: -70%; top: 0; background: rgba(255,255,255,0.95); height: 100%; padding-top: 30px; width: 70%; border-left: 1px solid #ddd; transition: 0.3s; }
  .site-header .gnb.on { right: 0; }
  .site-header .gnb .float-wrap > * { float: none; }
  .site-header .gnb .float-wrap li > a { color: #333; font-size: 16px; font-weight: 400; padding: 5px 20px; }
  .site-header .gnb .float-wrap li ul { opacity: 0; }
  /* .site-header:hover { background: none; } */
  .site-header .gnb>ul:before { opacity: 0; }
  .mob_menu, .mob_menu_close { display: inline-block; }
  .h_container { padding: 15px; }
  .site-header:hover .langs > a { color: #fff; }
  .site-header:hover .logo .white { display: inline-block; }
  .site-header:hover .logo .color { display: none; }
  #m_slider .main_text img{    width: 158px;}
  #m_slider .main_text { padding-top: 90px; }
  #m_slider .main_text h2 { font-size: 18px; }
  .m_scroll { display: none; }
  #m_slider .content li { min-height: 55vh; }
  .main_top { padding: 40px 0; }
  .main_top p { font-size: 14px; line-height: 22px; }
  .main_box01, .main_box04 { padding: 30px; height: auto; text-align: center; }
  .main_box01 span, .main_box04 span { margin-top: 45px; }
  .main_box_wr h2 { font-size: 24px; }
  .main_box_wr p { font-size: 14px; line-height: 22px; font-weight: 300; }
  .main_box02, .main_box03 { display: none; }
  .main_box_wr h2:after { margin: 19px auto; }
  .main_con02_wr .main_con02 { width: 100%; }
  .main_con02_wr { padding: 30px 20px; }
  .main_box_wr.container { padding: 0; }
  .main_con03_wr { padding: 40px 0;  }
  .main_con03_wr p { font-size: 14px; font-weight: 300; }
  .ft_top { text-align: center; }
  .ft_bt.container { text-align: center; padding-top: 0; }
  .ft_top a { font-weight: 400; }
  .ft_logo { float: none; padding-bottom: 20px; }
  .ft_copy { font-size: 14px; letter-spacing: -1px; line-height: 22px; }
  .visual { padding-top: 75px; text-align: center; height: 160px; }
  .visual .visual-title { font-size: 26px; margin-bottom: 0; }
  .visual .route { margin-top: 8px; }
  .snb ul { display: block; }
  .snb li { float: none; display: inline-block; }
  .snb a { width: auto; padding: 6px 8px; font-size: 12px; }
  .snb { height: auto; line-height: normal; }
  .content-sub { padding: 30px 0; }
  .content-sub .sub-title p { font-size: 16px; line-height: normal; }
  .content-sub .sub-title .content-title { font-size: 26px; margin: 50px 0 20px; }
  .sub-ceo .s_ceo_tex { width: 100%; padding-right: 0; float: none; }
  .content-sub p { font-size: 14px; line-height: normal; }
  .sub-ceo .s_ceo_tex h2 { font-size: 15px; line-height: normal; }
  .s_ceo_img { padding-top: 30px; }
  .sub-ceo .s_ceo_img02 { display: none; }
  .sub-ceo { padding-bottom: 0; }
  .s_ceo_sign { text-align: right; padding-top: 20px; }
  .moto_wr { padding-top: 20px; padding-bottom: 30px; }
  .company-table tr th, .company-table tr td { padding: 5px 8px; font-size: 12px; width: auto; text-align: left; border: 1px solid #eee; }
  .history-content>li { width: auto; }
  .history-content>li:before, .history-content:after, .history-content:before, .history-content>li dt:before { display: none; }
  .history-content { padding-top: 20px; }
  .history-content>li dt { font-size: 26px; padding-bottom: 10px; }
  .history-content>li p .month { font-size: 14px; width: 100px; }
  .history-content>li p { line-height: normal; }
  .sub-ceo .s_ceo_tex {padding: 0;}
  .sub-ceo .s_ceo_img {width: 100%; padding-right: 0;}
  #sub0104{background: #ddd;}
  #sub0104 ul li{float: left; width: 100%; margin-bottom: 20px;}
  .contents_nav { margin-top: 30px; }
  .contents_nav li { font-size: 11px; letter-spacing: -0.5px; }
  .content-sub .pro_wr > div:nth-of-type(1) ul li { width: 100%; padding: 0; }
  .content-sub .pro_wr > div:nth-of-type(1) ul { padding: 20px 0; }
  .content-sub .pro_wr > div:nth-of-type(1) ul li h2 { padding-top: 20px; }
  .content-sub .pro_wr p { line-height: normal; }
  .content-sub .pro_wr > div:nth-of-type(2) img { padding-top: 50px; }
  .content-sub .pro_wr { padding-bottom: 30px; }
  .content-sub .pro_wr > div:nth-of-type(2) h2 { padding-top: 30px; }
  .content-sub .pro_wr > div:nth-of-type(3) h3 { font-size: 12px; padding-top: 5px; padding-bottom: 20px; }
  #sub0201 .con03 .con0301 ul li  { width: 100%; }
  .content-sub .pro_wr > div:nth-of-type(3) ul { padding-top: 30px; }
  .content-sub .pro_wr > div:nth-of-type(3) h2 { padding-top: 0; }
  .pro_cate { padding-top: 20px; padding-bottom: 50px; }
  .pro_cate li h1 { margin-top: -15px; }
  .tbl_wrap { padding-top: 20px; }
  .site-header>div:first-child {padding-top: 20px;}
  .mob_menu {font-size: 30px;}
  .site-header>div:last-child {max-width: calc(50%/2);}
  #main01 #container {max-width: 780px;}
  #main01 #container .swiper {width: calc(64%);}
  #main01 .swiper-button-prev, .swiper-button-next {top: 31%;}
  #main01 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 30vw;}
  #main01 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 30vw;}
  .pc_only {display: none!important;}
  #main01 h2 {font-size: 6vw;}
  #main01 ul li {width: 100%;}
  #main02 {padding: 80px 0;}
  #main02 .con_wr .con01 {width: 100%;}
  #main02 .con_wr .con01 .more_btn {width: 100%;}
  #main02 .con_wr .con02 {margin-top: 20px; float: left; width: 100%;}
  #main03 .con02 ul li {width: 100%; border-right: none; margin-bottom: 3vw;}
  #main03 .con02 ul li p {font-size: 3vw;}
  /* #bo_cate ul {display: none;} */
  #bo_cate li {width: 100%;}
  .bo_cate_link {font-size: 12px;}
  #bo_gall .bo_tit {font-size: 13px;}
  .gall_row .col-gn-2 {width: 100%;}
  #spec_tab li {width: calc(100%/4);}
  #spec_cont {width: 100%;}
  #spec_cont ul.on {margin-top: 5vw;}
  #related ul li {padding: 2.5vw 0; width: 65%;}
  #write_spec_table > div {width: 100%;}
  .ft_copy {float: none;}
  .lang_mo {float: left!important;}
  .lang_mo a {font-size: 3.9vw!important; padding: 2.5vw!important; color: #a9a9a9!important; font-weight: 300!important;}
}