/*Tab Button*/
.tab { margin:0 0 5.6% 0; position:relative;}
.tab:before {content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; top:50%; left:0;}
.tab-wrap {position:relative;}

.tab-list {font-size:0; text-align:center;}
.tab-item {display:inline-block;}
.tab-item + .tab-item {margin-left:1%;}
.tab-item a {display:block; background-color:#fff; color:#222; border-radius:60px; border-style:solid; border-width:2px; border-color:#ef413d; line-height:56px; padding:0 20px; min-width:240px; position:relative;  transition: all .3s ease-in-out;}

.tab-item a span {display:inline-block; line-height:1.3; font-size:24px;}
.tab-item a:after {content:''; display:block; width:20px; height:20px; background-color:rgba(239, 65, 61, 0); position:absolute; bottom:20px; left:50%; transform:rotate(-45deg) translateX(-50%); z-index:-1; transition: all .3s ease-in-out;}
.tab-item a:hover,
.tab-item.active a {background-color:#ef413d; color:#fff; }

.tab-item a:hover:after,
.tab-item.active a:after {bottom:0; background-color:rgba(239, 65, 61, 1);}


@media only screen and (max-width: 1024px) {
	.tab { margin:0 0 5.8% 0;}
	.tab-item + .tab-item {margin-left:1%;}
	.tab-item a {line-height:46px; min-width:200px; }
	.tab-item a span {font-size:20px;}
}
@media only screen and (max-width: 768px) {
	.tab { margin:0 0 6.5% 0;}
	.tab-list.num-2 .tab-item{width:49.5%;}
	.tab-item + .tab-item {margin-left:1%;}
	.tab-item a {min-width:auto;}
	.tab-item a span {font-size:18px;}
}

@media only screen and (max-width: 480px) {
	.tab { margin:0 0 8.6% 0;}
	
	
	.tab-item + .tab-item {margin-left:1%;}
	.tab-item a {padding:0 10px; line-height:36px;}
	.tab-item a span {font-size:16px;}
	.tab-item a:after {width:16px; height:16px;}
}


/*button*/
.contents__btn-wrap {margin:9% 0 0 0;}

.btn-type1 {font-size:14px; font-weight:700; padding:0 20px 0 30px; border-radius:50px; border:2px solid #ef413d;  color:#222; display:inline-block; line-height:46px; background-color:rgba(255, 255, 255, 0);transition:all .3s ease-in-out; }
.btn-type1 span {padding: 0 30px 0 0; display:block; height:100%; background:url('../images/contents/ico_arrow01.png') 100% 50% no-repeat;}

.btn-type1:hover {background-color:#ef413d; color:#fff; border:2px solid #ef413d; transition:all .3s ease-in-out; }
.btn-type1:hover span {background-image: url('../images/contents/ico_arrow01_on.png');}


@media only screen and (max-width: 1024px){
	.btn-type1 {padding:0 15px 0 20px; line-height:40px; }
	.btn-type1 span {padding: 0 20px 0 0; background-size:8px;} 

}

@media only screen and (max-width: 480px){
	.contents__btn-wrap {margin:12% 0 0 0; text-align:center;}
	.btn-type1 {padding:0 10px 0 20px; line-height:36px; font-size:12px;}
	.btn-type1 span {padding: 0 15px 0 0; background-size:6px;}
}


/*기업개요*/
.info__header {margin-top:5%;}
.info__header-title { padding:3.5% 3.5% 0 3.5% ; position:relative; text-align:center; }
.info__header-title h2 {font-size:24px; font-weight:400; color:#fff; background-color:#ef413d; line-height:50px; border-radius:50px; text-align:center; display:inline-block; position: absolute; padding:0 20px; top:0; left:50%; transform: translate(-50%, -50%);}

.info__header-title h3 {font-weight:400; color:#ef413d; font-size: 48px; line-height:1.3; margin: 10px 0 0 0;}
.info__header-title p {font-weight:400; color:#222; font-size: 24px; line-height:1.3; margin:10px 0 0 0;}

.info__header-circle {text-align:center; margin-top:8%;}
.info__header-circle ul {font-size:0; position:relative;}
.info__header-circle li {display:inline-block; width:33.3%; border-radius:100%; overflow:hidden; max-width:320px;}
.info__header-circle li .circle-inner {position:relative; top:50%; transform:translateY(-50%)}

.info__header-circle li:nth-child(1){background:url('../images/contents/bg_circle01.png') 0 0 no-repeat; background-size:cover;  z-index:-1; position:relative; margin:0 -20px 0 0;}
.info__header-circle li:nth-child(2) {border:6px solid #ef413d; background-color:#fff; position:relative;}
.info__header-circle li:nth-child(3){background:url('../images/contents/bg_circle02.png') 0 0 no-repeat; background-size:cover;  z-index:-1; position:relative;  margin-left:-20px;}

.circle-inner .text {font-size:24px; font-weight:700; color:#fff; margin-top:3%;}
.info__header-circle li:nth-child(2) .circle-inner .text {color:#222;}


@media only screen and (max-width: 1024px) {
	.circle-inner .image {max-width:80%; display:inline-block;}

}

@media only screen and (max-width: 768px) {
	.info__header {margin-top:5%;}
	.info__header-title h2 {font-size:18px; line-height:40px; border-radius:40px;}

	.info__header-title h3 {font-size: 36px;}
	.info__header-title p {font-size: 20px;}
}

@media only screen and (max-width: 640px) {
	.info__header-title h2 {font-size:16px; line-height:40px; border-radius:30px;}
	.info__header-title h3 {font-size: 32px; margin:5px 0 0 0;}
	.info__header-title p {font-size: 18px; margin:5px 0 0 0;}


	.info__header-circle {text-align:center; margin-top:8%;}
	
	.info__header-circle li {width:45%; }
	
	.info__header-circle li:nth-child(1){position:relative; margin:30% 5% 0 0;}
	.info__header-circle li:nth-child(2) {border-width:4px; position:absolute; top:0; left:50%; transform:translateX(-50%); }
	.info__header-circle li:nth-child(3){position:relative;  margin:30% 0 0 5%;  }
	.circle-inner .text {font-size:18px;}

}

@media only screen and (max-width: 480px) {
	.info__header-title {padding: 3.5% 0 0 0;}
	.info__header-title h2 {font-size:14px; line-height:30px; border-radius:30px; padding:0 12px;}
	.info__header-title h3 {font-size: 28px; margin:10px 0 0 0;}
	.info__header-title p {font-size: 16px; margin:5px 0 0 0;}
}

.info__contents-wrap {margin-top:12.8%;}
.info__contents-logo {text-align:center;}
.info__contents-logo img {max-width:40%;}
.info__contents-inner {margin:7% 0 0;}

.info__contents-list {font-size:0; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.info__contents-item {display:inline-block; width:20%; padding:2% 3.5%; border-right:1px solid #ddd; text-align:center;}
.info__contents-item:last-child {border-right:0;}


.info__contents-item .num{font-size:18px; font-weight:700; color:#222;}
.info__contents-item .num span {display:inline-block; font-style:italic; padding:0 0 2px 0; border-bottom:1px solid #222;}

.info__contents-item h5 {font-size:24px; font-weight:900; color:#222; margin-top:7%;}
.info__contents-item h5 span {display:inline-block; position:relative;}
.info__contents-item h5 span:after {content:''; display:block; width:6px; height:12px;  background:url('../images/contents/dot_01.png') 100% 0 no-repeat; position:absolute; right:-14px; top:0;}
.info__contents-item .desc {margin-top:27%;}
.info__contents-item .desc-item {font-size:16px; color:#666; line-height:1.6; margin-top:10px;}


@media only screen and (max-width: 1024px) {
	.info__contents-item {padding:1.6% 1.6%;}
	.info__contents-item .num{font-size:16px;}

	.info__contents-item h5 {font-size:20px;}
	.info__contents-item .desc {margin-top:20%;}
	.info__contents-item .desc-item {font-size:15px; margin-top:6px;}
}

@media only screen and (max-width: 960px) {
	.info__contents-list { text-align:left;}
	.info__contents-item {width:33.3%;padding:2.8% 2.8%;}
	.info__contents-item:last-child {border-right:1px solid #ddd;;}
	.info__contents-item:nth-child(3) {border-right:0;}
}
@media only screen and (max-width: 768px) {
	.info__contents-item .num{font-size:14px;}

	.info__contents-item h5 {font-size:18px;  margin-top:5%;}
	.info__contents-item .desc {margin-top:10%;}
	.info__contents-item .desc-item {font-size:14px; margin-top:6px;}
}

@media only screen and (max-width: 640px) {
	.info__contents-list {border-bottom:1px dashed #ddd;}
	.info__contents-wrap {margin-top:16%;}
	.info__contents-item {width:50%; border-bottom:1px dashed #ddd; border-top:1px dashed #ddd; padding:8% 4%;}
	.info__contents-item:nth-child(3) {border-right:1px solid #ddd;}
	.info__contents-item:nth-child(2n) {border-right:0;}
	.info__contents-item:last-child {border-bottom:0;}
}

@media only screen and (max-width: 380px) {
	.info__contents-item {width:100%; border-right:0; }
	.info__contents-item:nth-child(3) {border-right:0;}
	.info__contents-item:nth-child(2n) {border-right:0;}
	
}






/*CEO*/
.ceo-wrap {position:relative;}
.ceo-inner {font-size:0;}
.ceo-item {display:inline-block; width:47.2%; vertical-align:top;}
.ceo-item:nth-child(1) {margin:0 2.8% 0 0;}
.ceo-item:nth-child(2) {margin:0 0 0 2.8%;}
.ceo-header { line-height:1.3; font-weight:400;}
.ceo-header h4{ font-size:42px; color:#ef413d; }
.ceo-header p{ font-size:24px; color:#222; }

.ceo-txt {font-size:16px; margin-top:40px; line-height:1.6;}
.ceo-txt:first-child {margin-top:0;}

.ceo-sign {text-align:right; margin-top:40px;}


@media only screen and (max-width: 1024px) {
	.ceo-header h4{ font-size:36px;}
	.ceo-header p{ font-size:20px;}

	.ceo-txt {font-size:16px; margin-top:40px; line-height:1.6;}
	.ceo-txt:first-child {margin-top:0;}

	.ceo-sign {text-align:right; margin-top:40px;}
}

@media only screen and (max-width: 768px) {
	.ceo-item {width:100%;}
	.ceo-item:nth-child(1) {margin:0;}
	.ceo-item:nth-child(2) {margin:30px 0 0 0;}

	.ceo-header h4{ font-size:36px;}
	.ceo-header p{ font-size:18px; }

	.ceo-txt {font-size:14px; margin-top:30px;  text-align:justify}

	.ceo-sign {margin-top:40px;}
}

@media only screen and (max-width: 480px) {
	.ceo-sign img {width:50%;}
}



/*비전 경영이념*/
.vision__header {padding:8.5% 0; background-color:#f1f1f1; text-align:center;}

.vision-wrap {padding:8.5% 0 0 0;}
.vision-inner {background:url('../images/contents/vision_bg01.png') 50% 100% no-repeat; padding:0 0 130px 0;}
.vision-title {font-size:58px; line-height:1.3; color:#222; text-align:center;}
.vision-title span {font-weight:100; display:block;}
.vision-title strong {font-weight:500; display:block;}

.vision-img {text-align:center; padding:4.2% 0;}
.vision-text {max-width:1000px; margin:0 auto; font-size:24px; color:#666; line-height:1.3; text-align:center;}

.vision-list {background-color:#f1f1f1; padding:3.65% 0; font-size:0;}

.vision-item {display:inline-block; vertical-align:top; width:22.9%; margin:0 1.4%; position:relative; border-radius: 20px; border:4px solid #787f84; background-color:#fff; padding:2.1%;}
.vision-item:after {content:attr(data-num); width:42px; height:78px; background:url('../images/contents/vision_bg03.png') 0 0 no-repeat; display:block; position:absolute; top:0; right:8%; background-size:cover; color:#fff; font-size:18px; text-align:center; line-height:50px;}

.vision-item:first-child {margin:0 1.4% 0 0;}
.vision-item:nth-child(4) {margin:0 0 0 1.4%;}

.vision-h4 {font-size:23px; font-weight:500; color:#222; line-height:1.3; padding:0 20px 0 0;}
.vision-desc {padding:8%; margin-top:10%; font-size:17px; background-color:#f1f1f1; border-radius: 15px; line-height:1.6;}


@media only screen and (max-width: 1200px) {
	.vision-item:after {width:29px; height:55px; top:0; right:8%; font-size:18px;  line-height:40px;}
}

@media only screen and (max-width: 1024px) {
	.vision__header-img {margin:0 auto; max-width:80%;}

	.vision-wrap {padding:12% 0 0 0;}
	.vision-title {font-size:48px;}
	.vision-text {font-size:20px;}
	
	.vision-list {padding:5.6% 0;}

	.vision-item {border-radius: 15px; border-width:3px;padding:2.1%;}

	.vision-h4 {font-size:20px;}
	.vision-desc {margin-top:12%; font-size:16px; border-radius: 10px; }
	
}

@media only screen and (max-width: 768px) {
	.vision-title {font-size:36px;}
	.vision-text {font-size:18px;}

	.vision-inner { background-size:125px;padding:0 0 100px 0;}
	
	.vision-list {padding:8% 0;}

	
	.vision-item {width:47.4%; margin:0 2.6%; padding:4%;height:280px;}
	.vision-item:after {width:21px; height:39px; top:0; right:8%; font-size:14px;  line-height:25px;}
	.vision-item:first-child {margin:0 2.6% 0 0;}
	.vision-item:nth-child(2) {margin:0 0 0 2.6%;}
	.vision-item:nth-child(3) {margin:5.2% 2.6% 0 0;}
	.vision-item:nth-child(4) {margin:5.2% 0 0 2.6%;}

	.vision-h4 {font-size:18px;}
	.vision-desc {margin-top:8%; font-size:14px;}
	
}
@media only screen and (max-width: 480px) {
	.vision-title {font-size:32px;}
	.vision-text {font-size:16px;}

	
	.vision-inner { background-size:89px;padding:0 0 70px 0;}
	
	.vision-list {padding:10% 0;}

	
	.vision-item {width:100%; margin:0; padding:4%;height: auto;}
	.vision-item:after {right:5%; font-size:14px;  line-height:25px;}
	.vision-item:first-child {margin:0;}
	.vision-item:nth-child(2) {margin:5.2% 0 0 0;}
	.vision-item:nth-child(3) {margin:5.2% 0 0 0;}
	.vision-item:nth-child(4) {margin:5.2% 0 0 0;}

	.vision-desc {margin-top:6%; font-size:14px;}
}

/*연혁*/
.history-wrap {font-size:0; margin:8.5% 0 0 0; }
.history-wrap:first-child {margin:0 0 0 0;}
.history-year {display:inline-block; width:30%; margin:0 5% 0 0; vertical-align:top; font-size:30px; font-weight:700; color:#222; border-top:4px solid #222; padding:2% 0 0 0;}
.history-list {display:inline-block; width:65%; vertical-align:top;}

.history-item {border-top:1px solid #ccc; margin-top:3.3%; padding-top:3.3%;}
.history-item:first-child {margin-top:0; border-top:1px solid #222;}
.history-item .month {display:inline-block; width:13%; padding:0 0 0 0; vertical-align:top; font-size:22px; color:#222; font-weight:400;}
.history-item .desc {display:inline-block; width:87%; padding:0 0; vertical-align:top; font-size:18px; line-height:1.3;}
.history-item .desc span {display:block; margin-top:10px;}
.history-item .desc span:first-child {margin-top:0;}


@media only screen and (max-width: 1024px) {
	.history-year {font-size:28px; border-top:2px solid #222;}
}

@media only screen and (max-width: 768px) {
	.history-wrap {margin:12% 0 0 0; }

	.history-year {width:20%; margin:0 8% 0 0; font-size:24px; padding:20px 0 0 0;}
	.history-list { width:72%;}

	.history-item {margin-top:20px; padding-top:20px;}
	.history-item .month {width:15%; font-size:18px;}
	.history-item .desc {width:85%; font-size:16px;}
	
}

@media only screen and (max-width: 480px) {
	.history-wrap {margin:15% 0 0 0; }

	.history-year {width:20%; margin:0 8% 0 0; font-size:18px; padding:15px 0 0 0;}
	.history-list { width:72%;}

	.history-item {margin-top:15px; padding-top:15px;}
	.history-item .month {width:15%; font-size:16px;}
	.history-item .desc {width:85%; font-size:14px;}
}


/*계열사*/
.branch__header {text-align:center;}

.branch__header-logo { display:inline-block;}
.branch__header .text {font-size:18px; color:#222; line-height:1.6; margin:4.2% auto 0 auto; width:70%;}

.branch__info-wrap {position:relative; padding:2.85%;}

.branch__info-bg {background-size:cover; background-position: 50% 50%; background-repeat:no-repeat; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; }
.branch__info-bg.type1 {background-image:url('../images/contents/branch_bg01.png');}
.branch__info-bg.type2 {background-image:url('../images/contents/branch_bg02.png');}
.branch__info-inner { width:43%; display:block; background-color:rgba(255, 255, 255, 0.8); padding:3.5%;}
.branch__info-inner dl {font-size:0;}
.branch__info-inner dt,
.branch__info-inner dd {display:inline-block; vertical-align:top; line-height:1.3;}
.branch__info-inner dt {width:35%; font-size:18px; font-weight:400; color:#222; margin:5% 5% 0 0;}
.branch__info-inner dt:nth-of-type(1) {margin-top:0; border-top:0;}
.branch__info-inner dd {width:60%; font-size:16px; color:#666; margin:5% 0% 0 0;}
.branch__info-inner dd:nth-of-type(1) {margin-top:0; border-top:0;}


@media only screen and (max-width: 1024px) {
	.branch__header-logo {max-width:50%;}
	.branch__header .text {font-size:16px;}
	.branch__info-wrap {padding:3.6%;}
	.branch__info-inner { width:40%;}

	.branch__info-inner dt {width:100%; font-size:16px;}
	.branch__info-inner dd {width:100%; font-size:14px;}
}
@media only screen and (max-width: 768px) {
	.branch__header-logo {max-width:40%;}
	.branch__header .text {font-size:15px; width:100%;}
}

@media only screen and (max-width: 640px) {
	.branch__info-wrap {padding:0;}

	.branch__info-bg {position: static; z-index:0; height:240px; }

	.branch__info-inner { width:100%; background-color:rgba(245, 245, 245, 1); padding:4.5%;}
	.branch__info-inner dt {width:40%; font-size:14px; border-top:1px solid #d6d6d6; margin:0% 0% 0 0; padding:3% 5% 3% 3% ;}
	.branch__info-inner dd {width:55%; font-size:14px; border-top:1px solid #d6d6d6; margin:0% 0% 0 0; padding:3% ;}
	
}
@media only screen and (max-width: 480px) {
	.branch__header-logo {max-width:50%;}
	.branch__info-bg {position: static; z-index:0; height:160px; }
}


/*조직도*/
.organi-wrap {text-align:center; font-size:0; overflow:hidden;}
.organi-wrap span{display:inline-block; width:100%; text-align:center; text-shadow: 0 0 5px rgba(0, 0, 0, .4); line-height:1.1;}
.organi-h3 {width:14.3%; display:inline-block; position:relative; line-height:56px; border:2px solid #ef413d; color:#222; background:#fff;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); }
.organi-h3:after {content:''; width:1px; height:100%; display:block; background:#ccc; position:absolute; left:50%; bottom:-42px; z-index:-1;}
.organi-h3 span {font-size:20px; line-height:1.1; font-weight:700; text-shadow: 0 0 0 rgba(0, 0, 0, 0);}

.organi-h4 {width:22.15%;display:inline-block; position:relative; line-height:60px; color:#fff; background:#ef413d; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); padding:0 5px;}
.organi-h4:before {content:''; width:1px; height:100%; display:block; background:#ccc; position:absolute; left:50%; top:-40px; z-index:-1;}
.organi-h4:after {content:''; width:1px; height:100%; display:block; background:#ccc; position:absolute; left:50%; bottom:-40px; z-index:-1;}
.organi-h4 span {font-size:18px; line-height:1.1; font-weight:400;}

.organi-h5 {width:22.15%; display:block; position:relative; line-height:40px; color:#fff; background:#808285; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); margin:40px auto 0 auto;  padding:0 5px;}
.organi-h5:after {content:''; width:1px; height:100%; display:block; background:#ccc; position:absolute; left:50%; bottom:-40px; z-index:-1;}
.organi-h5 span {font-size:14px; line-height:1.1; font-weight:400;}

.organi-inner {position:relative; margin-top:40px; }
.organi-inner:before {content:''; display:block; width:68.28%; height:1px; background:#ccc; position:absolute; top:0; left:24.28%;}

.organi-box {display:inline-block; vertical-align:top;}
.organi-box.nth-1 {width:18%; position:absolute; top:-50px; right:0; z-index: 2;}
.organi-box.nth-2 {width:48.5%; margin:40px 1.5% 0 0;}
.organi-box.nth-3 {width:48.5%; margin:40px 0 0 1.5%; }


.organi-box.nth-1 .other {position:relative;}
.organi-box.nth-1 .other:before {content:''; display:block; width:1px; background:#ccc; height:160px; top:50px; left:0; position:absolute;}
.organi-box.nth-1 .other:after {content:''; display:block; clear:bloth;}
.organi-box.nth-1 .organi-h5 {width:85%; display:block; float:right; position:relative; line-height:60px; color:#fff; background:#808285; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); margin:20px auto 0 auto;}
.organi-box.nth-1 .organi-h5:after {content:''; width:100%; height:1px; display:block; background:#ccc; position:absolute; left:-17.5%; top:50%; z-index:-1;}
.organi-box.nth-1 .organi-h5 span {font-size:16px; line-height:1.3; font-weight:400;}
.organi-box.nth-1 .organi-h5 span em {font-size:14px;}



.organi-list.depth1 {position:relative; margin:40px 0 0 0; padding:40px 0 0 0; }
.organi-list.depth1:before {content:''; display:block; width:76.58%; height:1px; background:#ccc; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.organi-list.depth1 > .organi-item {width:23.5%; display:inline-block; vertical-align:top; position:relative;}
.organi-list.depth1 > .organi-item:before {content:''; width:1px; height:100%; display:block; background:#ccc; position:absolute; left:50%; top:-40px; z-index:-1;}
.organi-list.depth1 > .organi-item:nth-child(1) {margin:0 1% 0 0;}
.organi-list.depth1 > .organi-item:nth-child(2) {margin:0 1% 0 1%;}
.organi-list.depth1 > .organi-item:nth-child(3) {margin:0 1% 0 1%;}
.organi-list.depth1 > .organi-item:nth-child(4) {margin:0 0 0 1%;}

.organi-box.nth-1 .organi-list.depth1:before {display:none;}
.organi-box.nth-1 .organi-list.depth1 > .organi-item {width:100%;}



.organi-box.nth-3 .organi-h4,
.organi-box.nth-3 .organi-h5{width:22.15%;}
.organi-box.nth-3 .organi-list.depth1 > .organi-item {width:23.5%;}
.organi-box.nth-3 .organi-list.depth1:before {width:76.58%;}
.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(1) {margin:0 1% 0 0;}
.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(2) {margin:0 1% 0 1%;}
.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3) {margin:0 1% 0 1%;}
.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(4) {margin:0 0 0 1%;}


.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3):before {top:20px; height:70%;}
.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3):after {content:''; display: block; width:70%; height:1px; background:#ccc; position:absolute; left:-20%; top:20px; z-index:-1;}


.organi-depth1 { display:block; position:relative; line-height:40px; color:#fff; background:#808285; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); margin:0 auto; padding:0 5px;}
.organi-depth1 span {font-size:14px; line-height:1.2; font-weight:400;}

.organi-list.depth2 {margin-top:40px;}

.organi-box.nth-1 .organi-list.depth1 > .organi-item:nth-child(1) .organi-list.depth2 {margin-top:15px;}

.organi-box.nth-2 .organi-list.depth1 > .organi-item:nth-child(3) .organi-list.depth2,
.organi-box.nth-2 .organi-list.depth1 > .organi-item:nth-child(4) .organi-list.depth2 {margin-top:80px;}

.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(1) .organi-list.depth2,
.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3) .organi-list.depth2,
.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(4) .organi-list.depth2 {margin-top:80px;}

.organi-depth2 {display:block; position:relative; line-height:40px; color:#888; background:#fff; border:1px solid #d6d6d6; box-shadow: 0 0 0 rgba(0, 0, 0, 0); margin:20px auto 0 auto; padding:0 5px;}
.organi-depth2:first-child {margin-top:0;}
.organi-depth2 span {font-size:13px; line-height:1.1; text-shadow: 0 0 0; font-weight:300;}

.organi-box.nth-1 .organi-depth2 {margin-top:15px;}
.organi-box.nth-1 .organi-depth2 span {font-size:13px;}


@media all and (max-width:1024px){
	.organi-h3 span {font-size:18px;}
	.organi-h4 span {font-size:15px;}
	.organi-h5 span {font-size:13px;}
	.organi-box.nth-1 .organi-h5 span {font-size:15px;}
	.organi-box.nth-1 .organi-h5 span em {font-size:13px;}
	.organi-depth1 span {font-size:14px;}
	.organi-depth2 span {font-size:13px;}
}

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

	.organi-wrap {text-align:unset; position:relative;}
	.organi-wrap:after {content:''; width:1px; height:65%; display:block; background:#ccc; position:absolute; left:25%; top:0; z-index:-1;}
	
	
	.organi-h3 {width:50%;}
	.organi-h3:after {display:none;}
	

	.organi-h4 {width:100%; position:relative; left:-100%;}
	.organi-h4:before {width:100%; height:1px; left:50%; top:50%; z-index:-1;}
	.organi-h4:after { left:150%; top:50%; height:120%;}
	

	.organi-h5 {width:100%;  margin:30px auto 0 auto;}
	

	.organi-inner {margin-top:0;padding:0 0 0 50%; }
	.organi-inner:before {display:none;}

	.organi-box {display:block; position:relative;}
	.organi-box.nth-1 {width:100%; position:relative; top:0; left:0;}
	.organi-box.nth-1:before {content:''; width:100%; height:1px; display:block; background:#ccc; position:absolute; left:-50%; top:50%; z-index:-1;}
	.organi-box.nth-2 {width:100%; margin:40px 0 0 0;}
	.organi-box.nth-3 {width:100%; margin:40px 0 0 0; }


	.organi-box.nth-1 .other {position:relative; text-align:right;}
	.organi-box.nth-1 .other:before { height:calc(100% - 60px); top:30px; left:0;}
	
	.organi-box.nth-1 .organi-h5 {width:90%; display:inline-block; float:none; line-height:60px; }
	.organi-box.nth-1 .organi-h5:first-child {margin-top:0;}
	.organi-box.nth-1 .organi-h5:after {left:-11%;}


	.organi-list.depth1 {padding:0 0 0 0; margin:0; }
	.organi-list.depth1:before {display:none;}
	.organi-list.depth1 > .organi-item {width:100%;}
	
	.organi-list.depth1 > .organi-item:nth-child(1), 
	.organi-list.depth1 > .organi-item:nth-child(2),
	.organi-list.depth1 > .organi-item:nth-child(3),
	.organi-list.depth1 > .organi-item:nth-child(4) {margin:40px 0 0 0;}

	.organi-box.nth-1 .organi-list.depth1 > .organi-item:before {top:0;}

	.organi-box.nth-3 .organi-h4,
	.organi-box.nth-3 .organi-h5,
	.organi-box.nth-3 .organi-list.depth1 > .organi-item {width:100%;}
	.organi-box.nth-3 .organi-list.depth1:before {display:none;}
	
	
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(1),
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(2),
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3),
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(4){margin:40px 0 0 0;}

	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3):before { top: -40px; height: 100%;}
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3):after {display:none;}



	.organi-list.depth2 {margin-top:15px;}
	
	.organi-box.nth-2 .organi-list.depth1 > .organi-item:nth-child(3) .organi-list.depth2,
	.organi-box.nth-2 .organi-list.depth1 > .organi-item:nth-child(4) .organi-list.depth2,
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(1) .organi-list.depth2,
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(3) .organi-list.depth2,
	.organi-box.nth-3 .organi-list.depth1 > .organi-item:nth-child(4) .organi-list.depth2 {margin-top:	0px;}

	.organi-depth2 {margin-top:15px;}
}

.company__map {position:relative;}

.company__map-area {height:500px;}

.location-map-link{
    display:inline-block;padding:10px 20px;box-sizing:border-box;text-align:center;position:absolute;width:auto;height:auto;left:3px;top:3px;z-index:999;background:rgba(255,255,255,0.95);color:#3d75cc;
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.15);border-radius:3px;
}
@media only screen and (max-width: 1024px){
    .location-map-link{font-size:14px;}
	.location-map-toucharea {
		width: 100%;
		height: 100%;
		background: transparent;
		position: relative;
		z-index: 2;
	}
}

.map__info {position:absolute; width:36%; height:80%; background-color:rgba(255, 255, 255, 0.8); top:50%; right:2.85%; z-index:999; transform:translateY(-50%);padding:3.5%;}
.map__info-list {font-size:0; position:relative; top:50%; transform:translateY(-50%)}
.map__info-item + .map__info-item {margin-top:10%;}
.map-logo {text-align:center; border-bottom:1px solid #ccc; padding:0 0 5% 0;}
.map-logo img {text-align:center; max-width:50%;}
.map__info-item .ico{display:inline-block; width:36px; height:36px;  background-size:28px 28px; background-repeat:no-repeat; background-position: 50% 50%; background-color:#ef413d; border-radius:100%;}
.map__info-item .ico.nth-1 {background-image:url('../images/contents/ico_address01.png');}
.map__info-item .ico.nth-2 {background-image:url('../images/contents/ico_address02.png');}
.map__info-item .ico.nth-3 {background-image:url('../images/contents/ico_address03.png');}
.map__info-item span{display:inline-block; width:calc(100% - 36px); font-size:18px; color:#222; line-height:1.3; padding:0 0 0 10px;}

@media only screen and (max-width: 1024px){
	.company__map-area {height:480px;}
	.map__info {width:40%;}
	.map-logo img {max-width:60%;}
	.map__info-item .ico{width:32px; height:32px;  background-size:24px 24px;}
	.map__info-item span{width:calc(100% - 32px); font-size:16px;}
}

@media only screen and (max-width: 768px){
	.company__map-area {height:400px;}

	.map__info {position:static; width:100%; height:auto; background-color:rgba(245, 245, 245, 1); transform:translateY(0%);padding:3.5%;}
	.map__info-list {position:static; transform:translateY(0%)}
	.map__info-item + .map__info-item {margin-top:5%;}
	.map-logo {padding:5%; background-color:#fff; border:1px solid #ccc;}
	.map-logo img {text-align:center; max-width:40%;}
	.map__info-item .ico{width:28px; height:28px;  background-size:20px 20px;}
	.map__info-item span{width:calc(100% - 28px); font-size:16px;}
	
}

@media only screen and (max-width: 640px){
	.map__info-item span{width:calc(100% - 28px); font-size:14px;}
	
}


/*CI*/
.contents__box {font-size:0;}
.contents__box p.text {font-size:16px; color:#666; line-height:1.6;}

.contents__box .contents__box-inner {width:47.5%; display:inline-block; vertical-align:top; position:relative;}
.contents__box .contents__box-inner:nth-child(1) {margin:0 2.5% 0 0;}
.contents__box .contents__box-inner:nth-child(2) {margin:0 0 0 2.5%;}


.ci__box {background:url('../images/contents/ci_bg01.png') 0 0; border:1px solid #d4d4d4; padding:6%;}
.ci__box.type1{padding:13% 6%;}
.ci__box.type2 .contents__box-inner {margin:0 !important; width:50%;}

.ci__text {font-size:18px; line-height:1.6; color:#222;}
.ci__stitle {font-size:12px; line-height:24px; display:inline-block; min-width:100px; background-color:#222; text-align:center; padding:0 10px; color:#fff; margin-bottom:40px;}


@media only screen and (max-width: 1024px) {
	.ci__stitle {margin-bottom:30px; font-size: 10px;}
	.ci__text {font-size:16px;}
}
@media only screen and (max-width: 768px) {
	.contents__box p.text {font-size:14px;}
	.contents__box .contents__box-inner {width:100%;}
	.contents__box .contents__box-inner:nth-child(1) {margin:0;}
	.contents__box .contents__box-inner:nth-child(2) {margin:5% 0 0 0 ;}

	.contents__box.type2 .contents__box-inner:nth-child(2) {margin:20% 0 0 0 ;}
	.contents__box.type3 .contents__box-inner:nth-child(2) {margin:10% 0 0 0 ;}

	.ci__text {font-size:14px;}
	.ci__stitle {margin-bottom:20px;}
	
}
@media only screen and (max-width: 480px) {
	.MAT-M{
		display: flex;
		flex-direction:column;
	}
	.contents__box .contents__box-inner:nth-child(1),
	.contents__box .contents__box-inner:nth-child(2){
		width:100%;
	}
	.MAT-M .contents__box-inner p img{
		width: 60%;
	}
	.MAT-M .contents__box-inner:nth-child(1) h4{
		/* margin: 0; */
	}
	.MAT-M .contents__box-inner:nth-child(1) img{
		margin: 0 0 30px 0;
	}
}

.ci__color {padding:4.5% 9%;}
.ci__color:before {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.ci__color.type1{background-color:#ef413d;}
.ci__color.type2{background-color:#666;}
.ci__color-tit,
.ci__color-desc {display:inline-block; width:47.5%; color:#fff;}
.ci__color-tit {font-size:24px; font-weight:700; margin:0 2.5% 0 0;}
.ci__color-desc {font-size:16px; font-weight:400; margin:0 0 0 2.5%;}
.ci__color-desc li {line-height:1.3; margin-top:8px;}
.ci__color-desc li:first-child {margin-top:0;}

@media only screen and (max-width: 1200px) {
	.ci__color-tit { width:40%;}
	.ci__color-desc {font-weight:300; width:55%;}
}

@media only screen and (max-width: 1024px) {
	.ci__color-tit {font-size:18px; width:35%;}
	.ci__color-desc {font-size:14px; font-weight:300; width:60%; letter-spacing:-0.05em;}
}

@media only screen and (max-width: 480px) {
	.ci__color {padding:9%;}
	.ci__color:before {display:none;}
	.ci__color-tit { width:100%; margin:0;}
	.ci__color-desc { width:100%; letter-spacing:0; margin:6% 0 0 0;}
	.ci__color-desc li {line-height:1.3; margin-top:4px;}
}




/*****************sub09 _ 제품소개 _ Wheel Hub***************/
.sub09 p{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.sub09 p span:first-child{
	font-size: 30px;
	font-weight: 500;
	color: #333;
	margin: 0 23px 0 0;
}
.sub09 p span:last-child{
	font-size: 20px;
	font-weight: 300;
	color: #666;
}

/*제품나열*/
.sub09 .boxGroup{
	display: flex;
	flex-wrap: wrap;
	margin: 130px 0 0 0;
}
.sub09 .box{
	width: 23%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sub09 .box.b01,
.sub09 .box.b02,
.sub09 .box.b03,
.sub09 .box.b05,
.sub09 .box.b06,
.sub09 .box.b07,
.sub09 .box.b09,
.sub09 .box.b10,
.sub09 .box.b11,
.sub09 .box.b13,
.sub09 .box.b14,
.sub09 .box.b15,
.sub09 .box.b17,
.sub09 .box.b18,
.sub09 .box.b19,
.sub09 .box.b21,
.sub09 .box.b22,
.sub09 .box.b23,
.sub09 .box.b25,
.sub09 .box.b26{
	margin: 0 2.5% 110px 0;
}
.sub09 .txt1{
	font-size: 18px;
	color: #333;
	font-weight: 500;
	margin: 17px 0 13px 0;
}
.sub09 .txt2{
	font-size: 16px;
	color: #333;
	font-weight: 300;
	text-align: center;
	border: 1px solid #ef413d;
	padding: 5px 13px;
	display: inline-block;
	border-radius: 5px;
	background: #ef413d;
	color: #fff;
}
.sub09 .box.b05 ~ .box .txt2{
	background: #fff;
	color: #bf3430;
	border: 2px solid #ef413d;
}

@media only screen and (max-width: 1024px) {
	.sub09 .boxGroup{
		flex-wrap: wrap;
		margin: 70px 0 0 0;
	}
	.sub09 .box{
		width: 30%;
	}
	.sub09 .box.b01,
	.sub09 .box.b02,
	.sub09 .box.b03,
	.sub09 .box.b05,
	.sub09 .box.b06,
	.sub09 .box.b07,
	.sub09 .box.b09,
	.sub09 .box.b10,
	.sub09 .box.b11,
	.sub09 .box.b13,
	.sub09 .box.b14,
	.sub09 .box.b15,
	.sub09 .box.b17,
	.sub09 .box.b18,
	.sub09 .box.b19,
	.sub09 .box.b21,
	.sub09 .box.b22,
	.sub09 .box.b23,
	.sub09 .box.b25,
	.sub09 .box.b26{
		margin: unset;
	}
	.sub09 .box:nth-child(3n+1),
	.sub09 .box:nth-child(3n+2){
		margin: 0 5% 70px 0;
	}
}
@media only screen and (max-width: 768px) {
	.sub09 p{
		flex-direction: column;
		align-items: center;
	}
	.sub09 p span:first-child{
		font-size: 27px;
		margin: 0 0 13px 0;
	}
	.sub09 p span:last-child{
		font-size: 19px;
	}
	.sub09 .boxGroup{
		flex-wrap: wrap;
		margin: 70px 0 0 0;
	}
	.sub09 .box{
		width: 47%;
	}
	.sub09 .box.b01,
	.sub09 .box.b02,
	.sub09 .box.b03,
	.sub09 .box.b04,
	.sub09 .box.b05,
	.sub09 .box.b06,
	.sub09 .box.b07,
	.sub09 .box.b08,
	.sub09 .box.b09,
	.sub09 .box.b10,
	.sub09 .box.b11,
	.sub09 .box.b12,
	.sub09 .box.b13,
	.sub09 .box.b14,
	.sub09 .box.b15,
	.sub09 .box.b16,
	.sub09 .box.b17,
	.sub09 .box.b18,
	.sub09 .box.b19,
	.sub09 .box.b20,
	.sub09 .box.b21,
	.sub09 .box.b22,
	.sub09 .box.b23,
	.sub09 .box.b24,
	.sub09 .box.b25,
	.sub09 .box.b26{
		margin: unset;
	}
	.sub09 .box:nth-child(odd){
		margin: 0 6% 70px 0;
	}
}
@media only screen and (max-width: 480px) {
	.sub09 p{
		flex-direction: column;
		align-items: center;
	}
	.sub09 p span:first-child{
		font-size: 17px;
		margin: 0 0 13px 0;
	}
	.sub09 p span:last-child{
		font-size: 15px;
	}
	.sub09 .boxGroup{
		flex-wrap: wrap;
		margin: 50px 0 0 0;
	}
	.sub09 .box{
		width: 100%;
		margin: 0 0 60px 0;
	}
	.sub09 .box.b01,
	.sub09 .box.b02,
	.sub09 .box.b03,
	.sub09 .box.b04,
	.sub09 .box.b05,
	.sub09 .box.b06,
	.sub09 .box.b07,
	.sub09 .box.b08,
	.sub09 .box.b09,
	.sub09 .box.b10,
	.sub09 .box.b11,
	.sub09 .box.b12,
	.sub09 .box.b13,
	.sub09 .box.b14,
	.sub09 .box.b15,
	.sub09 .box.b16,
	.sub09 .box.b17,
	.sub09 .box.b18,
	.sub09 .box.b19,
	.sub09 .box.b20,
	.sub09 .box.b21,
	.sub09 .box.b22,
	.sub09 .box.b23,
	.sub09 .box.b24,
	.sub09 .box.b25,
	.sub09 .box.b26{
		margin: 0 0 60px 0;
	}
}



/*****************sub10 _ 제품소개 _ Outer Rings***************/
.sub10 p{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.sub10 p span:first-child{
	font-size: 30px;
	font-weight: 500;
	color: #333;
	margin: 0 23px 0 0;
}
.sub10 p span:last-child{
	font-size: 20px;
	font-weight: 300;
	color: #666;
}

/*제품나열*/
.sub10 .boxGroup{
	display: flex;
	margin: 130px 0 0 0;
}
.sub10 .box{
	width: 23%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sub10 .box.b01,
.sub10 .box.b02,
.sub10 .box.b03{
	margin: 0 3% 0 0;
}
.sub10 .txt1{
	font-size: 18px;
	color: #333;
	font-weight: 500;
	margin: 17px 0 13px 0;
}
.sub10 .txt2{
	font-size: 16px;
	color: #333;
	font-weight: 300;
	text-align: center;
	border: 1px solid #ef413d;
	padding: 5px 13px;
	display: inline-block;
	border-radius: 5px;
	background: #ef413d;
	color: #fff;
}
.sub10 .box.b03 ~ .box .txt2{
	background: #fff;
	color: #bf3430;
	border: 2px solid #ef413d;
}

@media only screen and (max-width: 1024px) {
	.sub10 p{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.sub10 p span:first-child{
		margin: 0 0 13px 0;
	}
	.sub10 .boxGroup{
		flex-wrap: wrap;
		margin: 70px 0 0 0;
	}
	.sub10 .box{
		width: 30%;
	}
	.sub10 .box.b01,
	.sub10 .box.b02{
		margin: 0 5% 50px 0;
	}
	.sub10 .box.b03{
		margin: 0 0 50px 0;
	}
}
@media only screen and (max-width: 768px) {
	.sub10 p{
		flex-direction: column;
		align-items: center;
	}
	.sub10 p span:first-child{
		font-size: 27px;
		margin: 0 0 13px 0;
	}
	.sub10 p span:last-child{
		font-size: 19px;
	}
	.sub10 .boxGroup{
		flex-wrap: wrap;
		margin: 70px 0 0 0;
	}
	.sub10 .box{
		width: 46%;
	}
	.sub10 .box.b01,
	.sub10 .box.b03{
		margin: 0 8% 50px 0;
	}
	.sub10 .box.b02{
		margin: 0;
	}
}
@media only screen and (max-width: 480px) {
	.sub10 p{
		flex-direction: column;
		align-items: center;
	}
	.sub10 p span:first-child{
		font-size: 17px;
		margin: 0 0 13px 0;
	}
	.sub10 p span:last-child{
		font-size: 15px;
		text-align: center;
	}
	.sub10 .boxGroup{
		flex-wrap: wrap;
		margin: 50px 0 0 0;
	}
	.sub10 .box{
		width: 100%;
	}
	.sub10 .box.b01,
	.sub10 .box.b02,
	.sub10 .box.b03{
		margin: 0 0 28px 0;
	}
}



/*****************sub11 _ 제품소개 _ Etcs***************/
.sub11 .boxGroup{
	display: flex;
	flex-wrap: wrap;
	padding: 0 7%;
}
.sub11 .box{
	width: 46%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sub11 .box.b01, .sub11 .box.b03{
	margin: 0 8% 160px 0;
}
.sub11 .img{
	width: 100%;
	height: auto;
	padding: 52% 0 0 0;
	background: url(../images/contents/Etcs_01.JPG) 50% 50% no-repeat;
	background-size: cover;
}
.sub11 .txt1{
	font-size: 18px;
	color: #333;
	font-weight: 500;
	margin: 17px 0 13px 0;
}
.sub11 .txt2{
	font-size: 16px;
	color: #333;
	font-weight: 300;
	text-align: center;
	line-height: 23px;
}

/*사진변경*/
.sub11 .box.b02 .img{
	background: url(../images/contents/Etcs_02.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub11 .box.b03 .img{
	background: url(../images/contents/Etcs_03.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub11 .box.b04 .img{
	background: url(../images/contents/Etcs_04.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub11 .box.b05 .img{
	background: url(../images/contents/Etcs_05.jpg) 50% 50% no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 1024px) {
	.sub11 .boxGroup{
		padding: 0;
	}
	.sub11 .box{
		width: 47%;
	}
	.sub11 .box.b01, .sub11 .box.b03{
		margin: 0 6% 60px 0;
	}
	.sub11 .img{
		width: 100%;
		height: auto;
		padding: 52% 0 0 0;
		background-size: 100% auto;
	}
}
@media only screen and (max-width: 768px) {
	.sub11 .boxGroup{
		padding: 0;
	}
	.sub11 .box{
		width: 47%;
	}
	.sub11 .box.b01, .sub11 .box.b03{
		margin: 0 6% 60px 0;
	}
	.sub11 .img{
		width: 100%;
		height: auto;
		padding: 52% 0 0 0;
		background-size: 100% auto;
	}
}
@media only screen and (max-width: 480px) {
	.sub11 .boxGroup{
		padding: 0;
	}
	.sub11 .box{
		width: 100%;
		margin: 0 0 50px 0;
	}
	.sub11 .box.b01, .sub11 .box.b03{
		margin: 0 0 50px 0;
	}
	.sub11 .img{
		width: 100%;
		height: auto;
		padding: 52% 0 0 0;
		background-size: 100% auto;
	}
	.sub11 .box.b02 .img,
	.sub11 .box.b03 .img,
	.sub11 .box.b04 .img,
	.sub11 .box.b05 .img{
		background-size: 100% auto;
	}
}



/*****************sub12 _ 기술현황 _ 설비현황***************/
/*공장전경*/
.sub12 .lineTitle{
	font-size: 22px;
	color: #222;
	font-weight: 400;
	margin: 60px 0 0 0;
}
.sub12 .viewGroup{
	height: 310px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 20px 0 0 0;
	padding: 0 1.5%;
}
.sub12 .viewGroup .photo{
	width: 22%;
	height: 235px;
	background: url(../images/contents/sub12_1_1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwrapper.v02{
	margin: 0 0 170px 0;
}

/*사진변경*/
.sub12 .viewGroupwrapper.v01 .photo.p02{
	background: url(../images/contents/sub12_2_1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwrapper.v01 .photo.p03{
	background: url(../images/contents/sub12_3_1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwrapper.v01 .photo.p04{
	background: url(../images/contents/sub12_4_1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwrapper.v02 .photo.p01{
	background: url(../images/contents/sub12_1_2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwrapper.v02 .photo.p02{
	background: url(../images/contents/sub12_2_2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwrapper.v02 .photo.p03{
	background: url(../images/contents/sub12_3_2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwrapper.v02 .photo.p04{
	background: url(../images/contents/sub12_4_2.jpg) 50% 50% no-repeat;
	background-size: cover;
}

@media only screen and (max-width:768px){
	.sub12 .lineTitle{
		font-size: 18px;
	}	
	.sub12 .viewGroup{
		flex-wrap: wrap;
		height: auto;
		padding: 4%;
	}
	.sub12 .viewGroup .photo{
		width: 43%;
		margin: 23px 0;
		height: 195px;
	}
}
@media only screen and (max-width: 480px){
	.sub12 .lineTitle{
		font-size: 16px;
	}
	.sub12 .viewGroup{
		height: auto;
		flex-direction: column;
		padding: 8%;
	}
	.sub12 .viewGroup .photo{
		width: 100%;
		height: 185px;
		margin: 17px 0;
	}
	.sub12 .viewGroupwrapper.v02{
		margin: 0 0 110px 0;
	}
}



/*제조설비현황*/
.sub12 .viewGroupwhole{
	margin: 60px 0;
}
.sub12 .viewGroupwhole .photoGroup{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 310px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	padding: 0 1.5%;
}
.sub12 .viewGroupwhole .photoGroup .photo{
	width: 23%;
	height: 230px;
	background: url(../images/contents/sub12_5_1.jpg) 50% 50% no-repeat;
	background-size: cover;
}

/*제조설비현황 사진변경*/
.sub12 .viewGroupwhole .photoGroup .photo.p02{
	background: url(../images/contents/sub12_5_2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwhole .photoGroup .photo.p03{
	background: url(../images/contents/sub12_5_3.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwhole .photoGroup .photo.p04{
	background: url(../images/contents/sub12_5_4.jpg) 50% 50% no-repeat;
	background-size: cover;
}

@media only screen and (max-width:768px){
	.sub12 .viewGroupwhole .photoGroup{
		flex-wrap: wrap;
	}
	.sub12 .viewGroupwhole .photoGroup{
		height: auto;
		padding: 4%;
	}
	.sub12 .viewGroupwhole .photoGroup .photo{
		width: 45%;
		height: 195px;
		margin: 20px 0;
	}
}
@media only screen and (max-width: 480px) {
	.sub12 .viewGroupwhole .photoGroup{
		height: auto;
		padding: 7%;
	}
	.sub12 .viewGroupwhole .photoGroup .photo{
		width: 100%;
		height: 185px;
		margin: 25px 0;
	}
}

/*제조설비현황 표*/
.sub12 table{
	margin: 20px 0 180px 0;
	border-top: 2px solid #333;
}
.sub12 table:nth-of-type(2){
	margin: 20px 0;	
}
.sub12 table tr{
	height: 60px;
	border-bottom: 1px solid #e5e5e5;
}
.sub12 table tr td{
	text-align: center;
	font-size: 16px;
}
.sub12 table tr td:first-child{
	width: 37%;
	background: #f7f8fa;
	color: #333;
	font-weight: 500;
}
.sub12 table tr td:last-child{
	color: #666;
}

@media only screen and (max-width: 768px){
	.sub12 table tr td{
		font-size: 14px;
		line-height: 19px;
	}
	.sub12 table tr td:first-child{
		width: 65%;
		padding: 0 11px;
	}
	.sub12 table tr td:last-child{
		padding: 0 17px;
	}
}
@media only screen and (max-width: 480px){
	.sub12 table tr td{
		font-size: 14px;
		line-height: 19px;
	}
	.sub12 table tr td:first-child{
		width: 65%;
		padding: 0 11px;
	}
	.sub12 table tr td:last-child{
		padding: 0 17px;
	}
}



/*측정설비*/
.sub12 .viewGroupwhole.v02 .photoGroup .photo.p01{
	background: url(../images/contents/sub12_6_1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwhole.v02 .photoGroup .photo.p02{
	background: url(../images/contents/sub12_6_2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwhole.v02 .photoGroup .photo.p03{
	background: url(../images/contents/sub12_6_3.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub12 .viewGroupwhole.v02 .photoGroup .photo.p04{
	background: url(../images/contents/sub12_6_4.jpg) 50% 50% no-repeat;
	background-size: cover;
}



/*****************sub13 _ 기술현황 _ 주요공정***************/
.sub13 .boxGroup{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 90px 0;
}
.sub13 .box{
	width: 22.5%;
	height: 370px;
	margin: 0 0 70px 0;
}
.sub13 img{
	height: 210px;
}
.sub13 .copy{
	margin: 17px 0 0 0;
}
.sub13 .copy span:first-child{
	color: #ef413d;
	font-size: 18px;
	font-weight: 400;
	margin: 0 13px 0 0;
}
.sub13 .copy span:last-child{
	color: #333;
	font-size: 18px;
	font-weight: 300;
}
.sub13 .arrow{
	width: 25px;
	height: 25px;
	background: url(../images/contents/arrows_right.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 0 0 15% 0;
}
.sub13 .box.b04 + .arrow{
	display: none;
}

@media only screen and (max-width: 1024px){
	.sub13 .boxGroup{
		justify-content: flex-start;
		margin: 30px 0;
	}
	.sub13 .box{
		width: 29%;
		margin: 20px 0;
		height: 350px;
	}
	.sub13 .img{
		width: 100%;
		height: 230px;
	}
	.sub13 .arrow{
		margin: 0 1.5% 17%;
	}
	.sub13 .box.b03 + .arrow,
	.sub13 .box.b06 + .arrow{
		display: none;
	}
	.sub13 .box.b04 + .arrow{
		display: block;
	}
}
@media only screen and (max-width:768px){
	.sub13 .boxGroup{
		margin: 30px 0;
	}
	.sub13 .box{
		width: 45%;
		margin: 20px 0;
		height: 250px;
	}
	/* .sub13 .img{
		width: 100%;
		height: 160px;
	} */
	.sub13 img{
		width: 100%;
		height: 75%;
	}
	.sub13 .box.b02 + .arrow,
	.sub13 .box.b06 + .arrow{
		display: none;
	}
	.sub13 .copy span:first-child,
	.sub13 .copy span:last-child{
		font-size: 16px;
	}
	.sub13 .copy span:last-child{
		margin: 7px 0 0 0;
	}
	.sub13 .arrow{
		width: 17px;
		height: 17px;
		margin: 0 2% 7%;
	}
	.sub13 .box.b03 + .arrow{
		display: block;
	}
	.sub13 .box.b04 + .arrow{
		display: none;
	}
}
@media only screen and (max-width:480px){
	.sub13 .boxGroup{
		margin: 20px 0;
	}
	.sub13 .box{
		width: 44%;
		margin: 20px 0;
		height: 170px;
	}
	.sub13 img{
		width: 100%;
		height: 60%;
	}
	.sub13 .box.b02 + .arrow,
	.sub13 .box.b06 + .arrow{
		display: none;
	}
	.sub13 .copy{
		display: flex;
		flex-direction: column;
	}
	.sub13 .copy span:first-child,
	.sub13 .copy span:last-child{
		font-size: 16px;
	}
	.sub13 .copy span:last-child{
		margin: 7px 0 0 0;
	}
	.sub13 .arrow{
		width: 17px;
		height: 17px;
		margin: 0 2% 17%;
	}
}

/*사진변경*/
.sub13 .box.b02 .img{
	background: url(../images/contents/13_2.png) 50% 50% no-repeat;
	background-size: cover;
}
.sub13 .box.b03 .img{
	background: url(../images/contents/13_3.png) 50% 50% no-repeat;
	background-size: cover;
}
.sub13 .box.b04 .img{
	background: url(../images/contents/13_4.png) 50% 50% no-repeat;
	background-size: cover;
}
.sub13 .box.b05 .img{
	background: url(../images/contents/13_5.png) 50% 50% no-repeat;
	background-size: cover;
}
.sub13 .box.b06 .img{
	background: url(../images/contents/13_6.png) 50% 50% no-repeat;
	background-size: cover;
}
.sub13 .box.b07 .img{
	background: url(../images/contents/13_7.png) 50% 50% no-repeat;
	background-size: cover;
}
.sub13 .box.b08 .img{
	background: url(../images/contents/13_8.png) 50% 50% no-repeat;
	background-size: cover;
}



/*****************sub14 _ 고객센터 _ 인재채용 _ 인재상 및 복리후생***************/
/*인재상*/
.sub14 .recruitGroup{
	margin: 130px 0 60px 0;
}
.sub14 .box{
	width: 100%;
	height: 392px;
	display: flex;
	justify-content: space-between;
	margin: 0 0 170px 0;
}
.sub14 .box .photo{
	width: 630px;
	height: 100%;
	background: url(../images/contents/recruit_img01.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.sub14 .box.b01 .photo{
	margin: 0 40px 0 0;
}
.sub14 .box.b02 .photo{
	background: url(../images/contents/recruit_img02.jpg) 50% 50% no-repeat;
	background-size: cover;
	margin: 0 0 0 40px;
}
.sub14 .box.b03 .photo{
	background: url(../images/contents/recruit_img03.jpg) 50% 50% no-repeat;
	background-size: cover;
	margin: 0 40px 0 0;
}
.sub14 .box.b04 .photo{
	background: url(../images/contents/recruit_img04.jpg) 50% 50% no-repeat;
	background-size: cover;
	margin: 0 0 0 40px;
}
.sub14 .box .copy{
	width: 47%;
	height: 100%;
}
.sub14 .box .copy .eng{
	font-size: 30px;
	font-weight: 500;
	color: #222;
	position: relative;
}
.sub14 .box .copy .eng::after{
	width: 30px;
	height: 3px;
	display: block;
	content: "";
	background: #ef413d;
	position: absolute;
	left: 0;
	bottom: -40px;
}
.sub14 .box .copy .kor{
	font-size: 36px;
	font-weight: 300;
	color: #454545;
	margin: 60px 0 0 0;
}
.sub14 .box .copy .substance{
	font-size: 18px;
	font-weight: 300;
	color: #434343;
	line-height: 29px;
	margin: 75px 0 0 0;
}

@media only screen and (max-width: 1024px){
	.sub14 .box{
		height: 300px;
		margin: 0 0 90px 0;
	}
	.sub14 .box .photo{
		width: 400px;
		background-size: cover;
	}	
	.sub14 .box.b02 .photo{
		background-size: cover;
	}
	.sub14 .box.b03 .photo{
		background-size: cover;
	}
	.sub14 .box .copy{
		width: calc(100% - 430px);
	}
	.sub14 .box .copy .eng{
		font-size: 26px;
	}
	.sub14 .box .copy .eng::after{
		bottom: -23px;
	}
	.sub14 .box .copy .kor{
		font-size: 30px;
	}
	.sub14 .box .copy .substance{
		margin: 40px 0 0 0;
		font-size: 16px;
	}
}
@media only screen and (max-width: 768px){
	.sub14 .recruitGroup{
		margin: 70px 0 0 0;
	}
	.sub14 .box{
		height: auto;
		flex-direction: column;
		margin: 0 0 70px 0;
	}
	.sub14 .box.b02,
	.sub14 .box.b04{
		flex-direction: column-reverse;
	}
	.sub14 .box.b01 .photo,
	.sub14 .box.b02 .photo,
	.sub14 .box.b03 .photo,
	.sub14 .box.b04 .photo{
		margin: 0 0 30px 0;
	}
	.sub14 .box .photo{
		width: unset;
		height: 270px;
		background-size: cover;
		background-position: 50% 90%;
	}
	.sub14 .box.b02 .photo{
		background-size: cover;
	}
	.sub14 .box.b03 .photo{
		background-size: cover;
	}
	.sub14 .box .copy{
		width: 100%;
	}
	.sub14 .box .copy .eng::after{
		bottom: -30px;
	}
	.sub14 .box .copy .substance{
		margin: 60px 0 0 0;
	}
}
@media only screen and (max-width: 480px){
	.sub14 .recruitGroup{
		margin: 50px 0 0 0;
	}
	.sub14 .box{
		height: auto;
		flex-direction: column;
		margin: 0 0 70px 0;
	}
	.sub14 .box.b02,
	.sub14 .box.b04{
		flex-direction: column-reverse;
	}
	.sub14 .box .photo{
		width: unset;
		height: 230px;
		background-size: cover;
		margin: 0 0 30px 0;
	}
	.sub14 .box.b02 .photo,
	.sub14 .box.b03 .photo,
	.sub14 .box.b04 .photo{
		background-size: cover;
	}
	.sub14 .box.b04 .photo{
		margin: 0 0 30px 0;
	}
	.sub14 .box .copy{
		width: 100%;
	}
	.sub14 .box .copy .eng::after{
		bottom: -30px;
	}
}



/*복리후생*/
.sub14 p{
	margin: 60px 0 0 0;
	font-size: 24px;
	font-weight: 400;
	color: #333;
}
.sub14 table{
	margin: 20px 0 0 0;
	border-top: 2px solid #333;
}
.sub14 table tr{
	height: 60px;
	border-bottom: 1px solid #e5e5e5;
}
.sub14 table tr td{
	text-align: center;
	font-size: 16px;
}
.sub14 table tr td:first-child{
	width: 37%;
	background: #f7f8fa;
	color: #333;
	font-weight: 500;
}
.sub14 table tr td:last-child{
	color: #666;
}

@media only screen and (max-width: 768px){
	.sub14 table tr td{
		font-size: 14px;
		line-height: 19px;
	}
	.sub14 table tr td:first-child{
		padding: 0 7px;
	}
	.sub14 table tr td:last-child{
		padding: 0 17px;
	}
}
@media only screen and (max-width: 480px){
	.sub14 table tr td{
		font-size: 14px;
		line-height: 19px;
	}
	.sub14 table tr td:first-child{
		padding: 0 7px;
	}
	.sub14 table tr td:last-child{
		padding: 0 17px;
	}
}



/*****************sub15 _ 고객센터 _ 고객지원***************/
.sub15 p{
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	font-weight: 300;
}
.sub15 .boxGroup{
	display: flex;
	justify-content: space-between;
	margin: 70px 0 0 0;
}
.sub15 .box{
	width: 47%;
	height: 400px;
	background: url(../images/contents/customerSupport_02.jpg) 50% 50% no-repeat;
	background-size: cover;
	position: relative;
}
.sub15 .box.b02{
	background: url(../images/contents/customerSupport_01.JPG) 50% 50% no-repeat;
	background-size: cover;
}
.sub15 .copy{
	position: absolute;
	background: rgba(255,255,255,0.85);
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	bottom: 5%;
	left: 5%;
}
.sub15 .copy p.logo{
	width: 300px;
	height: 50px;
	background: url(../images/contents/info_logo01.png) 0% 50% no-repeat;
	background-size: contain;
}
.sub15 .box.b02 .copy p.logo{
	background: url(../images/contents/info_logo02.png) 0% 50% no-repeat;
	background-size: contain;
}
.sub15 .copy p.tel{
	font-size: 17px;
	color: #333;
	margin: 11px 0 0 0;
}
.sub15 .copy p.email{
	font-size: 17px;
	color: #333;
}
.sub15 .copy p.tel span:first-child,
.sub15 .copy p.email span:first-child{
	font-weight: 500;
	margin: 0 9px 0 0;
}

@media only screen and (max-width: 1024px){
	.sub15 .copy{
		width: fit-content;
		max-width: 89%;
	}
	.sub15 .copy p.tel,
	.sub15 .copy p.email{
		font-size: 15px;
	}
}
@media only screen and (max-width: 768px){
	.sub15 p{
		font-size: 16px;
		line-height: 23px;
	}
	.sub15 .boxGroup{
		flex-direction: column;
	}
	.sub15 .box{
		width: 100%;
		margin: 0 0 60px 0;
	}
	.sub15 .copy{
		width: fit-content;
	}
}
@media only screen and (max-width: 480px){
	.sub15 p{
		font-size: 16px;
		line-height: 23px;
	}
	.sub15 .boxGroup{
		flex-direction: column;
	}
	.sub15 .box{
		width: 100%;
		margin: 0 0 60px 0;
	}
	.sub15 .copy{
		width: fit-content;
		max-width: 90%;
		padding: 20px 10px;
	}
	.sub15 .copy p.logo{
		width: 240px;
		height: 40px;
	}
	.sub15 .copy p.tel,
	.sub15 .copy p.email{
		font-size: 14px;
	}
	.sub15 .copy p.tel span:first-child,
	.sub15 .copy p.email span:first-child{
		margin: 0 7px 0 0;
	}
}