@charset "utf-8";


.company_over {display:flex;flex-wrap:wrap;}
.company_over .left{width: 47%;aspect-ratio: calc(750 / 500);border-radius: 1.5rem; overflow: hidden;background-size:cover}

.company_over .right{width:53%;padding-left:5.0rem;}

.company_over .right .com_table .com_table_tit{font-size:2.8rem;line-height:1.5;margin-bottom:3.0rem;}
.company_over .right .com_table table{border-top:2px solid #000}
.company_over .right .com_table table tr th{width:30%;font-size:2.1rem;border-bottom:1px solid #ddd;padding:2.0rem 0;text-align:left;padding-left:3.0rem;}
.company_over .right .com_table table tr td{width:70%;font-size:2.1rem;border-bottom:1px solid #ddd}


.com_other{margin-top:10.0rem;}
.com_other .com_other_wrap .tit01{font-size:3.2rem;font-weight:bold;margin-bottom:1.0rem;}
.com_other .com_other_wrap .cont{display:flex;flex-wrap:wrap;}
.com_other .com_other_wrap .cont .cont01{width:32%;margin-right:2%;margin-bottom:2%;overflow:hidden;position:relative}
.com_other .com_other_wrap .cont .cont01:nth-child(3n){margin-right:0}

.com_other .com_other_wrap .cont .cont01 .imgbox{overflow:hidden;position:relative}
.com_other .com_other_wrap .cont .cont01 .img {width:100%;height:350px;position:relative;display:flex;align-items: center;justify-content: center;transition:.5s}
.com_other .com_other_wrap .cont .cont01 .img:after{width:100%;height:350px;content:"";display:block;background:rgba(0,0,0,.4);position:absolute;top:0;left:0}
.com_other .com_other_wrap .cont .cont01:hover .img{transform: scale(1.1);}
.com_other .com_other_wrap .cont .cont01 .tit{position:absolute;z-index:999;width:100%;font-size:3.2rem;color:#fff;font-weight:600;text-align:center;top: 50%;left: 50%; transform: translate(-50%, -50%);line-height:1.5;}
.com_other .com_other_wrap .cont .cont01 .tit span{font-size:2.2rem;display:block;}
.com_other .com_other_wrap .cont .cont01 .img01{background:url(../../pages/images/company_img01_01.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont01 .img02{background:url(../../pages/images/company_img01_02.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont01 .img03{background:url(../../pages/images/company_img01_03.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont01 .img04{background:url(../../pages/images/company_img01_04.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont01 .img05{background:url(../../pages/images/company_img01_05.jpg) no-repeat center/cover;}

.com_other .com_other_wrap .cont .cont01 .txt01{font-size:2.1rem;padding:1.0rem 5.0rem;text-align:center;line-height:1.35}

.com_other .com_other_wrap .cont .cont02 .img01{background:url(../../pages/images/company_img02_01.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont02 .img02{background:url(../../pages/images/company_img02_02.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont02 .img03{background:url(../../pages/images/company_img02_03.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont02 .img04{background:url(../../pages/images/company_img02_04.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont02 .img05{background:url(../../pages/images/company_img02_05.jpg) no-repeat center/cover;}
.com_other .com_other_wrap .cont .cont02 .img06{background:url(../../pages/images/company_img02_06.jpg) no-repeat center/cover;}

@media screen and (max-width: 1400px) {

.company{padding:0 1.0rem;}


}



@media screen and (max-width: 1024px) {


.company_over .left{width:100%;}
.company_over .right{width:100%;padding-left:0;padding-top:3.0rem;}

.com_other .com_other_wrap .cont .cont01{width:48%}
.com_other .com_other_wrap .cont .cont01:nth-child(3n){margin-right:2%}

}



@media screen and (max-width: 768px) {

.com_other .com_other_wrap .cont .cont01{width:100%;margin-bottom:5%;margin-right:0}

.company_over .right .com_table table tr th{padding:2.0rem 0;}
.company_over .right .com_table table tr td{padding:3.0rem 0 3.0rem 3.0rem;;}
.company_over .right .com_table .com_table_tit{font-size:2.1rem;}

.com_other .com_other_wrap .cont .cont01 .txt01{font-size:1.9rem;padding:1.0rem 3.0rem;}
.com_other .com_other_wrap .cont .cont01 .img{height:250px;}
.com_other .com_other_wrap .cont .cont01 .img:after{}
}



.history {}
.history .history_wrap {}
.history .history_visual {width: 100%;aspect-ratio: calc(1600 / 356);border-radius: 1.5rem;overflow: hidden;margin-bottom: 12rem;}
.history .history_intro {font-size: 3.5rem;line-height: calc(48 / 35);margin-bottom: 13rem;}
.history .history_intro strong {font-weight: 600;}
.history .history_intro p {font-size: 2.2rem;font-weight: 400;letter-spacing: -0.02em;}
.history .history_list {display: flex;flex-direction: column;gap: 12rem; }
.history .history_item {display: grid;grid-template-columns: 50% 1fr; align-items: center;row-gap: 2rem; width: 100%;}
.history .year_col {grid-column: 1 / 2;grid-row: 1 / -1; display: flex;align-items: center;width: 100%;}
.history .year_col .year {font-size: 6rem;font-weight: 700;width: 43%;padding-left: 7rem;}
.history .year_col .line {flex-grow: 1;height: 1px;background-color: #939393;max-width: 32rem;}
.history .desc_box {grid-column: 2 / 3; display: flex;border: 1px solid #e3e2d6;border-radius: 2rem;background-color: #fff;overflow: hidden;margin-left: 10rem;min-height: 18rem;}
.history .desc_box .month {display: flex;align-items: center;justify-content: center;width: 19rem;background-color: #efefef;font-size: 3rem;font-weight: 700;}
.history .desc_box .detail_list {flex: 1;padding: 1rem 3.5rem;display: flex;flex-direction: column;justify-content: center;}
.history .desc_box .detail_list li {position: relative;padding-left: 2.5rem;font-size: 2.2rem;color: #333;line-height: calc(36 / 22);}
.history .desc_box .detail_list li::before {content: '';position: absolute;top: 1.4rem;left: 0;width: 0.8rem;aspect-ratio: 1;background-color: #99721f;border-radius: 50%;}

@media screen and (max-width: 1400px) {
	.history .history_item {grid-template-columns: 40% 1fr;}
	.history .desc_box {margin-left: 3rem;}
	.history .year_col .year {font-size: 4rem;width: 60%;padding-left: 1rem;}
}
@media screen and (max-width: 768px) {
	.history .history_visual {aspect-ratio: 2;margin-bottom: 8rem;}
	.history .history_intro {font-size: 3.0rem;}
	.history .history_item {display: flex;flex-direction: column;align-items: flex-start;gap: 1.5rem;}

	.history .year_col {width: 100%;padding-right: 0;}
	.history .year_col .year {padding-left: 0;}
	.history .year_col .line {display: none;}

	.history .desc_box {width: 100%;flex-direction: column;margin-left: 0;min-height: auto;}
	.history .desc_box .month {width: 100%;height: auto;padding: 1.5rem;justify-content: flex-start;border-bottom: 1px solid #e0e0e0;}
	.history .desc_box .month:empty {display: none;}
	.history .desc_box .detail_list {padding: 2.5rem 2rem;}
}


.greeting {}
.greeting .greeting_wrap {}
.greeting .greeting_visual {width: 100%;aspect-ratio: calc(1600 / 356);border-radius: 1.5rem;overflow: hidden;margin-bottom: 10.2rem;}
.greeting .greeting_text_box {padding: 0 1rem;}
.greeting .greeting_title {margin-bottom: 7rem;font-size: 3.5rem;}
.greeting .greeting_title strong {font-weight: 700;}
.greeting .greeting_content {}
.greeting .greeting_content p {font-size: 2.4rem;line-height: calc(40 / 24);word-break: keep-all;}
.greeting .greeting_sign {display: flex;align-items: center;justify-content: flex-end; margin-top: 8rem;}
.greeting .greeting_sign .name_big{font-size:2.8rem;}
.greeting .greeting_sign .sign_txt {font-size: 2.1rem;margin-right: 5rem;}
.greeting .greeting_sign .sign_txt b {font-weight: 700;margin-right: 1rem;}
.greeting .greeting_sign .sign_img {}

@media screen and (max-width: 1400px) {

.greeting{padding:0 1.0rem;}

}

@media screen and (max-width: 1024px) {
	.greeting .greeting_title p {font-size: 2.4rem;}
	.greeting .greeting_title h3 {font-size: 3rem;}
	.greeting .greeting_content p {font-size: 1.7rem;}
}
@media screen and (max-width: 768px) {
	.greeting .greeting_wrap {padding: 6rem 5% 10rem;}
	.greeting .greeting_visual {margin-bottom: 5rem;border-radius: 1.5rem;}
	.greeting .greeting_text_box {padding: 0;}

	.greeting .greeting_title {margin-bottom: 4rem;}
	.greeting .greeting_title p {font-size: 2rem;margin-bottom: 0.5rem;}
	.greeting .greeting_title h3 {font-size: 2.4rem;}

	.greeting .greeting_content p {font-size: 1.6rem;line-height: 1.6;margin-bottom: 2rem;}

	.greeting .greeting_sign {margin-top: 5rem;flex-direction: column;align-items: flex-end;gap: 1rem;}
	.greeting .greeting_sign .sign_txt {margin-right: 0;}
}



/*주요거래처*/

.partners {}
.partners .partners_wrap {}
.partners .partners_visual {width: 100%;aspect-ratio: calc(1600 / 356);border-radius: 1.5rem;overflow: hidden;margin-bottom: 10.2rem;}
.partners .partners_text_box {padding: 0 1rem;}

.partners .partners_content {}
.partners .partners_content p {font-size: 2.4rem;line-height: calc(40 / 24);word-break: keep-all;}


.partners_logo{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:4.0rem;}
.partners_logo .logo_box{width:19%}
.partners_logo .logo_box img{width:100%;border:1px solid #ddd}

@media screen and (max-width: 1400px) {

.partners{padding:0 1.0rem;}

}

@media screen and (max-width: 1024px) {
.partners_logo .logo_box{width:48%;margin-bottom:3.0rem;}
}
@media screen and (max-width: 768px) {
.partners_logo .logo_box{width:98%;}


}


/*제품소개*/
.product_bg{width: 100%;aspect-ratio: calc(1600 / 356);border-radius: 1.5rem;overflow: hidden;margin-bottom: 10.2rem;display:flex;color:#fff;font-size:3.2rem;line-height:1.5;text-align:center;align-items:center;justify-content: center;}
.product_bg p{width:70%}
.product{}
.product .product_wrap{}
.product .product_wrap .product_cont{padding:0 1.0rem;display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;margin-bottom:10.0rem;padding-bottom:10.0rem;}
.product .product_wrap .product_cont:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.product .product_wrap .product_cont .left{font-size:3.6rem;font-weight:bold;width:30%;}
.product .product_wrap .product_cont .right{width:70%;display:flex;flex-wrap:wrap;/* gap:7.0rem */}

.product_cont .product_img {display: block;text-decoration: none;position: relative;width:33.333%;padding:0 1.0rem;margin-bottom:5.0rem}
.product_cont .product_img .img_box {position: relative;width: 100%;max-width:450px;border: 1px solid #d2d2d2;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: all 0.3s ease;}
.product_cont .product_img .img_box img {width: 100%;transition: transform 0.3s ease;}
.product_cont .product_img .txt_box {margin-top:1.5rem;text-align: left;}
.product_cont .product_img .txt_box strong {display: block;font-size: 2.7rem;font-weight: 600;margin-bottom: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.3s ease;}

.product_cont .product_img .product_item .hover_overlay {position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.8); display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;}
.product_cont .product_img .product_item .icon_plus {position: relative;width: 3.2rem;height: 3.2rem;}
.product_cont .product_img .product_item .icon_plus::before,
.product_cont .product_img .product_item .icon_plus::after {content: '';position: absolute;background-color: var(--main-color, #ffe600); top: 50%; left: 50%;transform: translate(-50%, -50%);}
.product_cont .product_img .product_item .icon_plus::before { width: 100%; height: 0.8rem; }
.product_cont .product_img .product_item .icon_plus::after { width: 0.8rem; height: 100%; }

.product_cont .product_img  .product_item:hover .img_box {border-color: var(--main-color, #ffe600);border-width:4px;}
.product_cont .product_img  .product_item:hover .hover_overlay {opacity: 1;}


@media screen and (max-width: 1400px) {

.product{padding:0 1.0rem;}

}

@media screen and (max-width: 1200px) {

.product_bg{font-size:2.4rem;line-height:1.3}

}

@media screen and (max-width: 1024px) {

.product .product_wrap .product_cont .left{width:100%;margin-bottom:3.0rem;font-size:2.8rem;}
.product .product_wrap .product_cont .right{width:100%;}
.product_cont .product_img .txt_box strong{font-size:2.1rem;}
.product_cont .product_img .txt_box strong br{display:none}


}


@media screen and (max-width: 768px) {

.product_cont .product_img{width:100%;padding:0}
.product_bg{aspect-ratio: calc(1600 / 600);font-size:1.8rem;}
.product_bg p{width:95%}


}

/*제품상세*/
.product_details .pro_list_btn{margin-top:10.0rem;}
.product_details .pro_list_btn > a {border: solid 1px #000;background: #fff;font-size: 2.0rem;color: #000;width: 27rem;aspect-ratio: calc(270 / 65);display: flex;justify-content: center;align-items: center;margin: 0 auto;transition: filter 0.5s, color 0.5s;border-radius:3.0rem;}
.product_details .pro_list_btn > a:hover {filter: invert(1);color: #000;}

.product_details{}
.product_details .details{}
.product_details .details .details_cont{display:flex;flex-wrap:wrap;}
.product_details .details .details_cont .left{width:30%}
.product_details .details .details_cont .left .tit span{display:block;font-size:2.3rem;}


.product_details .details .details_cont .right{width:70%;}
.product_details .details .details_cont .right .details_txt .titbox p{font-size:2.3rem;line-height:1.5;}
.product_details .details .details_cont .right .details_txt .img{margin:5.0rem 0;}

.product_details .details .details_cont .right .list_box{border-bottom:1px solid #ddd;padding-bottom:5.0rem;margin-bottom:5.0rem;}
.product_details .details .details_cont .right .list_box:last-child{border-bottom:0;padding-bottom:0rem;margin-bottom:0rem;}
.product_details .details .details_cont .right .list_box .list_tit{font-size:2.6rem;font-weight:600;margin-bottom:1.5rem;color:#99721f}
.product_details .details .details_cont .right .list_box .de_list {display:flex;flex-wrap:wrap;}
.product_details .details .details_cont .right .list_box .de_list li{font-size:2.1rem;position:relative;width:50%;padding-left:1.5rem;line-height:1.3;margin-bottom:1.0rem;}
.product_details .details .details_cont .right .list_box .de_list li:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#99721f;margin-right:1.0rem;position:absolute;top:10px;left:0}

.details_table table{border-top:2px solid #000}
.details_table table tr th{background:#f1f1f1;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:2.0rem 0;font-size:2.1rem;}
.details_table table tr th.bor_none{border-right:0}
.details_table table tr td{color:#666666;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:2.0rem 0;text-align:center;font-size:1.8rem;line-height:1.35}
.details_table table tr td.bor_none{border-right:0}

@media screen and (max-width: 1400px) {


.product_details {padding:0 1.0rem;}

}

@media screen and (max-width: 1024px) {


.product_details .details{padding:0 1.0rem;}
.product_details .details .details_cont .left{width:100%;}
.product_details .details .details_cont .left .tit{margin-bottom:1.5rem;}
.product_details .details .details_cont .right{width:100%;}

.product_details .details .details_cont .right .list_box .de_list li{width:100%;}

}


@media screen and (max-width: 768px) {

.product_details .details .details_cont .right .list_box .de_list li:before{top:7px}
.details_table{overflow-x:scroll}
.details_table table{width:700px}

}


/*인증서*/
.cert .cert_tab{}
.cert .cert_tab .tabnav{display:flex;flex-wrap:wrap;justify-content: center;gap:3.0rem;margin-bottom:10.0rem;}
.cert .cert_tab .tabnav li{max-width:350px;width:100%;}
.cert .cert_tab .tabnav li a{font-size:2.4rem;text-align:center;display:block;border:1px solid #ddd;padding:2.0rem 0;/* ;background:#000;color:#fff; */border-radius:3.0rem;}
.cert .cert_tab .tabnav li a.active{color: var(--main-color);background:#000;}

.cert_cont .cert_visual {width: 100%;aspect-ratio: calc(1600 / 356);border-radius: 1.5rem;overflow: hidden;margin-bottom: 10.2rem;}
.cert_cont .partners_text_box {padding: 0 1rem;}

.cert_cont .cert_text_box {}
.cert_cont .cert_text_box p {font-size: 2.4rem;line-height: calc(40 / 24);word-break: keep-all;}


.cert_logo{display: flex;flex-wrap: wrap;/* gap:3.0rem; *//* justify-content: space-between; */margin-top:10.0rem;}
.cert_logo .logo_box{width:20%;padding:0 1.0rem;margin-bottom:5.0rem;}
.cert_logo .logo_box img{width:100%;border:1px solid #ddd}
.cert_logo .logo_box .txt{font-size:2.2rem;text-align:center;padding-top:2.0rem}

@media screen and (max-width: 1400px) {


.cert{padding:0 1.0rem;}
}

@media screen and (max-width: 1024px) {

.cert_logo .logo_box{width:33.333%}
}


@media screen and (max-width: 768px) {
.cert_cont .cert_visual{}
.cert_logo .logo_box{width:100%}

}



/*장비*/
.facilities{}
.facilities .facilities_wrap{}
.facilities .facilities_wrap .cont{display:flex;flex-wrap:wrap;}
.facilities .facilities_wrap .cont .left{width:30%;font-size:3.6rem;font-weight:bold;}
.facilities .facilities_wrap .cont .right{width:70%}
.facilities .facilities_wrap .cont .right .facil_cont{display:flex;flex-wrap:wrap;justify-content: space-between;}
.facilities .facilities_wrap .cont .right .facil_cont .cont_box{width:49%;margin-bottom:5.0rem;}
.facilities .facilities_wrap .cont .right .facil_cont .cont_box .txt{font-size:2.2rem;padding-top:2.0rem;text-align:center}

@media screen and (max-width: 1400px) {


.facilities{padding:0 1.0rem;}
}

@media screen and (max-width: 1024px) {

.facilities .facilities_wrap .cont .left{width:100%;margin-bottom:2.0rem;}
.facilities .facilities_wrap .cont .right{width:100%}

}


@media screen and (max-width: 768px) {

.facilities .facilities_wrap .cont .right .facil_cont .cont_box{width:100%;}

}


/*오시는길*/
.location_map { border-top:1px solid #222;}
.loc_txt {display:flex;flex-wrap:wrap; padding:5.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:25%;}
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:4.0rem 0 0 5.0rem;}
.loc_txt .loc_right dt {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}
.loc_txt .loc_right dd {font-size:1.8rem; color:#888; }
.loc_txt .loc_right dd ul.flex_box{display:flex;flex-wrap:wrap; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}

.loc_map {width:100%; margin-top:3.0rem; padding:2.0rem 0;}
.loc_map .map_height {height:500px; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}

@media screen and (max-width: 1200px){

.location_map{padding:0 1.0rem}

}
@media screen and (max-width: 1200px){
.loc_txt .loc_left  {width:100%;}
.loc_txt .loc_right {margin:5.0rem 0 0 }


}


@media screen and (max-width: 768px){
.loc_txt {padding:3.0rem 0;}
.loc_map .map_height {height:350px;}
.loc_txt .loc_right dd ul li {width:100%;}
}