section.intro_01 {clear:both; overflow:hidden;  width:100%;  padding:50px 0 80px 0; }
section.intro_01 h3 {font-size:30px; font-weight:500; letter-spacing:-1px; padding:0 0 20px 16px; color:#b9a07c;}
section.intro_01 h3::before {content:""; height:35px; width:4px; background-color:#b9a07c; position:absolute; top:6px;  left:0px; }
section.intro_01 div.pro {width:1100px; margin:0 auto; clear:both;}
section.intro_01 div.proR {padding:50px 0 ; overflow:hidden;}

section.intro_01 div.proR div.pro_img { float:right; width:50%; }
section.intro_01 div.proR div.pro_txt {float:left; width:45%; text-align:right;}

section.intro_01 div.pro_img { float:left; width:50%; }
section.intro_01 div.pro_txt {float:right; width:45%;padding-top:4%}
section.intro_01 div.pro_txt h2 {font-size:28px; font-weight:600; /*font-family:"noto_m";*/ padding:20px 0; color:#b9a07c; letter-spacing:-2px;}
section.intro_01 div.pro_txt p {font-size:17px; line-height:30px; padding-bottom:20px;}
section.intro_01 div.btn {padding-top:20px;}
section.intro_01 a{ border:1px solid #ccc;	padding: 10px 16px 12px 16px; font-size: 17px;	margin-top:20px;	;	border-radius: 6px}
section.intro_01 a:hover {	color: #333;	background-color: #f0f0f0; }

.area{ max-width:1100px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1376px; margin:0px auto; }

/* 상단 3단 영역 */
.production-con01{}
ul.production-up-list{margin: 0 -2%;}
ul.production-up-list > li{float: left;	width: 100%; margin: 0 1%;}
.production-up-inner{}
.production-up-inner .img-con{text-align: center;}
.production-up-inner .img-con img{display: inline-block; height: auto;}
.production-up-inner .txt-con{width: 240px; margin: 35px auto 0;}
.production-up-inner .txt-con .tit{text-align: center; font-size: 20px; font-weight: 400; letter-spacing: -0.5px; color: #333;}
.production-up-inner .txt-con .txt{margin-top: 25px;}
.production-up-inner .txt-con .txt li{padding: 8px 0; border-bottom: 1px solid #ddd;}
.production-up-inner .txt-con .txt li:first-child{border-top: 1px solid #ddd;}
.production-up-inner .txt-con .txt li p{position: relative; padding-left: 25px; font-size: 18px; line-height: 2; font-weight: 400; letter-spacing: -0.5px; color: #999; -ms-word-break: keep-all; word-break: keep-all;}
.production-up-inner .txt-con .txt li p:before{position: absolute; top: 17px; left: 10px; display: block; content: ''; width: 3px; height: 3px; background-color: #b9a07c;}


/* 비전 :: 공통 */
.vision-container{}
.vision-container .small-tit{margin-bottom:40px}
/* 비전 :: VISION */
.vision-top-tit {font-size: 45px; letter-spacing:-0.85px; font-weight:600; color: #222;  text-align:center; margin-bottom:30px;}
.vision-top-txt{text-align:center; color:#444; font-size:24px; letter-spacing:-0.85px; margin-bottom:45px}
.vision-top-txt strong{ margin-top:15px; font-size:24px; line-height: 42px; letter-spacing:-0.5px; font-weight:500;color:#e51b23;}
.vision-top-txt strong b{ font-size:28px; font-weight:700}
.vision-top-txt span {display:block; font-size:28px; line-height: 42px; letter-spacing:-0.85px; color: #222; }

.table-top-tit {font-size: 45px; letter-spacing:-0.85px; font-weight:600; color: #222;  text-align:center; margin-bottom:30px;}
.table-top-txt{text-align:left; color:#444; font-size:24px; letter-spacing:-0.85px; margin-bottom:12px; padding-top:3%}
.txt{text-align:center; color:#444; font-size:24px; letter-spacing:-0.85px; margin-bottom:45px}
.table-top-txt strong{ margin-top:15px; font-size:24px; line-height: 42px; letter-spacing:-0.5px; font-weight:500;color:#e51b23;}
.table-top-txt strong b{ font-size:28px; font-weight:700}
.table-top-txt span {display:block; font-size:28px; line-height: 42px; letter-spacing:-0.85px; color: #222; }


/* -------- 비전 :: 비전 -------- */
.vision-container .vision-con-list {margin-top:25px;}
.vision-container .vision-con-list .inner {  }
.vision-container .vision-con-list li {float:left; width:33.33%; text-align:center; padding: 30px 15px;border-right: 1px solid #ddd;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 .vision-container .vision-con-list .item01 {border-left: 1px solid #ddd;}
.vision-container .vision-con-list .tit-box {letter-spacing:-0.5px; color: #222; }
.vision-container .vision-con-list .tit-box .num {font-size:30px; font-style:italic; font-weight:600; text-decoration: underline;}
.vision-container .vision-con-list .tit-box .tit01 {font-size:24px; font-weight:600; margin-top: 20px;}
.vision-container .vision-con-list .tit-box .tit02 {font-size:16px; color: #aaa; margin-top:10px;}
.vision-container .vision-con-list .icon {font-size:18px; color: #e51e26; margin-top:25px;}
.vision-container .vision-con-list .txt-box {margin-top:24px; }
.vision-container .vision-con-list .txt-box .txt {font-size:16px; line-height:30px; letter-spacing:-0.5px; color: #666; word-break:keep-all;}

.ceo-info .ceo-info-list li:first-child {border-left:0;}
.ceo-info .ceo-info-list .ceo-info-tit {font-size: 13px; letter-spacing:-0.5px; color: #aaa; margin: 34px 0 13px; }
.ceo-info .ceo-info-list .ceo-info-txt {font-size: 20px; letter-spacing:-0.5px; color: #222; }
.ceo-tbl {border-top: 2px solid #666; width:100%; margin-top:80px;}
.ceo-tbl tbody td {font-size: 16px; letter-spacing:-0.5px; color: #222; font-weight:300; height:77px; padding-left: 3%; 
                    border-bottom: 1px solid #ddd; padding-top:2%; padding-bottom:2%;}
.ceo-tbl tbody th {font-weight:500; background:#f5efe7; font-size: 16px; letter-spacing:-0.5px; color: #222;  height:77px; 
                    border-bottom: 1px solid #ddd; padding-top:2%; padding-bottom:2%;}
.ceo-tbl tbody td:first-child {border-right:  1px solid #ddd;}


.uv-tbl-warp { margin-top: 39px; border-top: 2px solid #000;}
.uv-tbl {width:100%;}
.uv-tbl thead th {padding:20px 0; font-size: 16px; letter-spacing:-0.5px; color: #333; font-weight:400; background-color: #f5efe7; border:1px solid #ddd; border-right:none;}
.uv-tbl thead th:first-child {border-left:none;}
.uv-tbl tbody th {border:1px solid #ddd; border-left:none; font-size: 16px; letter-spacing:-0.5px; color: #333; line-height: 30px; font-weight:400;}
.uv-tbl tbody td {padding:20px 0; font-size: 16px; line-height: 30px; letter-spacing:-0.5px; color: #333; border:1px solid #ddd; border-left:none; text-align:center;}
.uv-tbl tbody td.application {text-align:left; border-right:none;padding:1%;}


.uv-tbl02-warp { margin-top: 39px; margin-bottom: 39px; border-top: 2px solid #000;}
.uv-tbl02 {width:100%;}
.uv-tbl02 thead th {padding:20px 0; font-size: 24px; letter-spacing:-0.5px; color: #333; font-weight:600; background-color: #fff; border:1px solid #ddd; border-right:none;}
.uv-tbl02 thead th:first-child {border-left:none;}
.uv-tbl02 tbody th {border:1px solid #ddd; border-left:none; font-size: 16px; letter-spacing:-0.5px; color: #333; line-height: 30px; font-weight:400;}
.uv-tbl02 tbody td {padding:20px 0; font-size: 16px; line-height: 30px; letter-spacing:-0.5px; color: #333; border:1px solid #ddd; border-left:none; text-align:center;}
.uv-tbl02 tbody td.application {text-align:left; border-right:none;padding:1%;}


.tbl-tit{font-size:20px; font-weight:500; color:#222; letter-spacing:-0.5px; margin-bottom:-24px; margin-top:50px;}


.safety-con03{padding: 95px 0 100px;}
.safety-con03-txt-box{margin-top: 10px; padding: 35px 3.9%; background-color: #f5efe7;}
.safety-con03-txt-box p{position: relative; padding-left: 20px; font-size: 18px; line-height: 1.3; letter-spacing: -0.5px; color: #232323;}
.safety-con03-txt-box p + p{margin-top: 8px;}
.safety-con03-txt-box p:before{position: absolute; top: 8px; left: 0; content: ''; width: 6px; height: 6px; background-color: #b9a07c; -webkit-border-radius: 100%; border-radius: 100%;}
.safety-con03-wrapper{margin-top: 55px; padding: 0 3.9%;}
.safety-con03-list{margin: -26px -0.8%;}
.safety-con03-item{width: 31.73%; margin: 26px 0.8%; float: left;}
.safety-con03-img{position: relative; width: 100%; height: 0; padding-top: 59.11%;}
.safety-con03-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.safety-con03-txt{padding: 13px 0; font-size: 17px; line-height: 1.3; letter-spacing: -0.5px; color: #232323;}


#lnb_box,
#lnb_tab_box   { position: relative; overflow: hidden; padding-bottom: 60px; padding-top:27px;
                 font-size:1.4em; font-weight:400;}
#lnb     { margin: 0 auto; overflow: hidden;}
#lnb.item-cnt-3   { max-width: 585px; }
#lnb.item-cnt-3   { max-width: 585px; }
#lnb.item-cnt-4   { }
#lnb.item-cnt-5   { max-width: 975px; }
#lnb.item-cnt-6   { max-width: 1170px; }
#lnb li     { position: relative; width: 25%; float: left; height: 52px; 
              box-sizing: border-box; border-top: 1px solid #b9a07c; }
#lnb li a    { display: block; line-height:49px; height: 49px; text-align: center; 
               border: 1px solid #cfcfcf; border-left-width: 0px; border-top-width: 0; 
			   box-sizing: border-box; background: #f5f5f5;color: #666666; }
#lnb li:first-child a { border-left-width: 1px; }
#lnb li.on    { border-top-color: #a9a17c; }
#lnb li.on a   { border-bottom-width: 0px; background: #fff; color: #333333; }

#content{padding:100px 0;}

.area{ max-width:1200px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1600px; margin:0px auto; }
.area-main{max-width:1300px; margin:0px auto;}


/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#content{padding:100px 0}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
/* -------- 공통 Box Tab :: sub-tab02-list -------- */
.sub-tab02-list li {float:left; width:50%; text-align:center; border:1px solid  #e5e5e5; border-left:0; background-color:#fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.sub-tab02-list li:first-child {border-left:1px solid #e5e5e5;}
.sub-tab02-list li > a {display:block;}
.sub-tab02-list li span { display: table; width:100%; height: 60px; }
.sub-tab02-list li span em {display:table-cell; vertical-align:middle;  font-size: 16px; line-height:1.2; letter-spacing:-0.5px; color: #222; word-break:keep-all;}
.sub-tab02-list li.selected {border-top-color: #222; border-bottom:0;}
.sub-tab02-list.menu03 li {width: 33.33%;}
.sub-tab02-list.menu04 li {width: 25%;}
.sub-tab02-list.menu05 li {width: 20%;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
section.intro_01 {clear:both; overflow:hidden; text-align: center;  padding:35px 15px 60px 15px;  }
section.intro_01 div.pro {width:100%; margin:0 auto; }
section.intro_01 div.pro_img {clear:both; width:100%; }
section.intro_01 div.pro_img img {max-width:100%;}
section.intro_01 div.pro_txt {clear:both;  width:100%;}
section.intro_01 div.pro_txt h1 {font-size:25px; padding:20px 0;}
section.intro_01 div.pro_txt p {font-size:15px; line-height:30px; padding-bottom:42px;}
section.intro_01 div.proR div.pro_img { float:none; width:100%; }
section.intro_01 div.proR div.pro_txt {float:none; width:100%; text-align:center;}
section.intro_01 div.btn {padding-top:0px; margin-bottom:50px;}

.production-up-inner .img-con img{width: 70%;}
	.production-up-inner .txt-con {width: 80%; margin: 35px auto 0;}
	.vision-container .vision-con-list .txt-box .txt br {display:none;}

.product-view-tab-con .product-view-con01{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 55px;}
	.product-view-img{width: 100%;}
	.product-view-img img{width: 100%; height: auto;}
	.product-view-txt{margin-top: 30px; width: 100%; padding: 0 15px;}
	
	.product-view-con02-list{margin: 0 -1.2%;}
	.product-view-con02-item{width: 30.93%; margin: 0 1.2%;}

	.product-view-con03-item{width: 30.93%;}

}


@media all and ( min-width: 801px ){
	.cm-product-tit.link-tit a:hover{color: #0f6f39; border-bottom-color: #0f6f39;}
}

.product-view-tab-con .product-view-con01{margin-top: 0; margin-bottom:10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.product-view-img{width: 47.81%;}
.product-view-img img{width: 100%; height: auto; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-view-txt{width: 52.19%; padding: 0 10%; padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-view-txt .tit{font-size: 32px; line-height: 1.1; font-weight: 700; letter-spacing: -0.35px; color: #000;}
.product-view-txt .sub-tit{margin-bottom: 20px; font-size: 35px; line-height: 1.2; color: #b9a07c;}
.product-view-txt .txt{margin-top: 25px; font-size: 18px; line-height: 1.6; font-weight: 500; letter-spacing: -0.75px; color: #282828; text-align:left;}

.product-view-tab-con .product-view-con02{padding-top: 115px;}
.product-view-con02-wrapper{}
.product-view-con02-list{display: flex; flex-wrap: wrap; justify-content: center;}
.product-view-con02-item{width: 230px; margin: 0 13px; padding: 55px 15px; background-color: #f4f4f4; border: 1px solid #e4e4e4; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-view-con02-item img{display: inline-block; height: 55px;}
.product-view-con02-item h5{margin-top: 40px; display: block; width: 100%; font-size: 21px; line-height: 1.3; font-weight: 500; letter-spacing: -0.65px; color: #171717;}

.sub-tab-con.tab-none{margin-top: -140px;}
.product-view-tab-con .product-view-con03{padding-top: 150px;}
.product-view-sub-tit{margin-top: -25px; font-size: 19px; line-height: 1.3; font-weight: 500; letter-spacing: -0.65px; color: #232323; text-align: center;}
.product-view-con03-tit{margin: 75px 0 35px; position: relative; padding-left: 15px; font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -0.5px; color: #000;}
.product-view-con03-tit:before{position: absolute; top: 10px; left: 0; display: block; content: ''; width: 6px; height: 6px; background-color: #0f6f39; -webkit-border-radius: 100%; border-radius: 100%;}
.product-view-con03-wrapper{}
.product-view-con03-list{margin: 0 -1.2%; font-size: 0; text-align: center;}
.product-view-con03-item{width: 17.6%; margin: 0 1.2%;  display: inline-block; vertical-align: top;}
.product-view-con03-item .img{position: relative; width: 100%; height: 0; padding-top: 68.86%;}
.product-view-con03-item .img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.product-view-con03-item .txt{margin: 20px 0; text-align: left;}
.product-view-con03-item .txt p{font-size: 16px; line-height: 1.3; letter-spacing: -0.5px; color: #303030; text-align: center;}

.product-view-tab-con .product-view-con04{padding-top: 140px;}
.product-view-tab-con .product-view-con05{padding-top: 140px;}
.product-view-con05 .bt-certification-con01, .product-view-con05 .ca-certification-con01 {margin-top: -50px;}
.product-view-con05 .report-con01-txt .tit{margin: 10px 0; height: 60px;}
.product-view-con05 .report-con01-txt .tit h5 {font-size: 15px;  line-height: 20px;}
.product-view-con05 .report-con01-txt .tit h5 b{display: inline-block; font-weight: 600; max-height: 60px; overflow: hidden;}

.product-btn-list{text-align: center; font-size: 0;}
.product-btn-list li{display: inline-block; width: 220px; margin: 0 25px;}
.product-btn-list li a{position: relative; display: table; table-layout: fixed; width: 100%; height: 82px; background-color: #fff; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 9px 14px 21px -10px rgba(0,0,0,0.09); box-shadow: 9px 14px 21px -10px rgba(0,0,0,0.09); -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-btn-list li a span{padding: 0 35px; font-size: 18px; line-height: 1.3; letter-spacing: -0.65px; color: #2b2b2b; display: table-cell; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-btn-list li a em{position: absolute; top: 50%; margin-top: -13px; right: -17.5px; width: 35px; height: 26px; text-align: center; display: block;}
.product-btn-list li a em:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; -webkit-transform: skew(-10deg); transform: skew(-10deg); background-color: #0f6f39; -webkit-box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); box-shadow: 8px 8px 0 0 rgba(0,0,0,0.1); -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-btn-list li a .bgc-red:before{background-color: #e81212;}
.product-btn-list li a em i{position: relative; z-index: 1; font-size: 16px; line-height: 26px; color: #fff;}


@media all and ( max-width: 1024px ){
	.product-view-tab-con .product-view-con01{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 55px;}
	.product-view-img{width: 100%;}
	.product-view-img img{width: 100%; height: auto;}
	.product-view-txt{margin-top: 30px; width: 100%; padding: 0 15px;}
	
	.product-view-con02-list{margin: 0 -1.2%;}
	.product-view-con02-item{width: 30.93%; margin: 0 1.2%;}

	.product-view-con03-item{width: 30.93%;}
}


@media all and ( min-width: 801px ){
	.product-btn-list li a:hover{background-color: rgba(216,216,216,0.15);}
	.product-btn-list li a:hover em:before{-webkit-transform: skew(0); transform: skew(0); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 0 rgba(0,0,0,0.1);}
	.product-btn-list li a:hover span{-webkit-transform: translateX(-5px); transform: translateX(-5px);}
}


@media (max-width: 768px) {
ul.production-up-list{margin: -25px -1%;}
	ul.production-up-list > li{float: left;	width: 98%; margin: 25px 1%;}
	.production-up-inner .img-con{width: 100%; display: inline-block; vertical-align: middle;}
	.production-up-inner .img-con img{width: 100%;}
	.production-up-inner .txt-con {width: 50%; margin: 0; display: inline-block; vertical-align: middle;}
	.production-up-inner .txt-con .tit{font-size: 15px; text-align: left;}
	.production-up-inner .txt-con .txt{margin-top: 15px;}
	.production-up-inner .txt-con .txt li{padding: 8px 0;}
	.production-up-inner .txt-con .txt li p{padding-left: 15px; font-size: 14px; line-height: 2; text-align:left;}
	.production-up-inner .txt-con .txt li p:before{position: absolute; top: 12px; left: 6px;}
	.vision-container .vision-con-list .txt-box .txt {line-height:22px;}

	/* 비전 :: 공통 */
	.vision-container{padding-bottom:50px}
	.vision-container .small-tit{margin-bottom:40px}
	/* 비전 :: VISION */
	.vision-top-tit {font-size:28px; margin-bottom: 15px;}
	.vision-top-txt{font-size:17px; margin-bottom:10px}
	.vision-top-txt strong{display:block; font-size:17px; line-height: 28px; margin-top:5px}
	.vision-top-txt strong b{font-size:19px}
	.vision-top-txt span {font-size: 19px;  line-height: 28px; }
	/* 비전 :: SLOGAN */
	.slogan-top-txt{font-size:29px}
	.slogan-top-txt br{display:block}

    .vision-container .vision-con-list li {float:none; width:100%; padding: 20px 15px; border:0; border-top: 1px solid #ddd;}
	.vision-container .vision-con-list .item01 {border-left: 0}
	.vision-container .vision-con-list .item03 {border-bottom: 1px solid #ddd;}
	.vision-container .vision-con-list .tit-box .num {font-size:22px; }
	.vision-container .vision-con-list .tit-box .tit01 {font-size:17px;  margin-top: 10px;}
	.vision-container .vision-con-list .tit-box .tit02 {font-size:13px; margin-top:5px;}
	.vision-container .vision-con-list .icon {font-size:14px; margin-top:15px;}
	.vision-container .vision-con-list .txt-box {margin-top:12px; }2022-01-14.vision-container .vision-con-list .txt-box .txt
	.vision-container .vision-con-list .txt-box .txt {font-size:16px; line-height:24px;}
    
	.ceo-tbl {margin-top:40px;}
	.ceo-tbl colgroup {display:none;}
	.ceo-tbl tbody td {font-size:13px; height: 50px; line-height: 21px;padding: 18px 10px; word-break:keep-all;}
	.ceo-tbl tbody td:first-child {width: 25%;}
	.ceo-tbl tbody th {font-size:13px; height: 50px; line-height: 21px;padding: 18px 10px; word-break:keep-all;}
	.ceo-tbl tbody th:first-child {width: 25%;}
 
     #lnb li     { position: relative; width: 50%; float: left; height: 52px; 
              box-sizing: border-box; border-top: 2px solid #666666; }
	#lnb_box,
#lnb_tab_box   { position: relative; overflow: hidden; padding-bottom: 60px; padding-top:27px;
                 font-size:1em; font-weight:400;}
#lnb     { margin: 0 auto; overflow: hidden; }


#lnb_box02,
#lnb_tab_box02   {   position: relative; overflow: hidden; 
                   padding-bottom: 60px; padding-top:27px; font-size:1.4em; font-weight:400;}
#lnb02     { margin: 0 auto; overflow: hidden; }
#lnb02.item-cnt-3   { max-width: 585px; }
#lnb02.item-cnt-3   { max-width: 585px; }
#lnb02.item-cnt-4   {  }
#lnb02.item-cnt-5   { max-width: 975px; }
#lnb02.item-cnt-6   { max-width: 1170px; }

#lnb02 li     { position: relative; width: 50%; float: left; height: 52px; 
              box-sizing: border-box; border-top: 2px solid #666666; }
#lnb02 li a    { display: block; line-height:49px; height: 49px; text-align: center; 
               border: 1px solid #cfcfcf; border-left-width: 0px; border-top-width: 0; 
			   box-sizing: border-box; background: #f5f5f5; color: #666666; }
#lnb02 li:first-child a { border-left-width: 1px; }
#lnb02 li.on    { border-top-color: #a9a17c;}
#lnb02 li.on a   { border-bottom-width: 0px; background: #fff; color: #333333; font-size:1em; font-weight:400;}

}


@media (max-width: 640px) {
}
@media (max-width: 480px) {
.production-up-inner .img-con img{width: 100%;}

}
@media (max-width: 320px) {
}