@charset "utf-8";


/* .line_test{position:relative; margin:800px 0 600px; }
.line_test .line_wrap{position:absolute; top:0; left:0; width:2px; height:100%; background:#dbdbdb; overflow:hidden;}
.line_test .line_wrap span{display:block; width:2px; height:0px; background:#ff0000;}
.line_test .line_wrap + ul li{padding:20px;} */


.color_red{color:#C70026;}

.sub_title_wrap{padding:240px 0 100px; width:100%; background-size:cover; background-repeat: no-repeat; background-position: center; background-image: url("../images/sub/header_bg.jpg");}
.sub_title_wrap h2{font-size:56px; font-weight: bold; color:#ffffff; line-height: 1.5;}
.sub_title_wrap p{color:#ffffff;}
.sub_title_wrap01{background-image: url("../images/sub/header_bg_intro.jpg");}
.sub_title_wrap02{background-image: url("../images/sub/header_bg_corrugated_steel.jpg");}
.sub_title_wrap03{background-image: url("../images/sub/header_bg03.jpg");}
.sub_title_wrap04{background-image: url("../images/sub/header_bg_pipe.jpg");}
.sub_title_wrap05{background-image: url("../images/sub/header_bg_valve.jpg");}

.table_info{display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.table_move_alert{font-size:14px; color:#C70026; opacity: 0; visibility: hidden;}

.breadcrumb .mo_breadcrumb_btn{padding:20px 5% 10px; width:100%; display: none; justify-content: space-between; align-items: center; border-bottom:1px solid #f1f1f1;}
.breadcrumb .mo_breadcrumb_btn .breadcrumb_arrow{ margin-left: 10px; display: block; width: 4px; height: 6px; border-top: 6px solid #222222; border-left: 4px solid transparent; border-right: 4px solid transparent; transition: border-color .5s; z-index: -1;}
.breadcrumb .dept_1{margin:20px -20px 0;  display: flex; align-items: center; flex-wrap: wrap;}
.breadcrumb .dept_1 li a{position:relative; padding:20px; transition:color, font-weight, .3s;}
.breadcrumb .dept_1 li a span{position:relative;}
.breadcrumb .dept_1 li a span::before{content:""; position: absolute; bottom:-4px; left:50%; transform: translateX(-50%); display: none; width:100%; height:2px; background: #C70026; }
.breadcrumb .dept_1 li a:hover span,
.breadcrumb .dept_1 li a.active span{color:#C70026;}
.breadcrumb .dept_1 li a.active span::before{display: block;}
.breadcrumb .dept_1 li a.active{font-weight: bold; }

#sub {margin-top:40px;  }
#sub section:nth-child(2){margin-top:60px;} 
.current_title_wrap h3{font-size:48px; font-weight: bold; color:#C70026;}

.section_bottom{padding-bottom:160px;}
.greeting section .inner_wrap{margin:0 -24px; display: flex; flex-wrap: wrap;}
.greeting section .inner_wrap article{padding:0 24px; width:50%;}
.greeting section .inner_wrap article.text_wrap h4{font-size:16px; color:#C70026;}
.greeting section .inner_wrap article.text_wrap strong{margin-bottom:48px; display: block; font-size:32px; line-height: 1.5; }
.greeting section .inner_wrap article.text_wrap p{margin-top:20px;}
.greeting section.entrepreneurship .wrap{margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #eeeeee;}
.greeting .com_intro .wrap{position:relative; padding-bottom:200px; } 
.greeting .com_intro .wrap::before{content: ""; position: absolute; bottom:0; left:0;  display: block; width:100%; height: 100%; background-image: url("../images/common/logo.svg"); background-repeat: no-repeat; background-position:center bottom; opacity: .15; z-index: -1; }

.ci section:nth-child(n+2){margin-top:88px;}
.ci .ci_download ul{margin:20px -10px 0; display: flex; }
.ci .ci_download ul li{padding:0 10px;}
.ci .ci_download ul li a{padding:16px 28px; display: flex; justify-content: space-between; align-items: center; width:280px; border:1px solid #C70026; color:#C70026; transition:background-color, color, border-color, .3s; }
.ci .ci_download ul li:first-child a{background:#C70026; color:#ffffff;}
.ci .ci_download ul li a:hover{background: #222222; border-color:#222222; color:#ffffff;}
.ci section h4{ font-size:24px; }
.ci .ci_download ul li a span br{display: none;}
.ci .ci_color .color_wrap{margin:16px -10px 0; display: flex; }
.ci .ci_color .color_wrap div{padding:0 10px;}
.ci .ci_color .color_wrap div span{display: block; width:280px; height:128px;}
.ci .ci_color .color_wrap div span.red_box{background: #C70026;}
.ci .ci_color .color_wrap div span.black_box{background: #000000;}
.ci .ci_color .color_wrap div p{margin-top:12px; line-height: 1.5;}

.directions .map_wrap .map{width:100%; height:420px;}
.directions .text_wrap{padding:18px; display: flex; justify-content: space-between; align-items: center; background: #3A4146;}
.directions .text_wrap div{padding:20px; color:#ffffff; }
.directions .text_wrap .direction_logo figure{width:240px;}
.directions .text_wrap div span strong{text-transform: uppercase;}

.management .management_point_wrap{margin:0 auto; width:1000px;}
.management .management_point_wrap .management_point{display: flex;}
.management .management_point_wrap .management_point>div{width:33.3333%; }
.management .management_point_wrap .management_point>div .inner_wrap{display:flex; flex-direction: column; justify-content: center; align-items: center; width:340px; height:340px; border-radius: 50%; border:30px solid #3A4146; }
.management .management_point_wrap .management_point>div .inner_wrap span{font-weight: bold;}
.management .management_point_wrap .management_point>div .inner_wrap h4{font-size:32px; line-height: 1.2; color: #C70026; text-align: center;}
.management .management_point_wrap .management_point>div .text_wrap{position:relative; margin-top:80px; padding: 0 32px; }
.management .management_point_wrap .management_point>div .text_wrap::before{content: ""; position:absolute; top:-80px; left:50%; transform: translateX(-50%); display: block; width:1px; height:72px; border-left:1px dashed #3A4146;}
.management .management_point_wrap .management_point>div .text_wrap::after{content: ""; position:absolute; top:-16px; left:50%; transform: translateX(-50%); display: block; width:10px; height:10px; border-radius: 50%; background:#3A4146;}
.management .management_point_wrap .management_point>div .text_wrap p{text-align: center;}

.org_chart .org_chart_content .org_ceo{position:relative; display: flex; justify-content: center;}
.org_chart .org_chart_content .org_ceo::before{content: ""; position:absolute; top:100%; left:50%; transform: translateX(-50%); display: block; width: 1px; height:80px; border-left: 1px dashed #3A4146;}
.org_chart .org_chart_content .org_ceo .org_ceo_inner_wrap{position: relative;; display: flex; justify-content: center; align-items: center; width:180px; height:180px; border-radius: 50%; background: #C70026; overflow: hidden;} 
.org_chart .org_chart_content .org_ceo .org_ceo_inner_wrap::before { content: url("../images/common/logo.svg"); position: absolute; bottom: 30px; left:50%; transform: translateX(-50%); display: block; width:100%; height: 33px; opacity: 0.5;}
.org_chart .org_chart_content .org_ceo .org_ceo_inner_wrap h4{ font-size:20px; color:#ffffff; text-align: center; }
.org_chart .org_chart_content .org_team_list{position: relative; margin:80px -40px; display: flex;}
.org_chart .org_chart_content .org_team_list::before{content: ""; position: absolute; top:0; left:50%; transform: translateX(-50%); display: block;
    width:80%; height:1px; border-top:1px dashed #3A4146;}
.org_chart .org_chart_content .org_team_list li{position:relative; padding: 80px 40px 0; width:20%; text-align: center;}
.org_chart .org_chart_content .org_team_list li::before{content: ""; position: absolute; top:0; left:50%; transform: translateX(-50%); display: block; width:1px; height:100%; border-left:1px dashed #3A4146; z-index: -1;}
.org_chart .org_chart_content .org_team_list li .org_team_inner_wrap{ height:100%;}
.org_chart .org_chart_content .org_team_list li .org_team_inner_wrap h5{padding:16px; height:100%; font-size:18px; color: #C70026; border:2px solid #C70026; background:#fff3f5; display:flex; align-items: center; justify-content: center; }

/* 연혁 */
.history .info .info_rextsteel_wrap{margin:0 -50px; display: flex; flex-wrap:wrap;}
.history .info .info_rextsteel_wrap>div{padding:0 50px; width: 50%;}
.history .info .info_rextsteel_wrap .info_rextsteel ul li{margin-bottom:20px; display: flex;}
.history .info .info_rextsteel_wrap .info_rextsteel ul li span{flex-shrink: 0; width:200px; font-weight: bold;}
.history .info .info_rextsteel_wrap .info_rextsteel ul li figure{width:156px;}
.history .info .info_rextsteel_wrap .info_rextsteel ul li:first-child{align-items: center;}

.history .history_line_wrap{margin-top:160px;}
.history .history_wrap {display: flex; justify-content: center; width:100%;  }
.history .history_wrap .history_line{position:relative; width:1000px;}
.history .history_wrap .history_line::before{content: ""; position:absolute; top:0; left:50%; transform: translateX(-50%); height:100%; border: 1px dashed #C70026;}
.history .history_wrap .history_list_wrap {padding: 40px 0; display:flex; justify-content: space-between; width:100%;}
.history .history_wrap .history_list_wrap>div{padding:0 30px; width:50%;}
.history .history_wrap .history_list_wrap .history_list h4{position:relative; font-size:40px; font-weight: bold; color:#C70026; }
.history .history_wrap .history_list_wrap .history_list h4::before{content:""; position:absolute; top:50%; transform: translateY(-50%); display: block; width:10px; height:10px; border-radius: 50%; background:#C70026; z-index: 1; }
.history .history_wrap .history_list_wrap .history_list h4::after{content:""; position:absolute; top:50%; transform: translateY(-50%); display: block; width:20px; height:20px; border-radius: 50%; border:1px dotted #C70026; background: #ffffff; }
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 li{padding:10px 0; display: flex; }
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 .month{margin-right:20px; position:relative; display: block; font-size:20px; color:#000000;}
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 .month::before{content:""; position:absolute; top:50%; transform: translateY(-50%);
display: block; width:8px; height:8px; border-radius: 50%; background:#C70026;}
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 .hitory_dep02 li{padding:4px; line-height: 1.5;}
.history .history_wrap .history_list_wrap .history_list.right h4{text-align: left;}
.history .history_wrap .history_list_wrap .history_list.right h4::before{left: -35px;}
.history .history_wrap .history_list_wrap .history_list.right h4::after{left: -41px;}
.history .history_wrap .history_list_wrap .history_list.right .hitory_dep01 .month::before{left:-34px;}
.history .history_wrap .history_list_wrap .history_list.left h4{text-align: right;}
.history .history_wrap .history_list_wrap .history_list.left h4::before{right: -35px;}
.history .history_wrap .history_list_wrap .history_list.left h4::after{right: -41px;}
.history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 li{justify-content: flex-end;}
.history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .month{margin-right:0; margin-left:20px; text-align: right; order: 1;}
.history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .month::before{right:-34px;}
.history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .hitory_dep02{text-align: right;}





.lnb_tab ul{display:flex; flex-wrap:wrap;}
.lnb_tab ul li{width:25%;}
.lnb_tab ul li a{padding:12px 12px; display: flex; justify-content: center; align-items: center; height:100%; border:1px solid #dcdcdc; color:#777777; text-align: center; transition:background-color, border-color, color, .3s;}
.lnb_tab ul li a:hover,
.lnb_tab ul li a.active{background: #C70026; border-color:#C70026; color:#ffffff;}

.lnb_sub_tab{margin-top:20px;}
.lnb_sub_tab ul{display:flex; flex-wrap:wrap;}
.lnb_sub_tab ul li{width:33.3333%;}
.lnb_sub_tab ul li a{padding:12px 20px; height:100%; border:1px solid #dcdcdc; color:#777777; text-align: center; transition:background-color, border-color, color, .3s;}
.lnb_sub_tab ul li a:hover,
.lnb_sub_tab ul li a.active{ border-color:#C70026; color:#C70026;}

.product h4{font-size:40px;}
.product h5{font-size:24px;}
.product table{margin-top:10px; width: 100%; table-layout: fixed;}
.product table thead{border-bottom:1px solid #C70026; font-size:16px;  }
.product table thead tr th{padding:10px; vertical-align: middle; text-align: center; line-height: 1.5; font-weight: bold; color:#C70026;  }
.product table tbody tr{border-bottom:1px solid #eeeeee; font-size:16px;}
.product table tbody tr td{padding:12px 8px; text-align: center; vertical-align: middle;}
.product article:nth-child(n+2){margin-top:64px;}
.product .img_wrap{margin-top:10px;}


.product .about p{margin-top:8px;}
.product .section_division{margin-bottom:80px; padding-bottom: 80px; border-bottom:1px solid #eeeeee; }
.product .info{margin-top:48px}



.info .process .process_list{margin:0 -10px; display: flex; flex-wrap:wrap; }
.info .process .process_list li{padding:10px; width:16.6667%;}
.info .process .process_list li .text_wrap{position:relative; padding:8px 12px; border:1px solid #C70026; font-size:16px; color:#C70026; text-align: center;}
.info .process .process_list li .text_wrap::before{content: ""; position:absolute; top:50%; right:-12px; transform: translateY(-50%); display: block; border-top:4px solid  transparent; border-right:  transparent; border-bottom: 4px solid  transparent; border-left: 4px solid #C70026;}
.info .process .process_list li:last-child .text_wrap::before{display: none;}
.info .process .process_list.divi_4 li{width:25%;}
.info .process .process_list.divi_2 li{width:50%;}

.info .ultra_large .inner_wrap{margin:0 -40px; display: flex; flex-wrap: wrap;}
.info .ultra_large .inner_wrap>div{padding:0 40px; width:50%;}
.info .ultra_large .inner_wrap .list_wrap ul{counter-reset: list_counter; }
.info .ultra_large .inner_wrap .list_wrap ul li{line-height: 1.5;}
.info .ultra_large .inner_wrap .list_wrap ul li:nth-child(n+2){margin-top:48px;}
.info .ultra_large .inner_wrap .list_wrap ul li::before{ counter-increment: list_counter; content: counter(list_counter); margin-bottom:8px; display: flex; justify-content: center; align-items: center; width: 24px; height:24px; border-radius: 50%; background: #C70026; color:#ffffff;}
.info .one_img{margin-top:10px; display: flex; justify-content: center;}
.info .two_img{margin:0 -10px; display:flex; flex-wrap: wrap;}
.info .two_img figure{padding:10px; width:50%;}

.info .structure_img{margin:0 -10px; display:flex; flex-wrap: wrap;} 
.info .structure_img figure:nth-child(1){padding:10px; width:58%;}
.info .structure_img figure:nth-child(2){padding:10px; width:42%;}

.info .size .img_wrap{display: flex; justify-content: center;}
.info .size .table_wrap{margin-top:18px;}
.info .size .two_img{margin-top:64px}
.info .side .side_list ul{margin:0 -14px; display: flex; flex-wrap: wrap;}
.info .side .side_list ul li{padding:0 14px 40px; width:25%;}
.info .side .side_list ul li .text_wrap{padding:8px 16px; border:1px solid #C70026; font-size:16px; color:#C70026; text-align: center; }
.info .closing .img_wrap{margin:0 -10px; display: flex; flex-wrap: wrap;}
.info .closing .img_wrap figure{padding:20px;  width:25%;}

.corrugated .properties .img_wrap{display: flex;}

.properties .about .img_wrap{margin:16px -10px 0; display: flex; flex-wrap: wrap;}
.properties .about .img_wrap figure{padding:0 10px;  }
.properties .about .img_wrap figure:first-child{width:62.5%;}
.properties .about .img_wrap figure:last-child{width:37.5%;}


.properties .condition .table_wrap table thead{border-top: 1px solid #C70026;}
.properties .condition .table_wrap table thead tr:nth-child(1){border-bottom: 1px solid #C70026;}
.properties .condition .table_wrap table thead tr:nth-child(1) th:nth-child(2){border-right:1px solid #C70026;}
.properties .condition .table_wrap table thead tr:nth-child(1) th:nth-child(1),
.properties .condition .table_wrap table thead tr:nth-child(2) th:nth-child(5){border-right:1px solid #C70026;}
.properties .condition .table_wrap table tbody tr td:nth-child(1),
.properties .condition .table_wrap table tbody tr td:nth-child(6){border-right:1px solid #C70026;}
.properties .applied .table_wrap table thead{background: #3A4146; color:#ffffff; border-bottom: none;}
.properties .applied .table_wrap table thead tr th{color:#ffffff;}
.properties .applied .table_wrap table thead tr th:first-child{border-right:2px solid #ffffff;}
.properties .applied .table_wrap table tbody{background: #f5f5f5;}
.properties .applied .table_wrap table tbody tr {border-bottom: 2px solid #ffffff;}
.properties .applied .table_wrap table tbody tr td{padding:24px 8px; }
.properties .applied .table_wrap table tbody tr td:first-child{position:relative; border-right:2px solid #ffffff;}
.properties .applied .table_wrap table tbody tr td span{position:absolute; top:16px; left:20px; display: flex;  align-items: center;  color:#3A4146; font-weight: 500; line-height: 1.25; }


.rc_effect .chart_wrap{margin-top:20px; border:1px solid #eeeeee;}
.rc_effect .chart_wrap .chart_legend{display: flex; justify-content: center;}
.rc_effect .chart_wrap .chart_legend span{position:relative; margin:20px 10px 0; display: flex; align-items: center; color:#3A4146; font-size:16px;}
.rc_effect .chart_wrap .chart_legend span::before{content:""; margin-right:8px; display: block; width:12px; height:12px; }
.rc_effect .chart_wrap .chart_legend span:first-child:before{background: #3A4146;}
.rc_effect .chart_wrap .chart_legend span:last-child:before{background: #C70026;}
.rc_effect .chart_wrap .img_wrap{margin:32px 0;display: flex; justify-content: center;}
.rc_effect .chart_wrap .img_wrap figure{padding:0 56px; }
.rc_compare table thead {border-bottom:none; background: #3A4146;}
.rc_compare table thead tr th{color:#ffffff; border-right:1px solid #eeeeee;}
.rc_compare table thead tr th:last-child{border-right:none;}
.rc_compare table tbody tr td{border-right:1px solid #eeeeee;}
.rc_compare table tbody tr td:last-child{border-right:none;}
.rc_compare table tbody tr:nth-child(odd){background: #F5F5F5;}
.rc_compare_info .rc_compare_picto{background: url("../images/sub/economics_center_bg.png") no-repeat; background-position: center 45%}
.rc_compare_info .rc_compare_picto .text_wrap{text-align: center;}
.rc_compare_info .rc_compare_picto .text_wrap h6{position:relative; padding-bottom:16px; font-size:28px; color:#3A4146;}
.rc_compare_info .rc_compare_picto .text_wrap h6::before{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); display: block; width:64px; height:1px; background: #C70026;}
.rc_compare_info .rc_compare_picto .text_wrap p{margin-top:20px; font-size:16px;}
.rc_compare_info .rc_compare_picto .first_floors{display: flex; justify-content: center;}
.rc_compare_info .rc_compare_picto .second_floors{margin-top:176px; display: flex; justify-content: space-between;}
.rc_compare_info .rc_compare_picto .third_floors{margin:147px auto 0; display: flex; justify-content: space-between; width:800px;}

.zb_plating .advantages{position:relative; background: url("../images/sub/zn_plating_earth_bg.png")no-repeat; background-position: center; background-size: 90%;}
.zb_plating .advantages .advantages_title{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width:680px; height:680px; border-radius: 50%; background: #ffffff;} 
@keyframes dashed_line_rotate {
  0% {transform:translate(-50%, -50%) rotate(0deg);} 
  100% {transform:translate(-50%, -50%) rotate(360deg);}
}
.zb_plating .advantages .advantages_title::before{content: ""; position: absolute; top:50%; left:50%;  display: block; width:100%; height:100%; border:2px dashed #3A4146; border-radius: 50%; animation:dashed_line_rotate 30s linear infinite; }
.zb_plating .advantages .advantages_title .text_wrap{position:relative; display: flex; justify-content: center; align-items: center; width:260px; height:260px; border-radius: 50%;  background:url("../images/sub/zn_plating_title_bg.jpg")no-repeat center;} 
.zb_plating .advantages .advantages_title .text_wrap::before{content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; border-radius: 50%;  border:12px solid rgba(255,255,255,.5); box-sizing: border-box;}
.zb_plating .advantages .advantages_title .text_wrap::after{content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; border-radius: 50%;  border:24px solid #EEEEEE; }
.zb_plating .advantages .advantages_title .text_wrap h5{font-size:32px; color:#ffffff;}
.zb_plating .advantages .adv_floors_wrap{position: relative; z-index: 1; padding:128px;}
.zb_plating .advantages .adv_floors_wrap .text_wrap{padding:16px; display: flex; flex-direction: column; justify-content: center; width:340px; height:340px; border:14px solid #3A4146; border-radius: 50%; background: #ffffff; text-align: center; }
.zb_plating .advantages .adv_floors_wrap .text_wrap h6{font-size:22px; color:#C70026; line-height:28px}
.zb_plating .advantages .adv_floors_wrap .text_wrap p{margin-top:8px; font-size:16px; line-height: 1.5;}
.zb_plating .advantages .adv_floors_wrap>div{ display: flex; justify-content: space-between;}
.zb_plating .advantages .adv_floors_wrap>div .text_wrap{position:relative;}
.zb_plating .advantages .adv_floors_wrap>div .text_wrap::before{content: ""; position: absolute; display: block; width:1px; border-left: 3px dashed #3A4146;}
.zb_plating .advantages .adv_floors_wrap .adv_first_floors .text_wrap:first-child:before{bottom:60px; right:80px; transform: rotate(135deg); transform-origin: bottom right; height:160px; z-index: -1;}
.zb_plating .advantages .adv_floors_wrap .adv_first_floors .text_wrap:last-child:before {top: 228px; left: 110px; transform: rotate(40deg); transform-origin: top right; height: 260px; z-index: -1;}
.zb_plating .advantages .adv_floors_wrap .adv_second_floors .text_wrap:first-child:before {top: -48px; right: 69px; transform: rotate(45deg); transform-origin: bottom right; height: 126px; z-index: -1;}
.zb_plating .advantages .adv_floors_wrap .adv_second_floors .text_wrap:last-child:before {top: 37%; left: 40%; transform: rotate( 135deg);  transform-origin: top left; height: 229px; z-index: -1;}
.zb_plating .advantages .adv_floors_wrap .adv_first_floors .text_wrap:last-child{margin-top:-80px; }
.zb_plating .advantages .adv_floors_wrap .adv_second_floors{margin-top:240px;}
.zb_plating .advantages .adv_floors_wrap .adv_second_floors .text_wrap:last-child{margin-top:60px; }

.zb_plating .durability .img_wrap{margin:15px -5px 0; display: flex; flex-wrap: wrap; justify-content: space-around;}
.zb_plating .durability .img_wrap figure{padding:5px;}
.zb_plating .durability .img_wrap figure:nth-child(1){width:26%;}
.zb_plating .durability .img_wrap figure:nth-child(2){width:26%;}
.zb_plating .durability .img_wrap figure:nth-child(3){width:48%;}

.pipe_properties_table table{width:100%; }
.pipe_properties_table tbody{border-top: 1px solid #C70026; border-bottom: 1px solid #C70026; }
.pipe_properties_table tbody tr:last-child{border: none;}
.pipe_properties_table tbody tr th{vertical-align: middle; width:100px; color:#C70026; font-weight: bold;  }
.pipe_properties_table tbody tr td{border-left:1px solid #C70026;}

.foundation_ground .foundation_ground_table{margin-top:40px;}
.foundation_ground .foundation_ground_table_wrap table thead{background: #3A4146; }
.foundation_ground .foundation_ground_table_wrap table thead tr th{padding:12px 12px;  border:1px solid #ffffff;  color:#ffffff;}
.foundation_ground .foundation_ground_table_wrap table tbody tr th{border-right:1px solid #C70026; color:#C70026; vertical-align: middle; font-weight: 500;} 
.foundation_ground .foundation_ground_table_wrap table tbody tr:last-child{border-bottom:1px solid #C70026;}
.foundation_ground .foundation_ground_table_wrap table tbody tr td{border-left:1px solid #eeeeee;}

.divi_2{margin:0 -28px; display:flex; flex-wrap:wrap;}
.divi_2 li{padding:0 28px; width:50%;}
.divi_2 li .text_wrap{margin-top:4px; padding:8px 12px;  border:1px solid #C70026; text-align: center; color:#C70026; }

.pe .pe_standard .pe_standard_text{margin:16px -20px 0; display: flex; flex-wrap: wrap;}
.pe .pe_standard .pe_standard_text li{position:relative; padding:0 20px; width:33.3333%;  }
.pe .pe_standard .pe_standard_text li::before{content:""; position:absolute; right:-1px; top:0; display: block; width:1px; height:100%; border-left:2px dotted #dbdbdb; }
.pe .pe_standard .pe_standard_text li:last-child:before{display: none;}
.pe .pe_standard .pe_standard_text li .inner_wrap{padding:0 20px; text-align: center; height:100%; }
.pe .pe_standard .pe_standard_text li .inner_wrap h6{font-size:24px; font-weight: bold; color:#C70026; line-height: 1.5;}
.pe .pe_standard .pe_standard_text li .inner_wrap h6 span{display: block; font-size:16px;}
.pe .pe_standard .pe_standard_text li .inner_wrap p{margin-top:8px;}
.pe .pe_size_table tr td{border-right:1px solid #f5f5f5;}
.pe .pe_size_table tr td:nth-child(4){border-right:none;}
.pe .materi_spec .con_wrap{position: relative; margin-top:10px; padding-left:16px;}
.pe .materi_spec .con_wrap::before{content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); display: block; width:3px; height:44px; background: #C70026; }
.pe .materi_spec .con_wrap p{line-height: 1.5;}
.pe .pe_specificity .specificity_list{margin-top:16px;}
.pe .pe_specificity .specificity_list>li:nth-child(n+2){margin-top:24px; padding-top:24px; border-top:1px dashed #dfdfdf; }
.pe .pe_specificity .specificity_list>li h6{font-size:24px; font-weight: bold; color:#C70026; }
.pe .pe_specificity .specificity_list>li ul li{position:relative; padding-left:16px;}
.pe .pe_specificity .specificity_list>li ul li::before{content: ""; position:absolute; top:16px; left:0; display: block; width:5px; height:2px; background: #000000;}
.pe .side_struck .img_wrap{margin:10px -28px 0;}
.pe .side_struck .img_wrap figure{padding:0 28px;}
.pe .use .inner_wrap{margin-top:10px;}
.pe .use .inner_wrap .list_wrap ul li::before{display: none;}
.pe .use .inner_wrap .list_wrap ul li:nth-child(n+2) {margin-top: 20px; padding-top:20px; border-top:1px dashed #dfdfdf;}
.pe .use .inner_wrap .list_wrap ul li h6{font-size:24px; font-weight: bold; color: #C70026;}
.pe .use .inner_wrap .list_wrap ul li p{line-height: 1.75;}

.pds .about .img_text_wrap{padding: 10px 20px; text-align: center; border:1px solid #C70026; color:#C70026; }
.pds .wp_ability .add_table{font-size:16px; color:#777777;}
.pds .wp_ability .table_wrap table thead{background:#3A4146;}
.pds .wp_ability .table_wrap table thead tr th{color:#ffffff; border: 1px solid #ffffff;}
.pds .wp_ability .table_wrap table tbody tr td{border-left: 1px solid #eeeeee;}
.pds .wp_ability .table_wrap table tbody tr td:first-child{border-left: none;}
.pds .wp_ability .table_wrap table tbody tr:last-child td{color:#C70026; font-weight: 500;}
.pds .wp_ability .img_wrap{margin-top:40px;}
.pds .pds_standard .con_wrap li{margin-bottom:8px; display: flex; flex-wrap: wrap; color:#555555;}
.pds .pds_standard .con_wrap li span{margin-right:8px; display: block; font-weight: bold; color:#222222; }
.pds .sol_standard tbody tr:first-child td{ font-weight:500; color:#C70026; }
.pds .sol_standard tbody tr td{border-left:1px solid #eeeeee;}
.pds .sol_standard tbody tr td:first-child{border-left:none;}
.pds .pds_p_standard table tbody tr th{border-right:1px solid #eeeeee; vertical-align: middle}
.pds .pds_p_standard table tbody tr td{border-left:1px solid #eeeeee;}

.pipe_dist .pipe_dist_table{margin-top:64px;}
.pipe_dist .pipe_dist_table table{width:100%;}
.pipe_dist .pipe_dist_table table thead{background:#3A4146;  text-align: center; color:#ffffff; vertical-align: middle;}
.pipe_dist .pipe_dist_table table thead tr{border: 1px solid #ffffff;}
.pipe_dist .pipe_dist_table table thead tr th{padding:12px 4px; line-height: 1.5;   color:#ffffff;  }
.pipe_dist .pipe_dist_table table thead tr:nth-child(2) th{font-weight: 400; border: 1px solid #ffffff;}
.pipe_dist .pipe_dist_table table tbody tr th{padding:12px 4px;  border-right: 1px solid #C70026; border-bottom:1px solid #C70026; vertical-align: middle; color:#C70026; font-weight: 500; line-height: 1.5;}

.pipe_dist .pipe_dist_table table tbody tr:last-child td{ border-bottom:1px solid #C70026;}
.pipe_dist .pipe_dist_table table tbody tr.v_top td{vertical-align: top;}
.pipe_dist .pipe_dist_table table tbody tr td{border-left:1px solid #C70026; line-height: 1.5; } 
.pipe_dist .pipe_dist_table table tbody tr td sup{vertical-align: super}
.pipe_dist .pipe_dist_table table tbody tr td.bg_cell{background: #FFF3F5;} 
.pipe_dist .pipe_dist_table table tbody tr td ul li{position: relative; margin-bottom:8px; padding-left:10px; text-align: left;}
.pipe_dist .pipe_dist_table table tbody tr td ul li::before{content:""; position: absolute; top:10px; left:0; display: block; width:5px; height:5px; border-radius:50%; background: #222222;}

.pe_properties .advantages .advantages_title .text_wrap{ background:url("../images/sub/pipe/pe_properties.png")no-repeat center;} 
.pe_properties .advantages .advantages_title .text_wrap h5{display: none;}

.connect section:nth-child(n+3){margin-top:64px;}
.connect section:nth-child(n+3) article:last-child{ padding-bottom:64px; border-bottom:1px solid #eeeeee;}
.connect section:last-child article:last-child{border-bottom:none;} 
.connect .connect_img{margin: 40px -28px 0; display: flex; flex-wrap: wrap;}
.connect .connect_img li{padding: 0 28px; width:50%; display: flex; flex-direction: column; align-items: center;}
.connect .connect_img li .text_wrap{margin-top:10px; padding: 2px 32px; display: inline-block; border-radius: 32px; background: #C70026; color:#ffffff;}
.connect .connect_img.add_arrow{position:relative;}
.connect .connect_img.add_arrow::before{content: ""; position:absolute; top:40%; left:50%; transform: translate(-50%,-50%); display: block; width:25px; height:47px; background: url("../images/sub/pipe/grad_arrow.png")no-repeat center; }
.connect .connector_table_wrap table{width:100%; border-top:1px solid #C70026;}
.connect .connector_table_wrap table tr.divi_row{border-bottom:1px solid #C70026;}
.connect .connector_table_wrap table tr td{border-left:1px solid #eeeeee;}
.connect .connector_table_wrap table tr th{vertical-align: middle; border-right:1px solid #C70026; color:#C70026; font-weight: 500;}

.design article .text_wrap{padding:28px;  font-size:24px; color:#ffffff; text-align: center;}
.design .standard .text_wrap{background: url("../images/sub/standard_title_bg.jpg")no-repeat center /cover;}
.design .element .text_wrap{background: url("../images/sub/element_title_bg.jpg")no-repeat center /cover;}
.design article .inner_wrap{margin:12px -20px 0; display: flex; }
.design article .inner_wrap>div{padding:20px;}
.design article .inner_wrap .title_wrap{width:25%;}
.design article .inner_wrap .title_wrap h4{font-size:36px; line-height: 1.25;}
.design article .inner_wrap .desc_wrap{width:75%; color:#3A4146;}
.design article .inner_wrap .desc_wrap li{ color:#3A4146;}
.design article .inner_wrap .desc_wrap>ul>li{position:relative; padding:4px 0 4px 16px;}
.design article .inner_wrap .desc_wrap>ul>li::before{content:""; position: absolute; top:16px; left:0;  display: block; width:6px; height:6px; border-radius: 50%;; background: #3A4146;}
.design article .inner_wrap .desc_wrap .inner_list{display: flex;}
.design article .inner_wrap .desc_wrap .inner_list ul{padding-left:10px;}
.design article .inner_wrap .desc_wrap p{margin-top:20px;}
.design article .inner_wrap .desc_wrap .img_wrap{margin:0; display: flex; flex-wrap: wrap;}
.design article .inner_wrap .desc_wrap .img_wrap figure{padding:5px;}

.etc .info article.add_border{padding-bottom:64px; border-bottom: 1px solid #eeeeee; }
.etc .info article .text_wrap{display: flex; align-items: center; flex-wrap: wrap;}
.etc .info article .text_wrap h4{width:25%;}
.etc .info article .text_wrap p{width:75%; color:#3a4146;}
.etc .info article .inner_wrap{margin:0 -10px; display: flex; flex-wrap: wrap; }
.etc .info article .inner_wrap>.img_wrap{padding:16px 10px; width:50%; text-align: center; }
.etc .info article .inner_wrap>.img_wrap span{display: block; margin-top:8px; color:#3a4146;}

.order .order_list ul{margin:0 -20px; display: flex; flex-wrap: wrap;}
.order .order_list ul li{padding:0 20px 40px; width:33.3333%;}
.order .order_list ul li .img_wrap{position:relative; }
.order .order_list ul li .img_wrap .text_wrap{position:absolute; bottom:0; left:0; width:100%; background: rgba(0, 0, 0, 0.5); color:#ffffff; }
.order .order_list ul li .img_wrap .text_wrap p{padding:12px; text-align: center; font-size:16px;}

.order .reference .table_wrap>table>tbody>tr{border-bottom:2px solid #ffffff;}
.order .reference .table_wrap>table>tbody>tr>th{padding:12px 20px; background: #3A4146; vertical-align: middle; text-align: center; color:#ffffff;  }
.order .reference .table_wrap>table>tbody>tr>td{padding:20px; background: #f5f5f5; text-align: left; color:#3A4146; }
.order .reference .table_wrap table tbody td .img_wrap{display: flex; justify-content: center;}
.order .reference .table_wrap>table tbody td>ul>li{position:relative; padding:4px 12px; line-height: 1.5; }
.order .reference .table_wrap table tbody td>ul>li::before{content:""; position:absolute; top:16px; left:0; display: block; width:5px; height:5px; border-radius: 50%; background: #3A4146;}
.order .reference .table_wrap table tbody td ul ul li{position:relative; padding:2px 12px; }
.order .reference .table_wrap table tbody td ul ul li::before{content:""; position:absolute; top:14px; left:0; display: block; width:4px; height:2px; background: #3A4146;}
.order .reference table tbody td.raedy ul{width:62%;}
.order .reference table tbody td.inspection {display: flex; justify-content: space-between;}
.order .reference table tbody td.inspection .img_wrap{position: relative; margin-top:-135px; z-index: 2;}
.order .reference table tbody td.td_2wp_wrap{display: flex; align-items: center;}
.order .reference table tbody td.td_2wp_wrap .img_wrap{flex-shrink: 0;}
.order .reference .table_wrap>table>tbody>tr>td.padding_lr_zero{padding:0;}
.order .reference .table_wrap table tbody tr td.padding_lr_zero span{padding:16px 20px; display: block; width:100%; text-align: center; color:#ffffff; background: #3A4146;}
.order .reference .table_wrap table tbody tr td.padding_lr_zero .img_wrap{padding:20px;}
.order .reference .table_wrap table .inner_talbe thead tr{border-bottom:1px solid #3A4146;}
.order .reference .table_wrap table .inner_talbe thead tr th{color:#3A4146;}
.order .reference .table_wrap table .inner_talbe tbody {background: #eeeeee;}
.order .reference .table_wrap table .inner_talbe tbody tr{border-bottom:1px solid #ffffff;}
.order .reference .table_wrap table .inner_talbe tbody tr td{border-right:1px solid #ffffff;}
.order .reference .table_wrap table .inner_talbe tbody tr td:last-child{border:none;}

.construct_images .construction_img ul li{width:12.5%;}

.pipe_order .order_lnb ul li{width:50%;}


.valve section:nth-child(n+4){margin-top:160px;}
.valve_intro .valve_use .use_wrap{margin:12px -20px 0;  display: flex; flex-wrap: wrap;} 
.valve_intro .valve_use .use_wrap li{padding:20px; width:16.6666%; height: 202px; text-align: center; }
.valve_intro .valve_use .use_wrap li .text_wrap{display: flex; justify-content: center; align-items: center; flex-direction: column; width:100%; height:100%; border:1px dashed #3A4146; border-radius: 50%;}
.valve_intro .valve_use .use_wrap li .text_wrap span{font-size:15px; color:#3A4146;}
.valve_intro .valve_use .use_wrap li .text_wrap p{font-weight: 500; color:#C70026;}
.valve_intro .valve_features .valve_features_list{margin-top:12px;}
.valve_intro .valve_features .valve_features_list ul{counter-reset:valve_features_list-number;}
.valve_intro .valve_features .valve_features_list ul li{position:relative; padding-left:20px; margin-bottom:16px; line-height: 1.5;}
.valve_intro .valve_features .valve_features_list ul li:before{content:counter(valve_features_list-number)"."; counter-increment:valve_features_list-number; position:absolute;  left:0; } 
.valve_intro .valve_design .valve_design_img{margin:0 -20px; display: flex; flex-wrap: wrap;}
.valve_intro .valve_design .valve_design_img li{padding:20px; width:50%; display: flex; flex-direction: column; align-items: center; }
.valve_intro .valve_design .valve_design_img li .text_wrap{margin-top:8px; padding:4px 36px; font-size:16px; color:#ffffff; border-radius: 36px; background: #C70026;}
.valve_intro .valve_standard .table_wrap table tbody tr th{vertical-align: middle; font-weight: 500; color:#C70026; border-right:1px solid #eeeeee;}

.circle_valve .circle_info .circle_parts .img_wrap{display: flex; justify-content: center;}
.circle_valve .circle_info .circle_parts .parts_info_table{margin:0 -20px; display: flex; flex-wrap: wrap; }
.circle_valve .circle_info .circle_parts .parts_info_table>div{padding:20px; width:50%;}
.circle_valve .circle_info .circle_parts .parts_info_table>div .text_wrap{display: flex;  }
.circle_valve .circle_info .circle_parts .parts_info_table>div .text_wrap span{flex-shrink: 0; margin-right:10px; display: flex; justify-content: center; align-items: center; width:28px; height:28px; border-radius: 50%; background:#C70026; color:#ffffff;}
.circle_valve .circle_info .circle_parts .parts_info_table>div h6{font-size:18px;}
.circle_valve .circle_info .circle_parts .parts_info_table>div table{margin-top:8px; height: 150px; border-top:1px solid #C70026;}
.circle_valve .circle_info .circle_parts .parts_info_table>div table tr th:first-child{border-right: 1px solid #C70026;}
.circle_valve .circle_info .circle_parts .parts_info_table>div table tbody tr th{padding:4px 2px; vertical-align: middle; font-weight: 500;}
.circle_valve .circle_info .circle_parts .parts_info_table>div table tbody tr td{padding:4px 16px; vertical-align: middle; text-align: left;}
.circle_valve .circle_info .circle_parts .parts_info_table>div table tbody tr:last-child{border-bottom:1px solid #C70026;}


.square_valve .square_info .square_parts{margin:40px -20px 0; display: flex; flex-wrap: wrap;}
.square_valve .square_info .square_parts>div{padding:0 20px;}
.square_valve .square_info .square_parts .img_wrap{width:68%;}
.square_valve .square_info .square_parts .parts_info_table{flex-shrink: 0; width:32%; display: flex; flex-direction: column;}
.square_valve .square_info .square_parts .parts_info_table>div{margin:0 0 36px 0;}
.square_valve .square_info .square_parts .parts_info_table>div .text_wrap{display: flex;  }
.square_valve .square_info .square_parts .parts_info_table>div .text_wrap span{flex-shrink: 0; margin-right:10px; display: flex; justify-content: center; align-items: center; width:28px; height:28px; border-radius: 50%; background:#C70026; color:#ffffff;}
.square_valve .square_info .square_parts .parts_info_table>div h6{font-size:18px;}
.square_valve .square_info .square_parts .parts_info_table>div table{margin-top:8px; border-top:1px solid #C70026;}
.square_valve .square_info .square_parts .parts_info_table>div table tr th:first-child{border-right: 1px solid #C70026;}
.square_valve .square_info .square_parts .parts_info_table>div table tbody tr th{padding:4px 2px; vertical-align: middle; font-weight: 500;}
.square_valve .square_info .square_parts .parts_info_table>div table tbody tr td{padding:4px 16px; vertical-align: middle; text-align: left;}
.square_valve .square_info .square_parts .parts_info_table>div table tbody tr:last-child{border-bottom:1px solid #C70026;}
.square_valve .square_parts_all .parts_location_img .img_wrap{display: flex; justify-content: center;}
.square_valve .square_parts_all .parts_list{display: flex; flex-wrap: wrap;}
.square_valve .square_parts_all .parts_list>div{width:50%;}
.square_valve .square_parts_all .parts_list>div table tbody tr td:first-child{ border-right: 1px solid #eeeeee;}
.square_valve .square_parts_all .parts_list>div table tbody tr:last-child{border-bottom: 1px solid #C70026;}
.square_valve .square_parts_all .parts_list>div.parts_list2 table tbody tr td:first-child{ border-left: 1px solid #eeeeee;}

.standard_table table{border-top:1px solid #C70026;}
.standard_table table tbody tr th{vertical-align: middle; border-right:1px solid #eeeeee; font-weight: 500;}
.standard_table table tbody tr:last-child{border-bottom:1px solid #C70026;}
.standard_table article .img_wrap{margin-top:40px; display: flex; justify-content: center;}
.standard_table .metal_valve_table .metal_valve_desc{margin-top:16px;}
.standard_table .metal_valve_table .metal_valve_desc ul{counter-reset:list-number;}
.standard_table .metal_valve_table .metal_valve_desc ul li{position:relative; padding-left:18px; margin-bottom:6px; line-height: 1.5;}
.standard_table .metal_valve_table .metal_valve_desc ul li:before{content:counter(list-number)"."; counter-increment:list-number; position:absolute;  left:0; } 
.standard_table .metal_valve_table .metal_valve_desc small{font-size:14px; color:#C70026;}

.id_number table{border-top:1px solid #C70026; }
.id_number table tbody tr th{vertical-align: middle; border-right:1px solid #eeeeee; font-weight: 500; font-size: 14px;}
.id_number table tbody tr:last-child{border-bottom:1px solid #C70026;}
.id_number table tbody tr td{border-left:1px solid #eeeeee; font-size: 14px;}
.id_number table tbody tr:nth-child(1) td:nth-child(3){padding:12px 20px; text-align: left;}
.id_number table tbody tr:nth-child(n+2) td:nth-child(2){padding:12px 20px; text-align: left;}

.tmqs .img_title{background-position: center; background-repeat: no-repeat; background-size: cover;}
.tmqs .tmqs_connect .img_title{background-image: url("../images/sub/valve/tmqs_connect.jpg");}
.tmqs .tmqs_lid .img_title{background-image: url("../images/sub/valve/tmqs_iron_lid.jpg");}
.tmqs .tmqs_rubber .img_title{background-image: url("../images/sub/valve/tmqs_rubber_packing.jpg");}
.tmqs .img_title h4{padding: 32px 20px; font-size:28px; text-align: center; color:#ffffff; }
.tmqs table{border-top:1px solid #C70026;}
.tmqs table tbody tr th{vertical-align: middle; border-right:1px solid #eeeeee;}
.tmqs table tbody tr td{border-left:1px solid #eeeeee;}
.tmqs .tmqs_rubber .dissolution table tbody tr td:first-child{border-left:none;}

.execel .valve_execel_table_wrap table thead{background: #3A4146; }
.execel .valve_execel_table_wrap table thead tr th{color:#ffffff; border:1px solid #ffffff;}
.execel .valve_execel_table_wrap table tbody tr th{vertical-align: middle; border-right:1px solid #eeeeee; font-weight: 500; color:#C70026;}
.execel .valve_execel_table_wrap table tbody tr:first-child td{padding:20px; }
.execel .valve_execel_table_wrap table tbody tr td{border-left:1px solid #eeeeee;}
.execel .valve_execel_table_wrap table tbody tr td:nth-child(2){color:#C70026;}
.execel .valve_execel_table_wrap table tbody tr:last-child td{vertical-align: top; text-align: left;}
.execel .valve_execel_table_wrap table tbody tr td ul li{position: relative; margin-bottom:10px; padding:0 12px; line-height: 1.5;}
.execel .valve_execel_table_wrap table tbody tr td ul li::before{content:""; position: absolute; top:12px; left:0; display: block; width:4px; height:4px; border-radius: 50%; background: #222222;}
.execel .valve_execel_table_wrap table tbody tr td:nth-child(2) ul li::before{background: #C70026;}

.valve_process .process_table ul{margin-top:20px; border-top:1px solid #C70026;}
.valve_process .process_table ul li{padding:28px 0; display: flex; border-bottom:1px solid #eeeeee;}
.valve_process .process_table ul li span{font-size:20px; font-weight: bold; width:200px; flex-shrink: 0; color:#222222;}
.valve_process .process_table ul li p{color:#3a4146;}
.valve_process .process_table_org .img_wrap{display: flex; justify-content: center;}


.bbs_table tr th {vertical-align: middle; text-align: middle;}
.bbs_table tr td {vertical-align: middle;}
.adm_btn a {display: inline-block;}
.adm_btn {text-align: middle;}

.board_box {margin-top: 48px;}
/* .board_box table{margin-top:10px; width: 100%;}
.board_box table thead{border-bottom:1px solid #C70026; font-size:16px;  }
.board_box table thead tr th{padding:10px; vertical-align: middle; text-align: middle; line-height: 1.5; font-weight: bold; color:#C70026;  }
.board_box table tbody tr{border-bottom:1px solid #eeeeee; font-size:16px;}
.board_box table tbody tr td{padding:12px 8px; text-align: center; vertical-align: middle;}
.board_box article:nth-child(n+2){margin-top:64px;}
.board_box .img_wrap{margin-top:10px;}
.board_box .about p{margin-top:8px;}
.board_box .section_division{margin-bottom:80px; padding-bottom: 80px; border-bottom:1px solid #eeeeee; }
.board_box .info{margin-top:48px} */

.construct_images .photo_board_list .board_inner{margin:0 -15px; display: flex; flex-wrap:wrap;}
.construct_images .photo_board_list .board_inner .board_list_item{ padding:0 15px 40px; width:33.3333%;}
.construct_images .photo_board_list .board_inner .board_list_item a{position:relative;}
.construct_images .photo_board_list .board_inner .board_list_item a .img_wrap{background: #F5F5F5; font-size:0; line-height: 1; overflow: hidden;}
.construct_images .photo_board_list .board_inner .board_list_item a .img_wrap img{display: block;}
.construct_images .photo_board_list .board_inner .board_list_item a .text_wrap{position:absolute; bottom:0; left:0; padding: 12px 20px; display: block; width:100%; text-align:center; background: rgba(0, 0, 0, 0.7);}
.construct_images .photo_board_list .board_inner .board_list_item a .text_wrap p{color:#ffffff;}

/* 자료실 */
.dataroom .data_lnb ul li{width: 50%;}
.dataroom .board{margin-top:64px;}
.dataroom .board .data_board ul{margin:-32px -20px; display: flex; flex-wrap: wrap;}
.dataroom .board .data_board ul li{padding:32px 20px; width: 50%;}
.dataroom .board .data_board ul li .data_item{margin:0 -16px; display: flex; align-items: flex-end;}
.dataroom .board .data_board ul li .data_item>div{padding:0 16px; width: 50%;}
.dataroom .board .data_board ul li .data_item .img_wrap{flex-shrink: 0;}
.dataroom .board .data_board ul li .data_item .text_wrap h4{font-size:28px;}
.dataroom .board .data_board ul li .data_item .text_wrap p{margin-top:16px;}
.dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap{margin-top:80px; display: flex;}
.dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap a{display: flex; justify-content: space-between; align-items: center; width: 100%; border:1px solid #222222;}
.dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap a span{padding:12px 30px; width: 100%;}
.dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap a i{padding:12px 16px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; height: 100%; border-left:1px solid #222222; }
.dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap a:hover span{background-color: #C70026; color: #ffffff;}

.product .mt_40,
.product .one_img.mt_40{margin-top:40px;}

.AWbbs_f_search table{margin:0 auto;}
.Paging_Num_table{margin-top:20px;}
.Paging_Num td {font-size: 11px;}
.bbs_table .subject a{display: inline;}





/* 2025-09-09 추가 */
.img_flex .img_wrap {
	display: flex;
    gap: 1.5rem;
}
.img_flex .img_wrap figure {
    width: 60%;
}
.img_flex .img_wrap .text_wrap {
    width: 40%;
}
.w_a01_btm {
    background: #3A4146;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 30px;
    margin-top: 2rem;
}
.main_color_tt {
    color: #C70026;
}
.w_a02_txt {
    margin-top: 2rem;
}
.w_a02_txt p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0 10px;
}
.w_a02_txt p:not(:first-child) {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dfdfdf;
}
.w_a03_con .img_wrap {
    /* background: #222; */
    padding: 2rem;
    border: 1px solid #eee;
}
.w_a03_con .img_wrap img {
    max-width: 750px;
    margin: 0 auto;
}
.w_a03_con .img_wrap p {
    color: #999;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 3rem;
}
.w_a03_con .w_a02_txt p b span {
    font-weight: 400;
    color: #555;
}
.w_a03_btm {
    color: #C70026;
    text-align: center;
    padding: 10px;
    margin-top: 2rem;
    border: 1px solid #C70026;
}
.w_a05_con {
    display: flex;
}
.w_a05_con > div {
    width: 50%;
}
.w_a05_con .img_wrap img {
    max-width: 400px;
    margin: 0 auto;
}
.w_a05_txt .text_wrap {
    margin-top: 2rem;
}
.w_a05_img {
    display: flex;
    gap: 10px;
    margin-top: 2rem;
    padding-bottom: 2rem;
}
.w_a05_img > div {
    width: 33.3333%;
}
.w_a05_img .img_wrap img {
    height: 100%;
    object-fit: cover;
    min-height: 312px;
}
.w_a05_con2 {
    gap: 5rem;
    align-items: center;
}
.w_a05_con2 .img_wrap img {
    max-width: none;
}
.w_a05_con3 {
    flex-direction: row-reverse;
}
.w_a06.zb_plating .advantages .advantages_title .text_wrap {
    background: url(../images/sub/wonder_arch_img02.jpg) no-repeat center;
    background-position: bottom;
}
.w_a07 section .divi_2 .line img {
    border: 1px solid #eee;
}

.w_a05_con2 h4 {
    line-height: 1.2;
}
.w_a06 .advantages .advantages_title .text_wrap h5 {
    text-align: center;
}


/*2025-09-18 추가*/
.mtp_10 {
    margin-top: 1rem;
}
.w_a09_con .img_wrap img {
    border: 1px solid #eee;
}
.ultra_large.w_a09_con .inner_wrap {
    margin-top: 1rem;
}
.w_a09_con .list_wrap li {
    position: relative;
}
.w_a09_con .list_wrap li span {
    position: absolute;
    top: -8px;
    left: 32px;
    font-size: 24px;
    color: #C70026;
    letter-spacing: -0.5px;
}
.ultra_large.w_a09_con .inner_wrap .img_wrap {
    width: 30%;
}
.ultra_large.w_a09_con .inner_wrap .list_wrap {
    width: 100%;
}
.ultra_large.w_a09_con .inner_wrap .list_wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.ultra_large.w_a09_con .inner_wrap .list_wrap ul li {
    width: calc(50% - 40px);
    margin-top: 0 !important;
}
.w_a01 .w_a03_con .img_wrap {
    padding: 0;
}



@media(max-width:1600px) {
    .construct_images .construction_img ul li{width:25%;}

}


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

@media(max-width:1240px){
    .sub_title_wrap {padding: 200px 0 100px;}
    .sub_title_wrap h2 {font-size: 44px;}
    .current_title_wrap h3 {font-size: 44px;}
    .greeting section .inner_wrap article.text_wrap strong {margin-bottom: 32px; font-size: 28px;}
    .greeting section .inner_wrap article.text_wrap strong br{display: none;}
    .greeting section .inner_wrap article.text_wrap p {margin-top: 16px;}

    .directions .text_wrap div {padding: 12px;}
    .directions .text_wrap .direction_logo figure {width: 200px;}

    .management .management_point_wrap{width:100%;}
    .management .management_point_wrap .management_point>div .inner_wrap h4 {font-size: 28px;}
    .management .management_point_wrap .management_point>div .inner_wrap {width: 100%; height: 280px; border: 14px solid #3A4146;}

    .org_chart .org_chart_content .org_team_list {margin: 80px -24px;}
    .org_chart .org_chart_content .org_team_list li {padding: 80px 24px 0;}

    .history .info .info_rextsteel_wrap{margin:0 -28px}
    .history .info .info_rextsteel_wrap>div{padding:0 28px;}
    .history .info .info_rextsteel_wrap .info_rextsteel ul li span{width:80px; }


    .info .process .process_list li {width: 25%;}
    
    .distinction .rc_compare_info .rc_compare_picto {background-size: 32%;}
    .distinction .rc_compare_info .rc_compare_picto .text_wrap h6 {padding-bottom: 10px; font-size: 24px;}
    .distinction .rc_compare_info .rc_compare_picto .text_wrap p { margin-top: 16px;}
    .distinction .rc_compare_info .rc_compare_picto .second_floors { margin-top: 120px;}
    .distinction .rc_compare_info .rc_compare_picto .third_floors {margin: 100px auto 0; width: 70%;}

    .zb_plating .advantages .adv_floors_wrap {padding: 0;}
    .zb_plating .advantages .adv_floors_wrap .adv_second_floors {margin-top: 48px;}
    .zb_plating .advantages .adv_floors_wrap .adv_first_floors .text_wrap:last-child {margin-top: 0;}
    .zb_plating .advantages .adv_floors_wrap .adv_second_floors .text_wrap:last-child {margin-top: 0;}
    .zb_plating .advantages .adv_floors_wrap>div .text_wrap::before {display: none;}
    
    .design article .inner_wrap .title_wrap h4 {font-size: 32px;}

    .pipe_dist .pipe_dist_table .pipe_dist_table_wrap{overflow: scroll;}
    .pipe_dist .pipe_dist_table table{width:1200px;}
    .pipe_dist .table_move_alert{opacity: 1; visibility: visible;}

    .valve_intro .valve_use .use_wrap {margin:12px -12px;}
    .valve_intro .valve_use .use_wrap li{padding:12px; width:33.3333%; height: auto;  }
    .valve_intro .valve_use .use_wrap li .text_wrap{padding: 20px 16px; border-radius: 20px;}

    .square_valve .square_info .square_parts .img_wrap{width:100%; display: flex; justify-content: center;}
    .square_valve .square_info .square_parts .parts_info_table{flex-shrink: 1; margin:40px -20px 0; width:auto; flex-direction: row; flex-wrap: wrap; }
    .square_valve .square_info .square_parts .parts_info_table>div{ margin:0 0 36px 0; padding:0 20px; width:50%;}
    .square_valve .square_info .square_parts .parts_info_table>div table{height:150px;}
    
    .standard_table .square_valve_table .square_valve_table_wrap{overflow-x: scroll;}
    .standard_table .square_valve_table .square_valve_table_wrap table{width:1200px;}
    .standard_table .square_valve_table .table_move_alert{opacity: 1; visibility: visible;}
    .standard_table .circle_valve_table .circle_valve_table_wrap{overflow-x: scroll;}
    .standard_table .circle_valve_table .circle_valve_table_wrap table{width:1200px;}
    .standard_table .circle_valve_table .table_move_alert{opacity: 1; visibility: visible;}

    .id_number .id_number_info .about .table_wrap{overflow-x: scroll;}
    .id_number .id_number_info .about table{width: 1200px;}
    .id_number .id_number_info .about .table_move_alert{opacity: 1; visibility: visible;}

		 /* 자료실 */
    .dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap {margin-top: 48px;}

    

}



@media(max-width:1024px) {
    .section_bottom{padding-bottom:120px;}
    .sub_title_wrap {padding: 180px 0 80px;}
    .sub_title_wrap h2 {font-size: 40px;}

   
    
    #sub section:nth-child(2) {margin-top: 40px;}    

    .greeting section.entrepreneurship .wrap {margin-bottom: 60px; padding-bottom: 60px;}
    .current_title_wrap h3 {font-size: 40px;}
    .greeting section .inner_wrap article {width: 100%;}
    .greeting section .inner_wrap article.text_wrap p {margin-top:0px;}
    .greeting section .inner_wrap article.text_wrap strong {margin-bottom: 20px;}
    .greeting section .inner_wrap article.img_wrap{margin-top:32px;}
    .greeting section .inner_wrap article.img_wrap figure{position: relative; height:420px; overflow: hidden;}
    .greeting section .inner_wrap article.img_wrap figure img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
    .greeting section.com_intro .inner_wrap article.img_wrap{order:1;}
    .greeting .com_intro .wrap {position: relative; padding-bottom: 160px;}

    .ci section:nth-child(n+2) {margin-top: 72px;}

    .directions .text_wrap {justify-content: baseline; flex-wrap: wrap;}
    .directions .text_wrap div {width: 50%;}
    .directions .map_wrap .map {height: 360px;}

    .org_chart .org_chart_content .org_team_list {margin: 80px -12px;}
    .org_chart .org_chart_content .org_team_list li {padding: 80px 12px 0;}

    .management .management_point_wrap .management_point>div .inner_wrap h4 {font-size: 24px;}


    .history .info .info_rextsteel_wrap .info_rextsteel ul li span{width:60px; }
    .history .history_line_wrap{margin-top:120px;}
    .history .history_wrap .history_list_wrap .history_list h4 {font-size: 32px;}



    .product h4 { font-size: 36px;}
    .product .about p {margin-top: 0px;}
    .product h5 {font-size: 20px;}
    .product table thead {font-size: 15px;}
    .product table body {font-size: 15px;}

    .info .process .process_list li {width: 33.3333%;}   

    .info .ultra_large .inner_wrap>div {width: 100%;}
    .info .ultra_large .inner_wrap .list_wrap{margin-top:16px;}
    .info .ultra_large .inner_wrap .list_wrap ul li:nth-child(n+2) {margin-top: 16px;}
    .info .ultra_large .one_img {margin-top: 40px;}
    .info .ultra_large .two_img {margin-top: 40px;}
    .info .size .two_img { margin-top: 40px;}
    .info .side .side_list ul li {width: 33.3333%;}
    .info .closing .img_wrap{justify-content: center;}
    .info .closing .img_wrap figure {width: 35%;}
    .info .two_img figure:nth-child(1) {padding-bottom:20px; width: 100%;}
	.info .two_img figure:nth-child(2) {width: 100%;}

    .properties .condition .table_wrap{overflow-x: scroll;}
    .properties .condition .table_wrap table{width:1200px;}
    .properties .applied .table_wrap{overflow-x: scroll;}
    .properties .applied .table_wrap table{width:1240px;}
    .properties .condition .table_move_alert{opacity: 1; visibility: visible;}
    .properties .applied .table_move_alert{opacity: 1; visibility: visible;}

    .distinction .rc_effect .chart_wrap .img_wrap figure {padding: 0 8px;}
    .distinction .rc_compare .table_wrap{overflow-x: scroll;}
    .distinction .rc_compare .table_move_alert{opacity: 1; visibility: visible;}
    .distinction .rc_compare table {width:900px;}
    .distinction .rc_compare table thead tr th:first-child,
    .distinction .rc_compare table tbody tr td:first-child{width:25%;}    
    .distinction .rc_compare_info .rc_compare_picto {background: none;}
    .distinction .rc_compare_info .rc_compare_picto .text_wrap {text-align: left;}
    .distinction .rc_compare_info .rc_compare_picto .text_wrap h6 {padding-bottom: 0; font-size: 20px;}
    .distinction .rc_compare_info .rc_compare_picto .text_wrap h6::before {top:50%; bottom: inherit; left: -24px; transform: translateX(0) translateY(-50%);
    width: 8px; height: 8px; border-radius: 50%; }
    .distinction .rc_compare_info .rc_compare_picto .text_wrap p {margin-top: 0;}
    .distinction .rc_compare_info .rc_compare_picto .text_wrap p br{display: none;}
    .distinction .rc_compare_info .rc_compare_picto .first_floors {margin:0; display: block;}
    .distinction .rc_compare_info .rc_compare_picto .second_floors{margin:0; display: block;}
    .distinction .rc_compare_info .rc_compare_picto .third_floors{margin:0; display: block; width:100%; }
    .distinction .rc_compare_info .rc_compare_picto>div .text_wrap{margin-top:20px; padding-left:28px; }

    .pipe_properties_table{overflow-x: scroll;}
    .pipe_properties_table table{width:1000px; }
    .pipe_properties_table .table_move_alert{opacity: 1; visibility: visible;}

    .pe .pe_standard .pe_standard_text li .inner_wrap h6 {font-size: 18px;}
    .pe .pe_specificity .specificity_list>li h6 {font-size: 18px;}

    .pds .pds_p_standard .table_wrap{overflow-x: scroll;}
    .pds .pds_p_standard table {width:1000px;}
    .pds .pds_p_standard .table_move_alert{opacity: 1; visibility: visible;}

    .zb_plating .advantages {background-size: 100%;}
    .zb_plating .advantages .advantages_title { position: relative; top: inherit; left: inherit; transform: translate(0); width: 100%; height:auto;
    border-radius: 0; background: none;}
    .zb_plating .advantages .advantages_title::before{display: none;} 
    .zb_plating .advantages .adv_floors_wrap>div {justify-content: center;}
    .zb_plating .advantages .adv_floors_wrap>div .text_wrap{margin:10px; flex-shrink: 0;}
    .zb_plating .advantages .adv_floors_wrap .adv_second_floors {margin-top: 0px;}
    .zb_plating .advantages .adv_floors_wrap .text_wrap {padding: 12px; width: 320px; height: 320px;}    

    .connect .connector_table_wrap{overflow: scroll;}
    .connect .connector_table_wrap table{width:1000px;}
    .connect .table_move_alert{opacity: 1; visibility: visible;}

    .design article .inner_wrap{flex-wrap: wrap;}
    .design article .inner_wrap>div {padding: 5px 20px;}
    .design article .inner_wrap .title_wrap {width: 100%;}    
    .design article .inner_wrap .title_wrap h4{margin-top:20px;}
    .design article .inner_wrap .title_wrap h4 br{display: none;}    
    .design article .inner_wrap .desc_wrap {width: 100%;}

    .order .order_list ul li {width: 50%;}

    .construct_images .photo_board_list .board_inner .board_list_item{width:50%;}
    .construct_images .photo_board_list .board_inner .board_list_item a .text_wrap {padding: 12px;}
    .construct_images .construction_img ul li{width:33.3333%;}

    .circle_valve .circle_info .circle_parts .parts_info_table>div{width:100%;}
    .circle_valve .circle_info .circle_parts .parts_info_table>div h6{font-size:17px;}
    .circle_valve .circle_info .circle_parts .parts_info_table>div table{height: auto;}
    
    .square_valve .square_info .square_parts .parts_info_table>div {width: 100%;}
    .square_valve .square_info .square_parts .parts_info_table>div h6 {font-size: 17px;}      
    .square_valve .square_info .square_parts .parts_info_table>div table {height: auto;}
     
    .square_valve .square_parts_all .parts_list>div {width: 100%;}
    .square_valve .square_parts_all .parts_list>div.parts_list1 table tbody tr:last-child {border-bottom: 1px solid #eeeeee;}
    .square_valve .square_parts_all .parts_list>div.parts_list2 table{margin-top:0;}
    .square_valve .square_parts_all .parts_list>div.parts_list2 table thead{display: none;}
    .square_valve .square_parts_all .parts_list>div.parts_list2 table tbody tr td:first-child {border-left: none;}
    
    .tmqs .img_title h4{font-size:24px; }
    .tmqs .table_wrap{overflow-x: scroll;}
    .tmqs .table_wrap table{width: 1000px;}
    .tmqs .table_move_alert{opacity: 1; visibility: visible;}
        
    .execel .valve_execel_table_wrap {overflow-x: scroll;}
    .execel .valve_execel_table_wrap table{width: 1200px;}
    .execel .table_move_alert{opacity: 1; visibility: visible;}

		  /* 자료실 */
    .dataroom .board .data_board ul li .data_item .text_wrap h4 {font-size: 24px;}
    .dataroom .board .data_board ul li .data_item {margin: 0 -10px;}
    .dataroom .board .data_board ul li .data_item>div { padding: 0 10px;}    
    .dataroom .board .data_board ul li .data_item .text_wrap p {margin-top: 4px;}
    .dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap {margin-top: 32px;}
    .dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap a span {padding: 10px 16px;}
    .dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap a i {padding: 10px 10px;}
    
  
    

    .product .about .w_a02_txt p {
        margin-top: 8px;
    }
    .ultra_large.w_a09_con .inner_wrap .list_wrap ul li {
        width: 100%;
    }

}


@media(max-width:768px) {
    .sub_title_wrap {padding: 160px 0 80px;}
     .sub_title_wrap h2 {font-size: 36px;}

     
    .breadcrumb .mo_breadcrumb_btn{display: flex;}
    .breadcrumb .wrap {padding: 0;}
    .breadcrumb .inner_wrap{position: relative;}
    .breadcrumb .dept_1{position: absolute; top:58px; left:0; display: none; margin:0; padding:0 5%; width:100%; height:0; z-index: 2; background: #222222; overflow: hidden;}
    .breadcrumb .dept_1 li:first-child{padding-top:10px;}
    .breadcrumb .dept_1 li:last-child{padding-bottom:10px;}
    .breadcrumb .dept_1 li a { padding: 10px 0; font-size: 15px; color:#ffffff;}
    .breadcrumb .dept_1 li a::before{ bottom:8px; left:0;  display: none; width:100%; transform: translateX(0);}


    #sub section:nth-child(2) {margin-top: 36px;}    
    .current_title_wrap h3 {font-size: 36px;}

    .ci .ci_download ul li {width:50%;}
    .ci .ci_download ul li a{padding:14px 16px; width:100%; font-size:15px;}
    .ci .ci_download ul li a span br{display: block;}
    .ci .ci_color .color_wrap div{width:50%;}
    .ci .ci_color .color_wrap div span {width: 100%; height: 104px;}

    .directions .text_wrap div {width: 100%;}
    .directions .map_wrap .map {height: 320px;}

    .management .management_point_wrap .management_point{display: block;}
    .management .management_point_wrap .management_point>div{margin-bottom:40px; display: flex; align-items: center; width:100%; }
    .management .management_point_wrap .management_point>div .inner_wrap {flex-shrink: 0; width: 240px; height: 240px; border: 14px solid #3A4146;}
    .management .management_point_wrap .management_point>div .text_wrap{margin-top:0; margin-left:60px; padding:0;}
    .management .management_point_wrap .management_point>div .text_wrap::before {top: 50%; left: -60px; transform: translateX(0)translateY(-50%); width: 40px; height: 1px; border-left: none; border-top: 1px dashed #3A4146;}
    .management .management_point_wrap .management_point>div .text_wrap::after {top: 50%; left: -24px; transform: translateX(0)translateY(-50%);}
    .management .management_point_wrap .management_point>div .text_wrap p {text-align: left;}
    .management .management_point_wrap .management_point>div .text_wrap p br{display: none;}

    .org_chart .org_chart_content .org_ceo .org_ceo_inner_wrap h4 {font-size: 18px;}
    .org_chart .org_chart_content .org_ceo::before {height: 40px; }
    .org_chart .org_chart_content .org_team_list {flex-direction:column; align-items: center; margin: 40px -12px;}   
    .org_chart .org_chart_content .org_team_list::before {width: 60%;}
    .org_chart .org_chart_content .org_team_list li{padding: 12px; width:60%; }
    .org_chart .org_chart_content .org_team_list li::before {border-left: none;}
    .org_chart .org_chart_content .org_team_list li .org_team_inner_wrap h5 {font-size: 16px;}

    .history .info .info_rextsteel_wrap {margin: 0 -16px;}
    .history .info .info_rextsteel_wrap>div {padding: 0 16px;}
    .history  .history_line_wrap{margin-top:100px;}

    .product h4 { font-size: 32px;}
    .product .lnb_tab ul li {width: 50%; }
    .product .lnb_tab ul li a{ padding: 12px 8px; font-size:15px;}
    .info .process .process_list li {width: 50%;}
    .info .process .process_list.divi_4 li{width:50%;}


    .info .side .side_list ul li {width: 50%;}
    .info .closing .img_wrap figure {width: 50%;}
    .properties .about .img_wrap figure{margin-bottom:20px;}
    .properties .about .img_wrap figure:first-child{width:100%;}
    .properties .about .img_wrap figure:last-child{width:100%;}
    .properties .about .img_wrap figure img{height:auto;}

    .properties .applied .table_wrap table{width:1024px;}

    .zb_plating .advantages {background: none;}
    .zb_plating .advantages .advantages_title .text_wrap {padding: 20px; width: 100%; height: auto; border-radius: 0; background-size:cover;}
    .zb_plating .advantages .advantages_title .text_wrap::before {display: none;}
    .zb_plating .advantages .advantages_title .text_wrap::after {display:none;}
    .zb_plating .advantages .adv_floors_wrap {margin-top:12px;}
    .zb_plating .advantages .adv_floors_wrap>div {flex-wrap: wrap;}
    .zb_plating .advantages .adv_floors_wrap .text_wrap { padding: 28px 16px; width: 100%; height: auto; border: 4px solid #3A4146; border-radius: 12px; }
    .zb_plating .advantages .adv_floors_wrap .text_wrap h6 {font-size: 24px;}
   
    .zb_plating .durability .img_wrap figure:nth-child(1){width:50%;}
    .zb_plating .durability .img_wrap figure:nth-child(2){width:50%;}
    .zb_plating .durability .img_wrap figure:nth-child(3){width:100%;}
   
    .pe_properties .advantages .advantages_title .text_wrap {background-size: 150%;}
    .pe_properties .advantages .advantages_title .text_wrap h5{position:relative; display: block;}
    
    .foundation_ground .foundation_ground_table_wrap{overflow-x: scroll;}
    .foundation_ground .foundation_ground_table_wrap table{width:800px;}
    .foundation_ground .table_move_alert{opacity: 1; visibility: visible;}

    .design article .text_wrap {font-size: 20px;}
    .design article .inner_wrap .title_wrap h4 {font-size: 28px;}
    
    .divi_2 li{margin-bottom:20px; width:100%;}
    .divi_2 li .text_wrap{margin-top:4px; padding:6px 8px;}


    .etc .info article .text_wrap h4 {width: 100%;}
    .etc .info article .text_wrap p {width: 100%;}
    .etc .info article.add_border {padding-bottom: 40px;}
    .etc .info article:nth-child(n+2) {margin-top: 40px;}
    
    .order .order_list ul {margin: 0 -10px;}
    .order .order_list ul li {padding: 0 10px 24px;}
    .order .order_list ul li .img_wrap .text_wrap p {font-size: 15px;}

    
    .order .reference .table_wrap{overflow-x: scroll;}
    .order .reference .table_wrap>table {width:1000px;}
    .order .reference .table_move_alert{opacity: 1; visibility: visible;}

    .pe .pe_standard .pe_standard_text li .inner_wrap {padding: 0;}
    

    .valve_intro .valve_use .use_wrap li{width:50%; }
    .valve_intro .valve_standard .table_wrap{overflow-x: scroll;}
    .valve_intro .valve_standard .table_wrap table{width:800px;}
    .valve_intro .valve_standard .table_move_alert{opacity: 1; visibility: visible;}

    .standard_table .standard_info .standard_info_table_wrap{overflow-X:scroll;}
    .standard_table .standard_info .standard_info_table_wrap table{width:800px;}
    .standard_table .standard_info .about .table_move_alert{opacity: 1; visibility: visible;}
    .standard_table .standard_info .metal_valve_table_wrap{overflow-X:scroll;}
    .standard_table .standard_info .metal_valve_table_wrap table{width:800px;}
    .standard_table .standard_info .metal_valve_table .table_move_alert{opacity: 1; visibility: visible;}

    .valve_process .process_table ul li{padding:24px 0; flex-wrap: wrap;}
    .valve_process .process_table ul li span{font-size:18px; width:100%;}

		    /* 자료실 */
    .dataroom .board .data_board ul li .data_item {margin: 0; display: block;}
    .dataroom .board .data_board ul li .data_item>div{padding:0; width: 100%;}
    .dataroom .board .data_board ul li .data_item .img_wrap{display: flex; justify-content: center;}
    .dataroom .board .data_board ul li .data_item .text_wrap{margin-top:16px;}
    .dataroom .board .data_board ul li .data_item .text_wrap p{margin-top: 0px;}



    .w_a05_con {
        flex-direction: column;
        gap: 1rem;
    }
    .w_a05_con > div {
        width: 100%;
    }
    .w_a05_con .img_wrap img {
        max-width: 100%;
        margin: 0;
    }
    .w_a05_img {
        flex-wrap: wrap;
    }
    .w_a05_img > div {
        width: calc(50% - 5px);
    }
    .w_a05_img .img_wrap img {
        min-height: 220px;
    }
    .ultra_large.w_a09_con .inner_wrap {
        flex-direction: column;
    }
    .ultra_large.w_a09_con .inner_wrap > div {
        width: 100% !important;
    }
    .ultra_large.w_a09_con .inner_wrap .img_wrap img {
        width: 70%;
    }
    .w_a09_con .list_wrap li span {
        top: -6px;
    }

}


@media(max-width:540px) {   
    .sub_title_wrap {padding: 140px 0 72px;}
    .current_title_wrap h3 {font-size: 32px;}
    .greeting section .inner_wrap article.img_wrap {margin-top: 20px;}
    .greeting section .inner_wrap article.img_wrap figure{height:320px;}
    .greeting section .inner_wrap article.text_wrap strong { font-size: 22px;}

    .ci section:nth-child(n+2) {margin-top: 64px;}
    .ci .ci_color .color_wrap div p {font-size: 15px;}
    .directions .map_wrap .map {height: 280px;}
 
    .management .management_point_wrap .management_point>div {margin-bottom: 20px;}
    .management .management_point_wrap .management_point>div .inner_wrap {width: 160px; height: 160px; background: #ffffff; border: 8px solid #3A4146;}
    .management .management_point_wrap .management_point>div .inner_wrap h4{font-size:20px;}
    .management .management_point_wrap .management_point>div .text_wrap{margin-left:40px;}
    .management .management_point_wrap .management_point>div .text_wrap::before {top: 50%; left: -40px; width: 24px;}
    .management .management_point_wrap .management_point>div .text_wrap::after {left: -24px;}

    .org_chart .org_chart_content .org_team_list::before {width: 100%;}
    .org_chart .org_chart_content .org_team_list li{width:100%; }

    .history .info .info_rextsteel_wrap>div {width:100%;}
    .history .info .info_rextsteel_wrap .info_rextsteel{margin-top:20px;}
    .history .info .info_rextsteel_wrap .info_rextsteel ul li {margin-bottom: 12px;}


    .history .history_wrap .history_list_wrap .history_list h4 {font-size: 28px;}
    .history .history_wrap .history_line {padding: 0 20px;}
    .history .history_wrap .history_line::before {left: 19px; transform: translateX(0);}
    .history .history_wrap .history_list_wrap {flex-wrap: wrap;}
    .history .history_wrap .history_list_wrap>div {width: 100%;}
    .history .history_wrap .history_list_wrap .history_list .hitory_dep01 li {padding: 6px 0;}
    .history .history_wrap .history_list_wrap .history_list.left h4 {text-align: left;}
    .history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 li {justify-content: flex-start;}
    .history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .month {margin-left:0; margin-right:20px; text-align: left; order: 0;}
    .history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .hitory_dep02 {text-align: left;}
    .history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .month::before {left: -34px;}
    .history .history_wrap .history_list_wrap .history_list.right .hitory_dep01 .month::before {top:14px; transform: translateY(0);}
    .history .history_wrap .history_list_wrap .history_list .hitory_dep01 .hitory_dep02 li:first-child {padding-top:7px;}
    .history .history_wrap .history_list_wrap .history_list.left h4::before {left: -35px;}
    .history .history_wrap .history_list_wrap .history_list.left h4::after {left: -41px;}



    .product h4 { font-size: 28px;}
    .product table tbody tr {font-size: 15px;}
    .info .process .process_list{justify-content: center;}
    .info .process .process_list li {width: 80%;}
    .info .process .process_list li .text_wrap::before {top: inherit; bottom:-18px; left:50%; right: inherit;
    transform: translateY(0) translateX(-50%); border-top: 4px solid #C70026; border-right: 4px solid transparent; border-bottom: transparent;     border-left: 4px solid transparent;}

    .info .process .process_list.divi_4 li{width:80%;}
    .info .process .process_list.divi_2 li{width:80%;}

    .lnb_sub_tab ul li { width: 100%;}

    .pe .pe_standard .pe_standard_text li {padding:0 20px 16px; width:100%;}
    .pe .pe_standard .pe_standard_text li::before {display: none;}
    .pe .pe_standard .pe_standard_text li .text_wrap{margin-bottom:16px; padding-bottom:16px; border-bottom: 1px dashed #dbdbdb;}

    .zb_plating .advantages .advantages_title .text_wrap h5 {font-size: 28px;}
    .zb_plating .advantages .adv_floors_wrap .text_wrap h6 {font-size: 20px;}

    .design article .inner_wrap .title_wrap h4 {font-size: 24px;}  
    .design article .inner_wrap .desc_wrap>ul>li {padding: 3px 0 3px 16px;}

     .etc .info article .inner_wrap>.img_wrap {width: 100%;}

     .order .order_list ul li {width: 100%;}

    .construct_images .photo_board_list .board_inner .board_list_item{width:100%;}
    .construct_images .photo_board_list .board_inner .board_list_item a .img_wrap{height:auto;}
    .construct_images .photo_board_list .board_inner .board_list_item a .img_wrap img{position: static; height:auto; width:100%; transform: translate(0, 0);}
    .construct_images .construction_img ul li{width:50%;}

    .connect .connect_img {margin: 40px -12px 0;}
    .connect .connect_img li {padding: 0 12px;}
    .connect .connect_img li .text_wrap {padding: 2px 12px; font-size:14px;}
    .connect .connect_img.add_arrow::before {width: 12px; height: 18px; background-size: cover;}

    .valve_intro .valve_design .valve_design_img li {width: 100%;}

		    /* 자료실 */
    .dataroom .data_lnb ul li {width:100%;}



    /* 2025-09-10 추가 */
    .w_a01_btm {
        padding: 15px;
        border-radius: 0;
    }
    .w_a02_txt p {
        padding: 0;
    }
    .w_a02_txt p span img {
        width: 13px;
    }
    .w_a05_img > div {
        width: 100%;
    }
    .w_a05_img .img_wrap img {
        min-height: auto;
    }
}


@media(max-width:480px) {
    .greeting section .inner_wrap article.img_wrap figure{height:260px;}

 
    .management .management_point_wrap .management_point>div .inner_wrap {width: 140px; height: 140px; background: #ffffff; border: 8px solid #3A4146;}
    .management .management_point_wrap .management_point>div .inner_wrap span{font-size:14px;}
    .management .management_point_wrap .management_point>div .text_wrap{margin-left:28px;}
    .management .management_point_wrap .management_point>div .text_wrap::before {top: 50%; left: -28px; width: 16px;}
    .management .management_point_wrap .management_point>div .text_wrap::after {left: -16px;}

    .info .side .side_list ul{justify-content: center;}
    .info .side .side_list ul li {width: 80%;}
    .info .side .side_list ul li {padding: 0 14px 20px;}
    .info .closing .img_wrap figure {width: 80%;}

		    /* 자료실 */
    .dataroom .board .data_board ul li {width: 100%;}
    .dataroom .board .data_board ul li .data_item .text_wrap {margin-top: 10px;}
    .dataroom .board .data_board ul li .data_item .text_wrap .btn_wrap {margin-top: 24px;}

    .ultra_large.w_a09_con .inner_wrap .list_wrap ul {
        gap: 20px;
    }
}