@charset "utf-8";
.mo{display: none;}
.mo_resp_563{display:none;}
.mo_resp_400{display:none;}




/* 서브 공통 */
.sub_title {font-size:48px; font-weight:bold; color:#020202; margin-bottom:80px; line-height: 1; word-break: keep-all;}
.sub_title p {color: #07728b; margin-bottom: 15px; font-size: 22px; word-break: keep-all;}
.sub_title span {vertical-align: unset; color: #555; font-weight: 500; font-size: 32px; word-break: keep-all;}
.sub_title.hr_title br {display: none;}
.sub_title02{position: relative; font-size:30px; line-height:1.5; color:#222; font-weight:bold; padding-left:15px;}
.sub_title02:before, .sub_title02:after{position: absolute; content:''; width:6px; height:6px; -webkit-border-radius:50%;border-radius:50%; left:0px;}
.sub_title02:before{background:#219d7e; top:15px;}
.sub_title02:after{background:#b82731; top:25px;}

.l_align {text-align:left !important;}

.table_wrap {}
.table01 {word-break:keep-all; margin-top:20px;}
.table01 tr {border-bottom:1px solid #eee;}
.table01 thead tr {border-bottom:2px solid #444;}
.table01 th {font-size:18px; text-align:center; font-weight:bold; padding:15px 15px; color:#222;}
.table01 td {font-size:16px; text-align:center; padding:10px 15px; color:#666; border-right:1px solid #eee;}
.table01 td:last-child {border-right:none;}
.table01 td.num {font-size:12px; font-weight:bold; font-family:'Poppins', 'Noto Sans KR', 'Sans-serif'; color:#010101;}




@media all and (max-width:800px){
	.sub_title {font-size:32px; margin-bottom:40px;}
	.sub_title02 {font-size:22px;}
	.sub_title02:before{top:10px;}
	.sub_title02:after{top:20px;}
}

@media all and (max-width:640px){
	.table_box {overflow-x:scroll;}
	.table_box table {width:680px;}
	.table01 th {font-size:16px; padding:15px 5px;}
	.table01 td {font-size:15px; padding:10px 5px;}
}






/* ---회사소개--- */
/* 연혁 */

.history-banner{background:no-repeat center; background-image:url('/img/sub/history_bg.jpg'); background-size:cover; text-align:center; padding:120px 0; margin-bottom:100px;}
.history-banner .txt{font-size:32px; line-height:1.5; color:#fff; text-shadow: 3px 4px 10px rgba(106, 46, 2, 0.2); font-family:'Poppins', 'Noto Sans KR', 'Sans-serif'; word-break:keep-all;}
.history-banner .txt strong{font-size:60px; line-height:1.2; color:#fff; font-weight:600;}

/* History :: Layout */
.company-history-wrap{position: relative;}
.company-history {position:relative;}
.company-history:before{position: absolute; content:''; width:1px; height:119px; left:50%; top:-100px; background:#ddd;}
.company-history-wrapper {position:relative; padding-bottom:90px; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:19px; height:100%; width:1px; left:50%; background-color:#ddd; content:"";}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:8px; width:25px; height:25px;  background-color:#eb8415; border: 1px solid #eb8415; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; opacity:0.2;}
.company-history-info-box::after{ position:absolute; top:16px; width:8px; height:8px; background-color:#eb8415; border: 2px solid #eb8415; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
/* History :: 정보 */
.company-history-info .history-item{position:relative; font-size:24px; line-height: 1.6; letter-spacing: -0.5px; font-weight:300; color:#000; margin-bottom:20px; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:1px; color:#222; font-weight:700; }
.company-history-info .history-txt{position:relative; display:inline-block; font-size:20px; color:#666;}
.company-history-year {position:absolute; top:-5px; text-align:center; font-size:50px; letter-spacing: -0.5px; color:#b82731; font-weight: 900; }
/* History :: 이미지 */
.company-history-img-box{width:50%; margin-top:50px;}
.company-history-img-box span{display:inline-block;  border:1px solid #ddd;}
.company-history-img-box span img{max-width:100%;}

@media all and (min-width:801px){
	.company-history-wrapper:before,
	.company-history:before{width:2px; transform:translateX(-50%);}
	/* History :: 왼쪽 */
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 50px;}
	.history-left .company-history-info .history-item{padding-right: 83px; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{/* padding-right:15px; */ }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:70px;}
	.history-left .company-history-year:before{left:0}
	.history-left .company-history-img-box{float:right;}
	.history-left .company-history-img-box span{margin-left:60px}
	/* History :: 오른쪽 */
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 50px;}
	.history-right .company-history-info .history-item{padding-left: 83px;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{/* padding-left:15px; */ }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:70px;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
	.history-right .company-history-img-box{float:left; text-align:right;}
	.history-right .company-history-img-box span{margin-right:60px}
}

@media all and (max-width:800px){
	.company-history-wrapper{padding-bottom:30px;}
	.company-history:before{height:73px; left:10px; top:-60px;}
	/* History :: Layout */
	.company-history-wrapper:before{left:10px; top:14px;}
	.company-history-info-box{width:auto; padding-left:120px}
	.company-history-info-box::before{top:4px; left:0; width:15px; height:15px; border-width:3px;}
	.company-history-info-box::after{top:11px;left:7px; width:5px; height:5px; border-width:1px; }
	/* History :: 정보 */
	.company-history-info .history-item{font-size:17px; padding-left:50px; margin-bottom:10px;}
	.company-history-info .history-txt{font-size:15px;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{top:5px;font-size:18px; padding-left:30px; left:10px;}
	.company-history-year::before{width:20px; left:0; }
	/* History :: 이미지 */
	.company-history-img-box{width:auto; margin-top:20px}
	.company-history-img-box span{margin-left:120px;}
	/* History :: 이미지_텍스트 */
	.history-banner{padding:50px; margin-bottom:60px;}
	.history-banner .txt{font-size:21px;}
	.history-banner .txt strong{font-size:35px;}
}

@media all and (max-width:480px){
	.company-history-info-box{padding-left:40px;}
	.company-history-info{padding-top:40px}
}


/* 조직도 */
.organ {text-align:center;}


@media screen and (max-width:726px){
	.pc {display:none;}
    .mo{display: block;}
}


/* 오시는길 */
.map_info {display: flex;flex-wrap: wrap;gap: 20px 0;background: #f9f9f9;padding: 30px;font-size: 1.2em;}
.map_info dl{width: 30%;display: flex;flex-wrap: wrap;flex-direction: row;gap: 0 10px;align-items: center;}
.map_info dl dt{color: #fff;padding: 10px;background: #fb0304;border-radius: 50px; min-width: 100px;text-align: center;}
.map_info dl:first-child{width:100%;border-bottom:1px dotted #555;padding-bottom:20px;}


/* 인사말 */
.about-banner-wrap{position: relative; width:100%; height:0; padding-top:34%; margin-bottom:100px;}
.about-banner-wrap span{position: absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; background-image:url('/img/sub/greetings_img.jpg'); background-size:cover;}

.about-con01{margin-bottom:120px;}
.about-con01 .about-top-list{display: flex; align-items: center; margin-bottom:70px;}
.about-con01 .about-top-list:last-child{margin-bottom:0;}
.about-con01 .about-top-list dt{width:180px; height:180px; -webkit-border-radius:50%;border-radius:50%;}
.about-con01 .about-top-list dt span{display: block; width:100%; height:100%; background:no-repeat center;}
.about-con01 .about-top-list:nth-child(1) dt{background:#b30823;}
.about-con01 .about-top-list:nth-child(1) dt span{background-image:url('/img/sub/about_top_icon01.png');}
.about-con01 .about-top-list:nth-child(2) dt{background:#1055c2;}
.about-con01 .about-top-list:nth-child(2) dt span{background-image:url('/img/sub/about_top_icon02.png');}
.about-con01 .about-top-list:nth-child(3) dt{background:#219d7e;}
.about-con01 .about-top-list:nth-child(3) dt span{background-image:url('/img/sub/about_top_icon03.png');}
.about-con01 .about-top-list dd{width:calc(100% - 240px); margin-left:60px;}
.about-con01 .about-top-list dd .txt01{display: block; font-size:30px; line-height:1.5; letter-spacing:-0.5px; color:#000; font-weight:500; margin-bottom:10px;}
.about-con01 .about-top-list dd .txt02{font-size:18px; line-height:1.77; letter-spacing:-0.5px; color:#666;}

.sign {position:relative; font-size:16px; font-weight:bold;}
.sign:before {content:''; width:125px; height:55px; position:absolute; left: 150px; bottom: -6px; background:url('/img/sub/sign.png') no-repeat; background-size:contain; opacity:1;}
.sign p {font-size:16px; text-align:right; font-weight:bold;}


@media all and ( max-width: 1024px ){
	.pc-br{display:none;}
}
@media all and (max-width:800px){
	.about-con01 .about-top-list{display: block; width:100%; margin-bottom:30px;}
	.about-con01 .about-top-list dt{margin:auto; margin-bottom:20px; width:140px; height:140px;}
	.about-con01 .about-top-list dt span{background-size:cover;}
	.about-con01 .about-top-list dd{width:100%; margin-left:0;}
	.about-con01 .about-top-list dd .txt01{font-size:20px;}
	.about-con01 .about-top-list dd .txt02{font-size:14px;}

	.about-banner-wrap{padding-top:280px; margin-bottom:50px;}
}
@media all and (max-width: 650px) {
.sub_title.hr_title br {display: block;}
.sub_title span {font-size: 24px;}
}
@media all and (max-width:480px){
	.about-con01 .about-top-list dt{width:100px; height:100px;}
}
@media all and (max-width: 400px) {
.sub_title span {font-size: 18px;}
}











/* 제품소개 */
.prodcut_table th{background:#f7f8fa; font-size:16px;}
.prodcut_table table tr  {border:1px dotted #ddd;}
.prodcut_table table tr th{border:1px dotted #ddd;}
.prodcut_table table tr td{border:1px dotted #ddd;}
.prodcut_list_box.prodcut_table > p{font-size: 1.7em; font-weight: 500;padding-top:50px; text-align:left;}
.prodcut_table tbody tr{background:#fff;}
#info_th th:last-child{border-right:0;}
.product_top{display:flex; justify-content:center;}
.product_top_column{display:flex; justify-content:center;}
/* 이미지 3개 정렬*/
.product_top_column_2{display:flex; justify-content:center;}
/* 이미지 2개 정렬*/
.product_top > div{width:50%;}
.product_top > ul{width:50%;}
.product_top_left{display:flex;}
.product_top_left > div {width:50%;}
.product_top_left > div img {width:100%;}


/*제품소개 반응형 */



/* 품질경영시스템 */
/* 생산설비 */
.prodcut_table table  tbody th:first-child,
.prodcut_table table tbody td:first-child {
	border-left: 0 !important;
}
.prodcut_table table th:last-child,
.prodcut_table table td:last-child {
	border-right: 0 !important;
}

.prodcut_table h3 {font-size: 27px;font-weight: 600;margin-bottom: 20px;}
.prodcut_table table{border-top:2px solid #333;text-align: center;font-size: 17px;letter-spacing: -1px; height:100%;  }
.prodcut_table table th, .prodcut_table table td{padding:10px;}


@media screen and (max-width:1300px){
    .prodcut_table{overflow-x: auto; width:100%; overflow-y: hidden;}
}
@media screen and (max-width:600px){
    .mo{display: block;}
}
@media screen and (max-width:900px){
    .mo_resp_900{display: block;}
}
@media screen and (max-width:1000px){
    .mo_resp_1000{display: block;}
}
@media screen and (max-width:500px){
    .mo_resp_563{display: block;}
}
@media screen and (max-width:400px){
    .mo_resp_400{display: block;}
}


/* ---제품정보--- */

/* 재질 */
.texture_box {margin-bottom:30px;}
.texture_box ul {margin-top:10px;}
.texture_box ul li {font-size:18px; color:#666; word-break:keep-all; margin-bottom:5px;}




/* ---품질정보--- */

/* 인증현황 */
.cer_gallery {display:flex; justify-content: flex-start; gap:20px 2%; flex-wrap:wrap;}
.cer_gallery > div {width:calc(94% / 4); text-align:center; box-sizing:border-box; border:1px solid #e0e0e0; transition:0.5s;}
.cer_gallery > div:hover {border:1px solid #b82731;}
.cer_gallery > div p {color:#666; font-size:16px; letter-spacing:-1px; padding:15px 10px; background:#fff; box-sizing:border-box; border-top:1px solid #e0e0e0; transition:0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:
100%; text-align:center;}
.cer_gallery > div:hover p {background:#b82731; color:#fff; font-weight:600; border-top:1px solid #b82731;}

.mfp-bottom-bar {margin-top:-25px !important;}
.mfp-title {text-align:center !important;}

@media screen and (max-width:640px){
	.cer_gallery > div {width:calc(94% / 2);}
}




/* 검사설비 */
.test_wrap {margin-bottom:70px; align-items:center;}
.test_wrap.right .txt {order:-1; margin-left:0; margin-right:5%;}
.test_wrap .img {width:50%; border:2px solid #eee;}
.test_wrap .txt {width:45%; margin-left:5%;}
.test_wrap .txt ul {margin-top:15px; display:none;}
.test_wrap .txt ul li {font-size:18px; margin-bottom:10px; word-break:keep-all;}
.test_wrap .txt ul li span {font-weight:bold; vertical-align:baseline;}

@media screen and (max-width:800px){
    .test_wrap.right .txt {order:1; margin-right:0;}
	.test_wrap .img {width:100%; margin-bottom:10px;}
	.test_wrap .txt {width:100%; margin-left:0;}
}

@media screen and (max-width:420px){
	.test_wrap {margin-bottom:30px;}
    .test_wrap .txt ul li {font-size:16px;}
}












/* 품질경영조직 */
.sub0203_margin{display:flex; justify-content:center; align-items:center; margin-top:60px;}


/* 품질경영시스템 */



/* 유성벤드 */

/* 유성벤드 반응형 style_resp 974로 옮김*/

.sub0201_align{display:flex; gap:50px; height:500px;}
.sub0201_align .sub0201bg
{width:calc((100% - 50px) / 2.5); height:100%;
background:url('../img/sub/sub02_01_bg.jpg') no-repeat center center;
background-size:cover;
}
.sub0201_align .prodcut_table{width:calc((100% - 50px) / 1.5);}
.sub0201_table{ height:100%;}


/*영업품목*/

.table_left_align p {text-align:left; display:flex; justify-content:center; line-height:1.5;}


/*영업품목*/



/* ----제조공정---- */
/* 제조설비 */

.fa_slide_wrap {margin-top:70px;}
.fa_slide_wrap .facility_slide {margin-top:20px;}
.facility_slide .slick-slide {margin:0 10px;}
.facility_slide p {text-align:center; font-size:18px; font-weight:600; color:#333; margin-top:15px;}

/* 제조공정 */
.pl-ma-listcontain { padding-bottom:100px; }
.pl-ma-listcontain ul { font-size:0; text-align:center; }
.pl-ma-listcontain ul li { position:relative; display:inline-block; vertical-align:top; text-align:center;  }
.pl-ma-listcontain ul.w5 li {width:22%; margin-right:3.75%; }
.pl-ma-listcontain ul li:after { content:''; position:absolute; right:-21%; top:0;  width:21%; height:100%; background:url("/img/sub/arrow_btt_ri.png") no-repeat 50% 93px; }
.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:0; }
.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:none;  }
.pl-ma-listcontain ul li img { max-width:100%; }
.pl-ma-listcontain ul li div { padding-top:10px; padding-bottom:60px;  }
.pl-ma-listcontain ul li div u { text-decoration:none;  display:inline-block;  width:30px; height:30px; line-height:30px; border-radius:50%; background-color:#222; font-size:15px; color:#fff; font-family: 'Montserrat'; font-weight:600; }
.pl-ma-listcontain ul li div p { font-size:16px; color:#666; padding-top:15px; text-align:center; letter-spacing:-1px; word-break:keep-all;}
.pl-ma-listcontain ul li div p span { display:block; font-size:18px; color:#222; font-weight:500;text-align:center; padding-bottom:5px; }
.pl-ma-listcontain ul li div p b { font-weight:400; color:#222; }
.pl-ma-listcontain ul.w5 li:nth-of-type(5):before, .pl-ma-listcontain ul.w5 li:nth-of-type(9):before { content:''; position:absolute; left:-21%; top:0;  width:21%; height:100%; background:url("/img/sub/arrow_btt_ri.png") no-repeat 50% 93px;}
.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

@media screen and (max-width:1300px){
	.mak-container { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:980px){
	.pl-ma-listcontain ul.w5 li { width:28%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain li:nth-of-type(6):before { content:none;  }

	.pl-ma-listcontain ul.w5 li:nth-of-type(6):before { content:none;  }
}
@media screen and (max-width:800px){
	.pl-ma-listcontain ul.w5 li { width:31%; margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul li:after { right:-10%; width:10%;  }
}
@media screen and (max-width:640px){
	.mak-container { padding-left:20px; padding-right:20px; padding-top:50px; }
	.mak-container .sb-title-subject  { padding-bottom:30px;  }
	.pl-ma-listcontain { padding-bottom:40px; }

	.pl-ma-listcontain ul.w5 li { width:47%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n):after { content:none;  }

	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul.w5 li:after { right:-10%; width:10%;  }

	.pl-ma-listcontain ul li div p span { font-size:16px;}
	.pl-ma-listcontain ul li div p { font-size:15px;  }

	.pl-ma-listcontain ul.w5 li:after { background-size:6px 10px; background-position:50% 19vw; }
	.pl-ma-listcontain ul li img { width:80%; }
	.pl-ma-listcontain ul li div u { width:23px; height:23px; line-height:23px; font-size:13px;  }


}

/* 반응형 20250704 */
@media all and (max-width: 400px) {
.sign:before {left: 120px;}
}