@charset "utf-8";

.sub_content {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem;    }
.sub_content2 {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem;   }

.wid_1700 {width:100%; position:relative; max-width:1700px; margin:auto; }
.wid_1500 {width:100%; position:relative; max-width:1530px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#00418F !important;}
.point2 {color:#E50012 !important;}
.grey_bg {background:#f8f8f8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}

.div_scroll, .div_scroll2 {overflow: auto;position: relative}

.only_pc {display:block;}
.only_mob {display:none;}

.only_pc2 {display:block;}
.only_mob2 {display:none;}

@media( max-width:1700px) {
	.side_pd {padding-left:20px !important; padding-right:20px !important;}
	.sub_content {overflow:hidden; }
	.sub_content2 { }
	.sub_content3 {overflow-x:hidden; }
}

@media( max-width:1024px) {
.only_pc {display:none;}
.only_mob {display:block;}
.sub_contents {padding-top:10.0rem }


}

@media( max-width:768px) {
.div_scroll2 table {width:760px; font-size:15px;}
.div_scroll2 img {max-width:1024px !important;}
.only_pc2 {display:none;}
.only_mob2 {display:block;}
.sub_contents {padding-top:8.0rem }
}



@media( max-width:600px) {
.div_scroll table {width:600px; font-size:15px;}
.div_scroll img {max-width:768px !important;}
.sub_contents {margin-top:0rem;}
}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:1.0rem!important;}
.mg_t20{margin-top:2.0rem!important;}
.mg_t30{margin-top:3.0rem!important;}
.mg_t40{margin-top:4.0rem!important;}
.mg_t50{margin-top:5.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t100{margin-top:10.0rem!important;}
.mg_t120{margin-top:12.0rem!important;}
.mg_t150{margin-top:15.0rem!important;}


.mg_b10{margin-bottom:1.0rem!important;}
.mg_b20{margin-bottom:2.0rem!important;}
.mg_b30{margin-bottom:3.0rem!important;}
.mg_b40{margin-bottom:4.0rem!important;}
.mg_b50{margin-bottom:5.0rem!important;}
.mg_b80{margin-bottom:8.0rem!important;}

.pd_t100 {padding-top:10.0rem!important;}
.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.flex_box {display:flex; flex-wrap:wrap;}

/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}



.table2 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45; border-top: 3px solid #2a303a;}
.table2 thead {  background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

.table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 2.0rem;color: #000;  vertical-align: middle;  font-weight: 600;}
.table2 tbody td {border-bottom: 1px solid #bebebe; /*border-left: 1px solid #bebebe;*/ padding: 2.0rem; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}




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

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

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

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

}




/*공통*/

.title01{font-size: 2.0rem; padding-left: 2.8rem;position: relative; color:#000;}
.title01:before {content: '';position: absolute;top: 0.8rem;left: 0;width: 1.6rem;aspect-ratio: 1;background: var(--second-color);border-radius: 100%;}

.title02 {font-size:4.2rem; font-weight:400;  line-height:1.45; color:#000;}
.title03 {font-size:3.2rem; font-weight:400;  line-height:1.45; color:#000;}

.line_top {border-top:1px solid #ddd; }

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

.title02 {font-size:3.2rem;}

.title03 {font-size:2.4rem;}

}


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

.title02 {font-size:2.6rem;}

}


/*회사소개*/
.company {margin:8.0rem 0 10.0rem 0;  justify-content: space-between; height:100%; position: relative; }

.company .cont_left {width:45%;  position: -webkit-sticky;  position: sticky;  height:100%; top:2.5rem;}
.company .cont_right {width:50%}

.overvew_box {display:flex; border-bottom:1px solid #ddd; padding:4.0rem 1.5rem; align-items: center;}
.overvew_box:first-child {border-top:1px solid #ddd; }

.overvew_box .overview_ico {}
.overvew_box .overview_ico img {width:8.0rem;}
.overvew_box .overview_txt { padding-left:5.0rem;}
.overvew_box .overview_txt span {font-size:2.0rem; color:#222; font-weight:500;}
.overvew_box .overview_txt p {font-size:2.2rem; color:#666; margin-top:0rem;}


@media screen and (max-width: 1200px){
.company {margin-top:0}
.company .cont_left {width:100%; position: -webkit-relative;  position: relative; top:0rem;}
.company .cont_right {width:100%; margin-top:5.0rem;}
}


@media screen and (max-width: 768px){
.overvew_box {padding:2.5rem 1.5rem;}
.overvew_box .overview_ico {width:8.0rem;}
.overvew_box .overview_ico img {width:7.0rem;}
.overvew_box .overview_txt {padding-left:3.0rem; width:calc(100% - 8.0rem);}
.overvew_box .overview_txt p {font-size:1.8rem;}

}



.biz_area_wrap {padding:8.0rem;}
.biz_area {display: grid;align-items: center;column-gap: 2.5rem;grid-row-gap: 2.0rem;padding-top: 5rem;}
.biz_area .sub1 {grid-column: 1 / 2;grid-row: 1 / 3;}
.biz_area .sub2 {grid-column: 2 / 3;grid-row: 1 / 2;}
.biz_area .sub3 {grid-column: 2 / 3;grid-row: 2 / 3;}
.biz_area .sub4 {grid-column: 3 / 4;grid-row: 1 / 3;}
.biz_area .sub5 {grid-column: 4 / 5;grid-row: 1 / 2;}
.biz_area .sub6 {grid-column: 4 / 5;grid-row: 2 / 3;}
.biz_area .sub7 {grid-column: 5 / 6;grid-row: 1 / 3;}
.biz_area .sub.sub_s1 {}
.biz_area .sub.sub_s2 {}
.biz_area .sub.sub_s3 {}
.biz_area .sub > a {}
.biz_area .sub .sub_wrap {position: relative;border-radius: 5.0rem;overflow: hidden;}
.biz_area .sub .sub_wrap .img_box {position: relative;width: 100%;aspect-ratio: 1;}
.biz_area .sub.sub_s1 .sub_wrap .img_box {aspect-ratio: calc(300/400);}
.biz_area .sub.sub_s3 .sub_wrap .img_box {aspect-ratio: calc(300/500);}
.biz_area .sub .sub_wrap .img_box .bg {width: 100%;height: 100%;transition: 1.2s;transform: scale(1.0);}
.biz_area .sub .sub_wrap .txt_box {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;padding: 2rem 2.5rem;}
.biz_area .sub .sub_wrap .txt_box > span {display: block;background: rgba(17, 17, 17, 0.9);border-radius: 2.25rem;font-size: 2.0rem;text-align: center;color: #fff;padding: 1.1rem}


.biz_area .txt_sec {position: relative;padding-top: 24.0rem;}
/*.biz_area .txt_sec .roll_wrap {position: relative;display: flex;align-items: center;width: 100%;height: 100px;overflow: hidden;}
.biz_area .txt_sec .roll_wrap .roll {font-size: clamp(5vw, 7vw, 100px);font-family: 'Ethnocentric';color: #dddddd;letter-spacing: -0.02rem;position: absolute;display: flex;gap: 0 40px;width: max-content;animation: aniScroll 50s linear infinite;}
.biz_area .txt_sec .roll_wrap .roll02 {animation: aniScroll_2 50s linear infinite;}*/
.biz_area .txt_sec:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1),
			rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));z-index: 5;}



@media( max-width: 1200px) {
	.biz_area .sub .sub_wrap {border-radius: 3.0rem;}
	.biz_area {column-gap: 1.0rem;grid-row-gap: 3.0rem;}
	.biz_area .sub .sub_wrap .txt_box {padding: 1.5rem 1.5rem;}

	.biz_area .sub1 {}
	.biz_area .sub2 {grid-column: 1 / 2;grid-row: 3 / 4;}
	.biz_area .sub3 {grid-column: 2 / 3;grid-row: 1 / 2;}
	.biz_area .sub4 {grid-column: 2 / 3;grid-row: 2 / 3;}
	.biz_area .sub5 {grid-column: 2 / 3;grid-row: 3 / 4;}
	.biz_area .sub6 {grid-column: 3 / 4;grid-row: 1 / 2;}
	.biz_area .sub7 {grid-column: 3 / 4;grid-row: 2 / 4;}

	.biz_area .sub .sub_wrap .img_box {aspect-ratio: 1 !important;}
	.biz_area .sub1 .sub_wrap .img_box,
	.biz_area .sub7 .sub_wrap .img_box {aspect-ratio: 0.5 !important;}
	.sec2_wrap .txt_sec {padding-top: 14.0rem;}
}
@media( max-width: 1024px) {

}
@media( max-width: 600px) {
	.biz_area {column-gap: 1.0rem;grid-row-gap: 1.0rem;padding: 0; margin-top:3.0rem;}
	.biz_area .sub2 {grid-column: 2 / 3;grid-row: 1 / 2;}
	.biz_area .sub3 {grid-column: 2 / 3;grid-row: 2 / 4;}
	.biz_area .sub4 {grid-column: 1 / 2;grid-row: 3 / 4;}
	.biz_area .sub5 {grid-column: 1 / 2;grid-row: 4 / 5;}
	.biz_area .sub6 {grid-column: 2 / 3;grid-row: 4 / 5;}
	.biz_area .sub7 {grid-column: 1 / 3;grid-row: 5 / 6;}

	.biz_area .sub .sub_wrap .img_box {aspect-ratio: 1 !important;}
	.biz_area .sub1 .sub_wrap .img_box,
	.biz_area .sub3 .sub_wrap .img_box {aspect-ratio: 0.5 !important;}
	.biz_area .sub7 .sub_wrap .img_box {aspect-ratio: 2 !important;}

	.sec2_wrap .txt_sec {padding-top: 8.0rem;}
}


/*인사말*/
.message .txt1 {font-size:3.4rem; color:#000; margin-bottom:5.0rem; margin-top:2.5rem; font-weight:600; }
.message p {font-size:2.0rem; margin-bottom:3.0rem;}
.message .ceo_name { display:flex;  justify-content:flex-end; align-items: center;}
.message .ceo_name > div {font-size:2.2rem; color:#000; }
.message .ceo_name > div > strong  {font-size:3.0rem;  font-weight:600;display:inline-block; margin-left:1.5rem; margin-right:2.0rem;   }
.message .ceo_name img {width:20.0rem;}


@media( max-width: 768px) {

.message .txt1 {font-size:2.6rem;line-height:1.4; }
.message .ceo_name  {justify-content:flex-start}
.message .ceo_name > div {font-size:2.0rem; }
.message .ceo_name > div > strong  {font-size:2.4rem; }
.message .ceo_name img {width:14.0rem;}
}


/*연혁*/
.history {margin-top:8.0rem;}
.his_wrap {display:flex; border-top:1px solid #ddd; padding:6.0rem 2.0rem }
.his_wrap:last-child {border-bottom:1px solid #ddd}

.his_wrap .his_year {width:25%; font-size:4.2rem; color:#000; font-weight:500; position:relative; }
.his_wrap .his_year:after {content:'';position:absolute; right:5.0rem; top:-6.0rem; width:1px; height:calc(100% + 12.0rem); background:#ddd; }
.his_wrap .his_txt {width:45%; margin-top:2.0rem;}
.his_wrap .his_txt ul li {font-size:2.0rem; margin-bottom:0.5rem; position:relative; padding-left:2.0rem;}
.his_wrap .his_txt ul li:before {content:'';position:absolute; left:0; top:15px; width:7px; height:1px; background:#666; }
.his_wrap .his_img {width:30%; margin-top:2.0rem; text-align:right;}
.his_wrap .his_img img {border-radius:1.5rem; width:90%;}


@media( max-width: 1400px) {
.his_wrap .his_year {font-size:4.2rem;}


}


@media( max-width: 1024px) {

.his_wrap {flex-wrap:wrap; }
.his_wrap .his_year {width:100%;}
.his_wrap .his_year:after {display:none;}
.his_wrap .his_txt {width:60%;}
.his_wrap .his_img {width:40%;}
}


@media( max-width: 768px) {
.history {margin-top:6.0rem;}
.his_wrap {padding:4.0rem 2.0rem }
.his_wrap .his_year {font-size:3.8rem; font-weight:500;}
.his_wrap .his_txt {width:100%; order:3;}
.his_wrap .his_img {width:100%; order:2;}
.his_wrap .his_img img {width:100%; }
}


/*조직도*/
.organization {text-align:center;  border-top:1px solid #ddd; padding-top:8.0rem;}



/*주요고객사*/
.client_logos_wrap {display:flex; }
.client_logos { margin-top:3.0rem; padding:0 6.0rem;}
.client_logos li {width:25%; padding:1.0rem;}
.client_logos li img {border:1px solid #ddd; }


.distibution_wrap {padding:15.0rem 5.0rem;  display:flex;  justify-content: center; align-items: center; gap:15.0rem; margin-top:3.0rem;}
.distibution_wrap img {max-width:40%;}
.circle02 {position:relative;}
.circle02:before {content:''; width:250%; height:1px; background:#122a88; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:1;}
.circle02_inner {position:relative; z-index:2; width:33.2rem; aspect-ratio:calc(332/332) / 1; background:#122a88; border-radius:100%; border:2.0rem #99a3ca solid;  flex-direction: column; display:flex;  justify-content: center;align-items: center;}
.circle02 .txt1 {color:#fff; font-size:3.2rem; font-weight:700; margin-bottom:1.0rem;}


.circle01, .circle03  {width:25.50rem; text-align:center; display:flex;  flex-direction: column; align-items: center; }

.circle01 > .txt1 , .circle03 > .txt1  {font-size:2.4rem; color:#122a88; text-align:center; font-weight:600; margin-bottom:1.5rem; line-height:1.3;}
.circle01 > .txt2 , .circle03 > .txt2  {font-size:2.2rem; color:#666;  text-align:center; font-weight:500; margin-top:2.0rem;  line-height:1.3; }
.circle04 {position:relative; z-index:2; width:23.50rem; aspect-ratio: calc(265/265) / 1; border-radius:100%;border:5px solid #122a88; background:#fff; display:flex;  justify-content: center;align-items: center;}

@media( max-width: 1400px) {

.client_logos { padding:0rem;}
.distibution_wrap { gap:10.0rem;}
.circle02_inner {width:30.2rem; }
.circle04 {width:18.50rem;}
}

@media( max-width: 1200px) {
.client_logos li {width:33%; }

.circle02_inner {width:24.2rem; }




.distibution_wrap { padding:5.0rem 2.0rem; align-items: center;flex-direction: column; max-width:35.0rem; margin:3.0rem auto 0;}
.circle02:before { height:220%; width:1px;  }

.circle02_inner {width:30.2rem;}
.circle04 {width:25.50rem;}



.circle01 {display:flex;  flex-direction: column; }
.circle01 > .txt1 {order:1; margin-bottom:0; font-weight:600; line-height:1.3;}
.circle01 > .txt2 {order:2; margin-top:0.5rem;margin-bottom:2.5rem; line-height:1.3}
.circle01 .circle04  {order:3;}

.circle03 {display:flex;  flex-direction: column; }
.circle03 > .txt1 {order:2; margin-bottom:0; margin-top:2.5rem; font-weight:600; line-height:1.3;}
.circle03 > .txt2 {order:3; margin-top:0.5rem; line-height:1.3;}
.circle03 .circle04  {order:1;}


}


@media( max-width: 500px) {
.client_logos li {width:50%; }

.circle02_inner {width:28.2rem;}
.circle04 {width:22.50rem;}

}




/*보유인증서*/


.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -30px 0 0;}
.certification_wrap .cert_box {width:calc(25% - 30px); margin-right:30px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.certification_wrap .cert_box .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.certification_wrap .cert_box .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_txt {color:#666; padding:2.0rem 0 3.0rem 0; font-size:16px; font-weight:500; line-height:1.4; }



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

.certification_wrap .cert_box {width:calc(33% - 25px); margin-right:25px; }
}


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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}


}


@media screen and (max-width: 500px){
.certification_wrap {display:flex;  flex-wrap: wrap;  }



}

/*설비 및 검사장비 현황*/

.facility_txt {font-size:2.6rem; color:#222; margin-top:3.0rem; line-height:1.4; }

.inspection {gap:2%; }
.inspection_box {background:#f8f8f8; width:100%; padding:5.0rem; border-radius:3.0rem;}


.inspection_left {text-align:center; }
.inspection_left p {margin-top:0.7rem;  }
.inspection_right {display:flex; flex-wrap:wrap;  margin:0 -2.5rem 0 0;/* justify-content: center; align-items: center;*/ padding:5.0rem;}
.inspection_right > div {width:calc(25% - 2.5rem);margin-right:2.5rem; margin-bottom:3.5rem;}
.inspection_right > div p {text-align:center; color:#fff; margin-top:1.0rem; font-size:2.0rem; background:#000; padding:1.0rem; }


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

.facility_txt {font-size:2.4rem;}

.inspection_box {width:100%; padding:5.0rem;}
.inspection_right {margin-top:3.0rem;}

.inspection_right  > div {width:calc(50% - 2.5rem);}
}


@media screen and (max-width: 500px){
.inspection_right {margin:0;}
.inspection_right  > div {width:100%; margin-bottom:2.5rem; margin-right:0rem;}

}




/*오시는길*/
.location_wrap { margin-top:5.0rem;}
.loc_txt {padding-left:5%; width:45%; }
.loc_txt ul li {border:1px solid #ddd; padding:2.2rem 2.5rem; border-radius:1.0rem; }
.loc_txt ul li+li {margin-top:1.5rem;}
.loc_txt ul li  p {font-size:2.0rem; color:#666; margin-top:0rem; padding-left:0rem;}
.loc_txt ul li strong {font-size:2.0rem; font-weight:500; display:flex; align-items: center; gap:10px; color:#000;}
.loc_txt ul li strong span.material-icons {color:#122a88;}

.loc_map {width:55%;}
.loc_map .map_height {height:50.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.loc_map iframe {width:100%; height: 100% !important;}




@media screen and (max-width: 1200px){
.loc_map {width:100%;height:500px;}
.loc_txt {width:100%; padding-top:5.0rem; padding-left:0; }
}


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

.location_wrap {margin-top:5.0rem;}
.loc_txt {padding:3.0rem 0;}
.loc_txt .loc_right dd ul li {width:100%;}

.loc_map .map_height {height:320px}
.loc_map  {height:350px;}
}


/*제품소개*/
.pro_search {justify-content: center;align-items: center;background: #eff2f2;margin-bottom: 11.0rem;padding: 6.5rem;}
.pro_search > form {display: flex;justify-content: center;align-items: center;column-gap: 1rem;}
.pro_search .search_select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(../img/ico_arrow_01.png) no-repeat 95% 50%;padding: 1.7rem 8.8rem 1.7rem 2.4rem;border: solid 1px #cbcbcb;border-radius: 1.1rem;font-size: 2.2rem;color: #444444;font-weight: 500;font-family: 'Pretendard';}
.pro_search .search_txt {background: #fff;border: solid 1px #cbcbcb;border-radius: 1.1rem;font-size: 2.2rem;color: #444444;font-family: 'Pretendard';padding: 1.7rem 2.4rem;width: 30%;}
.pro_search .search_txt::placeholder {color: #d3d3d3;}
.pro_search .btn_submit {background: var(--main-color);font-size: 2.2rem;font-weight: 500;font-family: 'pretendatd';border-radius: 1.1rem;padding: 1.5rem 5.2rem;}

.pro_list {}
.pro_list .pro_box {width: calc((100% - 12.0rem) / 4);margin-right: 4rem;margin-bottom: 4rem;border: solid 1px #cccccc;border-radius: 3.0rem;transition: background 0.5s, border 0.5s;}
.pro_list .pro_box:nth-child(4n) {margin-right: 0rem;}
.pro_list .pro_box > a {}
.pro_list .pro_box .pro_box_wrap {padding: 2rem;}
.pro_list .pro_box .img_box {width: calc(100% - 7rem);aspect-ratio: calc(45 / 20);margin: 7.5rem 3.5rem;position: relative;position: relative;}
/*.pro_list .pro_box .img_box .img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: opacity 0.5s;}*/
.pro_list .pro_box .img_box .img {width: 72%;height: 72%;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);transition: opacity 0.5s;}

.pro_list .pro_box .img_box .img1 {opacity: 1;}
.pro_list .pro_box .img_box .img2 {opacity: 0;}
.pro_list .pro_box .img_box .brand_img {position: absolute;top: 0;right: 0;width: 12.0rem;aspect-ratio: calc(450 / 200);}
.pro_list .pro_box .txt_box {border-top: solid 1px #cccccc;padding: 4rem 1.4rem 2rem;}
.pro_list .pro_box .txt_box .txt1 {font-size: 2.4rem;font-weight: 700;transition: color 0.5s;}
.pro_list .pro_box .txt_box .txt2 {font-size: 2.0rem;font-weight: 500; margin-top:1.0rem;color: #666;line-height:1.35; min-height: 6.0rem;
								display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: color 0.5s;}


.pro_list .pro_box:hover {border: solid 1px var(--main-color);background: var(--main-color);}
.pro_list .pro_box:hover .img_box .img1 {opacity: 0;}
.pro_list .pro_box:hover .img_box .img2 {opacity: 1;}
.pro_list .pro_box:hover .txt_box .txt1 {color: #fff;}
.pro_list .pro_box:hover .txt_box .txt2 {color: #fff;}

.pro_cate_list {padding-top: 9.5rem;}
.pro_cate_list .pro_box {width: calc((100% - 6.0rem) / 3);margin-right: 3rem;transition: box-shadow 0.5s, border 0.5s;}
.pro_cate_list .pro_box:nth-child(4n) {margin-right: 3rem;}
.pro_cate_list .pro_box:nth-child(3n) {margin-right: 0rem;}
.pro_cate_list .pro_box .img_box {width: 100%;aspect-ratio: 1;margin: 0rem;}
.pro_cate_list .pro_box .txt_box {transition: border 0.5s;}
.pro_cate_list .pro_box .txt_box .txt1 {font-size: 2.1rem;font-weight: 500;text-align: center;line-height: 1.2;}

.pro_cate_list .pro_box:hover {border: solid 1px #cccccc;background: #fff;box-shadow: 5px 5px 5px 1px rgba(85, 85, 85, 0.1);border: solid 1px var(--main-color);}
.pro_cate_list .pro_box:hover .img_box .img1 {opacity: 1;}
.pro_cate_list .pro_box:hover .txt_box .txt1 {color: #000;}
.pro_cate_list .pro_box:hover .txt_box {border-top: solid 1px var(--main-color);}

.pro_cate_list1 {padding-top: 0;}
.pro_cate_list1 .pro_box {width: calc((100% - 9.0rem) / 4);margin-right: 3rem;}
.pro_cate_list1 .pro_box:nth-child(3n) {margin-right: 3rem;}
.pro_cate_list1 .pro_box:nth-child(4n) {margin-right: 0rem;}

.pro_cate_list2 {padding-top: 0;}
.pro_list .no_pro_list {width: 100%;text-align: center;}

.product {align-items: flex-start;}
.product .pro_left {width: 39.0rem;background: #eff2f2;background: #eff2f2;padding: 3.5rem 1.4rem;position: -webkit-sticky;position: sticky;top: 1%;}
.product .pro_left .pro_left_tit {font-size: 2.4rem;font-weight: 600;color: #fff;background: var(--main-color);border-radius: 3.2rem;padding: 1.3rem 3.5rem;margin-bottom: 3.0rem;}
.product .pro_left .brand_thumb_list {}
.product .pro_left .brand_thumb_list .sub {width: calc((100% - 4rem) / 3);margin-right: 2rem;margin-bottom: 3.5rem;}
.product .pro_left .brand_thumb_list .sub:nth-child(3n) {margin-right: 0rem;}
.product .pro_left .brand_thumb_list .sub > a {}
.product .pro_left .brand_thumb_list .sub .sub_wrap {flex-direction: column;align-items: center;}
.product .pro_left .brand_thumb_list .sub .sub_wrap .thumb {width: 100%;aspect-ratio: 1;background: #fff;border-radius: 100%;justify-content: center;align-items: center;padding: 1.2rem;}
.product .pro_left .brand_thumb_list .sub .sub_wrap .thumb .img {width: 100%;aspect-ratio: calc(45 / 20);}
.product .pro_left .brand_thumb_list .sub .sub_wrap .txt {font-size: 1.8rem;font-weight: 500;padding-top: 1.5rem;}

.product .pro_left .product_list {flex-direction: column;padding: 0rem 4rem;}
.product .pro_left .product_list .sub {padding-bottom: 0.5rem;}
.product .pro_left .product_list .sub > a {font-size: 1.7rem;color: #898989;position: relative;transition: color 0.5s; }
.product .pro_left .product_list .sub > a:before {content: '';position: absolute;bottom: -2px;left: 0;width: 0%;height: 1px;background: #000;transition: width 0.5s;}
.product .pro_left .product_list .sub > a.selected {color: #000;font-weight: 600;}
.product .pro_left .product_list .sub > a.selected:before {width: 100%;}
.product .pro_left .product_list .sub > a:hover {color: #000;}
.product .pro_left .product_list .sub > a:hover:before {width: 100%;}

.product .pro_right {width: calc(100% - 39.0rem);padding-left: 9.0rem;}


.product_detail {}
.product_detail .pro_info {background: #eff2f2;border-radius: 5.9rem;padding: 8rem 6.5rem;display: grid;grid-template-columns: 1fr 1fr;}
.product_detail .pro_info .pro_txt {width: 50%;padding-left: 2.5rem;padding-top: 5.0rem;}
.product_detail .pro_info .tit_box {border-bottom: solid 1px #dadada;padding-top: 5.0rem;padding-bottom: 5rem;margin-left: 2.5rem;grid-column: 1 / 2;grid-row: 1 / 2;}
.product_detail .pro_info .tit_box .cate {font-size: 1.7rem;color: #666;align-items: flex-end; text-transform:capitalize;}
.product_detail .pro_info .tit_box .cate > span {color: #cbcbcb;font-size: 1.4rem;font-family: 'Gothic A1';display: inline-block;padding: 0 1.0rem;}
.product_detail .pro_info .tit_box .name {font-size: 3.2rem;color: #000;font-weight: 800;line-height: 1;padding-top: 1.5rem;}
.product_detail .pro_info .txt_box {padding-top: 2.5rem;margin-left: 2.5rem;grid-column: 1 / 2;grid-row: 2 / 3;}

.product_detail .pro_info .tb_sec {}
.product_detail .pro_info .tb_sec1 {padding-bottom: 0.8rem;}

.product_detail .pro_info .txt_box .txt_box_wrap1 {display: flex;flex-direction: row;flex-wrap: wrap;}
.product_detail .pro_info .txt_box .txt_box_wrap1 .tb_sec {display: flex;flex-direction: column;}

.product_detail .pro_info .txt_box .txt_box_wrap1 .tb_sec {width: calc(100% - 13.5rem);}
.product_detail .pro_info .txt_box .txt_box_wrap1 .tb_sec .tbt {font-size: 2.0rem;color: #666;}
.product_detail .pro_info .txt_box .txt_box_wrap1 .tb_sec:first-child .tbt {color: #000;font-weight: 600;}

.product_detail .pro_info .txt_box .txt_box_wrap1 .tb_sec:first-child {width: 13.5rem;}
.product_detail .pro_info .txt_box .txt_box_wrap1 .tb_sec:first-child {color: #000;font-weight: 600;font-size: 2.0rem;}

.product_detail .pro_info .txt_box .txt_box_wrap2 {}
.product_detail .pro_info .txt_box .txt_box_wrap2 .tb_sec {padding-bottom: 0.5rem;}
.product_detail .pro_info .txt_box .txt_box_wrap2 .tb_sec .tbt_1 {font-size: 2.0rem;color: #666;text-align: center;}
.product_detail .pro_info .txt_box .txt_box_wrap2 .tb_sec:first-child .tbt_1 {color: #000;font-weight: 600;}

.product_detail .pro_info .txt_box .tb_sec .tbt_2 {font-size :2.0rem;color: #666;}
.product_detail .pro_info .txt_box .txt_box_wrap1 .tbt_1 {width: 13.5rem;}
.product_detail .pro_info .txt_box .txt_box_wrap1 .tbt_2 {width: calc(100% - 13.5rem);}

.product_detail .pro_info .txt_box .tb_sec.col_2 .tbt_1 {width: calc(100% / 2);}
.product_detail .pro_info .txt_box .tb_sec.col_3 .tbt_1 {width: calc(100% / 3);}
.product_detail .pro_info .txt_box .tb_sec.col_4 .tbt_1 {width: calc(100% / 4);}
.product_detail .pro_info .txt_box .tb_sec.col_5 .tbt_1 {width: calc(100% / 5);}

.product_detail .pro_info .btn_box {padding-top: 8.5rem;grid-column: 1 / 2;grid-row: 3 / 4;margin-left: 2.5rem;}
.product_detail .pro_info .btn_box > a {}
.product_detail .pro_info .btn_box .inquiry_btn {font-size: 2.0rem;color: #fff;font-weight: 600;background: var(--main-color);border-radius: 3.4rem;text-align: center;padding: 1.7rem;}



.product_detail .pro_info .pro_img {margin-left: 6.5rem;position: relative;grid-column: 2 / 3;grid-row: 1 / 4; padding:5.0rem 0;background:#fff; }
.product_detail .pro_info .pro_img .img {width:65%;margin:auto;  aspect-ratio: 1;}
.product_detail .pro_info .pro_img .brand {position: absolute;top: 2.5rem;right: 3.3rem;width: 20.0rem;aspect-ratio: calc(45 / 20);}
.product_detail .pro_cont {padding: 5rem;}
.product_detail .pro_btn {padding-top: 9.0rem;}
.product_detail .pro_btn > a {border: solid 1px #c3c3c3;background: #fff;font-size: 2.0rem;color: #818181;letter-spacing: 0.8rem;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;}
.product_detail .pro_btn > a:hover {filter: invert(1);color: #000;}

.brand_info {}
.brand_info .brand_logo {display:none;}
.brand_info .brand_logo > img {max-width: 20.5rem;}
.brand_info .brand_name {font-size: 5.0rem;font-weight: 700;color: #000;line-height: 1.2;}
.brand_info .brand_name > span {font-size: 2.6rem;color: #969696;font-weight: 500;padding-left: 2.5rem;}
.brand_info .brand_txt {font-size: 2.0rem;color: #666666;line-height: calc(32 / 20);padding-top: 2.2rem;}
.brand_info .brand_btn {padding-top: 5.3rem;}
.brand_info .brand_btn .btn {font-size: 2.0rem;color: #222;border: solid 1px #c1c1c1;border-radius: 0;width: 33.8rem;aspect-ratio: calc(338 / 78);height: auto;justify-content: space-between;align-items: center;padding: 0rem 3rem;margin-right: 3rem;transition: border 0.5s, background 0.5s, color 0.5s;}
.brand_info .brand_btn .btn > .t {}
.brand_info .brand_btn .btn > .i {display: block;width: 1.8rem;aspect-ratio: 1;transition: filter 0.5s}
.brand_info .brand_btn .btn1 > .i {background: url(../img/brand_ico_01.png) no-repeat center / contain;}
.brand_info .brand_btn .btn2 > .i {background: url(../img/brand_ico_02.png) no-repeat center / contain;}

.brand_info .brand_btn .btn:hover {border: solid 1px var(--main-color);background: var(--main-color);color: #fff;}
.brand_info .brand_btn .btn:hover > .i {filter: invert(100%);}

.brand_info .brand_name.product {display: flex;flex-direction: column;font-size: 4.0rem;font-weight: 700;}
.brand_info .brand_name.product > span {padding-left: 0;font-size: 2.4rem;color: rgba(0, 0, 0, 0.29);font-weight: 500;padding-top: 1rem;}

@media screen and (max-width: 1600px){
	.product_detail .pro_info .tit_box {margin-left: 0rem;}
	.product_detail .pro_info .txt_box {margin-left: 0rem;}
	.product_detail .pro_info .btn_box {margin-left: 0rem;}

}
@media screen and (max-width: 1400px){
	.pro_list .pro_box {width: calc((100% - 6.0rem) / 4);margin-right: 2rem;margin-bottom: 2rem;}
	.product .pro_right {padding-left: 5.0rem;}
	.pro_cate_list .pro_box {width: calc((100% - 4.0rem) / 3);margin-right: 2rem;}
	.pro_cate_list .pro_box:nth-child(4n) {margin-right: 2rem;}
	.product_detail .pro_info {border-radius: 3rem;padding: 6rem 4.5rem;}
	.product_detail .pro_info .pro_txt {padding-left: 0rem;padding-top: 0rem;}
	.product_detail .pro_info .pro_txt .tit_box {padding-bottom: 3rem;}
}
@media screen and (max-width: 1300px){
	.product {flex-direction: column;}
	.product .pro_left {width: 100%;position: -webkit-relative;position: relative;top: auto;}
	.product .pro_left .brand_thumb_list .sub {width: calc((100% - 8rem) / 9);margin-right: 1rem;}
	.product .pro_left .brand_thumb_list .sub:nth-child(3n) {margin-right: 1rem;}
	.product .pro_left .brand_thumb_list .sub:nth-child(9n) {margin-right: 0rem;}
	.product .pro_right {width: calc(100% - 0rem);padding-left: 0rem;}
	.product .pro_left .product_list {flex-direction: initial;padding: 0rem 2rem;}
	.product .pro_left .product_list .sub {width: calc(100% / 3);}
	.product .pro_right {padding-top: 3rem;}
}
@media screen and (max-width: 1024px){
	.pro_list .pro_box {width: calc((100% - 4.0rem) / 3);}
	.pro_list .pro_box:nth-child(4n) {margin-right: 2rem;}
	.pro_list .pro_box:nth-child(3n) {margin-right: 0rem;}
	.product_detail .pro_info {grid-template-columns: 1fr;}
	.product_detail .pro_info .pro_img {margin-top:3.0rem; grid-column: 1 / 2;grid-row: 2 / 3;padding: 2rem 0; /*max-width: 70.0rem; */ width:100%; margin-left:0; text-align:center; }
	.product_detail .pro_info .pro_img .img {width:60%;}
	.product_detail .pro_info .pro_img .brand {position: absolute;top: 1.5rem;right: 2.0rem;width: 15.0rem;aspect-ratio: calc(45 / 20);}
	.product_detail .pro_info .txt_box {grid-column: 1 / 2;grid-row: 3 / 4;}
	.product_detail .pro_info .btn_box {grid-column: 1 / 2;grid-row: 4 / 5;}
	.product_detail .pro_info .txt_box .txt_box_wrap2 .tb_sec:nth-child(1) {border-bottom: solid 1px #000;padding-bottom: 0;margin-bottom: 0.5rem;}
	.pro_search .search_txt {width: 50%;}

	.product .pro_left .brand_thumb_list .sub {width: calc((100% - 4rem) / 5);margin-right: 1rem;margin-bottom: 1rem;}
	.product .pro_left .brand_thumb_list .sub:nth-child(9n) {margin-right: 1rem;}
	.product .pro_left .brand_thumb_list .sub:nth-child(5n) {margin-right: 0rem;}


}
@media screen and (max-width: 768px){
	.pro_list .pro_box {width: calc((100% - 1.0rem) / 2);margin-right: 1rem;margin-bottom: 1rem; border-radius:10px;}
	.pro_list .pro_box:nth-child(3n) {margin-right: 1rem;}
	.pro_list .pro_box:nth-child(2n) {margin-right: 0rem;}
	.pro_list .pro_box .img_box {width: calc(100% - 0rem);margin: 4rem 0rem;}
	.pro_list .pro_box .pro_box_wrap {padding: 1rem;}
	.pro_list .pro_box .txt_box {padding: 2.0rem 1.0rem 1.0rem 1.0rem; text-align:center;}

	.pro_list .pro_box .txt_box .txt1 {font-size:2.0rem;}
	.pro_list .pro_box .txt_box .txt2 {font-size:1.7rem; min-height:auto;}

	
	.product .pro_left .brand_thumb_list .sub .sub_wrap .thumb {aspect-ratio: 3;border-radius: 1rem;padding: 0.5rem;}
	.product .pro_left .brand_thumb_list .sub .sub_wrap .txt {padding-top: 1.0rem; font-size:14px; text-align:center; line-height:1.35;}
	.product .pro_right {padding-top: 5rem;}

	.brand_info .brand_name {font-size: 3.0rem;}
	.brand_info .brand_name > span {font-size:2.2rem;}
	.brand_info .brand_name.product {font-size: 3.0rem;}
	.brand_info .brand_name.product > span  {font-size:2.2rem;}
	
	.brand_info .brand_btn {justify-content: space-between;gap: 1rem;}
	.brand_info .brand_btn .btn {/*width: calc((100% - 1rem) / 2);*/ width:100%; margin-right: 0rem; height:60px; }
	.pro_list .pro_box .img_box {margin: 0rem 0rem;}
	.pro_list .pro_box .img_box .brand_img {width: 8.0rem;}
	.product_detail .pro_info {padding: 2rem; border-radius:7px;}
	.product_detail .pro_info .tit_box {padding: 2rem 0;}
	.product_detail .pro_info .tit_box .name {font-size: 2.8rem; margin-top:3.0rem;}
	.product_detail .pro_info .txt_box .txt_box_wrap2 .tb_sec .tbt_1 {font-size: 1.8rem;display: flex;justify-content: center;align-items: center;}
	.product .pro_left .product_list {padding: 0rem 1rem; gap:2%;}
	.product .pro_left .product_list .sub {width: 49%; line-height:1.4; margin:0.3rem 0; }
	.pro_search > form {flex-direction: column;gap: 1rem;}
	.pro_search .search_select {width: 100%;}
	.pro_search .search_txt {width: 100%;}
	.pro_search .btn_submit {width: 100%;}
	.pro_search {padding: 3.5rem 2rem;}
	.pro_search {margin-bottom: 1.0rem;}
	.pro_cate_list .pro_box .txt_box .txt1 {font-size: 1.8rem;}


	




}
@media screen and (max-width: 500px){
	.product .pro_left .brand_thumb_list .sub {width: calc((100% - 3rem) / 3);}
	.product .pro_left .brand_thumb_list .sub:nth-child(5n) {margin-right: 1rem;}
	.product .pro_left .brand_thumb_list .sub:nth-child(3n) {margin-right: 0rem;}
	

	
}