371 lines
15 KiB
PHP
371 lines
15 KiB
PHP
<? include "include/head.php"; ?>
|
|
<? include "include/top.php"; ?>
|
|
<section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-8" style="background-image: url(image/top.jpg);">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row mt-5">
|
|
|
|
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
|
|
|
<h1><?=$lang['SOLUTION_TEXT1']?></h1>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-12 align-self-center order-1">
|
|
|
|
<ul class="breadcrumb breadcrumb-light d-block text-center">
|
|
|
|
<li><a href="#">Home</a></li>
|
|
|
|
<li class="active">Solutions</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<div class="sub_bg">
|
|
<section class="">
|
|
<div class="container">
|
|
<div class="solution-box pt-0">
|
|
<div class="row justify-content-centerappear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">
|
|
<div class="col-md-12 col-xl-12 solution-text">
|
|
<h2 class="text-light mb-1"><?=$lang['SOLUTION_TEXT2']?></h2>
|
|
<p class="mb-5 blue_text"><?=$lang['SOLUTION_TEXT53']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT45']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT3']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT46']?></h5>
|
|
<p class="mb-0"><?=$lang['SOLUTION_TEXT4']?></p>
|
|
<p><?=$lang['SOLUTION_TEXT5']?></p>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4 solution2-section appear-animation <?=$lang['SOLUTION_EN2']?>" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
<div class="col-lg-3 col-md-12 p-relative mobile-m-b-50">
|
|
<div class="solution-arrow">
|
|
<img src="image/solution_arrow.png" alt="솔루션이미지">
|
|
</div>
|
|
<div class="solution_box">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h5><?=$lang['SOLUTION_TEXT6']?></h5>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<img src="image/solution5.jpg" alt="솔루션이미지">
|
|
<p class="mt-2 mb-4"><?=$lang['SOLUTION_TEXT7']?></p>
|
|
<img src="image/solution55.jpg" alt="솔루션이미지">
|
|
<p class="mt-2 mb-0"><?=$lang['SOLUTION_TEXT8']?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12 mobile-m-b-50">
|
|
<div class="solution-arrow">
|
|
<img src="image/solution_arrow.png" alt="솔루션이미지">
|
|
</div>
|
|
<div class="solution_box">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h5><?=$lang['SOLUTION_TEXT9']?></h5>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<img src="image/solution77.png" alt="솔루션이미지">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-12">
|
|
<div class="solution_box">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h5><?=$lang['SOLUTION_TEXT10']?></h5>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<img src="image/solution6.jpg" alt="솔루션이미지">
|
|
<p class="mt-2 mb-4"><?=$lang['SOLUTION_TEXT7']?></p>
|
|
<img src="image/solution66.jpg" alt="솔루션이미지">
|
|
<p class="mt-2 mb-0"><?=$lang['SOLUTION_TEXT8']?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="solution-box">
|
|
<div class="row justify-content-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">
|
|
<div class="col-md-12 col-xl-12 solution-text">
|
|
<h2 class="text-light mb-1"><?=$lang['SOLUTION_TEXT11']?></h2>
|
|
<p class="mb-5 blue_text"><?=$lang['SOLUTION_TEXT54']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT45']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT12']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT46']?></h5>
|
|
<p class="mb-0"><?=$lang['SOLUTION_TEXT13']?></p>
|
|
<p><?=$lang['SOLUTION_TEXT14']?></p>
|
|
</div>
|
|
</div>
|
|
<div class="row p-relative justify-content-center mt-4 appear-animation <?=$lang['SOLUTION_EN1']?>" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
<div class="solution-arrow">
|
|
<img src="image/solution_arrow.png" alt="솔루션이미지">
|
|
<p><?=$lang['SOLUTION_TEXT15']?></p>
|
|
</div>
|
|
<div class="col-xl-5 col-lg-6 col-md-10 col-sm-12 mobile-m-b-50">
|
|
<div class="solution_box">
|
|
<div class="row">
|
|
<div class="col-sm-6 col-xs-6">
|
|
<img src="image/solution1.png" alt="솔루션이미지" style="width:80%;">
|
|
<p class="mt-2 mb-0"><?=$lang['SOLUTION_TEXT16']?></p>
|
|
</div>
|
|
<div class="col-sm-6 col-xs-6">
|
|
<img src="image/solution2.png" alt="솔루션이미지" style="width:80%;">
|
|
<p class="mt-2 mb-0"><?=$lang['SOLUTION_TEXT17']?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5 col-lg-6 col-md-10 col-sm-12">
|
|
<div class="solution_box">
|
|
<div class="row">
|
|
<div class="col-sm-6 col-xs-6">
|
|
<img src="image/solution3.png" alt="솔루션이미지" style="width:80%;">
|
|
<p class="mt-2 mb-0">Ground-truth</p>
|
|
</div>
|
|
<div class="col-sm-6 col-xs-6">
|
|
<img src="image/solution4.png" alt="솔루션이미지" style="width:80%;">
|
|
<p class="mt-2 mb-0"><?=$lang['SOLUTION_TEXT18']?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="solution-box">
|
|
<div class="row justify-content-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">
|
|
<div class="col-md-12 col-xl-12 solution-text">
|
|
<h2 class="text-light mb-1"><?=$lang['SOLUTION_TEXT19']?></h2>
|
|
<p class="mb-5 blue_text"><?=$lang['SOLUTION_TEXT55']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT45']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT20']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT46']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT21']?></p>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
<div class="col-md-6">
|
|
<div class="solution_box">
|
|
<img src="image/solution_img1.jpg" alt="솔루션이미지" style="width:100%;">
|
|
<!-- <p class="mt-2 mb-0"><?=$lang['SOLUTION_TEXT22']?></p> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="solution_box">
|
|
<img src="image/solution_img2.jpg" alt="솔루션이미지" style="width:100%;">
|
|
<!-- <p class="mt-2 mb-0"><?=$lang['SOLUTION_TEXT22']?></p> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="solution-box">
|
|
<div class="row justify-content-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">
|
|
<div class="col-md-12 col-xl-12 solution-text">
|
|
<h2 class="text-light mb-1"><?=$lang['SOLUTION_TEXT23']?></h2>
|
|
<p class="mb-5 blue_text"><?=$lang['SOLUTION_TEXT56']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT45']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT24']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT46']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT25']?></p>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="row mt-4 solution2-section appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400"> -->
|
|
<!-- <div class="col-lg-12 col-md-12 p-relative mobile-m-b-50"> -->
|
|
<!-- <div class="solution_box"> -->
|
|
<!-- <div class="row"> -->
|
|
<!-- <div class="col-lg-4 mobile-mb-30"> -->
|
|
<!-- <div class="col-12"> -->
|
|
<!-- <h5>노후관로 상 · 하부 손상</h5> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="row"> -->
|
|
<!-- <div class="col-lg-12 col-sm-6 col-xs-6 mb-lg-4"> <img src="image/solution_n_1.png" alt="솔루션이미지"> -->
|
|
<!-- <div class="solution-new-arrow"> -->
|
|
<!-- <img src="image/solution_arrow.png" alt="솔루션이미지"> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="col-lg-12 col-sm-6 col-xs-6"> -->
|
|
<!-- <img src="image/solution_n_2.png" alt="솔루션이미지"> -->
|
|
<!-- <div class="solution-new-arrow2"> -->
|
|
<!-- <img src="image/solution_arrow.png" alt="솔루션이미지"> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="col-lg-4 mobile-mb-30"> -->
|
|
<!-- <div class="col-12"> -->
|
|
<!-- <h5 class="mobile-style">물길 형성 및 관로내부 토사유실</h5> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="row"> -->
|
|
<!-- <div class="col-lg-12 col-sm-6 col-xs-6 mb-lg-4"> <img src="image/solution_n_3.png" alt="솔루션이미지"> -->
|
|
<!-- <div class="solution-new-arrow"> -->
|
|
<!-- <img src="image/solution_arrow.png" alt="솔루션이미지"> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="col-lg-12 col-sm-6 col-xs-6"> -->
|
|
<!-- <img src="image/solution_n_4.png" alt="솔루션이미지"> -->
|
|
<!-- <div class="solution-new-arrow2"> -->
|
|
<!-- <img src="image/solution_arrow.png" alt="솔루션이미지"> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="col-lg-4"> -->
|
|
<!-- <div class="col-12"> -->
|
|
<!-- <h5>동공확대 , 도로함몰</h5> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="row"> -->
|
|
<!-- <div class="col-lg-12 col-sm-6 col-xs-6 mb-lg-4"> <img src="image/solution_n_5.png" alt="솔루션이미지"> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="col-lg-12 col-sm-6 col-xs-6"> -->
|
|
<!-- <img src="image/solution_n_6.png" alt="솔루션이미지"> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
</div>
|
|
<div class="solution-box pb-0">
|
|
<div class="row justify-content-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">
|
|
<div class="col-md-12 col-xl-12 solution-text">
|
|
<h2 class="text-light mb-1"><?=$lang['SOLUTION_TEXT26']?></h2>
|
|
<p class="mb-5 blue_text"><?=$lang['SOLUTION_TEXT57']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT45']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT27']?></p>
|
|
<h5><?=$lang['SOLUTION_TEXT46']?></h5>
|
|
<p><?=$lang['SOLUTION_TEXT28']?></p>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4 justify-content-center appear-animation mobile-d-none" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
<div class="col-lg-6 col-md-12 solution4-section m-b-30">
|
|
<div class="solution_box">
|
|
<h5><?=$lang['SOLUTION_TEXT29']?></h5>
|
|
<img src="image/solution8.png" alt="솔루션이미지">
|
|
<p class="mb-0"><?=$lang['SOLUTION_TEXT30']?></p>
|
|
</div>
|
|
<div class="solution_arrow1">
|
|
<?=$lang['SOLUTION_TEXT47']?>
|
|
</div>
|
|
<div class="solution_arrow5">
|
|
<?=$lang['SOLUTION_TEXT51']?>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12 m-b-30">
|
|
<div class="solution_box">
|
|
<h5><?=$lang['SOLUTION_TEXT31']?></h5>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-6 col-sm-6 col-xs-6 col-xs-12 m-b-30">
|
|
<div class="solution_box">
|
|
<p><?=$lang['SOLUTION_TEXT32']?></p>
|
|
<div class="row">
|
|
<div class="col-sm-6 ">
|
|
<img src="image/solution_icon6.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0 sm-m-b-30"><?=$lang['SOLUTION_TEXT33']?></p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img src="image/solution_icon7.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0"><?=$lang['SOLUTION_TEXT34']?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-sm-6 col-xs-6 m-b-30">
|
|
<div class="solution_box">
|
|
<p><?=$lang['SOLUTION_TEXT35']?></p>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<img src="image/solution_icon1.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0 sm-m-b-30"><?=$lang['SOLUTION_TEXT36']?></p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<img src="image/solution_icon2.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0"><?=$lang['SOLUTION_TEXT37']?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="solution_arrow2">
|
|
<?=$lang['SOLUTION_TEXT48']?>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-sm-6 col-xs-6 ">
|
|
<div class="solution_box">
|
|
<p><?=$lang['SOLUTION_TEXT38']?></p>
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<img src="image/solution_icon3.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0 sm-m-b-30"><?=$lang['SOLUTION_TEXT39']?></p>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<img src="image/solution_icon4.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0 sm-m-b-30"><?=$lang['SOLUTION_TEXT40']?></p>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<img src="image/solution_icon5.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0 sm-m-b-30"><?=$lang['SOLUTION_TEXT41']?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="solution_arrow3">
|
|
<?=$lang['SOLUTION_TEXT49']?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12 solution4-section m-b-30">
|
|
<div class="solution_box big-size">
|
|
<h5><?=$lang['SOLUTION_TEXT42']?></h5>
|
|
<img src="image/solution_icon8.png" class="solution-icon-img" alt="솔루션아이콘">
|
|
<p class="mb-0"><?=$lang['SOLUTION_TEXT43']?></p>
|
|
</div>
|
|
<div class="solution_arrow4">
|
|
<?=$lang['SOLUTION_TEXT50']?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="solution4 mt-4 appear-animation mobile-d-block" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
<div class="solution4-box">
|
|
<?=$lang['SOLUTION_TEXT52']?>
|
|
<button type="button" class="btn btn-outline btn-point rounded-0 mt-5" data-toggle="modal" data-target="#largeModal"><?=$lang['SOLUTION_TEXT44']?></button>
|
|
<div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="largeModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
<?=$lang['SOLUTION_TEXT52']?>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<? include "include/footer.php"; ?>
|