webadmin.php

/home/mjc1/public_html/html/millennium/index_new_program_new2_utf8.php

<?php
header('Access-Control-Allow-Origin: *');
header('Access-Control-Max-Age: 86400');
header('Access-Control-Allow-Headers: x-requested-with');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');
?>
<?php include_once("./_common2.php"); ?>
<?php

    // $prog_list, $proc_title, $proc_next 는 include안에 있음
    include("./index_new_program.inc.php");

function select_make($v){
    $html = "";
    $html .= "<select name='{$v}' class='sel_class'>";
    $html .= "<option value=''>-선택-</option>";
    for($i=1;$i<10;$i++){
        $html .= "<option value='{$i}인'>{$i}인</option>";
    }
    $html .= "</select>";
    return $html;
}

function select_make_ea($v){
    $html = "";
    $html .= "<select name='{$v}' class='sel_class'>";
    $html .= "<option value=''>-선택-</option>";
    for($i=1;$i<10;$i++){
        $html .= "<option value='{$i}대'>{$i}대</option>";
    }
    $html .= "</select>";
    return $html;
}
function select_make_qty($v){
    $html = "";
    $html .= "<select name='{$v}' class='sel_class'>";
    $html .= "<option value=''>-선택-</option>";
    for($i=1;$i<10;$i++){
        $html .= "<option value='{$i}개'>{$i}개</option>";
    }
    $html .= "</select>";
    return $html;
}

function select_make_qty2($v){
    $html = "";
    $html .= "<select name='{$v}' class='sel_class' style='width:120px'>";
    $html .= "<option value=''>-선택-</option>";
    $html .= "<option value='10개'>10개 5,500원</option>";
    $html .= "<option value='20개'>20개 7,700원</option>";
    $html .= "<option value='30개'>30개 11,000원</option>";
    $html .= "<option value='31개'>31개 이상 22,000원</option>";
    $html .= "</select>";
    return $html;
}

function select_make_et($v){
    $html = "";
    $html .= "<select name='{$v}' class='sel_class'>";
    $html .= "<option value=''>-선택-</option>";
    $html .= "<option value='50개'>50개</option>";
    $html .= "<option value='100개'>100개</option>";
    $html .= "<option value='300개'>300개</option>";
    $html .= "<option value='500개'>500개</option>";
    $html .= "<option value='1000개'>1000개</option>";
    $html .= "<option value='1500개'>1500개</option>";
    $html .= "<option value='2000개'>2000개</option>";
    $html .= "</select>";
    return $html;
}
?>
<!DOCTYPE html>
<head>
    <script language='javascript' src="./js/jquery-1.7.2.min.js"></script>
    <script language='javascript' src='./js/img.js'></script><!-- Order_2.php -->
    <script src="./js/jqueryui/jquery-ui.js"></script>
    <script src="./js/html5shiv.js"></script>
    <script src="./js/respond.min.js"></script>
    <link href="./js/jqueryui/jquery-ui_renew.css" rel="stylesheet" />
    <meta name="viewport" content="width=320px, initial-scale=0.2, maximum-scale=0.2, minimum-scale=0.2, user-scalable=yes" />
    <link rel="stylesheet" href="./css/pretendard.css" />
