<div class="floating_btn">
    <a href="javascript:scrollPopupEvent.onOpenPopup('#requestPop');"></a>
</div>
<div class="col-12 pb50 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)" onclick="subCommon.changeAnchor('.section.making_process');">
                    제작과정
                </a>
            </li>
            <li>
                <a href="javascript:void(0)" onclick="subCommon.changeAnchor('.section.making_cost');">
                    제작비용
                </a>
            </li>
        </ul>
    </div>
    <div class="col-12 pb180 section making_process">
        <div class="col-12 col-center mw-1410">
            <div class="col-12 pr20 pl20 content_padding_ctrl">
                <div class="col-12 mb90 mb-md-210 slogan sub_contents_header">
                    <h3>
                        웹사이트 제작은<br>
                        <span class="point0">웨비즈</span>가 책임집니다
                    </h3>
                </div>
                <div class="col-12 step_con">
                    <div class="col-12 mb-sm-95 pb170 pb-sm-0 step">
                        <div class="col-12 col-sm-6 step_left">
                            <div class="mb30 mb-sm-0 hidden show-sm font_helve">STEP <span class="point0">01</span></div>
                            <img class="mb23 mb-sm-0" src="[RESOURCE::img/making_process_step_icon_000.png]" alt="상담/계약">
                        </div>
                        <div class="col-12 col-sm-6 step_right">
                            <h4 class="mb10 mb-lg-12">상담/계약</h4>
                            <div class="h_desc4">
                                웨비즈의 무료상담을 이용하여 담당자와 상담 후 웹사이트 계약을 진행합니다.
                            </div>
                        </div>
                    </div>
                    <div class="col-12 mb-sm-95 pb170 pb-sm-0 step">
                        <div class="col-12 col-sm-6 step_left">
                            <div class="mb30 mb-sm-0 hidden show-sm font_helve">STEP <span class="point0">02</span></div>
                            <img class="mb23 mb-sm-0" src="[RESOURCE::img/making_process_step_icon_001.png]" alt="자료전달">
                        </div>
                        <div class="col-12 col-sm-6 step_right">
                            <h4 class="mb10 mb-lg-12">자료전달</h4>
                            <div class="h_desc4">
                                웹사이트 제작에 필요한 기초 자료를 고객님께 전달 받습니다.
                            </div>
                        </div>
                    </div>
                    <div class="col-12 mb-sm-95 pb170 pb-sm-0 step">
                        <div class="col-12 col-sm-6 step_left">
                            <div class="mb30 mb-sm-0 hidden show-sm font_helve">STEP <span class="point0">03</span></div>
                            <img class="mb23 mb-sm-0" src="[RESOURCE::img/making_process_step_icon_002.png]" alt="디자인">
                        </div>
                        <div class="col-12 col-sm-6 step_right">
                            <h4 class="mb10 mb-lg-12">디자인</h4>
                            <div class="h_desc4">
                                고객님께 전달받은 기초 자료를 토대로 웹사이트 디자인을 진행합니다.
                            </div>
                        </div>
                    </div>
                    <div class="col-12 mb-sm-95 pb170 pb-sm-0 step">
                        <div class="col-12 col-sm-6 step_left">
                            <div class="mb30 mb-sm-0 hidden show-sm font_helve">STEP <span class="point0">04</span></div>
                            <img class="mb23 mb-sm-0" src="[RESOURCE::img/making_process_step_icon_003.png]" alt="퍼블리시/개발">
                        </div>
                        <div class="col-12 col-sm-6 step_right">
                            <h4 class="mb10 mb-lg-12">퍼블리시/개발</h4>
                            <div class="h_desc4">
                                웹 표준에 맞는 반응형 퍼블리시 및 웹 개발 작업을 진행합니다.
                            </div>
                        </div>
                    </div>
                    <div class="col-12 step">
                        <div class="col-12 col-sm-6 step_left">
                            <div class="mb30 mb-sm-0 hidden show-sm font_helve">STEP <span class="point0">05</span></div>
                            <img class="mb23 mb-sm-0" src="[RESOURCE::img/making_process_step_icon_004.png]" alt="검수/오픈">
                        </div>
                        <div class="col-12 col-sm-6 step_right">
                            <h4 class="mb10 mb-lg-12">검수/오픈</h4>
                            <div class="h_desc4">
                                반복적인 테스트를 통해 오류와 오타를 수정하여 완벽한 결과물을 클라이언트에게 전달합니다.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 mb60 mb-md-97 section_anchor_con">
        <ul class="anchor_list_con">
            <li>
                <a href="javascript:void(0)" onclick="subCommon.changeAnchor('.section.making_process');">
                    제작과정
                </a>
            </li>
            <li class="active">
                <a href="javascript:void(0)" onclick="subCommon.changeAnchor('.section.making_cost');">
                    제작비용
                </a>
            </li>
        </ul>
    </div>
    <div class="col-12 section making_cost">
        <div class="col-12 col-center mw-1410">
            <div class="col-12 pr20 pl20 content_padding_ctrl">
                <div class="col-12 mb120 mb-md-150 slogan sub_contents_header">
                    <h3>
                        합리적인 비용으로<br>
                        웹사이트를 <br class="hidden-sm">완성하세요
                    </h3>
                </div>
                <div class="col-12 mb100 mb-md-135 cost_info_wrap">
                    <div class="mb30 mb-lg-0 cost_info_left">
                        <div class="cost_info_inner">
                            <div class="text_con">
                                <h4 class="mb25">기본형</h4>
                                <div class="mb3 h_subtitle4"><span class="big_subtitle font_helve">99</span><span class="small_subtitle">만원</span></div>
                                <div class="mb55 h_sub_desc4">(호스팅비용 별도)</div>
                                <ul>
                                    <li class="h_desc4">시안 제공</li>
                                    <li class="h_desc4">서브페이지 : <span class="font_helve">9</span>페이지 기본제공<br>(추가페이지 별도비용)</li>
                                    <li class="h_desc4"><span class="font_helve">1</span>년 무상 하자보수</li>
                                    <li class="h_desc4">기본 게시판 무료제공</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="cost_info_right">
                        <div class="cost_info_inner">
                            <div class="text_con">
                                <h4 class="mb25">프리미엄형</h4>
                                <div class="mb10 h_subtitle4">비용협의</div>
                                <div class="mb55 h_sub_desc4">(호스팅비용 별도)</div>
                                <ul>
                                    <li class="h_desc4">맞춤형 시안 제공</li>
                                    <li class="h_desc4">서브페이지 : 협의 후 진행</li>
                                    <li class="h_desc4"><span class="font_helve">1</span>년 무상 하자보수</li>
                                    <li class="h_desc4">기본 게시판 무료제공</li>
                                    <li class="h_desc4">회원모듈 무료제공 (<span class="font_helve">20</span>만원 상당)</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 refund_wrap">
                    <h2 class="mb30 mb-md-45">환불규정 안내</h2>
                    <div class="h_desc4">
                        <ul class="list_style_2_con">
                            <li>환불은 결제완료일을 기준으로 하며, 환불규정은 아래의 내용과 같습니다.</li>
                            <li>
                                결제일 기준, <span class="font_helve">7</span>일 이내로 환불 요청하실 경우 <span class="font_helve">100</span>% 환불 가능합니다.<br>
                                (호스팅 선구매 처리가 되었을 경우, 일할 게산된 호스팅 비용을 제외한 비용이 환불됩니다.)
                            </li>
                            <li>
                                결제일 기준, <span class="font_helve">7</span>일~<span class="font_helve">15</span>일 이내에 환불 요청 건은 <span class="font_helve">50</span>% 환불 가능합니다.<br>
                                (호스팅 구매비용 및 초기세팅비를 제외한 제작비의 <span class="font_helve">50</span>%비용이 환불됩니다.)
                            </li>
                            <li>
                                결제 후 <span class="font_helve">15</span>일이 지나면 환불이 불가합니다.<br>
                                제공되는 상품은 무형의 상품으로써, 제작이 완료되지 않았다 하더라도, 결제일 이후부터 여러 기타 업무가 발생되므로 환불 불가한 점 안내드립니다.
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>