/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {

	.fixed-header {display:none;}
	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}
	
}

/* desktop */
@media (min-width: 1090px) {

	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;

	}
	.top-line { background:#333333; }
	.fixed-top {
		position: fixed;
		top: 0px;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}

.footer h2{margin:0 0 20px; 0}
pre { overflow-x: hidden;  display:block; max-width:1140px }

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* 네비게이션 수정 */
.dropdown-menu {
    border-radius: 0px;
	top:80px;
	border:none;
	padding:0px;
	border:1px solid #ececec ;
	border-top:none;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #333;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border-top: 1px solid #ececec;
}
.dropdown-item:first-child {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #333;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border-top: none;
}
.dropdown-item:hover {
	background:#e60012;
	color: #fff;
}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 36
px;}

/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'S-CoreDream-4Regular';font-size: 14px;}
h1.title { font-size:48px; color:#333; font-weight:900; letter-spacing:-0.04em; text-align:center }
h1.titleL { font-size:48px; color:#333; font-weight:900; letter-spacing:-0.04em; text-align:left }



#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}


div.product { clear:both;  min-height:284px }
div.product div.tab { margin:35px auto 27px; text-align:center; } 
div.product div.tab ul {  }
div.product div.tab ul li { display:inline-block }
div.product div.tab ul li a { display:block; font-size:16px; font-weight:normal; color:#333; text-align:center;  margin:0 32px;}
div.product div.tab ul li a.current { color:#e60012;  text-decoration:underline; }
div.product div.tab ul li a.first{ margin-left:0px }
div.product div.tab ul li a:hover { text-decoration:none; color:#e60012 }
div.product div.content { clear:both;  max-width:1110px; display:block;  margin:0 auto }
div.product div.content div.section { display:none; }
div.product div.content div.section ul li { display:inline-block; width:23%; margin-left:2%; }
div.product div.content div.section ul li:first-child { margin-left:0% }
div.product div.content div.section ul li:nth-child(even) div.thumb { background:#e1e8ec;  }
div.product div.content div.section ul li div.thumb:hover { border:1px solid #ccc }
div.product div.content div.section ul li div.mainTitle { font-size:24px; text-align:center; font-weight:bold; margin-top:30px }
div.product div.content div.on { display:block; }

div.corrosion { margin:76px auto 0; display:block; max-width:1110px; min-height:283px; background:#fafafa; border:1px solid #ececec; padding:49px 1.5% 45px; text-align:center }
div.corrosion div.title { font-size:30px; font-weight:600; letter-spacing:-0.025em }
div.corrosion div.title span { color:#1d2088 }
div.corrosion div.desc { color:#333; font-size:16px; ; letter-spacing:-0.025em; margin-bottom:30px  }
div.corrosion ul{}
div.corrosion ul li{ display:inline-block; margin-right:0.6%; margin-bottom:1%; border:1px solid #ececec; }
div.corrosion ul li img { height:auto; width:196px }

div.info{ max-width:1110px; margin:0 auto}
div.info ul.infoOut { margin-top:27px; }
div.info ul.infoOut li { vertical-align: top; display:inline-block; width:25%; height:420px; border:1px solid #ececec; margin-right:-0.4%; text-align:center; }
div.info ul.infoOut li a { display:block; width:100%; height:420px }
div.info ul.infoOut li.info01 { background:url('../img/info01.png') no-repeat right bottom; background-color:#ff7070; }
div.info ul.infoOut li.info02 { background:url('../img/info02.png') no-repeat right bottom; background-color:#95928d; }
div.info ul.infoOut li.info03 { background:url('../img/info03.png') no-repeat right bottom; background-color:#60afd2; }
div.info ul.infoOut li.info04 { background:url('../img/info04.png') no-repeat left bottom; background-color:#86b7b4; }
div.info ul.infoOut li a span.title{ display:block; font-size:21px; font-weight:600; margin-top:29px;  color:#fff;  }
div.info ul.infoOut li a span.desc { font-size:16px; margin-top:5px;  color:#fff;   }

div.gaCust{ max-width:1110px; margin:0 auto; text-align:center }
div.gaCust div { display:inline-block; vertical-align: top;  }
div.gaCust div ul li{ display:inline-block; }
div.gaCust div ul li.more {   vertical-align: top;  display:inline-block; width:65px; height:16px; line-height:16px; margin-top:20px }
div.gaCust div ul li.margin01 { margin-left:307px }
div.gaCust div ul li.margin02 { margin-left:202px }
div.gaCust div ul li.more span {  vertical-align: top; display:inline-block;  width:15px; height:14px; background:url('../img/more.png')  top no-repeat;  text-indent:-1000em; font-size:0px}
div.gaCust div.gallery{ max-width:580px; min-height:300px; margin-right:84px  }
div.gaCust div.notice{ max-width:442px; min-height:300px;  }

/*****푸터*****/
div.footer { padding:0px; }
div.footer div.menu { display:block; border-bottom:1px solid #494949; min-height:50px;  }
div.footer div.menu ul{ max-width:1110px; margin:0 auto; }
div.footer div.menu ul li { display:inline-block; padding:15px 30px; border-right:1px solid #494949; font-size:14px;  }
div.footer div.menu ul li:first-child { border-left:1px solid #494949; }
div.footer div.addr { min-height:190px; max-width:1110px; margin:30px auto 0; color:#fff;  font-size:14px;  }
div.footer div.addr div.copyright { margin-top:15px; color:#b1b1b1 }
.fa-arrow-up:before { content:"\f077"; font-size:18px;  }
div.footer div.copyright a{ color: #b1b1b1}
div.footer div.copyright a:hover { color: #fff }

/*****셀렉트메뉴*****/
div.subBg { min-height:232px; display:block; clear:both; background:url('../img/subBg.png')  center no-repeat;  text-align:center; display : flex;  justify-content: center;  align-items : center;  color:#fff; font-size:3em; font-weight:bold;  }
div.container-fluid { border-bottom:1px solid #ececec }
div.col-lg-12 div.naviHome { display:inline-block; vertical-align: top; border-left:1px solid #ececec; border-right:1px solid #ececec   }
div.col-lg-12 div.naviHome a {  display:block; width:60px; height:60px; text-indent:-1000em; font-size:0px; background:url('../img/home.png')  center no-repeat; }
.select-menu { border-bottom:0px  }
.select-menu01 { width: 160px; height: 60px; padding: 0 30px 0 15px; border-top: none;  border-bottom: none;  border-left: none;  border-right: none; }
.select-menu02 { width: 212px; height: 60px; padding: 0 30px 0 15px; border-top: none;  border-bottom: none;  border-left: 1px solid #ececec;  border-right: none; }
.select-menu03 { width: 242px; height: 60px; padding: 0 30px 0 15px; border-top: none;  border-bottom: none;  border-left: 1px solid #ececec;  border-right: 1px solid #ececec; }

/*****뷰페이지 페이지버튼*****/
div.viewButton { margin:0 auto; text-align:center;  margin:40px 0 60px }
div.viewButton ul {}
div.viewButton ul li{ display:inline-block; margin:0 3px }
div.viewButton ul li a{ display:block; padding:0 20px; text-align:center; line-height:42px; border:1px solid #ececec; color:#333 }
div.viewButton ul li a:hover { background:#1d2088;  color:#fff }
div.viewButton ul li a.on { background:#1d2088;  color:#fff }

/*****뷰페이지 스타일*****/
h2.viewTitle { text-align:center;  font-size:36px; border-bottom:1px solid #c2c2c2; padding-bottom:1%; margin-bottom:3%; }
div.contentTitle { display:block; font-size:24px; font-weight:600; text-align:center; }
div.contentTitleAdd { display:block; font-size:36px; font-weight:600; text-align:center;  border-bottom:1px solid #c2c2c2; padding-bottom: 1%;  margin-bottom: 3%;}
div.contentTitle span { font-size:36px; }
div.contentDesc { display:block;  font-size:18px;  text-align:center; margin:1% 0 }
div.contentDescAdd  { display:block;  font-size:16px;  text-align:center; margin:1% 0; color:#666; font-weight:normal }
div.contentBoxImg {   text-align:center; border:1px solid #ececec; padding:2% 0; margin-bottom:1% }
div.contentBoxImg img { max-height:500px;  }
div.contentBoxImgAuto {   text-align:center; border:1px solid #ececec; padding:2% 0; margin-bottom:1% }
div.contentBoxImgAuto img { height:auto }
div.contentSubject { clear:both; font-size:22px; font-weight:600;  background:url('../img/titleBg.png') 0 5px no-repeat; padding-left:30px; margin-top:40px; margin-bottom:1%}
div.contentSubject span { font-weight:normal; color:#666; margin-left:1% }

div.contentSubject1 { clear:both; font-size:22px; font-weight:600;  background:url('../img/titleBg.png') 0 8px no-repeat; padding-left:30px; margin-top:40px; margin-bottom:1%}
div.contentSubject1 span { font-weight:normal; color:#666; margin-left:1% }

div.contentBox {   border:1px solid #ececec; padding:2%; margin-bottom:1%; line-height:30px; letter-spacing:-0.065em;  }
div.contentBox img { display:inline-block; text-align:center;  }
div.contentBox span { display:block; font-weight:600; font-size:18px; margin-bottom:1% }
div.contentBox table{  min-width:792px }
div.contentBox table th { border:0.5px solid #ececec; background:#d3dbee; line-height:20px; padding: 12px 0; font-size:16px; text-align:center; color:#333 }
div.contentBox table td { border:0.5px solid #ececec; line-height:20px; padding: 12px 0;; font-size:16px; text-align:center; color:#333 }
div.contentBox table th:first-child { border-left:none; }
div.contentBox table td:first-child { border-left:none; }
div.contentBox table th:last-child { border-right:none; }
div.contentBox table td:last-child { border-right:none; }
div.contentBox table img { min-width:90px; min-height:100px }
div.contentBox div.subject { font-size:18px; font-weight:bold; margin-bottom:2% }

span.point { color:#ff0d00; display:inline-block;  }
div.contentBox span.point { color:#ff0d00; display:inline-block;  }
div.pointBox { display:block; margin:2% auto; background:#023793; color:#fff; font-size:24px; padding:1% 3%; text-align:center;  }
div.pointBox2 { display:block; margin:2% auto; background:#023793; color:#fff; font-size:16px; padding:1% 3%; text-align:left;  }
div.contentBox div.tableRight { text-align:right }
div.contentBox ul {  }
div.contentBox ul li { display:inline-block; vertical-align: top;  text-align:left; margin:0 2%; }
div.contentBox1 { border:1px solid #ececec; padding:2%; margin-bottom:1%; line-height:30px; letter-spacing:-0.065em;  }
div.contentBox1 ul{ margin-bottom:5%; display:block }
div.contentBox1 ul li{ display:inline-block; vertical-align: top;  width:23%; min-height:260px; margin:0 0.5% }
div.contentBox1 ul li span.thumb { border:1px solid #ececec;  display:block; text-align:center; padding:2px }
div.contentBox1 ul li span.title { display:block; line-height:22px; margin-top:10px;text-align:center } 
div.pointBox1 { display:block; margin:2% auto; background:#fff9bb; font-size:16px; padding:1% 3%; text-align:left;  }
div.pointBox1 span.point { color:#ff0d00; display:inline-block;  }

div.contentBox3 { border:1px solid #ececec; padding:2%; margin-bottom:1%; line-height:30px; letter-spacing:-0.065em;  }
div.contentBox3 ul{ margin-bottom:5%; display:block }
div.contentBox3 ul li{ display:inline-block; vertical-align: top;  width:32%; min-height:260px; margin:0 0.5% }
div.contentBox3 ul li span.thumb { border:1px solid #ececec;  display:block; text-align:center; padding:2px }
div.contentBox3 ul li span.title { display:block; line-height:22px; margin-top:10px;text-align:center } 

div.contentBox span.box1{ display:inline-block; background:#86bace; color:#fff; text-align:center; padding:2px 4px; margin:0 2px; width:80px }
div.contentBox span.box2{ display:inline-block; background:#34497d; color:#fff; text-align:center; padding:2px 4px; margin:0 2px; width:80px }
div.contentBox span.box3{ display:inline-block; background:#17a298; color:#fff; text-align:center; padding:2px 4px; margin:0 2px; width:80px }
div.contentBox span.spanText{ display:inline-block; }

.slash {  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>'); }
.backslash {  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>'); }
.slash div.left, .backslash div.left { text-align: left; padding-left:10px }
.slash div.right, .backslash div.right { text-align: right;  padding-right:10px }

div.contentBox2 {}
div.contentBox2 ul{ margin-bottom:5%; display:block }
div.contentBox2 ul li{ display:inline-block; vertical-align: top;  min-height:260px;  }
div.contentBox2 ul li.left { margin-right:5%; margin-bottom:5%  }
div.contentBox2 ul li span { float:left; display:inline-block; }

div.contentBox4 {}
div.contentBox4 ul{ margin-bottom:5%; display:block }
div.contentBox4 ul li{ display:inline-block; vertical-align: top;  min-height:260px;  }
div.contentBox4 ul li.left { margin-right:5%; margin-bottom:5%  }
div.contentBox4 ul li span { float:left; display:inline-block; }
div.contentBox4 ul li span img { max-height:300px; max-width:300px}


div.contentBoxAdd { border:1px solid #ececec; padding:2%; margin-bottom:1%; line-height:30px; letter-spacing:-0.065em; vertical-align: top;   }
div.contentBoxAdd span { display:inline-block; vertical-align: top;  }

div.shockwatch { margin:2% 0; min-height:176px;  background:url('http://ns3.engnews.co.kr/~ftp3_dongdo/data/editor/2207/0fe5591307e91b670fa2dba3a268d54d_1658988337_4371.png')  no-repeat; background-color:#e84344; color:#fff; font-size:24px; font-weight:bold; padding:3% 20px 0 470px; line-height:37px }

div.greeting {}
div.greeting ul { margin:4% auto; text-align:center }
div.greeting ul li { display:inline-block; margin:0 6px;  vertical-align: top; }
div.greeting ul li span { display:block; text-align:center; margin-bottom:15px; }
div.greeting div.company { text-align:right; font-weight:bold }


.col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.menu {
    display: inline;
}
.select-menu {
    width: 300px;
    height: 58px;
    padding: 17px 70px 17px 5px;
    border-top: none;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #f2f2f2;
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
div.product div.tab ul li { display:inline-block; width:48%; margin-left:2%; margin-bottom:2% }
div.product div.tab ul li:nth-child(1) { margin-left:0% }
div.product div.tab ul li:nth-child(3) { margin-left:0%; margin-bottom:0% }
div.product div.tab ul li:nth-child(4) { margin-bottom:0% }
div.product div.tab ul li a { margin:0%; padding:2% 0 }
div.product div.tab ul li a { border:1px solid #ececec }
div.product div.tab ul li a.current { color:#fff;  text-decoration:none; background:#e60012 }
div.product div.tab ul li a:hover { text-decoration:none; color:#fff; background:#e60012 }
div.product div.content div.section ul li { display:inline-block; width:48%; margin-left:2%; }
div.product div.content div.section ul li:first-child { margin-left:0% }
div.product div.content div.section ul li:nth-child(3) { margin-left:0% }
div.corrosion ul li{ width:49%  }
div.corrosion ul li img { height:auto; width:100% }
div.info ul.infoOut li { width:50%; }
div.gaCust div.gallery{ width:100%; min-height:300px; margin-right:0px  }
div.gaCust div.notice{ width:100%; min-height:300px;  }
div.gaCust div.gallery img { height:auto; width:100% }
div.contentBox ul { text-align:center }
div.contentBox ul li { margin-bottom:2% }
div.contentBox ul li img { width:100% }
div.contentBox1 ul li{ display:inline-block; vertical-align: top;  width:46%; min-height:260px; margin: 1% }
div.contentBox1 ul li span.thumb { width:100%; border:1px solid #ececec;  display:block; text-align:center; padding:2px }
div.contentBox1 ul li span.thumb img { width:100% }
div.contentBox1 ul li span.title { display:block; line-height:22px; margin-top:10px } 
div.shockwatch { min-height:auto;  background:none; background-color:#e84344; color:#fff; font-size:24px; font-weight:bold; padding:3%; line-height:37px }
div.contentBox span.box1{ display:block; background:#86bace; color:#fff; text-align:center; padding:2px 4px; margin:0px; width:100% }
div.contentBox span.box2{ display:block; background:#34497d; color:#fff; text-align:center; padding:2px 4px; margin:0px; width:100% }
div.contentBox span.box3{ display:block; background:#17a298; color:#fff; text-align:center; padding:2px 4px; margin:02px; width:100% }
div.contentBox span.spanText{ display:block; margin-bottom:2% }
}
@media only screen and (min-width: 321px) and (max-width: 772px){
div.product div.tab ul li { display:inline-block; width:48%; margin-left:2%; margin-bottom:2% }
div.product div.tab ul li:nth-child(1) { margin-left:0% }
div.product div.tab ul li:nth-child(3) { margin-left:0%; margin-bottom:0% }
div.product div.tab ul li:nth-child(4) { margin-bottom:0% }
div.product div.tab ul li a { margin:0%; padding:2% 0 }
div.product div.tab ul li a { border:1px solid #ececec }
div.product div.tab ul li a.current { color:#fff;  text-decoration:none; background:#e60012 }
div.product div.tab ul li a:hover { text-decoration:none; color:#fff; background:#e60012 }
div.product div.content div.section ul li { display:inline-block; width:48%; margin-left:2%; }
div.product div.content div.section ul li:first-child { margin-left:0% }
div.product div.content div.section ul li:nth-child(3) { margin-left:0% }
div.corrosion ul li{ width:100%  }
div.corrosion ul li img { height:auto; width:100% }
div.info ul.infoOut li { width:100%; }
div.info ul.infoOut li a span.title{ display:block; font-size:16px; font-weight:600; margin-top:10px }
div.info ul.infoOut li a span.desc { font-size:12px; margin-top:2px  }
div.contentBox img { width:100% }

div.contentBox1 ul li{ display:inline-block; vertical-align: top;  width:46%; min-height:260px; margin: 1% }
div.contentBox1 ul li span.thumb { width:100%; border:1px solid #ececec;  display:block; text-align:center; padding:2px }
div.contentBox1 ul li span.thumb img { width:100% }
div.contentBox1 ul li span.title { display:block; line-height:22px; margin-top:10px } 

div.contentBox3 ul li{ display:inline-block; vertical-align: top;  width:46%; min-height:260px; margin: 1% }
div.contentBox3 ul li span.thumb { width:100%; border:1px solid #ececec;  display:block; text-align:center; padding:2px }
div.contentBox3 ul li span.thumb img { width:100% }
div.contentBox3 ul li span.title { display:block; line-height:22px; margin-top:10px } 

div.contentBox ul { text-align:center }
div.contentBox ul li { margin-bottom:2% }
div.contentBox ul li img { width:100% }
div.shockwatch { min-height:auto;  background:none; background-color:#e84344; color:#fff; font-size:24px; font-weight:bold; padding:3%; line-height:37px }

div.contentBox span.box1{ display:block; background:#86bace; color:#fff; text-align:center; padding:2px 4px; margin:0px; width:100% }
div.contentBox span.box2{ display:block; background:#34497d; color:#fff; text-align:center; padding:2px 4px; margin:0px; width:100% }
div.contentBox span.box3{ display:block; background:#17a298; color:#fff; text-align:center; padding:2px 4px; margin:02px; width:100% }
div.contentBox span.spanText{ display:block; margin-bottom:2% }
}
@media only screen and (max-width: 792px){
div.viewButton ul li{ display:inline-block; width:48%; margin:0 3px 8px 3px;  }
div.viewButton ul li a{ display:block; width:100%; text-align:center; line-height:42px; border:1px solid #ececec; color:#333 }
div.contentBox div.tableLayout table { }
div.contentBox div.tableLayout{ overflow-x: auto; }
}
@media only screen and (max-width: 738px){
div.adress01 { margin-bottom:10px }
div.adress01 span.mail { display:block }
}
@media only screen and (max-width: 528px){
div.adress01 { margin-bottom:10px; text-align:center }
div.adress01 span.tel { display:block }
div.adress01 span.fax { display:block }
div.adress01 span.mail { display:block }
div.adress02 {  text-align:center }
div.adress02 span.tel { display:block }
div.adress02 span.fax { display:block }
div.adress02 span.mail { display:block }
}
@media only screen and (max-width: 395px){
div.viewButton ul li{ display:inline-block; width:100%; margin:0 3px 8px 3px;  }
div.viewButton ul li a{ display:block; width:100%; text-align:center; line-height:42px; border:1px solid #ececec; color:#333 }
}
@media only screen and (max-width: 726px){
.container { padding-left:0px; padding-right:0px; margin:0 auto}
div.container-fluid { border-bottom:none; padding-left:0px; padding-right:0px; }  
div.col-lg-12 { padding-left:0px; padding-right:0px;  margin-top:3% }
div.col-lg-12 div.naviHome { width:100%;  display:inline-block; vertical-align: top; border:1px solid #ececec;  margin-top:2%  }
div.col-lg-12 div.naviHome a {  display:block; width:100%; height:60px; text-indent:-1000em; font-size:0px; background:url('../img/home.png')  center no-repeat; }
.select-menu01 { width: 100%; height: 60px; padding: 0 50px 0 15px; border-top: none;  border-bottom: none;  border:1px solid #ececec;  margin-top:2%  }
.select-menu02 { width: 100%;  height: 60px; padding: 0 50px 0 15px; border-top: none;  border-bottom: none;  border:1px solid #ececec;  margin-top:2% }
.select-menu03 { width: 100%;  height: 60px; padding: 0 50px 0 15px; border-top: none;  border-bottom: none;  border:1px solid #ececec;  margin-top:2% }
.row {margin-left:0px; margin-right:0px;}
}
@media only screen and (max-width: 672px){
div.gaCust div ul li { display:block }
div.gaCust div.gallery{ width:100%; min-height:300px; margin-right:0px  }
div.gaCust div.notice{ width:100%; min-height:300px;  }
div.gaCust div.gallery img { height:auto; width:100% }
div.gaCust div ul li.margin01 { margin-left:0px }
div.gaCust div ul li.margin02 { clear:both; margin-left:0px; margin-top:30px }
h1.title { font-size:2em; color:#333; font-weight:900; letter-spacing:-0.04em; text-align:center }
h1.titleL { font-size:2em; color:#333; font-weight:900; letter-spacing:-0.04em; text-align:center }
.noticeWrap {position:relative;  width:100%; min-height:242px; border-top:1px solid #ececec;  border-bottom:1px solid #ececec }
.noticeWrap li a {color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;  padding:11px 0;display:inline-block; width:100%; text-align:left }
.noticeWrap li span.date { display:none }
}
@media only screen and (max-width: 471px){
li { width:100%; height:auto }
img { width:100%; height:auto }
div { width:100%; height:auto }
div.footer div.menu ul li { display:block; padding:15px 0; border:1px solid #494949; font-size:14px; text-align:center  }
div.footer div.menu ul li:first-child { border-left:1px solid #494949; }
}
@media only screen and (max-width: 320px){
div.product div.tab ul li { display:inline-block; width:100%; margin-left:0%; margin-bottom:2% }
div.product div.tab ul li:nth-child(1) { margin-left:0% }
div.product div.tab ul li:nth-child(3) { margin-left:0%; margin-bottom:0% }
div.product div.tab ul li:nth-child(4) { margin-bottom:0% }
div.product div.tab ul li a { margin:0%; padding:2% 0 }
div.product div.tab ul li a { border:1px solid #ececec }
div.product div.tab ul li a.current { color:#fff;  text-decoration:none; background:#e60012 }
div.product div.tab ul li a:hover { text-decoration:none; color:#fff; background:#e60012 }
div.product div.content div.section ul li { display:inline-block; width:100%; margin-left:0%; }
div.product div.content div.section ul li:first-child { margin-left:0% }
div.product div.content div.section ul li:nth-child(3) { margin-left:0% }
div.corrosion ul li{ width:100%  }
div.corrosion ul li img { height:auto; width:100% }
div.info ul.infoOut li { width:100%; }
div.info ul.infoOut li a span.title{ display:block; font-size:16px; font-weight:600; margin-top:10px }
div.info ul.infoOut li a span.desc { font-size:12px; margin-top:2px  }
h1.title { font-size:1em; color:#333; font-weight:900; letter-spacing:-0.04em; text-align:center }
h1.titleL { font-size:1em; color:#333; font-weight:900; letter-spacing:-0.04em; text-align:center }
div.corrosion div.title { font-size:1em; font-weight:600; letter-spacing:-0.025em }
div.contentBox1 ul li{ display:inline-block; vertical-align: top;  width:100%; min-height:auto; margin: 1%  0}
div.contentBox1 ul li span.thumb { width:100%; border:1px solid #ececec;  display:block; text-align:center; padding:2px }
div.contentBox1 ul li span.thumb img { width:100% }
div.contentBox1 ul li span.title { display:block; line-height:22px; margin-top:10px } 

div.contentBox3 ul li{ display:inline-block; vertical-align: top;  width:100%; min-height:auto; margin: 1%  0}
div.contentBox3 ul li span.thumb { width:100%; border:1px solid #ececec;  display:block; text-align:center; padding:2px }
div.contentBox3 ul li span.thumb img { width:100% }
div.contentBox3 ul li span.title { display:block; line-height:22px; margin-top:10px } 

div.contentBox ul { text-align:center }
div.contentBox ul li { margin-bottom:2% }
div.contentBox ul li img { width:100% }
}
@media only screen and (max-width: 1139px){
pre { overflow-x: auto;  display:block; max-width:1140px }
}