@charset "utf-8";

.sub_content {width:100%; position:relative;  }

.ht100 {margin-top: 10rem;}

.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point2 {color:#1d2088 !important;}


.grey_bg {background:#f7f7f7;}


@media( max-width:1400px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}

}

@media( max-width:1024px) {

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

}


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


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


.pd_b100 {padding-bottom:10.0rem;}



/******서브공통 ******/

.subtop_bg {height:440px; width:100%; position:relative;}


.sub_inner_wrap {position:relative; z-index:1;  background:#fff; border-radius: 100px 100px 0 0; max-width:1400px; margin:-17.0rem auto 0; padding:150px 130px 0 130px;  }

@media( max-width:1024px) {

.sub_inner_wrap {border-radius: 50px 50px 0 0; padding:80px 30px 0 30px; width:95%;}
}


/*회사개요*/
.companytop_bg {background: url("../../pages/images/company_top_bg.jpg") no-repeat center center;}

.sub_inner {width:100%; position:relative; display:flex; flex-wrap:wrap;}
.sub_inner .company_left {width:50%;}
.sub_inner h3 {font-size:6.0rem;}
.sub_inner .company_left p {font-size:2.4rem; color:#333; margin-top:3.0rem;}

.sub_inner .company_right {width:50%;}
.sub_inner .company_right dl {border-bottom:2px solid #e5e5e5; padding:25px 30px; display:flex;  font-size:1.8rem;;}
.sub_inner .company_right dt {width:200px; color:#333; font-weight:600;}
.sub_inner .company_right dd {width:calc(100% - 200px); color:#777;}



@media( max-width:1024px) {

.sub_inner .company_left {width:100%; text-align:center;}
.sub_inner .company_left br {display:none;}
.sub_inner .company_right {width:100%; margin-top:5.0rem;}
}


@media( max-width:768px) {

.sub_inner .company_right dt {width:120px}

}

/*CEO 인사말*/
.messagetop_bg {background: url("../../pages/images/message_top_bg.jpg") no-repeat center center;}
.sub_inner .message_left {width:50%; }
.message_left .message_txt1 {font-size:2.4rem; color:#333; margin-top:3.0rem;}
.message_left p {font-size:1.8rem; color:#777; margin-top:4.0rem;}
.message_left span.ceo_name {position:relative; display:block;  color:#333; margin-top:4.0rem; font-size:2.6rem}
/*.message_left span.ceo_name:after {content:''; position:absolute; bottom:-5px; left:210px; width:96px; height:42px; background: url("../../pages/images/ceo_name.jpg") no-repeat left center;}*/


.sub_inner .message_right {width:50%; text-align:right;}


@media( max-width:1024px) {

.sub_inner .message_left {width:100%; }
.sub_inner .message_right {width:100%; margin-top:5.0rem; text-align:left;}
.sub_inner .message_right img {width:100%;}
}




/*연혁*/
.historytop_bg  {background: url("../../pages/images/history_top_bg.jpg") no-repeat center center;}

.history_title {width:258px;}
.history_contents {position:relative; width:calc(100% - 258px); }
.history_contents:before {content:""; position: absolute; top: 10px; left:0; width:1px; height:100%; background:#ddd;}

.history_contents dl {position:relative;  display:flex; margin-bottom:4.5rem; padding-top:10px;}
.history_contents dl:before {content:"";position: absolute;top: 10px;left: -9px;width:20px;height:20px;border:6px solid #fff;border-radius:50%;background: #00aeea;}
.history_contents dl:first-child {margin-top:0px;}
.history_contents dl dt {font-size:2.4rem;color:#333; font-weight:bold; width:160px; padding-left:60px; }
.history_contents dl dd {color:#777; font-size:1.8rem; width:calc(100% - 160px);}
.history_contents dl dd ul li {margin-bottom:0.5rem;}

@media( max-width:1024px) {

.history_title {width:100%;}
.history_title h3 {text-align:center;}
.history_title h3 br {display:none;}
.history_contents {width:100%; margin-top:5.0rem;}

}

@media( max-width:768px) {

.history_contents dl dt {width:120px; padding-left:40px;}
.history_contents dl dd {color:#777; font-size:1.8rem; width:calc(100% - 120px);}

}

/*조직도*/
.organizationtop_bg  {background: url("../../pages/images/organization_top_bg.jpg") no-repeat center center;}
.organization_img {width:100%; text-align:center; margin-top:-7.0rem;}
.organization_img img {max-width:100%;}






/*경영이념*/
.philosophy_wrap {width:100%;  height:909px; position:relative; background: url("../../pages/images/philosophy_img.jpg") no-repeat top center;}
.philosophy_mobile {display:none;}


.phil_txt {width:280px; height:153px; }
.phil_txt dt {font-size:3.2rem; color:#333; font-weight:600;}
.phil_txt dd {font-size:1.8rem; color:#777; margin-top:1.0rem;}


.philosophy01 {position:absolute; text-align:right; left:50%; top:50%; transform: translate(-50%, -50%);  margin-top:-20.0rem; margin-left:-52.0rem; }
.philosophy01:before {content:''; position:absolute; background:#ea00af; width:4px; height:31px; top:10px; right:-20px; }

.philosophy02 {position:absolute; text-align:left; left:50%; top:50%; transform: translate(-50%, -50%);  margin-top:-20.0rem; margin-left:50.0rem;}
.philosophy02:before {content:''; position:absolute; background:#ea3c00; width:4px; height:31px; top:10px; left:-20px; }

.philosophy03 {position:absolute;  text-align:center; left:50%; bottom:0px; transform: translate(-50%, 0); }
.philosophy03:before {content:''; position:absolute; background:#00aeea; width:31px; height:4px; top:-15px; left:50%;  transform: translate(-50%, 0); }



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

.philosophy01 {margin-left:-45.0rem; }
.philosophy02 {margin-left:45.0rem;}

}


@media screen and (max-width:1200px){
.philosophy_mobile {display:block;}
.philosophy_wrap {background:none; height:auto;}
.philosophy_mobile {text-align:center;}
.philosophy_mobile img {max-width:90%; }

.phil_txt {position:relative !important; left:auto !important; top:auto !important; margin:auto !imporant; transform: translate(0, 0);  }

.philosophy01 {text-align:center; margin:8.0rem auto; }
.philosophy02 {text-align:center; margin:5.0rem auto; }
.philosophy03 {text-align:center; margin:5.0rem auto;}

.philosophy01:before {content:''; position:absolute; background:#ea00af; width:31px; height:4px; top:-15px; left:50%;  transform: translate(-50%, 0); }
.philosophy02:before {content:''; position:absolute; background:#ea3c00; width:31px; height:4px; top:-15px; left:50%;  transform: translate(-50%, 0); }
.philosophy03:before {content:''; position:absolute; background:#00aeea; width:31px; height:4px; top:-15px; left:50%;  transform: translate(-50%, 0); }


}



/*오시는길*/
.location_wrap {width:100%; position:relative;  display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-bottom:10.0rem; padding:7.5rem 0;}
.location_map {width:50%; }
.location_map .map_height {height:390px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}



.location_txt {position:relative; width:100%; width:40%; padding-top:4.0rem;  }
.location_txt .loc_txt1 {color:#000;  font-size:3.2rem;}
.location_txt .loc_btn {position:absolute; top:40px; right:0; background:#fff; padding:15px 120px 15px 30px; color:#333; font-size:15px; font-weight:600; border:1px solid #cecece;
						background: url("../../pages/images/loc_ico.png") no-repeat right 20px center;}

.location_txt .loc_table {position:relative; width:100%; margin-top:3.5rem;}

.location_txt .loc_table table {border-top:2px solid #222; font-size:16px;}
.location_txt .loc_table table tr { border-bottom:1px solid #ddd; }
.location_txt .loc_table table th {text-align:center; border-right:1px solid #ddd; width:30%;}
.location_txt .loc_table table td {padding:25px; color:#666; width:70%;}


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



.location_map {width:100%; margin-top:5.0rem;}
.location_txt {width:100%; padding-top:0;}

.location_txt .loc_btn  {top:-10px; padding:15px 80px 15px 30px;}


.location_map .map_height {height:320px; width:100%;}

.location_wrap {margin-bottom:5.0rem;}

}


/*보유인증서*/

.patent_wrap {position:relative; width:100%;  display:flex;  flex-wrap: wrap; }
.patent_wrap .patent_box { position:relative; width:calc((100% / 4) - 30px); margin:0 15px;text-align:center;   margin-bottom:7.0rem; overflow:hidden;}
.patent_wrap .patent_box .patent_img { position:relative; background:#f4f4f4; padding:50px; box-sizing:border-box; } 
.patent_wrap .patent_box .patent_img:after {content:"";display:block;opacity:0;position:absolute;width:100%;height:100%;border:2px solid #0a236d;top:0; left:0; transition: all 0.6s;}
.patent_wrap .patent_box .patent_img img {width:100%;}
.patent_wrap .patent_box .patent_txt {font-size:1.8rem; color:#333; margin-top:2.0rem;} 


.patent_img:hover .biz_thumb_over {opacity:1; transition: all  0.8s; width:100%; height:100%; 
										background: url('../../pages/images/icon_plus.png')no-repeat center center; position:absolute; top:0; left:0;}

.patent_img .biz_thumb_over {transition: all  0.8s; width:100%; height:100%; background: url('../../pages/images/icon_plus.png')no-repeat center center;
position:absolute; top:0; left:0; opacity:0;}
.patent_wrap .patent_box .patent_img:hover:after {content:""; opacity:1;transition: all 0.6s;}



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

.patent_wrap .patent_box { position:relative; width:calc((100% /3) - 30px);}

}


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

.patent_wrap .patent_box { position:relative; width:calc((100% /2) - 30px);}
.patent_wrap .patent_box .patent_img {padding:30px;}

}



/*제품소개*/



.product_wrap {width:100%; position:relative;  }

.product_top {width:100%; position:relative;  display:flex; flex-wrap: wrap;  justify-content: space-between;  }


.product_txt {width:100%; margin-bottom:9.5rem; margin-top:2.0rem;}
.product_txt h4 {font-size:3.2rem; color:#000; padding-bottom:3.5rem; border-bottom:2px solid #000;}

.product_txt dl dt {font-size:1.8rem; font-weight:bold; color:#00aeea; margin-top:3.5rem;}
.product_txt dl dd {margin-top:2.0rem; font-size:1.7rem; color:#777;}
										
.product_txt .ol_list01 {margin: 0 0 20px 0; font-size:1.7rem; color:#777;}
.product_txt .ol_list01 > li {margin: 0 0 8px 0; padding: 0 0 0 25px; text-indent:-25px; line-height:1.4;}
.product_txt .ol_list01 > li ul > li {margin-bottom:5px;}

.product_txt .ul_list01{margin: 5px 0 20px 0; font-size:1.6rem;}
.product_txt .ul_list01 > li {padding-left:15px; text-indent: 0; position:relative; margin-bottom:0.5rem;}
.product_txt .ul_list01 > li:before {content:''; width:5px; height:1px; background:#a3a3a3; top:10px; left:0; position:absolute; }



.product_bottom {margin-top:12.0rem; width:100%; position:relative;}


	.swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        /*height: 100%;
        object-fit: cover;*/
      }

      .swiper {
        width: 100%;
        /*height: 300px;*/
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper_bigimg {
       /* height: 80%;*/
        width: 45%;	
		overflow:hidden;
		
      }

	  .mySwiper_bigimg img {
       /* height: 80%;*/
        width: 100%;
		
      }

      
	  /*썸네일*/	  
	  .mySwiper_thum {
	   width: 50%;
	  position:relative;
       box-sizing: border-box;  
	   /*margin-left:8% !important; margin-right:3% !important; */
	   overflow:hidden;
	   }
	  
	
		
	 .mySwiper_thum .swiper-wrapper { 
	 	width:100%; 		
      }

      .mySwiper_thum .swiper-slide {      
        height: 100%;
        
		cursor:pointer;
		background:#000;
		border:2px solid #ddd;
      }
	  .mySwiper_thum .swiper-slide img {opacity: 0.8;}

      .mySwiper_thum .swiper-slide-thumb-active {
        opacity: 1;
		border:2px solid #00aeea;
      }
	  .mySwiper_thum .swiper-slide-thumb-active img {opacity: 1;}

      .swiper-slide img {
        display: block;
        width: 100%;
       /* height: 100%;
        object-fit: cover;*/
      }


.div_scroll {overflow: auto;position: relative;}
.mobile_table_arrow {display: none;}

@media screen and (max-width: 800px){
	.mobile_table_arrow {display: block; font-size:14px; margin-bottom:15px; text-align:right;}	
	table.wid_800 {width:800px;}


}



.product_bottom .table01 {margin-top:4.5rem; width:100%; position:relative; }
.product_bottom .table01 table {font-size:16px; border-top:2px solid #222;}
.product_bottom .table01 table thead { border-bottom:1px solid #222; padding:3.0rem;}
.product_bottom .table01 table thead th {padding:3.0rem; text-align:center;}
.product_bottom .table01 table thead th:nth-child(1) {border-right:1px solid #ddd;}
.product_bottom .table01 table tbody tr {border-bottom:1px solid #ddd}
.product_bottom .table01 table tbody th { color:#222; text-align:center; padding:3.0rem;  background:#f4f7f9; }
.product_bottom .table01 table tbody th.left_line {border-left:1px solid #ddd;}
.product_bottom .table01 table tbody td { color:#777;  padding:3.0rem 2.0rem 3.0rem 4.0rem; border-left:1px solid #ddd;}


.product_bottom .table02 {margin-top:4.5rem; width:100%; position:relative; }
.product_bottom .table02 table {font-size:16px; border-top:2px solid #222;}
.product_bottom .table02 table thead { border-bottom:1px solid #222; padding:3.0rem;}
.product_bottom .table02 table thead th {padding:3.0rem; text-align:center;}
.product_bottom .table02 table thead th:nth-child(1) {border-right:1px solid #ddd;}
.product_bottom .table02 table tbody tr {border-bottom:1px solid #ddd}
.product_bottom .table02 table tbody th { color:#222; text-align:center; padding:3.0rem;  background:#f4f7f9; }
.product_bottom .table02 table tbody th.left_line {border-left:1px solid #ddd;}
.product_bottom .table02 table tbody td { color:#777;  padding:3.0rem 3.0rem 3.0rem 4.0rem; border-left:1px solid #ddd; text-align:center;}




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

.product_top {flex-wrap: wrap;}

.mySwiper_bigimg {order:2; width:80%; margin:5.0rem auto 0; }
.mySwiper_thum {order:1; width:100%; margin-left:0% !important; margin-right:0% !important; margin-top:8%;}


}



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

.product_bottom .table01 table tbody th { padding:2.0rem;  }
.product_bottom .table02 table tbody th { padding:2.0rem;  }

.product_bottom .table01 table tbody td {padding:2.0rem;}
.product_bottom .table02 table tbody td {padding:2.0rem;}
}