@charset "utf-8";

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}


/* ******************** 공용 ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* 격자형 구조 - 테이블 스타일 */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

.c_acc {color:#58a92a !important;} /* 강조색상 */
.c_sub1 {color:#ee8e00 !important;} /* 보조색상1 */
.c_sub2 {color:#ee8e00 !important;} /* 보조색상2 */
.c_sub3 {color:#ee8e00 !important;} /* 보조색상2 */

button {cursor:pointer;}
.shadow {box-shadow:5px 5px 10px rgba(0,0,0,.05);}


select {
padding-right:50px !important;
background:url(../images/common/i-down-black.png) no-repeat right 20px center !important;
border-radius:0; /* 아이폰 사파리 보더 없애기 */
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/
}

select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
select:focus {border:1px solid #3852b7 !important;}



/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px),print {

	/************************ 회사소개 ************************/
	/** 인사말 **/
	.intro {}
	.intro .sub-section {position:relative; padding-bottom:90px;}
	.intro .deco {position:absolute; right:0; bottom:0; font-size:160px; font-weight:900; color:#e5e5e5; line-height:1; opacity:.2; text-transform:uppercase;}
	.intro dl {margin-top:40px; z-index:99}
	.intro dl>* {float:left;}
	.intro dl dt {width:calc(50% - 60px); padding-right:60px; font-size:33px; font-weight:500;}
	.intro dl dd {width:calc(50% + 60px); font-size:18px; font-weight:300;}

	/** 인사말 - 영어 **/
	.intro.eng dl dt {line-height:1.3}

	/** 인사말 - 일어 **/
	.intro.jap dl dt {line-height:1.3; word-break:break-word; font-weight:700}
	

	/** 경영이념 및 방침 **/
	.mission {}
	.mission-idea-wrap {}
	.mission-idea-wrap .box {position:relative; padding:30px 0; background:url(../images/company/mission_bg.png) no-repeat left -50px center; background-size:100%;}
	
	.mission-idea-wrap .box .circle {display:inline-block; width:120px; height:120px; padding:30px; border-radius:100%; text-align:center; color:#fff}
	.mission-idea-wrap .box .circle.cc01 {background:#191654}
	.mission-idea-wrap .box .circle.cc02 {background:#3852b7}
	.mission-idea-wrap .box .circle.cc03 {background:#43c6ac}

	.mission-idea-wrap .box .center-line {position:absolute; left:50%; top:145px; width:820px; height:1px; margin-left:-410px; background:#e5e5e5}
	.mission-idea-wrap .box .center-line:before {position:absolute; left:-11px; top:-5.5px; content:''; width:11px; height:11px; border-radius:100%; background:#e5e5e5}
	.mission-idea-wrap .box .center-line:after {position:absolute; right:-11px; top:-5.5px; content:''; width:11px; height:11px; border-radius:100%; background:#e5e5e5}
	.mission-idea-wrap .box .height-line {position:absolute; left:50%; top:30px; width:1px; height:350px; background:#e5e5e5}

	.mission-idea-wrap .box ul {position:relative; max-width:820px; margin:0 auto; z-index:999;}
	.mission-idea-wrap .box ul li {float:left; padding-top:60px; width:calc((100% - 350px)/2); text-align:center;}
	.mission-idea-wrap .box ul li.center {min-width:350px; padding-top:0;}
	.mission-idea-wrap .box ul li i {min-height:25px;}
	.mission-idea-wrap .box ul li p {margin-top:10px;}
	.mission-idea-wrap .box ul li dd {padding-top:15px;}

	.mission-idea-wrap .box>div {margin-top:60px; text-align:center; z-index:999}
	.mission-idea-wrap .box>div>dl {display:inline-block;}
	.mission-idea-wrap .box>div>dl .circle {padding:30px 10px}
	.mission-idea-wrap .box>div>dl .circle p {margin-top:5px;}
	.mission-idea-wrap .box>div>dl dd {padding-top:15px;}

	
	.mission-policy-wrap {padding-top:40px; margin-top:20px !important; border-top:1px solid #e5e5e5}
	.mission-policy-wrap .ss-title02 {margin-bottom:40px;}
	.mission-policy-wrap .policy-section {float:left; width:calc((100% - 60px)/2); border-radius:15px 0 15px 0; border:1px solid #e5e5e5; overflow:hidden; box-shadow:5px 5px 10px rgba(0, 0, 0, .08)}
	.mission-policy-wrap>div+div {margin-left:60px;}
	.mission-policy-wrap>div.policy-inner {background:#344357}
	.mission-policy-wrap>div.policy-out {background:#26313f}

	.mission-policy-wrap .policy-section>div {float:left;}
	.mission-policy-wrap .policy-section>div:first-child{width:160px; padding:70px 0; text-align:center;}
	.mission-policy-wrap .policy-section>div:first-child i {min-height:45px;}
	.mission-policy-wrap .policy-section>div:first-child p {margin-top:20px; font-size:18px; color:#fff}

	.mission-policy-wrap .policy-section .policy-list {width:calc(100% - 160px); padding:30px; background:#fff}
	.mission-policy-wrap .policy-section .policy-list dl {margin-bottom:20px;}
	.mission-policy-wrap .policy-section .policy-list dl:last-child {margin-bottom:0}
	.mission-policy-wrap .policy-section .policy-list dl dd {font-weight:300; color:#666}



	/** 경영이념 및 방침 - 영어 **/
	.mission.eng {}
	.mission.eng .circle {width:130px; height:130px; line-height:1.3}
	.mission.eng .mission-policy-wrap .policy-section>div:first-child {padding:70px 30px;}
	.mission.eng .mission-idea-wrap .box .height-line {position:absolute; left:50%; top:30px; width:1px; height:365px; background:#e5e5e5}

	/** 경영이념 및 방침 - 일어 **/
	.mission.jap .mission-idea-wrap .box ul {word-break:break-word}
	.mission.jap .circle {width:130px; height:130px; line-height:1.3; word-break:break-word; padding:35px 20px;}
	.mission.jap .mission-idea-wrap .box .circle.cc02 {padding:35px 20px;}
	.mission.jap .mission-idea-wrap .box .circle.cc02 p {margin-top:10px;}
	.mission.jap .mission-policy-wrap .policy-section .policy-list {min-height:275px;}

	/** 경영이념 및 방침 - 중국어 **/
	.mission.chi .mission-idea-wrap .box .height-line {height:355px}
	.mission.chi .mission-idea-wrap .box ul {word-break:break-word}
	.mission.chi .mission-idea-wrap .box ul li dd {padding:15px 30px}
	.mission.chi .circle {width:130px; height:130px; line-height:1.3; word-break:break-word; padding:35px 20px;}
	.mission.chi .mission-idea-wrap .box .circle.cc02 {padding:35px 20px;}
	.mission.chi .mission-idea-wrap .box .circle.cc02 p {margin-top:10px;}
	.mission.chi .mission-idea-wrap .box>div>dl>dd {width:250px;} 




	/** 회사연혁 **/
	.history {}
	.history .current {position:relative;}
	.history .current>div {width:calc(50% + 60px);}
	.history .current>div.img {height:380px; overflow:hidden;}
	.history .current>div.text{position:absolute; right:0; top:40px; padding:40px; color:#fff; background:#3852b7 url(../images/company/history_bg.png) no-repeat right bottom; z-index:99; box-shadow:5px 5px 10px rgba(0, 0, 0, .08)}
	.history .current>div dl {margin-bottom:20px}
	.history .current>div dl:last-child {margin-bottom:0}
	.history .current>div dl dt {float:left; width:105px; font-weight:700;}
	.history .current>div dl dd {position:relative; float:left; width:calc(100% - 105px); padding-left:15px; font-weight:300}
	.history .current>div dl dd:before {position:absolute; left:0; top:12px; content:''; width:5px; height:1px; background:#fff}

	.history .past {}
	.history .past ul {position:relative; padding-top:40px;}
	.history .past ul:before {position:absolute; left:50%; top: -10px; content:''; width:1px; height:100%; margin-left:-60px; background:#e5e5e5}
	.history .past ul:first-child {padding-top:40px;}
	.history .past ul>li {float:left;}
	.history .past ul>li.year {position:relative; width:calc(50% - 60px); text-align:right; padding-right:60px; font-size:24px; font-weight:700;}
	.history .past ul>li.year:after {position:absolute; right:-11px; top:10px; content:''; display:inline-block; width:20px; height:20px; background:url(../images/company/history_dot.png) no-repeat center}
	.history .past ul>li:last-child {width:calc(50% + 60px)}
	.history .past ul>li dl {padding-top:7px; padding-left:60px;}
	.history .past ul>li dl>* {float:left}
	.history .past ul>li dl dt {margin-right:30px}
	.history .past ul>li dl dd {font-weight:300; color:#666}


	/** 회사연혁 - 영어 **/
	.history.eng .past ul>li dl dt {width:50px; margin-right:0}
	.history.eng .past ul>li dl dd {width:calc(100% - 50px)}





	/** 장비보유 현황 **/
	.equ {}
	.equ .part1 {}
	.equ .part1>div {float:left; width:calc((100% - 60px)/3);}
	.equ .part1>div+div {margin-left:30px;}
	.equ .part1>div h2 {font-size:18px; font-weight:400; text-align:center; line-height:45px; color:#fff; background:#3852b7}
	.equ .part1>div:nth-child(2) h2 {background:#4863cb}
	.equ .part1>div ul {padding:15px; border:1px solid #e5e5e5; border-top:none;}
	.equ .part1>div ul li {float:left; width:calc((100% - 10px)/2);}
	.equ .part1>div ul li+li {margin-left:10px;}

	.equ .part2 {margin-top:30px;}
	.equ .part2 table {border:1px solid #e5e5e5; text-align:center;}
	.equ .part2 table tr {border-bottom:1px solid #e5e5e5;}
	.equ .part2 table tr:last-child {border-bottom:none;}
	.equ .part2 table tr>* {width:calc((100% - 85px)/3); border-right:1px solid #e5e5e5;}
	.equ .part2 table tr>*:nth-child(3) {width:85px}
	.equ .part2 table tr>*:last-child {border-right:none;}
	.equ .part2 table tr th {font-weight:500; line-height:45px; background:#f5f5f5;}
	.equ .part2 table tr td {padding:12px 20px; font-weight:300}


	/** 인증/기술현황 **/
	.confirm {}
	.confirm .img-wrap {margin-top:30px; padding:30px; border:1px solid #e5e5e5; background:#f5f5f5}
	.confirm .img-wrap ul:after {clear:both; content:''; display:block;}
	.confirm .img-wrap ul li {float:left; width:calc((100% - 50px)/6);overflow:hidden;}
	.confirm .img-wrap ul li+li {margin-left:10px;}
	.confirm .img-wrap ul li p {margin-top:10px; text-align:center;}
	.confirm .img-wrap ul li img { border:1px solid #e5e5e5; }

	.confirm .ss-list dl {line-height:1; margin-bottom:15px;}
	.confirm .ss-list dl dd {font-weight:300; color:#666}

	.confirm .part2 .ss-list-title {min-width:90px}
	.confirm .part2 .ss-list dl:last-child .ss-list-gray {border-left:none}
	.confirm .part2 .img-wrap ul li {float:left; width:calc((100% - 30px)/4);overflow:hidden;}

	.confirm .part3 .img-wrap ul li {float:left; width:calc((100% - 30px)/4);overflow:hidden;}




	/************************ 비즈니스 ************************/
	/** 시스템사업 - 공통 **/
	.system {}
	.system .sub-tab ul li:nth-child(-n+3) {border-bottom:1px solid #e5e5e5}


	.system-define {position:relative; padding:60px; background:#f5f5f5}
	.system-define>div {float:left;}
	.system-define>div:last-child {width:210px;}
	.system-define>div:last-child ul li {margin-bottom:10px;}
	.system-define .part1 {width:calc(100% - 210px)}
	.system-define .part1 h3 {margin-bottom:30px; font-size:30px; font-weight:900;}
	.system-define .part1 p {font-weight:300}
	.system-define .part1 ul {width:540px; margin-top:30px;}
	.system-define .part1 ul li {padding:8px 50px; padding-right:30px; margin-bottom:10px; font-weight:300; background:#fff url(../images/business/system_icon01.png) no-repeat 10px top; border:1px solid #e5e5e5;}


	.system .system-contents ul li {float:left; width:calc((100% - 20px)/3)}
	.system .system-contents ul li+li {margin-left:9.9px;}
	.system .system-contents ul li p {padding:10px 10px; text-align:center; font-weight:300; background:#f5f5f5; }

	.system01 .system-contents {}
	.system01 .system-contents ul {margin-top:15px;}
	.system01 .system-contents ul li {width:calc((100% - 50px)/6); margin-bottom:10px;}
	.system01 .system-contents ul li:nth-child(6n+1) {margin-left:0}
	
	
	.system02 .system-contents ul li {width:calc((100% - 20px)/3);}
	.system02 .system-contents ul li {width:calc((100% - 20px)/3);}

	.system04 .system-contents ul li {width:calc((100% - 30px)/4); margin-bottom:10px}
	

	.system05 .system-contents .img-wrap {}
	.system05 .system-contents .img-wrap:after {clear:both; content:''; display:block;}
	.system05 .system-contents .img-wrap>section {float:left; width:calc((100% - 60px)/2)}
	.system05 .system-contents .img-wrap>section+section {margin-left:60px;}
	.system05 .system-contents .img-wrap>section .ss-list {margin-bottom:15px;}


	
	/** 시스템사업 - 영어 **/
	.system.eng .system-define .part1 ul li {width:785px}
	.system01.eng .system-contents ul li p {min-height:70px; font-size:15px;}
	.system03.eng .system-contents ul li p {min-height:95px}


	/** 시스템사업 - 일어 **/
	.system.jap .system-define .part1 ul li {width:635px}
	.system01.jap .system-contents ul li p {min-height:70px;}
	.system02 .system-contents ul li p {font-size:15px;}
	.system04.jap .system-contents ul li p {padding:10px 5px; min-height:70px; text-align:center; font-weight:300; background:#f5f5f5; }
	

	/** 시스템사업 - 중국어 **/
	.system.chi .system-define .part1 ul li {width:575px}
	.system03.chi .system-contents ul li p {min-height:70px}
	.system04.chi .system-contents ul li p {padding:10px 5px; text-align:center; font-weight:300; background:#f5f5f5; }






	/** 정밀가공 사업 **/
	.prec {}
	.prec .sub-tab ul {display:table; width:100%;}
	.prec .sub-tab li {float:none; width:25%; display:table-cell; vertical-align:middle;}
	.prec .sub-tab li:nth-child(3) {border-right:1px solid #e5e5e5}
	.prec .sub-tab li:last-child {border-right:none;}
	.prec .sub-tab li a {}

	.prec-define {}
	.prec-define>div {}
	.prec-define .define-process {}
	.prec-define .define-process li {float:left;}
	.prec-define .define-process li+li {margin-left:20px;}


	.prec-define .define-img {}
	.prec-define .define-img li {float:left; width:calc((100% - 30px)/4); margin-bottom:10px; background:#fff; text-align:center}
	.prec-define .define-img li+li {margin-left: 10px;}
	.prec-define .define-img li:nth-child(4n+1) {margin-left:0}
	.prec-define .define-img li:nth-child(5),.prec-define .define-img li:nth-child(6),.prec-define .define-img li:nth-child(7),.prec-define .define-img li:nth-child(8) {margin-bottom:0}
	.prec-define .define-img li img {width:100%;}

	.prec-table {}
	.prec-table table {border:1px solid #e5e5e5}
	.prec-table tr { border-bottom:1px solid #e5e5e5}
	.prec-table tr th {padding:0; background:#f5f5f5; line-height:45px; font-weight:400}
	.prec-table tr>* {padding:12px 20px; text-align:center; border-right:1px solid #e5e5e5}
	.prec-table tr>*:last-child {border-right:none;}
	.prec-table tr td {font-weight:300}
	.prec-table tr td:last-child {padding:12px 30px; text-align:left;}
	.prec-table tr td p {position:relative; padding-left:15px;}
	.prec-table tr td p:before {position:absolute; left:0; top:10px; content:''; display:inline-block; width:3px; height:3px; background:#000}

	
	.prec01 .prec-contents:after {clear:both; content:''; display:block;}
	.prec01 .prec-contents .ss-list {float:left; display:inline-block;}
	.prec01 .prec-contents .img {float:right;}
	.prec01 .prec-contents .img:after {clear:both; content:''; display:block;}
	.prec01 .prec-contents .img img {float:left;}
	.prec01 .prec-contents .img img+img {margin-left:10px;}
	.prec01 .prec-contents .ss-list li {position:relative; display:block; margin-bottom:15px;}
	.prec01 .prec-contents .ss-list li:last-child {margin-bottom:0}
	.prec01 .ss-section {margin-top:10px;}
	.prec01 .ss-section ul:after {clear:both; content:''; display:block;}
	.prec01 .ss-section ul li {float:left; width:calc((100% - 50px)/6);}
	.prec01 .ss-section ul li+li {margin-left:9.9px;}
	.prec01 .ss-section ul li:nth-child(-n+6) {margin-bottom:10px;}
	.prec01 .ss-section ul li:nth-child(7) {margin-left:0}
	.prec01 .ss-section ul li img {width:100%;}

	.prec02 .prec-contents table {border:1px solid #e5e5e5; text-align:center;}
	.prec02 .prec-contents table tr {border-bottom:1px solid #e5e5e5;}
	.prec02 .prec-contents table tr>* {padding:12px 20px;}
	.prec02 .prec-contents table tr:last-child {border-bottom:none;}
	.prec02 .prec-contents table tr th {border-right:1px solid #e5e5e5; background:#f5f5f5}
	.prec02 .prec-contents table th:last-child {border-bottom:none;}
	.prec02 .prec-contents table tr td {border-right:1px solid #e5e5e5;}
	.prec02 .prec-contents table td:last-child {border-bottom:none;}

	.prec03 .prec-contents {}
	.prec03 .prec-contents .ss-list {}
	.prec03 .prec-contents .ss-list dt {display:block;}
	.prec03 .prec-contents .ss-list dd {display:block; border-left:none; margin:10px 0 0; padding-left:30px; font-weight:300; color:#666;}
	.prec03 .prec-contents .img {margin-top:20px;}

	.prec04 .prec-contents {}
	.prec04 .prec-contents {margin-top:30px;}
	.prec04 .prec-contents>div>div{float:left; width:50%;}
	.prec04 .prec-contents>div+div {margin-top:10px}
	.prec04 .prec-contents>div .text {padding:30px; background:#f5f5f5; min-height:280px;}
	.prec04 .prec-contents>div .text ul {}
	.prec04 .prec-contents>div .text>div>ul>p {position:relative; padding-left:15px;}
	.prec04 .prec-contents>div .text>div>ul>p:after {position:absolute; left:0; top:50%; content:''; display:inline-block; width:3px; height:3px; margin-top:-1.5px; background:#000;}
	.prec04 .prec-contents>div .text>div>ul>li {position:relative; padding-left:30px; color:#666; font-weight:300; margin:5px 0}
	.prec04 .prec-contents>div .text>div>ul>li:after {position:absolute; left:15px; top:11px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.prec04 .prec-contents>div .text>div>ul>li .notice {display:block; color:#ef0000}
	.prec04 .prec-contents>div .text>ul {position:relative; margin-top:30px;}
	.prec04 .prec-contents>div .text>ul:before {position:absolute; left:0; top:7px; content:''; display:inline-block; width:100%; height:1px; background:#3852b7}
	.prec04 .prec-contents>div .text>ul li {position:relative; float:left; width:20%; padding-top:50px; font-weight:300; text-align:center;}
	.prec04 .prec-contents>div .text>ul li:after {position:absolute; left:50%; top:0; content:''; display:inline-block; width:15px; height:37px; margin-left:-7.5px; background:url(../images/business/precision04_dot.png) no-repeat top center;}
	.prec04 .prec-contents .img-wrap {width:100%; padding:30px; background:#f5f5f5}
	
	.prec04 .pc01 {margin-top:40px}
	.prec04 .pc01 .img-wrap ul li {position:relative; float:left;}
	.prec04 .pc01 .img-wrap ul li+li {margin-left:125px}
	.prec04 .pc01 .img-wrap ul li:after {position:absolute; left:-85px; top:50%; content:''; display:inline-block; width:50px; height:30px; margin-top:-15px; background:url(../images/business/precision04_arrow.png) no-repeat center;}
	.prec04 .pc01 .img-wrap ul li:first-child:after {display:none}
	.prec04 .pc01 .img-wrap ul li img {max-width:none;}

	.prec04 .pc02 .text {min-height:360px !important;}
	.prec04 .pc02 .img-wrap li {float:left; width:calc((100% - 30px)/4);}
	.prec04 .pc02 .img-wrap li+li {margin-left:10px;}




	.prec05 {}
	.prec05 .ss-list .ss-list-title {display:block;}
	.prec05 .ss-list .ss-list-title:last-child {margin-top:15px;}
	.prec05 .ss-section ul:after {clear:both; content:''; display:block;}
	.prec05 .ss-section ul li {float:left; width:calc((100% - 10px)/4)}
	.prec05 .ss-section ul li img {max-width:100%;}




	/** 미래역량사업 **/
	.future {}
	.future .future-text {text-align:center; font-weight:300;}
	.future .future-text>p:last-child {margin-top:30px;}
	.future .future-text>p:last-child span {display:inline-block; color:#3852b7; background:#eceef6; padding:8px 30px; border-radius:50px}
	.future .future-img {}
	.future .future-img>ul:first-child {float:left; width:480px;}
	.future .future-img>ul:last-child {float:left; width:calc(100% - 480px); padding-left:10px;}
	.future .future-img>ul:after {clear:both; content:''; display:block;}
	.future .future-img>ul:last-child li {float:left; width:calc((100% - 20px)/3);}
	.future .future-img>ul:last-child li+li {margin-left:10px;}
	.future .future-img>ul li p {padding:10px; text-align:center; background:#f5f5f5;}
	.future .future-img>ul li p span {display:block; font-weight:300}


	/** 미래역량사업 - 영어 **/
	.future.eng {}
	.future.eng .future-img>ul li p {padding:10px 20px; min-height:120px;}

	






	/************************ 기술 ************************/
	/** 기술 - 공통 **/
	.auto {}
	.auto img {max-width:none;}
	.auto .sub-tab li {width:25%}
	.sub-tab ul li:nth-child(3) {border-right:1px solid #e5e5e5}
	.auto .sub-tab li:last-child {border-right:none;}

	/** 자동화기술 **/
	.auto01 {}
	.auto01 .ss-list dl {}
	.auto01 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666; line-height:1; margin:12px 0}
	.auto01 .ss-list li:before {position:absolute; left:30px; top:8px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto01 .ss-section {width:50%;}
	.auto01 .ss-section ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center center; border:1px solid #e5e5e5; background-size:15px;}
	.auto01 .ss-section ul li {position:relative; float:left; width:calc((100% - 40px)/2);}
	.auto01 .ss-section ul li+li {margin-left:40px;}

	
	/** 자동화기술-컨베이어 **/
	.auto02 {}
	.auto02 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666; line-height:1; margin:12px 0}
	.auto02 .ss-list li:before {position:absolute; left:30px; top:8px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto02 .ss-section {float:left; width:calc((100% - 40px)/2);}
	.auto02 .ss-section+.ss-section {margin-left:40px;}
	.auto02 .ss-section:last-child {margin-left:0; margin-top:30px}
	.auto02 .ss-section ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center center; border:1px solid #e5e5e5; background-size:15px;}
	.auto02 .ss-section ul li {position:relative; float:left; width:calc((100% - 40px)/2);}
	.auto02 .ss-section ul li+li {margin-left:40px;}

	
	/** 자동화기술-마스크 **/
	.auto03 {}
	.auto03 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666; line-height:1; margin:12px 0}
	.auto03 .ss-list li:before {position:absolute; left:30px; top:8px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto03 .ss-section {}
	.auto03 .ss-section ul {margin-top:20px;}
	.auto03 .ss-section ul li {position:relative; float:left; width:calc((100% - 30px)/4);}
	.auto03 .ss-section ul li+li {margin-left:10px;}
	.auto03 .ss-section ul li:nth-child(4n+1) {margin-left:0}
	.auto03 .ss-section ul li:nth-child(-n+4) {margin-bottom:10px;}
	.auto03 .ss-section ul li p {text-align:center; padding:10px; font-weight:300; background:#f5f5f5;}


	/* 자동화기술-마스크::영어 */
	.auto03.eng .ss-section ul li p {text-align:center; padding:10px; font-size:15px; font-weight:300; background:#f5f5f5;}


	/** 자동화기술-협업로봇 **/
	.auto04 {}
	.auto04 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666; line-height:1; margin:12px 0}
	.auto04 .ss-list li:before {position:absolute; left:30px; top:8px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto04 .ss-section {width:50%}
	.auto04 .ss-section ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center center; border:1px solid #e5e5e5; background-size:15px;}
	.auto04 .ss-section ul li {position:relative; float:left; width:calc((100% - 40px)/2);}
	.auto04 .ss-section ul li+li {margin-left:40px;}

	

	/** 기술 - 영어 **/
	.auto.eng .sub-tab ul li {width:50%;}
	.auto.eng .sub-tab ul li:nth-child(2n) {border-right:none;}
	.auto.eng .sub-tab ul li:nth-child(-n+2) {border-bottom:1px solid #e5e5e5}

	.auto03.eng .ss-list li {line-height:1.3}

	
	/** 기술 - 일어 **/
	.auto03.jap .ss-list li {line-height:1.3}

	/** 기술 - 중국어 **/
	.auto03.chi .ss-list li {line-height:1.5}






	
	/** 정밀가공 **/
	.skill {}
	.skill .part1 {}
	.skill .part1 ul {margin-top:20px; padding:30px; background:#f5f5f5; border:1px solid #e5e5e5}
	.skill .part1 ul li {position:relative; float:left; width:calc((100% - 120px)/3)}	
	.skill .part1 ul li+li {margin-left:60px;}
	.skill .part1 ul li:after {position:absolute; left:-40px; top:50%; content:''; display:inline-block; width:26px; height:22px; margin-top:-11px; background:url(../images/common/i-arrow-b.png) no-repeat right center}
	.skill .part1 ul li:first-child:after {display:none;}	
	.skill .part1 ul li p {padding:10px; text-align:center; font-weight:300; background:#fff; }
	

	.skill .part2 {}
	.skill .part2 ul {margin-top:20px; padding:30px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center; border:1px solid #e5e5e5}
	.skill .part2 ul li {float:left; width:calc((100% - 60px)/2)}
	.skill .part2 ul li+li {margin-left:60px;}
	.skill .part2 ul li p {padding:10px; text-align:center; font-weight:300; background:#fff;}


	.skill .part3 {}
	.skill .part3 .ss-list-gray {padding-left:10px; margin-left:0; border-left:none;}
	.skill .part3 .ss-list-gray:before {content:':'; margin-right:10px;}
	.skill .part3 .ss-section {float:left; width:calc((100% - 60px)/2); margin-top:15px}
	.skill .part3 .ss-section+.ss-section {margin-left:60px;}
	.skill .part3 .ss-section ul {margin-top:20px; padding:30px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center; border:1px solid #e5e5e5}
	.skill .part3 .ss-section ul li {float:left; width:calc((100% - 60px)/2)}
	.skill .part3 .ss-section ul li+li {margin-left:60px}


	/** 조명식 led **/
	.led {}
	.led .part1 {}
	.led .part1 .ss-list ul {margin-top:15px;}
	.led .part1 .ss-list ul li {position:relative; padding-left:45px; margin:12px 0; font-weight:300; color:#666; line-height:1}
	.led .part1 .ss-list ul li:after {position:absolute; left:30px; top:7px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	
	.led .part2 .ss-box {margin-top:20px; padding:30px; background:#f5f5f5; border:1px solid #e5e5e5;}
	.led .part2 .ss-box .ss-section {padding-top:30px; border-top:1px solid #e5e5e5}
	.led .part2 .ss-box>section>div {float:left; width:calc((100% - 60px)/2);}
	.led .part2 .ss-box>section>div+div {margin-left:60px;}
	.led .part2 .ss-box>section>div ul {margin-top:20px;}
	.led .part2 .ss-box>section>div ul li {float:left; width:50%; margin-bottom:10px; font-weight:300;}
	.led .part2 .ss-box>section>div ul li span {display:inline-block; width:27px; height:27px; margin-right:15px; font-size:14px; font-weight:400; text-align:center; line-height:23px; color:#3852b7; border-radius:100%; border:2px solid #3852b7; background:#fff;}

	.led .part2 .ss-box .ss-section {}
	.led .part2 .ss-box .ss-section li {position:relative; float:left; width:calc((100% - 180px)/4);}
	.led .part2 .ss-box .ss-section li+li {margin-left:60px;}
	.led .part2 .ss-box .ss-section li:after {position:absolute; left:-40px; top:163px; content:''; display:inline-block; width:26px; height:22px; background:url(../images/common/i-arrow-b.png) no-repeat right center}
	.led .part2 .ss-box .ss-section li:first-child:after {display:none;}
	.led .part2 .ss-box .ss-section li img {margin-bottom:10px;}
	.led .part2 .ss-box .ss-section li p {text-align:center; font-weight:300}


	/** 조명식 led - 일어 **/
	.led.jap .part2 .ss-box>section>div ul li {font-size:14px;}
	

	/** 찾아오시는 길 **/
	.location {position:relative;}
	.location .map .root_daum_roughmap {width:100% !important;}
	.location .map .hide {display:none;}
	.location .root_daum_roughmap_landing .border2 {display:block;}
	.location .map-info {padding:20px; background:#3852b7}
	.location .map-info:after {clear:both; content:''; display:block;}
	.location .map-info i {display:inline-block; float:left; width:25%; text-align:center;}
	.location .map-info i img {margin-top:10px;}
	.location .map-info div {display:inline-block; float:left; width:75%; padding-left:30px; border-left:1px solid rgba(255, 255, 255, .5)}
	.location .map-info div dl {display:block; padding:3px 0}
	.location .map-info div dl>* {display:inline-block;color:#fff}
	.location .map-info div dl dt { padding-right:15px}
	.location .map-info div dl dd {font-weight:300; }
	.location .map-info div dl:last-child dd {margin-right:30px;}


	body.chi .location .map-info div dl {letter-spacing:0}
	body.jap .location .map-info div dl {letter-spacing:0}



	/************************ 커뮤니티 ************************/
	/** 주문/상담 **/
	.order {}
	.order .order-privacy pre {padding:30px; font-family:"NotoSansKR"; font-size:16px; font-weight:300; line-height:1.6; color:#333; word-break:keep-all; border:1px solid #e5e5e5; background:#f9f9f9; height:300px; overflow:auto}
	.order .order-privacy .check-box {margin-top:15px;}
	.order .order-privacy input[type='checkbox'] {display:none;}
	.order .order-privacy input[type='checkbox']+label {height:20px; padding-left:30px; line-height:20px; color:#000; background:url(../images/common/i-check.png)left center no-repeat; cursor:pointer}
	.order .order-privacy input[type='checkbox']:checked+label {background:url(../images/common/i-check-on.png)left center no-repeat}




	.order .order-form {border-top:1px solid #000}
	.order fieldset {border-bottom:1px solid #e5e5e5; background:#f5f5f5}
	.order fieldset:after {clear:both; content:''; display:block;}
	.order fieldset>* {float:left; padding:12px 20px;}
	.order fieldset>p {width:30%; color:#000; font-weight:400; text-align:center; line-height:40px;}
	.order fieldset>div {width:70%; background:#fff}
	.order fieldset>div input {border-radius:0; border:1px solid #e5e5e5; padding:7px 10px; outline:none;}
	.order fieldset>div input:focus {border:1px solid #3852b7; outline:none;}
	
	.order .input-email>div>* {display:inline-block; float:left;}
	.order .input-email>div input {width:100%;}

	.order .input-call>div>* {display:inline-block; float:left;}
	.order .input-call span {padding:0 10px; line-height:40px}
	.order .input-call>div input {width:80px;}
	.order .input-call>div select {margin:0}

	.order .input-title input {width:100%;}
	.order .input-contents textarea {width:100%; height:200px; overflow:auto; resize:none;}
	.order .input-contents textarea:focus {padding:20px; border:1px solid #3852b7}
	
	.order .input-privacy>div>* {display:inline-block;}
	.order .input-privacy>div .privacy-text {font-size:18px; letter-spacing:0; color:#666}
	.order .input-privacy>div .privacy-text span {font-weight:bold; font-size:1.2em; color:#3e9eff; font-style:italic; text-decoration:underline; padding-right:3px;}
	.order .input-privacy>div input {margin-left:20px; width:40%;}
	.order .input-privacy>div .notice {display:block; margin-top:10px; font-size:16px; font-weight:300; color:#666; font-size:15px;}
	.order .input-privacy>div .notice span {font-weight:400; color:#3e9eff}

	.board .board-btn-wrap {text-align:center; margin-top:40px}
	.board .board-btn-wrap a {display:inline-block; margin:0 5px; padding:0 50px; line-height:45px; transition:all .3s}
	.board .board-btn-wrap a.btn-ok {color:#fff; background:#3852b7;}
	.board .board-btn-wrap a.btn-ok:hover {background:#213995}
	.board .board-btn-wrap a.btn-cancel {border:1px solid #e5e5e5; background:#f5f5f5; color:#333}
	.board .board-btn-wrap a.btn-cancel:hover {background:#e2e2e2}






	
}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {


	/************************ 회사소개 ************************/
	/** 인사말 **/
	.intro {}
	.intro .sub-section {position:relative; padding-bottom:60px;}
	.intro .sub-section>div {height:30vw; overflow:hidden;}
	.intro .sub-section>div img {height:100%;}

	.intro .deco {position:absolute; left:0; bottom:0; font-size:100px; font-weight:900; color:#e5e5e5; line-height:1; opacity:.2; text-transform:uppercase;}
	.intro dl {margin-top:30px; z-index:99}
	.intro dl>* {float:left;}
	.intro dl dt {margin-bottom:20px; font-size:27px; font-weight:500;}
	.intro dl dd {font-size:18px; font-weight:300;}


	/** 인사말 - 영어 **/
	.intro.eng dl dt {line-height:1.3}

	/** 인사말 - 일어 **/
	.intro.jap dl dt {line-height:1.3; font-weight:700}






	/** 경영이념 및 방침 **/
	.mission {}
	.mission-idea-wrap {}
	.mission-idea-wrap .box {position:relative; padding:10px 0; background:url(../images/company/mission_bg.png) no-repeat left -50px center; background-size:100%;}
	
	.mission-idea-wrap .box .circle {display:inline-block; width:115px; height:115px; padding:30px; border-radius:100%; text-align:center; color:#fff}
	.mission-idea-wrap .box .circle.cc01 {background:#191654}
	.mission-idea-wrap .box .circle.cc02 {background:#3852b7}
	.mission-idea-wrap .box .circle.cc03 {background:#43c6ac}

	.mission-idea-wrap .box .center-line {position:absolute; left:0; top:90px; width:100%; height:1px; background:#e5e5e5}
	.mission-idea-wrap .box .center-line:before {position:absolute; left:0; top:-3.5px; content:''; width:7px; height:7px; border-radius:100%; background:#e5e5e5}
	.mission-idea-wrap .box .center-line:after {position:absolute; right:0; top:-3.5px; content:''; width:7px; height:7px; border-radius:100%; background:#e5e5e5}
	.mission-idea-wrap .box .height-line {position:absolute; left:50%; top:30px; width:1px; height:235px; background:#e5e5e5}

	.mission-idea-wrap .box ul {position:relative; z-index:999;}
	.mission-idea-wrap .box ul li {float:left; padding-top:20px; width:calc((100% - 240px)/2); text-align:center;}
	.mission-idea-wrap .box ul li.pc {display:block !important;}
	.mission-idea-wrap .box ul li.mobile {display:none !important;}
	.mission-idea-wrap .box ul li.center {width:240px; padding-top:0;}
	.mission-idea-wrap .box ul li i {min-height:25px;}
	.mission-idea-wrap .box ul li p {margin-top:10px;}
	.mission-idea-wrap .box ul li dd {padding-top:15px;}

	.mission-idea-wrap .box>div {margin-top:30px; text-align:center; z-index:999}
	.mission-idea-wrap .box>div>dl {display:inline-block;}
	.mission-idea-wrap .box>div>dl .circle {padding:30px 10px}
	.mission-idea-wrap .box>div>dl .circle p {margin-top:5px;}
	.mission-idea-wrap .box>div>dl dd {padding-top:15px;}

	
	.mission-policy-wrap {padding-top:30px; border-top:1px solid #e5e5e5}
	.mission-policy-wrap .ss-title02 {margin-bottom:30px;}
	.mission-policy-wrap .policy-section {margin-bottom:15px; border-radius:15px 0 15px 0; border:1px solid #e5e5e5; overflow:hidden; box-shadow:5px 5px 10px rgba(0, 0, 0, .08)}
	.mission-policy-wrap>div.policy-inner {background:#344357}
	.mission-policy-wrap>div.policy-out {background:#26313f}

	.mission-policy-wrap .policy-section>div {float:left;}
	.mission-policy-wrap .policy-section>div:first-child{width:160px; padding:70px 0; text-align:center;}
	.mission-policy-wrap .policy-section>div:first-child i {min-height:45px;}
	.mission-policy-wrap .policy-section>div:first-child p {margin-top:20px; font-size:18px; color:#fff}

	.mission-policy-wrap .policy-section .policy-list {width:calc(100% - 160px); padding:30px; background:#fff}
	.mission-policy-wrap .policy-section .policy-list dl {margin-bottom:15px;}
	.mission-policy-wrap .policy-section .policy-list dl:last-child {margin-bottom:0}
	.mission-policy-wrap .policy-section .policy-list dl dd {font-weight:300; color:#666}


	/** 경영이념 및 방침 - 영어 **/
	.mission.eng .mission-idea-wrap .box .circle {width:130px; height:130px; line-height:1.3}
	.mission.eng .mission-idea-wrap .box ul li dd {padding:15px 30px 0}
	.mission.eng .mission-policy-wrap .policy-section>div:first-child {padding: 40px 30px; line-height:1.3}
	.mission.eng .mission-idea-wrap .box .height-line {position:absolute; left:50%; top:30px; width:1px; height:295px; background:#e5e5e5}


	/** 경영이념 및 방침 - 일어 **/
	.mission.jap {word-break:break-word}
	.mission.jap .mission-idea-wrap .box .circle {width:130px; height:130px; padding:35px 20px;}
	.mission.jap .mission-idea-wrap .box .circle.cc02 p {margin-top:10px;}
	.mission.jap .mission-idea-wrap .box ul li dd {padding:15px 30px;}
	.mission.jap .mission-idea-wrap .box .height-line {height:262px}

	
	/** 경영이념 및 방침 - 중국어 **/
	.mission.chi {word-break:break-word}
	.mission.chi .mission-idea-wrap .box .circle {width:130px; height:130px; padding:35px 20px;}
	.mission.chi .mission-idea-wrap .box .circle.cc02 p {margin-top:10px;}
	.mission.chi .mission-idea-wrap .box ul li dd {padding:15px 90px;}
	.mission.chi .mission-idea-wrap .box .height-line {height:262px}
	.mission.chi .mission-idea-wrap .box>div>dl dd {width:250px}




	/** 회사연혁 **/
	.history {}
	.history .current {position:relative;}
	.history .current>div {}
	.history .current>div.text{position:relative; padding:30px; color:#fff; background:#3852b7 url(../images/company/history_bg.png) no-repeat right bottom; z-index:99; box-shadow:5px 5px 10px rgba(0, 0, 0, .08)}
	.history .current>div dl {margin-bottom:20px}
	.history .current>div dl:last-child {margin-bottom:0}
	.history .current>div dl dt {float:left; width:105px; font-weight:700;}
	.history .current>div dl dd {position:relative; float:left; width:calc(100% - 105px); padding-left:15px; font-weight:300}
	.history .current>div dl dd:before {position:absolute; left:0; top:12px; content:''; width:5px; height:1px; background:#fff}

	.history .past {margin-top:0}
	.history .past ul {position:relative; padding-top:30px;}
	.history .past ul:before {position:absolute; left:160px; top: -10px; content:''; width:1px; height:100%;background:#e5e5e5}
	.history .past ul:first-child {padding-top:60px;}
	.history .past ul>li {float:left;}
	.history .past ul>li.year {position:relative; width:160px; text-align:left; padding-left:30px; font-size:24px; font-weight:700;}
	.history .past ul>li.year:after {position:absolute; right:-10px; top:10px; content:''; display:inline-block; width:20px; height:20px; background:url(../images/company/history_dot.png) no-repeat center}
	.history .past ul>li:last-child {width:calc(100% - 160px)}
	.history .past ul>li dl {padding-top:7px; padding-left:60px;}
	.history .past ul>li dl>* {float:left}
	.history .past ul>li dl dt {margin-right:30px}
	.history .past ul>li dl dd {font-weight:300; color:#666}


	/** 회사연혁 - 영어 **/
	.history.eng .past ul>li dl dt {width:50px; margin-right:0}
	.history.eng .past ul>li dl dd {width:calc(100% - 50px)}



	/** 장비보유 현황 **/
	.equ {}
	.equ .part1 {}
	.equ .part1>div {float:left; width:calc((100% - 40px)/3);}
	.equ .part1>div+div {margin-left:20px;}
	.equ .part1>div h2 {font-size:16px; font-weight:400; text-align:center; padding:12px; color:#fff; background:#3852b7}
	.equ .part1>div:nth-child(2) h2 {background:#4863cb}
	.equ .part1>div ul {padding:15px; border:1px solid #e5e5e5; border-top:none;}
	.equ .part1>div ul li {margin-bottom:10px}
	.equ .part1>div ul li:last-child {margin-bottom:0}
	.equ .part1>div ul li img {width:100%;}

	.equ .part2 {margin-top:30px;}
	.equ .part2 table {border:1px solid #e5e5e5; text-align:center;}
	.equ .part2 table tr {border-bottom:1px solid #e5e5e5;}
	.equ .part2 table tr:last-child {border-bottom:none;}
	.equ .part2 table tr>* { border-right:1px solid #e5e5e5;}
	.equ .part2 table tr>*:last-child {border-right:none;}
	.equ .part2 table tr th {font-weight:500; line-height:50px; background:#f5f5f5;}
	.equ .part2 table tr td {padding:12px 20px; font-weight:300}


	/** 인증/기술현황 **/
	.confirm {}
	.confirm .img-wrap {margin-top:30px; padding:30px; border:1px solid #e5e5e5; background:#f5f5f5}
	.confirm .img-wrap ul:after {clear:both; content:''; display:block;}
	.confirm .img-wrap ul li {float:left; width:calc((100% - 30px)/4);overflow:hidden;}
	.confirm .img-wrap ul li+li {margin-left:10px;}
	.confirm .img-wrap ul li p {margin-top:10px; text-align:center;}
	.confirm .img-wrap ul li img { border:1px solid #e5e5e5; max-width:100%;}

	.confirm .ss-list dl {line-height:1; margin-bottom:15px;}
	.confirm .ss-list dl dd {font-weight:300; color:#666}

	.confirm .part1 .img-wrap li:nth-child(-n+4) {margin-bottom:30px}

	.confirm .part2 .ss-list-title {min-width:90px}
	.confirm .part2 .ss-list dl:last-child .ss-list-gray {border-left:none}

	.confirm .part3 .img-wrap {margin-top:0}



	/************************ 비즈니스 ************************/
	/** 시스템사업 - 공통 **/
	.system {}

	.system-define {position:relative; padding:30px; background:#f5f5f5}
	.system-define>div {float:left;}
	.system-define>div:last-child ul {margin-top:30px;}
	.system-define>div:last-child ul:after {clear:both; content:''; display:block;}
	.system-define>div:last-child ul li {float:left;margin-right:10px;}

	.system-define .part1 {}
	.system-define .part1 h3 {margin-bottom:15px; font-size:24px; font-weight:900;}
	.system-define .part1 p {font-weight:300}
	.system-define .part1 ul {margin-top:15px;}
	.system-define .part1 ul li {padding:10px 50px; padding-right:30px; margin-bottom:10px; font-weight:300; line-height:1; background:#fff url(../images/business/system_icon01.png) no-repeat 10px top; border:1px solid #e5e5e5;}
	
	.system .system-contents ul li {float:left;}
	.system .system-contents ul li+li {margin-left:10px;}
	.system .system-contents ul li p {padding:10px; text-align:center; font-weight:300; background:#f5f5f5; }
	.system .system-contents img {width:100%}

	.system01 .system-contents {}
	.system01 .system-contents ul {margin-top:30px;}
	.system01 .system-contents ul li {width:calc((100% - 20px)/3); margin-bottom:10px;}
	.system01 .system-contents ul li:nth-child(3n+1) {margin-left:0}
	.system01 .system-contents ul li img {width:100%;}
	
	
	.system02 .system-contents ul li {width:calc((100% - 20px)/3);}
	.system02 .system-contents ul li p {min-height:70px;}

	.system03 .system-contents ul li {width:calc((100% - 20px)/3);}
	.system03 .system-contents ul li p {}

	.system04 .system-contents ul li {width:calc((100% - 10px)/2); margin-bottom:10px}
	.system04 .system-contents ul li:nth-child(2n+1) {margin-left:0}

	.system05 .system-contents .img-wrap {}
	.system05 .system-contents .img-wrap>section {margin-top:30px;}
	.system05 .system-contents .img-wrap>section.left {margin-top:0}
	.system05 .system-contents .img-wrap .ss-list {margin-bottom:15px;}


	/** 시스템사업 - 영어 **/
	.system01.eng ul li p {min-height:75px;}
	.system03.eng ul li p {min-height:95px;}


	/** 시스템사업 - 일어 **/
	.system.jap .system-define .part1 p {word-break:break-word}




	/** 정밀가공 사업 **/
	.prec {}

	.prec .ss-tab-m {position:relative; z-index:99}
	.prec .ss-tab-m p {display:block; height:50px; padding:0 30px; line-height:50px; background:#3852b7 url(../images/common/i-down02.png) no-repeat right 30px center; color:#fff; font-size:18px; }
	.prec .ss-tab-m .tab {display:none; position:absolute; left:0; top:50px; width:100%; border:1px solid #e5e5e5; border-top:none; box-shadow: 5px 5px 10px rgba(0, 0, 0, .07)}
	.prec .ss-tab-m .tab.on {display:block;}
	.prec .ss-tab-m .tab li {border-bottom:1px solid #e5e5e5;}
	.prec .ss-tab-m .tab li:last-child {border-bottom:none;}
	.prec .ss-tab-m .tab li a {display:block; padding:10px 30px; color:#000; background:#f5f5f5;}
	.prec .ss-tab-m .tab li.on a {background:#dfe4f8}
	.prec .ss-tab-area .tab-wrap {margin-top:0}


	.prec-define {}
	.prec-define .define-process li:last-child {margin-top:20px;}

	.prec-define img {width:100%;}

	.prec-table {}
	.prec-table table {border:1px solid #e5e5e5}
	.prec-table tr { border-bottom:1px solid #e5e5e5}
	.prec-table tr th {padding:0; background:#f5f5f5; line-height:45px; font-weight:400}
	.prec-table tr>* {padding:12px 20px; text-align:center; border-right:1px solid #e5e5e5}
	.prec-table tr>*:last-child {border-right:none;}
	.prec-table tr td {font-weight:300}
	.prec-table tr td:last-child {padding:12px 30px; text-align:left;}
	.prec-table tr td p {position:relative; padding-left:15px;}
	.prec-table tr td p:before {position:absolute; left:0; top:10px; content:''; display:inline-block; width:3px; height:3px; background:#000}




	.prec01 .prec-contents .ss-list li {position:relative; display:block; margin-bottom:15px;}
	.prec01 .prec-contents .ss-list li:last-child {margin-bottom:0}
	.prec01 .prec-contents>div {margin-top:30px; clear:none;}
	.prec01 .ss-section ul:after {clear:both; content:''; display:block;}
	.prec01 .ss-section ul li {float:left; width:calc((100% - 30px)/4)}
	.prec01 .ss-section ul li+li {margin-left:10px;}
	.prec01 .ss-section ul li:nth-child(-n+8) {margin-bottom:10px}
	.prec01 .ss-section ul li:nth-child(4n+1) {margin-left:0}
	.prec01 .ss-section ul li img {width:100%;}




	.prec02 .prec-contents table {border:1px solid #e5e5e5; text-align:center;}
	.prec02 .prec-contents table tr {border-bottom:1px solid #e5e5e5;}
	.prec02 .prec-contents table tr>* {padding:12px 20px;}
	.prec02 .prec-contents table tr:last-child {border-bottom:none;}
	.prec02 .prec-contents table tr th {border-right:1px solid #e5e5e5; background:#f5f5f5}
	.prec02 .prec-contents table th:last-child {border-bottom:none;}
	.prec02 .prec-contents table tr td {border-right:1px solid #e5e5e5;}
	.prec02 .prec-contents table td:last-child {border-bottom:none;}

	.prec03 .prec-contents {}
	.prec03 .prec-contents .ss-list {}
	.prec03 .prec-contents .ss-list dt {display:block;}
	.prec03 .prec-contents .ss-list dd {display:block; border-left:none; margin:10px 0 0; padding-left:20px; font-weight:300; color:#666;}
	.prec03 .prec-contents .img {margin-top:20px;}
	.prec03 .prec-contents .img img {width:100%;}
	.prec03 .prec-contents .img ul:first-child li {width:100%;}
	.prec03 .prec-contents .img ul:last-child li {float:left; width:calc((100% - 10px)/2); margin-top:10px;}
	.prec03 .prec-contents .img ul:last-child li+li {margin-left:10px;}
	.prec03 .prec-contents .img ul:last-child li:nth-child(3) {margin-left:0}

	.prec04 .prec-contents {}
	.prec04 .prec-contents>div {margin-top:30px;}
	.prec04 .prec-contents>div>div{}
	.prec04 .prec-contents>div>div img {width:100%;}
	.prec04 .prec-contents>div .text {padding:30px; background:#f5f5f5;}
	.prec04 .prec-contents>div .text ul {}
	.prec04 .prec-contents>div .text>div>ul>p {position:relative; padding-left:15px;}
	.prec04 .prec-contents>div .text>div>ul>p:after {position:absolute; left:0; top:50%; content:''; display:inline-block; width:3px; height:3px; margin-top:-1.5px; background:#000;}
	.prec04 .prec-contents>div .text>div>ul>li {position:relative; padding-left:30px; color:#666; font-weight:300; margin:5px 0}
	.prec04 .prec-contents>div .text>div>ul>li:after {position:absolute; left:15px; top:11px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.prec04 .prec-contents>div .text>div>ul>li .notice {display:block; color:#ef0000}
	.prec04 .prec-contents>div .text .step {position:relative; margin-top:30px;}
	.prec04 .prec-contents>div .text .step.pc {display:block !important}
	.prec04 .prec-contents>div .text .step.mobile {display:none !important}
	.prec04 .prec-contents>div .text .step:before {position:absolute; left:0; top:7px; content:''; display:inline-block; width:100%; height:1px; background:#3852b7}
	.prec04 .prec-contents>div .text .step:after {clear:both; content:''; display:block;}
	.prec04 .prec-contents>div .text .step li {position:relative; float:left; width:20%; padding-top:50px; font-weight:300; text-align:center;}
	.prec04 .prec-contents>div .text .step li:after {position:absolute; left:50%; top:0; content:''; display:inline-block; width:15px; height:37px; margin-left:-7.5px; background:url(../images/business/precision04_dot.png) no-repeat top center;}
	

	.prec04 .prec-contents .img-wrap {width:100%; padding:30px; background:#f5f5f5}

	.prec04 .pc01 .img-wrap ul li {position:relative; float:left; width:calc((100% - 120px)/3)}
	.prec04 .pc01 .img-wrap ul li:first-child {text-align:left;}
	.prec04 .pc01 .img-wrap ul li:last-child {text-align:right;}
	.prec04 .pc01 .img-wrap ul li+li {margin-left:60px;}

	.prec04 .pc01 .img-wrap ul li:after {position:absolute; left:-45px; top:105px; content:''; display:inline-block; width:25px; height:30px; margin-top:-15px; background:url(../images/business/precision04_arrow.png) no-repeat center; background-size:100%;}
	.prec04 .pc01 .img-wrap ul li:first-child:after {display:none}
	.prec04 .pc01 .img-wrap ul li img {width:100%;}

	.prec04 .pc02 .img-wrap li {float:left; width:calc((100% - 30px)/4);}
	.prec04 .pc02 .img-wrap li+li {margin-left:10px;}



	
	.prec05 {}
	.prec05 .ss-list .ss-list-title {display:block;}
	.prec05 .ss-list .ss-list-title:last-child {margin-top:15px;}
	.prec05 .ss-section ul:after {clear:both; content:''; display:block;}
	.prec05 .ss-section ul li {float:left; width:calc((100% - 30px)/4)}
	.prec05 .ss-section ul li+li {margin-left:10px;}
	.prec05 .ss-section ul li img {width:100%;}




	/** 미래역량사업 **/
	.future {}
	.future .future-text {text-align:center; font-weight:300;}
	.future .future-text>p:last-child {margin-top:20px;}
	.future .future-text>p:last-child span {display:inline-block; color:#3852b7; background:#eceef6; padding:8px 30px; border-radius:50px}
	.future .future-img {}
	.future .future-img>ul+ul {margin-top:10px;}
	.future .future-img>ul:after {clear:both; content:''; display:block;}
	.future .future-img>ul:first-child li>div {height:35vw; overflow:hidden;}
	.future .future-img>ul:first-child li>div img {margin-top:-50px}
	.future .future-img>ul:last-child li {float:left; width:calc((100% - 20px)/3);}
	.future .future-img>ul:last-child li+li {margin-left:10px;}
	.future .future-img>ul li img {width:100%;}
	.future .future-img>ul li p {padding:10px; text-align:center; background:#f5f5f5;}
	.future .future-img>ul li p span {display:block; font-weight:300}


	/** 미래역량사업 - 영어 **/
	.future.eng {}
	.future.eng .future-text>p:first-child {padding:0 50px;}

	







	/************************ 기술 ************************/
	/** 기술 - 공통 **/
	.auto {}
	.auto .sub-tab {margin-top:30px; border:1px solid #e5e5e5;}
	.auto .sub-tab ul {}
	.auto .sub-tab ul li { border-bottom:1px solid #e5e5e5}
	.auto .ss-section ul li img {width:100%;}



	/** 자동화기술 **/
	.auto01 {}
	.auto01 .ss-list dl {}
	.auto01 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666; line-height:1; margin:15px 0}
	.auto01 .ss-list li:before {position:absolute; left:30px; top:8px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto01 .ss-section {}
	.auto01 .ss-section ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center center; background-size: 20px; border:1px solid #e5e5e5;}
	.auto01 .ss-section ul li {position:relative; float:left; width:calc((100% - 50px)/2);}
	
	.auto01 .ss-section ul li+li {margin-left:50px;}

	
	/** 자동화기술-컨베이어 **/
	.auto02 {}
	.auto02 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666; line-height:1; margin:15px 0}
	.auto02 .ss-list li:before {position:absolute; left:30px; top:8px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto02 .ss-section {}
	.auto02 .ss-section ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center center; background-size: 20px; border:1px solid #e5e5e5;}
	.auto02 .ss-section ul li {position:relative; float:left; width:calc((100% - 50px)/2);}
	.auto02 .ss-section ul li+li {margin-left:50px;}

	
	/** 자동화기술-마스크 **/
	.auto03 {}
	.auto03 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666;margin:8px 0}
	.auto03 .ss-list li:before {position:absolute; left:30px; top:12px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto03 .ss-section {}
	.auto03 .ss-section ul {margin-top:20px;}
	.auto03 .ss-section ul li {position:relative; float:left; width:calc((100% - 10px)/2); margin-bottom:10px;}
	.auto03 .ss-section ul li+li {margin-left:10px;}
	.auto03 .ss-section ul li:nth-child(2n+1) {margin-left:0}
	.auto03 .ss-section ul li:nth-child(4), .auto03 .ss-section ul li:nth-child(5), .auto03 .ss-section ul li:nth-child(6) {margin-bottom:0;}
	.auto03 .ss-section ul li p {text-align:center; padding:10px; font-weight:300; background:#f5f5f5;}

	/** 자동화기술-협업로봇 **/
	.auto04 {}
	.auto04 .ss-list li {position:relative; padding-left:45px; font-weight:300; color:#666;margin:8px 0}
	.auto04 .ss-list li:before {position:absolute; left:30px; top:12px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	.auto04 .ss-section {}
	.auto04 .ss-section ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center center; background-size: 20px; border:1px solid #e5e5e5;}
	.auto04 .ss-section ul li {position:relative; float:left; width:calc((100% - 50px)/2);}
	.auto04 .ss-section ul li+li {margin-left:50px;}





	
	/** 정밀가공 **/
	.skill {}
	.skill img {width:100%;}
	.skill .part1 {}
	.skill .part1 ul {margin-top:20px; padding:20px; background:#f5f5f5; border:1px solid #e5e5e5}
	.skill .part1 ul li {position:relative; float:left; width:calc((100% - 100px)/3)}	
	.skill .part1 ul li+li {margin-left:50px;}
	.skill .part1 ul li:after {position:absolute; left:-40px; top:50%; content:''; display:inline-block; width:26px; height:22px; margin-top:-11px; background:url(../images/common/i-arrow-b.png) no-repeat right center; background-size:20px;}
	.skill .part1 ul li:first-child:after {display:none;}	
	.skill .part1 ul li p { padding:10px; text-align:center; font-weight:400; background:#fff; }
	.skill .part1 ul li span {display:block; font-weight:300}
	

	.skill .part2 {}
	.skill .part2 ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center; background-size:20px; border:1px solid #e5e5e5}
	.skill .part2 ul li {float:left; width:calc((100% - 50px)/2);}
	.skill .part2 ul li:first-child {height:23vw; overflow:hidden}
	.skill .part2 ul li:first-child img {height:100%; width: auto}
	.skill .part2 ul li+li {margin-left:50px;}
	.skill .part2 ul li p {padding:10px; text-align:center; font-weight:300; background:#fff;}


	.skill .part3 {}
	.skill .part3 .ss-list-gray {padding-left:10px; margin-left:0; border-left:none;}
	.skill .part3 .ss-list-gray:before {content:':'; margin-right:10px;}
	.skill .part3 .ss-section {}
	.skill .part3 .ss-section ul {margin-top:20px; padding:20px; background:#f5f5f5 url(../images/common/i-arrow-b.png) no-repeat center; background-size:20px; border:1px solid #e5e5e5}
	.skill .part3 .ss-section ul li {float:left; width:calc((100% - 60px)/2)}
	.skill .part3 .ss-section ul li+li {margin-left:60px}


	/** 조명식 led **/
	.led {}
	.led img {width:100%;}
	.led .part1 {}
	.led .part1 .ss-list ul {margin-top:20px;}
	.led .part1 .ss-list ul li {position:relative; padding-left:45px; margin:15px 0; font-weight:300; color:#666; line-height:1}
	.led .part1 .ss-list ul li:after {position:absolute; left:30px; top:7px; content:''; display:inline-block; width:5px; height:1px; background:#666}
	
	.led .part2 .ss-box {margin-top:20px; padding:20px; background:#f5f5f5; border:1px solid #e5e5e5;}
	.led .part2 .ss-box .ss-section {padding-top:30px; border-top:1px solid #e5e5e5}
	.led .part2 .ss-box>section>div {float:left; width:calc((100% - 30px)/2);}
	.led .part2 .ss-box>section>div+div {margin-left:30px;}
	.led .part2 .ss-box>section>div ul {margin-top:20px;}
	.led .part2 .ss-box>section>div ul li {font-weight:300;}
	.led .part2 .ss-box>section>div ul li+li {margin-top:10px}
	.led .part2 .ss-box>section>div ul li span {display:inline-block; width:27px; height:27px; margin-right:15px; font-size:14px; font-weight:400; text-align:center; line-height:23px; color:#3852b7; border-radius:100%; border:2px solid #3852b7; background:#fff;}

	.led .part2 .ss-box .ss-section {}
	.led .part2 .ss-box .ss-section li {position:relative; float:left; width:calc((100% - 50px)/2); padding:20px 20px 0; border:1px solid #e5e5e5; background:#fff; margin-bottom:30px;}
	.led .part2 .ss-box .ss-section li+li {margin-left:50px;}
	.led .part2 .ss-box .ss-section li:nth-child(2n+1) {margin-left:0}
	.led .part2 .ss-box .ss-section li:nth-child(2n+1):after {display:none}
	.led .part2 .ss-box .ss-section li:nth-child(3), .led .part2 .ss-box .ss-section li:nth-child(4) {margin-bottom:0}
	.led .part2 .ss-box .ss-section li:nth-child(2) p {min-height:60px}
	.led .part2 .ss-box .ss-section li:after {position:absolute; left:-40px; top:163px; content:''; display:inline-block; width:26px; height:22px; background:url(../images/common/i-arrow-b.png) no-repeat right center}
	.led .part2 .ss-box .ss-section li:first-child:after {display:none;}
	.led .part2 .ss-box .ss-section li img {margin-bottom:10px;}
	.led .part2 .ss-box .ss-section li p {text-align:center; padding:0 0 10px; font-weight:300}


	/** 찾아오시는 길 **/
	.location {position:relative;}
	.location .map .root_daum_roughmap {width:100% !important;}
	.location .map .wrap_map {height:350px !important;}
	.location .map .hide {display:none;}
	.location .root_daum_roughmap_landing .border2 {display:block;}
	.location .map-info {padding:30px; background:#3852b7}
	.location .map-info:after {clear:both; content:''; display:block;}
	.location .map-info i {display:inline-block; float:left; width:25%; padding-right:30px; text-align:center;}
	.location .map-info i img {width:100%;}
	.location .map-info div {display:inline-block; float:left; width:75%; padding-left:30px; border-left:1px solid rgba(255, 255, 255, .5)}
	.location .map-info div dl {display:block; padding:5px 0}
	.location .map-info div dl>* {display:inline-block;color:#fff}
	.location .map-info div dl dt { padding-right:15px}
	.location .map-info div dl dd {font-weight:300; }


	/************************ 커뮤니티 ************************/
	/** 주문/상담 **/
	.order {}
	.order .order-privacy pre {padding:30px; font-family:"NotoSansKR"; font-size:16px; font-weight:300; line-height:1.6; color:#333; word-break:keep-all; border:1px solid #e5e5e5; background:#f9f9f9; height:250px; overflow:auto}
	.order .order-privacy .check-box {margin-top:15px;}
	.order .order-privacy input[type='checkbox'] {display:none;}
	.order .order-privacy input[type='checkbox']+label {height:20px; padding-left:30px; line-height:20px; color:#000; background:url(../images/common/i-check.png)left center no-repeat; cursor:pointer}
	.order .order-privacy input[type='checkbox']:checked+label {background:url(../images/common/i-check-on.png)left center no-repeat}



	.order .order-form {border-top:1px solid #000}
	.order fieldset {border-bottom:1px solid #e5e5e5; background:#f5f5f5}
	.order fieldset:after {clear:both; content:''; display:block;}
	.order fieldset>* {float:left; padding:12px 20px;}
	.order fieldset>p {width:20%; color:#000; font-weight:400; text-align:center; line-height:40px;}
	.order fieldset>div {width:80%; background:#fff}
	.order fieldset>div input {border-radius:0; border:1px solid #e5e5e5; padding:7px 10px; outline:none;}
	.order fieldset>div input:focus {border:1px solid #3852b7; outline:none;}
	
	.order .input-email>div>* {display:inline-block; float:left;}
	.order .input-email>div input {width:100% ;}
	.order .input-email>div span {padding:0 5px;line-height:37px}
	.order .input-email>div select {padding:7px 10px;  margin:0 5px;}

	.order .input-call>div>* {display:inline-block; float:left;}
	.order .input-call span {padding:0 10px; line-height:40px}
	.order .input-call>div input {width:80px;}
	.order .input-call>div select {margin:0}

	.order .input-title input {width:100%;}
	.order .input-contents textarea {width:100%; height:200px; overflow:auto; resize:none;}
	.order .input-contents textarea:focus {padding:20px; border:1px solid #3852b7}
	
	.order .input-privacy>div>* {display:inline-block;}
	.order .input-privacy>div .privacy-text {font-size:18px; letter-spacing:0; color:#666}
	.order .input-privacy>div .privacy-text span {font-weight:bold; font-size:1.2em; color:#3e9eff; font-style:italic; text-decoration:underline; padding-right:3px;}
	.order .input-privacy>div input {margin-left:20px;}
	.order .input-privacy>div .notice {display:block; margin-top:10px; font-size:16px; font-weight:300; color:#666; font-size:15px;}
	.order .input-privacy>div .notice span {font-weight:400; color:#3e9eff}

	.board .board-btn-wrap {text-align:center; margin-top:30px}
	.board .board-btn-wrap a {display:inline-block; margin:0 5px; padding:0 50px; line-height:45px; transition:all .3s}
	.board .board-btn-wrap a.btn-ok {color:#fff; background:#3852b7;}
	.board .board-btn-wrap a.btn-ok:hover {background:#213995}
	.board .board-btn-wrap a.btn-cancel {border:1px solid #e5e5e5; background:#f5f5f5; color:#333}
	.board .board-btn-wrap a.btn-cancel:hover {background:#e2e2e2}







}




/* ************************ 모바일 ************************ */
@media screen and (max-width: 767px) {

	/************************ 회사소개 ************************/
	/** 인사말 **/
	.intro {}
	.intro .sub-section {position:relative; padding-bottom:40px;}
	.intro .sub-section>div {height:30vw; overflow:hidden;}
	.intro .sub-section>div img {height:100%;}

	.intro .deco {position:absolute; left:0; bottom:0; font-size:70px; font-weight:900; color:#e5e5e5; line-height:1; opacity:.2; text-transform:uppercase;}
	.intro dl {margin-top:20px; z-index:99}
	.intro dl>* {float:left;}
	.intro dl dt {margin-bottom:10px; font-size:18px; font-weight:500;}
	.intro dl dd {font-size:16px; font-weight:300;}
	

	/** 경영이념 및 방침 **/
	.mission {}
	.mission-idea-wrap {}
	.mission-idea-wrap .box {background:none;}
	.mission-idea-wrap .box .circle {display:inline-block; width:115px; height:115px; padding:30px; border-radius:100%; text-align:center; color:#fff}
	.mission-idea-wrap .box .circle.cc01 {background:#191654}
	.mission-idea-wrap .box .circle.cc02 {background:#3852b7}
	.mission-idea-wrap .box .circle.cc03 {background:#43c6ac}

	.mission-idea-wrap .box .center-line {}
	.mission-idea-wrap .box .center-line:before {position:absolute; left:0; top:-3.5px; content:''; width:7px; height:7px; border-radius:100%; background:#e5e5e5}
	.mission-idea-wrap .box .center-line:after {position:absolute; right:0; top:-3.5px; content:''; width:7px; height:7px; border-radius:100%; background:#e5e5e5}
	.mission-idea-wrap .box .height-line {position:absolute; left:50%; top:30px; width:1px; height:730px; background:#e5e5e5}

	.mission-idea-wrap .box ul li {float:none; width:100%; padding-top:40px; text-align:center;}
	.mission-idea-wrap .box ul li.pc {display:none !important;}
	.mission-idea-wrap .box ul li.mobile {display:block !important;}
	.mission-idea-wrap .box ul li.center {width:100%; text-align:center;}
	.mission-idea-wrap .box ul li i {min-height:25px;}
	.mission-idea-wrap .box ul li p {margin-top:10px;}
	.mission-idea-wrap .box ul li dd {padding:15px 0; background:#fff}

	.mission-idea-wrap .box>div {margin-top:30px; text-align:center; z-index:999}
	.mission-idea-wrap .box>div>dl {display:inline-block;}
	.mission-idea-wrap .box>div>dl .circle {padding:30px 10px}
	.mission-idea-wrap .box>div>dl .circle p {margin-top:5px;}
	.mission-idea-wrap .box>div>dl dd {padding-top:15px;}

	
	.mission-policy-wrap {padding-top:30px; border-top:1px solid #e5e5e5}
	.mission-policy-wrap .ss-title02 {margin-bottom:30px;}
	.mission-policy-wrap .policy-section {margin-bottom:15px; border-radius:15px 0 15px 0; border:1px solid #e5e5e5; overflow:hidden; box-shadow:5px 5px 10px rgba(0, 0, 0, .08)}
	.mission-policy-wrap>div.policy-inner {background:#344357}
	.mission-policy-wrap>div.policy-out {background:#26313f}

	.mission-policy-wrap .policy-section>div {float:none; width:100% !important;}
	.mission-policy-wrap .policy-section>div:after {clear:both; content:''; display:block;}
	.mission-policy-wrap .policy-section>div:first-child {padding:20px;}
	.mission-policy-wrap .policy-section>div:first-child i {display:inline-block; min-height:auto; height:30px;}
	.mission-policy-wrap .policy-section>div:first-child i img {height:100%;}
	.mission-policy-wrap .policy-section>div:first-child p {display:inline-block; margin-top:0px; padding-left:10px; font-size:18px; color:#fff}

	.mission-policy-wrap .policy-section .policy-list {width:100%; padding:20px; background:#fff}


	/** 경영이념 및 방침 - 영어 **/
	.mission.eng .mission-idea-wrap .box ul li dd {padding:15px 100px;}
	.mission.eng .mission-idea-wrap .box .height-line {height:778px}

	/** 경영이념 및 방침 - 일어 **/
	.mission.jap {word-break:break-word}
	.mission.jap .mission-idea-wrap .box ul li dd {padding:15px 100px;}
	.mission.jap .mission-idea-wrap .box .height-line {height:730px}

	
	/** 경영이념 및 방침 - 중국어 **/
	.mission.chi {word-break:break-word}
	.mission.chi .mission-idea-wrap .box ul li dd {padding:15px 50px;}
	.mission.chi .mission-idea-wrap .box .height-line {height:682px}



	
	/** 회사연혁 **/
	.history {}
	.history .current>div.text {padding:30px 20px}
	.history .current>div dl {margin-bottom:15px;}
	.history .current>div dl dt {float:none; width:100%;}
	.history .current>div dl dt.hidden {display:none;}
	.history .current>div dl dd {position:relative; float:none; width:100%; margin-top:5px; padding-left:15px; font-weight:300}
	.history .current>div dl dd:before {position:absolute; left:0; top:12px; content:''; width:5px; height:1px; background:#fff}

	.history .past {margin-top:0}
	.history .past ul {position:relative; padding:30px 0px 0 30px}
	.history .past ul:before {position:absolute; left:20px; top: -10px; content:''; width:1px; height:100%;background:#e5e5e5}
	.history .past ul:first-child {padding-top:40px;}
	.history .past ul>li {float:none;}
	.history .past ul>li.year {position:relative; width:100%; text-align:left; padding-left:20px; font-size:18px; font-weight:700;}
	.history .past ul>li.year:after {position:absolute; left:-20px; right:auto; top:2px; content:''; display:inline-block; width:20px; height:20px; background:url(../images/company/history_dot.png) no-repeat center}
	.history .past ul>li:last-child {width:100%; padding-left:20px;}
	.history .past ul>li dl {padding-top:10px; padding-left:0;}
	.history .past ul>li dl>* {float:left}
	.history .past ul>li dl dt {width:20px; margin-right:0px}
	.history .past ul>li dl dd {width:calc(100% - 20px); padding-left:10px; font-weight:300; color:#666}


	/** 회사연혁 - 영어 **/
	.history.eng .past ul>li dl dt {width:20px; margin-right:0}
	.history.eng .past ul>li dl dd {width:calc(100% - 20px)}



	/** 장비보유현황 **/
	.equ .part1>div {float:none; width:100%;}
	.equ .part1>div+div {margin-left:0; margin-top:20px}
	.equ .part1>div ul {padding:20px 20px 10px}
	.equ .part1>div ul:after {clear:both; content:''; }
	.equ .part1>div ul li {float:left; width:calc((100% - 10px)/2);}
	.equ .part1>div ul li+li {margin-left:10px;}
	.equ .part2 {margin-top:20px}
	.equ .part2 table tr th {line-height:normal; padding:10px}
	.equ .part2 table tr td {padding:10px;}

	/** 인증/기술현황 **/
	.confirm {}
	.confirm .img-wrap {padding:20px}
	.confirm .img-wrap ul li {float:left; width:calc((100% - 10px)/2);overflow:hidden;}
	.confirm .img-wrap ul li+li {margin-left:10px;}
	.confirm .img-wrap ul li:nth-child(2n+1) {margin-left:0}
	.confirm .img-wrap li:nth-child(-n+2) {margin-bottom:20px}
	.confirm .img-wrap ul li p {margin-top:10px; text-align:center; font-size:14px; }
	.confirm .img-wrap ul li img { border:1px solid #e5e5e5; max-width:100%;}

	.confirm .ss-list dl {line-height:1; margin-bottom:15px;}
	.confirm .ss-list dl dd {font-weight:300; color:#666}

	.confirm .part1 .img-wrap li:nth-child(-n+4) {margin-bottom:20px}

	.confirm .part2 .ss-list dl:last-child {margin-top:-15px;}
	.confirm .part2 .ss-list dl:last-child .ss-list-title {display:none;}
	.confirm .part2 .ss-list dd {line-height:1.3}
	.confirm .part2 .img-wrap ul li:nth-child(2) p {min-height:66px}



	/** 시스템사업 **/
	.system-define {padding:20px;}
	.system-define .part1 p .mobile {display:none !important;}
	.system-define .part1 ul li {line-height:1.5;}
	.system-define>div {float:none;}
	.system-define>div:last-child ul {margin-top:12px}
	.system-define>div:last-child ul li {width:calc((100% - 10px)/2); margin-right:0}
	.system-define>div:last-child ul li+li {margin-left:10px;}
	.system-define>div:last-child ul li img {width:100%;}


	.system .ss-tab-m p {font-size:16px; padding:10px 20px; height:45px; line-height:normal;}
	.system .ss-tab-m .tab li a {padding:10px 20px}
	.system .ss-tab-m .tab {top:45px;}

	
	.system01 .system-contents ul li {width:calc((100% - 10px)/2);}
	.system01 .system-contents ul li:first-child {margin-left:0 !important}
	.system01 .system-contents ul li:nth-child(2n+1) {margin-left:0 !important;}
	.system01 .system-contents ul li:nth-child(3n+1) {margin-left:10px;}
	.system01 .system-contents ul li:nth-child(6) p {padding:20px 10px; min-height:70px;}

	.system02 .system-contents ul li {width:100%; margin-bottom:10px;}
	.system02 .system-contents ul li+li {margin-left:0}
	.system02 .system-contents ul li:last-child {margin-bottom:0}
	.system02 .system-contents ul li p {min-height:auto;}

	.system03 .system-contents ul li {width:100%; margin-bottom:10px;}
	.system03 .system-contents ul li+li {margin-left:0}
	.system03 .system-contents ul li:last-child {margin-bottom:0}
	.system03 .system-contents ul li p {min-height:auto;}


	.system04 .system-contents ul li {width:100%; margin-bottom:10px;}
	.system04 .system-contents ul li+li {margin-left:0}
	.system04 .system-contents ul li:last-child {margin-bottom:0}
	.system04 .system-contents ul li p {min-height:auto;}



	/** 시스템사업 - 영어 **/
	.system01.eng .system-contents ul li p {line-height:1.2; min-height:56px;}
	.system01.eng .system-contents ul li:nth-child(6) p {padding:10px;}




	/** 정밀가공사업 **/
	.prec-define>div {}
	.prec-define .define-step li {width:50%; padding:10px;}
	.prec-define .define-step li:nth-child(4) {border-bottom:1px solid rgba(255, 255, 255, .5)}
	.prec-define .define-step li:nth-child(4):before {display:inline-block;}
	.prec-define .define-img li {width:calc((100% - 10px)/2)}
	.prec-define .define-img li:first-child {margin-left:0 !important}
	.prec-define .define-img li:nth-child(2n+1) {margin-left:0 !important;}
	.prec-define .define-img li:nth-child(3n+1) {margin-left:10px;}

	.prec .ss-tab-m p {font-size:16px; padding:10px 20px; height:45px; line-height:normal;}
	.prec .ss-tab-m .tab li a {padding:10px 20px}
	.prec .ss-tab-m .tab {top:45px;}

	.prec01 .prec-contents {}
	.prec01 .prec-contents>div {margin-top:20px;}
	.prec01 .img {}
	.prec01 .img:after {clear:both; content:''; display:block;}
	.prec01 .img img {float:left; width:calc((100% - 10px)/2)}
	.prec01 .img img+img {margin-left:10px;}
	.prec01 .ss-section {margin-top:10px}

	.prec02 .prec-contents table tr th {font-size:16px; padding:10px;}
	.prec02 .prec-contents table tr td {padding:10px; font-weight:300}

	.prec03 .prec-contents .img {margin-top:20px;}
	.prec04 .prec-contents>div {margin-top:20px}
	.prec04 .prec-contents>div .text {padding:20px;}
	.prec04 .prec-contents>div .text .step.pc {display:none !important}
	.prec04 .prec-contents>div .text .step.mobile {display:block !important}
	.prec04 .prec-contents>div .text .step:before {display:none;}
	.prec04 .prec-contents>div .text .step ul {position:relative; width:100%;}
	.prec04 .prec-contents>div .text .step ul li {margin:0; padding-left:0}
	.prec04 .prec-contents>div .text .step ul:after {clear:both; content:''; display:block;}
	.prec04 .prec-contents>div .text .step ul:before {position:absolute; left:0; top:7px; content:''; width:100%; height:1px; background:#3852b7}
	.prec04 .prec-contents>div .text .step ul:first-child li {width:33.33%;}
	.prec04 .prec-contents>div .text .step ul:last-child {margin-top:20px; padding:0 35px}
	.prec04 .prec-contents>div .text .step ul:last-child li {width:50%}
	.prec04 .prec-contents>div .text>div>ul>li {padding-left:25px;}
	.prec04 .prec-contents>div .text>div>ul>li:after {left:10px;}
	.prec04 .prec-contents>div .text>div>ul>p:after {top:12px}
	.prec04 .prec-contents>div .text>div>ul>p {padding-left:10px;}

	.prec04 .prec-contents .img-wrap {width:100%; padding:20px; background:#f5f5f5}

	.prec04 .pc01 .img-wrap ul li {position:relative; float:left; width:calc((100% - 80px)/3)}
	.prec04 .pc01 .img-wrap ul li:first-child {text-align:left;}
	.prec04 .pc01 .img-wrap ul li:last-child {text-align:right;}
	.prec04 .pc01 .img-wrap ul li+li {margin-left:40px;}

	.prec04 .pc01 .img-wrap ul li:after {position:absolute; left:-27px; top:45px; content:''; display:inline-block; width:15px; height:30px; margin-top:-15px; background:url(../images/business/precision04_arrow.png) no-repeat center; background-size:100%;}
	.prec04 .pc01 .img-wrap ul li:first-child:after {display:none}
	.prec04 .pc01 .img-wrap ul li img {width:100%;}
	
	.prec04 .pc02 .img-wrap {padding-top:0}
	.prec04 .pc02 .img-wrap li {float:left; width:calc((100% - 30px)/4);}
	.prec04 .pc02 .img-wrap li+li {margin-left:10px;}



	.prec05 {}
	.prec05 .ss-section ul li {float:left; width:calc((100% - 10px)/2)}
	.prec05 .ss-section ul li+li {margin-left:10px;}
	.prec05 .ss-section ul li:nth-child(-n+2) {margin-bottom:10px;}
	.prec05 .ss-section ul li:nth-child(3) {margin-left:0}
	.prec05 .ss-section ul li img {width:100%;}




	/** 미래역량 **/
	.future .future-img>ul:last-child li div {height:20vh; overflow:hidden;}
	.future .future-img>ul:last-child li:first-child p {padding:10px 3px; letter-spacing:-0.7px}

	/** 미래역량사업 - 영어 **/
	.future.eng {}
	.future.eng .future-text>p:first-child {padding:0px 20px;}

	/** 미래역량사업 - 일어 **/
	.future.jap {}
	.future.jap .future-img>ul:first-child li p {min-height:auto}
	.future.jap .future-img>ul li p {min-height:116px;}



	/** 자동화기술 **/
	.auto {}
	.auto .sub-tab {position:relative; z-index:99}
	.auto .sub-tab>p {display:block; color:#fff; height:45px; padding:10px 20px; background:#3852b7 url(../images/common/i-down02.png) no-repeat right 20px center}
	.auto .sub-tab ul {display:none; position:absolute;left:0; top:45px; width:100%; border:1px solid #e5e5e5; box-shadow:5px 5px 10px rgba(0, 0, 0, .07)}
	.auto .sub-tab ul.on {display:block;}
	.auto .sub-tab ul li {float:none; width:100%; border-bottom:1px solid #e5e5e5; border-right:none;}
	.auto .sub-tab ul li:last-child {border-bottom:none;}
	.auto .sub-tab ul li a {padding:10px 20px; color:#000; text-align:left; line-height:normal; background:#f5f5f5}
	.auto .sub-tab ul li.on a {color:#000; background:#dfe4f8;}
	
	.auto01 .ss-list li:before {left:25px;}
	.auto01 .ss-list li {padding-left:35px;}
	.auto01 .ss-section ul {padding:20px; background:#f5f5f5 url(../images/common/i-arrow-hor.png) no-repeat center center}
	.auto01 .ss-section ul li {float:none; width:100%;}
	.auto01 .ss-section ul li+li {margin-left:0; margin-top:50px;}
	
	.auto02 .ss-list li:before {left:25px;}
	.auto02 .ss-list li {padding-left:35px;}
	.auto02 .ss-section ul {background:#f5f5f5 url(../images/common/i-arrow-hor.png) no-repeat center center}
	.auto02 .ss-section ul li {width:100%;}
	.auto02 .ss-section ul li+li {margin-top:50px; margin-left:0}

	.auto03 .ss-list li:before {left:25px;}
	.auto03 .ss-list li {padding-left:35px;}
	.auto03 .ss-section ul li {width:calc((100% - 10px)/2);}
	.auto03 .ss-section ul li:nth-child(2n+1) {margin-left:0 !important}
	.auto03 .ss-section ul li:nth-child(3n+1) {margin-left:10px}
	.auto03 .ss-section ul li:nth-child(4) {margin-bottom:10px;}
	.auto03 .ss-section ul li:nth-child(5), .auto03 .ss-section ul li:nth-child(6) {}

	.auto04 .ss-list li:before {left:25px;}
	.auto04 .ss-list li {padding-left:35px;}
	.auto04 .ss-list li:last-child {margin-top:0}
	.auto04 .ss-section ul {background:#f5f5f5 url(../images/common/i-arrow-hor.png) no-repeat center center}
	.auto04 .ss-section ul li {width:100%;}
	.auto04 .ss-section ul li+li {margin-top:50px; margin-left:0}



	/** 정밀가공 및 응용기술 **/
	.skill .part1 ul li {width:100%;}
	.skill .part1 ul li+li {margin-left:0; margin-top:50px;}
	.skill .part1 ul li:after {left:50%; top:0px; height:26px; margin-left:-13px; margin-top:-35px; background:#f5f5f5 url(../images/common/i-arrow-hor.png) no-repeat top center}
	.skill .part3 .ss-list-gray:before {margin-right:7px;}

	.skill .part2 ul {background: #f5f5f5 url(../images/common/i-arrow-hor.png) no-repeat top 48% center}
	.skill .part2 ul li {width:100%;}
	.skill .part2 ul li+li {margin-left:0; margin-top:50px;}
	.skill .part2 ul li:first-child {height:auto;}
	.skill .part2 ul li:first-child img {width:100%;}


	.skill .part3 .ss-section ul {background:#f5f5f5 url(../images/common/i-arrow-hor.png) no-repeat top 50% center}
	.skill .part3 .ss-section ul li {width:100%;}
	.skill .part3 .ss-section ul li+li {margin-left:0; margin-top:50px;}
	.skill .part3 .ss-section ul li:first-child {height:auto;}
	.skill .part3 .ss-section ul li:first-child img {width:100%;}
	.skill .part3 .ss-section:last-child {margin-top:30px}

	
	/** led **/
	.led .part1 .ss-list ul li {padding-left:35px;}
	.led .part1 .ss-list ul li:after {left:25px}
	.led .part2 .ss-box>section>div {width:100%;}
	.led .part2 .ss-box>section>div+div {margin-left:0; margin-top:20px}
	
	.led .part2 .ss-box .ss-section li {width:100%; float:none;}
	.led .part2 .ss-box .ss-section li+li {margin-left:0 !important; margin-top:50px;}
	.led .part2 .ss-box .ss-section li:after {left:50%; top:0px; height:26px; margin-left:-13px; margin-top:-35px; background:#f5f5f5 url(../images/common/i-arrow-hor.png) no-repeat top center}
	.led .part2 .ss-box .ss-section li:first-child:after (display:none !important)
	.led .part2 .ss-box .ss-section li:nth-child(3):after {display:block !important;}
	.led .part2 .ss-box .ss-section li:nth-child(2) p {min-height:auto}
	
	
	/** 찾아오시는 길 **/
	.location .map .wrap_map {height:230px !important;}
	.location .map-info i {display:inline-block; float:none; width:100%; text-align:left}
	.location .map-info i img {width:auto;}
	.location .map-info div {float:none; width:100%; margin-top:20px; padding-left:0; border-lefT:none;}
	.location .map-info div dl {display:block; padding:5px 0}
	.location .map-info div dl:first-child {padding-top:0}
	.location .map-info div dl>* {display:inline-block;color:#fff}
	.location .map-info div dl dt {font-weight:500; padding-right:15px}
	.location .map-info div dl dd {font-weight:300; }


	

	/************************ 커뮤니티 ************************/
	/** 주문/상담 **/
	.order {}
	.order .order-privacy pre {padding:20px; font-size:15px;}
	.order .order-form {border-top:1px solid #000}
	.order fieldset {padding:20px 10px; border-bottom:1px solid #e5e5e5; background:#fff;}
	.order fieldset:after {clear:both; content:''; display:block;}
	.order fieldset>* {float:none; padding:0;}
	.order fieldset>p {width:100%; text-align:left; line-height:normal;}
	.order fieldset>div {width:100%; margin-top:10px; background:#fff}
	.order fieldset>div input {width:100%; border-radius:0; border:1px solid #e5e5e5; padding:7px 10px; outline:none;}

	.order .input-call>div select {margin:0; width:auto !important}
	.order .input-privacy>div>p {padding:5px 10px; border-radius:3px; background:#f5f5f5; border:1px solid #ddd}
	.order .input-privacy>div input {margin-left:0; margin-top:10px;}
	.order .input-privacy>div .notice {padding:0; background:none; border:none;}

	.board-btn-wrap {margin-top:20px;}








}