@charset "utf-8";


.main_color{color:var(--main-color)}
.flex_box{display:flex}
.mar_bot10{margin-bottom:1.0rem;}
.mar_bot30{margin-bottom:3.0rem;}
.mar_bot100{margin-bottom:10.0rem}

.mar_t10{margin-top:1.0rem}
.mar_t40{margin-top:4.0rem}

.wid_100pre{width:100%}

.sub_page_tit{font-size:3.2rem;font-weight:bold;margin-bottom:1.0rem;}
.sub_page_tit02{font-size:2.4rem;font-weight:600;margin-bottom:0.5rem;}
.sub_page_sub_tit{font-size:2.2rem;font-weight:400;margin-bottom:1.0rem;line-height:1.4}
.table_bot_txt{font-size:1.9rem;color:#666666}

/*회사개요*/
.company{}
.company .company_bg{max-width: 160.0rem;width: 100%; height: 45.0rem;border-radius:3.0rem;}
.company .company_wrap{margin-top:-100px}
.company .company_wrap .company_cont01 {display:flex;flex-wrap:wrap;gap:3.0rem;}
.company .company_wrap .company_cont01 .company_sub.company_logo{display:flex;align-items:center;justify-content: center;background: linear-gradient(135deg, rgba(0, 159, 223, 1), rgba(4, 66, 150, 1))}
.company .company_wrap .company_cont01  .company_sub{position:relative;flex:1;padding:5.0rem 4.0rem;background:#fff; aspect-ratio: 1;box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);border-radius:1.5rem}
.company .company_wrap .company_cont01  .company_sub .tit01{font-size:2.4rem;font-weight:bold;margin-bottom:1.5rem;}
.company .company_wrap .company_cont01  .company_sub .txt01{font-size:1.9rem;color:#666666;margin-bottom:1.0rem;line-height:1.35}
.company .company_wrap .company_cont01  .company_sub .txt02{font-size:1.9rem;color:#666666}
.company .company_wrap .company_cont01  .company_sub .icon{width:3.0rem;aspect-ratio: 1;position:absolute;bottom:5rem;right:4rem}


@media( max-width:1600px) {
.company{padding:0 1.0rem}

}

@media( max-width:1400px) {
	

}

@media( max-width:1200px) {

.company .company_wrap .company_cont01 .company_sub{width:48%;flex: auto; aspect-ratio: auto;}

}

@media( max-width:1024px) {
	

}

@media( max-width:768px) {
.company .company_bg{height:30.0rem;}
.company .company_wrap .company_cont01 .company_sub.company_logo .logo01{width:50%}

.company .company_wrap{margin-top:3.0rem;}
}



/*인사말*/
.message{}
.message .message_bg{max-width: 160.0rem;width: 100%; height: 45.0rem;border-radius:3.0rem;}

.message .message_wrap{}
.message .message_wrap .message_cont{margin-top:10.0rem;display:flex}
.message .message_wrap .message_cont .left{width:30%;font-size:3.4rem;font-weight:700;line-height:1.5}
.message .message_wrap .message_cont .left span{color:var(--main-color)}
.message .message_wrap .message_cont .right{width:70%}
.message .message_wrap .message_cont .right p{font-size:2.0rem;line-height:1.5;margin-bottom:2.0rem;color:#666666}
.message .message_wrap .message_cont .right .message_ceo{display:flex;align-items:center;justify-content: flex-end;font-size:1.9rem;font-weight:bold;text-align:right}
.message .message_wrap .message_cont .right .message_ceo span{margin-left:1.5rem;}

@media( max-width:1600px) {
.message{padding:0 1.0rem}

}

@media( max-width:1400px) {
	

}

@media( max-width:1200px) {

.message .message_wrap .message_cont{flex-wrap:wrap;}
.message .message_wrap .message_cont .left{width:100%;margin-bottom:3.0rem;}
.message .message_wrap .message_cont .right{width:100%;}

}

@media( max-width:1024px) {
	

}

@media( max-width:768px) {
.message .message_wrap .message_cont{margin-top:5.0rem;}
.message .message_bg{height:30.0rem;}
}


/*가치경영*/
	
.value{}
.value .value_wrap{}
.value .value_wrap .value_cont01{display:flex;justify-content: space-between;}
.value .value_wrap .value_cont01 .cont01{width:32%;}
.value .value_wrap .value_cont01 .cont01 .cont01_txt{font-size:2.6rem;font-weight:600;margin-bottom:1.0rem;}
.value .value_wrap .value_cont01 .cont01 .cont01_bg{width:100%;padding:10.0rem 0;display:flex;flex-direction: column;align-items: center;justify-content: center;color:#fff}
.value .value_wrap .value_cont01 .cont01 .cont01_bg .txt01{font-size:2.8rem;font-weight:bold;margin-bottom:1.0rem;}
.value .value_wrap .value_cont01 .cont01 .cont01_bg .txt02{font-size:2.2rem;text-align:center}

.value_cont02 {}
.value_cont02_bg{margin:100px 0;padding:10.0rem 0;}
.value_cont02 .tit02{font-size:3.4rem;text-align:center;color:#fff;font-weight:600;margin-bottom:5.0rem;}
.value_cont02 .cont02_box{display:flex;justify-content:center;}
.value_cont02 .cont02_box .cont02{width:24%;border:1px solid #ddd;text-align:center;aspect-ratio:1;margin:0 2.0rem; display: flex;flex-direction: column;justify-content: center;border-radius: 50%;}
.value_cont02 .cont02_box .cont02 .cont02_icon{}
.value_cont02 .cont02_box .cont02 .cont02_txt{font-size:1.9rem;color:#fff;margin-top:3.0rem;line-height:1.35}

.value_cont03 {margin-bottom:10.0rem;}
.value_cont03 .tit02{font-size:3.4rem;text-align:center;color:#000;font-weight:600;margin-bottom:5.0rem;}
.value_cont03 .cont03_box{display:flex;justify-content:center;}
.value_cont03 .cont03_box .cont03{width:24%;border:1px solid #1262be;text-align:center;aspect-ratio:1;margin:0 2.0rem; display: flex;flex-direction: column;justify-content: center;border-radius: 50%;}
.value_cont03 .cont03_box .cont03 .cont03_icon{}
.value_cont03 .cont03_box .cont03 .cont03_txt{font-size:1.9rem;color:#000;margin-top:3.0rem;line-height:1.35}

@media( max-width:1600px) {

.value{padding:0 1.0rem}

}

@media( max-width:1400px) {
	

}

@media( max-width:1200px) {

.value .value_wrap .value_cont01{flex-wrap:wrap;}
.value .value_wrap .value_cont01 .cont01{width:100%;margin-bottom:5.0rem;}
}

@media( max-width:1024px) {
	

}

@media( max-width:768px) {
.value_cont02 .cont02_box{flex-wrap:wrap;}
.value_cont02 .cont02_box .cont02{width:100%;max-width:35.0rem;margin-bottom:3.0rem}

.value_cont03 .cont03_box{flex-wrap:wrap;}
.value_cont03 .cont03_box .cont03{width:100%;max-width:35.0rem;margin-bottom:3.0rem}


}




/*즐거움*/
.joy{}
.joy .joy_wrap{}
.joy .joy_wrap .joy_cont{display:flex;align-items:center;justify-content: space-around;}
.joy .joy_wrap .joy_cont:nth-child(2n) .left{order:2}
.joy .joy_wrap .joy_cont .left{width:40%;position:relative;}
.joy .joy_wrap .joy_cont .left .img{display:flex;align-items:center;justify-content: center;}
.joy .joy_wrap .joy_cont .left .img:after{content:"";position:absolute;top:0;left:0;z-index:1;display:block;background:rgba(0,0,0,.6);width:100%;height:100%;border-radius:50%}
.joy .joy_wrap .joy_cont .left .img .bg_txt01{font-size:3.6rem;font-family:var(--point-font, sans-serif);color:#ffffff;position:relative;z-index:999;text-align:center}
.joy .joy_wrap .joy_cont .left .joy_bg{aspect-ratio: 1;}

.joy .joy_wrap .joy_cont .left .img{overflow:hidden;border-radius:50%}
.joy .joy_wrap .joy_cont .right{width:50%}
.joy .joy_wrap .joy_cont .right .txt01{font-size:3.4rem;font-weight:700;color:var(--main-color)}
.joy .joy_wrap .joy_cont .right .txt02{font-size:2.2rem;font-weight:600;padding:3.0rem 0 2.0rem 0;}
.joy .joy_wrap .joy_cont .right .txt03{font-size:1.9rem;line-height:1.5;color:#666666}

@media( max-width:1600px) {



}

@media( max-width:1400px) {
	

}

@media( max-width:1200px) {


}

@media( max-width:1024px) {
	
.joy .joy_wrap .joy_cont .left .img .bg_txt01{font-size:3.2rem;}

.joy .joy_wrap .joy_cont .right .txt01{font-size:2.8rem;}
.joy .joy_wrap .joy_cont .right .txt02{font-size:1.9rem;}
.joy .joy_wrap .joy_cont .right .txt03{font-size:1.7rem}

.joy .joy_wrap .joy_cont{margin-bottom:10.0rem;}

}

@media( max-width:768px) {

.joy .joy_wrap .joy_cont{flex-wrap:wrap;}
.joy .joy_wrap .joy_cont .left{width:100%;}
.joy .joy_wrap .joy_cont .right{width:100%;}
.joy .joy_wrap .joy_cont:nth-child(2n) .left{order:0}

}




/*연혁*/
.history{}
.history .history_bg{max-width: 160.0rem;width: 100%; height: 45.0rem;border-radius:3.0rem;}
.history .history_wrap{margin-top:10.0rem;}
.history .history_wrap .txt01{font-size:2.2rem;font-family: var(--point-font, sans-serif);color:var(--main-color);margin-bottom:1.0rem}
.history .history_wrap .history_cont{display:flex;}
.history .history_wrap .history_cont .left{width:50%; position: sticky;top:100px;height:100%}
.history .history_wrap .history_cont .left .txt02{font-size:3.6rem;line-height:1.35;font-weight:bold}
.history .history_wrap .history_cont .left .img01{padding-right:8.0rem;margin-top:2.0rem;}
.history .history_wrap .history_cont .left .img01 img{border-radius:2.0rem}

.history .history_wrap .history_cont .right{width:50%;position:relative;z-index:99}
.history .history_wrap .history_cont .right:after{content:"";display:block;width:1px;height:98%;background:#ddd;position:absolute;top:13px;z-index:-1}
.history .history_wrap .history_cont .right .history_txt_box {position:relative;padding-left:5.0rem;padding-bottom:10.0rem;}
.history .history_wrap .history_cont .right .history_txt_box:after{content:"";display:block;width:10px;height:10px;background:var(--main-color);border-radius:50%;position:absolute;top:14px;left:-4px;z-index:999}
.history .history_wrap .history_cont .right .history_txt_box .year{font-size:3.4rem;font-weight:bold;margin-bottom:2.0rem;}
.history .history_wrap .history_cont .right .history_txt_box .history_list{}
.history .history_wrap .history_cont .right .history_txt_box .history_list li{font-size:1.9rem;color:#666666;line-height:1.35;margin-bottom:1.0rem;position:relative;padding-left:1.5rem}
.history .history_wrap .history_cont .right .history_txt_box .history_list li:after{content:"";display:block;width:4px;height:4px;background:var(--main-color);border-radius:50%;position:absolute;top:13px;left:0;transform:translatey(-50%)}

@media( max-width:1600px) {



}

@media( max-width:1400px) {
	

}

@media( max-width:1200px) {


}

@media( max-width:1024px) {
	
.history .history_wrap .history_cont{flex-wrap:wrap;}
.history .history_wrap .history_cont .left .txt02{font-size:2.8rem}
.history .history_wrap .history_cont .left{position:static;width:100%;}
.history .history_wrap .history_cont .right{width:100%;margin-top:5.0rem;}
.history .history_wrap .history_cont .right .history_txt_box .history_list li:after{top:11px;}
.history .history_wrap .history_cont .left .img01{padding-right:0}


}

@media( max-width:768px) {


.history .history_bg{height:30.0rem;}
.history .history_wrap .history_cont .right .history_txt_box{padding-left:2.0rem;}
.history .history_wrap .history_cont .right .history_txt_box:after{top:9px;}

.history .history_wrap .history_cont .right .history_txt_box .history_list li:after{top:8px;}


}


/*스마트팩토리*/
.factory_auto{}
.factory_auto .factory_auto_bg{display:flex;align-items: center;max-width: 160.0rem;width: 100%; height: 45.0rem;border-radius:3.0rem;padding:0 10.0rem;}
.factory_auto .factory_auto_bg .factory_bg_txtbox{width:100%;color:#fff}
.factory_auto .factory_auto_bg .factory_bg_txtbox .tit01_01{font-size:2.4rem;font-weight:600;padding-bottom:0.5rem;}
.factory_auto .factory_auto_bg .factory_bg_txtbox .tit01{font-size:4.0rem;font-weight:600;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #dddddd}
.factory_auto .factory_auto_bg .factory_bg_txtbox .txt01{font-size:2.1rem;line-height:1.35}
.factory_auto .factory_auto_bg .factory_bg_txtbox .txt01 p{margin-bottom:1.0rem;}


.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont{display:flex;flex-wrap:wrap;gap:2.5rem;/* align-items:center */}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont.padding_none .auto_key_sub{width:32%}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub{width:49%;background:#f6f6f6;padding:4.0rem 5.0rem;}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub .txt01{font-size:2.4rem;color:#009fdf;font-weight:600;padding-bottom:1.5rem;}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub .txt01_01{font-size:2.1rem;color:#666666;font-weight:600;line-height:1.35}

.steel{}
.steel .steel_wrap{}
.steel .steel_wrap .steel_line{display:flex;flex-wrap:wrap;}
.steel .steel_wrap .steel_line .steel_sub{width:14.28%;text-align:center;margin:5.0rem 0;}
.steel .steel_wrap .steel_line .steel_sub .year{padding-bottom:4.0rem;font-size:3.2rem;font-weight:600}
.steel .steel_wrap .steel_line .steel_sub .line{width:100%;height:1px;background:#dfdfdf;position:relative}
.steel .steel_wrap .steel_line .steel_sub .line:after{content:"";position: absolute;top: -8px;left:50%;transform: translateX(-50%);width: 18px;height: 18px;border: 5px solid #acc7e6;border-radius: 50%;background: #4f81bc;}
.steel .steel_wrap .steel_line .steel_sub .txt01{padding-top:4.0rem;position:relative;font-size:2.1rem;line-height:1.35}


.sub_video_box{}
.sub_video_box .sub_video{height:65.0rem}


/*철강 표면 검사 시스템 세계 최고 수준의 영상 고도화 기술*/
.lp-jumbotron-image {width: 100%%;}	
.drag_img {position: relative; overflow: hidden;width: 100%;height: 100%;display: flex;}
.drag_img .after_box { position: relative;z-index: 0;width: 100%;height: 650px;}
.drag_img .before_box {position: absolute;top: 0;left: 0;z-index: 5;overflow: hidden;width: 50%;height: 100%;}
.drag_img .before_box .img {height: 100%;}
.drag_img .img {width: 100%;height: 100%;}
.drag_img .img img {margin: 0;max-width: none;width: 100%;height: 100%;object-fit: cover;object-position: center left; position: absolute;top: 0;left: 0;}
.drag_img .img_title {position: absolute;top: 20px;padding:2.0rem 3.0rem;color: #fff;font-size: 2.1rem;}
.before_box .img_title {left: 20px;background-color: rgb(23, 23, 23, 0.8);}
.after_box .img_title {right: 20px;font-size: 2.1rem;background: rgb(0 159 223);}
.drag_img .separator {position: absolute;top: 0;left: 50%;z-index: 10;transform: translateX(-50%);width:30.0rem;height: 100%; cursor: grab;}
.drag_img.first .separator {transition: left 0.8s cubic-bezier(0.37, 0.63, 0.21, 1.25) 1.5s;}
.drag_img .separator::before {content: "";position: absolute;top: 0;left: 50%; z-index: 0;display: block;margin-left: -1px; width: 2px;height: 100%; background: #fff;box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);}
.drag_img .separator .circle_line {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 5;width: 80px;height: 80px;border: 2px solid #fff;border-radius: 50%;background: #000; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);}
.drag_img .separator .circle_area {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;width: 70px;height: 70px;border-radius: 50%;background: #fff;}
.drag_img .separator .circle_area::before,
.drag_img .separator .circle_area::after {content: "";position: absolute;top: 50%;display: block;margin-top: -7px;border: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid #000;border-left: none;transition: left 0.3s ease 0s, right 0.3s ease 0s;}
.drag_img .separator .circle_area::before {left: 30px;animation: fade_animation_left 0.8s ease-in-out infinite 1.8s;margin-left: 10px;}
.drag_img .separator .circle_area::after {right: 30px;transform: scale(-1, 1);animation: fade_animation_right 0.8s ease-in-out infinite 1.8s;margin-right: 10px;}

.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont.padding_none .auto_key_sub .txt01{padding-bottom:0}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub .txt02{font-size:1.8rem;color:#666666;padding-bottom:0.5rem;line-height:1.35}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub .txt03{font-size:1.8rem;color:#666666;position:relative;padding-left:2.0rem;}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub .txt03:after{content:"→";display:block;position:absolute;top:0;left:0}

.bus_table_box{}
.bus_table_box .table_box{}
.bus_table_box .table_box tr th{background: linear-gradient(135deg, rgba(0, 159, 223, 1), rgba(4, 66, 150, 1));color:#fff;border-radius:1.0rem;padding:1.0rem 0rem;font-size:2.2rem;}
.bus_table_box .table_box tr td{text-align:center;border-bottom:1px solid #ddd;padding:2.0rem 0;font-size:1.9rem;line-height:1.5}

.bus_table_box .table_box tr td.t_left{text-align:left;padding-left:5.0rem;}
.bus_table_box .table_box tr td .table_list{list-style: auto;padding-left: 2rem;}

.factory_auto .factory_auto_cont .Introduction_box{display:flex;justify-content: space-around;margin-top:7.0rem;}
.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub{display: flex;flex-direction: column;align-items: center;justify-content: center;max-width:33.0rem;aspect-ratio: 1; border-radius: 50%;border:2px solid #044397;flex: 1;text-align:center}
.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub .icon01{}
.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub .txt_box .txt01{font-size:2.3rem;font-weight:600;padding:2.0rem 0 0.5rem 0}
.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub .txt_box .txt02{font-size:1.9rem;color:#666666}

.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont{display:flex;flex-wrap:wrap;gap:2.5rem;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub{display:flex;width:100%;background:#f6f6f6;padding:4.0rem 7.0rem;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt01{display:flex;width:35%;font-size:2.4rem;color:#009fdf;font-weight:600;padding-bottom:1.5rem;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt01 span{width:4.5rem;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt02{width:65%}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt02 li{/* padding-left:6rem; */font-size:1.8rem;color:#666666;position:relative;line-height:1.5;padding-left:2.0rem}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt02 li:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#044397;position:absolute;top:11px;left:0rem;}

.factory_auto .img_box img{border-radius:1.0rem;}
.auto_defect_rate{justify-content: space-between;text-align:center}
.auto_defect_rate .rate_imgbox{width:49%;border:1px solid #ddd;padding:1.0rem 0;}
.auto_defect_rate img{}
.auto_defect_rate02{width:100%;    justify-content: center;}

.vision_camera_system{width:100%;border:1px solid #ddd}
.vision_camera_system .img_box{text-align:center;padding:1.5rem 0;}

.iot_imgbox{display:flex;justify-content: space-between;align-items: end;}
.iot_imgbox .iot_img{width:32%;text-align:center;}
.iot_imgbox .iot_img .iot_img_txt{font-size:1.9rem;padding-top:1.0rem;}

.auto_cont01 .m_lp_imgbox{display:flex;margin-bottom:2.0rem}
.auto_cont01 .m_lp_imgbox .imgbox{padding:0 1.0rem}
.auto_cont01 .m_lp_imgbox .imgbox img{width:100%;}
.auto_cont01 .m_lp_imgbox .imgbox .txt01{font-size: 2.1rem;color:#fff;text-align:center;padding:0.5rem 0;}
.auto_cont01 .m_lp_imgbox .imgbox .txt_color01{background: rgb(23, 23, 23, 0.8);;}
.auto_cont01 .m_lp_imgbox .imgbox .txt_color02{background: rgb(0 159 223);}

.steel_pc_none{display:none}

@media( max-width:1600px) {
	
.factory_auto{padding:0 1.0rem;}
.factory_auto .factory_auto_bg .factory_bg_txtbox .txt01 p .pc_only{display:none}
}

@media( max-width:1400px) {

.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont{gap:2%}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub{margin-bottom:2.0rem;}

}

@media( max-width:1200px) {
.steel_m_none{display:none}
.steel_pc_none{display:block;}
.factory_auto .factory_auto_bg{padding:0 5.0rem;}
.factory_auto .factory_auto_bg .factory_bg_txtbox .tit01{font-size:3.2rem;}
.factory_auto .factory_auto_bg .factory_bg_txtbox .txt01{font-size:1.8rem;}
.factory_auto .factory_auto_bg .factory_bg_txtbox .tit01_01{font-size:1.9rem;}

}

@media( max-width:1024px) {



.sub_page_tit{font-size:2.4rem;}
.sub_page_sub_tit{font-size:1.9rem;}
.factory_auto .factory_auto_bg{height:35.0rem;}
.bus_table_box .table_box tr th{font-size:1.9rem;}
.bus_table_box .table_box tr td{font-size:1.8rem;}
.bus_table_box .table_box tr td img{padding:0.5rem;}

.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub{padding:3.0rem;}
.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub .txt01{font-size:2.1rem;}

.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub .txt_box .txt01{font-size:2.1rem;}
.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub .txt_box .txt02{font-size:1.8rem}

.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub{padding:3.0rem}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt01{font-size:2.1rem;}

.factory_auto .factory_auto_cont .Introduction_box{flex-wrap:wrap;}

.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub{flex:auto;width:100%;max-width:350px;margin-bottom:3.0rem}

.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont.padding_none .auto_key_sub{width:49%}

.steel .steel_wrap .steel_line .steel_sub{width:32%}

}

@media( max-width:768px) {


.factory_auto .factory_auto_bg{padding:5.0rem 3.0rem;height:auto;}
.factory_auto .factory_auto_bg .factory_bg_txtbox .tit01{font-size:2.8rem;padding-bottom:1.0rem;margin-bottom:1.0rem;}

.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub{width:100%;}

.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub{flex-wrap:wrap;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt01{width:100%;padding-bottom:1.0rem;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt02{width:100%;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt02 li{margin-bottom:0.5rem;padding-left:1.5rem;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt02 li:after{top:8px;}
.factory_auto .factory_auto_cont .Introduction_box .Introduction_sub{max-width:300px;}
.factory_auto .factory_auto_cont .auto_cont03 .design_phase_cont .design_phase_sub .txt01 span{width:auto;margin-right:0.5rem;}


.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont.padding_none .auto_key_sub{width:100%}

.factory_auto .factory_auto_cont .auto_cont01 .auto_key_cont .auto_key_sub .txt01_01{font-size:1.9rem;}

.steel .steel_wrap .steel_line .steel_sub{width:49%}


.iot_imgbox{flex-wrap:wrap; justify-content: center;margin-top:5.0rem;}
.iot_imgbox .iot_img{width:55%;margin-bottom:2.0rem;}

.bus_table_scroll {overflow-x:scroll}
.bus_table_scroll .table_box{width:750px}
}

/*인증서*/
.certification {}
.certification .cert {display: flex;flex-wrap: wrap;margin-top: 9.0rem;}
.certification .cert .sub {width: calc((100% / 4));margin-bottom: 4.5rem;padding:0 1.5rem;}

.certification .cert .sub .sub_wrap {}
.certification .cert .sub .sub_wrap .thumb {background: #f4f4f4;/* background: #ddd; */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:75%;box-shadow: 3px 5px 20px 3px rgba(0,0,0,0.15);}
.certification .cert .sub .sub_wrap .txt {font-size: 1.8rem;color: #666666;text-align: center;padding: 1.9rem;line-height:1.35}


@media( max-width:1600px) {
	

}

@media( max-width:1400px) {
	
.certification .cert .sub {width: calc((100% / 3));}
}

@media( max-width:1200px) {
	
.certification .cert .sub {width: calc((100% / 2));}
}

@media( max-width:1024px) {
	

}

@media( max-width:768px) {
	.certification .cert .sub {width:100%;}

}


/*오시는길*/
.location{}
.location .location_wrap{max-width:140.0rem;margin:0 auto 10.0rem auto;display:flex;justify-content: space-between;align-items:center}
.location .location_wrap:nth-child(2n) .left{order:2}
.location .location_wrap .left{width:45%}
.location .location_wrap .left .loc_tit{font-size:3.2rem;padding-bottom:2.0rem;}

.location .location_wrap .right{width:50%}
.location .location_wrap .right .loc_map{width:100%;height:40.0rem;}
.root_daum_roughmap .section_address{display:none}

.location_table table{border-top:2px solid #000}
.location_table table tr th{font-size:1.8rem;padding:2.5rem 2.0rem;border-bottom:1px solid #ddd}
.location_table table tr td{font-size:1.8rem;padding:2.5rem 2.0rem;border-bottom:1px solid #ddd}

@media( max-width:1600px) {
.location{padding:0 1.0rem}

}

@media( max-width:1400px) {
	

}

@media( max-width:1200px) {
	
.location .location_wrap .left .loc_tit{font-size:2.6rem;padding-bottom:1.0rem;}
.location_table table tr td{line-height:1.35}
}

@media( max-width:1024px) {
	

}

@media( max-width:768px) {

.location .location_wrap{flex-wrap:wrap;}
.location .location_wrap .left{order:1;width:100%;margin-top:2.0rem;}
.location .location_wrap .right{width:100%;}
.location_table table tr th{width:30%}
.location_table table tr tr{width:70%}
}