webadmin.php

/home/mjc1/public_html/html/m/company_tieup.php

<? include("./include/header.php"); ?>
</div>

<style>
.container{margin:20px 0;padding:0 15px;}
.container section,
.container table {width:100%;border:2px solid #383a7d;border-top:0px none;background-color:#fff;font-size:12px;}
.install_container{margin:0 auto;/* padding:0 15px; */width:90%;text-align:center;}

/*font style*/
.blue {color:#2781fd;font-weight:600;}
.orange {color:#f29320;font-weight:bold;}
.white{color:#fff;padding:5px 10px;font-size:13px;background:#585757;cursor:pointer;}
.small {font-size:12px;font-weight:400;line-height:150%;}

/*상담요청 작성*/
.install_center{text-align:center;/* max-width:300px; */ width:100%;margin:0 auto;}
.install_table{text-align:left;font-weight:bold;font-size:14pt;margin:20px 0 5px;line-height:150%;}
.install_table > .phone_list #phone1, .install_table > .phone_list #phone2, .install_table > .phone_list #phone3{box-sizing:border-box;}

.install_table > div > h1{margin:15px 0 10px;font-size:16px;line-height: 20px;font-weight:bold;}
.install_table  input[type=text]{box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;width: 100%;height: 40px;line-height: 38px;background: #fff;}
.install_table  input[type=text]:focus{background-color: #fff;outline: none;}
.install_table  select{width:70px; height:40px;box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;height: 40px;line-height: 38px;background: url("./images/common/select.png") no-repeat 100% -144px;}
.install_table option{font-size: 16px;line-height: 38px;}
.tel_list{margin-bottom: 10px;margin-top: 20px;}
.install_table .phone_list, .tel_list{display: flex;justify-content: space-between;}
.install_table .phone_list > div, .tel_list > div{float: right;width: 80%;display: flex;justify-content: space-between;line-height: 40px;}
.install_table .phone_list select, .install_table .phone_list input[type=text]{width: calc((100% - 30px)/3);}

.tel_list input[type=text]{width: calc((100% - 30px)/3);}
.install_table .email_list{display: flex;justify-content: space-between;}
#content{background: #fff !important;}

.install_table  textarea{width: 100%;height: 200px;box-sizing: border-box;padding: 10px;border: 2px solid #E0E0E0;border-radius: 0px;resize: none;background: #fff;}
.install_table  textarea:focus{background-color: #fff;outline: none;}

/*개인정보동의*/
.install_agree > .agree label{font-size:11pt;font-weight:bold;display: inline-block;}
#agree + label{width: 52%;max-width: 168px;height: 28px;background: url('./images/install/btn_install_agree.svg') no-repeat 0%;background-size: contain;}
#agree:checked + label{background: url('./images/install/btn_install_agree_on.svg') no-repeat 0%;background-size: contain;}
.btn_privacy{background: url('./images/install/btn_privacy.svg') no-repeat 0%;background-size: contain;}

/*요청하기 버튼
.install_btn{ background-color:#585cbd;color:white;padding:12px;margin:10px 0;border:none;width:100%;border-radius:3px;cursor:pointer;font-size:17px;margin:20px 0 30px;font-weight:bold;}*/
.edc_chk{width: 20px;height: 20px;position: relative;top: 7px;border: 0;padding: 0;}

/*23.08.21 수정*/
em.orange{color: #FF8845;}
</style>

        <div class="install_container" style="margin: 0px;margin-top:45px;width: 100%;padding: 0px !important;">

            <div class="install_top" style="width: 100%;height: 200px;padding: 0px;position: relative;background: #D2E6EA;overflow: hidden;">
                <img src="./images/company_tieup/tieup_title1.svg" alt="업무제휴" style="position: absolute;left: 50%;transform: translateX(-50%);top: 19px;width: 90%;z-index: 9;">
                <img src="./images/install/install_title2-1_left.png" alt="업무제휴배경" style="position: absolute;left: 0px;bottom: 0px;">
                <img src="./images/install/install_title2-1_right.png" alt="업무제휴배경" style="position: absolute;right: 0px;bottom: 0px;">
            </div>
            <div style="background: #96D0DC;padding: 20px 0px;">
                <img src="./images/company_tieup/tieup_banner1.svg" style="margin: 0 auto;max-width: 324px;width: 90%;">
            </div>
        </div>
        <div class="install_container" style="padding-top: 0px !important;">
            <!--업무제휴 작성-->
            <div class="install_center">

<!-- form 속성은 pc사이트의 company_tieup.php 파일 참조함, 필요한 추가 속성있을 경우 작성바람 -->
<form name="jointinsertFrm" method="post"  target='ifrm' action='' onsubmit='return false;' accept-charset="euc-kr">
    <input type='hidden' name='contact_time' value='1'>
    <input type='hidden' name='smtitle' value='mobile'>
    <input type='hidden' name='ismobile' value='1'>
    <input type='hidden' name='come_from' value='<?php echo $_GET['come_from'];?>'>

                <div class="install_table">
                    <div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
                        <h1>상호(성명) <em class="orange"> *</em></h1>
                        <input type="text" id="name" name="name">
                        
                        <h1>이메일 <em class="orange"> *</em><span style="font-size: 13px;line-height: 20px;color: #4190d5;">(메일로 답변드립니다)</span></h1>
                        <input type="text" id="email" name="email">
                    </div>
                    <div style="padding-bottom: 20px;border-bottom: 1px solid #444444;">
                        <div class="tel_list">
                            <!-- <input type="checkbox" name="edc_tel" id="edc_tel" class="edc_chk" value="1" hidden><label for="edc_tel"></label> -->
                            <span style="font-size: 16px;font-weight: bold;line-height: 40px;">전화</span>
                            <div>
                                <input type="text" id="tel1" name="tel1" maxlength="4" style="padding:0;padding-left: 10px;">
                                -
                                <input type="text" id="tel2" name="tel2" maxlength="4" style="padding:0;padding-left: 10px;">
                                -
                                <input type="text" id="tel3" name="tel3" maxlength="4" style="padding:0;padding-left: 10px;">
                            </div>
                        </div>
                        <div class="phone_list">
                            <!-- <input type="checkbox" name="edc_email" id="edc_email" class="edc_chk" hidden><label for="edc_email"></label> -->
                            <span style="font-size: 16px;font-weight: bold;line-height: 40px;">핸드폰</span>
                            <!-- <input type="text"  name="s_email" style=""> -->
                            <div>
                                <select id="hp1" name="hp1" style="padding:0 10px;">
                                    <option value="010">010</option>
                                    <option value="010">011</option>
                                    <option value="010">016</option>
                                    <option value="010">017</option>
                                    <option value="010">018</option>
                                    <option value="010">019</option>
                                </select>
                                -
                                <input type="text" id="hp2" name="hp2" maxlength="4" style="padding:0;padding-left: 10px;">
                                -
                                <input type="text" id="hp3" name="hp3" maxlength="4" style="padding:0;padding-left: 10px;">
                            </div>
                        </div>
                    </div>
                    <div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
                        <h1>제목 <em class="orange"> *</em></h1>
                        <input type="text" id="subject" name="subject">

                        <h1>내용 <em class="orange"> *</em></h1>
                        <textarea id="content" name="content" maxlength="150" style="margin-bottom:10px;" placeholder="업무 제휴내용을 입력해주시기 바랍니다."></textarea>
                    </div>
                </div>
</form>
            </div>
            
            
            <!--개인정보동의-->
            <div class="install_agree" style="padding-bottom: 15px;border-bottom: 1px solid #444444;margin-top:15px;text-align: left;">
                <p class="agree" style="margin-bottom:10px;">
                    <input type="checkbox" id="agree" hidden><label for="agree" style="font-size: 0px;float: left;margin-right: 6px;">&nbsp;개인정보 수집에 동의함</label>
                    <a href="http://mjsoft.co/html/millennium/privacy.php" target="_blank" class="gray_btn2 btn_privacy" style="display: inline-block;width: 41%;max-width: 132px;height: 28px;"><!-- <span class="white">개인정보취급방침</span> --></a>
                </p>
                <span class="small" style="font-size: 12px;line-height:19px;">※ 수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</span>
            </div>

<style>
.estimate_input_btn{width:100%;/* margin-left:1.5%; */margin:15px 0 25px;display: inline-block;}
.cus_btn_on{width: 100%;background: #FF8412;height: 48px;border:none;color: #fff;border-radius: 8px;font-weight:600;margin-bottom: 10px;}
.cus_btn_off{width: calc((100% - 12px)/3);float: left;background: #0071E5; height: 52px;border-radius: 8px;overflow: hidden;}
.cus_btn_on, .cus_btn_off a{display: block;height: 100%;}
.cus_btn_on{font-size: 16px;line-height: 48px;}
.cus_btn_off a{font-size: 13px;line-height: 16px;color: #797979;font-weight: 600;font-size: 0px;background-color: none;}

.btn_prod_find a{background: url('./images/install/btn_prod_find1-2.svg') no-repeat 50%;background-size: contain;}
.btn_est a{background: url('./images/install/btn_est1-2.svg') no-repeat 50%;background-size: contain;}
.btn_edu a{background: url('./images/install/btn_edu1-2.svg') no-repeat 50%;background-size: contain;}
.btn_review a{background: url('./images/install/btn_review1.svg') no-repeat 50%;background-size: contain;}

.float_div_class{display:none;}
/*제품찾기 아이프레임 사이즈 축소*/
iframe{    -ms-zoom: 0.38;
    -moz-transform: scale(0.38);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.38);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.38);
    width: 850px;
    height: 700px;
    -webkit-transform-origin: 0 0;
    position: absolute;
    top: 10px;
    left: 0;}
#modal_member_box{overflow:hidden}
</style>
            <div class="estimate_input_btn">
                <button type="submit" class="install_btn cus_btn_on">제휴 요청하기</button>
                <p class="cus_btn_off btn_prod_find" style="margin-right: 6px;"><a class="show_program_est" style="cursor: pointer;">제품찾기</a></p>
                <p class="cus_btn_off btn_est" style="margin-right: 6px;"><a href="https://mjsoft.co/html/m/customerprice.php">견적요청</a></p>
                <!-- <p class="cus_btn_off btn_review"><a href="https://mjsoft.co/html/m/myevent.php">사용후기</a></p>-->
                <p class="cus_btn_off btn_review"><a class="review_pop_btn">사용후기</a></p> 
                <!-- <p class="cus_btn_off btn_edu"><a href="http://mjsoft.co/html/m/customer_education.php">집체<br>교육요청</a></p> -->
            </div>
        </div>
        <div id="modal_member_box2" style="display:none;width:900px; height:615px; padding-top:15px;padding-left:17px;padding-right:3px;position:relative;"><iframe id='pop_box_iframe2'  frameborder=0 src=''></iframe></div>
        <div id="modal_member_box3" style="display:none;padding-top:25px;padding-left:12px;padding-right:12px;position:relative;"></div><!--//팝업창-->
<script>

$(function(){

     //24.02.16 남상복 수정 04.04 이현정 추가
    $(".review_pop_btn").click(function(){ //상단 사용후기 버튼 클릭시 팝업창 띄움
        $.get("review_main.inc.php",function(rtn){
            $("#modal_member_box3").html(rtn).dialog({
                resizable: true, height: 540, width: "94%", modal: true, title:"",
                open: function(){ $('html, body').css('overflow', 'hidden'); },
                close: function(){ $('html, body').css('overflow', 'unset'); },
            });
        });
    });     
    
});

$(function(){


    $(".install_btn").click(function(){ //24.02.14 수정필요
        
        /*
        if($("input[name='edc_tel']").is(":checked")==false && $("input[name='edc_email']").is(":checked")==false){
            alert('수신방식을 전화나 이메일중에 한개이상 선택해주세요.'); return;
        } else {
            if($("input[name='edc_tel']").is(":checked")==true){
                if($("input[name='smtel1']").val()=='' || $("input[name='smtel2']").val()=='' || $("input[name='smtel3']").val()==''){
                    alert('전화번호를 입력하세요.'); return;
                }
            }
            if($("input[name='edc_email']").is(":checked")==true){
                if($("input[name='s_email']").val()==''){
                    alert('이메일을 입력하세요.'); return;
                }
            }
        }
        */
    
        if($("#name").val().trim() == ''){ //엔터친 빈값도 확인
            alert('상호(성명)을 입력하세요.');
            $("#name").focus();
            return;
        }
        if($("#email").val().trim() ==''){
            alert('이메일을 입력하세요.');
            $("#email").focus();
            return;
        }
        
        /*
        if($("#email").val().trim() ==''){
            alert('이메일 형식이 아닙니다.');
            $("#email").focus();
            return;
        }
        */
        
        //정상적인 이메일 양식인지 확인검사
        var regExp = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.[a-zA-Z]{2,4}$/;
        if(!regExp.test($("#email").val())){
            alert('정상적인 이메일 형식이 아닙니다.');
            $("#email").focus();
            return;
        }


        if($("#subject").val().trim() ==''){
            alert('제목을 입력하세요.');
            $("#subject").focus();
            return;
        }

        if($("#content").val().trim() ==''){
            alert('내용을 입력하세요.');
            $("#content").focus();
            return;
        }

        if($("#agree").is(":checked")==false){
            alert('개인정보 수집에 동의함 체크를 하시기 바랍니다.'); return;
        }

        jointinsertFrm.target =  "jointIframe";
        jointinsertFrm.action = "<?php if($MJSOFT_SSL_USE=='Y'){?>https://<?php echo $_SERVER['SERVER_NAME'];?>/html/m/jointBoardProcess.php<?php } else {?>jointBoardProcess.php<?php }?>";
        jointinsertFrm.submit();
    });
});



$(function(){
    $(".show_program_est").css("cursor","pointer").click(function(){ //엠제이 소프트란 팝업처리
        main_popup_show("https://mjsoft.co/html/millennium/index_new_program_new2.php","380","320","나에게 맞는 제품찾기");
    });

    //$("#jointinsertFrm input, #jointinsertFrm textarea").click(function(){
        //$(".float_div_class").hide();
    //});
    //$("#jointinsertFrm input, #jointinsertFrm textarea").blur(function(){
        //$(".float_div_class").show();
    //});
});

function main_popup_show(url,v_width,v_height,v_title){
    $("#pop_box_iframe2").attr("src","");
    $("#modal_member_box2").dialog({
        resizable: true, height:v_width, width:v_height, modal: true, title: v_title,
        show : {effect:'blind',duration:500},
        buttons: {
            닫기: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            $("#pop_box_iframe2").attr("src","");
        }
    });
    setTimeout(function(){
        $("#pop_box_iframe2").attr("src",url);        
    },500);
}


function dialog_close(){
    $("#modal_member_box2").dialog( "close" );
    $("#modal_member_box3").dialog( "close" );
}
</script>

<?include("./include/footer.php");?>