@charset "utf-8";



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


}


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


}

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


}

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


}


.mar_bot{margin-bottom:3.0rem}

/*회사개요*/
.about{}
.about .about_wrap{}
.about .about_wrap .about_bg{display: flex;align-items: center;justify-content: center;width:100%;height:40.0rem;background: url('../../pages/images/about_bg.jpg') center center no-repeat;background-size:cover}

.about .about_wrap .about_cont{display:flex;flex-wrap:wrap;flex-wrap:wrap;margin-top:10.0rem;}
.about .about_wrap .about_cont .about_cont_left{width:45%;padding-right:8.0rem;background: url('../../pages/images/about_bot_logo.png') left bottom no-repeat;}
.about .about_wrap .about_cont .about_cont_right{width:55%;}
.about .about_wrap .about_cont .about_cont_left .txt01{font-size:4.2rem;font-weight:500;line-height:1.35;margin-bottom:3.0rem}
.about .about_wrap .about_cont .about_cont_left .txt01 span{color:#304397;font-weight:bold;}
.about .about_wrap .about_cont .about_cont_left .txt02{font-size:2.0rem;color:#666666;line-height:1.5}

.about .about_wrap .about_cont .about_cont_right .overview{border-top:2px solid #000}
.about .about_wrap .about_cont .about_cont_right .overview dl{display:flex;flex-wrap:wrap;}
.about .about_wrap .about_cont .about_cont_right .overview dt{width:25%;font-size:1.8rem;line-height: 1.5;font-weight: 600;border-bottom: 1px solid #ddd;padding: 2.0rem 0 2.0rem 4.0rem;text-align:left;vertical-align:top}
.about .about_wrap .about_cont .about_cont_right .overview dd{width:75%;font-size:1.8rem;line-height: 1.5;color:#666666;border-bottom: 1px solid #ddd;padding: 2.0rem 0 2.0rem 0;text-align:left}

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

.about .about_wrap{padding:0 1.0rem;}
}


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

.about .about_wrap .about_cont .about_cont_right .overview dt{width:100%;padding:2.0rem 0 2.0rem 3.0rem}
.about .about_wrap .about_cont .about_cont_right .overview dd{width:100%;padding:2.0rem 0 2.0rem 3.0rem}
.about .about_wrap .about_cont .about_cont_left .txt01 br{display:none}
}

@media screen and (max-width: 1024px){
.about .about_wrap .about_cont .about_cont_left .txt01{font-size:3.4rem;}
.about .about_wrap .about_cont .about_cont_left .txt02{font-size:1.8rem;}
.about .about_wrap .about_cont .about_cont_left{padding-right:2rem}

.about .about_wrap .about_bg{height:25.0rem;}
}

@media screen and (max-width: 768px){
.about .about_wrap .about_cont .about_cont_left .txt01{margin-bottom:1.0rem;}
.about .about_wrap .about_cont .about_cont_left .txt02{margin-bottom:3.0rem;}

.about .about_wrap .about_cont .about_cont_left{width:100%;}
.about .about_wrap .about_cont .about_cont_right{width:100%;}

.about .about_wrap .about_bg .about_bg_logo{width:50%;}
.about .about_wrap .about_bg .about_bg_logo img{width:100%;}
}


/*인사말*/
.message .message_wrap {}
.message .message_wrap .message_bg{width:100%;height:40.0rem;background: url('../../pages/images/message_bg.jpg') center center no-repeat;background-size:cover}
.message .message_wrap .message_cont .message_top_txt{font-size:3.6rem;font-weight:600;margin:8.0rem 0 3.0rem 0;}
.message .message_wrap .message_cont .message_top_txt span{font-weight:bold;color: #304397;}
.message .message_wrap .message_cont .message_cont_txt{display:flex;flex-wrap:wrap;justify-content: space-between;}
.message .message_wrap .message_cont .message_cont_txt .message_left{width:48%;font-size:2.0rem;color:#666666;line-height:1.5}
.message .message_wrap .message_cont .message_cont_txt .message_left .txt01{margin-bottom:2.0rem;}
.message .message_wrap .message_cont .message_cont_txt .message_right{width:48%;font-size:2.0rem;color:#666666;line-height:1.5}
.message .message_wrap .message_cont .message_cont_txt .message_right .txt01{margin-bottom:2.0rem;}
.message .message_wrap .message_cont .message_cont_txt .message_right .txt01 p{text-align:right;margin-top:3.0rem;}


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

.message .message_wrap{padding:0 1.0rem;}

}


@media screen and (max-width: 1200px){
.message .message_wrap .message_cont .message_top_txt{margin:5.0rem 0 3.0rem 0;font-size:2.8rem;}
.message .message_wrap .message_cont .message_cont_txt .message_left{font-size:1.8rem;}
.message .message_wrap .message_cont .message_cont_txt .message_right{font-size:1.8rem;}
}

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

.message .message_wrap .message_bg{height:25.0rem;}
}

@media screen and (max-width: 768px){
.message .message_wrap .message_cont .message_cont_txt .message_left{width:100%;}
.message .message_wrap .message_cont .message_cont_txt .message_right{width:100%;}



}

/*회사연혁*/

.history .history_bg{width:100%;height:40.0rem;background: url('../../pages/images/history_bg.jpg') center center no-repeat;background-size:cover}

.history_wrap {width:100%; position:relative; margin-top:15.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:90%;   border:1px solid #ddd; }
.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; display:block !important; color:#000; }
.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: -9px;width:18px;height:18px;border:5px solid #b6bfe9;border-radius:50%;background:#304397;}

.history_list .his_txt dl { margin-bottom:1.0rem; margin-bottom:1.0rem;}
.history_list .his_txt dl dd {width:100%;color:#666666; font-size:2.0rem;line-height:1.5}
.history_list .his_txt dl dd strong {color:#000; display:inline-block;width:10.0rem ;margin-right:1.0rem;}

.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: -9px;}
.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1;}


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

.his_top_txt  {font-size:2.4rem; margin:-3.0rem auto 0; padding:4.0rem 2.0rem 4.0rem 2.0rem;}
.history_wrap {margin-top:5.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#ddd;}
.history_list {margin-bottom:8.0rem; padding-left:20px;}
.history_list .his_img {width:100%; text-align:left; padding-left:40px; padding-right:0; margin-bottom:20px; order:2; margin-top:3.0rem;}
.history_list .his_img img {max-width:80%;   }
.history_list .his_txt {width:100%; order:1; padding-left:40px;}

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

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

.history_list .his_txt:before {left:0;}


.history .history_bg{height:25.0rem;}
}

@media screen and (max-width: 768px){
.history_list {margin-bottom:3.0rem;}
.history_list .his_img img {max-width:90%;  }

}


/*주요거래처*/
.major .major_wrap{display:flex;flex-wrap:wrap;}
.major .major_wrap .major_box{width:25%;padding:0 1.0rem;margin-bottom:5.0rem;}
.major .major_wrap .major_box a{}
.major .major_wrap .major_box a .img{border:1px solid #ddd;text-align:center;padding:3.0rem 0;position:relative;}
.major .major_wrap .major_box a .img:after{content:"";position:absolute;border:3px solid var(--main-color);width:100%;height:100%;left:0;top:0;transition:.5s;opacity:0}
.major .major_wrap .major_box a:hover .img:after{content:"";position:absolute;border:3px solid var(--main-color);width:100%;height:100%;left:0;top:0;opacity:1}
.major .major_wrap .major_box a .txt{font-size:2.1rem;color:#666666;text-align:center;padding-top:1.0rem;}

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


}


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


}

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

.major .major_wrap .major_box a .txt{font-size:1.8rem;}
.major .major_wrap .major_box{width:33.333%}
}

@media screen and (max-width: 768px){
.major .major_wrap .major_box{width:50%}

}

@media screen and (max-width: 500px){
.major .major_wrap .major_box{width:100%}

}


/*기술소개*/
.tech {}
.tech .tech_bg{width:100%;height:40.0rem;background: url('../../pages/images/tech_bg.jpg') center center no-repeat;background-size:cover}
.tech .tech_wrap{margin-top:10.0rem;}
.tech .tech_wrap .tech_cont{display:flex;flex-wrap:wrap;}

.tech .tech_wrap .tech_cont{margin-bottom:5.0rem;padding-bottom:7.0rem;border-bottom:1px solid #ddd}

.tech .tech_wrap .tech_cont .tech_left{width:30%;}
.tech .tech_wrap .tech_cont .tech_left h1{font-size:3.2rem;position:relative;padding-left:3.0rem;}
.tech .tech_wrap .tech_cont .tech_left h1:after{content:"";display:block;width:1.0rem;height:1.0rem;background:var(--main-color);border-radius:50%;position:absolute;left:0;top:47%;transform:translatey(-50%);}
.tech .tech_wrap .tech_cont .tech_right{width:70%;}
.tech .tech_wrap .tech_cont .tech_right .cont01 {display:flex;flex-wrap:wrap;justify-content: space-between;}
.tech .tech_wrap .tech_cont .tech_right .cont01 .txtbox {display:flex;align-items: center;background:#f7f7f7; padding:3.0rem 4.0rem;  margin-bottom:2rem; width:49%}
.tech .tech_wrap .tech_cont .tech_right .cont01 .txtbox .txt01 {width:10%; font-weight:600;color:var(--main-color);font-size:1.9rem;}
.tech .tech_wrap .tech_cont .tech_right .cont01 .txtbox .txt02 {width:90%;font-size:1.9rem;line-height:1.5;color:#666666}



.tech .tech_wrap .tech_cont .tech_right .char{}

.tech .tech_wrap .tech_cont .tech_right .char .contbox{background:#f7f7f7;padding:5.0rem;margin-bottom:5.0rem;}
.tech .tech_wrap .tech_cont .tech_right .char .contbox .txt01{font-size:2.4rem;color:var(--main-color);font-weight:600;padding-bottom:2.0rem;margin-bottom:2.0rem;border-bottom: 1px solid #000;}
.tech .tech_wrap .tech_cont .tech_right .char .contbox .txt02 li{font-size:1.9rem;color:#666666;position:relative;padding-left:1.5rem;line-height:1.35;margin-bottom:1.0rem}
.tech .tech_wrap .tech_cont .tech_right .char .contbox .txt02 li:last-child{margin-bottom:0}
.tech .tech_wrap .tech_cont .tech_right .char .contbox .txt02 li:after{content:"";display:block;width:6px;height:2px;background:#666666;position:absolute;top:11px;left:0;}

.tech .tech_wrap .tech_cont .tech_right .tech_apply {}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont{display:flex;gap:1.0rem;margin-bottom:1.0rem;flex-wrap:Wrap;}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub{overflow:hidden;width: calc(100% / 3 - 1rem);aspect-ratio: 1;display:flex;align-items:center;flex-direction: column;justify-content: center;position:relative;}

.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub:after{content:"";background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub .apply_bg{width:100%;height:100%;transition:.5s}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub:hover .apply_bg{transform: scale(1.15);}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub .txtbox{width:90%;position:absolute;;z-index:99;text-align:center;color:#fff;top:50%;left:50%;transform:translate(-50%, -50%)}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub .txtbox .txt01{font-size:2.8rem;margin-bottom:1.0rem;font-weight:600}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub .txtbox .txt02{font-size:1.9rem;line-height:1.5}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg01{background:url('../../pages/images/tech_apply_bg01.jpg') no-repeat;background-size:100%}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg02{background:url('../../pages/images/tech_apply_bg02.jpg') no-repeat;background-size:100%}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg03{background:url('../../pages/images/tech_apply_bg03.jpg') no-repeat;background-size:100%}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg04{background:url('../../pages/images/tech_apply_bg04.jpg') no-repeat;background-size:100%}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg05{background:url('../../pages/images/tech_apply_bg05.jpg') no-repeat;background-size:100%}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg06{background:url('../../pages/images/tech_apply_bg06.jpg') no-repeat;background-size:100%}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg07{background:url('../../pages/images/tech_apply_bg07.jpg') no-repeat;background-size:100%}
.tech .tech_wrap .tech_cont .tech_right  .tech_apply .apply_cont .sub .apply_bg08{background:url('../../pages/images/tech_apply_bg08.jpg') no-repeat;background-size:100%}

.tech .tech_wrap .tech_cont .tech_right .tech_pro_txt{text-align:center;font-size:2.4rem;font-weight:bold;padding-top:2.0rem;}

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

.tech{padding:0 1.0rem;}
.tech .tech_wrap .tech_cont .tech_right .tech_pro_img img{width:100%;}
}


@media screen and (max-width: 1200px){
.tech .tech_wrap .tech_cont .tech_left h1{font-size:2.6rem;}

}

@media screen and (max-width: 1024px){
.tech .tech_wrap .tech_cont .tech_left{width:100%;margin-bottom:3.0rem;}
.tech .tech_wrap .tech_cont .tech_right{width:100%;}

.tech .tech_wrap .tech_cont .tech_right .cont01 .txtbox .txt01{width:15%;}
.tech .tech_wrap .tech_cont .tech_right .cont01 .txtbox .txt02{width:85%}

.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub .txtbox .txt01{font-size:2.1rem;}
.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub .txtbox .txt02{font-size:1.7rem;}

.tech .tech_bg{height:25.0rem;}
}

@media screen and (max-width: 768px){
.tech .tech_wrap .tech_cont .tech_right .char .contbox .txt02 li:after{top:8px;height:1px}
.tech .tech_wrap .tech_cont .tech_left h1{padding-left:2.0rem;}

.tech .tech_wrap .tech_cont .tech_right .tech_apply .apply_cont .sub{width: calc(100% / 2 - 1rem);}

}

@media screen and (max-width: 500px){
.tech .tech_wrap .tech_cont .tech_right .cont01 .txtbox{width:100%;}
.tech .tech_wrap .tech_cont .tech_right .char .contbox{padding:5.0rem 3.0rem;}

.tech .tech_wrap .tech_cont .tech_right .tech_pro_txt{font-size:2.1rem;}

}




/*C시리즈*/

.product_table{margin-bottom:5.0rem}
.product_table.mar_none{margin-bottom:0}
.product_table table{border-top:2px solid #000}
.product_table table tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:2.0rem 0;}
.product_table table tr .bor_none{border-right:0}
.product_table table tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:2.0rem 0;text-align:center;color:#666666;line-height:1.5;line-height:1.5}

.series {}
.series .series_bg{width:100%;height:40.0rem;background: url('../../pages/images/c_series_bg.jpg') center center no-repeat;display:flex;align-items:center;justify-content: center;background-size:cover}
.series .v_series_bg{width:100%;height:40.0rem;background: url('../../pages/images/v_series_bg.jpg') center center no-repeat;display:flex;align-items:center;justify-content: center;background-size:cover}

.series .series_bg h1{font-size:4.8rem;color:#ffffff;font-weight:600}
.series .series_wrap{margin-top:10.0rem;}
.series .series_wrap .series_cont{display:flex;flex-wrap:wrap;margin-bottom:7.0rem;padding-bottom:7.0rem;border-bottom:1px solid #ddd}
.series .series_wrap .series_cont:last-child{margin-bottom:0;}

.series .series_wrap .series_cont .series_right h1.spec_txt01{margin-bottom:2.0rem;font-size:2.6rem;color:var(--main-color)}



.series .series_wrap .series_cont .series_left{width:30%;}
.series .series_wrap .series_cont .series_left h1{font-size:3.2rem;position:relative;padding-left:3.0rem;}
.series .series_wrap .series_cont .series_left h1:after{content:"";display:block;width:1.0rem;height:1.0rem;background:var(--main-color);border-radius:50%;position:absolute;left:0;top:18px;transform:translatey(-50%);}

.series .series_wrap .series_cont .series_right{width:70%;}
.series .series_wrap .series_cont .series_right .char .top_txt01{font-size:2.1rem;margin-bottom:3.0rem;line-height:1.5}
.series .series_wrap .series_cont .series_right .char .series_top_imgbox{text-align:center;border:1px solid #ddd;margin-bottom:3.0rem;padding:4.0rem 0;}
.series .series_wrap .series_cont .series_right .char .series_top_imgbox02{text-align:center;border:1px solid #ddd;margin-bottom:5.0rem;padding:0;}
.series .series_wrap .series_cont .series_right .char .contbox{background:#f7f7f7;padding:5.0rem;margin-bottom:5.0rem;}
.series .series_wrap .series_cont .series_right .char .contbox .txt01{display:flex;align-items:center;font-size:2.2rem;color:#000;font-weight:600;padding-bottom:2.0rem;margin-bottom:2.0rem;border-bottom: 1px solid #000;}
.series .series_wrap .series_cont .series_right .char .contbox .txt02 li{font-size:1.9rem;color:#666666;position:relative;padding-left:1.5rem;line-height:1.35;margin-bottom:1.0rem}
.series .series_wrap .series_cont .series_right .char .contbox .txt02 li:last-child{margin-bottom:0}
.series .series_wrap .series_cont .series_right .char .contbox .txt02 li:after{content:"";display:block;width:6px;height:2px;background:#666666;position:absolute;top:11px;left:0;}


.series .series_wrap .series_cont .series_right .series_per{display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:2.0rem;}
.series .series_wrap .series_cont .series_right .series_per .series_img{margin-bottom:3.0rem;}


.series .series_wrap .series_cont .series_right .cont01 {display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:3.0rem;}
.series .series_wrap .series_cont .series_right .cont01 .txtbox {display:flex;align-items: center;background:#f7f7f7; padding:3.0rem 4.0rem;  margin-bottom:2rem; width:49%}
.series .series_wrap .series_cont .series_right .cont01 .txtbox .txt01 {width:10%; font-weight:600;color:var(--main-color);font-size:1.9rem;}

.series .series_wrap .series_cont .series_right .cont02 {display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:3.0rem;}
.series .series_wrap .series_cont .series_right .cont02 .txtbox {display:flex;align-items: center;background:#f7f7f7; padding:3.0rem 4.0rem;  margin-bottom:2rem; width:32%}
.series .series_wrap .series_cont .series_right .cont02 .txtbox .txt01 {width:15%; font-weight:600;color:var(--main-color);;font-size:1.9rem;}
.series .series_wrap .series_cont .series_right .cont02 .txtbox .txt02 {width:85%;font-size:1.9rem;line-height:1.5;color:#666666}

.series .series_wrap .series_cont .series_right .txtbox .txt02 {width:90%;font-size:1.9rem;line-height:1.5;color:#666666}

.b_series_txt{ text-align: center;font-size: 2.8rem; font-weight: 600;color:#666666;line-height:1.5;padding:0 0 5.0rem 0;}



.series .series_wrap .series_cont .series_right .v_app {}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont{display:flex;gap:1.0rem;margin-bottom:5.0rem;flex-wrap:Wrap;}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub{overflow:hidden;width: calc(100% / 4 - 1rem);aspect-ratio: 1;display:flex;flex-wrap:wrap;align-items:center;flex-direction: column;justify-content: center;position:relative;}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub:after{content:"";background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .apply_bg{width:100%;height:100%;transition:.5s}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub:hover .apply_bg{transform: scale(1.15);}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .txtbox{width:90%;position:absolute;;z-index:99;text-align:center;color:#fff;top:50%;left:50%;transform:translate(-50%, -50%)}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .txtbox .v_txt01{font-size:2.2rem;/* margin-bottom:1.0rem; */font-weight:600}

.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .v_app_bg{width:100%;height:100%;transition:.5s}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .v_app_bg01{background:url('../../pages/images/v_app_bg01.jpg') no-repeat;background-size:100%}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .v_app_bg02{background:url('../../pages/images/v_app_bg02.jpg') no-repeat;background-size:100%}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .v_app_bg03{background:url('../../pages/images/v_app_bg03.jpg') no-repeat;background-size:100%}
.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub .v_app_bg04{background:url('../../pages/images/v_app_bg04.jpg') no-repeat;background-size:100%}


.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub:hover .v_app_bg{transform: scale(1.15);}
.series .series_wrap .series_cont .series_right .char .v_series_flex{display:flex;flex-wrap:wrap;justify-content: space-between;}
.series .series_wrap .series_cont .series_right .char .v_series_flex .contbox{width:49%;margin-bottom:2.0rem;}

.series .series_wrap .series_cont .series_right .char .contbox .txt01 span{font-size:1.8rem;display: inline-flex;align-items:center;width: 2.5rem;aspect-ratio: 1;color:#ffffff;border-radius: 50%;text-align: center;justify-content: center;margin-right:1.0rem}
.series .series_wrap .series_cont .series_right .char .contbox .txt01 span.co01{background:#ffcc66;}
.series .series_wrap .series_cont .series_right .char .contbox .txt01 span.co02{background:#ff0000;}
.series .series_wrap .series_cont .series_right .char .contbox .txt01 span.co03{background:#92d050;}
.series .series_wrap .series_cont .series_right .char .contbox .txt01 span.co04{background:#0000ff;}


.series .series_wrap .series_cont .series_right .water_box_img{margin-bottom:3.0rem;}
.series .series_wrap .series_cont .series_right .water_box_img .imgbox{}
.series .series_wrap .series_cont .series_right .water_box_img .imgbox .img01{border:1px solid #ddd;text-align:center}
.series .series_wrap .series_cont .series_right .water_box_img .imgbox .txt01{font-size:1.9rem;font-weight:500;text-align:center;padding:1.0rem 0;background:#000;color:#fff}


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

.series{padding:0 1.0rem}
}


@media screen and (max-width: 1200px){
.series .series_wrap .series_cont .series_left h1{font-size:2.6rem;}

.series .series_wrap .series_cont .series_right .series_img img{width:100%;}
.series .series_wrap .series_cont .series_right .char .series_top_imgbox img{width:100%;}
.series .series_wrap .series_cont .series_right .char .series_top_imgbox02 img{width:100%;}
.series .series_wrap .series_cont .series_right .cont02 .txtbox{width:49%}

.series .series_wrap .series_cont .series_right .water_box_img .imgbox .img01 img{width:100%;}
}

@media screen and (max-width: 1024px){
.series .series_wrap .series_cont .series_left h1 br{display:none}

.series .series_bg{height:25.0rem;}

.series .series_bg h1{text-align:center;font-size:3.6rem;}

.series .series_wrap .series_cont .series_left{width:100%;margin-bottom:3.0rem;}
.series .series_wrap .series_cont .series_right{width:100%;}

.series .series_wrap .series_cont .series_right .cont01 .txtbox .txt01{width:15%;}
.series .series_wrap .series_cont .series_right .txtbox .txt02{width:85%}

.series .series_wrap .series_cont .series_left h1:after{top:15px;}

.b_series_txt{font-size:2.2rem}
}

@media screen and (max-width: 768px){
.series .series_bg h1{font-size:2.6rem;}
.series .series_wrap .series_cont .series_left h1{padding-left:2.0rem;}

.series .series_wrap .series_cont .series_right .char .contbox .txt02 li:after{top: 8px;height: 1px;}
.product_table{overflow-x:scroll}
.product_table table{width:90.0rem}


.series .series_wrap .series_cont .series_left h1:after{top:11px;}


.series .series_wrap .series_cont .series_right .char .v_series_flex .contbox{width:100%}

.series .series_wrap .series_cont .series_right .v_app .v_app_cont .sub{width: calc(100% / 2 - 1rem);}

}

@media screen and (max-width: 500px){
.series .series_wrap .series_cont .series_right .cont01 .txtbox{width:100%;}
.series .series_wrap .series_cont .series_right .char .contbox{padding:5.0rem 3.0rem;}

.series .series_wrap .series_cont .series_right .cont02 .txtbox{width:100%}
}



/*인증서*/
.certification {}
.certification .cert {display: flex;flex-wrap: wrap;}
.certification .cert .sub {width: calc((100% - 13.5rem) / 4);margin-right: 4.5rem;margin-bottom: 4.5rem;}
.certification .cert .sub:nth-child(4n) {margin-right: 0rem;}
.certification .cert .sub .sub_wrap {}
.certification .cert .sub .sub_wrap .thumb {background: #f4f4f4;border-radius: 2.0rem;aspect-ratio: calc(315 / 400);display: flex;justify-content: center;align-items: center;padding: 3rem;}
.certification .cert .sub .sub_wrap .thumb img {max-width: 100%;box-shadow: 3px 5px 20px 3px rgba(0,0,0,0.15);}
.certification .cert .sub .sub_wrap .txt {font-size: 1.8rem;color: #333333;text-align: center;padding: 1.9rem;}


@media screen and (max-width: 1450px){
	.certification .cert .sub {width: calc((100% - 6.0rem) / 4);margin-right: 2.0rem;}
}
@media screen and (max-width: 1024px){
	.certification .cert .sub {width: calc((100% - 4.0rem) / 3);}
	.certification .cert .sub:nth-child(4n) {margin-right: 2.0rem;}
	.certification .cert .sub:nth-child(3n) {margin-right: 0rem;}
}
@media screen and (max-width: 768px){
	.certification .cert .sub {width: 100%;margin-right: 0rem;display: flex;justify-content: center;}
	.certification .cert .sub:nth-child(4n) {margin-right: 0rem;}
	.certification .cert .sub .sub_wrap {max-width: 35.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:1.5rem 12.0rem 1.5rem 3.0rem; color:#333; font-size:1.5rem; 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:1.6rem;}
.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:2.5rem; color:#666; width:70%;line-height:1.5}

@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;}

}


.export{text-align:center;}
.export img{width:100%;border-radius:5.0rem;}

@media( max-width:1600px) {

.export{padding:0 1.0rem;}


}


/*기술자료실*/

.comparison {}
.comparison .comparison_bg{width:100%;height:40.0rem;background: url('../../pages/images/comparison_bg.jpg') center center no-repeat;display:flex;align-items:center;justify-content: center;background-size:cover}
.comparison .comparison_bg.comparison_bg01{background: url('../../pages/images/comparison_bg01.jpg') center center no-repeat;}
.comparison .comparison_bg.comparison_bg02{background: url('../../pages/images/comparison_bg02.jpg') center center no-repeat;}
.comparison .comparison_bg.comparison_bg03{background: url('../../pages/images/comparison_bg03.jpg') center center no-repeat;}
.comparison .comparison_bg.comparison_bg04{background: url('../../pages/images/comparison_bg04.jpg') center center no-repeat;}

.comparison .comparison_bg h1{font-size:4.8rem;color:#ffffff;font-weight:600}
.comparison .comparison_wrap{margin-top:10.0rem;}
.comparison .comparison_wrap .comparison_cont{display:flex;flex-wrap:wrap;margin-bottom:10.0rem;padding-bottom:10.0rem;border-bottom:1px solid #ddd}
.comparison .comparison_wrap .comparison_cont:last-child{margin-bottom:0;}

.comparison .comparison_wrap .comparison_cont .comparison_left{width:30%;}
.comparison .comparison_wrap .comparison_cont .comparison_left h1{font-size:3.2rem;position:relative;padding-left:3.0rem;}
.comparison .comparison_wrap .comparison_cont .comparison_left h1:after{content:"";display:block;width:1.0rem;height:1.0rem;background:var(--main-color);border-radius:50%;position:absolute;left:0;    top: 47%; transform: translatey(-50%);}

.comparison .comparison_wrap .comparison_cont .comparison_right{width:70%;}
.comparison .comparison_wrap .comparison_cont .comparison_right h1.spec_txt01{margin-bottom:2.0rem;font-size:2.6rem;color:var(--main-color)}
.comparison .comparison_wrap .comparison_cont .comparison_right h1.spec_txt01.mar_none{margin:0}

.comparison .comparison_wrap .comparison_cont .comparison_right h1.table_tit{font-size:2.3rem;margin-bottom:1.0rem;}

.comparison .comparison_wrap .comparison_cont .comparison_right .char .top_txt01{font-size:2.1rem;margin-bottom:3.0rem;line-height:1.5}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .series_top_imgbox{text-align:center;border:1px solid #ddd;margin-bottom:3.0rem;padding:4.0rem 0;}

.comparison .comparison_wrap .comparison_cont .comparison_right .char .series_top_imgbox02{text-align:center;border:1px solid #ddd;margin-bottom:5.0rem;padding:0;}


.comparison .comparison_wrap .comparison_cont .comparison_right .char .va_cont{display:flex;flex-wrap:wrap;justify-content: space-between;}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .va_cont .apply_cont{width:49%;background:#f7f7f7;padding:5.0rem;margin-bottom:5.0rem;}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .va_cont .apply_cont .txt01{display:flex;align-items:center;font-size:2.2rem;color:#000;font-weight:600;padding-bottom:2.0rem;margin-bottom:2.0rem;border-bottom: 1px solid #000;}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .va_cont .apply_cont .txt02 li{font-size:1.9rem;color:#666666;position:relative;padding-left:1.5rem;line-height:1.35;margin-bottom:1.0rem}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .va_cont .apply_cont .txt02 li:last-child{margin-bottom:0}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .va_cont .apply_cont .txt02 li:after{content:"";display:block;width:6px;height:2px;background:#666666;position:absolute;top:11px;left:0;}



.comparison .comparison_wrap .comparison_cont .comparison_right .char .contbox{background:#f7f7f7;padding:5.0rem;margin-bottom:5.0rem;}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .contbox .txt01{display:flex;align-items:center;font-size:2.2rem;color:#000;font-weight:600;padding-bottom:2.0rem;margin-bottom:2.0rem;border-bottom: 1px solid #000;}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .contbox .txt02 li{font-size:1.9rem;color:#666666;position:relative;padding-left:1.5rem;line-height:1.35;margin-bottom:1.0rem}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .contbox .txt02 li:last-child{margin-bottom:0}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .contbox .txt02 li:after{content:"";display:block;width:6px;height:2px;background:#666666;position:absolute;top:11px;left:0;}


.comparison .comparison_wrap .comparison_cont .comparison_right .cont02 {display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom:3.0rem;}
.comparison .comparison_wrap .comparison_cont .comparison_right .cont02 .txtbox {display:flex;align-items: center;background:#f7f7f7; padding:3.0rem 4.0rem;  margin-bottom:2rem; width:32%}
.comparison .comparison_wrap .comparison_cont .comparison_right .cont02 .txtbox .txt01 {width:15%; font-weight:600;color:var(--main-color);;font-size:1.9rem;}
.comparison .comparison_wrap .comparison_cont .comparison_right .cont02 .txtbox .txt02 {width:85%;font-size:1.9rem;line-height:1.5;color:#666666}

.comparison .comparison_wrap .comparison_cont .comparison_right .txtbox .txt02 {width:90%;font-size:1.9rem;line-height:1.5;color:#666666}

.product_table table tr .bg_color{background:#304397;color:#fff}
.unit_txt{text-align:right;font-size:1.8rem;margin-bottom:0.5rem;}



@media( max-width:1600px) {

.comparison{padding:0 1.0rem;}

}

@media( max-width:1200px) {

.comparison .comparison_wrap .comparison_cont .comparison_left h1{font-size:2.6rem;}
}


@media( max-width:1024px) {


.comparison .comparison_wrap .comparison_cont .comparison_left{width:100%;margin-bottom:3.0rem;}

.comparison .comparison_wrap .comparison_cont .comparison_right{width:100%;}
.comparison .comparison_wrap .comparison_cont .comparison_right .char .va_cont .apply_cont{width:100%;}
}




@media( max-width:768px) {

.comparison .comparison_wrap .comparison_cont .comparison_left h1{padding-left:2.0rem;}

}

/*카탈로그*/
.catalog{}
.catalog .catalog_wrap{display:flex;flex-wrap:wrap;}
.catalog .catalog_wrap .sub{width:33.333%;padding:0 2.0rem;margin-bottom:4.0rem;}
.catalog .catalog_wrap .sub a {}
.catalog .catalog_wrap .sub a:hover .txt{background:var(--main-color);color:#ffffff}
.catalog .catalog_wrap .sub a:hover span.cata_icon{background:url('../img/cata_icon_on.png')center center no-repeat;}
.catalog .catalog_wrap .sub img{width:100%;border-radius:2.0rem;}
.catalog .catalog_wrap .sub .txt{width:100%;background:#f7f7f7;border-radius:2.0rem;text-align:center;font-size:1.8rem;font-weight:500;letter-spacing: -0.5px;margin-top:1.0rem;padding:1.5rem 0;transition:.5s;position:relative}
.catalog .catalog_wrap .sub .txt span.cata_icon{display:block;vertical-align:middle;width:2.2rem;height:2.0rem;background:url('../img/cata_icon_off.png')center center no-repeat;transition:.5s;position:absolute;right:8%;top:34%}

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



}

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

.catalog .catalog_wrap .sub{width:50%}

}

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

.catalog .catalog_wrap .sub{width:50%}

}

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

.catalog .catalog_wrap .sub{width:90%;margin:0 auto 4.0rem auto;}

}