@charset "utf-8";

/* 공통 */
.tit_box .sub-tit {position:relative;padding-top:21px;display:block;color:#000;font-size:2.5em;font-weight:bold;margin-bottom:80px;text-align: center;opacity:0;transform:translateY(-60px);animation:titslide .6s ease-in-out forwards;animation-delay:1s;}
.tit_box .sub-tit:before {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:25px;height:1px;background:#222;}
.stxt {color:#555;font-size:1.25em;font-weight:500;}
@keyframes titslide {
	0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	100% {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
}

.scroll_event {transition:all 1s;-webkit-transition:all 1s;}
.tab_area {border-bottom:1px solid #eee;display: block;padding-bottom:20px;}
.tabbox {display:flex;justify-content: center;flex-wrap:wrap;width:100%;font-size:1.125em;color:#999;font-weight:600;}
.tabbox li {padding:0 30px;}
.tabbox li.active,
.tabbox li:is(:hover, :focus, :active) {color:#5a8b9e;font-weight:bold;}
.tabbox li a {position:relative;display: block;width: 100%;padding-bottom:5px;}
.tabbox li a:after {content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#5a8b9e;transition:all .3s;-webkit-transition:all .3s;}
.tabbox li.active a:after {width:100%;}
.mob_tab {display:none;}

	@media only screen and (max-width:1199px){
		.tab_area.mob {overflow-x: auto;}
		.tab_area.mob .tabbox {min-width:1023px;}
		.tabbox li {padding:0 15px;}
	}
	@media only screen and (max-width:767px){
		.mob_tab {position:relative;padding:0 40px 0 30px;background:#222;color:#fff;text-align:left;display:block;line-height:50px;font-weight:600;border-radius:30px;}
		.mob_tab:after {content:'';position:absolute;right:30px;top:0;bottom:0;margin:auto;background:url("/images/fs2/common/icon_tab.png") no-repeat center;width:12px;height:8px;}
		.mob_tab.on:after {transform:rotate(180deg);}
		.tab_area.mob {position: relative;overflow:visible;max-width:560px;margin:auto 15px;border:0;padding:0;}
		.tab_area.mob ul.tabbox {flex-wrap: wrap;flex-direction: column;width:100%;min-width:unset;background:#fff;border:1px solid #eee;position:absolute;left:0;right:0;top:52px;border-radius:10px;overflow:hidden;z-index:99;display:none;}
		.tab_area.mob ul.tabbox li:not(:first-child) {border-top:1px solid #eee;}
		.tab_area.mob ul.tabbox li a {position:relative;display:block;height:100%;padding:0 15px;line-height:40px;font-size:.9em;border-radius:0;overflow:hidden;}
		.tab_area.mob ul.tabbox li a:after {display: none;}
	}


/* -------------------- sub01 COMPANY */
/* 인사말 */
.greeting_wrp {position:relative;}
.greeting_wrp:after {content:'';position:absolute;left:-10%;bottom:-15%;background:url("/images/fs2/content/sub01/greeting_bg.png") no-repeat bottom left;width: 100%;height:100%;z-index: -1;opacity: .2;}
.greeting_wrp .bgbox {position:relative;display:block;width:100%;height:460px;background:url("/images/fs2/content/sub01/greeting_img.jpg") no-repeat center;background-size:cover;}
.greeting_wrp .bgbox:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);}
.greeting_wrp .txtbox {display:flex;flex-wrap:wrap;}
.greeting_wrp .txtbox .tit {width:37%;color:#000;font-weight:800;font-size:3em;text-wrap:balance;}
.greeting_wrp .txtbox .tit span.inblock {color:#81C7E2;}
.greeting_wrp .txtbox .txt {width:63%;padding-left:80px;font-size:1.1em;color:#767676;line-height:2;}
.greeting_wrp .txtbox .txt p {text-wrap:balance;}
.greeting_wrp .txtbox .txt p:nth-of-type(n+2) {margin-top:30px;}
.greeting_wrp .txtbox .txt p strong {color:#222;}
.greeting_wrp .txtbox .txt .import ul li {position:relative;padding-left:14px;color:#000;font-weight:600;line-height: 1.5;}
.greeting_wrp .txtbox .txt .import ul li:before {content:'';position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:10px;background:#bbb;}
.greeting_wrp .txtbox .txt .import ul li:nth-of-type(n+2) {margin-top:7px;}
.greeting_wrp .txtbox .txt .ceo {margin-top:60px;display:flex;align-items: center;}
.greeting_wrp .txtbox .txt .ceo strong {color:#000;margin:0 10px;}
.greeting_wrp .txtbox .txt .ceo img {position: relative;margin-top:-20px;}
	@media only screen and (max-width:1479px){
		.greeting_wrp .bgbox {height:400px;}
		.greeting_wrp .txtbox {flex-direction: column;}
		.greeting_wrp .txtbox .tit {width: 100%;}
		.greeting_wrp .txtbox .txt {padding-left:0;width:100%;margin-top:40px;}
	}
	@media only screen and (max-width:1023px){
		.greeting_wrp .bgbox {height:360px;background-size:auto 130%;}
	}
	@media only screen and (max-width:767px){
		.greeting_wrp .txtbox .tit {font-size:2em;}
		.greeting_wrp .txtbox .txt p:nth-of-type(n+2) {margin-top:20px;}
		.greeting_wrp .txtbox .txt {margin-top:20px;}
		.greeting_wrp .txtbox .txt .ceo {justify-content:center;}
	}


/* 회사개요 */
.summary_wrp {}
.summary_wrp .cont {display: flex;flex-wrap:wrap;}
.summary_wrp .cont .imgbox {width:40%;}
.summary_wrp .cont .imgbox img {max-width: 100%;}
.summary_wrp .cont .list_wrp {width:60%;padding-left:80px;}
.summary_wrp .cont .list_wrp .sum_list > li {display: flex;padding:20px 0;border-bottom:1px solid #ddd;text-wrap:balance;}
.summary_wrp .cont .list_wrp .sum_list > li .th {width:140px;font-weight:bold;color:#999;}
.summary_wrp .cont .list_wrp .sum_list > li .td {width: calc(100% - 140px);color:#000;font-weight:600;}
.summary_wrp .cont .list_wrp .sum_list > li .td .eng {font-weight:normal;color:#999;}
.summary_wrp .cont .list_wrp .sum_list > li .td .list3 li {color:#000;}
.summary_wrp .cont .list_wrp .sum_list > li.contact_area .td ul {display: flex;flex-wrap:wrap;align-items: center;gap:0 24px;}
.summary_wrp .cont .list_wrp .sum_list > li.contact_area .td ul li {position:relative;}
.summary_wrp .cont .list_wrp .sum_list > li.contact_area .td ul li:nth-of-type(n+2):before {content:'/';color:#bbb;font-size:.8em;position:absolute;left:-13px;top:3px;bottom:0;margin:auto;}
.summary_wrp .cont .list_wrp .sum_list > li.contact_area .td span {display:inline-block;margin-right:10px;color:#999;font-weight:normal;}
	@media only screen and (max-width:1299px){
		.summary_wrp .cont .list_wrp .sum_list > li.contact_area .td ul {flex-direction: column;align-items: flex-start;}
		.summary_wrp .cont .list_wrp .sum_list > li.contact_area .td ul li:before {display:none;}
	}
	@media only screen and (max-width:1023px){
		.summary_wrp .cont {flex-direction: column-reverse;gap:40px 0;}
		.summary_wrp .cont .imgbox {width: 100%;max-width:560px;margin:auto;}
		.summary_wrp .cont .list_wrp {width: 100%;padding-left: 0;}
	}
	@media only screen and (max-width:767px){
		.summary_wrp .cont .list_wrp .sum_list > li .th {width:120px;}
		.summary_wrp .cont .list_wrp .sum_list > li .td {width:calc(100% - 120px);''}
	}
	@media only screen and (max-width:560px){
		.summary_wrp .cont .list_wrp .sum_list > li {flex-direction: column;}
		.summary_wrp .cont .list_wrp .sum_list > li .th {width: 100%;margin-bottom:15px;}
		.summary_wrp .cont .list_wrp .sum_list > li .td {width: 100%;}
	}

/* 연혁 */
.history_wrp {}
.history_wrp .flexbox {flex-wrap:wrap;}
.history_wrp .flexbox .titbg {width:40%;padding-right:60px;height: 100%;}
.history_wrp .flexbox .titbg p {font-size:4em;font-weight:900;color:#eee;text-wrap:balance;line-height:1.2;position:sticky;top:0;left:0;}
.history_wrp .flexbox .titbg span {display: block;color:#87ceeb;}
.history_wrp .flexbox .h_wrp {width:60%;margin-top:80px;}
.history_wrp .flexbox .h_wrp .hcont {position:relative;padding-left:80px;}
.history_wrp .flexbox .h_wrp .hcont:before {content:'';position:absolute;left:24px;top:22px;margin:auto;width:1px;height:calc(100% - 22px);background:#ddd;}
.history_wrp .flexbox .h_wrp .pin {position:absolute;top:22px;left:20px;}
.history_wrp .flexbox .h_wrp .pin i {display:block;position:relative;width:10px;height:10px;border:3px solid #87ceeb;border-radius:20px;background:#fff;}
.history_wrp .flexbox .h_wrp .pin span {position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index: -1;}
.history_wrp .flexbox .h_wrp .pin span:before {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-2.5em -2.5em;transform:translate(-50%,-50%);width:4.9em;height:4.9em;background: rgba(135, 206, 235, 0.3);z-index: -2;border-radius:50%;animation:pin 3s infinite;}
.history_wrp .flexbox .h_wrp .pin span:after {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-1.5em -1.5em;transform:translate(-50%,-50%);width:2.9em;height:2.9em;background: rgba(135, 206, 235, 0.5);z-index: -1;border-radius:50%;animation:pin 3s infinite;}
.history_wrp .flexbox .h_wrp .year-cont {display:flex;flex-wrap:wrap;margin-bottom:100px;}
.history_wrp .flexbox .h_wrp .year-cont .year {font-size:2.4em;font-family:'sen',Sans-serif;color:#000;font-weight:700;width:160px;}
.history_wrp .flexbox .h_wrp .year-cont .cont {margin-top:10px;width:calc(100% - 160px);}
.history_wrp .flexbox .h_wrp .year-cont .cont ul li {display: flex;flex-wrap:wrap;margin-bottom:10px;}
.history_wrp .flexbox .h_wrp .year-cont .cont ul li .month {display:inline-block;width:46px;color:#222;text-align:right;letter-spacing:0;}
.history_wrp .flexbox .h_wrp .year-cont .cont ul li p {width:calc(100% - 46px);padding-left:15px;}
	@keyframes pin {
		0% {transform:scale(0);}
		50% {transform:scale(1);}
		100% {transform:scale(1);opacity:0;}
	}

	@media only screen and (max-width:1199px){
		.history_wrp .flexbox .titbg {width:100%;}
		.history_wrp .flexbox .h_wrp {width:100%;margin-top:40px;}
		.history_wrp .flexbox .h_wrp .hcont {padding-left:60px;}
		.history_wrp .flexbox .h_wrp .year-cont {margin-bottom:60px;}
	}
	@media only screen and (max-width:767px){
		.history_wrp .flexbox .titbg p {font-size:3em;}
		.history_wrp .flexbox .h_wrp .year-cont {margin-bottom:30px;}
		.history_wrp .flexbox .h_wrp .year-cont .year {width: 100%;}
		.history_wrp .flexbox .h_wrp .year-cont .cont {width: 100%;}
		.history_wrp .flexbox .h_wrp .year-cont .cont ul li .month {width:40px;}
		.history_wrp .flexbox .h_wrp .year-cont .cont ul li p {width:calc(100% - 40px);}
	}
	@media only screen and (max-width:560px){
		.history_wrp .flexbox .titbg p {font-size:2.6em;}
	}

/* 주요실적 */
.key_wrp table.tableA {}
.key_wrp table.tableA tbody tr td:last-child {}

/* 주요거래처 */
.clients_wrp {}
.clients_wrp .clients_list {display:flex;flex-wrap:wrap;gap:20px;}
.clients_wrp .clients_list li {width:calc((100% - 80px)/5);text-align: center;}
.clients_wrp .clients_list li .checks {margin:0 auto 10px auto;}
.clients_wrp .clients_list li a {position:relative;display:flex;align-items: center;justify-content: center;overflow: hidden;background:#fff;border-radius:10px;border:1px solid #ddd;text-align: center;height:106px;}
.clients_wrp .clients_list li img {max-width:90%;max-height:90%;transition:all .3s;-webkit-transition:all .3s;}
.clients_wrp .clients_list li a:is(:hover, :focus, :active) img {opacity:.5;}
	@media only screen and (max-width:1023px){
		.clients_wrp .clients_list {gap:10px;}
		.clients_wrp .clients_list li {width:calc((100% - 20px)/3);}
	}
	@media only screen and (max-width:767px){
		.clients_wrp .clients_list li a {}
		.clients_wrp .clients_list li img {}
	}
	@media only screen and (max-width:560px){
		.clients_wrp .clients_list li {width:100%;}
	}

/* 오시는 길 */
.location_wrp {}
.location_wrp .map_box {display: block;height:440px;}
.location_wrp .map_box iframe {width:100%;height:100%;}
.location_wrp .info_box {display: flex;flex-wrap:wrap;padding:30px;border-top:2px solid #222;}
.location_wrp .info_box p.name {width:200px;font-weight:bold;color:#999;}
.location_wrp .info_box .map_info {display:flex;gap:20px 60px;flex-wrap:wrap;width:calc(100% - 200px);}
.location_wrp .info_box .map_info li {display: flex;align-items: center;font-weight:600;color:#999;}
.location_wrp .info_box .map_info li.address {width:100%;font-size:1.4em;color:#222;font-weight:bold;}
.location_wrp .info_box .map_info li span {font-size:0;display: inline-block;margin-right:7px;}
.location_wrp .info_box .map_info li span img {max-height:28px;}
	@media only screen and (max-width:767px){
		.location_wrp .map_box {height:400px;}
		.location_wrp .info_box {flex-direction: column;}
		.location_wrp .info_box .map_info {gap:20px 30px;width:100%;}
	}
	@media only screen and (max-width:560px){
		.location_wrp .info_box {padding:20px 0;}
		.location_wrp .info_box .map_info {gap:10px 30px;}
		.location_wrp .info_box .map_info li.address {margin-bottom:20px;}
		.location_wrp .info_box .map_info li span img {max-height:22px;}
	}



/* -------------------- sub02 PRODUCT */
/* 공통 */
.product_wrp img {max-width: 100%;}
.product_wrp .mname {font-size:1.1em;color:#000;font-weight:600;position:absolute;left:30px;top:30px;}
.product_wrp .ov_table .ov_txt {display: none;}
.product_wrp .ov_table table {min-width: unset;}

.product_wrp .cont .box1 {flex-wrap:wrap;gap:0 80px;}
.product_wrp .cont .box1 .imgbox {position:relative;width:calc(50% - 80px);aspect-ratio:4/3;height:auto;text-align: center;border:1px solid #ddd;border-radius:15px;overflow:hidden;display:flex;align-items: center;justify-content: center;}
.product_wrp .cont .box1 .imgbox.pdarea {padding:30px;}
.product_wrp .cont .box1 .imgbox img {max-height:100%;width: 100%;}
.product_wrp .cont .box1 .imgbox.pdarea img {width:auto;}
.product_wrp .cont .box1 .infobox {width:50%;padding-top:40px;}
.product_wrp .cont .box1 .infobox .pname {position:relative;font-weight:900;font-size:2em;color:#000;padding-bottom:40px;margin-bottom:40px;}
.product_wrp .cont .box1 .infobox .pname:after {content:'';position:absolute;left:0;bottom:0;width:25px;height:1px;background:#222;}
.product_wrp .cont .box1 .infobox .info {font-size:1.125em;line-height:1.6;text-wrap:balance;}
.product_wrp .cont .gray_box {background:#f5f5f5;padding:80px 0;}
.product_wrp .cont .gray_box .stit {font-weight:700;font-size:2em;color:#000;margin-bottom:40px;text-align: center;}
.product_wrp .cont .gray_box .machine_img {display:flex;flex-wrap:wrap;gap:30px;}
.product_wrp .cont .gray_box .machine_img .mimg {width:calc((100% - 30px) /2);background:#fff;padding:40px 30px;border-radius:15px;position:relative;/*aspect-ratio: 4/2.5;*/height:auto;}
.product_wrp .cont .gray_box .machine_img .mimg .mname {top:20px;left:20px;color:#222;font-size:1em;background:#fff;line-height:30px;padding:0 15px;border-radius:50px;}
.product_wrp .cont .gray_box .machine_img .mimg.wh100p {width:100%;}
.product_wrp .cont .gray_box .machine_img .mimg .imgbox {overflow: hidden;display:flex;flex-wrap:wrap;justify-content: center;}
.product_wrp .cont .gray_box .machine_img .mimg .imgbox span {display: flex;align-items: center;justify-content: center;}
.product_wrp .cont .gray_box .machine_img .mimg .imgbox img {object-fit: contain;max-height:260px;}
.product_wrp .cont .gray_box .machine_img .mimg .imgbox.full span {}
.product_wrp .cont .gray_box .machine_img .mimg .imgbox.full span img {max-height:400px;}

/* 검사장비(실검사기)*/
.product_wrp.thread .cont .gray_box .machine_img .mimg .imgbox {flex-wrap:unset;gap:5px 0;justify-content: center;}
.product_wrp.thread .cont .gray_box .machine_img .mimg .imgbox span {width:auto;}
.product_wrp.thread .cont .gray_box .machine_img .mimg.type .imgbox {gap:5px;display:flex;flex-wrap:wrap;}
.product_wrp.thread .cont .gray_box .machine_img .mimg.type .imgbox span {max-height:160px;width: auto;}

/* 기타(특수소재가공) */
.product_wrp .cont .box1 .infobox .info strong {color:#000;}
.product_wrp.ceramic .cont .gray_box .processing {display: flex;flex-wrap:wrap;gap:15px;justify-content: center;}
.product_wrp.ceramic .cont .gray_box .processing li {position:relative;padding:5px;background:#fff;border-radius:50%;width:140px;height:140px;display:flex;align-items: center;justify-content:center;text-align: center;color:#000;font-weight:600;}
.product_wrp.ceramic .cont .gray_box .processing li:before {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:url("/images/fs2/content/sub02/processing_bg.png") no-repeat center;width:100%;height:100%;opacity: .2;}
.product_wrp.ceramic .cont .gray_box .processing li:nth-of-type(2n) {margin-top:30px;}
.product_wrp.ceramic .cont .gray_box .processing li span {position: relative;z-index:1;}
	@media only screen and (max-width:1299px){
		.product_wrp .cont .gray_box .machine_img .mimg {width: 100%;}
	}
	@media only screen and (max-width:1023px){
		.product_wrp .mname {left:20px; top:20px;}
		.product_wrp .cont .box1 {flex-direction: column}
		.product_wrp .cont .box1 .imgbox {width:100%;}
		.product_wrp .cont .box1 .infobox {width:100%;padding:30px 0 0 0;word-break: break-all;}
		.product_wrp .cont .box1 .infobox .pname {padding-bottom:20px;margin-bottom:20px;}
		.product_wrp .cont .gray_box .machine_img .mimg {padding:60px 20px 30px;aspect-ratio: unset;}
		.product_wrp .cont .gray_box .machine_img .mimg .imgbox {flex-direction: column;gap:15px 0;}
		.product_wrp .cont .gray_box .machine_img .mimg .imgbox span {height: 100%;}

		.product_wrp.thread .cont .gray_box .machine_img .mimg.type .imgbox {flex-direction: row;}
		.product_wrp.thread .cont .gray_box .machine_img .mimg.type .imgbox span {width:auto;max-height: unset;}
	}
	@media only screen and (max-width:560px){
		.product_wrp.ceramic .cont .gray_box .processing li:nth-of-type(2n) {margin-top:0;}
	}

/* ------------------------------ 다국어(영문) */
/* -------------------- sub01 COMPANY */
:lang(en) .greeting_wrp .txtbox .tit {font-size:3.2em;}
:lang(en) .greeting_wrp .txtbox .txt {line-height: 1.6;}
:lang(en) .summary_wrp .cont .list_wrp .sum_list > li .th {width:180px;}
:lang(en) .summary_wrp .cont .list_wrp .sum_list > li .td {width:calc(100% - 180px);padding-left:15px;}
	@media only screen and (max-width:560px){
		:lang(en) .summary_wrp .cont .list_wrp .sum_list > li .td {padding:0;width:100%;}
	}

/* ------------------------------ 다국어(중문) */