first commit 2
This commit is contained in:
hmw1001
@@ -0,0 +1,358 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* ==========================================================================
|
||||
서브 페이지 공통 레이아웃 (subpage common layout)
|
||||
========================================================================== */
|
||||
|
||||
/* --- 상단 비주얼 (Top Visual) --- */
|
||||
.sub-visual {
|
||||
position: relative;
|
||||
height: 250px;
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
color: #fff;
|
||||
}
|
||||
/* 각 페이지별 배경 이미지 설정 (경로는 테마에 맞게 수정해주세요) */
|
||||
.sub-visual.bg1 { background-image: url('../../../img/sub/sub/visual_bg_01.jpg'); } /* Hi창호는? */
|
||||
.sub-visual.bg2 { background-image: url('../img/sub/visual_bg_02.jpg'); } /* Hi 고객스토리 */
|
||||
|
||||
.sub-visual .inner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sub-visual .inner h2 {
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* --- 로컬 네비게이션 (LNB) --- */
|
||||
.lnb-wrap {
|
||||
position: relative;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.lnb {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.lnb .swiper-wrapper {
|
||||
display: flex;
|
||||
justify-content: center; /* PC에서는 중앙 정렬 */
|
||||
}
|
||||
|
||||
.lnb .swiper-slide {
|
||||
flex-shrink: 0; /* 모바일 스와이프를 위해 축소 방지 */
|
||||
width: auto; /* 내용에 맞게 너비 자동 조절 */
|
||||
}
|
||||
|
||||
.lnb .swiper-slide a {
|
||||
display: block;
|
||||
padding: 18px 30px;
|
||||
font-size: 17px;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
transition: color 0.3s;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lnb .swiper-slide.active a,
|
||||
.lnb .swiper-slide a:hover {
|
||||
color: #1c6a2f; /* 활성/호버 시 색상 */
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.lnb .swiper-slide.active a::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
background: #1c6a2f; /* 활성 메뉴 하단 바 */
|
||||
}
|
||||
|
||||
/* --- 메인 콘텐츠 영역 (Main Contents Area) --- */
|
||||
#container {
|
||||
padding: 80px 20px; /* 상하, 좌우 여백 */
|
||||
}
|
||||
|
||||
#contArea {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
text-align: center;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.sub-title h2 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
콘텐츠 스타일 (Contents Style)
|
||||
========================================================================== */
|
||||
.greetings .heading {
|
||||
|
||||
}
|
||||
/* --- 소개 페이지 (greetings) --- */
|
||||
.greetings .heading {
|
||||
position: relative;
|
||||
height: 350px;
|
||||
padding: 50px;
|
||||
margin-bottom: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
background-image: linear-gradient(to right, #2e67a7, #55a13f);
|
||||
}
|
||||
|
||||
.greetings .heading .img img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 108px;
|
||||
}
|
||||
|
||||
.greetings .heading .txt {
|
||||
position: relative;
|
||||
margin-left: 440px;
|
||||
}
|
||||
|
||||
.greetings .heading .txt .t2 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.greetings .content {
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.greetings .content p {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.greetings .content .lg-txt {
|
||||
font-size: 1.2em;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.greetings .content .text-green {
|
||||
color: #1c6a2f;
|
||||
}
|
||||
|
||||
/* --- 페이지 이동 링크 (doc-cnt) --- */
|
||||
.doc-cnt {
|
||||
margin-top: 80px;
|
||||
border-top: 1px solid #eee;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.link-group {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.link-group .col a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.link-group .col a:hover {
|
||||
color: #1c6a2f;
|
||||
}
|
||||
|
||||
.link-group .col a i {
|
||||
font-size: 20px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
/* --- 아이콘 리스트 (sub01_3.php) --- */
|
||||
.icon-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.icon-list li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.icon-list i {
|
||||
margin-right: 10px;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5;
|
||||
color: #1c6a2f; /* 아이콘 색상 */
|
||||
}
|
||||
|
||||
.icon-list .text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* --- 견적 폼 (sub02.php) --- */
|
||||
.form-group {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.form-group:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.form-group input[type="text"],
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
font-size: 1em;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-group .options {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 8px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.form-group .options label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 20px;
|
||||
padding: 8px 15px;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.form-group .options input[type="radio"],
|
||||
.form-group .options input[type="checkbox"] {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.form-group .sub-text {
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.well3 {
|
||||
border: 1px solid #ddd;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin-top: 20px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* --- 버튼 스타일 --- */
|
||||
.btn-group {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.btn-group button {
|
||||
padding: 12px 30px;
|
||||
font-size: 16px;
|
||||
margin: 0 10px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
.btn-group button[type="submit"] {
|
||||
background-color: #1c6a2f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-group button[type="button"] {
|
||||
background-color: #666;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-group button:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
반응형 스타일 (Responsive Style)
|
||||
========================================================================== */
|
||||
@media screen and (max-width: 992px) {
|
||||
.sub-visual .inner h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
.sub-title h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
#container {
|
||||
padding: 60px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.sub-visual {
|
||||
height: 200px;
|
||||
}
|
||||
.sub-visual .inner h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.lnb .swiper-wrapper {
|
||||
justify-content: flex-start; /* 모바일에서는 왼쪽부터 정렬 */
|
||||
}
|
||||
.lnb .swiper-slide a {
|
||||
padding: 15px 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.greetings .heading .txt .t2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.link-group {
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
.link-group .col {
|
||||
text-align: center;
|
||||
}
|
||||
.form-group .options {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
<?php
|
||||
//if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// 레이아웃 폴더내 style.css 파일
|
||||
|
||||
include_once '../../../../common.php';
|
||||
|
||||
// 2. 💡 [핵심] 우리가 만든 서브페이지 전용 CSS 파일을 동적으로 불러옵니다.
|
||||
// 이 코드는 반드시 head.php를 포함하기 전에 위치해야 합니다.
|
||||
//add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/rb.layout/'.$rb_core['layout'].'/style.css">', 0);
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/rb.custom/submenu/css/subpage.css?ver='.G5_SERVER_TIME.'">', 0);
|
||||
include_once(G5_THEME_PATH.'/head.php');
|
||||
?>
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>Hi창호는?</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<div class="greetings">
|
||||
|
||||
<!-- 💡 [삭제] <style> 태그는 subpage.css 파일로 통합되었으므로 삭제합니다. -->
|
||||
|
||||
<!-- *** 모바일 *** -->
|
||||
<?php if (is_mobile()) { ?>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<!-- 💡 [수정] 이미지 경로를 테마 URL 기준으로 변경합니다. -->
|
||||
<center><img src="<?php echo G5_THEME_URL; ?>/img/sub/sub/ksj.jpg" alt="Hi창호 소개 이미지"></center>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<p class="t2">
|
||||
<center>Hi 창호는 창호 교체를 쉽고 빠르게 도와주는 플랫폼입니다.<br>
|
||||
한 번에 여러 브랜드 견적을 비교하고 최적의 선택이 가능합니다.<br>
|
||||
제작부터 시공까지 믿을 수 있는 원스톱 서비스를 제공합니다.
|
||||
</center>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<!-- *** PC *** -->
|
||||
<?php if (!is_mobile()) { ?>
|
||||
<div class="heading">
|
||||
<div class="img"><img src="<?php echo G5_THEME_URL; ?>/img/sub/sub/ksj.jpg" alt="Hi창호 소개 이미지"></div>
|
||||
<div class="txt">
|
||||
<p class="t2">Hi 창호는 창호 교체를 쉽고 빠르게 도와주는 플랫폼입니다.<br>
|
||||
한 번에 여러 브랜드 견적을 비교하고 최적의 선택이 가능합니다.<br>
|
||||
제작부터 시공까지 믿을 수 있는 원스톱 서비스를 제공합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="content">
|
||||
<p>안녕하세요, Hi 창호입니다.<br>
|
||||
고객의 삶의 질을 높이는 창호 교체, 이제 Hi 창호와 함께 새롭게 경험해보세요.</p>
|
||||
|
||||
<p>Hi 창호는 아파트, 연립주택, 빌라, 전원주택 등 다양한 주거 형태에 맞춘 창호 교체를 전문적으로 지원하는 토탈 플랫폼입니다.<br>
|
||||
기존의 복잡하고 번거로운 견적 요청 과정을 획기적으로 개선하여, 단 한 번의 정보 입력만으로 여러 브랜드의 견적을 손쉽게 비교하고, 고객에게 가장 합리적인 선택지를
|
||||
제안합니다.</p>
|
||||
|
||||
<p>저희는 창호 제작 공장에서 제품을 직접 배송하고, 숙련된 전문 시공팀이 정확하고 깔끔하게 설치까지 책임지는 <strong>원스톱 서비스</strong>를 제공합니다.<br>
|
||||
단순한 교체를 넘어, 고객의 주거 환경과 예산, 취향을 반영한 <strong>맞춤형 솔루션</strong>을 통해 차별화된 품질과 만족을 약속드립니다.</p>
|
||||
|
||||
<p>Hi 창호는 투명한 가격, 고품질 제품, 그리고 믿을 수 있는 시공으로 고객 한 분 한 분의 소중한 공간을 더욱 가치 있게
|
||||
만듭니다.<br>
|
||||
편리함과 신뢰, 그리고 완성도 높은 결과까지. 창호 교체의 새로운 기준, Hi 창호가 만들어갑니다.</p>
|
||||
|
||||
<p>감사합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
include_once(G5_THEME_PATH . '/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,134 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg1">
|
||||
<div class="inner">
|
||||
<h2>Hi창호</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide"><a href="/sub01.php">Hi창호는?</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub01_2.php">Hi창호 차별화 서비스</a></li>
|
||||
<li class="swiper-slide "><a href="/sub01_3.php">창호전문상담가</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>Hi창호 차별화 서비스</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
<!-- *** 모바일 ------------------------------------------------------------------------>
|
||||
<?php if(is_mobile()){ ?>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6"><center><img src="/theme/rd.lwd/img/sub/sub/ksjj.jpg" alt=""></center></div>
|
||||
<div class="col-lg-6 col-sm-6"><p class="t2"><center>수 십개 창호 브랜드 견적, 방문 견적서비스<br>
|
||||
직영 시공체재</center></p></div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<!-- *** PC ---------------------------------------------------------------------------->
|
||||
<?php if(!is_mobile()){ ?>
|
||||
<div class="heading">
|
||||
<div class="img"><img src="/theme/rd.lwd/img/sub/sub/ksjj.jpg" alt=""></div>
|
||||
<div class="txt">
|
||||
<!-- <p class="t1">The best choice, the best reward</p> -->
|
||||
<p class="t2">수 십개 창호 브랜드 견적, 방문 견적서비스<br>
|
||||
직영 시공체재</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<!-- //pc ------------------------------------------------------------------------------>
|
||||
|
||||
|
||||
|
||||
<div class="content">
|
||||
<p class="lg-txt"><strong class="text-green">Hi 창호 제공서비스 및 차별화1</strong><br>
|
||||
<strong>수 십개 창호 브랜드 견적, 방문 견적서비스</strong></p>
|
||||
|
||||
<p>홈페이지 간단 입력 후 수십개 창호 브랜드 견적<br>
|
||||
국내 존재하는 수십개 브랜드의 견적을 받아보실 수 있습니다.<br>
|
||||
여기에 같은 브랜드에 다른 견적까지 받아 볼 수 있습니다.</p>
|
||||
|
||||
<p>고객이 직접 창호 사양을 입력 후 견적을 받습니다.</p>
|
||||
|
||||
<p>창호 견적 방문 서비스<br>
|
||||
'하이' 창호 ‘창호 전문 상담가’가 집을 방문해 현장 답사 후 정확한 견적을 받을 수 있도록 도와드립니다.<br>
|
||||
단, 방문 상담비는 3만원입니다.</p>
|
||||
|
||||
<p>입력 견적의 경우 실제 창호리모델링 진행 시 금액이 달라질 수 있지만 창호 전문 상담가가 방문해 작성된 견적은 그대로 진행합니다.<br>
|
||||
창호 견적에는 ‘현장 상황’과 ‘실측 사이즈’에 따라 견적이 많이 달라집니다.</p>
|
||||
|
||||
<p>3만원으로 시간 절약 등 스트레스를 최소화 하세요!!!<br>
|
||||
3만원 견적비는 실제 진행할 경우 2만원을 돌려드립니다.</p>
|
||||
|
||||
<p class="lg-txt"><strong class="text-green">Hi 창호 제공서비스 및 차별화2</strong><br>
|
||||
<strong>직영시공체재</strong></p>
|
||||
|
||||
<p>하이’ 창호는 직영 시공체제를 운영하고 있습니다.<br>
|
||||
또한 창호 제작 노하우를 갖춘 전국의 각 브랜드별 우수 창호 제작업체들을 직접 선정해 창호 제품을 공급하고 있습니다.</p>
|
||||
|
||||
<p>'Hi' 창호는 30년 이상 창호를 연구한 전문인력이 '하이' 창호를 믿고 가성비 좋은 창호 리모델링을 구현해 드립니다.</p>
|
||||
|
||||
<p>'창호' 어려우셨죠! 안심 하시고 저희만 믿고 따라와 주시면 됩니다.</p>
|
||||
|
||||
<p>창호 리모델링에서 창호 제품과 시공이 모두 중요합니다. 즉 50%인 제작과 50%인 시공으로 이뤄져 있습니다.<br>
|
||||
어느 한 쪽도 무시할 순 없지만 제작은 기계의 힘을 빌리지만 시공은 오로지 사람에 의존하기 때문에 시공에 무게를 두는 것이 맞습니다.<br>
|
||||
이에 저희 'Hi' 창호는 직영 시공체재를 유지하고 있어 안심하고 믿으셔도 됩니다.</p>
|
||||
|
||||
<p>3만원으로 시간 절약 등 스트레스를 최소화 하세요!!!<br>
|
||||
3만원 견적비는 실제 진행할 경우 2만원을 돌려드립니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<div class="doc-cnt">
|
||||
<div class="link-group">
|
||||
<div class="col">
|
||||
<a href="/sub01_3.php"><i class="xi-arrow-left"></i> <strong>창호 전문 상담가 바로가기</strong></a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a href="/sub02.php"><strong>창호견적 바로가기</strong> <i class="xi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,238 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg1">
|
||||
<div class="inner">
|
||||
<h2>Hi창호</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide"><a href="/sub01.php">Hi창호는?</a></li>
|
||||
<li class="swiper-slide"><a href="/sub01_2.php">Hi창호 차별화 서비스</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub01_3.php">창호전문상담가</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>창호전문상담가</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
<!-- *** 모바일 ------------------------------------------------------------------------>
|
||||
<?php if(is_mobile()){ ?>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6"><center><img src="/theme/rd.lwd/img/sub/sub/kssjj.jpg" alt=""></center></div>
|
||||
<div class="col-lg-6 col-sm-6"><p class="t2"><center>'창호 전문 상담가'의 업무는<br>
|
||||
창문에 대한 실측 · 창문 종류 · 유리 · 시공 등 복합적으로 알려드립니다!</center></p></div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<!-- *** PC ---------------------------------------------------------------------------->
|
||||
<?php if(!is_mobile()){ ?>
|
||||
<div class="heading">
|
||||
<div class="img"><img src="/theme/rd.lwd/img/sub/sub/kssjj.jpg" alt=""></div>
|
||||
<div class="txt">
|
||||
<!-- <p class="t1">The best choice, the best reward</p> -->
|
||||
<p class="t2">'창호 전문 상담가'의 업무는<br>
|
||||
창문에 대한 실측 · 창문 종류 · 유리 · 시공 등<br>복합적으로 알려드립니다!</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<!-- //pc ------------------------------------------------------------------------------>
|
||||
|
||||
<style>
|
||||
.icon-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.icon-list li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.icon-list i {
|
||||
margin-right: 10px;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.icon-list .text {
|
||||
flex: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="content">
|
||||
<!-- 01 -->
|
||||
<ul class="icon-list">
|
||||
<li>
|
||||
<i class="xi-view-list"></i>
|
||||
<div class="text">
|
||||
<font color="#000000">상담자가 어떤 일을 하는지, 그리고 상담받을 때 어떤 점을 확인해야 하는지 쉽게 설명해 드릴게요! <br>
|
||||
‘창호 전문 상담가’는 우선 견적과 실제 시공 간의 편차를 줄여줍니다.<br>
|
||||
현장을 방문해 실측해서 정확한 금액을 산출하기 위함입니다.</font>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="xi-view-list"></i>
|
||||
<div class="text">
|
||||
<font color="#000000">창문에 대한 궁금한 사항, 창문 설치 과정, 시공 등의 정보를 친절히 알려드리고, 창문 설치가 안전하고 정확하게 이루어지도록 도와드려요. <br>
|
||||
실측(정확한 치수 측정)부터 시공 일정 안내, 창문 교체 후 주의사항까지 모두 책임지고 안내해 드려요.</font>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- //01 -->
|
||||
|
||||
<p> </p>
|
||||
<p><font color="#3366cc"><strong>1. 상담 전 – 사전 예약 및 방문 준비</strong></font>
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</p>
|
||||
|
||||
<p><i class="xi-check-square"></i> <strong>주부님</strong> : 창호 상담을 받고 싶은데, 어떻게 예약해야 하나요?<br>
|
||||
<i class="xi-check-square"></i> <strong><font color="#ff6600">Hi창호</font></strong><br>
|
||||
먼저 ‘Hi창호’ 홈페이지 방문 후 ‘방문 상담 예약’을 하세요.<br>그럼 ‘창호 전문 상담가’가 지정되어 고객님께 연락을 합니다.<br>
|
||||
방문할 때는 단정한 복장으로 찾아 뵙고, 정확한 상담을 진행할 준비를 합니다.</p>
|
||||
|
||||
<p><i class="xi-view-list"></i> <font color="#000000">상담 전 미리 확인하는 것</font><br>
|
||||
- 가족분들의 일정도 고려하여 편한 시간을 선택하세요.
|
||||
</p>
|
||||
|
||||
<p><i class="xi-key"></i> <strong>주부님 TIP!</strong><br>
|
||||
- 상담을 받기 전에 "현재 창문의 문제점"을 미리 정리해두면 상담이 훨씬 수월해요!</p>
|
||||
|
||||
<p> </p>
|
||||
<p><font color="#3366cc"><strong>2. 창호 실측 – 정확한 치수를 확인하는 과정!</strong></font>
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</p>
|
||||
<p><i class="xi-check-square"></i> <strong>주부님</strong> : 창호 실측이 왜 중요한가요?<br>
|
||||
<i class="xi-check-square"></i> <strong><font color="#ff6600">Hi창호</font></strong><br>
|
||||
실측이 잘못되면 창문이 틀에 맞지 않아 설치가 어려울 수 있어요. 그럼 창호를 다시 제작해야 합니다.<br>비용이 2배 발생합니다. 그래서 창문의 위치, 벽 두께, 유리 종류, 방충망 여부까지 꼼꼼하게 체크해야 해요.</p>
|
||||
|
||||
<p><i class="xi-view-list"></i> <font color="#000000">실측할 때 확인하는 것</font><br>
|
||||
- 교체할 창문의 위치 확인<br>
|
||||
- 창문이 들어갈 공간(개구부)의 가로•세로 길이 측정<br>
|
||||
- 벽 두께, 가스 배관•연통 위치 확인<br>
|
||||
- 창문 개폐 방향(오른쪽 or 왼쪽) 체크<br>
|
||||
- 유리 사양(단열 유리, 방음 유리 등) 및 방충망 유무 확인<br>
|
||||
</p>
|
||||
|
||||
<p><i class="xi-key"></i> <strong>주부님 TIP!</strong><br>
|
||||
- 상담할 때 ‘내가 원하는 창’ 또는 ‘우리집에 필요한 창문’을 검색 등을 통해해 미리 생각해보시면 더 정확한 상담을 받을 수 있어요!</p>
|
||||
|
||||
<p> </p>
|
||||
<p><font color="#3366cc"><strong>3. 현장 점검 – 시공할 때 문제가 없는지 미리 체크!</strong></font>
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</p>
|
||||
<p><i class="xi-check-square"></i> <strong>주부님</strong> : 시공할 때 예상하지 못한 문제가 생기진 않을까요?<br>
|
||||
<i class="xi-check-square"></i> <strong><font color="#ff6600">Hi창호</font></strong><br>
|
||||
그런 일이 없도록 미리 현장을 점검해요.<br>
|
||||
특히 <strong>가구나 세탁기 같은 가전제품과 창문의 간섭 여부</strong>를 체크하는 게 중요해요!</p>
|
||||
|
||||
<p><i class="xi-view-list"></i> <font color="#000000">미리 체크하는 것</font><br>
|
||||
- 사다리차가 필요한지(고층일 경우)<br>
|
||||
- 거주 중인 집인지, 공사 중인 집인지<br>
|
||||
- 세탁기, 장롱 등 가구 간섭 여부<br>
|
||||
- 세탁기가 타워형이라면 AS기사 방문이 필요한지 안내<br>
|
||||
- 시공 일정이 잡히면 관리사무실·경비실에 공사 일정 통보<br>
|
||||
</p>
|
||||
|
||||
<p><i class="xi-key"></i> <strong>주부님 TIP!</strong><br>
|
||||
- "우리 집 창문이 어떤 구조인지, 가구 배치가 창문과 겹치는 부분이 있는지" 미리 확인해 보시면 좋아요!</p>
|
||||
|
||||
<p> </p>
|
||||
<p><font color="#3366cc"><strong>4. 창호 견적 진행 </strong></font>
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</p>
|
||||
<p><i class="xi-check-square"></i> <strong>주부님</strong> : 실측 후 창호리모델링 견적을 주시는 건가요?<br>
|
||||
<i class="xi-check-square"></i> <strong><font color="#ff6600">Hi창호</font></strong><br>
|
||||
상담이 끝나면, ‘창호 전문 상담가’가 견적서를 만들어서 고객님께 전달 또는 홈페이지에서 확인이 가능합니다. 이때 견적서는 다양한 브랜드로 여러 개의 견적서를 받아 보실 수 있습니다. 여기에 같은 브랜드에 다른 견적도 받아 보실 수 있습니다. 이후에 창호리모델링을 결정하시면 창호 제작 및 시공이 진행됩니다.<br>
|
||||
시공을 진행하기로 결정하셨다면, 창호 제작 기간과 설치 날짜를 안내해 드릴 거예요.</p>
|
||||
|
||||
<p><i class="xi-view-list"></i> <font color="#000000">시공을 결정하셨다면 주부님이 준비할 것</font><br>
|
||||
- 창문 주변 물건을 미리 치워두면 더 빠르고 안전한 시공이 가능해요<br>
|
||||
- 시공 당일 먼지가 날릴 수 있으니, 예민한 물건(옷, 침구류 등)은 덮어두는 것도 좋아요.<br>
|
||||
- 공사일에 관리사무소에서 공사 일정 승인이 필요한 경우, 미리 확인해 주세요.<br>
|
||||
</p>
|
||||
|
||||
<p><i class="xi-key"></i> <strong>주부님 TIP!</strong><br>
|
||||
- 공사일에 집에 계시는 게 가장 좋아요! 혹시 일정이 안 맞는다면 가족분께 맡겨주셔도 됩니다.</p>
|
||||
|
||||
<p> </p>
|
||||
<p><font color="#3366cc"><strong>5. 창문 설치 후, 마무리 및 A/S 안내</strong></font>
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</p>
|
||||
<p><i class="xi-check-square"></i> <strong>주부님</strong> : 창문 시공이 끝난 후에는 어떤 일정이 남아 있나요?<br>
|
||||
<i class="xi-check-square"></i> <strong><font color="#ff6600">Hi창호</font></strong><br>
|
||||
네! 창문이 제대로 설치되었는지 ‘창호 전문 시공자’와 함께 꼭 확인하셔야 해요. 우선 시공 당일에 시공 완료에 대한 여러가지 사항을 고객님과 함께 체크해 드립니다. 이후에 궁금한 점이 있다면 홈페이지 문의를 통해 글로 답변이 기본 원칙이고 필요에 따라 전화나 방문을 진행합니다.</p>
|
||||
|
||||
<p><i class="xi-view-list"></i> <font color="#000000">설치 후 확인할 것</font><br>
|
||||
- 창문이 부드럽게 열리고 닫히는지 확인하기<br>
|
||||
- 틈새 없이 밀착되었는지 체크하기<br>
|
||||
- 손잡이, 잠금장치가 정상적으로 작동하는지 테스트하기<br>
|
||||
- A/S(사후 서비스) 기간과 보증 범위 확인하기
|
||||
</p>
|
||||
|
||||
<p><i class="xi-key"></i> <strong>주부님 TIP!</strong><br>
|
||||
- 창문 설치 후 이상이 있으면 바로 이야기해주세요! 사소한 문제도 바로 해결하는 게 중요해요.</p>
|
||||
|
||||
<p><i class="xi-check-square"></i> <strong>창호 상담자를 통해 더 안전하고 편리한 창문 교체를!</strong><br>
|
||||
- 창문 교체를 고민하고 계신다면, 창호 상담자와 충분히 상담해보세요!<br>
|
||||
- 단순히 창문을 교체하는 게 아니라, 우리 집에 딱 맞는 창문을 찾고 안전하게 설치하는 과정이에요.</p>
|
||||
|
||||
<p><i class="xi-check-square"></i> <strong>궁금한 점이 있다면 언제든지 문의하세요! </strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
<p> </p>
|
||||
<p> </p>
|
||||
<!-- <div class="doc-cnt">
|
||||
<div class="link-group">
|
||||
<div class="col">
|
||||
<a href="/sub01_3.php"><i class="xi-arrow-left"></i> <strong>창호 전문 상담가 바로가기</strong></a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a href="/sub02.php"><strong>창호견적 바로가기</strong> <i class="xi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,81 @@
|
||||
<?php
|
||||
if (!defined('_INDEX_')) define('_INDEX_', true);
|
||||
//if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
// 1. 그누보드 공통 파일을 포함하여 기본 설정을 불러옵니다.
|
||||
include_once '../../../../common.php';
|
||||
|
||||
// 2. 💡 [핵심] 우리가 만든 서브페이지 전용 CSS 파일을 동적으로 불러옵니다.
|
||||
// 이 코드는 반드시 head.php를 포함하기 전에 위치해야 합니다.
|
||||
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/rb.custom/submenu/css/subpage.css?ver='.G5_SERVER_TIME.'">', 0);
|
||||
|
||||
// 3. 💡 [핵심] 그누보드 원본 head.php 대신, 현재 '적용된 테마'의 head.php를 불러옵니다.
|
||||
// 이렇게 해야 사이트의 공통 헤더, 메뉴, 전체 스타일이 적용됩니다.
|
||||
include_once(G5_THEME_PATH.'/head.php');
|
||||
?>
|
||||
<div id="container" class="sub-page">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>Hi창호는?</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<div class="greetings">
|
||||
|
||||
<!-- 💡 [삭제] <style> 태그는 subpage.css 파일로 통합되었으므로 삭제합니다. -->
|
||||
|
||||
<!-- *** 모바일 *** -->
|
||||
<?php if (is_mobile()) { ?>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<!-- 💡 [수정] 이미지 경로를 테마 URL 기준으로 변경합니다. -->
|
||||
<center><img src="<?php echo G5_THEME_URL; ?>/img/sub/sub/ksj.jpg" alt="Hi창호 소개 이미지"></center>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<p class="t2">
|
||||
<center>Hi 창호는 창호 교체를 쉽고 빠르게 도와주는 플랫폼입니다.<br>
|
||||
한 번에 여러 브랜드 견적을 비교하고 최적의 선택이 가능합니다.<br>
|
||||
제작부터 시공까지 믿을 수 있는 원스톱 서비스를 제공합니다.
|
||||
</center>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<!-- *** PC *** -->
|
||||
<?php if (!is_mobile()) { ?>
|
||||
<div class="heading">
|
||||
<div class="img"><img src="<?php echo G5_THEME_URL; ?>/img/sub/sub/ksj.jpg" alt="Hi창호 소개 이미지"></div>
|
||||
<div class="txt">
|
||||
<p class="t2">Hi 창호는 창호 교체를 쉽고 빠르게 도와주는 플랫폼입니다.<br>
|
||||
한 번에 여러 브랜드 견적을 비교하고 최적의 선택이 가능합니다.<br>
|
||||
제작부터 시공까지 믿을 수 있는 원스톱 서비스를 제공합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="content">
|
||||
<p>안녕하세요, Hi 창호입니다.<br>
|
||||
고객의 삶의 질을 높이는 창호 교체, 이제 Hi 창호와 함께 새롭게 경험해보세요.</p>
|
||||
|
||||
<p>Hi 창호는 아파트, 연립주택, 빌라, 전원주택 등 다양한 주거 형태에 맞춘 창호 교체를 전문적으로 지원하는 토탈 플랫폼입니다.<br>
|
||||
기존의 복잡하고 번거로운 견적 요청 과정을 획기적으로 개선하여, 단 한 번의 정보 입력만으로 여러 브랜드의 견적을 손쉽게 비교하고, 고객에게 가장 합리적인 선택지를
|
||||
제안합니다.</p>
|
||||
|
||||
<p>저희는 창호 제작 공장에서 제품을 직접 배송하고, 숙련된 전문 시공팀이 정확하고 깔끔하게 설치까지 책임지는 <strong>원스톱 서비스</strong>를 제공합니다.<br>
|
||||
단순한 교체를 넘어, 고객의 주거 환경과 예산, 취향을 반영한 <strong>맞춤형 솔루션</strong>을 통해 차별화된 품질과 만족을 약속드립니다.</p>
|
||||
|
||||
<p>Hi 창호는 투명한 가격, 고품질 제품, 그리고 믿을 수 있는 시공으로 고객 한 분 한 분의 소중한 공간을 더욱 가치 있게
|
||||
만듭니다.<br>
|
||||
편리함과 신뢰, 그리고 완성도 높은 결과까지. 창호 교체의 새로운 기준, Hi 창호가 만들어갑니다.</p>
|
||||
|
||||
<p>감사합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php
|
||||
include_once(G5_THEME_PATH.'/tail.php');
|
||||
@@ -0,0 +1,874 @@
|
||||
<script>location.href = '/bbs/board.php?bo_table=order';</script>
|
||||
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH . '/thumbnail.lib.php';
|
||||
include_once G5_PATH . '/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg2">
|
||||
<div class="inner">
|
||||
<h2>Hi 고객스토리</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide active "><a href="/sub02.php">창호견적</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_1.php">시공견적</a></li>
|
||||
<li class="swiper-slide "><a href="/sub02_2.php">창호소비효율등급제</a></li>
|
||||
<li class="swiper-slide "><a href="/sub02_3.php">창호리모델링시대</a></li>
|
||||
<li class="swiper-slide "><a href="/sub02_4.php">고객이 알아야 할 창호시공 10선</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>창호견적</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width: 992px) {
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<!-- 입력폼 style -->
|
||||
<style>
|
||||
.form-group {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 0px solid #eee;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
font-size: 1em;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.options {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.options label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #f9f9f9;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 20px;
|
||||
padding: 6px 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.options input[type="radio"] {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.sub-text {
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.image-box {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.image-box img {
|
||||
width: 150px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.input-inline {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.placeholder-input {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.options,
|
||||
.image-box,
|
||||
.input-inline {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
appearance: none; /* 브라우저 기본 체크박스 제거 */
|
||||
-webkit-appearance: none;
|
||||
border: 3px solid #000000; /* 진한 테두리 */
|
||||
border-radius: 3px;
|
||||
background-color: white;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked::before {
|
||||
content: '✔';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -55%); /* 정확히 중앙으로 이동 */
|
||||
font-size: 16px;
|
||||
color: #990000;
|
||||
line-height: 1;
|
||||
}
|
||||
</style>
|
||||
<!-- //입력폼 style -->
|
||||
|
||||
|
||||
<div class="content">
|
||||
<!-------------------------------- 입력폼 시작 -------------------------------->
|
||||
<form action="/submit" method="post">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<label>1. 주소</label>
|
||||
<input type="text" placeholder="주소를 입력하세요">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<div class="form-group">
|
||||
<label>2. 평형</label>
|
||||
<input type="text" placeholder="평형 입력" style="width: 100px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group">
|
||||
<label>3. 집의 형태</label>
|
||||
<div class="options">
|
||||
<label><input type="radio" name="house-type"> 아파트</label>
|
||||
<label><input type="radio" name="house-type"> 빌라</label>
|
||||
<label><input type="radio" name="house-type"> 신축</label>
|
||||
<label><input type="radio" name="house-type"> 전원주택</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-group">
|
||||
<label>4. 창 재질</label>
|
||||
<div class="options">
|
||||
<label><input type="radio" name="material"> PVC(폴리염화비닐)</label>
|
||||
<label><input type="radio" name="material"> AL(알루미늄)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 제품선택 --------------------------------->
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="well3">
|
||||
<font color="#cc0000"><i class="xi-touch"></i> <strong>5. 아래의 선택은 복수 선택이
|
||||
가능합니다!</strong></font>
|
||||
|
||||
|
||||
<!-- 제품선택영역 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="form-group">
|
||||
<center><img src="../images/sub/sub02_01.jpg" alt=""></center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#3366cc"><span
|
||||
style="font-size: 21px;">거실 발코니1</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
※ 단창은 창짝이 2개, 이중창은 창짝이 4개<br>
|
||||
※ 분합창 : 거실과 베란다 사이의 문<br>
|
||||
※ 발코니창 : 베란다 외부와 접한 창
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
※ 방충망은 외부에 접한 외창에 기본설치<br>
|
||||
※ 내창은 고객 선택
|
||||
</div>
|
||||
<!-- <div class="sub-text">
|
||||
※ 내창: 외부에 접하지 않은 내부의 창<br>
|
||||
※ 외창: 외부에 접한 창
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#3366cc"><span
|
||||
style="font-size: 21px;">거실 발코니2</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#006600"><span
|
||||
style="font-size: 21px;">안방 발코니1</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#006600"><span
|
||||
style="font-size: 21px;">안방 발코니2</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#ff6600"><span
|
||||
style="font-size: 21px;">뒤베란다 외부창1</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#ff6600"><span
|
||||
style="font-size: 21px;">뒤베란다 외부창2</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#ff6600"><span
|
||||
style="font-size: 21px;">뒤베란다 외부창3</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#990000"><span
|
||||
style="font-size: 21px;">다용도실 외부창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#990000"><span
|
||||
style="font-size: 21px;">다용도실 내부창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">안방 내창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">거실 분합 내창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">주방 터닝도어 내창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">입구방</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">다용도실문 내창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">건너방 분합문 내창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">안방 분합문</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-6">
|
||||
<div class="well2">
|
||||
<div class="form-group">
|
||||
<label><input type="checkbox" name="replace"> <font color="#000000"><span
|
||||
style="font-size: 21px;">주방창</span></font></label>
|
||||
<div class="options">
|
||||
■ 기존창 규격 :
|
||||
<input type="text" placeholder="가로" style="width: 100px;"><span>X</span>
|
||||
<input type="text" placeholder="세로" style="width: 100px;">
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창비율 :
|
||||
<label><input type="radio" name="ratio"> 1 대 1</label>
|
||||
<label><input type="radio" name="ratio"> 1 대 1.5 대 1</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 창호형태 :
|
||||
<label><input type="radio" name="ratio"> 단창</label>
|
||||
<label><input type="radio" name="ratio"> 이중창</label>
|
||||
<label><input type="radio" name="ratio"> 분합창</label>
|
||||
<label><input type="radio" name="ratio"> 발코니창</label>
|
||||
</div>
|
||||
<div class="options">
|
||||
■ 방충망 :
|
||||
<label><input type="radio" name="ratio"> 유</label>
|
||||
<label><input type="radio" name="ratio"> 무</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //제품선택영역 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- //제품선택 끝 ----------------------------->
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="form-group">
|
||||
<label>6. 창호색상</label>
|
||||
<div class="options">
|
||||
<label><input type="radio" name="color"> 일반 백색</label>
|
||||
<label><input type="radio" name="color"> 도장(색지정)</label>
|
||||
</div>
|
||||
<div class="sub-text">
|
||||
※ 도장 - 창호는 기본 백색으로 생산하지만 고객이 지정색을 원할 경우 색을 입히는 비용 추가
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-group">
|
||||
<label>7. 교체부위</label>
|
||||
<div class="options">
|
||||
<label><input type="radio" name="glass"> 전체</label>
|
||||
<label><input type="radio" name="glass"> 외창</label>
|
||||
<label><input type="radio" name="glass"> 내창</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-group">
|
||||
<label>8. 핸들사양</label>
|
||||
<div class="options">
|
||||
<label><input type="radio" name="handle"> 자동</label>
|
||||
<label><input type="radio" name="handle"> 일반</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="form-group">
|
||||
<label>9. 유리사양</label>
|
||||
<div class="options">
|
||||
<label><input type="radio" name="glass"> 로이</label>
|
||||
<label><input type="radio" name="glass"> 일반</label>
|
||||
</div>
|
||||
<div class="sub-text">
|
||||
※ 로이유리 - 일반 유리 표면에 단열 코팅
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-group">
|
||||
<label>10. 유리색상</label>
|
||||
<div class="options">
|
||||
<label><input type="radio" name="glass-color"> 투명</label>
|
||||
<label><input type="radio" name="glass-color"> 그린</label>
|
||||
<label><input type="radio" name="glass-color"> 미스트(불투명)</label>
|
||||
<input type="text" placeholder="기타" onfocus="this.placeholder=''"
|
||||
onblur="this.placeholder='기타'">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="form-group">
|
||||
<label>11. 추가사항</label>
|
||||
<textarea rows="5" placeholder="추가로 필요한 내용을 입력해 주세요"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 버튼 영역 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div style="margin-top: 20px;">
|
||||
<center>
|
||||
<button type="submit">보내기</button>
|
||||
<button type="button" onclick="history.back();">취소</button>
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
button {
|
||||
padding: 12px 30px; /* 높이와 너비 늘림 */
|
||||
font-size: 16px; /* 글자 크기 키움 */
|
||||
margin: 0 10px; /* 버튼 사이 여백 */
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
}
|
||||
|
||||
button[type="button"] {
|
||||
background-color: #f44336;
|
||||
color: white;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
</style>
|
||||
</form>
|
||||
<!-------------------------------- //입력폼 시작 -------------------------------->
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH . '/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,197 @@
|
||||
<?php
|
||||
include_once('./_common.php');
|
||||
|
||||
// 페이지 제목 설정
|
||||
$g5['title'] = '시공견적 안내';
|
||||
|
||||
// 헤더 파일 포함
|
||||
include_once(G5_PATH.'/head.php');
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
|
||||
<div class="sub-visual bg2">
|
||||
<div class="inner">
|
||||
<h2>Hi 고객스토리</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide"><a href="/sub02.php">창호견적</a></li>
|
||||
<li class="swiper-slide active"><a href="/sub02_1.php">시공견적</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_2.php">창호소비효율등급제</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_3.php">창호리모델링시대</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_4.php">고객이 알아야 할 창호시공 10선</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>시공견적 페이지</h2>
|
||||
</div>
|
||||
|
||||
<div class="real-cont">
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
<style>
|
||||
/* 페이지 전용 스타일 */
|
||||
.estimate-guide-content h3.doc-tit { font-size: 22px; color: #003300; margin-bottom: 20px; }
|
||||
.estimate-guide-content p { margin-bottom: 15px; color: #555; line-height: 1.8; }
|
||||
.variable-list { list-style: none; padding-left: 20px; margin-bottom: 20px; }
|
||||
.variable-list li { position: relative; margin-bottom: 10px; padding-left: 5px; }
|
||||
.variable-list li:before { content: '✓'; position: absolute; left: -20px; color: #3d6cb9; font-weight: bold; }
|
||||
.important-notice { background-color: #fffbe6; border: 1px solid #ffe58f; border-radius: 8px; padding: 15px 20px; color: #8a6d3b; margin-top: 20px; }
|
||||
.important-notice i { margin-right: 10px; }
|
||||
.cost-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 15px; }
|
||||
.cost-table th, .cost-table td { border: 1px solid #ddd; padding: 12px; text-align: left; }
|
||||
.cost-table th { background-color: #f9f9f9; font-weight: bold; }
|
||||
.cost-table td:last-child { text-align: right; font-family: 'Malgun Gothic', sans-serif; }
|
||||
.calculator-box { background-color: #f5faff; border: 1px solid #d6eaff; border-radius: 8px; padding: 25px; margin-top: 20px; }
|
||||
.calculator-box .input-group { display: flex; align-items: center; margin-bottom: 15px; }
|
||||
.calculator-box label { width: 100px; font-weight: bold; }
|
||||
.calculator-box input[type="number"] { flex-grow: 1; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
|
||||
.calculator-box button { display: block; width: 100%; padding: 12px; background-color: #3d6cb9; color: white; border: none; border-radius: 4px; font-size: 18px; cursor: pointer; transition: background-color 0.2s; }
|
||||
.calculator-box button:hover { background-color: #2c5282; }
|
||||
#result-display { margin-top: 20px; padding: 15px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; font-size: 18px; text-align: center; }
|
||||
#result-display span { font-weight: bold; color: #d9534f; }
|
||||
|
||||
@media screen and (max-width:992px){
|
||||
.row { display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; flex-direction: column; }
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="content estimate-guide-content">
|
||||
<h3 class="doc-tit"><font color="#003300">창호 시공비 안내</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<p>
|
||||
고객님이 시공을 의뢰할 경우 참고하는 ‘시공견적페이지’입니다. 이곳에서는 창호 시공 진행과정에 따른 금액 변동을 알 수 있습니다.
|
||||
</p>
|
||||
<p>
|
||||
창호 시공 금액이 변동될 수 있는 항목들을 확인하시고 항목들에 따라서 추가되는 금액을 확인하신 후 ‘창호전문상담가’가 추후에 방문해 다시 자세하게 설명해 드립니다.
|
||||
</p>
|
||||
<p>
|
||||
이곳에서는 창호 틀당 고객님이 직접 시공비를 산출하실 수도 있습니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">창호 시공 시 현장 변동 항목</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<p>
|
||||
아래는 창호 시공 시 현장 상황에 따라 시공비가 달라질 수 있는 주요 항목들입니다.
|
||||
</p>
|
||||
<ul class="variable-list">
|
||||
<li>층고에 따른 사다리차 가능 유무 (윈치 작업)</li>
|
||||
<li>하부타일 마감</li>
|
||||
<li>베란다 확장</li>
|
||||
<li>상부장 탈부착 (씽크대)</li>
|
||||
<li>하리(구조물) 절단</li>
|
||||
<li>엘리베이터 사용 여부</li>
|
||||
</ul>
|
||||
<p class="important-notice">
|
||||
<i class="fa fa-exclamation-triangle"></i>
|
||||
위의 현장 상황에 따라서 시공비 편차가 많이 발생할 수 있기 때문에, 실제 시공 시에는 <strong>창호전문상담가의 방문을 원칙</strong>으로 하고 있습니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">주요 추가 비용 항목 (예시)</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<table class="cost-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>항목</th>
|
||||
<th>비용 (VAT 별도)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>스카이 장비</td><td>600,000원</td></tr>
|
||||
<tr><td>사다리차</td><td>300,000원</td></tr>
|
||||
<tr><td>윈치</td><td>300,000원</td></tr>
|
||||
<tr><td>하부타일 마감</td><td>100,000원</td></tr>
|
||||
<tr><td>몰딩 마감</td><td>100,000원</td></tr>
|
||||
<tr><td>철거비 (기본 6틀)</td><td>450,000원</td></tr>
|
||||
<tr><td>추가 철거 (틀당)</td><td>30,000원</td></tr>
|
||||
<tr><td>보양 작업비</td><td>150,000원</td></tr>
|
||||
<tr><td>싱크대 상부장 탈부착</td><td>100,000원</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">창당 시공 단가 간편 산출기</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<p>창호의 가로, 세로 사이즈를 입력하여 대략적인 시공 단가를 계산해볼 수 있습니다. (정확한 금액은 전문가 상담이 필요합니다.)</p>
|
||||
<div class="calculator-box">
|
||||
<div class="input-group">
|
||||
<label for="width-input">가로 (mm)</label>
|
||||
<input type="number" id="width-input" placeholder="예: 1800">
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label for="height-input">세로 (mm)</label>
|
||||
<input type="number" id="height-input" placeholder="예: 2100">
|
||||
</div>
|
||||
<button id="calculate-btn">계산하기</button>
|
||||
<div id="result-display">
|
||||
예상 시공 단가: <span>계산 버튼을 눌러주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const calculateBtn = document.getElementById('calculate-btn');
|
||||
const widthInput = document.getElementById('width-input');
|
||||
const heightInput = document.getElementById('height-input');
|
||||
const resultSpan = document.querySelector('#result-display span');
|
||||
|
||||
calculateBtn.addEventListener('click', function() {
|
||||
const width = parseFloat(widthInput.value);
|
||||
const height = parseFloat(heightInput.value);
|
||||
|
||||
if (isNaN(width) || isNaN(height) || width <= 0 || height <= 0) {
|
||||
alert('올바른 가로, 세로 값을 mm 단위로 입력해주세요.');
|
||||
resultSpan.textContent = '계산 오류';
|
||||
return;
|
||||
}
|
||||
|
||||
// 공식: (가로(mm) * 세로(mm) / 1,000,000) * 90,000원
|
||||
const areaInM2 = (width * height) / 1000000;
|
||||
const pricePerM2 = 90000;
|
||||
const estimatedCost = Math.round(areaInM2 * pricePerM2);
|
||||
|
||||
resultSpan.textContent = estimatedCost.toLocaleString('ko-KR') + ' 원';
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<?php
|
||||
// 푸터 파일 포함
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,119 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg2">
|
||||
<div class="inner">
|
||||
<h2>Hi 고객스토리</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide "><a href="/sub02.php">창호견적</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_1.php">시공견적</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub02_2.php">창호소비효율등급제</a></li>
|
||||
<li class="swiper-slide "><a href="/sub02_3.php">창호리모델링시대</a></li>
|
||||
<li class="swiper-slide "><a href="/sub02_4.php">고객이 알아야 할 창호시공 10선</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>창호 소비 효율 등급제</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<h3 class="doc-tit"><font color="#003300">창호 소비효율 등급제, 왜 중요할까요?</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-5"><center><img class="img-responsive" src="/theme/rd.lwd/img/sub/sub/dn01.jpg" alt=""/></center></div>
|
||||
<div class="col-lg-7">
|
||||
<p>요즘 창호를 교체하려고 하면 **‘소비효율 등급’**이라는 단어를 자주 접하게 됩니다.<br>창호에도 냉장고나 세탁기처럼 에너지 등급이 있다는 사실, 알고 계셨나요?<br>이 등급제는 우리 집의 <strong>난방비 절감과 에너지 절약을 돕기 위해 만들어진 제도</strong>입니다.<br>하지만 처음부터 존재했던 것은 아닙니다.<br>창호 소비효율 등급제는 왜 도입되었으며, 어떤 변화가 있었을까요?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">창호 소비효율 등급제의 도입 배경</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-7">
|
||||
<p>과거에는 창호의 성능을 평가할 수 있는 객관적인 기준이 없었습니다.<br>
|
||||
소비자들은 단순히 디자인이나 가격을 기준으로 창호를 선택했지만, 사실 창호의 성능 차이는 매우 큽니다. 특히 <strong>열이 잘 새어나가는 창호는 난방비를 증가시키고, 실내 환경을 불안정하게 만드는 원인</strong>이 됩니다.<br>
|
||||
정부는 에너지 절약을 위해 2012년부터 창호에도 <strong>소비효율 등급제</strong>를 도입했습니다.<br>이 제도를 통해 창호의 단열 성능을 1등급부터 5등급까지 나누고, <strong>소비자가 창호를 비교하고 선택할 수 있도록</strong> 했습니다.<br>즉, 성능이 좋은 창호를 쉽게 구별할 수 있도록 만든 것입니다.</p>
|
||||
</div>
|
||||
<div class="col-lg-5"><center><img class="img-responsive" src="/theme/rd.lwd/img/sub/sub/dn02.jpg" alt=""/></center></div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">창호 1등급 기준이 변경된 이유</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-5"><center><img class="img-responsive" src="/theme/rd.lwd/img/sub/sub/dn03.jpg" alt=""/></center></div>
|
||||
<div class="col-lg-7">
|
||||
<p>하지만 시간이 지나면서 건축 기술이 발전하고, 창호의 성능도 점점 향상되었습니다.<br>
|
||||
초기에는 <strong>기준이 낮아</strong> 웬만한 제품이 1등급을 받을 수 있었지만, 이후 <strong>더 엄격한 기준이 필요</strong>해졌습니다.<br>
|
||||
그래서 2023년부터 <strong>1등급 기준이 더욱 강화</strong>되었습니다.<br>과거 1등급이었던 창호가 이제는 2등급이나 3등급으로 내려간 것이죠. 이는 <strong>보다 높은 성능의 창호가 1등급을 받을 수 있도록 기준을 조정한 것</strong>입니다. 이를 통해 정말 단열이 뛰어난 창호만이 1등급을 받을 수 있게 되었고, 소비자들은 더욱 효율적인 창호를 선택할 수 있게 되었습니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">창호 등급제와 정부 정책의 변화</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<p>창호 소비효율 등급제는 단순한 제품 비교를 위한 것이 아닙니다. <strong>정부의 에너지 절감 정책과도 깊은 관련</strong>이 있습니다.<br>
|
||||
● 2020년 부터 <strong>그린리모델링 사업</strong>을 통해 단열 성능이 높은 창호로 교체하면 <strong>정부 보조금</strong>을 받을 수 있도록 지원하고 있습니다.<br>
|
||||
● 2023년 이후, 건물에너지 절감을 위해 신축 건물뿐만 아니라 기존 건물에도 <strong>고효율 창호 설치가 의무화</strong>되는 방향으로 정책이 강화되고 있습니다.<br>
|
||||
이런 흐름 속에서 창호 소비효율 등급제는 점점 더 중요해지고 있습니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">소비자에게 주는 의미: 더 나은 선택을 위한 기준</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<p>예전에는 창호를 고를 때 가격과 디자인만을 고려했지만, 이제는 <strong>창호 성능을 꼼꼼히 따져봐야 하는 시대</strong>가 되었습니다.<br>
|
||||
✔ 1등급 창호는 <strong>단열이 뛰어나 난방비 절약</strong> 효과가 크고,<br>
|
||||
✔ 등급이 낮을수록 실내 온도 유지가 어렵고 에너지 낭비가 심해질 수 있습니다.<br>
|
||||
창호 소비효율 등급제는 <strong>우리 가족이 보다 쾌적한 환경에서 생활할 수 있도록 돕는 중요한 기준</strong>입니다. 이제 창호를 교체할 때는 반드시 <strong>소비효율 등급을 확인</strong>하고, 현명한 선택을 하세요!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,103 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg2">
|
||||
<div class="inner">
|
||||
<h2>Hi 고객스토리</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide "><a href="/sub02.php">창호견적</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_1.php">시공견적</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_2.php">창호소비효율등급제</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub02_3.php">창호리모델링시대</a></li>
|
||||
<li class="swiper-slide "><a href="/sub02_4.php">고객이 알아야 할 창호시공 10선</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>창호리모델링시대</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<h3 class="doc-tit"><font color="#003300">집의 가치를 높이는 창호 리모델링, 왜 필요할까요?</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-5"><center><img class="img-responsive" src="/theme/rd.lwd/img/sub/sub/dn04.jpg" alt=""/></center></div>
|
||||
<div class="col-lg-7">
|
||||
<p>최근 몇 년 사이, <strong>창호 리모델링 시장이 빠르게 성장</strong>하고 있습니다.<br>
|
||||
특히 코로나19 이후, 집에 머무는 시간이 늘어나면서 많은 가정에서 창호 교체를 고민하게 되었습니다.<br>
|
||||
이전에는 바쁜 일상 때문에 미뤄왔던 창호 교체가, 이제는 실내 환경을 개선하는 필수적인 선택이 되고 있습니다.<br>
|
||||
그렇다면, 창호 리모델링이 왜 중요한 걸까요?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">단열과 에너지 절약, 생활비 절감의 시작</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-7">
|
||||
<p>창호는 집 안의 온도를 유지하는 중요한 요소입니다. 오래된 창문은 틈새 바람이 많아 <strong>겨울엔 난방비가 오르고, 여름엔 에어컨 효율이 떨어지는</strong> 문제가 발생합니다.<br>하지만 최신 창호는 <strong>단열 성능이 뛰어나 에너지 절약 효과</strong>가 크며, 장기적으로 보면 난방비와 냉방비를 절약할 수 있습니다.<br>
|
||||
특히 정부에서는 <strong>창호 소비효율 등급제</strong>를 도입해, 에너지 성능이 뛰어난 창호를 선택할 수 있도록 하고 있습니다. 또한 <strong>그린리모델링 지원 사업</strong>을 통해 에너지 절약형 창호로 교체하는 가정에 <strong>정부 지원금 혜택</strong>도 제공하고 있습니다.<br>이제 창호 교체는 단순한 인테리어가 아니라 <strong>경제적이고 환경을 생각하는 필수 투자</strong>가 되고 있는 것입니다.</p>
|
||||
</div>
|
||||
<div class="col-lg-5"><center><img class="img-responsive" src="/theme/rd.lwd/img/sub/sub/dn05.jpg" alt=""/></center></div>
|
||||
</div>
|
||||
<div style="height: 1px; background-color: #eee; margin-bottom: 30px; margin-top: 10px;"></div>
|
||||
|
||||
<h3 class="doc-tit"><font color="#003300">신축보다 ‘이동 시대’, 이사 가도 바뀌는 주거 환경</font></h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-4"><center><img class="img-responsive" src="/theme/rd.lwd/img/sub/sub/dn06.jpg" alt=""/></center></div>
|
||||
<div class="col-lg-8">
|
||||
<p>과거에는 새 아파트를 짓고 입주하는 것이 트렌드였지만, <strong>인구 감소로 인해 신축 주택 공급이 줄어</strong>들고 있습니다.<br>
|
||||
이제는 집에서 집으로 이동하며 주거 환경을 개선하는 시대가 왔습니다. 따라서 기존 주택을 보다 쾌적하게 바꾸기 위해 창호 <strong>리모델링을 통해 집의 가치를 높이는 것</strong>이 더욱 중요해졌습니다.<br>특히 <strong>방음과 결로 문제</strong>가 있는 오래된 창호는 쾌적한 생활을 방해합니다. 신혼부부, 어린아이를 키우는 가정, 재택근무를 하는 가정에서는 조용하고 쾌적한 환경이 필수적입니다.<br>창호 리모델링을 하면 <strong>소음 차단 효과</strong>가 뛰어나고, 실내 공기 질을 개선하여 가족의 건강까지 지킬 수 있습니다.<br><strong>창호 리모델링, 더 늦추지 마세요!</strong><br><br>
|
||||
창호는 단순한 ‘창문’이 아닙니다.<br><strong>집 안 공기의 질, 온도 유지, 소음 차단, 에너지 절감</strong>까지 모든 요소에 영향을 미치는 중요한 부분입니다.<br>
|
||||
이제는 단순한 미관 개선이 아니라 <strong>실용적인 이유로 창호 교체가 필수가 된 시대</strong>입니다.<br>
|
||||
정부의 지원이 이루어지고 있는 지금, 창호 리모델링을 고려해보는 것은 어떨까요?<br>
|
||||
우리 가족이 더 건강하고 쾌적한 공간에서 생활할 수 있도록, 현명한 선택을 해보세요!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,114 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg2">
|
||||
<div class="inner">
|
||||
<h2>Hi 고객스토리</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide "><a href="/sub02.php">창호견적</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_1.php">시공견적</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_2.php">창호소비효율등급제</a></li>
|
||||
<li class="swiper-slide"><a href="/sub02_3.php">창호리모델링시대</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub02_4.php">고객이 알아야 할 창호시공 10선</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>고객이 알아야 할 창호시공 10선</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<h3 class="doc-tit"><font color="#003300">시공을 계획하고 계신가요? 아래는 창호 시공 시 꼭 알아두셔야 할 10가지 사항입니다.</font></h3>
|
||||
<div class="row">
|
||||
<!-- <div class="col-lg-3"><center><img class="img-responsive" src="/images/sub/dn04.jpg" alt=""/></center></div> -->
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#000000">1. 수직·수평 정확도 확인</font></strong><br>
|
||||
창호 시공 시 벽과 바닥의 수직•수평이 정확해야 합니다.<br>
|
||||
작은 오차라도 누적되면 창문이 제대로 닫히지 않거나 틈이 생길 수 있습니다. 시공 전과 후에 수직·수평 정밀도를 반드시 확인하세요.<br><br>
|
||||
|
||||
<strong><font color="#000000">2. 단열의 중요성</font></strong><br>
|
||||
창호는 실내 온도 유지와 에너지 절약에 중요한 역할을 합니다.<br>
|
||||
이중·삼중 유리, 로이(Low-E) 코팅, 우레탄 폼 충진 등 단열 성능이 높은 제품과 시공 방식을 선택해야 냉·난방비 절감 효과를 볼 수 있습니다.<br><br>
|
||||
|
||||
<strong><font color="#000000">3. 실리콘 마감으로 누수 방지</font></strong><br>
|
||||
창문과 벽 사이의 실리콘 마감이 제대로 되어 있지 않으면 누수나 외풍이 발생할 수 있습니다.<br>
|
||||
실리콘이 균일하게 발려 있는지, 틈이 없는지 꼼꼼히 확인하세요.<br><br>
|
||||
|
||||
<strong><font color="#000000">4. 단열 유리 선택</font></strong><br>
|
||||
창문에 단열 유리를 사용하면 외부 온도 변화로부터 실내를 보호할 수 있습니다.<br>
|
||||
특히 겨울철 결로 방지와 냉•난방비 절감 효과가 뛰어나므로, 창문 선택 시 단열 유리 여부를 체크하세요.<br><br>
|
||||
|
||||
<strong><font color="#000000">5. 슬라이딩 도어 및 창문 개폐 성능 확인</font></strong><br>
|
||||
슬라이딩 도어나 여닫이 창이 부드럽게 열리고 닫히는지 확인해야 합니다.<br>
|
||||
창틀과 레일이 정밀하게 맞아야 원활한 작동이 가능하며, 불량한 제품은 사용 시 불편함을 초래할 수 있습니다.<br><br>
|
||||
|
||||
<strong><font color="#000000">6. 잠금장치 및 하드웨어 품질 점검</font></strong><br>
|
||||
창문의 잠금장치, 핸들, 경첩 등 하드웨어 품질이 낮으면 안전 문제나 사용 불편이 발생할 수 있습니다.<br>
|
||||
특히 창문이 자주 여닫히는 공간에서는 내구성이 높은 하드웨어를 사용하는 것이 중요합니다.<br><br>
|
||||
|
||||
<strong><font color="#000000">7. 기밀성과 방음 성능 체크</font></strong><br>
|
||||
창문이 제대로 밀폐되지 않으면 외풍이 들어오고 소음이 차단되지 않습니다.<br>
|
||||
기밀 성능이 높은 제품을 선택하고, 창틀과 유리 접합 부위의 마감 상태를 점검하세요.<br><br>
|
||||
|
||||
<strong><font color="#000000">8. 폐기물 처리 방법 확인</font></strong><br>
|
||||
기존 창호 철거 시 발생하는 폐기물 처리 비용과 방법을 미리 확인해야 합니다.<br>
|
||||
일부 업체는 별도의 폐기물 처리 비용을 청구할 수 있으므로 계약 전에 포함 여부를 체크하세요.<br><br>
|
||||
|
||||
<strong><font color="#000000">9. A/S 기간 및 보증 조건 체크</font></strong><br>
|
||||
창호 시공 후 문제가 발생할 수 있으므로, 제품과 시공의 A/S 기간과 보증 조건을 꼼꼼히 확인해야 합니다.<br>
|
||||
창틀, 유리, 하드웨어 등에 대한 보증 기간이 각각 다를 수 있으니 사전에 계약서를 확인하세요.<br><br>
|
||||
|
||||
<strong><font color="#000000">10. 창문 몰딩 설치 여부</font></strong><br>
|
||||
창문과 벽체 사이의 마감을 깔끔하게 처리하려면 몰딩을 설치할 수 있습니다.<br>
|
||||
몰딩은 단열 및 방음 성능 향상에도 도움이 되며, 인테리어적으로도 완성도를 높일 수 있습니다. 하지만 추가 비용이 발생할 수 있으므로, 설치 여부를 미리 결정하는 것이 좋습니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,115 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg3">
|
||||
<div class="inner">
|
||||
<h2>창호 STORY</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide active "><a href="/sub03.php">창호제작 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_2.php">시공 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_3.php">유리 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_4.php">창호소재·종류 STORY</a></li>
|
||||
<li class="swiper-slide"><a href="/sub03_5.php">창호브랜드</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>시공 STORY</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<!-- <h3 class="doc-tit"><font color="#003300">시공을 계획하고 계신가요? 아래는 창호 시공 시 꼭 알아두셔야 할 10가지 사항입니다.</font></h3> -->
|
||||
<div class="row">
|
||||
<!-- <div class="col-lg-3"><center><img class="img-responsive" src="/images/sub/dn04.jpg" alt=""/></center></div> -->
|
||||
<div class="col-lg-6">
|
||||
<p><strong><font color="#000000">1. 원자재 선택</font></strong><br>
|
||||
창호의 틀이 되는 알루미늄 또는 PVC 프로파일을 선택해요.<br>
|
||||
(PVC는 단열이 좋고, 알루미늄은 내구성이 뛰어나요!)
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">2. 창호 절단</font></strong><br>
|
||||
우리 집 창호 크기에 맞춰 프로파일을 정밀하게 절단해요.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">3. 보강재 삽입</font></strong><br>
|
||||
PVC 창호 안에 강철 보강재를 넣어 튼튼하게 만들어요.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">4. 피스 체결</font></strong><br>
|
||||
각 부품을 **나사(피스)**로 조립해 창틀을 완성해요.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">5. 모헤어 체결</font></strong><br>
|
||||
창문 틈새에서 **바람이 새는 걸 막아주는 털(모헤어)**을 부착해요.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">6. 하드웨어 부착</font></strong><br>
|
||||
손잡이, 경첩, 잠금장치 같은 **부자재(하드웨어)**를 설치해요.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">7. 창호 용접</font></strong><br>
|
||||
창틀 모서리를 고온으로 용접하여 튼튼하게 고정해요.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">8. 방충망 제작</font></strong><br>
|
||||
여름철 필수템! 벌레가 들어오지 않도록 방충망을 만들어 부착해요.
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">9. 창호 유리 삽입</font></strong><br>
|
||||
단열, 방음 효과를 높이는 유리를 창틀에 끼워 넣어요. (복층유리 사용 가능!)<br><br>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<strong><font color="#000000">10. 완성창 완성!</font></strong><br>
|
||||
마지막 점검 후, 우리 집에 설치될 튼튼하고 아름다운 창호 완성!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,151 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg3">
|
||||
<div class="inner">
|
||||
<h2>창호 STORY</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide "><a href="/sub03.php">창호제작 STORY</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub03_2.php">시공 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_3.php">유리 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_4.php">창호소재·종류 STORY</a></li>
|
||||
<li class="swiper-slide"><a href="/sub03_5.php">창호브랜드</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>시공 STORY</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<h3 class="doc-tit"><font color="#3366cc">창문을 교체하려는데, 어떻게 진행되는지 궁금하시죠? 걱정 마세요! 하나하나 차근차근 설명해 드릴게요.</font></h3>
|
||||
<div class="row">
|
||||
<!-- <div class="col-lg-3"><center><img class="img-responsive" src="/images/sub/dn04.jpg" alt=""/></center></div> -->
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">1단계: 보호 작업 (보양) – 우리 집을 깨끗하게 지키는 과정!</font></strong><br>
|
||||
<i class="xi-help"></i><strong>주부님</strong> : 시공할 때 집이 많이 더러워지거나 가구가 망가질까 걱정돼요. 어떻게 하나요?<br>
|
||||
<i class="xi-profile"></i><strong>시공자</strong> : 네, 그런 걱정 많으시죠! 창문 공사를 할 때 먼지가 날리고 가구가 긁힐 수도 있어서, 미리 보호 작업을 해요.</p>
|
||||
<p><strong><font color="#000000">우리가 하는 일</font></strong><br>
|
||||
<i class="xi-toggle-on"></i> 깨지기 쉬운 물건(화분, 액자, 도자기 등)은 안전한 곳으로 옮겨요.<br>
|
||||
<i class="xi-toggle-on"></i> 소파, 식탁, 책상 같은 큰 가구는 작업 공간에서 잠시 이동해 둬요.<br>
|
||||
<i class="xi-toggle-on"></i> 먼지가 날릴 수 있으니 바닥에 보호 매트를 깔아요.<br>
|
||||
<i class="xi-toggle-on"></i> 공사가 끝나면 가구를 원래 자리로 돌려놓고 깨끗하게 정리해 드려요.</p>
|
||||
|
||||
<p><strong><font color="#000000">주부님 TIP!</font></strong><br>
|
||||
<i class="xi-key"></i> 보양 작업을 미리 해 두면 청소하는 시간이 줄어들어요!</p>
|
||||
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">2단계: 기존 창문 철거 – 낡은 창문을 조심스럽게 제거하는 과정!</font></strong><br>
|
||||
<i class="xi-help"></i><strong>주부님</strong> : 기존 창문을 떼어낼 때 벽이 망가지진 않을까요?<br>
|
||||
<i class="xi-profile"></i><strong>시공자</strong> : 좋은 질문이에요! 창문을 급하게 철거하면 벽지나 타일이 손상될 수 있어서, 최대한 조심스럽게 작업해요.</p>
|
||||
<p><strong><font color="#000000">우리가 신경 쓰는 부분</font></strong><br>
|
||||
<i class="xi-toggle-on"></i> 창문을 떼어낼 때 벽지, 타일, 바닥이 다치지 않도록 신중하게 철거해요.<br>
|
||||
<i class="xi-toggle-on"></i> 철거 후 창문 주변을 살펴보고, 손상된 부분이 없는지 확인해요.</p>
|
||||
|
||||
<p><strong><font color="#000000">주부님 TIP!</font></strong><br>
|
||||
<i class="xi-key"></i> 기존 창문을 철거하면서 벽이나 타일이 손상되었는지 한 번 더 체크해 주세요!</p>
|
||||
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">3단계: 새 창문 옮기기(양중) – 새로운 창문을 안전하게 들여오는 과정!</font></strong><br>
|
||||
<i class="xi-help"></i><strong>주부님</strong> : 새 창문이 도착하면 어떻게 운반하나요?<br>
|
||||
<i class="xi-profile"></i><strong>시공자</strong> : 창문은 크고 무겁기 때문에 안전하게 옮기는 게 제일 중요해요.</p>
|
||||
<p><strong><font color="#000000">우리가 신경 쓰는 부분</font></strong><br>
|
||||
<i class="xi-toggle-on"></i> 창문을 조심스럽게 옮겨서 벽이나 바닥이 손상되지 않도록 해요.<br>
|
||||
<i class="xi-toggle-on"></i> 아이들이 다칠 위험이 있으니, 주변에 안전거리를 확보해요.</p>
|
||||
|
||||
<p><strong><font color="#000000">주부님 TIP!</font></strong><br>
|
||||
<i class="xi-key"></i> 창문 운반 중 아이들이 주변에서 뛰어놀지 않도록 주의해 주세요!</p>
|
||||
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">4단계: 새 창문 설치(시공) – 창문을 튼튼하게 고정하는 과정!</font></strong><br>
|
||||
<i class="xi-help"></i><strong>주부님</strong> : 창문이 바람이 새거나 삐뚤어지진 않을까요?<br>
|
||||
<i class="xi-profile"></i><strong>시공자</strong> : 그런 걱정하지 않으셔도 돼요! 창문이 완벽하게 고정되도록 꼼꼼하게 작업해요.</p>
|
||||
<p><strong><font color="#000000">우리가 하는 일</font></strong><br>
|
||||
<i class="xi-toggle-on"></i> 창문이 기울어지지 않도록 수평을 맞춰서 설치해요.<br>
|
||||
<i class="xi-toggle-on"></i> 창틀을 튼튼하게 고정해서 흔들리지 않도록 해요.</p>
|
||||
<i class="xi-toggle-on"></i> 창문과 벽 사이의 틈을 막기 위해 우레탄폼과 실리콘을 꼼꼼하게 발라요.</p>
|
||||
|
||||
<p><strong><font color="#000000">주부님 TIP!</font></strong><br>
|
||||
<i class="xi-key"></i> 창문 설치 후 열고 닫아보면서 이상이 없는지 직접 확인해 보세요!</p>
|
||||
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">5단계: 마무리 정리 – 깨끗하게 마무리하고 사용법을 알려드리는 과정!</font></strong><br>
|
||||
<i class="xi-help"></i><strong>주부님</strong> : 시공이 끝난 후, 어떤 걸 확인해야 하나요?<br>
|
||||
<i class="xi-profile"></i><strong>시공자</strong> : 공사가 끝나면 마무리 작업을 하고, 주부님께 사용 방법과 주의 사항을 설명해 드려요.</p>
|
||||
<p><strong><font color="#000000">우리가 하는 일</font></strong><br>
|
||||
<i class="xi-toggle-on"></i> 창문 손잡이를 설치하고, 정상적으로 열리고 닫히는지 확인해요.<br>
|
||||
<i class="xi-toggle-on"></i> 보호 매트와 보양재를 치우고, 주변을 깨끗하게 정리해요.</p>
|
||||
<i class="xi-toggle-on"></i> 창문 사용 방법과 A/S 관련 사항을 안내해 드려요.</p>
|
||||
|
||||
<p><strong><font color="#000000">주부님 TIP!</font></strong><br>
|
||||
<i class="xi-key"></i> 창문이 잘 닫히는지, 잠금장치가 제대로 작동하는지 직접 테스트해 보세요!</p>
|
||||
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">한눈에 보는 창문 교체 과정!</font></strong><br>
|
||||
1. 보호 작업 – 가구와 물건을 정리해서 깨끗한 작업 환경을 만든다!<br>
|
||||
2. 철거 작업 – 오래된 창문을 조심스럽게 제거한다!<br>
|
||||
3. 새 창문 옮기기 – 안전하게 새 창문을 들여온다!<br>
|
||||
4. 새 창문 설치 – 창문이 흔들리지 않도록 튼튼하게 고정한다!<br>
|
||||
5. 마무리 정리 – 깨끗하게 정리하고 창문 사용법을 배운다!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,186 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg3">
|
||||
<div class="inner">
|
||||
<h2>창호 STORY</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide "><a href="/sub03.php">창호제작 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_2.php">시공 STORY</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub03_3.php">유리 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_4.php">창호소재·종류 STORY</a></li>
|
||||
<li class="swiper-slide"><a href="/sub03_5.php">창호브랜드</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>유리 STORY</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<!-- <h3 class="doc-tit"><font color="#3366cc">창문을 교체하려는데, 어떻게 진행되는지 궁금하시죠? 걱정 마세요! 하나하나 차근차근 설명해 드릴게요.</font></h3> -->
|
||||
<p>모든 유리는 기본적으로 판유리(Flat Glass)에서 출발합니다. 판유리는 플로트 공법을 통해 대량 생산되며, 이후 다양한 가공 과정을 거쳐 접합유리, 복층유리, 인테리어유리, 코팅유리 등의 형태로 발전됩니다.<br>창문에 사용되는 유리는 복층유리와 코팅유리입니다. 과거에는 코팅유리에 대한 수요가 적었지만 ‘창호소비효율등급제’의 도입으로 코팅유리 사용이 급격하게 늘어나고 있습니다.</p>
|
||||
<div class="row">
|
||||
<!-- <div class="col-lg-3"><center><img class="img-responsive" src="/images/sub/dn04.jpg" alt=""/></center></div> -->
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">- 판유리 제작 과정(Flat Glass Manufacturing Process)</font></strong><br>
|
||||
<strong>① 원료 혼합 (Batching)</strong><br>
|
||||
● 주원료: 실리카 모래(SiO₂), 소다회(Na₂CO₃), 석회석(CaCO₃)<br>
|
||||
● 첨가제: 철분 제거제(투명도 증가), 산화알루미늄(내구성 증가) 등<br>
|
||||
● 철저한 비율로 혼합 후 용융로로 이동<br>
|
||||
<strong>② 용융 (Melting)</strong><br>
|
||||
● 1,500°C 이상의 고온에서 **용융로(Furnace)**에서 가열하여 유리 원료를 녹임<br>
|
||||
● 불순물을 제거하고 균질한 유리 용융물 형성<br>
|
||||
<strong>③ 플로트 공법 (Float Process)</strong><br>
|
||||
● 녹은 유리를 주석(Tin) 용탕 위에 부어 자연스럽게 평평한 형태로 만듦<br>
|
||||
● 주석 위에서 유리가 부유하면서 매끄럽고 균일한 표면 형성<br>
|
||||
<strong>④ 냉각 및 어닐링 (Cooling & Annealing)</strong><br>
|
||||
● **어닐링로(Annealing Lehr)**에서 서서히 냉각하여 내부 응력 제거<br>
|
||||
● 강도와 내구성 확보<br>
|
||||
<strong>⑤ 절단 및 가공 (Cutting & Processing)</strong><br>
|
||||
● 원하는 크기와 두께로 절단 후, 필요에 따라 연마, 강화, 코팅 등 추가 가공 진행</p>
|
||||
|
||||
|
||||
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">- 판유리에서 다양한 유리로 가공(Types of Processed Glass)</font></strong><br>
|
||||
<strong><font color="#660000"><i class="xi-check-square"></i> 접합유리 (Laminated Glass)</font></strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>특징 : 두 장 이상의 유리 사이에 PVB(Polyvinyl Butyral) 필름을 넣고 압착하여 만든 유리</strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>제작 원리</strong><br>
|
||||
1. 두 장 이상의 판유리 사이에 <strong>PVB 필름</strong> 삽입<br>
|
||||
2. 고온과 압력을 가해 유리와 필름을 밀착<br>
|
||||
3. 충격을 받아도 파편이 필름에 붙어 있어 <strong>안전성 강화</strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>사용처: 자동차 유리, 방탄 유리, 고층 건물 외벽</strong></p>
|
||||
|
||||
<p> </p>
|
||||
|
||||
<p><strong><font color="#660000"><i class="xi-check-square"></i> 복층유리(Insulated Glass, IGU)</font></strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>특징 : 두 장 이상의 유리 사이에 **공기층(또는 가스층)**을 두어 단열 및 방음 효과를 높인 유리</strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>제작 원리</strong><br>
|
||||
1. 두 장 이상의 유리를 절단 및 세척<br>
|
||||
2. 유리 사이에 간봉(Spacer) + 건조제(Desiccant) 삽입<br>
|
||||
3. 내부 공간에 아르곤(Argon) 가스 또는 공기 주입<br>
|
||||
4. 실란트(Sealant)로 완전 밀봉<br>
|
||||
<i class="xi-check-square-o"></i> <strong>사용처: 건축 외장재, 에너지 절약 창호, 친환경 건물</strong></p>
|
||||
|
||||
<p> </p>
|
||||
|
||||
<p><strong><font color="#660000"><i class="xi-check-square"></i> 인테리어유리(Interior Glass)</font></strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>특징 : 다양한 패턴, 색상, 질감을 적용해 미적 감각을 높인 유리</strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>종류 및 제작 원리</strong><br>
|
||||
● <strong>강화유리(Tempered Glass)</strong>: 급속 냉각하여 충격 저항을 높임 (샤워 부스, 테이블)<br>
|
||||
● <strong>패턴유리(Patterned Glass)</strong>: 롤러 프레스 방식으로 표면에 무늬를 새김 (파티션, 문)<br>
|
||||
● <strong>컬러유리(Tinted Glass)</strong>: 산화금속을 첨가하여 색상을 부여 (인테리어 장식)<br>
|
||||
<i class="xi-check-square-o"></i> <strong>사용처: 실내 디자인, 가구, 파티션, 샤워부스</strong></p>
|
||||
|
||||
<p> </p>
|
||||
|
||||
<p><strong><font color="#660000"><i class="xi-check-square"></i> 코팅유리(Coated Glass)</font></strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>특징 : 유리 표면에 특수 코팅을 하여 기능성을 강화한 유리</strong><br>
|
||||
<i class="xi-check-square-o"></i> <strong>종류 및 제작 원리</strong><br>
|
||||
● <strong>로이유리(Low-E Glass)</strong>: 적외선 반사 코팅 → 단열 성능 증가<br>
|
||||
● <strong>반사유리(Reflective Glass)</strong>: 금속 산화물 코팅 → 태양열 차단<br>
|
||||
● <strong>자가청정유리(Self-Cleaning Glass)</strong>: 나노 코팅 → 빗물로 먼지를 자동 세척<br>
|
||||
<i class="xi-check-square-o"></i> <strong>사용처: 에너지 절약 창호, 고급 건물 외벽, 친환경 건축</strong></p>
|
||||
|
||||
<div style="height: 1px; background-color: #eee;"></div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">- 유리 가공별 차이점</font></strong></p>
|
||||
<!-- 표 -->
|
||||
<div class="doc-cnt">
|
||||
<div class="mana-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>유리 종류</th>
|
||||
<th>특징</th>
|
||||
<th>제작 원리</th>
|
||||
<th>주요 용도</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><center><strong>접합유리</strong></center></td>
|
||||
<td><center>안전성 강화</center></td>
|
||||
<td>PVB 필름 접합</td>
|
||||
<td>자동차, 방탄 유리</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>복층유리</strong></center></td>
|
||||
<td><center>단열, 방음</center></td>
|
||||
<td>유리 사이 공기층 형성</td>
|
||||
<td>창호, 건축 외장재</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>인테리어유리</strong></center></td>
|
||||
<td><center>미적 감각</center></td>
|
||||
<td>강화, 패턴, 컬러 적용</td>
|
||||
<td>실내 디자인, 가구</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>코팅유리</strong></center></td>
|
||||
<td><center>기능성 강화</center></td>
|
||||
<td>로이, 반사, 자가청정 코팅</td>
|
||||
<td>에너지 절감, 친환경 건축</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //표 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,304 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg3">
|
||||
<div class="inner">
|
||||
<h2>창호 STORY</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide "><a href="/sub03.php">창호제작 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_2.php">시공 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_3.php">유리 STORY</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub03_4.php">창호소재·종류 STORY</a></li>
|
||||
<li class="swiper-slide"><a href="/sub03_5.php">창호브랜드</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>창호소재·종류 STORY</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<!-- <h3 class="doc-tit"><font color="#3366cc">창문을 교체하려는데, 어떻게 진행되는지 궁금하시죠? 걱정 마세요! 하나하나 차근차근 설명해 드릴게요.</font></h3> -->
|
||||
<p><strong><font color="#000000">창의 형태별 분류와 특성, 설치 장소</font></strong><br>
|
||||
창호는 건물의 디자인과 기능성을 결정하는 중요한 요소로, 설치 목적과 구조에 따라 다양한 형태로 나뉩니다. 여기에서는 대표적인 창의 형태(단창, 이중창, 발코니창 등)를 설명하고, 각각의 <strong>특성</strong>과 <strong>설치 장소</strong>를 정리해보겠습니다.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">단창(Single Window, 單窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 유리 한 장(1겹)으로 된 창</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 유리가 한 장만 사용되기 때문에 <strong>단열 성능이 낮음</strong><br>
|
||||
● <strong>가격이 저렴하고 가벼움</strong><br>
|
||||
● 방음, 기밀성, 단열 성능이 상대적으로 부족<br>
|
||||
● 과거에는 많이 사용되었으나, 현재는 <strong>주택에서는 거의 사용되지 않음</strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 창고, 실외 기계실, 임시 건물 등<br>
|
||||
● 단열이 크게 중요하지 않은 공간</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">이중창(Double Window, 二重窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 두 개의 창이 앞뒤로 이중 구조를 이루는 창</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 창이 두 겹으로 되어 있어 <strong>단열·방음 성능이 우수</strong><br>
|
||||
● 외창(AL창)과 내창(PVC창) 조합으로 제작 가능<br>
|
||||
● <strong>겨울철 결로 방지 효과가 뛰어남</strong><br>
|
||||
● 개폐 방식에 따라 <strong>미서기창, 여닫이창, 고정창</strong> 등 다양한 형태로 제작<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 단열이 중요한 <strong>거실, 침실, 발코니 등 주거 공간</strong><br>
|
||||
● 고층 아파트, 빌라 등 <strong>외부 소음이 심한 곳</strong><br>
|
||||
● 난방비 절감을 원하는 공간</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">발코니창(Balcony Window, 陽臺窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 발코니와 실내 공간을 구분하는 창</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 일반적으로 <strong>이중창 구조</strong>를 사용하여 단열•방음 성능 강화<br>
|
||||
● 단열 및 방음 효과가 좋아야 하며, 내•외부 기밀성이 중요<br>
|
||||
● 개폐 방식은 <strong>미서기형(슬라이딩형)이 가장 일반적</strong><br>
|
||||
● 일부 아파트에서는 발코니 확장 공사로 인해 제거되기도 함<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 아파트, 빌라 발코니 공간<br>
|
||||
● 외부와 연결된 테라스, 베란다</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">고정창(Fixed Window, 固定窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 열리지 않는 창 (개폐 불가능)</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 개방 기능이 없는 <strong>유리만 있는 구조</strong><br>
|
||||
● 주로 <strong>채광을 위한 용도</strong>로 사용<br>
|
||||
● 단열 및 방음 성능이 높음 (틈이 없음)<br>
|
||||
● 디자인 요소로 활용되며, 다른 창과 함께 조합하는 경우 많음<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 상업 건물의 외관 창 (고층 빌딩 등)<br>
|
||||
● 조망이 중요한 거실, 호텔, 카페<br>
|
||||
● 계단실, 복도 등 채광이 필요한 공간</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">미서기창(Sliding Window, 片引窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 좌우로 미는 방식(슬라이딩)으로 여닫는 창</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 가장 보편적으로 사용되는 개폐 방식<br>
|
||||
● 공간 활용도가 높아 좁은 공간에서도 설치 가능<br>
|
||||
● 단열, 기밀성은 여닫이창보다 낮음 (틈이 생길 가능성이 있음)<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 거실, 침실, 발코니, 주방<br>
|
||||
● 좁은 공간이 많은 소형 아파트, 빌라</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">여닫이창(Casement Window, 開閉窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 안쪽 또는 바깥쪽으로 열리는 창</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● <strong>기밀성과 단열 성능이 뛰어남</strong>(틈이 없음)<br>
|
||||
● 완전히 개방할 수 있어 <strong>환기 효과가 좋음</strong><br>
|
||||
● 바람이 강한 날에는 흔들리거나 파손될 위험이 있음<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 단독주택, 고급 주거공간<br>
|
||||
● 전원주택, 별장, 호텔</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">폴딩도어(Folding Door, 折りたたみ窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 접이식으로 여러 장의 창을 접었다 펴는 구조</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 넓은 개방감을 제공하며 <strong>실내외 연결성이 뛰어남</strong><br>
|
||||
● 일반 창보다 <strong>비용이 높고 설치 난이도가 있음</strong><br>
|
||||
● 공간 활용성이 좋아 카페나 고급 주택에서 많이 사용<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 테라스, 실내외 연결 공간 (거실 ↔ 마당)<br>
|
||||
● 카페, 레스토랑, 상업용 공간</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">망입유리창(Wire Glass Window, 網入玻璃窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 유리 내부에 철망이 삽입된 창</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 유리가 깨져도 <strong>파편이 날리지 않도록 설계</strong><br>
|
||||
● 화재 발생 시 <strong>화염 확산을 방지하는 역할</strong><br>
|
||||
● 방범·안전성을 고려한 창<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 공장, 창고, 학교, 화재 위험이 높은 건물<br>
|
||||
● 방범이 필요한 상업시설</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="doc-tit"><font color="#003300">루버창(Louver Window, 羽板窓)</font></h3>
|
||||
<p><strong><font color="#000000"><i class="xi-check-square"></i> 여러 개의 가로 날개(루버)를 조절하여 개폐하는 창</font></strong><br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 특성</font></strong><br>
|
||||
● 개방 각도를 조절하여 <strong>바람 조절 및 환기가 용이</strong><br>
|
||||
● 외부에서 내부가 잘 보이지 않아 <strong>프라이버시 보호 효과</strong><br>
|
||||
● 방수 및 기밀성이 낮아 비바람이 많은 지역에서는 사용 제한<br>
|
||||
<strong><font color="#000000"><i class="xi-check-square"></i> 설치 장소</font></strong><br>
|
||||
● 화장실, 욕실, 보일러실, 기계실<br>
|
||||
● 환기가 필요한 공간</p>
|
||||
|
||||
<!-- <div style="height: 1px; background-color: #eee;"></div> -->
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<p><strong><font color="#cc0000">- 창 형태별 주요 비교</font></strong></p>
|
||||
<!-- 표 -->
|
||||
<div class="doc-cnt">
|
||||
<div class="mana-table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>창 종류</th>
|
||||
<th>개폐 방식</th>
|
||||
<th>단열성</th>
|
||||
<th>방음성</th>
|
||||
<th>특징</th>
|
||||
<th>주로 쓰이는 장소</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><center><strong>단창</strong></center></td>
|
||||
<td>단일 유리</td>
|
||||
<td><center>낮음</center></td>
|
||||
<td><center>낮음</center></td>
|
||||
<td>저렴하지만 단열·방음 약함</td>
|
||||
<td>창고, 실외 공간</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>이중창</strong></center></td>
|
||||
<td>슬라이딩 or 여닫이</td>
|
||||
<td><center>높음</center></td>
|
||||
<td><center>높음</center></td>
|
||||
<td>외창+내창 구조, 단열성 우수</td>
|
||||
<td>주거공간, 거실, 침실</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>발코니창</strong></center></td>
|
||||
<td>슬라이딩</td>
|
||||
<td><center>높음</center></td>
|
||||
<td><center>높음</center></td>
|
||||
<td>발코니 확장 시 중요</td>
|
||||
<td>아파트, 빌라 발코니</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>고정창</strong></center></td>
|
||||
<td>없음</td>
|
||||
<td><center>높음</center></td>
|
||||
<td><center>높음</center></td>
|
||||
<td>개폐 불가능, 조망·채광용</td>
|
||||
<td>빌딩, 카페, 거실</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>미서기창</strong></center></td>
|
||||
<td>좌우 슬라이딩</td>
|
||||
<td><center>보통</center></td>
|
||||
<td><center>보통</center></td>
|
||||
<td>공간 활용도 높음</td>
|
||||
<td>거실, 주방, 발코니</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>여닫이창</strong></center></td>
|
||||
<td>안팎 개폐</td>
|
||||
<td><center>높음</center></td>
|
||||
<td><center>높음</center></td>
|
||||
<td>기밀성 우수, 환기 효과 큼</td>
|
||||
<td>전원주택, 고급 주택</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>폴딩도어</strong></center></td>
|
||||
<td>접이식</td>
|
||||
<td><center>보통</center></td>
|
||||
<td><center>보통</center></td>
|
||||
<td>넓은 개방감</td>
|
||||
<td>테라스, 카페</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>망입유리창</strong></center></td>
|
||||
<td>없음</td>
|
||||
<td><center>보통</center></td>
|
||||
<td><center>보통</center></td>
|
||||
<td>화재·방범 보호</td>
|
||||
<td>공장, 창고</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><center><strong>루버창</strong></center></td>
|
||||
<td>날개 조절</td>
|
||||
<td><center>낮음</center></td>
|
||||
<td><center>낮음</center></td>
|
||||
<td>환기 용이, 방수 약함</td>
|
||||
<td>욕실, 기계실</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //표 -->
|
||||
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<h3 class="doc-tit"><font color="#003300">결론</font></h3>
|
||||
<p>● 단열·방음이 중요하다면? → <strong>이중창, 여닫이창</strong><br>
|
||||
● 개방감이 필요하다면? → <strong>폴딩도어</strong><br>
|
||||
● 환기가 중요하다면? → <strong>루버창</strong><br>
|
||||
● 방범•안전이 필요하다면? → <strong>망입유리창</strong><br>
|
||||
용도와 공간 특성을 고려하여 적절한 창을 선택하는 것이 중요합니다.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
@@ -0,0 +1,75 @@
|
||||
<?php
|
||||
include_once './_common.php';
|
||||
include_once G5_LIB_PATH.'/thumbnail.lib.php';
|
||||
include_once G5_PATH.'/head.php';
|
||||
?>
|
||||
|
||||
<!-- for mobile -->
|
||||
<div id="menu" class="mobile-navigation">
|
||||
<div class="home"><a href="/"><img src="/theme/rd.lwd/img/sub/common/logo.png" alt="하이창호"></a></div>
|
||||
<nav class="nav-menu"></nav>
|
||||
<a href="javascript:void(0);" class="close">닫기</a>
|
||||
</div>
|
||||
<div class="mobile-overlay"></div>
|
||||
<div class="sub-visual bg3">
|
||||
<div class="inner">
|
||||
<h2>창호 STORY</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lnb-wrap">
|
||||
<div class="lnb">
|
||||
<div class="swiper-container">
|
||||
<ul class="swiper-wrapper">
|
||||
<li class="swiper-slide "><a href="/sub03.php">창호제작 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_2.php">시공 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_3.php">유리 STORY</a></li>
|
||||
<li class="swiper-slide "><a href="/sub03_4.php">창호소재·종류 STORY</a></li>
|
||||
<li class="swiper-slide active "><a href="/sub03_5.php">창호브랜드</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="contArea">
|
||||
<div class="sub-title">
|
||||
<h2>창호브랜드</h2>
|
||||
</div>
|
||||
<div class="real-cont">
|
||||
|
||||
<!--// content -->
|
||||
<div class="greetings">
|
||||
|
||||
<style>
|
||||
/*** 이실장님 제공소스 ***/
|
||||
@media screen and (max-width:992px){
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
flex-direction: column;}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<!-- <h3 class="doc-tit"><font color="#3366cc">창문을 교체하려는데, 어떻게 진행되는지 궁금하시죠? 걱정 마세요! 하나하나 차근차근 설명해 드릴게요.</font></h3> -->
|
||||
<p><!-- <strong><font color="#000000">창의 형태별 분류와 특성, 설치 장소</font></strong><br> -->
|
||||
<center>준비중입니다!</center></p>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- content //-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include_once(G5_PATH.'/tail.php');
|
||||
?>
|
||||
Reference in New Issue
Block a user