@charset "utf-8";

.sub_contents {width:100%;  line-height:1.45; overflow-y: hidden;  }

@media screen and (max-width: 768px){
	.sub_contents, .sub_contents2  {font-size:62.5%;}
}


.wps_100 {max-width:100%;}
.point {color:#e5322c !important;}
.grey_bg {background:#f8f8f8;}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45;}
.table thead {border-top: 3px solid #2a303a; }
.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 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 600; text-align:left;}
.table tbody th br  {display:none}
.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;}
.table tbody td strong {color:#000;}

@media screen and (max-width: 1024px){
.table {font-size:15px;}
.table tbody th br  {display:block;}
}


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

.table tbody th {padding:7px;}
.table tbody td {padding:7px;}
}




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


.title_wrap {overflow:hidden;padding-bottom: 0px;position: relative; width:100%; max-width:1400px; margin:auto; }
.title_wrap h2.title {position:relative; font-size:18px; color:#000;  font-weight: 600; padding-left:20px;}
.title_wrap h2.title:before{content:''; width:8px; height:8px; border-radius:100%; background:#e5322c; position:absolute; left:0; top:6px; }
.sub_vg_title {position: relative;width: 100%;margin: 0 auto;padding: 12rem 0 3.0rem 0;clear: both;}


h2.title2 {position:relative; font-size:18px; color:#000;  font-weight: 600; padding-left:20px;}
h2.title2:before{content:''; width:8px; height:8px; border-radius:100%; background:#e5322c; position:absolute; left:0; top:6px; }

.sub_top {font-size:3.0rem;}
.sub_top strong {display:inline-block; margin-bottom:1.0rem; }
.sub_top p {font-weight:600; }


.subdiv_wrap {width:100%; position:relative;}
.subdiv_wrap .subdiv_title { width:45.0rem;}
.subdiv_wrap .subdiv_title h3 {font-size:3.2rem;}
.subdiv_wrap .subdiv_cont {width:calc(100% - 45.0rem);}

.p_txt {font-size: 1.8rem; color:#666; line-height:1.65;}


@media screen and (max-width: 768px){
.sub_top {font-size:2.4rem;}
}


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

.subdiv_wrap .subdiv_title {width:100%;}
.subdiv_wrap .subdiv_title h3 {font-size:2.4rem;}
.subdiv_wrap .subdiv_cont {width:100%; margin-top:3.0rem;}
}


.sub_topbg {width:100%; max-width:1600px; margin:auto; padding:12.0rem 2.0rem; color:#fff; text-align:center; overflow:hidden; border-radius:2.0rem; }
.sub_topbg p {font-size:2.6rem;  font-weight:600;}
.sub_topbg p span {font-weight:700;}


@media screen and (max-width: 768px){
.sub_topbg {padding:10.0rem 4.0rem; border-radius:0rem;}
.sub_topbg p {font-size:2.2rem; }
.sub_topbg p br {display:none;}

}


/*회사개요*/
.company_img {margin-top:5.0rem;}
.overview_wrap {width:100%; position:relative; justify-content: space-between; margin-top:5.0rem;}
.overview_wrap .overview_box {width:48%; display:flex; border-bottom:1px solid #ddd; padding: 3.0rem 2.0rem;}
.overview_wrap .overview_box strong {width:60px; font-size:1.8rem; color:#e5322c; font-weight:500;}
.overview_wrap .overview_box dl {width:calc(100% - 60px);}
.overview_wrap .overview_box dl dt {font-size:1.8rem; font-weight:500;}
.overview_wrap .overview_box dl dd {font-size:1.6rem; color:#666; margin-top:1.0rem;}


.company_img .swiper-pagination-bullet-active {   
    background: #e5322c !important;
}




@media screen and (max-width: 768px){
.overview_wrap .overview_box {width:100%; }
.overview_wrap .overview_box {padding: 2.0rem 1.5rem;}
.overview_wrap .overview_box strong {width:50px;}
.overview_wrap .overview_box dl {width:calc(100% - 50px);}

}


/*CEO 인사말*/
.message_img {margin-top:3.0rem;}
.ceo_name {margin-top:5.0rem; text-align:right; }
.ceo_name strong {font-size:2.6rem; display:inline-block; margin-left:1.0rem;}
.ceo_name span {font-size:2.0rem;  color:#000; font-weight:500; }



/*연혁*/
.his_wrap {margin-top:0rem; }

.his_box {padding:8.0rem 0; border-bottom:1px solid #ddd;}
.his_box:last-child {margin-bottom:8.0rem;}
.his_box .his_left {width:50%; /*display:flex; justify-content: center;*/}
.his_box .his_left .his_inner {}
.his_box .his_left .his_title {font-weight:600; margin-bottom:2.0rem;}
.his_box .his_left .his_title span {font-size:4.2rem; }
.his_box .his_left .his_title p {color:#e5322c; font-size:2.2rem;}
.his_box .his_left .his_img { }
.his_box .his_left .his_img img {border-radius:3.0rem;}
.his_box .his_left .his_img02 {display:flex; gap:2.0rem; }
.his_box .his_left .his_img02 img {border:1px solid #ddd; border-radius:0rem; max-width:100%;}

.his_box .his_right {width:50%; padding-left:5.0rem; padding-top:11.0rem; display:flex; flex-direction: column-reverse;}

.his_box .his_right .his_txt {margin-bottom:5.0rem;}
.his_box .his_right .his_txt dt {font-size:2.6rem; font-weight:500;}
.his_box .his_right .his_txt dd { margin-top:1.0rem;}
.his_box .his_right .his_txt dd ul li {font-size:1.8rem; color:#666; margin-bottom:0.7rem;}

@media screen and (max-width: 1024px){
.his_box {margin-bottom:5.0rem;}
.his_box .his_left {width:100%;}
.his_box .his_right {width:100%; padding-left:0; padding-top:5.0rem; }
.his_box .his_left .his_img02 img {max-width: 45%;}
}


/*조직도*/
.organization {text-align:center;  padding:8.0rem 0;}




/*경영이념*/
.phil_wrap {margin-top:8.0rem;}
.phil_box {margin-bottom:3.0rem;}
.phil_box:nth-child(2n) { flex-direction: row-reverse; }
.phil_box .phil_img {width:50%; }
.phil_box .phil_txt {width:50%; display:flex;  padding:0 5.0rem; align-items: center;}
.phil_box .phil_txt dl dt {font-size:2.4rem; font-weight:600;}
.phil_box .phil_txt dl dd {font-size:1.8rem; color:#666; margin-top:1.5rem;}

.phil_box .phil_txt dl dd ul li {padding-left:10px; position:relative;  margin-bottom:0.5rem;}
.phil_box .phil_txt dl dd ul li:before {content:''; position:absolute; width:3px; height:3px; border-radius:100%; background:#666; left:0; top:10px; }


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

.phil_box .phil_img {width:100%; }
.phil_box .phil_txt {width:100%;  padding:5.0rem 2.0rem; }



}



.location_wrap {width:100%; position:relative;  display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-bottom:12.0rem; }
.location_wrap:nth-child(2n) { flex-direction: row-reverse; } 
.location_wrap:last-child {margin-bottom: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:45%; padding-top:2.0rem;  }
.location_txt .loc_txt1 {color:#000; font-weight:bold; 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:2.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( max-width:1024px) {


.location_map {width:100%; order:2; margin-top:3.0rem;}
.location_map .map_height {height:300px; width:100%;}
.location_txt { width:100%;  order:1;}

.location_wrap02 {margin-top:8.0rem;}

}


/*제품소개*/
.product_list {margin:2.0rem -30px 8.0rem 0;  display:flex;  flex-wrap: wrap; }
.product_box {position:relative; background:#f8f8f8; border-radius:3.0rem; width:calc(33.3% - 30px);  margin-right:30px;  margin-bottom:45px;display:flex;justify-content: center; align-items: center; }
.product_box .btn_more {cursor: pointer; padding:6.0rem 3.0rem 3.0rem 3.0rem;  width:100%;}
.product_box .product_inner {text-align:center; }
.product_box .product_inner img {max-width:250px;  transition: all .3s ease}
.product_box .product_inner strong {margin-top:3.0rem; font-size:2.0rem; display:block;}

.product_box:after {content: ""; display: block; position: absolute; z-index:1; bottom: 0; right: 0; width: 11.0rem; height: 11.0rem;
                      background: url("../../pages/images/round_arr.png") no-repeat center/100%; transition: all 0.6s;}

.product_box:hover:after { background: url("../../pages/images/round_arr_ov.png") no-repeat center/100%; transition: all 0.6s;}
.product_box:hover .product_inner img { transform: scale(1.05);}


.menu_detail_info {display: none; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 2rem);height: calc(100% - 2rem);
				  background: #fff; color: #000;padding: 4rem;opacity: 0;transition: 0.5s;overflow-y: auto;text-align: left;}
.menu_detail_info .product_name {font-size: 2.2rem; font-weight:500;  border-radius:40px;   display:block; margin:auto; ; color:#fff; background:#e5322c; padding:1.0rem 2.0rem; }
.menu_detail_info .product_img {text-align:center; margin:3.0rem 0 5.0rem 0;}
.menu_detail_info .product_cont {border-top:1px solid #222; padding-top:1.0rem;}
.menu_detail_info .product_cont dl {display:flex; font-size:16px; padding:0.5rem 0rem;}
.menu_detail_info .product_cont dl dt {width:40%;}
.menu_detail_info .product_cont dl dd {width:60%; color:#666;}

.btn-close_wrap {width:100%; background:#f0f0f0;}
.btn-close_wrap .btn-close {width:100%; }



@media( max-width:1024px) {
.product_box {width:calc(50% - 30px); }
.product_box .product_inner img {max-width:80%;}
 
}

@media( max-width:768px) {
.product_box:after {width: 8.0rem; height: 8.0rem;}
.menu_detail_info .product_name {text-align:center; }
.menu_detail_info .product_img img {max-width:60%;}
.menu_detail_info .product_cont dl {display:flex; flex-wrap:wrap; margin-bottom:1.5rem; font-size:14px;}
.menu_detail_info .product_cont dl dt {width:100%;}
.menu_detail_info .product_cont dl dd {width:100%; }



}


#menuPop.overlay.active .menu_detail_info {display: block; position: relative;top: auto;left: auto;transform: translate(0%, 0%);width: 100%;height: 100%;opacity: 1;max-height: 85vh;}
#menuPop {}
/* popup */
.overlay {position:fixed;top:0;bottom:0;left:0;right:0;background: rgba(0, 0, 0, 0.6);visibility:hidden;opacity: 0;z-index:-1;
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
.overlay.active{visibility: visible;opacity: 1;overflow-y: auto;z-index: 99;width: 100%;height: 100%;}
.menu_popup{position: relative;max-width: 100%;max-height: 100%;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
@supports (-webkit-touch-callout: none) {
	.menu_popup{height: -webkit-fill-available;}
}
.menu_popup > .btn-close{position:absolute; right:20px; top:20px; width: 24px; height: 24px;}
.popup-body{overflow-y: auto;background-color: #fff;text-align: center;min-width:800px;}
.menu_popup > .btn-close + .popup-body{padding:60px 54px;}
.popup-bottom-btns{background: rgba(255, 255, 255, .1);
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.popup-bottom-btns > .btn{height: 78px; line-height: 78px; color: #fff; font-size: 16px; background-color: var(--black);
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.popup-bottom-btns > .btn + .btn{margin-left:1px;}
.overlay .btn.btn-close {}


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

.popup-body {min-width:80%;}
}


/*인증 및 상장*/

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


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

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



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

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


}




/*rnd*/
.rnd_wrap {text-align:center; padding:7.0rem 0; }

.rnd_icon_wrap {margin-top:8.0rem;}
.rnd_icon_wrap ul {border-top:1px solid #ddd; border-left:1px solid #ddd;  }
.rnd_icon_wrap ul li {width:calc(100% / 5);padding:3.0rem 0; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; text-align:center; }

.rnd_icon_wrap ul li strong {display:block; font-size:1.8rem; font-weight:500;}


@media( max-width:1024px) {

.rnd_icon_wrap ul li {width:calc(100% / 3);}
}


@media( max-width:768px) {
.rnd_icon_wrap ul li {width:calc(100% / 2);}
.rnd_icon_wrap ul li strong {margin-top:1.0rem;}
}



/*설비현황*/
.facilities_img_wrap {padding-top:5.0rem; margin: 0 -2.5rem 0 0 ;  }
.facilities_img_wrap .facilities_img {width:calc(33.3% - 2.5rem); margin-right:2.5rem;  margin-bottom:2.5rem;}
.facilities_img_wrap .facilities_img img {border-radius:2.0rem;}


@media( max-width:768px) {
.facilities_img_wrap .facilities_img {width:calc(50% - 2.5rem); margin-bottom:2.5rem;}
}

.facilities_table {}


/*전국 대리점 및 A/S망*/
.as_map {text-align:center;  padding:8.0rem 0;}