@charset "utf-8";

/* ********* 공통 ********* */

	.img img {max-width:100%;}
	
	/*이미지*/
	.only-img-wrap .img {border-radius:0 0 0 100px;}
	
	/*반반박스*/
	.layout-half-wrap {display:flex; margin-top:50px; border-top:1px solid #000; border-bottom:1px solid #e5e5e5;}
	.layout-half-wrap>div {width:50%; padding:50px;}
	.layout-half-wrap>div+div {border-left:1px solid #e5e5e5;}
	.layout-half-wrap>div ul li {display:flex; flex-direction:row; align-items:start;}
	.layout-half-wrap>div ul li+li {margin-top:10px;}
	.layout-half-wrap>div ul li span {font-size:18px; font-weight:600; width:140px;}
	.layout-half-wrap>div ul li p {font-size:16px; font-weight:400; width:calc(100% - 140px);}
	
	/*전체박스*/
	.layout-all-wrap {display:flex; margin-top:50px; border-top:1px solid #000; border-bottom:1px solid #e5e5e5; padding:50px;}
	.layout-all-wrap ul li {display:flex; flex-direction:row; align-items:start;}
	.layout-all-wrap ul li+li {margin-top:10px;}
	.layout-all-wrap ul li span {font-size:18px; font-weight:600; width:260px;}
	.layout-all-wrap ul li p {font-size:16px; font-weight:400; width:calc(100% - 260px); padding-top:3px;}
	/*ver2*/
	.layout-all-wrap2 {margin-top:50px; border-top:1px solid #000; border-bottom:1px solid #e5e5e5; padding:50px;}
	.layout-all-wrap2 ul {display:flex; flex-wrap:wrap; justify-content:center;}
	.layout-all-wrap2 ul li {display:flex; margin:5px 30px; align-items:start;}
	.layout-all-wrap2 ul li span {font-size:18px; font-weight:600;}
	.layout-all-wrap2 ul li p {font-size:16px; font-weight:400; padding:3px 0 0 10px;}
	
	/*이미지+텍스트*/
	.img-wrap-dark {position:relative; z-index:1; display:flex; align-items:center; border-radius:0 0 0 100px; overflow:hidden;}
	.img-wrap-dark:after {
		position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6);
	}
	.img-wrap-dark>article {position:relative; z-index:2; width:50%; padding:0 70px; color:#fff; margin:50px 0;}
	.img-wrap-dark>article+article {border-left:1px solid rgba(255,255,255,.5);}
	.img-wrap-dark>article h3 {text-align:center; font-size:50px; font-weight:700;}
	.img-wrap-dark>article p {font-size:24px; line-height:2; font-weight:300;}
	
	.con-wrap {margin-top:70px;}
	.con-wrap+.con-wrap {border-top:1px solid #000;}
	
	/*탭*/
	.common_tab ul {display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap;}
	.common_tab ul li {margin:5px;}
	.common_tab ul li a {padding:20px 45px; display:inline-block; width:100%; font-size:20px; font-weight:400; color:#000; border-radius:100px; text-align:center; background:#ddd; line-height:1;}
	.common_tab ul li.on a {background:#1147a1; color:#fff;}
	.common_tab_con {border-top:1px solid #000; margin-top:50px;}
	




/* ************************ PC (1025 ~ ) ************************ */
/* @media screen and (min-width: 1025px) { */
	
	.except-mobile {display:block !important;}
	.only-mobile {display:none !important;}
	.only-pc {display:block !important;}
	.except-pc {display:none !important;}
	
	/* ************************ About TSP ************************ */
	/*회사소개-기업개요*/
	.about .intro {} 
	
	/*회사소개-경영철학 및 비전*/
	.about .vision .img-wrap-dark {background:no-repeat center/cover url(../images/about/vision.jpg);}
	.about .vision .con-wrap.value h3 {text-align:center; font-size:32px; color:#004445; font-weight:700; margin:70px 0 50px;}
	.about .vision .con-wrap img {max-width:100%;}
	
	/*회사소개-회사 연혁*/
	.history .common_tab_con {padding:60px 30px; position:relative;}
	.history .common_tab_con .yyyys {position:absolute; top:0; left:30px; font-size:80px; font-weight:100; color:#ddd;}
	.history .common_tab_con .yyyymm-list {
		padding-left:40%;
	}
	.history .common_tab_con .yyyymm-list .list {position:relative;}
	.history .common_tab_con .yyyymm-list .list+.list {margin-top:50px;}
	.history .common_tab_con .yyyymm-list .list>span {
		position:absolute; top:0; left:0;
		font-size:24px; font-weight:600; color:#1147a1;
		padding-left:80px; background:no-repeat left 2px url(../images/about/i-yyyy.png);
		padding-bottom:5px;
		line-height:1;
	}
	.history .common_tab_con .yyyymm-list .list>.mm-con {padding-left:30%; display:flex; flex-direction:row;}
	.history .common_tab_con .yyyymm-list .list>.mm-con + .mm-con {margin-top:40px;}
	.history .common_tab_con .yyyymm-list .list>.mm-con span {font-size:20px; font-weight:300; line-height:1.2; width:120px; letter-spacing:0;}
	.history .common_tab_con .yyyymm-list .list>.mm-con p {width:calc(100% - 120px); font-size:16px; color:#777; font-weight:400;}
	
	/*회사소개-회사 연혁-ver2*/
	.history .common_tab_con.ver2 {padding:60px 0 0;}
	.history .common_tab_con.ver2 .yyyys {position:absolute; top:60px; left:0; font-size:60px; font-weight:800; color:#1147a1; line-height:1;}
	.history .common_tab_con .scrollAllWrap {padding-left:30%;}
	.history .common_tab_con table {border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
	.history .common_tab_con table tr>* {transition:.3s; font-size:15px; padding:20px 30px; vertical-align:top; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
	.history .common_tab_con table tr>th {font-size:24px; font-weight:300; color:#000; background:#fff;}
	.history .common_tab_con table tr:hover>th {font-weight:700; color:#1147a1; letter-spacing:.5px;}
	.history .common_tab_con table tr>td {font-size:20px; font-weight:300; line-height:1.2;}
	.history .common_tab_con table tr>td:last-child {font-size:16px; color:#777; font-weight:400; line-height:2;}
	.history .common_tab_con table tr:nth-child(even) td {background:#f3f7ff;}
	.history .common_tab_con table tr:hover td {background:#1147a1; color:#fff;}
	
	/*윤리경영-윤리선언서*/
	.about .ethical img {max-width:100%;}
	
	/*윤리경영-윤리규범*/
	.norm .common_tab_con {padding:60px 30px;}
	.norm .common_tab_con>ul>li *+* {margin-top:20px;}
	.norm .common_tab_con h3 {font-size:20px; font-weight:500;}
	.norm .common_tab_con h3 span {font-size:1.2em; padding-right:5px;}
	.norm .common_tab_con p {font-size:14px; font-weight:400;}
	.norm .common_tab_con pre b {font-size:1.1em;}
	
	/*사업장소개-본사*/
	.about .location .root_daum_roughmap {font-family: 'S-Core Dream';}
	.about .location .root_daum_roughmap .wrap_map {position:relative;}
	.about .location .root_daum_roughmap .wrap_map:before {
		position:absolute; top:-1px; left:-1px; content:""; width:calc(100% + 2px); height:calc(100% + 2px); border:2px solid #fff !important; z-index:3;
		border-radius:0 0 0 100px; overflow:hidden;
	}
	.about .location .root_daum_roughmap {width:100% !important; border-radius:0 0 0 100px; }
	.about .location .root_daum_roughmap .wrap_controllers {display:none;}
	
	/*사업장소개-T위치*/
	/*사업장소개-C위치*/
	
	/*Contact Us*/
	.contents-wrap.contact .inner-wrap .list {display:flex; flex-direction:row; border-top:1px solid #000;}
	.contents-wrap.contact .inner-wrap .list .listBox {
		width:calc(100%/3);
		border-bottom:1px solid #ddd; border-left:1px solid #ddd;
		padding:50px;
	}
	.contents-wrap.contact .inner-wrap .list .listBox:nth-child(3n+3) {border-right:1px solid #ddd;}
	.contents-wrap.contact .inner-wrap .list .listBox ul {margin-top:30px;}
	.contents-wrap.contact .inner-wrap .list .listBox ul li {padding-left:30px; position:relative;}
	.contents-wrap.contact .inner-wrap .list .listBox ul li:before {
		position:absolute; top:12px; left:15px; width:2px; height:2px; background:#000;
		display:block; content:"";
	}
	.contents-wrap.contact .inner-wrap .list .listBox ul li.mail {background:no-repeat 8px 8px url(../images/common/i-mail.png);}
	.contents-wrap.contact .inner-wrap .list .listBox ul li.mail:before {display:none;}
	
	/*Contact Us - ver2*/
	.contents-wrap.contact .inner-wrap .list2 {margin-left:-30px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox {
		float:left; display:inline-block;
		width:calc(100%/3 - 30px); margin-left:30px;
		border:1px solid #ddd;
		transition:.3s;
	}
	.contents-wrap.contact .inner-wrap .list2 .listBox:hover {border:1px solid #0079e0; box-shadow:0 10px 10px rgba(0,0,0,.05);}
	.contents-wrap.contact .inner-wrap .list2 .listBox>* {padding:30px 50px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>h3 {color:#fff; font-size:24px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox:nth-child(1)>h3 {background:no-repeat right 40px center url(../images/about/contact-i-01.png) #0079e0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox:nth-child(2)>h3 {background:no-repeat right 40px center url(../images/about/contact-i-02.png) #0079e0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox:nth-child(3)>h3 {background:no-repeat right 40px center url(../images/about/contact-i-03.png) #0079e0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul {min-height:180px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul li {padding-left:30px; position:relative; font-size:18px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul li:before {
		position:absolute; top:12px; left:15px; width:2px; height:2px; background:#000;
		display:block; content:"";
	}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul li.mail {background:no-repeat 8px 10px url(../images/common/i-mail.png); margin-top:10px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul li.mail:before {display:none;}
	.contents-wrap.contact .inner-wrap .list2 .listBox:hover>ul li.mail {background:no-repeat 10px 10px url(../images/common/i-mail.png); letter-spacing:1px;}
	
	
	
	
	
	
	
	
	
	
	/* ************************ Career ************************ */
	/*채용-인사제도*/
	section.contents.career {overflow-x:hidden;}
	.career .manage .list {display:flex; flex-direction:row; transform:translateX(50%); margin-left:-235px;}
	.career .manage .dot2 {text-align:center; margin:20px 0;}
	.career .manage .list.navy {flex-direction:row-reverse; text-align:right; transform:translateX(-50%); margin-left:0; margin-right:-235px;}
	.career .manage .list i {
		width:235px; height:235px; border-radius:50%; background-color:#f9f9f9;
		background-position:center; background-repeat:no-repeat;
	}
	.career .manage .list i.i-manage-1 {background-image:url(../images/career/i-manage-1.png);}
	.career .manage .list i.i-manage-2 {background-image:url(../images/career/i-manage-2.png);}
	.career .manage .list i.i-manage-3 {background-image:url(../images/career/i-manage-3.png);}
	.career .manage .list i.i-manage-4 {background-image:url(../images/career/i-manage-4.png);}
	.career .manage .list.navy i {background-color:#0064a5;}
	.career .manage .list>div {padding-left:30px; width:35%;}
	.career .manage .list.navy>div {padding-right:30px; padding-left:0;}
	.career .manage .list>div span {font-size:40px; font-weight:800; color:#efefef;}
	.career .manage .list>div h3 {font-size:32px; font-weight:400; color:#000; margin-top:10px;}
	.career .manage .list>div ul {margin-top:20px;}
	.career .manage .list>div ul li {font-size:16px; line-height:2; font-weight:300;}
	
	/*채용-인재상*/
	.career .talent .img-wrap-dark {background:no-repeat center/cover url(../images/career/talent.jpg);}
	.career .talent .con-wrap img {max-width:100%;}
	
	/*채용-채용절차*/
	.career .recruit .img-wrap-dark {background:no-repeat center/cover url(../images/career/recruit.jpg);}
	.career .recruit .step {text-align:center;}
	.career .recruit .step img {max-width:100%;}
	
	/*채용-복리후생*/
	.benefit .benefit-list .list {display:flex; flex-direction:row; padding-right:45%;}
	.benefit .benefit-list .list:nth-child(even) {padding-right:0; padding-left:45%;}
	.benefit .benefit-list .list+.list {margin-top:100px;}
	.benefit .benefit-list .list div:first-child {}
	.benefit .benefit-list .list div.con {padding-left:50px;}
	.benefit .benefit-list .list div.con>* {margin-top:20px;}
	.benefit .benefit-list .list div.con h3 {font-size:28px; font-weight:600;}
	.benefit .benefit-list .list div.con p {font-size:18px; color:#777; font-weight:400; line-height:2;}
	
	
	
	
	
	
	
	
	
	/* ************************ Product ************************ */
	.layout_product h3 {font-size:32px; font-weight:800; color:#000; text-align:center;}
	.layout_product h3 span {display:block; font-size:20px; font-weight:700; color:#aaa; margin-bottom:10px;}
	.layout_product .innerBox {padding:50px 0 70px; border-top:1px solid #000;}
	.layout_product .innerBox + .innerBox {border-top:1px solid #e5e5e5;}
	.layout_product .innerBox .inner {margin-top:50px;}
	.layout_product h4 {font-size:24px; font-weight:800; color:#000; text-align:center;}
	.layout_product h4 span {display:block; font-size:16px; color:#aaa; font-weight:700; margin-bottom:5px;}
	.layout_product .shape_1rounding {padding:50px; border:1px solid #ddd; border-radius:0 100px 0 0; margin-top:70px;}
	
	/*리드프레임*/
	aside.location.includeBtn {position:relative; padding-right:20%;}
	aside.location.includeBtn>a {
		position:absolute; top:50%; right:0;
		transform:translateY(-50%);
		padding:15px 50px; line-height:1; background:#f5f5f5; border-radius:100px; border:1px solid #ccc;
		font-size:16px; font-weight:400;
	}
	aside.location.includeBtn>a:hover {background:#1147a1; color:#fff; border-color:#1147a1;}
	
	/*리드프레임-슬라이드*/
	.lead1 .includeSlider .topTitle {padding-right:70px;}
	.lead1 .includeSlider .topTitle>* {text-align:left;}
	.lead1 .includeSlider .topTitle .tit_ment {margin-top:30px; font-size:18px; font-weight:400;}
	.lead1 .includeSlider .innerBox {display:flex;}
	.lead1 .includeSlider .innerBox>* {width:50%;}
	.lead1 .includeSlider .innerBox .topTitle {width:calc(100% - 600px);}
	.lead1 .includeSlider .innerBox .slider {position:relative; width:600px;}
	.includeSlider div[class*="productSlider"] {display:flex; flex-direction:row; overflow:hidden; width:100%; position:relative;}
	/* .includeSlider div[class*="productSlider"]>.swiper-wrapper {border-right:1px solid red;} */
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide {width:calc(100% - 40px) !important; margin-right:40px;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide .img {height:300px !important;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide .con p {font-size:18px; margin-top:10px;}
	.includeSlider div[class*="productSliderBtn"] {
		position:absolute; top:0; right:0; width:40px; height:80px; background:#fff;
		z-index:99;
	}
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-prev"],
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {
		cursor:pointer !important;
		width:40px; height:40px; transform:translateY(0); position:absolute; left:0; top:initial; background-size:23px 10px; background-repeat:no-repeat; background-position:center;
	}
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-prev"] {border:1px solid #b2b2b2; bottom:0; background-image:url(../images/rnd/productSlider-prev.png);}
	/* .includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {border:1px solid #000; bottom:40px; background-image:url(../images/rnd/productSlider-next.png);} */
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {border:1px solid #b2b2b2; background-color:#b2b2b2; bottom:40px; background-image:url(../images/rnd/productSlider-next-fff.png);}
	
	/*금형Set/Spare Parts*/
	.includeSlider.spareParts .innerBox {flex-wrap:wrap;}
	.includeSlider.spareParts .innerBox .topTitle {width:100%; padding-right:0;}
	.includeSlider.spareParts .innerBox .conSlider {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:70px;}
	.includeSlider.spareParts .innerBox .conSlider .slider {width:calc(600px - 50px);}
	.includeSlider.spareParts .innerBox .conSlider .slider:nth-child(odd) {margin-right:50px;}
	.includeSlider.spareParts .innerBox .conSlider .slider:nth-child(even) {margin-left:50px;}
	.includeSlider.spareParts .innerBox .conSlider .slider:nth-child(2)~.slider {margin-top:70px;}
	.includeSlider.spareParts .innerBox .slider .swiper-wrapper .swiper-slide .img {height:300px !important; background-size:60% !important; border:1px solid #ddd; border-radius:0 0 0 100px;}
	.includeSlider.spareParts .innerBox .slider h4 {font-size:18px; text-align:left; margin-bottom:20px;}
	
	
	
	/*도금*/
	.innerBox.area .inner .img {text-align:center;}
	.innerBox.area .inner .img img {max-width:100%;}
	.innerBox.area .inner .list {margin-top:70px;}
	.innerBox.area .inner .list ul {display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap;}
	.innerBox.area .inner .list ul li {margin:5px;}
	.innerBox.area .inner .list ul li span {
		background:#cae6ff; border-radius:50%; width:150px; height:150px;
		text-align:center; display:flex; align-items:center; justify-content:center; line-height:1.2;
	}
	.innerBox.area .inner .list ul li p {text-align:center; line-height:1.4; margin-top:20px;}
	
	.innerBox.differ .inner .shape_1rounding p {font-size:18px; font-weight:300;}
	.innerBox.differ .inner .shape_1rounding article {display:flex; flex-direction:row; margin-top:30px;}
	.innerBox.differ .inner .shape_1rounding article .img {width:470px;}
	.innerBox.differ .inner .shape_1rounding article .list {width:calc(100% - 470px);}
	.innerBox.differ .inner .shape_1rounding article .list ul {display:flex; flex-wrap:wrap; flex-direction:row;}
	.innerBox.differ .inner .shape_1rounding article .list ul li {
		width:210px; height:50px; line-height:50px; border-radius:50px;
		margin:15px 10px;
		background:#f5f5f5; border:1px solid #ddd; font-size:18px; font-weight:300;
		text-align:center;
		position:relative;
	}
	.innerBox.differ .inner .shape_1rounding article .list ul li:before {
		position:absolute; top:50%; right:-16px;
		margin-top:-6px;
		display:block; content:"";
		width:10px; height:12px; background:no-repeat center/cover url(../images/product/arrow-right.png);
	}
	.innerBox.differ .inner .shape_1rounding article .list ul li:last-child:before {display:none;}
	.innerBox.differ .inner .shape_1rounding article .list ul li.acc {background:#0079e0; color:#fff; border-color:#0079e0;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin {
		margin-top:50px; padding-top:30px; border-top:1px solid #ddd; display:flex; flex-direction:row;
		justify-content:space-between;
		align-items:end;
	}
	.innerBox.differ .inner .shape_1rounding .imgExpalin .img:last-child {padding-bottom:5px;}
	
	.innerBox.status .shape_1rounding article {display:flex; flex-direction:row;}
	.innerBox.status .shape_1rounding article+article {margin-top:50px; padding-top:50px; border-top:1px solid #ddd;}
	.innerBox.status .shape_1rounding article h4 {text-align:left;}
	.innerBox.status .shape_1rounding article .tit {width:180px;}
	.innerBox.status .shape_1rounding article .list {width:calc(100% - 180px);}
	.innerBox.status .shape_1rounding article .list ul {display:flex; flex-direction:row; flex-wrap:wrap;}
	.innerBox.status .shape_1rounding article .list ul li {margin:15px; text-align:center;}
	.innerBox.status .shape_1rounding article .list ul li .img {
		width:230px; height:230px; border-radius:50%; display:block;
	}
	.innerBox.status .shape_1rounding article .list ul li p {font-size:18px; font-weight:300; color:#000;}
	.innerBox.status .shape_1rounding article .list ul li a {
		padding:15px; background:#1147a1; color:#fff; border-radius:50px;
		display:inline-block; font-size:16px; line-height:1;
		margin-top:20px;
	}
	
	.innerBox.status .imgExpalin {margin-left:-20px; margin-top:20px;}
	.innerBox.status .imgExpalin .img {float:left; width:calc(100%/3 - 20px); margin-left:20px;}
	
	
	/*CT*/
	.contents-wrap.ct .layout_product h3 {text-align:left;}
	.contents-wrap.ct .layout_product article>*+* {margin-top:50px;}
	.contents-wrap.ct .innerBox.part3 {display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
	.contents-wrap.ct .innerBox.part3 span {font-size:32px; font-weight:800;}
	
	.ct .layout_product.type2 .innerBox .inner article:first-child {width:40%;}
	.ct .layout_product.type2 .innerBox .inner article:last-child {width:60%; padding-left:100px;}
	
	/*금형- 공통*/
	.checkList p {padding-left:30px; background:no-repeat left 2px url(../images/product/i-check.jpg); font-weight:400;}
	.checkList p+p {margin-top:5px;}
	.layout_product.type2  table {}
	.layout_product.type2  table tr>* {font-weight:400; font-size:15px; padding:10px 0;}
	.layout_product.type2  table thead tr th {background:#134781; color:#fff;}
	.layout_product.type2  table thead tr th:first-child {border-radius:30px 0 0 0;}
	.layout_product.type2  table tbody tr td {text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; transition:.3s;}
	.layout_product.type2  table tbody tr:hover td {border-bottom:1px solid #aaa; background:#f9f9f9;} 
	.layout_product.type2  table tbody tr td:last-child {border-right:none;}
	.layout_product.type2  table.align2 tbody tr td:nth-child(2) {text-align:left; padding:10px 20px;}
	/*금형*/
	.layout_product.type2 .innerBox h3 {text-align:left;}
	.layout_product.type2 .innerBox .inner {display:flex; flex-direction:row;}
	.layout_product.type2 .innerBox .inner article:first-child {width:30%;}
	.layout_product.type2 .innerBox .inner article:first-child .checkList {margin-top:50px;}
	
	.layout_product.type2 .innerBox .inner article:last-child {width:70%; padding-left:100px;}
	
	.mold .layout_product.type2 .innerBox.part4 .inner article {width:50%;}
	.mold .layout_product.type2 .innerBox.part4 .inner article>* {text-align:left;}
	.mold .layout_product.type2 .innerBox.part4 .inner article>*+* {margin-top:20px !important;}
	
	
	
	
	
	
	
	
	/* ************************ R&D ************************ */
	/*연구개발-리드프레임*/
	.rnd .lead .innerBox {display:flex; flex-direction:row;}
	.rnd .lead .innerBox .tit {width:20%;}
	.rnd .lead .innerBox .tit h3 {text-align:left;}
	.rnd .lead .innerBox .con {width:80%;}
	.rnd .lead .innerBox .con p {font-size:18px; font-weight:300;}
	.rnd .lead .innerBox .con>*+* {margin-top:50px;}
	.rnd .lead .innerBox .con ul.img {display:flex; flex-direction:row;}
	.rnd .lead .innerBox .con ul.img li {margin-right:30px;}
	.rnd .lead .innerBox .con ul.img li img {border-radius:50%;}
	
	/*productSlider*/
	.productSlider {display:flex; flex-direction:row; overflow:hidden; width:calc(100% - 40%); margin-right:40%; position:relative;}
	.productSlider>.swiper-wrapper {}
	.productSlider>.swiper-wrapper .swiper-slide {width:calc(100% - 60px) !important; margin-right:60px; height:300px !important;}
	.productSliderBtn {
		position:absolute; bottom:0; right:0; width:60px; height:300px; background:#fff;
		z-index:99;
	}
	.productSliderBtn .swiper-button-prev,
	.productSliderBtn .swiper-button-next {width:60px; height:60px; transform:translateY(0); position:absolute; left:0; top:initial; background-size:34px 15px;}
	.productSliderBtn .swiper-button-prev {border:1px solid #b2b2b2; bottom:0; background-image:url(../images/rnd/productSlider-prev.png);}
	.productSliderBtn .swiper-button-next {border:1px solid #000; bottom:60px; background-image:url(../images/rnd/productSlider-next.png);}
	
	
	
	
	/*연구개발-도금기술*/
	.rnd .plating h3 {text-align:left;}
	.rnd .plating .innerBox .con {margin-top:70px;}
	.rnd .plating .innerBox.part1 .con .img + .img {padding-left:70px;}
	.rnd .plating .innerBox.part1 .con {display:flex; flex-direction:row; justify-content:space-between;}
	.rnd .plating .innerBox.part2 .con ul {display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap;}
	.rnd .plating .innerBox.part2 .con ul li {margin:0 15px; text-align:center;}
	.rnd .plating .innerBox.part2 .con ul li span {}
	.rnd .plating .innerBox.part2 .con ul li p {font-size:20px; font-weight:400; margin-top:10px;}
	
	
	
	
	
	
	
	
	
	/* ************************ Quality ************************ */
	/*품질관리*/
	.contents-wrap.quality .tit_ment {margin-top:30px; text-align:center; font-size:18px; font-weight:400;}
	.contents-wrap.quality .innerBox .con {margin-top:100px;}
	
	.contents-wrap.quality .policy .con .management_system {text-align:center; margin-top:50px;}
	.contents-wrap.quality .policy .con .management_system img {max-width:100%;}
	.contents-wrap.quality .policy .con .arrow {text-align:center; margin:70px 0 20px;}
	.contents-wrap.quality .policy .con div[class*="gray"] {border-radius:100px; font-size:18px; font-weight:400;}
	.contents-wrap.quality .policy .con .gray1 {background:#c1c9c2; display:flex; flex-direction:row; justify-content:center; padding:25px 0;}
	.contents-wrap.quality .policy .con .gray1 span {padding:0 25px; font-weight:400; line-height:1;}
	.contents-wrap.quality .policy .con .gray1 span+span {border-left:1px solid rgba(98,98,98,.3);}
	.contents-wrap.quality .policy .con .gray2 {background:#626262; padding:25px 0; text-align:center; color:#fff; margin-top:10px; font-size:18px; font-weight:300; line-height:1;}
	
	.contents-wrap.quality .certify .con {display:flex; flex-direction:row;}
	.contents-wrap.quality .certify .con .tit {width:20%;}
	.contents-wrap.quality .certify .con .tit h4 {text-align:left;}
	.contents-wrap.quality .certify .con .certifyList {width:80%; display:flex; flex-direction:row;}
	.contents-wrap.quality .certify .con .certifyList .list {width:calc(100%/3); padding-left:45px;}
	.contents-wrap.quality .certify .con .certifyList .list div {border:1px solid #ddd;}
	.contents-wrap.quality .certify .con .certifyList .list p {font-size:16px; font-weight:700; margin-top:15px;}
	.contents-wrap.quality .certify .con .certifyList .list ul {display:flex; flex-direction:row;}
	.contents-wrap.quality .certify .con .certifyList .list ul li {font-size:16px; font-weight:300; padding:0 10px; background:no-repeat right center url(../images/quality/i-dot.jpg);}
	.contents-wrap.quality .certify .con .certifyList .list ul li:first-child {padding-left:0;}
	.contents-wrap.quality .certify .con .certifyList .list ul li:last-child {padding-right:0; background:none;}
	
	/*환경경영*/
	.environ .innerBox.mineral {text-align:center;}
	.environ .innerBox.mineral .tit_ment {font-size:18px; font-weight:400;}
	.environ .innerBox.mineral .eng {margin-top:20px; color:#777; font-size:18px; font-weight:400;}
	.environ .innerBox.mineral .img_list {display:flex; flex-direction:row; justify-content:space-between; margin-top:100px;}
	.environ .innerBox.mineral .img_list .img {border:1px solid #ddd; width:calc(50% - 20px); padding:50px;}
	.environ .innerBox.mineral .img_list .img:first-child {margin-right:20px;}
	.environ .innerBox.mineral .img_list .img:last-child {margin-left:20px;}
	
	
	
	
/* } */

/* ************************ 노트북 (1025~1280) ************************ */
@media screen and (min-width:1025px) and (max-width:1280px) {
	/* body {border:10px solid red;} */
	
	
	/*반반박스*/
	.layout-half-wrap {flex-wrap:wrap;}
	.layout-half-wrap>div {width:100%; padding:30px;}
	.layout-half-wrap>div:first-child {padding-bottom:0;}
	.layout-half-wrap>div:last-child {padding-top:0; margin-top:10px;}
	.layout-half-wrap>div+div {border-left:none;}
	.layout-half-wrap>div ul li span {font-size:17px;}
	
	/*이미지+텍스트*/
	.img-wrap-dark {flex-wrap:wrap;}
	.img-wrap-dark>article {position:relative; z-index:2; width:100%; padding:50px 0; color:#fff; margin:0 50px; text-align:center;}
	.img-wrap-dark>article+article {border-top:1px solid rgba(255,255,255,.5); border-left:0;}
	.img-wrap-dark>article h3 {text-align:center; font-size:40px; font-weight:700;}
	.img-wrap-dark>article p {font-size:20px; line-height:2; font-weight:300;}
	.img-wrap-dark>article p br {display:none;}
	
	/* .con-wrap {margin-top:70px;} */
	/* .con-wrap+.con-wrap {border-top:1px solid #000;} */
	
	/*탭*/
	.common_tab_con {margin-top:30px;}
	.common_tab ul li a {padding:15px 30px; font-size:16px;}
	
	/*product-leadframe*/
	.lead1 .includeSlider .innerBox {flex-direction:column;}
	.lead1 .includeSlider .innerBox>div {width:100% !important;}
	.lead1 .includeSlider .innerBox>.topTitle {padding-right:0;}
	
	/*회사소개-회사 연혁*/
	.history .common_tab_con .yyyys {position:absolute; top:20px; left:30px; font-size:60px;}
	.history .common_tab_con .yyyymm-list {
		padding-left:0; padding-top:100px;
	}
	
	/*회사소개-회사 연혁-ver2*/
	.history .common_tab_con.ver2 .yyyys {position:absolute; top:20px; left:0; font-size:40px;}
	.history .common_tab_con .scrollAllWrap {padding-left:0; padding-top:20px;}
	
	/*윤리경영-윤리규범*/
	.norm .common_tab_con {padding:30px;}
	
	/*Contact Us - ver2*/
	.contents-wrap.contact .inner-wrap .list2 {margin-left:0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox {width:100% !important; margin-left:0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox+.listBox {margin-top:30px;}
	
	
	
	
	
	
	/* ************************ Career ************************ */
	/*채용-인사제도*/
	.career .manage .list {margin-left:-185px;}
	.career .manage .list.navy {margin-right:-185px;}
	.career .manage .list i {
		width:185px; height:185px; background-size:60%;
	}
	
	.career .manage .list>div span {font-size:30px; line-height:1.05;}
	.career .manage .list>div h3 {font-size:24px; margin-top:10px;}
	.career .manage .list>div ul {margin-top:10px;}
	.career .manage .list>div ul li {font-size:15px; line-height:1.6;}
	
	/*채용-인재상*/
	.career .talent .img-wrap-dark {background:no-repeat center/cover url(../images/career/talent.jpg);}
	
	/*채용-채용절차*/
	.career .recruit .img-wrap-dark {background:no-repeat center/cover url(../images/career/recruit.jpg);}
	.career .recruit .step {text-align:center;}
	
	/*채용-복리후생*/
	.benefit .benefit-list .list {display:flex; flex-direction:row; padding-right:30%;}
	.benefit .benefit-list .list:nth-child(even) {padding-right:0; padding-left:30%;}
	.benefit .benefit-list .list+.list {margin-top:100px;}
	.benefit .benefit-list .list div:first-child {}
	.benefit .benefit-list .list div.con {padding-left:40px;}
	.benefit .benefit-list .list div.con>* {margin-top:20px;}
	.benefit .benefit-list .list div.con h3 {font-size:24px; font-weight:600; line-height:1.2;}
	.benefit .benefit-list .list div.con p {font-size:16px; color:#777; font-weight:400; line-height:2;}
	
	
	/*리드프레임-슬라이드*/
	.lead1 .includeSlider .topTitle {padding-right:70px;}
	.lead1 .includeSlider .topTitle>* {text-align:left;}
	.lead1 .includeSlider .topTitle .tit_ment {margin-top:30px; font-size:18px; font-weight:400;}
	.lead1 .includeSlider .innerBox {display:flex; flex-wrap:wrap;}
	.lead1 .includeSlider .innerBox>* {width:100%;}
	.lead1 .includeSlider .innerBox .topTitle {}
	.lead1 .includeSlider .innerBox .slider {position:relative; margin-top:30px;}
	.includeSlider div[class*="productSlider"] {display:flex; flex-direction:row; overflow:hidden; width:100%; position:relative;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide {width:calc(100% - 40px) !important; margin-right:40px;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide .img {height:300px !important;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide .con p {font-size:18px; margin-top:10px;}
	.includeSlider div[class*="productSliderBtn"] {
		position:absolute; top:0; right:0; width:40px; height:80px; background:#fff;
		z-index:99;
	}
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-prev"],
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {width:40px; height:40px; transform:translateY(0); position:absolute; left:0; top:initial; background-size:23px 10px; background-repeat:no-repeat; background-position:center;}
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-prev"] {border:1px solid #b2b2b2; bottom:0; background-image:url(../images/rnd/productSlider-prev.png);}
	/* .includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {border:1px solid #000; bottom:50px; background-image:url(../images/rnd/productSlider-next.png);} */
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {border:1px solid #b2b2b2; background-color:#b2b2b2; bottom:40px; background-image:url(../images/rnd/productSlider-next-fff.png);}
	
	
	/*금형Set/Spare Parts*/
	.includeSlider.spareParts .innerBox {flex-wrap:wrap;}
	.includeSlider.spareParts .innerBox .topTitle {width:100%; padding-right:0;}
	.includeSlider.spareParts .innerBox .conSlider {width:100%; display:flex; flex-wrap:wrap; margin-top:70px;}
	.includeSlider.spareParts .innerBox .conSlider .slider {width:100%; margin:0 !important;}
	.includeSlider.spareParts .innerBox .conSlider .slider:nth-child(1)~.slider {margin-top:70px !important;}
	.includeSlider.spareParts .innerBox .slider .swiper-wrapper .swiper-slide .img {height:300px !important; background-size:60% !important; border:1px solid #ddd; border-radius:0 0 0 100px;}
	.includeSlider.spareParts .innerBox .slider h4 {font-size:18px; text-align:left; margin-bottom:20px;}
	
	.product .contents-wrap.lead1 .layout_product .includeSlider.spareParts .innerBox {padding-bottom:0;}
	
	/*도금*/
	.innerBox.differ .inner .shape_1rounding article {flex-direction:column;}
	.innerBox.differ .inner .shape_1rounding article>* {width:100% !important;}
	.innerBox.differ .inner .shape_1rounding article .list {margin-top:50px;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin {flex-direction:column; justify-content:center;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin .img {width:100%; text-align:left;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin .img+.img {margin-top:30px;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin .img img {max-width:100%;}
	
	/*금형*/
	.layout_product.type2 .innerBox.includeTable .inner {flex-wrap:wrap; flex-direction:column-reverse;}
	.layout_product.type2 .innerBox.includeTable .inner article {width:100% ! important;}
	.layout_product.type2 .innerBox.includeTable .inner article:last-child {padding-left:0;}
	.layout_product.type2 .innerBox.includeTable .inner article:first-child {margin-top:50px;}
	
	 .layout_product.type2 .innerBox.part4 .inner article {padding:0;}
	 .layout_product.type2 .innerBox.part4 .inner article:first-child {padding-right:50px;}
	 .layout_product.type2 .innerBox.part4 .inner article:last-child {padding-left:50px;}
	 
	 
	 /*productSlider*/
	.productSlider {display:flex; flex-direction:row; overflow:hidden; width:calc(100% - 10%); margin-right:10%; position:relative;}
	.productSlider>.swiper-wrapper {}
	.productSlider>.swiper-wrapper .swiper-slide {width:calc(100% - 60px) !important; margin-right:60px; height:300px !important;}
	.productSliderBtn {
		position:absolute; bottom:0; right:0; width:60px; height:300px; background:#fff;
		z-index:99;
	}
	.productSliderBtn .swiper-button-prev,
	.productSliderBtn .swiper-button-next {width:60px; height:60px; transform:translateY(0); position:absolute; left:0; top:initial; background-size:34px 15px;}
	.productSliderBtn .swiper-button-prev {border:1px solid #b2b2b2; bottom:0; background-image:url(../images/rnd/productSlider-prev.png);}
	.productSliderBtn .swiper-button-next {border:1px solid #000; bottom:60px; background-image:url(../images/rnd/productSlider-next.png);}
	
	 /*연구개발-도금기술*/
	.rnd .plating .innerBox .con {margin-top:50px;}
	.rnd .plating .innerBox.part1 .con {flex-wrap:wrap;}
	.rnd .plating .innerBox.part1 .con>* {width:100%;}
	.rnd .plating .innerBox.part1 .con .img+.img {margin-top:50px; padding-left:0;}
	.rnd .plating .innerBox.part2 .con ul li {margin:15px;}
	.rnd .plating .innerBox.part2 .con ul li p {font-size:18px; margin-top:5px;}
	
	
	
	
	/* ************************ Quality ************************ */
	/*품질관리*/
	.contents-wrap.quality .tit_ment {font-size:17px; font-weight:400;}
	.contents-wrap.quality .innerBox .con {margin-top:70px;}
	
	/*환경경영*/
	.environ .innerBox.mineral .tit_ment {font-size:16px; font-weight:400;}
	.environ .innerBox.mineral .eng {margin-top:20px; color:#777; font-size:16px; font-weight:400;}
	
	.environ .innerBox.mineral .img_list {display:flex; flex-direction:row; flex-wrap:wrap; margin-top:70px;}
	.environ .innerBox.mineral .img_list .img {width:100%; margin:0 !important;}
	.environ .innerBox.mineral .img_list .img + .img {margin-top:50px !important;}
	
}




/* ************************ 태블릿 이하(~1024) ************************ */
@media screen and (max-width: 1024px) {
	
	/* body {border:1px solid blue;} */
	
	.except-mobile {display:block !important;}
	.only-mobile {display:none !important;}
	.only-pc {display:none !important;}
	.except-pc {display:block !important;}
	
	/*반반박스*/
	.layout-half-wrap {flex-wrap:wrap;}
	.layout-half-wrap>div {width:100%; padding:30px;}
	.layout-half-wrap>div:first-child {padding-bottom:0;}
	.layout-half-wrap>div:last-child {padding-top:0; margin-top:10px;}
	.layout-half-wrap>div+div {border-left:none;}
	.layout-half-wrap>div ul li span {font-size:17px;}
	
	/*이미지+텍스트*/
	.img-wrap-dark {flex-wrap:wrap;}
	.img-wrap-dark>article {position:relative; z-index:2; width:100%; padding:50px 0; color:#fff; margin:0 50px; text-align:center;}
	.img-wrap-dark>article+article {border-top:1px solid rgba(255,255,255,.5); border-left:0;}
	.img-wrap-dark>article h3 {text-align:center; font-size:40px; font-weight:700;}
	.img-wrap-dark>article p {font-size:20px; line-height:2; font-weight:300;}
	.img-wrap-dark>article p br {display:none;}
	
	/*전체박스*/
	.layout-all-wrap {padding:30px;}
	.layout-all-wrap ul li {flex-wrap:wrap;}
	.layout-all-wrap ul li>* {width:100% !important;}
	.layout-all-wrap ul li span {font-size:17px;}
	.layout-all-wrap ul li p {font-size:16px;}
	
	/*ver2*/
	.layout-all-wrap2 {padding:30px;}
	.layout-all-wrap2 ul {flex-direction:column;}
	.layout-all-wrap2 ul li {margin:0;}
	.layout-all-wrap2 ul li span {font-size:17px; width:130px;}
	.layout-all-wrap2 ul li p {font-size:15px; padding:0 0 0 10px; width:calc(100% - 130px);}
	
	/*탭*/
	.common_tab_con {margin-top:30px;}
	.common_tab ul li a {padding:15px 30px; font-size:16px;}
	
	
	
	
	
	
	/* ************************ About TSP ************************ */
	/*회사소개-기업개요*/
	/*회사소개-경영철학 및 비전*/
	/*회사소개-회사 연혁*/
	.history .common_tab_con .yyyys {position:absolute; top:20px; left:30px; font-size:50px;}
	.history .common_tab_con .yyyymm-list {
		padding-left:0; padding-top:80px;
	}
	.history .common_tab_con .yyyymm-list .list {position:relative;}
	.history .common_tab_con .yyyymm-list .list+.list {margin-top:50px;}
	.history .common_tab_con .yyyymm-list .list>span {
		position:absolute; top:0; left:0;
		font-size:20px; font-weight:600; color:#1147a1;
		background:no-repeat left 2px url(../images/about/i-yyyy.png);
		padding:5px 0 5px 60px;
		line-height:1;
	}
	.history .common_tab_con .yyyymm-list .list>.mm-con {padding-left:25%; display:flex; flex-direction:row;}
	.history .common_tab_con .yyyymm-list .list>.mm-con + .mm-con {margin-top:40px;}
	.history .common_tab_con .yyyymm-list .list>.mm-con span {font-size:18px; font-weight:300; line-height:1.2; width:80px; letter-spacing:0; padding-top:5px;}
	.history .common_tab_con .yyyymm-list .list>.mm-con p {width:calc(100% - 80px); font-size:15px; color:#777; font-weight:400; padding-top:0;}
	
	/*회사소개-회사 연혁-ver2*/
	.history .common_tab_con.ver2 .yyyys {position:absolute; top:20px; left:0; font-size:40px;}
	.history .common_tab_con .scrollAllWrap {padding-left:0; padding-top:20px;}
	
	
	
	
	/*윤리경영-윤리선언서*/
	
	/*윤리경영-윤리규범*/
	.norm .common_tab_con {padding:30px;}
	
	/*사업장소개-본사*/
	/*사업장소개-T위치*/
	/*사업장소개-C위치*/
	
	/*Contact Us - ver2*/
	.contents-wrap.contact .inner-wrap .list2 {margin-left:0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox {width:100% !important; margin-left:0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox+.listBox {margin-top:30px;}
	
	
	
	
	
	
	
	
	
	/* ************************ Career ************************ */
	/*채용-인사제도*/
	.career .manage .list {margin-left:-185px;}
	.career .manage .list.navy {margin-right:-185px;}
	.career .manage .list i {
		width:185px; height:185px; background-size:60%;
	}
	.career .manage .list>div {padding-left:30px; width:30%;}
	/* .career .manage .list>div ul li+li {margin-top:10px;} */
	.career .manage .list>div span {font-size:30px; line-height:1.05;}
	.career .manage .list>div h3 {font-size:24px; margin-top:10px;}
	.career .manage .list>div ul {margin-top:10px;}
	.career .manage .list>div ul li {font-size:15px; line-height:1.6;}
	
	/*채용-인재상*/
	
	/*채용-채용절차*/
	.career .recruit .step {margin-top:50px;}
	
	/*채용-복리후생*/
	.benefit .benefit-list .list {display:flex; flex-direction:row; padding-right:20%;}
	.benefit .benefit-list .list:nth-child(even) {padding-right:0; padding-left:20%;}
	.benefit .benefit-list .list+.list {margin-top:100px;}
	.benefit .benefit-list .list div:first-child {}
	.benefit .benefit-list .list div:first-child img {height:180px;}
	.benefit .benefit-list .list div.con {padding-left:30px;}
	.benefit .benefit-list .list div.con>* {margin-top:20px;}
	.benefit .benefit-list .list div.con h3 {font-size:20px; font-weight:600; line-height:1.2;}
	.benefit .benefit-list .list div.con p {font-size:16px; color:#777; font-weight:400; line-height:2;}
	
	
	
	
	
	
	
	
	
	/* ************************ Product ************************ */
	.layout_product h3 {font-size:28px;}
	.layout_product h3 span {font-size:18px;}
	.layout_product .innerBox {padding:30px 0 0;}
	.layout_product .innerBox + .innerBox {margin-top:50px; padding-top:50px;}
	/*리드프레임-슬라이드*/
	.lead1 .includeSlider .topTitle {padding-right:70px;}
	.lead1 .includeSlider .topTitle>* {text-align:left;}
	.lead1 .includeSlider .topTitle .tit_ment {margin-top:30px; font-size:18px; font-weight:400;}
	.lead1 .includeSlider .innerBox {display:flex; flex-wrap:wrap;}
	.lead1 .includeSlider+.includeSlider .innerBox {margin-top:30px;}
	.lead1 .includeSlider .innerBox>* {width:100%;}
	.lead1 .includeSlider .innerBox .topTitle {}
	.lead1 .includeSlider .innerBox .slider {position:relative; margin-top:30px;}
	.includeSlider div[class*="productSlider"] {display:flex; flex-direction:row; overflow:hidden; width:100%; position:relative;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide {width:calc(100% - 40px) !important; margin-right:40px;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide .img {height:300px !important;}
	.includeSlider div[class*="productSlider"]>.swiper-wrapper .swiper-slide .con p {font-size:18px; margin-top:10px;}
	.includeSlider div[class*="productSliderBtn"] {
		position:absolute; top:0; right:0; width:40px; height:80px; background:#fff;
		z-index:99;
	}
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-prev"],
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {width:40px; height:40px; transform:translateY(0); position:absolute; left:0; top:initial; background-size:23px 10px; background-repeat:no-repeat; background-position:center;}
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-prev"] {border:1px solid #b2b2b2; bottom:0; background-image:url(../images/rnd/productSlider-prev.png);}
	/* .includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {border:1px solid #000; bottom:40px; background-image:url(../images/rnd/productSlider-next.png);} */
	.includeSlider div[class*="productSliderBtn"] div[class*="swiper-button-next"] {border:1px solid #b2b2b2; background-color:#b2b2b2; bottom:40px; background-image:url(../images/rnd/productSlider-next-fff.png);}
	
	/*product-leadframe*/
	.lead1 .includeSlider .innerBox {flex-direction:column;}
	.lead1 .includeSlider .innerBox>div {width:100% !important;}
	.lead1 .includeSlider .innerBox .topTitle {padding-right:0;}
	
	/*금형Set/Spare Parts*/
	.includeSlider.spareParts .innerBox {flex-wrap:wrap;}
	.includeSlider.spareParts .innerBox .topTitle {width:100%; padding-right:0;}
	.includeSlider.spareParts .innerBox .conSlider {width:100%; display:flex; flex-wrap:wrap; margin-top:70px;}
	.includeSlider.spareParts .innerBox .conSlider .slider {width:100%; margin:0 !important;}
	.includeSlider.spareParts .innerBox .conSlider .slider:nth-child(1)~.slider {margin-top:70px !important;}
	.includeSlider.spareParts .innerBox .slider .swiper-wrapper .swiper-slide .img {height:300px !important; background-size:60% !important; border:1px solid #ddd; border-radius:0 0 0 100px;}
	.includeSlider.spareParts .innerBox .slider h4 {font-size:18px; text-align:left; margin-bottom:20px;}

	.product .contents-wrap.lead1 .layout_product .includeSlider.spareParts .innerBox {padding-bottom:0;}
	
	/*도금*/
	.layout_product .shape_1rounding {padding:30px; margin-top:50px;}
	.innerBox.status .shape_1rounding article .list ul li .img {width:200px; height:200px;}
	.innerBox.differ .inner .shape_1rounding article {flex-direction:column;}
	.innerBox.differ .inner .shape_1rounding article>* {width:100% !important;}
	.innerBox.differ .inner .shape_1rounding article .list {margin-top:50px;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin {flex-direction:column; justify-content:center;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin .img {width:100%; text-align:left;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin .img+.img {margin-top:30px;}
	.innerBox.differ .inner .shape_1rounding .imgExpalin .img img {max-width:100%;}
	
	
	/*CT*/
	.contents-wrap.ct .layout_product article>*+* {margin-top:30px;}
	.ct .layout_product.type2 .innerBox .inner {flex-wrap:wrap; flex-direction:column-reverse; margin-top:0;}
	.ct .layout_product.type2 .innerBox .inner article {width:100% !important;}
	.ct .layout_product.type2 .innerBox .inner article:first-child {margin-top:30px;}
	.ct .layout_product.type2 .innerBox .inner article:last-child {padding-left:0;}
	.contents-wrap.ct .innerBox.part3 span {font-size:28px;}
	
	/*금형*/
	.layout_product.type2 .innerBox.includeTable .inner {flex-wrap:wrap; flex-direction:column-reverse; margin-top:30px;}
	.layout_product.type2 .innerBox.includeTable .inner article {width:100% ! important;}
	.layout_product.type2 .innerBox.includeTable .inner article:last-child {padding-left:0;}
	.layout_product.type2 .innerBox.includeTable .inner article:first-child {margin-top:50px;}
	
	 .layout_product.type2 .innerBox.part4 .inner article {padding:0;}
	 .layout_product.type2 .innerBox.part4 .inner article:first-child {padding-right:50px;}
	 .layout_product.type2 .innerBox.part4 .inner article:last-child {padding-left:50px;}
	
	
	
	
	
	
	
	
	
	/* ************************ R&D ************************ */
	/*연구개발-리드프레임*/
	 /*productSlider*/
	.productSlider {display:flex; flex-direction:row; overflow:hidden; width:calc(100% - 10%); margin-right:10%; position:relative;}
	.productSlider>.swiper-wrapper {}
	.productSlider>.swiper-wrapper .swiper-slide {width:calc(100% - 60px) !important; margin-right:60px; height:300px !important;}
	.productSliderBtn {
		position:absolute; bottom:0; right:0; width:60px; height:300px; background:#fff;
		z-index:99;
	}
	.productSliderBtn .swiper-button-prev,
	.productSliderBtn .swiper-button-next {width:60px; height:60px; transform:translateY(0); position:absolute; left:0; top:initial; background-size:34px 15px;}
	.productSliderBtn .swiper-button-prev {border:1px solid #b2b2b2; bottom:0; background-image:url(../images/rnd/productSlider-prev.png);}
	.productSliderBtn .swiper-button-next {border:1px solid #000; bottom:60px; background-image:url(../images/rnd/productSlider-next.png);}
	
	/*연구개발-도금기술*/
	.rnd .plating .innerBox .con {margin-top:30px;}
	.rnd .plating .innerBox.part1 .con {flex-wrap:wrap;}
	.rnd .plating .innerBox.part1 .con>* {width:100%;}
	.rnd .plating .innerBox.part1 .con .img+.img {margin-top:30px; padding-left:0;}
	.rnd .plating .innerBox.part2 .con ul li {margin:15px;}
	.rnd .plating .innerBox.part2 .con ul li p {font-size:16px; margin-top:0;}
	
	
	
	
	
	
	
	
	
	/* ************************ Quality ************************ */
	/*품질관리*/
	.contents-wrap.quality .tit_ment {font-size:16px;}
	.contents-wrap.quality .innerBox .con {margin-top:50px;}
	.contents-wrap.quality .certify .con {flex-wrap:wrap;}
	.contents-wrap.quality .certify .con>* {width:100% !important;}
	
	.contents-wrap.quality .certify .con .certifyList {margin-top:10px;}
	.contents-wrap.quality .certify .con .certifyList .list {padding:10px;}
	.contents-wrap.quality .certify .con .certifyList .list p {font-size:14px; margin-top:10px;}
	.contents-wrap.quality .certify .con .certifyList .list ul li {font-size:14px; padding:0 5px;}
	
	/*환경경영*/
	.environ .innerBox.mineral .tit_ment {font-size:16px; font-weight:400;}
	.environ .innerBox.mineral .eng {margin-top:20px; color:#777; font-size:16px; font-weight:400;}
	
	.environ .innerBox.mineral .img_list {display:flex; flex-direction:row; flex-wrap:wrap; margin-top:50px;}
	.environ .innerBox.mineral .img_list .img {width:100%; margin:0 !important;}
	.environ .innerBox.mineral .img_list .img + .img {margin-top:50px !important;}


	
	
	
}




/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* body {border:1px solid green;}  */
	
	.except-mobile {display:none !important;}
	.only-mobile {display:block !important;}
	.only-pc {display:none !important;}
	.except-pc {display:block !important;}
	
	/*반반박스*/
	.layout-half-wrap {flex-wrap:wrap; margin-top:30px;}
	.layout-half-wrap>div {width:100%; padding:20px 10px;}
	.layout-half-wrap>div:first-child {padding-bottom:0;}
	.layout-half-wrap>div:last-child {padding-top:0; margin-top:10px;}
	.layout-half-wrap>div+div {border-left:none; margin-top:10px !important; padding-top:10px !important; border-top:1px dotted #ddd;}
	.layout-half-wrap>div ul li {flex-wrap:wrap;}
	.layout-half-wrap>div ul li+li {margin-top:10px; padding-top:10px; border-top:1px dotted #ddd;}
	.layout-half-wrap>div ul li>* {width:100% !important;}
	.layout-half-wrap>div ul li span {font-size:16px;}
	.layout-half-wrap>div ul li p {font-size:14px;}
	
	.only-img-wrap .img {border-radius:0 0 0 50px; height:200px !important;}
	
	/*전체박스*/
	.layout-all-wrap {padding:20px 10px;}
	.layout-all-wrap ul li {flex-wrap:wrap;}
	.layout-all-wrap ul li+li {margin-top:10px; padding-top:10px; border-top:1px dotted #ddd;}
	.layout-all-wrap ul li>* {width:100% !important;}
	.layout-all-wrap ul li span {font-size:16px;}
	.layout-all-wrap ul li p {font-size:14px;}
	
	/*ver2*/
	.layout-all-wrap2 {padding:20px 10px;}
	.layout-all-wrap2 ul {display:block;}
	.layout-all-wrap2 ul li+li {margin-top:10px; padding-top:10px; border-top:1px dotted #ddd;}
	.layout-all-wrap2 ul li {flex-direction:column;}
	.layout-all-wrap2 ul li >* {width:100%;}
	.layout-all-wrap2 ul li span {font-size:16px;}
	.layout-all-wrap2 ul li p {font-size:14px; padding:0;}
	
	/*탭*/
	.common_tab ul {flex-direction:column;}
	.common_tab ul li {margin:5px;}
	.common_tab ul li a {padding:15px; display:inline-block; width:100%; font-size:14px; font-weight:400; color:#000; border-radius:100px; text-align:center; background:#ddd; line-height:1;}
	.common_tab ul li.on a {background:#1147a1; color:#fff;}
	.common_tab_con {border-top:1px solid #000; margin-top:30px;}
	
	
	/* ************************ About TSP ************************ */
	/*회사소개-기업개요*/
	.about .vision .con-wrap {padding-top:50px;}
	.about .vision .con-wrap.value {padding-top:0;}
	
	/*회사소개-경영철학 및 비전*/
	
	/*회사소개-회사 연혁*/
	.history .common_tab_con {margin-top:30px; padding:20px 10px;}
	.history .common_tab_con .yyyys {position:absolute; top:20px; left:10px; font-size:30px; line-height:1;}
	.history .common_tab_con .yyyymm-list {
		padding-left:0; padding-top:50px;
	}
	.history .common_tab_con .yyyymm-list .list+.list {margin-top:30px; padding-top:30px; border-top:1px dotted #ddd;}
	.history .common_tab_con .yyyymm-list .list>span {
		position:static; top:0; left:0;
		font-size:20px; font-weight:600; color:#1147a1;
		background:no-repeat left 5px url(../images/about/i-yyyy.png);
		padding:5px 0 5px 40px;
		line-height:1;
	}
	.history .common_tab_con .yyyymm-list .list>.mm-con {padding-left:40px; display:flex; flex-direction:column;}
	.history .common_tab_con .yyyymm-list .list>.mm-con + .mm-con {margin-top:10px;}
	.history .common_tab_con .yyyymm-list .list>.mm-con span {font-size:16px; line-height:1.2; padding-top:5px;}
	.history .common_tab_con .yyyymm-list .list>.mm-con p {font-size:14px; padding-top:5px;}
	
	/*회사소개-회사 연혁-ver2*/
	.history .common_tab_con.ver2 .yyyys {left:0; font-size:28px;}
	.history .common_tab_con table tr>* {font-size:14px; padding:10px;}
	.history .common_tab_con table tr>th {font-size:18px; width:100px;}
	.history .common_tab_con table tr>td {font-size:16px; line-height:1.4;}
	.history .common_tab_con table tr>td:last-child {font-size:12px; line-height:1.8;}
	.history .common_tab_con .scrollAllWrap {padding-top:0;}
	.history .common_tab_con .scrollAllWrap:before {text-align:left; padding:10px 0;}
	.history .common_tab_con .scrollAllWrap table {position:relative;}
	.history .common_tab_con .scrollAllWrap table:before {
		position:absolute; top:-1px; left:0; width:100%; height:1px; background:#ddd; content:""; display:block;
	}
	
	/*윤리경영-윤리선언서*/
	.about .ethical .declaration {text-align:center;}
	.about .ethical .declaration .list {text-align:left; margin-top:30px;}
	.about .ethical .declaration .list p {background:no-repeat left 5px url(../images/about/i-yyyy.png); padding:5px 0 5px 40px; font-weight:400;}
	
	/*윤리경영-윤리규범*/
	.norm .common_tab_con {padding:20px 10px;}
	.norm .common_tab_con>ul>li *+* {margin-top:10px;}
	.norm .common_tab_con h3 {font-size:16px;}
	.norm .common_tab_con p {font-size:13px;}
	
	/*사업장소개-본사*/
	/*사업장소개-T위치*/
	/*사업장소개-C위치*/
	
	/*Contact Us - ver2*/
	.contents-wrap.contact .inner-wrap .list2 .listBox>* {padding:20px 30px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>h3 {font-size:20px;}
	
	.contents-wrap.contact .inner-wrap .list2 .listBox:nth-child(1)>h3 {background:no-repeat right 20px center/25px url(../images/about/contact-i-01.png) #0079e0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox:nth-child(2)>h3 {background:no-repeat right 20px center/25px url(../images/about/contact-i-02.png) #0079e0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox:nth-child(3)>h3 {background:no-repeat right 20px center/25px url(../images/about/contact-i-03.png) #0079e0;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul {min-height:auto;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul li {font-size:16px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul li:before {top:10px;}
	.contents-wrap.contact .inner-wrap .list2 .listBox>ul li.mail {background:no-repeat 8px 8px url(../images/common/i-mail.png);}
	.contents-wrap.contact .inner-wrap .list2 .listBox:hover>ul li.mail {background:no-repeat 10px 8px url(../images/common/i-mail.png);}
	
	
	
	
	
	
	
	
	
	/* ************************ Career ************************ */
	/*채용-인사제도*/
	.career .manage .list {margin-left:0; transform:initial;}
	.career .manage .list>div {width:calc(100% - 185px); padding-top:20px;}
	.career .manage .list.navy {margin-right:0; margin-left:0; transform:initial; flex-direction:row;}
	.career .manage .list.navy>div {padding-left:30px; padding-right:0; text-align:left;}
	.career .manage .dot2 {text-align:left; padding-left:calc(185px/2 - 13px);}
	
	.career .manage .list>div h3 {font-size:20px;}
	
	/*채용-인재상*/
	.career .talent .talent-wrap-mo {text-align:center; margin-top:50px;}
	.career .talent .talent-wrap-mo h3 {margin-bottom:30px; font-size:32px; color:#444; line-height:1.2;}
	.career .talent .talent-wrap-mo h3 b {display:block; font-size:1.1em;}
	.career .talent .talent-wrap-mo img {max-width:100%;}
	
	/*채용-채용절차*/
	.career .recruit .step {margin-top:50px;}
	
	/*채용-복리후생*/
	.benefit .benefit-list .list {flex-direction:column; padding-left:0; padding-right:0;}
	.benefit .benefit-list .list div {width:100% !important;}
	.benefit .benefit-list .list div.con {padding-left:0;}
	.benefit .benefit-list .list div:first-child img {height:120px;}
	.benefit .benefit-list .list:nth-child(even) {padding-left:0;}
	
	.benefit .benefit-list .list div.con h3 {font-size:18px;}
	.benefit .benefit-list .list div.con p {font-size:14px; margin-top:10px;}
	
	.benefit .benefit-list .list+.list {margin-top:30px; padding-top:30px; border-top:1px dotted #ddd;}
	
	
	
	
	
	
	
	
	
	/* ************************ Product ************************ */
	/*테이블::::*/
	.scrollAllWrap {
		width:100%; position:relative;
		/* margin-top:50px; */
	}
	.scrollAllWrap:before {
		content:"좌 · 우로 드래그(Drag) 할 수 있습니다.";
		display:block; padding:10px; font-size:12px; color:#000; text-align:center; background:#fff;
	}
	.scrollAllWrap .scrollIn {overflow-x:auto;}
	.scrollAllWrap .scrollIn table {width:150vw !important; margin:0 !important; white-space:nowrap;}
	
	
	
	
	.layout_product h3 {font-size:24px;}
	.layout_product h3 span {font-size:16px;}
	.layout_product h4 {font-size:20px;}
	.layout_product .innerBox .inner {margin-top:30px;}
	.layout_product .shape_1rounding {margin-top:30px; border-radius:0 50px 0 0;}
	.layout_product .innerBox + .innerBox {margin-top:30px; padding-top:30px;}
	
	/*리드프레임*/
	.product .lead1 .listOne {flex-direction:column;}
	.product .lead1 .listOne .con {padding:20px 0 0 0;}
	.product .lead1 .innerBox.part3 .listOne .img img {margin:5px;}
	.product .lead1 .innerBox.part3 .listOne .img img+img {margin-left:0;}
	.product .lead1 .innerBox.part4 .listOne ul li:nth-child(2)~li {margin-top:10px;}
	
	/*도금*/
	.innerBox.status .shape_1rounding article {flex-wrap:wrap;}
	.innerBox.status .shape_1rounding article>* {width:100% !important;}
	.innerBox.area .inner .list {margin-top:30px;}
	.innerBox.area .inner .list ul li span {width:90px; height:90px; font-size:14px;}
	.innerBox.area .inner .list ul li p {margin-top:5px; font-size:12px;}
	.innerBox.status .imgExpalin {margin-left:-20px; margin-top:20px;}
	.innerBox.status .imgExpalin .img {float:left; width:calc(100%/1 - 20px); margin-left:20px;}
	.innerBox.status .imgExpalin .img+.img {margin-top:20px;}
	.innerBox.differ .inner .shape_1rounding p {font-size:15px;}
	.innerBox.differ .inner .shape_1rounding article .list {margin-top:30px;}
	.innerBox.differ .inner .shape_1rounding article .list ul li {width:160px; height:40px; line-height:40px; font-size:15px;}
	/*CT*/
	.contents-wrap.ct .innerBox.part3 span {font-size:24px;}
	
	
	/*금형 - 공통*/
	.checkList p {background-size:20px !important; background:no-repeat left 5px url(../images/product/i-check.jpg);}
	
	/*금형*/
	.layout_product.type2 .innerBox.part4 .inner article:first-child {padding-right:0;}
	.layout_product.type2 .innerBox.part4 .inner article:last-child {padding-left:0;}
	
	.mold .layout_product.type2 .innerBox.part4 .inner {flex-wrap:wrap;}
	.mold .layout_product.type2 .innerBox.part4 .inner article {width:100%;}
	
	.layout_product.type2 table tr>* {font-size:15px; padding:8px 20px !important;}
	.layout_product.type2 .innerBox .inner article:first-child .checkList {margin-top:10px;}
	
	.layout_product.type2 .innerBox.part4 .inner article:last-child {margin-top:50px;}
	.mold .layout_product.type2 .innerBox.part4 .inner article>*+* {margin-top:10px !important;}
	
	
	
	
	
	
	
	
	/* ************************ R&D ************************ */
	/*연구개발-리드프레임*/
	.rnd .lead .innerBox {flex-direction:column;}
	.rnd .lead .innerBox>div {width:100% !important;}
	.rnd .lead .innerBox .con {margin-top:20px;}
	.rnd .lead .innerBox .con p {font-size:14px;}
	.rnd .lead .innerBox .con p br {display:none;}
	
	.rnd .lead .innerBox .con ul.img {margin-top:30px; flex-wrap:wrap; justify-content:center;}
	.rnd .lead .innerBox .con ul.img li {margin:5px;}
	.rnd .lead .innerBox .con ul.img li img {height:180px;}
	
	.productSlider>.swiper-wrapper .swiper-slide {height:200px !important;}
	
	
	/*연구개발-도금기술*/
	
	
	
	
	
	
	
	
	
	/* ************************ Quality ************************ */
	/*품질관리*/
	.color1 {background:#c1c9c2 !important;}
	.color2 {background:#ace679 !important;}
	.color3 {background:#01e180 !important;}
	.color4 {background:#33adfa !important;}
	.color5 {background:#626262 !important;}
	.innerBox.policy .stepWrap {text-align:left;}
	.innerBox.policy .stepWrap .step b[class*="color"] {display:block; width:20px; height:20px; border-radius:50%;}
	.innerBox.policy .stepWrap .step span {display:flex; margin-bottom:10px;}
	.innerBox.policy .stepWrap .step span b {margin-right:5px;}
	.innerBox.policy .stepWrap .step {margin-top:30px; padding-top:30px; border-top:1px dotted #ddd;}
	.innerBox.policy .stepWrap .step ul.hypenList li {padding-left:20px; position:relative; font-size:16px; color:#626262;}
	.innerBox.policy .stepWrap .step ul.hypenList li:before {
		position:absolute; top:12px; left:0; width:10px; height:1px; background:#000; display:block; content:"";
	}
	.contents-wrap.quality .policy .con .arrow {margin:20px 0;}
	.contents-wrap.quality .policy .con .gray1 span {text-align:center; line-height:1.4; font-size:14px;}
	.contents-wrap.quality .policy .con .gray2 {padding:20px 50px; line-height:1.4;}
	
	.contents-wrap.quality .certify .con .certifyList {flex-wrap:wrap;}
	.contents-wrap.quality .certify .con .certifyList .list {width:100%; padding:0;}
	.contents-wrap.quality .certify .con .certifyList .list + .list {margin-top:50px;}
	
	
	/*환경경영*/
	.environ .innerBox.mineral .tit_ment {font-size:14px;}
	.environ .innerBox.mineral .eng {font-size:14px;}
	
}


