@charset "utf-8";

/* ************************* 영문.CSS ************************* */
html[lang="en"] .company-info dd {padding-left:200px;}


/* ************************* 공통 ************************* */
/* 탭 */
.tabWrap {}

.tabWrap.type1 {padding-bottom:50px;}
.tabWrap.type1 ul {border-bottom:2px solid #0b49a0; overflow:hidden; text-align:center;}
.tabWrap.type1 ul li {float:left; border:1px solid #eaeaea; border-bottom:0;}
.tabWrap.type1 ul li+li {border-left:0;}
.tabWrap.type1 ul li button {display:block; height:50px; letter-spacing:-.5px; color:#000; line-height:1.2; background:transparent; width:100%; cursor:pointer; }
.tabWrap.type1 ul li:hover {background:#f5f5f5;}
.tabWrap.type1 ul li.on {border-color:#0b49a0; background:#0b49a0; }
.tabWrap.type1 ul li.on button {color:#fff;}

.tabInner {}
.tabInner>ul {}
.tabInner>ul>li {display:none;}
.tabInner>ul>li.on {display:block;}


/* ***** 테이블 ***** */
/* 테이블::type1 */
.tableWrap.type1 {text-align:center;  border-top:1px solid #000; border-left:1px solid #eaeaea;}
.tableWrap.type1 table {}
.tableWrap.type1 tr {}
.tableWrap.type1 tr:hover td {border-bottom-color:#0b49a0; }
.tableWrap.type1 tr>* {padding:12px 20px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; letter-spacing:-.5px; line-height:1.6;}
.tableWrap.type1 th {background:#f5f5f5; color:#000; font-weight:400;}
.tableWrap.type1 td {transition:all .2s;}
/* .tableWrap.type1 td:last-child {text-align:left;} */
.tableWrap.type1 td.left {text-align:left;}

/* 테이블::type2 */
.tableWrap.type2 {}
.tableWrap.type2 table {border-top:1px solid #000;}
.tableWrap.type2 tr {}
.tableWrap.type2 tr:hover td {}
.tableWrap.type2 tr>* {padding:15px 20px; border-bottom:1px solid #eaeaea; letter-spacing:-.5px; line-height:1.6;}
.tableWrap.type2 tr>*:first-child {border-right:1px solid #eaeaea;}
.tableWrap.type2 tr>*:last-child {border-left:1px solid #eaeaea;}
.tableWrap.type2 th {background:#f9f9f9; color:#000;}
.tableWrap.type2 td {text-align:center;}
.tableWrap.type2 td.left {text-align:left;}


/* ************************ 데스크탑 (992~) ************************ */

/* ************************ 회사소개 ************************ */
/* ***** 회사소개::인사말 ***** */
.greet {}
.greet-inner {overflow:hidden; padding:0 0;}
.greet-inner>div {float:left;}
.greet-people {width:350px;}
.greet-people span {}
.greet-people p {margin-top:15px; padding:20px 0; background:url(../images/intro/sign.jpg)calc(100% - 75px) center no-repeat;}
.greet-people p b {font-size:18px; color:#000; font-weight:500;}
.greet-text {width:calc(100% - 350px);}
.greet-text p {line-height:2;}
.greet-text p.tit {font-size:24px; font-weight:700;}
.greet-text p+p {padding-top:35px;}
html[lang="en"] .greet-text p {line-height:1.8;}
html[lang="en"] .greet-text p+p {padding-top:20px;}

/* ***** 회사소개::기업현황 ***** */
.ideology {}
.company-wrap {padding:100px 0 0; background:url(../images/intro/company_bg.jpg)center /cover no-repeat;}
.company-info {margin-left:525px; padding:50px 0 0 80px; background:#fff;}
.company-info h4 {font-size:32px; margin-bottom:30px; padding-bottom:30px; font-weight:700; position:relative;}
.company-info h4:before {content:'';display:block; width:50px; height:5px; background:#343969; position:absolute; left:0; bottom:0;}
.company-info h4:after {content:'';display:block; width:80px; height:80px; background:url(../images/intro/i-company.svg)center /40px no-repeat; position:absolute; right:0; top:0; border:2px solid #343969; border-radius:50%;}
.company-info dl {position:relative;}
.company-info dl>* {}
.company-info dt {position:absolute; left:0; color:#000;}
.company-info dd {padding-left:130px; padding-bottom:15px;}
.company-info dd:last-child {padding-bottom:0;}
.company-info dd a {color:inherit;}




/* ***** 회사소개::연혁 ***** */
.history {}
.history-inner {}
.history-inner ul {position:relative;}
.history-inner ul:before {content:''; display:block; width:1px; height:100%; background:#e5e5e5; position:absolute; left:50%; top:0;}
.history-inner ul li {padding:0 50px 70px; width:50%; position:relative;}
.history-inner ul li:last-child {padding-bottom:0;}
.history-inner ul li:before {content:''; display:block; width:21px; height:21px; background:#fff; border:5px solid #343969; border-radius:50%; position:absolute; top:6px;}
.history-inner ul li p {padding:0 0 30px; font-size:36px; color:#000; font-weight:900; line-height:1; font-style:italic;}
.history-inner ul li dl {position:relative; padding:0 50px;}
.history-inner ul li dt {font-size:19px; color:#000; font-weight:700; position:absolute;}
.history-inner ul li dd {font-size:19px; color:#000; padding-bottom:35px;}
.history-inner ul li dd:last-child {padding-bottom:0;}
.history-inner ul li dd span {color:#666; display:block;}

.history-inner ul li:nth-child(odd) {margin-left:50%;}
.history-inner ul li:nth-child(odd) dl {}
.history-inner ul li:nth-child(odd) dt {left:0;}
.history-inner ul li:nth-child(odd) dd {}
.history-inner ul li:nth-child(odd):before {left:-10px;}

.history-inner ul li:nth-child(even) {padding-right:; text-align:right;}
.history-inner ul li:nth-child(even) dl {}
.history-inner ul li:nth-child(even) dt {right:0;}
.history-inner ul li:nth-child(even) dd {}
.history-inner ul li:nth-child(even):before {right:-11px; border-color:#ef3f3e;}


/* ***** 회사소개::조직도 ***** */
.group {}
.group img {max-width:100%;}

/* ***** 회사소개::주요고객사 ***** */
.client {}
.client-inner {}
.client-tit {text-align:center;}
.client-tit h3 {font-size:36px; font-weight:700; line-height:1.6;}
.client-tit p {padding:20px 0 70px;color:#000;}
.client-list {}
.client-list li {float:left; margin-bottom:20px; width:calc((100% - 80px)/5); border:1px solid #e5e5e5; border-top-color:#343969; text-align:center;}
.client-list li:hover p {background:#f9f9f9;}
.client-list li+li {margin-left:20px;}
.client-list li:nth-child(5n+1) {margin-left:0;}
.client-list li:nth-child(10)~li {margin-bottom:0;}
.client-list li div {padding:40px; height:150px;}
.client-list li span.img {height:100%; background-size:contain !important;}
.client-list li p {color:#000; border-top:1px solid #e5e5e5; padding:15px 10px; line-height:1.2;}

/* ***** 회사소개::찾아오시는길 ***** */
.location {}
.location-inner {overflow:hidden; display:table;width:100%;}
.location-inner>div {display:table-cell; vertical-align:top; height:550px;}
.location-text {padding:70px 50px; width:525px; color:#fff; background:url(../images/intro/location_img.jpg)center /cover no-repeat; position:relative;}
.location-text h3 {padding:0 0 30px; margin:0 0 70px; font-size:36px; border-bottom:2px solid; font-weight:700;}
.location-text dl {position:relative;}
.location-text dl>* {}
.location-text dt {position:absolute; left:0;}
.location-text dd {padding:0 0 20px 100px; opacity:.8; }
.location-text dd:last-child {padding-bottom:0;}
.location-text a {color:inherit;}
.location-text a.detail {
	height:70px; line-height:70px; position:absolute; left:0; bottom:0; padding:0 10px 0 0;
	display:block; width:100%; opacity:.8; text-align:center; border-top:1px solid #fff;
}
.location-text a.detail i {margin-left:10px; display:inline-block; width:15px; height:15px; background:url(../images/common/i-open.svg)center /15px no-repeat; vertical-align:middle;}
.location-map {width:calc(100% - 525px);}
.location-map .root_daum_roughmap_landing {width:100%; height:100%;}
.location-map .root_daum_roughmap .wrap_map { height:100%;}
.root_daum_roughmap .wrap_controllers.hide {display:none;}


/* ************************ 제품소개 ************************ */
.product {}
.product-tit {}
.product-tit h3 {font-size:36px; font-weight:700; color:#000; position:relative; padding:0 0 0 25px; margin:0 0 50px 0;}
.product-tit h3:before {content:''; display:block; width:5px; height:100%; background:#ef3f3e; position:absolute; left:0; top:0;}
.product-inner {}
.product-desc {display:table; width:100%; border:1px solid #e5e5e5; border-top-color:#000; overflow:hidden;}
.product-desc>div {padding:50px; display:table-cell; vertical-align:middle;}
.product-desc-img {width:525px; text-align:center;}
.product-desc-img img {max-height:240px; max-width:100%;}
.product-desc-txt {width:calc(100% - 525px); background:#f9f9f9; border-left:1px solid #e5e5e5;}
.product-desc-txt h4 {padding:0 0 100px 0; font-size:24px; color:#000; font-weight:700; position:relative;}
.product-desc-txt h4:before {content:''; display:block; width:50px; height:3px; background:#ef3f3e; position:absolute; left:0; bottom:0;}
.product-desc-txt p {padding:20px 0 0; line-height:2;}

.product-info {margin:20px 0 0;}
.product-info-detail {border:1px solid #e5e5e5; padding:40px 50px;}
.product-info-detail .img {height:400px; background-size:contain !important; transition:none;}
.product-info-list {}
.product-info-list ul {}
.product-info-list ul li {float:left; width:calc((100% - 50px)/6); margin-top:10px;}
.product-info-list ul li+li {margin-left:10px;}
/* .product-info-list ul li:nth-child(5n+1) {margin-left:0;} */
.product-info-list ul li a {padding:25px 40px; display:block; border:1px solid #e5e5e5;}
.product-info-list ul li.on a {border-color:#000;}
.product-info-list ul li a .img {height:100px; background-size:contain !important;}


/* 리스트 뷰 예시 */
.product .list {}
.product-list {}
.product-list ul {overflow:hidden;}
.product-list ul li {float:left;margin-left:20px; width:calc((100% - 60px)/4); border:1px solid #e5e5e5;}
.product-list ul li:nth-child(4n+1) {margin-left:0;}
.product-list ul li a {}
.product-list-img {padding:40px;}
.product-list-img .img {height:300px; background-size:contain !important;}
.product-list-txt {text-align:center;border-top:1px solid #e5e5e5;}
.product-list-txt p {padding:12px 10px;}

.product-view {}
.product-view-tit {margin-bottom:10px; font-size:36px; font-weight:700; padding:20px 0 ;border-style:solid; border-color:#000; border-width:1px 0 1px 0; color:#000; text-transform:uppercase;}
.product-view-top {padding:50px; border:1px solid #e5e5e5;}
.product-view-top .img {height:400px; background-size:contain !important;}

.product-view-desc {padding:50px; min-height:300px; margin-top:10px; border:1px solid #e5e5e5;}

.btnWrap {margin-top:50px; text-align:center; font-size:0;}
.btnWrap a {display:inline-block; padding:20px 60px; border:1px solid #e5e5e5; font-size:16px;}
.btnWrap a:hover {background:#f5f5f5;}



.product .view {}




/* ************************ 주요실적 ************************ */
.performance .tableWrap.type2 tr>* {}
.performance .tableWrap.type2 th {font-size:19px;}
.performance .tableWrap.type2 td {font-size:17px;}


/* ************************ 기술현황 ************************ */
/* ***** 기술현황::기술연구소 ***** */
.research {}
.research-inner {}
.research-item {display:table; width:100%;}
.research-item+div {margin-top:50px;}
.research-item>div {display:table-cell !important; vertical-align:middle;}
.research-item .img {width:525px; border:1px solid #e5e5e5;}
.research-item .info {padding:50px 60px; border:1px solid #e5e5e5; border-left:0; background:#f9f9f9;}
.research-item .info h3 {padding-bottom:30px; margin-bottom:30px; font-size:24px; color:#000; position:relative;}
.research-item .info h3:after {content:''; display:block; width:20px; height:3px; background:#ef3f3e; position:absolute; left:0; bottom:0;}
.research-item .info h3:before {content:''; display:block; width:80px; height:80px; background:url(../images/tech/i-research_01.svg)center /33% no-repeat; position:absolute; right:0; top:0; border:2px dotted #999; border-radius:50%;}
.research-item:nth-child(2) .info h3:before {background-image:url(../images/tech/i-research_02.svg); background-size:46%;}
.research-item:nth-child(3) .info h3:before {background-image:url(../images/tech/i-research_03.svg); background-size:36%;}
.research-item .info h3 span {padding-bottom:15px; display:block; font-size:15px;}
.research-item .info ul li {position:relative; padding-left:15px;margin-top:15px;}
.research-item .info ul li:before {content:''; display:block; width:4px; height:4px; background:#343969; position:absolute; left:0; top:10px; border-radius:50%;}

/* ***** 기술현황::품질경영 ***** */

.quality-tit {}
.quality-tit h3 {padding:25px 60px; font-size:36px; font-weight:700; border-bottom:2px solid; line-height:1.4; text-align:center; position:relative;}
.quality-tit h3:before,
.quality-tit h3:after {content:''; display:block; width:40px; height:40px; background:url(../images/common/i-quote.svg)center /100% no-repeat; position:absolute; top:0;}
.quality-tit h3:before {left:0; transform:rotate(180deg);}
.quality-tit h3:after {right:0;}
.quality-info {padding:30px; display:table; width:100%;}
.quality-info>div {display:table-cell; vertical-align:middle; width:50%;}
.quality-info-txt {}
.quality-info-txt ul {}
.quality-info-txt ul li {display:table; width:100%;}
.quality-info-txt ul li:nth-child(2) {padding:30px 0; margin:30px 0; border-style:solid; border-color:#e5e5e5; border-width:1px 0 1px;}
.quality-info-txt ul li>* {display:table-cell; vertical-align:middle;}
.quality-info-txt ul li h4 {width:160px; font-size:22px; color:#000; font-weight:700; padding-right:18px; line-height:1.3;}
.quality-info-txt ul li div {width:calc(100% - 160px);}
.quality-info-txt ul li div p {padding-left:15px; position:relative; line-height:1.9;}
.quality-info-txt ul li div p:before {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#999; position:absolute; left:0; top:12px;}
.quality-info-img {text-align:center;}
/*
.quality {}
.quality-tit {text-align:center; }
.quality-tit h3 {display:inline-block; padding:30px 80px 100px; font-size:42px; font-weight:700;line-height:1.4; position:relative;}
.quality-tit h3:before,
.quality-tit h3:after {content:''; display:block; width:40px; height:40px; background:url(../images/common/i-quote.svg)center /100% no-repeat; position:absolute; top:0;}
.quality-tit h3:before {left:0; transform:rotate(180deg);}
.quality-tit h3:after {right:0;}
.quality-inner {padding:200px 0 0; background:url(../images/tech/quality-img.jpg)center /cover no-repeat;}
.quality-inner-txt {margin-left:50%; padding:50px 80px 0; background:#fff;}
.quality-inner-txt h4 {padding-left:30px; position:relative; font-size:24px; font-weight:700; color:#000; line-height:1.4;}
.quality-inner-txt h4:before {content:'';display:block; width:5px; height:90%;background:#ef3f3e;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.quality-inner-txt ul {padding:50px 0 0;}
.quality-inner-txt ul li {font-size:19px; font-weight:700; line-height:80px; color:#fff; background:linear-gradient(to right, #343969, #ef3f3e); position:relative; border-radius:50px; text-align:center;}
.quality-inner-txt ul li+li {margin-top:20px;}
.quality-inner-txt ul li:before {content:'';display:block; width:60px; height:60px; background:#fff url(../images/tech/i-review.svg)center /50% no-repeat; position:absolute; left:10px; top:10px; border-radius:50%;}
.quality-inner-txt ul li:nth-child(2):before {background-image:url(../images/tech/i-Inspection.svg); background-size:56%;}
.quality-inner-txt ul li:nth-child(3):before {background-image:url(../images/tech/i-quality.svg);}
*/



	
/* ***** 기술현황::인증 및 수상 ***** */
.certified-list {}
.certified-list li {float:left; margin-bottom:10px; width:calc((100% - 100px)/6); border:1px solid #e5e5e5; border-top-color:#343969; text-align:center;}
.certified-list li:hover p {background:#f9f9f9;}
.certified-list li+li {margin-left:20px;}
.certified-list li:nth-child(6n+1) {margin-left:0;}
.certified-list li:nth-child(6)~li {margin-bottom:0;}
.certified-list li div {padding:20px; height:240px;}
.certified-list li span.img {border:1px solid #e5e5e5; height:100%; background-size:contain !important;}
.certified-list li p {color:#000; border-top:1px solid #e5e5e5; padding:15px 10px; line-height:1.2; font-size:15px;}



/****** 온라인상담 *******/
.customer .agree_topBox dl {padding:20px; height:200px; overflow-y:auto; border:1px solid #ddd; border-bottom:0;}
.customer .agree_topBox dl dt {padding:0; color:#000; font-weight:400; margin-top:20px; padding-bottom:5px;}
.customer .agree_topBox dl dt:first-child {margin-top:0px;}
.customer .agree_topBox dl dd {font-weight:300;}
.customer .agree_topBox .ckwrap {background:#666;color:#fff;padding:10px 20px;margin-bottom: 30px;}
.customer .agree_topBox .ckwrap> * {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
.customer .agree_topBox .ckwrap input {display:none;}
.customer .agree_topBox .ckwrap label {height:18px;padding-left:25px; font-size:15px;background:url(../images/common/check-before.png) no-repeat 0 50%; cursor:pointer;line-height: 18px;}
.customer .agree_topBox .ckwrap input:checked+label {background:url(../images/common/check-on.png) no-repeat 0 50%;}
		
.customer form {box-shadow: 7px 6px 11px 0px rgba(0,0,0,.06);max-width:640px;margin:0 auto;padding:2.5em 2em 2em 2em;background: #fff;border: 1px solid #ddd;}
.customer .group {position: relative;margin-bottom:30px;}
.customer .group textarea{padding:10px;width: 100%;height:250px;border:1px solid #999;outline:none;}
.customer .group input {font-size:16px;padding:8px 10px 8px 5px;-webkit-appearance: none;display: block;background: #fff;color: #636363;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid #757575;line-height:1;}
.customer .group input:focus { outline: none; }
.customer .group label {color: #999; font-size: 16px;font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 3px;transition: all 0.2s ease;}
.customer .group input:focus ~ label, .customer .group input.used ~ label {top: -20px; transform: scale(.75); left: -2px;/* font-size: 14px; */color: #4a89dc;}
.customer .bar {position: relative;display: block;width: 100%;}
.customer .bar:before, .customer .bar:after {content: '';height: 2px!important;width: 0;bottom:0px;position: absolute;background: #4a89dc;transition: all 0.2s ease;}
.customer .bar:before { left: 50%; }
.customer .bar:after { right: 50%; }

.customer .group input:focus ~ .bar:before, .customer .group input:focus ~ .bar:after { width: 50%; }
.customer .highlight {position: absolute;height: 60%; width: 100px; top: 25%; left: 0;pointer-events: none;opacity: 0.5;}
input:focus ~ .highlight {animation: inputHighlighter 0.3s ease;}

.customer .button {position: relative;display: inline-block;padding: 15px 24px;margin: .3em 0 1em 0;width: 100%;vertical-align: middle;color: #fff;font-size: 16px;line-height: 20px;-webkit-font-smoothing: antialiased;text-align: center;letter-spacing:-1px;background: transparent;border: 0;cursor: pointer;transition: all 0.15s ease;}
.customer .button:focus {outline: 0;}

.customer .buttonBlue {background: #145eaa;}
.customer .buttonBlue:hover { background: #357bd8;}

.customer .ripples {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow: hidden;background: transparent;}
.customer .ripplesCircle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;width: 0;height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.25);}
.customer .ripples.is-active .ripplesCircle { animation: ripples .4s ease-in;}

/* 온라인상담 - 자동입력방지 */
.customer .autoCodeWrap:after{content:'';display:block;clear:both;}
.customer .autoCodeWrap>div {float:left; display:inline-block;}
.customer .autoCodeWrap>.autoCode {width:20%;letter-spacing:1px;}
.customer .autoCodeWrap>div:last-child {width:80%;height: 20px;line-height: 20px;}
.customer .autoCodeWrap>.autoCode>span {color:#ff4000 !important; font-weight:700 !important; font-size:1.2em !important; font-style:Italic !important;}
	
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #999;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999;}
::-ms-input-placeholder { /* Microsoft Edge */color: #999;}




/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* ************************* 공통 ************************* */
	/* 탭 */
	.tabWrap {}
	.tabWrap.type1 {padding-bottom:40px;}
	/* ***** 테이블 ***** */
	/* 테이블::type1 */
	.tableWrap.type1 {}
	
	
	/* ************************ 회사소개 ************************ */
	
	/* ***** 회사소개::인사말 ***** */
	.greet {}
	.greet-inner {}
	.greet-inner>div {float:none;}
	.greet-people {width:320px;}
	.greet-people p {background-position:calc(100% - 50px) center;}
	.greet-text {width:calc(100% - 320px);}
	.greet-text p.tit {font-size:22px; line-height:30px;}
	.greet-text p+p {padding-top:20px;}
	
	/* ***** 회사소개::기업현황 ***** */
	.company-wrap {padding:400px 0 0; background-size:100%; background-position:center top;}
	.company-info {margin-left:0; padding:50px 0 0;}
	.company-info h4 {font-size:30px; margin-bottom:30px; padding-bottom:30px;}
	.company-info h4:before {width:40px; height:4px;}
	.company-info h4:after {width:70px; height:70px; background-size:36px;}
	.company-info dl {}
	.company-info dl>* {}
	.company-info dt {}
	.company-info dd {padding-left:120px; padding-bottom:15px;}
	
	
	
	/* ***** 회사소개::연혁 ***** */
	.history {}
	.history-inner {}
	.history-inner ul li {padding:0 40px 60px}
	.history-inner ul li p {font-size:32px; padding:0 0 25px;}
	.history-inner ul li dl {padding:0 40px ;}
	.history-inner ul li dt {font-size:18px;}
	.history-inner ul li dd {font-size:18px; padding-bottom:25px;}
	.history-inner ul li:before {width:19px; height:19px; border-width:4px; top:5px;}
	.history-inner ul li:nth-child(odd):before {left:-9px;}
	.history-inner ul li:nth-child(even):before {right:-10px;}
	
	/* ***** 회사소개::조직도 ***** */


	/* ***** 회사소개::주요고객사 ***** */
	.client-tit h3 {font-size:32px;}
	.client-tit p {padding:15px 0 50px;}
	.client-list li div {padding:40px 30px;}
	.client-list li {width:calc((100% - 40px)/3);}
	.client-list li:nth-child(5n+1) {margin-left:20px;}
	.client-list li:nth-child(3n+1) {margin-left:0;}
	.client-list li:nth-child(9)~li {margin-bottom:0;}
	
	
	
	/* ***** 회사소개::찾아오시는길 ***** */
	.location-inner {display:block;}
	.location-inner>div {display:block; width:100% !important; height:auto;}
	.location-text {padding:60px 40px 130px; margin:0 0 30px;}
	.location-text h3 {font-size:32px; padding:0 0 20px; margin:0 0 50px;}
	.location-map {height:500px !important;}
	
	
	/* ************************ 제품소개 ************************ */
	.product-tit h3 {font-size:30px; padding:0 0 0 20px; margin:0 0 40px 0; line-height:1.4;}
	.product-desc>div {padding:40px; display:block; width:100%;}
	.product-desc-txt {}
	.product-desc-txt h4 {padding:0 0 50px 0;}
	.product-desc-txt h4:before {width:40px;}
	
	.product-info-detail {padding:30px 40px;}
	.product-info-detail .img {height:350px;}
	.product-info-list ul li {width:calc((100% - 30px)/4);}
	/* .product-info-list ul li+li {margin-left:10px;} */
	.product-info-list ul li:nth-child(5n+1) {margin-left:10px;}
	.product-info-list ul li:nth-child(4n+1) {margin-left:0;}
	.product-info-list ul li a {padding:20px 30px;}
	.product-info-list ul li.on a {}
	.product-info-list ul li a .img {height:80px;}
	
	/* ************************ 주요실적 ************************ */
	.performance .tableWrap.type2 tr>* {}
	.performance .tableWrap.type2 th {font-size:18px;}
	.performance .tableWrap.type2 td {font-size:16px;}
	
	/* ************************ 기술현황 ************************ */
	/* ***** 기술현황::기술연구소 ***** */
	.research-item>div { display:block !important;}
	.research-item .img {width:100%; height:400px;}
	.research-item .info {padding:40px; border-left:1px solid #e5e5e5; border-top:0;}
	
	
	/* ***** 기술현황::품질경영 ***** */
	.quality-tit h3 {font-size:36px;}
	.quality-tit h3:before,
	.quality-tit h3:after {width:34px;}
	.quality-info {display:block; padding:40px;}
	.quality-info>div {display:block; width:100%;}
	.quality-info-img {margin-top:40px;}
	.quality-info-img img {max-width:60%;}
	/*
	.quality-tit h3 {font-size:36px; padding:30px 80px 50px;}
	.quality-tit h3:before, .quality-tit h3:after {width:34px;}
	.quality-inner {padding:150px 0 0;}
	.quality-inner-txt {margin-left:40%; padding:40px 60px 0;}
	.quality-inner-txt ul {padding:40px 0 0;}
	.quality-inner-txt ul li {line-height:70px; font-size:18px;}
	.quality-inner-txt ul li+li {margin-top:15px;}
	.quality-inner-txt ul li:before {width:50px; height:50px;}
	*/
	
	
	/* ***** 기술현황::인증 및 수상 ***** */
	.certified-list li div {padding:30px;}
	.certified-list li {width:calc((100% - 40px)/3);}
	.certified-list li:nth-child(6n+1) {margin-left:20px;}
	.certified-list li:nth-child(3n+1) {margin-left:0;}
	.certified-list li:nth-child(9)~li {margin-bottom:0;}
	
	
}



/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	/* ************************* 공통 ************************* */
	/* 탭 */
	.tabWrap {}
	.tabWrap.type1 {padding-bottom:30px;}
	
	/* ***** 테이블 ***** */
	/* 테이블::type1 */
	.tableWrap.type1 {}
	.tableWrap.type1 tr>* {padding:6px 12px;}
	
	
	
	/* ************************ 회사소개 ************************ */
	
	/* ***** 회사소개::인사말 ***** */
	.greet-inner>div {}
	.greet-people {margin:0 auto;}
	.greet-people span img {max-width:100%;}
	.greet-people p {margin-top:0;}
	.greet-people p b {font-size:17px;}
	.greet-text {width:100%; padding-top:20px;}
	.greet-text p.tit {font-size:19px;}
	.greet-text p+p {padding-top:10px;}
	
	/* ***** 회사소개::기업현황 ***** */
	
	.company-wrap {margin-top:0; padding:43vw 0 0;}
	.company-info {padding:30px 0 0;}
	.company-info h4 {font-size:24px; margin-bottom:30px; padding-bottom:30px;}
	.company-info h4:before {width:30px; height:3px;}
	.company-info h4:after {width:50px; height:50px; background-size:25px;}
	html[lang="en"] .company-info dd {padding-left:10px !important; padding-top:30px;}
	
	
	
	/* ***** 회사소개::연혁 ***** */
	.history {}
	.history-inner {}
	.history-inner ul:before {left:8px;}
	.history-inner ul li {width:100%; padding:0 0 40px 40px; text-align:left !important;}
	.history-inner ul li:nth-child(odd) {margin-left:0;}
	.history-inner ul li p {font-size:27px; padding:0 0 20px;}
	.history-inner ul li dl {padding:0 0 0 40px;}
	.history-inner ul li dt {font-size:16px;}
	.history-inner ul li dd {font-size:16px; padding-bottom:15px;}
	.history-inner ul li:before {width:17px; height:17px; border-width:3px; top:4px; left:0 !important;}
	.history-inner ul li:nth-child(even) dt {right:auto; left:0;}
	.history-inner ul li:nth-child(odd):before {}
	.history-inner ul li:nth-child(even):before {right:auto;}
	
	/* ***** 회사소개::조직도 ***** */


	/* ***** 회사소개::주요고객사 ***** */
	.client-tit h3 {font-size:24px;}
	.client-tit p {padding:10px 0 30px;}
	.client-list li div {padding:40px 20px;}
	.client-list li p {padding:12px 5px;}
	.client-list li {width:calc((100% - 10px)/2); margin-bottom:10px !important;}
	.client-list li+li {margin-left:10px !important;}
	.client-list li:nth-child(3n+1) {}
	.client-list li:nth-child(2n+1) {clear:both; margin-left:0 !important;}
	.client-list li:nth-child(10)~li {margin-bottom:0 !important;}
	
	
	/* ***** 회사소개::찾아오시는길 ***** */
	.location-text {padding:40px 30px 94px;}
	.location-text h3 {font-size:28px; padding:0 0 10px;margin:0 0 30px;}
	.location-text dl>* {}
	.location-text dt {position:relative;}
	.location-text dd {padding:0 0 15px 10px; position:relative;}
	.location-text dd:before {content:''; display:block; width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,.8); position:absolute; left:0; top:10px;}	
	.location-text a.detail {height:54px; line-height:54px;}
	
	/* ************************ 제품소개 ************************ */
	.product-tit h3 {font-size:24px; padding:0 0 0 15px; margin:0 0 30px;}
	.product-tit h3:before {width:3px;}
	.product-desc>div {padding:30px;}
	.product-desc-img {}
	.product-desc-img img {max-height:140px;}
	.product-desc-txt h4 {padding:0 0 30px; font-size:21px;}
	.product-desc-txt h4:before {width:30px;}
	.product-desc-txt p {padding:10px 0 0; line-height:1.8;}
	.product-info-detail {padding:20px 30px;}
	.product-info-detail .img {height:250px;}
	.product-info-list ul li {width:calc((100% - 20px)/3);}
	.product-info-list ul li:nth-child(4n+1) {margin-left:10px;}
	.product-info-list ul li:nth-child(3n+1) {margin-left:0;}
	.product-info-list ul li a {padding:15px  20px;}
	.product-info-list ul li a .img {height:13vw;}
	
	/* ************************ 주요실적 ************************ */
	.performance .tableWrap.type2 tr>* {padding:10px 20px;}
	.performance .tableWrap.type2 th {font-size:16px;}
	.performance .tableWrap.type2 td {font-size:15px;}
	
	
	/* ************************ 기술현황 ************************ */
	/* ***** 기술현황::기술연구소 ***** */
	
	.research-item .img {height:50vw;}
	.research-item .info {padding:30px;}
	.research-item .info h3 {font-size:20px; padding:0 0 20px; margin:0 0 20px;}
	.research-item .info h3 span {font-size:14px; padding-bottom:10px;}
	.research-item .info ul li {margin:10px 0 0;}
	.research-item .info h3:before {width:60px; height:60px;}
	
	/* ***** 기술현황::품질경영 ***** */
	.quality-tit h3 {font-size:24px; padding:20px 50px;}
	.quality-tit h3:before, .ideology-tit h3:after {width:28px;}
	.quality-info {padding:30px 0;}
	.quality-info-txt ul li h4 {font-size:18px; width:150px;}
	.quality-info-txt ul li:nth-child(2) {padding:20px 0; margin: 20px 0;}
	.quality-info-img {margin-top:30px}
	.quality-info-img img {max-width:80%;}
	/*
	.quality-tit h3:before, .quality-tit h3:after {width:28px;}
	.quality-tit h3 {font-size:24px; padding:20px 60px 30px;}
	.quality-inner {padding:40vw 0 0; background-position:center top; background-size:100%;}
	.quality-inner-txt {margin-left:0; padding:20px 0 0;}
	.quality-inner-txt h4 {padding-left:20px; font-size:20px;}
	.quality-inner-txt h4:before {width:3px;}
	.quality-inner-txt ul {padding:20px 0 0;}
	.quality-inner-txt ul li {font-size:15px; line-height:50px;}
	.quality-inner-txt ul li:before {left:5px; top:5px; width:40px; height:40px;}
	.quality-inner-txt ul li+li {margin-top:10px;}
	*/
	/* ***** 기술현황::인증 및 수상 ***** */
	.certified-list li div {padding:40px 20px;}
	.certified-list li p {padding:12px 5px;}
	.certified-list li {width:calc((100% - 10px)/2); margin-bottom:10px !important;}
	.certified-list li+li {margin-left:10px !important;}
	.certified-list li:nth-child(3n+1) {}
	.certified-list li:nth-child(2n+1) {clear:both; margin-left:0 !important;}
	.certified-list li:nth-child(10)~li {margin-bottom:0 !important;}
	
	
	
	/* 온라인 상담 */
	.customer .agree_topBox{font-size:14px;line-height:1.7}
	.customer .agree_topBox dl dt{margin-top:10px;}
	.customer .agree_topBox .ckwrap label{padding-left: 20px;background-size:14px;height:14px;line-height:14px; font-size: 13px;}
	.customer .agree_topBox .ckwrap input:checked+label{background-size:14px;}
	
	.customer .group{margin-bottom:23px;}
	.customer form{padding:20px;}
	.customer .group input{padding: 10px 10px 6px 5px;font-size: 15px;}
	.customer .group label{top: 5px;font-size: 14px;}
	.customer .group input:focus ~ label, .customer .group input.used ~ label {top: -15px;}
	.customer .group textarea{height:150px;font-size:14px;line-height:1.3}
	.customer ::placeholder {letter-spacing:-1px;font-size:12px;}
	
	.customer .autoCodeWrap>div{width:100%!important;float:inherit!important;}
	.customer .autoCodeWrap>div.autoCode{line-height: 1;}
	.customer .autoCodeWrap>div:last-child{height:auto;line-height:inherit;}
	
}