</head>
<style>
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap&subset=korean');
*{font-family: "나눔고딕",  'Nanum Gothic', 'NanumGothicWeb', "Malgun Gothic", AppleSDGothic, "돋움", dotum;}
ul {list-style: none;margin:0}
a {text-decoration: none;}
img {border: none;}
.new_user_dialog {width: 861px;height: 588px;position: relative;overflow: hidden;border: 1px solid #ccc;}
.new_user_dialog .new_user_page {width: 100%;height: 100%;position: relative;margin:0;}
.pro_agree{width: 600px;margin: 0 auto;    margin-top: 20px;}
.pro_agree p {float:right}
.pro_agree textarea { width: 600px;margin-top:5px;height: 80px;}
.pro_agree .privacy_link{display:none;}
.pro_agree h2{font-size: 14px;    margin: 0;float:left;}
.pro_agree h2 a{width: 90px;height: 18px; background: #212121;color: #fff;display: inline-block; text-align: center;line-height: 18px;margin-left: 10px;font-size: 12px;}
.new_user_prev {position: absolute;right: 180px;top: 530px;width: 117px;height: 44px;background: url( "./images/intro/new_user/new_user_prev.png" ) no-repeat;border:none;cursor:pointer;outline: none;display:none;}
.new_user_next {position: absolute;right: 58px;top: 530px;width: 117px;height: 44px;background: url( "./images/intro/new_user/new_user_next.png" ) no-repeat;border:none;cursor:pointer;outline: none;display:none;}
.new_user_start {position: absolute;right: 90px;top: 480px;width: 126px;height: 76px;background: url( "./images/intro/new_user/new_user_start_bf.png" ) no-repeat;border:none;cursor:pointer;outline: none;}
.new_user_start:hover {background: url( "./images/intro/new_user/new_user_start_after.png" ) no-repeat;}

.width45p { width:45%; }
.width30p { width:30%; }
.width23p { width:23%; }
.width26p { width:26%; }
.width15p { width:15%; }

.page0{background: url( "./images/intro/new_user/new_user_pro_00.png" ) no-repeat;height:588px;}
.page1{background: url( "./images/intro/index_new_pro/page_start.png" ) no-repeat;height:588px;}
.page2{background: url( "./images/intro/new_user/new_user_pro_00_1.png" ) no-repeat;height:588px;}

.page2 div, .page2 label, .page2 p, .page2 a,.page2 span, .page2 b, .page2 li, .page2 em, .page2 h1, .page2 h2, .page2 h3, .page2 h4 {font-family: 'Pretendard Variable', 'Pretendard' !important;}
.page2 .div_box {top:10px;left:30px;width:800px;height: 580px;vertical-align:top;}
.page2 .div_box .div_box_title:before{content:none;}
.page2 .div_box .div_box_title:after{content:none;}
.page2 .div_box .div_box_title {font-size:24px;font-weight:+500;color:#000000;background:none;margin-top:18px;margin-bottom:6px;}
.page2 .div_box .div_box_title em {color:#045CEE;font-style:normal;}
.page2 .div_box .div_box_title:first-child {margin-top:0;}
.page2 .div_check label {text-align:center;font-size:18px;color:#000000;font-weight:+400;padding: 20px;box-sizing:border-box;display:block;width:100%;height:100%;position: absolute;left: 0;transition:0.2s;}
.page2 .float_l_li li {text-align:center;}
.page2 .div_box > ul {vertical-align:top;}
.page2 .div_box > ul:after {display:block;content:'';clear:both;}
.page2 .div_box > ul > li {margin:0;vertical-align:top;}
.page2 .div_box .div_radio01 .img_box, .page2 .div_box .div_radio02 .img_box {width:100%;height:209px;text-align:center;line-height:209px;}
.page2 .img_box img {vertical-align:middle;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_check {border:none;background:url('./images/intro/index_new_pro/non-check.png') no-repeat;width:146px;height:104px;box-sizing:border-box;padding:6px 12px 13px 8px;transition:0.2s;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_check:hover {background:url('./images/intro/index_new_pro/checked.png') no-repeat;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_check:hover label {color:#ffffff;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_check:hover .question_icon {background: url('./images/intro/index_new_pro/question_icon_c.png') top no-repeat;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_check label:before {content:none;}
.page2 .div_box > ul > li input[type="checkbox"]:checked + .div_check {border:none;background:url('./images/intro/index_new_pro/checked.png') no-repeat;width:146px;height:104px;box-sizing:border-box;}
.page2 .div_box > ul > li input[type="checkbox"]:checked + .div_check label {color:#ffffff;}
.page2 .div_box > ul > li input[type="checkbox"]:checked + .div_check label:before {content:none;}
.page2 .div_box > ul > li input[type="checkbox"]:checked + .div_check .question_icon {background: url('./images/intro/index_new_pro/question_icon_c.png') top no-repeat;}
.page2 .question_icon {background: none;border: none;position: absolute;width: 19px;height: 19px;background: url('./images/intro/index_new_pro/question_icon_nc.png') top no-repeat;text-indent: -10000px;cursor: pointer;z-index: 9;margin-top:0;top: 14px;right: 18px;}
.page2 .div_box .user_title_txt { font-size: 18px;font-weight: 300;padding-top: 0;padding-bottom: 20px; margin-top: 0px;}
.page2 .div_box .user_title_txt span {font-weight:500;color:#045cee;}

.page2 .div_box > ul > li input[type="radio"] + .div_radio01 {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:none;padding: 10px 14px 15px 10px;border-radius: 10px;background:url('./images/intro/index_new_pro/radio01_bg_off.png')no-repeat;width:376px;height:381px;box-sizing:border-box;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio01 {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:none;padding: 10px 14px 15px 10px;border-radius: 10px;background:url('./images/intro/index_new_pro/radio01_bg_off.png')no-repeat;width:376px;height:381px;box-sizing:border-box;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio01 .question_icon {top:20px;right:20px;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio01 .question_icon {top:20px;right:20px;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio01 span{color: #ff7d1d;font-weight: bold;font-size: 16px;cursor:context-menu;position:absolute;left:25px;top:20px;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio01 span{color: #ff7d1d;font-weight: bold;font-size: 16px;cursor:context-menu;position:absolute;left:25px;top:20px;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio01 label{cursor:pointer;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio01 label{cursor:pointer;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio01 .img_box{margin-top:30px;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio01 .img_box{margin-top:30px;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio01 .pro_podcs_tit {font-size:23px;font-weight:600;color:#045cee;padding:20px 0 5px;width:297px;margin:auto;border-bottom:1px solid #ccc;word-break:keep-all;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio01 .pro_podcs_tit {font-size:23px;font-weight:600;color:#045cee;padding:20px 0 5px;width:297px;margin:auto;border-bottom:1px solid #ccc;word-break:keep-all;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio01:active:before, .div_box > ul > li input[type="radio"]:checked + .div_radio:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio01:active:before, .div_box > ul > li input[type="radio"]:checked + .div_radio:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.page2 .div_box > ul > li input[type="radio"]:checked + .div_radio01{background:url('./images/intro/index_new_pro/radio01_bg_on.png')no-repeat;}
.page2 .div_box > ul > li input[type="checkbox"]:checked + .div_radio01{background:url('./images/intro/index_new_pro/radio01_bg_on.png')no-repeat;}

.page2 .div_box > ul > li input[type="radio"] + .div_radio02 {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:none;padding: 10px;border-radius: 20px;background:#fff;width:218px;height:auto;min-height:365px;box-sizing:border-box;box-shadow:3px 3px 9px rgba(0,0,0,0.5);}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio02 {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:none;padding: 10px;border-radius: 20px;background:#fff;width:218px;height:auto;min-height:365px;box-sizing:border-box;box-shadow:3px 3px 9px rgba(0,0,0,0.5);}
.page2 .div_box > ul > li input[type="radio"] + .div_radio02 .question_icon {top:10px;right:10px;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio02 .question_icon {top:10px;right:10px;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio02 span{color: #ff7d1d;font-weight: bold;font-size: 16px;cursor:context-menu;position:absolute;left:10px;top:10px;width:70%;text-align:left;word-break: keep-all;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio02 span{color: #ff7d1d;font-weight: bold;font-size: 16px;cursor:context-menu;position:absolute;left:10px;top:10px;width:70%;text-align:left;word-break: keep-all;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio02 label{cursor:pointer;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio02 label{cursor:pointer;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio02 .img_box{margin-top:30px;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio02 .img_box{margin-top:30px;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio02 .pro_podcs_tit {font-size:23px;font-weight:600;color:#045cee;padding:20px 0 5px;width:180px;margin:auto;border-bottom:1px solid #ccc;word-break:keep-all;}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio02 .pro_podcs_tit {font-size:23px;font-weight:600;color:#045cee;padding:20px 0 5px;width:180px;margin:auto;border-bottom:1px solid #ccc;word-break:keep-all;}
.page2 .div_box > ul > li input[type="radio"] + .div_radio02:active:before, .div_box > ul > li input[type="radio"]:checked + .div_radio:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.page2 .div_box > ul > li input[type="checkbox"] + .div_radio02:active:before, .div_box > ul > li input[type="radio"]:checked + .div_radio:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.page2 .div_box > ul > li input[type="radio"]:checked + .div_radio02{border:4px solid #045cee;}
.page2 .div_box > ul > li input[type="checkbox"]:checked + .div_radio02{border:4px solid #045cee;}

.page2 .div_box .user_notice_txt {left:20px;bottom:30px;text-align:left;width:auto;transform: inherit;font-size:16px;font-weight:500;padding:0;margin:0;}
.page2 .div_box .user_notice_txt span {color:#045cee;}
.page2 .div_box .user_che_b {font-size:16px;font-weight:600;margin-top:10px;position: absolute;bottom:22px;left:116px;}
.page2 .div_box .li_check_no input[type="checkbox"] + .user_che_box { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
border-radius: 10px;    padding: 0;background: #fff; border: 2px solid #045CEE;} 
.page2 .div_box .li_check_no input[type="checkbox"] + .user_che_box {background: #fff;border-radius: 10px;padding: 10px;color: #045CEE;font-weight: bold;font-size: 16px;width:117px;height:44px;box-sizing:border-box;}
.page2 .div_box .li_check_no input[type="checkbox"]:checked + .user_che_box{border:2px solid #045CEE; background: #045CEE;color: #fff;border-radius:10px; }
.page2 .div_box .li_check_no{position: absolute;bottom: 12px;right:272px;z-index:999;}
.page2 .div_box .li_check_no input[type="checkbox"] {/* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.page2 .div_check_no span {display: inline-block;background:none;padding-left:8px;line-height:20px;float:left;cursor:pointer;}
.page2 .div_check_no img{padding:5px;}
.page2 .div_check_no label img{width: 20px;padding: 0;float:left;padding-right:5px;background:none;padding:0;line-height:22px;float:left;}

.page2 .div_box .li_radio_no input[type="radio"] + .user_che_box { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
border-radius: 10px;    padding: 0;background: #fff; border: 2px solid #045CEE;} 
.page2 .div_box .li_radio_no input[type="radio"] + .user_che_box {background: #fff;border-radius: 10px;padding: 10px;color: #045CEE;font-weight: bold;font-size: 16px;width:117px;height:44px;box-sizing:border-box;}
.page2 .div_box .li_radio_no input[type="radio"]:checked + .user_che_box{border:2px solid #045CEE; background: #045CEE;color: #fff;border-radius:10px; }
.page2 .div_box .li_radio_no{position: absolute;bottom: 12px;right:272px;z-index:999;}
.page2 .div_box .li_radio_no input[type="radio"] {/* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.page2 .li_radio_no span {display: inline-block;background:none;padding-left:8px;line-height:20px;float:left;cursor:pointer;}
.page2 .li_radio_no img{padding:5px;}
.page2 .li_radio_no label img{width: 20px;padding: 0;float:left;padding-right:5px;background:none;padding:0;line-height:22px;float:left;}

.div_box { position:relative;border:0px solid #e0e0e0; top:50px; left:50px; width:750px; height:420px;text-align:center;}
/*li 가운데 정렬*/
.div_box > ul{text-align:center;padding:0;}
.div_box > ul > li {position: relative;/*float:left;*/display:inline-block;margin-right: 10px;font-size: 16px;font-weight: 600;color: #3c3c3c;/*vertical-align: top;*/margin-top:0;}
/*.div_box > ul > li:last-child{margin-right:0;}*/
.div_box p{margin:0;}

/*다시 보지 않기 영역*/
.div_foot {position:absolute;bottom:0;width:100%;height:50px;text-align:right;padding: 10px 12px;box-sizing:border-box;background-color:rgba(225,225,225,0.3);}
.div_foot button {background:transparent;color:#fff;border:1px solid #fff;margin:0 4px;cursor:pointer;padding:4px 12px;height:30px;line-height:2px;border-radius:4px;}

/*타이틀 디자인*/
.div_box .div_box_title{height: 36px;display: inline-block;position: relative;padding: 0 50px;background: #eee;line-height: 36px;font-size: 18px;margin: 0 0 20px;font-weight: 600;/*margin-top:25px;*/color: #004eb7;}
.div_box p.div_box_title:first-child{margin-top:0;}
.div_box_title:before{content: ""; position: absolute; width: 24px; height: 44px; left: 0; background: url('./images/intro/index_new_pro/title_bg.png') no-repeat;}
.div_box_title:after{content: ""; position: absolute; width: 24px; height: 44px; right: 0; background: url('./images/intro/index_new_pro/title_bg_af.png') no-repeat;}
.div_box_title span{background: #ff8f00;font-size: 16px;margin-right: 5px;color: #fff;width: 25px;height: 23px;line-height: 23px;display: inline-block;font-weight: bold;}
.div_box .user_title_txt{font-size:17px;font-weight: 400;padding-top:0;padding-bottom:20px;margin-top:10px;}
.div_box .user_title_txt span{font-weight:600;color: #ff6102;}
.div_box .user_title_txt b{font-weight:600;}
.div_box .user_sub_txt{font-size:14px;font-weight: 400;display:block;}
.div_box > ul > li p{font-size:14px;padding:10px 0;font-weight:bold;}
.user_blue{color:#1959ad;}
.div_box .user_notice_txt{font-size:17px;font-weight: 400;padding-top:0;padding-bottom:10px;margin-top:10px;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:100%;}
.div_box .user_notice_txt b{font-weight:600;}
.div_box .user_notice_txt span{color:#ff6102;font-weight:600;}
/*물음표버튼*/
.question_icon{background: none; border: none;position: relative;width: 25px;height:25px;background:url('./images/intro/index_new_pro/question_icon2.png') top no-repeat;text-indent:-10000px;cursor:pointer;z-index:9;
float: right;margin-top: -3px; margin-left: 3px;}
.label_check{position:absolute;width:20px;height:20px;left:-5px;top:-7px;}

/*체크박스 디자인*/
.div_box > ul > li input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.div_box > ul > li input[type="checkbox"] + .div_check { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
border: 2px solid #929292;padding: 10px 15px;border-radius: 10px;} 
.div_box > ul > li input[type="checkbox"] + .div_check label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 25px; /* 체크박스의 너비를 지정 */ height: 25px; /* 체크박스의 높이를 지정 */ line-height: 25px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border-radius : 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);position:absolute;top: -10px;left: -10px;border: 2px solid #929292;box-sizing: border-box;} 
.div_box > ul > li input[type="checkbox"] + .div_check label{cursor:pointer;}

.div_box > ul > li input[type="checkbox"] + .div_check span{background: #eee;border-radius: 30px;padding: 5px 10px;color: #414146;font-weight: bold;font-size: 13px;cursor:context-menu;}

.div_box > ul > li input[type="checkbox"] + .div_check:active:before, .div_box > ul > li input[type="checkbox"]:checked + .div_check:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.div_box > ul > li input[type="checkbox"]:checked + .div_check{border: 2px solid #1959ad;color: #0d4fa7;}
.div_box > ul > li input[type="checkbox"]:checked + .div_check label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #fff; text-shadow: 1px 1px #fff; background: #1959ad; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);border:none;}
.div_check span {display: inline-block;}
.div_check img{padding:5px;}

/*사용안함:체크박스 디자인*/
.div_box > .li_check_no{position: absolute;bottom: 7px;right: 0;z-index:999;}
/*체크박스 디자인*/
.div_box > ul > li input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.div_box > ul > li input[type="checkbox"] + .div_check_no { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
border-radius: 10px;    padding: 5px 10px;background: #eeeeee; border: 2px solid #afafaf;} 
.div_box > ul > li input[type="checkbox"] + .div_check_no span{background: #eee;border-radius: 30px;padding: 5px 10px;color: #414146;font-weight: bold;font-size: 13px;}
.div_box > ul > li input[type="checkbox"]:checked + .div_check_no{border: 2px solid #ed2329;}
.div_check_no span {display: inline-block;background:none;padding:0;line-height:12px;float:left;cursor:pointer;}
.div_check_no img{padding:5px;}
.div_check_no label img{width: 20px;padding: 0;float:left;padding-right:5px;background:none;padding:0;line-height:22px;float:left;}

/*라디오박스 디자인*/
.div_box > ul > li input[type="radio"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.div_box > ul > li input[type="radio"] + .div_radio { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
    border: 2px solid #929292;padding: 10px 15px;border-radius: 10px;} 
.div_box > ul > li input[type="radio"] + .div_radio label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 25px; /* 체크박스의 너비를 지정 */ height: 25px; /* 체크박스의 높이를 지정 */ line-height: 25px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border-radius : 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);position:absolute;top: -10px;left: -10px;border: 2px solid #929292;box-sizing: border-box;} 
.div_box > ul > li input[type="radio"] + .div_radio span{background: #eee;border-radius: 30px;padding: 5px 10px;color: #414146;font-weight: bold;font-size: 13px;cursor:context-menu;}
.div_box > ul > li input[type="radio"] + .div_radio label{cursor:pointer;}
.div_box > ul > li input[type="radio"] + .div_radio img{margin-bottom:5px;}

.div_box > ul > li input[type="radio"] + .div_radio:active:before, .div_box > ul > li input[type="radio"]:checked + .div_radio:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.div_box > ul > li input[type="radio"]:checked + .div_radio{border: 2px solid #1959ad;}
.div_box > ul > li input[type="radio"]:checked + .div_radio label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #fff; text-shadow: 1px 1px #fff; background: #1959ad; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);border:none;}

.div_radio span{display:inline-block;}
.div_radio img{padding:5px;}

/*라디오박스 체크위치 이동*/
.div_box > ul > li input[type="radio"] + .div_radio label.user_che:before {top: 225px;left: 25px;} 
.div_box > ul > li input[type="radio"] + .div_radio label.user_che2:before {top: 232px;left: 45px;} 
.div_box > ul > li input[type="checkbox"] + .div_check label.user_che_box:before {top: 235px;left: 25px;} 
.user_che_blue{margin-left:20px !important;}

/*사용안함:라디오 디자인*/
.div_box > ul > li.li_radio_no{    position: absolute;bottom: 7px;right: 0;z-index:999;}
/*라디오박스 디자인*/
.div_box > ul > li input[type="radio"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.div_box > ul > li input[type="radio"] + .div_radio_no { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
border-radius: 10px;    padding: 5px 10px;background: #eeeeee; border: 2px solid #afafaf;} 
.div_box > ul > li input[type="radio"] + .div_radio_no span{background: #eee;border-radius: 30px;padding: 5px 10px;color: #414146;font-weight: bold;font-size: 13px;}
.div_box > ul > li input[type="radio"]:checked + .div_radio_no{border: 2px solid #ed2329;}
.div_radio_no span {display: inline-block;background:none;padding:0;line-height:12px;float:left;cursor:pointer;}
.div_radio_no img{padding:5px;}
.div_radio_no label img{width: 20px;padding: 0;float:left;padding-right:5px;background:none;padding:0;line-height:22px;float:left;}
/*9개 기능일경우*/
.div_check_im li input[type="checkbox"] + .div_check{/*display:table-cell !important;*/padding:0 !important;margin: 0 10px !important;margin-bottom:10px !important;vertical-align: middle !important;width: 180px !important;height:80px !important;}
.div_check_im li input[type="checkbox"] + .div_check label{display:inline-block}
.div_check_im li input[type="checkbox"] + .div_check .question_icon{padding-top:2px;}
.icon_left{float: inherit !important;display: inline-block !important;}
.div_check_im .div_check .user_blue{padding:0;margin-top:-30px;margin-bottom:20px;}
/*견적요청*/
.page_end .div_box h4{margin: 0;padding: 0;font-size: 20px;font-weight: 400;margin-bottom: 15px;    padding-top: 0px;}
.page_end .div_box p{font-size: 18px;color: #049596;padding:0 0 10px;font-weight:600;}
.page_end .div_box span{vertical-align: middle;font-size: 16px;font-weight: 600;}
.request_btn{background: #414146; width: 130px;margin: 0 auto;color: #fff;border-radius: 30px;padding: 7px; font-weight: 600; font-size: 16px;margin-top: 30px;}
.request_btn a{cursor:pointer;display:block;}
.request_btn:hover{background: #08a3a3;}
.dt_page_btn{background: #fff; width: 145px;margin: 0 auto;color: #414146;border-radius: 30px;border:2px solid #414146;box-sizing:border-box;padding: 7px; font-weight: 600;margin-top: 30px; margin-right: 10px;font-size: 15px !important;}
.dt_page_btn:hover{border:2px solid #08a3a3;}
.dt_page_btn a{display:block;}
.div_box_btn a{color:#fff;}
.dt_page_btn a{color: #414146;}
.page_end_txt{ background: #ffffff;padding: 0 0 5px 0;width: 700px; border: 3px solid #bdbdbd;margin: 0 auto;}
.none { display:none; }
.mt10{margin-top:8px;}
.float_l_li li{text-align:left;}
</style>
<body style="padding:0px; margin:0px;<?php if($view_mode=='mobile'){?>zoom:35%<?php } ?>">
<div class="new_user_dialog">
  <div class="new_user_page">
      <div style='position:absolute;left:5px;top:5px;display:none;' class='close_class'>[c]</div>
    <!-- 0.시작-->
    <div class="page1 user_page pg_type_intro" data-page="intro">
        <div class='div_box'>

        </div>
        <!--다시보지않기 영역-->
<?php if($mode=='pop'){?>
        <div class="div_foot" >
            <button onclick="window.open('./customer_buy_cs.php')" style="border:2px solid #0065fa;color:#0065fa;width:160px;font-weight:900;">구매상담요청</button>
            <button onclick="window.open('./customerprice.php')" style="border:2px solid #0065fa;color:#0065fa;width:160px;font-weight:900;">견적요청</button>
            <button class='close_never_pop' data-value='1'>하루 안보기</button>
            <button class='close_never_pop' data-value='7'>7일 안보기</button>
        </div>
<?php } ?>
        <!--------------------->
    </div>

    <!-- 1.타이틀(업종선택)-->
    <div class="page2 user_page pg_type_start" data-page="start">
        <div class='div_box'><a class="pop_test" id="pro_podet_03_test">.</a>
            <p class="div_box_title" style="margin-top:0;">1.고객님의 업종을 선택해 주세요.</p>
            <ul class="float_l_li">
                <li>
                    <input type="checkbox" id="pro_st1_01" name="pro_st1_01" value="도소매유통업종" data-upjong='1' class='start_upjong_1'>
                    <div class="div_check">
                        <label for="pro_st1_01">도소매<br>유통업종</label>
                        <div id="pro_st1_01_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st1_02" name="pro_st1_02" value="제조생산판매업종"  data-upjong='2' class='start_upjong_1'>
                    <div class="div_check">
                        <label for="pro_st1_02">제조생산<br>판매업종</label>
                        <div id="pro_st1_02_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st1_03" name="pro_st1_03" value="각종상품대여업종"  data-upjong='2' class='start_upjong_1'>
                    <div class="div_check">
                        <label for="pro_st1_03">각종상품<br>대여업종</label>
                        <div id="pro_st1_03_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st1_04" name="pro_st1_04" value="전자계산서발행전용"  data-upjong='2' class='start_upjong_1'>
                    <div class="div_check">
                        <label for="pro_st1_04">전자계산서<br>발행전용</label>
                        <div id="pro_st1_04_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st1_05" name="pro_st1_05" value="유형(비품)자산관리"  data-upjong='2' class='start_upjong_1'>
                    <div class="div_check">
                        <label for="pro_st1_05">유형(비품)<br>자산관리</label>
                        <div id="pro_st1_05_pop" class="popup question_icon">?</div>
                    </div>
                </li>
            </ul>
            <p class="div_box_title">2.추가할 옵션이 있으면 선택하세요.</p>
            <ul>
                <li>
                    <input type="checkbox" id="pro_st2_01" name="pro_st2_01" value="스마트폰영업관리" data-upjong='2' class='start_upjong_2'>
                    <div class="div_check">
                        <label for="pro_st2_01">스마트폰<br>영업관리</label>
                        <div id="pro_st2_01_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st2_02" name="pro_st2_02" value="PDA영업관리"  data-upjong='2' class='start_upjong_2'>
                    <div class="div_check">
                        <label for="pro_st2_02">PDA<br>영업관리</label>
                        <div id="pro_st2_02_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st2_03" name="pro_st2_03" value="POS장비"  data-upjong='2' class='start_upjong_2'>
                    <div class="div_check">
                        <label for="pro_st2_03" style="top: 20px;">POS기능</label>
                        <div id="pro_st2_03_pop" class="popup question_icon">?</div>
                    </div>
                </li>
            </ul>
            <p class="div_box_title">3.추가할 옵션이 있으면 선택하세요.</p>
            <ul>
                <li>
                    <input type="checkbox" id="pro_st3_01" name="pro_st3_01" value="도매쇼핑몰관리" data-upjong='2' class='start_upjong_3'>
                    <div class="div_check">
                        <label for="pro_st3_01">도매쇼핑몰<br>1개</label>
                        <div id="pro_st3_01_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st3_02" name="pro_st3_02" value="단독쇼핑몰관리"  data-upjong='2' class='start_upjong_3'>
                    <div class="div_check">
                        <label for="pro_st3_02">단독쇼핑몰<br>1개</label>
                        <div id="pro_st3_02_pop" class="popup question_icon">?</div>
                    </div>
                </li>
                <li>
                    <input type="checkbox" id="pro_st3_03" name="pro_st3_03" value="오픈마켓관리"  data-upjong='2' class='start_upjong_3'>
                    <div class="div_check">
                        <label for="pro_st3_03">오픈마켓<br>관리</label>
                        <div id="pro_st3_03_pop" class="popup question_icon">?</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <style>
        .page2 .div_box > ul > li input[type="radio"] + .div_radio01 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_noncheck.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
        .page2 .div_box > ul > li input[type="radio"]:checked + .div_radio01 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_checked.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
        .page2 .div_box > ul > li input[type="checkbox"] + .div_radio01 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_noncheck.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
        .page2 .div_box > ul > li input[type="checkbox"]:checked + .div_radio01 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_checked.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
        .page2 .div_box > ul > li input[type="radio"] + .div_radio02 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_noncheck.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
        .page2 .div_box > ul > li input[type="radio"]:checked + .div_radio02 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_checked.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
        .page2 .div_box > ul > li input[type="checkbox"] + .div_radio02 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_noncheck.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
        .page2 .div_box > ul > li input[type="checkbox"]:checked + .div_radio02 > .pro_podcs_tit:before {content:url('./images/intro/index_new_pro/plus_checked.png');width:21px;height:21px;margin-right:4px;vertical-align: middle;}
    </style>
    <div class="page2 user_page pg_type_cskind" data-page="도소매업 유저수 선택">
        <div class='div_box'>
            <p class="div_box_title cs_dbt">도소매 업종에 사용할 [제품]과 [유저수]를 선택하세요.</p>
            <p class="div_box_title cs_dbt" style='display:none;'>PDA영업관리는 천년경영3CS와 함께 사용됩니다.</p><!-- (pda과 단독일 경우)제조도 동일작업-->
            <p class="user_title_txt cs_utt"><span>[장소 제한없이 사용]</span>하는 제품과 <span>[사내전용]</span>제품이 있습니다.</p>
            <p class="user_title_txt cs_utt" style='display:none;'>용도에 맞는 제품을 선택하세요.</p><!-- (pda과 단독일 경우)제조도 동일작업-->
            <ul class="checks">
                <li style="margin-right: 20px;">
                    <input type='radio' id='pro_podcs_01' name='pro_podcs' value='천년경영3CS' class='input_have_select'> 
                    <label for='pro_podcs_01' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_podcs_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podcs_new2.png"></div>
                        <p class="pro_podcs_tit">천년경영3CS</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('mcs_man');?> 동시사용</p>
                </li>
                <li>
                    <input type='radio' id='pro_podcs_02' name='pro_podcs' value='천년경영3' class='input_have_select'> 
                    <label for='pro_podcs_02' class="div_radio01">
                        <span>사내에서만 사용</span>
                        <div id="pro_podcs_02_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podlc_new2.png"></div>
                        <p class="pro_podcs_tit">천년경영3</p>    
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('mcs_man');?> 동시사용</p>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>동시에 사용</span>할 사용자수(설치대수는 무제한)</p>
        </div>
    </div>

    <div class="page2 user_page pg_type_cs2kind" data-page="도소매업 유저수 선택">
        <div class='div_box'>
            <p class="div_box_title cs2_dbt">도소매 유통업무에 필요한 [유저수]를 선택하세요.</p><!--밑에 경우가 아닐경우-->
            <p class="div_box_title cs2_dbt" style='display:none;margin-top:0;'>스마트폰영업관리는 천년경영3CS와 함께 사용됩니다.</p><!--스마트폰만 선택했을경우-->
            <p class="div_box_title cs2_dbt" style='display:none;margin-top:0;'>도매쇼핑몰은 천년경영3CS와 함께 사용됩니다.</p><!-- 도매쇼핑몰만 선택했을경우-->
            <p class="div_box_title cs2_dbt" style='display:none;margin-top:0;'>오픈마켓관리는 천년경영3CS와 함께 사용됩니다.</p><!--  오픈마켓만 선택했을경우-->
            <p class="div_box_title cs2_dbt" style='display:none;margin-top:0;'>PDA영업관리는 천년경영3CS와 함께 사용됩니다.</p><!--  오픈마켓만 선택했을경우-->

            <p class="user_title_txt cs2_utt" ><span>[장소 제한없이 사용]</span>하는 제품을 선택하셨습니다.</p><!--밑에 경우가 아닐경우-->
            <p class="user_title_txt cs2_utt" style='display:none;margin-top:0;'>천년경영3CS를 사용할 유저수를 선택하세요.</p><!--스마트폰만 선택했을경우-->
            <p class="user_title_txt cs2_utt" style='display:none;margin-top:0;'>천년경영3CS를 사용할 유저수를 선택하세요.</p><!-- 도매쇼핑몰만 선택했을경우-->
            <p class="user_title_txt cs2_utt" style='display:none;margin-top:0;'>천년경영3CS를 사용할 유저수를 선택하세요.</p><!-- 오픈마켓만 선택했을경우-->
            <p class="user_title_txt cs2_utt" style='display:none;margin-top:0;'>천년경영3CS를 사용할 유저수를 선택하세요.</p><!-- 오픈마켓만 선택했을경우-->
            <ul>
                <li>
                    <input type='radio' id='pro_podcs2_01' name='pro_podcs2' value='천년경영3CS' class='input_have_select'> 
                    <label for='pro_podcs2_01' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_podcs_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podcs_new2.png"></div>
                        <p class="pro_podcs_tit">천년경영3CS</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('mcs_man');?> 동시사용</p>
                </li>
            </ul>
            <p class="user_notice_txt"><b>유저수</b>: 동시에 사용할 사용자수(설치대수는 무제한)</p>
        </div>
    </div>

    <div class="page2 user_page pg_type_mkkind" data-page="제조생산업 유저수 선택">
        <div class='div_box'>
            <p class="div_box_title cs_dbt">제조생산업종에 사용할 [제품]과 [유저수]를 선택하세요.</p>
            <p class="div_box_title cs_dbt" style='display:none;'>PDA영업관리는 제조경영ProCS와 함께 사용됩니다.</p><!-- (pda과 단독일 경우)제조도 동일작업-->
            <p class="user_title_txt cs_utt"><span>[장소 제한없이 사용]</span>하는 제품과 <span>[사내전용]</span>제품이 있습니다.</p>
            <p class="user_title_txt cs_utt" style='display:none;'>용도에 맞는 제품을 선택하세요.</p><!-- (pda과 단독일 경우)제조도 동일작업-->
            <ul class="checks">
                <li style="margin-right: 20px;">
                    <input type='radio' id='pro_podmk_01' name='pro_podmk' value='제조경영ProCS' class='input_have_select'> 
                    <label for='pro_podmk_01' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_podmk_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podcs_new2.png"></div>
                        <p class="pro_podcs_tit">제조경영ProCS</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('kcs_man');?> 동시사용</p>
                </li>
                <li style="margin-right: 20px;">
                    <input type='radio' id='pro_podmk_0' name='pro_podmk' value='제조경영Pro' class='input_have_select'> 
                    <label for='pro_podmk_0' class="div_radio01">
                        <span>사내에서만 사용</span>
                        <div id="pro_podmk_02_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podcs_new2.png"></div>
                        <p class="pro_podcs_tit">제조경영Pro</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('klc_man');?> 동시사용</p>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>동시에 사용</span>할 사용자수(설치대수는 무제한)</p>
        </div>
    </div>

    <div class="page2 user_page pg_type_mk2kind" data-page="제조생산업 유저수 선택">
        <div class='div_box'>
            <p class="div_box_title">제조생산판매업종에 필요한 [유저수]를 선택하세요.</p><!--밑에 경우가 아닐경우-->
            <p class="div_box_title" style='display:none;margin-top:0;'>스마트폰영업관리는 제조경영ProCS와 함께 사용됩니다.</p><!--스마트폰만 선택했을경우-->
            <p class="div_box_title" style='display:none;margin-top:0;'>도매쇼핑몰은 제조경영ProCS와 함께 사용됩니다.</p><!-- 도매쇼핑몰만 선택했을경우-->
            <p class="div_box_title" style='display:none;margin-top:0;'>오픈마켓관리는 제조경영ProCS와 함께 사용됩니다.</p><!--  오픈마켓만 선택했을경우-->

            <p class="user_title_txt"><span>[장소 제한없이 사용]</span>하는 제품을 선택하셨습니다.</p><!--밑에 경우가 아닐경우-->
            <p class="user_title_txt" style='display:none;margin-top:0;'>제조경영ProCS에 사용할 유저수를 선택하세요.</p><!--스마트폰만 선택했을경우-->
            <p class="user_title_txt" style='display:none;margin-top:0;'>제조경영ProCS에 사용할 유저수를 선택하세요.</p><!-- 도매쇼핑몰만 선택했을경우-->
            <p class="user_title_txt" style='display:none;margin-top:0;'>제조경영ProCS에 사용할 유저수를 선택하세요.</p><!-- 오픈마켓만 선택했을경우-->
            <ul>
                <li>
                    <input type='radio' id='pro_podmk2_01' name='pro_podmk2' value='제조경영ProCS' class='input_have_select'> 
                    <label for='pro_podmk2_01' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_podmk_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podcs_new2.png"></div>
                        <p class="pro_podcs_tit">제조경영ProCS</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('kcs_man');?> 동시사용</p>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>동시에 사용</span>할 사용자수(설치대수는 무제한)</p>
        </div>
    </div>

    <div class="page2 user_page pg_type_takind" data-page="자산관리 유저수 선택">
        <div class='div_box'>
            <p class="div_box_title">자산관리 제품의 유저수를 선택하세요.</p>
            <p class="user_title_txt">기업,단체등의 유형(비품)자산을 관리하는 솔루션입니다.</p>
            <ul>
                <li>
                    <input type='radio' id='pro_podta_01' name='pro_podta' value='자산관리Pro' class='input_have_select'> 
                    <label for='pro_podta_01' class="div_radio01">
                        <span>사내 네트워크 지원</span>
                        <div id="pro_st1_05_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podcs_new2.png"></div>
                        <p class="pro_podcs_tit">자산관리Pro</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('kcs_man');?> 동시사용</p>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>동시에 사용</span>할 사용자수(설치대수는 무제한)</p>
        </div>
    </div>

    <div class="page2 user_page pg_type_outkind" data-page="외부영업관기 기기 선택">
        <div class='div_box'>
            <!-- [타이틀 이중선택] : 스마트폰 / PDA / POS 각각 타이틀 -->
            <p class="div_box_title dbt">외부(현장)에서 영업관리 하는 기능을 사용하시겠습니까?</p>
            <p class="div_box_title dbt" style='display:none;margin-top:0;'>스마트폰 영업관리를 사용할 <em>[유저수]</em>를 선택하세요.</p>
            <p class="div_box_title dbt" style='display:none;margin-top:0;'>PDA 영업관리를 사용하려면 <em>[유저수]</em>를 선택하세요.</p>
            <p class="div_box_title dbt" style='display:none;margin-top:0;'>소매판매/계산관리용 POS장비를 선택하세요.</p>
            <p class="div_box_title dbt" style='display:none;margin-top:0;'>스마트폰 외부(현장)영업관리를 사용하시겠습니까?</p>
            <p class="div_box_title dbt" style='display:none;margin-top:0;'>PDA 외부(현장)영업관리를 사용하시겠습니까?</p>

            <!-- [타이틀 이중선택] : 스마트폰 / PDA / POS 각각 서브타이틀-->
            <p class="user_title_txt utt"><b>스마트폰</b> 영업관리, <b>PDA</b>영업관리가 있습니다.(업무적 기능은 동일)</p>
            <p class="user_title_txt utt"  style='display:none;margin-top:0;'>외부(현장)에서 <b>스마트폰</b>으로 <b>실시간 영업관리</b>가 가능합니다.</p>
            <p class="user_title_txt utt"  style='display:none;margin-top:0;'>외부(현장)에서 PDA로 실시간 영업관리가 가능합니다.</p>
            <p class="user_title_txt utt"  style='display:none;margin-top:0;'>POS장비를 사용하면 편리한 계산관리가 가능합니다.</p>
            <p class="user_title_txt utt"  style='display:none;margin-top:0;'>외부(현장)에서 스마트폰으로 실시간 영업관리가 가능합니다.</p>
            <p class="user_title_txt utt"  style='display:none;margin-top:0;'>외부(현장)에서 PDA로 실시간 영업관리가 가능합니다.</p>
            <ul>
                <li>
                    <input type='checkbox' id='pro_podout_01' name='pro_podout_01' value='스마트폰영업관리' class='outkind_1 input_have_select'> 
                    <label for='pro_podout_01' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_st2_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podout_01_new.png"></div>
                        <p class="pro_podcs_tit">스마트폰 영업관리</p>
                    </label>
                    <p class="user_che_b">유저: <?php echo select_make('smt_per');?></p>
                </li>
                <li>
                    <input type='checkbox' id='pro_podout_02' name='pro_podout_02' value='PDA관리' class='outkind_1 input_have_select'> 
                    <label for='pro_podout_02' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_st2_02_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podout_02_new.png"></div>
                        <p class="pro_podcs_tit">PDA영업관리</p>
                    </label>
                    <p class="user_che_b">유저: <?php echo select_make('pda_per');?></p>
                </li>
                <li>
                    <input type='checkbox' id='pro_podout_03' name='pro_podout_03' value='POS관리' class='outkind_1 input_have_select'> 
                    <label for='pro_podout_03' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_st2_03_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podout_03_new.png"></div>
                        <p class="pro_podcs_tit">pos판매용장비</p>
                    </label>
                    <p class="user_che_b">대수: <?php echo select_make('pda_per');?></p>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : 외부(현장)영업관리에 사용할 사용자 수</p>
            <div class="li_check_no">
                <div class="div_check_no">
                    <input type='checkbox' id='pro_podout_04' name='pro_podout_04' value='없음' class='outkind_1 input_have_select'> 
                    <label for='pro_podout_04' class="user_che_box"><img src="./images/intro/index_new_pro/no_check.png"><span>사용안함</span></label>
                </div>
            </div>
        </div>
    </div>

    <div class="page2 user_page pg_type_smteq" data-page="스마트폰 관련기기 선택">
        <div class='div_box'>
            <p class="div_box_title">스마트폰 영업관리에 필요한 장비를 선택하세요.</p>
            <p class="user_title_txt">[영수증프린트], [바코드 스캐너], [카드리더기]가 있습니다.</p>
            <ul>
                <li style="margin-right:50px;">
                    <input type='checkbox' id='pro_podsmt_01' name='pro_podsmt' value='영수증프린트-R215' class='smteq_1 input_have_select'> 
                    <label for='pro_podsmt_01' class="div_radio02" style="min-height:365px;">
                        <span>모바일 영수증프린터+카드결제</span>
                        <div id="pro_podsmt_01-1_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podsmt_01_new.png"></div>
                        <p class="pro_podcs_tit">SPP-R215</p>
                    </label>
                    <p class="user_che_b" style="left:70px;bottom:10px;">대수: <?php echo select_make_ea('smtp_per');?></p>
                </li>
                <li style="margin-right:50px;">
                    <input type='checkbox' id='pro_podsmt_241' name='pro_podsmt' value='영수증프린트-R241' class='smteq_1 input_have_select'> 
                    <label for='pro_podsmt_241' class="div_radio02" style="min-height:365px;">
                        <span>모바일 영수증프린트</span>
                        <div id="pro_podsmt_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_hw_smart01.png"></div>
                        <p class="pro_podcs_tit">WSP-R241</p>
                    </label>
                    <p class="user_che_b" style="left:70px; bottom:10px;">대수: <?php echo select_make_ea('smtp_per');?></p>
                </li>
                <li>
                    <input type='checkbox' id='pro_podsmt_02' name='pro_podsmt' value='스캐너' class='smteq_1 input_have_select'> 
                    <label for='pro_podsmt_02' class="div_radio02" style="min-height:365px;">
                        <span>모바일 바코드스캐너</span>
                        <div id="pro_podsmt_02_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podsmt_02_new.png"></div>
                        <p class="pro_podcs_tit">PM3</p>
                    </label>
                    <p class="user_che_b" style="left:70px;bottom:10px;">대수: <?php echo select_make_ea('smtp_per');?></p>
                </li>
            </ul>
            <p class="user_notice_txt">· 대수 : 스마트폰 (현장)영업관리를 사용할 장비 수</p>
            <div class="li_check_no">
                <div class="div_check_no">
                    <input type='checkbox' id='pro_podsmt_04' name='pro_podsmt' value='없음' class='smteq_1 input_have_select'> 
                    <label for='pro_podsmt_04' class="user_che_box"><img src="./images/intro/index_new_pro/no_check.png"><span>사용안함</span></label>
                </div>
            </div>
        </div>
    </div>

    <div class="page2 user_page pg_type_pdaeq" data-page="PDA 관련기기 선택">
        <div class='div_box'>
            <p class="div_box_title dbt2">PDA 영업관리 자료전송 방식을 선택하세요.</p>
            <!-- [타이틀 이중선택] : PDA 실시간/ USB 전송 각각 타이틀-->
            <p class="div_box_title dbt2" style='display:none;margin-top:0;'>PDA 실시간 자료전송 유저수를 선택해주세요.</p>
            <p class="div_box_title dbt2" style='display:none;margin-top:0;'>PDA USB전송방식 유저수를 선택해주세요.</p>

            <p class="user_title_txt utt2"><b>실시간 자료전송</b>과 <b>USB자료전송</b> 방식이 있습니다.</p>
            <!-- [타이틀 이중선택] : PDA 실시간/ USB 전송 각각 서브타이틀-->
            <p class="div_box_title utt2" style='display:none;margin-top:0;'>실시간 자료전송 방식을 사용합니다.</p>
            <p class="div_box_title utt2" style='display:none;margin-top:0;'> USB자료전송 방식을 사용합니다.</p>
            <ul>
                <li style="margin-right: 20px;">
                    <input type='radio' id='pro_podpdat_01' name='pro_podpdat' value='실시간전송' class='input_have_select'> 
                    <label for='pro_podpdat_01' class="div_radio01">
                        <span>실시간으로 PDA에서 자료전송</span>
                        <div id="pro_podpdat_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podpdat_01_new.png"></div>
                        <p class="pro_podcs_tit">실시간전송</p>
                    </label>
<!--                     <p class="user_che_b">유저 <?php echo select_make('pdareal_per');?> 동시사용</p> -->
                </li>
                <li>
                    <input type='radio' id='pro_podpdat_02' name='pro_podpdat' value='USB전송방식' class='input_have_select'> 
                    <label for='pro_podpdat_02' class="div_radio01">
                        <span>USB를 이용해서 자료넘김</span>
                        <div id="pro_podpdat_02_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podpdat_02_new.png"></div>
                        <p class="pro_podcs_tit">USB전송방식</p>
                    </label>
<!--                     <p class="user_che_b">유저 <?php echo select_make('pdausb_per');?> 동시사용</p> -->
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>외부(현장)영업관리</span>를 사용할 사용자 수</p>
        </div>
    </div>
    
    <div class="page2 user_page pg_type_pdagear" data-page="PDA 장비 선택">
        <div class='div_box'>
            <p class="div_box_title">PDA영업관리에 필요한 PDA장비를 선택하세요.</p>
            <p class="user_title_txt">외부(현장)영업관리용 <b>실시간 자료전송 PDA</b> 입니다.</p>
            <ul>
                <li>
                    <input type='radio' id='pro_podpgear_01' name='pro_podpgear' value='실시간전송장비' class='pdagear_1 input_have_select'> 
                    <label for='pro_podpgear_01' class="div_radio01">
                        <div id="pro_podpgear_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podpgear_01_new.png"></div>
                        <p class="pro_podcs_tit">실시간전송장비</p>
                    </label>
                    <p class="user_che_b" style="left:136px;">대수: <?php echo select_make('pdagear_per');?></p>
                </li>
                <li class="li_radio_no">                
                    <div class="div_radio_no">
                        <input type='radio' id='pro_podpgear_02' name='pro_podpgear' value='없음' class='pdagear_1'> 
                        <label for='pro_podpgear_02' class="user_che_box"><img src="./images/intro/index_new_pro/no_check.png"><span>사용안함</span></label>
                    </div>
                </li>
            </ul>
            <p class="user_notice_txt">· 대수 : <span>PDA (현장)영업관리</span>를 사용할 장비 수</p>
        </div>
    </div>

    <!--포스유저선택-->
    <div class="page2 user_page pg_type_posuser" data-page="POS 유저 선택">
        <div class='div_box'>
            <p class="div_box_title">POS판매관리에 사용할 유저수를 선택하세요.</p>
            <p class="user_title_txt">소매판매 업무를 POS프로그램을 이용하여 편리하게 처리합니다.</p>
            <ul>
                <li>
                    <input type='radio' id='pro_posuser_01' name='pro_pos' value='POS유저' class='input_have_select'> 
                    <label for='pro_podout_03' class="div_radio01">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_podetc_09_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podout_03_1.png"></div>
                        <p class="pro_podcs_tit">pos판매관리</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('pdausb_per');?></p>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>POS 판매관리</span>를 사용할 사용자 수</p>
        </div>
    </div>

    <!--포스장비-->
    <div class="page2 user_page pg_type_poseq" data-page="POS 장비 선택">
        <div class='div_box'>
            <p class="div_box_title">POS판매관리에 POS장비를 사용하시나요?</p>
            <p class="user_title_txt">POS장비를 사용하면 편리한 계산관리가 가능합니다.</p>
            <ul>
                <li>
                    <input type='radio' id='pro_poseq_01' name='pro_pos' value='POS장비' class='input_have_select'> 
                    <label for='pro_poseq_01' class="div_radio01">
                        <div id="pro_st2_03_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podout_03_new.png"></div>
                        <p class="pro_podcs_tit">pos판매용장비</p>
                    </label>
                    <p class="user_b">대수: <?php echo select_make_ea('pos_per');?></p>    
                </li>
                <li class="li_check_no">        
                    <div class="div_radio_no">
                        <input type='radio' id='pro_poseq_02' name='pro_pos' value='없음' class='input_have_select'> 
                        <label for='pro_poseq_02' class="user_che_box"><img src="./images/intro/index_new_pro/no_check.png"><span>사용안함</span></label>
                    </div>
                </li>
            </ul>
            <p class="user_notice_txt">· 대수 : <span>POS 판매관리</span>를 사용할 장비 수</p>
        </div>
    </div>

    <div class="page2 user_page pg_type_pdakind" data-page="자산 PDA 유저수 선택">
        <div class='div_box'>
            <p class="div_box_title">유형(비품)자산관리에서 사용할 PDA유저수를 선택하세요.</p>
            <p class="user_title_txt">일체형PDA(프린터/스캐너/카드결제장착)를 이용하여 외부(현장) 자산관리 업무 지원</p>
            <ul>
                <li>
                    <input type='radio' id='pro_podtapda_01' name='pro_podtapda' value='USB전송방식' class='pdakind_1 input_have_select'> 
                    <label for='pro_podtapda_01' class="div_radio01">
                        <span>USB전송방식</span>
                        <div id="pro_podpdat_02_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podpdat_02_new.png"></div>
                        <p class="pro_podcs_tit">자산관리용 PDA솔루션</p>
                    </label>
                    <p class="user_che_b">유저 <?php echo select_make('pdausb_per');?></p>
                </li>
                <li class="li_radio_no">    
                    <div class="div_radio_no">
                        <input type='radio' id='pro_podtapda_02' name='pro_podtapda' value='없음' class='pdakind_1 input_have_select'> 
                        <label for='pro_podtapda_02' class="user_che_box"><img src="./images/intro/index_new_pro/no_check.png"><span>사용안함</span></label>
                    </div>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>외부(현장)영업관리</span>를 사용할 사용자 수</p>
        </div>
    </div>

    <div class="page2 user_page pg_type_pdabar" data-page="자산 바코드 갯수 선택">
        <div class='div_box'>
            <p class="div_box_title">바코드 출력에 필요한 프린트 대수를 선택하세요.</p>
            <p class="user_title_txt">바코드 라벨 출력용</p>
            <ul>
                <li>
                    <input type='radio' id='pro_podtabar_01' name='pro_podtabar' value='바코드장비수' class='pdabar_1 input_have_select'> 
                    <label for='pro_podtabar_01' class="div_radio01">
                        <span>바코드프린트</span>
                        <div id="pro_podtabar_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./img/hw/hw_etc01.jpg"></div>
                        <p class="pro_podcs_tit">자산관리용 바코드 프린트</p>
                    </label>
                    <p class="user_che_b">바코드수: <?php echo select_make_ea('pdausb_per');?></p>
                </li>
                <li class="li_radio_no">    
                    <div class="div_radio_no">
                        <input type='radio' id='pro_podtabar_02' name='pro_podtabar' value='없음' class='pdabar_1 input_have_select'> 
                        <label for='pro_podtabar_02' class="user_che_box"><img src="./images/intro/index_new_pro/no_check.png"><span>사용안함</span></label>
                    </div>
                </li>
            </ul>
            <p class="user_notice_txt">· 대수 : <span>유형(비품)자산관리</span>에 사용할 바코드 장비 수</p>
        </div>
    </div>
    <div class="page2 user_page pg_type_selshop" data-page="추가로 사용할 쇼핑몰 선택">
        <div class='div_box'>
            <p class="div_box_title">추가로 사용할 쇼핑몰 관리 기능이 있으면 선택하세요.</p>
            <p class="user_title_txt">도매쇼핑몰, 소매쇼핑몰, 오픈마켓 통합관리는 <span>천년경영3CS와 함께</span> 연동됩니다.</p>
            <ul>
                <li style="margin-right:50px;">
                    <input type='radio' id='pro_podshop_01' name='pro_podshop' value='도매쇼핑몰통합관리' class='shopkind_1 input_have_select'> 
                    <label for='pro_podshop_01' class="div_radio02">
                        <div id="pro_st3_01_pop" class="popup question_icon">?</div>
                        <div class="img_box" style="margin-bottom:10px;"><img src="./images/intro/index_new_pro/pro_podshop_01_new2.png" style="height:auto;width:100%;"></div>
                        <p class="pro_podcs_tit" style="border:none;"><em style="color:#ff7d1d;font-style:normal;">도매</em>쇼핑몰 통합관리</p>
                    </label>
                </li>
                <li style="margin-right:50px;">
                    <input type='radio' id='pro_podshop_02' name='pro_podshop' value='단독쇼핑몰' class='shopkind_1 input_have_select'> 
                    <label for='pro_podshop_02' class="div_radio02">
                        <div id="pro_st3_02_pop" class="popup question_icon">?</div>
                        <div class="img_box" style="margin-bottom:10px;"><img src="./images/intro/index_new_pro/pro_podshop_02_new2.png" style="height:auto;width:100%;"></div>
                        <p class="pro_podcs_tit" style="border:none;"><em style="color:#ff7d1d;font-style:normal;">소매</em>쇼핑몰 통합관리</p>
                    </label>
                </li>
                <li>
                    <input type='radio' id='pro_podshop_03' name='pro_podshop' value='오픈마켓통합관리' class='shopkind_1 input_have_select'> 
                    <label for='pro_podshop_03' class="div_radio02">
                        <div id="pro_st3_03_pop" class="popup question_icon">?</div>
                        <div class="img_box" style="margin-bottom:10px;"><img src="./images/intro/index_new_pro/pro_podshop_03_new2.png" style="height:auto;width:100%;"></div>
                        <p class="pro_podcs_tit" style="border:none;">오픈마켓 통합관리</p>
                    </label>
                </li>
                <li class="li_radio_no">
                    <div class="div_radio_no">
                        <input type='radio' id='pro_podshop_04' name='pro_podshop' value='없음' class='shopkind_1'> 
                        <label for='pro_podshop_04' class="user_che_box"><img src="./images/intro/index_new_pro/no_check.png"><span>사용안함</span></label>
                    </div>
                </li>
            </ul>
        </div>
    </div>
<style>
.page2 .div_plus_box {display:inline-block;vertical-align:top;}
.div_box > .div_plus_box > ul > li input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.div_box > .div_plus_box > ul > li input[type="checkbox"] + .div_check_no { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
border-radius: 10px;    padding: 5px 10px;background: #eeeeee; border: 2px solid #afafaf;}
.page2 .div_box > .div_plus_box > ul.div_check_im > li {display:block;width:100%;margin-bottom:14px;}
.page2 .div_box > .div_plus_box > ul.div_check_im > li:last-child {margin-bottom:0px;}
.page2 .div_box > .div_plus_box > .div_check_im {width:376px;height:368px;background-color:#fff; box-shadow:3px 3px 9px rgba(0, 0, 0, 0.5);padding:20px; box-sizing:border-box;border-radius:20px;}
.page2 .div_check_plus:after {content:'';clear:both;display:block;}
.page2 .div_check_plus label {float:left;font-size:18px;font-weight:500;line-height:16px;cursor:pointer;padding:2px 0px 2px 25px;}
.page2 .div_check_im .plus_user input[type="checkbox"] + .div_check_plus .question_icon {position:inherit;float:left;}
.page2 .plus_user{margin-bottom:10px;}
.page2 .div_box > .div_plus_box > ul.div_check_im > li input[type="checkbox"] + .div_check_plus label {background:url('./images/intro/index_new_pro/plus_noncheck.png') left no-repeat;background-size:contain;}
.page2 .div_check_plus .user_blue{float:right;padding:0;}
.page2 .div_box > .div_plus_box > ul.div_check_im > li input[type="checkbox"]:checked + .div_check_plus label {background:url('./images/intro/index_new_pro/plus_checked.png') left no-repeat;background-size:contain;}
.page2 .div_check_plus .user_blue{float:right;padding:0;color:#000000;font-size:14px;}
.page2 .div_plus_box .user_title_txt {font-size:18px;font-weight:600;text-align:left;margin:0;padding-bottom:8px;padding-left:20px;color:#FF7D1D;}
.page2 .div_check_plus .sc_mini select {width:inherit;}
.page2 .div_check_plus .pro_podetc_05_sel, .page2 .div_check_plus .pro_podetc_09_sel {float:left;padding:2px 0px 2px 4px; font-size:13px;line-height:16px;/*display:none;*/}
/*.div_check_im .plus_user input[type="checkbox"] + .div_check .question_icon{top:45px;right:20px}*/
.h80_line{height:80px;line-height:50px;}
.sc_mini select{width:100px;}
.plus_user_subtit {text-align:left;border-top:1px solid #ccc;margin:0; padding-top:10px;color:#FF7D1D;}
/*.div_popup.pro_podetc_10_pop {top:47%;left:49%;width:700px;}*/
/*.div_popup.pro_podetc_10_pop p {font-size:18px;font-weight:500;padding:10px 20px;line-height:1.5;margin-bottom:0;}*/
/*.div_popup.pro_podetc_10_pop .pro_mov {width:500px;margin-bottom:30px;}*/
</style>
    <div class="page2 user_page pg_type_etcpage" data-page="추가로 사용할 기능 선택">
        <div class='div_box'>
            <p class="div_box_title etc_dbt">업무에 필요한 기능(옵션)을 선택하세요.</p>
<!--             <p class="div_box_title etc_dbt" style='display:none;'>제조경영의 기본기능 외 추가할 옵션이 있으면 선택하세요.</p> -->
            <p class="user_title_txt"><b>기본옵션</b>은 <b>무상</b>으로 제공되는 기능입니다.</p>
            <div class="div_plus_box" style="margin-right:20px;">
                <p class="user_title_txt">기본옵션 선택(무상지원)</p>
                <ul class="div_check_im free_txt_sel_class">    
                    <li class='width30p pos_li_class plus_user'>
                        <input type='checkbox' id='pro_podetc_10' name='pro_podetc_10' value='다중사업장관리' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_10'>다중사업장 관리</label>
                            <div id="pro_podetc_10_pop" class="popup question_icon">?</div>
                        </div>
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_11' name='pro_podetc11' value='선입/선출영업이익조회' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_11'>선입/선출 영업이익 조회</label><!--선택시 스캐너/바코드프린트 보이게(페이지 새로 작업할 예정)~-->
                            <div id="pro_podetc_11_pop" class="popup question_icon">?</div>
                        </div>
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_12' name='pro_podetc_12' value='특별(개별)단가관리' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_12'>특별(개별) 단가관리</label>
                            <div id="pro_podetc_12_pop" class="popup question_icon">?</div>
                            <!--50개(1만),100개(2만),300개(3만),500개(4만),1000개(5만)1500개(6만),2000개(7만)-->
                        </div>
                    </li>            
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_13' name='pro_podetc_13' value='다양한상품단가설정' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_13'>다양한 상품 단가설정</label>
                            <div id="pro_podetc_13_pop" class="popup question_icon">?</div>
                            <!--<p class="user_blue">유저: <?php echo select_make('');?></P>-->
                        </div>
                    </li>    
                    <li class='width30p plus_user popup_btn_open' id="pro_eq_01">
                        <span class='eq_code_txt' style='display:none'></span>
                        <input type='checkbox' id='pro_podetc_05' name='pro_podetc_05' value='바코드검색/출력/관리' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_05'>바코드검색/출력/관리</label>
                            <div id="pro_podetc_05_pop" class="popup question_icon">?</div>
                            <!--팝업내 선택한 장비명 괄호 안에 출력-->
                             <span class="pro_podetc_05_sel"></span>
                            <!---->
                        </div>
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_03' name='pro_podetc_03' value='세트상품세팅/판매관리' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_03'>세트상품 세팅/판매관리</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기-->
                            <div id="pro_podetc_03_pop" class="popup question_icon">?</div>
                            <!--<p class="user_blue">유저: <?php echo select_make('');?></P>-->
                        </div>
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_07' name='pro_podetc_07' value='포인트적립/사용관리' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_07'>포인트적립/사용관리</label><!--선택시 cid장비 보이게(페이지 새로 작업할 예정)~-->
                            <div id="pro_podetc_07_pop" class="popup question_icon">?</div>
                        </div>
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_14' name='pro_podetc_14' value='프로젝트(공사현장)관리' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_14'>프로젝트(공사현장)관리</label>
                            <div id="pro_podetc_14_pop" class="popup question_icon">?</div>
                            <!--<p class="user_blue">유저: <?php echo select_make('');?></P>-->
                        </div>
                    </li>
                    <li class='width30p plus_user account_class'>
                        <input type='checkbox' id='pro_podetc_08' name='pro_podetc_08' value='보안관리옵션' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_08'>보안관리 옵션</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기 / 앞에 천년/제조 선택한 수까지만 작업되게-->
                            <div id="pro_podetc_08_pop" class="popup question_icon">?</div>
                        </div>
                    </li>
                    <li class='width30p plus_user account_class'>
                        <input type='checkbox' id='pro_podetc_15' name='pro_podetc_15' value='박스/낱개통합관리' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_15'>박스/낱개 통합관리</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기 / 앞에 천년/제조 선택한 수까지만 작업되게-->
                            <div id="pro_podetc_15_pop" class="popup question_icon">?</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="div_plus_box">
                <p class="user_title_txt">유상옵션 선택</p>
                <ul class="div_check_im notfree_txt_sel_class">
                    <li class='width30p pos_li_class plus_user /*popup_btn_open*/' id="pro_eq_03">
                        <span class='eq_code_txt' style='display:none'></span>
                        <input type='checkbox' id='pro_podetc_09' name='pro_podetc_09' value='POS기능' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_09' class='pro_podetc_09_class'>POS기능</label>
                            <div id="pro_podetc_09_pop" class="popup question_icon">?</div>
                            <!--팝업내 선택한 장비명 괄호 안에 출력-->
                             <span class="pro_podetc_09_sel"></span>
                            <!---->
                            <p class="user_blue">유저: <?php echo select_make('');?></P><!--앞에 천년/제조 선택한 수까지만 작업되게-->
                        </div>
                        <!--<p>[마트/슈퍼 소매판매를 POS로]</p>-->
                    </li>
                    <li class='width30p plus_user account_class'>
                        <input type='checkbox' id='pro_podetc_06' name='pro_podetc_06' value='회계관리기능' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_06'>회계관리 기능</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기 / 앞에 천년/제조 선택한 수까지만 작업되게-->
                            <div id="pro_podetc_06_pop" class="popup question_icon">?</div>
                            <p class="user_blue">유저: <?php echo select_make('');?></P>
                        </div>
                        <!--<p>[회계업무를 관리]</p>-->
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_02' name='pro_podetc_02' value='계좌대량연동조회' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_02'>계좌 대량 연동조회</label>
                            <div id="pro_podetc_02_pop" class="popup question_icon">?</div>
                            <p class="user_blue">계좌: <?php echo select_make_qty2('');?></P><!--몇인이 아니라 몇개로 변경-->
                        </div>
                        <!--<p>[여러개은행의 입출금을 천년에서 조회]</p>-->
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_01' name='pro_podetc_01' value='온라인발주시스템' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_01'>온라인 발주시스템</label>
                            <div id="pro_podetc_01_pop" class="popup question_icon">?</div>
                            <p class="user_blue sc_mini">거래처: <?php echo select_make_et('');?></P>
                            <!--50개(1만),100개(2만),300개(3만),500개(4만),1000개(5만)1500개(6만),2000개(7만)-->
                        </div>
                        <!--<p>[거래저주문을 온라인으로 받는기능]</p>-->
                    </li>
                    <li class='width30p plus_user'>
                        <input type='checkbox' id='pro_podetc_04' name='pro_podetc_04' value='매입계산서조회(유저무제한)' class='etckind_1'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_04'>매입계산서 조회(유저 무제한)</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기-->
                            <div id="pro_podetc_04_pop" class="popup question_icon">?</div>
                            <!--<p class="user_blue">유저: <?php echo select_make('');?></P>-->
                        </div>
                        <!--<p>[국세청발행 매입계산서 조회]</p>-->
                    </li>
                    <li>
                        <h4 class="plus_user_subtit">연동장비(PC)</h4>
                    </li>
                    <li class='width30p plus_user etc_scan_class' id='id_스캐너'>
                        <input type='checkbox' id='pro_podetc_16' name='pro_podetc_16' value='바코드스캐너' class='etckind_1 bar_prt_class'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_16'>스캐너</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기 / 앞에 천년/제조 선택한 수까지만 작업되게-->
                            <!--<div id="pro_podetc_06_pop" class="popup question_icon">?</div>-->
                            <p class="user_blue">대수: <!--<span></span>--><?php echo select_make_ea('');?></P>
                        </div>
                    </li>
                    <li class='width30p plus_user etc_barcode_class' id='id_프린트'>
                        <input type='checkbox' id='pro_podetc_17' name='pro_podetc_17' value='바코드프린터' class='etckind_1 bar_prt_class'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_17'>바코드프린터</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기 / 앞에 천년/제조 선택한 수까지만 작업되게-->
                            <!--<div id="pro_podetc_06_pop" class="popup question_icon">?</div>-->
                            <p class="user_blue">대수: <!--<span></span>--><?php echo select_make_ea('');?></P>
                        </div>
                    </li>
                    <li class='width30p plus_user etc_pos_class'  id='id_POS장비'>
                        <input type='checkbox' id='pro_podetc_18' name='pro_podetc_18' value='POS장비' class='etckind_1 pos_equip_class'> 
                        <div class="div_check_plus">
                            <label for='pro_podetc_18'>POS장비</label><!--로컬은 선택 못하게하고 3cs에만 된다고 경고창띄우기 / 앞에 천년/제조 선택한 수까지만 작업되게-->
                            <!--<div id="pro_podetc_06_pop" class="popup question_icon">?</div>-->
                            <p class="user_blue">대수: <!--<span></span>--><?php echo select_make_ea('');?></P>
                        </div>
                    </li>
                </ul>
            </div>
            <p class="user_notice_txt">· <img src="./images/intro/index_new_pro/question_icon_nc.png" style="vertical-align:middle;"> : 도움말</p>
        </div>
    </div>

<style>
.page_end_opt:after {clear:both;content:'';display:block;}
.page_end_opt{    text-align: left;
    position: relative;
    width: 98%;
    border-top: 1px solid #8e8e8e;
    margin: auto;}
.page_end_opt .page_end_list {width:80%;border:none;display:table-cell;}
.page_end_list:after {clear:both;content:'';display:block;}
.page_end_opt .page_end_list li {
    width: 33.3%;
    font-weight:600;
    margin-left:0;
}
.opt_name { display: table-cell;
    width: 137px;
    text-align: center;
    font-weight:400;
    vertical-align:middle;
    padding:5px 0;
    border-right:1px solid #ccc;
    }
.page_end_list{display:inline-block;padding:0;width:680px;margin:0 auto;border-top: 1px solid #8e8e8e;padding-top: 5px;font-size:14px;padding-left:5px;}
.page_end_list li{float:left;text-align:left;margin-bottom: 5px;margin-left:5px;}
.page_end_list li div{    float: left;
    background: #1959ad;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    margin-right: 5px;}
.submit_buy_icon, .submit_rep_icon{cursor:pointer;}
</style>
    <!--고객님이 선택하신 상품은??-->
    <div class="page2 user_page pg_type_endpage page_end" data-page="추가로 사용할 기능 선택">
        <div class='div_box'>
<!--             <h4 style="padding-top:0;">고객님이 선택하신 상품은 :</h4> -->
            <div class="page_end_txt">
                <h3>고객님이 선택하신 상품입니다.</h3>
                <!--유무상옵션 리스트-->
                <div class="page_end_opt">
                    <div class="opt_name"><b>제품명</b></div>
                    <ul class="page_end_list main_product_class">                         
                    </ul>
                </div>
                <div class="page_end_opt">
                    <div class="opt_name">+무상옵션</div>
                    <ul class="page_end_list etc_free_class">
                    </ul>
                </div>
                <div class="page_end_opt">
                    <div class="opt_name">+유상옵션</div>
                    <ul class="page_end_list etc_notfree_class">
                    </ul>
                </div>
                <!--유무상옵션 리스트 끝-->
                <span>
                </span>
                <!--<ul class="page_end_list">
                    <li><div>1</div>POS기능-5인</li>
                    <li><div>2</div>바코드입출고-2인</li>
                    <li><div>3</div>온라인주문서-3인</li>
                    <li><div>4</div>세트상품판매-4인</li>
                    <li><div>5</div>계좌연동조회-4인</li>
                    <li><div>6</div>회계관리-6인</li>
                </ul>-->
            </div>
            <img src="./images/intro/index_new_pro/pro_call_btn.png" style="padding:15px 0 0;width: 400px;">
            <div style="font-weight: 600;padding: 3px 0 10px;">※ 견적요청을 원하시면 아래의 버튼을 눌러주세요.</div>
            <ul class="div_box_btn">
                <li class="request_btn"><a class="submit_icon">견적요청</a></li>
                <li class="dt_page_btn"><a class="submit_buy_icon">구매상담요청</a></li>
                <li class="dt_page_btn"><a class="submit_rep_icon">제품찾기 불편신고</a></li>
                <li class="dt_page_btn end_detail_class" style="display:none;"><a href="http://www.easytax.kr/html/easytax/page/software/solution.php" target="_blank">제품상세보기</a></li><!--이지텍스-->
                <li class="dt_page_btn end_detail_class" style="display:none;"><a href="http://mjsoft.co/html/millennium/millennium_main.php" target="_blank">제품상세보기</a></li><!--천년경영-->
                <li class="dt_page_btn end_detail_class" style="display:none;"><a href="http://mjsoft.co/html/millennium/jejo_main.php" target="_blank">제품상세보기</a></li><!--제조경영-->
                <li class="dt_page_btn end_detail_class" style="display:none;"><a href="http://mjsoft.co/html/millennium/productinfo.php?cate2_code=06&category_code=95" target="_blank">제품상세보기</a></li><!--자산관리-->
            </ul>
        </div>
    </div>

    <div class="page2 user_page pg_type_soloshop page_end" data-page="단독쇼핑몰관리">
        <div class='div_box'>
<!--             <h4 style="padding-top:0;">고객님이 선택하신 상품은 :</h4> -->
            <div class="page_end_txt">
                <h3>고객님이 선택하신 상품입니다.</h3>
                <p>단독쇼핑몰</p>
                <span>자체쇼핑몰을 구축하여 운영할 수 있습니다.<br>가격:무료(세팅비5만) , 월비용:30,000원<br>더 상세히 알고싶다면 제품상세보기를 눌러주세요.</span><br>
            </div>
            <img src="./images/intro/index_new_pro/pro_call_btn.png" style="padding:15px 0 10px;">
            <div style="font-weight: 600;padding: 3px 0 15px;">※ 견적요청을 원하시면 아래의 버튼을 눌러주세요.</div>
            <ul class="div_box_btn">
                <li class="request_btn"><a class="submit_icon">견적요청</a></li>
                <li class="dt_page_btn"><a class="submit_buy_icon">구매상담요청</a></li>
                <li class="dt_page_btn"><a class="submit_rep_icon">제품찾기 불편신고</a></li>
                <li class="dt_page_btn"><a href="http://www.ebizmall.co.kr/" target="_blank">제품상세보기</a></li>
            </ul>
        </div>
    </div>
    <div class="page2 user_page pg_type_joyrent page_end" data-page="조이렌트">
        <div class='div_box'>
<!--             <h4 style="padding-top:0;">고객님이 선택하신 상품은 :</h4> -->
            <div class="page_end_txt">
                <h3>고객님이 선택하신 상품입니다.</h3>
                <p>상품대여업(조이렌트)</p>
                <span>상품(도서/장남감등)을 대여하고<br>
                반납하는 업무를 편리하게 관리할 수 있습니다.<br>
                더 상세히 알고싶다면 제품상세보기를 눌러주세요.</span><br>
            </div>
            <img src="./images/intro/index_new_pro/pro_call_btn.png" style="padding:15px 0 10px;">
            <div style="font-weight: 600;padding: 3px 0 15px;">※ 견적요청을 원하시면 아래의 버튼을 눌러주세요.</div>
            <ul class="div_box_btn">
                <li class="request_btn"><a class="submit_icon">견적요청</a></li>
                <li class="dt_page_btn"><a class="submit_buy_icon">구매상담요청</a></li>
                <li class="dt_page_btn"><a class="submit_rep_icon">제품찾기 불편신고</a></li>
                <li class="dt_page_btn"><a href="http://mjmall.co/sw_detail.php?cate2_code=04&category_code=11" target="_blank">제품상세보기</a></li>
            </ul>
        </div>
    </div>
    <div class="page2 user_page pg_type_easytax" data-page="이지텍스">
        <div class='div_box'>
            <p class="div_box_title">전자세금계산서 발행/관리 전용 솔루션을 선택하세요.</p>
            <p class="user_title_txt">전자계산서 발행시 포인트 충전이 필요합니다.</p>
            <ul>
                <li style="margin-right:50px;">
                    <input type='radio' id='pro_podet_01' name='pro_podet' value='이지텍스2' class='input_have_select'> 
                    <label for='pro_podet_01' class="div_radio02" style="min-height:365px;">
                        <span>사내에서 사용</span>
                        <div id="pro_podet_01_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podet_01_new.png"></div>
                        <p class="pro_podcs_tit">이지텍스2</p>
                    </label>
                    <p class="user_che_b" style="bottom:10px;left: 35px;">유저: <?php echo select_make_ea('kcs_man');?> 동시사용</p>
                </li>
                <li style="margin-right:50px;">
                    <input type='radio' id='pro_podet_02' name='pro_podet' value='이지텍스CS' class='input_have_select'> 
                    <label for='pro_podet_02' class="div_radio02" style="min-height:365px;">
                        <span>장소 제한없이 사용</span>
                        <div id="pro_podet_02_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podet_02_new.png"></div>
                        <p class="pro_podcs_tit">이지텍스CS</p>
                    </label>
                    <p class="user_che_b" style="bottom:10px;left: 35px;">유저: <?php echo select_make_ea('klc_man');?> 동시사용</p>
                </li>
                <li>
                    <input type='radio' id='pro_podet_03' name='pro_podet' value='이지텍스웹' class='input_have_select'> 
                    <label for='pro_podet_03' class="div_radio02" style="min-height:365px;">
                        <span>PC 설치없이 사용</span>
                        <div id="pro_podet_03_pop" class="popup question_icon">?</div>
                        <div class="img_box"><img src="./images/intro/index_new_pro/pro_podet_03_new.png"></div>
                        <p class="pro_podcs_tit">이지텍스Web</p>
                    </label>
                    <p class="user_che_b" style="bottom:10px;left: 35px;">유저: <?php echo select_make_ea('klc_man');?> 동시사용</p>
                </li>
            </ul>
            <p class="user_notice_txt">· 유저수 : <span>동시에 사용</span>할 사용자수(설치대수는 무제한)</p>
        </div>
    </div>
  </div>
  <input type="button" class="new_user_next">
  <input type="button" class="new_user_prev">
  <input type="button" class="new_user_start"><!--첫 화면 버튼 -->
</div>
<?php include("./index_new_program_popup.php");?>


<div style='display:<?php if($mode!='debug'){ echo "none"; }?>;' >
    <?php echo select_make("tmp_select"); ?>
    <br><br><br>
    <input type='hidden2' name='s_cont' id='s_cont' value='' size=100>
    <!--<input type='hidden2' name='s_keys' id='s_keys' value=''>--><br>
    s_proc<input type='hidden2' name='s_proc' id='s_proc' value='' size=100><br>
    s_proc2<input type='hidden2' name='s_proc2' id='s_proc2' value='' size=100><br>
    s_his<input type='hidden2' name='page_history' id='page_history' value='' size=100><br>
    cur_page<input type='hidden2' name='cur_page' id='cur_page' value='intro'>

    <textarea name='select_content' id='select_content' style='width:100px;height:200px;display:;'></textarea>
    <div style='display:none;'>
    <?php foreach($prog_list as $k=>$v){ ?>
            <input type='text' type='hidden2' class='cont_array' name='<?php echo $k;?>' value="<?php echo $v;?>">
    <?php } ?>
    <?php foreach($proc_title as $k=>$v){ ?>
            <input type='text' type='hidden' class='title_array' name='<?php echo $k;?>' value="<?php echo $v;?>">
    <?php } ?>

    <?php foreach($proc_next as $k=>$v){ ?>
            <input type='text' type='hidden' class='next_array' name='<?php echo $k;?>' value="<?php echo $v;?>">
    <?php } ?>
    </div>
</div>
</body>
<script>
$(function(){
    $(".close_never_pop").click(function(){
        $day = $(this).data('value');
        if($day=='1'){
            var today = new Date();
            $remain_time = 24-today.getHours();
            setsave_time("find_pop_not_open", "1", $remain_time);
        } else {
            setsave("find_pop_not_open", "1", $day);
        }
    <?php if($domain=='other'){?>
        window.parent.postMessage({ childData : 'close window'+$day }, '*');
    <?php } else {?>
        parent.window.dialog_close();
    <?php } ?>
    });
});
function setsave(name, value, expiredays){
    value = encodeURI(value); // 한글깨짐문제 처리
    var today = new Date();
    today.setDate( today.getDate() + expiredays );
    //alert(today.toGMTString()); return;
    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + today.toGMTString() + ";"
}

function setsave_time(name, value, expiretime){
    value = encodeURI(value); // 한글깨짐문제 처리
    var today = new Date();
    today.setTime( today.getTime() + (parseInt(expiretime)*60*60*1000) );
    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + today.toGMTString() + ";"
}
</script>
<?php include("./index_new_program.js.php"); // 관련 스크립트처리용 ?>