@charset "utf-8";
/*================= 서브페이지 css =================*/
/* 공통 css */
.sub_visual {width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub_visual {background-image: url(../../img/sub_visual01.png);}
/* .sub_visual2 {background-image: url(../../img/sub_visual02.png);}
.sub_visual3 {background-image: url(../../img/sub_visual03.png);}
.sub_visual4 {background-image: url(../../img/sub_visual04.png);}
.sub_visual5 {background-image: url(../../img/sub_visual05.png);} */
.sub_visual .inner {height: 100%; color:#fff; display: flex; align-content: center; flex-wrap:wrap; text-align: center;}

.sub_visual span {font-size: 16px; margin: 0 auto; display: inline-block;}
.sub_visual span::before {content:" "; display: inline-block; width: 40px; height: 1px; background: #999; margin-right: 10px; position: relative; top: -6px;}
.sub_visual span::after {content:" "; display: inline-block; width: 40px; height: 1px; background: #999; margin-left: 10px; position: relative; top: -6px;}
.sub_visual3 span, .sub_visual4 span {display: none;}

.sub_visual .tit {font-size: 45px; margin-top: 16px; width: 100%;}


.main_depth_container {width: 100%; height: 60px; border-bottom:1px solid #eaeaea;}
.main_depth {height:100%; display: flex; justify-content: center; align-items: center;}
.main_depth li {font-size: 14px; height: 100%;line-height: 60px;border-right:1px solid #eaeaea;width: 200px;text-align: center; overflow: hidden;}
.main_depth li.on {background: #f54053; color:#fff;}
.main_depth li:first-child {border-left:1px solid #eaeaea;}
.main_depth li a {display: block; width: 100%; height: 100%;}

.page_cont table { width: 100%; }
.page_cont img { width: 100%; }

/* 애니메이션 */
@keyframes fade_up_ani {
   0% {opacity: 0; transform: translateY(10px);}
   100% {opacity: 1; transform: translateY(0);}
}

.page_wrap {width: 100%; padding: 100px 19%;}
.page_wrap .page_tit {font-size: 40px; font-weight: 600; display: inline-block; animation: fade_up_ani 1s ease-in-out;}
.page_wrap .page_tit::after {content:" "; display: inline-block; margin:0 10px; width: 8px; height: 8px; background: #f54053; border-radius: 2px; transform: rotate(45deg);}
.page_tit_wrap > span {opacity: 0; transform: translateY(10px); animation: fade_up_ani 1s ease-in-out 0.5s forwards;}

/*================= 회사소개 :: 인사말 =================*/
.greeting .tit_wrap {margin: 20px 0 60px;}
.greeting .tit_wrap p {line-height:1.6;}

.greeting .con_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.greeting .con_wrap .img_box {width:35%; background:url(../../img/greeting-img01.png) no-repeat center / cover;}

.greeting .con_wrap .txt_box {width:60%; position: relative; margin-left: 20px;}
.greeting .con_wrap .txt_box::before {content:""; display: block; width: 50px; height: 50px; background: url(../../img/ceo_tit_po.png) no-repeat left top; position: absolute; left:-40px; top:-25px; z-index: -1;}
.greeting .con_wrap .txt_box::after {content:""; display: block; width: 50px; height: 50px; background: url(../../img/ceo_tit_po.png) no-repeat left top; position: absolute; right:-21px; top:140px; z-index: -1; transform: rotate(180deg);}
.greeting .con_wrap .txt_box span {font-weight:300; font-size:30px; color:#777; text-transform: uppercase;}
.greeting .con_wrap .txt_box h3 {font-weight:500; font-size:30px; line-height:1.2; color:#222; margin:16px 0 50px;word-break: keep-all;}
.greeting .con_wrap .txt_box strong {font-size:18px; line-height: 2.5;}
.greeting .con_wrap .txt_box p {margin:10px 0; line-height:1.8;}
.greeting .con_wrap .txt_box p:nth-of-type(2) {margin-top:30px;}

.greeting .con_wrap .sign_box {margin-top:50px; text-align:right;}
.greeting .con_wrap .sign_box .name {font-size:18px; font-weight: 600; color:#222; display: inline-block; margin-left: 20px;}


/*================= 회사소개 :: 인증서 =================*/
.certi .page_tit {margin-bottom: 50px;}

.certi .parent-container .inner::after{ content: ''; display: block; clear: both; }
.certi .parent-container .popup1 { float: left; display: inline-block; width: calc(100%/3 - 20px); border:1px solid #ddd; margin: 0 25px 25px 0;}
.certi .parent-container .popup1 img {width: 100%; object-fit: cover;}

.certi .parent-container .popup1:nth-child(3) { margin-right : 0px; }
.certi .parent-container .popup1:nth-child(6) { margin-right : 0px; }
.certi .parent-container .popup1:nth-child(9) { margin-right : 0px; }


/*================= 회사소개 :: 오시는 길 =================*/

.contact .page_tit {margin-bottom: 50px;}

.contact .map_wrap {margin-bottom: 50px; width: 100%;}


/*------------------------------------제품소개------------------------------------*/
/*================= 제품소개 :: 공통 =================*/
.product .page_tit {margin-bottom: 50px;}

.product .tit_wrap {text-align: center; margin:40px 0;}
.product .tit_wrap .tit {font-size: 40px; margin-bottom: 20px;}
.product .tit_wrap em {font-size: 18px; font-family: 'Poppins', sans-serif;}

.product .con_container2 {margin-top:60px; margin-bottom:60px;}
.product .patent .tit {height:30px; font-size: 24px; font-family:'Poppins', sans-serif; border-bottom:1px solid #ddd; width:90%; margin:0 auto; color:#555;}
.product .patent .tit span {margin-left:10px; font-size: 16px; display:inline-block; font-family:'Noto sans KR', sans-serif; font-weight: 400; color:#888;}
.product .patent p {margin-top:10px; margin-left:6%;}

.product .prd_img {margin-bottom:20px;}
.product .prd_img img {display: block; margin: 0 auto;}


/*================= 제품소개 :: 시선유도등 =================*/
/* 공통 */
.product6 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product6 h4 { color : #333; font-size: 19px; font-weight: bold;}
.product6 .youtube_box iframe{margin: 0 auto;display: block;} */
.product6 .img_wrap img {display: block; margin: 0 auto;}

.product6 .pro_info { height: 493px; display: flex; }

.product6 .pro_img .pro_img_view{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product6 .pro_img .pro_tum{ margin-top: 5px; display: flex;}
.product6 .pro_img .pro_tum >li{ margin-right: 3.3px;}
.product6 .pro_img .pro_tum >li img{ width: auto; height: 58.7px; display: block; border: 1px solid #ddd;}
.product6 .pro_img .pro_tum >li img.on{ border: 1px solid #f54053; }

.product6 .pro_right { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product6 .pro_right .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product6 .pro_right .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product6 .pro_right p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product6 .pro_right ul { padding-top: 25px; }
.product6 .pro_right ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product6 .pro_txt_01{ margin-top: 80px;}
.product6 .pro_txt_01 ul { padding-top: 25px; }
.product6 .pro_txt_01 ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product6 .pro_txt_02{ margin-top: 80px;}
.product6 .pro_txt_02 >img{ display: block; border: 1px solid #e8e8e8;}

.product6 .pro_txt_03{ margin-top: 80px;}
.product6 .pro_txt_03 .tableType1 table caption { text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden;}
.product6 .pro_txt_03 .tableType1 table thead>tr>th { padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; font-size: 15px; line-height: 40px;}
.product6 .pro_txt_03 .tableType1 table tbody>tr>th { box-sizing: border-box; padding: 8px 30px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #333; text-align: center; font-size: 15px; ine-height: 24px;}
.product6 .pro_txt_03 .tableType1 table tbody>tr>td { box-sizing: border-box; padding: 8px 0 8px 35px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #6d6d6d; text-align: left; font-size: 15px; line-height: 24px;}
.product6 .pro_txt_03 .tableType1 .small { font-size: 15px; color: #6d6d6d; line-height: 27px;}

.product6 .inner { margin-top: 80px; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa { clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ; overflow: hidden; padding: 0 70px;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left { width: 449px; margin-right: 50px; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top{ display: flex; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_bottom{ border: 1px solid #ddd; }

.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right {}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_bottom{ border: 1px solid #ddd; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top{ display: flex; }

.product6 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 790px; }

.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 { width: 958px; height: 480px; display: block;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; line-height: 27px;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_left2{ float: left; margin-right: 30px;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_left2:nth-child(4){ margin-right: 30px; margin-top: 20px;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_mid{ float: left; margin-right: 30px;}
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_mid:nth-child(5){ margin-top: 20px; }
.product6 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_right2{ float: left;}

/*================= 제품소개 :: 소화기 · 긴급전화기 표시등 =================*/
.product1 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product1 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product1 .con {font-size:20px; line-height:1.6; text-align: center;}
.product1 .con:first-child {background:#f4f4f4; padding: 20px 0;}
.product1 .con ol {text-align:left; margin-top:60px;}
.product1 .con ol li {position:relative; padding-left:90px; margin-bottom:40px; font-weight:700; font-size:20px;}
.product1 .con ol li::before {content:'01'; font-size:60px; font-weight:900; color:#ff1c61; position:absolute; left:0; top:-22px;}
.product1 .con ol li:last-child::before {content:'02';}
.product1 .con ol li .desc {font-weight:400; font-size:16px;}

.product1 .pro_info {display: flex; }
.product1 .pro_img{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product1 .pro_right2 { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product1 .pro_right2 .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product1 .pro_right2 .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product1 .pro_right2 p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product1 .pro_right2 ul { padding-top: 25px; }
.product1 .pro_right2 ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product1 .pro_txt_01 { margin-top: 80px; }
.product1 .pro_txt_01 .tableType1 table caption { text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; }
.product1 .pro_txt_01 .tableType1 thead th { line-height: 24px; padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; font-size: 15px;}
.product1 .pro_txt_01 .tableType1 tbody th { line-height: 24px; box-sizing: border-box; padding: 8px 30px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #333; text-align: center; font-size: 15px;}
.product1 .pro_txt_01 .tableType1 tbody td { line-height: 24px; box-sizing: border-box; padding: 8px 0 8px 35px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #6d6d6d; text-align: left; font-size: 15px;}
.product1 .pro_txt_01 .tableType1 .small { font-size: 15px; color: #6d6d6d; line-height: 27px;} 

.product1 .inner { margin-top: 80px;}
.product1 .inner .network_jisa_cont.pb30>.network_jisa{ clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd; }
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ;  overflow: hidden; padding: 0 70px;}
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion .accordion_img2 { border: 1px solid #ddd;}

.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; justify-content: space-between; }
.product1 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(3) .jisa_info .accordion{ display: block; }
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; }
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product1 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product1 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product1 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 2000px; }

.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt10 { margin-top: 10px; }
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt30 { margin-top: 30px; }
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt1 { font-size: 20px; color: #222; font-weight: bold; letter-spacing: 0px;}
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt2.mt10 { font-size: 15px; color: #666; letter-spacing: 0px; line-height: 24px; }

.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion>.tableType2>table>caption{ text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden;  }
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion>.tableType2>table>thead>tr>th { padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; line-height: 24px;}
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion>.tableType2>table>tbody>tr>th { font-size: 15px; padding: 8px 30px; color: #333; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #e8e8e8; text-align: center; line-height: 24px;}
.product1 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion>.tableType2>table>tbody>tr>td { font-size: 15px; padding: 8px 0 8px; color: #6d6d6d; border-bottom: 1px solid #fff; background: #e1f2f1; text-align: center; line-height: 24px;}

/*================= 제품소개 :: 거리(통로)유도등 =================*/
.product2 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product2 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product2 .txt {margin-top: 20px;}
.product2 .txt:first-child {margin-top: 0;}

.product2 .pro_info { display: flex; }
.product2 .pro_img{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product2 .pro_right2 { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product2 .pro_right2 .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product2 .pro_right2 .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product2 .pro_right2 p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product2 .pro_right2 ul { padding-top: 25px; }
.product2 .pro_right2 ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product2 .pro_txt_01 { margin-top: 80px; }
.product2 .pro_txt_01 .tableType3 table caption { text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; }
.product2 .pro_txt_01 .tableType3 thead th { line-height: 24px; padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; font-size: 15px; }
.product2 .pro_txt_01 .tableType3 tbody th { line-height: 24px; box-sizing: border-box; padding: 8px 30px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #333; text-align: center; font-size: 15px; }
.product2 .pro_txt_01 .tableType3 tbody td { line-height: 24px; box-sizing: border-box; padding: 8px 0 8px 35px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #6d6d6d; text-align: left; font-size: 15px; }
.product2 .pro_txt_01 .tableType3 .small { font-size: 15px; color: #6d6d6d; line-height: 27px;} 

.product2 .inner { margin-top: 80px;}
.product2 .inner .network_jisa_cont.pb30>.network_jisa{ clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ;  overflow: hidden; padding: 0 70px;}

.product2 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(1) .jisa_info .accordion{ display: block; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(1) .jisa_info .accordion:nth-child(2){ margin-top: 80px; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(3) .jisa_info .accordion{ display: block; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion .accordion_img2 { border: 1px solid #ddd; overflow: hidden;}
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; justify-content: space-between; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; line-height: 27px;}
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product2 .inner .network_jisa_cont.pb30>.network_jisa h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product2 .inner .network_jisa_cont.pb30>.network_jisa h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa h4.open+.jisa_info{ display: block; padding: 70px; max-height: 2000px; }

.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt10 { margin-top: 10px; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt30 { margin-top: 30px; }
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt1 { font-size: 20px; color: #222; font-weight: bold; letter-spacing: 0px;}
.product2 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt2.mt10 { font-size: 15px; color: #666; letter-spacing: 0px; line-height: 24px; }

/*================= 제품소개 :: 피난구유도등 =================*/
.product3 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product3 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product3 .pro_info { display: flex; }
.product3 .pro_img{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product3 .pro_right2 { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product3 .pro_right2 .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product3 .pro_right2 .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product3 .pro_right2 p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product3 .pro_right2 ul { padding-top: 25px; }
.product3 .pro_right2 ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product3 .pro_txt_01 { margin-top: 80px; }
.product3 .pro_txt_01 .tableType4 table caption { text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; }
.product3 .pro_txt_01 .tableType4 thead th { line-height: 24px; padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; font-size: 15px; }
.product3 .pro_txt_01 .tableType4 tbody th { line-height: 24px; box-sizing: border-box; padding: 8px 30px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #333; text-align: center; font-size: 15px; }
.product3 .pro_txt_01 .tableType4 tbody td { line-height: 24px; box-sizing: border-box; padding: 8px 0 8px 35px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #6d6d6d; text-align: left; font-size: 15px; }
.product3 .pro_txt_01 .tableType4 .small { font-size: 15px; color: #6d6d6d; line-height: 27px;} 

.product3 .inner { margin-top: 80px;}
.product3 .inner .network_jisa_cont.pb30>.network_jisa{ clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd; }
.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ;  overflow: hidden; padding: 0 70px;}

.product3 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(1) .jisa_info .accordion:nth-child(2){ margin-top: 80px; }
.product3 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(2) .jisa_info .accordion{ display: flex; justify-content: space-between;}
.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion .accordion_img2 { border: 1px solid #ddd; overflow: hidden;}
.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; line-height: 27px;}
.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product3 .inner .network_jisa_cont.pb30>.network_jisa h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product3 .inner .network_jisa_cont.pb30>.network_jisa h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product3 .inner .network_jisa_cont.pb30>.network_jisa h4.open+.jisa_info{ display: block; padding: 70px; max-height: 2000px; }

.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt10 { margin-top: 10px; }
.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt30 { margin-top: 30px; }
.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt1 { font-size: 20px; color: #222; font-weight: bold; letter-spacing: 0px;}
.product3 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt2.mt10 { font-size: 15px; color: #666; letter-spacing: 0px; line-height: 24px; }

/*================= 제품소개 :: 가로등 =================*/

.product4 .tableType3 {word-break: break-word; font-size: 15px;}
.product4 .tableType3 thead th{ padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; font-size: 15px; vertical-align: middle; line-height: 27px; word-break: normal;}
.product4 .tableType3 thead th:nth-last-child(1){ border-right: none; }
.product4 .tableType3 tbody td{ color: #6d6d6d; vertical-align: middle; box-sizing: border-box; padding: 8px 0 8px; border-bottom: 1px solid #fff; text-align: center; border-right: 1px solid #fff; font-size: 15px; background: #e1f2f1; line-height: 27px;}

/* ===========================  제품소개 :: 가로등  ============================== */
.product4 .pro_tit { color: #f54053; font-size: 30px; line-height: 35px;  font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product4 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product4 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product4 .pro_txt_02{ margin-top: 80px;}
.product4 .pro_txt_02:nth-child(1) { margin-top: 0; }
.product4 .pro_txt_02 >img{ display: block; border: 1px solid #e8e8e8;}

.product4 .inner { margin-top: 80px;}
.product4 .inner .network_jisa_cont.pb30>.network_jisa{ clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd; }
.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ;  overflow: hidden; padding: 0 70px;}

.product4 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(1) .jisa_info .accordion:nth-child(2){ margin-top: 80px; }
.product4 .inner .network_jisa_cont.pb30>.network_jisa:nth-child(2) .jisa_info .accordion{ display: flex; justify-content: space-between;}
.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion .accordion_img2 { border: 1px solid #ddd; overflow: hidden;}
.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; line-height: 27px;}
.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product4 .inner .network_jisa_cont.pb30>.network_jisa h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product4 .inner .network_jisa_cont.pb30>.network_jisa h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product4 .inner .network_jisa_cont.pb30>.network_jisa h4.open+.jisa_info{ display: block; padding: 70px; max-height: 2000px; }

.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt10 { margin-top: 10px; }
.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .mt30 { margin-top: 30px; }
.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt1 { font-size: 20px; color: #222; font-weight: bold; letter-spacing: 0px;}
.product4 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion> .biz_txt2.mt10 { font-size: 15px; color: #666; letter-spacing: 0px; line-height: 24px; }


/*================= 제품소개 :: 컨버터 =================*/

/* 공통 */
.product5 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product5 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product5 .pro_info { height: 493px; display: flex; }

.product5 .pro_img  { width: 580px;}
.product5 .pro_img .pro_img_view{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product5 .pro_img .pro_tum{ margin-top: 5px; display: flex; flex-wrap: wrap;}
.product5 .pro_img .pro_tum >li{ margin-right: 3.3px;}
.product5 .pro_img .pro_tum >li img{ width: auto; height: 58.7px; display: block; border: 1px solid #ddd;}
.product5 .pro_img .pro_tum >li img.on{ border: 1px solid #f54053; }

.product5 .pro_right { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product5 .pro_right .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product5 .pro_right .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product5 .pro_right p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product5 .pro_right ul { padding-top: 25px; }
.product5 .pro_right ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product5 .inner { margin-top: 80px; }
.product5 .inner .network_jisa_cont.pb30>.network_jisa { clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd;}
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ; overflow: hidden; padding: 0 70px;}
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; }
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; }
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left { width: 449px; margin-right: 50px; }
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top{ display: flex; }
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_bottom{ border: 1px solid #ddd; }

.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right {}
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_bottom{ border: 1px solid #ddd; }
.product5 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top{ display: flex; }

.product5 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product5 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product5 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 790px; }

/* ========================== 쏠라 LED 시선유도등 =============================== */
/* ========================== 쏠라 LED 시선유도등 =============================== */
.product7 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product7 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product7 .pro_info { height: 493px; display: flex; }

.product7 .pro_img  { width: 580px;}
.product7 .pro_img .pro_img_view{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product7 .pro_img .pro_tum{ margin-top: 5px; display: flex; flex-wrap: wrap;}
.product7 .pro_img .pro_tum >li{ margin-right: 3.3px;}
.product7 .pro_img .pro_tum >li img{ width: auto; height: 58.7px; display: block; border: 1px solid #ddd;}
.product7 .pro_img .pro_tum >li img.on{ border: 1px solid #f54053; }

.product7 .pro_right { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product7 .pro_right .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product7 .pro_right .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product7 .pro_right p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product7 .pro_right ul { padding-top: 25px; }
.product7 .pro_right ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product7 .inner { margin-top: 80px; }
.product7 .inner .network_jisa_cont.pb30>.network_jisa { clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd;}
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ; overflow: hidden; padding: 0 70px;}
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; }
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; }
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left { margin-right: 50px; }
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top{ display: flex; }
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_bottom{ border: 1px solid #ddd; }

.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right {}
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_bottom{ border: 1px solid #ddd; }
.product7 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top{ display: flex; }

.product7 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product7 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product7 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 790px; }

/* ======================== 바닥 보행 신호등 ========================= */
.product8 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product8 h4 { color : #333; font-size: 19px; font-weight: bold;}
.product8 .youtube_box iframe{margin: 0 auto;display: block;} */
.product8 .img_wrap img {display: block; margin: 0 auto;}

.product8 .pro_info { height: 493px; display: flex; }

.product8 .pro_img .pro_img_view{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product8 .pro_img .pro_tum{ margin-top: 5px; display: flex;}
.product8 .pro_img .pro_tum >li{ margin-right: 3.3px;}
.product8 .pro_img .pro_tum >li img{ width: auto; height: 58.7px; display: block; border: 1px solid #ddd;}
.product8 .pro_img .pro_tum >li img.on{ border: 1px solid #f54053; }

.product8 .pro_right { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product8 .pro_right .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product8 .pro_right .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product8 .pro_right p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product8 .pro_right ul { padding-top: 25px; }
.product8 .pro_right ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product8 .pro_txt_01{ margin-top: 80px;}
.product8 .pro_txt_01 ul { padding-top: 25px; }
.product8 .pro_txt_01 ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product8 .pro_txt_02{ margin-top: 80px;}
.product8 .pro_txt_02 >img{ display: block; border: 1px solid #e8e8e8;}

.product8 .pro_txt_03{ margin-top: 80px;}
.product8 .pro_txt_03 .tableType1 table caption { text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden;}
.product8 .pro_txt_03 .tableType1 table thead>tr>th { padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; font-size: 15px; line-height: 40px;}
.product8 .pro_txt_03 .tableType1 table tbody>tr>th { box-sizing: border-box; padding: 8px 30px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #333; text-align: center; font-size: 15px; ine-height: 24px;}
.product8 .pro_txt_03 .tableType1 table tbody>tr>td { box-sizing: border-box; padding: 8px 0 8px 35px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #6d6d6d; text-align: left; font-size: 15px; line-height: 24px;}
.product8 .pro_txt_03 .tableType1 .small { font-size: 15px; color: #6d6d6d; line-height: 27px;}

.product8 .inner { margin-top: 80px; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa { clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ; overflow: hidden; padding: 0 70px;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left { width: 449px; margin-right: 50px; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top{ display: flex; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_bottom{ border: 1px solid #ddd; }

.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right {}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_bottom{ border: 1px solid #ddd; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top{ display: flex; }

.product8 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 1212px; }

.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 { width: 958px; margin: 0 auto; height: 480px; display: block;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; line-height: 27px;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_left2{ float: left; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_left2:nth-child(4){ margin-right: 30px; margin-top: 20px;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_mid{ float: left; margin-right: 30px;}
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_mid:nth-child(5){ margin-top: 20px; }
.product8 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_right2{ float: left;}


/*  =================================   매립형 쏠라 표지병   ================================== */
.product9 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product9 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product9 .pro_info { height: 493px; display: flex; }

.product9 .pro_img  { width: 580px;}
.product9 .pro_img .pro_img_view{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product9 .pro_img .pro_tum{ margin-top: 5px; display: flex; flex-wrap: wrap;}
.product9 .pro_img .pro_tum >li{ margin-right: 3.3px;}
.product9 .pro_img .pro_tum >li img{ width: auto; height: 58.7px; display: block; border: 1px solid #ddd;}
.product9 .pro_img .pro_tum >li img.on{ border: 1px solid #f54053; }

.product9 .pro_right { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product9 .pro_right .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product9 .pro_right .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product9 .pro_right p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product9 .pro_right ul { padding-top: 25px; }
.product9 .pro_right ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product9 .inner { margin-top: 80px; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa { clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd;}
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ; overflow: hidden; padding: 0 70px;}
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion:nth-child(2) { margin-top: 70px; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ margin-bottom: 15px; font-size: 20px; font-weight: bold; color: #333; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left { margin-right: 50px; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top{ display: flex; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_bottom{ border: 1px solid #ddd; }

.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right {}
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_bottom{ border: 1px solid #ddd; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top{ display: flex; }

.product9 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product9 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product9 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 2500px; }

.product9 .pro_txt_01{ margin-top: 80px;}
.product9 .pro_txt_01 ul { padding-top: 25px; }
.product9 .pro_txt_01 ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}


/* ============================ 쏠라 LED 경고등 ================================== */
.product10 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product10 h4 { color : #333; font-size: 19px; font-weight: bold;}

.product10 .pro_info { height: 493px; display: flex; }

.product10 .pro_img  { width: 580px;}
.product10 .pro_img .pro_img_view{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product10 .pro_img .pro_tum{ margin-top: 5px; display: flex; flex-wrap: wrap;}
.product10 .pro_img .pro_tum >li{ margin-right: 3.3px;}
.product10 .pro_img .pro_tum >li img{ width: auto; height: 58.7px; display: block; border: 1px solid #ddd;}
.product10 .pro_img .pro_tum >li img.on{ border: 1px solid #f54053; }

.product10 .pro_right { width: 520px; margin-left: 40px; height: 100%; overflow: hidden;}
.product10 .pro_right .pro_tit { color: #f54053; font-size: 30px; line-height: 35px; font-weight: bold; padding-bottom: 25px; letter-spacing: -0.05em;}
.product10 .pro_right .pro_tit2 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px;}
.product10 .pro_right p { color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}
.product10 .pro_right ul { padding-top: 25px; }
.product10 .pro_right ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product10 .inner { margin-top: 80px; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa { clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd;}
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ; overflow: hidden; padding: 0 70px;}
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion:nth-child(2) { margin-top: 70px; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ margin-bottom: 15px; font-size: 20px; font-weight: bold; color: #333; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left { margin-right: 50px; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top{ display: flex; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_bottom{ border: 1px solid #ddd; }

.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right {}
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_bottom{ border: 1px solid #ddd; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top{ display: flex; }

.product10 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product10 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product10 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 2500px; }


/* ===================================  가로등 LED 시선 유도등 ================================= */
.product11 h3 { color : #333; font-size: 25px; font-weight: bold; padding-bottom: 10px; }
.product11 h4 { color : #333; font-size: 19px; font-weight: bold;}
.product11 .youtube_box iframe{margin: 0 auto;display: block;} */
.product11 .img_wrap img {display: block; margin: 0 auto;}

.product11 .pro_info { height: 493px; display: flex; }

.product11 .pro_img .pro_img_view{ width: 518px; height: 373px; border: 1px solid #dddd; overflow: hidden;}

.product11 .pro_img .pro_tum{ margin-top: 5px; display: flex;}
.product11 .pro_img .pro_tum >li{ margin-right: 3.3px;}
.product11 .pro_img .pro_tum >li img{ width: auto; height: 58.7px; display: block; border: 1px solid #ddd;}
.product11 .pro_img .pro_tum >li img.on{ border: 1px solid #f54053; }

.product11 .pro_txt_01{ margin-top: 80px;}
.product11 .pro_txt_01 ul { padding-top: 25px; }
.product11 .pro_txt_01 ul >li { background: url(../../img/bullet.png) left 12px no-repeat; padding-left: 15px; padding-bottom: 5px; color: #6d6d6d; font-size: 17px; line-height: 27px; font-weight: normal; word-break: normal;}

.product11 .pro_txt_03{ }
.product11 .pro_txt_03 .tableType1 table caption { text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden;}
.product11 .pro_txt_03 .tableType1 table thead>tr>th { padding: 8px 0; color: #fff; border-bottom: 1px solid #fff; background: #5dd1c9; border-right: 1px solid #e8e8e8; font-size: 15px; line-height: 20px;}
.product11 .pro_txt_03 .tableType1 table tbody>tr>th { box-sizing: border-box; padding: 8px 30px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #333; text-align: center; font-size: 15px; line-height: 18px;}
.product11 .pro_txt_03 .tableType1 table tbody>tr>td { box-sizing: border-box; padding: 8px 30px; border-bottom: 1px solid #fff; background: #e1f2f1; border-right: 1px solid #fff; color: #6d6d6d; text-align: center; font-size: 15px; line-height: 18px;}
.product11 .pro_txt_03 .tableType1 .small { font-size: 15px; color: #6d6d6d; line-height: 27px;}

.product11 .inner { margin-top: 80px; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa { clear: both; border: 1px solid #e8e8e8; margin-top: 20px; background: #fdfdfd;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info { max-height: 0; transition: all 0.5s ; overflow: hidden; padding: 0 70px;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion{ display: flex; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; margin-bottom: 15px; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_txt{ font-size: 15px; color: #666; line-height: 27px;}

.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left { width: 449px; margin-right: 50px; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top{ display: flex; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_left .accordion_left_bottom{ border: 1px solid #ddd; }

.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right {}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top .accordion_img { width: 207px; height: 250px; margin-right: 20px;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_bottom{ border: 1px solid #ddd; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion_right .accordion_right_top{ display: flex; }

.product11 .inner .network_jisa_cont.pb30>.network_jisa>h4{ padding: 40px 60px; background: url(../../img/downArrow.gif) no-repeat 1000px 42px #f6f6f6; cursor: pointer;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa>h4.open{ padding: 40px 60px; background: url(../../img/upArrow.gif) no-repeat 1000px 42px #f6f6f6; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa>h4.open+.jisa_info{ display: block; padding: 70px; max-height: 790px; }

.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 { width: 958px; height: 480px; display: block;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_tit{ font-size: 20px; font-weight: bold; color: #333; line-height: 27px;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_left2{ float: left; margin-right: 30px;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_left2:nth-child(4){ margin-right: 30px; margin-top: 20px;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_mid{ float: left; margin-right: 30px;}
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_mid:nth-child(5){ margin-top: 20px; }
.product11 .inner .network_jisa_cont.pb30>.network_jisa .jisa_info .accordion.acc02 .accordion_right2{ float: left;}


/*================= 개인정보처리방침 =================*/
.sub_visual5 span {display: none;}
.sub_visual5 .tit {margin-top: 0;}
.main_depth_container5 {display: none;}

.privacy {}

/*================= 온라인 문의  =================*/

/* 공통 */
.page_wrap.inquiry form { margin-top: 50px;} 

/* 폼 */
.page_wrap.inquiry form .con { margin-top: 10px; display: flex; flex-direction: column; }
.page_wrap.inquiry form .con:nth-child(4)~.con { width: calc(100% / 3 - 20px); float: left; margin-right: 30px;} 
.page_wrap.inquiry form .con.con:nth-child(7){ margin-right: 0px ; } 

.page_wrap.inquiry form .con label{ color: #333; font-size: 25px; line-height: 27px; font-weight: bold;}
.page_wrap.inquiry form .con span{ color: #f54053; }
.page_wrap.inquiry form .con input{ width: 100%; margin-top: 10px; border: 1px solid #d0d3db;  background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); }
.page_wrap.inquiry form .con textarea{ margin-top: 10px; border: 1px solid #d0d3db;  background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); }

/* 버튼 */
.page_wrap.inquiry form .btn_wrap{ text-align: right; }
.page_wrap.inquiry form button:nth-child(1){ margin-top: 30px; width: 90px; line-height: 40px; border-radius: 5px; border: none; color: #fff; padding: 0 20px; font-weight: bold; font-size: 24px; background: #969696; transition: background-color 0.3s ease-out;}
.page_wrap.inquiry form button:nth-child(1):hover{ background: #aaa; }
.page_wrap.inquiry form button:nth-child(2){ margin-top: 30px; width: 120px; line-height: 40px; border-radius: 5px; border: none; color: #fff; padding: 0 20px; font-weight: bold; font-size: 24px; background: #3a8afd; transition: background-color 0.3s ease-out;}
.page_wrap.inquiry form button:nth-child(2):hover{background: #2375eb; }