<?php
define('_INDEX_', true);
include_once('./_common.php');
include_once(G5_CAPTCHA_PATH.'/captcha.lib.php');
?>

<style>
#sms_main {z-index:20;position:fixed;top:300px;width:225px;line-height:0;margin:0;padding:0;margin-left:-225px;}
#sms_estimate {padding:20px 25px 5px;background: #435b6d; padding-bottom:20px;}
#sms_estimate h3 {font-size:1.3em;color:#ffffff;font-weight:bold;letter-spacing:-0.05em;line-height:1.5em;}
#sms_estimate p {color:#ffffff;letter-spacing:0em;margin:5px 0 10px;line-height:1.3em;}
#sms_estimate textarea {background:#ffffff;border:1px solid #5f6772;padding:5px;width:162px;height:70px;overflow:hidden;resize:none;color:#555555;margin-bottom:4px;}
#sms_estimate input[type=text] {background:#ffffff;border:1px solid #5f6772;width:121px;height:17px;margin-left:6px;padding:2px;color:#555555;}
*:first-child+html #sms_estimate input {background:#ffffff;border:1px solid #5f6772;width:32px;height:17px;margin-left:6px;padding:2px;color:#555555;}
#sms_estimate .btn_send {background:#333333;padding:10px 44px;text-align:center;font-size:1.1em;font-weight:bold;color:#ffffff; border:0; cursor:pointer}
.btn_close {position:absolute;right:-25px;top:111px;cursor:pointer;}
</style>

<!-- sms { -->
<div id="sms_main">
  <form name=frm method=post action="<?=G5_BBS_URL;?>/write_update.php">
  <input type=hidden name=w        value="">
  <input type=hidden name=bo_table value="sms">
  <input type=hidden name=wr_id    value="">
  <input type=hidden name=sca      value="<?=$sca?>">
  <input type=hidden name=sfl      value="">
  <input type=hidden name=stx      value="">
  <input type=hidden name=spt      value="">
  <input type=hidden name=sst      value="">
  <input type=hidden name=sod      value="">
  <input type=hidden name=s    value="s">
  <input type=hidden name=wr_key    value="<?=$norobot_key?>"> 
  <input type=hidden name=page     value="<?=$page?>">
  
  
  
    <div id="sms_estimate">
        <p>이   름<input type="text" id="wr_name" name="wr_name" itemname="이름" required></p>
        <p style="letter-spacing:-0.05em;">연락처<input type="text" onkeyup='numercheck(this);' maxlength="50" size="15" id="wr_subject" name="wr_subject" required>
        
        <p>내   용</p>
        <textarea id="wr_content" name="wr_content" class="ed5" style="width:95%;word-break:break-all;" rows="10" itemname="내용" required></textarea>
        </p>
        <input type="submit" value="SMS 상담신청" id="btn_submit" accesskey="s" class="btn_send">
    </div>
    
    
    <!--{? _w!="u"}--> 
    <input type="hidden" name="wr_9" value="문자대기">
    <!--{/}--> 
 </form>
    <style>
 .btn_off {display:none;}
 </style>
    
    <div class="btn_close">
        <img src="/img/btn_close.png" class="btn_off" />
        <img src="/img/btn_open.png" class="btn_on" />
    </div>
    
</div>
<script>
function numercheck(obj) { 
    var val = obj.value; 
    if(isNaN(val)) { alert("숫자만 입력해 주세요"); 
        obj.value = val.replace(/[^0-9]/gi, ''); }  
}
</script>

<!-- sms jquery -->
<script>
var vi = "off";
function view_on(){ // on
 $('#sms_main').animate({marginLeft:'0'},700);
 $('.btn_on').css("display","none");$('.btn_off').css("display","block");
 vi = "on";
}
function view_off(){ // off
 $('#sms_main').animate({marginLeft:'-225px'},700);
 $('.btn_off').css("display","none");$('.btn_on').css("display","block");
 vi = "off";
}
$('.btn_close img').click(function() { // click
 if(vi == "off"){view_on();}
 else{view_off();}
});
$(document).ready(function() { 
 var screen_size = parseInt($("body").css("width"),10)
 if( screen_size > 1515){view_on();} // 1515px < auto open
});
$(window).resize(function(){ // resize check
 var screen_size = parseInt($("body").css("width"),10)
 if(screen_size < 1515){view_off();}; // 1515px > auto close
});
</script>