</noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRMZZ64" height="0" width="0" style="display:none;visibility:hidden"></noscript> <!-- End Google Tag Manager (noscript) --> <!-- 파트너 --> <!-- 일반 --> <div class="wrapper main"> <!-- HEADER --> <div> <div class="header_wrap"> <header class="header header_pc"> <!-- 20200714 헤더영역 홈씨씨몰 링크 추가 --> <div class="header-top"> <div class="inner"> <ul class="site-quick-link"> <li class="hcc-mall"><a href="https://www.homecc.com/" target="_blank"><p><span><strong>홈씨씨몰</strong></span></p></a></li> <li class="hcc-interior"><a href="/"><span><strong>홈씨씨</strong>홈페이지</span></a></li> </ul> <div class="util-box"> <a href="/secure/login">로그인</a> <a href="/secure/signup-type">회원가입</a> <a href="/customer/faq/all">고객센터</a> </div> </div> </div> <!-- //20200714 헤더영역 홈씨씨몰 링크 추가 --> <div class="inner"> <h1 class="logo"><a href="/">HOME CC 인테리어</a></h1> <nav class="nav"> <ul class="gnb"> <!-- 파트너 로그인 Menu --> <!--일반, 사업자 회원 Menu --> <li><a href="/intro">홈씨씨 소개</a> <div class="depth"> <ul> <li><a href="/intro">사업소개</a></li> <li><a href="/greenremodeling/info">그린리모델링 소개</a></li> <!-- <li><a th:href="@{/greenremodeling/new}">그린리모델링 신청</a></li> --> <!-- <li><a href="/brp/info" >서울시 BRP 사업</a></li> --> <li><a href="https://www.homecc.com/plan/shop_plan_exhb_view.do?planexhb=PEM20230207000000116" target="_blank" >서울시 BRP 사업</a></li> </ul> </div> </li> <li><a href="/package/organic">인테리어</a> <div class="depth"> <ul> <li><a href="/package/organic">홈씨씨 인테리어 스타일</a></li> <li><a href="/space/interior/bathroom">공간 인테리어</a></li> <li><a href="/magazine/info">드라마 속 인테리어</a></li> <!-- <li><a th:href="@{|/estimate/consult|}">견적 상담</a></li> --> <!-- <li><a th:href="@{/estimate/simple}">간편 견적</a></li> --> <!-- <li> <a href="https://www.homecc.com/ctgr/category_product_list.do?i_sCategorycd1=H01&i_sCategorycd2=&i_sCategorycd3=#" target="_blank"> 간편견적</a> </li> --> <!-- <li><a th:href="@{/estimate/window}">창호견적</a></li>--> <!-- <li><a th:href="@{/estimate/bathroom}">욕실견적</a></li> --> <!-- <li> <a href="https://www.homecc.com/ctgr/subcategory_product_list.do?i_sCategorycd1=H01&i_sCategorycd2=H01S05T09&i_sCategorycd3= " target="_blank">욕실견적</a> </li> --> </ul> </div> </li> <li><a href="/store/all">매장소개</a> <div class="depth"> <ul> <!-- 홈씨씨 매장으로 통합 (2019-12-15) <li><a th:href="@{/store/store}">대형 매장</a></li> <li><a th:href="@{/store/exhibition}">전시판매장</a></li> --> <li><a href="/store/all">홈씨씨 매장</a></li> <li><a href="/store/supply">입점 신청</a></li> </ul> </div> </li> <li><a href="/product/S01/window-intro">상품안내</a> <div class="depth"> <ul> <li><a href="/product/S01/window-intro">상품 소개</a></li> </ul> </div> </li> <li><a href="/community/media/news">커뮤니티</a> <div class="depth"> <ul> <li><a href="/community/media/news">뉴스 및 홍보영상</a></li> <li><a href="/community/event/proceeding/all">이벤트</a></li> <li><a href="/community/cep/homecc">시공사례</a></li> <li><a href="/community/interior/festa">홈뮤즈드</a></li> <li><a href="/community/interior/tip">Interior-Pedia</a></li> <li><a href="/community/interiorKnowledge">인테리어 지식인</a></li> </ul> </div> </li> <li><a href="/partner/company/index">마스터 파트너</a> <div class="depth"> <ul> <li><a href="/partner/company/index">마스터 파트너 소개</a></li> <li><a href="/partner/new">마스터 파트너 등록 신청</a></li> <li><a href="/partner/builder-apply/new">시공자 신청</a></li> <!-- <li><a th:href="@{/}">파트너 소개</a></li> <li><a th:href="@{/}">파트너 시공사례</a></li> --> </ul> </div> </li> <li><a href="/estimate/consult">견적 상담</a></li> </ul> </nav> <!-- /.nav --> <!-- <ul class="util"> <!– 비로그인 시 –> <div sec:authorize="!isAuthenticated()" th:remove="tag"> <th:block class="logoffDiv"> <li><a th:href="@{|/secure/login|}">로그인</a></li> <li><a th:href="@{|/secure/signup-type|}">회원가입</a></li> </th:block> </div> <!– 로그인 시 –> <div sec:authorize="isAuthenticated()" th:remove="tag"> <!– 파트너 회원–> <th:block th:if="${accountDto.roles[0].roleName == 'ROLE_PARTNER'}"> <li><a th:href="@{|/partner/company/index|}">파트너 소개</a></li> <li><a th:href="@{|/partner/cep/index|}">스토어페이지</a></li> </th:block> <th:block th:unless="${accountDto.roles[0].roleName == 'ROLE_PARTNER'}"> <li><a th:href="@{/mypage}">마이페이지</a></li> </th:block> <li><a th:href="@{/secure/logout}">로그아웃</a></li> </div> <th:block th:if="${accountDto == null || accountDto.roles[0].roleName != 'ROLE_PARTNER'}"> <li><a th:href="@{/customer/notice}">고객센터</a></li> </th:block> </ul> --> </div> </header> <!-- /.header_pc --> <header class="header header_m"> <button type="button" class="btn_nav"><i class="xi-bars"></i></button> <h1 class="logo" style="height: 26px;"><a href="/">홈씨씨 인테리어</a></h1> <div class="banner"> 근본있는 인테리어 전문가 !<br> 홈씨씨의 이벤트와 최신 소식 <a href="/getApp.html" target="_blank">앱으로 보기</a> </div> <nav class="nav_m"> <div class="nav_top"> <p>로그인을 해주세요</p> <button class="btn_close"><i class="xi-close-thin"></i></button> </div> <ul class="util"> <li><a href="/estimate/consult">견적상담</a></li> <!-- <li> <a href="https://www.homecc.com/ctgr/category_product_list.do?i_sCategorycd1=H01&i_sCategorycd2=&i_sCategorycd3=#" target="_blank">간편견적</a> </li> --> <li><a href="/customer/notice">고객센터</a></li> <li><a href="/mypage">마이페이지</a></li> </ul> <div class="gnb_wrap"> <ul class="gnb"> <!-- 파트너 --> <!-- 일반 회원 --> <li><span class="category">홈씨씨 소개<i class="xi-angle-down"></i></span> <ul> <li><a href="/intro">사업소개</a></li> <li><a href="/greenremodeling/info">그린리모델링 소개</a></li> <!-- <li><a th:href="@{/greenremodeling/new}">그린리모델링 신청</a></li> --> <!-- <li><a href="/brp/info" >서울시 BRP 사업</a></li> --> <li><a href="https://www.homecc.com/plan/shop_plan_exhb_view.do?planexhb=PEM20230207000000116" target="_blank" >서울시 BRP 사업</a></li> </ul> </li> <li><span class="category">인테리어<i class="xi-angle-down"></i></span> <ul> <li><a href="/package/organic">홈씨씨 인테리어 스타일</a></li> <li><a href="/space/interior/entrance">공간 인테리어</a></li> <li><a href="/magazine/info">드라마 속 인테리어</a></li> <!-- <li><a th:href="@{|/estimate/consult|}">견적 상담</a></li> --> <!-- <li><a th:href="@{/estimate/consult}">간편견적</a></li> --> <!-- <li> <a href="https://www.homecc.com/ctgr/category_product_list.do?i_sCategorycd1=H01&i_sCategorycd2=&i_sCategorycd3=#" target="_blank"> 간편견적</a> </li> --> <!-- <li><a th:href="@{/estimate/window}">창호견적</a></li>--> <!-- <li><a th:href="@{/estimate/bathroom}">욕실견적</a></li> --> <!-- <li> <a href="https://www.homecc.com/ctgr/subcategory_product_list.do?i_sCategorycd1=H01&i_sCategorycd2=H01S05T09&i_sCategorycd3= " target="_blank">욕실견적</a> </li> --> </ul> </li> <li><span class="category">매장소개<i class="xi-angle-down"></i></span> <ul> <!-- 홈씨씨 매장으로 통합 (2019-12-15) <li><a th:href="@{/store/store}">대형 매장</a></li> <li><a th:href="@{/store/exhibition}">전시판매장</a></li> --> <li><a href="/store/all">홈씨씨 매장</a></li> <li><a href="/store/supply">입점 신청</a></li> </ul> </li> <li><span class="category">상품안내<i class="xi-angle-down"></i></span> <ul> <li><a href="/product/S01/window-intro">상품 소개</a></li> </ul> </li> <li><span class="category">커뮤니티<i class="xi-angle-down"></i></span> <ul> <li><a href="/community/media/news">뉴스 및 홍보영상</a></li> <li><a href="/community/event/proceeding/all">이벤트</a></li> <li><a href="/community/cep/homecc">시공사례</a></li> <li><a href="/community/interior/festa">홈뮤즈드</a></li> <li><a href="/community/interior/tip">Interior-Pedia</a></li> <li><a href="/community/interiorKnowledge">인테리어 지식인</a></li> </ul> </li> <li><span class="category">마스터 파트너<i class="xi-angle-down"></i></span> <ul> <li><a href="/partner/company/index">마스터 파트너 소개</a></li> <li><a href="/partner/new">마스터 파트너 등록 신청</a></li> <li><a href="/partner/builder-apply/new">시공자 신청</a></li> <!-- <li><a th:href="@{/}">파트너 소개</a></li> <li><a th:href="@{/}">파트너 시공사례</a></li> --> </ul> </li> <li><span class="category"><a href="/estimate/consult">견적 상담</a></span></li> </ul> </div> <ul class="nav_btm"> <li><a href="/secure/login">로그인</a></li> <li><a href="/secure/signup-type">회원가입</a></li> </ul> </nav> <!-- /.nav_m --> <div class="nav_m_bg"></div> </header> <!-- /.header_m --> <!-- /.header --> <div class="quick_menu"> <h3 class="tit on_m">QUICK MENU <i class="xi-angle-up-min"></i></h3> <dl class="cs"> <a href="/customer/notice"> <dt>1877<br>8204</dt> <dd>고객센터/AS</dd> </a> </dl> <ul class="lst"> <li class="q1 on_m"><a href="/customer/notice">고객센터</a></li> <!--<li class="q_mall"><a href="https://www.homeccmall.co.kr/" target="_blank"><img src="/images/img_quick_mall.jpg" alt="KCC쇼핑몰 바로가기" /></a></li>--> <li class="q2"><a href="/estimate/consult">견적상담</a></li> <!-- <li class="q2"> <a href="https://www.homecc.com/ctgr/category_product_list.do?i_sCategorycd1=H01&i_sCategorycd2=&i_sCategorycd3=#" target="_blank"> 간편견적</a></li> --> <!--<li class="q3"><a th:href="@{/partner/new}">파트너신청</a></li>--> <li class="q3"><a href="https://homecc.co.kr/vr/index.html" target="_blank">VR 매장</a></li> <li class="q4"><a href="/store/all">매장소개</a></li> <li class="q5"><a href="/customer/repair/new">A/S</a></li> </ul> <!-- <div class="quick_menu_bnr"> <a href="https://bit.ly/3LGQf57" target="_blank"><img src="/images/quick-bnr-01.png" /> </a> </div> --> </div> </div> </div> <!-- /.end-HEADER --> <!-- BODY --> <main class="container"> <div class="content" id="fullpage"> <div class="section" id="section0"> <section class="visual_section"> <div class="visual"> <div class="vs_slider"> <div class="vs_lst vs1"> <div class="bg"></div> <div class="txt_area"> <span class="category">STYLE PACKAGE</span> <div class="t_split"> <div class="t_word t1"> <span class="tlt">ORGANIC STYLE</span> </div> </div> <a href="/package/organic" class="view_more white">VIEW MORE</a> </div> </div> <div class="vs_lst vs2"> <div class="bg"></div> <div class="txt_area"> <span class="category">STYLE PACKAGE</span> <div class="t_split"> <div class="t_word t1"> <span class="tlt">SOFT STYLE</span> </div> </div> <a href="/package/soft" class="view_more white">VIEW MORE</a> </div> </div> <div class="vs_lst vs3"> <div class="bg"></div> <div class="txt_area"> <span class="category">STYLE PACKAGE</span> <div class="t_split"> <div class="t_word t1"> <span class="tlt">TRENDY STYLE</span> </div> </div> <a href="/package/trendy" class="view_more white">VIEW MORE</a> </div> </div> </div> </div> <!-- /.visual --> <div class="slide_paging"> <div class="inner"> <div class="control"> <span class="num"></span> <div class="ctrl_btn"> <a href="#" class="btn_play"><i class="xi-play"></i></a> <a href="#" class="btn_pause"><i class="xi-pause"></i></a> </div> </div> </div> </div> </section> </div> <div class="section" id="section1"> <section class="case_section"> <div class="inner"> <div class="top_copy"> <h3 class="tit">시공사례</h3> <ul class="tab_case"> <li class="t1 on">오가닉</li> <li class="t2">소프트</li> <li class="t3">트렌디</li> </ul> </div> <div class="tab_cont"> <div class="lst clear"> <ul class="case_lst"> <li> <a href="/community/cep/homecc/42445" class="thumb"> <span class="bg" style="background:url(/upload/post/1669790902865doBk7W5KzP.jpg) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">오가닉</span> </a> <dl class="desc"> <dt class="ellipsis1">경기 성남시 분당구 야탑로 탑마을 벽산 아파트</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/41583" class="thumb"> <span class="bg" style="background:url(/upload/post/1668045408418Ztp8djCj1O.jpg) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">오가닉</span> </a> <dl class="desc"> <dt class="ellipsis1">경기 용인시 기흥구 구갈동 한양수자인 아파트</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/41067" class="thumb"> <span class="bg" style="background:url(/upload/post/1666940994431sAFtEGzojd.JPG) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">오가닉</span> </a> <dl class="desc"> <dt class="ellipsis1">대전 서구 청사로 수정타운아파트</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/37122" class="thumb"> <span class="bg" style="background:url(/upload/post/1652914740015Abj1mjbn1Z.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">오가닉</span> </a> <dl class="desc"> <dt class="ellipsis1">부천시 신흥로 140 위브더스테이트</dt> <dd>132-163㎡ (40평대)</dd> </dl> </li> </ul> <!-- /.case_lst --> <div class="main_thumb"> <a href="/community/cep/homecc"> <div class="bg" style="background:url('/images/img_case_organic_main.jpg') 50% 50% no-repeat; background-size:cover;"></div> <span class="view_more white">VIEW MORE</span> </a> </div> <!-- /.main_thumb --> <a href="/community/cep/homecc" class="btn_more on_m">VIEW MORE</a> </div> <div class="lst clear"> <ul class="case_lst"> <li> <a href="/community/cep/homecc/2560" class="thumb"> <span class="bg" style="background:url(/upload/post/1576653087158f4TKYgQ284.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">소프트</span> </a> <dl class="desc"> <dt class="ellipsis1">창원시 성산구 상남동 성원아파트</dt> <dd>165-196㎡ (50평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/2529" class="thumb"> <span class="bg" style="background:url(/upload/post/1576653060477AatwMlowTI.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">소프트</span> </a> <dl class="desc"> <dt class="ellipsis1">경기도 용인시 수지구 만현마을 성원쌍떼빌</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/2553" class="thumb"> <span class="bg" style="background:url(/upload/post/15766530235879mObHRf1hR.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">소프트</span> </a> <dl class="desc"> <dt class="ellipsis1">경기도 성남시 분당구 상록우성아파트</dt> <dd>20평대 이하</dd> </dl> </li> <li> <a href="/community/cep/homecc/2555" class="thumb"> <span class="bg" style="background:url(/upload/post/15767463826139gOlrS0XyP.jpg) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">소프트</span> </a> <dl class="desc"> <dt class="ellipsis1">서울시 성동구 극동 미라주아파트</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> </ul> <!-- /.case_lst --> <div class="main_thumb"> <a href="/community/cep/homecc"> <div class="bg" style="background:url('/images/img_case_soft_main.jpg') 50% 50% no-repeat;background-size:cover;"></div> <span class="view_more white">VIEW MORE</span> </a> </div> <!-- /.main_thumb --> <a href="/community/cep/homecc" class="btn_more on_m">VIEW MORE</a> </div> <div class="lst clear"> <ul class="case_lst"> <li> <a href="/community/cep/homecc/2192" class="thumb"> <span class="bg" style="background:url(/upload/post/1576652831887Jp95Cr1pPS.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">트렌디</span> </a> <dl class="desc"> <dt class="ellipsis1">경상남도 김해시 내동 삼성아파트</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/2259" class="thumb"> <span class="bg" style="background:url(/upload/post/1576652874615jv90izD8rB.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">트렌디</span> </a> <dl class="desc"> <dt class="ellipsis1">서울시 강남구 개포동 현대2차아파트</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/2265" class="thumb"> <span class="bg" style="background:url(/upload/post/1576652928321yogi0H9J1A.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">트렌디</span> </a> <dl class="desc"> <dt class="ellipsis1">경기도 하남시 신장동 한국아파트</dt> <dd>66-97㎡ (20평대)</dd> </dl> </li> <li> <a href="/community/cep/homecc/2276" class="thumb"> <span class="bg" style="background:url(/upload/post/1576652970720D1YPyhfXeP.png) 50% 50% no-repeat; background-size:cover;"></span> <span class="ctgry">트렌디</span> </a> <dl class="desc"> <dt class="ellipsis1">경기도 용인시 수지구 동보아파트</dt> <dd>99-130㎡ (30평대)</dd> </dl> </li> </ul> <!-- /.case_lst --> <div class="main_thumb"> <a href="/community/cep/homecc"> <div class="bg" style="background:url('/images/img_case_trendy_main.jpg') 50% 50% no-repeat;background-size:cover;"></div> <span class="view_more white">VIEW MORE</span> </a> </div> <!-- /.main_thumb --> <a href="/community/cep/homecc" class="btn_more on_m">VIEW MORE</a> </div> </div> <!-- /.tab_cont --> </div> </section> </div> <div class="section" id="section2"> <section class="interior_section"> <div class="bg"> <!-- ORIGINAL. Image 수급이 안되어서 주석처리 <div class="lst" style="background:url('/images/main_interior01.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior02.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior03.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior04.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior05.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior06.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior08.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior07.jpg') 50% 50% no-repeat;background-size:cover;"></div> --> <div class="lst"></div> <div class="lst"></div> <div class="lst"></div> <div class="lst"></div> <div class="lst"></div> <div class="lst" style="background:url('/images/main_interior06.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst" style="background:url('/images/main_interior08.jpg') 50% 50% no-repeat;background-size:cover;"></div> <div class="lst"></div> </div> <div class="inner"> <div class="top_copy"> <h3 class="tit">공간 인테리어</h3> </div> <ul id="da-thumbs" class="da-thumbs inerior_lst"> <li> <a href="/space/interior/entrance"> <dl class="txt"> <dt>현관<em>ENTRANCE</em></dt> <dd>집의 첫인상을 결정짓는 행복의 통로</dd> </dl> </a> <a href="/space/interior/entrance" class="txt_hover"> <p>주거 공간에서 출입을 위한 처음 접하는 공간이자 마지막으로 접하는 공간입니다.</p> <span class="view_more">VIEW MORE</span> </a> </li> <li> <a href="/space/interior/livingroom"> <dl class="txt"> <dt>거실<em>LIVING ROOM</em></dt> <dd>삶의 멋과여유를 즐길 수 있는 <span class="br"></span>아름다운 공간 </dd> </dl> </a> <a href="/space/interior/livingroom" class="txt_hover"> <p>거실은 가족 모두가 공유하고 소통 하며, 생활의 중심이되는 공간인 동시에 드러나는 공간이기도 합니다. </p> <span class="view_more">VIEW MORE</span> </a> </li> <li> <a href="/space/interior/kitchen"> <dl class="txt"> <dt>주방<em>KITCHEN</em></dt> <dd>가족이 모여 대화하고 함께 즐기는 <span class="br"></span>생활공간</dd> </dl> </a> <a href="/space/interior/kitchen" class="txt_hover"> <p>주방은 기능적인 편리함을 기반으로 하되, 여자의 마음까지 헤아린 세련된 디자인이어야 합니다. </p> <span class="view_more">VIEW MORE</span> </a> </li> <li> <a href="/space/interior/bedroom"> <dl class="txt"> <dt>안방<em>BEDROOM</em></dt> <dd>하루의 피로를 풀고 대화 및 휴식을 <span class="br"></span>위한 공간</dd> </dl> </a> <a href="/space/interior/bedroom" class="txt_hover"> <p>침실은 오직 부부만이 공유할 수 있는 하루의 피로를 풀고 대화 및 휴식을 위한 공간입니다. </p> <span class="view_more">VIEW MORE</span> </a> </li> <li> <a href="/space/interior/library"> <dl class="txt"> <dt>서재<em>LIBRARY</em></dt> <dd>마음의 여유를 가질 수 있는 <span class="br"></span>나만의 공간</dd> </dl> </a> <a href="/space/interior/library" class="txt_hover"> <p>서재 인테리어는 가족 구성원의 라이프 스타일을 고려하여 가구의 디자인과 배치를 정하고 컬러를 선택해야 합니다. </p> <span class="view_more">VIEW MORE</span> </a> </li> <li> <a href="/space/interior/childroom"> <dl class="txt"> <dt>아이방<em>KID ROOM</em></dt> <dd>다양한 용도로 활용 가능한 공간</dd> </dl> </a> <a href="/space/interior/childroom" class="txt_hover on"> <p>활동량이많고 수납공간이 충분히 필요하고 복합적인 기능을 담당해야 하는 아이방은 그에 맞는 큰 공간을 필요로 합니다. </p> <span class="view_more">VIEW MORE</span> </a> </li> <li> <a href="/space/interior/bathroom"> <dl class="txt"> <dt>공용욕실<em>Bathroom</em></dt> <dd>안락하고 휴식을 위한 세컨드 리빙룸</dd> </dl> </a> <a href="/space/interior/bathroom" class="txt_hover"> <p>안락하고 휴식을 위한 세컨드 리빙룸 가족의 건강 라이프를 위해 위생과 인테리어에 신경을 써야합니다.</p> <span class="view_more">VIEW MORE</span> </a> </li> <li> <a href="/space/interior/masterBathroom"> <dl class="txt"> <dt>부부욕실<em>Bathroom</em></dt> <dd>심플하고 편안한 여유로운 공간</dd> </dl> </a> <a href="/space/interior/masterBathroom" class="txt_hover"> <p>부부 욕실은 하루 동안 쌓인 피로와 스트레스를 날려버릴 수 있도록 여유로우면서도 담백하고 세련된 모던 스타일로 꾸미는 것이 트렌드입니다.</p> <span class="view_more">VIEW MORE</span> </a> </li> </ul> </div> </section> </div> <div class="section" id="section3"> <section class="sns_section"> <div class="inner clear"> <div class="top_copy"> <h3 class="tit"><em class="t_color">#</em> Home <em class="t_color">CC</em><span class="br"> on SNS</span></h3> </div> <div class="sns_wrap"> <div class="sns_lst"> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/336901902_605512024929107_960745390708101188_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=BMFspouZMa0AX9onTPW&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfABehspCDBRewLYo9ONd2ohikdCu6tm5bXmT82EmegmYg&oe=642DA5DB) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqJ2i7IvKlt/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/337244698_497267185779620_207877169899983350_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=TFaJCW0IYBIAX9OAUtJ&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfBojkomfv1-VBlGFDY47N7GlskzrJAdpOrdfRAHgqVgKg&oe=642DA2BE) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqJ2AJcPVXR/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/337280407_442351894759353_400360898709495534_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=QIEH3Hxa_N8AX8hZfxe&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfC4k6wvPurpK5p2QYDNBsLrOLzaHT_CULM2H3vzsJ-qug&oe=642D662D) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqJ12VdP3jl/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/337265669_227526059794518_3975774787391915534_n.jpg?_nc_cat=101&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=WUOhP78DOgUAX-TrNWj&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfBMxEJvoNyzg-1IBgVDQEBAvM6qvXFvAOQ1fRIE6coJdw&oe=642CE68D) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqJ1uLUv4Eo/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/337872853_232966775770326_9115385740872703123_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=2YkXwWX7rZ4AX_viqT-&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfDxMkWh2o40OMnfpUVABT7UXC_ZN4JmIG4PSkzPBOsToA&oe=642CDEA6) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqJ1ToJva2Y/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/337131070_1559300954590629_6067645897119812142_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=Guh37EKW-L0AX8Z8hN3&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfB19ot0jGcqlsZsX7dBl60f8Lr30-fGGz6jogdv2eNexA&oe=642D9453) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqJ1I3yPO7E/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/337256540_6203358956417197_7115458164855460482_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=AX1_lDhZG04AX_9Kkmk&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfDOBWiVT-Ue3macsDZwXPF21-DHC7Yzun2MiLWr_HMwuQ&oe=642CF007) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqEplKRPH3E/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> <div class="lst"> <div class="bg" style="background:url(https://scontent-ssn1-1.cdninstagram.com/v/t39.30808-6/337047708_268801832140549_5641032255594722731_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=9COUHYeL-nIAX_IZWO4&_nc_ht=scontent-ssn1-1.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfBXg2tkfP07Ybra6XvLfz71vgp_WdteYXj2wfz3UrBAQg&oe=642D1AE8) 50% 50% no-repeat; background-size:cover;"></div> <a href="https://www.instagram.com/p/CqEpab5vfyC/" class="hover" target="_blank"><span>@homecc_official</span></a> <i class="ic_pic"><img src="/images/ic_insta_pic.png" alt=""></i> </div> </div> <button type="button" class="btn_more on_m">+ 더보기</button> </div> </div> <div class="sns_area"> <div class="inner"> <ul> <li><a href="https://www.instagram.com/homecc_official" target="_blank"><i class="xi-instagram"></i></a></li> <li><a href="https://blog.naver.com/homecc" target="_blank"><i class="xi-naver-square"></i></a></li> <li><a href="https://www.youtube.com/channel/UCcMi1cubaRrS3P25zKfLxjg" target="_blank"><i class="xi-youtube-play"></i></a></li> </ul> </div> </div> </section> <!-- /.sns_section --> <section class="info_section"> <div class="inner clear"> <div class="col"> <dl class="col_tit"> <dt>커뮤니티</dt> <dd>이벤트 / 시공사례 / 인테리어 정보 <a href="/community/media/news"><i class="xi-plus"></i></a></dd> </dl> <div class="col_drop info1"> <ul> <li><a href="/community/event/proceeding/all"><i class="xi-gift-o"></i>이벤트</a></li> <li><a href="/community/cep/homecc"><i class="xi-home-o"></i>시공사례</a></li> <li><a href="/community/interior/tip"><i class="xi-lightbulb-o"></i>인테리어 TIP</a></li> <li><a href="/community/interior/dictionary"><i class="xi-book-o"></i>인테리어 사전</a></li> </ul> </div> </div> <div class="col"> <dl class="col_tit"> <dt>고객센터</dt> <dd>인테리어 상담 및 견적 / 상품문의 <a href="/customer/notice"><i class="xi-plus"></i></a></dd> </dl> <div class="col_drop info2"> <a href="tel:1877-8204" class="tel">1877 - 8204</a> <dl> <dt>평일</dt> <dd>09 : 00 ~ 18 : 00</dd> <dt>점심시간</dt> <dd>12 : 00 ~ 13 : 00</dd> <!-- <dt>토요일</dt> <dd>10 : 00 ~ 19 : 00</dd> --> <!-- <dt>평일</dt> <dd>09 : 00 ~ 18 : 00</dd> <dt>주말 / 공휴일</dt> <dd>10 : 00 ~ 19 : 00</dd> --> </dl> (토,일, 공휴일 휴무) </div> </div> <div class="col"> <dl class="col_tit"> <dt>FAQ</dt> <dd>자주 문의하는 질문 및 답변 <a href="/customer/faq/all"><i class="xi-plus"></i></a></dd> </dl> <div class="col_drop info3"> <!-- <ul> <li><a th:href="@{|/customer/faq/package|}">홈씨씨 인테리어 스타일</a></li> <li><a th:href="@{|/customer/repair/new|}">시공 A/S</a></li> <li><a th:href="@{|/customer/faq/interior|}">홈씨씨 인테리어 매장</a></li> <li><a th:href="@{|/customer/faq/homepage|}">홈페이지 이용</a></li> <li><a th:href="@{|/customer/faq/estimate|}">투명견적</a></li> <li><a th:href="@{|/customer/faq/other|}">기타 문의</a></li> <li><a th:href="@{|/customer/faq/partner|}">홈씨씨 파트너</a></li> </ul> --> <ul> <li><a href="/package/organic">홈씨씨 인테리어 스타일</a></li> <li><a href="/partner/company/index">홈씨씨 마스터 파트너</a></li> <li><a href="/store/all">홈씨씨 인테리어 매장</a></li> <!-- <li><a href="@{|/customer/faq/homepage|}">홈페이지 이용</a></li> --> <li><a href="https://www.homecc.com/cstm/cstm_faq_list.do" target="_blank">시공 A/S</a></li> <li><a href="https://www.homecc.com/ctgr/category_product_list.do?i_sCategorycd1=H01&i_sCategorycd2=&i_sCategorycd3=#" target="_blank">투명견적</a></li> <li><a href="https://www.homecc.com/cstm/cstm_faq_list.do" target="_blank">기타 문의</a></li> </ul> </div> </div> </div> </section> <!-- /.info_section --> <footer class="footer"> <div class="inner"> <ul class="f_util"> <li><a href="https://www.kccglass.co.kr/main.do" target="_blank">회사소개</a></li> <li><a href="/policy/terms">이용약관</a></li> <li><a href="/policy/privacy">개인정보 처리방침</a></li> <li><a href="/policy/email">이메일 무단수집거부</a></li> <li><a href="http://www.kccglass.co.kr/customer/brandpatrol.do" target="_blank">브랜드 오남용 신고센터</a></li> </ul> <!-- <a th:href="@{/images/homecc_catalog.pdf}" class="btn_catalgue" target="_blank"><i class="xi-book-o"></i>E-카탈로그</a> --> <div class="family_site"> <h3 class="tit">famaily site<i class="xi-angle-down-min"></i></h3> <ul class="lst"> <li><a href="https://www.kccglass.co.kr/main.do" target="_blank">KCC글라스</a></li> <li><a href="https://www.homeccmall.co.kr" target="_blank">홈씨씨 몰</a></li> <li><a href="http://www.kccworld.co.kr" target="_blank">KCC</a></li> <li><a href="http://kac.kccworld.co.kr" target="_blank">KCC이지스농구단</a></li> <li><a href="http://www.kccworld.net" target="_blank">KCC건설</a></li> <li><a href="http://www.baschem.co.uk" target="_blank">바실돈</a></li> <!--<li><a href="http://kac.kccworld.co.kr" target="_blank">KAC</a></li>--> </ul> </div> <div class="catalog_pop"> <h3 class="tit"><i class="xi-book-o"></i>E-카탈로그<i class="xi-angle-down-min"></i></h3> <ul class="lst"> <li><a href="/upload/data/homecc_catalog_bathroom_3.pdf" class="" target="_blank">욕실 카탈로그</a></li> <li><a href="/upload/data/homecc_catalog_entrance_livingroom_bedroom_3.pdf" class="" target="_blank">현관·거실·침실 카탈로그</a></li> <!-- <li><a th:href="@{/images/homecc_catalog.pdf}" class="" target="_blank">통합 카탈로그</a></li> --> </ul> </div> <div class="f_btm clear"> <ul class="f_logo"> <li><img src="/images/f_logo01_2022_2.jpg" alt="홈씨씨"></li> <li><img src="/images/f_logo02_2022.jpg" alt="KCC 글라스"></li> </ul> <!-- <p class="f_info">(주)케이씨씨글라스 서울특별시 서초구 강남대로 587(잠원동 27-8)<span>대표번호 1877-8204</span><span class="copy">Copyright ⓒ 2019 KCC글라스. All rights reserved.</span> </p> --> <p class="f_info"> <span class="bold">(주)케이씨씨글라스 서울특별시 서초구 강남대로 587(잠원동)</span><br> <span>사업자등록번호 401-87-01412</span><br> <span>고객센터 1877-8204 | 팩스 02-2015-8802 | 이메일 webglass@homecc.com</span><br> <span>개인정보보호책임자 김경익 | 호스팅 서비스 제공자 (주)케이씨씨글라스</span> <span class="copy">Copyright ⓒ 2019 KCC글라스. All rights reserved.</span> </p> </div> </div> </footer> </div> </div> <!-- /.content --> <!-- <th:block th:each="popup, status : ${popups}">--> <!-- <div th:replace="/fragment/commonFragment::mainPopup(${popup})"></div>--> <!-- </th:block>--> <div> <div class="main_pop"> <!-- <div class="pop_wrap"> <div class="pop_container"> <div class="pop_hd"> <h1 class="pop_title">타이틀이 들어갑니다요</h1> <button type="button" class="pop_close"><i class="xi-close"></i></button> </div> <div class="pop_cont"> <p class="p_txt">내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다.내용이 들어갑니다</p> <div class="btn_wrap btn_mr"> <a href="#" class="btn btn_s btn_st1">버튼내용ㅋ</a> <a href="#" class="btn btn_s btn_st2">자세히보기</a> </div> </div> <!– /.pop_cont –> </div> <div class="pop_btm"> <label class="inp_chk"> <input type="checkbox" id="notAgain2"> <span class="chkmark"></span> <label for="notAgain2">다시보지않기</label> </label> </div> </div> <div class="pop_wrap"> <div class="pop_container"> <div class="pop_hd"> <h1 class="pop_title">타이틀이 들어갑니다요 타이틀이 들어갑니다요 타이틀이 들어갑니다요 타이틀이 들어갑니다요 타이틀이 들어갑니다요 </h1> <button type="button" class="pop_close"><i class="xi-close"></i></button> </div> <div class="pop_cont"> <p class="p_txt">내용이 들어갑니다</p> </div> <!– /.pop_cont –> </div> <div class="pop_btm"> <label class="inp_chk"> <input type="checkbox" id="notAgain3"> <span class="chkmark"></span> <label for="notAgain3">다시보지않기</label> </label> </div> </div> --> </div> </div> <style> .f_banner{display:none;width: 100%;font-size: 0;text-align: center;transform:translate(-50%,-50%);z-index: 99999 !important;} .f_banner .pop_wrap{position: relative;display: inline-block;width: 70vw;max-width: 70vw; padding: 0;margin: 1%;vertical-align: top;border: 2px solid #000;box-shadow:5px 5px 15px rgba(0,0,0,0.2)} .f_banner .pop_hd{min-height:30px;} .f_banner .pop_btm{width:100%;background-color: #fff;text-align: left;} .f_banner .pop_btm .btn{position: static;float: left;width: 50%;height: 100%;color: #333;font-size: 15px;line-height: 40px;text-align: center;transform:none;} .f_banner .pop_btm .btn:first-child{border-right: 1px solid #ddd;} .f_banner .btn_wrap{margin-top: 20px;} .f_banner .pop_cont{font-size: 16px;} .f_banner .pop_container{max-height: calc(100vh);overflow-y: auto;} @media all and (max-width:960px) { .f_banner { width: 100%; height: 100%; top: 0; background-color: rgb(222,222,222,0.5); text-align: center; align-items: center; justify-content: center; position: absolute; overflow-y: auto; } .f_banner .pop_wrap { top: 0; margin: 0 1rem; width: 80%; } .f_banner .pop_btm .btn { font-size: small; line-height: 1.5rem; } } @media all and (max-width:640px) { .f_banner .pop_wrap { top: 0; margin: 0 1rem; width: 100%; max-width: 80%; } } </style> <!-- /* floating banner */ --> <div class="f_banner"> <div class="pop_wrap"> <div class="pop_container"> <video width="100%" id="fMovie" loop muted autoplay data-pc="/movie/hcc_230112.mp4" data-mb="/movie/hcc_230112_m.mp4" > Your browser doesn't support HTML5 video tag. </video> </div> <div class="pop_btm"> <button type="button" class="btn btn_f_banner_today" id="20230113">오늘 그만 보기</button> <button type="button" class="btn pop_f_banner_close">닫기</button> </div> </div> </div> <div class="main_pop_movie" style="left: 50%; position: fixed; top: 50%; z-index: 9999; opacity: 1; display: none;"> <div class="pop_wrap"> <div class="pop_container"> <div class="pop_cont"> <p class="p_txt"> <video width="100%" controls id="hccMovie" style="display:block;" poster="https://img.youtube.com/vi/UYMxsmIMI98/maxresdefault.jpg" loop muted> <source src="/movie/hcc_230113.mp4" type="video/mp4"> Your browser doesn't support HTML5 video tag. </video> <!-- <a href="https://bit.ly/3LGQf57" target="_blank"> <button type="button" class="btn_st2" style="width:100%"> TV CF On-Air 기념 이벤트 참여하러 가기 → </button> </a> --> </p> </div> </div> <div class="pop_btm"> <button type="button" class="btn btn_movie_today" id="20220307">오늘 그만 보기</button> <button type="button" class="btn pop_movie_close">닫기</button> </div> </div> </div> </main> <!-- /.end-BODY --> </div> <!-- /.wrapper --> <script> /*<![CDATA[*/ var popups = []; /*]]>*/ </script> <script> if(window.location.hostname === 'www.homecc.co.kr' || window.location.hostname === 'homecc.co.kr') { if(window.location.protocol === 'http:') { window.location.href = 'https://www.homecc.co.kr' + window.location.port + window.location.pathname; } } var setCookie = function(cookieName, value, exdays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + exdays); var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toUTCString()) + "; path=/"; document.cookie = cookieName + "=" + cookieValue; }; var setVideoSrc = function(video, src) { var source = document.createElement('source'); var existSource = document.querySelector('.f_banner video source'); source.src = src; source.type = 'video/mp4'; if(existSource != null) existSource.remove(); video.appendChild(source); }; var playFBanner = function() { var video = document.querySelectorAll('.f_banner video')[0]; var windowWidth = window.innerWidth ? window.innerWidth : $(window).width(); if (windowWidth > 960 ) { setVideoSrc( video, video.dataset.pc); $('.f_banner').css("display","fixed"); } else { setVideoSrc(video, video.dataset.mb); $('.f_banner').css("display","flex"); } } $(document).ready(function() { var f_banner_show = getCookie("main_f_banner"); if(f_banner_show != "notToday" && 1==2) { $(".f_banner").bPopup({ modalClose: false, modal: false, // 200609 update : 옵션추가 position: ['50%','50%'], positionStyle: 'fixed' }); playFBanner(); $('.pop_f_banner_close').on('click', function(){ $(this).parents(".pop_wrap").hide(); var length = $(".pop_wrap").length; if($(".pop_wrap:visible").length == 0){ $('.f_banner').bPopup().close(); } }); $(".btn_f_banner_today").on("click", function(e){ var $notAgain = $(this).attr("id").toString(); var $popupClose = $(this).parents(".pop_wrap").find(".pop_f_banner_close"); setCookie("main_f_banner", "notToday", 1); $popupClose.trigger("click"); }); $(".pop_container").on("click", function(e){ location.href='/magazine/info'; }); } var pop_movie_show = getCookie("main_pop_movie"); if(pop_movie_show != "notToday" ) { var vid = document.getElementById("hccMovie"); $(".main_pop_movie").bPopup({ modalClose: false, modal: false, // 200609 update : 옵션추가 position: ['50%','50%'], positionStyle: 'fixed' }); vid.play(); // document.getElementsByTagName("video")[0].muted = false // vid.muted = !vid.muted; //popup 창 닫기 $('.pop_movie_close').on('click', function(){ $(this).parents(".pop_wrap").hide(); var length = $(".pop_wrap").length; if($(".pop_wrap:visible").length == 0){ $('.main_pop_movie').bPopup().close(); } vid.pause(); }); // 다시보지않기 세션 등록 $(".btn_movie_today").on("click", function(e){ var $notAgain = $(this).attr("id").toString(); var $popupClose = $(this).parents(".pop_wrap").find(".pop_movie_close"); setCookie("main_pop_movie", "notToday", 1); $popupClose.trigger("click"); }); } var winW = $(window).width(); // popup if(popups.length > 0){ $(".main_pop").bPopup({ modalClose: false, modal: false, // 200609 update : 옵션추가 position: ['50%','50%'], positionStyle: 'fixed' }); //popup 창 닫기 $('.pop_close').on('click', function(){ $(this).parents(".pop_wrap").hide(); var length = $(".pop_wrap").length; if($(".pop_wrap:visible").length == 0){ $('.main_pop').bPopup().close(); } }); // 다시보지않기 세션 등록 $(".notAgain").on("click", function(e){ var $notAgain = $(this).attr("id").toString(); var $popupClose = $(this).parents(".pop_wrap").find(".pop_close"); setCookie("popup-" + $notAgain, "popup-id", 1); $popupClose.trigger("click"); }); } gnbEffect(); // 메인헤더 효과 caseTab(); if(winW <= 960){ mobInfoToggle(); } $('#fullpage').fullpage({ controlArrows: false, scrollingSpeed: 1000, scrollOverflow: true, navigation: true, navigationPosition: 'left', normalScrollElements : '.main_pop, .main_pop_movie', onLeave: function(anchorLink, index) { if (index == 1) { $("#fp-nav").removeClass('on'); } if (index == 2) { $("#fp-nav").addClass('on'); $(".case_section").addClass('ani'); } else if (index == 3) { $("#fp-nav").removeClass('on'); $(".interior_section .bg .lst:eq(5)").addClass('on'); } else if (index == 4) { $("#fp-nav").addClass('on'); } if (index == 1) { if ($('.header').hasClass('scroll')) $('.header').removeClass('scroll'); } else { if (!$('.header').hasClass('scroll')) $('.header').addClass('scroll'); } } }); $('.go_top').show(); $('.go_top').on('click', function(){ $.fn.fullpage.moveTo(1); return false; }); // 메인 비주얼 var $status = $('.slide_paging .num'); var $slickElement = $('.vs_slider'); $slickElement.on('init reInit afterChange ', function (event, slick, currentSlide, nextSlide) { $(this).addClass("on"); var i = (currentSlide ? currentSlide : 0) + 1; $status.html('<b>'+i+'</b>' + '/' + slick.slideCount); }).not('.slick-initialized').slick({ infinite: true, dots: true, arrows: false, autoplay: true, fade: true, pauseOnHover: false, autoplaySpeed: 8000, }); $('.btn_play').on('click', function(e) { e.preventDefault(); $(".vs_slider").slick("play"); $(this).hide(); $('.btn_pause').show(); }); $('.btn_pause').on('click', function(e) { e.preventDefault(); $(".vs_slider").slick("pause"); $(this).hide(); $('.btn_play').show(); }); // 모바일 SNS 더보기 활성화 var snsLst = $(".sns_lst .lst").length; if( snsLst > 6 ){ $(".sns_wrap .btn_more").click(function(){ $(".sns_lst").addClass("on"); $(this).hide(); $.fn.fullpage.reBuild(); }); } // 공간 인테리어 /*$("#da-thumbs > li").each(function() { var index = $(this).index(); $(this).on("mouseenter", function() { $(".txt_hover").removeClass("on"); $(this).find(".txt_hover").addClass("on"); //$(".interior_section .bg .lst").removeClass("on"); //$(".interior_section .bg .lst:eq(" + (index) + ")").addClass("on"); return false; }); });*/ $("#da-thumbs > li").each(function() { var index = $(this).index(); $(this).on("mouseenter", function() { $(".txt_hover").removeClass("on"); $(this).find(".txt_hover").addClass("on"); return false; }); }); $("#da-thumbs > li:eq(5)").each(function() { var index = $(this).index(); $(this).on("mouseenter", function() { $(".interior_section .bg .lst").removeClass("on"); $(".interior_section .bg .lst:eq(5)").addClass("on"); return false; }); }); $("#da-thumbs > li:eq(6)").each(function() { var index = $(this).index(); $(this).on("mouseenter", function() { $(".interior_section .bg .lst").removeClass("on"); $(".interior_section .bg .lst:eq(6)").addClass("on"); return false; }); }); }); // 모바일 메인 하단 토글 function mobInfoToggle(){ $(".info_section .col_tit").click(function(e) { e.preventDefault(); $(".info_section .col_tit").removeClass("on"); $.fn.fullpage.reBuild(); if ($(this).next().is(":visible")) { $(".info_section .col_drop").hide(); } else { $(".info_section .col_drop").hide(); $(this).addClass("on"); $(this).next().show(); } }); } // 시공사례 탭 function caseTab(){ $(".tab_case li").each(function(){ var index = $(this).index(); $(this).on("click",function(){ $(".tab_case li").removeClass("on"); $(this).addClass("on"); $(".case_section .tab_cont .lst").hide(); $(".case_section .tab_cont .lst:eq("+(index)+")").fadeIn(); return false; }); }); } function getCookie(cookieName) { cookieName = cookieName + '='; var cookieData = document.cookie; var start = cookieData.indexOf(cookieName); var cookieValue = ''; if(start != -1){ start += cookieName.length; var end = cookieData.indexOf(';', start); if(end == -1)end = cookieData.length; cookieValue = cookieData.substring(start, end); } return unescape(cookieValue); }; /** InstarGram API 통신이 불안정한 이유로 인해 주석처리 function instarGramHomeCC() { $.ajax({ url: "/restful-api/get-instargram", method: "get", type: "json", contentType: "application/json", success: function (response) { if (response === null || response === '' || response === undefined) return false; var datas = response.data.graphql.user.edge_owner_to_timeline_media.edges; if (datas !== null && datas.length > 0) { var $wrapper = $('#section3 .sns_lst'); $wrapper.empty(); $.each(datas, function(index, item) { if (index > 7) return false; var tag = "<div class=\"lst\">"; tag += "<div class=\"bg\" style=\"background:url(" + item.node.thumbnail_src + ") 50% 50% no-repeat; background-size:cover;\"></div>"; tag += "<a href=\"https://www.instagram.com/p/" + item.node.shortcode + "\" class=\"hover\" target=\"_blank\">"; tag += "<span>@HomeCC.official</span>"; tag += "</a>"; tag += "<i class=\"ic_pic\">"; tag += "<img src=\"/images/ic_insta_pic.png\" />"; tag += "</i>"; tag += "</div>"; $wrapper.append(tag); }); } } }); } instarGramHomeCC(); **/ </script> </body> </html>