<div class="floating_btn">
    <a href="javascript:scrollPopupEvent.onOpenPopup('#requestPop');"></a>
</div>
<div class="col-12 pb-lg-60 contents_con">
    <div class="col-12 mb60 mb-md-97 section_anchor_con">
        <ul class="anchor_list_con">
            <li class="active">
                <a href="javascript:void(0)" class="font_helve" onclick="subCommon.changeAnchor('.section.w_editor');">
                    W.Editor
                </a>
            </li>
            <li>
                <a href="javascript:void(0)" onclick="subCommon.changeAnchor('.section.company');">
                    기업소개
                </a>
            </li>
        </ul>
    </div>
    <div class="col-12 pb100 pb-md-182 section w_editor">
        <div class="col-12 col-center mw-1410">
            <div class="col-12 pr20 pl20 content_padding_ctrl">
                <div class="col-12 title_big sub_contents_header font_helve">W.Editor</div>
                <div class="col-12 w_editor_contents">
                    <div class="col-12 mb100 mb-lg-195 content">
                        <div class="col-12 title">
                            <h4 class="mb10 mb-md-16 point0">유지관리 비용 절감</h4>
                            <div class="mb25 mb-md-40 h_subtitle4">
                                자체 제작한 웹 관리 솔루션 <br/>
                                <span class="font_helve">W.Editor</span> 무료제공
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 mb80 mb-lg-0 text_con">
                            <div class="mw-800 pr-md-80 h_desc4">
                                웹사이트는 제작에서 끝나지 않습니다.<br/>
                                수많은 사람들이 웹사이트 제작 이후 유지관리에 상당한 비용을
                                지출하고 있는 것이 안타까운 현실입니다.<br/>
                                웨비즈는 자체 제작한 웹 관리 솔루션 <span class="font_helve">W.Editor</span>를 무료로 제공하여 고객님의 웹사이트 유지관리 비용을 획기적으로 줄여드립니다.<br/>
                                <span class="font_helve">HTML, CSS</span> 등 홈페이지 제작 언어를 몰라도 텍스트 및 이미지를 파워포인트처럼 변경할 수 있습니다.
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 mt-lg-10 img_con">
                            <img class="right_img" src="[RESOURCE::img/w_editor_contents_img_000.png]" alt="w.editor">
                        </div>
                    </div>
                    <div class="col-12 mb100 mb-lg-200 content">
                        <div class="col-12 col-lg-6 fr-lg mb80 mb-lg-0 text_con">
                            <h4 class="mb10 mb-md-16 point0">초보자도 쉽고 간편하게</h4>
                            <div class="mb25 mb-md-40 h_subtitle4">
                                파워포인트처럼 쉽고 <br class="hidden-sm show-md">
                                편리한 웹 편집
                            </div>
                            <div class="mw-800 h_desc4">
                                파워포인트처럼 텍스트 수정이 가능한 텍스트 에디터가 제공됩니다.<br/>
                                에디터를 통해서 텍스트 변경, 크기, 굵기, 컬러 등 여러 기능들을 손쉽게 사용할 수 있으며 이미지 편집기를 통해서 간단하게 이미지 편집도 가능합니다.<br/>
                                또한 되돌리기 기능을 통해 이전 상태로 돌아갈 수 있는 다양한 편의 기능들도 제공해드립니다.
                            </div>
                        </div>
                        <div class="col-12 col-lg-6 fl-lg pr-xl-105 img_con">
                            <img class="right_img" src="[RESOURCE::img/w_editor_contents_img_001.png]" alt="w.editor">
                        </div>
                    </div>
                    <div class="col-12 pl-xl-180 content">
                        <div class="col-12 mb80 mb-md-100 text_con">
                            <h4 class="mb10 mb-md-16 point0">다양한 에디터로 편리하게</h4>
                            <div class="mb25 mb-md-40 h_subtitle4">
                                페이지에 테이블, 동영상, 지도, 파일을 추가하고 <br class="hidden show-lg">
                                수정할 수 있는 에디터를 추가로 제공
                            </div>
                            <div class="mw-800 mw-lg-1100 h_desc4">
                                기존의 <span class="font_helve">HTML</span> 웹 에디터는 텍스트와 이미지 에디팅 기능이 전부였습니다.<br/>
                                하지만 <span class="font_helve">W-CMS</span>는 테이블을 삽입하고, 수정할 수 있는 테이블 에디터, <span class="font_helve">Youtube</span>나 <span class="font_helve">Vimeo</span> 등의 영상을 삽입할 수 있는 비디오 에디터, 네이버, 카카오 지도를 추가할 수 있는 지도 에디터, 그리고 파일을 첨부할 수 있는 파일 에디터를 제공합니다.<br>
                                또, 특정 블록의 너비, 배경색상, 배경 이미지, 여백, 정렬 등을 조절할 수 있는 블록 에디터도 제공합니다.
                            </div>
                        </div>
                        <div class="col-12 over-hidden pl-sm-3 pl-md-0 pl-lg-3 icon_con">
                            <div class="mb20 mb-sm-0 mb-md-20 mb-xl-0 icon">
                                <div class="mb16 icon_circle">
                                    <img src="[RESOURCE::img/w_editor_icon_img_000.png]" alt="table editor" class="web">
                                    <img src="[RESOURCE::img/w_editor_icon_img_000_m.png]" alt="table editor" class="mobile">
                                </div>
                                <div class="desc_0">테이블 에디터</div>
                            </div>
                            <div class="mb20 mb-sm-0 mb-md-20 mb-xl-0 icon">
                                <div class="mb16 icon_circle">
                                    <img src="[RESOURCE::img/w_editor_icon_img_001.png]" alt="video editor" class="web">
                                    <img src="[RESOURCE::img/w_editor_icon_img_001_m.png]" alt="video editor" class="mobile">
                                </div>
                                <div class="desc_0">비디오 에디터</div>
                            </div>
                            <div class="mb20 mb-sm-0 mb-md-20 mb-xl-0 icon">
                                <div class="mb16 icon_circle">
                                    <img src="[RESOURCE::img/w_editor_icon_img_002.png]" alt="map editor" class="web">
                                    <img src="[RESOURCE::img/w_editor_icon_img_002_m.png]" alt="map editor" class="mobile">
                                </div>
                                <div class="desc_0">지도 에디터</div>
                            </div>
                            <div class="icon">
                                <div class="mb16 icon_circle">
                                    <img src="[RESOURCE::img/w_editor_icon_img_003.png]" alt="block editor" class="web">
                                    <img src="[RESOURCE::img/w_editor_icon_img_003_m.png]" alt="block editor" class="mobile">
                                </div>
                                <div class="desc_0">블럭 에디터</div>
                            </div>
                            <div class="icon">
                                <div class="mb16 icon_circle">
                                    <img src="[RESOURCE::img/w_editor_icon_img_004.png]" alt="file editor" class="web">
                                    <img src="[RESOURCE::img/w_editor_icon_img_004_m.png]" alt="file editor" class="mobile">
                                </div>
                                <div class="desc_0">파일 에디터</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 mb100 mb-md-182 section_seperate_line_con">
        <div class="col-12 col-center mw-1410">
            <div class="col-12 pr20 pl20 content_padding_ctrl">
                <hr class="col-12 section_seperate_line">
            </div>
        </div>
    </div>
    <div class="col-12 section_anchor_con">
        <ul class="anchor_list_con">
            <li>
                <a href="javascript:void(0)" class="font_helve" onclick="subCommon.changeAnchor('.section.w_editor');">
                    W.Editor
                </a>
            </li>
            <li class="active">
                <a href="javascript:void(0)" onclick="subCommon.changeAnchor('.section.company');">
                    기업소개
                </a>
            </li>
        </ul>
    </div>
    <div class="col-12 mb100 mb-lg-209 section company">
        <div class="col-12 col-center mw-1410 pr20 pl20 pr-md-15 pl-md-15 content_padding_ctrl">
            <div class="mb70 mb-lg-200 slogan">
                <h3>
                    다년간 대형 웹사이트<br>
                    프로젝트를 수행한<br>
                    <span class="point0">(주)스토리뱅크가 <br class="hidden-sm">함께합니다</span>
                </h3>
            </div>
            <div class="over-hidden webees_wrap">
                <div class="col-12 col-lg-6 mt-lg-10 mb110 mb-lg-0 pr-lg-50 logo">
                    <svg version="1.1" id="레이어_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
                                 y="0px" viewBox="0 0 305 85.5" style="enable-background:new 0 0 305 85.5;" xml:space="preserve">
                            <style type="text/css">
                                .st2{fill:#000;}
                            </style>
                            <g>
                                <path class="st2" d="M47.5,84.5h-9.9l-7.7-28.1h-0.1l-7.6,28.1H12L0,43.2h10l7.2,28.1h0.1l7.9-28.1h9.4l7.8,28.5h0.1l7.4-28.5h9.8
                                    L47.5,84.5z"/>
                                <path class="st2" d="M64.3,43.2h34v7.6h-24v8.9h22v7.1h-22v10.1h24.5v7.6H64.3V43.2z"/>
                                <path class="st2" d="M105.5,43.2h21.4c8.7,0,14.5,2.5,14.5,10.2c0,4-2.2,6.9-6.2,8.6c5.5,1.4,8.3,5.3,8.3,10.5c0,8.4-7.8,12-16,12
                                    h-22V43.2z M115.5,59.9h10.1c3.5,0,6.1-1.4,6.1-4.9c0-3.9-3.3-4.7-6.9-4.7h-9.4V59.9z M115.5,77.5h10.7c3.9,0,7.4-1.2,7.4-5.4
                                    c0-4.2-2.9-5.9-7.2-5.9h-10.9V77.5z"/>
                                <path class="st2" d="M150.3,43.2h34v7.6h-24v8.9h22v7.1h-22v10.1h24.5v7.6h-34.5V43.2z"/>
                                <path class="st2" d="M191.5,43.2h34v7.6h-24v8.9h22v7.1h-22v10.1H226v7.6h-34.5V43.2z"/>
                                <path class="st2" d="M239.6,70.8c0,5.5,4.7,7.6,10.1,7.6c3.5,0,8.8-0.9,8.8-5.1c0-4.5-6.8-5.2-13.5-6.8c-6.7-1.6-13.6-4-13.6-11.7
                                    c0-8.4,8.8-12.5,17-12.5c9.5,0,18.2,3.8,18.2,13.3h-9.7c-0.3-5-4.2-6.2-9-6.2c-3.2,0-6.9,1.2-6.9,4.7c0,3.2,2.2,3.6,13.6,6.2
                                    c3.3,0.8,13.5,2.7,13.5,12c0,7.6-6.6,13.2-18.9,13.2c-10.1,0-19.5-4.5-19.3-14.7H239.6z"/>
                            </g>
                            <g>
                                <path class="st2" d="M276.4,17.3H273v-2.8h10.4v2.8h-3.4v8.1h-3.7V17.3z"/>
                                <path class="st2" d="M283.1,14.5h5.3l1.7,6.4h0l1.7-6.4h5.3v10.9h-3.5v-7h0l-2.1,7h-2.8l-2.1-7h0v7h-3.5V14.5z"/>
                            </g>
                            <path class="st2" d="M285.1,39.9c-11,0-19.9-8.9-19.9-19.9S274.1,0,285.1,0S305,8.9,305,19.9S296.1,39.9,285.1,39.9z M285.1,2.7
                                c-9.5,0-17.2,7.7-17.2,17.2s7.7,17.2,17.2,17.2s17.2-7.7,17.2-17.2S294.6,2.7,285.1,2.7z"/>
                            </svg>
                </div>
                <div class="col-12 col-lg-6 webees_desc">
                    <div class="mw-680 mb50 mb-md-80 title">
                        <h4 class="mb15 mb-md-22">빠른 웹사이트 제작</h4>
                        <div class="h_desc4">
                            웨비즈는 다년간의 경험으로 웹사이트의 퀄리티를 최우선으로 하며,<br class="hidden show-md hidden-lg show-xl">
                            합리적인 비용으로 고객님께 최고의 서비스 제공을 목표로 합니다.<br>
                            (주)스토리뱅크에서 자체 개발한 솔루션을 통해 빠른 웹사이트 제작이 가능합니다.<br>
                            솔루션의 목적은 홈페이지 관리자에게 좀 더 다양한 기능을 제공하기 위함이며, 직접 컨텐츠를 생성할 수 있고 관리가 가능합니다.
                        </div>
                    </div>
                    <div class="mw-680 title">
                        <h4 class="mb15 mb-md-22">다년간의 노하우</h4>
                        <div class="h_desc4">
                            웨비즈는 (주)스토리뱅크에서 만든 가장 트렌디한 웹사이트 제작 브랜드입니다.<br>
                            (주)스토리뱅크는 <span class="font_helve">2012</span>년 <span class="font_helve">UI Framework</span> 및 <span class="font_helve">Solution</span> 전문개발업체로 시작하여 현재 <span class="font_helve">HTML5, JQUERY, Mobile, SI, Embedded Application,</span>
                            고퀄리티 디자인을 기반으로 다수의 대형 프로젝트를 수행한 최고의 기술을 선도하는 <span class="font_helve">UI / UX</span> 전문 회사입니다.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 section w_labs">
        <div class="col-12 over-hidden mb100 mb-lg-217 information">
            <div class="col-12 bg_con"></div>
            <div class="col-12 col-center mw-1400 pt100 pb100 pt-lg-191 pb-lg-185 pr20 pr-md-60 pl20 pl-md-60 pr-lg-10 pl-lg-10 text_con">
                <h2 class="mb5 name point0 font_helve">W.Labs</h2>
                <div class="mb26 h_subtitle4 point0">W 솔루션 연구개발</div>
                <div class="col-12 col-center mw-850 pr10 pl10 pr-md-0 pl-md-0 h_desc4">
                    (주)스토리뱅크에서 자체 제작한 <span class="font_helve">W</span> 시리즈 솔루션들은 "세상에서 가장 쉬운 관리자 화면을 개발하자"라는 슬로건 아래 (주)스토리뱅크가 자체 개발한 노하우와 노력의 결과물입니다.<br/>
                    언제나 사용자 입장에서 보다 편하게 웹사이트를 관리하고,<br class="hidden show-md"/> 완벽한 시스템을 구축하기 위해 노력합니다.
                </div>
            </div>
        </div>
        <div class="col-12 col-center mw-1410 pr20 pl20 content_padding_ctrl">
            <div class="col-12 mb90 mb-lg-205 w_builder">
                <div class="mb30 mb-sm-58 name font_helve">W.Builder</div>
                <div class="col-12 over-hidden info_con">
                    <div class="col-12 col-lg-6 left_info">
                        <div class="col-12 info_inner">
                            <div class="mb20 mb-md-30 h_subtitle4">
                                몇 번의 클릭으로 완성되는<br/>
                                <span class="point0">웹사이트 관리 솔루션</span>
                            </div>
                            <div class="mw-600 mb80 h_desc4">
                                <span class="font_helve">W-Builder</span>는 사이트 생성, 수정, 삭제를 중앙에서 관리할 수도 있고, 사이트별 관리자를 생성할 수도 있습니다.<br>
                                또, 하위 사이트에서 사용할 콘텐츠 단위를 템플릿으로 생성할 수도 있어 통합 사이트의 통일성을 그대로 유지하며 관리가 가능합니다.
                            </div>
                            <div class="info_img mb70 mb-lg-0">
                                <img src="[RESOURCE::img/w_builder_img_000.png]" alt="w.builder">
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 right_info">
                        <div class="col-12 pt5 info_inner">
                            <div>
                                <h4 class="mb20 mb-md-30">주요 사용처</h4>
                                <ul class="h_desc4 list_style_1_con">
                                    <li>국립중앙도서관 <span class="font_helve">LMS</span> 사이트</li>
                                    <li>농림수산식품교육문화정보원 <span class="font_helve">LMS</span> 사이트</li>
                                    <li>금융보안원 <span class="font_helve">LMS</span> 사이트</li>
                                    <li>무역협회 아카데미 <span class="font_helve">LMS</span> 사이트</li>
                                    <li>콘텐츠 인재캠퍼스 웹사이트</li>
                                    <li>키자니아 부산지점 웹사이트</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 mb90 mb-lg-220 w_cms">
                <div class="mb30 mb-sm-58 name font_helve">W.CMS</div>
                <div class="col-12 over-hidden info_con">
                    <div class="col-12 col-lg-6 left_info">
                        <div class="col-12 info_inner">
                            <div class="mb20 mb-md-30 h_subtitle4">
                                놀랍도록 편<span class="hidden-md">리</span>한<br class="hidden-md"/> <span class="point0">웹 통합 솔루션</span>
                            </div>
                            <div class="mb80 h_desc4">
                                그룹 및 회원 설정, 접근 권한 설정은 기본<br>
                                반응형 웹, 웹 접근성, 개인정보보호가 모두 담긴 웹 통합 솔루션
                            </div>
                            <div class="info_img mb70 mb-lg-0">
                                <img src="[RESOURCE::img/w_cms_img_000.png]" alt="w.cms">
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 right_info">
                        <div class="col-12 info_inner">
                            <div>
                                <h4 class="mt5 mb20 mb-md-30">주요 사용처</h4>
                                <ul class="h_desc4 list_style_1_con">
                                    <li>복지유니온 식자재관리시스템</li>
                                    <li>송파사회서비스 플랫폼 개발</li>
                                    <li>경기도청 글로벌 사이트</li>
                                    <li>코오롱 코엑스몰 스마트 스토어 키오스크 제작</li>
                                    <li>국방부 어린이 사이트 구축</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 w_hrd">
                <div class="mb30 mb-sm-58 name font_helve">W.HRD</div>
                <div class="col-12 over-hidden info_con">
                    <div class="col-12 col-lg-6 left_info">
                        <div class="col-12 info_inner">
                            <div class="mb20 mb-md-30 h_subtitle4">
                                NCS 인적자원<br class="hidden-md"/> 관리 솔루션
                            </div>
                            <div class="mw-600 mb80 h_desc4">
                                직무능력표준에 기반한 인적 자원 개발 관리 솔루션으로 상담 및 예약, 멘토링, 자가진단, 역량진단, 진단결과, 결과비교를 할 수 있습니다.
                            </div>
                            <div class="info_img mb70 mb-lg-0">
                                <img src="[RESOURCE::img/w_hrd_img_000.jpg]" alt="w.hrd">
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 right_info">
                        <div class="col-12 info_inner">
                            <div>
                                <h4 class="mt5 mb20 mb-md-30">주요 사용처</h4>
                                <ul class="mb60 mb-lg-0 h_desc4 list_style_1_con">
                                    <li>한림대학교 학습설계 및 상담 시스템 구축</li>
                                    <li>동국대학교 <span class="font_helve">EHRD</span> 포털화 구축</li>
                                    <li>덕성여대 <span class="font_helve">EHRD</span> 고도화 개발</li>
                                    <li>부천대 모바일 진단시스템 구축</li>
                                    <li>금오공대 <span class="font_helve">K-CDP</span> 학생 경력개발시스템 구축</li>
                                    <li>가천대학교 상담 및 경력개발시스템 구축</li>
                                    <li>이화여대 트랙시스템 구축</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>