.headerContainer {border-bottom: 1px solid rgb(204, 204, 204, 0.3);}
.headerContainer header .logo a {background: url('../images/logo.png') no-repeat center / cover;}
.headerContainer header nav > ul > li > .cate > a {font-weight: 600; color:#111;}
.headerContainer button.menu span {background: #000;}
.headerContainer button.menu span:before {background: #000;}
.headerContainer button.menu span::after {background: #000;}
.headerContainer .right_menu .utility .inquiry {background: url('../images/menu_inquiry_on.png') no-repeat center / cover;}
.headerContainer .right_menu .utility .global {background: url('../images/menu_global_on.png') no-repeat center / cover;}
.headerContainer .right_menu .scroll_down.basic .txt {color: #000;}
.headerContainer .right_menu .scroll_down.basic .icon {width: 12px; height: 22px; background: url('../images/scroll_down_icon_b.png') no-repeat center / cover;}
.headerContainer .right_menu .scroll_down.basic .icon img {display: none;}
/* .headerContainer .right_menu .scroll_down.topup .icon {background: url('../images/top_icon_b.png') no-repeat center / cover;} */

.container {margin: 110px 0 0;}
.sub_top {padding-top: 110px;}

.sub_top_visual .sub_navi {display: flex; align-items: center; width: 100%; }
.sub_top_visual .sub_navi::-webkit-scrollbar {width: 8px;  /* 스크롤바의 너비 */}
 .sub_top_visual .sub_navi:-webkit-scrollbar-thumb {width: 30%; /* 스크롤바의 길이 */ background: #217af4; /* 스크롤바의 색상 */border-radius: 10px;}
.sub_top_visual .sub_navi::-webkit-scrollbar-track {background:transparent;  /*스크롤바 뒷 배경 색상*/ }

.sub_top_visual .sub_navi li {position: relative; padding-right: 36px;}
.sub_top_visual .sub_navi li::after {content: ''; display: inline-block; width: 4px; height: 4px; background: #000; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); border-radius: 50%;}
.sub_top_visual .sub_navi li:first-child {flex-shrink: 0;}
.sub_top_visual .sub_navi li:last-child {padding-right: 0;}
.sub_top_visual .sub_navi li:last-child::after {display: none;}
.sub_top_visual .sub_navi li .icon {}
.sub_top_visual .sub_navi li .icon img {width: 100%; max-width: 15px;}
.sub_top_visual .sub_navi li .f18 {font-weight: 600; text-transform:uppercase;}
.sub_top_visual .sub_navi li .depth1 {color:#aaa;}
.sub_top_visual .sub_navi li .depth2 {color:#3c9cde; white-space:nowrap;}
.sub_top_visual .f70 {margin-top: 30px;}

.sub_top_visual .top_img {width: 100%;  overflow: hidden; margin-top: 70px;}
.sub_top_visual .top_img .inner {width: 100%; height: 520px;  -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -webkit-transition: all 1.5s; transition: all 1.5s;}
.sub_top_visual .top_img.active .inner {transform: scale(1.0,1.0);}

.company .sub_top_visual .top_img .inner {background: url('../images/subtop_company.jpg') no-repeat center / cover;}
.management .sub_top_visual .top_img .inner {background: url('../images/subtop_management.jpg') no-repeat center / cover;}
.history .sub_top_visual .top_img .inner {background: url('../images/subtop_history.jpg') no-repeat center / cover;}
.awards .sub_top_visual .top_img .inner {background: url('../images/subtop_awards.jpg') no-repeat center / cover;}
.procurement .sub_top_visual .top_img .inner {background: url('../images/subtop_procurement.jpg') no-repeat center / cover;}
.news_list .sub_top_visual .top_img .inner {background: url('../images/subtop_news.jpg') no-repeat center / cover;}
.promotional_video .sub_top_visual .top_img .inner {background: url('../images/subtop_news.jpg') no-repeat center / cover;}
.inquiry .sub_top_visual .top_img .inner {background: url('../images/subtop_inquiry.jpg') no-repeat center / cover;}

.sec {padding: 130px 0 190px;}
.sec1 {padding: 0 !important;}
.sub_title {margin-bottom: 40px;}
.sub_title .f20 {color:#3c9cde; font-weight: 700; margin-bottom: 15px; text-transform:uppercase;}
.sub_title .txt {color: #000; font-weight: 400; margin-top: 30px; text-transform: none;}
.sub_title .txt span {display: block;}
.sub_title .txt strong {color:#3c9cde; font-weight: 700;}
.sub_title .f36 {color:#000; font-weight: 700; margin-top:15px;}
.sub_title .f50 {color:#000;}
.sub_title .f60 {color:#111;}
.sub_title .bt_txt {margin-top: 30px; text-transform: none;}
.sub_title .bt_txt span {color: #000; font-weight: 400; display: block;}
.sub_title .bt_txt strong {color: #3c9cde; font-weight: 700;}


/** MODAL POPUP **/
.modal_popup {position: fixed; width: 100%; height: 100%; top: 0; left: 0;  z-index: 999; background: rgba(0,0,0,0.8); display: none;}
.modal_popup .inner {display: flex; justify-content: center; align-items: center; height: 100%;}
.modal_popup .inner .md_con {position: relative; margin: 0 16px; width: 100%; max-width: 1000px;}
.modal_popup .inner .md_con .close {display: flex; position: absolute;  right: -60px; top: 0; cursor: pointer;}
.modal_popup .inner .md_con .close img {width: 100%; max-width: 35px;}

.modal_popup .inner .md_con .video_con {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.modal_popup .inner .md_con .video_con iframe, .modal_popup .inner .md_con .video_con object, .modal_popup .inner .md_con .video_con embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.modal_popup .inner .md_con .awards_pop {}
.modal_popup .inner .md_con .awards_pop .image {display: flex; justify-content: center; width: 100%; max-width: 429px;}
.modal_popup .inner .md_con .awards_pop .image img {width: 100%; max-width: 429px;}
.modal_popup .inner .md_con .awards_pop .f26 {color:#fff; font-weight: 500; text-align: center; margin-top: 26px;}


/** HBSYS - 회사소개 **/
.company .sec2 {background: #f9f9f9;}
.company .box_wrap {display: flex; justify-content: space-between;}
.company .box_wrap .box {display: flex; justify-content: flex-start; align-items: center; flex-flow: column; background: #fff; border: 1px solid #e3eaef; border-radius: 30px; width: 326px; height: 350px; margin: 0 10px; padding-top: 60px;}
.company .box_wrap .box:first-child {margin-left: 0;}
.company .box_wrap .box:last-child {margin-right: 0;}
.company .box_wrap .box .icon {position: relative; z-index: 1;}
.company .box_wrap .box .icon::after {content: ''; display: inline-block; width: 36px; height: 36px; border-radius: 50%; background: #d8ebf8; position: absolute; z-index: -1;}
.company .box_wrap .box .icon1::after {left: -20px; top: -2px;}
.company .box_wrap .box .icon2::after {right: -15px; bottom: -2px;}
.company .box_wrap .box .icon3::after {right: -12px; top: -2px;}
.company .box_wrap .box .icon4::after {left: -13px; bottom: -2px;}
.company .box_wrap .box .icon img {width: 62px; height: 62px;}
.company .box_wrap .box .f28 {font-weight: 700; margin: 30px 0 5px; text-align: center;}
.company .box_wrap .box .f18 {font-weight: 300; color:#666; text-align: center;}
.company .box_wrap .box .f18 span {display: block;}
.company .box_wrap .box .f16 {font-weight: 300; color:#666;}
.company .sec3 {}
.company .sec3 .map_wrap {display: flex; width: 100%; padding-bottom: 100px;}
.company .sec3 .map_wrap iframe {width: 100%; height: 640px;  position: relative;}
.company .sec3 .info_box {background: #232429; width: 100%; padding: 50px 0 55px 50px;}
.company .sec3 .info_box .logo {margin-bottom: 20px;}
.company .sec3 .info_box .logo img {width: 100%; max-width: 200px;}
.company .sec3 .info_box .txt {border-top: 1px solid #4f5054; display: flex; padding-top: 25px;}
.company .sec3 .info_box .txt li.cate {color:#fff; margin-right: 20px;}
.company .sec3 .info_box .txt li {font-size: 16px; line-height: 26px; color:#bbb;}
.company .sec3 .info_txt {display: flex; align-items: center; margin-bottom: 25px;}
.company .sec3 .info_txt .logo {margin-right: 30px;}
.company .sec3 .info_txt .logo img {width: 100%; max-width: 70px;}
.company .sec3 .info_txt ul {}
.company .sec3 .info_txt li {font-size: 18px; line-height: 28px; color:#666;}
.company .sec3 .info_txt li.cate {font-weight: 700; color:#333; margin-right: 20px;}



/** HBSYS - 경영이념 **/
.management .sec2 .box_wrap {display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.management .sec2 .box_wrap .box {background: #f5f4f2; flex: 1 1 calc(50% - 20px); margin: 0 20px 20px; padding: 70px 60px; border-radius: 30px; display: flex; align-items: center;}
.management .sec2 .box_wrap .box:nth-child(odd) {margin-left: 0;}
.management .sec2 .box_wrap .box:nth-child(even) {margin-right: 0; justify-content: flex-end;}
.management .sec2 .box_wrap .box .num {color:#c9e1f2; width: 14%;}
.management .sec2 .box_wrap .box:nth-child(even) .num {text-align: right;}
.management .sec2 .box_wrap .box .txt {text-align: center; width: calc(86% - 140px);}
.management .sec2 .box_wrap .box .f28 {color:#000; margin-bottom: 15px;}
.management .sec2 .box_wrap .box .f18 {color:#666; font-weight: 300;}
.management .sec2 .box_wrap .box .f18 span {display: block;}
.management .sec2 .box_wrap .img_box {position: absolute; width: 421px; height: 421px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.management .sec2 .box_wrap .img_box .mg_img {position: absolute;}
.management .sec2 .box_wrap .img_box .mg_img img {width: 100%;}
.management .sec2 .img_box .inner {z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.management .sec2 .img_box .inner .logo {margin-bottom: 25px;}
.management .sec2 .img_box .inner .logo img {width: 100%; max-width: 96px;}
.management .sec2 .img_box .inner .f30 {font-weight: 800; color:#000; z-index: 1;}
.management .sec2 .img_box .inner .f30 span {display: block;}
.management .sec3 {background: #f9f9f9;}
.management .sec3 .icon_box {display: flex; justify-content: space-between;}
.management .sec3 .icon_box .box {border: 1px solid rgb(60, 126, 222, 0.2); border-radius: 50%; padding: 20px; position: relative; margin: 0 6px;}
.management .sec3 .icon_box .box::after {content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #3c9cde; position: absolute;}
.management .sec3 .icon_box .box:first-child {margin-left: 0;}
.management .sec3 .icon_box .box:last-child {margin-right: 0;}
.management .sec3 .icon_box .box1::after {left: 50%; transform: translateX(-50%); top: -3px;}
.management .sec3 .icon_box .box2::after {top: 50%; transform: translateY(-50%); right: -3px;}
.management .sec3 .icon_box .box3::after {left: 50%; transform: translateX(-50%); bottom: -3px;}
.management .sec3 .icon_box .box4::after {top: 50%; transform: translateY(-50%); left: -3px;}
.management .sec3 .icon_box .box5::after {left: 50%; transform: translateX(-50%); top: -3px;}
.management .sec3 .icon_box .box .inner {border: 1px solid #3c9cde; border-radius: 50%; width: 225px; height: 225px; display: flex; justify-content: center; align-items: center; flex-flow: column;}
.management .sec3 .icon_box .box .icon {margin-bottom: 10px;}
.management .sec3 .icon_box .box .icon img {width: 66px; height: 66px;}
.management .sec3 .icon_box .box .f16 {color:#afafaf; text-align: center;}
.management .sec3 .icon_box .box .f18 {font-weight: 700; color:#000; text-align: center;}


/** HBSYS - 연혁 **/
.history .history_wrap {display: flex; flex-wrap: wrap; padding-top: 40px;}
.history .history_wrap .box {display: flex; flex-flow: column; align-items: center; flex: 0 1 33.3%; margin-bottom: 100px;}
.history .history_wrap .box:nth-last-child(-n+3) {margin-bottom: 0;}
.history .history_wrap .box .year {font-weight: 600; color:#e3e3e3;}
.history .history_wrap .box .line {height: 1px; width: 100%; background: #d7d7d7; position: relative; margin: 20px 0 40px;}
.history .history_wrap .box .line span {display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 3px solid #e4e4e4; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: -6px;}
.history .history_wrap .box:first-child .year {color:#3c9cde;}
.history .history_wrap .box:first-child .line span {background: #3c9cde; border: none;}
.history .history_wrap .box:last-child .line {width: 50%; align-self: flex-start;}
.history .history_wrap .box:last-child .line span {left: 100%; transform: none;}
.history .history_wrap .box ul {align-self: flex-start; padding-right: 15px;}
.history .history_wrap .box ul li {display: flex; align-items: flex-start; margin-bottom: 12px;}
.history .history_wrap .box ul li .f19 {color:#3c9cde; font-weight: 600; margin-right: 16px; width: 25px; flex-shrink: 0;}
.history .history_wrap .box ul li .f18 {color: #666; font-weight: 400; margin-top: 2px;}


/** HBSYS - 수상 및 인증 **/
.awards .tab {margin-bottom: 40px;}
.awards .tab ul {display: flex;}
.awards .tab ul li {margin-right: 14px;}
.awards .tab ul li:last-child {margin-right: 0;}
.awards .tab ul li a {display: flex; justify-content: center; align-items: center; color:#aaa; border: 1px solid #ddd; width: 186px; height: 60px; border-radius: 50px; text-align: center;}
.awards .tab ul li a.active, .awards .tab ul li a:hover {background: #3c9cde; border: 1px solid #3c9cde; color:#fff; font-weight: 600;}
.awards .tab_con {display: none;}
.awards .award_history_top {display: flex; margin-top: 65px;}
.awards .award_history_top .box {margin: 0 25px;}
.awards .award_history_top .box:first-child {margin-left: 0;}
.awards .award_history_top .box:last-child {margin-right: 0;}
.awards .award_history_top .box .image {display: flex;}
.awards .award_history_top .box .image img {width: 100%;}
.awards .award_history_top .box .f18 {text-align: center; margin-top: 15px; color:#666; font-weight: 500;}
.awards .list_wrap {display: flex; flex-flow: wrap; margin-top: 65px;}
.awards .list_wrap .box {flex: 0 1 calc(25% - 150px); margin: 0 100px  50px; position: relative;}
.awards .list_wrap .box:nth-child(4n) {margin-right: 0;}
.awards .list_wrap .box:nth-child(4n+1) {margin-left: 0;}
.awards .list_wrap .box:first-child {margin-left: 0;}
.awards .list_wrap .box:nth-last-child(-n+4) {margin-bottom: 0;}
.awards .list_wrap .box .image {overflow: hidden; display: flex; border: 1px solid rgb(0, 0, 0, 0.1); position: relative;}
.awards .list_wrap .box .image {position: relative;}
.awards .list_wrap .box .image img {transition: all 0.5s; width: 100%; max-width: 326px; filter: blur(0.7px); -webkit-filter: blur(0.7px);}
.awards .list_wrap .box .image .icon {width: 65px; height: 65px; background: #3c9cde; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; opacity: 0; z-index: 1; transition: all 0.5s;}
.awards .list_wrap .box .image .icon img {max-width: 24px;}
.awards .list_wrap .box .txt {margin-top: 16px; text-align: center;}
.awards .list_wrap .box .txt .f18 {color:#666; font-weight: 500;}
.awards .modal_popup .inner .md_con {max-width: 429px;}
/**
.awards .list_wrap .box:hover .image {border: 3px solid #3c9cde;}
.awards .list_wrap .box:hover .image::before {content: ''; display: inline-block; background: rgb(60, 156, 222, 0.1); position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%;}
.awards .list_wrap .box:hover .icon {opacity: 1; transition: all 0.5s;}
.awards .list_wrap .box:hover .image img {transition: all 0.5s; transform: scale(105%);}
**/



/** PRODUCT - 스마트보행안전시스템 **/
.product {}
.product .pin-spacer {}
.product .bt_img {width: 100%; margin: 70px auto 0; /*margin: 0 auto !important;*/ width: 100%; max-width: 1492px; padding: 0 16px;}
.product .bt_img img {border-radius: 30px; overflow: hidden; /* position: relative; left: 50%; transform: translateX(-50%);*/ width: 100%; }
.product .product_title {text-align: center; margin-bottom: 70px;}
.product .product_title .f20 {color:#3c9cde; font-weight: 700;}
.product .product_title .f52 {color:#000; font-weight: 700; line-height: 74px; margin-top: 25px;}
.product .product_title .f52 span {display: block;}
.product .product_title .f52 span strong {font-size: 30px;}
.product .product_title .f22 {margin-top: 25px;}
.product .product_title .f22 span {display: block;}
.product .point_box {background: #f7f7f7; display: flex; padding: 40px 0;}
.product .point_box .icon_box {display: flex; border-right: 1px solid #dbdbdb; display: flex; padding: 0 90px; flex: 1 1 50%;}
.product .point_box .icon_box:last-child {border: none;}
.product .point_box .icon_box .icon {width: 100px; height: 100px; background: #fff; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.product .point_box .icon_box .icon img {}
.product .point_box .icon_box .txt {margin-left: 35px;}
.product .point_box .icon_box .txt .f18 {color:#222; font-weight: 600; margin-bottom: 6px;}
.product .point_box .icon_box .txt .f16 {color:#555; font-weight: 500;}
.product .point_box .icon_box .txt .f16 span {font-size: 14px; display: block;}
.product .ps_arrow {display: inline-block; display: flex; justify-content: center; margin: 60px 0;}
.product .ps_arrow img {width: 100%; max-width: 32px;}
.product .icon_box2 {display: flex;}
.product .icon_box2 .box {box-shadow: 10px 15px 35px rgb(0 0 0 / 8%); text-align: center; padding: 60px 50px 50px; position: relative; flex: 1 1 33.3%; margin: 0 10px;}
.product .icon_box2 .box:first-child {margin-left: 0;}
.product .icon_box2 .box:last-child {margin-right: 0;}
.product .icon_box2 .num {position: absolute; color:#eee; right: 35px; top: 20px;}
.product .icon_box2 .title_ic {display: flex; flex-flow: column; align-items: center;}
.product .icon_box2 .title_ic .icon {background: #3c9cde; border-radius: 8px; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center;}
.product .icon_box2 .title_ic .icon img {width: 100%; max-width: 32px;}
.product .icon_box2 .title_ic .f24 {color:#3c9cde; font-weight: 700; margin-top: 15px;}
.product .icon_box2 ul {margin-top: 20px;}
.product .icon_box2 ul li { display: flex; margin-bottom: 8px; justify-content: flex-start;}
.product .icon_box2 ul li:last-child {margin-bottom: 0;}
.product .icon_box2 ul li .number {color:#222; border: 1px solid #000; width: 22px; height: 22px; border-radius: 50%; margin-right: 8px; flex-shrink: 0; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.product .icon_box2 ul li .f16 {color:#666; text-align: left; letter-spacing: -0.5px;}
.product .icon_box2 ul li .f16 span {color:#222; font-weight: 700;}
.product .sec3 {background: #fafafa;}
.product .info_graphic {position: relative;}
.product .info_graphic .graphic {display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product .info_graphic .graphic .bg {display: inline-block; margin: 0 auto;}
.product .info_graphic .graphic .bg img {}
.product .info_graphic .graphic .logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product .info_graphic .graphic .logo img {width: 100%; max-width: 137px;}
.product .info_graphic .txt_wrap {display: flex; flex-wrap: wrap;}
.product .info_graphic .box {flex: 1 1 50%; display: flex; padding: 75px 90px;}
.product .info_graphic .box .num {color:#ededed; margin: 0 35px; margin-top: -10px;}
.product .info_graphic .box .txt_box {}
.product .info_graphic .box .txt_box .f18 {color:#3c9cde;}
.product .info_graphic .box .txt_box .f32 {color:#333; font-weight: 700; display: inline-block; position: relative; margin-bottom: 14px; z-index: 1;}
.product .info_graphic .box .txt_box .f32::after {content: ''; display: inline-block; width: 100%; height: 14px; background: #e7f0f7; position: absolute; bottom: 0; left: 0; z-index: -1;}
.product .info_graphic .box .txt_box .f16 {color:#333;}
.product .info_graphic .box .txt_box .f16 span {display: block;}
.product .info_graphic .box1, .product .info_graphic .box2 {border-bottom: 1px solid #e1e1e1;}
.product .info_graphic .box3, .product .info_graphic .box4 {align-items: flex-end;}
.product .info_graphic .box1, .product .info_graphic .box3 {justify-content: flex-end; border-right: 1px solid #e1e1e1;}
.product .info_graphic .box1 .txt_box, .product .info_graphic .box3 .txt_box {order: 1; text-align: right;}
.product .info_graphic .box1 .num, .product .info_graphic .box3 .num {order: 2;}
.product .info_graphic .box3 .num, .product .info_graphic .box4 .num {margin-bottom: -10px;}
.product .sec3 .tb_txt {border-top: 2px solid #000; border-bottom: 2px solid #000; margin-top: 100px; display: flex; flex-wrap: wrap;}
.product .sec3 .tb_txt li {flex: 0 1 50%; padding: 35px 0; border-bottom: 1px solid #ddd;}
.product .sec3 .tb_txt li .in {display: flex; border-right: 1px solid #ddd; padding: 0 30px;}
.product .sec3 .tb_txt li:nth-child(even) .in {border-right: 0; padding-left: 60px;}
.product .sec3 .tb_txt li:last-child .in {border-right: 0;}
.product .sec3 .tb_txt li .f60 {color:#e9e9e9; position: relative; top: -10px;}
.product .sec3 .tb_txt li .icon {margin: 0 40px 0 25px; flex-shrink: 0;}
.product .sec3 .tb_txt li .icon img {width: 100%; max-width: 74px;}
.product .sec3 .tb_txt li .txt {}
.product .sec3 .tb_txt li .txt .f24 {font-weight: 700; margin-bottom: 10px;}
.product .sec3 .tb_txt li .txt .f20 {color:#666; line-height: 30px;}
.product .sec3 .tb_txt li .txt .f20 span {display: block;}
.product .product_list {display: flex; flex-flow: wrap; gap: 54px;}
.product .product_list .item {flex: 0 1 calc(33.3% - 36px); margin-bottom: 20px;}
.product .product_list .item .img {background: #f8f8f8;}
.product .product_list .item .img img {width: 100%;}
.product .product_list .item .text {padding: 20px 0 0; text-align: center;}
.product .product_list .item .text .f20 {font-weight: 700;transition: all 0.2s}
.product .product_list .item:hover .text .f20 {color: #3c9cde; ;}
.product .product_list .item .text ul {display: flex; margin-top: 4px;}
.product .product_list .item .text ul li {color:#666; font-weight: 400; padding-right: 15px; margin-right: 15px; border-right: 1px solid #999; line-height: 18px;}
.product .product_list .item .text ul li:last-child {margin-right: 0; border: none; padding-right: 0;}
.product .overview_bg {background: url('../images/ps_sec5_bg.jpg') no-repeat center / cover;}
.product .overview_bg .sub_title .f16 {color:#3c9cde; font-weight: 600; margin-bottom: 10px;}
.product .overview_bg .sub_title .f46 {font-weight: 800; color:#fff;}
.product .video_wrap {position: relative;}
.product .video_wrap .logo {position: absolute; bottom: 25px; right: 35px;}
.product .video_wrap .logo img {width: 100%; max-width: 133px;}
.product .video_wrap .play_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s; }
.product .video_wrap .play_btn img {width: 100%; max-width: 112px;}
.product .video_wrap .video img {width: 100%; border-top-left-radius: 60px; border-bottom-right-radius: 60px;}
.product .video_wrap:hover .play_btn {transition: all 0.5s; transform: translate(-50%, -70%);}
.product .video_wrap .video #youtube-video {width: 100%; height: 520px;}
.product .tab {display: flex; margin-bottom: 40px;}
.product .tab li {margin: 0 7px; width: 186px; color:#aaa; border: 1px solid #ddd; border-radius: 50px; height: 60px; display: flex; justify-content: center; align-items: center;  transition: all 0.2s; cursor: pointer; text-align: center; line-height: 21px; padding: 0 6px;}
.product .tab li:first-child {margin-left: 0;}
.product .tab li:last-child {margin-right: 0;}
.product .tab li.active {background: #3c9cde; border: 1px solid #3c9cde; color:#fff;}
.product .tab li:hover {background: #3c9cde; border: 1px solid #3c9cde; color:#fff; transition: all 0.2s;}
.product .tab_con {display: none; width: 100%;}
.product .tab_con.on {display: inline-block;}
.product .tab_con .box_con {display: flex; justify-content: space-between;}
.product .tab_con .box {background: #f8f8f8; border-radius: 30px; padding: 50px; display: flex;}
.product .tab_con .box .f30 {color:#c9e1f2; margin-right: 30px;}
.product .tab_con .box .txt {}
.product .tab_con .box .txt .f26 {font-weight: 800; margin-bottom: 8px;}
.product .tab_con .box .txt ul {}
.product .tab_con .box .txt ul li {color:#666; font-weight: 400; position: relative; padding-left: 10px; margin-bottom: 12px;}
.product .tab_con .box .txt ul li:last-child {margin-bottom: 0;}
.product .tab_con .box .txt ul li::before {content: ''; display: inline-block; width: 5px; height: 1px; background: #666; position: absolute; top: 14px; left: 0;}
.product .tab_con .left {width: 65%; display: flex; flex-flow: column; justify-content: space-between;}
.product .tab_con .left .bottom {display: flex; margin-top: 11px;}
.product .tab_con .left .bottom .icon_box {background: #f8f8f8; border-radius: 30px; display: flex; flex-flow: column; align-items: center; margin: 0 7px; flex: 1 1 33.3%; padding: 40px 25px;}
.product .tab_con .left .bottom .icon_box:first-child {margin-left: 0;}
.product .tab_con .left .bottom .icon_box:last-child {margin-right: 0;}
.product .tab_con .left .bottom .icon_box .ic {}
.product .tab_con .left .bottom .icon_box .ic img {width: 100%; max-width: 30px;}
.product .tab_con .left .bottom .icon_box .f26 {font-weight: 800; margin: 10px 0;}
.product .tab_con .left .bottom .icon_box .f18 {text-align: center; color:#666; font-weight: 400;}
.product .tab_con .left .bottom .icon_box .f18 span {display: block;}
.product .tab_con .right {margin-left: 28px; width: calc(35% - 28px); flex-shrink: 0;}
.product .tab_con .right .image {display: flex; border-radius: 20px; overflow: hidden; height: 553px;}
.product .tab_con .right .image img {width: 100%; object-fit: cover;}
.product .tc_bt_img {display: flex; margin-top: 60px; justify-content: space-between;}
.product .tc_bt_img .image { flex: 1 1 33.3%; display: flex; margin: 0 20px;}
.product .tc_bt_img .image:first-child {margin-left: 0;}
.product .tc_bt_img .image:last-child {margin-right: 0;}
.product .tc_bt_img .image img {border-radius: 25px; overflow: hidden; width: 100%;}
.product .tab_con2 {}
.product .tab_con2 .left {width: 100%;}
.product .tab_con2 .box {margin-bottom: 11px;}
.product .tab_con2 .box:last-child {margin-bottom: 0;}
.product .tab_con2 .box .f30 {width: 130px;}
.product .tab_con2 .right {width: auto; margin-left: 50px;}
.product .tab_con2 .right .image {height: auto;}
.product .tab_con2 .right .image img {max-width: 363px;}
.product .tab_con2 .box .txt ul li {color: #000;}
.product .tab_con2 .box .txt ul li::before {width: 3px; height: 3px; background: #3c9cde;}
.product .tab_con3 .box_con {flex-flow: column;}
.product .tab_con3 .box {margin-bottom: 10px ; align-items: center;} 
.product .tab_con3 .box .f46 {color:#c9e1f2; margin-right: 55px; width: 57px; flex-shrink: 0;} 
.product .tab_con3 .box .txt {} 
.product .tab_con3 .box .txt .f26 {} 
.product .tab_con3 .box .txt .f18 {color:#666; font-weight: 400;} 
.pedestrian_safety .sec5 {padding-top: 0 !important;}


/** PRODUCT - AI스마트횡단보도시스템 **/
.crosswalk {}
.product .sec_img {border-radius: 30px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.product .sec_img img {width: 100%; object-fit: cover;}
.product .image_box {}
.product .image_box .box_wrap {display: flex; justify-content: space-between;}
.product .image_box .box_wrap .arrow {align-self: center;}
.product .image_box .box_wrap .arrow img {width: 100%; max-width: 38px;}
.product .image_box .box_wrap video {width: 100%;}
.product .image_box .box {display: flex; flex-flow: column; align-items: center; margin: 0 23px; padding: 0; border-radius: 0;}
.product .image_box .box:nth-child(odd) {margin-left: 0;}
.product .image_box .box:nth-child(even) {margin-right: 0;}
.product .image_box .box .image {display: flex; border-radius: 30px; overflow: hidden;}
.product .image_box .box .image img {width: 100%; max-width: 706px;}
.product .image_box .box .f60 {color: #d9d9d9; text-align: right; font-style: italic; width: 100%; margin-bottom: 5px;}
.product .image_box .box .f24 {font-weight: 700; color: #222; margin-top: 32px; text-align: center;}
.product .image_box .box .f24.color {color: #3c9cde;}
.product .image_box .box .f18 {margin-top: 15px; text-align: center}
.product .image_box .box .f18 span {color: #666; display: block; text-align: center; font-weight: 400; margin-bottom: 2px;}
.product .image_box .box .f18 span:last-child {margin-bottom: 0;}
.product .quote {display: flex; justify-content: center; margin-top: 110px;}
.product .quote .quotation_mark {flex-shrink: 0;}
.product .quote .quotation_mark img {width: 100%; max-width: 45px;}
.product .quote .f22 {text-align: center; margin: 30px 55px 0;}
.product .quote .f22 span {display: block; font-weight: 400; margin-bottom: 6px;}
.product .quote .f22 span strong {color: #3c9cde; font-weight: 700;}
.crosswalk .image_box .box {flex: 0 1 50%;}
.crosswalk .sec4 .sub_title {margin-bottom: 70px;}
.crosswalk .sec4 .point_box {margin-top: 60px;}
.crosswalk .sec5, .crosswalk .sec7 {background: #fafafa;}
.crosswalk .sec6 .image_box .box .image {box-shadow: 10px 15px 35px rgb(0 0 0 / 8%);}
.crosswalk .num_text_wrap {display: flex; justify-content: space-between; align-items: flex-start;}
.crosswalk .num_text_wrap .image {border-radius: 30px; overflow: hidden; margin-right: 50px; width: 50%; max-width: 674px; display: flex;}
.crosswalk .num_text_wrap .image img {width: 100%;}
.crosswalk .num_text_wrap ul {margin-left: 50px; width: 50%;}
.crosswalk .num_text_wrap ul li {display: flex; margin-bottom: 30px;}
.crosswalk .num_text_wrap ul li:last-child {margin-bottom: 0;}
.crosswalk .num_text_wrap ul li .num {width: 50px; height: 50px; border: 1px solid #111; color: #111; font-weight: 700; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
.crosswalk .num_text_wrap ul li .f24 {margin-top: 6px; margin-left: 20px; line-height: 38px}
.crosswalk .num_text_wrap ul li .f24 span {display:block;}
.crosswalk .crosswalk_swiper_wrap {display: flex; width: 100%; max-width: 1492px; padding: 0 16px; margin: 0 auto; position: relative; margin-top: 40px;}
.crosswalk .crosswalk_swiper {}
.crosswalk .crosswalk_slide {width: 100%; max-width: 410px;}
.crosswalk .crosswalk_slide .image {border-radius: 20px; overflow: hidden; display: flex;}
.crosswalk .crosswalk_slide .image img {width: 100%;}
.crosswalk .crosswalk_slide .text {margin-top: 20px;}
.crosswalk .crosswalk_slide .text .f20 {color: #222; font-weight: 700; line-height: 30px;}
.crosswalk .crosswalk_slide .text .f18 {color: #666; margin-top: 12px;}
.crosswalk .control_box {display: flex; flex-flow: column;  z-index: 2; margin-right: 28px; /*position: absolute;top:80px; left: -68px;*/}
.crosswalk .control_box > div {width: 40px; height: 40px; border-radius: 50%; background: #cdd0d2; display: flex; justify-content: center; align-items: center; margin: 5px 0; cursor: pointer;}
.crosswalk .control_box > div:hover {background: #0f218b; transition: all 0.3s;}
.crosswalk .control_box .cw_btn {} 
.crosswalk .control_box .cw_btn img {width: 16px;} 
.crosswalk .control_box .cw_btn_prev {} 
.crosswalk .control_box .cw_btn_next {} 
.crosswalk .control_box .pause_btn {} 
.crosswalk .control_box .pause_btn:hover .stop {transform: rotate(90deg); transition: all 0.3s;} 
.crosswalk .control_box .pause_btn img {width: 8px;} 
.crosswalk .control_box .pause_btn .play {display: none;} 
.crosswalk .control_box .pause_btn.active .stop {display: none;}
.crosswalk .control_box .pause_btn.active .play {display: inline-block;}


/** PRODUCT - 스마트바닥형보행신호등 **/
.traffic_light {}
.traffic_light .number_img {display: flex; justify-content: space-between; margin-top: 50px;}
.traffic_light .number_img .box {background: #fff; box-shadow: 10px 15px 35px rgb(0 0 0 / 8%); flex: 1 1 50%; margin: 0 23px; height: 420px; display: flex; justify-content: center; align-items: center; flex-flow: column; position: relative;}
.traffic_light .number_img .box:first-child {margin-left: 0;}
.traffic_light .number_img .box:last-child {margin-right: 0;}
.traffic_light .number_img .box .f70 {position: absolute; top: 30px; right: 50px; color: #e5e5e5;}
.traffic_light .number_img .box .image {}
.traffic_light .number_img .box .image img {width: 100%; max-width: 374px;}
.traffic_light .number_img .box .f24 {color: #3c9cde; font-weight: 700; margin-top: 15px;}
.traffic_light .sec3 .image_box .box_wrap > div {margin: 0;}
.traffic_light .sec3 .image_box .box_wrap .arrow {margin: 0 20px;}
.traffic_light .sec5 {background: #fafafa;}
.traffic_light .sec5 .number_img2 {display: flex; justify-content: space-between; margin-top: 50px; gap: 32px;}
.traffic_light .sec5 .number_img2 .box {background: #fff; box-shadow: 10px 15px 35px rgb(0 0 0 / 8%); display: flex; justify-content: flex-start; align-items: center; flex-flow: column; position: relative; padding: 25px 20px 45px; flex: 0 1 25%;}
.traffic_light .sec5 .number_img2 .box .f70 {color: #e5e5e5; width: 100%; text-align: right; font-weight: 600; margin-bottom: 20px;}
.traffic_light .sec5 .number_img2 .box .con {}
.traffic_light .sec5 .number_img2 .box .image {display: flex;}
.traffic_light .sec5 .number_img2 .box .image img {width: 100%; }
.traffic_light .sec5 .number_img2 .box .f24 {color: #3c9cde; font-weight: 700; margin-top: 20px; text-align: center; text-align: center;}




/** PROCUREMENT - 조달제품 **/
.procurement .ic_title {text-align: center;}
.procurement .ic_title .icon {margin-bottom: 10px;}
.procurement .ic_title .icon img {width: 100%; max-width: 90px;}
.procurement .ic_title .f34 {color:#000; font-weight: 700;}
.procurement .box {display: flex; margin-bottom: 150px;}
.procurement .box:last-child {margin-bottom: 0;}
.procurement .box:nth-child(1) .question {color:#dedede;}
.procurement .box .question {font-size: 183px; font-weight: 300; color:#cfcfcf; position: relative; top: -40px; width: 300px; letter-spacing: -4px; flex-shrink: 0;}
.procurement .box .txt_box {}
.procurement .box .txt_box .f46 {margin-bottom: 35px;}
.procurement .box .txt_box .f22 {color:#666;}
.procurement .box .txt_box .f22 span {display: block; margin-bottom: 10px;}
.procurement .box .txt_box .image {margin-top: 40px;}
.procurement .box .txt_box .image img {width: 100%;}
.procurement .sec3 {background: url('../images/procurement_sec3_bg.jpg') no-repeat left center / cover; padding-bottom: 0 !important;}
.procurement .sec3 .inner {display: flex; justify-content: center; align-items: center;}
.procurement .sec3 .inner .image {box-shadow: 4px 0px 25px rgb(36 19 19 / 13%); flex-shrink: 0;}
.procurement .sec3 .inner .image img {width: 100%; max-width: 310px; display: flex; }
.procurement .sec3 .inner .txt {padding-left: 95px;}
.procurement .sec3 .inner .txt .f14 {color:#3c9cde; font-weight: 500; margin-bottom: 28px;}
.procurement .sec3 .inner .txt .f36 {color:#000; font-weight: 700;}
.procurement .sec3 .inner .txt .f20 {color:#666; font-weight: 400; margin: 10px 0 25px;}
.procurement .sec3 .inner .txt .f20 span {display: block;}
.procurement .sec3 .inner .txt .f16 {color:#888;}
.procurement .sec3 .btn {display: flex; border: 1px solid #3c9cde; border-radius: 50px; width: 350px; padding: 15px 30px; justify-content: center; align-items: center;}
.procurement .sec3 .btn .f18 {color:#3c9cde;}
.procurement .sec3 .btn .arrow {margin-left: 20px;}
.procurement .sec3 .btn .arrow img {width: 24px;}
.procurement .sec3 .btn:hover {background-color: #3c9cde; transition: all 0.3s; box-shadow: 0px 4px 16px rgb(19 97 150 / 35%);}
.procurement .sec3 .btn:hover .f18 {color: #fff; }
.procurement .sec3 .btn:hover .arrow {background: url('../images/btn_arrow.png') no-repeat center / cover; width: 24px; height: 11px;}
.procurement .sec3 .btn:hover .arrow img {display: none;}
.procurement .sec4 .inner {text-align: center;}
.procurement .sec4 .txt_box {display: flex; align-items: center; border: 9px solid #f8f8f8; padding: 50px 85px; margin-top: 30px;}
.procurement .sec4 .txt_box .txt {text-align: left; margin-left: 60px;}
.procurement .sec4 .txt_box .txt .f24 {color:#333; font-weight: 700; margin-bottom: 10px;}
.procurement .sec4 .txt_box .txt .f18 {color:#666; font-weight: 300;}
.procurement .sec4 .txt_box .txt .f18 span {display: block;}
.procurement .sec5 {background: #f9f9f9;}
.procurement .sec5 .step_wrap {display: flex; justify-content: space-between; margin-top: 60px;}
.procurement .sec5 .step_wrap .ic_box {display: flex; align-items: center; margin-right: 20px; flex: 1 1 14.2%;}
.procurement .sec5 .step_wrap .ic_box:last-child {margin-right: 0;}
.procurement .sec5 .step_wrap .ic_box .con {text-align: center;background: #fff; border-radius: 20px; box-shadow: 0px 4px 16px rgb(0 0 0 / 7%); padding: 40px 30px 30px; display: flex; flex-flow: column; align-items: center; height: 100%;}
.procurement .sec5 .step_wrap .ic_box .con .icon {background: linear-gradient(135deg, #8dcce3, #85a0dd); width: 97px; height: 97px; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
.procurement .sec5 .step_wrap .ic_box .con .icon img {width: 100%; max-width: 56px;}
.procurement .sec5 .step_wrap .ic_box .con .f16 {color:#aaa; margin-top: 20px;}
.procurement .sec5 .step_wrap .ic_box .con .tt {line-height: 22px; margin-top: 4px; color:#000; font-weight: 500;}
.procurement .sec5 .step_wrap .ic_box .arrow {padding-left: 20px;}
.procurement .sec5 .step_wrap .ic_box .arrow img {width: 12px; height: 18px;}
.procurement .sec5 .tb_txt {border-top: 2px solid #000; border-bottom: 2px solid #000; margin-top: 100px; display: flex; flex-wrap: wrap;}
.procurement .sec5 .tb_txt li {flex: 0 1 50%; padding: 35px 0; border-bottom: 1px solid #ddd;}
.procurement .sec5 .tb_txt li .in {display: flex; border-right: 1px solid #ddd; padding: 0 30px;}
.procurement .sec5 .tb_txt li:nth-child(even) .in {border-right: 0; padding-left: 60px;}
.procurement .sec5 .tb_txt li:last-child .in {border-right: 0;}
.procurement .sec5 .tb_txt li .f60 {color:#e9e9e9; position: relative; top: -10px;}
.procurement .sec5 .tb_txt li .icon {margin: 0 40px 0 25px; flex-shrink: 0;}
.procurement .sec5 .tb_txt li .icon img {width: 100%; max-width: 74px;}
.procurement .sec5 .tb_txt li .txt {}
.procurement .sec5 .tb_txt li .txt .f24 {font-weight: 700; margin-bottom: 10px;}
.procurement .sec5 .tb_txt li .txt .f20 {color:#666; line-height: 30px;}
.procurement .sec5 .tb_txt li .txt .f20 span {display: block;}
.procurement .sec6 table {margin-top: 50px; min-width: 550px;} 
.procurement .sec6 table tr td {padding: 35px 30px; text-align: left; color:#333; letter-spacing: -0.5px;} 
.procurement .sec6 table tr td.title {text-align: center;}
.procurement .sec6 table tr td ul li {padding-left: 12px; position: relative; margin-bottom: 8px;} 
.procurement .sec6 table tr td ul li::before {content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #ccc; position: absolute; left: 0; top: 12px;}
.procurement .sec6 table tr td ul li a {color:#3c9cde; font-size: 12px; font-weight: 400; text-decoration: underline;}
.procurement .sec6 table tr td ul li ul {padding: 8px 0 4px;} 
.procurement .sec6 table tr td ul li ul li {position: relative; font-size: 16px; color:#333; line-height: 26px; margin-bottom: 6px;} 
.procurement .sec6 table tr td ul li ul li::before {content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 10px; border: 1px solid #ccc;}
.procurement .sec6 table tr td ul li ul li:last-child {margin-bottom: 0;}
.procurement .sec7 {background: url('../images/procurement_sec7_bg.jpg') no-repeat center / cover;} 
.procurement .sec7 .txt .f40 {color:#fff; margin-bottom: 18px; text-shadow: 2px 0px 2px rgb(0, 0, 0, 0.1);}
.procurement .sec7 .txt .f22 {color:#fff; font-weight: 400; color:#e1e1e1;}
.procurement .sec7 .txt .f22 span {display: block; text-shadow: 2px 0px 2px rgb(0, 0, 0, 0.1)}
.procurement .sec7 .btn {display: flex; border: 1px solid #fff; border-radius: 50px; width: 100%; max-width: 260px; padding: 15px 0; justify-content: center; align-items: center; margin-top: 40px;}
.procurement .sec7 .btn .f18 {color:#fff;}
.procurement .sec7 .btn .arrow {margin-left: 30px;}
.procurement .sec7 .btn .arrow img {width: 24px;}
.procurement .sec7 .btn:hover {background-color: #fff; transition: all 0.3s; box-shadow: 0px 4px 16px rgb(0 0 0 / 15%);}
.procurement .sec7 .btn:hover .f18 {color: #222; }
.procurement .sec7 .btn:hover .arrow {background: url('../images/btn_arrow_on.png') no-repeat center / cover; width: 24px; height: 11px;}
.procurement .sec7 .btn:hover .arrow img {display: none;}

/** COMMUNITY - NEWS&소식 - list **/
.news_list .searchform input {border-radius: 0;}
.news_list .list_wrap { margin-top: 60px;}
.news_list .list_wrap ul li .list_box {display: flex; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 40px 55px; transition: all 0.3s;}
.news_list .list_wrap ul li .list_box .thum { flex-shrink: 0;}
.news_list .list_wrap ul li .list_box .thum img {width: 100%; max-width: 500px; display: flex;}
.news_list .list_wrap ul li .list_box .list_txt {padding: 20px 60px; width: calc(100% - 500px);}
.news_list .list_wrap ul li .list_box .list_txt .cate {background: #000; color:#fff; width: 100%; max-width: 140px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; transition: all 0.3s;}
.news_list .list_wrap ul li .list_box .list_txt .con .title {margin: 10px 0; color:#333; transition: all 0.3s;  display: inline-block; width: 100%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_list .list_wrap ul li .list_box .list_txt .con .txt {color:#888; font-weight: 400; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 84px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news_list .list_wrap ul li .list_box .list_txt .date {color:#aaa; margin-top: 50px; font-weight: 500;letter-spacing: 0;}
.news_list .list_wrap ul li .list_box:hover {border-bottom: 1px solid #3c9cde; border-top: 1px solid #3c9cde; background: #f7fbfe; transition: all 0.2s;}
.news_list .list_wrap ul li .list_box:hover .list_txt .cate {background:#3c9cde; transition: all 0.2s;}
.news_list .list_wrap ul li .list_box:hover .list_txt .con .title {color:#3c9cde; transition: all 0.2s;}


/** COMMUNITY - NEWS&소식 - detail **/
.news_detail .sec2 {padding-top: 70px;}
.news_detail .list_view_title {padding: 50px 0; position: relative; border-top: 2px solid #000;}
.news_detail .list_view_title .title {text-align: center;}
.news_detail .list_view_title .f16 {color:#3c9cde; font-weight: 700; margin-bottom: 20px;} 
.news_detail .list_view_title .f46 {font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; text-align: center; margin: 0 auto;}
.news_detail .list_view_title .f15 {font-weight: 400; color:#888; margin-top: 25px; letter-spacing: 0;}
.news_detail .list_view_title .arrow {position: absolute; top: 50%; transform: translateY(-50%); display:flex}
.news_detail .list_view_title .arrow img {width: 15px;}
.news_detail .list_view_title .arrow.prev {left: 0;}
.news_detail .list_view_title .arrow.next {right: 0;}
.news_detail .list_view_wrap {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e9e9e9; padding: 80px 150px;}
.news_detail .list_view_wrap .inner_con {max-width: 1580px; margin: 0 auto;}
.news_detail .list_view_wrap .image100 {margin-bottom: 50px; display: flex;}
.news_detail .list_view_wrap .text {padding: 0 20px;}
.news_detail .list_view_wrap .text .f18 {line-height: 34px; color:#444; margin-bottom: 40px; font-weight: 400;}
.news_detail .bt_view_btn {display: flex; justify-content: space-between; align-items: center; margin: 50px 0 70px; padding: 0 55px;}
.news_detail .bt_view_btn .move {display: flex; align-items: center;}
.news_detail .bt_view_btn .move .arrow {position: relative; display: inline-block; width: 22px; height: 22px; flex-shrink: 0;}
.news_detail .bt_view_btn .move .arrow span {position: absolute; width: 100%; height: 100%; border: 3px solid #000; border-right: 0;  border-bottom: 0; transition: all 0.2s;}
.news_detail .bt_view_btn .move.prev .arrow {transform: rotate(315deg);}
.news_detail .bt_view_btn .move.next .arrow {transform: rotate(135deg); right: 0;}
.news_detail .bt_view_btn .move .txt {width: 100%; max-width: 350px; margin: 0 50px;}
.news_detail .bt_view_btn .move .txt .f19 {color:#888; font-weight: 700; margin-bottom: 20px; transition: all 0.2s;}
.news_detail .bt_view_btn .move .txt .f24 {color:#000; font-weight: 800; transition: all 0.2s; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 68px; text-align: left; word-wrap: break-word;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_detail .bt_view_btn .move:hover .arrow span {border: 3px solid #999; border-right: 0;  border-bottom: 0; transition: all 0.2s;}
.news_detail .bt_view_btn .move:hover .txt .f19 {color:#3293d5; transition: all 0.2s;}
.news_detail .bt_view_btn .move:hover .txt .f24 {text-decoration: underline; transition: all 0.2s;}
.news_detail .bt_view_btn .line {width: 1px; height: 120px; background: #e9e9e9;}
.news_detail .list_btn {background-color: #fff; border-radius: 50px; width: 262px; height: 78px; display: flex; justify-content: center; align-items: center; transition: all 0.2s; color:#3293d5; font-weight: 700; margin: 0 auto; border: 3px solid #3c9cde;}
.news_detail .list_btn:hover {background-color: #3c9cde; color:#fff; transition: all 0.3s; box-shadow: 0px 4px 16px rgb(19 97 150 / 35%);}


/** COMMUNITY - 홍보영상 **/
.promotional_video .sec2 {background: #f9f9f9; padding: 130px 0 160px;}
.promotional_video .top_video {display: flex; align-items: center; justify-content: space-between;}
.promotional_video .top_video .txt {padding-right: 60px;}
.promotional_video .top_video .txt .f44 {transition: all 0.3s;}
.promotional_video .top_video .txt .f20 {color:#666; margin: 45px 0 55px; transition: all 0.3s;}
.promotional_video .top_video .txt .f16 {color:#999;}
.promotional_video .top_video:hover .txt .f44 {color: #3c9cde; transition: all 0.3s;}
.promotional_video .top_video:hover .txt .f20 {color:#333; transition: all 0.3s;}
.promotional_video .top_video .top_video_thum {position: relative; flex-shrink: 0;}
.promotional_video .top_video .top_video_thum .play_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; display: flex;}
.promotional_video .top_video .top_video_thum .play_btn img {width: 100%; max-width: 112px; transition: all 0.3s;}
.promotional_video .top_video .top_video_thum .thum {overflow: hidden; display: flex;}
.promotional_video .top_video .top_video_thum .thum img {width: 100%; max-width: 958px; transition: all 0.3s;}
.promotional_video .top_video:hover .top_video_thum .play_btn img {transform: translateY(-20px); transition: all 0.3s;}
.promotional_video .top_video:hover .top_video_thum .thum img {transform: scale(1.1); transition: all 0.5s;}
.promotional_video .video_list {display: flex; flex-wrap: wrap;}
.promotional_video .video_list .box {flex: 0 1 calc(50% - 40px);  margin: 0 40px 90px;}
.promotional_video .video_list .box:nth-child(odd) {margin-left: 0;}
.promotional_video .video_list .box:nth-child(even) {margin-right: 0;}
.promotional_video .video_list .box:nth-last-child(-n+2) {margin-bottom: 0;}
.promotional_video .video_list .box .thum {position: relative;}
.promotional_video .video_list .box .thum .image {display: flex; overflow: hidden;}
.promotional_video .video_list .box .thum .image img {width: 100%; max-width: 690px;}
.promotional_video .video_list .box .thum .plus {width: 86px; height: 86px; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 20px rgb(0 0 0 / 12%); position: absolute; bottom: -38px; right: 22px; transition: all 0.3s;}
.promotional_video .video_list .box .thum .plus img {width: 100%; max-width: 23px;}
.promotional_video .video_list .box .txt {padding: 40px 30px 0;}
.promotional_video .video_list .box .txt .f30 {font-weight: 700; transition: all 0.3s;}
.promotional_video .video_list .box .txt .f16 {color:#999; margin-top: 8px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 50px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.promotional_video .video_list .box:hover .thum .image img {transform: scale(1.1); transition: all 0.5s;}
.promotional_video .video_list .box:hover .thum .plus {transform: translateX(10px); transition: all 0.3s;}
.promotional_video .video_list .box:hover .txt .f30 {color: #3c9cde; transition: all 0.2s;}
.promotional_video .video_list .box:hover .txt .f16 {color:#555; transition: all 0.2s;}


/** COMMUNITY - 설치사례 **/
.installation .sec2 {background: url('../images/installation_bg.jpg') no-repeat center / cover; margin-top: 80px; padding: 200px 0 200px;}
.installation .sec2 .text .f24 {color:#fff; font-weight: 400; margin-bottom: 10px;}
.installation .sec2 .text .f24 .icon {vertical-align: middle;}
.installation .sec2 .text .f24 .icon img {width: 10px; margin: 0 5px;}
.installation .sec2 .text .f56 {color:#fff;}
.installation .sec2 .text .f56 span {display: block; letter-spacing: -1px;}
.installation .sec2 .text .f56 span.second {font-weight: 800; margin-top: 70px; margin-bottom: 50px;}
.installation .sec2 .text .f56 strong {font-size: 170px; font-weight: 700;     vertical-align: sub; letter-spacing: -3px; margin-right: 6px;}


/** INQUIRY - 문의하기 **/
.inquiry .inquiry_wrap .inquiryform .row {display: flex;}
.inquiry .inquiry_wrap .inquiryform .row .group {padding-right: 30px; width: 50%; display: flex;}
.inquiry .inquiry_wrap .inquiryform .row .group:last-child {padding-right: 0;}
.inquiry .inquiry_wrap .inquiryform .row .group1 .item {width: 50%; padding-right: 30px; }
.inquiry .inquiry_wrap .inquiryform .row .group1 .item:last-child {padding-right: 0;}
.inquiry .inquiry_wrap .inquiryform .row .item:last-child {padding-right: 0;}
.inquiry .inquiry_wrap .inquiryform .item {width: 100%;}
.inquiry .inquiry_wrap .inquiryform .mg_bt {margin-bottom: 60px;}
.inquiry .inquiry_wrap .inquiryform .mt40 {margin-bottom: 40px;}
.inquiry .inquiry_wrap .inquiryform .item .f20 {margin-bottom: 8px; font-weight: 600; color:#000;}
.inquiry .inquiry_wrap .inquiryform .item .f20 span {color:#3c9cde;}
.inquiry .inquiry_wrap .inquiryform .item select {background: url('../images/select_arrow2_x3.png') transparent no-repeat right 25px center / 18px 10px;}
.inquiry .inquiry_wrap .inquiryform .item .radio_box label {margin-right: 90px;}
.inquiry .inquiry_wrap .inquiryform .item .radio_box .f20 {margin-left: 12px;}
.inquiry .inquiry_wrap .inquiryform .item input {font-size: 18px; width: 100%;}
.inquiry .inquiry_wrap .inquiryform .item input[type=radio] {width: 30px; height: 30px;}
.inquiry .inquiry_wrap .inquiryform .item select {width: 100%; font-size: 18px; color:#888; border-radius: 10px;}
.inquiry .inquiry_wrap .inquiryform .item .email_wrap {display: flex; align-items: center;}
.inquiry .inquiry_wrap .inquiryform .item .email_wrap input {width: 47%;}
.inquiry .inquiry_wrap .inquiryform .item .email_wrap select {width: 47%; color:#888;}
.inquiry .inquiry_wrap .inquiryform .item .email_wrap .f18 {width:6%; text-align: center; color:#888;}
.inquiry .inquiry_wrap .inquiryform .item .bt_agree {display: flex; justify-content: space-between; align-items: center;}
.inquiry .inquiry_wrap .inquiryform .item .check_wrap {display: flex; ;}
.inquiry .inquiry_wrap .inquiryform .item .check_box {margin-right: 70px} 
.inquiry .inquiry_wrap .inquiryform .item button {background-color: #fff;border-radius: 50px;  width: 262px;  height: 78px; display: flex; justify-content: center; align-items: center; transition: all 0.2s; color: #3293d5; font-weight: 700; margin: 0 auto; border: 3px solid #3c9cde; margin-top: 70px;}
.inquiry .inquiry_wrap .inquiryform .item button .f20 {color:#3293d5; font-weight: 500;}
.inquiry .inquiry_wrap .inquiryform .item button:hover {background-color: #3c9cde; color:#fff; transition: all 0.3s; box-shadow: 0px 4px 16px rgb(19 97 150 / 35%);}
.inquiry .inquiry_wrap .inquiryform .item button:hover .f20 {color:#fff;}
.inquiry .inquiry_wrap .inquiryform .item .filebox {display: flex;}
.inquiry .inquiry_wrap .inquiryform .item .filebox .upload-name {display: inline-block; vertical-align: middle; border: 1px solid #dddddd; width: calc(100% - 260px); font-size: 16px; font-weight: 400; letter-spacing: -0.5px; color:#333; background: #fafafa;}
.inquiry .inquiry_wrap .inquiryform .item .filebox .btn {display: flex;}
.inquiry .inquiry_wrap .inquiryform .item .filebox label {display: flex; align-items: center; justify-content: center; padding: 10px 20px; color: #fff; vertical-align: middle; background: #111; cursor: pointer; height: 60px; width: 120px; margin-left: 10px; border-radius: 10px; font-weight: 700;}
.inquiry .inquiry_wrap .inquiryform .item .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.inquiry .inquiry_wrap .inquiryform .item .filebox label.delete {background: #fff; border: 1px solid #111; color:#111; }
.inquiry .inquiry_wrap .inquiryform .item .box {border: 1px solid #e6e6e6; font-size: 16px; font-weight: 400; line-height: 35px; font-weight: 500; height: 200px; border-radius: 10px; padding: 25px 30px 35px; color:#333; letter-spacing: -0.5px; overflow-y: auto;}
.inquiry .inquiry_wrap .inquiryform .item .box::-webkit-scrollbar {width: 4px;  /* 스크롤바의 너비 */}
.inquiry .inquiry_wrap .inquiryform .item .box::-webkit-scrollbar-thumb {width: 30%; /* 스크롤바의 길이 */ background: #666; /* 스크롤바의 색상 */border-radius: 10px;}
.inquiry .inquiry_wrap .inquiryform .item .box::-webkit-scrollbar-track {background:transparent;  /*스크롤바 뒷 배경 색상*/ }



.inquiry .inquiry_wrap .inquiryform .item .box > ul > li{display:block; font-weight:400; color:#888; line-height:1.5em; margin-bottom:15px;}
.inquiry .inquiry_wrap .inquiryform .item .box > ul > li b{display:block; margin-bottom:7px; color:#555;}
.inquiry .inquiry_wrap .inquiryform .item .box > li{position:relative; line-height:1.7; padding-left:13px; margin-bottom:4 px;}
.inquiry .inquiry_wrap .inquiryform .item .box > li:before{content:""; position:absolute; left:0; top:10px; width:5px; height:1px; margin-right:5px; background:#888;}

.inquiry .agree_wrap ul {display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.inquiry .agree_wrap ul:nth-child(2) {margin-bottom: 0;}
.inquiry .agree_wrap ul li:nth-child(2) {display: flex;}
.inquiry .agree_wrap ul li .form_radio_btn:nth-child(2) {margin-left: 60px;}
.inquiry .agree_wrap ul li .form_radio_btn .f18 {padding-left: 18px; cursor: pointer;}









@media (max-width: 1750px) {
    .headerContainer, .headerContainer .right_menu, .headerContainer header .logo {height: 110px;}
    .headerContainer .right_menu .utility, .headerContainer .right_menu .scroll_down.basic, .headerContainer .right_menu .scroll_down.topup {display: none !important;}
    .sub_top_visual .top_img .inner {height: 28vw;}
}


@media (max-width: 1600px) {
    .sec {padding: 110px 0 140px;}
    .sub_top_visual .f70 {margin-top: 20px;}
    .sub_top_visual .top_img {margin-top: 50px;}
    .management .sec2 .box_wrap .img_box {width: 360px; height: 360px;}
    .management .sec2 .box_wrap .box {padding: 50px 40px;}
    .management .sec2 .box_wrap .box .f18 span {display: inline;}
    .procurement .box .question {font-size: 140px; width: 250px; top: -30px;}
    .procurement .box .txt_box .f22 span {margin-bottom: 4px;}
    .procurement .sec5 .step_wrap .ic_box {margin-right: 15px;}
    .procurement .sec5 .step_wrap .ic_box .arrow {padding-left: 1.5vw;}
    .installation .sec2 .text {margin-left: 8vw;}
    .installation .sec2 .text .f56 span.second {margin-top: 50px; margin-bottom: 40px;}
    .installation .sec2 .text .f56 strong {font-size: 130px;}
    .awards .list_wrap .box {flex: 0 1 calc(25% - 130px); margin: 0 86px 50px;}
    .pedestrian_safety .product_title .f52 {line-height: 62px;}
    .pedestrian_safety .icon_box2 .box {padding: 50px 30px 40px;}
    .pedestrian_safety .product_list .item .text ul li {font-size: 16px; padding-right: 10px; margin-right: 10px;}
    .pedestrian_safety .tab_con .right .image {height: auto;}
    .pedestrian_safety .tab_con2 .box {padding: 40px;}
    .pedestrian_safety .tab_con2 .right .image img {max-width: 300px;}
    .pedestrian_safety .tab_con3 .box .f46 {margin-right: 40px;}
    .product .product_title .f52 {line-height: 62px;}
    .product .icon_box2 .box {padding: 50px 30px 40px;}
    .product .product_list .item .text ul li {font-size: 16px; padding-right: 10px; margin-right: 10px;}
    .product .tab_con .right .image {height: auto;}
    .product .tab_con2 .box {padding: 40px;}
    .product .tab_con2 .right .image img {max-width: 300px;}
    .product .tab_con3 .box .f46 {margin-right: 40px;}
    .crosswalk .sec4 .sub_title {margin-bottom: 50px;}

}


@media (max-width: 1440px) { 
    .headerContainer, .headerContainer .right_menu, .headerContainer header .logo {height: 90px;}
    .container {margin: 90px 0 0;}
    .sub_top {padding-top: 90px;}
    .management .sec2 .box_wrap .img_box {width: 300px; height: 300px;}
    .management .sec2 .img_box .inner .logo {margin-bottom: 10px;}
    .management .sec2 .img_box .inner .f30 {font-size: 26px; line-height: 34px;}
    .management .sec2 .box_wrap .box .txt {width: calc(86% - 80px);}
    .management .sec3 .icon_box {flex-wrap: wrap; justify-content: center; margin: 0 10vw;}
    .management .sec3 .icon_box .box {flex: 1 1 calc(33.3% - 20px); width:  calc(33.3% - 12px); max-width: 265px; margin: 0 10px;}
    .history .history_wrap {padding-top: 0;}
    .history .history_wrap .box ul li .f18 {margin-top: 1px;}
    .company .box_wrap .box {margin: 0 5px;}
    .company .box_wrap .box .f18 {font-size: 16px; line-height: 26px;}
    .company .sec3 .map_wrap {padding-bottom: 85px;}
    .company .sec3 .map_wrap iframe {height: 500px;}
    .company .sec3 .info_box {padding: 35px 0 40px 35px;}
    .pedestrian_safety .point_box .icon_box {padding: 0 50px;}
    .pedestrian_safety .sec3 .tb_txt li .f60 {top: -4px;}
    .pedestrian_safety .sec3 .tb_txt li:nth-child(even) .in {padding-left: 30px;}
    .pedestrian_safety .sec3 .tb_txt li .icon {margin: 0 30px 0 20px;}
    .pedestrian_safety .product_list .item .text ul {flex-flow: column;}
    .pedestrian_safety .product_list .item .text ul li {font-size: 16px; line-height: 24px; padding-right: 0; margin-right: 0; border-right: 0;}
    .pedestrian_safety .tab_con .box .txt ul li {font-size: 16px; line-height: 26px;}
    .pedestrian_safety .tab_con .left .bottom .icon_box {padding: 30px 10px;}
    .pedestrian_safety .tab_con .left .bottom .icon_box .f18 {font-size: 16px; line-height: 26px;}
    .pedestrian_safety .tab_con .right {height: 100%;}
    .pedestrian_safety .tab_con .right .image {height: 100%;}
    .pedestrian_safety .tab_con .right .image img {width: auto; height: 100%;}
    .pedestrian_safety .tc_bt_img .image {margin: 0 10px;}
    .product .point_box .icon_box {padding: 0 50px;}
    .product .sec3 .tb_txt li .f60 {top: -4px;}
    .product .sec3 .tb_txt li:nth-child(even) .in {padding-left: 30px;}
    .product .sec3 .tb_txt li .icon {margin: 0 30px 0 20px;}
    .product .product_list {gap: 40px;}
    .product .product_list .item {flex: 0 1 calc(33.3% - 27px);}
    .product .product_list .item .text ul {flex-flow: column;}
    .product .product_list .item .text ul li {font-size: 16px; line-height: 24px; padding-right: 0; margin-right: 0; border-right: 0;}
    .product .tab_con .box .txt ul li {font-size: 16px; line-height: 26px;}
    .product .tab_con .left .bottom .icon_box {padding: 30px 10px;}
    .product .tab_con .left .bottom .icon_box .f18 {font-size: 16px; line-height: 26px;}
    .product .tab_con .right {height: 100%;}
    .product .tab_con .right .image {height: 100%;}
    .product .tab_con .right .image img {width: auto; height: 100%;}
    .product .tc_bt_img .image {margin: 0 10px;}
    .product .image_box .box .f24 {margin-top: 20px;}
    .product .quote .quotation_mark img {max-width: 30px;}
    .product .quote {margin-top: 80px;}
    .product .quote .f22 {margin: 20px 30px 0;}
    .crosswalk .crosswalk_slide {max-width: 360px;}
    .crosswalk .sec4 .sub_title {margin-bottom: 40px;}
    .product .image_box .box .f18 {margin-top: 10px;}
    .crosswalk .num_text_wrap .image {margin-right: 30px;}
    .crosswalk .num_text_wrap ul {margin-left: 30px;}
    .crosswalk .num_text_wrap ul li .num {width: 40px; height: 40px;}
    .crosswalk .num_text_wrap ul li .f24 {margin-top: 2px; margin-left: 15px; line-height: 34px;}
    .traffic_light .sec5 .number_img2 {gap: 20px;}
    .traffic_light .sec5 .number_img2 .box {padding: 20px 15px 35px;}
    .procurement .ic_title .icon {margin-bottom: 8px;}
    .procurement .ic_title .icon img {max-width: 70px;}
    .procurement .box .question {font-size: 100px; width: 180px; top: -20px;}
    .procurement .box .txt_box .f22 span {display: inline;}
    .procurement .box .txt_box .f46 {margin-bottom: 25px;}
    .procurement .sec3 .inner .txt .f14 {margin-bottom: 20px;}
    .procurement .sec3 .inner .txt .f20 {margin: 6px 0 15px;}
    .procurement .sec5 .step_wrap .ic_box .con {padding: 30px 25px 25px; width: 126px;}
    .procurement .sec5 .step_wrap .ic_box .con .icon {width: 80px; height: 80px;}
    .procurement .sec5 .tb_txt li .f60 {top: -4px;}
    .procurement .sec5 .tb_txt li:nth-child(even) .in {padding-left: 30px;}
    .procurement .sec5 .tb_txt li .icon {margin: 0 30px 0 20px;}
    .procurement .sec6 table tr td ul li ul {padding: 4px 0 2px;}
    .procurement .sec6 table tr td ul li ul li {margin-bottom: 4px;}
    .procurement .sec6 table tr td ul li::before {top: 10px;}
    .procurement .sec6 table tr td ul li ul li::before {top: 9px;}
    .news_list .list_wrap ul li .list_box {padding: 30px 25px;}
    .news_list .list_wrap ul li .list_box .thum img {max-width: 400px;}
    .news_list .list_wrap ul li .list_box .list_txt {padding: 10px 40px; width: calc(100% - 400px);}
    .news_list .list_wrap ul li .list_box .list_txt .date {margin-top: 30px;}
    .news_list .list_wrap ul li .list_box .list_txt .con .title {margin: 8px 0;}
    .news_detail .list_view_title {padding: 30px 0;}
    .news_detail .list_view_title .f16 {margin-bottom: 10px;}
    .news_detail .list_view_title .f15 {margin-top: 15px;}
    .news_detail .list_view_wrap {padding: 60px 100px;}
    .promotional_video .top_video .top_video_thum .thum img {max-width: 800px;}
    .promotional_video .top_video .txt {padding-right: 40px;}
    .promotional_video .sec2 {padding: 100px 0 120px;}
    .promotional_video .video_list .box {flex: 0 1 calc(50% - 20px); margin: 0 20px 70px;}
    .promotional_video .video_list .box .txt {padding: 30px 0 0;}
    .installation .sec2 .text .f56 strong {font-size: 110px;}
    .awards .award_history_top {margin-top: 0;}
    .awards .award_history_top .box {margin: 0 10px;}
    .awards .list_wrap .box {flex: 0 1 calc(25% - 100px); margin: 0 66px 50px;}
}



@media (max-width: 1199px) { 
    .headerContainer, .headerContainer .right_menu, .headerContainer header .logo {height: 70px;}
    .container {margin: 70px 0 0;}
    .sub_top_visual .f70 {margin-top: 15px;}
    .management .sec2 .box_wrap .img_box {width: 240px; height: 240px;}
    .management .sec2 .img_box .inner .logo img {max-width: 62px;}
    .management .sec2 .img_box .inner .f30 {font-size: 20px; line-height: 28px;}
    .management .sec2 .box_wrap .box {padding: 40px 30px;}
    .management .sec2 .box_wrap .box .txt {width: calc(86% - 50px);}
    .management .sec2 .box_wrap .box .f28 {margin-bottom: 10px;}
    .management .sec2 .box_wrap .box .f18 {font-size: 16px; line-height: 24px;}
    .management .sec3 .icon_box {margin: 0;}
    .pedestrian_safety .bt_img {margin-top: 50px;}
    .pedestrian_safety .product_title .f52 {line-height: 45px;}
    .pedestrian_safety .sec3 .tb_txt {margin-top: 40px;}
    .pedestrian_safety .sec3 .tb_txt li {padding: 28px 0;}
    .pedestrian_safety .sec3 .tb_txt li .txt .f24 {margin-bottom: 6px;}
    .pedestrian_safety .sec3 .tb_txt li .txt .f20 {line-height: 26px;}
    .pedestrian_safety .sec3 .tb_txt li .txt .f20 span {display: inline;}
    .pedestrian_safety .ps_arrow {margin: 40px 0;}
    .pedestrian_safety .info_graphic .box1, .pedestrian_safety .info_graphic .box3 {padding: 60px 80px 60px 0;}
    .pedestrian_safety .info_graphic .box2, .pedestrian_safety .info_graphic .box4 {padding: 60px 0 60px 80px;}
    .pedestrian_safety .product_list .item {margin: 0 8px;}
    .pedestrian_safety .product_list .item .img {padding: 60px 40px;}
    .pedestrian_safety .product_list .item .text ul li {font-size: 14px; line-height: 22px;}
    .pedestrian_safety .product_list .item .text {padding: 14px 0 0;}
    .pedestrian_safety .tab_con .box {padding: 40px;}
    .pedestrian_safety .tc_bt_img {margin-top: 40px;}
    .pedestrian_safety .tc_bt_img .image {margin: 0 8px;}
    .product .bt_img {margin-top: 50px;}
    .product .product_title .f52 {line-height: 45px;}
    .product .sec3 .tb_txt {margin-top: 40px;}
    .product .sec3 .tb_txt li {padding: 28px 0;}
    .product .sec3 .tb_txt li .txt .f24 {margin-bottom: 6px;}
    .product .sec3 .tb_txt li .txt .f20 {line-height: 26px;}
    .product .sec3 .tb_txt li .txt .f20 span {display: inline;}
    .product .ps_arrow {margin: 40px 0;}
    .product .info_graphic .box1, .product .info_graphic .box3 {padding: 60px 80px 60px 0;}
    .product .info_graphic .box2, .product .info_graphic .box4 {padding: 60px 0 60px 80px;}
    .product .product_list .item .text ul li {font-size: 14px; line-height: 22px;}
    .product .product_list .item .text {padding: 14px 0 0;}
    .product .tab_con .box {padding: 40px;}
    .product .tc_bt_img {margin-top: 40px;}
    .product .tc_bt_img .image {margin: 0 8px;}
    .product .image_box .box {padding: 0; margin: 0 10px;}
    .product .image_box .box .image {border-radius: 20px;}
    .product .quote .quotation_mark img {max-width: 25px;}
    .crosswalk .crosswalk_slide {max-width: 100%;}
    .crosswalk .crosswalk_slide .text .f20 {line-height: 28px;}
    .crosswalk .crosswalk_slide .text .f18 {margin-top: 10px;}
    .crosswalk .sec4 .point_box {margin-top: 40px;}
    .product .image_box .box .f18 {margin-top: 6px;}
    .product .image_box .box .f18 span {display: inline;}
    .product .product_title .f52 span strong {font-size: 24px;}
    .product .product_list {gap: 20px;}
    .product .product_list .item {flex: 0 1 calc(33.3% - 14px);}
    .traffic_light .number_img .box {height: 400px; margin: 0 18px;}
    .traffic_light .number_img .box .f70 {top: 22px; right: 35px;}
    .traffic_light .sec5 .number_img2 {gap: 12px;}
    .traffic_light .sec5 .number_img2 .box .f24 {font-size: 20px; line-height: 28px;}
    .traffic_light .sec5 .number_img2 .box .f70 {margin-bottom: 10px;}
    .procurement .box {margin-bottom: 100px;}
    .procurement .box .txt_box .f46 {margin-bottom: 15px;}
    .procurement .sec3 .inner .image img {max-width: 250px;}
    .procurement .sec3 .btn {margin-top: 25px;}
    .procurement .sec5 .step_wrap {flex-flow: wrap; justify-content: center;}
    .procurement .sec5 .step_wrap .ic_box {flex: 0 1 20%; margin-bottom: 30px;}
    .procurement .sec5 .step_wrap .ic_box .arrow {padding-left: 3vw;}
    .procurement .sec5 .step_wrap .ic_box .con {width: 140px; padding: 20px 10px;}
    .procurement .sec5 .step_wrap .ic_box .con .f16 {margin-top: 10px;}
    .procurement .sec5 .tb_txt {margin-top: 40px;}
    .procurement .sec5 .tb_txt li {padding: 28px 0;}
    .procurement .sec5 .tb_txt li .txt .f24 {margin-bottom: 6px;}
    .procurement .sec5 .tb_txt li .txt .f20 {line-height: 26px;}
    .procurement .sec5 .tb_txt li .txt .f20 span {display: inline;}
    .procurement .sec6 table {margin-top: 40px;}
    .procurement .sec6 table tr td {padding: 20px 20px;}
    .news_detail .sec2 {padding-top: 50px;}
    .news_detail .bt_view_btn {padding: 0 20px; margin: 40px 0 70px;}
    .news_detail .bt_view_btn .move .txt {margin: 0 30px;}
    .news_detail .bt_view_btn .move .txt .f19 {margin-bottom: 10px;}
    .news_detail .bt_view_btn .move .txt .f24 {height: 65px;}
    .news_detail .bt_view_btn .line {height: 100px;}
    .news_detail .list_btn {height: 60px;}
    .news_detail .list_view_wrap {padding: 60px 50px;}
    .news_detail .list_view_wrap .text .f18 {line-height: 32px;}
    .promotional_video .top_video .top_video_thum .thum img {max-width: 700px;}
    .promotional_video .top_video .txt .f20 {margin: 30px 0 40px;}
    .promotional_video .video_list .box .thum .plus {width: 70px; height: 70px; bottom: -34px;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox label {height: 54px;}
    .inquiry .inquiry_wrap .inquiryform .item button {height: 60px;}
    .inquiry .inquiry_wrap .inquiryform .row {flex-flow: column; margin-bottom: 40px;}
    .inquiry .inquiry_wrap .inquiryform .row .group {width: 100%; padding-right: 0;}
    .inquiry .inquiry_wrap .inquiryform .row .group:nth-child(1) {margin-bottom: 40px;}
    .company .box_wrap {flex-wrap: wrap;}
    .company .box_wrap .box {flex: 1 1 calc(50% - 5px); margin-bottom: 10px; height: auto; padding: 30px 0;}
    .company .box_wrap .box:nth-child(odd) {margin-left: 0;}
    .company .box_wrap .box:nth-child(even) {margin-right: 0;}
    .company .box_wrap .box .f28 {margin: 15px 0 2px;}
    .modal_popup .inner .md_con {max-width: 800px;}
    .company .sec3 .info_txt {margin-bottom: 20px;}
    .company .sec3 .info_txt li {font-size: 16px; line-height: 26px;}
    .awards .list_wrap .box {flex: 0 1 calc(25% - 70px); margin: 0 46px 50px;}

}


@media (max-width: 1024px) { 
    .sec {padding: 80px 0 100px;}
    .sub_title {margin-bottom: 30px;}
    .sub_title .f20 {margin-bottom: 8px;}
    .sub_top_visual .f70 {margin-top: 10px;}
    .sub_top_visual .sub_navi li {padding-right: 24px}
    .sub_top_visual .sub_navi li::after {right: 10px; width: 3px; height: 3px;}
    .product .tab li {line-height: 20px;}
    .management .sec2 .box_wrap {flex-wrap: nowrap; flex-flow: column;}
    .management .sec2 .box_wrap .box {padding: 30px 30px; margin: 0 0 10px; flex: 1 1 100%; order: 2; border-radius: 20px;}
    .management .sec2 .box_wrap .box:nth-child(even) {justify-content: flex-start;}
    .management .sec2 .box_wrap .box .num {width: 50px; text-align: left; font-size: 34px; margin-right: 20px; text-align: left;}
    .management .sec2 .box_wrap .box:nth-child(odd) .num {}
    .management .sec2 .box_wrap .box:nth-child(even) .num {order: 1; text-align: left;}
    .management .sec2 .box_wrap .box .txt {width: calc(100% - 70px); text-align: left;}
    .management .sec2 .box_wrap .box:nth-child(even) .txt {order: 2;}
    .management .sec2 .box_wrap .box .f28 {margin-bottom: 5px;}
    .management .sec2 .box_wrap .img_box {position: relative; width: 300px; height: 300px; top: 0; transform: translateX(-50%); order: 1; margin-bottom: 10px;}
    .management .sec3 .icon_box .box {max-width: 230px; padding: 14px;}
    .management .sec3 .icon_box .box .inner {width: 200px; height: 200px;}
    .history .history_wrap .box {margin-bottom: 60px;}
    .history .history_wrap .box .line {margin: 15px 0 32px;}
    .pedestrian_safety .bt_img {margin-top: 40px;}
    .pedestrian_safety .product_title {margin-bottom: 50px;}
    .pedestrian_safety .product_title .f52 {line-height: 40px; margin-top: 16px;}
    .pedestrian_safety .point_box .icon_box {padding: 0 30px;}
    .pedestrian_safety .sec3 .tb_txt li {padding: 22px 0 20px;}
    .pedestrian_safety .sec3.tb_txt li .in {padding: 0 20px;}
    .pedestrian_safety .sec3 .tb_txt li:nth-child(even) .in {padding-left: 20px;}
    .pedestrian_safety .point_box .icon_box .icon {width: 70px; height: 70px;}
    .pedestrian_safety .point_box .icon_box .icon img {width: 100%; width: 40px;}
    .pedestrian_safety .point_box .icon_box .txt {margin-left: 25px;}
    .pedestrian_safety .icon_box2 .box {padding: 50px 25px 30px;}
    .pedestrian_safety .icon_box2 .title_ic .f24 {margin-top: 10px;}
    .pedestrian_safety .product_list .item .img {padding: 50px 30px;}
    .pedestrian_safety .video_wrap .play_btn img {max-width: 90px;}
    .pedestrian_safety .video_wrap .logo img {max-width: 100px;}
    .pedestrian_safety .video_wrap .video img {border-top-left-radius: 40px; border-bottom-right-radius: 40px;}
    .pedestrian_safety .tab_con2 .box .f30 {width: 90px;}
    .pedestrian_safety .tab_con .box .txt ul li {margin-bottom: 8px;}
    .pedestrian_safety .tab_con .box {padding: 30px 40px;}
    .pedestrian_safety .tab_con2 .right .image img {max-width: 250px;}
    .pedestrian_safety .tab_con3 .box .f46 {margin-right: 20px; width: 30px;}
    .product .bt_img {margin-top: 40px;}
    .product .product_title {margin-bottom: 50px;}
    .product .product_title .f52 {line-height: 40px; margin-top: 16px;}
    .product .product_title .f22 {margin-top: 18px;}
    .product .product_title .f22 span {display: inline;}
    .product .point_box .icon_box {padding: 0 30px;}
    .product .sec3 .tb_txt li {padding: 22px 0 20px;}
    .product .sec3.tb_txt li .in {padding: 0 20px;}
    .product .sec3 .tb_txt li:nth-child(even) .in {padding-left: 20px;}
    .product .point_box .icon_box .icon {width: 70px; height: 70px;}
    .product .point_box .icon_box .icon img {width: 100%; width: 40px;}
    .product .point_box .icon_box .txt {margin-left: 25px;}
    .product .icon_box2 .box {padding: 50px 25px 30px;}
    .product .icon_box2 .title_ic .f24 {margin-top: 10px;}
    .product .video_wrap .play_btn img {max-width: 90px;}
    .product .video_wrap .logo img {max-width: 100px;}
    .product .video_wrap .video img {border-top-left-radius: 40px; border-bottom-right-radius: 40px;}
    .product .tab_con2 .box .f30 {width: 90px;}
    .product .tab_con .box .txt ul li {margin-bottom: 8px;}
    .product .tab_con .box {padding: 30px 40px;}
    .product .tab_con2 .right .image img {max-width: 250px;}
    .product .tab_con3 .box .f46 {margin-right: 20px; width: 30px;}
    .product .image_box .box {padding: 0;}
    .product .quote {margin-top: 60px;}
    .product .quote .f22 {margin: 12px 25px 0;}
    .product .quote .f22 span {margin-bottom: 2px;}
    .product .quote .quotation_mark img {max-width: 20px;}
    .product .sec_img {border-radius: 20px;}
    .crosswalk .crosswalk_swiper_wrap {margin-top: 30px;}
    .crosswalk .crosswalk_slide .image {border-radius: 15px;}
    .crosswalk .crosswalk_slide .text {margin-top: 12px;}
    .crosswalk .crosswalk_slide .text .f20 {font-size: 16px; line-height: 24px;}
    .crosswalk .crosswalk_slide .text .f18 {margin-top: 4px;}
    .crosswalk .sec4 .sub_title {margin-bottom: 30px;}
    .crosswalk .num_text_wrap .image {margin-right: 20px; border-radius: 20px;}
    .crosswalk .num_text_wrap ul {margin-left: 20px;}
    .crosswalk .num_text_wrap ul li {margin-bottom: 25px;}
    .crosswalk .num_text_wrap ul li .num {width: 30px; height: 30px; font-size: 16px; line-height: 24px;}
    .crosswalk .num_text_wrap ul li .f24 {margin-left: 10px; line-height: 26px;}
    .product .product_title .f52 span strong {font-size: 20px;}
    .traffic_light .number_img {margin-top: 30px;}
    .traffic_light .number_img .box {height: 320px; margin: 0 10px;}
    .traffic_light .number_img .box .image img {width: 100%; max-width: 320px;}
    .traffic_light .number_img .box .f70 {top: 14px; right: 22px;}
    .traffic_light .sec5 .number_img2 .box {padding: 15px 15px 25px;}
    .traffic_light .sec5 .number_img2 .box .f24 {font-size: 18px; line-height: 26px;}
    .procurement .box {margin-bottom: 80px;}
    .procurement .box .question {font-size: 80px; width: 150px; top: -15px;}
    .procurement .box .txt_box .image {margin-top: 25px;}
    .procurement .sec3 {padding-bottom: 60px !important;}
    .procurement .sec3 .inner .txt {padding-left: 70px;}
    .procurement .sec3 .inner .image img {max-width: 200px;}
    .procurement .sec4 .txt_box {padding: 50px 50px;}
    .procurement .sec4 .txt_box .txt .f18 span {display: inline;}
    .procurement .sec5 .step_wrap {margin-top: 50px;}
    .procurement .sec5 .tb_txt li {padding: 22px 0 20px;}
    .procurement .sec5 .tb_txt li .in {padding: 0 20px;}
    .procurement .sec5 .tb_txt li:nth-child(even) .in {padding-left: 20px;}
    .procurement .sec6 table {margin-top: 40px;}
    .procurement .sec6 table tr td {padding: 15px 10px;}
    .procurement .sec6 table tr td ul li ul li {font-size: 15px; line-height: 23px;}
    .news_list .list_wrap {margin-top: 50px;}
    .news_list .list_wrap ul li .list_box .list_txt .cate {max-width: 120px; height: 26px; font-size: 14px; height: 24px;}
    .news_list .list_wrap ul li .list_box .list_txt .con .txt {height: 72px;}
    .news_list .list_wrap ul li .list_box .list_txt .con .title {margin: 14px 0 4px;}
    .news_list .list_wrap ul li .list_box .thum img {max-width: 300px;}
    .news_list .list_wrap ul li .list_box .list_txt {width: calc(100% - 300px); padding: 0 0 0 30px;}
    .news_list .list_wrap ul li .list_box .list_txt .con .title {margin: 14px 0 2px;}
    .news_list .list_wrap ul li .list_box .list_txt .date {margin-top: 20px;}
    .news_detail .bt_view_btn .move .txt .f24 {height: 55px;}
    .news_detail .bt_view_btn .line {height: 80px;}
    .news_detail .list_view_wrap {padding: 40px 30px;}
    .news_detail .list_view_wrap .text .f18 {line-height: 28px;     margin-bottom: 30px;}
    .news_detail .list_view_wrap .image100 {margin-bottom: 40px;}
    .news_detail .list_view_title {padding: 20px 0;}
    .news_detail .list_view_title .f16 {margin-bottom: 6px;}
    .news_detail .list_view_title .f15 {margin-top: 10px;}
    .promotional_video .sec2 {padding: 80px 0 90px;}
    .promotional_video .top_video .top_video_thum .thum img {max-width: 550px;}
    .promotional_video .top_video .txt .f20 {margin: 20px 0 30px;}
    .promotional_video .top_video:hover .top_video_thum .play_btn img {transform: translateY(-10px);}
    .promotional_video .video_list .box {margin: 0 20px 50px;}
    .promotional_video .video_list .box .txt {padding: 20px 0 0;}
    .promotional_video .video_list .box .txt .f16 {margin-top: 6px;}
    .promotional_video .video_list .box .thum .plus {width: 60px; height: 60px; bottom: -30px;}
    .installation .sec2 .text {margin-left: 0;}
    .installation .sec2 .text .f56 span.second {margin-top: 40px; margin-bottom: 30px;}
    .installation .sec2 .text .f56 strong {font-size: 90px;}
    .inquiry .inquiry_wrap .inquiryform .item input, .inquiry .inquiry_wrap .inquiryform .item select {font-size: 16px;}

    .inquiry .agree_wrap ul li .form_radio_btn:nth-child(2) {margin-left: 30px;}
    .inquiry .agree_wrap ul li .form_radio_btn .f18 {padding-left: 8px;}
    .company .sec3 .map_wrap {flex-flow: column; margin-bottom: 0;}
    .company .sec3 .map_wrap iframe {height: 400px;}
    .company .sec3 .info_box {position: static; width: 100%;}
    .awards .list_wrap .box {flex: 0 1 calc(25% - 15px); margin: 0 10px 40px;}
    .modal_popup .inner .md_con .close {right: 0; top: -45px;}
    .modal_popup .inner .md_con .close img {max-width: 30px;}
}


@media (max-width: 959px) { 
    .management .sec3 .icon_box .box {max-width: 220px;}
    .management .sec3 .icon_box .box .inner {width: 190px; height: 190px;}
    .pedestrian_safety .icon_box2 {flex-flow: column;}
    .pedestrian_safety .icon_box2 .box {padding: 30px 25px; display: flex; align-items: center; margin: 0 0 10px; box-shadow: 4px 4px 15px rgb(0 0 0 / 8%);}
    .pedestrian_safety .icon_box2 .num {position: static;}
    .pedestrian_safety .icon_box2 ul {margin-top: 0;}
    .pedestrian_safety .icon_box2 .title_ic {margin: 0 30px;}
    .pedestrian_safety .tab_con .box {flex-flow: column; padding: 30px;}
    .pedestrian_safety .tab_con .box .f30 {margin-right: 0; margin-bottom: 10px;}
    .pedestrian_safety .tab_con .box .txt ul li {margin-bottom: 8px;}
    .pedestrian_safety .sec3 .tb_txt {flex-flow: column;}
    .pedestrian_safety .sec3 .tb_txt li {flex: 0 1 100%;}
    .pedestrian_safety .sec3 .tb_txt li .in {border-right: 0;}
    .pedestrian_safety .info_graphic .box .txt_box .f16 span {display: inline;}
    .pedestrian_safety .info_graphic .box .num {margin-top: -5px;}
    .pedestrian_safety .info_graphic .box3 .num, .pedestrian_safety .info_graphic .box4 .num {margin-bottom: -5px;}
    .pedestrian_safety .info_graphic .graphic .bg img {width: 100%; max-width: 300px;}
    .pedestrian_safety .info_graphic .graphic .logo img {width: 100%; max-width: 90px;}
    .pedestrian_safety .info_graphic .box1, .pedestrian_safety .info_graphic .box3 {padding: 40px 40px 40px 0;}
    .pedestrian_safety .info_graphic .box2, .pedestrian_safety .info_graphic .box4 {padding: 40px 0 40px 40px;}
    .pedestrian_safety .tab_con .box {border-radius: 25px;}
    .pedestrian_safety .tab_con3 .box {flex-flow: nowrap; align-items: flex-start;}
    .pedestrian_safety .video_wrap .video #youtube-video {height: 300px;}
    .product .icon_box2 {flex-flow: column;}
    .product .icon_box2 .box {padding: 30px 25px; display: flex; align-items: center; margin: 0 0 10px; box-shadow: 4px 4px 15px rgb(0 0 0 / 8%);}
    .product .icon_box2 .num {position: static;}
    .product .icon_box2 ul {margin-top: 0;}
    .product .icon_box2 .title_ic {margin: 0 30px;}
    .product .tab_con .box {flex-flow: column; padding: 30px;}
    .product .tab_con .box .f30 {margin-right: 0; margin-bottom: 10px;}
    .product .tab_con .box .txt ul li {margin-bottom: 8px;}
    .product .sec3 .tb_txt {flex-flow: column;}
    .product .sec3 .tb_txt li {flex: 0 1 100%;}
    .product .sec3 .tb_txt li .in {border-right: 0;}
    .product .info_graphic .box .txt_box .f16 span {display: inline;}
    .product .info_graphic .box .num {margin-top: -5px;}
    .product .info_graphic .box3 .num, .product .info_graphic .box4 .num {margin-bottom: -5px;}
    .product .info_graphic .graphic .bg img {width: 100%; max-width: 300px;}
    .product .info_graphic .graphic .logo img {width: 100%; max-width: 90px;}
    .product .info_graphic .box1, .product .info_graphic .box3 {padding: 40px 40px 40px 0;}
    .product .info_graphic .box2, .product .info_graphic .box4 {padding: 40px 0 40px 40px;}
    .product .tab_con .box {border-radius: 25px;}
    .product .tab_con3 .box {flex-flow: nowrap; align-items: flex-start;}
    .product .video_wrap .video #youtube-video {height: 300px;}
    .product .image_box .box {padding: 0;}
    .crosswalk .sec4 .point_box {margin-top: 30px;}
    .traffic_light .sec5 .number_img2 .box .f24 {font-size: 16px; line-height: 24px;}
    .procurement .sec3 .inner .image img {max-width: 200px;}
    .procurement .sec4 .txt_box {padding: 40px;}
    .procurement .sec4 .txt_box .txt {margin-left: 40px;}
    .procurement .sec5 .tb_txt {flex-flow: column;}
    .procurement .sec5 .tb_txt li {flex: 0 1 100%;}
    .procurement .sec5 .tb_txt li .in {border-right: 0;}
    .news_list .list_wrap ul li .list_box .thum img {max-width: 200px;}
    .news_list .list_wrap ul li .list_box .list_txt {width: calc(100% - 200px);}
    .news_list .list_wrap ul li .list_box .list_txt .con .txt {height: 46px; -webkit-line-clamp: 2;}
    .promotional_video .top_video .top_video_thum .thum {width: 300px; height: 250px;}
    .promotional_video .top_video .top_video_thum .thum img {max-width: 500px;}
    .promotional_video .top_video .top_video_thum .play_btn img {max-width: 80px;}
    .company .sec3 .map_wrap iframe {height: 360px;}

}


@media (max-width: 767px) {
    .sub_top {padding-top: 70px;}
    .sub_top_visual .top_img {margin-top: 30px;}
    .sub_top_visual .top_img .inner {height: 200px;}
    .sub_title .f20 {margin-bottom: 4px;}
    .management .sec3 .icon_box {margin: 0 5vw;}
    .management .sec3 .icon_box .box {max-width: 220px; padding: 14px; flex: 1 1 calc(50% - 14px); width: calc(50% - 14px); margin: 0 5px;}
    .management .sec3 .icon_box .box:nth-child(odd) {margin-left: 0;}
    .management .sec3 .icon_box .box:nth-child(even) {margin-right: 0;}
    .management .sec3 .icon_box .box:nth-child(1), .management .sec3 .icon_box .box:nth-child(2) {margin-bottom: 10px;}
    .management .sec2 .box_wrap .img_box {width: 260px; height: 260px;}
    .history .history_wrap .box {flex: 0 1 calc(50% - 5px); margin-bottom: 50px;}
    .history .history_wrap .box .line {margin: 12px 0 25px;}
    .history .history_wrap .box ul {padding-right: 20px;}
    .history .history_wrap .box ul li {margin-bottom: 8px;}
    .history .history_wrap .box ul li .f19 {width: 17px;}
    .history .history_wrap .box:nth-last-child(-n+3) {margin-bottom: 60px;}
    .history .history_wrap .box:nth-last-child(-n+2) {margin-bottom: 0px;}
    .pedestrian_safety .bt_img {border-radius: 20px;}
    .pedestrian_safety .product_title {margin-bottom: 35px;}
    .pedestrian_safety .product_title .f52 {line-height: 32px; margin-top: 12px;}
    .pedestrian_safety .point_box {flex-flow: column; padding: 0 30px;}
    .pedestrian_safety .point_box .icon_box {border-right: 0; border-bottom: 1px solid #dbdbdb; padding: 30px 0;}
    .pedestrian_safety .ps_arrow {margin: 30px 0;}
    .pedestrian_safety .sec3 .tb_txt li .in {padding: 0;}
    .pedestrian_safety .sec3 .tb_txt li:nth-child(even) .in {padding-left: 0;}
    .pedestrian_safety .info_graphic .box1, .pedestrian_safety .info_graphic .box3 {padding: 30px 20px 30px 0;}
    .pedestrian_safety .info_graphic .box2, .pedestrian_safety .info_graphic .box4 {padding: 30px 0 30px 20px;}
    .pedestrian_safety .video_wrap .video img {height: 250px; object-fit: cover;}
    .pedestrian_safety .tab {}
    .pedestrian_safety .tab li {width: 33.3%; margin: 0 4px;}
    .pedestrian_safety .tab_con .box_con {flex-flow: column;}
    .pedestrian_safety .tab_con .left {width: 100%;}
    .pedestrian_safety .tab_con .right {width: 100%; margin: 15px 0 0;}
    .pedestrian_safety .tab_con .right .image {width: 100%; height: 250px;}
    .pedestrian_safety .tab_con .right .image img {width: 100%; height: auto; object-position: bottom;}
    .pedestrian_safety .tab_con2 .right .image {height: auto; justify-content: center;}
    .pedestrian_safety .tc_bt_img {margin-top: 30px;}
    .pedestrian_safety .tc_bt_img .image {margin: 0 5px;}
    .pedestrian_safety .tc_bt_img .image img {border-radius: 15px;}
    .product .bt_img {border-radius: 20px;}
    .product .product_title {margin-bottom: 35px;}
    .product .product_title .f52 {line-height: 32px; margin-top: 12px;}
    .product .product_title .f22 {font-size: 16px; line-height: 24px; margin-top: 10px;}
    .product .point_box {flex-flow: column; padding: 0 30px;}
    .product .point_box .icon_box {border-right: 0; border-bottom: 1px solid #dbdbdb; padding: 30px 0;}
    .product .ps_arrow {margin: 30px 0;}
    .product .sec3 .tb_txt li .in {padding: 0;}
    .product .sec3 .tb_txt li:nth-child(even) .in {padding-left: 0;}
    .product .info_graphic .box1, .product .info_graphic .box3 {padding: 30px 20px 30px 0;}
    .product .info_graphic .box2, .product .info_graphic .box4 {padding: 30px 0 30px 20px;}
    .product .video_wrap .video img {height: 250px; object-fit: cover;}
    .product .tab {}
    .product .tab li {width: 33.3%; margin: 0 4px;}
    .product .tab_con .box_con {flex-flow: column;}
    .product .tab_con .left {width: 100%;}
    .product .tab_con .right {width: 100%; margin: 15px 0 0;}
    .product .tab_con .right .image {width: 100%; height: 250px;}
    .product .tab_con .right .image img {width: 100%; height: auto; object-position: bottom;}
    .product .tab_con2 .right .image {height: auto; justify-content: center;}
    .product .tc_bt_img {margin-top: 30px;}
    .product .tc_bt_img .image {margin: 0 5px;}
    .product .tc_bt_img .image img {border-radius: 15px;}
    .product .image_box .box {margin: 0 5px;}
    .product .image_box .box .image {border-radius: 12px;}
    .product .image_box .box .f24 {font-size: 16px; line-height: 24px; margin-top: 12px;}
    .product .image_box .box .f18 {font-size: 15px; line-height: 23px;}
    .product .quote {margin-top: 40px;}
    .product .quote .f22 span {display: inline;}
    .crosswalk .crosswalk_swiper_wrap {flex-flow: column; margin-top: 20px;}
    .crosswalk .crosswalk_slide .text {margin-top: 10px;}
    .crosswalk .crosswalk_swiper {order:1; width: 100%;}
    .crosswalk .control_box {order:2; flex-flow: nowrap; justify-content: center; margin: 20px 0 0;}
    .crosswalk .control_box > div {margin: 0 5px;}
    .crosswalk .num_text_wrap {flex-flow: column;}
    .crosswalk .num_text_wrap .image, .crosswalk .num_text_wrap ul {margin: 0; width: 100%;}
    .crosswalk .num_text_wrap ul {margin-top: 20px;}
    .crosswalk .num_text_wrap ul li {margin-bottom: 20px;}
    .crosswalk .num_text_wrap ul li .num {font-size: 12px; line-height: 20px; width: 25px; height: 25px;}
    .crosswalk .num_text_wrap ul li .f24 {font-size: 16px; line-height: 24px;}
    .crosswalk .num_text_wrap ul li .f24 span {display: inline;}
    .product .product_title .f52 span strong {font-size: 18px;}
    .traffic_light .number_img {margin-top:20px;}
    .traffic_light .number_img .box {height: 275px;}
    .traffic_light .number_img .box .image img {max-width: 250px;}
    .traffic_light .sec3 .image_box .box_wrap .arrow {margin: 0 10px;}
    .traffic_light .sec5 .number_img2 {flex-flow: wrap; gap: 10px}
    .traffic_light .sec5 .number_img2 .box {flex: 1 1 calc(50% - 5px);}
    .procurement .ic_title .icon img {max-width: 50px;}
    .procurement .box .question {font-size: 60px; width: 110px; top: -10px; letter-spacing: -2px;}
    .procurement .sec3 .inner .txt {padding-left: 50px;}
    .procurement .ic_title .icon {margin-bottom: 4px;}
    .procurement .sec4 .txt_box {padding: 30px;}
    .procurement .sec4 .txt_box .txt {margin-left: 30px;}
    .procurement .sec5 .step_wrap .ic_box {margin-bottom: 20px;}
    .procurement .sec5 .step_wrap .ic_box .con {width: 120px;}
    .procurement .sec5 .step_wrap .ic_box .arrow {padding-left: 1.5vw;}
    .procurement .sec5 .step_wrap .ic_box {margin-right: 10px;}
    .procurement .sec5 .tb_txt li .in {padding: 0;}
    .procurement .sec5 .tb_txt li:nth-child(even) .in {padding-left: 0;}
    .news_detail .sec2 {padding-top: 40px;}
    .news_detail .bt_view_btn {padding: 0 10px;}
    .news_detail .list_view_wrap {padding: 40px 0;}
    .promotional_video .top_video .txt .f20 {margin: 14px 0 24px;}
    .promotional_video .video_list .box {margin: 0 14px 50px; flex: 0 1 calc(50% - 14px);}
    .promotional_video .video_list .box .thum .plus {width: 60px; height: 60px; bottom: -30px;}
    .promotional_video .video_list .box .thum .plus img {max-width: 18px;}
    .installation .sec2 .text .f56 span.second {margin-top: 30px; margin-bottom: 20px;}
    .installation .sec2 .text .f56 strong {font-size: 70px;}
    .inquiry .inquiry_wrap .inquiryform .item .box {padding: 15px 25px; height: 160px; line-height: 26px;}
    .inquiry .inquiry_wrap .inquiryform .item select {background: url('../images/select_arrow2_x3.png') transparent no-repeat right 20px center / 18px 10px;}
    .company .sec3 .map_wrap iframe {height: 300px;}
    .company .sec3 .info_box {padding: 25px 30px 30px;}
    .company .sec3 .info_box .txt {flex-flow: column; padding-top: 20px;}
    .company .sec3 .info_box .txt li.cate {margin-right: 0; margin-bottom: 6px;}
    .company .sec3 .info_box .logo {margin-bottom: 14px;}
    .company .sec3 .info_box .logo img {max-width: 150px;}
    .awards .tab ul li {width: 33.3%; margin-right: 8px;}
    .awards .tab ul li a {width: 100%; height: 54px;}
    .awards .list_wrap .box, .awards .list_wrap .box:nth-child(4n), .awards .list_wrap .box:nth-child(4n+1), .awards .list_wrap .box:first-child, .awards .list_wrap .box:nth-last-child(-n+4) {flex: 0 1 calc(33.3% - 14px); margin: 0 10px 40px;}
    .awards .list_wrap .box:nth-child(3n) {margin-right: 0;}
    .awards .list_wrap .box:nth-child(3n+1) {margin-left: 0;}
    .awards .list_wrap .box:first-child {margin-left: 0;}
    .awards .list_wrap .box:nth-last-child(-n+3) {margin-bottom: 0;}
    .awards .list_wrap .box .txt .f18 {font-size: 14px; line-height: 20px;}
    .modal_popup .inner .md_con .awards_pop .f26 {margin-top: 20px;}
    .company .sec3 .info_txt {flex-flow: column;}
    .company .sec3 .info_txt li.cate {margin-right: 0;}

}


@media (max-width: 640px) {
    .management .sec3 .icon_box {margin: 0;}
    .management .sec3 .icon_box .box {max-width: 200px;}
    .management .sec3 .icon_box .box .inner {width: 170px; height: 170px;}
    .management .sec3 .icon_box .box .icon {margin-bottom: 5px;}
    .management .sec3 .icon_box .box .icon img {width: 45px; height: 45px;}
    .pedestrian_safety .sec3 .tb_txt {margin-top: 30px;}
    .pedestrian_safety .sec3 .tb_txt li .icon img {max-width: 60px;}
    .pedestrian_safety .product_title {margin-bottom:30px;}
    .pedestrian_safety .icon_box2 .num {display: none;}
    .pedestrian_safety .icon_box2 .title_ic {margin: 0 30px 0 0;}
    .pedestrian_safety .icon_box2 ul li .number {width: 18px; height: 18px; margin-top: 2px;}
    .pedestrian_safety .icon_box2 .title_ic .f24 {margin-top: 6px;}
    .pedestrian_safety .info_graphic .graphic {display: none;}
    .pedestrian_safety .info_graphic .box .num {display: none;}
    .pedestrian_safety .info_graphic .txt_wrap {flex-flow: column;}
    .pedestrian_safety .info_graphic .box1, .pedestrian_safety .info_graphic .box3 {justify-content: flex-start; padding: 25px 0; border-right: 0;}
    .pedestrian_safety .info_graphic .box2, .pedestrian_safety .info_graphic .box4 {padding: 25px 0;}
    .pedestrian_safety .info_graphic .box1 {padding-top: 0;}
    .pedestrian_safety .info_graphic .box3 {border-bottom: 1px solid #e1e1e1;}
    .pedestrian_safety .info_graphic .box1 .txt_box, .pedestrian_safety .info_graphic .box3 .txt_box {text-align: left;}
    .pedestrian_safety .product_list {flex-wrap: wrap;}
    .pedestrian_safety .product_list .item {flex: 0 1 calc(50% - 8px); margin-bottom: 25px;}
    .pedestrian_safety .product_list .item:nth-child(even) {margin-right: 0;}
    .pedestrian_safety .product_list .item:nth-child(odd) {margin-left: 0;}
    .pedestrian_safety .tab {margin-bottom: 30px;}
    .product .sec3 .tb_txt {margin-top: 30px;}
    .product .sec3 .tb_txt li .icon img {max-width: 60px;}
    .product .product_title {margin-bottom:30px;}
    .product .icon_box2 .num {display: none;}
    .product .icon_box2 .title_ic {margin: 0 30px 0 0;}
    .product .icon_box2 ul li .number {width: 18px; height: 18px; margin-top: 2px;}
    .product .icon_box2 .title_ic .f24 {margin-top: 6px;}
    .product .info_graphic .graphic {display: none;}
    .product .info_graphic .box .num {display: none;}
    .product .info_graphic .txt_wrap {flex-flow: column;}
    .product .info_graphic .box1, .product .info_graphic .box3 {justify-content: flex-start; padding: 25px 0; border-right: 0;}
    .product .info_graphic .box2, .product .info_graphic .box4 {padding: 25px 0;}
    .product .info_graphic .box1 {padding-top: 0;}
    .product .info_graphic .box3 {border-bottom: 1px solid #e1e1e1;}
    .product .info_graphic .box1 .txt_box, .product .info_graphic .box3 .txt_box {text-align: left;}
    .product .product_list {flex-wrap: wrap; gap: 12px;}
    .product .product_list .item {flex: 0 1 calc(50% - 6px); margin-bottom: 20px;}
    .product .tab {margin-bottom: 30px;}
    .product .tab2 {}
    .product .tab2 li {width: 50%;}
    .product .quote .quotation_mark img {max-width: 16px;}
    .product .quote .f22 {margin: 2px 10px 0; font-size: 16px; line-height: 24px;}
    .product .sec_img {border-radius: 12px; height: 200px;}
    .product .sec_img img {width: auto; height: 100%;}
    .crosswalk .num_text_wrap ul li {margin-bottom: 20px;}
    .traffic_light .number_img {flex-flow: column;}
    .traffic_light .number_img .box {margin: 0 0 14px; height: auto; padding: 25px 30px;}
    .traffic_light .number_img .box:last-child {margin-bottom: 0;}
    .traffic_light .number_img .box .f70 {font-size: 24px; line-height: 34px;}
    .traffic_light .number_img .box .f24 {font-size: 16px; line-height: 24px;}
    .product .image_box .box .f60 {font-size: 20px; line-height: 30px;}
    .procurement .box {margin-bottom: 60px;} 
    .procurement .sec3 .inner {flex-flow: column;}
    .procurement .sec3 .inner .txt {padding-left: 0; margin-top: 30px;}
    .procurement .sec3 .inner .image img {max-width: 260px;}
    .procurement .sec3 .inner .txt .f20 span {display: inline;}
    .procurement .sec5 .step_wrap {flex-flow: column;}
    .procurement .sec5 .step_wrap .ic_box {width: 100%; flex: 1 1 100%;}
    .procurement .sec5 .step_wrap .ic_box .arrow {display: none;}
    .procurement .sec5 .step_wrap .ic_box .con {width: 100%;  flex-flow: nowrap; padding: 20px 30px;}
    .procurement .sec5 .step_wrap .ic_box .con .txt {text-align: left; margin-left: 30px;}
    .procurement .sec5 .step_wrap .ic_box .con .f16 {margin-top: 0; margin-bottom: 4px;}
    .procurement .sec5 .tb_txt {margin-top: 30px;}
    .procurement .sec5 .tb_txt li .icon img {max-width: 60px;}
    .procurement .sec5 .step_wrap {margin-top: 40px;}
    .procurement .sec5 .step_wrap .ic_box {margin-bottom: 10px;}
    .procurement .sec6 table tr td ul li ul li {font-size: 14px; line-height: 22px;}
    .procurement .sec6 .tb {width: 100%; overflow: hidden; overflow-x: auto;}
    .procurement .sec7 .txt .f40 {margin-bottom: 10px;}
    .procurement .sec7 .btn {margin-top: 30px;}
    .news_list .list_wrap {margin-top: 40px;}
    .news_detail .bt_view_btn {margin: 30px 0 60px;}
    .news_detail .bt_view_btn .move .txt {margin: 0 10px;}
    .news_detail .bt_view_btn .line {margin: 0 20px;}
    .news_detail .bt_view_btn .move .arrow {width: 14px; height: 14px;}
    .news_detail .bt_view_btn .move .txt .f19 {margin-bottom: 6px;}
    .promotional_video .sec2 {padding: 80px 0;}
    .promotional_video .top_video {flex-flow: column; align-items: flex-start;}
    .promotional_video .top_video .txt {padding-right: 0; order: 2;}
    .promotional_video .top_video .top_video_thum {order: 1; margin-bottom: 24px;}
    .promotional_video .top_video .top_video_thum .thum {width: 100%; height: auto;}
    .promotional_video .top_video .top_video_thum .thum img {max-width: 100%;} 
    .promotional_video .top_video .txt .f20 {margin: 8px 0 12px;}
    .promotional_video .video_list .box {margin: 0 8px 40px; flex: 0 1 calc(50% - 8px);}
    .promotional_video .video_list .box .thum .plus {width: 50px; height: 50px; bottom: -25px; right: 12px;}
    .inquiry .inquiry_wrap .inquiryform .row .group {flex-flow: column;}
    .inquiry .inquiry_wrap .inquiryform .row .group1 .item {width: 100%; padding-right: 0;}
    .inquiry .inquiry_wrap .inquiryform .row .group1 .item:nth-child(1) {margin-bottom: 40px;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox label {width: 90px;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox .upload-name {width: calc(100% - 200px);}
    .inquiry .agree_wrap ul {flex-flow: column; align-items: flex-start; margin-bottom: 40px;}
    .inquiry .agree_wrap ul li:nth-child(2) {margin-top: 14px;}
    .inquiry .inquiry_wrap .inquiryform .item button {margin-top: 50px;}
    .company .box_wrap {flex-flow: column;}
    .company .box_wrap .box {flex: 1 1 100%; width: 100%; margin: 0 0 6px; border-radius: 25px; padding: 25px 0 20px;}
    .company .box_wrap .box .f28 {margin: 10px 0 2px;}
    .company .box_wrap .box .f18 {line-height: 24px;}
    .company .sec3 .map_wrap iframe {height: 240px;}
    .modal_popup .inner .md_con .awards_pop .image img {max-width: 400px;}
    .management .sec3 .icon_box .box .f18 {font-size: 14px; line-height: 18px; padding: 0 10px; display: inline-block;}
    
}


@media (max-width: 540px) {
    .product .tab li {font-size: 13px; line-height: 17px;}
    .management .sec2 .box_wrap .box .num {display: none;}
    .management .sec2 .box_wrap .box .txt {width: 100%;}
    .pedestrian_safety .product_title .f52 span {display: inline;}
    .pedestrian_safety .sec3 .tb_txt li .icon {margin: 0 20px 0 10px;}
    .pedestrian_safety .tab_con .left .bottom {flex-flow: column;}
    .pedestrian_safety .tab_con .left .bottom .icon_box {margin-bottom: 10px; padding: 25px 10px;}
    .pedestrian_safety .tab_con3 .box {padding: 28px 25px;}
    .pedestrian_safety .tab_con3 .box .f46 {margin-right: 15px; width: 25px;}
    .pedestrian_safety .tc_bt_img {flex-flow: column;}
    .pedestrian_safety .tc_bt_img .image {margin: 0 0 10px;}
    .pedestrian_safety .video_wrap .video #youtube-video {height: 260px;}
    .product .product_title .f52 span {display: inline;}
    .product .sec3 .tb_txt li .icon {margin: 0 20px 0 10px;}
    .product .tab_con .left .bottom {flex-flow: column;}
    .product .tab_con .left .bottom .icon_box {margin-bottom: 10px; padding: 25px 10px;}
    .product .tab_con3 .box {padding: 28px 25px;}
    .product .tab_con3 .box .f46 {margin-right: 15px; width: 25px;}
    .product .tc_bt_img {flex-flow: column;}
    .product .tc_bt_img .image {margin: 0 0 10px;}
    .product .video_wrap .video #youtube-video {height: 260px;}
    .product .image_box .box .f24 {margin-top: 12px; line-height: 22px;}
    .product .quote {margin-top: 30px;}
    .crosswalk .sec6 .image_box .box_wrap {flex-flow: column;}
    .crosswalk .sec6 .image_box .box {margin: 0;}
    .crosswalk .sec6 .image_box .box:nth-child(1) {margin-bottom: 30px;}
    .procurement .box .question {font-size: 40px; width: 80px; top: -7px;}
    .procurement .box .txt_box .f46 {margin-bottom: 10px;}
    .procurement .sec5 .tb_txt li .icon {margin: 0 20px 0 10px;}
    .procurement .sec5 .step_wrap .ic_box .con {padding: 15px 25px; box-shadow: 0px 2px 10px rgb(0 0 0 / 7%);}
    .procurement .sec5 .step_wrap .ic_box .con .icon {width: 70px; height: 70px;}
    .procurement .sec5 .step_wrap .ic_box .con .icon img {max-width: 44px;}
    .news_list .list_wrap ul li .list_box {padding: 25px 0;}
    .news_list .list_wrap ul li .list_box .thum img {height: 115px; width: 100px; object-fit: cover;}
    .news_list .list_wrap ul li .list_box .list_txt {padding: 0 0 0 20px; width: calc(100% - 100px);}
    .news_list .list_wrap ul li .list_box .list_txt .con .txt {height: 22px; -webkit-line-clamp: 1;}
    .news_list .list_wrap ul li .list_box .list_txt .con .title {margin: 8px 0 0px;}
    .news_list .list_wrap ul li .list_box .list_txt .date {margin-top: 10px;}
    .news_detail .list_view_wrap .text {padding: 0;}
    .news_detail .list_view_wrap .image100 {margin-bottom: 30px;}
    .news_detail .list_view_wrap .text .f18 {margin-bottom: 25px;}

    
}


@media (max-width: 479px) {
    .sub_top_visual .sub_navi {overflow-x: scroll;}
    .sub_top_visual .sub_navi li .f18 {font-size: 14px; line-height: 22px;}
    .sub_top_visual .f70 {margin-top: 0;}
    .management .sec2 .box_wrap .box {padding: 24px 20px;}
    .management .sec3 .icon_box .box {max-width: 170px; padding: 8px; flex: 1 1 calc(50% - 8px); width: calc(50% - 8px); max-width: 158px;}
    .management .sec3 .icon_box .box .inner {width: 140px; height: 140px;}
    .management .sec3 .icon_box .box .f16 {font-size: 13px; line-height: 15px;}
    .history .history_wrap .box {flex: 0 1 100%;}
    .history .history_wrap .box:nth-last-child(-n+2) {margin-bottom: 50px;}
    .history .history_wrap .box:last-child {margin-bottom: 0;}
    .pedestrian_safety .bt_img {height: 200px; margin-top: 30px;}
    .pedestrian_safety .bt_img img {object-fit: cover;}
    .pedestrian_safety .product_title .f52 {line-height: 30px;}
    .pedestrian_safety .sec3 .tb_txt li .icon {margin: 0 10px 0 4px;}
    .pedestrian_safety .sec3 .tb_txt li .icon img {max-width: 50px;}
    .pedestrian_safety .point_box {padding: 0 20px;}
    .pedestrian_safety .point_box .icon_box .icon {width: 60px; height: 60px;}
    .pedestrian_safety .point_box .icon_box .icon img {width: 100%; width: 36px;}
    .pedestrian_safety .point_box .icon_box .txt {margin-left: 20px;}
    .pedestrian_safety .icon_box2 .box {flex-flow: column;}
    .pedestrian_safety .icon_box2 .title_ic {margin: 0 0 12px;}
    .pedestrian_safety .product_list .item .img {padding: 40px 20px;}
    .pedestrian_safety .video_wrap .video img {height: 220px;}
    .pedestrian_safety .tab li {margin: 0 2px; height: 54px;}
    .pedestrian_safety .video_wrap .video #youtube-video {height: 220px;}
    .product .quote .f22 {margin: 2px 0 0;}
    .product .bt_img {margin-top: 30px;}
    .product .bt_img img {object-fit: cover;}
    .product .product_title .f52 {line-height: 30px;}
    .product .sec3 .tb_txt li .icon {margin: 0 10px 0 4px;}
    .product .sec3 .tb_txt li .icon img {max-width: 50px;}
    .product .point_box {padding: 0 20px;}
    .product .point_box .icon_box .icon {width: 60px; height: 60px;}
    .product .point_box .icon_box .icon img {width: 100%; width: 36px;}
    .product .point_box .icon_box .txt {margin-left: 20px;}
    .product .icon_box2 .box {flex-flow: column;}
    .product .icon_box2 .title_ic {margin: 0 0 12px;}
    .product .video_wrap .video img {height: 220px;}
    .product .tab li {margin: 0 2px; height: 54px;}
    .product .video_wrap .video #youtube-video {height: 220px;}
    .product .sec_img {height: 160px;}
    .crosswalk .num_text_wrap ul li {margin-bottom: 15px;}
    .traffic_light .sec5 .number_img2 .box {padding: 15px 10px 25px;}
    .procurement .box .question {display: none;}
    .procurement .box .txt_box .f22 {font-size: 16px; line-height: 24px;}
    .procurement .sec3 {padding: 70px 0 60px !important;}
    .procurement .sec4 .txt_box {flex-flow: column;  padding: 30px 25px;}
    .procurement .sec4 .txt_box .txt {margin-left: 0; margin-top: 20px;}
    .procurement .sec5 .step_wrap .ic_box {margin: 0 0 10px;}
    .procurement .sec5 .step_wrap .ic_box .con .txt {margin-left: 20px;}
    .procurement .sec5 .tb_txt li .icon {margin: 0 10px 0 4px;}
    .procurement .sec5 .tb_txt li .icon img {max-width: 50px;}
    .procurement .sec7 .txt .f22 span {display: inline;}
    .promotional_video .video_list {flex-flow: column;}
    .promotional_video .video_list .box, .promotional_video .video_list .box:nth-last-child(-n+2) {margin: 0 0 40px; flex: 0 1 100%;}
    .promotional_video .video_list .box .thum .plus {right: 20px;}
    .installation .sec2 .text .f56 strong {display: block; margin: 20px 0;}
    .installation .sec2 .text .f56 span.second {margin-top: 20px; margin-bottom: 15px;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox {flex-flow: column;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox .btn {margin-top: 8px;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox .upload-name {width: 100%;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox label {width: 50%;}
    .inquiry .inquiry_wrap .inquiryform .item .filebox label:first-child {margin-left:0;}
    .inquiry .inquiry_wrap .inquiryform .item .box {padding: 15px 20px;}
    .inquiry .inquiry_wrap .inquiryform .item select {background: url('../images/select_arrow2_x3.png') transparent no-repeat right 15px center / 18px 10px;}
    .awards .award_history_top {flex-flow: column; }
    .awards .award_history_top .box {margin: 0 0 22px;}
    .awards .award_history_top .box:last-child {margin-bottom: 0;}
    .awards .award_history_top .box .f18 {margin-top: 10px;}
    .awards .tab ul li {margin-right: 4px;}
    .awards .tab ul li a {font-size: 14px; line-height: 20px;}

    .awards .list_wrap .box .txt {margin-top: 12px;}
    .awards .list_wrap .box, .awards .list_wrap .box:nth-child(4n), .awards .list_wrap .box:nth-child(4n+1), .awards .list_wrap .box:first-child, .awards .list_wrap .box:nth-last-child(-n+4), .awards .list_wrap .box:nth-child(3n), .awards .list_wrap .box:nth-child(3n+1), .awards .list_wrap .box:nth-last-child(-n+3) {flex: 0 1 calc(50% - 6px); margin: 0 6px 40px;}
    .awards .list_wrap .box:nth-child(2n) {margin-right: 0;}
    .awards .list_wrap .box:nth-child(2n+1) {margin-left: 0;}
    .awards .list_wrap .box:first-child {margin-left: 0;}
    .awards .list_wrap .box:nth-last-child(-n+2) {margin-bottom: 0;}
}


@media (max-width: 374px) {
    .management .sec3 .icon_box .box {border: none; padding: 0; max-width: 130px;}
    .management .sec3 .icon_box .box .inner {width: 130px; height: 130px;}
    .management .sec3 .icon_box .box .icon {margin-bottom: 2px;}
    .procurement .sec5 .step_wrap .ic_box .con {padding: 15px 20px;}
    .procurement .sec3 .btn {width: 260px;}
    .product .video_wrap .video #youtube-video {height: 200px;}
    .pedestrian_safety .video_wrap .video #youtube-video {height: 200px;}

}