#sub {width:100%;}

.sub_wrap {font-size:18px;  line-height:1.4; color:#262626}
.sub_wrap  img {max-width:100%}
.sub_wrap section {position:relative }
.sub_wrap section:last-child {  padding-bottom:160px}
.sub_wrap  * { transition: all 0.3s ease-out; }
.basic_t {font-size:22px}

hr.sub_hr_b {height:300px}
hr.sub_hr {height:270px}
hr.sub_hr2 {height:50px}
hr.sub_hr3 {height:150px}
hr.sub_hr4 {height:180px}
h4.tit {font-size:55px; margin-bottom:50px}
h3.tit {font-size:55px; margin-bottom:50px}
h3.tit span.s_t {font-size:25px; font-weight:400}
 
.flex h3.tit {white-space:nowrap; margin-right:30px; margin-bottom:0}


@media all and (max-width:900px) {
		.sub_wrap {font-size:16px}
		h3.tit {font-size:30px; line-height:1;   margin-bottom:30px}
		h4.tit {font-size:30px; margin-bottom:30px}
		.basic_t {font-size:14px}

		hr.sub_hr {height:150px}
		hr.sub_hr2 {height:30px}
		hr.sub_hr3 {height:100px}
		hr.sub_hr4 {height:120px}

		.flex h3.tit {margin-bottom:25px}
}


.sub_vi {height:755px; margin-top:140px; position:Relative; width:100%; margin-bottom:200px}
.sub_vi h3 {font-size:190px; flex-shrink:0; line-height:1;  font-weight:500; font-family: "Montserrat"}
.sub_vi h3 span {width:90px; display:inline-block}
.sub_vi .flex {align-items:flex-start; height:200px}
.sub_vi .guide2 {margin-left:auto; margin-top:150px; display:flex; align-items:center }
.sub_vi .guide2 span {color:#767676; display:flex; align-items:center; font-weight:300; white-space:nowrap}
.sub_vi .guide2 span:after {content:''; display:inline-block;  width:50px; height:10px; background:url('/common/img/guide_arrow.svg') no-repeat center; }
.sub_vi .guide2 span:last-child:after {display:none}
 
.sub_vi .bg {position:absolute; bottom:0; right:0; width:80%; height:calc(100% - 190px); display:inline-block; z-index:-9}

@media all and (max-width:1560px) {
    		.sub_vi .guide2 {display:none}


}
@media all and (max-width:900px) {
 
		.sub_vi {height:240px; margin-bottom:100px}

		.sub_vi h3 {font-size:60px;  }
		.sub_vi h3 span {display:none}
		.sub_vi .bg {  width:90%; height:calc(100% - 60px); }
}
.company1 .section1 h4 {font-size:55px; font-weight:700; margin-bottom:100px}
.company1 .section1 h5 {width:280px; color:var(--main_c); font-size:55px; line-height:1;  flex-shrink:0}
.company1 .section1 h5 + div {width:100%}
.company1 .section1 ul { width:100%;  margin-top:30px; gap:30px; }
.company1 .section1 ul li {width:50%; background-color:#f9f9f9; border-radius:20px; height:360px; box-sizing:border-box; padding:25px; position:relative; overflow:hidden}
.company1 .section1 ul li:after {width:100%; height:100%;  background:rgba(0,0,0,.5); content:''; position:absolute; left:0; top:0;  }
.company1 .section1 ul li div {position:Relative; z-index:99; color:#fff; line-height:1.5}
.company1 .section1 ul li:nth-child(1) {background:url('/common/img/company_box_bg1.png') no-repeat center; background-size:cover;  }
.company1 .section1 ul li:nth-child(2) {background:url('/common/img/company_box_bg2.png')  no-repeat center; background-size:cover;  }
.company1 .section1 .flex + .flex ul li:nth-child(1) {background:url('/common/img/company_box_bg3.png')  no-repeat center; background-size:cover;  }
.company1 .section1 .flex + .flex ul li:nth-child(2) {background:url('/common/img/company_box_bg4.png')  no-repeat center; background-size:cover;  }
.company1 .section1 .flex + .flex {margin-top:100px}

.company1 .section2 h4 {width:280px; flex-shrink:0}
.company1 .section2 ul {display:flex; flex-wrap:wrap; gap:40px 0; justify-content:space-between}
.company1 .section2 ul li {display:flex; gap:30px;  width:calc(50% - 10px); padding:50px 30px; box-sizing:border-box; align-items:flex-start; background-color:#f5f5f5; border-radius:15px}
.company1 .section2 ul li p {width:80px; height:80px; flex-shrink:0;  display:flex; align-items:center;  justify-content:center}
.company1 .section2 ul li dl {width:100%; margin-left:auto}
.company1 .section2 ul li dl dt {font-size:25px; font-weight:700}
.company1 .section2 ul li dl dd {margin-top:20px; line-height:1.5;  color:#575757}

.company1 .section3 ul {display:flex; flex-wrap:wrap; gap:20px}
.company1 .section3 ul li {width:calc(25% - 18px); background-color:#f9f9f9; border:1px solid #ddd; height:150px; display:flex;  align-items:center;  justify-content:center;border-radius:15px  }
.company1 .section3 ul li img {max-width:90%; max-height:80%}

@media all and (max-width:900px) {
		.company1 .section1 h5 {font-size:30px; margin-bottom:15px}
		.company1 .section1 ul li {width:100%; height:190px; border-radius:10px}
		.company1 .section1 ul li div {font-size:13px}

		.company1 .section2 ul li {flex-direction:column; padding:20px; gap:10px}
		.company1 .section2 ul li p {margin:0 auto}
		.company1 .section2 ul li dl {text-align:Center}
		.company1 .section2 ul li dl dt {font-size:16px}
		.company1 .section2 ul li dl dd {font-size:12px}
		.company1 .section3 ul {gap:20px 0;  justify-content:space-between}
		.company1 .section3 ul li {width:48%; height:70px; border-radius:10px  }
        .company1 .section3 ul li img {max-width:60%; max-height:50%}

}


/*조직도*/
.organization_wrap {position:Relative}
.organization_wrap p {position:relative; width:260px; height:80px; margin:0 auto; display:flex; background-color:#eee; border-radius:10px; align-items:center; justify-content:center;   border:1px solid #dbdbdb; font-size:22px; font-weight:500; text-align:center }

.organization_wrap p.ceo {background-color:#333; color:#fff}

 

.organization_wrap .flex.top {position:relative; margin:30px 0;  display:inline-flex; width:60%; margin-left:20%; justify-content:space-between    }
.organization_wrap .flex.top p {margin:0}
.organization_wrap .flex.top:after {content:''; position:absolute; background:url('/common/img/organization_x_line.png') repeat-x;  left:0; height:1px; width:100%; top:50%; z-index:-9  } 


.organization_wrap p.up_line:before {content:''; position:absolute; background:url('/common/img/organization_y_line.png') repeat-y;  left:50%; height:100px; width:1px; top:-100px; z-index:-9;  } 
.organization_wrap p.down_line:after {content:''; position:absolute; background:url('/common/img/organization_y_line.png') repeat-y;  left:50%; height:100px; width:1px; bottom:-100px; z-index:-9; } 
.organization_wrap .flex.top + p.up_line:before { height:150px; top:-150px; } 



.organization_wrap .flex.bottom {align-items:flex-end; gap:50px; margin-top:100px; position:Relative;  padding-top:30px}
.organization_wrap .flex.bottom:after {content:''; position:absolute; background:url('/common/img/organization_x_line.png') repeat-x; width:51.7%;left:19.3%; height:1px; top:0; z-index:-9  } 
.organization_wrap .flex.bottom:before {content:''; position:absolute;  background:url('/common/img/organization_y_line.png') repeat-y;  width:1px; left:19.3%; height:250px; top:0; z-index:-9}
.organization_wrap .flex.bottom p:before {height:30px; top:-30px}
.organization_wrap .flex.bottom p:after {height:30px; bottom:-30px}
.organization_wrap .flex.bottom > div {width:40%}
.organization_wrap .flex.bottom > div + div {width:60%}


.organization_wrap ul {display:flex; gap:20px; margin-top:60px; position:Relative}
.organization_wrap ul:after {content:''; position:absolute; background:url('/common/img/organization_x_line.png') repeat-x;  width:77%; left:11.5%; height:1px;  top:-30px; } 
.organization_wrap div:first-child ul:after {  width:69%; left:16%;}

.organization_wrap ul li {width:33%; border:1px solid red;  height:80px;  display:flex; background-color:#eee; border-radius:10px; align-items:center; justify-content:center; text-align:center;  border:1px solid #dbdbdb; position:Relative;   z-index:99}
.organization_wrap ul li:before {content:''; position:absolute;  background:url('/common/img/organization_y_line.png') repeat-y;  left:50%; height:30px; width:1px; top:-30px } 
.organization_wrap ul li.line_none:before {background:none}


@media all and (max-width:900px) {
		.organization_wrap .flex.top {width:100%;  justify-content:space-between; margin:30px 0}
		.organization_wrap p { width:100px;  border-radius:5px; height:40px;  font-size:12px;  }

		.organization_wrap .flex.bottom {flex-wrap:nowrap; align-items:flex-start; padding-top:0}
		.organization_wrap .flex.bottom:before {display:none}
		.organization_wrap .flex.bottom:after {width:55%; left:23% } 
		.organization_wrap .flex.bottom > div {width:50%; position:Relative; padding-top:30px}
		.organization_wrap .flex.bottom > div + div {width:50%}
		.organization_wrap .flex.bottom > div:before {content:''; position:absolute;  background:url('/common/img/organization_y_line.png') repeat-y;  width:1px; left:50%;  height:100%; top:0; z-index:-9}

		.organization_wrap .flex.bottom p {width:100%}
		.organization_wrap .flex.bottom p:after {display:none}
		.organization_wrap .flex.bottom p:before {display:none}

		.organization_wrap ul {flex-direction:column; }
		.organization_wrap ul li {width:100%; height:40px; font-size:12px;  border-radius:5px; }
		.organization_wrap ul li:before {display:none } 

		.organization_wrap ul:after {display:none}

}



.company2 .section1 .bg {background-color:#f7f7f7; z-index:-99; position:absolute; left:0; bottom:0; height:calc(100% - 240px); width:100%; display:inline-block;}
.company2 .section1 h5 {color:var(--main_c); font-size:28px; font-weight:600; }
.company2 .section1 p { margin-top:60px; line-height:1.6}
.company2 .section1 p + p  {font-size:22px}
.company2 .section1 div.flex .img {margin-left:auto; flex-shrink:0 }
.company2 .section1 div.flex img.ceo_img { box-shadow:5px 5px 15px rgba(0,0,0,.2); border-radius:20px}
 
@media all and (max-width:900px) {
		.company2 .section1 h5 {font-size:18px;  }
		.company2 .section1 p {font-size:14px; margin-bottom:50px}
		.company2 .section1 .bg {height:calc(100% - 140px); }
		.company2 .section1 div.flex .img {width:100%}
		.company2 .section1 div.flex img.ceo_img + p {flex-wrap:nowrap}
		.company2 .section1 div.flex img.ceo_img + p img:first-child {width:55%}
		.company2 .section1 div.flex img.ceo_img + p img:last-child {width:30%}
 
}
.company3 .flex {gap:100px}
.company3 .flex > div {width:100%}
.company3 .flex > div img {border-radius:15px; box-shadow:3px 3px 10px rgba(0,0,0,.2)}
.company3 dl {width:100%; display:flex; align-items:center; gap:20px;  padding:40px 100px 40px 30px; border-bottom:1px solid #ddd; box-sizing:border-box}
.company3 dl:first-child {padding-top:0}
.company3 dl dt  {font-size:70px; width:200px;  font-weight:500}
.company3 dl dd {width:calc(100% - 200px); color:#262626; font-size:20px}
.company3 dl dd p {border-bottom:1px solid #ddd; padding:15px 0; width:100%; display:inline-block}
.company3 dl dd p:last-child {border-bottom:none}

@media all and (max-width:900px) {
	.company3 dl {flex-wrap:wrap}
	.company3 dl dt {width:100%; font-size:30px}
	.company3 dl dd {width:100%; font-size:14px}

.company3 dl {padding:20px 0}



}



.company4 ul {display:flex; flex-wrap:wrap; gap:50px 20px;  }
.company4 ul li {width:calc(25% - 15px); text-align:center; }
.company4 ul li div {width:100%; height:520px; overflow:hidden; box-sizing:border-box;  border:1px solid #e2e2e2; box-shadow:3px 3px 10px rgba(0,0,0,.1);  display:flex; flex-direction:column; justify-content:center; margin-bottom:10px}
.company4 ul li img {width:100%;  }
.company4 ul li h5 {font-size:16px; font-weight:400}
 
@media all and (max-width:900px) {
		.company4 ul li {width:calc(50% - 10px); }
		.company4 ul li div {height:65vw}
		.company4 ul li h5 {font-size:12px}

}

.company5 .flex {gap:50px; margin-top:30px}
.company5 dl dt {font-weight:600}

@media all and (max-width:900px) {
			.company5 dl {font-size:14px}
}

.rnd .section2 ul  {flex-wrap:wrap; gap:30px 0;  justify-content:space-between;}
.rnd .section2 ul li {width:24%; border-radius:15px; overflow:hidden;   position:relative; height:270px; display:flex; flex-direction:column; justify-content:center; align-items:center}
.rnd .section2 ul li span {margin-top:auto;  font-family: "Montserrat";  color:var(--main_c); font-weight:700; position:relative; z-index:9}
.rnd .section2 ul li h6 {color:#fff; font-size:24px; position:relative; z-index:9; margin-top:10px}
.rnd .section2 ul li p {height:120px; display:flex; flex-direction:column; justify-content:center; align-items:center;    margin-top:auto; color:#dbdbdb; position:relative; z-index:9; text-align:center}
.rnd .section2 ul li:after {width:100%; height:100%;  background:rgba(0,0,0,.6); content:''; position:absolute; left:0; top:0; }


@media all and (max-width:900px) {
	.rnd .section1 h3 span {  font-size:14px; line-height:1.4; margin-top:15px; font-weight:300; width:100%; display:inline-block}

	.rnd .section2 ul  { justify-content:space-between; gap:20px 0}
	.rnd .section2 ul li {width:49%; height:auto;  justify-content:flex-start;  padding:60px 0 30px 0  }
	.rnd .section2 ul li span {margin-top:0; font-size:11px}
	.rnd .section2 ul li h6 {font-size:15px; width:100%; text-align:center}
	.rnd .section2 ul li p {font-size:10px; margin-top:20px;  display:block; box-sizing:border-box; padding:0 30px; height:auto}

}

.product.list .section1 ul {gap:60px 0; justify-content:space-between; flex-wrap:wrap}
.product.list .section1 ul li {width:31%; cursor:pointer }
.product.list .section1 ul li div.img {width:100%; padding-bottom:80%; position:relative; overflow:hidden; border-radius:20px;  }
.product.list .section1 ul li img {min-width:100%; min-height:100%; position:absolute; left:50%; top:50%;   transform: translate(-50%, -50%); }
.product.list .section1 ul li:hover img {transform: translate(-50%, -50%) scale(1.2);   }
.product.list .section1 ul li  div.t {position:relative; margin-top:20px}
 
.product.list .section1 ul li h5 {font-size:25px; color:#363636; margin-bottom:15px }
.product.list .section1 ul li p {color:#4d4d4d; display:flex; align-items:flex-start; gap:10px}
.product.list .section1 ul li p + p {margin-top:5px}
.product.list .section1 ul li p:before {content:''; flex-shrink:0; border-radius:50%; width:4px; height:4px; margin-top:10px; background-color:#333; display:inline-block }
.product.list .section1 ul li span {display:inline-block;  background-color:#000; width:38px; height:38px; display:flex; justify-content:center; align-items:center;  position:absolute; right:0; top:0px; border-radius:50%; }
 
.product.list .section1 ul li:hover span {  background-color:var(--main_c);  }
.product.list .section1 ul li span svg {width:20px;}
.product.list .section1 ul li span svg path {stroke:#fff}

.product.list .section2 {padding-top:150px; padding-bottom:200px; background-color:#f9f9f9}
.product.list .section2 .swiper-slide p { min-height:60px}

@media all and (max-width:900px) {
	.product.list .section2 {padding-top:80px; padding-bottom:100px}
	.product.list .section1 ul { justify-content:space-between; gap:20px 0}
	.product.list .section1 ul li {width:48% }
	.product.list .section1 ul li h5 {font-size:16px}
	.product.list .section1 ul li p {font-size:10px}
	.product.list .section1 ul li p:before  {width:3px; height:3px; margin-top:6px}
	.product.list .section1 ul li span {top:-80px; right:20px }

}
.product.view {padding-top:0;}

.product.view .section1 {background-color:#f9f9f9; padding:60px 0}
.product.view .section1 div.flex.in {gap:100px}

.product.view .thum_list {width:50%;  max-width:540px; position:relative}


 

/*2차버전 (버림)**/

/* .product.view .thum_list .top_img > div { display: none; }  
.product.view .thum_list .top_img > div.on { display: block; }  

.product.view .thum_list .top_img {width:100%; position:relative; border-radius:20px; overflow:hidden; margin-bottom:15px}
.product.view .thum_list .top_img img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.product.view .thum_list .top_img button {  font-size:22px; color:#fff; position:absolute; top:50%; width:50px; height:50px; margin-top:-20px}
.product.view .thum_list .top_img button.prev {left:0}
.product.view .thum_list .top_img button.next {right:0}
.product.view .thum_list .top_img p.label {position:absolute; right:15px; bottom:15px; border:1px solid var(--main_c);  border-radius:10px; color:var(--main_c); padding:0px 20px; white-space:nowrap; line-height:35px;  background-color:#fff}

 
.bottom_slide {width:100%; display:flex; overflow-x:auto; padding-bottom:10px;}
.bottom_slide div {width:31%; line-height:0;  margin-right:2.7%; box-sizing:border-box;   flex-shrink:0; border-radius:10px; overflow:hidden}
.bottom_slide div:last-child {margin-right:0}
.bottom_slide div img {width:100%} */


@media all and (max-width:900px) {

  .product.view .thum_list {  width:100%;  max-width:100%; }
 }


.product.view .right_info {width:100%; margin-left:auto }
.product.view .right_info h5 {font-size:30px; margin-bottom:20px}
.accordion {
  width:100%; 
  border-top: 1px solid #bababa;
}

.accordion-item {
  border-bottom: 1px solid #bababa;
}

.accordion-btn {
  width: 100%;
  padding: 15px 0;
  padding-right:20px; 
  text-align: left;
  font-size: 24px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  color:#333
}

.accordion-btn .symbol {
  font-size: 30px;
  transition: transform 0.3s ease;
  font-weight:200;
}

.accordion-content {
		display: none;
	 
		box-sizing:border-box; 
	 	color: #333;
		padding-bottom:30px;
}
.accordion-content div.flex {gap:30px 0}
.accordion-content ul.flex {gap:10px 0}
.product5 .accordion-content div.flex.js ul {width:55%}
.product5 .accordion-content div.flex.js ul:last-child {width:45%}


.product.view .section2 ul {display:flex; flex-wrap:wrap; gap:20px}
.product.view .section2 ul li {width:calc(25% - 17px); background:url('/common/img/view_box_bg1.png') no-repeat; background-size:cover; display:flex; flex-direction:column; height:440px; color:#fff; box-sizing:border-box; padding:30px 20px; position:relative; border-radius:16px; overflow:hidden }
.product.view .section2 ul li:after {width:100%; height:100%;  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%); content:''; position:absolute; left:0; top:0;  }
.product.view .section2 ul li:before {width:100%; height:100%; background:rgba(0,0,0,.4); content:''; position:absolute; left:0; top:0;  }

.product.view .section2 ul li h6 {font-size:30px; position:relative; z-index:9 }
.product.view .section2 ul li h6 span {font-size:16px; font-weight:400; color:#fff}
.product.view .section2 ul li div {margin-top:auto;  height:180px; position:relative; z-index:9}
.product.view .section2 ul li dl dt {background-color:#ff8800; margin-bottom:10px; padding:10px 12px 12px 12px;  line-height:.5;  border-radius:50px;    display:inline-block}
.product.view .section2 ul li dl + dl {margin-top:20px}
.product.view .section2 ul li dl dd p + p {margin-top:5px}
.product.view .section2 ul li dl dd p {font-size:16px; font-weight:300;  display:flex; align-items:flex-start; gap:10px }
.product.view .section2 ul li dl dd p:before {content:''; border-radius:50%; width:4px; height:4px; margin-top:10px; background-color:#fff; display:inline-block }

.product.view .section3 .example_img  {gap:20px; line-height:0}
.product.view .section3 .example_img div {width:100%; border-radius:16px;  }
.product.view .section3 .example_img ul {flex-wrap:wrap; gap:20px}
.product.view .section3 .example_img ul li {width:calc(50% - 10px);  }
.product.view .section3 .example_img ul li img {width:100%; border-radius:16px; }

.product.view.product1 .section2 ul li:first-child {  background:url('/common/img/product1_sec2_1.png') no-repeat;  }
.product.view.product1 .section2 ul li:nth-child(2) {  background:url('/common/img/product1_sec2_2.png') no-repeat;  }
.product.view.product1 .section2 ul li:nth-child(3) {  background:url('/common/img/product1_sec2_3.png') no-repeat;  }
.product.view.product1 .section2 ul li:nth-child(4) {  background:url('/common/img/product1_sec2_4.png') no-repeat;  }
.product.view.product1 .section2 ul li:nth-child(5) {  background:url('/common/img/product1_sec2_5.png') no-repeat;  }
.product.view.product1 .section2 ul li:nth-child(6) {  background:url('/common/img/product1_sec2_6.png') no-repeat;  }
.product.view.product1 .section2 ul li:nth-child(7) {  background:url('/common/img/product1_sec2_7.png') no-repeat;  }
.product.view.product1 .section2 ul li:nth-child(8) {  background:url('/common/img/product1_sec2_8.png') no-repeat;  }

.product.view.product2 .section2 ul li:first-child {  background:url('/common/img/product2_sec2_1.png') no-repeat;  }
.product.view.product2 .section2 ul li:nth-child(2) {  background:url('/common/img/product2_sec2_2.png') no-repeat;  }
.product.view.product2 .section2 ul li:nth-child(3) {  background:url('/common/img/product2_sec2_3.png') no-repeat;  }
.product.view.product2 .section2 ul li:nth-child(4) {  background:url('/common/img/product2_sec2_4.png') no-repeat;  }
.product.view.product2 .section2 ul li:nth-child(5) {  background:url('/common/img/product2_sec2_5.png') no-repeat;  }
.product.view.product2 .section2 ul li:nth-child(6) {  background:url('/common/img/product2_sec2_6.png') no-repeat;  }
.product.view.product2 .section2 ul li:nth-child(7) {  background:url('/common/img/product2_sec2_7.png') no-repeat;  }
.product.view.product2 .section2 ul li:nth-child(8) {  background:url('/common/img/product2_sec2_8.png') no-repeat;  }

.product.view.product3 .section2 ul li:first-child {  background:url('/common/img/product3_sec2_1.png') no-repeat;  }
.product.view.product3 .section2 ul li:nth-child(2) {  background:url('/common/img/product3_sec2_2.png') no-repeat;  }
.product.view.product3 .section2 ul li:nth-child(3) {  background:url('/common/img/product3_sec2_3.png') no-repeat;  }
.product.view.product3 .section2 ul li:nth-child(4) {  background:url('/common/img/product3_sec2_4.png') no-repeat;  }
.product.view.product3 .section2 ul li:nth-child(5) {  background:url('/common/img/product3_sec2_5.png') no-repeat;  }
.product.view.product3 .section2 ul li:nth-child(6) {  background:url('/common/img/product3_sec2_6.png') no-repeat;  }
.product.view.product3 .section2 ul li:nth-child(7) {  background:url('/common/img/product3_sec2_7.png') no-repeat;  }
.product.view.product3 .section2 ul li:nth-child(8) {  background:url('/common/img/product3_sec2_8.png') no-repeat;  }

.product.view.product4 .section2 ul li:first-child {  background:url('/common/img/product4_sec2_1.png') no-repeat;  }
.product.view.product4 .section2 ul li:nth-child(2) {  background:url('/common/img/product4_sec2_2.png') no-repeat;  }
.product.view.product4 .section2 ul li:nth-child(3) {  background:url('/common/img/product4_sec2_3.png') no-repeat;  }
.product.view.product4 .section2 ul li:nth-child(4) {  background:url('/common/img/product4_sec2_4.png') no-repeat;  }
.product.view.product4 .section2 ul li:nth-child(5) {  background:url('/common/img/product4_sec2_5.png') no-repeat;  }
.product.view.product4 .section2 ul li:nth-child(6) {  background:url('/common/img/product4_sec2_6.png') no-repeat;  }
.product.view.product4 .section2 ul li:nth-child(7) {  background:url('/common/img/product4_sec2_7.png') no-repeat;  }
.product.view.product4 .section2 ul li:nth-child(8) {  background:url('/common/img/product4_sec2_8.png') no-repeat;  }

.product.view.product5 .section2 ul li:first-child {  background:url('/common/img/product5_sec2_1.png') no-repeat;  }
.product.view.product5 .section2 ul li:nth-child(2) {  background:url('/common/img/product5_sec2_2.png') no-repeat;  }
.product.view.product5 .section2 ul li:nth-child(3) {  background:url('/common/img/product5_sec2_3.png') no-repeat;  }
.product.view.product5 .section2 ul li:nth-child(4) {  background:url('/common/img/product5_sec2_4.png') no-repeat;  }
.product.view.product5 .section2 ul li:nth-child(5) {  background:url('/common/img/product5_sec2_5.png') no-repeat;  }
.product.view.product5 .section2 ul li:nth-child(6) {  background:url('/common/img/product5_sec2_6.png') no-repeat;  }
.product.view.product5 .section2 ul li:nth-child(7) {  background:url('/common/img/product5_sec2_7.png') no-repeat;  }
.product.view.product5 .section2 ul li:nth-child(8) {  background:url('/common/img/product5_sec2_8.png') no-repeat;  }

@media all and (max-width:1200px) {
 
   .product.view .section2 ul li {width:calc(33% - 11px); }

}
@media all and (max-width:900px) {

			.product.view .section2 ul { justify-content:space-between; gap:20px 0}
			.product.view .section2 ul li {width:49% }
			.product.view .right_info h5  {font-size:18px}
			.product.view .right_info h5 + p {font-size:13px}
			.accordion-btn {font-size:18px; padding:10px 0 }
			.accordion-content {font-size:14px}
			.accordion-content div.flex.col-2 div {width:100%}

			.product.view .section2 ul li h6 {font-size:16px; margin-bottom:60px }
			.product.view .section2 ul li h6 span.s_t {display:block; font-size:13px; margin-top:5px}
			.product.view .section2 ul li {height:auto}
			.product.view .section2 ul li div {margin-top:auto; height:auto}
			.product.view .section2 ul li dl dt {font-size:12px}
			.product.view .section2 ul li dl dd p {font-size:10px}

			.product.view .section3 .example_img div {border-radius:10px; height:80vw}


}

.contact .flex h4 {width:50%; font-size:55px; }
.contact .flex .right {width:50%}
.contact .flex .right ul {width:100%; margin-top:20px}
.contact .flex .right ul li {width:100%;margin-bottom:30px}
.contact .flex .right ul li:last-child  {margin-bottom:0}
.contact .flex .right ul li input {width:100%; height:46px; border:none;  border-bottom:1px solid #ddd;  font-size:18px; }
.contact .flex .right textarea {width:100%; padding:20px; box-sizing:border-box; height:200px; font-size:18px; border:1px solid #ddd; color:#666}
.contact .flex .right a {margin-top:100px}
.contact .flex h5 {width:100%; font-weight:400; font-size:35px; margin-bottom:10px}


@media all and (max-width:900px) {
		.contact .flex h4 {width:100%; font-size:30px }
		.contact .flex h5 {font-size:20px}
		.contact .flex .right {width:100%; margin-top:60px}
		.contact .flex .right ul li input {  font-size:15px; }
		.contact .flex .right textarea { font-size:15px;}
		.contact hr.sub_hr  {height:70px}

}

.search .list {display:flex; margin-top:50px;  flex-wrap:wrap; gap:30px 18px;   }
.search .list li {width:calc(16.66% - 16.2px);  }
.search .list li .img {position:relative; margin-bottom:10px; border-radius:10px; width:100%; padding-bottom:100%; overflow:hidden }
.search .list li .img  img {width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.search .list li p.label {background-color:#000; border-radius:50px; position:absolute; left:10px; top:10px;   color:#fff;  font-size:16px; line-height:36px; padding:0 20px; display:inline-block}
.search.view .flex {gap:100px}
.search.view .flex img  {width:100%; max-width:500px}
.search.view .info {width:50%; }
.search.view .info dl {display:flex; margin:10px 0;}
.search.view .info h3 + dl  {border-top:1px solid #ddd; padding-top:30px}
.search.view .info dl:last-child {border-bottom:1px solid #ddd; padding-bottom:30px}
.search.view .info dl dt {width:200px; flex-shrink:0; font-weight:600}


@media all and (max-width:900px) {
		.search .list { gap:30px 10px;  }
		.search .list li {width:calc(33.3333%  - 7px); }
		.search .list li p {font-size:12px}
		.search .list li p.label {line-height:1.2; font-size:12px;  padding:7px 13px}
		.search.view .flex {flex-wrap:nowrap; gap:20px; align-items:center}
		.search.view .flex img {width:40%}
		.search.view .info {width:60%; }
		.search.view .info h3 + dl  {border-top:none; padding-top:0}
		.search.view .info dl:last-child {border-bottom:none; padding-bottom:0} 

		.search.view .info dl dt {  width:50px; font-size:14px}
		.search.view .info dl dd {  font-size:11px; padding-top:3px}
		.search.view hr.sub_hr {height:80px}
}