</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"> <style> .header_pc { position: fixed; top: 0; left: 0; width: 100%; height: 101px; background-color: transparent; transition: all 0.2s ease-out; z-index: 9998; } @media (max-width: 1680px) { .header_pc { padding: 0 !important; } } </style> <header class="header header_pc on"> <div class="inner"> <h1 class="logo"><a href="https://www.homecc.com">HOME CC 인테리어</a></h1> </div> </header> <!-- /.header_pc --> <header class="header header_m on"> <button type="button" class="btn_nav"><i class="xi-bars"></i></button> <h1 class="logo" style="height: 26px;"><a href="/">홈씨씨 인테리어</a></h1> <nav class="nav_m"> <div class="nav_top"> <p class="mobileSideLogin">로그인을 해주세요</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/faq/all">고객센터</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 href="https://www.homecc.com/remodeling/green_remodeling_reg.do" target="_blank">그린리모델링 신청</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/bathroom">공간 인테리어</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> <!-- <li><a th:href="@{/community/interior/tip}">인테리어 TIP</a></li> <li><a th:href="@{/community/interior/dictionary}">인테리어 사전</a></li> <li><a th:href="@{/community/interior/guide}">인테리어 가이드</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="https://www.homecc.com/partner/builder_reg.do" target="_blank">시공자 신청</a></li> </ul> </li> <li><span class="category"><a href="/estimate/consult">견적 상담</a></span></li> </ul> </div> <ul class="nav_btm"> <li class="logoffDivLoginMobile"><a href="/secure/login">로그인</a></li> <!-- 로그인 상태 --> <!-- <li><a href="#">로그아웃</a></li> <li><a href="#">회사소개</a></li> --> </ul> </nav> <!-- /.nav_m --> <div class="nav_m_bg"></div> </header> <!-- /.header_m --> <!-- /.header --> <div class="container"> <div class="contents wide window_contents"> <div class="tab_wrap window_tab_wrap"> <ul class="product_tab"> <li class="tab5 on"> <span class="pd_img"></span> <span class="tab_menu">창호</span> <a href="/product/S01/window-intro"></a> </li> <li class="tab2"> <span class="pd_img"></span> <span class="tab_menu">도어</span> <a href="/product/S02"></a> </li> <li class="tab3"> <span class="pd_img"></span> <span class="tab_menu">욕실자재</span> <a href="/product/S06"></a> </li> <li class="tab4"> <span class="pd_img"></span> <span class="tab_menu">타일</span> <a href="/product/S08"></a> </li> <li class="tab1"> <span class="pd_img"></span> <span class="tab_menu">인테리어키친</span> <a href="/product/S04"></a> </li> <li class="tab8"> <span class="pd_img"></span> <span class="tab_menu">조명</span> <a href="/product/S07"></a> </li> <li class="tab6"> <span class="pd_img"></span> <span class="tab_menu">바닥재</span> <a href="https://www.homeccflooring.com/kr/web/product/productList.do?searchCountry=ko&searchField=1000&searchPurpose=5007" target="_blank"></a> </li> <li class="tab7"> <span class="pd_img"></span> <span class="tab_menu">벽지</span> <a href="/product/S03"></a> </li> </ul> </div> <section class="product_list"> <div class="scrh_box inp_2n"> <form method="get"> <div class="inp_slct2"> <select name="style" id=""> <option value="" selected>스타일별 보기</option> <option value="001">오가닉</option> <option value="002">소프트</option> <option value="003">트렌디</option> </select> <i class="xi-angle-down-min"></i> </div> <div class="ip_srch"> <input class="txt" name="search" type="text" value="" placeholder="검색어를 입력해주세요."> <button type="submit" class="ic_srch ir">검색</button> </div> </form> </div> <div class="tab_wrap window_tab_wrap"> <ul class="tab_st2 tab_nav2"> <li class="on"><a href="/product/S01/window-intro">창호소개</a></li> <li><a href="/product/S01/lineup-win7#tab1">창호 라인업</a></li> <li><a href="/greenremodeling/info">그린 리모델링</a></li> <!-- <li><a id="winEstimateTab" th:href="@{/estimate/window}">창호 견적</a></li>--> </ul> </div> <div class="window_wrap"> <h2 class="h2 line2 h2_intro"> <!-- 210623 추가: 아이콘 추가 --> <strong class="kosid_area"><img src="/images/window/ic_kosid.png" alt="kosid"></strong> <!-- //210623 추가: 아이콘 추가 --> <b class="orange">홈씨씨 윈도우</b>는 <b>상담</b>부터 <b>구입, 시공, A/S</b>까지<br> <b class="orange">‘고객의 고민을 해결’</b>합니다. </h2> <div class="tab_wrap_product"> <ul class="tab_nav tab_style1 col3 winIntro_tab"> <li class="on"><button>기본에 충실한 창호</button></li> <li><button>고객을 생각한 창호</button></li> <li><button>시공과 A/S까지 홈씨씨 윈도우</button></li> </ul> <!-- 210601 업데이트 : 탭 전환에서 스크롤 이동으로 변경 --> <div class="winIntro_tabContents"> <!-- 기본에 충실한 창호 --> <article class="slide_view winIntroView"><!-- 210601 업데이트 : class 추가 --> <h3><span>기본</span>에 충실한 창호</h3> <p class="txt"><b>홈씨씨 윈도우</b>는 냉기를 막고 온기를 지켜서 <b>냉·난방비를 줄여주고,</b> <br>태풍·장마 걱정없이 <b>실내를 튼튼하게 보호하며, 외부의 소음까지 차단</b>합니다.</p> <!-- /20210528 업데이트 : 띄워쓰기 --> <div><img src="/images/window/img_slide13_1.png" alt=""></div> </article> <div class="tab_wrap"> <div class="tab_contents tab_dep2_wrap"> <div class="on"> <!-- 고품질자재 --> <div class="detail_img"> <div class="bg1 bg1_2"> <div class="info"> <div> <strong> <span>강한 비바람도 걱정없는</span> 우수한 설계구조 </strong> <p> <b>다격실구조</b>와 <b>강철 보강재</b> 삽입, <b>높은 창틀</b>로 설계된<br> 홈씨씨 윈도우는 강한 바람과 장마에도 안전합니다. </p> <!-- 210701 수정 : 내용추가 --> <div class="info_inner"> <div> <span> <img src="/images/window/img_detail1_inner01.jpg" alt="내풍압성능 강화1" /> </span> <p> 내부를 여러 칸으로 설계/ 제작한 다격실 기술로<br> 단열, 방음, 내풍압성능 강화<br> <span> (전시장의 창호 샘플을 통해 단면의 다격실을<br> 직접 확인하실 수 있습니다) </span> </p> </div> <div> <span> <img src="/images/window/img_detail1_inner02.jpg" alt="내풍압성능 강화2" /> </span> <p> 창틀과 창짝에 삽입된 강철보강재가 강한 바람과 무거운 하중에도 창호의 휘어짐과 변형을 막아줍니다. 규정에 맞는 품질 및 두께의 보강재 정품을 사용하는 것은 매우 중요한 일입니다. <span>※ 보강재의 색상표기는 도면상 식별을 위한 것임</span> </p> </div> <div> <span> <img src="/images/window/img_detail1_inner03.jpg" alt="내풍압성능 강화3" /> </span> <p> 발코니용 창호의 내외부 창틀이 높게 설계되어,<br> 바람과 빗물의 유입을 최소화합니다. </p> </div> </div> <!-- //210701 수정 : 내용추가 --> </div> </div> </div> <div class="bg2"> <div class="info"> <div> <strong> <span>KCC글라스가 직접 만든</span> 로이유리 적용 </strong> <p> <b>냉·난방에너지</b>를 아껴주는 <b>특수코팅 로이유리</b>가<br>적용되어 쾌적한 실내환경을 제공합니다. </p> <!-- 210701 수정 : 버튼추가 --> <!-- <a href="#none" class="fileview"><img th:src="@{/images/window/btn_fileview.png}" alt="단열간봉 자료보기"></a> --> <a href="#none" class="glassview"><img src="/images/window/btn_glassview.png" alt="로이유리 설명 보기"></a> <!-- //210701 수정 : 버튼추가 --> </div> </div> </div> <div class="bg26"> <div class="info"> <div> <strong> <span>신뢰할 수 있는 </span> 국산 자재 사용 </strong> <p> 핵심 구성자재인 <b>창호 프로파일</b>과 <b>유리, 실란트</b>까지<br>모두 국내에서 생산합니다. </p> </div> </div> </div> </div> </div> </div> </div> <!-- 고객을 생각한 창호 --> <article class="slide_view winIntroView customerView"><!-- 210601 업데이트 : class 추가 --> <h3><span>고객</span>을 생각한 창호</h3> <p class="txt"> <b>홈씨씨 윈도우</b>는 누구나 쉽게 사용하실 수 있도록<br><b>편의성과 성능,</b> 그리고 <b>고객의 안전까지 고려하여 창호를 개발</b>하였습니다. </p> <div><img src="/images/window/img_slide14_1.png" alt=""></div> </article> <div class="tab_wrap customerTab"> <div class="tab_contents tab_dep2_wrap"> <div class="on"> <!-- 스마트핸들 --> <div class="detail_img"> <div class="bg31"> <div class="info"> <div> <strong> <span>쉽게 열고 안전하게 닫는</span> 다기능 자동핸들 </strong> <p> 누구나 쉽게 창문을 열 수 있는 <b>스마트 오픈</b> 기능,<br>잠김을 눈으로 확인 할 수 있는 <b>잠금표시</b><br>기능이 포함되어 있습니다. <i>(스마트 핸들 한정)</i> <!-- 210701 수정 : 버튼추가 --> <a href="https://youtu.be/JV4rfALys2A" target="_blank"><img src="/images/window/btn_movview.png" alt="핸들 작동영상 보기" ></a> <!-- //210701 수정 : 버튼추가 --> </p> </div> </div> </div> <div class="bg32"> <div class="info"> <div> <strong> <span>사용자가 안심하고 쓸 수 있는</span> 안전장치 </strong> <p> <b>세이프 스토퍼</b>가 갑작스런 손끼임을 방지하고, <br><b>방충망 고정핸들</b>이 강풍에 의한 방충망 탈락방지를<br>도와주어 걱정없이 더 안전하게 사용하실 수 있습니다. <!-- 210701 수정 : 버튼추가 --> <a href="https://youtu.be/PiyBfdQJnGw" target="_blank"><img src="/images/window/btn_subview.png" alt="부자재 안내영상 보기" ></a> <!-- //210701 수정 : 버튼추가 --> </p> </div> </div> </div> <div class="bg33"> <div class="info"> <div> <strong> <span>디테일을 완성하는</span> 마감자재 </strong> <p> 벌레를 막아주는 <b>방충배수캡</b>과 틈 사이 바람과<br>이물질을 막아주는 <b>IL마감캡</b>처럼, <br>고객이 필요한 사소한 부분까지 해결합니다. <!-- 210701 수정 : 버튼추가 --> <a href="https://youtu.be/PiyBfdQJnGw" target="_blank"><img src="/images/window/btn_subview.png" alt="부자재 안내영상 보기" ></a> <!-- //210701 수정 : 버튼추가 --> </p> </div> </div> </div> </div> </div> </div> </div> <!-- 시공과 A/S까지 홈씨씨 윈도우 --> <article class="slide_view winIntroView asView"><!-- 210601 업데이트 : class 추가 --> <h3><span>시공</span>과 <span>A/S</span>까지 홈씨씨 윈도우</h3> <p class="txt"> 홈씨씨가 제공하는 <b>1-DAY 시공의 편리함과 13년 품질보증의 체계적인 A/S를 체험</b>해보세요. <br>좋은 창호를 <b>최고의 품질로 설치</b>해드립니다. </p> <div><img src="/images/window/img_slide15_1.png" alt=""></div> </article> <div class="tab_wrap"> <div class="tab_contents tab_dep2_wrap"> <div class="on"> <div class="detail_img"> <div class="bg34"> <div class="info"> <div> <strong> <span>깔끔하고 신속한</span> 1-DAY 시공 </strong> <p> 홈씨씨 윈도우의 <b>1-DAY시공</b>은 체계적인 보양과<br>마감으로, 거주 중인 세대도 부담없이 창호교체<br>공사를 하실 수 있습니다. <i>(현장 여건에 따라 마감기간 상이) </i><br> <a href="https://youtu.be/10NXykDHRc8" target="_blank"><img src="/images/window/btn_movview5.png" alt="시공 동영상 보기"></a><!-- /20210528 업데이트 : 링크추가 --> </p> </div> </div> </div> <div class="bg35"> <div class="info"> <div> <strong> <span>업계 최장</span> 창호 13년 품질 보증 </strong> <p> 고객을 배려하는 마음과 기술에 대한<br>자신감을 바탕으로 최대 <b>13년 품질 보증</b>을 제공합니다.<br><i>(내역에 따라 보증기간 상이 / 세부 내용 확인)</i> <a href="/greenremodeling/info#grn_article" target="_blank"><img src="/images/window/btn_view.png" alt="품질보증내역 보기"></a><!-- /20210528 업데이트 : 링크추가 --> </p> </div> </div> </div> <div class="bg36"> <div class="info"> <div> <strong> <span>끝까지 책임지는</span> 본사 정품 A/S </strong> <p> 창호와 유리의 <b>홈씨씨 마크</b>와 <br><b>품질보증번호</b>로 본사정품을 확인하세요! </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="info_link_list"> <h2>홈씨씨 윈도우는 다음에서 상담 및 구매 하실 수 있습니다.</h2> <div class="foot_banner"> <div class="fb1"> <div class="bg"></div> <h3>홈씨씨 직영 매장 안내</h3> <a href="/store/all"></a> </div> <div class="fb2"> <div class="bg"></div> <h3>상담실 연결</h3> <a href="/customer/qna"></a> </div> <div class="fb3"> <div class="bg"></div> <h3>홈씨씨 윈도우 파트너 안내</h3> <a href="/partner/company/index"></a> </div> <div class="fb4"> <div class="bg"></div> <h3>홈씨씨몰 바로가기</h3> <a href="https://www.homecc.com"></a> </div> </div> </div> <div class="lineup_popup_wrapper"> <div class="lineup_popup_inner"> <img src="/images/window/lineup_popup_icon.png" alt="line-up"/> <p>홈씨씨 윈도우 라인업이 궁금하신가요?</p> <a href="/product/S01/lineup-win7#tab1">바로가기</a> </div> </div> <!-- 210701 수정 : 팝업창 영역 추가 --> <div class="popimage_wrap popup01"> <div class="popimage_wrap_inner"> <h1 class="popup_close"> <img src="/images/window/pop_close.png" alt="닫기" /> </h1> <img src="/images/window/tekasum_pop.png" alt="테카썸" /> </div> </div> <div class="popimage_wrap popup02"> <div class="popimage_wrap_inner"> <h1 class="popup_close"> <img src="/images/window/pop_close.png" alt="닫기" /> </h1> <img src="/images/window/glass_pop.png" alt="로이유리" /> </div> </div> <!-- //210701 수정 : 팝업창 영역 추가 --> </section> </div> </div> <!--<div th:replace="/fragment/commonFragment::commonModal"></div>--> <!--* <div th:replace="/layoutFragment :: footer"></div> *--> <div class="pop_wrap pop_alert" id="commonModal"> <div class="pop_container"> <div class="pop_hd"> <h1 class="pop_title commonModalTitle">알림</h1> <button type="button" class="pop_close"><i class="xi-close"></i></button> </div> <div class="pop_cont"> <p class="commonModalContent"></p> </div> <!-- /.pop_cont --> <div class="btn_wrap btn_mr"> <button type="button" class="btn btn_st1 commonModalClose">취소</button> <button type="button" class="btn btn_st2 commonModalConfirm">확인</button> </div> </div> </div> </div> <script src="/js/jquery.min.js"></script> <script src="/js/jquery.form.min.js"></script> <script src="/js/jquery.easing.1.3.js"></script> <script src="/js/jquery-ui.js"></script> <script src="/js/slick.min.js"></script> <script src="/js/aos.js"></script> <script src="/js/jquery.bpopup.min.js"></script> <script src="/js/spin.js"></script> <script src="/js/multipartFile.js"></script> <script src="/js/moment.min.js"></script> <script src="/js/modal.js"></script> <script src="/js/lightslider.js"></script> <!-- Static Page Effect --> <script src="/js/TweenMax.min.js"></script> <script src="/js/ScrollToPlugin.min.js"></script> <script src="/js/skrollr.min.js"></script> <script src="/js/jquery.waypoints.min.js"></script> <script src="/js/SplitTextmin.js"></script> <script src="/js/jquery.rwdImageMaps.min.js"></script> <!-- Library --> <script src="/js/kakaoStory.js"></script> <script type="text/javascript" src="https://static.nid.naver.com/js/naverLogin_implicit-1.0.3.js" charset="utf-8"></script> <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <!-- Common --> <script src="/js/common.js?ver=230111"></script> <script src="/js/util.js"></script> <script> var csrfToken = $("meta[name='_csrf']").attr("content"); var csrfHeader = $("meta[name='_csrf_header']").attr("content"); $.ajaxSetup({ dataType: "json", beforeSend: function() { $("body").spin("modal"); }, complete: function() { $("body").spin("modal"); }, error: function(jqxhr, textStatus, errorThrown) { } }); $(document).ajaxSend(function(e, xhr, options) { xhr.setRequestHeader(csrfHeader, csrfToken); }); </script> <script> $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); }); </script> <section> <script> /*<![CDATA[*/ var products = [{"id":459,"itemCode":"220000229123","title":"\uD648\uC528\uC528 \uBCA0\uC774\uC9C1 230","image":"\/mdm\/\uCC3D\uD638\/\uD648\uC528\uC528\uBCA0\uC774\uC9C1230.jpg","mainCategory":"S01","subCategory":"03","subClass":"02","price":26620,"price2":10945},{"id":457,"itemCode":"220000229121","title":"\uD648\uC528\uC528 \uBCA0\uC774\uC9C1 225","image":"\/mdm\/\uCC3D\uD638\/\uD648\uC528\uC528\uBCA0\uC774\uC9C1225.jpg","mainCategory":"S01","subCategory":"03","subClass":"01","price":17710,"price2":7205},{"id":458,"itemCode":"220000229122","title":"\uD648\uC528\uC528 \uBCA0\uC774\uC9C1 118","image":"\/mdm\/\uCC3D\uD638\/\uD648\uC528\uC528\uBCA0\uC774\uC9C1118.jpg","mainCategory":"S01","subCategory":"03","subClass":"01","price":11100,"price2":10000},{"id":460,"itemCode":"220000229124","title":"\uD648\uC528\uC528 \uD504\uB9AC\uBBF8\uC5C4 140","image":"\/mdm\/\uCC3D\uD638\/\uD648\uC528\uC528\uD504\uB9AC\uBBF8\uC5C4140.jpg","mainCategory":"S01","subCategory":"01","subClass":"01","price":17710,"price2":7150},{"id":461,"itemCode":"220000229125","title":"\uD648\uC528\uC528 \uC2A4\uB9C8\uD2B8 128","image":"\/mdm\/\uCC3D\uD638\/\uD648\uC528\uC528\uC2A4\uB9C8\uD2B8128.jpg","mainCategory":"S01","subCategory":"01","subClass":"01","price":17050,"price2":6765},{"id":462,"itemCode":"220000229126","title":"\uD648\uC528\uC528 \uD504\uB9AC\uBBF8\uC5C4 242","image":"\/mdm\/\uCC3D\uD638\/\uD648\uC528\uC528\uD504\uB9AC\uBBF8\uC5C4242.jpg","mainCategory":"S01","subCategory":"01","subClass":"02","price":30580,"price2":13035},{"id":463,"itemCode":"220000229127","title":"\uD648\uC528\uC528 \uBCA0\uC774\uC9C1 230","image":"\/mdm\/\uCC3D\uD638\/\uD648\uC528\uC528\uBCA0\uC774\uC9C1230.jpg","mainCategory":"S01","subCategory":"01","subClass":"02","price":26620,"price2":10945}]; var mainCategory = "S01"; /*]]>*/ </script> <script src="/js/product/product.js"></script> <script> //창호 소개 - 상세페이지 탭 클릭시 스크롤 $(".winIntro_tab li").on('click',function(){ var introTabIndex = $(this).index(); var offsetT = $('.winIntroView').eq(introTabIndex).offset().top; $('body,html').animate({ scrollTop: offsetT - $('.header').height() - 100 }, 500); }) $(window).scroll(function(){ checkY(); }); function checkY(){ var popupTop = $('.asView').offset().top - 145; //210702 수정 : class 수정 var popupBottom = popupTop + $('.customerTab').height() + 200; if($(window).scrollTop() > popupTop && $(window).scrollTop() <= popupBottom){ $('.lineup_popup_wrapper').fadeIn(); } else { $('.lineup_popup_wrapper').fadeOut(); } } /* 210701 추가 : 팝업창 스크립트 */ $(".fileview").on('click',function(){ $('.popimage_wrap.popup01').fadeIn(); }) $(".glassview").on('click',function(){ $('.popimage_wrap.popup02').fadeIn(); }) $(".popup_close").on('click',function(){ $('.popimage_wrap').fadeOut(); }) </script> </section> </body> </html>