@charset "utf-8";

.sub_contents {width:100%;  line-height:1.35;  font-size:1.7rem; overflow-x: hidden; overflow-y: hidden; }

.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#f83b00 !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 {overflow: auto;position: relative}

@media( max-width:1400px) {
	.side_pd {padding-left:20px !important; padding-right:20px !important;}
	.sub_contents {overflow-x:hidden; }
}

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


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px!important;}
.mg_t20{margin-top:20px!important;}
.mg_t30{margin-top:30px!important;}
.mg_t40{margin-top:40px!important;}
.mg_t50{margin-top:50px!important;}
.mg_t80{margin-top:80px!important;}
.mg_t100{margin-top:100px!important;}
.mg_t120{margin-top:120px!important;}
.mg_t150{margin-top:150px!important;}


.mg_b10{margin-bottom:10px!important;}
.mg_b20{margin-bottom:20px!important;}
.mg_b30{margin-bottom:30px!important;}
.mg_b40{margin-bottom:40px!important;}
.mg_b50{margin-bottom:50px!important;}
.mg_b80{margin-bottom:80px!important;}


.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.txt_c {text-align:center;}
.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%;
}



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

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

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

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

}



/*회사개요*/

.overview_top {border-radius:4.0rem; background: url("../../pages/images/overview_01.jpg") no-repeat center center;  background-size:cover; text-align:center;  padding:13.0rem 2.0rem 11.0rem 2.0rem; max-width:1800px; margin:auto;}
.overview_top > .txt1,
.overview_top > .txt2 {font-size: 12.0rem;font-family: 'Poppins';font-weight: 900;-webkit-text-stroke: 1px #fff;color: transparent;line-height: 0.95;}
.overview_top > .txt1 > span {color: #1aa4ed;-webkit-text-stroke: 0px;}
.overview_top > .txt2 > span {color: #ed193a;-webkit-text-stroke: 0px;}

.overview_txt {margin-top:13.0rem; text-align:center; }
.overview_txt strong {font-size:4.6rem; font-weight:600;}
.overview_txt p {font-size:2.4rem; color:#606060; font-weight:400; margin-top:1.0rem;}

.overview_ico {margin-top:7.0rem; }
.overview_ico .overview_box {width:25%; display:flex; gap:15px; align-items: center;}
.overview_ico .overview_box dt {font-size:1.8rem; font-weight:400; color:#606060;}
.overview_ico .overview_box dd {font-size:2.0rem; font-weight:500}



.overview_location {justify-content: space-between; margin-top:5.0rem;}
.overview_location .location_wrap {width:49%;}
.overview_location .location_wrap img {max-width:100%; border-radius:3.0rem;}
.location_inner {margin-top:2.0rem;}
.location_inner > span {width:11.5rem; text-align:center; display:inline-block;}
.location_inner > dl {margin-top:1.5rem; width: calc(100% - 12.5rem); margin-left:1.0rem;}
.location_inner > dl > dt {font-size:1.8rem; font-weight:400; color:#606060; margin-bottom:1.0rem;}
.location_inner > dl > dd {font-size:1.7rem; font-weight:500; color:#000; margin-bottom:0.5rem;}


.biz_wrap {margin-top:12.0rem; padding:15.0rem 0;}
.biz_wrap .biz_title {text-align:center; font-size:4.2rem; font-weight:500;}

.bix_cont ul {justify-content: space-between; margin-top:5.0rem;}
.bix_cont ul li {width:24%; text-align:center; color:#fff; overflow:hidden;  aspect-ratio: calc(336/348); position:relative; 
				display:flex; justify-content: center; align-items: center; flex-direction: column; border-radius:3.0rem;}
.bix_cont ul li .bg {width:100%; height:100%; transform: scale(1.0);transition: 0.8s;   background-size:cover; position: absolute;top: 0;left: 0;z-index: 0; }
.bix_cont ul li .bg1 {background: url("../../pages/images/overview_04.jpg") no-repeat center center;}
.bix_cont ul li .bg2 {background: url("../../pages/images/overview_055.jpg") no-repeat center center; }
.bix_cont ul li .bg3 {background: url("../../pages/images/overview_066.jpg") no-repeat center center; }
.bix_cont ul li .bg4 {background: url("../../pages/images/overview_07.jpg") no-repeat center center; }

.bix_cont ul li > strong {font-size:3.0rem; z-index:1}
.bix_cont ul li > span { font-size:1.8rem; z-index:1}

.bix_cont ul li:hover .bg {transform: scale(1.1);}


@media screen and (max-width: 1200px){
.overview_ico .overview_box {width:50%; margin-bottom:2.0rem;}
}


@media screen and (max-width: 1024px){
.overview_top {border-radius:0;}
.overview_top > .txt1,
.overview_top > .txt2 {font-size: 8.0rem;}
.overview_txt strong {font-size:3.6rem;}

.overview_location .location_wrap {width:100%; margin-bottom:5.0rem;}
.location_inner img {width:60px; }
.bix_cont ul li > strong {font-size:2.6rem; line-height:1.45; z-index:1}
}


@media screen and (max-width: 768px){
.overview_ico .overview_box img {width:60px;}
.bix_cont ul li {width:49%; margin-bottom:2%;}
.overview_txt p br {display:none;}
}



/*연혁*/
.subtop_txt {font-size:2.2rem; color:#606060;  text-align:center;}

.history_wrap {width:100%; position:relative; margin-top:8.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px;left:50%;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:10.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:60px; }
.history_list .his_img img {max-width:100%;  }
.history_list .his_txt {position:relative; width:50%; padding-left:60px;} 
.history_list .his_txt .his_year {font-size:3.4rem; font-weight:600; margin-bottom:2.0rem; color:#1aa4ed;}
.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: -5px;width:10px;height:10px;/*border:5px solid #77a832*/ ;border-radius:50%;background: #1aa4ed ;}

.history_list .his_txt dl {margin-bottom:4.0rem;}
.history_list .his_txt dl dt { font-weight:bold;  font-size:2.0rem; margin-bottom:1.0rem;}
.history_list .his_txt dl dd {color:#777; font-size:1.8rem; margin-bottom:0.5rem; display:flex;}
.history_list .his_txt dl dd span {width:30px; color:#202020; font-size:1.7rem;}

.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:0;padding-left:60px;}
.history_list:nth-child(even) .his_txt {order:1; text-align: right; padding-left:0;padding-right:60px; }

.history_list:nth-child(even) .his_txt:before {left: auto; right: -5px;}
.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1; flex-direction: row-reverse;}




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


.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list .his_img {width:100%; text-align:left; padding-left:40px; padding-right:0; margin-bottom:20px;}

.history_list .his_txt {width:100%;}

.history_list:nth-child(even) .his_img {order:1; text-align: left; padding-right:0;padding-left:40px; }
.history_list:nth-child(even) .his_txt {order:2; text-align: left; padding-left:60px;padding-right:0px; }

.history_list:nth-child(even) .his_txt:before {left: -9px; right: auto;}
.history_list:nth-child(even) .his_txt dt {order:1;}
.history_list:nth-child(even) .his_txt dd {order:2; flex-direction: row;}

.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: 5px;width:10px;height:10px;;border-radius:50%;background: #1aa4ed;}
.history_list:nth-child(even) .his_txt:before {left: 5px; right: auto;}

}


/*조직도*/
.organization_wrap {background:#f9f9f9; padding:5.0rem; }
.organization_wrap img {max-width:100%; padding-left:20.0rem;}


@media screen and (max-width: 1024px){
.organization_wrap {text-align:center }
.organization_wrap img {padding-left:0;}
}



/*주요거래처*/
.client_wrap_pd {padding:12.0rem 0 6.0rem 0;}
.client_wrap {margin-bottom:5.0rem;}
.client_wrap .client_left {width:35rem; font-size:3.2rem; font-weight:500}
.client_wrap .client_left span {font-size:2.4rem; color:#606060; display:block;}
.client_wrap .client_right {width:calc(100% - 35rem); }
.client_right ul {margin:0 -2.5rem 0 0;}
.client_right ul li {width:calc(33% - 2.5rem); margin: 0 2.5rem 2.5rem 0;}
.client_right ul li img {max-width:100%; border:1px solid #ddd;}


@media screen and (max-width: 1200px){
.client_wrap .client_left {width:100%;}
.client_wrap .client_right {width:100%; margin-top:2.0rem; }
}


@media screen and (max-width: 768px){
.client_wrap_pd {padding:8.0rem 0 3.0rem 0;}
.client_right ul li {width:calc(50% - 2.5rem); }
}


/*오시는길*/
.loc_txt { border-top:1px solid #222; 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 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:320px; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}


@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: 1024px){
.loc_txt {padding:3.0rem 0;}
}


/*특허*/
.patent_wrap {width:70%; margin:3.0rem auto 5.0rem; }
.patent_wrap ul {justify-content: space-between;}
.patent_wrap ul li {width:31%; aspect-ratio: 1;}
.patent_box {width:100%; height:100%;  border-radius:100%;  display:flex;flex-direction: column;justify-content: center;align-items: center; border:1.5rem solid #ddd}
.patent_box strong {color:#1aa4ed; font-weight:800; font-size:9.0rem;}
.patent_box p {font-size:2.0rem; margin-top:1.0rem; color:#606060;}



.tech_wrap {display:flex;  flex-wrap: wrap;  margin:3.0rem -35px 0 0;}
.tech_wrap .tech_box {width:calc(25% - 35px); margin-right:35px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.tech_wrap .tech_box .tech_img {background:#fafafa; border:1px solid #e5e5e5; padding:5.0rem 2.0rem; }
.tech_wrap .tech_box .tech_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.tech_wrap .tech_box .tech_txt {color:#777; padding:3.0rem 0; font-size:1.8rem; font-weight:600; } 
.tech_wrap .tech_box .tech_txt span {display:block; color:#000;}

@media screen and (max-width: 1024px){
.patent_box strong {font-size:7.0rem;}
.patent_box p {font-size:2.0rem; margin-top:-1.0rem; color:#606060;}
.tech_wrap .tech_box {width:calc(50% - 35px);}
.tech_wrap .tech_box .tech_img img {width:80%;}

}



@media screen and (max-width: 768px){
.patent_wrap {width:100%;}
.patent_box  {border:1.0rem solid #ddd}
.patent_box strong {font-size:5.0rem;}

}




/*이미지3개 리스트*/
.gallery_wrap {display:flex;  flex-wrap: wrap; justify-content: space-between;}
.gallery_wrap .img_box {width:32.5%;}
.gallery_wrap .img_box img {max-width:100%;}


@media screen and (max-width: 768px){
.gallery_wrap .img_box {width:100%; margin-bottom:3.0rem;}
}


/*주요설비*/
.facilities_img {margin-top:5.0rem}
.facilities_table {margin-top:2.0rem;}
.facilities_table .table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45;}
.facilities_table .table thead {border-top: 3px solid #2a303a;}
.facilities_table .table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 12px; }
.facilities_table .table thead th:first-child {border-left: 0;}

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

@media screen and (max-width: 768px){
.facilities_table .table {font-size:14px;}

}


/*제조공정*/
.grey_bg2 {background:linear-gradient(0deg, rgba(248,248,248,1) 40%, rgba(255,255,255,1) 40%);}
.process_wrap {padding:10.0rem 0;}
.process_wrap .process_title {text-align:center; font-size:4.2rem; font-weight:600;}
.process_conts {margin-top:8.0rem;}
.process_step {text-align:center;width:20%; margin-bottom:3.5rem; padding:0 2.0rem;}
.process_step img {max-width:100%;}
.process_step span {display:block; color:#1aa4ed; font-size:1.8rem; font-weight:600; margin-top:2.0rem;}
.process_step p {margin-top:0.5rem; font-size:2.0rem; }


@media screen and (max-width: 1024px){
.process_step {width:33%;}

}


@media screen and (max-width: 768px){
.grey_bg2 {background:#fff;}
.process_step {margin-bottom:4.5rem;}
.process_step img {max-width:60%;}

.process_step {width:50%;}

}



/*검사설비*/
.inspection_wrap {margin: 3.0rem -12px 0 0;}
.inspection_list {width:calc(33% - 12px); margin:0 12px 5.0rem 0;}
.inspection_list img {max-width:100%;}
.inspection_list p {font-size:2.0rem; font-weight:500; color:#fff; margin-top:1.0rem; background:#1aa4ed; padding:1.0rem; text-align:center; } 



@media screen and (max-width: 768px){
.inspection_list {width:calc(50% - 12px);}
}




/*품질관리*/

.quality_inner {}
.quality_inner .quality_img {width:55%;}
.quality_inner .quality_img img {max-width:100%;}
.quality_inner .quality_txt {width:45%; display:flex; background:#f8f8f8;  align-items: center; padding:0 8.0rem; }
.quality_inner .quality_txt dt {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}
.quality_inner .quality_txt dd {color:#7a7a7a; font-size:1.8rem; display:flex; margin-bottom:0.8rem; }
.quality_inner .quality_txt dd span {color:#1aa4ed; font-weight:600; margin-right:1.0rem;}
.quality_inner:first-child {margin-bottom:7.0rem; flex-direction: row-reverse; margin-top:3.0rem;}


.quality_sys_wrap {margin-top:10.0rem;}
.quality_sys_wrap .sys_title {font-size:4.2rem; font-weight:600; text-align:center; margin-bottom:5.0rem;}
.quality_sys_wrap .sys_cont_wrap {padding:8.0rem 5.0rem;}


.sys_cont_wrap .sys_cont1 {justify-content: space-between; align-items: center;}
.sys_cont_wrap .sys_cont1 .sys_cont1_left {width:40%;}
.sys_cont_wrap .sys_cont1 .sys_cont1_left ul li {background:#838383; color:#fff; padding:2.5rem; text-align:center; border-radius:6.0rem; font-size:2.4rem;font-weight:600;  margin-bottom:1.5rem;}
.sys_cont_wrap .sys_cont1 .sys_cont1_arr {width:5%; /*display:flex; align-items: center;*/}
.sys_cont_wrap .sys_cont1 .sys_cont1_right {width:40%; background:#1aa4ed; font-size:3.0rem; color:#fff; padding:2.5rem; text-align:center; font-weight:600; border-radius:6.0rem;}


.sys_cont_wrap .sys_cont2 {margin-top:15.0rem; justify-content: space-between;}
.sys_cont_wrap .sys_cont2 .sys_cont2_img {width:50%;}
.sys_cont_wrap .sys_cont2 .sys_cont2_img img {max-width:100%;}

.sys_cont_wrap .sys_cont2 .sys_cont2_txt {width:45%;}
.sys_cont_wrap .sys_cont2 .sys_cont2_txt dl {background:#f0f0f0; padding:5.0rem; border-radius:3.0rem;}
.sys_cont_wrap .sys_cont2 .sys_cont2_txt dl:first-child {margin-bottom:4.0rem;}
.sys_cont_wrap .sys_cont2 .sys_cont2_txt dl dt {font-size:2.4rem; font-weight:600; margin-bottom:1.5rem;}
.sys_cont_wrap .sys_cont2 .sys_cont2_txt dl dd {font-size:1.8rem; color:#4c4c4c; margin-bottom:0.7rem; }


@media screen and (max-width: 1024px){
	.quality_inner .quality_img {width:100%;}
	.quality_inner .quality_txt {width:100%; padding:4.0rem; }
	
	
	.sys_cont_wrap .sys_cont2 .sys_cont2_img {width:100%;}
	.sys_cont_wrap .sys_cont2 .sys_cont2_txt {width:100%; margin-top:8.0rem;}
}


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

.sys_cont_wrap .sys_cont1 {flex-direction: column;}
.sys_cont_wrap .sys_cont1 .sys_cont1_left {width:100%;}
.sys_cont_wrap .sys_cont1 .sys_cont1_left ul li {font-size:2.0rem; padding:2.0rem;  margin-bottom:1.0rem;}
.sys_cont_wrap .sys_cont1 .sys_cont1_arr { width:100%; text-align:center; padding:30px 0;}
.sys_cont_wrap .sys_cont1 .sys_cont1_arr img {width:50px; transform:rotate(90deg);}
.sys_cont_wrap .sys_cont1 .sys_cont1_right {font-size:2.8rem; width:100%;}

}

/*제품소개*/
.pro_bg {padding:10.0rem 0;}
.pro_bg h3 {color:#1aa4ed; font-size:3.4rem;  font-weight:800;}
.pro_bg h4 {font-size:2.4rem; margin-bottom:2.0rem; margin-top:5.0rem;}


.pro_bg02 h3 {color:#1aa4ed; font-size:3.4rem;  font-weight:800;}
.pro_bg02 h4 {font-size:2.4rem; margin-bottom:2.0rem; margin-top:5.0rem;}



.product_box {}
.product_box dl.img_list:first-child {margin-top:0}
.product_box dl.img_list {margin-top:6.0rem;}
.product_box dl.img_list dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.product_box dl.img_list dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.product_box dl.img_list dd {}
.product_box dl.img_list dd ul {margin:0 -2.7rem 0 0; }
.product_box dl.img_list dd ul li {width:calc(33% - 2.7rem); margin-right:2.7rem;  margin-bottom:3.0rem;}
.product_box dl.img_list dd ul li img {max-width:100%; border:1px solid #ddd;}
.product_box dl.img_list dd ul li p {text-align:center; margin-top:1.0rem; color:#777; font-size:1.8rem;}


.product_box dl.img_list02:first-child {margin-top:0}
.product_box dl.img_list02 {margin-top:6.0rem;}
.product_box dl.img_list02 dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.product_box dl.img_list02 dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.product_box dl.img_list02 dd {}
.product_box dl.img_list02 dd ul {margin:0 -2.7rem 0 0; }
.product_box dl.img_list02 dd ul li {width:calc(50% - 2.7rem); margin-right:2.7rem;  margin-bottom:3.0rem;}
.product_box dl.img_list02 dd ul li img {max-width:100%; border:1px solid #ddd;}
.product_box dl.img_list02 dd ul li p {text-align:center; margin-top:1.0rem; color:#777; font-size:1.8rem;}

.product_box02 { justify-content: space-between;}
.product_box dl.img_list03 {width:49%; margin-top:5.0rem;}
.product_box dl.img_list03 dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.product_box dl.img_list03 dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.product_box dl.img_list03 dd {}
.product_box dl.img_list03 dd ul {margin:0 -2.0rem 0 0; }
.product_box dl.img_list03 dd ul li {width:calc(50% - 2.0rem); margin-right:2.0rem;  margin-bottom:3.0rem;}
.product_box dl.img_list03 dd ul li img {max-width:100%; border:1px solid #ddd; }
.product_box dl.img_list03 dd ul li p {text-align:center; margin-top:1.0rem; color:#777; font-size:1.8rem;}




.product_box dl.img_list04:first-child {margin-top:0}
.product_box dl.img_list04 {margin-top:6.0rem;}
.product_box dl.img_list04 dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.product_box dl.img_list04 dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.product_box dl.img_list04 dd {}
.product_box dl.img_list04 dd ul {margin:0 -2.7rem 0 0; }
.product_box dl.img_list04 dd ul li {width:calc(50% - 2.7rem); margin-right:2.7rem;  margin-bottom:3.0rem;}
.product_box dl.img_list04 dd ul li img {max-width:100%; border:1px solid #ddd;}
.product_box dl.img_list04 dd ul li p {text-align:center; margin-top:1.0rem; color:#777; font-size:1.8rem;}

/*.product_box dl.img_list06 dd ul {margin:0 -2.7rem 0 0; }*/
.product_box dl.img_list06 .pro_list01 {width:calc(50% - 2.7rem); margin-right:2.7rem;  margin-bottom:3.0rem;}
.product_box dl.img_list06 .pro_list02 {width:calc(25% - 2.7rem); margin-right:2.7rem;  margin-bottom:3.0rem;}




.product_box dl.img_list05:first-child {margin-top:0}
.product_box dl.img_list05 {margin-top:6.0rem;}
.product_box dl.img_list05 dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.product_box dl.img_list05 dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.product_box dl.img_list05 dd {}
.product_box dl.img_list05 dd ul {margin:0 -2.0rem 0 0; }
.product_box dl.img_list05 dd ul li {width:calc(25% - 2.0rem); margin-right:2.0rem;  margin-bottom:3.0rem;}
.product_box dl.img_list05 dd ul li img {max-width:100%; border:1px solid #ddd;}
.product_box dl.img_list05 dd ul li p {text-align:center; margin-top:1.0rem; color:#777; font-size:1.8rem;}



.product_box dl.img_list06 {width:49%; margin-top:5.0rem;}
.product_box dl.img_list06 dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.product_box dl.img_list06 dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.product_box dl.img_list06 dd {}
/*.product_box dl.img_list06 dd ul {margin:0 0 0 0; }*/
.product_box dl.img_list06 dd ul li {width:100%; margin-right:2.0rem;  margin-bottom:3.0rem;}
.product_box dl.img_list06 dd ul li img {max-width:100%; border:1px solid #ddd; }
.product_box dl.img_list06 dd ul li p {text-align:center; margin-top:1.0rem; color:#777; font-size:1.8rem;}







/*.img_list_wrap {width:100%; margin-top:6.0rem;}
.img_list_wrap .img_list {}
.img_list_wrap .img_list_in {width:50%;}
.img_list_wrap .img_list_in dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.img_list_wrap .img_list_in dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.img_list_wrap .img_list_in img {border:1px solid #ddd; }*/

.product_box dl.pdf_list {margin-top:8.0rem; width:100%;}
.product_box dl.pdf_list dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px; }
.product_box dl.pdf_list dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}
.product_box dl.pdf_list ul li {width:25%; margin-bottom:0.7rem;}
.product_box dl.pdf_list ul li:before {content:'-'; display:inline-block; margin-right:10px; }


.pdf_list02 {background:#f8f8f8; padding:5.0rem;}



.product04 h4 {font-size:2.4rem; margin-bottom:2.0rem; }

.product04 .product04_img {width:45%;}
.product04 .product04_table {width:50%; margin-left:5%;}

.product04_list dt {font-size:2.0rem; color:#000; margin-bottom:2.0rem; position:relative; font-weight:500; padding-left:15px;}
.product04_list dt:before {content:''; width:5px; height:5px; background:#1aa4ed; position:absolute; left:0; top:10px;}

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

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


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

.product_box dl.img_list dd ul li {width:calc(50% - 2.7rem); }
.product_box dl.pdf_list ul li {width:50%; }

.product_box dl.img_list03 {width:100%; margin-right:0;}
/*.product_box dl.img_list05 dd ul {margin:0;}*/
.product_box dl.img_list05 dd ul li {width:calc(50% - 2.0rem);}


.product04 .product04_img {width:100%; text-align:center; }
.product04 .product04_table {width:100%; margin-top:5%; margin-left:0;}

.product_box dl.img_list06 dd ul  {margin:0 -2.7rem 0 0;}
.product_box dl.img_list06 .pro_list01 {width:100%; margin-right:0rem;  margin-bottom:3.0rem;}
.product_box dl.img_list06 .pro_list02 {width:calc(50% - 2.7rem); margin-right:2.7rem;  margin-bottom:3.0rem;}



}



@media screen and (max-width: 768px){
.product_box dl.img_list04 dd ul {margin:0 0rem 0 0; }
.product_box dl.img_list04 dd ul li {width:100%; margin-right:0;}

.product_box dl.img_list06 {width:100%;}
}