/* 비즈니스 */
.business_bn{width:100%; height:600px; background:url(../assets/img/business_bn.jpg) no-repeat center center / cover; position:relative;}
.business_bn .bg{width:100%; height:100%; background:rgba(0, 0, 0, .5); position:absolute; top:0; left:0; bottom:0; right:0; z-index:0;}
.business_bn .text_box{position:relative;}
.business_bn .text_box h2{color:#fff;}
.business{width:100%; padding:100px 0; background:#090909;}
.business .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business .title h2{font-size:32px; color:#fff;}
.business .container{display:flex; justify-content:space-between; flex-flow:wrap;}
.business .container .item_box{position:relative; overflow:hidden; margin-bottom:3%; _box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(255, 255, 255, 0.23) 0px 3px 6px;}
.business .container .item_box.one{width:80%;}
.business .container .item_box.two{width:48%;}
.business .container .item_box.three{width:31%;}
.business .container .item_box.four{width:24%;}
.business .container .item_box .img_box{font-size:0;}
.business .container .item_box .img_box b{font-size:30px; width:100%; position:absolute; top:25%; z-index:10; transition:all 0.2s; text-align:center; color:#f39700; display:none;}
.business .container .item_box.three .img_box b{font-size:20px; width:100%; text-align:center;}
.business .container .item_box .img_box .bg{width:100%; height:100%; background:rgba(0, 0, 0, .7); position:absolute; left:0; top:0; right:0; bottom:0; transition:0.4s; opacity:0; z-index:1;}
.business .container .item_box .img_box img{width:100%; transition:all 0.4s;}
.business .container .item_box:hover .img_box b{opacity:0;}
.business .container .item_box:hover .img_box .bg{opacity:1;}
.business .container .item_box:hover .img_box img{transform:scale(1.1);}
.business .container .item_box .text_box{position:absolute; top:50%; transform:translateY(-50%); transition:all 0.4s; opacity:0; z-index:2; width:100%; text-align:center;}
.business .container .item_box .text_box h4{font-size:28px; color:#fff; text-align:center; padding-bottom:15px;}
.business .container .item_box .text_box p{font-size:16px; font-weight:300; color:#aaa; padding-bottom:5px;}
.business .container .item_box:hover .text_box{opacity:1;}
.business .container .item_box span{width:80px; height:80px; font-weight:400; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.4s; display:block; border-radius:50%; opacity:0.7;}
.business .container .item_box span i{font-size:36px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.business .container .item_box:hover span{opacity:0;}

/* 비즈니스 이노세이버 */
.business01_bn{width:100%; height:600px; background:url(../assets/img/product_all.png) no-repeat center center / cover; border-bottom:1px solid #eee;}
.business01{width:100%; _height:1000px; padding:100px 0;}
.business01 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business01 .title::after{position:absolute; content:''; width:40%; height:3px; background:#000; left:0; bottom:0; color:#fff;}
.business01 .title h2{font-size:32px; color:#fff;}
.business01 h3{}
.business01 .text_box{}
.business01 .text_box h4{font-size:24px; padding:20px 0; color:#fff;}
.business01 .text_box p{padding-bottom:20px; letter-spacing:1.5px; line-height:1.8; font-size:16px; color:#eee; font-weight:400;}
.business01 .img_box{width:100%; padding:50px 0;}
.business01 .img_box img{width:100%;}
.business01 .logo{width:100%; padding:30px 60px; box-sizing:border-box;}
.business01 .video{position:relative; padding-top:56.26%; width:100%; height:0; max-width:1300px; margin:50px 0;}
.business01 embed {position:absolute; top:0; left:0; width:100%; height:100%; max-width:1300px;}

/* 비즈니스 스마트 화장실 */
.business02_bn{width:100%; height:600px; background:url(../assets/img/smart_toilet_bn.jpg) no-repeat center center / cover;}
.business02{width:100%; padding:100px 0; background:#000;}
.business02 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business02 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business02 .title h2{font-size:32px; color:#fff;}
.business02 .detail{width:85%; text-align:center; margin:auto; font-size:0;}
.business02 .detail img{width:100%;}
.business02 .detail .video{position:relative; padding-top:56.26%; width:100%; height:0; max-width:1300px; margin:10px 0;}
.business02 .detail embed {position:absolute; top:0; left:0; width:100%; height:100%; max-width:1300px;}
.business02 .sub_title{padding-bottom:30px;}
.business02 .sub_title h3{color:#555; font-weight:500; padding-bottom:20px;}
.business02 .sub_title p{color:#999; font-size:14px; padding-bottom:5px;}
.business02 .detail p.large{font-size:34px; font-weight:500; color:#fff; padding-bottom:30px;}
.business02 .detail .sort{text-align:left; position:relative; padding-left:15px; margin:50px 0; font-size:24px; color:#fff;}
.business02 .detail .sort::before{content:''; position:absolute; width:3px; height:70%; background:#aaa; top:50%; transform:translateY(-50%); left:0;}
.business02 .detail .device_box{display:flex; justify-content:space-between;}
.business02 .detail .device_box .device{width:30%; display:flex; flex-flow:wrap; justify-content:center; padding-bottom:50px; box-shadow: rgb(255 255 255 / 30%) 0px 2px 4px 0px inset; border-bottom:1px solid #333;}
.business02 .detail .device_box .device img{width:100%; height:340px;}
.business02 .detail .device_box .device span{font-size:22px; font-weight:500; color:#fff;}
.business02 .detail .point{text-align:left;}
.business02 .detail .point li{position:relative; padding-left:20px; margin-bottom:10px; color:#666; font-size:14px;}
.business02 .detail .point li::before{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; top:50%; background:#555; transform:translateY(-50%);}

/* 스마트 톨링 시스템 */
.business03_bn{width:100%; height:600px; background:url(../assets/img/smart_tolling_bn.jpg) no-repeat center center / cover;}
.business03{width:100%; padding:100px 0; background:#000;}
.business03 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business03 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business03 .title h2{font-size:32px; color:#fff;}
.business03 .detail{width:85%; margin:auto;}
.business03 .detail img{width:100%;}

/* 스마트 멸균 시스템 화장실 */
.business04_bn{width:100%; height:600px; background:url(../assets/img/smart_stoilet_bn.jpg) no-repeat center center / cover;}
.business04{width:100%; padding:100px 0; background:#000;}
.business04 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business04 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business04 .title h2{font-size:32px; color:#fff;}
.business04 .sub_title{padding-bottom:30px;}
.business04 .sub_title h3{color:#555; font-weight:500;}
.business04 .sub_title p{color:#999; padding:10px 0;}
.business04 .detail{width:70%; text-align:center; margin:auto;}
.business04 .detail>img{width:100%; padding:30px 0;}
.business04 .detail .sort{text-align:left; position:relative; padding-left:15px; margin:50px 0;}
.business04 .detail .sort::before{content:''; position:absolute; width:3px; height:70%; background:#aaa; top:50%; transform:translateY(-50%); left:0;}
.business04 .detail .device_box{display:flex; justify-content:space-between;}
.business04 .detail .device_box .device{width:21%; display:flex; flex-flow:wrap; justify-content:center; padding-bottom:50px; box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;}
.business04 .detail .device_box .device img{width:100%; height:260px;}
.business04 .detail .device_box .device span{font-weight:500; color:#999;}
.business04 .detail .point{text-align:left;}
.business04 .detail .point li{position:relative; padding-left:20px; margin-bottom:10px; color:#666; font-size:14px;}
.business04 .detail .point li::before{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; top:50%; background:#555; transform:translateY(-50%);}
.business04 .detail .before_after img{width:50%; padding-top:20px;}
.business04 .display img{width:60%;}

.business05_bn{width:100%; height:600px; background:url(../assets/img/count_bn.jpg) no-repeat center center / cover;}
.business05{width:100%; padding:100px 0; background:#000;}
.business05 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business05 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business05 .title h2{font-size:32px; color:#fff;}
.business05 .detail img{width:100%;}
.business05 .detail .video{position:relative; padding-top:56.26%; width:100%; height:0; max-width:1300px; margin:10px 0;}
.business05 .detail embed {position:absolute; top:0; left:0; width:100%; height:100%; max-width:1300px;}

.business06_bn{width:100%; height:600px; background:url(../assets/img/smart_parking_bn.jpg) no-repeat center center / cover;}
.business06{width:100%; padding:100px 0; background:#000;}
.business06 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business06 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business06 .title h2{font-size:32px; color:#fff;}
.business06 .detail{width:85%; margin:auto;}
.business06 .detail img{width:100%;}
.business06 .detail .video{position:relative; padding-top:56.26%; width:100%; height:0; max-width:1300px; margin:10px 0;}
.business06 .detail embed {position:absolute; top:0; left:0; width:100%; height:100%; max-width:1300px;}
.business06 .sub_title{padding-bottom:30px;}
.business06 .sub_title h3{color:#fff; font-weight:500; padding-bottom:20px;}
.business06 .sub_title p{color:#ccc; font-size:14px; padding-bottom:5px;}
.business06 .detail .sort{text-align:left; position:relative; padding-left:15px; margin:50px 0; color:#fff;}
.business06 .detail .sort::before{content:''; position:absolute; width:3px; height:70%; background:#aaa; top:50%; transform:translateY(-50%); left:0;}
.business06 .detail .device_box{display:flex; justify-content:space-between;}
.business06 .detail .device_box .device{width:32%; display:flex; flex-flow:wrap; justify-content:center; padding-bottom:50px; box-shadow: rgb(255 255 255 / 30%) 0px 2px 4px 0px inset; border-bottom:1px solid #333;}
.business06 .detail .device_box .device img{width:100%; height:340px;}
.business06 .detail .device_box .device span{font-weight:500; color:#fff;}
.business06 .detail .point{text-align:left;}
.business06 .detail .point li{position:relative; padding-left:20px; margin-bottom:10px; color:#ddd; font-size:14px;}
.business06 .detail .point li::before{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; top:50%; background:#fff; transform:translateY(-50%);}

.business07_bn{width:100%; height:600px; background:url(../assets/img/smart_center_bn.jpg) no-repeat center center / cover;}
.business07{width:100%; padding:100px 0; background:#000;}
.business07 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business07 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business07 .title h2{font-size:32px; color:#fff;}

.business07 .sub_title{padding-bottom:30px;}
.business07 .sub_title h3{color:#fff; font-weight:500; padding-bottom:20px;}
.business07 .sub_title p{color:#ccc; font-size:14px; padding-bottom:5px;}
.business07 .detail{width:85%; margin:auto;}
.business07 .detail .item_box img{width:100%;}
.business07 .detail .sort{text-align:left; position:relative; padding-left:15px; margin:50px 0; color:#fff;}
.business07 .detail .sort::before{content:''; position:absolute; width:3px; height:70%; background:#aaa; top:50%; transform:translateY(-50%); left:0;}
.business07 .detail .point{text-align:left;}
.business07 .detail .point li{position:relative; padding-left:20px; margin-bottom:10px; color:#ddd; font-size:14px;}
.business07 .detail .point li::before{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; top:50%; background:#555; transform:translateY(-50%);}

/* 스마트 터널등 */
.business08_bn{width:100%; height:600px; background:url(../assets/img/smart_tunnel_bn.jpg) no-repeat center center / cover;}
.business08{width:100%; padding:100px 0; background:#000;}
.business08 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business08 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business08 .title h2{font-size:32px; color:#fff;}
.business08 .detail{width:85%; text-align:center; margin:auto;}
.business08 .detail img{width:100%;}
.business08 .detail img:first-child{padding-bottom:30px;}
.business08 .detail .video_wrap{width:100%;}
.business08 .detail .video_wrap video{width:100%;}

/* 스마트 회의실 */
.business09_bn{width:100%; height:600px; background:url(../assets/img/smart_meet_bn.jpg) no-repeat center center / cover;}
.business09{width:100%; padding:100px 0; background:#000;}
.business09 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business09 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business09 .title h2{font-size:32px; color:#fff;}
.business09 .detail{width:85%; margin:auto;}
.business09 .detail img{width:100%;}
.business09 .detail .video{position:relative; padding-top:56.26%; width:100%; height:0; max-width:1300px; margin:10px 0;}
.business09 .detail embed {position:absolute; top:0; left:0; width:100%; height:100%; max-width:1300px;}
.business09 .sub_title{padding-bottom:30px;}
.business09 .sub_title h3{color:#fff; font-weight:500; padding-bottom:20px;}
.business09 .sub_title p{color:#ccc; font-size:14px; padding-bottom:5px;}
.business09 .detail .sort{text-align:left; position:relative; padding-left:15px; margin:50px 0; color:#fff;}
.business09 .detail .sort::before{content:''; position:absolute; width:3px; height:70%; background:#aaa; top:50%; transform:translateY(-50%); left:0;}
.business09 .detail .device_box{display:flex; justify-content:space-between;}
.business09 .detail .device_box .device{width:24%; display:flex; flex-flow:wrap; justify-content:center; padding-bottom:50px; box-shadow: rgb(255 255 255 / 30%) 0px 2px 4px 0px inset; border-bottom:1px solid #333;}
.business09 .detail .device_box .device img{width:100%; height:260px;}
.business09 .detail .device_box .device span{font-weight:500; color:#bbb;}
.business09 .detail p{padding-top:30px; color:#ddd;}
.business09 .detail .point{text-align:left;}
.business09 .detail .point li{position:relative; padding-left:20px; margin-bottom:10px; color:#ddd; font-size:14px;}
.business09 .detail .point li::before{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; top:50%; background:#555; transform:translateY(-50%);}

/* 스마트 캠퍼스 */
.business10_bn{width:100%; height:600px; background:url(../assets/img/smart_campus_bn.jpg) no-repeat center center / cover;}
.business10{width:100%; padding:100px 0; background:#000;}
.business10 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business10 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business10 .title h2{font-size:32px; color:#fff;}
.business10 .detail{width:85%; margin:auto;}
.business10 .detail>img{width:100%;}
.business10 .detail .item_box img{width:100%;}
.business10 .detail .video{position:relative; padding-top:56.26%; width:100%; height:0; max-width:1300px; margin:10px 0;}
.business10 .detail embed {position:absolute; top:0; left:0; width:100%; height:100%; max-width:1300px;}
.business10 .sub_title{padding-bottom:30px;}
.business10 .sub_title h3{color:#fff; font-weight:500; padding-bottom:20px;}
.business10 .sub_title p{color:#999; font-size:14px; padding-bottom:5px;}
.business10 .detail .sort{text-align:left; position:relative; padding-left:15px; margin:50px 0; color:#fff;}
.business10 .detail .sort::before{content:''; position:absolute; width:3px; height:70%; background:#aaa; top:50%; transform:translateY(-50%); left:0;}
.business10 .detail .device_box{display:flex; justify-content:space-between;}
.business10 .detail .device_box .device{width:21%; display:flex; flex-flow:wrap; justify-content:center; padding-bottom:50px; box-shadow: rgb(255 255 255 / 30%) 0px 2px 4px 0px inset; border-bottom:1px solid #333;}
.business10 .detail .device_box .device img{width:100%; height:260px;}
.business10 .detail .device_box .device span{font-weight:500; color:#fff;}
.business10 .detail h3{color:#fff;}
.business10 .detail .point{text-align:left;}
.business10 .detail .point li{position:relative; padding-left:20px; margin-bottom:10px; color:#666; font-size:14px;}
.business10 .detail .point li::before{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; top:50%; background:#555; transform:translateY(-50%);}

/* 스마트 병원 */
.business11_bn{width:100%; height:600px; background:url(../assets/img/smart_hospital_bn.jpg) no-repeat center center / cover;}
.business11{width:100%; padding:100px 0; background:#000;}
.business11 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business11 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business11 .title h2{font-size:32px; color:#fff;}

.business11 .sub_title{padding-bottom:30px;}
.business11 .sub_title h3{color:#fff; font-weight:500; padding-bottom:20px;}
.business11 .sub_title p{color:#ccc; font-size:14px; padding-bottom:5px;}
.business11 .detail{width:85%; margin:auto;}
.business11 .detail .item_box img{width:100%;}
.business11 .detail .sort{text-align:left; position:relative; padding-left:15px; margin:50px 0; color:#fff;}
.business11 .detail .sort::before{content:''; position:absolute; width:3px; height:70%; background:#aaa; top:50%; transform:translateY(-50%); left:0;}
.business11 .detail .device_box{display:flex; justify-content:space-between;}
.business11 .detail .device_box .device{width:24%; display:flex; flex-flow:wrap; justify-content:center; padding-bottom:50px; box-shadow: rgb(255 255 255 / 30%) 0px 2px 4px 0px inset; border-bottom:1px solid #333;}
.business11 .detail .device_box .device img{width:100%; height:260px;}
.business11 .detail .device_box .device span{font-weight:500; color:#bbb;}
.business11 .detail .point{text-align:left;}
.business11 .detail .point li{position:relative; padding-left:20px; margin-bottom:10px; color:#ddd; font-size:14px;}
.business11 .detail .point li::before{content:''; position:absolute; left:0; width:5px; height:5px; border-radius:50%; top:50%; background:#555; transform:translateY(-50%);}


/* 화장실 병원성세균 노출의 심각성 */
.business12{width:100%; padding:100px 0; background:#000;}
.business12 .title{position:relative; display:inline-block; padding:15px 0; margin-bottom:50px;}
.business12 .title::after{position:absolute; content:''; width:40%; height:3px; background:#fff; left:0; bottom:0;}
.business12 .title h2{font-size:32px; color:#fff;}
.business12 .detail{width:100%; text-align:center;}
.business12 .detail .img_box{position:relative; width:70%; margin:auto;}
.business12 .detail .img_box img{width:100%; padding-top:30px;}
.business12 .detail .img_box a{position:absolute; width:60%; height:1%; left:50%; bottom:2.3%; transform:translateX(-50%);}

/* 비즈니스 상세페이지 공통 */
.detail .item_box{position:relative;}
.detail .item_box .text_box{width:80%; position:absolute; top:50%; left:10%; transform:translateY(-50%); text-align:left; color:#fff;}
.detail .item_box .text_box p.large{font-size:60px; font-weight:600; padding-bottom:0; padding-top:0;}
.detail .item_box .text_box p.middle{font-size:30px; font-weight:600;}
.detail .item_box .text_box p.small{font-size:20px; font-weight:300; padding-bottom:15px; line-height:1.25; padding-top:0;}
.detail .item_box .text_box p.small span{font-size:21px; font-weight:600;}

/* OVERVIEW */
.overview{width:100%; height:100%; background:#000; padding-top:100px;}
.overview .detail{}
.overview .detail .img_box{text-align:center;}
.overview .detail .img_box img{width:100%; display:none;}
.overview .detail .img_box .overview_img_pc{display:inline-block; max-width:1707px;}
.overview .detail .img_box .overview_img_pc_m{display:none; max-width:1200px;}