@charset "utf-8";
/* CSS Document */

.icon{display: list-item;}
/*회사소개 - 회사개요*/
.sub-con-busi-summary {width:100%;}
.sub-con-busi-summary .top-imgBox {width:100%; margin-bottom:65px;}
.sub-con-busi-summary .top-imgBox ul {width:100%;}
.sub-con-busi-summary .top-imgBox ul li {float:left; width:33.33%; text-align:center; padding:0 5px;}

.sub-con-busi-summary .letter-Wrap {width:100%;}
.sub-con-busi-summary .letter-Wrap h3 {text-align:center; font-size:28px; color:#444545; line-height:1.2; margin-bottom:30px; }
.sub-con-busi-summary .letter-Wrap h3 span {color:#19478a;}
.sub-con-busi-summary .letter-Wrap h5 {font-size:16px; color:#555655; line-height:1.5; text-align:justify; letter-spacing:-0.05em; margin-bottom:30px;}

.sub-con-busi-summary .letter-Wrap .blueBox {width:100%; padding:15px 35px; background-color:#f4f6fa;}
.sub-con-busi-summary .letter-Wrap .blueBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul {float:left; width:33.33%; padding:0 5px;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul li {width:100%; padding:5px 0;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul li .bold {display:block; float:left; width:17%; color:#2d4560; font-size:14px; font-weight:500;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul li .con {display:block; float:left; width:83%; font-size:14px; color:#666766;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(1) {width:38%;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(1) .bold {width:30%;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(1) .con {width:70%;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(2) {width:28%;}
.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(3) {width:33%;}

.sub-con-busi-summary .letter-Wrap .bot-imgBox {display: flex; justify-content: center; margin-bottom: 30px; padding: 15px;}
.sub-con-busi-summary .letter-Wrap .bot-imgBox figure {width: 50%;}
.sub-con-busi-summary .letter-Wrap .bot-imgBox figure:first-of-type {margin-right: 5px;}
.sub-con-busi-summary .letter-Wrap .bot-imgBox img {width: 100%;}

@media all and (max-width:999px){	
	
	.sub-con-busi-summary .top-imgBox {width:100%; margin-bottom:25px;}
	
	.sub-con-busi-summary .letter-Wrap h3 {font-size:16px; margin-bottom:15px; }
	.sub-con-busi-summary .letter-Wrap h3 br {display:none;}
	.sub-con-busi-summary .letter-Wrap h5 {font-size:14px; margin-bottom:20px;}
	
	.sub-con-busi-summary .letter-Wrap .blueBox {padding:10px 20px;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul {float:none; width:100%; padding:0;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul li {width:100%; padding:5px 0;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul li .bold {font-size:13px; width:25%;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul li .con {font-size:13px; width:75%;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(1) {width:100%;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(1) .bold {width:25%;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(1) .con {width:75%;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(2) {width:100%;}
	.sub-con-busi-summary .letter-Wrap .blue-con-Ul:nth-of-type(3) {width:100%;}
	
}

@media screen and (max-width:600px) {
    .sub-con-busi-summary .letter-Wrap .bot-imgBox {flex-wrap: wrap;}
    .sub-con-busi-summary .letter-Wrap .bot-imgBox figure {width: 80%;}
    .sub-con-busi-summary .letter-Wrap .bot-imgBox figure:first-of-type {margin-right: 0; margin-bottom: 10px;}
}

@media screen and (max-width:480px) {
     .sub-con-busi-summary .letter-Wrap .bot-imgBox figure {width: 100%;}
}

/*회사소개 - CEO인사말*/
.sub-con-busi-CEO {width:100%; padding:30px 40px 100px;}
.ceo-left-imgBox {float:left; width:50%; text-align:center; padding:10px 40px 0 70px;}
.ceo-left-imgBox .imgBox {display:inline-block; position:relative;}
.ceo-left-imgBox .imgBox .blue-lineBox {position:absolute; width:162px; height:196px; border:1px solid #2a5caa;}
.ceo-left-imgBox .imgBox .blue-lineBox.topBlue {left:-90px; top:-41px;}
.ceo-left-imgBox .imgBox .blue-lineBox.bottomBlue {right:-52px; bottom:-35px;}

.ceo-right-intro {float:left; width:50%; padding:4px 40px 0 50px;}
.ceo-right-intro p {font-size:14px; color:#444444; line-height:1.8;}
.ceo-right-intro p span {display:block; font-size:16px; color:#2a5caa; font-weight:500; line-height:1.5; margin-bottom:10px;}
.ceo-right-intro .nameBox { text-align:right; padding:10px 100px 0 0; }
.ceo-right-intro .nameBox p {display:inline-block;}
.ceo-right-intro .nameBox .name {font-weight:500;}
.ceo-right-intro .nameBox .name_Pic {margin-left:20px;}

.line-ceo-01 {clear:both; width:100%; height:1px; background-color:#eee;}

@media all and (max-width:999px){	
	.sub-con-busi-CEO {width:100%; padding:0;}
	.ceo-left-imgBox {float:none; width:100%; padding:10px 40px;}
	.ceo-left-imgBox .imgBox .blue-lineBox {position:absolute; width:90px; height:110px;}
	.ceo-left-imgBox .imgBox .blue-lineBox.topBlue {left:-50px; top:-25px;}
	.ceo-left-imgBox .imgBox .blue-lineBox.bottomBlue {right:-50px; bottom:-25px;}
	
	.ceo-right-intro {float:none; width:100%; padding:0; margin-top:20px;}
	.ceo-right-intro p {font-size:13px; line-height:2;}
	.ceo-right-intro p span {font-size:15px;}
	.ceo-right-intro .nameBox {padding:20px 50px 0 0; }
	.ceo-right-intro .nameBox .name_Pic {margin-left:20px;}
	.line-ceo-01 {display:none;}
}




/*회사소개 - 회사연혁*/
.sub-con-busi-history {width:100%;}
.busi-history-topBox {width: 1400px;margin: 0 10px 50px;}
.busi-history-topBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.busi-history-topBox .one {float:left; width:15%; height:279px; border:3px solid #ebebeb; padding:27px 10px 5px; margin-left:2%; text-align:center; cursor:pointer;}
.busi-history-topBox .one.active {border-color:#105baa;}
.busi-history-topBox .one:first-of-type {margin-left:0;}
.busi-history-topBox .one h2 {font-size:24px; font-weight:500; color:#444; line-height:1.1; font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif; margin-bottom:12px;}
.busi-history-topBox .one .line {display:block; width:33px; height:1px; background-color:#105baa; margin:0 auto 12px;}
.busi-history-topBox .one h3 {font-size:20px; color:#3e8bc7; font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif; margin:6px 0 2px;}
.busi-history-topBox .one h3:first-of-type {margin-top:0px;}
.busi-history-topBox .one .con {font-size:15px; color:#444;}
.busi-history-topBox .one .con .lump {display:block; margin-top:7px;}

.busi-history-BConBox {width:980px; margin:0 auto; padding:0 0 30px;}
.tab-history-box {width:1032px; margin:0 auto 50px;}
.tab-history-con {width:100%; position:relative;}
.tab-history-con:before {content:""; width:1px; height:100%; position:absolute; left:50%; top:15px; border-left:1px dashed #999;}
.tab-history-con .top-year {width:100%; position:relative; margin-bottom:30px;}
.tab-history-con .top-year:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.tab-history-con .top-year .year {float:left; width:50%; text-align:right; font-size:32px; font-weight:500; font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif; line-height:1; padding:0 30px 0 0; position:relative;}
.tab-history-con .top-year .year:before {content:""; position:absolute; right:-18px; top:0; width:20px; height:20px; background-color:#fff; border:7px solid #105baa; border-radius:50%;}
.tab-history-con .top-year .bubble {padding:12px 50px 11px 40px; border-radius:12px; background-color:#105baa; color:#fff; font-size:18px; line-height:1; font-weight:500; text-align:left; position:absolute; left:calc(50% + 50px); top:-5px;}
.tab-history-con .top-year .bubble:before {content:""; position:absolute; left:-7px; top:13px; width:15px; height:15px; background-color:#105baa; transform:rotate(45deg);}
.tab-history-con .row { margin-bottom:20px;}
.tab-history-con .row:last-of-type { margin-bottom:0px;}
.tab-history-con .row .one {float:left; width:50%; padding:0 20px 0 0; text-align:right;}
.tab-history-con .row:nth-of-type(2n-1) .one {float:right; width:50%; padding:0 0 0 20px; text-align:left;}
.tab-history-con .row .one h3 {font-size:17px; font-weight:bold; color:#105baa; margin-bottom:8px; position:relative;}
.tab-history-con .row .one h3:before {content:""; position:absolute; top:4px; width:10px; height:10px; border-radius:50%; background-color:#fff; border:5px solid #105baa;}
.tab-history-con .row:nth-of-type(2n) .one h3:before {right:-30px;}
.tab-history-con .row:nth-of-type(2n-1) .one h3:before {left:-30px;}
.tab-history-con .row .one .history-InnerUl {width:100%;}
.tab-history-con .row .one .history-InnerUl li {margin-top:5px; font-size:15px; position:relative;}
.tab-history-con .row .one .history-InnerUl li:before {content:""; position:absolute; top:8px; width:7px; height:7px; background-color:#105baa; border-radius:50%;}
.tab-history-con .row:nth-of-type(2n) .one .history-InnerUl li:before {right:-24px;}
.tab-history-con .row:nth-of-type(2n-1) .one .history-InnerUl li:before {left:-23px;}
.tab-history-con .row .one .history-InnerUl li:first-child {margin-top:0px;}


@media all and (max-width:999px){	

	.busi-history-topBox {width:100%; margin:0 0 30px;}
	.busi-history-topBox .one {float:none; width:100%; height:auto; padding:15px 10px 15px; margin-left:0%; margin-top:10px;}
	.busi-history-topBox .one:first-of-type {margin-top:0px;}
	.busi-history-topBox .one h2 {font-size:18px; margin-bottom:10px;}
	.busi-history-topBox .one .line {margin:0 auto 9px;}
	.busi-history-topBox .one h3 {font-size:15px; margin:6px 0 2px;}
	.busi-history-topBox .one .con {font-size:13px; }
	.busi-history-topBox .one .con .lump {margin-top:5px;}
	
	.busi-history-BConBox {width:100%; margin:0 0; padding:0 0 10px;}
	.tab-history-box {width:100%; margin:0 auto 30px;}
	.tab-history-con { padding-left:12%;}
	.tab-history-con:before {left:5%;}
	.tab-history-con .top-year {margin-bottom:30px;}
	.tab-history-con .top-year .year {float:left; width:100%; text-align:left; font-size:20px; padding:0 0px 0 1%;}
	.tab-history-con .top-year .year:before {left:-12%; right:auto; top:0; width:15px; height:15px; border:5px solid #105baa;}
	.tab-history-con .top-year .bubble {padding:8px 20px 7px 15px; border-radius:10px; font-size:15px; position:absolute; left:40%; top:-5px;}
	.tab-history-con .top-year .bubble:before {left:-5px; top:10px; width:10px; height:10px;}
	.tab-history-con .row { margin-bottom:15px;}
	.tab-history-con .row .one {float:none; width:100%; padding:0 20px 0 0; text-align:left;}
	.tab-history-con .row:nth-of-type(2n-1) .one {float:none; width:100%; padding:0 20px 0 0;}
	.tab-history-con .row .one h3 {font-size:15px; margin-bottom:5px;}
	.tab-history-con .row .one h3:before {top:4px; width:8px; height:8px; border:4px solid #105baa;}
	.tab-history-con .row:nth-of-type(2n) .one h3:before {right:auto; left:-11%;}
	.tab-history-con .row:nth-of-type(2n-1) .one h3:before {left:-11%;}
	.tab-history-con .row .one .history-InnerUl li {margin-top:7px; font-size:14px;}
	.tab-history-con .row .one .history-InnerUl li:before {top:8px; width:7px; height:7px;}
	.tab-history-con .row:nth-of-type(2n) .one .history-InnerUl li:before {right:auto; left:-9.5%;}
	.tab-history-con .row:nth-of-type(2n-1) .one .history-InnerUl li:before {left:-9.5%;}
	
}




/*회사소개 - 경영이념*/
.sub-con-busi-belief {width:100%; position:relative; padding:70px 0px 0; width:962px; margin:0 auto 30px;}
.sub-con-busi-belief .sub-con-belief-pic {text-align:center;}
.sub-con-busi-belief .letterBox {width:100%; position:absolute; left:0; top:0; width:100%; height:100%;}
.sub-con-busi-belief .one_info {width:340px; position:absolute;}
.sub-con-busi-belief .one_info:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-con-busi-belief .one_info .num {float:left; width:38px; text-align:center; font-size:48px; font-weight:bold; color:#103e87; line-height:1;}
.sub-con-busi-belief .one_info .con {float:left; width:calc(100% - 38px); font-size:16px; line-height:1.4; padding:5px 0 0; padding-left:5px; color:#333333;}
.sub-con-busi-belief .one_info .con span {color:#114b9f; font-weight:500;}
.sub-con-busi-belief .one_info:nth-of-type(1) {left:32%; top:0px;}
.sub-con-busi-belief .one_info:nth-of-type(2) {left:0; bottom:20px;}
.sub-con-busi-belief .one_info:nth-of-type(3) {right:-50px; bottom:20px;}


@media all and (max-width:999px){	
	.sub-con-busi-belief {padding:20px 0px 0; width:auto; margin:0;}
	.sub-con-busi-belief .sub-con-belief-pic {text-align:center; padding:0 30px 20px;}
	.sub-con-busi-belief .letterBox {width:100%; position:relative; padding:30px 20px; background-color:#f7f7f7;}
	.sub-con-busi-belief .one_info {width:100%; position:relative; margin-bottom:10px;}
	.sub-con-busi-belief .one_info:last-of-type {margin-bottom:0px;}
	.sub-con-busi-belief .one_info .num {width:38px;font-size:22px; padding-top:3px;}
	.sub-con-busi-belief .one_info .con {width:calc(100% - 38px); font-size:14px; padding:0px 0 0; padding-left:2px;}
	.sub-con-busi-belief .one_info .con br {display:none;}
	.sub-con-busi-belief .one_info:nth-of-type(1) {left:0%; top:0px;}
	.sub-con-busi-belief .one_info:nth-of-type(2) {left:0; bottom:0px;}
	.sub-con-busi-belief .one_info:nth-of-type(3) {right:0px; bottom:0px;}	
}




/*회사소개 - 조직도*/
.sub-con-busi-group {width:100%; position:relative;}
.organi-chart-box {width:670px; margin:10px auto 50px; text-align:center;}
.organi-chart-box .top-oneBox {width:206px; height:206px; background:#fff; padding:8px; border-radius:50%; border:1px solid #ddd; margin:0 auto 56px; position:relative;}
.organi-chart-box .top-oneBox .inner {width:100%; height:100%; background-color:#f3f3f3; border-radius:50%; padding:50px 0 0;}
.organi-chart-box .top-oneBox .logo {margin-bottom:15px;}
.organi-chart-box .top-oneBox h3 {font-size:20px; font-weight:500; color:#444;}
.organi-chart-box .squre-chart {width:100%; position:relative;}
.organi-chart-box .squre-chart:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.organi-chart-box .squre-chart:before {content:""; position:absolute; left:16%; top:-26px; width:68%; height:1px; background-color:#ddd;}
.organi-chart-box .squre-chart .one {float:left; width:32%; margin-left:2%;}
.organi-chart-box .squre-chart .one:first-of-type {margin-left:0%;}
.organi-chart-box .squre-chart .one > div {height:55px; width:100%; background-color:#eee; color:#444; margin-top:18px; padding:15px 5px 0; position:relative;}
.organi-chart-box .squre-chart .one > div:before {content:""; position:absolute; left:50%; top:-18px; width:1px; height:18px; background:#ddd;}
.organi-chart-box .squre-chart .one > div p {font-size:16px; font-weight:500; color:#444;}
.organi-chart-box .squre-chart .one > div:first-of-type {margin-top:0;}
.organi-chart-box .squre-chart .one .blueBox {background-color:#2281c3;}
.organi-chart-box .squre-chart .one .blueBox:before {height:25px; top:-25px;}
.organi-chart-box .squre-chart .one .blueBox:after {content:""; position:absolute; left:calc(50% - 6px); top:-5px; width:10px; height:10px; border-radius:50%; background-color:#636363; border:1px solid #fff;}
.organi-chart-box .squre-chart .one:nth-of-type(2) .blueBox:before {height:56px; top:-56px;}
.organi-chart-box .squre-chart .one .blueBox p {color:#fff; font-size:18px;}
.organi-chart-box .squre-chart .one .skyBox {background-color:#a3cfed;}

.orga-chart-form {width:100%;}



@media all and (max-width:999px){	

	.organi-chart-box {width:100%; margin:5px auto 40px;}
	.organi-chart-box .top-oneBox {width:150px; height:150px; margin:0 auto 30px;}
	.organi-chart-box .top-oneBox .inner {padding:30px 0 0;}
	.organi-chart-box .top-oneBox .logo {margin-bottom:10px;}
	.organi-chart-box .top-oneBox .logo img {width:50px;}
	.organi-chart-box .top-oneBox h3 {font-size:17px; font-weight:500; color:#444;}
	
	.organi-chart-box .squre-chart:before {width:0;}
	
	.organi-chart-box .squre-chart .one {float:none; width:100%; margin-left:0%; margin-top:30px;}
	.organi-chart-box .squre-chart .one:first-of-type {margin-top:0;}
	
	.organi-chart-box .squre-chart .one > div {height:auto; margin-top:18px; padding:12px 5px;}
	.organi-chart-box .squre-chart .one > div p {font-size:14px;}
	.organi-chart-box .squre-chart .one .blueBox:before {height:30px; top:-30px;}
	.organi-chart-box .squre-chart .one:nth-of-type(2) .blueBox:before {height:30px; top:-30px;}
	.organi-chart-box .squre-chart .one .blueBox p {font-size:16px;}
	
	.orga-chart-form {width:100%;}
	
}




/*회사소개 - 오시는길*/
.sub-con-busi-direction {width:100%;}
.sub-direction-map {width:100%; margin-bottom:32px; height: 507px;}
.sub-direction-address {width:100%; margin-bottom:35px; text-align:center;}
.sub-direction-address .address01 {font-size:18px; font-weight:500; color:#555; line-height:1; margin-bottom:15px; font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif;}
.sub-direction-address .address02 {font-size:16px; font-weight:500; color:#555; line-height:1;}

.tbl-direct {}
.tbl-direct .bolderLight {padding-right:7px; font-size:16px;}
.tbl-direct .nor {font-size:16px;}
.tbl-direct a {color:#2a5caa;}
.tbl-direct a:hover {font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif;}


@media all and (max-width:999px){	

	.sub-direction-map {margin-bottom:25px;}
	.sub-direction-address {margin-bottom:20px;}
	.sub-direction-address .address01 {font-size:15px; margin-bottom:10px;}
	.sub-direction-address .address02 {font-size:13px;}
	
	.tbl-direct {}
	.tbl-direct td {display:block; border:none; border-top:1px solid #ddd;}
	.tbl-direct td:first-of-type {border-top:none;}
	.tbl-direct .bolderLight {padding-right:5px; font-size:14px;}
	.tbl-direct .nor {font-size:13px;}
	
}





/*기술정보 - 인증현황*/
.sub-con-skill-certification {width:100%; padding:0 20px;}
.skill-certifaction-box {width:100%;}
.skill-certifaction-box .ul_01 {margin-top:30px; width:100%;}
.skill-certifaction-box .ul_01:first-of-type {margin-top:0px;}
.skill-certifaction-box .ul_01:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.skill-certifaction-box .ul_01 li {float:left; width:23.5%; margin-left:2%; text-align:center; border:1px solid #ebebeb; height:300px; box-shadow:3px 3px 5px rgba(0,0,0,0.1); padding:9px;}
.skill-certifaction-box .ul_01 li:first-of-type {margin-left:0;}
.skill-certifaction-box .ul_01 li .inner {width:100%; height:100%; border:2px solid #eef1f5; padding:20px 5px 5px;}
.skill-certifaction-box .ul_01 li .inner .pic {display:inline-block; width:172px; height:224px; background-color:#ebebeb; border:1px solid #dddddd; margin-bottom:5px;}
.skill-certifaction-box .ul_01 li .inner .pic img {width:100%; height:100%;}
.skill-certifaction-box .ul_01 li .inner .name {font-size:14px; font-weight:500; color:#777;}



@media all and (max-width:999px){	
	
	.sub-con-skill-certification {padding:0 0px;}
	.skill-certifaction-box .ul_01 {margin-top:0px; width:100%;}
	.skill-certifaction-box .ul_01:first-of-type {margin-top:0px;}
	.skill-certifaction-box .ul_01 li {width:48%; margin:0 0 20px 2%; height:190px; padding:5px;}
	.skill-certifaction-box .ul_01 li:nth-of-type(2n-1) {margin-left:0;}
	.skill-certifaction-box .ul_01 li .inner {padding:7px 5px 5px; border-width:1px;}
	.skill-certifaction-box .ul_01 li .inner .pic {width:108px; height:138px;}
	.skill-certifaction-box .ul_01 li .inner .name {font-size:13px;}
	
}



/*기술정보 - 보유장비*/
.sub-con-skill-equipment {width:100%;}
.skill-equipment-box {width:100%;}
.skill-equipment-box ul {margin-top:30px; width:100%;}
.skill-equipment-box .ul_01:first-of-type {margin-top:0px;}
.skill-equipment-box .ul_01:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.skill-equipment-box .ul_01 li {float:left; width:23.5%; margin-left:2%; text-align:center; border:1px solid #ebebeb; box-shadow:3px 3px 5px rgba(0,0,0,0.1); padding:10px 10px 15px;}
.skill-equipment-box .ul_01 li:first-of-type {margin-left:0;}
.skill-equipment-box .ul_01 li .pic {width:100%; height:164px; border:1px solid #ddd; margin-bottom:10px;}
.skill-equipment-box .ul_01 li .pic img {width:100%; height:100%;}
.skill-equipment-box .ul_01 li .name {font-size:14px; font-weight:500; color:#888; font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif;}


@media all and (max-width:999px){	

	.skill-equipment-box ul {margin-top:0px;}
	.skill-equipment-box .ul_01 li {width:49%; margin-left:2%; margin-bottom:20px; padding:10px 10px 15px;}
	.skill-equipment-box .ul_01 li:nth-of-type(2n-1) {margin-left:0; clear:both;}
	.skill-equipment-box .ul_01 li .pic {width:100%; height:auto; border:1px solid #ddd; margin-bottom:7px;}
	.skill-equipment-box .ul_01 li .pic img {width:100%; height:auto;}
	.skill-equipment-box .ul_01 li .name {font-size:13px; height:50px; }
	
}





/*기술정보 - 클린룸*/
.sub-con-skill-clean {width:100%;}
.skill-clean-room-tabBox {width:100%; margin-bottom:20px;}
.skill-clean-room-tab {width:100%;}
.skill-clean-room-tab:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.skill-clean-room-tab li {float:left; width:23.5%; margin:0 0 15px 2%;}
.skill-clean-room-tab li:nth-of-type(4n+1) {margin-left:0%;}
.skill-clean-room-tab li a {display:block; padding:20px 5px 18px 5px; border:3px solid #ebebeb; text-align:center; line-height:1;  font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif; font-size:16px; font-weight:500;}
.skill-clean-room-tab li.active a {background-color:#105baa; color:#fff; border-color:#105baa;}

.skill-clean-room-tab-content {width:100%; text-align:center; padding:50px 10px 40px; border:3px solid #ebebeb;}
.skill-clean-room-tab-content:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}


@media all and (max-width:999px){	
	
	.skill-clean-room-tabBox {margin-bottom:5px;}
	.skill-clean-room-tab li {width:49%; margin:0 0 5px 2%;}
	.skill-clean-room-tab li:nth-of-type(2n-1) {margin-left:0%;}
	.skill-clean-room-tab li a {padding:7px 5px 6px 5px; border-width:2px; font-size:13px;}
	
	.skill-clean-room-tab-content {padding:25px 10px 20px; border-width:2px;}
}








/*기술정보 - 고객사*/
.sub-con-skill-client {width:100%;}
.s-skill-client-Box {width:100%;}
.skill-client-logoBox {float:right; width:49%; height:715px;}
.skill-client-logoBox ul {width:100%; height:100%;}
.skill-client-logoBox ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.skill-client-logoBox ul li {float:left; width:49%; text-align:center; height:14%; margin:3.9% 0 0 2%;}
.skill-client-logoBox ul li:nth-of-type(1) {margin-top:0%;}
.skill-client-logoBox ul li:nth-of-type(2) {margin-top:0%;}
.skill-client-logoBox ul li:nth-of-type(2n-1) {margin-left:0%; clear:both;}
.skill-client-logoBox ul li a {width:100%; height:100%; display:block; border:2px solid #ebebeb; padding:10px 5px 7px;}
.skill-client-logoBox ul li .logoBox {margin-bottom:5px;}
.skill-client-logoBox ul li .name {font-size:15px; font-weight:500; color:#444; font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif;}
.skill-client-logoBox ul li.active a {border-color:#105baa;}
.skill-client-logoBox ul li.active .name {color:#105baa;}

.skill-client-mapBox {float:left; width:49%; height:715px; text-align:center; border:3px solid #ebebeb; padding:15px 3px 0;}
.skill-client-mapBox .mapBox {display:inline-block; position:relative; z-index:-1;}

.client-point-box {position:absolute; top:0; left:0; width:100%; height:100%;}
.client-point-box .one {position:absolute; width:20px; height:20px; z-index:10;}
.client-point-box .one .whiteBox {position:absolute; left:-35px; top:-35px; width:90px; height:90px; border-radius:50%; background-color:rgba(255,255,255,0.5); z-index:0;

	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
	
	animation:circle 3s infinite;

}

@keyframes circle {
	0%{
		opacity:0;filter:Alpha(opacity=0);
		
		-ms-transform: scale(0.8,0.8);
		-o-transform: scale(0.8,0.8); 
		-moz-transform: scale(0.8,0.8); 
		-webkit-transform: scale(0.8,0.8); 
		 transform: scale(0.8,0.8);
	
	}
    50%{
		opacity:1.0;filter:Alpha(opacity=100);
		
		-ms-transform: scale(1.0,1.0);
		-o-transform: scale(1.0,1.0);
		-moz-transform: scale(1.0,1.0);
		-webkit-transform: scale(1.0,1.0);
		 transform: scale(1.0,1.0);
	}
    100%{
		opacity:0;filter:Alpha(opacity=0);
		
		-ms-transform: scale(0.8,0.8);
		-o-transform: scale(0.8,0.8); 
		-moz-transform: scale(0.8,0.8); 
		-webkit-transform: scale(0.8,0.8); 
		 transform: scale(0.8,0.8);
	}

}


.client-point-box .one .inner-cir {position:relative; left:0; top:0; width:20px; height:20px; border-radius:50%; border:1px solid #105baa; padding:5px; border-radius:50%; background-color:#fff; z-index:12;}
.client-point-box .one .inner-cir_2 {width:100%; height:100%; border-radius:50%; background-color:#105baa;}
.client-point-box .one.active {display:block;}

.client-point-box .amkor-k5-p {top:22%; left:18%;}
.client-point-box .amkor-k4-p {top:75%; left:22%;}
.client-point-box .lg-innotek-01-p {top:16%; left:30%;}
.client-point-box .lg-innotek-02-p {top:54%; left:66%;}
.client-point-box .sk-hynix-p {top:38%; left:37%;}
.client-point-box .sfa-elect {top:40%; left:23%;}
.client-point-box .wonik-ips-p {top:36%; left:30%;}
.client-point-box .sung-do-p {top:23%; left:28%;}
.client-point-box .up-chem-p {top:32%; left:27%;}
.client-point-box .kumho-p {top:75%; left:27%;}
.client-point-box .oe-solution-p {top:75%; left:25%;}
.client-point-box .wonik-me-p {top:43%; left:42%;}


@media all and (max-width:999px){	
	
	.skill-client-logoBox {float:none; width:100%; height:auto; margin-bottom:10px;}
	.skill-client-logoBox ul li {height:auto; margin-top:2%;}
	.skill-client-logoBox ul li a {border-width:1px; padding:8px 5px 8px;}
	.skill-client-logoBox ul li .logoBox {margin-bottom:5px;}
	.skill-client-logoBox ul li .logoBox img {width:120px;}
	.skill-client-logoBox ul li .name {font-size:13px;}
	
	.skill-client-mapBox {float:none; width:100%; height:auto; padding:15px 5px 10px; border-width:2px;}
	
	.client-point-box .one {position:absolute; width:16px; height:16px; z-index:10;}
	.client-point-box .one .whiteBox {left:-32px; top:-32px; width:80px; height:80px;}
	
	.client-point-box .one .inner-cir {width:16px; height:16px; padding:3px;}


}




/*사업소개 - 하이테크설비*/
.sub-con-work-high {width:100%;}
.s-work-title {width:100%; text-align:center; font-size:15px; color:#888888; line-height:1.5; margin:-20px 0 35px;}

.borderB-None {border-bottom:none !important;}

.s-work-accordion-box {width:100%; border-bottom:1px solid #ddd;}
.s-work-accordion-box .one {width:100%; border-top:1px solid #ddd;}
.s-work-accordion-box .one .titleBox {width:100%; padding:20px 5px 19px;}
.s-work-accordion-box .one .titleBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.s-work-accordion-box .one .titleBox .subject {float:left; vertical-align:top;}
.s-work-accordion-box .one .titleBox .subject .bullet01 {margin-top:4px;}
.s-work-accordion-box .one .titleBox .subject .letter {display:inline-block; vertical-align:top; font-weight:500; color:#494949; font-size:20px; font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif;}
.s-work-accordion-box .one .titleBox .arrow {float:right; margin:-7px 0 0; font-size:30px; color:#777;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.s-work-accordion-box .one .titleBox .arrow i {}

.s-work-accordion-box .one .contentBox {padding:2px 5px 18px;}
.s-work-accordion-box .one .contentBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.s-work-accordion-box .one .contentBox .para {width:100%; font-size:15px; color:#888; margin-bottom:15px;}
.work-accordion-innerUl {width:100%;}
.work-accordion-innerUl:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.work-accordion-innerUl li {float:left; width:23%; margin:0 0 15px 2%; text-align:center; border:1px solid #ddd; padding:15px; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
.work-accordion-innerUl li:first-of-type {margin-left:0;}
.work-accordion-innerUl li:nth-of-type(4n+1) {margin-left:0; clear:both;}
.work-accordion-innerUl li .picBox {margin-bottom:12px;}
.work-accordion-innerUl li .name {font-size:15px; color:#444;}
.work-accordion-innerUl li .name .arrow_01 {padding-right:3px; font-size:17px;}
.work-accordion-innerUl li .name .subj {font-family:"Open Sans Bold",'notokr',"Malgun Gothic",sans-serif; color:#777; font-size:14px; font-weight:500;}


@media all and (max-width:999px){	
	.s-work-title {font-size:14px; margin:-7px 0 20px;}
	
	.s-work-accordion-box .one .titleBox {width:100%; padding:15px 5px 12px;}
	.s-work-accordion-box .one .titleBox .subject .bullet01 {margin-top:2px;}
	.s-work-accordion-box .one .titleBox .subject .letter {font-size:15px;}
	.s-work-accordion-box .one .titleBox .arrow {margin:-3px 0 0; font-size:20px;}
	.s-work-accordion-box .one .titleBox .arrow i {}
	
	.s-work-accordion-box .one .contentBox {padding-bottom:10px;}
	.s-work-accordion-box .one .contentBox .para {font-size:13px; margin-bottom:15px;}
	.s-work-accordion-box .one .contentBox .para br {display:none;}
	.work-accordion-innerUl li {float:left; width:49%; margin:0 0 10px 2%; padding:10px 10px 13px;}
	.work-accordion-innerUl li:nth-of-type(2n+1) {margin-left:0; clear:both;}
	.work-accordion-innerUl li .picBox {margin-bottom:10px;}
	.work-accordion-innerUl li .name {line-height:1.1;}
	.work-accordion-innerUl li .name .arrow_01 {padding-right:3px; font-size:14px;}
	.work-accordion-innerUl li .name .subj {font-size:13px; line-height:1;}
	
}




/*사업소개 - 기계설비업*/
.work-high-arccor {width:100%;}
.work-high-arccor .one {}
.work-high-arccor .one .titleBox { cursor:pointer;}
.work-high-arccor .one .titleBox.active .arrow {transform:rotate(-180deg);}
.work-high-arccor .one .contentBox {display:none;}


@media all and (max-width:999px){	
	
}





/*회사소개 - 실적현황*/
.sub-con-busi-result {width:100%;}
.tab-result-box {width:100%; margin:0 auto 60px;}
.tbl-busi-result { text-align:center; border-bottom:1px solid #ddd; position:relative;}
.tbl-busi-result:before {content:""; position:absolute; left:0; top:-1px; width:2px; height:calc(100% + 2px); background-color:#fff;}
.tbl-busi-result th {background-color:#f4f6fa; border-left:1px solid #ddd;}
.tbl-busi-result td {border-left:1px solid #ddd;}
.tbl-busi-result tbody tr:nth-of-type(2n) {background-color:#f4f6fa;}



@media all and (max-width:999px){	

	.tab-result-box {width:100%; margin:0 auto 25px;}
	
}




/*커뮤니티 - 동호회*/
.s-top-club-clubCon {width:100%; margin-bottom:60px;}
.s-top-club-clubCon .title {text-align:center; margin-bottom:35px;}
.s-top-club-clubCon .title h2 {font-size:28px; margin-bottom:15px;}
.s-top-club-clubCon .title h4 {font-size:16px; line-height:1.5;}
.s-top-club-clubCon .circle-img-Box {width:100%; text-align:center;}
.s-top-club-clubCon .circle-img-Box ul {display:inline-block;}
.s-top-club-clubCon .circle-img-Box ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.s-top-club-clubCon .circle-img-Box ul li {display:inline-block; padding:0 8px;}
.s-top-club-clubCon .circle-img-Box ul li .imgB { margin-bottom:10px;}
.s-top-club-clubCon .circle-img-Box ul li .t-word {font-size:16px;}
.s-top-club-clubCon .circle-img-Box ul li .t-word .chevron {font-weight:300; padding:3px; color:#999; font-size:1.1em;}


@media all and (max-width:999px){	
	
	.s-top-club-clubCon {margin-bottom:10px;}
	.s-top-club-clubCon .title {margin-bottom:20px;}
	.s-top-club-clubCon .title h2 {font-size:20px; margin-bottom:10px;}
	.s-top-club-clubCon .title h4 {font-size:14px;}
	.s-top-club-clubCon .circle-img-Box {width:100%; text-align:center;}
	.s-top-club-clubCon .circle-img-Box ul {display:block; width:100%;}
	.s-top-club-clubCon .circle-img-Box ul li {display:block; width:50%; float:left; margin:0 0 15px; padding:0 8px;}
	.s-top-club-clubCon .circle-img-Box ul li .imgB { margin-bottom:5px;}
	.s-top-club-clubCon .circle-img-Box ul li .t-word {font-size:13px;}
}




/**/


@media all and (max-width:999px){	
	
}