/*개인정보처리방침팝업*/
function InitPrivacyPolicyPopup(pSeq) {
    /*팝업 오픈*/
    popupLayerOpen('#popup-privacyPolicy');
    /*스크롤 최상위로 이동.*/
    $('div[id="popup-privacyPolicy"] [class="terms-box"] [class="division"]').scrollTop(0);

    var PST_SEQ = pSeq;
 
    btUtil.send('BRS_CM_PI_RetrievePstCluList', { baRq:'IN_PSET', baRs: 'OUT_PSET', IN_PSET: { CLU_NO: 'BT-P01' } }, function(data) {
        
        var findData;

        if( PST_SEQ ) {
            findData = data.OUT_PSET.find(function(cur) {
                return PST_SEQ == cur.PST_SEQ;
            });
        }
        else {
            if(data.OUT_PSET.length > 1) {
                findData = data.OUT_PSET.reduce( function (previous, current) {
                    return (previous.PST_SEQ * 1) > (current.PST_SEQ * 1) ? previous : current;
                });
            }
            else {
                findData = data.OUT_PSET[0];
            }
        }

        $('div[id="popup-privacyPolicy"] [class="agree_bx"]').empty().append(findData.CLU_CTS);

        var bindTag = '';

        data.OUT_PSET.forEach(function(cur) {
            bindTag += '<p><a href="javascript:void(0)" onclick="InitPrivacyPolicyPopup('+cur.PST_SEQ+');" class="btn-view">' + cur.CLU_NM + ' ' + cur.CLU_VER_NM + '</a></p>';
        });

  $('div[id="popup-privacyPolicy"] [class="person-box"]').empty().append(bindTag);
    });
}

// 개인정보처리방침 협력사 팝업
function getCooperateCompany(param) {

    btUtil.send('BRS_BT_WC_RetrieveCoopcoList', { baRs: 'OUT_RSET,BZPL_LIST', IN_PSET: { PARAM: param } }, function(data) {
        // 팝업삭제
        $('#cooperateCompanyPopup').remove();
        
        // 데이터 존재시 팝업 생성후 호출
        if( data.OUT_RSET.length > 0 && data.BZPL_LIST.length > 0 ) {
            
            if(SYS_CD == 'BTMS_WEB') {
                var $popupTag = $('<div class="popup-layer large" id="cooperateCompanyPopup" style="z-index:100000;">' +
                              '    <div class="dimmed"></div>' +
                              '    <div class="popup-container">' +
                              '        <div class="popup-inner">' +
                              '            <div class="popup-contents">' +
                              '                <div class="popup-header">' +
                              '                    <h2>' + data.OUT_RSET[0].TL + '</h2>' +
                              '                </div>' +
                              '                <div class="popup-content" tabindex="0">' +
                              '                    <div class="popup-content-inner">' +
                              '                        <p class="txt-ty3">' + moment(data.OUT_RSET[0].STD_DT).format('YYYY.MM.DD') + '</p>' +
                              '                        <div class="table-area">' +
                              '                            <div class="table-list2 ac">' +
                              '                                <table>' +
                              '                                    <caption>' + data.OUT_RSET[0].TL + '</caption>' +
                              '                                    <colgroup>' +
                              '                                        <col style="width:15%">' +
                              '                                        <col>' +
                              '                                    </colgroup>' +
                              '                                    <thead>' +
                              '                                        <tr>' +
                              '                                            <th scope="col">NO</th>' +
                              '                                            <th scope="col">업체명</th>' +
                              '                                        </tr>' +
                              '                                    </thead>' +
                              '                                    <tbody></tbody>' +
                              '                                </table>' +
                              '                            </div>' +
                              '                        </div>' +
                              '                        <div class="btn-area">' +
                              '                            <button type="button" class="btn-ty-solid1 large" onclick="popupLayerClose(this);"><span>확인</span></button>' +
                              '                        </div>' +
                              '                    </div>' +
                              '                </div>' +
                              '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                              '            </div>' +
                              '        </div>' +
                              '    </div>' +
                              '</div>');

                var bindTag = '';

                data.BZPL_LIST.forEach(function(cur, idx) {

                    bindTag +=  '<tr>' +
                                '    <td>' + (idx + 1) + '</td>' +
                                '    <td>' + cur.BZPL_NM + '</td>' +
                                '</tr>';
                });

                $popupTag.find('tbody').empty().append(bindTag);
                $('.wrap').append($popupTag);
                popupLayerOpen('#cooperateCompanyPopup');
            }
            else {
                
                var $popupTag = $('<div class="popup-layer full" id="cooperateCompanyPopup">' +
                                '    <div class="dimmed"></div>' +
                                '    <div class="popup-container">' +
                                '        <div class="popup-inner">' +
                                '            <div class="popup-contents">' +
                                '                <div class="popup-header">' +
                                '                    <h2>' + data.OUT_RSET[0].TL + '</h2>' +
                                '                </div>' +
                                '                <div class="popup-content bg" tabindex="0">' +
                                '                    <div class="popup-content-inner">' +
                                '                        <p class="tit-ty4">' + moment(data.OUT_RSET[0].STD_DT).format('YYYY.MM.DD') + '</p>' +
                                '                        <div class="table-area">' +
                                '                            <div class="table-list2 ac">' +
                                '                                <table>' +
                                '                                    <caption>' + data.OUT_RSET[0].TL + '</caption>' +
                                '                                    <colgroup>' +
                                '                                        <col style="width:15%">' +
                                '                                        <col>' +
                                '                                    </colgroup>' +
                                '                                    <thead>' +
                                '                                        <tr>' +
                                '                                            <th scope="col">NO</th>' +
                                '                                            <th scope="col">업체명</th>' +
                                '                                        </tr>' +
                                '                                    </thead>' +
                                '                                    <tbody></tbody>' +
                                '                                </table>' +
                                '                            </div>' +
                                '                        </div>' +
                                '                    </div>' +
                                '                    <div class="btn-area">' +
                                '                        <button type="button" class="btn-ty-solid2 large" onclick="popupLayerClose(this);"><span>확인</span></button>' +
                                '                    </div>' +
                                '                </div>' +
                                '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                                '            </div>' +
                                '        </div>' +
                                '    </div>' +
                                '</div>');

                var bindTag = '';

                data.BZPL_LIST.forEach(function(cur, idx) {

                    bindTag +=  '<tr>' +
                                '    <td>' + (idx + 1) + '</td>' +
                                '    <td>' + cur.BZPL_NM + '</td>' +
                                '</tr>';
                });
    
                $popupTag.find('tbody').empty().append(bindTag);
                $('.wrap').append($popupTag);
                popupLayerOpen('#cooperateCompanyPopup');
            }
        }
    });
}

function goPage(page) {
    switch(page) {
        case 'BT_WR_0220':
            if(USER_SESSION.FLGHT_BKN_USE_YN != 'Y') {
                Message.alert('항공예약서비스는 사용이 불가합니다.');
                return;
            }
            break;
        case 'BT_WR_0230':
            if(USER_SESSION.HTL_BKN_USE_YN != 'Y') {
                Message.alert('호텔예약서비스는 사용이 불가합니다.');
                return;
            }
            break;
        case 'BT_WR_0054':
            if(USER_SESSION.RC_BKN_USE_YN != 'Y') {
                Message.alert('렌터카예약서비스는 사용이 불가합니다.');
                return;
            }
            break;
        case 'BT_WR_0050':
            if(USER_SESSION.VISA_BKN_USE_YN != 'Y') {
                Message.alert('비자예약서비스는 사용이 불가합니다.');
                return;
            }
            break;
        case 'BT_WR_0040':
            if(USER_SESSION.ROAM_BKN_USE_YN != 'Y') {
                Message.alert('로밍예약서비스는 사용이 불가합니다.');
                return;
            }
            break;
        case 'BT_WR_0190':
            if(USER_SESSION.TRVLR_INSU_USE_YN != 'Y') {
                Message.alert('보험예약서비스는 사용이 불가합니다.');
                return;
            }
            break;
    }

    location.href = page;
}

function goFamilyPage(url) {
    if(url)
        window.open(url, '_blank');
}

/************************************************************************************************************************************************************/
// OBT
/************************************************************************************************************************************************************/

var obt = {
    url    : {
        /* 간편예약화면 URL */
        getSimpleBooking      : function() {

            var category = {
                FLGHT_BKN_USE_YN : { name: 'flight'    },
                HTL_BKN_USE_YN   : { name: 'hotel'     },
                RC_BKN_USE_YN    : { name: 'car'       },
                ROAM_BKN_USE_YN  : { name: 'roaming'   },
                TRVLR_INSU_USE_YN: { name: 'insurance' },
            };

            var categorys = [];

            for(var key in category) {
                if( USER_SESSION[key] == 'Y' )
                    categorys.push( category[key].name );
            }
            
        	var date = new Date().getTime();

            return '/front/#/main?' + date + '&accessToken=' + ACCESS_TOKEN + '&isRequest=true&category=' + categorys.join('-') + '&requestBTMS=true';
        },
        /* Door to Door 항공예약변경팝업 URL */
        getChangeFlightBooking: function(trId) {
            return '/front/#/flight/search?accessToken=' + ACCESS_TOKEN + '&trID=' + ( trId ? trId : '' ) + '&requestBTMS=true';
        },
        /* Door to Door 호텔예약변경팝업 URL */
        getChangeHotelBooking : function(trId) {
            return '/front/#/hotel/search?accessToken='  + ACCESS_TOKEN + '&trID=' + ( trId ? trId : '' ) + '&requestBTMS=true';
        },
        /* 항공,호텔,렌터카예약화면 URL */
        getSingleBooking      : function(category, bookingCode) {
        	var date = new Date().getTime();
        	return '/front/#/main?' + date + '&accessToken=' + ACCESS_TOKEN + '&category=' + category + '&bookingCode=' + ( bookingCode ? bookingCode : '' ) + '&requestBTMS=true';
            //return '/front/#/main?accessToken=' + ACCESS_TOKEN + '&category=' + category + '&bookingCode=' + ( bookingCode ? bookingCode : '' ) + '&requestBTMS=true';
        },
        /* 항공,호텔,렌터카상세팝업화면 URL */
        getBookingDetail      : function(category, bookingCode, bookingItemCode) {

            var getParam = '';

            if( bookingCode )
                getParam += '&bookingCode=' + bookingCode;

            if( bookingItemCode )
                getParam += '&bookingItemCode=' + bookingItemCode;
                
        	var date = new Date().getTime();

            return '/front/#/reservation/' + category + '?' + date + '&accessToken=' + ACCESS_TOKEN + getParam + '&requestBTMS=true&isChange=false';
        }
    },
    userKey: '', //USER_SESSION.BIZ_NO + '|' + USER_SESSION.BZPL_NO + '|' + '20000022',
    getLang                  : function() {
        
        if( typeof USER_SESSION ===  "undefined" || !USER_SESSION.LANG_CD )
            return 'ko_KR';

        return USER_SESSION.LANG_CD.toLowerCase() + '_KR';
    },
    send                     : function(pService, pParam, pAsnyc, pIsDisplayLoading) {

        var _this = this;

        var request = $.ajax({
            url        : '/api/' + pService,
            method     : 'POST',
            dataType   : 'json',
            async      : pAsnyc,
            contentType: "application/json; charset=utf-8",
            data       : JSON.stringify(pParam),
            beforeSend : function () {

                if (pIsDisplayLoading) {
                    $('._progress_bar_').show();
                }
            }
        });

        request.fail(function(jqXHR, textStatus, errorThrown) {
            Message.alert(pService + ' 호출중 오류가 발생하였습니다.');
            trace("요청 실패: ", jqXHR, textStatus, errorThrown);
            btUtil.hideProgress();
        });

        request.always(function () {
            if(pIsDisplayLoading)
                $('._progress_bar_').hide();
        });

        return request;
    },
    getInfo                  : function() {
        
        var _this = this;

        _this.send('user/getInfo', {
            "condition": {
                "userTypeCode": "string"
            },
            "currency" : "string",
            "locale"   : _this.getLang(),
            "method"   : "string",
            "trId"     : "string",
            "userKey"  : ACCESS_TOKEN
        }, false, false).success(function(data) {

            trace('OBT getInfo : ', data);

            if(data.isSucceed) {
                sessionStorage.getItem('OBT_USER_KEY') = data.result.userKey;
            }
        });
    },
    getRecommendCityForFlight: function(pCallback) {

        var _this = this;

        _this.send('flight/major/destinations', {
            "cache": true,
            "condition": {
                "compBizCode"     : USER_SESSION.BIZ_NO,
                "itemCategoryCode": "IC01"
            },
            "currency": "string",
            "locale"  : _this.getLang(),
            "method"  : "string",
            "trId"    : "string",
            "userKey" : sessionStorage.getItem('OBT_USER_KEY')
        }, true, false).success(function(data) {
            pCallback(data.result.list);
        });
    },
    policy                   : function(pCallback) {

        var _this = this;

        _this.send('flight/travel/policy', {
            "condition": {
                "departureDate": moment().format('YYYY-MM-DD'),    /* 출발일 */
                "traveler"     : {
                    "compCode": USER_SESSION.BZPL_NO,              /* 사업장번호 */
                    "userNo"  : USER_SESSION.CUSTCO_ESMBR_NO       /* 임직원번호 */
                }
            },
            "locale" : _this.getLang(),
            "userKey": sessionStorage.getItem('OBT_USER_KEY')
        }, false, false).success(function(data) {
            if( pCallback ) pCallback(data);
        });
    },
    getFlightList            : function(DPRT_CTY_CD, ARR_CTY_CD, DPRT_DT, HC_DT, pCallback) {

        var _this = this;

        _this.send('flight/travel/policy', {
            "condition": {
                "departureDate": moment(DPRT_DT).format('YYYY-MM-DD'),    /* 출발일 */
                "traveler"     : {
                    "compCode": USER_SESSION.BZPL_NO,           /* 사업장번호 */
                    "userNo"  : USER_SESSION.CUSTCO_ESMBR_NO    /* 임직원번호 */
                }
            },
            "locale" : _this.getLang(),
            "userKey": sessionStorage.getItem('OBT_USER_KEY')
        }, true, false).success(function(policyData) {

            trace('OBT policy Flight : ', policyData);
            
            if( policyData.isSucceed ) {

                _this.send('flight/list', {
                    "cache"   : true,
                    "currency": "KRW",
                    "locale"  : _this.getLang(),
                    "trId"    : null,
                    "userKey" : sessionStorage.getItem('OBT_USER_KEY'),
                    "condition": {
                        "cabinClassCode"   : "Y",     /* Y: 일반, C: 비지니스, F: 일등석 */
                        "controlCompCode"  : USER_SESSION.COMP_CD,
                        "corporateCompCode": USER_SESSION.BZPL_NO,
                        "paxAdultCount"    : 1,       /* 성인수 */
                        "paxChildCount"    : 0,       /* 아동수 */
                        "paxInfantCount"   : 0,       /* 유아수 */
                        "tripTypeCode"     : "RT",    /* RT: 왕복 */
                        "itineraries"      : [{
                            "departureDate"         : moment(DPRT_DT).format('YYYY-MM-DD'),    // 출발일
                            "destinationAirportCode": null,
                            "destinationCityCode"   : ARR_CTY_CD,      // 도착도시
                            "isOpenFlight"          : false,
                            "originAirportCode"     : null,
                            "originCityCode"        : DPRT_CTY_CD      // 출발도시
                        },
                        {
                            "departureDate"         : moment(HC_DT).format('YYYY-MM-DD'),    // 귀국일
                            "destinationCityCode"   : DPRT_CTY_CD,     // 출발도시
                            "isOpenFlight"          : false,
                            "originAirportCode"     : null,
                            "originCityCode"        : ARR_CTY_CD,      // 도착도시
                            "validPeriod"           : ""
                        }],
                        "travelPolicy": policyData.result
                    },
                }, true, false).success(function(data) {
                    
                    if( data.isSucceed ) {
                        if(pCallback) {
                            pCallback(data, policyData);
                        }
                    }
                    else {
                        Message.alert(data.error);
                        btUtil.hideProgress();
                    }
                });
            }
            else {
                Message.alert(policyData.error);
                btUtil.hideProgress();
            }
        });
    },
    getHotelList             : function(DPRT_CTY_CD, ARR_CTY_CD, DPRT_DT, HC_DT, pCallback) {
        var _this = this;
    
        _this.send('hotel/travel/policy', {
            "condition": {
                "checkInDate"  : moment(DPRT_DT).format('YYYY-MM-DD'),    /* 체크인 */
                "regionCode"   : null,
                "cityCode"     : ARR_CTY_CD,
                "traveler"     : {
                    "compCode": USER_SESSION.BZPL_NO,           /* 사업장번호 */
                    "userNo"  : USER_SESSION.CUSTCO_ESMBR_NO,   // 20000022 /* 임직원번호 */
                }
            },
            "locale"  : _this.getLang(),
            "currency": "KRW",
            "userKey" : sessionStorage.getItem('OBT_USER_KEY')
        }, true, false).success(function(data) {

            trace('OBT policy 호텔 : ', data);

            if(data.isSucceed) {

                _this.send('hotel/list', {
                    "cache"    : true,
                    "locale"   : _this.getLang(),
                    "currency" : "KRW",
                    "userKey"  : sessionStorage.getItem('OBT_USER_KEY'),
                    "condition": {
                        "cityCode"        : ARR_CTY_CD,
                        "regionCode"      : null,
                        "hotelCode"       : null,
                        "checkInDate"     : moment(DPRT_DT).format('YYYY-MM-DD'),
                        "checkOutDate"    : moment(HC_DT).format('YYYY-MM-DD'),
                        "travelersPerRoom": [{
                            "adultNum"    : 1,   /* 성인수 */
                            "childNum"    : 0,   /* 아동수 */
                            "childAgeList": [],
                            "paxList"     : [{
                                "userNo": USER_SESSION.CUSTCO_ESMBR_NO  /* 투숙하는  출장자 */
                            }]
                        }],
                        "limit": [
                            0,
                            20
                        ],
                        "sort"  : null,
                        "filter": {
                            "hotelChainCodes": [],
                            "isInterested"   : false,
                            "isDesignated"   : null,
                            "isBooked"       : false
                        },
                        "travelPolicy": data.result
                    },
                    "trId": null
                }, true, false).success(function(data) {
                
                    if( data.isSucceed ) {
                        if(pCallback) {
                            pCallback(data, data);
                        }
                    }
                    else {
                        Message.alert(data.error);
                        btUtil.hideProgress();
                    }
    
                });
            }
            else {
                Message.alert(data.error);
                btUtil.hideProgress();
            }
        });
    },
    bookingRequest           : function(pFlight, pHotel, pCallback) {
        
        var _this = this;

        for(var i=0; i<pFlight.itineraries[0].segments.length; i++)
            pFlight.itineraries[0].segments[i].numberOfPax = 1;

        for(var i=0; i<pFlight.itineraries[1].segments.length; i++)
            pFlight.itineraries[1].segments[i].numberOfPax = 1;

        _this.send('booking/request', {
            "cache"    : true,
            "locale"   : _this.getLang(),
            "currency" : "KRW",
            "userKey"  : sessionStorage.getItem('OBT_USER_KEY'),
            "condition": {
                "bookingType": "Schedule",
                "client"     : {
                "clientUno"          : USER_SESSION.CUSTCO_ESMBR_NO,
                "clientCompCode"     : USER_SESSION.BZPL_NO,
                "clientEmail"        : USER_SESSION.COMP_EML_ADR,
                "clientMobilePhoneNo": USER_SESSION.HP_NO,
                "creditCardCode"     : "",
                "cardHolderName"     : "",
                "creditCardNo"       : "",
                "cvv"                : "",
                "validPeriod"        : "",
                "corporateDraftCode" : ""
                },
                "travelers": [{
                    "travelerUno"     : USER_SESSION.CUSTCO_ESMBR_NO,
                    "travelerCompCode": USER_SESSION.BZPL_NO,
                    "lastName"        : USER_SESSION.ENG_LSTNM,
                    "middleName"      : USER_SESSION.ENG_MDL_NM,
                    "firstName"       : USER_SESSION.ENG_NM,
                    "gender"          : USER_SESSION.SX_CD,
                    "birthday"        : moment(USER_SESSION.BRTH).format('YYYY-MM-DD'),
                    "ageTypeCode"     : "ADT",
                    "preferredSeats"  : "",
                    "isUseCarDriving" : true
                }],
                "flight": {
                    "tripTypeCode"      : "RT",
                    "scheduleIndex"     : 1,
                    "selectedPriceIndex": 1,
                    "itineraries"       : pFlight.itineraries
                },
                "priceItems": [{
                    "travelerUno"          : USER_SESSION.CUSTCO_ESMBR_NO,
                    "segmentNo"            : 1,
                    "stockAirlineCode"     : pFlight.stockAirlineCode,
                    "salesFareAmount"      : 0,
                    "salesTaxAmount"       : 0,
                    "salesServiceFeeAmount": 0,
                    "fareBasisCode"        : "KC",
                    "salesCurrencyCode"    : "USD"
                }],
                "itemMemo":  [],
                "hotels": [{
                    "roomNo"      : 1,
                    "cityCode"    : pHotel.cityCode,
                    "hotelCode"   : pHotel.hotelCode,
                    "hotelNameLn" : "",
                    "checkInDate" : pFlight.itineraries[0].segments[ pFlight.itineraries[0].segments.length - 1 ].destinationArrivalDate,
                    "checkOutDate": pFlight.itineraries[1].segments[0].originDepartureDate,
                    "membershipCardNo": "",
                    "roomCombination": pHotel.roomCombination,
                    "precodedRemarks": [],
                    "travelersPerRoom": [{
                        "roomNo"      : 1,
                        "adultNum"    : 1,
                        "childNum"    : 0,
                        "childAgeList": [],
                        "paxList"     : [{ 
                            "userNo"       : USER_SESSION.CUSTCO_ESMBR_NO,
                            "firstName"    : USER_SESSION.ENG_NM,
                            "paxTypeCode"  : "ADT",
                            "lastName"     : USER_SESSION.ENG_LSTNM,
                            "localFullName": USER_SESSION.CUSTCO_ESMBR_NM,
                            "gender"       : USER_SESSION.SX_CD
                        }]
                    }],
                    "hotelRooms": [{ "roomNo": 1, "vendorAmount": 0, "vendorTaxAmount": 0 }],
                    "priceBreakdown": {
                        "dailyRates": [
                            { "lodgingDate": pFlight.itineraries[0].segments[ pFlight.itineraries[0].segments.length - 1 ].destinationArrivalDate, "vendorAmount": 0, "vendorTaxAmount": 0 },
                            { "lodgingDate": pFlight.itineraries[1].segments[0].originDepartureDate, "vendorAmount": 0, "vendorTaxAmount": 0 }
                        ],
                        "isTaxIncluded"     : true,
                        "vendorAmount"      : 0,
                        "vendorCurrencyCode": "USD",
                        "vendorTaxAmount"   : 0
                    }
                }]
            },
        }, true, true).success(function(data) {
        
            if(pCallback) {
                pCallback(data);
            }

        });
    },
    bookingRequestHotel      : function(pHotel, pCallback) {

        var _this = this;

        var $CHKIN_DT  = moment(pHotel.CHKIN_DT);
        var DAILYRATES = [];

        DAILYRATES.push({
            lodgingDate    : $CHKIN_DT.format('YYYY-MM-DD'),
            vendorAmount   : 0,
            vendorTaxAmount: 0
        });

        while( !$CHKIN_DT.isSame(pHotel.CHKOUT_DT) ) {

            $CHKIN_DT.add(1, 'days');
            
            DAILYRATES.push({
                lodgingDate    : $CHKIN_DT.format('YYYY-MM-DD'),
                vendorAmount   : 0,
                vendorTaxAmount: 0
            });
        }

        _this.send('booking/request', {
            cache    : true,
            locale   : _this.getLang(),
            currency : 'KRW',
            userKey  : sessionStorage.getItem('OBT_USER_KEY'),
            condition: {
                bookingType: 'Schedule',    // 고정
                bookingCode: pHotel.MGR_BKN_NO,
                client     : {
                    clientUno          : USER_SESSION.CUSTCO_ESMBR_NO,
                    clientCompCode     : USER_SESSION.BZPL_NO,
                    clientEmail        : USER_SESSION.COMP_EML_ADR,
                    clientMobilePhoneNo: USER_SESSION.HP_NO,
                    creditCardCode     : '',
                    cardHolderName     : '',
                    creditCardNo       : '',
                    cvv                : '',
                    validPeriod        : '',
                    corporateDraftCode : ''
                },
                travelers  : [
                    {
                        travelerUno     : USER_SESSION.CUSTCO_ESMBR_NO,
                        travelerCompCode: USER_SESSION.BZPL_NO,
                        lastName        : USER_SESSION.ENG_LSTNM,
                        middleName      : USER_SESSION.ENG_MDL_NM,
                        firstName       : USER_SESSION.ENG_NM,
                        gender          : USER_SESSION.SX_CD,
                        birthday        : moment(USER_SESSION.BRTH).format('YYYY-MM-DD'),
                        ageTypeCode     : "ADT",
                        preferredSeats  : "",
                        isUseCarDriving : true
                    }
                ],
                hotels   : [
                    {
                        roomNo          : 1,
                        cityCode        : pHotel.CTY_CD,            // 도시코드 (ex: 'VNHPH')
                        hotelCode       : pHotel.HTL_CD || '$$',    // 호텔코드
                        hotelNameLn     : '',
                        checkInDate     : moment(pHotel.CHKIN_DT  + ' 000000').format('YYYY-MM-DD HH:mm:ss'),    // '2019-11-16 09:00:00',
                        checkOutDate    : moment(pHotel.CHKOUT_DT + ' 000000').format('YYYY-MM-DD HH:mm:ss'),    // '2019-11-18 09:00:00',
                        membershipCardNo: '',
                        travelerRequest : pHotel.TRAVELER_REQUEST,  // 요청사항
                        roomCombination : {
                            guaranteeTypeCode: 'GRT02',
                            index: 1,
                            rooms: [
                                {
                                    index: 1,
                                    isDoubleBed: true,
                                    membershipCardNo: '',
                                    precodedRemarkCodes: []
                                }
                            ],
                            vendorCompCode: '2015001', // 2020.01.15 변경불가한 번호인데 기준정보에서 15001->2015001 으로 변경
                            vendorHotelCode: '$$',                     // 고정
                            vendorRoomCombinationId: 'NOT_ASSIGNED'    // 고정
                        },
                        precodedRemarks: [],
                        travelersPerRoom: [
                            {
                                roomNo      : 1,
                                adultNum    : 1,
                                childNum    : 0,
                                childAgeList: [],
                                paxList     : [
                                    {
                                        userNo       : USER_SESSION.CUSTCO_ESMBR_NO,
                                        firstName    : USER_SESSION.ENG_NM,
                                        paxTypeCode  : 'ADT',
                                        lastName     : USER_SESSION.ENG_LSTNM,
                                        localFullName: USER_SESSION.CUSTCO_ESMBR_NM,
                                        gender       : USER_SESSION.SX_CD
                                    }
                                ]
                            }
                        ],
                        hotelRooms: [
                            {
                                roomNo: 1,
                                vendorAmount: 0,
                                vendorTaxAmount: 0
                            }
                        ],
                        priceBreakdown: {
                            dailyRates        : DAILYRATES,
                            isTaxIncluded     : true,
                            vendorAmount      : 0,
                            vendorCurrencyCode: 'USD',    // 고정
                            vendorTaxAmount   : 0
                        },
                        itemMemo: null
                    }
                ]
            }
        }, false, false).success(function(data) {
        
            if(pCallback) {
                pCallback(data);
            }

        });
    }
};

obt.getLang = function() {

    var rtnLangCd = 'ko_KR';

    if( typeof USER_SESSION !== "undefined" ) {
        if( USER_SESSION.LANG_CD ) {
            rtnLangCd = USER_SESSION.LANG_CD.toLowerCase() + '_KR';
        }
    }

    return rtnLangCd ;
};

obt.getInfo = function() {

    var _this = this;

    _this.send('user/getInfo', {
        "condition": {
            "userTypeCode": "string"
        },
        "currency" : "string",
        "locale"   : _this.getLang(),
        "method"   : "string",
        "trId"     : "string",
        "userKey"  : ACCESS_TOKEN
    }, false, false).success(function(data) {

        trace('OBT getInfo : ', data);

        if(data.isSucceed) {
            sessionStorage.setItem('OBT_REQ_ACCESS_TOKEN', ACCESS_TOKEN);
            sessionStorage.setItem('OBT_USER_KEY', data.result.userKey);
        }
    });
};

/************************************************************************************************************************************************************/
// OBT END
/************************************************************************************************************************************************************/



/************************************************************************************************************************************************************/
// OBT MOBILE용 구글플레이 보안취약으로 jquery1 -> jquery3
/************************************************************************************************************************************************************/

var obtMobile = {
    url    : {
        /* 간편예약화면 URL */
        getSimpleBooking      : function() {

            var category = {
                FLGHT_BKN_USE_YN : { name: 'flight'    },
                HTL_BKN_USE_YN   : { name: 'hotel'     },
                RC_BKN_USE_YN    : { name: 'car'       },
                ROAM_BKN_USE_YN  : { name: 'roaming'   },
                TRVLR_INSU_USE_YN: { name: 'insurance' },
            };

            var categorys = [];

            for(var key in category) {
                if( USER_SESSION[key] == 'Y' )
                    categorys.push( category[key].name );
            }

            return '/front/#/main?accessToken=' + ACCESS_TOKEN + '&isRequest=true&category=' + categorys.join('-') + '&requestBTMS=true';
        },
        /* Door to Door 항공예약변경팝업 URL */
        getChangeFlightBooking: function(trId) {
            return '/front/#/flight/search?accessToken=' + ACCESS_TOKEN + '&trID=' + ( trId ? trId : '' ) + '&requestBTMS=true';
        },
        /* Door to Door 호텔예약변경팝업 URL */
        getChangeHotelBooking : function(trId) {
            return '/front/#/hotel/search?accessToken='  + ACCESS_TOKEN + '&trID=' + ( trId ? trId : '' ) + '&requestBTMS=true';
        },
        /* 항공,호텔,렌터카예약화면 URL */
        getSingleBooking      : function(category, bookingCode) {
            return '/front/#/main?accessToken=' + ACCESS_TOKEN + '&category=' + category + '&bookingCode=' + ( bookingCode ? bookingCode : '' ) + '&requestBTMS=true';
        },
        /* 항공,호텔,렌터카상세팝업화면 URL */
        getBookingDetail      : function(category, bookingCode, bookingItemCode) {

            var getParam = '';

            if( bookingCode )
                getParam += '&bookingCode=' + bookingCode;

            if( bookingItemCode )
                getParam += '&bookingItemCode=' + bookingItemCode;

            return '/front/#/reservation/' + category + '?accessToken=' + ACCESS_TOKEN + getParam + '&requestBTMS=true&isChange=false';
        }
    },
    userKey: '', //USER_SESSION.BIZ_NO + '|' + USER_SESSION.BZPL_NO + '|' + '20000022',
    getLang                  : function() {
        
        if( typeof USER_SESSION ===  "undefined" || !USER_SESSION.LANG_CD )
            return 'ko_KR';

        return USER_SESSION.LANG_CD.toLowerCase() + '_KR';
    },
    send                     : function(pService, pParam, pAsnyc, pIsDisplayLoading) {

        var _this = this;

        var request = $.ajax({
            url        : '/api/' + pService,
            method     : 'POST',
            dataType   : 'json',
            async      : pAsnyc,
            contentType: "application/json; charset=utf-8",
            data       : JSON.stringify(pParam),
            beforeSend : function () {

                if (pIsDisplayLoading) {
                    $('._progress_bar_').show();
                }
            }
        });

        request.fail(function(jqXHR, textStatus, errorThrown) {
            Message.alert(pService + ' 호출중 오류가 발생하였습니다.');
            trace("요청 실패: ", jqXHR, textStatus, errorThrown);
            btUtil.hideProgress();
        });

        request.always(function () {
            if(pIsDisplayLoading)
                $('._progress_bar_').hide();
        });

        return request;
    },
    getInfo                  : function() {
        
        var _this = this;

        _this.send('user/getInfo', {
            "condition": {
                "userTypeCode": "string"
            },
            "currency" : "string",
            "locale"   : _this.getLang(),
            "method"   : "string",
            "trId"     : "string",
            "userKey"  : ACCESS_TOKEN
        }, false, false).done(function(data) {

            trace('OBT getInfo : ', data);

            if(data.isSucceed) {
                sessionStorage.getItem('OBT_USER_KEY') = data.result.userKey;
            }
        });
    },
    getRecommendCityForFlight: function(pCallback) {

        var _this = this;

        _this.send('flight/major/destinations', {
            "cache": true,
            "condition": {
                "compBizCode"     : USER_SESSION.BIZ_NO,
                "itemCategoryCode": "IC01"
            },
            "currency": "string",
            "locale"  : _this.getLang(),
            "method"  : "string",
            "trId"    : "string",
            "userKey" : sessionStorage.getItem('OBT_USER_KEY')
        }, true, false).done(function(data) {
            pCallback(data.result.list);
        });
    },
    policy                   : function(pCallback) {

        var _this = this;

        _this.send('flight/travel/policy', {
            "condition": {
                "departureDate": moment().format('YYYY-MM-DD'),    /* 출발일 */
                "traveler"     : {
                    "compCode": USER_SESSION.BZPL_NO,              /* 사업장번호 */
                    "userNo"  : USER_SESSION.CUSTCO_ESMBR_NO       /* 임직원번호 */
                }
            },
            "locale" : _this.getLang(),
            "userKey": sessionStorage.getItem('OBT_USER_KEY')
        }, false, false).done(function(data) {
            if( pCallback ) pCallback(data);
        });
    },
    getFlightList            : function(DPRT_CTY_CD, ARR_CTY_CD, DPRT_DT, HC_DT, pCallback) {

        var _this = this;

        _this.send('flight/travel/policy', {
            "condition": {
                "departureDate": moment(DPRT_DT).format('YYYY-MM-DD'),    /* 출발일 */
                "traveler"     : {
                    "compCode": USER_SESSION.BZPL_NO,           /* 사업장번호 */
                    "userNo"  : USER_SESSION.CUSTCO_ESMBR_NO    /* 임직원번호 */
                }
            },
            "locale" : _this.getLang(),
            "userKey": sessionStorage.getItem('OBT_USER_KEY')
        }, true, false).done(function(policyData) {

            trace('OBT policy Flight : ', policyData);
            
            if( policyData.isSucceed ) {

                _this.send('flight/list', {
                    "cache"   : true,
                    "currency": "KRW",
                    "locale"  : _this.getLang(),
                    "trId"    : null,
                    "userKey" : sessionStorage.getItem('OBT_USER_KEY'),
                    "condition": {
                        "cabinClassCode"   : "Y",     /* Y: 일반, C: 비지니스, F: 일등석 */
                        "controlCompCode"  : USER_SESSION.COMP_CD,
                        "corporateCompCode": USER_SESSION.BZPL_NO,
                        "paxAdultCount"    : 1,       /* 성인수 */
                        "paxChildCount"    : 0,       /* 아동수 */
                        "paxInfantCount"   : 0,       /* 유아수 */
                        "tripTypeCode"     : "RT",    /* RT: 왕복 */
                        "itineraries"      : [{
                            "departureDate"         : moment(DPRT_DT).format('YYYY-MM-DD'),    // 출발일
                            "destinationAirportCode": null,
                            "destinationCityCode"   : ARR_CTY_CD,      // 도착도시
                            "isOpenFlight"          : false,
                            "originAirportCode"     : null,
                            "originCityCode"        : DPRT_CTY_CD      // 출발도시
                        },
                        {
                            "departureDate"         : moment(HC_DT).format('YYYY-MM-DD'),    // 귀국일
                            "destinationCityCode"   : DPRT_CTY_CD,     // 출발도시
                            "isOpenFlight"          : false,
                            "originAirportCode"     : null,
                            "originCityCode"        : ARR_CTY_CD,      // 도착도시
                            "validPeriod"           : ""
                        }],
                        "travelPolicy": policyData.result
                    },
                }, true, false).done(function(data) {
                    
                    if( data.isSucceed ) {
                        if(pCallback) {
                            pCallback(data, policyData);
                        }
                    }
                    else {
                        Message.alert(data.error);
                        btUtil.hideProgress();
                    }
                });
            }
            else {
                Message.alert(policyData.error);
                btUtil.hideProgress();
            }
        });
    },
    getHotelList             : function(DPRT_CTY_CD, ARR_CTY_CD, DPRT_DT, HC_DT, pCallback) {
        var _this = this;
    
        _this.send('hotel/travel/policy', {
            "condition": {
                "checkInDate"  : moment(DPRT_DT).format('YYYY-MM-DD'),    /* 체크인 */
                "regionCode"   : null,
                "cityCode"     : ARR_CTY_CD,
                "traveler"     : {
                    "compCode": USER_SESSION.BZPL_NO,           /* 사업장번호 */
                    "userNo"  : USER_SESSION.CUSTCO_ESMBR_NO,   // 20000022 /* 임직원번호 */
                }
            },
            "locale"  : _this.getLang(),
            "currency": "KRW",
            "userKey" : sessionStorage.getItem('OBT_USER_KEY')
        }, true, false).done(function(data) {

            trace('OBT policy 호텔 : ', data);

            if(data.isSucceed) {

                _this.send('hotel/list', {
                    "cache"    : true,
                    "locale"   : _this.getLang(),
                    "currency" : "KRW",
                    "userKey"  : sessionStorage.getItem('OBT_USER_KEY'),
                    "condition": {
                        "cityCode"        : ARR_CTY_CD,
                        "regionCode"      : null,
                        "hotelCode"       : null,
                        "checkInDate"     : moment(DPRT_DT).format('YYYY-MM-DD'),
                        "checkOutDate"    : moment(HC_DT).format('YYYY-MM-DD'),
                        "travelersPerRoom": [{
                            "adultNum"    : 1,   /* 성인수 */
                            "childNum"    : 0,   /* 아동수 */
                            "childAgeList": [],
                            "paxList"     : [{
                                "userNo": USER_SESSION.CUSTCO_ESMBR_NO  /* 투숙하는  출장자 */
                            }]
                        }],
                        "limit": [
                            0,
                            20
                        ],
                        "sort"  : null,
                        "filter": {
                            "hotelChainCodes": [],
                            "isInterested"   : false,
                            "isDesignated"   : null,
                            "isBooked"       : false
                        },
                        "travelPolicy": data.result
                    },
                    "trId": null
                }, true, false).done(function(data) {
                
                    if( data.isSucceed ) {
                        if(pCallback) {
                            pCallback(data, data);
                        }
                    }
                    else {
                        Message.alert(data.error);
                        btUtil.hideProgress();
                    }
    
                });
            }
            else {
                Message.alert(data.error);
                btUtil.hideProgress();
            }
        });
    },
    bookingRequest           : function(pFlight, pHotel, pCallback) {
        
        var _this = this;

        for(var i=0; i<pFlight.itineraries[0].segments.length; i++)
            pFlight.itineraries[0].segments[i].numberOfPax = 1;

        for(var i=0; i<pFlight.itineraries[1].segments.length; i++)
            pFlight.itineraries[1].segments[i].numberOfPax = 1;

        _this.send('booking/request', {
            "cache"    : true,
            "locale"   : _this.getLang(),
            "currency" : "KRW",
            "userKey"  : sessionStorage.getItem('OBT_USER_KEY'),
            "condition": {
                "bookingType": "Schedule",
                "client"     : {
                "clientUno"          : USER_SESSION.CUSTCO_ESMBR_NO,
                "clientCompCode"     : USER_SESSION.BZPL_NO,
                "clientEmail"        : USER_SESSION.COMP_EML_ADR,
                "clientMobilePhoneNo": USER_SESSION.HP_NO,
                "creditCardCode"     : "",
                "cardHolderName"     : "",
                "creditCardNo"       : "",
                "cvv"                : "",
                "validPeriod"        : "",
                "corporateDraftCode" : ""
                },
                "travelers": [{
                    "travelerUno"     : USER_SESSION.CUSTCO_ESMBR_NO,
                    "travelerCompCode": USER_SESSION.BZPL_NO,
                    "lastName"        : USER_SESSION.ENG_LSTNM,
                    "middleName"      : USER_SESSION.ENG_MDL_NM,
                    "firstName"       : USER_SESSION.ENG_NM,
                    "gender"          : USER_SESSION.SX_CD,
                    "birthday"        : moment(USER_SESSION.BRTH).format('YYYY-MM-DD'),
                    "ageTypeCode"     : "ADT",
                    "preferredSeats"  : "",
                    "isUseCarDriving" : true
                }],
                "flight": {
                    "tripTypeCode"      : "RT",
                    "scheduleIndex"     : 1,
                    "selectedPriceIndex": 1,
                    "itineraries"       : pFlight.itineraries
                },
                "priceItems": [{
                    "travelerUno"          : USER_SESSION.CUSTCO_ESMBR_NO,
                    "segmentNo"            : 1,
                    "stockAirlineCode"     : pFlight.stockAirlineCode,
                    "salesFareAmount"      : 0,
                    "salesTaxAmount"       : 0,
                    "salesServiceFeeAmount": 0,
                    "fareBasisCode"        : "KC",
                    "salesCurrencyCode"    : "USD"
                }],
                "itemMemo":  [],
                "hotels": [{
                    "roomNo"      : 1,
                    "cityCode"    : pHotel.cityCode,
                    "hotelCode"   : pHotel.hotelCode,
                    "hotelNameLn" : "",
                    "checkInDate" : pFlight.itineraries[0].segments[ pFlight.itineraries[0].segments.length - 1 ].destinationArrivalDate,
                    "checkOutDate": pFlight.itineraries[1].segments[0].originDepartureDate,
                    "membershipCardNo": "",
                    "roomCombination": pHotel.roomCombination,
                    "precodedRemarks": [],
                    "travelersPerRoom": [{
                        "roomNo"      : 1,
                        "adultNum"    : 1,
                        "childNum"    : 0,
                        "childAgeList": [],
                        "paxList"     : [{ 
                            "userNo"       : USER_SESSION.CUSTCO_ESMBR_NO,
                            "firstName"    : USER_SESSION.ENG_NM,
                            "paxTypeCode"  : "ADT",
                            "lastName"     : USER_SESSION.ENG_LSTNM,
                            "localFullName": USER_SESSION.CUSTCO_ESMBR_NM,
                            "gender"       : USER_SESSION.SX_CD
                        }]
                    }],
                    "hotelRooms": [{ "roomNo": 1, "vendorAmount": 0, "vendorTaxAmount": 0 }],
                    "priceBreakdown": {
                        "dailyRates": [
                            { "lodgingDate": pFlight.itineraries[0].segments[ pFlight.itineraries[0].segments.length - 1 ].destinationArrivalDate, "vendorAmount": 0, "vendorTaxAmount": 0 },
                            { "lodgingDate": pFlight.itineraries[1].segments[0].originDepartureDate, "vendorAmount": 0, "vendorTaxAmount": 0 }
                        ],
                        "isTaxIncluded"     : true,
                        "vendorAmount"      : 0,
                        "vendorCurrencyCode": "USD",
                        "vendorTaxAmount"   : 0
                    }
                }]
            },
        }, true, true).done(function(data) {
        
            if(pCallback) {
                pCallback(data);
            }

        });
    },
    bookingRequestHotel      : function(pHotel, pCallback) {

        var _this = this;

        var $CHKIN_DT  = moment(pHotel.CHKIN_DT);
        var DAILYRATES = [];

        DAILYRATES.push({
            lodgingDate    : $CHKIN_DT.format('YYYY-MM-DD'),
            vendorAmount   : 0,
            vendorTaxAmount: 0
        });

        while( !$CHKIN_DT.isSame(pHotel.CHKOUT_DT) ) {

            $CHKIN_DT.add(1, 'days');
            
            DAILYRATES.push({
                lodgingDate    : $CHKIN_DT.format('YYYY-MM-DD'),
                vendorAmount   : 0,
                vendorTaxAmount: 0
            });
        }

        _this.send('booking/request', {
            cache    : true,
            locale   : _this.getLang(),
            currency : 'KRW',
            userKey  : sessionStorage.getItem('OBT_USER_KEY'),
            condition: {
                bookingType: 'Schedule',    // 고정
                bookingCode: pHotel.MGR_BKN_NO,
                client     : {
                    clientUno          : USER_SESSION.CUSTCO_ESMBR_NO,
                    clientCompCode     : USER_SESSION.BZPL_NO,
                    clientEmail        : USER_SESSION.COMP_EML_ADR,
                    clientMobilePhoneNo: USER_SESSION.HP_NO,
                    creditCardCode     : '',
                    cardHolderName     : '',
                    creditCardNo       : '',
                    cvv                : '',
                    validPeriod        : '',
                    corporateDraftCode : ''
                },
                travelers  : [
                    {
                        travelerUno     : USER_SESSION.CUSTCO_ESMBR_NO,
                        travelerCompCode: USER_SESSION.BZPL_NO,
                        lastName        : USER_SESSION.ENG_LSTNM,
                        middleName      : USER_SESSION.ENG_MDL_NM,
                        firstName       : USER_SESSION.ENG_NM,
                        gender          : USER_SESSION.SX_CD,
                        birthday        : moment(USER_SESSION.BRTH).format('YYYY-MM-DD'),
                        ageTypeCode     : "ADT",
                        preferredSeats  : "",
                        isUseCarDriving : true
                    }
                ],
                hotels   : [
                    {
                        roomNo          : 1,
                        cityCode        : pHotel.CTY_CD,            // 도시코드 (ex: 'VNHPH')
                        hotelCode       : pHotel.HTL_CD || '$$',    // 호텔코드
                        hotelNameLn     : '',
                        checkInDate     : moment(pHotel.CHKIN_DT  + ' 000000').format('YYYY-MM-DD HH:mm:ss'),    // '2019-11-16 09:00:00',
                        checkOutDate    : moment(pHotel.CHKOUT_DT + ' 000000').format('YYYY-MM-DD HH:mm:ss'),    // '2019-11-18 09:00:00',
                        membershipCardNo: '',
                        travelerRequest : pHotel.TRAVELER_REQUEST,  // 요청사항
                        roomCombination : {
                            guaranteeTypeCode: 'GRT02',
                            index: 1,
                            rooms: [
                                {
                                    index: 1,
                                    isDoubleBed: true,
                                    membershipCardNo: '',
                                    precodedRemarkCodes: []
                                }
                            ],
                            vendorCompCode: '2015001', // 2020.01.15 변경불가한 번호인데 기준정보에서 15001->2015001 으로 변경
                            vendorHotelCode: '$$',                     // 고정
                            vendorRoomCombinationId: 'NOT_ASSIGNED'    // 고정
                        },
                        precodedRemarks: [],
                        travelersPerRoom: [
                            {
                                roomNo      : 1,
                                adultNum    : 1,
                                childNum    : 0,
                                childAgeList: [],
                                paxList     : [
                                    {
                                        userNo       : USER_SESSION.CUSTCO_ESMBR_NO,
                                        firstName    : USER_SESSION.ENG_NM,
                                        paxTypeCode  : 'ADT',
                                        lastName     : USER_SESSION.ENG_LSTNM,
                                        localFullName: USER_SESSION.CUSTCO_ESMBR_NM,
                                        gender       : USER_SESSION.SX_CD
                                    }
                                ]
                            }
                        ],
                        hotelRooms: [
                            {
                                roomNo: 1,
                                vendorAmount: 0,
                                vendorTaxAmount: 0
                            }
                        ],
                        priceBreakdown: {
                            dailyRates        : DAILYRATES,
                            isTaxIncluded     : true,
                            vendorAmount      : 0,
                            vendorCurrencyCode: 'USD',    // 고정
                            vendorTaxAmount   : 0
                        },
                        itemMemo: null
                    }
                ]
            }
        }, false, false).done(function(data) {
        
            if(pCallback) {
                pCallback(data);
            }

        });
    }
};

obtMobile.getLang = function() {

    var rtnLangCd = 'ko_KR';

    if( typeof USER_SESSION !== "undefined" ) {
        if( USER_SESSION.LANG_CD ) {
            rtnLangCd = USER_SESSION.LANG_CD.toLowerCase() + '_KR';
        }
    }

    return rtnLangCd ;
};

obtMobile.getInfo = function() {

    var _this = this;

    _this.send('user/getInfo', {
        "condition": {
            "userTypeCode": "string"
        },
        "currency" : "string",
        "locale"   : _this.getLang(),
        "method"   : "string",
        "trId"     : "string",
        "userKey"  : ACCESS_TOKEN
    }, false, false).done(function(data) {

        trace('OBT getInfo : ', data);

        if(data.isSucceed) {
            sessionStorage.setItem('OBT_REQ_ACCESS_TOKEN', ACCESS_TOKEN);
            sessionStorage.setItem('OBT_USER_KEY', data.result.userKey);
        }
    });
};

/************************************************************************************************************************************************************/
// OBT MOBILE END
/************************************************************************************************************************************************************/


var etc     = {
    // c-item1 : 검정, c-item2 : 빨강, c-item3 : 파랑, c-item4 초록
    getColorClassForSvcBknSts: function (pSvcTy, pBknSts) {
        
        var className = 'c-item3';

        if(!pBknSts)
            return className;

        switch (pSvcTy) {
            case 'FLIGHT':
            case 'HTL':
            case 'RENT':
                if( pBknSts == 'BKS09' )
                    return 'c-item4';
                else if( pBknSts == 'BKS02' || pBknSts == 'BKS03' || pBknSts == 'BKS99' || pBknSts == 'TST03' )
                    return 'c-item1';
                else if( pBknSts == 'BKS04' || pBknSts == 'BKS08' || pBknSts == 'BKS14' || pBknSts == 'BKS15' ) 
                    return 'c-item2';
                else
                    return 'c-item3';
            case 'VISA':

                // 예약요청
                if( pBknSts == '10' ) {
                    return 'c-item4';
                }
                // 예약취소
                else if( pBknSts == '11' )
                    return 'c-item2';
                // 예약진행
                if( pBknSts == '20' || pBknSts == '24' )
                    return 'c-item3';
                else
                    return 'c-item1';
            case 'ROAM':

                // 예약요청
                if( pBknSts == '10' || pBknSts == '12' )
                    return 'c-item4';
                else if( pBknSts == '11' )
                    return 'c-item2';
                else if( pBknSts == '20' || pBknSts == '24' )
                    return 'c-item3';
                else
                    return 'c-item1';

            case 'INSU':
                if( pBknSts == '10' )
                    return 'c-item4';
                else if( pBknSts == '11' || pBknSts == '12' )
                    return 'c-item2';
                else
                    return 'c-item1';
            
        }
    },
    /******************************************************************************/
    // 케이웨더 아이콘아이디별 날씨
    /******************************************************************************/
    kweatherIconInfo: {
        1 : '맑음',
        2 : '구름조금',
        3 : '구름많음',
        4 : '흐림',
        5 : '흐린 후 차차 갬',
        6 : '맑은후 차차 흐려짐',
        7 : '소나기',
        8 : '오전 소나기',
        9 : '오후 소나기',
        10: '흐리고 비',
        11: '오전 비',
        12: '오후 비',
        13: '차차 흐려져 비',
        14: '차차 흐려져 오후 비',
        15: '비온후 갬',
        16: '오전 비온후 갬',
        17: '오후 비 온후 갬',
        18: '흐리고 눈',
        19: '오전 눈',
        20: '오후 눈',
        21: '차차 흐려져 눈',
        22: '차차 흐려져 오후 눈',
        23: '눈 온후 갬',
        24: '오전 눈 온후 갬',
        25: '오후 눈 오후 갬',
        26: '비또는 눈',
        27: '오전 비 또는 눈',
        28: '오후 비또는 눈',
        29: '차차 흐려져 비 또는 눈',
        30: '차차 흐려져 오후 비 또는 눈',
        31: '눈 또는 비',
        32: '오전 눈 또는 비',
        33: '오후 눈 또는 비',
        34: '차차 흐려져 눈 또는 비',
        35: '차차 흐려져 오후 눈 또는 비',
        36: '눈 또는 비 온후 갬',
        37: '오전 비또는 눈 / 눈 또는 비 온후 갬',
        38: '오후 비또는 눈 / 눈 또는 비 온후 갬',
        39: '천둥번개',
        40: '안개',
    },
    kweatherWdInfo  : {
        0  : '바람없음',
        2  : '북북동',
        5  : '북동',
        7  : '동북동',
        9  : '동',
        11 : '동남동',
        14 : '남동',
        16 : '남남동',
        18 : '남',
        20 : '남남서',
        23 : '남서',
        25 : '서남서',
        27 : '서',
        29 : '서북서',
        32 : '북서',
        34 : '북북서',
        36 : '북'
    }
};

btUtil.convertExpirationDate = function(pMMYY) {
    return ( '20' + pMMYY.substring(2, 4) + pMMYY.substring(0, 2) );
};

btUtil.verify = {
    email:  /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i,
};

var Message = {
    alert  : function(msg, callback, title) {

        if( SYS_CD == 'BTMS_WEB' ) {
            alert(msg);

            if(callback)
                callback();
        }
        else {
            
            if( $('#notiPopup').length <= 0 ) {
                $('.wrap').append('<div class="popup-layer small" style="z-index:99999999;" id="notiPopup">' +
                '    <div class="dimmed"></div>' +
                '    <div class="popup-container">' +
                '        <div class="popup-inner">' +
                '            <div class="popup-contents">' +
                '                <div class="popup-header">' +
                '                    <h2 tabindex="-1">' + ( title ? title : '알림' ) + '</h2>' +
                '                </div>' +
                '                <div class="popup-content bg" tabindex="0">' +
                '                    <div class="popup-content-inner">' +
                '                        <div class="bg-box1 ac" name="message">' +
                '                            <pre class="txt-ty3"></pre>' +
                '                        </div>' +
                '                    </div>' +
                '                    <div class="btn-area">' +
                '                        <button type="button" class="btn-ty-solid2 medium" name="notiConfirm"><span>확인</span></button>' +
                '                    </div>' +
                '                </div>' +
                '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                '            </div>' +
                '        </div>' +
                '    </div>' +
                '</div>');
            }

            // HTML 체크
            if( /^/.test(msg) ) {
                $('#notiPopup [name="message"]').empty().append(msg);
            }
            else {
                $('#notiPopup [name="message"]').empty().append('<pre class="txt-ty3">' + msg + '</pre>');
            }
            
            $('#notiPopup [name="notiConfirm"]').on('click', function() {

                if(callback)
                    callback();
                
                popupLayerClose($('#notiPopup .popup-close'));
            });

            popupLayerOpen('#notiPopup');
        }

        
    },
    confirm: function(msg, callback) {

        var result = confirm(msg);

        if(result) {

            if(callback)
                callback(true);
        }
        else {
            if(callback)
                callback(false);
        }
    }
};

/************************************************************************************************************************************************************/
// 컨트롤(신버전)
/************************************************************************************************************************************************************/

function hideLayers() {

    $('[data-control-layer]').each(function() {

        var areaName    = $(this).attr('data-area-name');
        var controlName = $(this).attr('data-control-name');
        var control     = $('[data-area="' + areaName + '"] [name="' + controlName + '"]');

        if( control.attr('data-combo-type') == 'S' && $(this).is(':visible') ) {
            control.val(control.attr('data-value'));
        }

        $(this).hide();
    });
}

/**
 * @function    ControlManage2
 * 컨트롤 제어 생성자함수
 * @docauthor   Redcap Tour
 * @author      hsjeong
 */
function ControlManage2(pArea) {

    var _this = this;
    
    this.areas    = {};
    this.controls = {};

    this.init = function() {

        var _this = this;

        $( pArea ? '[data-area="' + pArea + '"]' : '[data-area]' ).each(function() {

            var areaName = $(this).attr('data-area');

            _this.areas[areaName] = {};
            _this.areas[areaName]['controls'] = {};
    
            $(this).find('[data-control]').each(function(idx, item) {
                _this.addControl(areaName, $(item).attr('name'));
            });
        });
    }

    trace('ControlManage2 : ', this.areas);

    this.init();
}

/**
 * @function    addControl
 * 관리할 컨트롤 추가 (동적으로 생성되는 컨트롤을 제어하기 위함)
 * @docauthor   Redcap Tour
 * @author      hsjeong
 */
ControlManage2.prototype.addControl        = function(pAreaName, pControlName) {

    var _this = this;

    var controlType = $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]').attr('data-control');
    
    var control = new Control({
        selector   : '[data-area="' + pAreaName + '"] [data-control="' + pControlName + '"]',
        obj        : $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]'),
        areaName   : pAreaName,
        controlName: pControlName,
        controlType: controlType,
    });

    control.init();
    control.bindEvent();

    _this.areas[pAreaName]['controls'][pControlName] = control;
};

/**
 * @function    isValid
 * 관리되는 컨트롤들의 정합성 체크
 * @docauthor   Redcap Tour
 * @author      hsjeong
 */
ControlManage2.prototype.isValid           = function(pAreaName) {

    var _this = this;

    var rtnResult = { success: true };

    if(pAreaName) {
        
        for( var controlName in _this.areas[pAreaName]['controls'] ) {

            var result = _this.areas[pAreaName]['controls'][controlName].isValid();

            if(!result.success && rtnResult.success) {
                rtnResult = result;
                rtnResult.obj = _this.areas[pAreaName]['controls'][controlName].obj;
            }
        }
    }
    else {

        for( var areaName in _this.areas ) {

            for( var controlName in _this.areas[areaName]['controls'] ) {

                var result = _this.control(areaName, controlName).isValid();

                if(!result.success && rtnResult.success) {
                    rtnResult = result;
                    rtnResult.obj = _this.control(areaName, controlName).obj;
                }
            }
        }
    }

    if(rtnResult.obj)
        rtnResult.obj.focus();

    return rtnResult;
};

/**
 * @function    setValid
 * 컨트롤 정합성 성공/실패 설정
 * @docauthor   Redcap Tour
 * @author      hsjeong
 */
ControlManage2.prototype.setValid          = function(pAreaName, pValid) {

    var _this = this;

    var rtnResult = { success: true };

    if(pAreaName) {
        
        for( var controlName in _this.areas[pAreaName]['controls'] ) {
            _this.areas[pAreaName]['controls'][controlName].setValid(pValid);
        }
    }
    else {

        for( var areaName in _this.areas ) {

            for( var controlName in _this.areas[areaName]['controls'] ) {
                _this.areas[pAreaName]['controls'][controlName].setValid(pValid);
            }
        }
    }

    return rtnResult;
};

ControlManage2.prototype.clear             = function(pAreaName) {

    var _this = this;

    if(pAreaName) {
        
        for( var controlName in _this.areas[pAreaName]['controls'] ) {
            _this.areas[pAreaName]['controls'][controlName].clear();
        }
    }
    else {

        for( var areaName in _this.areas ) {
            for( var controlName in _this.areas[areaName]['controls'] ) {
                _this.control(areaName, controlName).clear();
            }
        }
    }
};

/**
 * @function    control
 * 컨트롤 상세 정보를 반환
 * @docauthor   Redcap Tour
 * @author      hsjeong
 */
ControlManage2.prototype.control           = function(pAreaName, pControlName) {
    var _this = this;
    return _this.areas[pAreaName]['controls'][pControlName];
};

ControlManage2.prototype.getControl        = function(pAreaName, pControlName) {

    if(this.areas[pAreaName]['controls'][pControlName])
        return this.areas[pAreaName]['controls'][pControlName].obj;

    return {};
};

ControlManage2.prototype.setDatas          = function(pAreaName, pData) {
    var _this = this;
    
    for(var controlName in _this.areas[pAreaName]['controls'] ) {
        _this.control(pAreaName, controlName).setData( pData[controlName] );
    }
};

ControlManage2.prototype.getDatas          = function(pAreaName) {

    var _this = this;

    var rtnObj = {};

    for( var key in _this.areas[pAreaName]['controls'] ) {
        rtnObj[key] = _this.areas[pAreaName]['controls'][key].getData();
    }

    return rtnObj;
};

function Control(pOptions) {

    this.selector    = pOptions.selector;       // jquery selector
    this.obj         = pOptions.obj;            // jquery object
    this.areaName    = pOptions.areaName;       // 영역명
    this.controlName = pOptions.controlName;    // 컨트롤명
    this.controlType = pOptions.controlType;    // control type ( text, time, hp, tel, card, number, price, hidden, textarea, combo, picker, radio, checkbox )
    this.cleave;

    // 정합성체크 항목
    this.rule      = {
        required: { isUse: false, msg: ''  },                // 필수여부
        length  : { isUse: false, msg: '', condition: 0 },   // byte길이체크
        english : { isUse: true , msg: ''  },                // 영문입력가능여부
        number  : { isUse: true , msg: ''  },                // 숫자입력가능여부
        special : { isUse: true , msg: ''  },                // 특수문자입력가능여부
    };

    this.clear     = function() {
        var _this = this;

        if(_this.controlType == 'picker')
            _this.setData('');
        else
            _this.setData('');
        
        _this.obj.closest('dl').removeClass('error');
    };

    this.getData   = function() {

        var _this = this;

        if(_this.cleave) return _this.cleave.getRawValue();
        
        switch(_this.controlType) {
            case 'radio':
                return $('[name="' + _this.controlName + '"]:checked').val();
            case 'checkbox':
                if( _this.obj.is(':checked') ) {
                    return _this.obj.val();
                }
                else {

                    if( _this.obj.val() == 'Y' )
                        return 'N';
                    else 
                        return '';
                }
            default:
                return _this.obj.val();
        }
    };

    this.setData   = function(pValue) {

        var _this = this;

        if( pValue && pValue.length > 0 && !_this.obj.prop('disabled') ) {
            _this.obj.nextAll('.btn-clear').show();
        }
        else {
            _this.obj.nextAll('.btn-clear').hide();
        }

        if(_this.cleave) { 
            _this.cleave.setRawValue(pValue);
            _this.obj.trigger('change');
            return;
        };

        switch(_this.controlType) {
            case 'radio':
                $('[name="' + _this.controlName + '"][value="' + pValue + '"]').prop('checked', true);
                break;
            case 'checkbox':
                _this.obj.prop('checked', ( _this.obj.val() == pValue ));
                _this.obj.trigger('change');
                break;
            default:
                _this.obj.val(pValue);
                break;
        }
    };

    this.isValid   = function() {

        var _this = this;

        var rtnResult = {
            success: true,
            msg    : ''
        };

        // 필수값
        if(_this.rule.required.isUse) {

            if(!_this.getData()) {
                rtnResult.success = false;
                rtnResult.msg     = _this.rule.required.msg;
            }
        }

        // 길이
        if(_this.rule.length.isUse) {

            var byteLength = (function(s,b,i,c){
                for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1);
                return b
            })( _this.getData() );
        
            if(byteLength > _this.rule.length.condition ) {
                rtnResult.success = false;
                rtnResult.msg     = _this.rule.length.msg;
            }
        }

        // 영문
        if(!_this.rule.english.isUse) {
            
        }

        // 숫자
        if(!_this.rule.number.isUse ) {

        }

        // 특수문자
        if(!_this.rule.special.isUse) {

        }

        // 입력값이 있을 경우 컨트롤 형식에 따른 입력 형식 체크
        switch( _this.controlType ) {
            case 'picker'  :
                if( _this.getData().length > 0 ) {
                    if( _this.getData().length != 8 || !moment(_this.getData()).isValid() ) {
                        rtnResult.success = false;
                        rtnResult.msg     = '날짜 형식이 잘 못되었습니다.';
                    }
                }
                break;
            case 'time'    :

                if( _this.getData().length > 0 ) {

                    if( _this.getData().length != 4 || !moment(_this.getData(), 'HHmm').isValid() ) {
                        rtnResult.success = false;
                        rtnResult.msg     = '시간 형식이 잘 못되었습니다.';
                    }
                }

                break;
            case 'number'  :
                break;
            case 'price'   :
                break;
            case 'hp'      :
                break;
            case 'tel'     :
                break;
            case 'card'    :
                if( _this.getData().length > 0 && _this.getData().length != 16 ) {
                    rtnResult.success = false;
                    rtnResult.msg     = '카드번호 형식이 잘 못되었습니다.';
                }
                break;
            case 'cardmmyy':
                if( _this.getData().length > 0 && _this.getData().length != 4 ) {
                    rtnResult.success = false;
                    rtnResult.msg     = '카드 유효기간이 잘 못되었습니다.';
                }
                break;
        }

        _this.setValid(rtnResult.success);

        return rtnResult;
    };

    this.setValid  = function(valid) {

        var _this = this;

        if(valid)
            _this.obj.closest('dl').removeClass('error');
        else {
            _this.obj.closest('dl').addClass('error');
            //_this.obj.focus();
        }
    };

    this.getPos    = function() {

        var _this = this;
        var el = _this.obj.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + window.scrollX;
        var y = rect.top  + window.scrollY;

        return { x: y, y: x };
    };

    this.init      = function() {

        var _this = this;

        if(this.cleave)
            this.cleave.destroy();
        
        _this.obj.attr('autocomplete', 'off');      // 자동완성제거
        _this.obj.off();                            // 이벤트제거
        _this.obj.nextAll('.btn-clear').remove();   // 초기화버튼제거
        _this.obj.removeAttr('readonly');           // 키입력가능

        // 추가
        if( this.controlType != 'radio' && this.controlType != 'checkbox' && this.controlType != 'textarea' && this.controlType != 'hidden' && !_this.obj.prop('disabled') ) {
            _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
        }

        if(this.controlType == 'combo') {
            
            _this.obj.removeAttr('class');

            if( _this.obj.attr('data-combo-type') != 'S' ) {
                _this.obj.addClass('select');
                _this.obj.addClass('position');
            }
        }

        if( this.controlType == 'picker' ) {

            _this.obj.removeAttr('class');

            _this.obj.addClass('date');
            _this.obj.addClass('position');
        }

        // 컨트롤 타입에 맞는 마스크 설정
        switch( this.controlType ) {

            case 'picker':
                this.cleave = new Cleave(this.obj, {
                    date: true,
                    delimiter: '-',
                    datePattern: ['Y', 'm', 'd']
                });
                break;
            case 'month':
                this.cleave = new Cleave(this.obj, {
                    date: true,
                    delimiter: '-',
                    datePattern: ['Y', 'm']
                });
                break;
            case 'time'  :
                this.cleave = new Cleave(this.obj, {
                    time: true,
                    timePattern: ['h', 'm']
                });
                break;
            case 'number':
                this.cleave = new Cleave(this.obj, {
                    numericOnly: true
                });
                break;
            case 'price':
                this.cleave = new Cleave(this.obj, {
                    numeral: true,
                    numeralThousandsGroupStyle: 'thousand'
                });
                break;
            case 'hp'    :
                this.cleave = new Cleave(this.obj, {
                    blocks: [3, 4, 4],
                    delimiters: ['-', '-']
                });
                break;
            case 'tel'   :
                break;
            case 'card'  :
                this.cleave = new Cleave(this.obj, {
                    delimiters: ['-', '-', '-'],
                    blocks: [4, 4, 4, 4],
                    numericOnly: true
                });
                break;
            case 'cardmmyy':
                this.cleave = new Cleave(this.obj, {
                    date: true,
                    datePattern: ['m', 'y']
                });
                break;
        }
    };

    this.bindEvent = function() {

        var _this = this;

        _this.obj.on('focusin', function() {

            hideLayers();
            
            // 읽기전용이 아니고 값이 있을 경우 삭제 버튼 보이기
            if( !_this.obj.is('readonly') && _this.obj.val().length > 0 ) {
                _this.obj.nextAll('.btn-clear').show();
            }
            else {
                _this.obj.nextAll('.btn-clear').hide();
            }
        });

        _this.obj.on('keyup'  , function() {

            if( !_this.obj.is('readonly') && _this.obj.val().length > 0 ) {
                _this.obj.nextAll('.btn-clear').show();
            }
            else {
                _this.obj.nextAll('.btn-clear').hide();
            }
        });

        _this.obj.nextAll('.btn-clear').on('click', function() {

            // 필요한 컨트롤 : text, time, hp, tel, card, number, combo(검색)
            _this.setData('');
            _this.obj.nextAll('.btn-clear').hide();
        });
    };
}

ControlManage2.prototype.initCombo         = function(pAreaName, pControlName, pUrl, pParam, pCVT, pAddData, pSnyc) {

    var _that = this;

    var item = $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]');

    var controlType = item.attr('data-control');
    var comboType   = item.attr('data-combo-type');

    var control = new Control({
        selector   : '[data-area="' + pAreaName + '"] [data-control="' + pControlName + '"]',
        obj        : item,
        areaName   : pAreaName,
        controlName: pControlName,
        controlType: controlType,
    });

    // 프로퍼티 추가
    control.comboType = comboType;  // S (검색콤보)
    control.comboData = [];

    control.nodatatxt = ' 검색결과가 없습니다.';
    control.inittxt   = '검색어를 입력하세요.';

    /******************************************************************************/
    // 콤보레이어
    /******************************************************************************/
    control.getComboLayerTag     = function() {

        return '<div class="button-layer type2" style="display:none;position:absolute;z-index:999999;width:' + this.width + 'px;" data-control-layer="' + controlType + '" data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '">' +
               '    <div class="inner">' +
               '        <ul class="list"></ul>' +
               '        <p class="no-data" style="display:none;"></p>' +
               '    </div>' +
               '</div>';
    };
    
    /******************************************************************************/
    // 콤보아이템
    /******************************************************************************/
    control.bindComboItem        = function() {

        var _this = this;

        var comboItemTag = '';

        _this.comboData.forEach(function(cur) {

            var code  = cur[pCVT.code];
            var value = cur[pCVT.value];
            var text  = cur[(pCVT.text ? pCVT.text : pCVT.value)];
    
            comboItemTag += '<li data-code="' + code + '" data-value="' + value + '" data-text="' + text + '" ><a href="javascript:void(0);">' + text + '</a></li>';
        });

        _this.comboItems = $(comboItemTag);
        _this.comboLayer.find('ul').empty().append(_this.comboItems);  // 콤보아이템 바인딩
    
        _this.addComboItemEvent();                                     // 콤보아이템 이벤트 설정
        
        // 첫번째 데이터 선택
        if(_this.comboData.length > 0) {
            _this.setData(_this.comboData[0][pCVT.code]);
        }
    };

    /******************************************************************************/
    // 콤보아이템 이벤트
    /******************************************************************************/
    control.addComboItemEvent    = function() {

        var _this = this;

        _this.comboItems.on('click', function() {
            _this.setData($(this).attr('data-code'));
        });
    };

    /******************************************************************************/
    // 콤보아이템 검색
    /******************************************************************************/
    control.bindFilterComboItem  = function(pFilterTxt, pIsShow) {

        var _this = this;

        // 콤보아이템 텍스트 초기화 (강조표시 초기화)
        _this.comboLayer.find('ul.list li.filter').each(function(idx, item) {
            $(item).removeClass('filter').find('a').empty().append( $(item).attr('data-text') );
        });

        // 선택초기화
        _this.comboLayer.find('ul.list li.selected').removeClass('selected');

        // 검색어가 존재할 경우
        if(pFilterTxt) {
            
            // 전체 콤보아이템 숨김
            _this.comboItems.hide();
            
            // 검색어와 일치하는 콤보아이템을 할당
            var _$comboItemsFilter = _this.comboLayer.find('ul.list li[data-text*="' + pFilterTxt + '"]');

            if(_$comboItemsFilter.length > 0) {

                _$comboItemsFilter.each(function(idx, item) {

                    var text = btUtil.replaceAll($(item).attr('data-text'), pFilterTxt, '<strong>' + pFilterTxt + '</strong>');

                    $(item).addClass('filter');
                    $(item).show();
                    $(item).find('a').empty().append(text);
                });
                
                _this.comboLayer.find('.no-data').hide();
                _this.comboLayer.find('ul.list').show();
            }
            else {
                // 검색 결과가 없습니다.
                _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt);
                _this.comboLayer.find('.no-data').show();
            }
        }
        // 검색어가 존재하지 않을 경우
        else {
            _this.comboLayer.find('ul.list').show();
            _this.comboLayer.find('.no-data').hide();
            _this.comboItems.show();
        }

        // 검색결과
        if( _this.comboLayer.find('ul.list li.filter').length > 0 ) {
            _this.comboLayer.find('ul.list li.filter:eq(0)').addClass('selected');
        }
        else {
            _this.comboLayer.find('ul.list li.on:eq(0)').addClass('selected');
        }

        if(pIsShow) _this.showLayer();
    };

    // 메서드 변경
    control.init                 = function() {

        var _this = this;
        
        _this.obj.off();                                      // 이벤트제거
        _this.obj.attr('autocomplete', 'off');                // 자동완성제거
        _this.obj.removeAttr('readonly');                     // 읽기전용제거
        _this.obj.nextAll('.btn-clear').remove();             // 삭제버튼제거
        _this.obj.removeClass('position');                    // 클래스제거
        _this.obj.nextAll('[data-control-layer]').remove();   // 레이어제거

        // 검색이 가능한 콤보일 경우
        if(comboType == 'S') {
            _this.obj.removeAttr('readonly');
            _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
        }
        // 검색이 불가한 콤보일 경우
        else {
            _this.obj.attr('readonly', 'readonly');           // 읽기전용
            _this.obj.nextAll('.btn-clear').remove();         // 삭제버튼제거
            _this.obj.removeClass('position');                // 클래스제거
        }
        
        _this.width      = _this.obj.width();                                                             // 컨트롤 넓이 할당
        _this.comboLayer = $(_this.getComboLayerTag());                                                   // 콤보레이어 객체 할당
        $('.wrap').append( _this.comboLayer );                                                            // 콤보레이어 추가
        _this.maxHeight  = _this.comboLayer.find('ul').css('max-height').replace(/[^-\d\.]/g, '') * 1;    // 콤보레이어 최대높이 할당

        _this.setComboData();                                 // 콤보 데이터 설정
    };

    control.bindEvent            = function() {

        var _this = this;

        // 콤보 포커싱
        _this.obj.on('focusin', function() {

            hideLayers();

            if( _this.comboType == 'S' )
                _this.obj.val('');

            _this.bindFilterComboItem('', true);
        });

        // 콤보레이어 활성화시 키이동 클릭시 스크롤 방지
        _this.obj.on('keydown', function(e) {
            switch(e.keyCode){
                case 37: 
                case 39: 
                case 38:  
                case 40: // Arrow keys
                // case 32: 
                //     e.preventDefault(); break; // Space
            }
        });

        // 콤보 키이벤트
        _this.obj.on('keyup'  , function(e) {

            var isFilter = ( _this.comboLayer.find('ul.list li.filter').length > 0 ? true : false );

            switch(e.keyCode) {
                case 27:    // ESC
                    _this.hideLayer();
                    break;
                case 38:    // UP
                    
                    var $selectedComboItem     = _this.comboLayer.find('ul.list li.selected');
                    var $selectedComboItemPrev = $selectedComboItem.prev();

                    if( isFilter ) {
                        $selectedComboItemPrev = $selectedComboItem.prevAll('li.filter:eq(0)');
                    }
    
                    if($selectedComboItemPrev.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemPrev.addClass('selected').get(0).offsetTop;
    
                        if(_this.comboLayer.find('ul').get(0).scrollTop > topPos)
                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                    }
                    
                    break;
                case 40:    // DOWN
    
                    var comboHeight     = _this.comboLayer.find('ul').height();       // 콤보높이
                    var comboItemHeight = _this.comboLayer.find('li:eq(0)').height(); // 콤보항목높이
    
                    var $selectedComboItem = _this.comboLayer.find('ul.list li.selected');

                    if( $selectedComboItem.length <= 0 ) {
                        _this.comboLayer.find('li:eq(0)').addClass('selected');
                        return;
                    }

                    var $selectedComboItemNext = $selectedComboItem.next();

                    if( isFilter ) {
                        $selectedComboItemNext = $selectedComboItem.nextAll('li.filter:eq(0)');
                    }
    
                    if($selectedComboItemNext.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemNext.addClass('selected').get(0).offsetTop;
                        
                        // 스크롤 존재시
                        if( _this.hasVerticalScrollBar() && _this.comboLayer.find('ul').get(0).scrollTop + comboHeight - comboItemHeight < topPos ) {

                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                        }
                    }
                    break;
                case 13:    // ENTER
                    
                    _this.setData(_this.comboLayer.find('ul.list li.selected').attr('data-code'));

                    break;
                default:

                    if(_this.comboType != 'S') return;

                    _this.bindFilterComboItem( _this.obj.val(), true );
                    break;
            }
        });

        _this.obj.nextAll('.btn-clear').on('click', function() {

            // 필요한 컨트롤 : text, time, hp, tel, card, number, combo(검색)
            _this.setData('');
            _this.obj.nextAll('.btn-clear').hide();
        });
    };

    control.setData              = function(pValue) {

        var _this = this;

        pValue = (pValue ? pValue : '');

        var findData = _this.comboData.find(function(cur) {
            return ( cur[pCVT.code] == pValue );
        });

        if(!findData)
            return;

        var code  = findData[pCVT.code]
        var value = findData[pCVT.value]
        var text  = findData[pCVT.text] ? findData[pCVT.text] : findData[pCVT.value];

        _this.obj.attr('data-code' , code);
        _this.obj.attr('data-value', value);
        _this.obj.attr('data-text' , text);
        _this.obj.val(value);

        if(_this.comboItems) {

            _this.comboItems.removeClass('selected');
            _this.comboItems.removeClass('on');

            var highlightItem = _this.comboItems.find('strong');

            if( highlightItem ) {
                var highlightItemText = highlightItem.closest('li').attr('data-text');
                highlightItem.closest('a').empty().append(highlightItemText);
            }
        }
        
        _this.comboLayer.find('ul.list li[data-code="' + _this.obj.attr('data-code') + '"]').addClass('on');
        _this.comboLayer.hide();
        _this.obj.blur();

        if(pValue /* && _this.comboLayer.find('ul.list li[data-code=""]').length > 0 */ )
            _this.obj.nextAll('.btn-clear').show();
        else
            _this.obj.nextAll('.btn-clear').hide();
        
        _this.obj.trigger('combo-change');
    };

    control.getData              = function(pIsObj) {

        if(pIsObj) {
            return {
                code : this.obj.attr('data-code'),
                value: this.obj.attr('data-value')
            }
        }
        else {
            return this.obj.attr('data-code');
        }
    };

    control.clear                = function() {

        var _this = this;

        if( _this.comboData.length > 0 ) {
            _this.setData(_this.comboData[0][pCVT.code]);
        }
        
        _this.obj.closest('dl').removeClass('error');
    };

    // 메서드 추가
    control.setComboData         = function() {

        var _this = this;

        if(pAddData && pAddData.length > 0)
            _this.comboData = _this.comboData.concat(pAddData);

        if(pUrl) {

            if( pSnyc ) {

                btUtil.send_sync(pUrl, pParam, function(data) {

                    for(var key in data) {
                        _this.comboData = _this.comboData.concat(data[key]);
                    }
        
                    _this.bindComboItem();
                });
            }
            else {
                btUtil.send(pUrl, pParam, function(data) {

                    for(var key in data) {
                        _this.comboData = _this.comboData.concat(data[key]);
                    }
        
                    _this.bindComboItem();
                });
            }
        }
        else
            _this.bindComboItem();
    };

    control.showLayer            = function() {
        var _this = this;

        // 모든 레이어 닫기
        $('[data-control-layer]').hide();

        // 컨트롤 위치를 찾아 레이어 위치를 설정
        var position = _this.getPos();

        _this.comboLayer.css('top',  position.x + 'px');
        _this.comboLayer.css('left', position.y + 'px');
        _this.comboLayer.css('width', _this.obj.css('width'));
        _this.comboLayer.show();
    };

    control.hideLayer            = function() {

        var _this = this;

        _this.setData(_this.obj.attr('[data-code]'));
        _this.comboLayer.hide();
        _this.obj.blur();
    };

    // 컨트롤 절대 위치 반환
    control.getPos               = function() {

        var _this = this;
        var el = _this.obj.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + ( window.scrollX || window.pageXOffset );
        var y = rect.top  + ( window.scrollY || window.pageYOffset );

        return { x: y, y: x };
    };

    // 레이어에 스크롤이 있는지 체크
    control.hasVerticalScrollBar = function() {
        return this.comboLayer.find('ul').get(0) ? this.comboLayer.find('ul').get(0).scrollHeight > this.comboLayer.find('ul').innerHeight() : false;
    };

    control.init();
    control.bindEvent();

    _that.areas[pAreaName]['controls'][pControlName] = control;
};

ControlManage2.prototype.initComboSr       = function(pAreaName, pControlName, pCVT, pCallback, pIsAll) {

    var _that = this;

    var item = $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]');

    var controlType = item.attr('data-control');
    var comboType   = item.attr('data-combo-type');

    var control = new Control({
        selector   : '[data-area="' + pAreaName + '"] [data-control="' + pControlName + '"]',
        obj        : item,
        areaName   : pAreaName,
        controlName: pControlName,
        controlType: controlType,
    });

    // 프로퍼티 추가
    control.comboType   = comboType;  // S (검색콤보)
    control.comboData   = [];
    control.isSearching = false;      // 실시간검색중 : true

    control.nodatatxt    = ' 검색결과가 없습니다.';
    control.inittxt      = '검색어를 입력하세요.';
    control.serachingtxt = '검색중...';

    /******************************************************************************/
    // 콤보레이어
    /******************************************************************************/
    control.getComboLayerTag     = function() {

        return '<div class="button-layer type2" style="display:none;position:absolute;z-index:999999" data-control-layer="' + controlType + '" data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '">' +
               '    <div class="inner">' +
               '        <ul class="list" style="display:none;"></ul>' +
               '        <p class="no-data">검색어를 입력하세요.</p>' +
               '    </div>' +
               '</div>';
    };

    /******************************************************************************/
    // 콤보아이템
    /******************************************************************************/
    control.bindComboItem        = function(data) {

        var _this = this;

        _this.comboData = data;

        var comboItemTag = '';

        data.forEach(function(cur) {

            var code  = cur[ pCVT.code ];
            var value = cur[ pCVT.value ];
            var text  = cur[ pCVT.text ];

            comboItemTag += '<li data-code="' + code + '" data-value="' + value + '" data-text="' + text + '" ><a href="javascript:void(0);">' + text + '</a></li>';
        });
        
        _this.comboItems = $(comboItemTag);
        _this.comboItems.eq(0).addClass('selected');
        _this.comboLayer.find('ul').empty().append(_this.comboItems);  // 콤보아이템 바인딩
        

        _this.addComboItemEvent();

        if(data.length > 0) {
            _this.comboLayer.find('ul').show();
            _this.comboLayer.find('.no-data').hide();
        }
        else if( _this.obj.val().length > 0 && data.length <= 0 ) {
            _this.comboLayer.find('ul').hide();
            _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt).show();
        }
        else {
            _this.comboLayer.find('ul').hide();
            _this.comboLayer.find('.no-data').empty().append(_this.inittxt).show();
        }

        _this.isSearching = false;
    };

    /******************************************************************************/
    // 콤보아이템 이벤트
    /******************************************************************************/
    control.addComboItemEvent    = function() {

        var _this = this;

        _this.comboItems.on('click', function() {
            _this.setData($(this).attr('data-code'));
        });
    };

    // 메서드 변경
    control.init                 = function() {

        var _this = this;
        
        _this.obj.off();                                    // 이벤트제거
        _this.obj.attr('autocomplete', 'off');              // 자동완성제거
        _this.obj.removeAttr('readonly');
        _this.obj.nextAll('.btn-clear').remove();
        _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
        
        // 추가
        _this.comboLayer = $(_this.getComboLayerTag());
        $('.wrap').append( _this.comboLayer );             // 콤보레이어
        _this.maxHeight = _this.comboLayer.find('ul').css('max-height').replace(/[^-\d\.]/g, '') * 1; // 콤보레이어 최대높이 할당
    };

    control.bindEvent            = function() {

        var _this = this;

        // 콤보 포커싱
        _this.obj.on('focusin', function() {
            _this.obj.val('');

            if( pIsAll )
                pCallback.call(_this, _this.bindComboItem );
            else {
                _this.comboLayer.find('ul').hide();
                _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt).show();
            }
            _this.showLayer();
        });

        // 콤보레이어 활성화시 키이동 클릭시 스크롤 방지
        _this.obj.on('keydown', function(e) {
            switch(e.keyCode) {
                case 38:
                case 40: // Arrow keys
                // case 32:
                //     e.preventDefault(); break; // Space
            }
        });

        var run = debounce(pCallback, 500);

        // 콤보 키이벤트
        _this.obj.on('keyup'  , function(e) {

            switch(e.keyCode) {
                case 27:    // ESC
                    _this.hideLayer();
                    break;
                case 38:    // UP
                    
                    var $selectedComboItem     = _this.comboLayer.find('ul.list li.selected');
                    var $selectedComboItemPrev = $selectedComboItem.prev('li:visible');

                    if($selectedComboItemPrev.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemPrev.addClass('selected').get(0).offsetTop;

                        if(_this.comboLayer.find('ul').get(0).scrollTop > topPos)
                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                    }
                    
                    break;
                case 40:    // DOWN
    
                    var comboHeight     = _this.comboLayer.find('ul').height();       // 콤보높이
                    var comboItemHeight = _this.comboLayer.find('li:eq(0)').height(); // 콤보항목높이
    
                    var $selectedComboItem = _this.comboLayer.find('ul.list li.selected');

                    if( $selectedComboItem.length <= 0 ) {
                        _this.comboLayer.find('li:eq(0)').addClass('selected');
                        return;
                    }

                    var $selectedComboItemNext = $selectedComboItem.next('li:visible');
    
                    if($selectedComboItemNext.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemNext.addClass('selected').get(0).offsetTop;

                        // 스크롤 존재시
                        if( _this.hasVerticalScrollBar() && _this.comboLayer.find('ul').get(0).scrollTop + comboHeight - comboItemHeight < topPos ) {

                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                        }
                    }
                    break;
                case 13:    // ENTER
                    
                    _this.setData(_this.comboLayer.find('ul.list li.selected').attr('data-code'));

                    break;
                default:

                    run(_this, _this.bindComboItem);
                    
                    // if( !_this.isSearching ) {

                    //     _this.isSearching = true;

                    //     setTimeout(function() {
                    //         pCallback.call(_this, _this.bindComboItem );
                    //     }, 500);
                    // }

                    break;
            }
        });

        _this.obj.nextAll('.btn-clear').on('click', function() {

            // 필요한 컨트롤 : text, time, hp, tel, card, number, combo(검색)
            _this.setData('');
            _this.obj.nextAll('.btn-clear').hide();
        });
    };

    control.setData              = function(pValue) {

        var _this = this;

        pValue = (pValue ? pValue : '');

        var findData = _this.comboData.find(function(cur) {
            return ( cur[pCVT.code] == pValue );
        });

        if( pValue && !findData && typeof _this.setSearchData == 'function') {
            findData = _this.setSearchData(pValue);
        }

        var code  = '';
        var value = '';
        var text  = '';

        if(findData) {

            code  = findData[pCVT.code]
            value = findData[pCVT.value]
            text  = findData[pCVT.text] ? findData[pCVT.text] : findData[pCVT.value];
        }

        _this.obj.attr('data-code' , code);
        _this.obj.attr('data-value', value);
        _this.obj.attr('data-text' , text);
        _this.obj.val(value);

        _this.comboLayer.hide();
        _this.obj.blur();

        if( _this.obj.val().length > 0 )
            _this.obj.nextAll('.btn-clear').show();
        else
            _this.obj.nextAll('.btn-clear').hide();
        
        _this.obj.trigger('combo-change');
    };

    control.getData              = function(pIsObj) {

        if(pIsObj) {
            return {
                code : this.obj.attr('data-code'),
                value: this.obj.attr('data-value')
            }
        }
        else {
            return this.obj.attr('data-code');
        }
    };

    control.clear                = function() {
        var _this = this;
        _this.obj.closest('dl').removeClass('error');
    };

    control.showLayer            = function() {

        var _this = this;

        // 모든 레이어 닫기
        $('[data-control-layer]').hide();

        // 컨트롤 위치를 찾아 레이어 위치를 설정
        var position = _this.getPos();

        _this.comboLayer.css('top', position.x + 'px');
        _this.comboLayer.css('left',position.y + 'px');
        _this.comboLayer.css('width', _this.obj.css('width'));
        _this.comboLayer.show();
    };

    control.hideLayer            = function() {

        var _this = this;

        _this.setData(_this.obj.attr('[data-code]'));
        _this.comboLayer.hide();
        _this.obj.blur();
    };

    // 컨트롤 절대 위치 반환
    control.getPos               = function() {

        var _this = this;
        var el = _this.obj.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + ( window.scrollX || window.pageXOffset );
        var y = rect.top  + ( window.scrollY || window.pageYOffset );

        return { x: y, y: x };
    };

    // 레이어에 스크롤이 있는지 체크
    control.hasVerticalScrollBar = function() {
        return this.comboLayer.find('ul').get(0) ? this.comboLayer.find('ul').get(0).scrollHeight > this.comboLayer.find('ul').innerHeight() : false;
    }

    control.init();
    control.bindEvent();

    _that.areas[pAreaName]['controls'][pControlName] = control;
};


ControlManage2.prototype.initComboSrInner       = function(pAreaName, pControlName, pCVT, pCallback, pIsAll) {

    var _that = this;

    var item = $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]');

    var controlType = item.attr('data-control');
    var comboType   = item.attr('data-combo-type');

    var control = new Control({
        selector   : '[data-area="' + pAreaName + '"] [data-control="' + pControlName + '"]',
        obj        : item,
        areaName   : pAreaName,
        controlName: pControlName,
        controlType: controlType,
    });

    // 프로퍼티 추가
    control.comboType   = comboType;  // S (검색콤보)
    control.comboData   = [];
    control.isSearching = false;      // 실시간검색중 : true

    control.nodatatxt    = ' 검색결과가 없습니다.';
    control.inittxt      = '검색어를 입력하세요.';
    control.serachingtxt = '검색중...';

    /******************************************************************************/
    // 콤보레이어
    /******************************************************************************/
    control.getComboLayerTag     = function() {

        return '<div class="button-layer type2" style="display:none;position:absolute;z-index:999999" data-control-layer="' + controlType + '" data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '">' +
               '    <div class="inner2">' +
               '        <ul class="list" style="display:none;"></ul>' +
               '        <p class="no-data">검색어를 입력하세요.</p>' +
               '    </div>' +
               '</div>';
    };

    /******************************************************************************/
    // 콤보아이템
    /******************************************************************************/
    control.bindComboItem        = function(data) {

        var _this = this;

        _this.comboData = data;

        var comboItemTag = '';

        data.forEach(function(cur) {

            var code  = cur[ pCVT.code ];
            var value = cur[ pCVT.value ];
            var text  = cur[ pCVT.text ];

            comboItemTag += '<li data-code="' + code + '" data-value="' + value + '" data-text="' + text + '" ><a href="javascript:void(0);">' + text + '</a></li>';
        });
        
        _this.comboItems = $(comboItemTag);
        _this.comboItems.eq(0).addClass('selected');
        _this.comboLayer.find('ul').empty().append(_this.comboItems);  // 콤보아이템 바인딩
        

        _this.addComboItemEvent();

        if(data.length > 0) {
            _this.comboLayer.find('ul').show();
            _this.comboLayer.find('.no-data').hide();
        }
        else if( _this.obj.val().length > 0 && data.length <= 0 ) {
            _this.comboLayer.find('ul').hide();
            _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt).show();
        }
        else {
            _this.comboLayer.find('ul').hide();
            _this.comboLayer.find('.no-data').empty().append(_this.inittxt).show();
        }

        _this.isSearching = false;
    };

    /******************************************************************************/
    // 콤보아이템 이벤트
    /******************************************************************************/
    control.addComboItemEvent    = function() {

        var _this = this;

        _this.comboItems.on('click', function() {
            _this.setData($(this).attr('data-code'));
        });
    };

    // 메서드 변경
    control.init                 = function() {

        var _this = this;
        
        _this.obj.off();                                    // 이벤트제거
        _this.obj.attr('autocomplete', 'off');              // 자동완성제거
        _this.obj.removeAttr('readonly');
        _this.obj.nextAll('.btn-clear').remove();
        _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
        
        // 추가
        _this.comboLayer = $(_this.getComboLayerTag());
        $('.wrap').append( _this.comboLayer );             // 콤보레이어
        _this.maxHeight = _this.comboLayer.find('ul').css('max-height').replace(/[^-\d\.]/g, '') * 1; // 콤보레이어 최대높이 할당
    };

    control.bindEvent            = function() {

        var _this = this;

        // 콤보 포커싱
        _this.obj.on('focusin', function() {
            _this.obj.val('');

            if( pIsAll )
                pCallback.call(_this, _this.bindComboItem );
            else {
                _this.comboLayer.find('ul').hide();
                _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt).show();
            }
            _this.showLayer();
        });

        // 콤보레이어 활성화시 키이동 클릭시 스크롤 방지
        _this.obj.on('keydown', function(e) {
            switch(e.keyCode) {
                case 38:
                case 40: // Arrow keys
                // case 32:
                //     e.preventDefault(); break; // Space
            }
        });

        var run = debounce(pCallback, 500);

        // 콤보 키이벤트
        _this.obj.on('keyup'  , function(e) {

            switch(e.keyCode) {
                case 27:    // ESC
                    _this.hideLayer();
                    break;
                case 38:    // UP
                    
                    var $selectedComboItem     = _this.comboLayer.find('ul.list li.selected');
                    var $selectedComboItemPrev = $selectedComboItem.prev('li:visible');

                    if($selectedComboItemPrev.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemPrev.addClass('selected').get(0).offsetTop;

                        if(_this.comboLayer.find('ul').get(0).scrollTop > topPos)
                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                    }
                    
                    break;
                case 40:    // DOWN
    
                    var comboHeight     = _this.comboLayer.find('ul').height();       // 콤보높이
                    var comboItemHeight = _this.comboLayer.find('li:eq(0)').height(); // 콤보항목높이
    
                    var $selectedComboItem = _this.comboLayer.find('ul.list li.selected');

                    if( $selectedComboItem.length <= 0 ) {
                        _this.comboLayer.find('li:eq(0)').addClass('selected');
                        return;
                    }

                    var $selectedComboItemNext = $selectedComboItem.next('li:visible');
    
                    if($selectedComboItemNext.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemNext.addClass('selected').get(0).offsetTop;

                        // 스크롤 존재시
                        if( _this.hasVerticalScrollBar() && _this.comboLayer.find('ul').get(0).scrollTop + comboHeight - comboItemHeight < topPos ) {

                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                        }
                    }
                    break;
                case 13:    // ENTER
                    
                    _this.setData(_this.comboLayer.find('ul.list li.selected').attr('data-code'));

                    break;
                default:

                    run(_this, _this.bindComboItem);
                    
                    // if( !_this.isSearching ) {

                    //     _this.isSearching = true;

                    //     setTimeout(function() {
                    //         pCallback.call(_this, _this.bindComboItem );
                    //     }, 500);
                    // }

                    break;
            }
        });

        _this.obj.nextAll('.btn-clear').on('click', function() {

            // 필요한 컨트롤 : text, time, hp, tel, card, number, combo(검색)
            _this.setData('');
            _this.obj.nextAll('.btn-clear').hide();
        });
    };

    control.setData              = function(pValue) {

        var _this = this;

        pValue = (pValue ? pValue : '');

        var findData = _this.comboData.find(function(cur) {
            return ( cur[pCVT.code] == pValue );
        });

        if( pValue && !findData && typeof _this.setSearchData == 'function') {
            findData = _this.setSearchData(pValue);
        }

        var code  = '';
        var value = '';
        var text  = '';

        if(findData) {

            code  = findData[pCVT.code]
            value = findData[pCVT.value]
            text  = findData[pCVT.text] ? findData[pCVT.text] : findData[pCVT.value];
        }

        _this.obj.attr('data-code' , code);
        _this.obj.attr('data-value', value);
        _this.obj.attr('data-text' , text);
        _this.obj.val(value);

        _this.comboLayer.hide();
        _this.obj.blur();

        if( _this.obj.val().length > 0 )
            _this.obj.nextAll('.btn-clear').show();
        else
            _this.obj.nextAll('.btn-clear').hide();
        
        _this.obj.trigger('combo-change');
    };

    control.getData              = function(pIsObj) {

        if(pIsObj) {
            return {
                code : this.obj.attr('data-code'),
                value: this.obj.attr('data-value')
            }
        }
        else {
            return this.obj.attr('data-code');
        }
    };

    control.clear                = function() {
        var _this = this;
        _this.obj.closest('dl').removeClass('error');
    };

    control.showLayer            = function() {

        var _this = this;

        // 모든 레이어 닫기
        $('[data-control-layer]').hide();

        // 컨트롤 위치를 찾아 레이어 위치를 설정
        var position = _this.getPos();

        _this.comboLayer.css('top', position.x + 'px');
        _this.comboLayer.css('left',position.y + 'px');
        _this.comboLayer.css('width', _this.obj.css('width'));
        _this.comboLayer.show();
    };

    control.hideLayer            = function() {

        var _this = this;

        _this.setData(_this.obj.attr('[data-code]'));
        _this.comboLayer.hide();
        _this.obj.blur();
    };

    // 컨트롤 절대 위치 반환
    control.getPos               = function() {

        var _this = this;
        var el = _this.obj.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + ( window.scrollX || window.pageXOffset );
        var y = rect.top  + ( window.scrollY || window.pageYOffset );

        return { x: y, y: x };
    };

    // 레이어에 스크롤이 있는지 체크
    control.hasVerticalScrollBar = function() {
        return this.comboLayer.find('ul').get(0) ? this.comboLayer.find('ul').get(0).scrollHeight > this.comboLayer.find('ul').innerHeight() : false;
    }

    control.init();
    control.bindEvent();

    _that.areas[pAreaName]['controls'][pControlName] = control;
};

function debounce(func, delay) {
    var inDebounce;

    return function() {

        var _this = arguments[0];
        var bindComboItem = arguments[1];

        if(inDebounce) {
            clearTimeout(inDebounce);
        }

        inDebounce = setTimeout(function() {
            return func.call(_this, bindComboItem);
        }, delay);
    };
}

ControlManage2.prototype.initComboMulti    = function(pAreaName, pControlName, pUrl, pParam, pCVT, pAddData, pSnyc, pChecked) {

    var _that = this;

    var item = $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]');

    var controlType = item.attr('data-control');
    var comboType   = item.attr('data-combo-type');

    var control = new Control({
        selector   : '[data-area="' + pAreaName + '"] [data-control="' + pControlName + '"]',
        obj        : item,
        areaName   : pAreaName,
        controlName: pControlName,
        controlType: controlType,
    });

    // 프로퍼티 추가
    control.comboType = comboType;  // S (검색콤보)
    control.comboData = [];

    control.nodatatxt = ' 검색결과가 없습니다.';
    control.inittxt   = '검색어를 입력하세요.';

    /******************************************************************************/
    // 콤보레이어
    /******************************************************************************/
    control.getComboLayerTag     = function() {

        var _this = this;

        return '<div class="button-layer type2 multi-chk" style="display:none;width:' + _this.width + 'px;position:absolute;z-index:999999" data-control-layer="' + controlType + '" data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '">' +
               '    <div class="inner">' +
               '        <div class="btn">' +
               '            <button type="button" class="btn-ty-line1 small"><span>전체선택</span></button>' +
               '            <button type="button" class="btn-ty-line1 small"><span>전체해제</span></button>' +
               '        </div>' +
               '        <ul class="list"></ul>' +
               '        <p class="no-data" style="display:none;"></p>' +
               '    </div>' +
               '</div>';
    };
    
    /******************************************************************************/
    // 콤보아이템
    /******************************************************************************/
    control.bindComboItem        = function() {
        var _this = this;

        var comboItemTag = '';

        _this.comboData.forEach(function(cur) {

            var code  = cur[pCVT.code]
            var value = cur[pCVT.value]
            var text  = cur[(pCVT.text ? pCVT.text : pCVT.value)];

            comboItemTag += '<li data-code="' + code + '" data-value="' + value + '" data-text="' + text + '" ><input type="checkbox" id="chk' + (_this.areaName + _this.controlName + code) + '" value="' + code + '"><label for="chk' + (_this.areaName + _this.controlName + code) + '">' + text + '</label></li>';
        });

        _this.comboItems = $(comboItemTag);
        _this.comboLayer.find('ul').empty().append(_this.comboItems);  // 콤보아이템 바인딩
    
        _this.addComboItemEvent();                                     // 콤보아이템 이벤트 설정

        _this.checkedAll( pChecked );
    };

    /******************************************************************************/
    // 콤보아이템 이벤트
    /******************************************************************************/
    control.addComboItemEvent    = function() {

        var _this = this;

        _this.comboLayer.find('[type="checkbox"]').on('change', function() {
            _this.setText();
        });
    };

    /******************************************************************************/
    // 콤보아이템 검색
    /******************************************************************************/
    control.bindFilterComboItem  = function(pFilterTxt, pIsShow) {

        var _this = this;

        _this.obj.find('ul.list li.filter').each(function(idx, item) {
            var text = $(item).attr('data-text');
            $(item).removeClass('filter').find('a').empty().append(text);
        });

        if(pFilterTxt) {

            _this.comboItems.hide();

            var _$comboItemsFilter = _this.comboLayer.find('ul.list li[data-text*="' + pFilterTxt + '"]');

            if(_$comboItemsFilter.length > 0) {

                _$comboItemsFilter.each(function(idx, item) {

                    var text = btUtil.replaceAll($(item).attr('data-text'), pFilterTxt, '<strong>' + pFilterTxt + '</strong>');

                    $(item).addClass('filter').show().find('a').empty().append(text);
                });
                
                _this.comboLayer.find('.no-data').hide();
                _this.comboLayer.find('ul.list').show();
            }
            else {
                // 검색 결과가 없습니다.
                _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt);
                _this.comboLayer.find('.no-data').show();
            }
        }
        else {
            _this.comboLayer.find('ul.list').show();
            _this.comboLayer.find('.no-data').hide();
            _this.comboItems.show();
        }

        if(pIsShow) _this.showLayer();
    };

    // 메서드 변경
    control.init                 = function() {

        var _this = this;
        
        _this.obj.off();                                    // 이벤트제거
        _this.obj.attr('autocomplete', 'off');              // 자동완성제거
        _this.obj.removeAttr('readonly');
        _this.obj.nextAll('.btn-clear').remove();
        _this.obj.removeClass('position');
        _this.obj.nextAll('[data-control-layer]').remove();   // 레이어제거
        _this.obj.addClass('select');

        // 검색이 가능한 콤보일 경우
        if(comboType == 'S') {
            _this.obj.removeAttr('readonly');
            _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
            _this.obj.addClass('position');
        }
        // 검색이 불가한 콤보일 경우
        else {
            _this.obj.attr('readonly', 'readonly'); // 읽기전용
            _this.obj.nextAll('.btn-clear').remove();
            _this.obj.removeClass('position');
        }
        
        // 추가
        _this.width      = _this.obj.width();                                                             // 컨트롤 넓이 할당
        _this.comboLayer = $(_this.getComboLayerTag());                                                   // 콤보레이어 객체 할당
        $('.wrap').append( _this.comboLayer );                                                            // 콤보레이어 추가
        _this.maxHeight  = _this.comboLayer.find('ul').css('max-height').replace(/[^-\d\.]/g, '') * 1;    // 콤보레이어 최대높이 할당

        _this.setComboData(); // 콤보데이터
    };

    control.bindEvent            = function() {

        var _this = this;

        // 콤보 포커싱
        _this.obj.on('focusin', function() {

            hideLayers();

            if( _this.comboType == 'S' )
                _this.obj.val('');

            _this.bindFilterComboItem('', true);
        });

        // 콤보레이어 활성화시 키이동 클릭시 스크롤 방지
        _this.obj.on('keydown', function(e) {
            switch(e.keyCode){
                case 37: 
                case 39: 
                case 38:  
                case 40: // Arrow keys
                // case 32: 
                //     e.preventDefault(); break; // Space
            }
        });

        // 콤보 키이벤트
        _this.obj.on('keyup'  , function(e) {

            switch(e.keyCode) {
                case 27:    // ESC
                    _this.hideLayer();
                    break;
                case 38:    // UP
                    
                    var $selectedComboItem     = _this.comboLayer.find('ul.list li.selected');
                    var $selectedComboItemPrev = $selectedComboItem.prev('li:visible');
    
                    if($selectedComboItemPrev.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemPrev.addClass('selected').get(0).offsetTop;
    
                        if(_this.comboLayer.find('ul').get(0).scrollTop > topPos)
                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                    }
                    
                    break;
                case 40:    // DOWN
    
                    var comboHeight     = _this.comboLayer.find('ul').height();       // 콤보높이
                    var comboItemHeight = _this.comboLayer.find('li:eq(0)').height(); // 콤보항목높이
    
                    var $selectedComboItem = _this.comboLayer.find('ul.list li.selected');

                    if( $selectedComboItem.length <= 0 ) {
                        _this.comboLayer.find('li:eq(0)').addClass('selected');
                        return;
                    }

                    var $selectedComboItemNext = $selectedComboItem.next('li:visible');
    
                    if($selectedComboItemNext.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemNext.addClass('selected').get(0).offsetTop;
                        
                        // 스크롤 존재시
                        if( _this.hasVerticalScrollBar() && _this.comboLayer.find('ul').get(0).scrollTop + comboHeight - comboItemHeight < topPos ) {

                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                        }
                    }
                    break;
                case 13:    // ENTER
                    
                    _this.setData(_this.comboLayer.find('ul.list li.selected').attr('data-code'));

                    break;
                default:

                    if(_this.comboType != 'S') return;

                    _this.bindFilterComboItem( _this.obj.val(), true );
                    break;
            }
        });

        _this.comboLayer.find('.btn button:eq(0)').on('click', function() {
            _this.checkedAll(true);
        });

        _this.comboLayer.find('.btn button:eq(1)').on('click', function() {
            _this.checkedAll(false);
        });
    };

    control.setData              = function(pValue, pChecked) {

        var _this = this;

        if( pValue ) {

            var checked = ( typeof pChecked == 'boolean' ? pChecked : true );
            var values;

            // 단일 선택
            if( typeof pValue == 'string' ) {
                values = pValue.split(',');
            }
            // 배열 선택
            else {
                values = pValue;
            }

            values.forEach(function(cur) {
                _this.comboLayer.find('[type="checkbox"][value="' + cur + '"]').prop('checked', checked);
            });
            
            _this.setText();
        }
    };

    control.getData              = function(pIsObj) {

        var _this = this;

        if(pIsObj) {

            var rtnData = [];

            _this.comboLayer.find('[type="checkbox"]:checked').each(function() {
                rtnData.push( { code: $(this).closest('li').attr('data-code'), value: $(this).closest('li').attr('data-value') } );
            });

            return rtnData;
        }
        else {
            var rtnData = [];

            _this.comboLayer.find('[type="checkbox"]:checked').each(function() {
                rtnData.push( $(this).val() );
            });

            return rtnData.join(',');
        }
    };

    control.setText              = function() {

        var _this = this;

        var tmpTxt = '';
        var text   = '';

        if( this.getSelectedLength() <= 0 ) {
            text = '선택';
        }
        
        if( this.getSelectedLength() >  0 ) {
            text = _this.comboLayer.find('input[type="checkbox"]:checked').eq(0).closest('li').attr('data-value');
        }
        
        if( this.getSelectedLength() >  1 ) {
            tmpTxt += ' 외 ' + ( this.getSelectedLength() - 1 ) + '개';
        }

        control.obj.val(text + tmpTxt);
        control.obj.attr('data-value', text + tmpTxt);
        control.obj.trigger('combo-change');
    };

    control.getSelectedLength    = function() {
        return this.comboLayer.find('[type="checkbox"]:checked').length;
    };

    control.clear                = function() {
        var _this = this;

        if(control.comboData.length > 0)
            _this.setData('');

        _this.obj.closest('dl').removeClass('error');
    };

    // 메서드 추가
    control.setComboData         = function() {

        var _this = this;

        if(pAddData && pAddData.length > 0)
            _this.comboData = _this.comboData.concat(pAddData);

        if(pUrl) {

            if( pSnyc ) {

                btUtil.send_sync(pUrl, pParam, function(data) {

                    for(var key in data) {
                        _this.comboData = _this.comboData.concat(data[key]);
                    }
        
                    _this.bindComboItem();
                });
            }
            else {
                btUtil.send(pUrl, pParam, function(data) {

                    for(var key in data) {
                        _this.comboData = _this.comboData.concat(data[key]);
                    }
        
                    _this.bindComboItem();
                });
            }
        }
        else
            _this.bindComboItem();
    };

    control.showLayer            = function() {

        var _this = this;

        // 모든 레이어 닫기
        $('[data-control-layer]').hide();

        _this.comboLayer.find('ul.list li.selected').removeClass('selected');
        _this.comboLayer.find('ul.list li.on').addClass('selected');

        // 컨트롤 위치를 찾아 레이어 위치를 설정
        var position = _this.getPos();

        _this.comboLayer.css('top', position.x + 45 + 'px');
        _this.comboLayer.css('left',position.y + 'px');
        _this.comboLayer.show();
    };

    control.hideLayer            = function() {

        var _this = this;

        _this.setData(_this.obj.attr('[data-code]'));
        _this.comboLayer.hide();
        _this.obj.blur();
    };

    // 컨트롤 절대 위치 반환
    control.getPos               = function() {

        var _this = this;
        var el = _this.obj.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + ( window.scrollX || window.pageXOffset );
        var y = rect.top  + ( window.scrollY || window.pageYOffset );

        return { x: y, y: x };
    };

    // 레이어에 스크롤이 있는지 체크
    control.hasVerticalScrollBar = function() {
        return this.comboLayer.find('ul').get(0) ? this.comboLayer.find('ul').get(0).scrollHeight > this.comboLayer.find('ul').innerHeight() : false;
    };

    control.checkedAll           = function(pChecked) {
        this.comboLayer.find('input[type="checkbox"]').prop('checked', pChecked);
        this.setText();
    };

    control.init();
    control.bindEvent();

    _that.areas[pAreaName]['controls'][pControlName] = control;
};

ControlManage2.prototype.picker            = function(pOptions) {

    var _that = this;

    var options = {
        areaName       : pOptions.areaName,
        controlName    : pOptions.controlName,
        controlFromName: pOptions.controlFromName,
        controlToName  : pOptions.controlToName,
        selector       : pOptions.selector,
        selectorFrom   : pOptions.selectorFrom,
        selectorTo     : pOptions.selectorTo,
        multi          : pOptions.controlFromName ? true : false,
        dateViewFormat : pOptions.dateFormat ? pOptions.dateFormat : 'YYYY-MM-DD',
        dateValueFormat: pOptions.dateFormat ? pOptions.dateFormat : 'YYYYMMDD',
        editable       : false,
        lang           : 'KO',
        isPadDate      : false,
        today          : moment().format('YYYY-MM-DD'),
        $moment1       : {},                                                          // 달력1
        $moment2       : {},                                                          // 달력2
        minDate        : pOptions.minDate,
        maxDate        : pOptions.maxDate,
        disable        : pOptions.disable,
    };

    var selectedDate = '';

    var $selector;
    var $selectorFrom;
    var $selectorTo;
    var $selectedFrom;       // 선택된 출발일
    var $selectedTo;         // 선택된 종료일
    var $selectedLbFrom;     // 출발일 라벨
    var $selectedLbTo;       // 도착일 라벨
    var $layer;
    var $prevPickerYear;
    var $prevPickerMonth;
    var $prevPickerBody;
    var $nextPickerYear;
    var $nextPickerMonth;
    var $nextPickerBody;
    var $btnPrev;
    var $btnNext;
    var $btnPrevSel;
    var $btnNextSel;
    var $btnInit;
    var $btnApply;

    function init() {

        if(options.multi) {

            $selectorFrom = $('[data-area="' + options.areaName + '"] [name="' + options.controlFromName + '"]');   // 시작일 입력 요소
            $selectorTo   = $('[data-area="' + options.areaName + '"] [name="' + options.controlToName   + '"]');   // 종료일 입력 요소

            options.areaName        = $selectorFrom.closest('[data-area]').attr('data-area');
            options.controlFromName = $selectorFrom.attr('name');
            options.controlToName   = $selectorTo.attr('name');

            var pickerWrapTag = getPickerWrapTag(options.areaName, options.controlFromName, $selectorFrom.attr('data-picker-group'));      // 달력을 감싸는 영역 Tag를 반환
            $layer = $(pickerWrapTag);
            $('.wrap').append( $layer );                                   // 콤보레이어

            $selectedFrom   = $layer.find('.calendar-data dl dd:eq(0)');   // 선택된 시작일
            $selectedTo     = $layer.find('.calendar-data dl dd:eq(1)');   // 선택된 종료일
            $selectedLbFrom = $layer.find('.calendar-data dl dt:eq(0)');
            $selectedLbTo   = $layer.find('.calendar-data dl dt:eq(1)');

            var itemFrom = $('[data-area="' + options.areaName + '"] [name="' + options.controlFromName + '"]');
            var itemTo   = $('[data-area="' + options.areaName + '"] [name="' + options.controlToName   + '"]');

            var controlTypeFrom = $(itemFrom).attr('data-control');
            var controlNameFrom = $(itemFrom).attr('name');

            var controlTypeTo   = $(itemFrom).attr('data-control');
            var controlNameTo   = $(itemFrom).attr('name');
            
            var controlFrom = new Control({
                selector   : '[data-area="' + options.areaName + '"] [data-control="' + options.controlFromName + '"]',
                obj        : $(itemFrom),
                areaName   : options.areaName,
                controlName: controlNameFrom,
                controlType: controlTypeFrom,
            });

            var controlTo   = new Control({
                selector   : '[data-area="' + options.areaName + '"] [data-control="' + options.controlToName + '"]',
                obj        : $(itemTo),
                areaName   : options.areaName,
                controlName: controlNameTo,
                controlType: controlTypeTo,
            });

            controlFrom.init();
            controlFrom.bindEvent();
            
            controlTo.init();
            controlTo.bindEvent();

            _that.areas[options.areaName]['controls'][options.controlFromName] = controlFrom;
            _that.areas[options.areaName]['controls'][options.controlToName]   = controlTo;
        }
        else {

            $selector = $('[data-area="' + options.areaName + '"] [name="' + options.controlName + '"]');   // 날짜 입력 요소

            var pickerWrapTag = getPickerWrapTag(options.areaName, options.controlName, '');                // 달력을 감싸는 영역 Tag를 반환
            $layer = $(pickerWrapTag);
            $('.wrap').append( $layer );

            var item = $('[data-area="' + options.areaName + '"] [name="' + options.controlName + '"]');

            var controlType = $(item).attr('data-control');
            var controlName = $(item).attr('name');
            
            var control = new Control({
                selector   : '[data-area="' + options.areaName + '"] [data-control="' + options.controlName + '"]',
                obj        : $(item),
                areaName   : options.areaName,
                controlName: controlName,
                controlType: controlType,
            });

            control.init();
            control.bindEvent();

            _that.areas[options.areaName]['controls'][options.controlName] = control;
        }

        $prevPickerYear  = $layer.find('ul li:eq(0) .calendar-year');
        $prevPickerMonth = $layer.find('ul li:eq(0) .calendar-month');
        $prevPickerBody  = $layer.find('ul li:eq(0) tbody');

        $nextPickerYear  = $layer.find('ul li:eq(1) .calendar-year');
        $nextPickerMonth = $layer.find('ul li:eq(1) .calendar-month');
        $nextPickerBody  = $layer.find('ul li:eq(1) tbody');

        $btnPrev = $layer.find('.calendar-prev');                        // 이전달버튼
        $btnNext = $layer.find('.calendar-next');                        // 다음달버튼
        
        $btnPrevSel = $layer.find('.calendar-data dl:eq(0)');
        $btnNextSel = $layer.find('.calendar-data dl:eq(1)');

        $btnInit  = $layer.find('.btn-area button:eq(0)');               // 초기화버튼
        $btnApply = $layer.find('.btn-area button:eq(1)');               // 적용버튼

        $btnClose = $layer.find('button.btn-close');                     // 닫기버튼

        // 입력창 클릭시 달력레이어 호출 이벤트 추가
        switch( options.multi ) {
            case true :

                $selectorFrom.on('click', function() {

                    $selectedLbFrom.addClass('active');
                    $selectedLbTo.removeClass('active');
                    hideLayers();
                    $layer.attr('data-control-name', options.controlFromName);
                    showLayer($selectorFrom);
                });

                $selectorTo.on('click', function() {

                    if( $selectorFrom.val() && moment($selectorFrom.val()).isValid() ) {
                        $selectedLbFrom.removeClass('active');
                        $selectedLbTo.addClass('active');
                    }
                    else {
                        $selectedLbFrom.addClass('active');
                        $selectedLbTo.removeClass('active');
                    }
                    hideLayers();
                    $layer.attr('data-control-name', options.controlToName);
                    showLayer($selectorTo);
                });
                break;
            case false:
                $selector.on('click', function() {

                    options.$moment1 = new moment($selector.val());

                    if(!options.$moment1.isValid()) {
                        options.$moment1 = new moment();
                        options.$moment2 = new moment().add(1, 'M');
                    }
                    else
                        options.$moment2 = new moment($selector.val()).add(1, 'M');

                    drawPicker(0);

                    $layer.find('td').removeClass('active');
                    $layer.find('td[data-date="' + $selector.val() + '"]').addClass('active');

                    hideLayers();

                    $layer.show();
                    
                    var position = getPos($selector);

                    // X좌표
                    if( $(window).height() + window.scrollY < position.x + $layer.find('.inner').height() ) {
                        $layer.css('top' , ( position.x - $layer.find('.inner').height() - 38 ) + 'px');
                    }
                    else {
                        $layer.css('top' , position.x + 'px');
                    }

                    // Y좌표
                    if( $(window).width() + window.scrollX < position.y + $layer.find('.inner').width() ) {
                        $layer.css('left', (position.y - $layer.find('.inner').width() + $selector.width() ) + 'px');
                    }
                    else {
                        $layer.css('left', position.y + 'px');
                    }
                });
                break;
        }
        
        // 이전달
        $btnPrev.on('click', function() {
            drawPicker(-1);
        });

        // 다음달
        $btnNext.on('click', function() {
            drawPicker(1);
        });

        $btnPrevSel.on('click', function() {

            $selectedLbFrom.addClass('active');
            $selectedLbTo.removeClass('active');

        });

        $btnNextSel.on('click', function() {
            
            $selectedLbFrom.removeClass('active');
            $selectedLbTo.addClass('active');
        });

        // 적용
        $btnApply.on('click', function() {

            if($selectedFrom.text() && $selectedTo.text()) {
                $selectorFrom.val($selectedFrom.text()).trigger('change');
                $selectorTo.val($selectedTo.text()).trigger('change');

                $layer.hide();
            }
        });

        // 초기화
        $btnInit.on('click', function() {
            clear();
        });

        // 닫기
        $btnClose.on('click', function() {
            $layer.hide();
        });
    };

    function getPickerWrapTag(pAreaName, pControlName, pGroupName) {
        
        var rtnTag =    '<div class="button-layer el-calendar multi" data-control-layer data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '" data-picker-group="' + pGroupName + '" style="display:none;position:absolute;z-index:999999">' +
                        '   <div class="inner">' +
                        '       <div class="calendar">' +
                        '           <div class="calendar-inner">' +
                        '               <ul>' +
                        '                   <li>' +
                        '                       <div class="calendar-header">' +
                        '                           <span class="calendar-year"></span>.<span class="calendar-month"></span>' +
                        '                       </div>' +
                        '                       <table class="calendar-table">' +
                        '                           <caption>달력</caption>' +
                        '                           <thead>' +
                        '                               <tr>' +
                        '                                   <th scope="col" class="sun">일</th>' +
                        '                                   <th scope="col">월</th>' +
                        '                                   <th scope="col">화</th>' +
                        '                                   <th scope="col">수</th>' +
                        '                                   <th scope="col">목</th>' +
                        '                                   <th scope="col">금</th>' +
                        '                                   <th scope="col" class="sat">토</th>' +
                        '                               </tr>' +
                        '                           </thead>' +
                        '                           <tbody>' +
                        '                           </tbody>' +
                        '                       </table>' +
                        '                   </li>' +
                        '                   <li>' +
                        '                       <div class="calendar-header">' +
                        '                           <span class="calendar-year"></span>.<span class="calendar-month"></span>' +
                        '                       </div>' +
                        '                       <table class="calendar-table">' +
                        '                           <caption>달력</caption>' +
                        '                           <thead>' +
                        '                               <tr>' +
                        '                                   <th scope="col" class="sun">일</th>' +
                        '                                   <th scope="col">월</th>' +
                        '                                   <th scope="col">화</th>' +
                        '                                   <th scope="col">수</th>' +
                        '                                   <th scope="col">목</th>' +
                        '                                   <th scope="col">금</th>' +
                        '                                   <th scope="col" class="sat">토</th>' +
                        '                               </tr>' +
                        '                           </thead>' +
                        '                           <tbody>' +
                        '                           </tbody>' +
                        '                       </table>' +
                        '                   </li>' +
                        '               </ul>' +
                        '               <a href="javascript:void(0);" class="calendar-prev"><span>Prev</span></a>' +
                        '               <a href="javascript:void(0);" class="calendar-next"><span>Next</span></a>';
    
        if(options.multi) {
            rtnTag +=   '<div class="calendar-data">' +
                        '    <dl>' +
                        '        <dt>시작일</dt>' +
                        '        <dd></dd>' +
                        '    </dl>' +
                        '    <dl>' +
                        '        <dt>종료일</dt>' +
                        '        <dd></dd>' +
                        '    </dl>' +
                        '</div>' +
                        '<div class="btn-area">' +
                        '    <button type="button" class="btn-ty-solid1 medium"><span>초기화</span></button>' +
                        '    <button type="button" class="btn-ty-solid2 medium"><span>적용</span></button>' +
                        '</div>';
        }

        rtnTag +=       '          </div>' +
                        '      </div>' +
                        '      <button type="button" class="btn-close"><span>초기화</span></button>' +
                        '  </div>' +
                        '</div>';

        return rtnTag;
    };

    function drawPicker(pAddMonth) {

        if( !isEnableDate( moment( options.$moment1.format('YYYYMMDD') ).add(pAddMonth, 'M').format('YYYYMM'), 'YYYYMM' ) )
            return;

        options.$moment1.add(pAddMonth, 'M');
        options.$moment2.add(pAddMonth, 'M');

        $prevPickerYear.text(options.$moment1.format('YYYY'));    // 달력1 년도 설정
        $nextPickerYear.text(options.$moment2.format('YYYY'));    // 달력2 년도 설정

        $prevPickerMonth.text(options.$moment1.format('MM'));     // 달력1 월 설정
        $nextPickerMonth.text(options.$moment2.format('MM'));     // 달력2 월 설정
        
        $prevPickerBody.empty().append(getPickerBodyTag(options.$moment1.format('YYYY-MM-DD')));
        $nextPickerBody.empty().append(getPickerBodyTag(options.$moment2.format('YYYY-MM-DD')));

        $prevPickerBody.find('td[data-date]').on('click', function() { pick($(this)); });    // 달력1 이벤트 추가
        $nextPickerBody.find('td[data-date]').on('click', function() { pick($(this)); });    // 달력2 이벤트 추가

        setTerm();
    };

    function getPickerBodyTag(pDate) {

        var currMonthStartDate = moment(moment(pDate).startOf('month').format('YYYY-MM-DD'));              // 현재월의 시작일
        var currMonthLastDate  = moment(moment(pDate).endOf('month').format('YYYY-MM-DD'));                // 현재월의 마지막일
        var prevMonthLastDate  = moment(moment(pDate).add(-1, 'M').endOf('month').format('YYYY-MM-DD'));   // 이전달의 마지막일
        var nextMonthStartDate = moment(moment(pDate).add( 1, 'M').startOf('month').format('YYYY-MM-DD')); // 다음달의 시작일

        var calendarTag = '<tr>';

        // 0: 일, 1: 월, 2: 화. 3: 수, 4: 목, 5: 금, 6: 토
        var day = currMonthStartDate.day(); // == 0 ? 7 : currMonthStartDate.day();

        prevMonthLastDate.add(-day, 'day');
        
        for(var i=0; i<day; i++) {
            
            prevMonthLastDate.add(1, 'day');
            calendarTag += getPickerDateTag(prevMonthLastDate.format('YYYY-MM-DD'), prevMonthLastDate.format('DD'), prevMonthLastDate.day(), false);
        }
        
        // 현재달의 일자를 채움
        for(var i=0; i<(currMonthLastDate.format('DD') * 1) ; i++) {

            currMonthStartDate.add(i == 0 ? 0 : 1, 'day');

            calendarTag += getPickerDateTag(currMonthStartDate.format('YYYY-MM-DD'), currMonthStartDate.format('DD'), currMonthStartDate.day(), true);

            if( (currMonthStartDate.day() + 1) % 7 == 0 ) {
                calendarTag += '</tr>';
                calendarTag += '<tr>';
            }
        }

        // 현재월의 종료일이 토요일이 아닐 경우 다음달의 일자를 채움
        if(currMonthLastDate.day() != 1) {

            for(var i=0; i<(6 - currMonthLastDate.day()); i++) {
                nextMonthStartDate.add(i == 0 ? 0 : 1, 'day');
                calendarTag += getPickerDateTag(nextMonthStartDate.format('YYYY-MM-DD'), nextMonthStartDate.format('DD'), nextMonthStartDate.day(), false);
            }
        }

        calendarTag += '</tr>';

        return calendarTag;
    };

    function getPickerDateTag(pDate, pDD, pDay, pIsCurMonth) {

        if( !options.isPadDate && !pIsCurMonth)
            return '<td></td>';

        var className = '';

        switch ( pDay ) {
            case 0 : className = 'sun'; break;
            case 6 : className = 'sat'; break;
            default: className = '';    break;
        }

        if(selectedDate == pDate)
            className += ' on first';
        
        return '<td class="' + className + '" data-date="' + pDate + '"><a href="javascript:void(0);" ' + ( options.today == pDate ? 'class="today"' : '' ) + '>' + pDD + '</a></td>';
    };
    
    function showLayer(pPicker) {

        // 달력레이어가 활성화 되지 않았을 경우
        if(!$layer.is(':visible')) {

            options.$moment1 = new moment($selectorFrom.val());
            
            if( options.$moment1.isValid() ) {
                options.$moment2 = new moment($selectorFrom.val()).add(1, 'M');
            }
            else {
                options.$moment1 = new moment();
                options.$moment2 = new moment().add(1, 'M');
            }

            $selectedFrom.empty().text($selectorFrom.val());
            $selectedTo.empty().text($selectorTo.val());


            if( !isEnableDate( moment( options.$moment1.format('YYYYMMDD') ).format('YYYYMMDD'), 'YYYYMMDD' ) ||
                !isEnableDate( moment( options.$moment2.format('YYYYMMDD') ).format('YYYYMMDD'), 'YYYYMMDD' ) ) {
                
                //clear();

                options.$moment1 = new moment( options.minDate ? options.minDate : options.maxDate );
                options.$moment2 = new moment( options.minDate ? options.minDate : options.maxDate ).add(1, 'M');
            }

            drawPicker(0);
            
            var position = getPos(pPicker);

            $layer.show();

            // X좌표
            if( $(window).height() + window.scrollY < position.x + $layer.find('.inner').height() ) {
                $layer.css('top' , ( position.x - $layer.find('.inner').height() - 38 ) + 'px');
            }
            else {
                $layer.css('top' , position.x + 'px');
            }

            // Y좌표
            if( $(window).width() + window.scrollX < position.y + $layer.find('.inner').width() ) {
                $layer.css('left', (position.y - $layer.find('.inner').width() + pPicker.width() ) + 'px');
            }
            else {
                $layer.css('left', position.y + 'px');
            }
        }
        // 달력레이어가 활성화 되있을 경우 범위를 설정
        else
            setTerm();
    };

    // 컨트롤 절대 위치 반환
    function getPos(pPicker) {

        var el = pPicker.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + ( window.scrollX || window.pageXOffset );
        var y = rect.top  + ( window.scrollY || window.pageYOffset );

        return { x: y, y: x };
    };

    // 날짜선택
    function pick(pPick) {

        var pickDate = pPick.attr('data-date');

        if( !isEnableDate( moment( pickDate ).format('YYYYMMDD'), 'YYYYMMDD' ) ) {
            return;
        }

        if(options.multi) {
            
            // 시작일 설정
            if( $selectedLbFrom.hasClass('active') ) {

                if( $selectedTo.text() && moment($selectedTo.text()).isValid() && moment(pickDate).isAfter( moment($selectedTo.text()) ) ) {
                    $selectedTo.empty();
                }

                $selectedFrom.empty().text(pickDate);
                
                $selectedLbFrom.removeClass('active');
                $selectedLbTo.addClass('active');
            }
            // 종료일 설정
            else {

                if( $selectedFrom.text() && moment($selectedFrom.text()).isValid() && moment(pickDate).isBefore( moment($selectedFrom.text()) ) ) {
                    $selectedFrom.empty().text(pickDate);
                    $selectedTo.empty();
                }
                else {
                    $selectedTo.empty().text(pickDate);
                }
            }

            setTerm();
        }
        else {
            options.$moment1 = moment(pickDate);
            $selector.val(pickDate);
            $selector.trigger('change');
            $layer.hide();
        }
    };

    function setTerm() {

        if(options.multi) {
            $layer.find('td').removeClass('on').removeClass('first').removeClass('end');
            $layer.find('td[data-date="' + $selectedFrom.text() + '"]').addClass('on').addClass('first');
            $layer.find('td[data-date="' + $selectedTo.text()   + '"]').addClass('on').addClass('end');

            // 시작일, 종료일이 정상적일 경우 그림
            if( moment($selectedFrom.text()).isValid() || moment($selectedTo.text()).isValid() ) {
                
                var $tempMomentFrom = moment($selectedFrom.text());
                var $tempMomentTo   = moment($selectedTo.text());

                while ( $tempMomentFrom.isBefore($tempMomentTo) ) {

                    $layer.find('[data-date="' + $tempMomentFrom.format('YYYY-MM-DD') + '"]').addClass('on');
                    $tempMomentFrom.add(1, 'day');
                }
            }
        }
    };

    function isEnableDate( pCompareDate, pFormat ) {

        if( options.minDate && options.maxDate ) {

            var tempDate = pCompareDate * 1;
            var minDate  = moment( options.minDate ).format(pFormat) * 1;
            var maxDate  = moment( options.maxDate ).format(pFormat) * 1;

            if( tempDate < minDate || tempDate > maxDate ) {
                return false;
            }
        }

        if( options.minDate ) {

            var tempDate = pCompareDate * 1;
            var minDate  = moment( options.minDate ).format(pFormat) * 1;
            var rToday  = moment( options.today ).format(pFormat) * 1;

            if( tempDate < minDate )
                return false;
                
            if( pFormat == "YYYYMMDD" && tempDate < rToday ) {
                return false;
            }
                
        }

        if( options.maxDate ) {

            var tempDate = pCompareDate * 1;
            var maxDate  = moment( options.maxDate ).format(pFormat) * 1;

            if( tempDate > maxDate )
                return false;
        }

        return true;
    };

    function clear() {

        $selectorFrom.val('');
        $selectorTo.val('');
        $selectedFrom.empty();
        $selectedTo.empty();
        options.$moment1 = new moment();
        options.$moment2 = new moment().add(1, 'M');
        drawPicker(0);
        $selectedLbFrom.addClass('active');
        $selectedLbTo.removeClass('active');
    };

    init();
};

ControlManage2.prototype.month             = function(pOptions) {

    var item = $('[data-area="' + pOptions.areaName + '"] [name="' + pOptions.controlName + '"]');

    var control = new Control({
        selector   : '[data-area="' + pOptions.areaName + '"] [data-control="' + pOptions.controlName + '"]',
        obj        : item,
        areaName   : pOptions.areaName,
        controlName: pOptions.controlName,
        controlType: item.attr('data-control'),
    });

    control.getMonthLayerTag = function() {

        return  '<div class="button-layer el-calendar" data-control-layer data-area-name="' + this.areaName + '" data-control-name="' + this.controlName + '" style="display:none;position:absolute;z-index:999999">' +
                '    <div class="inner">' +
                '        <div class="calendar">' +
                '            <div class="calendar-inner">' +
                '                <ul>' +
                '                    <li>' +
                '                        <div class="calendar-header">' +
                '                        </div>' +
                '                        <div class="calendar-month-select">' +
                '                            <div class="calendar-month-select-inner">' +
                '                                <div><button type="button" value="01"><span>01</span></button></div>' +
                '                                <div><button type="button" value="02"><span>02</span></button></div>' +
                '                                <div><button type="button" value="03"><span>03</span></button></div>' +
                '                                <div><button type="button" value="04"><span>04</span></button></div>' +
                '                                <div><button type="button" value="05"><span>05</span></button></div>' +
                '                                <div><button type="button" value="06"><span>06</span></button></div>' +
                '                                <div><button type="button" value="07"><span>07</span></button></div>' +
                '                                <div><button type="button" value="08"><span>08</span></button></div>' +
                '                                <div><button type="button" value="09"><span>09</span></button></div>' +
                '                                <div><button type="button" value="10"><span>10</span></button></div>' +
                '                                <div><button type="button" value="11"><span>11</span></button></div>' +
                '                                <div><button type="button" value="12"><span>12</span></button></div>' +
                '                            </div>' +
                '                        </div>' +
                '                    </li>' +
                '                </ul>' +
                '                <a href="javascript:void(0);" class="calendar-prev"><span>Prev</span></a>' +
                '                <a href="javascript:void(0);" class="calendar-next"><span>Next</span></a>' +
                '            </div>' +
                '        </div>' +
                '        <button type="button" class="btn-close"><span>Close</span></button>' +
                '    </div>' +
                '</div>';
    };

    // 메서드 변경
    control.init                 = function() {

        var _this = this;
        
        _this.obj.off();                                      // 이벤트제거
        _this.obj.attr('autocomplete', 'off');                // 자동완성제거
        _this.obj.removeAttr('readonly');                     // 읽기전용제거
        _this.obj.nextAll('.btn-clear').remove();
        _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
        _this.obj.addClass('position');
        $('.wrap').find('[data-control-layer][data-area-name="' + _this.areaName + '"][data-control-name="' + _this.controlName + '"]').remove();    // 레이어제거

        _this.monthLayer = $(_this.getMonthLayerTag());                                                   // 콤보레이어 객체 할당
        $('.wrap').append( _this.monthLayer );                                                            // 콤보레이어 추가

        if(_this.cleave)
            _this.cleave.destroy();

        _this.cleave = new Cleave(_this.obj, {
            date: true,
            delimiter: '-',
            datePattern: ['Y', 'm']
        });
    };

    control.bindEvent            = function() {

        var _this = this;

        _this.obj.on('click', function() {

            _this.obj.val();

            var $moment;

            if( moment(_this.obj.val(), 'YYYY-MM').isValid() ) {
                $moment = moment(_this.obj.val(), 'YYYY-MM');
            }
            else {
                $moment = moment();
            }

            _this.monthLayer.find('.calendar-header').empty().append( $moment.format('YYYY') );                           // 년도설정
            _this.monthLayer.find('.calendar-month-select button').removeClass('on');                                     // 선택 월 스타일 초기화
            _this.monthLayer.find('.calendar-month-select button[value="' + $moment.format('MM') + '"]').addClass('on');  // 선택 월 스타일 추가

            _this.showLayer();
        });

        _this.monthLayer.find('.btn-close').on('click', function() {
            _this.hideLayer();
        });

        _this.monthLayer.find('.calendar-month-select button').on('click', function() {

            _this.setData( _this.monthLayer.find('.calendar-header').text() + '-' + $(this).val() );
            _this.hideLayer();
        });

        _this.monthLayer.find('a.calendar-prev').on('click', function() {
            var year = _this.monthLayer.find('.calendar-header').text() * 1 - 1;
            _this.monthLayer.find('.calendar-header').empty().append(year);
        });

        _this.monthLayer.find('a.calendar-next').on('click', function() {
            var year = _this.monthLayer.find('.calendar-header').text() * 1 + 1;
            _this.monthLayer.find('.calendar-header').empty().append(year);
        });

        _this.obj.nextAll('.btn-clear').on('click', function() {
            _this.setData('');
            _this.obj.nextAll('.btn-clear').hide();
        });
    };

    control.showLayer            = function() {
        var _this = this;

        // 모든 레이어 닫기
        $('[data-control-layer]').hide();

        // 컨트롤 위치를 찾아 레이어 위치를 설정
        var position = _this.getPos();

        _this.monthLayer.css('top', position.x + 'px');
        _this.monthLayer.css('left',position.y + 'px');
        _this.monthLayer.show();
    };

    control.hideLayer            = function() {

        var _this = this;
        _this.monthLayer.hide();
        _this.obj.blur();
    };

    // 컨트롤 절대 위치 반환
    control.getPos               = function() {

        var _this = this;
        var el = _this.obj.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + ( window.scrollX || window.pageXOffset );
        var y = rect.top  + ( window.scrollY || window.pageYOffset );

        return { x: y, y: x };
    };

    control.init();
    control.bindEvent();

    this.areas[pOptions.areaName]['controls'][pOptions.controlName] = control;
};

ControlManage2.prototype.initComboMobile   = function(pAreaName, pControlName, pUrl, pParam, pCVT, pAddData, pSnyc) {

    var _that = this;

    var item = $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]');

    var controlType = item.attr('data-control');
    var comboType   = item.attr('data-combo-type');

    var control = new Control({
        selector   : '[data-area="' + pAreaName + '"] [data-control="' + pControlName + '"]',
        obj        : item,
        areaName   : pAreaName,
        controlName: pControlName,
        controlType: controlType,
    });

    // 프로퍼티 추가
    control.comboType = comboType;  // S (검색콤보)
    control.comboData = [];

    control.nodatatxt = ' 검색결과가 없습니다.';
    control.inittxt   = '검색어를 입력하세요.';

    /******************************************************************************/
    // 콤보레이어
    /******************************************************************************/
    control.getComboLayerTag     = function() {

        return '<div class="button-layer type2" style="display:none;" data-control-layer="' + controlType + '" data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '">' +
               '    <div class="inner">' +
               '        <ul class="list"></ul>' +
               '        <p class="no-data" style="display:none;"></p>' +
               '    </div>' +
               '</div>';
    };
    
    /******************************************************************************/
    // 콤보아이템
    /******************************************************************************/
    control.bindComboItem        = function() {

        var _this = this;

        var comboItemTag = '';

        _this.comboData.forEach(function(cur) {

            var code  = cur[pCVT.code];
            var value = cur[pCVT.value];
            var text  = cur[(pCVT.text ? pCVT.text : pCVT.value)];
    
            comboItemTag += '<li data-code="' + code + '" data-value="' + value + '" data-text="' + text + '" ><a href="javascript:void(0);">' + text + '</a></li>';
        });

        _this.comboItems = $(comboItemTag);
        _this.comboLayer.find('ul').empty().append(_this.comboItems);  // 콤보아이템 바인딩
    
        _this.addComboItemEvent();                                     // 콤보아이템 이벤트 설정
        
        // 첫번째 데이터 선택
        if(_this.comboData.length > 0) {
            _this.setData(_this.comboData[0][pCVT.code]);
        }
    };

    /******************************************************************************/
    // 콤보아이템 이벤트
    /******************************************************************************/
    control.addComboItemEvent    = function() {

        var _this = this;
        
        var touchmoved;
        _this.comboItems.on('touchend', function(e) {
            e.preventDefault();
            if(touchmoved != true){
                _this.setData($(this).attr('data-code'));
            }
        }).on('touchmove', function(e){
            touchmoved = true;
        }).on('touchstart', function(){
            touchmoved = false;
        });
        
    };

    /******************************************************************************/
    // 콤보아이템 검색
    /******************************************************************************/
    control.bindFilterComboItem  = function(pFilterTxt, pIsShow) {

        var _this = this;

        // 콤보아이템 텍스트 초기화 (강조표시 초기화)
        _this.comboLayer.find('ul.list li.filter').each(function(idx, item) {
            $(item).removeClass('filter').find('a').empty().append( $(item).attr('data-text') );
        });

        // 선택초기화
        _this.comboLayer.find('ul.list li.selected').removeClass('selected');

        // 검색어가 존재할 경우
        if(pFilterTxt) {
            
            // 전체 콤보아이템 숨김
            _this.comboItems.hide();
            
            // 검색어와 일치하는 콤보아이템을 할당
            var _$comboItemsFilter = _this.comboLayer.find('ul.list li[data-text*="' + pFilterTxt + '"]');

            if(_$comboItemsFilter.length > 0) {

                _$comboItemsFilter.each(function(idx, item) {

                    var text = btUtil.replaceAll($(item).attr('data-text'), pFilterTxt, '<strong>' + pFilterTxt + '</strong>');

                    $(item).addClass('filter');
                    $(item).show();
                    $(item).find('a').empty().append(text);
                });
                
                _this.comboLayer.find('.no-data').hide();
                _this.comboLayer.find('ul.list').show();
            }
            else {
                // 검색 결과가 없습니다.
                _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt);
                _this.comboLayer.find('.no-data').show();
            }
        }
        // 검색어가 존재하지 않을 경우
        else {
            _this.comboLayer.find('ul.list').show();
            _this.comboLayer.find('.no-data').hide();
            _this.comboItems.show();
        }

        // 검색결과
        if( _this.comboLayer.find('ul.list li.filter').length > 0 ) {
            _this.comboLayer.find('ul.list li.filter:eq(0)').addClass('selected');
        }
        else {
            _this.comboLayer.find('ul.list li.on:eq(0)').addClass('selected');
        }

        if(pIsShow) _this.comboLayer.show();
    };

    // 메서드 변경
    control.init                 = function() {

        var _this = this;
        
        _this.obj.off();                                      // 이벤트제거
        _this.obj.attr('autocomplete', 'off');                // 자동완성제거
        _this.obj.removeAttr('readonly');                     // 읽기전용제거
        _this.obj.nextAll('.btn-clear').remove();             // 삭제버튼제거
        _this.obj.removeClass('position');                    // 클래스제거
        _this.obj.nextAll('[data-control-layer]').remove();   // 레이어제거

        // 검색이 가능한 콤보일 경우
        if(comboType == 'S') {
            _this.obj.removeAttr('readonly');
            _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
            _this.obj.addClass('position');
        }
        // 검색이 불가한 콤보일 경우
        else {
            _this.obj.attr('readonly', 'readonly');           // 읽기전용
            _this.obj.nextAll('.btn-clear').remove();         // 삭제버튼제거
            _this.obj.removeClass('position');                // 클래스제거
        }
        
        _this.obj.after( _this.getComboLayerTag() );                     // 콤보레이어
        _this.comboLayer = _this.obj.nextAll('[data-control-layer]');    // 콤보레이어 객체 할당

        _this.setComboData();                                 // 콤보 데이터 설정
    };

    control.bindEvent            = function() {

        var _this = this;

        // 콤보 포커싱
        _this.obj.on('focusin', function() {

            hideLayers();

            if( _this.comboType == 'S' )
                _this.obj.val('');

            _this.bindFilterComboItem('', true);
        });

        // 콤보레이어 활성화시 키이동 클릭시 스크롤 방지
        _this.obj.on('keydown', function(e) {
            switch(e.keyCode){
                case 37: 
                case 39: 
                case 38:  
                case 40: // Arrow keys
                // case 32: 
                //     e.preventDefault(); break; // Space
            }
        });

        // 콤보 키이벤트
        _this.obj.on('keyup'  , function(e) {

            var isFilter = ( _this.comboLayer.find('ul.list li.filter').length > 0 ? true : false );

            switch(e.keyCode) {
                case 27:    // ESC
                    _this.hideLayer();
                    break;
                case 38:    // UP
                    
                    var $selectedComboItem     = _this.comboLayer.find('ul.list li.selected');
                    var $selectedComboItemPrev = $selectedComboItem.prev();

                    if( isFilter ) {
                        $selectedComboItemPrev = $selectedComboItem.prevAll('li.filter:eq(0)');
                    }
    
                    if($selectedComboItemPrev.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemPrev.addClass('selected').get(0).offsetTop;
    
                        if(_this.comboLayer.find('ul').get(0).scrollTop > topPos)
                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                    }
                    
                    break;
                case 40:    // DOWN
    
                    var comboHeight     = _this.comboLayer.find('ul').height();       // 콤보높이
                    var comboItemHeight = _this.comboLayer.find('li:eq(0)').height(); // 콤보항목높이
    
                    var $selectedComboItem = _this.comboLayer.find('ul.list li.selected');

                    if( $selectedComboItem.length <= 0 ) {
                        _this.comboLayer.find('li:eq(0)').addClass('selected');
                        return;
                    }

                    var $selectedComboItemNext = $selectedComboItem.next();

                    if( isFilter ) {
                        $selectedComboItemNext = $selectedComboItem.nextAll('li.filter:eq(0)');
                    }
    
                    if($selectedComboItemNext.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemNext.addClass('selected').get(0).offsetTop;
                        
                        // 스크롤 존재시
                        if( _this.hasVerticalScrollBar() && _this.comboLayer.find('ul').get(0).scrollTop + comboHeight - comboItemHeight < topPos ) {

                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                        }
                    }
                    break;
                case 13:    // ENTER
                    
                    _this.setData(_this.comboLayer.find('ul.list li.selected').attr('data-code'));

                    break;
                default:

                    if(_this.comboType != 'S') return;

                    _this.bindFilterComboItem( _this.obj.val(), true );
                    break;
            }
        });

        _this.obj.nextAll('.btn-clear').on('click', function() {

            // 필요한 컨트롤 : text, time, hp, tel, card, number, combo(검색)
            _this.setData('');
            _this.obj.nextAll('.btn-clear').hide();
        });
    };

    control.setData              = function(pValue) {

        var _this = this;

        pValue = (pValue ? pValue : '');

        var findData = _this.comboData.find(function(cur) {
            return ( cur[pCVT.code] == pValue );
        });

        if(!findData)
            return;

        var code  = findData[pCVT.code]
        var value = findData[pCVT.value]
        var text  = findData[pCVT.text] ? findData[pCVT.text] : findData[pCVT.value];

        _this.obj.attr('data-code' , code);
        _this.obj.attr('data-value', value);
        _this.obj.attr('data-text' , text);
        _this.obj.val(value);

        if(_this.comboItems) {

            _this.comboItems.removeClass('selected');
            _this.comboItems.removeClass('on');

            var highlightItem = _this.comboItems.find('strong');

            if( highlightItem ) {
                var highlightItemText = highlightItem.closest('li').attr('data-text');
                highlightItem.closest('a').empty().append(highlightItemText);
            }
        }
        
        _this.comboLayer.find('ul.list li[data-code="' + _this.obj.attr('data-code') + '"]').addClass('on');
        _this.comboLayer.hide();
        _this.obj.blur();

        if(pValue /* && _this.comboLayer.find('ul.list li[data-code=""]').length > 0 */ )
            _this.obj.nextAll('.btn-clear').show();
        else
            _this.obj.nextAll('.btn-clear').hide();
        
        _this.obj.trigger('combo-change');
    };

    control.getData              = function(pIsObj) {

        if(pIsObj) {
            return {
                code : this.obj.attr('data-code'),
                value: this.obj.attr('data-value')
            }
        }
        else {
            return this.obj.attr('data-code');
        }
    };

    control.clear                = function() {

        var _this = this;

        if( _this.comboData.length > 0 ) {
            _this.setData(_this.comboData[0][pCVT.code]);
        }
        
        _this.obj.closest('dl').removeClass('error');
    };

    // 메서드 추가
    control.setComboData         = function() {

        var _this = this;

        if(pAddData && pAddData.length > 0)
            _this.comboData = _this.comboData.concat(pAddData);

        if(pUrl) {

            if( pSnyc ) {

                btUtil.send_sync(pUrl, pParam, function(data) {

                    for(var key in data) {
                        _this.comboData = _this.comboData.concat(data[key]);
                    }
        
                    _this.bindComboItem();
                });
            }
            else {
                btUtil.send(pUrl, pParam, function(data) {

                    for(var key in data) {
                        _this.comboData = _this.comboData.concat(data[key]);
                    }
        
                    _this.bindComboItem();
                });
            }
        }
        else
            _this.bindComboItem();
    };

    control.hideLayer            = function() {

        var _this = this;

        _this.setData(_this.obj.attr('[data-code]'));
        _this.comboLayer.hide();
        _this.obj.blur();
    };

    // 레이어에 스크롤이 있는지 체크
    control.hasVerticalScrollBar = function() {
        return this.comboLayer.find('ul').get(0) ? this.comboLayer.find('ul').get(0).scrollHeight > this.comboLayer.find('ul').innerHeight() : false;
    };

    control.init();
    control.bindEvent();

    _that.areas[pAreaName]['controls'][pControlName] = control;
};

ControlManage2.prototype.initComboSrMobile = function(pAreaName, pControlName, pCVT, pCallback) {

    var _that = this;

    var item = $('[data-area="' + pAreaName + '"] [name="' + pControlName + '"]');

    var controlType = item.attr('data-control');
    var comboType   = item.attr('data-combo-type');

    var control = new Control({
        selector   : '[data-area="' + pAreaName + '"] [data-control="' + pControlName + '"]',
        obj        : item,
        areaName   : pAreaName,
        controlName: pControlName,
        controlType: controlType,
    });

    // 프로퍼티 추가
    control.comboType   = comboType;  // S (검색콤보)
    control.comboData   = [];
    control.isSearching = false;      // 실시간검색중 : true

    control.nodatatxt = ' 검색결과가 없습니다.';
    control.inittxt   = '검색어를 입력하세요.';

    /******************************************************************************/
    // 콤보레이어
    /******************************************************************************/
    control.getComboLayerTag     = function() {

        return '<div class="button-layer type2" style="display:none;" data-control-layer="' + controlType + '" data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '">' +
               '    <div class="inner">' +
               '        <ul class="list" style="display:none;"></ul>' +
               '        <p class="no-data">검색어를 입력하세요.</p>' +
               '    </div>' +
               '</div>';
    };

    /******************************************************************************/
    // 콤보아이템
    /******************************************************************************/
    control.bindComboItem        = function(data) {

        var _this = this;

        _this.comboData = data;

        var comboItemTag = '';

        data.forEach(function(cur) {

            var code  = cur[ pCVT.code ];
            var value = cur[ pCVT.value ];
            var text  = cur[ pCVT.text ];

            comboItemTag += '<li data-code="' + code + '" data-value="' + value + '" data-text="' + text + '" ><a href="javascript:void(0);">' + text + '</a></li>';
        });
        
        _this.comboItems = $(comboItemTag);
        _this.comboItems.eq(0).addClass('selected');
        _this.comboLayer.find('ul').empty().append(_this.comboItems);  // 콤보아이템 바인딩
        

        _this.addComboItemEvent();

        if(data.length > 0) {

            _this.comboLayer.find('ul').show();
            _this.comboLayer.find('.no-data').hide();
        }
        else if( _this.obj.val().length > 0 && data.length <= 0 ) {

            _this.comboLayer.find('ul').hide();
            _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt).show();
        }
        else {
            _this.comboLayer.find('ul').hide();
            _this.comboLayer.find('.no-data').empty().append(_this.inittxt).show();
        }

        _this.isSearching = false;
    };

    /******************************************************************************/
    // 콤보아이템 이벤트
    /******************************************************************************/
    control.addComboItemEvent    = function() {

        var _this = this;
        
        var touchmoved;
        _this.comboItems.on('touchend', function(e) {
            e.preventDefault();
            if(touchmoved != true){
                _this.setData($(this).attr('data-code'));
            }
        }).on('touchmove', function(e){
            touchmoved = true;
        }).on('touchstart', function(){
            touchmoved = false;
        });
    };

    // 메서드 변경
    control.init                 = function() {

        var _this = this;
        
        _this.obj.off();                                    // 이벤트제거
        _this.obj.attr('autocomplete', 'off');              // 자동완성제거
        _this.obj.removeAttr('readonly');
        _this.obj.nextAll('.btn-clear').remove();
        _this.obj.after('<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>');
        _this.obj.addClass('position');
        _this.obj.nextAll('[data-control-layer]').remove();   // 레이어제거
        
        // 추가
        //_this.comboLayer = $(_this.getComboLayerTag());
        //$('.wrap').append( _this.comboLayer );             // 콤보레이어
        //_this.maxHeight = _this.comboLayer.find('ul').css('max-height').replace(/[^-\d\.]/g, '') * 1; // 콤보레이어 최대높이 할당
        _this.obj.after( _this.getComboLayerTag() );                     // 콤보레이어
        _this.comboLayer = _this.obj.nextAll('[data-control-layer]');    // 콤보레이어 객체 할당
    };

    control.bindEvent            = function() {

        var _this = this;

        // 콤보 포커싱
        _this.obj.on('focusin', function() {
            $(this).nextAll('[data-control-layer]').css('display', 'block');
            _this.obj.val('');
            _this.comboLayer.find('ul').hide();
            _this.comboLayer.find('.no-data').empty().append(_this.nodatatxt).show();
            _this.obj.nextAll('.btn-clear').hide();
            // _this.showLayer();
        });

        // 콤보레이어 활성화시 키이동 클릭시 스크롤 방지
        _this.obj.on('keydown', function(e) {
            switch(e.keyCode) {
                case 38:
                case 40: // Arrow keys
                // case 32:
                //     e.preventDefault(); break; // Space
            }
        });

        // 콤보 키이벤트
        _this.obj.on('keyup'  , function(e) {

            switch(e.keyCode) {
                case 27:    // ESC
                    _this.hideLayer();
                    break;
                case 38:    // UP
                    
                    var $selectedComboItem     = _this.comboLayer.find('ul.list li.selected');
                    var $selectedComboItemPrev = $selectedComboItem.prev('li:visible');
    
                    if($selectedComboItemPrev.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemPrev.addClass('selected').get(0).offsetTop;
    
                        if(_this.comboLayer.find('ul').get(0).scrollTop > topPos)
                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                    }
                    
                    break;
                case 40:    // DOWN
    
                    var comboHeight     = _this.comboLayer.find('ul').height();       // 콤보높이
                    var comboItemHeight = _this.comboLayer.find('li:eq(0)').height(); // 콤보항목높이
    
                    var $selectedComboItem = _this.comboLayer.find('ul.list li.selected');

                    if( $selectedComboItem.length <= 0 ) {
                        _this.comboLayer.find('li:eq(0)').addClass('selected');
                        return;
                    }

                    var $selectedComboItemNext = $selectedComboItem.next('li:visible');
    
                    if($selectedComboItemNext.length > 0) {

                        $selectedComboItem.removeClass('selected');

                        var topPos = $selectedComboItemNext.addClass('selected').get(0).offsetTop;
                        
                        // 스크롤 존재시
                        if( _this.hasVerticalScrollBar() && _this.comboLayer.find('ul').get(0).scrollTop + comboHeight - comboItemHeight < topPos ) {

                            _this.comboLayer.find('ul').get(0).scrollTop = topPos;
                        }
                    }
                    break;
                case 13:    // ENTER
                    
                    _this.setData(_this.comboLayer.find('ul.list li.selected').attr('data-code'));

                    break;
                default:
    
                        if( !_this.isSearching ) {
    
                            _this.isSearching = true;

                            setTimeout(function() {
                                pCallback.call(_this, _this.bindComboItem );
                            }, 500);
                        }
    
                        break;
            }
        });

        _this.obj.nextAll('.btn-clear').on('click', function() {

            // 필요한 컨트롤 : text, time, hp, tel, card, number, combo(검색)
            _this.setData('');
            _this.obj.nextAll('.btn-clear').hide();
        });
    };

    control.setData              = function(pValue) {

        var _this = this;

        pValue = (pValue ? pValue : '');

        var findData = _this.comboData.find(function(cur) {
            return ( cur[pCVT.code] == pValue );
        });

        if( pValue && !findData && typeof _this.setSearchData == 'function') {
            findData = _this.setSearchData(pValue);
        }

        var code  = '';
        var value = '';
        var text  = '';

        if(findData) {

            code  = findData[pCVT.code]
            value = findData[pCVT.value]
            text  = findData[pCVT.text] ? findData[pCVT.text] : findData[pCVT.value];
        }

        _this.obj.attr('data-code' , code);
        _this.obj.attr('data-value', value);
        _this.obj.attr('data-text' , text);
        _this.obj.val(value);

        // _this.comboItems.removeClass('selected');
        // _this.comboItems.removeClass('on');
        // _this.comboLayer.find('ul.list li[data-code="' + _this.obj.attr('data-code') + '"]').addClass('on');
        _this.comboLayer.hide();
        _this.obj.blur();

        // var highlightItem = _this.comboItems.find('strong');   //

        // if( highlightItem ) {
        //     var highlightItemText = highlightItem.closest('li').attr('data-text');
        //     highlightItem.closest('a').empty().append(highlightItemText);
        // }

        if( _this.obj.val().length > 0 )
            _this.obj.nextAll('.btn-clear').show();
        else
            _this.obj.nextAll('.btn-clear').hide();
        
        _this.obj.trigger('combo-change');
    };

    control.getData              = function(pIsObj) {

        if(pIsObj) {
            return {
                code : this.obj.attr('data-code'),
                value: this.obj.attr('data-value')
            }
        }
        else {
            return this.obj.attr('data-code');
        }
    };

    control.clear                = function() {
        var _this = this;
        // _this.setData('');
        _this.obj.closest('dl').removeClass('error');
    };

    control.hideLayer            = function() {

        var _this = this;

        _this.setData(_this.obj.attr('[data-code]'));
        _this.comboLayer.hide();
        _this.obj.blur();
    };

    // 레이어에 스크롤이 있는지 체크
    control.hasVerticalScrollBar = function() {
        return this.comboLayer.find('ul').get(0) ? this.comboLayer.find('ul').get(0).scrollHeight > this.comboLayer.find('ul').innerHeight() : false;
    }

    control.init();
    control.bindEvent();

    _that.areas[pAreaName]['controls'][pControlName] = control;
};

/**
 * @method    paging
 * 페이징(웹)
 * @param     {String,Object}    pSelector
 * @param     {function}         pTotalCount
 * @param     {object}           pRowCount
 * @param     {object}           pPageNo
 * @param     {object}           pCallback
 * @param     {object}           pThis
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
ControlManage.prototype.paging = ControlManage2.prototype.paging = function(pSelector, pTotalCount, pRowCount, pPageNo, pCallback, pThis) {
    var _this = this;
    pThis = pThis ? pThis : this;
    var $ele;

    if(typeof pSelector === 'string')
        $ele = $(pSelector);
    else
        $ele = pSelector;

    var totalCount     = pTotalCount * 1;                                  // 전체행갯수
    var rowCount       = pRowCount * 1;                                    // 페이지당 보여줄 행갯수
    var pageSize       = 10;                                               // 화면에 보여줄 페이지번호 갯수
    var pageNo         = pPageNo * 1;                                      // 현재페이지
    var pageCnt        = totalCount % rowCount;

    var html = new Array();

    if (totalCount == 0) return ''; // 페이지 카운트

    if (pageCnt == 0) {
        pageCnt = parseInt(totalCount / rowCount);
    }
    else {
        pageCnt = parseInt(totalCount / rowCount) + 1;
    }

    var pRCnt = parseInt(pageNo / pageSize);

    if (pageNo % pageSize == 0) {
        pRCnt = parseInt(pageNo / pageSize) - 1;
    }

    html.push('<div class="paging">');
    html.push('<a href="javascript:void(0);" class="first"><span>처음 페이지</span></a>');
    html.push('<a href="javascript:void(0);" class="prev" ><span>이전 페이지</span></a>');
    html.push('<span>');

    for (var index = pRCnt * pageSize + 1; index < (pRCnt + 1) * pageSize + 1; index++) {

        // 현재 페이지 효과
        if (index == pageNo) {
            html.push('<a href="javascript:void(0);" class="on">' + index + '</a>');
        }
        else {
            html.push('<a href="javascript:void(0);">' + index + '</a>');
        }

        if (index == pageCnt) {
            break;
        }
    }

    html.push('</span>');
    html.push('<a href="javascript:void(0);" class="next"><span>다음 페이지</span></a>');
    html.push('<a href="javascript:void(0);" class="last"><span>마지막 페이지</span></a>');
    html.push('</div>');

    $ele.empty().append(html.join(''));

    $ele.find('.paging a.first').on('click', function() {

        if(pCallback)
            pCallback.call(pThis, 1, pRowCount);
        else
            _this.paging( pSelector, pTotalCount, pRowCount, 1, pCallback, pThis );

    });

    $ele.find('.paging a.prev').on('click', function() {

        var tempPageNo = pageNo - 1;

        if(tempPageNo <= 0)
            return;

        if(pCallback)
            pCallback.call(pThis, tempPageNo, pRowCount);
        else 
            _this.paging( pSelector, pTotalCount, pRowCount, tempPageNo, pCallback, pThis );
    });

    $ele.find('.paging a.next').on('click', function() {

        var tempPageNo = pageNo + 1;

        if(tempPageNo > pageCnt)
            return;

        if(pCallback)
            pCallback.call(pThis, tempPageNo, pRowCount);
        else
            _this.paging( pSelector, pTotalCount, pRowCount, tempPageNo, pCallback, pThis );
    });

    $ele.find('.paging a.last').on('click', function() {

        if(pCallback)
            pCallback.call(pThis, pageCnt, pRowCount);
        else
            _this.paging( pSelector, pTotalCount, pRowCount, pageCnt, pCallback, pThis );
    });

    $ele.find('span a').on('click', function() {

        if(pCallback) {
            pCallback.call(pThis, $(this).text() * 1, pRowCount);
        }
        else {
            _this.paging( pSelector, pTotalCount, pRowCount, $(this).text(), pCallback, pThis );
        }
    });
};

/************************************************************************************************************************************************************/
// 팝업
/************************************************************************************************************************************************************/

/**
 * @method    InitBtrvrPopup
 * 출장자팝업
 * @param     {Object}        pOptions
 * @param     {Function}      pCallback  출장자확인 콜백함수
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitBtrvrPopup(pOptions, pCallback) {

    this.id = pOptions.id;

    this.btrvrData;                // 출장자
    this.custcoEsmbrTySeCdData;    // 임직원형태 (임직원,비회원,가족)
    this.selfStlmYn;               // 결제 (본인,동행자)
    this.esmbrRegPopup;

    this.popupTag;
    this.$popup;
    this.$btnAdd;
    this.$btnConfirm;
    this.$btnClose;

    this.conMngs = {};

    // 출장자팝업태그반환
    this.getPopupTag     = function() {

        var _this = this;

        return  '<div class="popup-layer big visible" id="' + _this.id + '">' +
                '    <div class="dimmed"></div>' +
                '    <div class="popup-container">' +
                '        <div class="popup-inner">' +
                '            <div class="popup-contents">' +
                '                <div class="popup-header">' +
                '                    <h2>' + '출장자' + ' 선택' + '</h2>' +
                '                </div>' +
                '                <div class="popup-content" tabindex="0">' +
                '                    <div class="popup-content-inner">' +
                '                        <div class="top-function">' +
                '                            <div class="fl">' +
                '                                 <button type="button" class="btn-ty-line1 small" name="btnReg"><span>임직원&nbsp;간편등록</span></button>' +
                '                            </div>' +
                '                            <strong></strong>' +
                '                            <button type="button" class="btn-plus2" name="btnAdd"><span>추가</span></button>' +
                '                        </div>' +
                '                        <div class="form-area" name="btrvrs">' +
                '                        </div>' +
                '                        <div>' +
                '                            <p class="txt-refer" style="color: #FF3636; font-weight: bold;">' +
                '                                <span style="color: red; font-size: 1rem;">[ 동행자 예약 주의 사항 ]</span><br />' +
                '                                1. 해당 예약은 동행자가 존재하는 예약입니다<br />' +
                '                                2. 변경요청 시 전체 인원의 변경요청이 진행되므로 주의하시기 바랍니다<br />' +
                '                                &nbsp;&nbsp;&nbsp;&nbsp;(예, 동행자 3명 요청 후 1명 취소되면 모두 취소로 진행 됨)' +
                '                            </p>' +
                '                        </div>' +
                '                        <div class="btn-area">' +
                '                            <div class="inner">' +
                '                                <button type="button" class="btn-ty-solid2 large"><span>확인</span></button>' +
                '                            </div>' +
                '                        </div>' +
                '                    </div>' +
                '                </div>' +
                '                <button type="button" class="popup-close"><span>팝업 닫기</span></button>' +
                '            </div>' +
                '        </div>' +
                '    </div>' +
                '</div>';
    };

    // 출장자입력폼태그반환
    this.getBtrvrFormTag = function(areaName) {

        return  '<div class="form-table form-lst-cancel" data-area="' + areaName + '">' +
                '    <table>' +
                '        <colgroup>' +
                '            <col style="width:30%;">' +
                '            <col>' +
                '        </colgroup>' +
                '        <tbody>' +
                '            <tr>' +
                '                <td>' +
                '                    <dl>' +
                '                        <dt>출장자</dt>' +
                '                        <dd>' +
                '                            <div class="form">' +
                '                                <input type="text" name="CUSTCO_ESMBR_TY_SE_CD" class="select" data-control="combo">' +
                '                            </div>' +
                '                        </dd>' +
                '                    </dl>' +
                '                </td>' +
                '                <td>' +
                '                    <dl>' +
                '                        <dt class="no-tit"></dt>' +
                '                        <dd>' +
                '                            <div class="form">' +
                '                                <input type="text" name="CUSTCO_ESMBR_NO" class="select" data-control="combo" data-combo-type="S" placeholder="' + '출장자' + ' 선택' + '" />' +
                '                            </div>' +
                '                        </dd>' +
                '                    </dl>' +
                '                </td>' +
                '                <td>' +
                '                    <dl>' +
                '                        <dt class="no-tit"></dt>' +
                '                        <dd>' +
                '                            <div class="form">' +
                '                                <input type="text" name="SELF_STLM_YN" class="select" data-control="combo" />' +
                '                            </div>' +
                '                        </dd>' +
                '                        </dl>' +
                '                </td>' +
                '            </tr>' +
                '        </tbody>' +
                '    </table>' +
                '    <button type="button" class="btn-del">삭제</button>' +
                '</div>';
    };

    // 출장자팝업 열기
    this.open            = function(pBtrvrs)  {

        var _this = this;

        _this.conMngs = {};

        $('#' + _this.id).find('[name="btrvrs"]').empty();

        pBtrvrs.forEach(function(cur) {
            _this.addBtrvr(cur);
        });
        
        _this.addBtrvr({ CUSTCO_ESMBR_TY_SE_CD: '1' });

        popupLayerOpen('#' + _this.id);
    };

    // 출장자팝업 닫기
    this.close           = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.addConMng       = function(pAreaName, pConMng) {
        this.conMngs[pAreaName] = pConMng;
    };

    // 출장자추가
    this.addBtrvr        = function(pBtrvrData) {

        var _this = this;

        var areaName = btUtil.getRandomId() + 'Area';

        var bindTag  = _this.getBtrvrFormTag(areaName);
        var $bindTag = $(bindTag);

        $('#' + _this.id).find('[name="btrvrs"]').append($bindTag);

        var conMng = new ControlManage2(areaName);

        _this.addConMng(areaName, conMng);

        // 임직원형태
        conMng.initCombo(areaName, 'CUSTCO_ESMBR_TY_SE_CD', null, null, { code : 'CD', value : 'CD_NM' }, _this.custcoEsmbrTySeCdData, false);

        // 결제형태
        conMng.initCombo(areaName, 'SELF_STLM_YN', null, null, { code : 'CD', value : 'CD_NM' }, _this.selfStlmYn, false);

        conMng.initComboSr(areaName, 'CUSTCO_ESMBR_NO', { code: 'CD', value: 'CD_NM', text: 'CD_DESC' }, function( bindComboItem ) {

            var _that = this;

            var param = {
                CD_NM                : conMng.control(areaName, 'CUSTCO_ESMBR_NO').obj.val(),
                CUSTCO_ESMBR_TY_SE_CD: conMng.control(areaName, 'CUSTCO_ESMBR_TY_SE_CD').getData(),
                NOT_IN_CD            : _this.getBtrvrData().map(function(cur) { return cur.CUSTCO_ESMBR_NO; }).join(','),
            };

            btUtil.send( 'BRS_BT_WEB_RetrieveEsmbrUserAutoCombo', { baRs: 'OUT_PSET', IN_PSET: param }, function(data) { 
                bindComboItem.call(_that, data.OUT_PSET); 
            });
        });
        
        // 임직원형태 변경 이벤트
        conMng.control(areaName, 'CUSTCO_ESMBR_TY_SE_CD').obj.on('combo-change', function() {

            if( conMng.control(areaName, 'CUSTCO_ESMBR_TY_SE_CD').getData() == '1' ) {
                conMng.control(areaName, 'SELF_STLM_YN').obj.prop('disabled', true);
            }
            else {
                conMng.control(areaName, 'SELF_STLM_YN').obj.prop('disabled', false);
            }
            
            conMng.control(areaName, 'CUSTCO_ESMBR_NO').setData('');
            conMng.control(areaName, 'SELF_STLM_YN').setData('Y');
        });

        // 삭제
        $bindTag.find('.btn-del').on('click', function() {
            _this.delBtrvr(areaName);
        });

        if( pBtrvrData ) {
            
            conMng.control(areaName, 'CUSTCO_ESMBR_TY_SE_CD').setData( pBtrvrData.CUSTCO_ESMBR_TY_SE_CD);
            conMng.control(areaName, 'SELF_STLM_YN').setData(pBtrvrData.SELF_STLM_YN);

            conMng.control(areaName, 'CUSTCO_ESMBR_NO').obj.attr('data-code', pBtrvrData.CUSTCO_ESMBR_NO)
            conMng.control(areaName, 'CUSTCO_ESMBR_NO').obj.attr('data-value', pBtrvrData.CUSTCO_ESMBR_NM)
            conMng.control(areaName, 'CUSTCO_ESMBR_NO').obj.attr('data-text', pBtrvrData.CUSTCO_ESMBR_NM)
            conMng.control(areaName, 'CUSTCO_ESMBR_NO').obj.val(pBtrvrData.CUSTCO_ESMBR_NM);
        }

        _this.changeBtrvr();
    };

    this.delConMng       = function(pAreaName) {
        delete this.conMngs[pAreaName];
    };

    // 출장자삭제
    this.delBtrvr        = function(pAreaName) {
        var _this = this;
        $('#' + _this.id).find('[data-area="' + pAreaName + '"]').remove();   // 요소삭제
        _this.delConMng(pAreaName);                                           // 객체삭제
        _this.changeBtrvr();                                                  // 출장자인원라벨 변경
    };

    // 출장자인원변경
    this.changeBtrvr     = function() {
        $('#' + this.id).find('.top-function strong').text('출장자' + ' 선택 ' + Object.keys(this.conMngs).length );
    };

    // 출장자정보반환
    this.getBtrvrData    = function() {

        var _this = this;
        var rtnData = [];

        for(var key in _this.conMngs) {

            for(var areaName in _this.conMngs[key].areas) {

                var CUSTCO_ESMBR_NO = _this.conMngs[key].control(areaName, 'CUSTCO_ESMBR_NO').getData(true);

                if( CUSTCO_ESMBR_NO.code ) {

                    rtnData.push({
                        BIZ_NO               : USER_SESSION.BIZ_NO,
                        CUSTCO_ESMBR_NO      : _this.conMngs[key].control(areaName, 'CUSTCO_ESMBR_NO').getData(true).code,
                        CUSTCO_ESMBR_NM      : _this.conMngs[key].control(areaName, 'CUSTCO_ESMBR_NO').getData(true).value,
                        CUSTCO_ESMBR_TY_SE_CD: _this.conMngs[key].control(areaName, 'CUSTCO_ESMBR_TY_SE_CD').getData(),
                        SELF_STLM_YN         : _this.conMngs[key].control(areaName, 'SELF_STLM_YN').getData()
                    });
                }
            }
        }

        return rtnData;
    }

    this.init            = function() {

        var _this = this;

        btUtil.send_sync('BRS_BT_WEB_RetrieveCmCodeList', { baRs: 'OUT_PSET', IN_PSET: { GRP_CD: 'CUSTCO_ESMBR_TY_SE_CD', ATTR1: 'Y' } }, function(data) { _this.custcoEsmbrTySeCdData = data.OUT_PSET; });
        _this.selfStlmYn   = [ { CD: 'Y', CD_NM: '동행자본인결제'}, { CD: 'N', CD_NM: '대리등록자결제' } ];

        _this.popupTag     = _this.getPopupTag();
        _this.$popup       = $(_this.popupTag);
        _this.$btnAdd      = _this.$popup.find('.top-function [name="btnAdd"]');
        _this.$btnConfirm  = _this.$popup.find('.btn-area button');
        _this.$btnClose    = _this.$popup.find('.popup-close');

        $('.wrap').append(_this.$popup);

        _this.esmbrRegPopup = new InitEsmbrRegPopup({ id: 'esmbrRegPopup' });

        _this.addEvent();
    };

    this.addEvent        = function() {

        var _this = this;

        $('#' + _this.id).find('[name="btnReg"]').on('click', function() {
            _this.esmbrRegPopup.open();
        });

        // 출장자 추가이벤트
        _this.$btnAdd.on('click', function() {
            _this.addBtrvr({ CUSTCO_ESMBR_TY_SE_CD: '1' });
        });

        // 출장자 추가확인이벤트
        _this.$btnConfirm.on('click' , function() {

            if(pCallback) {
                pCallback(_this.getBtrvrData());
            }

            _this.close();
        });

        // 출장자팝업 닫기이벤트
        _this.$btnClose.on('click', function() {

            if(pCallback) {
                pCallback(_this.getBtrvrData());
            }

            _this.close();
        });
    };

    this.init();
}

/**
 * @method    InitBtrvrPopup
 * 임직원등록팝업
 * @param     {Object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitEsmbrRegPopup(pOptions) {

    this.id = pOptions.id;
    this.conMng;

    this.getPopupTag     = function() {
        return  '<div class="popup-layer large visible" id="' + this.id + '">' +
                '    <div class="dimmed"></div>' +
                '    <div class="popup-container">' +
                '        <div class="popup-inner">' +
                '            <div class="popup-contents">' +
                '                <div class="popup-header">' +
                '                    <h2>임직원간편등록</h2>' +
                '                </div>' +
                '                <div class="popup-content" tabindex="0">' +
                '                    <div class="popup-content-inner">' +
                '                        <div class="form-area" data-area="esmbrRegArea">' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>구분<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="CUSTCO_ESMBR_TY_SE_CD" class="select" data-control="combo" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>근무지<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="BT_WRKPLC_NO" data-control="combo" data-combo-type="S" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>부서<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="CUSTCO_DEPT_CD" data-control="combo" data-combo-type="S" placeholder="부서선택" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>직위<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="CUSTCO_OFPS_CD" class="select" data-control="combo" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>성명(국문)<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="KOR_FNM" data-control="text" placeholder="성명입력" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>성명(영문)<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="FRR_YN" class="select" data-control="combo" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt class="no-tit">성명 (영문명) Family Name</dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="ENG_LSTNM" data-control="text" placeholder="Family Name" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                        <td style="display:none;">' +
                '                                            <dl>' +
                '                                                <dt class="no-tit">성명 (영문명) Middle Name</dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="ENG_MDL_NM" data-control="text" placeholder="Middle Name" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt class="no-tit">성명 (영문명) Given Name</dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="ENG_NM" data-control="text" placeholder="Given Name" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <colgroup>' +
                '                                        <col style="width:40%;" />' +
                '                                        <col />' +
                '                                    </colgroup>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>연락처<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="HP_INPH_NTN_NO" class="select" data-control="combo" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt class="no-tit">연락처입력</dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="HP_NO" data-control="text" placeholder="연락처입력" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <colgroup>' +
                '                                        <col />' +
                '                                        <col style="width:7%;" />' +
                '                                        <col style="width:35%;" />' +
                '                                    </colgroup>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>이메일<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="COMP_EML_ADR" data-control="text" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                        <td>' +
                '                                            <dl class="no-bor">' +
                '                                                <dt class="no-tit">도메인입력</dt>' +
                '                                                <dd class="ac">@</dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt class="no-tit">도메인선택</dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="CUSTCO_DMN_ADR" class="select" data-control="combo" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <div class="form-table">' +
                '                                <table>' +
                '                                    <tr>' +
                '                                        <td>' +
                '                                            <dl>' +
                '                                                <dt>생년월일<span class="ico-ess-mark">필수항목</span></dt>' +
                '                                                <dd>' +
                '                                                    <div class="form">' +
                '                                                        <input type="text" name="BRTH" data-control="picker" placeholder="ex)1987-01-01" />' +
                '                                                    </div>' +
                '                                                </dd>' +
                '                                            </dl>' +
                '                                        </td>' +
                '                                    </tr>' +
                '                                </table>' +
                '                            </div>' +
                '                            <ul class="list-ty-dash">' +
                '                                <li class="color4">여권과 동일한 영문으로 입력하세요.</li>' +
                '                            </ul>' +
                '                            <div class="form-group mt25">' +
                '                                <input type="radio" name="SX_CD" id="rdoSxCd1" data-control="radio" value="M" checked="checked"><label for="rdoSxCd1">남자</label>' +
                '                                <input type="radio" name="SX_CD" id="rdoSxCd2" data-control="radio" value="F"><label for="rdoSxCd2">여자</label>' +
                '                            </div>' +
                '                        </div>' +
                '                        <div class="btn-area">' +
                '                            <div class="inner">' +
                '                                <button type="button" class="btn-ty-solid2 large" name="btnEsmbrSave"><span>저장</span></button>' +
                '                                <button type="button" class="btn-ty-solid1 large" onclick="popupLayerClose(this);"><span>취소</span></button>' +
                '                            </div>' +
                '                        </div>' +
                '                    </div>' +
                '                </div>' +
                '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                '            </div>' +
                '        </div>' +
                '    </div>' +
                '</div>';
    };

    this.open            = function() {

        var _this = this;

        _this.conMng.clear('esmbrRegArea');
        popupLayerOpen('#' + _this.id);
    };

    this.close           = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.init            = function() {

        var _this = this;

        $('.wrap').append( _this.getPopupTag() );

        _this.conMng = new ControlManage2('esmbrRegArea');

        _this.conMng.control('esmbrRegArea', 'BRTH').obj.removeClass('date').removeClass('position');

        // 임직원형태
        _this.conMng.initCombo('esmbrRegArea', 'CUSTCO_ESMBR_TY_SE_CD', 'BRS_BT_WEB_RetrieveCmCodeList' , { baRs: 'OUT_PSET', IN_PSET: { GRP_CD: 'CUSTCO_ESMBR_TY_SE_CD', ATTR1: 'Y' } }, { code : 'CD', value : 'CD_NM'  }, [], false);
        // 근무지
        _this.conMng.initCombo('esmbrRegArea', 'BT_WRKPLC_NO'         , 'BRS_BT_WEB_RetrieveWrkplcCombo', { baRs: 'OUT_PSET', IN_PSET: { BIZ_NO : USER_SESSION.BIZ_NO    } }, { code : 'CD', value : 'CD_NM'  }, [ { CD: '', CD_NM: '선택' } ], false);
        // 부서
        _this.conMng.initComboSr('esmbrRegArea', 'CUSTCO_DEPT_CD', { code: 'CD', value: 'CD_NM', text: 'CD_NM'   }, function( bindComboItem ) {
        
            var that = this;

            var param = {
                BIZ_NO: USER_SESSION.BIZ_NO,
                CD_NM : _this.conMng.control('esmbrRegArea', 'CUSTCO_DEPT_CD').obj.val()
            };

            btUtil.send( 'BRS_BT_WEB_RetrieveDeptAutoCombo', { baRs: 'OUT_PSET', IN_PSET: param }, function(data) {
                bindComboItem.call(that, data.OUT_PSET);
            });
        });
        // 직위
        _this.conMng.initCombo('esmbrRegArea', 'CUSTCO_OFPS_CD', 'BRS_BT_WEB_RetrieveOfpsCombo'  , { baRs: 'OUT_PSET', IN_PSET: { BIZ_NO: USER_SESSION.BIZ_NO } }, { code : 'CD', value : 'CD_NM' }, [{ CD: '', CD_NM: '선택' }], true);
        // 도메인
        _this.conMng.initCombo('esmbrRegArea', 'CUSTCO_DMN_ADR', 'BRS_BT_WEB_RetrieveDmnCombo'   , { baRs: 'OUT_PSET', IN_PSET: { BIZ_NO: USER_SESSION.BIZ_NO, BTMS_CUSTCO_CD: USER_SESSION.BTMS_CUSTCO_CD } }, { code : 'CD', value : 'CD_NM'  }, [], false);
        // 외국인여부
        _this.conMng.initCombo('esmbrRegArea', 'FRR_YN', null, null, { code: 'CD', value: 'CD_NM' }, [{ CD: 'N', CD_NM: '내국인' }, { CD: 'Y', CD_NM: '외국인' }], false );
        // 국제전화번호
        _this.conMng.initCombo('esmbrRegArea', 'HP_INPH_NTN_NO', 'BRS_BT_WEB_RetrieveInphNoCombo', { baRs: 'OUT_LIST', IN_PSET: { COMP_CD: '', LANG_CD: '' } }, { code : 'CD', value : 'CD_NM', text: 'CD_DESC' }, [], false);

        // 임직원형태변경
        _this.conMng.control('esmbrRegArea', 'CUSTCO_ESMBR_TY_SE_CD').obj.on('combo-change', function() {

            if ( _this.conMng.control('esmbrRegArea', 'CUSTCO_ESMBR_TY_SE_CD').getData() == '1' ) {
                _this.conMng.control('esmbrRegArea', 'CUSTCO_OFPS_CD').obj.closest('.form-table').show();
                _this.conMng.control('esmbrRegArea', 'COMP_EML_ADR').obj.closest('.form-table').show();
                _this.conMng.control('esmbrRegArea', 'BT_WRKPLC_NO').obj.closest('.form-table').show();
            }
            else {
                _this.conMng.control('esmbrRegArea', 'CUSTCO_OFPS_CD').obj.closest('.form-table').hide();
                _this.conMng.control('esmbrRegArea', 'COMP_EML_ADR').obj.closest('.form-table').hide();
                _this.conMng.control('esmbrRegArea', 'BT_WRKPLC_NO').obj.closest('.form-table').hide();
            }
        });

        // 외국인/내국인변경
        _this.conMng.control('esmbrRegArea', 'FRR_YN').obj.on('combo-change', function() {

            _this.conMng.control('esmbrRegArea', 'ENG_LSTNM').setData('');
            _this.conMng.control('esmbrRegArea', 'ENG_MDL_NM').setData('');
            _this.conMng.control('esmbrRegArea', 'ENG_NM').setData('');

            if( _this.conMng.control('esmbrRegArea', 'FRR_YN').getData() == 'N' )
                _this.conMng.control('esmbrRegArea', 'ENG_MDL_NM').obj.closest('td').hide();
            else
                _this.conMng.control('esmbrRegArea', 'ENG_MDL_NM').obj.closest('td').show();
        });

        // 정합성 설정
        _this.conMng.control('esmbrRegArea', 'CUSTCO_ESMBR_TY_SE_CD').rule.required = { isUse: true, msg: '구분을(를) 선택하세요.' };
        _this.conMng.control('esmbrRegArea', 'KOR_FNM'              ).rule.required = { isUse: true, msg: '성명국문을(를) 입력하세요.' };
        _this.conMng.control('esmbrRegArea', 'ENG_LSTNM'            ).rule.required = { isUse: true, msg: '성명영문을(를) 입력하세요.' };
        _this.conMng.control('esmbrRegArea', 'ENG_NM'               ).rule.required = { isUse: true, msg: '성명영문을(를) 입력하세요.' };
        _this.conMng.control('esmbrRegArea', 'HP_NO'                ).rule.required = { isUse: true, msg: '성명연락처을(를) 입력하세요.' };
        _this.conMng.control('esmbrRegArea', 'BRTH'                 ).rule.required = { isUse: true, msg: '성명BTMS.ENL을(를) 입력하세요.' };

        _this.addEvent();
    };

    this.addEvent        = function() {

        var _this = this;

        // 저장
        $('#' + _this.id).find('[name="btnEsmbrSave"]').on('click', function() {

            var param = _this.conMng.getDatas('esmbrRegArea');

            param.HP_RCV_YN           = 'Y';
            param.COMP_EML_RCV_YN     = 'Y';
            param.ID_AUTO_CRT_YN      = 'N';
            param.COMP_CD             = USER_SESSION.COMP_CD;
            param.LANG_CD             = USER_SESSION.LANG_CD;
            param.USER_ID             = USER_SESSION.USER_ID;
            param.BIZ_NO              = USER_SESSION.BIZ_NO;

            var result = _this.conMng.isValid();

            // 임직원등록일 경우 추가 정합성 체크
            if( param.CUSTCO_ESMBR_TY_SE_CD == '1' ) {
                
                if( !param.BT_WRKPLC_NO ) {

                    if( result.success ) {
                        result.success = false;
                        result.msg = '근무지을(를) 선택하세요.';
                    }

                    _this.conMng.control('esmbrRegArea', 'BT_WRKPLC_NO').setValid(false);
                }

                if( !param.CUSTCO_DEPT_CD ) {

                    if( result.success ) {
                        result.success = false;
                        result.msg = '부서을(를) 선택하세요.';
                    }

                    _this.conMng.control('esmbrRegArea', 'CUSTCO_DEPT_CD').setValid(false);
                }

                if( !param.CUSTCO_OFPS_CD ) {

                    if( result.success ) {
                        result.success = false;
                        result.msg = '직위을(를) 선택하세요.';
                    }

                    _this.conMng.control('esmbrRegArea', 'CUSTCO_OFPS_CD').setValid(false);
                }

                if( !param.COMP_EML_ADR ) {

                    if( result.success ) {
                        result.success = false;
                        result.msg = '이메일을(를) 입력하세요.';
                    }

                    _this.conMng.control('esmbrRegArea', 'COMP_EML_ADR').setValid(false);
                }
            }
            else {
                param.REL_CUSTCO_ESMBR_NO = USER_SESSION.CUSTCO_ESMBR_NO;
            }

            if(!result.success) {
                Message.alert(result.msg);
                return;
            }

            btUtil.send('BRS_BT_ESMBR_SaveEsmbrInfoBtms', { baRs: 'OUT_RSLT', IN_PSET: param, IN_PINF: param, IN_COMP: param, IN_URG: param }, function(data) {

                Message.alert('저장되었습니다.');
                _this.close();
            }, function() {}, { showProgress: true });
        });
    };

    this.init();
}

/**
 * @method    InitDeptPopup
 * 부서조회팝업
 * @param     {Object}        pForm
 * @param     {Object}        pConMng
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitDeptPopup(pForm, pConMng, pOptions) {

    // public
    this.id         = pOptions.id;
    this.title      = pOptions.title;
    this.sub_title  = pOptions.sub_title;
    this.use_email  = pOptions.use_email;
    this.fnConfirm  = pOptions.fnConfirm;
    this.primarykey = pOptions.primarykey;
    this.selected   = pOptions.selected;    // single, multi

    // private
    var _param;                   // 임직원목록 페이징 조회를 위한 파라메터
    var _deptNodeTag     = '';    // 부서태그
    var _rngData         = {};    // 범위데이터
    var _custcoEsmbrData = {};    // 부서별임직원데이터

    this.getPopupTag       = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer big" id="' + this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="division">' +
                        '                            <div class="div-wider">' +
                        '                                <div class="tree-area">' +
                        '                                    <div class="form">' +
                        '                                        <div class="in-search">' +
                        '                                            <input type="text" value="" class="position" name="CUSTCO_DEPT_NM" data-control="text" />' +
                        '                                            <button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>' +
                        '                                            <button type="button" class="btn-search" name="btnSearchDept" data-control="button"><span>Search</span></button>' +
                        '                                        </div>' +
                        '                                    </div>' +
                        '                                    <div class="tree">' +
                        '                                        <div class="inner" data-area="deptArea"></div>' +
                        '                                    </div>' +
                        '                                </div>' +
                        '                                <div class="team-list">' +
						
						<!-- 품의서 임직원 조회기능 추가 START -->
                        '                                <div style="margin-top: -23px;margin-bottom: 10px;">' +
                        '                                	<div class="form">' +
	                    '                                		<div class="in-search">' +
	                    '                                		<input type="text" value="" class="position" name="CUSTCO_KOR_FNM" data-control="text" placeholder="임직원명으로 조회해주세요" >' +
                        '                                		<button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>' +
                        '                                		<button type="button" class="btn-search" name="btnSearchKorFnm" data-control="button"><span>Search</span></button>' +
                        '                                		</div>' +
                        '                                	</div>' +
                        '                                </div>' +
						<!-- 품의서 임직원 조회기능 추가 END -->
						
                        '                                    <strong class="tit-ty5" name="lbDeptNm">&nbsp;</strong>' +
                        '                                    <div class="table-area mt10">' +
                        '                                        <div class="table-list2 ac">' +
                        '                                            <table name="tb01">' +
                        '                                                <caption></caption>' +
                        '                                                <colgroup>' +
                        '                                                    <col style="width:7%">' +
                        '                                                    <col style="width:15%">' +
                        '                                                    <col>' +
                        '                                                    <col style="width:15%">' +
                        '                                                    <col style="width:20%">' +
                        '                                                </colgroup>' +
                        '                                                <thead>' +
                        '                                                    <tr>' +
                        '                                                        <th scope="col">' + ( _this.selected == 'single' ? '선택' : '<input type="checkbox" name="ch1" id="chk' + this.id + 'tb01" /><label for="chk' + this.id + 'tb01" class="no">선택</label>' ) + '</th>' +
                        '                                                        <th scope="col">성명</th>' +
                        '                                                        <th scope="col">부서</th>' +
                        '                                                        <th scope="col">직위</th>' +
                        '                                                        <th scope="col">이메일</th>' +
                        '                                                    </tr>' +
                        '                                                </thead>' +
                        '                                                <tbody><tr><td class="no-data" colspan="5">내용이 없습니다.</td></tr></tbody>' +
                        '                                            </table>' +
                        '                                        </div>' +
                        '                                    </div>' +
                        '                                    <div class="paging-area">' +
                        '                                    </div>' +
                        '                                </div>';

        if( this.use_email ) {
            popupTag += '                                <div class="form-write multi-ty">' +
                        '                                    <div class="mail-form-set">' +
                        '                                        <div class="form">' +
                        '                                            <input type="text" name="email" placeholder="주소입력" />' +
                        '                                        </div>' +
                        '                                        <span class="mid">@</span>' +
                        '                                        <div class="form">' +
                        '                                            <input type="text" name="domain" placeholder="도메인입력" />' +
                        '                                        </div>' +
                        '                                    </div>' +
                        '                                    <button type="button" class="btn-plus2"><span>추가</span></button>' +
                        '                                </div>';
        }
        popupTag +=     '                            </div>' +
                        '                            <div class="delivery-range-list">' +
                        '                                <div class="tit-area">' +
                        '                                    <div class="left"><h3 class="tit-ty3" name="subTitle" >' + this.sub_title + '(0<span>명)</h3></div>' +
                        '                                    <div class="right"><button type="button" class="btn-ty-line1 small" name="btnDelRng"><span><span>삭제</span></button></div>' +
                        '                                </div>' +
                        '                                <div class="list">' +
                        '                                    <div class="table-area">' +
                        '                                        <div class="table-list2 fixed-headers ac">' +
                        '                                             <div class="thead" aria-hidden="true">' +
                        '                                                <table>' +
                        '                                                    <caption>' + this.sub_title + '</caption>' +
                        '                                                    <colgroup>' +
                        '                                                        <col style="width:15%">' +
                        '                                                        <col style="width:10%">' +
                        '                                                        <col style="width:25%">' +
                        '                                                        <col style="width:15%">' +
                        '                                                        <col>' +
                        '                                                    </colgroup>' +
                        '                                                    <thead>' +
                        '                                                        <tr>' +
                        '                                                            <th scope="col">' + ( _this.selected == 'single' ? '선택' : '<input type="checkbox" id="chk' + this.id + 'tb02"><label for="chk' + this.id + 'tb02" class="no">선택</label>' ) + '</th>' +
                        '                                                            <th scope="col">성명</th>' +
                        '                                                            <th scope="col">부서</th>' +
                        '                                                            <th scope="col">직위</th>' +
                        '                                                            <th scope="col">이메일</th>' +
                        '                                                        </tr>' +
                        '                                                    </thead>' +
                        '                                                </table>' +
                        '                                            </div>' +
                        '                                            <div class="tbody">' +
                        '                                                <table name="tb02">' +
                        '                                                    <caption>' + this.sub_title + '</caption>' +
                        '                                                    <colgroup>' +
                        '                                                        <col style="width:15%">' +
                        '                                                        <col style="width:10%">' +
                        '                                                        <col style="width:25%">' +
                        '                                                        <col style="width:15%">' +
                        '                                                        <col>' +
                        '                                                    </colgroup>' +
                        '                                                    <tbody><tr><td class="no-data" colspan="5">내용이 없습니다.</td></tr></tbody>' +
                        '                                                </table>' +
                        '                                            </div>' +
                        '                                        </div>' +
                        '                                    </div>' +
                        '                                </div>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="btn-area">' +
                        '                            <div class="inner">' +
                        '                                <button type="button" class="btn-ty-solid2 large" name="btnConfirm"><span>확인</span></button>' +
                        '                                <button type="button" class="btn-ty-solid1 large" name="btnCancel"><span>취소</span></button>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" name="btnCancel"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';

        return popupTag;
    };

    this.open              = function(pData) {

        var _this = this;

        $('#' + _this.id).find('[name="CUSTCO_DEPT_NM"]').val(USER_SESSION.CUSTCO_DEPT_NM);
        $('#' + _this.id).find('[data-area="deptArea"]').empty();
        $('#' + _this.id).find('[name="lbDeptNm"]').empty().append('&nbsp;');
        $('#' + _this.id).find('[name="tb01"] tbody').empty().append('<tr><td class="no-data" colspan="5">내용이 없습니다.</td></tr>');
        $('#' + _this.id).find('.paging-area').empty();
        _rngData = {};

        if(pData)
            _this.addRng(pData);
        
        _this.searchDept(USER_SESSION.CUSTCO_DEPT_NM);

        _this.searchCustcoEsmbrPage(1, 3, true, {
            CUSTCO_DEPT_CD: USER_SESSION.CUSTCO_DEPT_CD,
            COL_NM        : ''
        });

        popupLayerOpen('#' + _this.id);
    };

    this.close             = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    /******************************************************************************/
    // 부서조회
    /******************************************************************************/
    this.searchDept        = function(pCustcoDeptNm) {
        
        var _this = this;

        pForm.send_sync('BRS_BT_WR_RetrieveCustcoDeptTree', { baRs: 'OUT_PSET', IN_PSET: { CUSTCO_DEPT_NM: pCustcoDeptNm } }, function(data) {

            // 최상위 부서 목록을 찾음
            var found = data.OUT_PSET.find(function(cur) { return !cur.CUSTCO_UP_DEPT_CD; });
            
            _this.createDeptTree(data.OUT_PSET, found);

            var $deptNodeTag = $(_deptNodeTag);

            // 부서 클릭 이벤트 추가
            $deptNodeTag.find('li span label span').on('click', function() {

                $('#' + _this.id + ' [name="lbDeptNm"]').empty().text($(this).text());

                _this.searchCustcoEsmbrPage(1, 3, true, {
                    CUSTCO_DEPT_CD: $(this).closest('[data-node]').attr('data-node'),
                    COL_NM        : ''
                });
            });

            // 부서 체크 이벤트 추가
            $deptNodeTag.find('li span input[type="checkbox"]').on('change', function() {

                var checked = $(this).prop('checked');
                var deptCd  = $(this).closest('[data-node]').attr('data-node');

                if( checked ) {

                    _this.searchCustcoEsmbrAll({
                        CUSTCO_DEPT_CD: deptCd,
                        COL_NM        : ''
                    });
                }

                // $(this).prop('checked', false);
            });

            $('#' + _this.id + ' [data-area="deptArea"]').empty().append($deptNodeTag);

            categoryList();

            _deptNodeTag = '';

        }, function() {}, { showProgress: true });
    };
	
	
	/******************************************************************************/
    // 품의서 임직원 조회기능 추가
    /******************************************************************************/
    this.searchFnm  = function(pParam) {

        var _this = this;
		_this.searchCustcoEsmbrSearchPage(1, 3, true, {CUSTCO_KOR_FNM: pParam});
		
    };
	
	/******************************************************************************/
    // 품의서 임직원 조회기능 추가 고객사임직원조회 (페이징)
    /******************************************************************************/
    this.searchCustcoEsmbrSearchPage = function(pPageNo, pRowCount, pIsNewSearch, pParam) {

        var _this = this;
        var param;

        if( pIsNewSearch )
            param = pParam;
        else if( !pIsNewSearch && _param )
            param = _param;
        else
            return;

        pForm.send_sync('BRS_BT_WR_RetrieveCustcoEsmbrForDeptSearch', { baRq:'IN_PSET,_PAGE_NO,_ROWS_PER_PAGE', baRs: 'OUT_PSET', IN_PSET: param, _PAGE_NO: pPageNo, _ROWS_PER_PAGE: pRowCount }, function(data) {
            
			//조회결과 부서명 지우기
			$('#' + _this.id + ' [name="lbDeptNm"]').empty().text(data.__PAGING_INFO_OUT__[0].__P_TOT_ROW_CNT__+'명');
			
			
            var bindTag = '';
            _custcoEsmbrData = [];

            data.OUT_PSET.forEach(function(cur, idx) {

                bindTag += '<tr>' +
                           '    <td><input type="checkbox" id="tb01' + cur[_this.primarykey] + '" value="' + cur[_this.primarykey] + '" /><label for="tb01' + cur[_this.primarykey] + '" class="no">선택</label></td>' +
                           '    <td>' + cur.CUSTCO_ESMBR_NM + '</td>' +
                           '    <td>' + cur.CUSTCO_DEPT_NM + '</td>' +
                           '    <td>' + cur.CUSTCO_OFPS_NM + '</td>' +
                           '    <td>' + cur.COMP_EML_ADR + '</td>' +
                           '</tr>';

                _custcoEsmbrData[cur[_this.primarykey]] = cur;
            });

            if(bindTag) {

                $('#' + _this.id + ' [name="tb01"] tbody').empty().append(bindTag);
                pConMng.paging('#' + _this.id + ' .paging-area', data.__PAGING_INFO_OUT__[0].__P_TOT_ROW_CNT__, pRowCount, pPageNo, _this.searchCustcoEsmbrSearchPage, _this);
                _param = param;

                // 임직원 체크 변경 이벤트 추가
                $('#' + _this.id + ' [name="tb01"] tbody tr td input[type="checkbox"]').on('change', function() {

                    if( $(this).prop('checked') ) {
                        
                        _this.addRng( [_custcoEsmbrData[$(this).val()]] );
                        // $(this).prop('checked', false);

                        if(_this.selected == 'single') {
                            $('#' + _this.id).find('[name="tb01"] input[type="checkbox"]').not($(this)).prop('checked', false);
                        }
                    }
                });
            }
            else {
                $('#' + _this.id + ' [name="tb01"] tbody').empty().append('<tr><td class="no-data" colspan="5">내용이 없습니다.</td></tr>');
                $('#' + _this.id + ' .paging-area').empty();
            }

        }, function() {}, { showProgress: true });
    };
	
	
	
	

    /******************************************************************************/
    // 부서별고객사임직원조회 (페이징)
    /******************************************************************************/
    this.searchCustcoEsmbrPage = function(pPageNo, pRowCount, pIsNewSearch, pParam) {

        var _this = this;
        var param;

        if( pIsNewSearch )
            param = pParam;
        else if( !pIsNewSearch && _param )
            param = _param;
        else
            return;

        pForm.send_sync('BRS_BT_WR_RetrieveCustcoEsmbrForDept', { baRq:'IN_PSET,_PAGE_NO,_ROWS_PER_PAGE', baRs: 'OUT_PSET', IN_PSET: param, _PAGE_NO: pPageNo, _ROWS_PER_PAGE: pRowCount }, function(data) {
            
            var bindTag = '';
            _custcoEsmbrData = [];

            data.OUT_PSET.forEach(function(cur, idx) {

                bindTag += '<tr>' +
                           '    <td><input type="checkbox" id="tb01' + cur[_this.primarykey] + '" value="' + cur[_this.primarykey] + '" /><label for="tb01' + cur[_this.primarykey] + '" class="no">선택</label></td>' +
                           '    <td>' + cur.CUSTCO_ESMBR_NM + '</td>' +
                           '    <td>' + cur.CUSTCO_DEPT_NM + '</td>' +
                           '    <td>' + cur.CUSTCO_OFPS_NM + '</td>' +
                           '    <td>' + cur.COMP_EML_ADR + '</td>' +
                           '</tr>';

                _custcoEsmbrData[cur[_this.primarykey]] = cur;
            });

            if(bindTag) {

                $('#' + _this.id + ' [name="tb01"] tbody').empty().append(bindTag);
                pConMng.paging('#' + _this.id + ' .paging-area', data.__PAGING_INFO_OUT__[0].__P_TOT_ROW_CNT__, pRowCount, pPageNo, _this.searchCustcoEsmbrPage, _this);
                _param = param;

                // 임직원 체크 변경 이벤트 추가
                $('#' + _this.id + ' [name="tb01"] tbody tr td input[type="checkbox"]').on('change', function() {

                    if( $(this).prop('checked') ) {
                        
                        _this.addRng( [_custcoEsmbrData[$(this).val()]] );
                        // $(this).prop('checked', false);

                        if(_this.selected == 'single') {
                            $('#' + _this.id).find('[name="tb01"] input[type="checkbox"]').not($(this)).prop('checked', false);
                        }
                    }
                });
            }
            else {
                $('#' + _this.id + ' [name="tb01"] tbody').empty().append('<tr><td class="no-data" colspan="5">내용이 없습니다.</td></tr>');
                $('#' + _this.id + ' .paging-area').empty();
            }

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 부서별고객사임직원조회 (전체)
    /******************************************************************************/
    this.searchCustcoEsmbrAll  = function(pParam) {

        var _this = this;

        pForm.send_sync('BRS_BT_WR_RetrieveCustcoEsmbrForDept', { baRq:'IN_PSET', baRs: 'OUT_PSET', IN_PSET: pParam }, function(data) {

            _this.addRng(data.OUT_PSET);

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 부서트리구조생성
    /******************************************************************************/
    this.createDeptTree        = function(pCustcoDeptAllData, pCustcoUpDeptData) {

        var _this = this;
        
        var found = pCustcoDeptAllData.filter(function(cur, idx) { cur.idx = idx; return cur.CUSTCO_UP_DEPT_CD == pCustcoUpDeptData.CUSTCO_DEPT_CD; });

        if( found.length > 0 ) _deptNodeTag += '<ul>';
        
        found.forEach(function(cur) {

            _deptNodeTag += '<li>' +
                            '    <button type="button" class="depth"><span>open/close</span></button>' +
                            '    <span data-node="' + cur.CUSTCO_DEPT_CD + '" >' + (_this.selected == 'single' ? '' : '<input type="checkbox" />' ) + '<label style="cursor:pointer;"><span>' + cur.CUSTCO_DEPT_NM + '</span></label></span>';


            pCustcoDeptAllData.splice(cur.idx, 1);

            _this.createDeptTree(pCustcoDeptAllData, cur);

            _deptNodeTag += '</li>';
        });

        if( found.length > 0 ) _deptNodeTag += '</ul>';
    };

    /******************************************************************************/
    // 범위추가
    /******************************************************************************/
    this.addRng                = function(pCustcoEsmbrs) {

        var _this = this;

        if(_this.selected == 'single')
            _rngData = {};


        pCustcoEsmbrs.forEach(function(cur) {

            if( cur[_this.primarykey] )
                _rngData[cur[_this.primarykey]] = cur;

        });

        this.drawRng();
    };

    /******************************************************************************/
    // 범위삭제
    /******************************************************************************/
    this.delRng                = function(pCustcoEsmbrs) {

        var _this = this;

        pCustcoEsmbrs.forEach(function(cur, idx) {
            delete _rngData[cur[_this.primarykey]];
        });

        this.drawRng();
    };

    /******************************************************************************/
    // 범위반환
    /******************************************************************************/
    this.getRng                = function() {

        var rtnData = [];

        for(var rng in _rngData) {
            
            rtnData.push( _rngData[rng] );
        }

        return rtnData;
    };

    this.drawRng               = function() {
        var _this = this;

        var bindTag = '';
        var length  = 0;

        for(var rng in _rngData) {

            bindTag +=  '<tr>' +
                        '    <td><input type="checkbox" id="chk' + _this.id + 'tb02" value="' + _rngData[rng][_this.primarykey] + '" ><label for="chk' + _this.id + 'tb02" class="no">선택</label></td>' +
                        '    <td>' + _rngData[rng].CUSTCO_ESMBR_NM + '</td>' +
                        '    <td>' + _rngData[rng].CUSTCO_DEPT_NM + '</td>' +
                        '    <td>' + _rngData[rng].CUSTCO_OFPS_NM + '</td>' +
                        '    <td>' + _rngData[rng].COMP_EML_ADR + '</td>' +
                        '</tr>';
            length++;
        }

        if(bindTag) {
            $('#' + _this.id + ' [name="tb02"] tbody').empty().append(bindTag);
        }
        else {
            $('#' + _this.id + ' [name="tb02"] tbody').empty().append('<tr><td class="no-data" colspan="5">내용이 없습니다.</td></tr>');
        }
        
        $('#' + _this.id + ' [name="subTitle"]').empty().text( _this.sub_title + '(' + length + '명)' );
    };

    this.addEvent              = function() {

        var _this = this;

        // 부서검색
        $('#' + _this.id).find('[name="btnSearchDept"]').on('click', function() {
            _this.searchDept($('#' + _this.id).find('[name="CUSTCO_DEPT_NM"]').val());
        });

        $('#' + _this.id).find('[name="CUSTCO_DEPT_NM"]').on('keyup', function(e) {
            if(e.keyCode == 13) {
                _this.searchDept($('#' + _this.id).find('[name="CUSTCO_DEPT_NM"]').val());
            }
        });
		
		// 품의서 임직원 조회기능 추가
        $('#' + _this.id).find('[name="btnSearchKorFnm"]').on('click', function() {
			var korFnmVal = $('#' + _this.id).find('[name="CUSTCO_KOR_FNM"]').val();
			
			if(korFnmVal ==''){
				alert('임직원 성명을 입력하세요.');
				return;
			}
			_this.searchFnm(korFnmVal);
        });
		
		$('#' + _this.id).find('[name="CUSTCO_KOR_FNM"]').on('keyup', function(e) {
            if(e.keyCode == 13) {
				var korFnmVal = $('#' + _this.id).find('[name="CUSTCO_KOR_FNM"]').val();
				
				if(korFnmVal ==''){
					alert('임직원 성명을 입력하세요.');
					return;
				}
                _this.searchFnm(korFnmVal);
            }
        });

        // 확인
        $('#' + this.id).find('[name="btnConfirm"]').on('click', function() {

            _this.fnConfirm( _this.getRng() );
            _this.close();
        });

        // 취소
        $('#' + this.id).find('[name="btnCancel"]').on('click' , function() {
            _this.close();
        });

        // 이메일추가
        $('#' + _this.id).find('button.btn-plus2').on('click', function() {

            var email  = $('#' + _this.id).find('[name="email"]').val();
            var domain = $('#' + _this.id).find('[name="domain"]').val();

            if( !email || !domain )
                return;

            _this.addRng([{
                CUSTCO_ESMBR_NM: '',
                CUSTCO_DEPT_NM : '',
                CUSTCO_OFPS_NM : '',
                COMP_EML_ADR   : ( email + '@' + domain )
            }]);
        });

        // 전체선택
        $('#chk' + this.id + 'tb01').on('change', function() {
            $('#' + _this.id).find('[name="tb01"] tr td input[type="checkbox"]').prop('checked', $(this).prop('checked')).trigger('change');
        });

        $('#chk' + this.id + 'tb02').on('change', function() {
            $('#' + _this.id).find('[name="tb02"] tr td input[type="checkbox"]').prop('checked', $(this).prop('checked')).trigger('change');
        });

        // 삭제
        $('#' + this.id).find('[name="btnDelRng"]').on('click', function() {

            $('#' + _this.id).find('[name="tb02"] tr td input[type="checkbox"]:checked').each(function() {
                var obj = {};

                obj[_this.primarykey] = $(this).val();

                _this.delRng([obj]);
            });
        });
    };

    var $popupTag = $( this.getPopupTag() );
    $('.wrap').append($popupTag);
    this.addEvent();
}

/**
 * @method    InitFlightDetailPopup
 * 항공상세팝업
 * @param     {Object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitFlightDetailPopup(pOptions) {

    this.id    = pOptions.id;
    this.title = '예약상세내역';

    this.getPopupTag    = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer fully popup-iframe" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open           = function(MGR_BKN_NO, SVC_BKN_NO) {
        var _this = this;

        var getParam = '';

        if( MGR_BKN_NO )
            getParam += '&bookingCode=' + MGR_BKN_NO;

        if( SVC_BKN_NO )
            getParam += '&bookingItemCode=' + SVC_BKN_NO;

		var isAdminParam = "&isAdmin=" + (location.href.indexOf("BT_WR_0200") < 0); 
        $('#' + _this.id).find('.popup-content-inner').empty().append('<iframe id="obtFlightDetailIframe" frameborder="0" width="100%" height="770px" scrolling="yes" src="' + obt.url.getBookingDetail('flight', MGR_BKN_NO, SVC_BKN_NO) + isAdminParam + '"></iframe>');
        popupLayerOpen('#' + _this.id);
    };

    this.close          = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    $('.wrap').append($(this.getPopupTag()));
}

/**
 * @method    InitHotelDetailPopup
 * 호텔상세팝업
 * @param     {Object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitHotelDetailPopup(pOptions) {
    
    this.id    = pOptions.id
    this.title = '예약상세내역';

    this.getPopupTag    = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer fully popup-iframe" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open           = function(MGR_BKN_NO, SVC_BKN_NO) {
        var _this = this;

        var getParam = '';

        if( MGR_BKN_NO )
            getParam += '&bookingCode=' + MGR_BKN_NO;

        if( SVC_BKN_NO )
            getParam += '&bookingItemCode=' + SVC_BKN_NO;

        $('#' + _this.id).find('.popup-content-inner').empty().append('<iframe frameborder="0" width="100%" height="770px" scrolling="yes" src="' + obt.url.getBookingDetail('hotel', MGR_BKN_NO, SVC_BKN_NO) + '"></iframe>');
        popupLayerOpen('#' + _this.id);
    };

    this.close          = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    $('.wrap').append($(this.getPopupTag()));
}

/**
 * @method    InitCarDetailPopup
 * 렌터카상세팝업
 * @param     {Object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitCarDetailPopup(pOptions) {
    
    this.id    = pOptions.id;
    this.title = '예약상세내역';

    this.getPopupTag    = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer fully popup-iframe" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open           = function(MGR_BKN_NO, SVC_BKN_NO) {
        var _this = this;

        var getParam = '';

        if( MGR_BKN_NO )
            getParam += '&bookingCode=' + MGR_BKN_NO;

        if( SVC_BKN_NO )
            getParam += '&bookingItemCode=' + SVC_BKN_NO;

        $('#' + _this.id).find('.popup-content-inner').empty().append('<iframe frameborder="0" width="100%" height="770px" scrolling="yes" src="' + obt.url.getBookingDetail('car', MGR_BKN_NO, SVC_BKN_NO) + '"></iframe>');
        popupLayerOpen('#' + _this.id);
    };

    this.close          = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    $('.wrap').append($(this.getPopupTag()));
}

/**
 * @method    InitVisaDetailPopup
 * 비자상세팝업
 * @param     {Object}        pForm
 * @param     {Object}        pConMng
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitVisaDetailPopup(pForm, pConMng, pOptions) {
        
    this.id    = pOptions.id;
    this.title = '비자상세내역';

    this.getPopupTag        = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer large" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="step-area" name="stepArea">' +
                        '                            <div class="inner">' +
                        '                                <ol></ol>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="reser-detail-info" name="bookingDetailArea"></div>' +
                        '                        <h2 class="tit-ty3">확정사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbConfirm">' +
                        '                                    <caption>확정사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <p class="txt-ty1 mt10">요청사항과 다른경우, 빨간색 글씨로 표시하였습니다.</p>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">요청사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRequest">' +
                        '                                    <caption>요청사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">서류전달방식</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRelay">' +
                        '                                    <caption>서류전달방식</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open               = function(SVC_BKN_NO) {
        var _this = this;

        // _this.bindVisaSts(SVC_BKN_NO);
        // _this.bindVisaDetail(SVC_BKN_NO);
        // popupLayerOpen('#' + _this.id);
        // $('#' + _this.id).find('.popup-content').scrollTop(0);

        _this.getVisaDetail(SVC_BKN_NO);
    };

    this.close              = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.getVisaDetail = function(SVC_BKN_NO) {

        var _this = this;

        pForm.send('BRS_BT_WR_RetrieveStsTl', { baRs: 'OUT_PSET', IN_PSET: { ETC_PRX_SVC_ITM_CD: 'V', SVC_BKN_NO: SVC_BKN_NO } }, function(data) {

            if( data && data.OUT_PSET && data.OUT_PSET.length > 0 ) {
                _this.bindVisaSts(data);

                pForm.send('BRS_BT_WR_RetrieveVisaBknDtl', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(visaBknDtlData) {

                    if( visaBknDtlData && visaBknDtlData.OUT_PSET && visaBknDtlData.OUT_PSET.length > 0 ) {
                        
                        _this.bindVisaDetail(visaBknDtlData);

                        popupLayerOpen('#' + _this.id);
                        $('#' + _this.id).find('.popup-content').scrollTop(0);
                    }
                });
            }
        });
    };

    /******************************************************************************/
    // 비자상태바인딩
    /******************************************************************************/
    this.bindVisaSts        = function(data) {

        var _this = this;

        var bindData = '';

        data.OUT_PSET.forEach(function(cur) {
            bindData += '<li ' + (cur.NOW_STS_CD ? 'class="on"' : '') + '><span>' + cur.STS_NM + '</span></li>';
        });

        $('#' + _this.id).find('[name="stepArea"] ol').empty().append(bindData);
    };

    /******************************************************************************/
    // 비자상세바인딩
    /******************************************************************************/
    this.bindVisaDetail = function(data) {

        var _this = this;

        var bindData = data.OUT_PSET[0];

        var bookingDetailArea = '';
        var tbConfirm         = '';
        var tbRequest         = '';
        var tbRelay           = '';

        bookingDetailArea = '<dl class="info-num">' +
                            '    <dt>예약번호</dt>' +
                            '    <dd>' +
                            '        <span class="status" style="margin-left:0; margin-right:10px; color:#000;">' + bindData.VISA_BKN_STS_NM + '</span>' +
                            '        <span class="num">' + bindData.SVC_BKN_NO + '</span>' +
                            '    </dd>' +
                            '</dl>' +
                            '<dl class="info-date">' +
                            '    <dt>발급예정일</dt>' +
                            '    <dd>' + bindData.VISA_ISU_SCHD_DT + '</dd>' +
                            '</dl>' +
                            '<dl class="info-name">' +
                            '    <dt>예약담당자</dt>' +
                            '    <dd>' +
                            '        <span>' + bindData.PCHR + '</span>' +
                            '        <p class="star-dot">' +
                            '            대사관 사정에 의해 접수, 발급일이 변경될 수 있습니다.<br>' +
                            '            접수/변경/취소 관련 담당자에게 문의하시기 바랍니다.<br>' +
                            '        </p>' +
                            '    </dd>' +
                            '</dl>';

        if(bindData.DCSN_XN_YN == 'Y') {
            tbConfirm = '<tr>' + 
                        '    <th scope="row">신청일</th>' + 
                        '    <td><span ' + ( bindData.APLC_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_DT + '</span></td>' + 
                        '    <th scope="row">발급예정일</th>' + 
                        '    <td><span ' + ( bindData.VISA_ISU_SCHD_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.VISA_ISU_SCHD_DT + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">국가</th>' + 
                        '    <td><span ' + ( bindData.NTN_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.NTN_NM + '</span></td>' + 
                        '    <th scope="row">비자유형</th>' + 
                        '    <td><span ' + ( bindData.VISA_TY_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.VISA_TY + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">수속기간</th>' + 
                        '    <td><span ' + ( bindData.VISA_PRCD_TERM_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.VISA_PRCD_TERM_NM + '</span></td>' + 
                        '    <th scope="row">결제 예상 금액</th>' + 
                        '    <td><span ' + ( bindData.TOT_AMT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + btUtil.addComma(bindData.TOT_AMT) + ' KRW</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">출장자정보</th>' + 
                        '    <td colspan="3"><span ' + ( bindData.CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">요청자정보</th>' + 
                        '    <td colspan="3"><span ' + ( bindData.APLC_CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>';
        }
        else {
            tbConfirm = '<tr><td colspan="5" class="no-data">확정사항이 없습니다.</td></tr>';
        }

        if(bindData.ORGL_XN_YN == 'Y') {
            tbRequest = '<tr>' +
                        '    <th scope="row">신청일</th>' +
                        '    <td>' + bindData.ORGL_APLC_DT + '</td>' +
                        // '    <th scope="row">발급예정일</th>' +
                        // '    <td>' + bindData.ORGL_VISA_ISU_SCHD_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">국가</th>' +
                        '    <td>' + bindData.ORGL_NTN_NM + '</td>' +
                        '    <th scope="row">비자유형</th>' +
                        '    <td>' + bindData.ORGL_VISA_TY + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">수속기간</th>' +
                        '    <td>' + bindData.ORGL_VISA_PRCD_TERM_NM + '</td>' +
                        '    <th scope="row">결제 예상 금액</th>' +
                        '    <td>' + btUtil.addComma(bindData.ORGL_TOT_AMT) + ' KRW</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' +
                        '    <td colspan="3">' + bindData.ORGL_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요청자정보</th>' +
                        '    <td colspan="3">' + bindData.ORGL_APLC_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>';
        }
        else {
            tbRequest = '<tr><td colspan="5" class="no-data">요청사항이 없습니다.</td></tr>';
        }

        tbRelay = '<tr>' +
                    '    <th scope="row">접수서류전달방식</th>' +
                    '    <td>' + bindData.ACCPT_PPRS_CNVY_WAY_NM + '</td>' +
                    '    <th scope="row">접수서류발송예정일</th>' +
                    '    <td>' + bindData.ACCPT_PPRS_SNDN_SCHD_DT + '</td>' +
                    '</tr>' +
                    '<tr>' +
                    '    <th scope="row">발급서류수령방식</th>' +
                    '    <td>' + bindData.ISU_PPRS_CNVY_WAY_NM + '</td>' +
                    '    <th scope="row">예상출국일</th>' +
                    '    <td>' + bindData.EXPC_DPTR_DT + '</td>' +
                    '</tr>';

        $('#' + _this.id).find('[name="bookingDetailArea"]').empty().append(bookingDetailArea);
        $('#' + _this.id).find('[name="tbConfirm"] tbody').empty().append(tbConfirm);
        $('#' + _this.id).find('[name="tbRequest"] tbody').empty().append(tbRequest);
        $('#' + _this.id).find('[name="tbRelay"] tbody').empty().append(tbRelay);
    };

    var $popupTag = $( this.getPopupTag() );
    $('.wrap').append($popupTag);
}

/**
 * @method    InitRoamDetailPopup
 * 로밍상세팝업
 * @param     {Object}        pForm
 * @param     {Object}        pConMng
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitRoamDetailPopup(pForm, pConMng, pOptions) {
        
    this.id    = pOptions.id;
    this.title = '로밍상세내역';

    this.getPopupTag    = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer large" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="step-area" name="stepArea">' +
                        '                            <div class="inner">' +
                        '                                <ol></ol>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="reser-detail-info" name="bookingDetailArea"></div>' +
                        '                        <div class="apply-step-list3" name="statusArea">' +
                        '                            <ol></ol>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">확정사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbConfirm">' +
                        '                                    <caption>확정사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <p class="txt-ty1 mt10">요청사항과 다른경우, 빨간색 글씨로 표시하였습니다.</p>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">요청사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRequest">' +
                        '                                    <caption>요청사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open           = function(SVC_BKN_NO) {
        var _this = this;

        // _this.bindRoamSts(SVC_BKN_NO);
        // _this.bindRoamDetail(SVC_BKN_NO);
        // _this.bindRoamBknImg(SVC_BKN_NO);

        // popupLayerOpen('#' + _this.id);
        // $('#' + _this.id).find('.popup-content').scrollTop(0);

        _this.getRoamDetail(SVC_BKN_NO);
    };

    this.close          = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.getRoamDetail  = function(SVC_BKN_NO) {
        var _this = this;

        pForm.send('BRS_BT_WR_RetrieveStsTl', { baRs: 'OUT_PSET', IN_PSET: { ETC_PRX_SVC_ITM_CD: 'R', SVC_BKN_NO: SVC_BKN_NO } }, function(stsTlData) {

            if( stsTlData && stsTlData.OUT_PSET && stsTlData.OUT_PSET.length > 0 ) {
                _this.bindRoamSts(stsTlData);

                pForm.send('BRS_BT_WR_RetrieveRoamBknImg', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(roamBknImgdata) {

                    if( roamBknImgdata && roamBknImgdata.OUT_PSET && roamBknImgdata.OUT_PSET.length > 0 ) {

                        _this.bindRoamBknImg(roamBknImgdata);

                        pForm.send('BRS_BT_WR_RetrieveRoamBknDtl', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(roamBknDtldata) {

                            if( roamBknDtldata && roamBknDtldata.OUT_PSET && roamBknDtldata.OUT_PSET.length > 0 ) {
                                _this.bindRoamDetail(roamBknDtldata);

                                popupLayerOpen('#' + _this.id);
                                $('#' + _this.id).find('.popup-content').scrollTop(0);
                            }
                        });
                    }
                });
            }
        });
    };

    /******************************************************************************/
    // 로밍상태바인딩
    /******************************************************************************/
    this.bindRoamSts    = function(data) {

        var _this = this;

        var bindData = '';

        data.OUT_PSET.forEach(function(cur) {
            bindData += '<li ' + (cur.NOW_STS_CD ? 'class="on"' : '') + '><span>' + cur.STS_NM + '</span></li>';
        });

        $('#' + _this.id).find('[name="stepArea"] ol').empty().append(bindData);
    };

    /******************************************************************************/
    // 로밍상세바인딩
    /******************************************************************************/
    this.bindRoamDetail = function(data) {

        var _this = this;

        var bindData = data.OUT_PSET[0];

        var tbConfirm         = '';
        var bookingDetailArea = '';
        var tbRequest         = '';

        bookingDetailArea = '<dl class="info-num">' +
                            '    <dt>예약번호</dt>' +
                            '    <dd>' +
                            '        <span class="status" style="margin-left:0; margin-right:10px; color:#000;">' + bindData.ROAM_BKN_STS_NM + '</span>' +
                            '        <span class="num">' + bindData.SVC_BKN_NO + '</span>' +
                            '    </dd>' +
                            '</dl>' +
                            '<dl class="info-date">' +
                            '    <dt>신청일</dt>' +
                            '    <dd>' + bindData.APLC_DT + '</dd>' +
                            '</dl>' +
                            '<dl class="info-name">' +
                            '    <dt>로밍담당자정보</dt>' +
                            '    <dd>' +
                            '        <span>' + bindData.PCHR + '</span>' +
                            '        <button class="btn-ty-line1 small" name="invoice">인보이스다운로드</button>' +
                            '        <p class="star-dot">' +
                            '            접수 취소 변경 관련해서는 담당자에게 문의하시기 바랍니다.' +
                            '        </p>' +
                            '    </dd>' +
                            '</dl>';

        if(bindData.DCSN_XN_YN == 'Y') {
            tbConfirm = '<tr>' +
                        '    <th scope="row">서비스상품</th>' +
                        '    <td><span ' + ( bindData.SVC_ITM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.SVC_ITM + '</span></td>' +
                        '    <th scope="row">요금</th>' +
                        '    <td><span ' + ( bindData.TOT_AMT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + btUtil.addComma(bindData.TOT_AMT) + ' KRW</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국일자</th>' +
                        '    <td><span ' + ( bindData.DPTR_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.DPTR_DT + '</span></td>' +
                        '    <th scope="row">출국시분</th>' +
                        '    <td><span ' + ( bindData.DPTR_HHMM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.DPTR_HHMM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국공항</th>' +
                        '    <td><span ' + ( bindData.DPTR_APO_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.DPTR_APO_NM + '</span></td>' +
                        '    <th scope="row">물품수령지</th>' +
                        '    <td><span ' + ( bindData.RCVNG_APO_PCUP_LOC_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.RCVNG_APO_PCUP_LOC_NM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국일</th>' +
                        '    <td><span ' + ( bindData.ENTR_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.ENTR_DT + '</span></td>' +
                        '    <th scope="row">입국시분</th>' +
                        '    <td><span ' + ( bindData.ENTR_HHMM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.ENTR_HHMM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국공항</th>' +
                        '    <td><span ' + ( bindData.ENTR_APO_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.ENTR_APO_NM + '</span></td>' +
                        '    <th scope="row">물품반납지</th>' +
                        '    <td><span ' + ( bindData.RTRN_APO_PCUP_LOC_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.RTRN_APO_PCUP_LOC_NM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">방문국가</th>' +
                        '    <td colspan="3"><span ' + ( bindData.NTN_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.NTN_NM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' + 
                        '    <td colspan="3"><span ' + ( bindData.CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">요청자정보</th>' + 
                        '    <td colspan="3"><span ' + ( bindData.APLC_CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>';

            // 개통희망일이 있을 경우
            if(bindData.USE_HOPE_BG_DT) {
                tbConfirm +=    '<tr>' +
                                '    <th scope="row">개통희망일</th>' + 
                                '    <td colspan="3">' + bindData.USE_HOPE_BG_DT + '</td>' + 
                                '</tr>';
            }
        }
        else {
            tbConfirm = '<tr><td colspan="5" class="no-data">확정사항이 없습니다.</td></tr>';
        }

        if(bindData.ORGL_XN_YN == 'Y') {
            tbRequest = '<tr>' +
                        '    <th scope="row">예약상태</th>' +
                        '    <td>' + bindData.ROAM_BKN_STS_NM + '</td>' +
                        '    <th scope="row">요금</th>' +
                        '    <td>' + bindData.ORGL_TOT_AMT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">신청항목</th>' +
                        '    <td colspan="3">' + bindData.ORGL_SVC_ITM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국일자</th>' +
                        '    <td>' + bindData.ORGL_DPTR_DT + '</td>' +
                        '    <th scope="row">출국시분</th>' +
                        '    <td>' + bindData.ORGL_DPTR_HHMM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국공항</th>' +
                        '    <td>' + bindData.ORGL_DPTR_APO_NM + '</td>' +
                        '    <th scope="row">물품수령지</th>' +
                        '    <td>' + bindData.ORGL_RCVNG_APO_PCUP_LOC_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국일</th>' +
                        '    <td>' + bindData.ORGL_ENTR_DT + '</td>' +
                        '    <th scope="row">입국시분</th>' +
                        '    <td>' + bindData.ORGL_ENTR_HHMM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국공항</th>' +
                        '    <td>' + bindData.ORGL_ENTR_APO_NM + '</td>' +
                        '    <th scope="row">물품반납지</th>' +
                        '    <td>' + bindData.ORGL_RTRN_APO_PCUP_LOC_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">방문국가</th>' +
                        '    <td colspan="3">' + bindData.ORGL_NTN_NM + '</td>' +
                        '</tr>';
        }
        else {
            tbRequest = '<tr><td colspan="5" class="no-data">요청사항이 없습니다.</td></tr>';
        }

        $('#' + _this.id).find('[name="bookingDetailArea"]').empty().append(bookingDetailArea);
        $('#' + _this.id).find('[name="tbConfirm"] tbody').empty().append(tbConfirm);
        $('#' + _this.id).find('[name="tbRequest"] tbody').empty().append(tbRequest);
        
        if( bindData.INVC_URL_NM ) {
            $('#' + _this.id).find('[name="invoice"]').show();
            $('#' + _this.id).find('[name="invoice"]').on('click', function() {
                window.open('http://' + bindData.INVC_URL_NM);
            });
        }
        else {
            $('#' + _this.id).find('[name="invoice"]').hide();
        }
    };

    /******************************************************************************/
    // 로밍예약이미지바인딩
    /******************************************************************************/
    this.bindRoamBknImg = function(data) {

        var _this = this;

        var bindData = data.OUT_PSET[0];

        var statusArea = '<li><p ' + (bindData.BKN_STATUS == 1 ? 'class="color1"' : '') + '>접수</p><span class="ico"><img src="' + STATIC_CDN_PATH + '/btms/img/ico/ico_apply_step_list03.png" alt="" /></span><em>' + bindData.APLC_DT + '</em></li>' +
                            '<li><p ' + (bindData.BKN_STATUS == 2 ? 'class="color1"' : '') + '>수령</p><span class="ico"><img src="' + STATIC_CDN_PATH + '/btms/img/ico/ico_apply_step_list05.png" alt="" /></span><em>' + bindData.PRX_RCVNG_DT + '<br />수령완료</em></li>' +
                            '<li><p ' + (bindData.BKN_STATUS == 3 ? 'class="color1"' : '') + '>출국(출발)</p><span class="ico"><img src="' + STATIC_CDN_PATH + '/btms/img/ico/ico_apply_step_list07.png" alt="" /></span><em>' + bindData.DPTR_DT + '<br /> ' + bindData.DPTR_APO_NM + '</em></li>' +
                            '<li><p ' + (bindData.BKN_STATUS == 4 ? 'class="color1"' : '') + '>사용중</p><span class="ico"><img src="' + STATIC_CDN_PATH + '/btms/img/ico/ico_apply_step_list08.png" alt="" /></span><em>' + bindData.DPTR_DT + ' ~<br /> ' + bindData.ENTR_DT + '<br /> ' + bindData.THNG_NM + '</em></li>' +
                            '<li><p ' + (bindData.BKN_STATUS == 5 ? 'class="color1"' : '') + '>입국(도착)</p><span class="ico"><img src="' + STATIC_CDN_PATH + '/btms/img/ico/ico_apply_step_list09.png" alt="" /></span><em>' + bindData.ENTR_DT + '<br /> ' + bindData.ENTR_APO_NM + '</em></li>';

        $('#' + _this.id).find('[name="statusArea"] ol').empty().append(statusArea);
    };

    var $popupTag = $( this.getPopupTag() );
    $('.wrap').append($popupTag);
}

/**
 * @method    InitInsuDetailPopup
 * 보험상세팝업
 * @param     {Object}        pForm
 * @param     {Object}        pConMng
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitInsuDetailPopup(pForm, pConMng, pOptions) {
        
    this.id    = pOptions.id;
    this.title = '보험상세내역';

    this.getPopupTag    = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer large" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="step-area" name="stepArea">' +
                        '                            <div class="inner">' +
                        '                                <ol></ol>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="reser-detail-info" name="bookingDetailArea"></div>' +
                        '                        <h2 class="tit-ty3">확정사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbConfirm">' +
                        '                                    <caption>확정사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <p class="txt-ty1 mt10">요청사항과 다른경우, 빨간색 글씨로 표시하였습니다.</p>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">요청사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRequest">' +
                        '                                    <caption>요청사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                        <col style="width:23%">' +
                        '                                        <col style="width:27%">' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open           = function(SVC_BKN_NO) {
        var _this = this;

        _this.getInsuDetail(SVC_BKN_NO);

        // _this.bindInsuSts(SVC_BKN_NO);
        // _this.bindInsuDetail(SVC_BKN_NO);

        // popupLayerOpen('#' + _this.id);
        // $('#' + _this.id).find('.popup-content').scrollTop(0);
    };

    this.close          = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.getInsuDetail  = function(SVC_BKN_NO) {
        var _this = this;

        pForm.send('BRS_BT_WR_RetrieveStsTl', { baRs: 'OUT_PSET', IN_PSET: { ETC_PRX_SVC_ITM_CD: 'I', SVC_BKN_NO: SVC_BKN_NO } }, function(stsTlData) {

            if( stsTlData && stsTlData.OUT_PSET && stsTlData.OUT_PSET.length > 0 ) {
                _this.bindInsuSts(stsTlData);
                pForm.send('BRS_BT_WR_RetrieveInsuBknDtl', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(insuBknDtlData) {
                    if( insuBknDtlData && insuBknDtlData.OUT_PSET && insuBknDtlData.OUT_PSET.length > 0 ) {
                        _this.bindInsuDetail(insuBknDtlData);
                        popupLayerOpen('#' + _this.id);
                        $('#' + _this.id).find('.popup-content').scrollTop(0);
                    }
                });
            }
        });
    };

    /******************************************************************************/
    // 보험상태바인딩
    /******************************************************************************/
    this.bindInsuSts    = function(data) {

        var _this = this;

        var bindData = '';

        data.OUT_PSET.forEach(function(cur) {
            bindData += '<li ' + (cur.NOW_STS_CD ? 'class="on"' : '') + '><span>' + cur.STS_NM + '</span></li>';
        });

        $('#' + _this.id).find('[name="stepArea"] ol').empty().append(bindData);
    };

    /******************************************************************************/
    // 보험상세바인딩
    /******************************************************************************/
    this.bindInsuDetail = function(data) {

        var _this = this;

        var bindData = data.OUT_PSET[0];

        var bookingDetailArea = '';
        var tbConfirm         = '';
        var tbRequest         = '';

        bookingDetailArea = '<dl class="info-num">' +
                            '    <dt>예약번호</dt>' +
                            '    <dd>' +
                            '        <span class="status" style="margin-left:0; margin-right:10px; color:#000;">' + bindData.INSU_BKN_STS_NM + '</span>' +
                            '        <span class="num">' + bindData.SVC_BKN_NO + '</span>' +
                            '    </dd>' +
                            '</dl>' +
                            '<dl class="info-date">' +
                            '    <dt>청약일</dt>' +
                            '    <dd>' + bindData.ACCPT_DT + '</dd>' +
                            '</dl>' +
                            '<dl class="info-name">' +
                            '    <dt>보험담당자정보</dt>' +
                            '    <dd>' +
                            '        <span>' + bindData.PCHR + '</span>' +
                            '        <a href="' + CONTEXT_PATH + '/attach/download/' + bindData.TRVLR_INSU_FILE_ID      + '" class="btn-ty-line1 small" name="insuDownload">증권다운로드</a>' +
                            '        <a href="' + CONTEXT_PATH + '/attach/download/' + bindData.TRVLR_INSU_RCPT_FILE_ID + '" class="btn-ty-line1 small" name="rcptDownload">영수증다운로드</a>' +
                            '        <p class="star-dot">' +
                            '            접수 취소 변경 관련해서는 담당자에게 문의하시기 바랍니다.' +
                            '        </p>' +
                            '    </dd>' +
                            '</dl>';

        if(bindData.DCSN_XN_YN == 'Y') {
            tbConfirm = '<tr>' +
                        '    <th scope="row">신청일</th>' +
                        '    <td><span ' + ( bindData.APLC_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_DT + '</span></td>' +
                        '    <th scope="row">청약일</th>' +
                        '    <td><span ' + ( bindData.ACCPT_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.ACCPT_DT + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">보험시작일</th>' +
                        '    <td>' + bindData.INSU_BG_DT + '</td>' +
                        '    <th scope="row">보험종료일</th>' +
                        '    <td><span ' + ( bindData.INSU_END_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.INSU_END_DT + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">국가</th>' +
                        '    <td><span ' + ( bindData.NTN_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.NTN_NM + '</span></td>' +
                        '    <th scope="row">보험금액</th>' +
                        '    <td><span ' + ( bindData.TOT_AMT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + btUtil.addComma(bindData.TOT_AMT) + ' KRW</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">증권번호</th>' +
                        '    <td colspan="3"><span ' + ( bindData.INSU_COS_NO_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.INSU_COS_NO + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' +
                        '    <td colspan="3"><span ' + ( bindData.CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요청자정보</th>' +
                        '    <td colspan="3"><span ' + ( bindData.APLC_CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>';
        }
        else {
            tbConfirm = '<tr><td colspan="5" class="no-data">확정사항이 없습니다.</td></tr>';
        }

        if(bindData.ORGL_XN_YN == 'Y') {
            tbRequest = '<tr>' +
                        '    <th scope="row">신청일</th>' +
                        '    <td colspan="3">' + bindData.ORGL_APLC_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">보험시작일</th>' +
                        '    <td>' + bindData.ORGL_INSU_END_DT + '</td>' +
                        '    <th scope="row">보험종료일</th>' +
                        '    <td>' + bindData.ORGL_INSU_END_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">국가</th>' +
                        '    <td colspan="3">' + bindData.ORGL_NTN_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' +
                        '    <td colspan="3">' + bindData.ORGL_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요청자정보</th>' +
                        '    <td colspan="3">' + bindData.ORGL_APLC_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>';
        }
        else {
            tbRequest = '<tr><td colspan="5" class="no-data">요청사항이 없습니다.</td></tr>';
        }

        $('#' + _this.id).find('[name="bookingDetailArea"]').empty().append(bookingDetailArea);
        $('#' + _this.id).find('[name="tbConfirm"] tbody').empty().append(tbConfirm);
        $('#' + _this.id).find('[name="tbRequest"] tbody').empty().append(tbRequest);

        

        if( bindData.TRVLR_INSU_FILE_ID ) {
            $('#' + _this.id).find('[name="insuDownload"]').show();
        }
        else {
            $('#' + _this.id).find('[name="insuDownload"]').hide();
        }

        if( bindData.TRVLR_INSU_RCPT_FILE_ID ) {
            $('#' + _this.id).find('[name="rcptDownload"]').show();
        }
        else {
            $('#' + _this.id).find('[name="rcptDownload"]').hide();
        }
    };

    var $popupTag = $( this.getPopupTag() );
    $('.wrap').append($popupTag);
}

/**
 * @method    InitRngPopup
 * 범위보기팝업
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitRngPopup(pOptions) {

    this.id    = pOptions.id;
    this.title = pOptions.title;

    this.getPopupTag   = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer medium" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2 name="title">' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list2 ac">' +
                        '                                <table name="tbRng">' +
                        '                                    <caption>' + _this.title + '</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col />' +
                        '                                        <col style="width:30%" />' +
                        '                                        <col style="width:30%" />' +
                        '                                    </colgroup>' +
                        '                                    <thead>' +
                        '                                        <tr>' +
                        '                                            <th scope="col">부서</th>' +
                        '                                            <th scope="col">직위</th>' +
                        '                                            <th scope="col">임직원</th>' +
                        '                                        </tr>' +
                        '                                    </thead>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="btn-area">' +
                        '                            <div class="inner">' +
                        '                                <button type="button" class="btn-ty-solid2 large" onclick="popupLayerClose(this);"><span>확인</span></button>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';

        return popupTag;
    };

    this.open          = function(data) {
        var _this = this;
        _this.init();
        _this.bindRng(data);
        popupLayerOpen('#' + _this.id);
    };

    this.close         = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.bindRng       = function(data) {

        var _this = this;
        var bindTag = '';

        data.forEach(function(cur) {
            bindTag +=  '<tr>' +
                        '    <td>' + cur.CUSTCO_DEPT_NM  + '</td>' +
                        '    <td>' + cur.CUSTCO_OFPS_NM  + '</td>' +
                        '    <td>' + cur.CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>';
        });

        $('#' + _this.id).find('[name="tbRng"]>tbody').empty().append(bindTag);
    };

    this.setTitle      = function(title) {
        var _this = this;
        _this.title = title;
        $('#' + _this.id).find('[name="title"]').empty().append(_this.title);
    };

    this.init          = function() {
        var _this = this;
        $('.wrap #' + _this.id).remove();
        $('.wrap').append(_this.getPopupTag());
    };

    this.init();
}

/**
 * @method    InitCnsPopup
 * 품의상세팝업
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitCnsPopup(pOptions) {

    this.id = pOptions.id;
    this.param;
    this.rngPopup;
    this.cnsData = {
        AUTH                : '03',  /* 01: 기안자, 02: 결재자, 03: 출장자,열람자 */
        CNS_NO              : '',    /* 품의번호 */
        //MRG_BKN_NO        : '',    /* 통합예약번호 */
        MRG_BKN_NO_LIST     : [],    /* 통합예약번호 */		// 1:N 관계로 변경됨
        DRAF_DTM            : '',    /* 기안일 */
        DRAF_CUSTCO_ESMBR_NO: '',    /* 기안자임직원번호 */
        DRAF_CUSTCO_ESMBR_NM: '',    /* 기안자임직원명 */
        DRAF_CUSTCO_DEPT_NM : '',    /* 기안자부서명 */
        BZT_TY_CD           : '',    /* 출장유형코드(국내,해외) */
        BZT_TY_NM           : '',    /* 출장유형명 */
        BZT_TL_NM           : '',    /* 제목 */
        BT_CNS_STS_CD       : '0',   /* 품의상태 */
        PSNCT_LIST          : [],    /* 결재자목록 */
        BZT_CNS_BTRVR_LIST  : [],    /* 출장자목록 */
        BZT_CNS_CNVY_LIST   : [],    /* 전달목록 */
        BZT_CNS_INQ_LIST    : [],    /* 열람목록 */
        BZT_CNS_JRNY_LIST   : [],    /* 여정목록 */
        BZT_CNS_AMT_LIST    : [],    /* 비용목록 */
		LOGIN_CNS_SNCT_TY_CD: '',    /* 로그인한 사용자의 결재 형식(CNS_SNCT_TY_CD:10(결재), 20(합의)) */
		ATCH_FILE_GRP_ID    : ''	 /* 첨부파일그룹ID */
    };
    this.callback;

    this.getPopupTag      = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer large" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>품의서</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="division">' +
                        '                            <div class="tit-area confer-area">' +
                        '                                <h2 class="tit-lg">출장품의서</h2>' +
                        '                                <div class="left">' +
                        '                                    <button type="button" class="btn-ty-line1 small" name="btnPrint"><i class="ico-ty-btn1"></i><span>인쇄하기</span></button>' +
                        '                                    <button type="button" class="btn-ty-line1 small" name="btnDownload"><i class="ico-ty-btn6"></i><span>다운로드</span></button>' +
                        '                                </div>' +
                        '                                <div class="right">' +
                        '                                    <button type="button" class="btn-ty-line1 small" name="btnSnct" style="display:none;"><span>결재</span></button>' +
						'                                    <button type="button" class="btn-ty-line1 small" name="btnAgree" style="display:none;"><span>합의</span></button>' +
                        '                                    <button type="button" class="btn-ty-line1 small" name="btnGvbk" style="display:none;"><span>반려</span></button>' +
                        '                                    <button type="button" class="btn-ty-line1 small" name="btnCncl" style="display:none;"><span>취소</span></button>' +
                        '                                </div>' +
                        '                            </div>' +
                        '                            <div class="solid-info-list">' +
                        '                                <dl>' +
                        '                                    <dt>품의번호</dt>' +
                        '                                    <dd name="CNS_NO"></dd>' +
                        '                                </dl>' +
                        '                                <dl>' +
                        '                                    <dt>기안일시</dt>' +
                        '                                    <dd name="DRAF_DTM"></dd>' +
                        '                                </dl>' +
                        '                                <dl>' +
                        '                                    <dt>결재자</dt>' +
                        '                                    <dd name="PSNCT_NM"></dd>' +
                        '                                </dl>' +
                        '                            </div>' +
                        '                            <div class="table-list1" style="overflow-y:auto;overflow-x:hidden;max-height:340px;">' +
                        '                                <table>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:18%" />' +
                        '                                        <col />' +
                        '                                        <col style="width:18%" />' +
                        '                                        <col />' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                        <tr name="snctOpinCtsArea" style="display:none;">' +
                        '                                            <th scope="row">결재자의견</th>' +
                        '                                            <td colspan="3" class="applicant-lst">' +
                        '                                                <div class="input">'+
                        '                                                    <input type="text" name="SNCT_OPIN_CTS" placeholder="결재자의견내용을(를) 입력하세요." />' +
                        '                                                </div>' +
                        '                                                <ul></ul>' +
                        '                                            </td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">기안부서</th>' +
                        '                                            <td name="DRAF_CUSTCO_DEPT_NM"></td>' +
                        '                                            <th scope="row">기안자</th>' +
                        '                                            <td name="DRAF_CUSTCO_ESMBR_NM"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">출장자</th>' +
                        '                                            <td name="BZT_CNS_BTRVR"></td>' +
                        '                                            <th scope="row">출장유형</th>' +
                        '                                            <td>' +
                        '                                                <div class="form-check" name="BZT_TY_NM">국내</div>' +
                        '                                            </td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">전달범위</th>' +
                        '                                            <td name="BZT_CNS_CNVY"></td>' +
                        '                                            <th scope="row">열람범위</th>' +
                        '                                            <td name="BZT_CNS_INQ"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">품의상태</th>' +
                        '                                            <td name="BT_CNS_STS_NM"></td>' +
                        '                                            <th scope="row">제목</th>' +
                        '                                            <td name="BZT_TL_NM"></td>' +
                        '                                        </tr>' +
                        '                                        <tr name="BZT_PURP_USE_YN" style="display:none;">' +
                        '                                            <th scope="row">출장목적</th>' +
                        '                                            <td name="BTMS_CUSTCO_BZT_PURP_NM"></td>' +
                        '                                            <th scope="row">내용</th>' +
                        '                                            <td name="BZT_CTS"></td>' +
                        '                                        </tr>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                                <table class="overlap" name="tbJrny">' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:18%" />' +
                        '                                        <col />' +
                        '                                        <col style="width:18%" />' +
                        '                                        <col />' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                                <table name="tbBztExp" style="display:none;">' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:18%" />' +
                        '                                        <col />' +
                        '                                        <col style="width:18%" />' +
                        '                                        <col />' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                        <tr>' +
                        '                                            <th scope="row" rowspan="2">출장예상경비</th>' +
                        '                                            <td colspan="3" class="prediction-lst">' +
                        '                                                <ul>' +
                        '                                                </ul>' +
                        '                                            </td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <td colspan="3"><strong class="total color1"></strong></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">Remark</th>' +
                        '                                            <td colspan="3" name="RMK"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">첨부파일</th>' +
                        '                                            <td colspan="3" name="ATCH_FILE"></td>' +
                        '                                        </tr>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="btn-area">' +
                        '                            <div class="inner">' +
                        '                                <button type="button" class="btn-ty-solid2 large" onclick="popupLayerClose(this);"><span>닫기</span></button>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>' +
                        '<div class="popup-layer fully popup-iframe" id="ozPopup">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>미리보기</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';

        return popupTag;
    };
    
    this.open             = function(param, callback) {
        var _this = this;

        _this.init();
        _this.param = param;
        _this.callback = callback;
        _this.searchCns();
    };

    this.close            = function() {

        var _this = this;

        if(_this.callback) {
            var pageNo = $('.paging-area .paging span a.on').text();
            _this.callback(pageNo * 1, 5, false);
        }

        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.searchCns        = function() {

        var _this = this;

        btUtil.send('BRS_BT_WEB_RetrieveCnsAll', { baRq: 'IN_PSET', baRs: 'OUT_PSET1,OUT_PSET2,OUT_PSET3,OUT_PSET4,OUT_PSET5,OUT_PSET6,OUT_PSET7', IN_PSET: _this.param }, function(data) {

			//데이터 확인
			//alert(data.OUT_PSET2[0].LOGIN_CNS_SNCT_TY_CD);
			
            // 출장자/열람권한(03)
            _this.cnsData.AUTH = '03';

            // 기안자권한(01)
            if( data.OUT_PSET2[0].DRAF_CUSTCO_ESMBR_NO == USER_SESSION.CUSTCO_ESMBR_NO ) {
                _this.cnsData.AUTH = '01';
            }
			
			//로그인한 사용자의 결재 형식(10:결재, 20:합의)
			if(data.OUT_PSET2[0].LOGIN_CNS_SNCT_TY_CD != ''){
				trace('[alert] LOGIN_CNS_SNCT_TY_CD 셋팅 완료 = '+data.OUT_PSET2[0].LOGIN_CNS_SNCT_TY_CD);
				_this.cnsData.LOGIN_CNS_SNCT_TY_CD = data.OUT_PSET2[0].LOGIN_CNS_SNCT_TY_CD;
			}

            // 결재자
            _this.cnsData.PSNCT_LIST = data.OUT_PSET1.map(function(cur) {

                // 결재자권한(02)
                if(cur.CHG_YN =='Y' && cur.SNCT_CUSTCO_ESMBR_NO == USER_SESSION.CUSTCO_ESMBR_NO) {

                    _this.cnsData.AUTH                 = '02';
                    _this.cnsData.SNCT_CUSTCO_ESMBR_NO = cur.SNCT_CUSTCO_ESMBR_NO;
                    _this.cnsData.CNS_SNCT_TOR         = cur.CNS_SNCT_TOR;
                }

                return cur;
            });

            // 여정
            _this.cnsData.BZT_CNS_JRNY_LIST  = data.OUT_PSET3;

            // 열람범위
            _this.cnsData.BZT_CNS_INQ_LIST   = data.OUT_PSET4.map(function(cur) {
                cur.COMP_EML_ADR = cur.EML_ADR;
                return cur;
            });
            
            // 전달범위
            _this.cnsData.BZT_CNS_CNVY_LIST  = data.OUT_PSET5.map(function(cur) {
                cur.COMP_EML_ADR = cur.EML_ADR;
                return cur;
            });

            // 출장자
            _this.cnsData.BZT_CNS_BTRVR_LIST = data.OUT_PSET6.map(function(cur) {
                cur.COMP_EML_ADR = cur.EML_ADR;
                return cur;
            });

            // 금액
            _this.cnsData.BZT_CNS_AMT_LIST = data.OUT_PSET7;

            for(var key in data.OUT_PSET2[0]) {
               	_this.cnsData[key] = data.OUT_PSET2[0][key];
            }
            
            // 통합예약번호
			if (data.OUT_PSET2[0].MRG_BKN_NO_LIST) {
				_this.cnsData.MRG_BKN_NO_LIST = data.OUT_PSET2[0].MRG_BKN_NO_LIST.split(",");
			}

            _this.bindCns();

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 품의서바인딩
    /******************************************************************************/
    this.bindCns          = function() {

        var _this = this;

        // 품의번호
        $('#' + _this.id).find('[name="CNS_NO"]').empty().append(_this.cnsData.CNS_NO);
        
        // 기안일
        $('#' + _this.id).find('[name="DRAF_DTM"]').empty().append(_this.cnsData.DRAF_DTM);

        // 결재자
        $('#' + _this.id).find('[name="PSNCT_NM"]').empty().append(_this.getSnctText());

        // 기안자
        $('#' + _this.id).find('[name="DRAF_CUSTCO_ESMBR_NM"]').empty().append(_this.cnsData.DRAF_CUSTCO_ESMBR_NM);

        // 기안부서
        $('#' + _this.id).find('[name="DRAF_CUSTCO_DEPT_NM"]').empty().append(_this.cnsData.DRAF_CUSTCO_DEPT_NM);
        
        // 출장자
        $('#' + _this.id).find('[name="BZT_CNS_BTRVR"]').empty().append(_this.getRngText(_this.cnsData.BZT_CNS_BTRVR_LIST));

        // 전달범위
        $('#' + _this.id).find('[name="BZT_CNS_CNVY"]').empty().append(_this.getRngText(_this.cnsData.BZT_CNS_CNVY_LIST));

        // 열람범위
        $('#' + _this.id).find('[name="BZT_CNS_INQ"]').empty().append(_this.getRngText(_this.cnsData.BZT_CNS_INQ_LIST));

        // 출장유형
        $('#' + _this.id).find('[name="BZT_TY_NM"]').empty().append(_this.cnsData.BZT_TY_NM);

        // 제목
        $('#' + _this.id).find('[name="BZT_TL_NM"]').empty().append(_this.cnsData.BZT_TL_NM);

        // 품의상태
        $('#' + _this.id).find('[name="BT_CNS_STS_NM"]').empty().append(_this.cnsData.BT_CNS_STS_NM);

        // 출장목적
        $('#' + _this.id).find('[name="BTMS_CUSTCO_BZT_PURP_NM"]').empty().append(_this.cnsData.BTMS_CUSTCO_BZT_PURP_NM);

        // 내용
        $('#' + _this.id).find('[name="BZT_CTS"]').empty().append(_this.cnsData.BZT_CTS);

        // 여정
        _this.bindJrny( _this.cnsData.BZT_CNS_JRNY_LIST );

        // Remark
        $('#' + _this.id).find('[name="RMK"]').empty().append(_this.cnsData.RMK);

        // 비용
        _this.bindCost(_this.cnsData.BZT_CNS_AMT_LIST);

        // 품의형태
        // 비용목록
        switch (USER_SESSION.BZT_CNS_TY_CD) {
            case 'CNSA':
                $('#' + _this.id).find('[name="tbBztExp"]').show();
                break;
            case 'CNSB':
            case 'CNSC':
                if(_this.cnsData.MRG_BKN_NO_LIST.length > 0) 
                    $('#' + _this.id).find('[name="tbBztExp"]').show();
                break;
        }

        // 품의목적
        if(USER_SESSION.BZT_PURP_USE_YN == 'Y')
            $('#' + _this.id).find('[name="BZT_PURP_USE_YN"]').show();
        else
            $('#' + _this.id).find('[name="BZT_PURP_USE_YN"]').hide();
        
        // 품의상태
        // 품의상태 20(품의상신), 기안자        취소
        // 품의상태 20(품의상신), 결재자        결재, 반려
        // 품의상태 20(품의상신), 출장/열람자

        // 품의상태 30(품의취소), 기안자
        // 품의상태 30(품의취소), 결재자
        // 품의상태 30(품의취소), 출장/열람자

        // 품의상태 40(품의진행), 기안자        
        // 품의상태 40(품의진행), 결재자        결재, 반려
        // 품의상태 40(품의진행), 출장/열람자

        // 품의상태 50(품의완료), 기안자
        // 품의상태 50(품의완료), 결재자
        // 품의상태 50(품의완료), 출장/열람자

        // 품의상태 60(품의반려), 기안자
        // 품의상태 60(품의반려), 결재자
        // 품의상태 60(품의반려), 출장/열람자

        if(_this.cnsData.BT_CNS_STS_CD == '20' && _this.cnsData.AUTH == '01') {
            $('#' + _this.id).find('[name="btnCncl"]').show();
        }
        else {
            $('#' + _this.id).find('[name="btnCncl"]').hide();
        }

        // 결재자의견바인딩

        var bindPsnctTag = '';

        _this.cnsData.PSNCT_LIST.forEach(function(cur) {
            
            // 결재자의견이 존재할 경우
            if( cur.SNCT_OPIN_CTS ) {
                bindPsnctTag += '<li>' +
                                '    <div class="inner">' +
                                '        <p class="name"><span>' + cur.SNCT_CUSTCO_ESMBR_NM + ' : </span></p>' +
                                '        <p class="value">' + cur.SNCT_OPIN_CTS + '</p>' +
                                '    </div>' +
                                '</li>';
            }
        });

        if(bindPsnctTag) {
            $('#' + _this.id).find('[name="snctOpinCtsArea"] ul').empty().append(bindPsnctTag);
        }

        // (_this.cnsData.BT_CNS_STS_CD == '20' || _this.cnsData.BT_CNS_STS_CD == '40') && 

        if(_this.cnsData.AUTH == '02') {
            
			if(_this.cnsData.LOGIN_CNS_SNCT_TY_CD == '20') {
				trace('[alert] LOGIN_CNS_SNCT_TY_CD == 20');
				$('#' + _this.id).find('[name="btnAgree"]').show();        // 합의 show
				$('#' + _this.id).find('[name="btnSnct"]').hide();         // 결재 hide
			}else{
				trace('[alert] LOGIN_CNS_SNCT_TY_CD != 20');
				$('#' + _this.id).find('[name="btnSnct"]').show();         // 결재 show
				$('#' + _this.id).find('[name="btnAgree"]').hide();        // 합의 hide
			}
			
			
            $('#' + _this.id).find('[name="btnGvbk"]').show();         // 반려
            $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').closest('.input').show();   // 결재자의견
        }
        // else if( _this.cnsData.BT_CNS_STS_CD == '50' || _this.cnsData.BT_CNS_STS_CD == '60' ) {
        //     $('#' + _this.id).find('[name="btnSnct"]').hide();
        //     $('#' + _this.id).find('[name="btnGvbk"]').hide();
        //     $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').val(_this.cnsData.SNCT_OPIN_CTS).prop('disabled', true).closest('tr').show();
        // }
        else {
            $('#' + _this.id).find('[name="btnSnct"]').hide();
			$('#' + _this.id).find('[name="btnAgree"]').hide();
            $('#' + _this.id).find('[name="btnGvbk"]').hide();
            $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').closest('.input').hide();
        }

        if( bindPsnctTag || _this.cnsData.AUTH == '02' ) {
            $('#' + _this.id).find('[name="snctOpinCtsArea"]').show();
        }
        else {
            $('#' + _this.id).find('[name="snctOpinCtsArea"]').hide();
        }
        
        // 출장자
        $('#' + _this.id).find('[name="BZT_CNS_BTRVR"] a').on('click', function() {
            _this.rngPopup.setTitle('출장자');
            _this.rngPopup.open(_this.cnsData.BZT_CNS_BTRVR_LIST);
        });

        // 전달범위
        $('#' + _this.id).find('[name="BZT_CNS_CNVY"] a').on('click', function() {
            _this.rngPopup.setTitle('전달범위');
            _this.rngPopup.open(_this.cnsData.BZT_CNS_CNVY_LIST);
        });

        // 열람범위
        $('#' + _this.id).find('[name="BZT_CNS_INQ"] a').on('click', function() {
            _this.rngPopup.setTitle('열람범위');
            _this.rngPopup.open(_this.cnsData.BZT_CNS_INQ_LIST);
        });
        
        // 첨부파일
        if (_this.cnsData.ATCH_FILE_GRP_ID) {
        	_this.getFileList(_this.cnsData.ATCH_FILE_GRP_ID, function(data) {
				var $bindTag = $('<div class="upload-file-view">' +
								'    <div class="inner">' +
								'        <ul>' +
								'        </ul>' +
								'    </div>' +
								'</div>');

				data.forEach(function(cur) {
					var ext;
	                if (cur.EXT_NM) {
	                    ext = cur.EXT_NM.toLowerCase();
	                }
	                else {
	                    var tmpFiles = cur.CLIENT_FILENAME.split('.');
	                    ext = tmpFiles[ tmpFiles.length - 1 ];
	                }
	                
					$bindTag.find('ul').append('<li style="height: 30px; padding-top: 5px;">' +
													'<img src="' + STATIC_CDN_PATH + '/btms/img/btn/' + btUtil.getExtFileName(ext) + '" alt="" />' +
													'<a href="/attach/download/' + cur.FILE_ID + '" style="position: relative; top: 2px; margin-left: 5px;">' + cur.CLIENT_FILENAME + '</a>' +
												'</li>');
				});
		
				$('[name="ATCH_FILE"]').append($bindTag);
			});
        }

        popupLayerOpen('#' + _this.id);
    }
    
    this.getFileList = function(pGroupId, pCallback) {
    	btUtil.send('BRS_RTIS_CMM_RetrieveFileList', { baRs: 'OUT_PSET', IN_PSET: { FILE_GROUP_ID: pGroupId } }, function(data) {
            if(pCallback) pCallback(data.OUT_PSET);
        }, function() {}, { showProgress: true });
    }

    /******************************************************************************/
    // 결재자목록명반환
    /******************************************************************************/
    this.getSnctText      = function() {

        var _this = this;

        return _this.cnsData.PSNCT_LIST.sort(function(a, b) { return (a.CNS_SNCT_TOR * 1 - b.CNS_SNCT_TOR * 1) }).map(function(cur) {
            return ( cur.SNCT_CUSTCO_ESMBR_NM + '(' + cur.CNS_SNCT_TY_NM + ')' );
        }).join(',');
    }

    /******************************************************************************/
    // 범위명반환
    /******************************************************************************/
    this.getRngText       = function(pData) {

        var rtnText = '';

        if(pData.length > 0) {
            
            var tmpText = '';

            pData.every(function(cur, idx) {

                if(cur.CUSTCO_ESMBR_NM) {
                    tmpText = cur.CUSTCO_ESMBR_NM + ( pData.length - 1 > 0 ? '외 ' + (pData.length - 1) + '명' : '' );
                    return false;
                }
            });

            if(pData.length == 1)
                rtnText = tmpText;
            else
                rtnText = '<a href="javascript:void(0);" role="button" class="underline"><span>' + tmpText + '</span></a>';
        }
        else
            rtnText = '-';
        
        return rtnText;
    }

    /******************************************************************************/
    // 여정바인딩
    /******************************************************************************/
    this.bindJrny         = function(pData) {

        var _this = this;
        var bindTag = '';

        pData.forEach(function(cur) {
            bindTag +=  '<tr>' +
                        '    <th scope="row">출장일정</th>' +
                        '    <td>' + cur.BZT_BG_DT + ' ~ ' + cur.BZT_END_DT + '</td>' +
                        '    <th scope="row">출장도시</th>' +
                        '    <td>' + cur.BZT_CTY_NM + '</td>' +
                        '</tr>';
        });

        $('#' + _this.id).find('[name="tbJrny"]>tbody').empty().append(bindTag);
    };

    /******************************************************************************/
    // 비용바인딩
    /******************************************************************************/
    this.bindCost         = function(data) {
        var _this = this;

        var bindTag = '';
        var totalCosts = {};

        data.forEach(function(cur) {
			var txtColorStr = 'style="color: #c70000;"';		// 출장규정위반일경우 붉은색 표시
            bindTag +=  '<li data-aprpt-cst-amt="' + cur.APRPT_CST_AMT + '" ' + (cur.BZT_REGU_VIOL_RSN_CTS ? txtColorStr : '') + '>' +
                        '    <div class="inner">' +
                        '        <p class="list1" style="width: 55px;">' + cur.CNS_ITM_NM + '</p>' +
                        '        <p class="list2" style="width: 135px;">' + cur.CRNCY_CD  + ' ' + btUtil.addComma(cur.APRPT_CST_AMT) + '</p>' +
                        '        <p class="list3">' + cur.RMK + '</p>' +
                        '        <p class="list4" style="width: 50px; text-align: center;">' + (!cur.SVC_BKN_NO ? '-' : (cur.CNS_ITM_CD != '10' && cur.CNS_ITM_CD != '20') ? '-' : cur.BZT_REGU_VIOL_RSN_CTS ? '규정위반' : '규정적합') + '</p>' +
                        '    </div>' +
                        '</li>';

            totalCosts[cur.CRNCY_CD] = (totalCosts[cur.CRNCY_CD] ? totalCosts[cur.CRNCY_CD] * 1 : 0) + (cur.APRPT_CST_AMT * 1);
        });

        $('#' + _this.id).find('[name="tbBztExp"] ul').empty().append(bindTag);

        // 총비용
        _this.bindTotalCost(totalCosts);

        if(data.length > 0)
            $('#' + _this.id).find('[name="tbBztExp"]').show();
        else
            $('#' + _this.id).find('[name="tbBztExp"]').hide();
    };

    /******************************************************************************/
    // 총비용바인딩
    /******************************************************************************/
    this.bindTotalCost    = function(pTotalCosts) {

        var _this = this;

        var bindTag = '';

        for( key in pTotalCosts) {
            bindTag += key + ' <span>' + btUtil.addComma(pTotalCosts[key]) + '</span><br>';
        }
        
        $('#' + _this.id).find('[name="tbBztExp"] .total').empty().append( bindTag );
    };

    /******************************************************************************/
    // 초기화
    /******************************************************************************/
    this.init             = function() {

        var _this = this;

        $('.wrap #' + _this.id).remove();
        $('.wrap #ozPopup').remove();
        $('.wrap').append(_this.getPopupTag());

        _this.rngPopup = new InitRngPopup({ id: 'rngPopup', title: '전달범위' });
    
        _this.addEvent();
    };

    /******************************************************************************/
    // 품의취소
    /******************************************************************************/
    this.updateBztCns     = function(pCnsStsCd) {

        var _this = this;

        var param = {
            CNS_NO                 : _this.cnsData.CNS_NO,
            //MRG_BKN_NO           : _this.cnsData.MRG_BKN_NO,
            DRAF_CUSTCO_ESMBR_NO   : _this.cnsData.DRAF_CUSTCO_ESMBR_NO,
            BZT_TY_CD              : _this.cnsData.BZT_TY_CD,
            BZT_TL_NM              : _this.cnsData.BZT_TL_NM,
            BTMS_CUSTCO_BZT_PURP_CD: _this.cnsData.BTMS_CUSTCO_BZT_PURP_CD,
            BZT_CTS                : _this.cnsData.BZT_CTS,
            BZT_PRSN_NUM           : _this.cnsData.BZT_PRSN_NUM,
            RMK                    : _this.cnsData.RMK,
            BT_CNS_STS_CD          : pCnsStsCd,
            ATCH_FILE_GRP_ID       : _this.cnsData.ATCH_FILE_GRP_ID
        };

        btUtil.send('BRS_BT_WEB_SaveBztAprpt', { baRq: 'IN_PSET,IN_REPORT_INFO,BR_NAME', baRs: 'CM_EML_SNDN,CM_EML_SNDN_TGT', IN_PSET: param, IN_REPORT_INFO: {}, BR_NAME: {} }, function(data) {

            Message.alert('취소되었습니다.');
            _this.close();

            // _this.searchCns();

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 품의결재/반려
    /******************************************************************************/
    this.updateBztCnsSnct = function(pCnsStsCd) {

        var _this = this;
		
		trace('[alert] _this.cnsData.LOGIN_CNS_SNCT_TY_CD = '+ _this.cnsData.LOGIN_CNS_SNCT_TY_CD);

        var SNCT_OPIN_CTS = $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').val();    // 결재의견내용

        // 품의반려이고 품의반려사유사용여부가 Y일 경우 "결재의견내용"을 입력했는지 체크
        if( pCnsStsCd == '30' && USER_SESSION.CNS_GVBK_RSN_USE_YN == 'Y' ) {
            if( !SNCT_OPIN_CTS ) {
                Message.alert('결재자의견내용을(를) 입력하세요.');
                $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').addClass('error');
                $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').focus();

                return;
            }
            else {
                $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').removeClass('error');
            }
        }

        var param1 = {
            CNS_NO              : _this.cnsData.CNS_NO,
            SNCT_CUSTCO_ESMBR_NO: _this.cnsData.SNCT_CUSTCO_ESMBR_NO,
            CNS_SNCT_TOR        : _this.cnsData.CNS_SNCT_TOR,
            CNS_SNCT_STS_CD     : pCnsStsCd,
            SNCT_OPIN_CTS       : SNCT_OPIN_CTS,
        };

        var param2 = {
            FILE_GROUP_ID: null,
            REPORT_FILE  : 'RTIS_BT_WR/BT_WR_0100.ozr',
            PDF_FILE_NAME: '출장품의서',
            BR_NAME      : 'BRS_BT_WEB_RetrieveCnsAll',
        };

        var sessionData = USER_SESSION;
        delete sessionData["USER_ROLE_LIST"];

        var param3 = {
            PARAM_JSON: JSON.stringify({
                baRq    : 'IN_PSET,RSESSION',
                baRs    : 'OUT_PSET1,OUT_PSET2,OUT_PSET3,OUT_PSET4,OUT_PSET5,OUT_PSET6,OUT_PSET7',
                IN_PSET : { CNS_NO: _this.cnsData.CNS_NO, CUSTCO_ESMBR_NO: USER_SESSION.CUSTCO_ESMBR_NO },
                RSESSION: sessionData
            })
        };

        btUtil.send('BRS_BT_WEB_UpdateBztCnsSnct', { baRq: 'IN_PSET,IN_REPORT_INFO,BR_NAME', baRs: 'CM_EML_SNDN,CM_EML_SNDN_TGT,CM_HP_MSG_SNDN,CM_HP_MSG_SNDN_TGT', IN_PSET: param1, IN_REPORT_INFO: param2, BR_NAME: param3 }, function(data) {

            switch(pCnsStsCd) {
                case '20':
				
					trace('[alert] loginCnsSnctTyCd = '+_this.cnsData.LOGIN_CNS_SNCT_TY_CD);
					
					//결재, 합의 메세지 구분
					var loginCnsSnctTyCd = _this.cnsData.LOGIN_CNS_SNCT_TY_CD;
					if(loginCnsSnctTyCd!='' && loginCnsSnctTyCd=='20'){
						Message.alert('합의되었습니다.');
					}else{
						Message.alert('결재되었습니다.');
					}
                    
                    break;
                case '30':
                    Message.alert('반려되었습니다.');
                    break;
            }
            
            _this.close();
            //_this.searchCns();

            var pageNo = $('.paging-area .paging span a.on').text();
			
			//trace 오류 발생하여 주석처리함
            //searchCnsList(pageNo * 1, 5, false);

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 이벤트적용
    /******************************************************************************/
    this.addEvent         = function() {

        var _this = this;

        // 품의취소 버튼 이벤트
        $('#' + _this.id).find('[name="btnCncl"]').on('click', function() {
            _this.updateBztCns('30');
        });

        // 품의결재 버튼 이벤트
        $('#' + _this.id).find('[name="btnSnct"]').on('click', function() {
			
            //_this.updateBztCnsSnct('20');
			if(confirm('결재하시겠습니까?')){
				_this.updateBztCnsSnct('20');
			}
			
        });
		
		// 품의합의 버튼 이벤트
        $('#' + _this.id).find('[name="btnAgree"]').on('click', function() {
			
            //_this.updateBztCnsSnct('20');
			if(confirm('합의하시겠습니까?')){
				_this.updateBztCnsSnct('20');
			}
			
        });

        // 품의반려 버튼 이벤트
        $('#' + _this.id).find('[name="btnGvbk"]').on('click', function() {
			
			//_this.updateBztCnsSnct('30');			
			if(confirm('반려하시겠습니까?')){
				_this.updateBztCnsSnct('30');
			}

        });

        // 인쇄하기, 다운로드
        $('#' + _this.id).find('[name="btnPrint"],[name="btnDownload"]').on('click', function() {

            var report = new ReportManager();

            report.exportPdf({
                report   : 'RTIS_BT_WR/BT_WR_0100.ozr',
                action   : "BRS_BT_WEB_RetrieveCnsAll",
                param    : { baRs : 'OUT_PSET1,OUT_PSET2,OUT_PSET3,OUT_PSET4,OUT_PSET5,OUT_PSET6,OUT_PSET7', IN_PSET: _this.param },
                callback : function( data ) {
                    $('#ozPopup').find('.popup-content-inner').empty().append('<iframe width="100%" height="830px" frameborder="0" src="' + btUtil.getOzUrl( data["FILE_LIST"][0]["FILE_ID"], true ) + '"></iframe>');
                    popupLayerOpen('#ozPopup');
                }
            });
        });
    };

    this.init();
}

/**
 * @method    InitSchPopup
 * 스케줄관리팝업
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitSchPopup(pOptions) {

    this.id = pOptions.id;
    this.conMng;
    this.callback;

    this.getPopupTag   = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer medium" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>일정</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0" data-area="schArea">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="form-area" data-area="' + _this.id + 'Area">' +
                        '                            <input type="hidden" name="MRG_BKN_NO" data-control="hidden" />' +
                        '                            <input type="hidden" name="SEQ" data-control="hidden" />' +
                        '                            <div class="form-table">' +
                        '                                <table>' +
                        '                                    <tr>' +
                        '                                        <td>' +
                        '                                            <dl>' +
                        '                                                <dt>분류<span class="ico-ess-mark">필수항목</span></dt>' +
                        '                                                <dd>' +
                        '                                                    <div class="form">' +
                        '                                                        <input type="text" name="BZT_SCH_CATE_CD" class="select" data-control="combo" />' +
                        '                                                    </div>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                        <td>' +
                        '                                            <dl>' +
                        '                                                <dt>일정명<span class="ico-ess-mark">필수항목</span></dt>' +
                        '                                                <dd>' +
                        '                                                    <div class="form">' +
                        '                                                        <input type="text" value="" name="BZT_SCH_TL_NM" data-control="text" />' +
                        '                                                    </div>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                    </tr>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <div class="form-table">' +
                        '                                <table>' +
                        '                                    <tr>' +
                        '                                        <td>' +
                        '                                            <dl>' +
                        '                                                <dt>시작일자<span class="ico-ess-mark">필수항목</span></dt>' +
                        '                                                <dd>' +
                        '                                                    <div class="form">' +
                        '                                                        <input type="text" class="date" name="BG_DT" data-control="picker" data-picker-type="from" data-picker-group="' + _this.id + '_TERM" />' +
                        '                                                    </div>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                        <td>' +
                        '                                            <dl>' +
                        '                                                <dt>종료일자<span class="ico-ess-mark">필수항목</span></dt>' +
                        '                                                <dd>' +
                        '                                                    <div class="form">' +
                        '                                                        <input type="text" class="date" name="END_DT" data-control="picker" data-picker-type="to" data-picker-group="' + _this.id + '_TERM" />' +
                        '                                                    </div>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                    </tr>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <div class="form-table">' +
                        '                                <table>' +
                        '                                    <tr>' +
                        '                                        <td>' +
                        '                                            <dl>' +
                        '                                                <dt>시작시간<span class="ico-ess-mark">필수항목</span></dt>' +
                        '                                                <dd>' +
                        '                                                    <div class="form">' +
                        '                                                        <input type="text" value="" name="BG_HHMM" data-control="time" placeholder="00:00" />' +
                        '                                                    </div>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                        <td>' +
                        '                                            <dl>' +
                        '                                                <dt>종료시간<span class="ico-ess-mark">필수항목</span></dt>' +
                        '                                                <dd>' +
                        '                                                    <div class="form">' +
                        '                                                        <input type="text" value="" name="END_HHMM" data-control="time" placeholder="23:59" />' +
                        '                                                    </div>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                    </tr>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <div class="form-table">' +
                        '                                <table>' +
                        '                                    <tr>' +
                        '                                        <td>' +
                        '                                            <dl>' +
                        '                                                <dt>주소</dt>' +
                        '                                                <dd>' +
                        '                                                    <div class="form">' +
                        '                                                        <input type="text" name="ADR_DESC" data-control="text" />' +
                        '                                                    </div>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                    </tr>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <div class="form-table">' +
                        '                                <table>' +
                        '                                    <tr>' +
                        '                                        <td>' +
                        '                                            <dl class="no-bor">' +
                        '                                                <dt>내용</dt>' +
                        '                                                <dd>' +
                        '                                                    <textarea rows="1" cols="1" placeholder="내용을 입력하세요." style="height:90px;" name="RMK" data-control="textarea"></textarea>' +
                        '                                                </dd>' +
                        '                                            </dl>' +
                        '                                        </td>' +
                        '                                    </tr>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="btn-area">' +
                        '                            <button type="button" class="btn-ty-solid2 large" name="btnSave"><span>저장</span></button>' +
                        '                            <button type="button" class="btn-ty-solid1 large" name="btnDel" style="display:none;"><span>삭제</span></button>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';

        return popupTag;
    };
    
    this.open          = function(param, callback) {

        var _this = this;

        if(!param.MRG_BKN_NO) return;

        _this.conMng.clear('schArea');

        $('#' + _this.id).find('[name="MRG_BKN_NO"]').val(param.MRG_BKN_NO);

        if(param.SEQ) {
            $('#' + _this.id).find('[name="SEQ"]').val(param.SEQ);
            _this.bindSchDetail();
        }
        else {
            $('#' + _this.id).find('[name="btnDel"]').hide();
        }

        _this.callback = callback;

        popupLayerOpen('#' + _this.id);
    };

    this.close         = function() {
        popupLayerClose('#' + this.id + ' .popup-close');

        if(this.callback)
            this.callback();
    };

    /******************************************************************************/
    // 스케줄상세바인딩
    /******************************************************************************/
    this.bindSchDetail = function() {

        var _this = this;
        var param = _this.conMng.getDatas('schArea');

        btUtil.send('BRS_BT_WC_RetrieveBztSchDtl', { baRq:'IN_PSET', baRs: 'OUT_PSET', IN_PSET: param }, function(data) {
            
            if( data.OUT_PSET.length > 0 ) {
                _this.conMng.setDatas('schArea', data.OUT_PSET[0]);
                $('#' + _this.id).find('[name="btnDel"]').show();
            }

        }, function() { }, { showProgress: true });
    };

    /******************************************************************************/
    // 스케줄저장/수정
    /******************************************************************************/
    this.mergeSch      = function() {

        var _this = this;

        var param = _this.conMng.getDatas('schArea');

        btUtil.send('BRS_BT_WC_MergeBztSch', { baRq:'IN_PSET', IN_PSET: param }, function(data) {

            Message.alert('저장되었습니다.');
            _this.close();

        }, function() { }, { showProgress: true });
    };

    /******************************************************************************/
    // 스케줄삭제
    /******************************************************************************/
    this.deleteSch     = function() {

        var _this = this;

        var param = _this.conMng.getDatas('schArea');

        btUtil.send('BRS_BT_WC_DeleteBztSch', { baRq:'IN_PSET', IN_PSET: param }, function(data) {

            Message.alert('삭제되었습니다.');
            _this.close();

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 초기화
    /******************************************************************************/
    this.init          = function() {

        var _this = this;

        $('.wrap').append(_this.getPopupTag());

        _this.conMng = new ControlManage2();

        _this.conMng.initCombo('schArea', 'BZT_SCH_CATE_CD', 'BRS_BT_WEB_RetrieveCmCodeList', { baRs: 'OUT_PSET', IN_PSET: { GRP_CD: 'BZT_SCH_CATE_CD' } }, { code : 'CD', value : 'CD_NM' }, [ { CD: '', CD_NM: '선택' } ] );
        
        _this.conMng.picker({
            areaName       : 'schArea',
            controlFromName: 'BG_DT',
            controlToName  : 'END_DT'
        });

        _this.addEvent();
    };

    /******************************************************************************/
    // 이벤트적용
    /******************************************************************************/
    this.addEvent      = function() {

        var _this = this;

        // 저장
        $('#' + _this.id).find('[name="btnSave"]').on('click', function() {
            _this.mergeSch();
        });

        // 삭제
        $('#' + _this.id).find('[name="btnDel"]').on('click', function() {
            _this.deleteSch();
        });
    };

    this.init();
}

/**
 * @method    initAddrPopup
 * 우편번호찾기(웹) 팝업 생성
 * @docauthor Redcap Tour
 * @author    윤정혁
 * this.show(return callback [TARGET])
 */
var initAddrPopup = function(pForm, pSession, pCallback) {

    var popupId = btUtil.getRandomId() + 'popup';
    var _param;
    var tmpSession;
    var callbackTarget; /*리턴받을 result Target (returnData) */

    if(typeof USER_SESSION !== 'undefined') {
        tmpSession = USER_SESSION;
    }
    else {
        tmpSession = pSession;
    }

    $('.wrap-inner').append(createHtml(popupId));
   
    var _con = new ControlManage(pForm);
   
    _con.initCombo('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]', 'BRS_BT_WEB_RetrieveCmCodeListNonSession', { baRs: 'OUT_RSET', IN_PSET: { GRP_CD: 'SIDO_AREA_CD', COMP_CD: tmpSession.COMP_CD, LANG_CD: tmpSession.LANG_CD } }, { code: 'CD', value: 'CD_NM' }, [{ CD: '', CD_NM: '전체' }], false);
    _con.initCombo('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]' , 'BRS_BT_WEB_RetrieveCmCodeListNonSession', { baRs: 'OUT_RSET', IN_PSET: { GRP_CD: 'SGG_AREA_CD' , COMP_CD: tmpSession.COMP_CD, LANG_CD: tmpSession.LANG_CD } }, { code: 'CD', value: 'CD_NM' }, [{ CD: '', CD_NM: '전체' }], false);
   
    $('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]').on('combo-change', function() {
        var sido = _con.getData('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]');
        _con.initCombo('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]', 'BRS_BT_WEB_RetrieveCmCodeListNonSession', { baRs: 'OUT_RSET', IN_PSET: { GRP_CD: 'SGG_AREA_CD', PRNT_CD : sido, COMP_CD : tmpSession.COMP_CD, LANG_CD : tmpSession.LANG_CD } }, { code : 'CD', value : 'CD_NM' }, [{ CD:'', CD_NM:'전체' }],false); 
    });
    
    /* 주소 검색 팝업 */
    $('[id=' + popupId + '] #btnSrchAddr').on('click', function() {
        var cond = _con.getDatas('[id=' + popupId + '] [data-area="frmSrchAdr"]');

        if(cond.ROD_NM == '') {
            Message.alert('검색어를 입력하세요.');
            return false;
        }

        var sidoNm = $('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]').val();
        var sggNm  = $('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]').val();

        var keyword = "";
     
        if(cond.SIDO_AREA_CD) keyword += $.trim(sidoNm);
        
        if(cond.SGG_AREA_CD){
            if( $.trim(keyword) == '' ) keyword+= $.trim(sggNm);
            else keyword += " " + $.trim(sggNm);
        }
    
        if( $.trim(keyword) == '' ) keyword += $.trim(cond.ROD_NM);
        else keyword += " " + $.trim(cond.ROD_NM);
    
        cond.keyword = keyword;
    
        fnRetrieveAddressList(1, 100, cond);
    });
   
    /*주소 검색 팝업 Hide*/
    $('[id=' + popupId + '] #closeAddrPop').on('click', function() {
        popupLayerClose(this);
    });
   
    /* 주소 선택 이벤트 */
    $(document).on('click',"[id=" + popupId + "] #grdAddrList tbody li", function() {
        var _this = this;
        var result = [];

        result.ZIP_CD = $(_this).closest('td').siblings('td').text();
        result.ADR    = $(_this).find('span').text();
        result.TARGET = callbackTarget;

        if(pCallback) {
            pCallback(result);
        }
        popupLayerClose('[id=' + popupId + '] #closeAddrPop');
    });
   
    /* 주소검색팝업 Show */
    this.show = function(target){
        clearPop();
        callbackTarget = target;
        popupLayerOpen('#' + popupId);
    }
   
    function clearPop() {

        _con.setData('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]', '');
        _con.setData('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]', '');
        _con.setData('[id=' + popupId + '] [data-area="frmSrchAdr"] [name="ROD_NM"]', '');

        $('[id='+popupId+'] #grdAddrList tbody').empty();
        $('[id='+popupId+'] .paging-area').empty();
    }
   
    /* 우편번호 리스트 검색 */
    function fnRetrieveAddressList(pPageNo, pRowCount, condition) {
        var cond = condition;
   
        if(cond) {
        }
        else if(!cond && _param) {
            cond = _param;
        }
        else {
            return;
        }

        cond.rowCount = pRowCount; /*조회 수*/

        if(pPageNo == 1) {
            cond.startRow = 0;  /*start row index*/
        }
        else {
            cond.startRow = ((pPageNo-1) * pRowCount) + 1   // ex) 3page 일 경우 (2 * 100)+1 = 201 startRow 
        }

        var bindData = '';

        pForm.send( 'ExternalInterLink.retrieveAddressList', cond, function(data) {

            if(data.result.list) {
                data.result.list.forEach(function(item, idx){
                    bindData += '<tr>';
                    bindData += '    <td colspan="2">';
                    bindData += '        <ul>';
                    bindData += '        <ul>';
                    bindData += '            <li><a href="javascript:void(0);" role="button"><strong>도로명</strong><p><span>' + item.roadAddr + '</span></p></a></li>';
                    bindData += '            <li><a href="#none" role="button"><strong>지번</strong><p><span>' + item.jibunAddr + '</span></p></a></li>';
                    bindData += '        </ul>';
                    bindData += '    </td>';
                    bindData += '    <td class="ac">' + item.zipNo + '</td>';
                    bindData += '</tr>';
                });
            }

            if(bindData) {
                $('[id=' + popupId + '] #grdAddrList tbody').empty().append(bindData);
       
                _con.paging('[id=' + popupId + '] .paging-area', data.result.total, pRowCount, pPageNo, fnRetrieveAddressList);
                _param = cond;
            }
            else {
                $('[id=' + popupId + '] #grdAddrList tbody').empty().append('<tr><td class="no-data" colspan="3">검색된 주소가 없습니다.</td></tr>');
                $('[id=' + popupId + '] .paging-area').empty();
            }
        }, function() {}, { showProgress: true });
    }
   
    /* 주소검색팝업 태그 */
    function createHtml(rndId) {
        var rtnTxt = '';
        rtnTxt += '<div class="popup-layer medium visible" id=' + rndId + '>';
        rtnTxt += '<div class="dimmed"></div>';
        rtnTxt += '<div class="popup-container">';
        rtnTxt += '    <div class="popup-inner">';
        rtnTxt += '        <div class="popup-contents">';
        rtnTxt += '            <div class="popup-header">';
        rtnTxt += '                <h2>우편번호 찾기</h2>';
        rtnTxt += '            </div>';
        rtnTxt += '            <div class="popup-content" tabindex="0" style="max-height:630px;">';
        rtnTxt += '                <div class="popup-content-inner">';
        rtnTxt += '                    <div class="form-area post" data-area="frmSrchAdr">';
        rtnTxt += '                        <div class="form-table">';
        rtnTxt += '                            <table>';
        rtnTxt += '                                <tbody>';
        rtnTxt += '                                    <tr>';
        rtnTxt += '                                        <td>';
        rtnTxt += '                                            <dl>';
        rtnTxt += '                                                <dt>시/도</dt>';
        rtnTxt += '                                                <dd>';
        rtnTxt += '                                                    <div class="form">';
        rtnTxt += '                                                        <input type="text" name="SIDO_AREA_CD" class="select" data-control="combo" />';
        rtnTxt += '                                                    </div>';
        rtnTxt += '                                                </dd>';
        rtnTxt += '                                            </dl>';
        rtnTxt += '                                        </td>';
        rtnTxt += '                                        <td>';
        rtnTxt += '                                            <dl>';
        rtnTxt += '                                               <dt>시/군/구</dt>';
        rtnTxt += '                                               <dd>';
        rtnTxt += '                                                   <div class="form">';
        rtnTxt += '                                                       <input type="text" name="SGG_AREA_CD" class="select" data-control="combo" />';
        rtnTxt += '                                                   </div>';
        rtnTxt += '                                               </dd>';
        rtnTxt += '                                            </dl>';
        rtnTxt += '                                        </td>';
        rtnTxt += '                                    </tr>';
        rtnTxt += '                                    <tr>';
        rtnTxt += '                                        <td colspan="2">';
        rtnTxt += '                                            <dl>';
        rtnTxt += '                                                <dt class="no-tit">도로명/동명/건물번호/지번/건물명</dt>';
        rtnTxt += '                                                <dd class="btn3">';
        rtnTxt += '                                                    <div class="form">';
        rtnTxt += '                                                        <input type="text" data-control="text" name="ROD_NM" value="" placeholder="도로명/동명/건물번호/지번/건물명입력" />';
        rtnTxt += '                                                        <button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>';
        rtnTxt += '                                                    </div>';
        rtnTxt += '                                                    <div class="btn">';
        rtnTxt += '                                                        <button type="button" id="btnSrchAddr" class="btn-ty-solid1 medium"><span>검색</span></button>';
        rtnTxt += '                                                    </div>';
        rtnTxt += '                                                </dd>';
        rtnTxt += '                                            </dl>';
        rtnTxt += '                                        </td>';
        rtnTxt += '                                    </tr>';
        rtnTxt += '                                </tbody>';
        rtnTxt += '                            </table>';
        rtnTxt += '                        </div>';
        rtnTxt += '                    </div>';
        rtnTxt += '                    <div class="table-area">';
        rtnTxt += '                        <div class="table-list1 fixed-headers post">';
        rtnTxt += '                            <div>';
        rtnTxt += '                                <table>';
        rtnTxt += '                                    <caption>우편번호 찾기 - 구분, 주소, 우편번호</caption>';
        rtnTxt += '                                    <colgroup>';
        rtnTxt += '                                        <col style="width:20%">';
        rtnTxt += '                                        <col>';
        rtnTxt += '                                        <col style="width:24%">';
        rtnTxt += '                                    </colgroup>';
        rtnTxt += '                                    <thead>';
        rtnTxt += '                                        <tr>';
        rtnTxt += '                                            <th scope="col">구분</th>';
        rtnTxt += '                                            <th scope="col">주소</th>';
        rtnTxt += '                                            <th scope="col">우편번호</th>';
        rtnTxt += '                                        </tr>';
        rtnTxt += '                                    </thead>';
        rtnTxt += '                                </table>';
        rtnTxt += '                            </div>';
        rtnTxt += '                            <div class="tbody" style="height: 357px;">';
        rtnTxt += '                                <table id="grdAddrList">';
        rtnTxt += '                                    <caption>우편번호 찾기 - 구분, 주소, 우편번호</caption>';
        rtnTxt += '                                    <colgroup>';
        rtnTxt += '                                        <col style="width:20%">';
        rtnTxt += '                                        <col>';
        rtnTxt += '                                        <col style="width:24%">';
        rtnTxt += '                                    </colgroup>';
        rtnTxt += '                                    <tbody>';
        rtnTxt += '                                    </tbody>';
        rtnTxt += '                                </table>';
        rtnTxt += '                            </div>';
        rtnTxt += '                        </div>';
        rtnTxt += '                    </div>';
        rtnTxt += '                    <div class="paging-area"></div>';
        rtnTxt += '                    </div>';
        rtnTxt += '                </div>';
        rtnTxt += '                <button type="button" class="popup-close" id="closeAddrPop"><span>팝업 닫기</span></button>';
        rtnTxt += '            </div>';
        rtnTxt += '        </div>';
        rtnTxt += '    </div>';
        rtnTxt += '</div>';
        return rtnTxt;
    }
};

/**
 * @method    initAddrPopupMobile
 * 우편번호찾기(모바일) 팝업 생성
 * @docauthor Redcap Tour
 * @author    양석진
 * this.show(return callback [TARGET])
 */
var initAddrPopupMobile = function(pForm, pSession, pCallback) {
 
    var popupId = btUtil.getRandomId() + 'popup';
    var _param;
    var tmpSession;
    var callbackTarget; /*리턴받을 result Target (returnData) */

    if(typeof USER_SESSION !== 'undefined') {
        tmpSession = USER_SESSION;
    }
    else {
        tmpSession = pSession;
    }

    $('.wrap-inner').append(createHtml(popupId));
   
    var _con = new ControlManage(pForm);
   
    _con.initCombo('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]', 'BRS_BT_WEB_RetrieveCmCodeListNonSession', {baRs: 'OUT_RSET', IN_PSET: {GRP_CD: 'SIDO_AREA_CD', COMP_CD : tmpSession.COMP_CD, LANG_CD : tmpSession.LANG_CD }}, { code : 'CD', value : 'CD_NM' },[{CD:'', CD_NM:'전체'}],false);
    _con.initCombo('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]' , 'BRS_BT_WEB_RetrieveCmCodeListNonSession', {baRs: 'OUT_RSET', IN_PSET: {GRP_CD: 'SGG_AREA_CD' , COMP_CD : tmpSession.COMP_CD, LANG_CD : tmpSession.LANG_CD }}, { code : 'CD', value : 'CD_NM' },[{CD:'', CD_NM:'전체'}],false);
   
    $('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]').on('combo-change',function() {
        var sido = _con.getData('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]');
        _con.initCombo('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]', 'BRS_BT_WEB_RetrieveCmCodeListNonSession', {baRs: 'OUT_RSET', IN_PSET: {GRP_CD: 'SGG_AREA_CD', PRNT_CD : sido, COMP_CD : tmpSession.COMP_CD, LANG_CD : tmpSession.LANG_CD}}, { code : 'CD', value : 'CD_NM' },[{CD:'', CD_NM:'전체'}],false); 
    });
    
    /*주소 검색 팝업*/
    $('[id='+popupId+'] #btnSrchAddr').on('click',function() {
        var cond = _con.getDatas('[id='+popupId+'] [data-area="frmSrchAdr"]');
   
        if(cond.ROD_NM == '') {
            Message.alert('검색어를 입력하세요.');
            return false;
        } 

        var sidoNm = $('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]').val();
        var sggNm  = $('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]').val();

        var keyword = "";
        
        if(cond.SIDO_AREA_CD) keyword += $.trim(sidoNm);
        
        if(cond.SGG_AREA_CD) {
            if( $.trim(keyword) == '' ) keyword += $.trim(sggNm);
            else keyword += " " + $.trim(sggNm);
        }

        if( $.trim(keyword) == '' ) keyword += $.trim(cond.ROD_NM);
        else keyword += " " + $.trim(cond.ROD_NM);

        cond.keyword = keyword;
        //cond.pageMode = 'page';

        fnRetrieveAddressList(1, 100, cond);
    });
   
    /*주소 검색 팝업 Hide*/
    $('[id='+popupId+'] #closeAddrPop').on('click', function() {
        popupLayerClose(this);
    });
   
    /* 주소 선택 이벤트 */
    $(document).on('click',"[id="+popupId+"] #grdAddrList tbody li", function() {

        var _this = this;
        var result = [];

        result.ZIP_CD  = $(_this).closest('td').siblings('td').text();
        result.ADR  = $(_this).find('span').text();
        result.TARGET = callbackTarget;

        if(pCallback) {
            pCallback(result);
        }

        popupLayerClose('[id='+popupId+'] #closeAddrPop');
    });
   
    /* 주소검색팝업 Show  */
    this.show = function(target) {
        clearPop();
        callbackTarget = target;
        popupLayerOpen('#' + popupId);
    }
   
    function clearPop() {

        _con.setData('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SIDO_AREA_CD"]', '');
        _con.setData('[id='+popupId+'] [data-area="frmSrchAdr"] [name="SGG_AREA_CD"]', '');
        _con.setData('[id='+popupId+'] [data-area="frmSrchAdr"] [name="ROD_NM"]', '');

        $('[id='+popupId+'] #grdAddrList tbody').empty();
        $('[id='+popupId+'] .paging-area').empty();
    }
   
    /* 우편번호 리스트 검색 */
    function fnRetrieveAddressList(pPageNo, pRowCount, condition) {
        var cond = condition;
   
        if(cond) {
        }
        else if(!cond && _param) {
            cond = _param;
        }
        else {
            return;
        }
   
        cond.rowCount = pRowCount; /*조회 수*/
     
        if(pPageNo == 1) {
            cond.startRow = 0;  /*start row index*/
        }
        else {
            cond.startRow = ((pPageNo-1) * pRowCount) + 1   // ex) 3page 일 경우 (2 * 100)+1 = 201 startRow 
        }

        var bindData = '';

        pForm.send( 'ExternalInterLink.retrieveAddressList', cond, function(data) {

            if(data.result.list) {
                data.result.list.forEach(function(item, idx) {
                    bindData += '<tr>';
                    bindData += '     <td colspan="2">';
                    bindData += '         <ul>';
                    bindData += '         <ul>';
                    bindData += '             <li><a href="javascript:void(0);" role="button"><strong>도로명</strong><p><span>' + item.roadAddr + '</span></p></a></li>';
                    bindData += '             <li><a href="#none" role="button"><strong>지번</strong><p><span>'+item.jibunAddr+'</span></p></a></li>';
                    bindData += '         </ul>';
                    bindData += '     </td>';
                    bindData += '     <td class="ac">' + item.zipNo + '</td>';
                    bindData += '</tr>';
                });
            }

            if(bindData) {
                $('[id='+popupId+'] #grdAddrList tbody').empty().append(bindData);
            
                _con.pagingMobile('[id='+popupId+'] .paging-area', data.result.total, pRowCount, pPageNo, fnRetrieveAddressList);
                _param = cond;
            }
            else {
                $('[id='+popupId+'] #grdAddrList tbody').empty().append('<tr><td class="no-data" colspan="3">검색된 주소가 없습니다.</td></tr>');
                $('[id='+popupId+'] .paging-area').empty();
            }
        }, function() {}, {showProgress: true});
    }
   
    /* 주소검색팝업 태그 */
    function createHtml(rndId) {
        var rtnTxt = '';
        rtnTxt += '<div class="popup-layer full" id='+rndId+'>';
        rtnTxt += '    <div class="dimmed"></div>';
        rtnTxt += '    <div class="popup-container">';
        rtnTxt += '        <div class="popup-inner">';
        rtnTxt += '            <div class="popup-contents">';
        rtnTxt += '                <div class="popup-header">';
        rtnTxt += '                    <h2>우편번호 찾기</h2>';
        rtnTxt += '                </div>';
        rtnTxt += '                <div class="popup-content" tabindex="0">';
        rtnTxt += '                    <div class="popup-content-inner">';
        rtnTxt += '                        <div class="form-area post" data-area="frmSrchAdr">';
        rtnTxt += '                            <div class="form-table">';
        rtnTxt += '                                <table>';
        rtnTxt += '                                    <tr>';
        rtnTxt += '                                        <td>';
        rtnTxt += '                                            <dl>';
        rtnTxt += '                                                <dt>시/도</dt>';
        rtnTxt += '                                                <dd>';
        rtnTxt += '                                                    <div class="form">';
        rtnTxt += '                                                        <input type="text" name="SIDO_AREA_CD" class="select" data-control="combo" />';
        rtnTxt += '                                                    </div>';
        rtnTxt += '                                                </dd>';
        rtnTxt += '                                            </dl>';
        rtnTxt += '                                        </td>';
        rtnTxt += '                                        <td>';
        rtnTxt += '                                            <dl>';
        rtnTxt += '                                                <dt>시/군/구</dt>';
        rtnTxt += '                                                <dd>';
        rtnTxt += '                                                    <div class="form">';
        rtnTxt += '                                                        <input type="text" name="SGG_AREA_CD" class="select" data-control="combo" />';
        rtnTxt += '                                                    </div>';
        rtnTxt += '                                                </dd>';
        rtnTxt += '                                            </dl>';
        rtnTxt += '                                        </td>';
        rtnTxt += '                                    </tr>';
        rtnTxt += '                                    <tr>';
        rtnTxt += '                                        <td colspan="2">';
        rtnTxt += '                                            <dl>';
        rtnTxt += '                                                <dt class="no-tit">도로명/동명/건물번호/지번/건물명</dt>';
        rtnTxt += '                                                <dd class="btn1">';
        rtnTxt += '                                                    <div class="form">';
        rtnTxt += '                                                        <input type="text" data-control="text" name="ROD_NM" value="" placeholder="도로명/동명/건물번호/지번/건물명입력">';
        rtnTxt += '                                                        <button type="button" class="btn-clear" style="display: none;"><span>Rewrite</span></button>';
        rtnTxt += '                                                    </div>';
        rtnTxt += '                                                    <div class="btn">';
        rtnTxt += '                                                        <button type="button" id="btnSrchAddr" class="btn-ty-solid4 medium"><span>검색</span></button>';
        rtnTxt += '                                                    </div>';
        rtnTxt += '                                                </dd>';
        rtnTxt += '                                            </dl>';
        rtnTxt += '                                        </td>';
        rtnTxt += '                                    </tr>';
        rtnTxt += '                                </table>';
        rtnTxt += '                            </div>';
        rtnTxt += '                        </div>';
        rtnTxt += '                        <div class="table-area">';
        rtnTxt += '                            <div class="table-list1 fixed-headers post">';
        rtnTxt += '                                <div>';
        rtnTxt += '                                    <table>';
        rtnTxt += '                                        <caption>우편번호 찾기 - 구분, 주소, 우편번호</caption>';
        rtnTxt += '                                        <colgroup>';
        rtnTxt += '                                            <col style="width:20%" />';
        rtnTxt += '                                            <col />';
        rtnTxt += '                                            <col style="width:18%" />';
        rtnTxt += '                                        </colgroup>';
        rtnTxt += '                                        <thead>';
        rtnTxt += '                                            <tr>';
        rtnTxt += '                                                <th scope="col">구분</th>';
        rtnTxt += '                                                <th scope="col">주소</th>';
        rtnTxt += '                                                <th scope="col">우편번호</th>';
        rtnTxt += '                                            </tr>';
        rtnTxt += '                                        </thead>';
        rtnTxt += '                                    </table>';
        rtnTxt += '                                </div>';
        rtnTxt += '                                <div class="tbody">';
        rtnTxt += '                                    <table id="grdAddrList">';
        rtnTxt += '                                        <caption>우편번호 찾기 - 구분, 주소, 우편번호</caption>';
        rtnTxt += '                                        <colgroup>';
        rtnTxt += '                                            <col style="width:20%" />';
        rtnTxt += '                                            <col />';
        rtnTxt += '                                            <col style="width:18%" />';
        rtnTxt += '                                        </colgroup>';
        rtnTxt += '                                        <tbody>';
        rtnTxt += '                                        </tbody>';
        rtnTxt += '                                    </table>';
        rtnTxt += '                                </div>';
        rtnTxt += '                            </div>';
        rtnTxt += '                        </div>';
        rtnTxt += '                        <div class="paging-area"></div>';
        rtnTxt += '                    </div>';
        rtnTxt += '                </div>';
        rtnTxt += '                <button type="button" class="popup-close" id="closeAddrPop"><span>팝업 닫기</span></button>';
        rtnTxt += '            </div>';
        rtnTxt += '        </div>';
        rtnTxt += '    </div>';
        rtnTxt += '</div>';

        return rtnTxt;
    }
};

/**
 * @method    InitVisaDetailPopup
 * 비자상세팝업-모바일용
 * @param     {Object}        pForm
 * @param     {Object}        pConMng
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    양석진
 */
function InitVisaDetailPopupMobile(pForm, pConMng, pOptions) {
        
    this.id    = pOptions.id;
    this.title = '비자상세내역';

    this.getPopupTag        = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer full" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="step-area" name="stepArea">' +
                        '                            <div class="inner">' +
                        '                                <ol></ol>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="reser-detail-info" name="bookingDetailArea"></div>' +
                        '                        <ul class="list-ty-dash">' +
                        '                            <li>대사관 사정에 의해 접수, 발급일이 변경될 수 있습니다.</li>' + 
                        '                            <li>접수/변경/취소 관련 담당자에게 문의하시기 바랍니다.</li>' +
                        '                        </ul>' +
                        '                        <h2 class="tit-ty3">확정사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbConfirm">' +
                        '                                    <caption>확정사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:35%">' +
                        '                                        <col>' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <p class="txt-ty1 mt10">요청사항과 다른경우, 빨간색 글씨로 표시하였습니다.</p>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">요청사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRequest">' +
                        '                                    <caption>요청사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:35%">' +
                        '                                        <col>' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">서류전달방식</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRelay">' +
                        '                                    <caption>서류전달방식</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:35%">' +
                        '                                        <col>' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open               = function(SVC_BKN_NO) {
        var _this = this;

        _this.getVisaDetail(SVC_BKN_NO);

        // _this.bindVisaSts(SVC_BKN_NO);
        // _this.bindVisaDetail(SVC_BKN_NO);
        // popupLayerOpen('#' + _this.id);
        // $('#' + _this.id).find('.popup-content').scrollTop(0);
    };

    this.close              = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.getVisaDetail      = function(SVC_BKN_NO) {

        var _this = this;

        pForm.send('BRS_BT_WR_RetrieveStsTl', { baRs: 'OUT_PSET', IN_PSET: { ETC_PRX_SVC_ITM_CD: 'V', SVC_BKN_NO: SVC_BKN_NO } }, function(stsTlData) {

            if( stsTlData && stsTlData.OUT_PSET && stsTlData.OUT_PSET.length > 0 ) {
                _this.bindVisaSts(stsTlData);

                pForm.send('BRS_BT_WR_RetrieveVisaBknDtl', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(visaBknDtlData) {

                    if( visaBknDtlData && visaBknDtlData.OUT_PSET && visaBknDtlData.OUT_PSET.length > 0 ) {
                        _this.bindVisaDetail(visaBknDtlData);
                        popupLayerOpen('#' + _this.id);
                        $('#' + _this.id).find('.popup-content').scrollTop(0);
                    }
                });
            }
        });
    };

    /******************************************************************************/
    // 비자상태바인딩
    /******************************************************************************/
    this.bindVisaSts        = function(data) {

        var _this = this;

        var bindData = '';

        data.OUT_PSET.forEach(function(cur) {
            bindData += '<li ' + (cur.NOW_STS_CD ? 'class="on"' : '') + '><span>' + cur.STS_NM + '</span></li>';
        });

        $('#' + _this.id).find('[name="stepArea"] ol').empty().append(bindData);
    };

    /******************************************************************************/
    // 비자상세바인딩
    /******************************************************************************/
    this.bindVisaDetail = function(data) {

        var _this = this;

        var bindData = data.OUT_PSET[0];

        var bookingDetailArea = '';
        var tbConfirm         = '';
        var tbRequest         = '';
        var tbRelay           = '';

        bookingDetailArea = '<dl class="info-num">' +
                            '    <dt>예약번호</dt>' +
                            '    <dd>' +
                            '        <span class="status" style="margin-left:0; margin-right:10px; color:#000;">' + bindData.VISA_BKN_STS_NM + '</span>' +
                            '        <span class="num">' + bindData.SVC_BKN_NO + '</span>' +
                            '    </dd>' +
                            '</dl>' +
                            '<dl class="info-date">' +
                            '    <dt>발급예정일</dt>' +
                            '    <dd>' + bindData.VISA_ISU_SCHD_DT + '</dd>' +
                            '</dl>' +
                            '<dl class="info-name">' +
                            '    <dt>예약담당자</dt>' +
                            '    <dd>' +
                            '        <span>' + bindData.PCHR + '</span>' +
                            '    </dd>' +
                            '</dl>';

        if(bindData.DCSN_XN_YN == 'Y') {
            tbConfirm = '<tr>' + 
                        '    <th scope="row">신청일</th>' + 
                        '    <td><span ' + ( bindData.APLC_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_DT + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">발급예정일</th>' + 
                        '    <td><span ' + ( bindData.VISA_ISU_SCHD_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.VISA_ISU_SCHD_DT + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">국가</th>' + 
                        '    <td><span ' + ( bindData.NTN_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.NTN_NM + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">비자유형</th>' + 
                        '    <td><span ' + ( bindData.VISA_TY_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.VISA_TY + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">수속기간</th>' + 
                        '    <td><span ' + ( bindData.VISA_PRCD_TERM_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.VISA_PRCD_TERM_NM + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">결제 예상 금액</th>' + 
                        '    <td><span ' + ( bindData.TOT_AMT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + btUtil.addComma(bindData.TOT_AMT) + ' KRW</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">출장자정보</th>' + 
                        '    <td><span ' + ( bindData.CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">요청자정보</th>' + 
                        '    <td><span ' + ( bindData.APLC_CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>';
        }
        else {
            tbConfirm = '<tr><td colspan="5" class="no-data">확정사항이 없습니다.</td></tr>';
        }

        if(bindData.ORGL_XN_YN == 'Y') {
            tbRequest = '<tr>' +
                        '    <th scope="row">신청일</th>' +
                        '    <td>' + bindData.ORGL_APLC_DT + '</td>' +
                        '</tr>' + 
                        // '<tr>' + 
                        // '    <th scope="row">발급예정일</th>' +
                        // '    <td>' + bindData.ORGL_VISA_ISU_SCHD_DT + '</td>' +
                        // '</tr>' +
                        '<tr>' +
                        '    <th scope="row">국가</th>' +
                        '    <td>' + bindData.ORGL_NTN_NM + '</td>' +
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">비자유형</th>' +
                        '    <td>' + bindData.ORGL_VISA_TY + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">수속기간</th>' +
                        '    <td>' + bindData.ORGL_VISA_PRCD_TERM_NM + '</td>' +
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">결제 예상 금액</th>' +
                        '    <td>' + btUtil.addComma(bindData.ORGL_TOT_AMT) + ' KRW</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' +
                        '    <td>' + bindData.ORGL_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요청자정보</th>' +
                        '    <td>' + bindData.ORGL_APLC_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>';
        }
        else {
            tbRequest = '<tr><td colspan="2" class="no-data">요청사항이 없습니다.</td></tr>';
        }

        tbRelay = '<tr>' +
                    '    <th scope="row">접수서류전달방식</th>' +
                    '    <td>' + bindData.ACCPT_PPRS_CNVY_WAY_NM + '</td>' +
                    '</tr>' + 
                    '<tr>' + 
                    '    <th scope="row">접수서류발송예정일</th>' +
                    '    <td>' + bindData.ACCPT_PPRS_SNDN_SCHD_DT + '</td>' +
                    '</tr>' +
                    '<tr>' +
                    '    <th scope="row">발급서류수령방식</th>' +
                    '    <td>' + bindData.ISU_PPRS_CNVY_WAY_NM + '</td>' +
                    '</tr>' + 
                    '<tr>' + 
                    '    <th scope="row">예상출국일</th>' +
                    '    <td>' + bindData.EXPC_DPTR_DT + '</td>' +
                    '</tr>';

        $('#' + _this.id).find('[name="bookingDetailArea"]').empty().append(bookingDetailArea);
        $('#' + _this.id).find('[name="tbConfirm"] tbody').empty().append(tbConfirm);
        $('#' + _this.id).find('[name="tbRequest"] tbody').empty().append(tbRequest);
        $('#' + _this.id).find('[name="tbRelay"] tbody').empty().append(tbRelay);
    };

    var $popupTag = $( this.getPopupTag() );
    $('.wrap').append($popupTag);
}

/**
 * @method    InitRoamDetailPopup
 * 로밍상세팝업-모바일용
 * @param     {Object}        pForm
 * @param     {Object}        pConMng
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    양석진
 */
function InitRoamDetailPopupMobile(pForm, pConMng, pOptions) {

    this.id    = pOptions.id;
    this.title = '로밍상세내역';

    this.getPopupTag    = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer full" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="step-area" name="stepArea">' +
                        '                            <div class="inner">' +
                        '                                <ol></ol>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="reser-detail-info" name="bookingDetailArea"></div>' +
                        '                            <ul class="list-ty-dash">' +
                        '                                <li>취소/변경 시, 담당자에게 문의바랍니다.</li>' +
                        '                            </ul>' +
                        '                        <div class="apply-step-list3" name="statusArea">' +
                        '                            <ol></ol>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">확정사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbConfirm">' +
                        '                                    <caption>확정사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:35%">' +
                        '                                        <col>' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <p class="txt-ty1 mt10">요청사항과 다른경우, 빨간색 글씨로 표시하였습니다.</p>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">요청사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRequest">' +
                        '                                    <caption>요청사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:35%">' +
                        '                                        <col>' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open           = function(SVC_BKN_NO) {
        var _this = this;

        _this.getRoamDetail(SVC_BKN_NO);
        // _this.bindRoamSts(SVC_BKN_NO);
        // _this.bindRoamDetail(SVC_BKN_NO);
        // _this.bindRoamBknImg(SVC_BKN_NO);

        // popupLayerOpen('#' + _this.id);
        // $('#' + _this.id).find('.popup-content').scrollTop(0);
    };

    this.close          = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.getRoamDetail  = function(SVC_BKN_NO) {
        var _this = this;

        pForm.send('BRS_BT_WR_RetrieveStsTl', { baRs: 'OUT_PSET', IN_PSET: { ETC_PRX_SVC_ITM_CD: 'R', SVC_BKN_NO: SVC_BKN_NO } }, function(stsTlData) {
            if( stsTlData && stsTlData.OUT_PSET && stsTlData.OUT_PSET.length > 0 ) {
                _this.bindRoamSts(stsTlData);
                
                pForm.send('BRS_BT_WR_RetrieveRoamBknImg', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(roamBknImgData) {
                    if( roamBknImgData && roamBknImgData.OUT_PSET && roamBknImgData.OUT_PSET.length > 0 ) {
                        _this.bindRoamBknImg(roamBknImgData);

                        pForm.send('BRS_BT_WR_RetrieveRoamBknDtl', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(roamBknDtlData) {

                            console.log(roamBknDtlData ,roamBknDtlData.OUT_PSET , roamBknDtlData.OUT_PSET.length);

                            if( roamBknDtlData && roamBknDtlData.OUT_PSET && roamBknDtlData.OUT_PSET.length > 0 ) {

                                _this.bindRoamDetail(roamBknDtlData);
                                popupLayerOpen('#' + _this.id);
                                $('#' + _this.id).find('.popup-content').scrollTop(0);
                            }
                        });
                    }
                });
            }
        });
    };

    /******************************************************************************/
    // 로밍상태바인딩
    /******************************************************************************/
    this.bindRoamSts    = function(data) {

        var _this = this;

        var bindData = '';

        data.OUT_PSET.forEach(function(cur) {
            bindData += '<li ' + (cur.NOW_STS_CD ? 'class="on"' : '') + '><span>' + cur.STS_NM + '</span></li>';
        });

        $('#' + _this.id).find('[name="stepArea"] ol').empty().append(bindData);
    };

    /******************************************************************************/
    // 로밍상세바인딩
    /******************************************************************************/
    this.bindRoamDetail = function(data) {

        var _this = this;

        var bindData = data.OUT_PSET[0];

        var tbConfirm         = '';
        var bookingDetailArea = '';
        var tbRequest         = '';

        bookingDetailArea = '<dl class="info-num">' +
                            '    <dt>예약번호</dt>' +
                            '    <dd>' +
                            '        <span class="status" style="margin-left:0; margin-right:10px; color:#000;">' + bindData.ROAM_BKN_STS_NM + '</span>' +
                            '        <span class="num">' + bindData.SVC_BKN_NO + '</span>' +
                            '    </dd>' +
                            '</dl>' +
                            '<dl class="info-date">' +
                            '    <dt>신청일</dt>' +
                            '    <dd>' + bindData.APLC_DT + '</dd>' +
                            '</dl>' +
                            '<dl class="info-name">' +
                            '    <dt>로밍담당자</dt>' +
                            '    <dd>' +
                            '        <p>' + bindData.PCHR + '</p>' +
                            '    </dd>' +
                            '</dl>';

        if(bindData.DCSN_XN_YN == 'Y') {
            tbConfirm = '<tr>' +
                        '    <th scope="row">서비스상품</th>' +
                        '    <td><span ' + ( bindData.SVC_ITM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.SVC_ITM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요금</th>' +
                        '    <td><span ' + ( bindData.TOT_AMT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + btUtil.addComma(bindData.TOT_AMT) + ' KRW</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국일자</th>' +
                        '    <td><span ' + ( bindData.DPTR_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.DPTR_DT + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국시분</th>' +
                        '    <td><span ' + ( bindData.DPTR_HHMM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.DPTR_HHMM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국공항</th>' +
                        '    <td><span ' + ( bindData.DPTR_APO_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.DPTR_APO_NM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">물품수령지</th>' +
                        '    <td><span ' + ( bindData.RCVNG_APO_PCUP_LOC_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.RCVNG_APO_PCUP_LOC_NM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국일</th>' +
                        '    <td><span ' + ( bindData.ENTR_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.ENTR_DT + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국시분</th>' +
                        '    <td><span ' + ( bindData.ENTR_HHMM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.ENTR_HHMM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">방문국가</th>' +
                        '    <td><span ' + ( bindData.NTN_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.NTN_NM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' + 
                        '    <td><span ' + ( bindData.CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>' + 
                        '<tr>' + 
                        '    <th scope="row">요청자정보</th>' + 
                        '    <td><span ' + ( bindData.APLC_CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>';
        }
        else {
            tbConfirm = '<tr><td colspan="5" class="no-data">확정사항이 없습니다.</td></tr>';
        }

        if(bindData.ORGL_XN_YN == 'Y') {
            tbRequest = '<tr>' +
                        '    <th scope="row">예약상태</th>' +
                        '    <td>' + bindData.ROAM_BKN_STS_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요금</th>' +
                        '    <td>' + bindData.ORGL_TOT_AMT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">신청항목</th>' +
                        '    <td>' + bindData.ORGL_SVC_ITM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국일자</th>' +
                        '    <td>' + bindData.ORGL_DPTR_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국시분</th>' +
                        '    <td>' + bindData.ORGL_DPTR_HHMM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출국공항</th>' +
                        '    <td>' + bindData.ORGL_DPTR_APO_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">물품수령지</th>' +
                        '    <td>' + bindData.ORGL_RCVNG_APO_PCUP_LOC_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국일</th>' +
                        '    <td>' + bindData.ORGL_DPTR_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">입국시분</th>' +
                        '    <td>' + bindData.ORGL_DPTR_HHMM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">방문국가</th>' +
                        '    <td>' + bindData.ORGL_NTN_NM + '</td>' +
                        '</tr>';
        }
        else {
            tbRequest = '<tr><td colspan="5" class="no-data">요청사항이 없습니다.</td></tr>';
        }

        $('#' + _this.id).find('[name="bookingDetailArea"]').empty().append(bookingDetailArea);
        $('#' + _this.id).find('[name="tbConfirm"] tbody').empty().append(tbConfirm);
        $('#' + _this.id).find('[name="tbRequest"] tbody').empty().append(tbRequest);
    };

    /******************************************************************************/
    // 로밍예약이미지바인딩
    /******************************************************************************/
    this.bindRoamBknImg = function(data) {
        var _this = this;
            
        var bindData = data.OUT_PSET[0];

        var statusArea =    '<li><span class="ico"><img src="/static-mobile/btms/img/ico/ico_apply_step_list03.png" alt="" /></span><p ' + (bindData.BKN_STATUS == 1 ? 'class="color1"' : '') + '>접수<span>' + bindData.APLC_DT + '</span></p></li>'+
                            '<li><span class="ico"><img src="/static-mobile/btms/img/ico/ico_apply_step_list05.png" alt="" /></span><p ' + (bindData.BKN_STATUS == 2 ? 'class="color1"' : '') + '>수령<span>' + bindData.PRX_RCVNG_DT + ' 수령완료</span></p></li>'+
                            '<li><span class="ico"><img src="/static-mobile/btms/img/ico/ico_apply_step_list07.png" alt="" /></span><p ' + (bindData.BKN_STATUS == 3 ? 'class="color1"' : '') + '>출국(출발)<span>' + bindData.DPTR_DT + ' ' + bindData.DPTR_APO_NM + '</span></p></li>'+
                            '<li><span class="ico"><img src="/static-mobile/btms/img/ico/ico_apply_step_list08.png" alt="" /></span><p ' + (bindData.BKN_STATUS == 4 ? 'class="color1"' : '') + '>사용중<span>' + bindData.DPTR_DT + ' ~ ' + bindData.ENTR_DT + '<br /> ' + bindData.THNG_NM + '</span></p></li>'+
                            '<li><span class="ico"><img src="/static-mobile/btms/img/ico/ico_apply_step_list09.png" alt="" /></span><p ' + (bindData.BKN_STATUS == 5 ? 'class="color1"' : '') + '>입국(도착)<span>' + bindData.ENTR_DT + ' ' + bindData.ENTR_APO_NM + '</span></p></li>';

        $('#' + _this.id).find('[name="statusArea"] ol').empty().append(statusArea);
    };

    var $popupTag = $( this.getPopupTag() );
    $('.wrap').append($popupTag);
}

/**
 * @method    InitInsuDetailPopup
 * 보험상세팝업-모바일용
 * @param     {Object}        pForm
 * @param     {Object}        pConMng
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    양석진
 */
function InitInsuDetailPopupMobile(pForm, pConMng, pOptions) {
        
    this.id    = pOptions.id;
    this.title = '보험상세내역';

    this.getPopupTag    = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer full" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>' + _this.title + '</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="step-area" name="stepArea">' +
                        '                            <div class="inner">' +
                        '                                <ol></ol>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                        <div class="reser-detail-info" name="bookingDetailArea"></div>' +
                        '                        <ul class="list-ty-dash">' +
                        '                            <li>취소/변경 시, 담당자에게 문의바랍니다.</li>' +
                        '                        </ul>' +
                        '                        <h2 class="tit-ty3">확정사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbConfirm">' +
                        '                                    <caption>확정사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:35%">' +
                        '                                        <col>' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                            <p class="txt-ty1 mt10">요청사항과 다른경우, 빨간색 글씨로 표시하였습니다.</p>' +
                        '                        </div>' +
                        '                        <h2 class="tit-ty3">요청사항</h2>' +
                        '                        <div class="table-area">' +
                        '                            <div class="table-list1">' +
                        '                                <table name="tbRequest">' +
                        '                                    <caption>요청사항</caption>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:35%">' +
                        '                                        <col>' +
                        '                                    </colgroup>' +
                        '                                    <tbody></tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                    </div>' +
                        '                </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';
        
        return popupTag;
    };

    this.open           = function(SVC_BKN_NO) {
        var _this = this;

        _this.getInsuDetail(SVC_BKN_NO);

        // _this.bindInsuSts(SVC_BKN_NO);
        // _this.bindInsuDetail(SVC_BKN_NO);

        // popupLayerOpen('#' + _this.id);
        // $('#' + _this.id).find('.popup-content').scrollTop(0);
    };

    this.close          = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.getInsuDetail  = function(SVC_BKN_NO) {
        var _this = this;

        pForm.send('BRS_BT_WR_RetrieveStsTl', { baRs: 'OUT_PSET', IN_PSET: { ETC_PRX_SVC_ITM_CD: 'I', SVC_BKN_NO: SVC_BKN_NO } }, function(stsTlData) {
            if( stsTlData && stsTlData.OUT_PSET && stsTlData.OUT_PSET.length > 0 ) {
                _this.bindInsuSts(stsTlData);

                pForm.send('BRS_BT_WR_RetrieveInsuBknDtl', { baRs: 'OUT_PSET', IN_PSET: { SVC_BKN_NO: SVC_BKN_NO } }, function(insuBknData) {
                    if( insuBknData && insuBknData.OUT_PSET && insuBknData.OUT_PSET.length > 0 ) {
                        _this.bindInsuDetail(insuBknData);

                        popupLayerOpen('#' + _this.id);
                        $('#' + _this.id).find('.popup-content').scrollTop(0);
                    }
                });
                
            }
        });
    };

    /******************************************************************************/
    // 보험상태바인딩
    /******************************************************************************/
    this.bindInsuSts    = function(data) {

        var _this = this;

        var bindData = '';

        data.OUT_PSET.forEach(function(cur) {
            bindData += '<li ' + (cur.NOW_STS_CD ? 'class="on"' : '') + '><span>' + cur.STS_NM + '</span></li>';
        });

        $('#' + _this.id).find('[name="stepArea"] ol').empty().append(bindData);
    };

    /******************************************************************************/
    // 보험상세바인딩
    /******************************************************************************/
    this.bindInsuDetail = function(data) {

        var _this = this;

        var bindData = data.OUT_PSET[0];

        var bookingDetailArea = '';
        var tbConfirm         = '';
        var tbRequest         = '';

        bookingDetailArea = '<dl class="info-num">' +
                            '    <dt>예약번호</dt>' +
                            '    <dd>' +
                            '        <span class="status" style="margin-left:0; margin-right:10px; color:#000;">' + bindData.INSU_BKN_STS_NM + '</span>' +
                            '        <span class="num">' + bindData.SVC_BKN_NO + '</span>' +
                            '    </dd>' +
                            '</dl>' +
                            '<dl class="info-date">' +
                            '    <dt>청약일</dt>' +
                            '    <dd>' + bindData.ACCPT_DT + '</dd>' +
                            '</dl>' +
                            '<dl class="info-name">' +
                            '    <dt>보험담당자</dt>' +
                            '    <dd>' +
                            '        <span>' + bindData.PCHR + '</span>' +
                            '    </dd>' +
                            '</dl>';

        if(bindData.DCSN_XN_YN == 'Y') {
            tbConfirm = '<tr>' +
                        '    <th scope="row">신청일</th>' +
                        '    <td><span ' + ( bindData.APLC_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_DT + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">청약일</th>' +
                        '    <td><span ' + ( bindData.ACCPT_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.ACCPT_DT + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">보험시작일</th>' +
                        '    <td>' + bindData.INSU_BG_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">보험종료일</th>' +
                        '    <td><span ' + ( bindData.INSU_END_DT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.INSU_END_DT + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">국가</th>' +
                        '    <td><span ' + ( bindData.NTN_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.NTN_NM + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">보험금액</th>' +
                        '    <td><span ' + ( bindData.TOT_AMT_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + btUtil.addComma(bindData.TOT_AMT) + ' KRW</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">증권번호</th>' +
                        '    <td><span ' + ( bindData.INSU_COS_NO_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.INSU_COS_NO + '</span></td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' +
                        '    <td><span ' + ( bindData.CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요청자정보</th>' +
                        '    <td><span ' + ( bindData.APLC_CUSTCO_ESMBR_NM_CHG == 'Y' ? 'class="color1"' : '' ) + '>' + bindData.APLC_CUSTCO_ESMBR_NM + '</span></td>' + 
                        '</tr>';
        }
        else {
            tbConfirm = '<tr><td colspan="5" class="no-data">확정사항이 없습니다.</td></tr>';
        }

        if(bindData.ORGL_XN_YN == 'Y') {
            tbRequest = '<tr>' +
                        '    <th scope="row">신청일</th>' +
                        '    <td>' + bindData.ORGL_APLC_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">보험시작일</th>' +
                        '    <td>' + bindData.ORGL_INSU_BG_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">보험종료일</th>' +
                        '    <td>' + bindData.ORGL_INSU_END_DT + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">국가</th>' +
                        '    <td>' + bindData.ORGL_NTN_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">출장자정보</th>' +
                        '    <td>' + bindData.ORGL_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>' +
                        '<tr>' +
                        '    <th scope="row">요청자정보</th>' +
                        '    <td>' + bindData.ORGL_APLC_CUSTCO_ESMBR_NM + '</td>' +
                        '</tr>';
        }
        else {
            tbRequest = '<tr><td colspan="5" class="no-data">요청사항이 없습니다.</td></tr>';
        }

        $('#' + _this.id).find('[name="bookingDetailArea"]').empty().append(bookingDetailArea);
        $('#' + _this.id).find('[name="tbConfirm"] tbody').empty().append(tbConfirm);
        $('#' + _this.id).find('[name="tbRequest"] tbody').empty().append(tbRequest);
    };

    var $popupTag = $( this.getPopupTag() );
    $('.wrap').append($popupTag);
}

/**
 * @method    InitCnsPopupMobile
 * 품의상세팝업-모바일용
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    양석진
 */
function InitCnsPopupMobile(pOptions) {

    this.id = pOptions.id;
    this.param;
    this.rngPopup;
    this.cnsData = {
        AUTH                : '03',  /* 01: 기안자, 02: 결재자, 03: 출장자,열람자 */
        CNS_NO              : '',    /* 품의번호 */
        MRG_BKN_NO          : '',    /* 통합예약번호 */
        DRAF_DTM            : '',    /* 기안일 */
        DRAF_CUSTCO_ESMBR_NO: '',    /* 기안자임직원번호 */
        DRAF_CUSTCO_ESMBR_NM: '',    /* 기안자임직원명 */
        DRAF_CUSTCO_DEPT_NM : '',    /* 기안자부서명 */
        BZT_TY_CD           : '',    /* 출장유형코드(국내,해외) */
        BZT_TY_NM           : '',    /* 출장유형명 */
        BZT_TL_NM           : '',    /* 제목 */
        BT_CNS_STS_CD       : '0',   /* 품의상태 */
        PSNCT_LIST          : [],    /* 결재자목록 */
        BZT_CNS_BTRVR_LIST  : [],    /* 출장자목록 */
        BZT_CNS_CNVY_LIST   : [],    /* 전달목록 */
        BZT_CNS_INQ_LIST    : [],    /* 열람목록 */
        BZT_CNS_JRNY_LIST   : [],    /* 여정목록 */
        BZT_CNS_AMT_LIST    : [],    /* 비용목록 */
    };

    this.getPopupTag   = function() {

        var _this = this;

        var popupTag =  '<div class="popup-layer full" id="' + _this.id + '">' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>품의서</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="division confer-area">' +
                        '                            <div class="solid-info-list">' +
                        '                                <dl>' +
                        '                                    <dt>품의번호</dt>' +
                        '                                    <dd name="CNS_NO"></dd>' +
                        '                                </dl>' +
                        '                                <dl>' +
                        '                                   <dt>기안일</dt>' +
                        '                                   <dd name="DRAF_DTM"></dd>' +
                        '                                </dl>' +
                        '                                <dl>' +
                        '                                    <dt>결재자</dt>' +
                        '                                    <dd name="PSNCT_NM"></dd>' +
                        '                                </dl>' +
                        '                            </div>' +
                        '                        </div>' +
                        '                         <div class="division">' +
                        '                            <div class="table-list1">' +
                        '                                <table>' +
                        '                                    <colgroup>' +
                        '                                        <col style="width:30%" />' +
                        '                                        <col />' +
                        '                                    </colgroup>' +
                        '                                    <tbody>' +
                        '                                        <tr name="snctOpinCtsArea" style="display:none;">' +
                        '                                            <th scope="row">결재자<br/>의견</th>' +
                        '                                            <td class="applicant-lst">' +
                        '                                                <div class="input">'+
                        '                                                    <input type="text" name="SNCT_OPIN_CTS" />' +
                        '                                                </div>' +
                        '                                                <ul></ul>' +
                        '                                            </td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">기안부서</th>' +
                        '                                            <td name="DRAF_CUSTCO_DEPT_NM"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">출장자</th>' +
                        '                                            <td name="BZT_CNS_BTRVR"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">기안자</th>' +
                        '                                            <td name="DRAF_CUSTCO_ESMBR_NM"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">전달범위</th>' +
                        '                                            <td name="BZT_CNS_CNVY"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">열람범위</th>' +
                        '                                            <td name="BZT_CNS_INQ"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">출장유형</th>' +
                        '                                            <td>' +
                        '                                                <div class="form-check" name="BZT_TY_NM">국내</div>' +
                        '                                            </td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">품의상태</th>' +
                        '                                            <td name="BT_CNS_STS_NM"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">제목</th>' +
                        '                                            <td name="BZT_TL_NM"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th scope="row">출장목적</th>' +
                        '                                            <td name="BTMS_CUSTCO_BZT_PURP_NM"></td>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th colspan="2" scope="row">출장일정</th>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <td colspan="2" name="tbJrny"></td>' + 
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <th colspan="2" scope="row">내용</th>' +
                        '                                        </tr>' +
                        '                                        <tr>' +
                        '                                            <td colspan="2" name="BZT_CTS"></td>' + 
                        '                                        </tr>' +
                        '                                    </tbody>' +
                        '                                </table>' +
                        '                            </div>' +
                        '                     	</div>' +
                        '                     </div>' +
                        '                     <div class="btn-area">' +
                        '                         <div class="inner">' +
                        '                            <button type="button" class="btn-ty-solid1 large" name="btnCncl" style="display:none;"><span>품의취소</span></button>' +
                        '                            <button type="button" class="btn-ty-solid1 large" name="btnGvbk" style="display:none;"><span>반려</span></button>' +
                        '                            <button type="button" class="btn-ty-solid2 large" name="btnSnct" style="display:none;"><span>결재</span></button>' +
                        '                            <button type="button" class="btn-ty-solid3 large" name="btnCls" onclick="popupLayerClose(this);"><span>확인</span></button>' +
                        '                         </div>' +
                        '                     </div>' +
                        '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';

        return popupTag;
    };
    
    this.open          = function(param) {
        var _this = this;

        _this.init();
        _this.param = param;
        _this.searchCns();
    };

    this.close         = function() {
        popupLayerClose('#' + this.id + ' .popup-close');
    };

    this.searchCns     = function() {

        var _this = this;

        btUtil.send('BRS_BT_WEB_RetrieveCnsAll', { baRq: 'IN_PSET', baRs: 'OUT_PSET1,OUT_PSET2,OUT_PSET3,OUT_PSET4,OUT_PSET5,OUT_PSET6,OUT_PSET7', IN_PSET: _this.param }, function(data) {

            // 출장자/열람권한(03)
            _this.cnsData.AUTH = '03';

            // 기안자권한(01)
            if( data.OUT_PSET2[0].DRAF_CUSTCO_ESMBR_NO == USER_SESSION.CUSTCO_ESMBR_NO ) {
                _this.cnsData.AUTH = '01';
            }

            // 결재자
            _this.cnsData.PSNCT_LIST = data.OUT_PSET1.map(function(cur) {
                
                // 결재자권한(02)
                if(cur.CHG_YN =='Y' && cur.SNCT_CUSTCO_ESMBR_NO == USER_SESSION.CUSTCO_ESMBR_NO) {

                    _this.cnsData.AUTH                 = '02';
                    _this.cnsData.SNCT_CUSTCO_ESMBR_NO = cur.SNCT_CUSTCO_ESMBR_NO;
                    _this.cnsData.CNS_SNCT_TOR         = cur.CNS_SNCT_TOR;
                }

                return cur;
            });

            // 여정
            _this.cnsData.BZT_CNS_JRNY_LIST  = data.OUT_PSET3;

            // 열람범위
            _this.cnsData.BZT_CNS_INQ_LIST   = data.OUT_PSET4.map(function(cur) {
                cur.COMP_EML_ADR = cur.EML_ADR;
                return cur;
            });
            
            // 전달범위
            _this.cnsData.BZT_CNS_CNVY_LIST  = data.OUT_PSET5.map(function(cur) {
                cur.COMP_EML_ADR = cur.EML_ADR;
                return cur;
            });

            // 출장자
            _this.cnsData.BZT_CNS_BTRVR_LIST = data.OUT_PSET6.map(function(cur) {
                cur.COMP_EML_ADR = cur.EML_ADR;
                return cur;
            });

            // 금액
            _this.cnsData.BZT_CNS_AMT_LIST = data.OUT_PSET7;

            for(var key in data.OUT_PSET2[0]) {
                _this.cnsData[key] = data.OUT_PSET2[0][key];
            }

            _this.bindCns();

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 품의서바인딩
    /******************************************************************************/
    this.bindCns       = function() {

        var _this = this;

        // 품의번호
        $('#' + _this.id).find('[name="CNS_NO"]').empty().append(_this.cnsData.CNS_NO);
        
        // 기안일
        $('#' + _this.id).find('[name="DRAF_DTM"]').empty().append(_this.cnsData.DRAF_DTM.split(" ")[0]);

        // 결재자
        $('#' + _this.id).find('[name="PSNCT_NM"]').empty().append(_this.getSnctText());

        // 기안자
        $('#' + _this.id).find('[name="DRAF_CUSTCO_ESMBR_NM"]').empty().append(_this.cnsData.DRAF_CUSTCO_ESMBR_NM);

        // 기안부서
        $('#' + _this.id).find('[name="DRAF_CUSTCO_DEPT_NM"]').empty().append(_this.cnsData.DRAF_CUSTCO_DEPT_NM);
        
        // 출장자
        $('#' + _this.id).find('[name="BZT_CNS_BTRVR"]').empty().append(_this.getRngText(_this.cnsData.BZT_CNS_BTRVR_LIST));

        // 전달범위
        $('#' + _this.id).find('[name="BZT_CNS_CNVY"]').empty().append(_this.getRngText(_this.cnsData.BZT_CNS_CNVY_LIST));

        // 열람범위
        $('#' + _this.id).find('[name="BZT_CNS_INQ"]').empty().append(_this.getRngText(_this.cnsData.BZT_CNS_INQ_LIST));

        // 출장유형
        $('#' + _this.id).find('[name="BZT_TY_NM"]').empty().append(_this.cnsData.BZT_TY_NM);

        // 제목
        $('#' + _this.id).find('[name="BZT_TL_NM"]').empty().append(_this.cnsData.BZT_TL_NM);

        // 품의상태
        $('#' + _this.id).find('[name="BT_CNS_STS_NM"]').empty().append(_this.cnsData.BT_CNS_STS_NM);

        // 출장목적
        $('#' + _this.id).find('[name="BTMS_CUSTCO_BZT_PURP_NM"]').empty().append(_this.cnsData.BTMS_CUSTCO_BZT_PURP_NM);

        // 내용
        $('#' + _this.id).find('[name="BZT_CTS"]').empty().append(_this.cnsData.BZT_CTS);

        // 여정
        _this.bindJrny( _this.cnsData.BZT_CNS_JRNY_LIST );

        // Remark
        $('#' + _this.id).find('[name="RMK"]').empty().append(_this.cnsData.RMK);

        // 비용
        _this.bindCost(_this.cnsData.BZT_CNS_AMT_LIST);

        // 품의형태
        // 비용목록
        switch (USER_SESSION.BZT_CNS_TY_CD) {
            case 'CNSA':
                $('#' + _this.id).find('[name="tbBztExp"]').hide();
                break;
            case 'CNSB':
            case 'CNSC':
                if(_this.cnsData.MRG_BKN_NO) 
                    $('#' + _this.id).find('[name="tbBztExp"]').show();
                break;
        }

        // 품의목적
        if(USER_SESSION.BZT_PURP_USE_YN == 'Y')
            $('#' + _this.id).find('[name="BZT_PURP_USE_YN"]').show();
        else
            $('#' + _this.id).find('[name="BZT_PURP_USE_YN"]').hide();

        if(_this.cnsData.BT_CNS_STS_CD == '20' && _this.cnsData.AUTH == '01') {
            $('#' + _this.id).find('[name="btnCncl"]').show();
        }
        else {
            $('#' + _this.id).find('[name="btnCncl"]').hide();
        }

        // 결재자의견바인딩

        var bindPsnctTag = '';

        _this.cnsData.PSNCT_LIST.forEach(function(cur) {
            
            // 결재자의견이 존재할 경우
            if( cur.SNCT_OPIN_CTS ) {
                bindPsnctTag += '<li>' +
                                '    <div class="inner">' +
                                '        <p class="name"><span>' + cur.SNCT_CUSTCO_ESMBR_NM + ' : </span></p>' +
                                '        <p class="value">' + cur.SNCT_OPIN_CTS + '</p>' +
                                '    </div>' +
                                '</li>';
            }
        });

        if(bindPsnctTag) {
            $('#' + _this.id).find('[name="snctOpinCtsArea"] ul').empty().append(bindPsnctTag);
        }

        if((_this.cnsData.BT_CNS_STS_CD == '20' || _this.cnsData.BT_CNS_STS_CD == '40') && _this.cnsData.AUTH == '02') {
            $('#' + _this.id).find('[name="btnSnct"]').show();
            $('#' + _this.id).find('[name="btnGvbk"]').show(); 
            $('#' + _this.id).find('[name="btnCls"]').hide();
            $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').closest('.input').show();
        }
        else {
            $('#' + _this.id).find('[name="btnSnct"]').hide();
            $('#' + _this.id).find('[name="btnGvbk"]').hide();
            $('#' + _this.id).find('[name="btnCls"]').show();
            $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').closest('.input').hide();
        }

        // if(_this.cnsData.AUTH == '02') {
        //     $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').closest('.input').show();   // 결재자의견
        // }
        // else {
        //     $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').closest('.input').hide();
        // }

        if( bindPsnctTag || _this.cnsData.AUTH == '02' ) {
            $('#' + _this.id).find('[name="snctOpinCtsArea"]').show();
        }
        else {
            $('#' + _this.id).find('[name="snctOpinCtsArea"]').hide();
        }
        
        // 출장자
        $('#' + _this.id).find('[name="BZT_CNS_BTRVR"] a').on('click', function() {
            _this.rngPopup.setTitle('출장자');
            _this.rngPopup.open(_this.cnsData.BZT_CNS_BTRVR_LIST);
        });

        // 전달범위
        $('#' + _this.id).find('[name="BZT_CNS_CNVY"] a').on('click', function() {
            _this.rngPopup.setTitle('전달범위');
            _this.rngPopup.open(_this.cnsData.BZT_CNS_CNVY_LIST);
        });

        // 열람범위
        $('#' + _this.id).find('[name="BZT_CNS_INQ"] a').on('click', function() {
            _this.rngPopup.setTitle('열람범위');
            _this.rngPopup.open(_this.cnsData.BZT_CNS_INQ_LIST);
        });

        popupLayerOpen('#' + _this.id);
    }

    /******************************************************************************/
    // 결재자목록명반환
    /******************************************************************************/
    this.getSnctText   = function() {

        var _this = this;

        return _this.cnsData.PSNCT_LIST.map(function(cur) {
            return ( cur.CNS_SNCT_TOR + cur.CNS_SNCT_TY_NM + '-' + cur.SNCT_CUSTCO_ESMBR_NM + ( cur.SNCT_CUSTCO_OFPS_NM ? '(' + cur.SNCT_CUSTCO_OFPS_NM + ')' : '' ) );
        }).join(',');
    }

    /******************************************************************************/
    // 범위명반환
    /******************************************************************************/
    this.getRngText    = function(pData) {

        var rtnText = '';

        if(pData.length > 0) {
            
            var tmpText = '';

            pData.every(function(cur, idx) {

                if(cur.CUSTCO_ESMBR_NM) {
                    tmpText = cur.CUSTCO_ESMBR_NM + ( pData.length - 1 > 0 ? '외 ' + (pData.length - 1) + '명' : '' );
                    return false;
                }
            });

            if(pData.length == 1)
                rtnText = tmpText;
            else
                rtnText = '<a href="javascript:void(0);" role="button" class="underline"><span>' + tmpText + '</span></a>';
        }
        else
            rtnText = '-';
        
        return rtnText;
    }

    /******************************************************************************/
    // 여정바인딩
    /******************************************************************************/
    this.bindJrny      = function(pData) {

        var _this = this;
        var bindTag = '';

        pData.forEach(function(cur) {
            bindTag +=  '<div>' + cur.BZT_BG_DT + ' ~ ' + cur.BZT_END_DT + ' ' + cur.BZT_CTY_NM + '</div>';
        });

        $('#' + _this.id).find('[name="tbJrny"]').empty().append(bindTag);
    };

    /******************************************************************************/
    // 비용바인딩
    /******************************************************************************/
    this.bindCost      = function(data) {

        var _this = this;

        var bindTag = '';

        data.forEach(function(cur, idx) {
            bindTag +=  '<li data-aprpt-cst-amt="' + cur.APRPT_CST_AMT + '"><strong>' + cur.CNS_ITM_NM + ' - KRW ' + btUtil.addComma(cur.APRPT_CST_AMT) + '</strong> (' + cur.RMK + ')</li>';
        });

        $('#' + _this.id).find('[name="tbBztExp"] ul').empty().append(bindTag);

        _this.bindTotalCost();

        if(data.length > 0)
            $('#' + _this.id).find('[name="tbBztExp"]').show();
        else
            $('#' + _this.id).find('[name="tbBztExp"]').hide();
    };

    /******************************************************************************/
    // 총비용바인딩
    /******************************************************************************/
    this.bindTotalCost = function() {

        var _this = this;

        var totalCost = 0;

        $('#' + _this.id).find('[name="tbBztExp"] ul li[data-aprpt-cst-amt]').each(function(idx, item) {

            var cost = $(item).attr('data-aprpt-cst-amt') * 1;

            if(typeof cost == 'number')
                totalCost += cost;
            
        });

        $('#' + _this.id).find('[name="tbBztExp"] [name="total"]').empty().text( btUtil.addComma(totalCost) );
    };

    /******************************************************************************/
    // 초기화
    /******************************************************************************/
    this.init          = function() {

        var _this = this;

        $('.wrap #' + _this.id).remove();
        $('.wrap').append(_this.getPopupTag());

        _this.rngPopup = new InitRngPopup({ id: 'rngPopup', title: '전달범위' });
    
        _this.addEvent();
    };

    /******************************************************************************/
    // 품의취소
    /******************************************************************************/
    this.updateBztCns     = function(pCnsStsCd) {

        var _this = this;

        var param = {
            CNS_NO                 : _this.cnsData.CNS_NO,
            MRG_BKN_NO             : _this.cnsData.MRG_BKN_NO,
            DRAF_CUSTCO_ESMBR_NO   : _this.cnsData.DRAF_CUSTCO_ESMBR_NO,
            BZT_TY_CD              : _this.cnsData.BZT_TY_CD,
            BZT_TL_NM              : _this.cnsData.BZT_TL_NM,
            BTMS_CUSTCO_BZT_PURP_CD: _this.cnsData.BTMS_CUSTCO_BZT_PURP_CD,
            BZT_CTS                : _this.cnsData.BZT_CTS,
            BZT_PRSN_NUM           : _this.cnsData.BZT_PRSN_NUM,
            RMK                    : _this.cnsData.RMK,
            BT_CNS_STS_CD          : pCnsStsCd,
        };

        btUtil.send('BRS_BT_WEB_SaveBztAprpt', { baRq: 'IN_PSET', IN_PSET: param }, function(data) {

            Message.alert('취소되었습니다.');
            _this.searchCns();

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 품의결재/반려
    /******************************************************************************/
    this.updateBztCnsSnct = function(pCnsStsCd) {

        var SNCT_OPIN_CTS = $('#' + _this.id).find('[name="SNCT_OPIN_CTS"]').val();    // 결재의견내용

        // 품의반려이고 품의반려사유사용여부가 Y일 경우 "결재의견내용"을 입력했는지 체크
        if( pCnsStsCd == '30' && USER_SESSION.CNS_GVBK_RSN_USE_YN == 'Y' ) {
            if( !SNCT_OPIN_CTS ) {
                Message.alert('결재자의견내용을(를) 입력하세요.');
                return;
            }
        }

        var _this = this;

        var param1 = {
            CNS_NO              : _this.cnsData.CNS_NO,
            SNCT_CUSTCO_ESMBR_NO: _this.cnsData.SNCT_CUSTCO_ESMBR_NO,
            CNS_SNCT_TOR        : _this.cnsData.CNS_SNCT_TOR,
            CNS_SNCT_STS_CD     : pCnsStsCd,
            SNCT_OPIN_CTS       : SNCT_OPIN_CTS,
        };

        var param2 = {
            FILE_GROUP_ID: null,
            REPORT_FILE  : 'RTIS_BT_WR/BT_WR_0100.ozr',
            PDF_FILE_NAME: '출장품의서',
            BR_NAME      : 'BRS_BT_WEB_RetrieveCnsAll',
        };

        var sessionData = USER_SESSION;
        delete sessionData["USER_ROLE_LIST"];

        var param3 = {
            PARAM_JSON: JSON.stringify({
                baRq    : 'IN_PSET,RSESSION',
                baRs    : 'OUT_PSET1,OUT_PSET2,OUT_PSET3,OUT_PSET4,OUT_PSET5,OUT_PSET6,OUT_PSET7',
                IN_PSET : { CNS_NO: _this.cnsData.CNS_NO, CUSTCO_ESMBR_NO: USER_SESSION.CUSTCO_ESMBR_NO },
                RSESSION: sessionData
            })
        };

        btUtil.send('BRS_BT_WEB_UpdateBztCnsSnct', { baRq: 'IN_PSET,IN_REPORT_INFO,BR_NAME', baRs: 'CM_EML_SNDN,CM_EML_SNDN_TGT,CM_HP_MSG_SNDN,CM_HP_MSG_SNDN_TGT', IN_PSET: param1, IN_REPORT_INFO: param2, BR_NAME: param3 }, function(data) {

            switch(pCnsStsCd) {
                case '20':
                    Message.alert('결재되었습니다.');
                    break;
                case '30':
                    Message.alert('반려되었습니다.');
                    break;
            }
            
            _this.close();
            //_this.searchCns();

            var pageNo = $('.paging-area .paging span a.on').text();
            searchCnsList(pageNo * 1, 5, false);

        }, function() {}, { showProgress: true });
    };

    /******************************************************************************/
    // 이벤트적용
    /******************************************************************************/
    this.addEvent      = function() {

        var _this = this;

        // 품의취소 버튼 이벤트
        $('#' + _this.id).find('[name="btnCncl"]').on('click', function() {
            _this.updateBztCns('30');
        });

        // 품의결재 버튼 이벤트
        $('#' + _this.id).find('[name="btnSnct"]').on('click', function() {
            _this.updateBztCnsSnct('20');
        });

        // 품의반려 버튼 이벤트
        $('#' + _this.id).find('[name="btnGvbk"]').on('click', function() {
            _this.updateBztCnsSnct('30');
        });
    };

    this.init();
}

/**
 * @method    showContactPopup
 * 레드캡담당자팝업-모바일용
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function showContactPopup() {

    $('#popup-contact').remove();

    var $popupTag = $('<div class="popup-layer full" id="popup-contact">' +
                      '    <div class="dimmed"></div>' +
                      '    <div class="popup-container">' +
                      '        <div class="popup-inner">' +
                      '            <div class="popup-contents">' +
                      '                <div class="popup-header">' +
                      '                    <h2>레드캡담당자 조회</h2>' +
                      '                </div>' +
                      '                <div class="popup-content" tabindex="0">' +
                      '                    <div class="popup-content-inner">' +
                      '                        <h2 class="tit-ty3">출장문의</h2>' +
                      '                        <div class="bg-box1 bg-box-gray">' +
                      '                            <ul class="define">' +
                    //   '                                <li><strong class="tit">예약센터</strong><p class="txt">' + USER_SESSION.BKN_RPRS_TEL_NO + '</p></li>' +
                      '                                <li><strong class="tit">월~금</strong><p class="txt">09:00 ~ 18:00</p></li>' +
                      '                                <li><strong class="tit">근무시간 이외</strong><p class="txt">긴급출장서비스 (유료)</p></li>' +
                      '                            </ul>' +
                      '                        </div>' +
                      '                        <h2 class="tit-ty3">Contact Us</h2>' +
                      '                        <div class="tel-list">' +
                      '                            <ul></ul>' +
                      '                        </div>' +
                      '                    </div>' +
                      '                </div>' +
                      '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                      '            </div>' +
                      '        </div>' +
                      '    </div>' +
                      '</div>');

    btUtil.send('BRS_BT_WEB_RetrieveRprsTelNo', { baRs: 'OUT_PSET' }, function(data) {

        var bindTag = '';

        data.OUT_PSET.forEach(function(cur) {

            var hrefAttr = 'tel:';
            var mailClassName = '';

            if( cur.TEL_NO.match(btUtil.verify.email) != null ) {
                hrefAttr = 'mailto:';
                mailClassName = 'class="email"';
            }

            bindTag += '<li ' + mailClassName + '><a style="text-align:left; padding-left:15px;" href="' + hrefAttr + '' + cur.TEL_NO + '" role="button"><strong>' + cur.TL_NM + '</strong><span>' + cur.TEL_NO + '</span></a></li>';
        });

        $popupTag.find('.tel-list ul').empty().append(bindTag);

        $('.wrap .header').append($popupTag);

        popupLayerOpen('#popup-contact');
    });
}

/**
 * @method    gfnMobileFileDownload
 * 모바일 파일 다운로드
 * @param     {String}        pRootPath
 * @param     {object}        pFileId
 * @docauthor Redcap Tour
 * @author    윤정혁
 */
function gfnMobileFileDownload(pRootPath, pFileId) {

    var fileId      = pFileId;
    var contentType = '';
    var filePath    = '';

    if(pRootPath) {

        btUtil.send('BRS_BT_WEB_RetrieveFileInfo', { baRq:'IN_PSET', baRs: 'OUT_RSLT', IN_PSET: { FILE_ID: fileId } }, function(data) {

            var rsltData;
            if(data.OUT_RSLT && data.OUT_RSLT.length > 0) {
        
                /* 1. result Data */
                rsltData = data.OUT_RSLT[0];
            
                /* 2. 모바일 filePath 설정 */
                if(navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
                    filePath = pRootPath;
                }
                else if (navigator.userAgent.match(/Android/i)) {
                    filePath = pRootPath +"/download";
                }
                else {
                    filePath = pRootPath;
                }

                /* 3. contentType 설정 */
                var ext = rsltData.EXT_NM.toLowerCase();
            
                switch(ext){
                    case 'pdf':
                        contentType = 'application/pdf';
                        break;
                    case 'hwp':
                        contentType = 'application/vnd.hancom.hwp';
                        break;
                    case 'txt':
                        contentType = 'text/plain';
                        break;
                    case 'doc':
                        contentType = 'application/msword';
                        break;
                    case 'docx':
                        contentType = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
                        break;
                    case 'ppt':
                        contentType = 'application/vnd.ms-powerpoint';
                        break;
                    case 'pptx':
                        contentType = 'application/vnd.openxmlformats-officedocument.presentationml.presentation';
                        break;
                    case 'xls':
                        contentType = 'application/vnd.ms-excel';
                        break;
                    case 'xlsx':
                        contentType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
                        break;
                    case 'jpeg':
                    case 'jpg':
                        contentType = 'image/jpeg';
                        break;
                    case 'gif':
                        contentType = 'image/gif';
                        break;
                    case 'png':
                        contentType = 'image/png';
                        break;
                    default:
                        break;
                }

                /* 4. mHttpManagerProperties 생성 */
                var httpProperty = new mHttpManagerProperties;

                /* 5. mHttpManagerProperties 설정 */
                var vFolder = '';
                if(ACCESS_TOKEN) {
                    vFolder = '/attach/download/';
                }
                else {
                    vFolder = '/terams/download/';
                }
            
                httpProperty.reqMethod = 'GET';
                httpProperty.reqUniqueId = 'fileDownload'; 
                httpProperty.reqUrl = 'https://'+$(location).attr('host') + vFolder + rsltData.FILE_ID;
                httpProperty.reqHeaderValues = {'Authorization':'Bearer ' + ACCESS_TOKEN };

                httpProperty.downLoadFilePath = filePath;
                httpProperty.downLoadFileName = rsltData.CLIENT_FILENAME;

                /* 6. 모바일 파일 다운로드 요청*/
                navigator.mhttpmanager.request(
                    httpProperty,
                    function(v) {
                        if(v.status == '200'){
                            gfnOpenFile(filePath, httpProperty.downLoadFileName, contentType) 
                        }
                        else {
                            Message.alert('파일 다운로드에 실패하였습니다.');
                        }
                    }, 
                    function(v){
                        trace(v);
                        Message.alert('파일 다운로드에 실패하였습니다.');
                    },
                    function(v){
                        trace(v);
                    }, 
                    function(v){
                        trace(v);
                    }
                );
            }
            else {
                Message.alert('파일이 존재하지 않습니다.');
            }
        });
    }
    else {
        Message.alert('인증되지 않은 접근입니다.');
    }
}

/**
 * @method    gfnOpenFile
 * 모바일 오픈 파일 gfnOpenFile
 * @param     {String}        filePath
 * @param     {String}        file
 * @param     {object}        contentType
 * @docauthor Redcap Tour
 * @author    윤정혁
 */
function gfnOpenFile(filePath, file, contentType) {
    navigator.fileOpenerPlugin.openFile(
        filePath + '/' + file,
        contentType,
        function(){
        },
        function(){
        }
    );
}

/**
 * @method    InitVisaBknCmplPopup
 * 비자예약완료팝업(웹, 모바일 공용)
 * @param     {object}        pOptions
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function InitVisaBknCmplPopup(pOptions) {

    this.id = pOptions.id;
    this.conMng;
    this.callback;

    this.getPopupTag = function() {

        var _this = this;

        if(SYS_CD == 'BTMS_MOBILE') {
            return  '<div class="popup-layer full" id="' + _this.id + '" data-area="visaBknCmplArea">' +
                    '    <div class="dimmed"></div>' +
                    '    <div class="popup-container">' +
                    '        <div class="popup-inner">' +
                    '            <div class="popup-contents">' +
                    '                <div class="popup-header">' +
                    '                    <h2 tabindex="-1">접수요청완료</h2>' +
                    '                </div>' +
                    '                <div class="popup-content" tabindex="0">' +
                    '                    <div class="popup-content-inner">' +
                    '                        <div class="bg-box1 ac">' +
                    '                            <strong class="tit-bold">해당 비자는 제출 구비서류를 레드캡투어로 보내주셔야 합니다.</strong>' +
                    '                        </div>' +
                    '                        <div class="bar mt"></div>' +
                    '                        <h3 class="tit-ty3">신청절차</h3>' +
                    '                        <div class="apply-step-list2" name="APLC_STEP"></div>' +
                    '                        <div class="bar mt"></div>' +
                    '                        <h3 class="tit-ty3">추가 서비스 예약진행하기</h3>' +
                    '                        <div class="form" id="addSvcForm">' +
                    '                            <input type="text" name="ADD_SVC" class="select" data-control="combo" data-combo-type="S" />' +
                    '                        </div>' +
                    '                    </div>' +
                    '                    <div class="btn-area">' +
                    '                        <button type="button" class="btn-ty-solid2 large" name="btnBookingComplete"><span>확인</span></button>' +
                    '                    </div>' +
                    '                </div>' +
                    '                <button type="button" class="popup-close" onclick="popupLayerClose(this);"><span>팝업 닫기</span></button>' +
                    '            </div>' +
                    '        </div>' +
                    '    </div>' +
                    '</div>';
        }
        else {
            return  '<div class="popup-layer medium" id="' + _this.id + '" data-area="visaBknCmplArea">' +
                    '    <div class="dimmed"></div>' +
                    '    <div class="popup-container">' +
                    '        <div class="popup-inner">' +
                    '            <div class="popup-contents">' +
                    '                <div class="popup-header">' +
                    '                    <h2>접수요청완료</h2>' +
                    '                </div>' +
                    '                <div class="popup-content" tabindex="0">' +
                    '                    <div class="popup-content-inner">' +
                    '                        <div class="bg-box1 ac">' +
                    '                            <strong class="tit-bold">해당 비자는 제출 구비서류를 레드캡투어로 보내주셔야 합니다.</strong>' +
                    '                        </div>' +
                    // '                        <ul class="list-ty-dash">' +
                    // '                            <li style="color:red; font-weight:bold;">해당 비자는 제출 구비서류를 레드캡투어로 보내주셔야 합니다.</li>' +
                    // '                        </ul>' +
                    '                        <h3 class="tit-ty3">신청절차</h3>' +
                    '                        <div class="apply-step-list2" name="APLC_STEP"></div>' +
                    '                        <h3 class="tit-ty3" style="display:none">추가 서비스 예약진행하기</h3>' +
                    '                        <div class="form-area" style="display:none">' +
                    '                            <div class="form-table">' +
                    '                                <table>' +
                    '                                    <tbody>' +
                    '                                        <tr>' +
                    '                                            <td>' +
                    '                                                <dl>' +
                    '                                                    <dt>추가서비스 선택</dt>' +
                    '                                                    <dd>' +
                    '                                                    <div class="form">' +
                    '                                                        <input type="text" class="select" name="ADD_SVC" data-control="combo" />' +
                    '                                                    </div>' +
                    '                                                </dd>' +
                    '                                                </dl>' +
                    '                                            </td>' +
                    '                                        </tr>' +
                    '                                    </tbody>' +
                    '                                </table>' +
                    '                            </div>' +
                    '                        </div>' +
                    '                        <div class="btn-area">' +
                    '                            <div class="inner">' +
                    '                                <button type="button" class="btn-ty-solid2 large" name="btnBookingComplete"><span>확인</span></button>' +
                    '                            </div>' +
                    '                        </div>' +
                    '                    </div>' +
                    '                </div>' +
                    '            </div>' +
                    '        </div>' +
                    '    </div>' +
                    '</div>';
        }
    };

    this.open        = function(param, callback) {

        var _this = this;

        _this.callback = callback;

        _this.conMng.initCombo('visaBknCmplArea', 'ADD_SVC', 'BRS_BT_WR_RetrieveAddBknCombo', { baRs: 'OUT_PSET', IN_PSET: { MRG_BKN_NO: param.MRG_BKN_NO } }, { code : 'CD', value : 'CD_NM' }, [{ CD: '', CD_NM: '선택' }], false);
        _this.addEvent();

        var bindTag = '';

        switch (param.VISA_BKN_PRG_SE_CD) {
            case 'I01':
                bindTag = '<img src="/' + ( SYS_CD == 'BTMS_WEB' ? 'static-pc' : 'static-mobile' ) + '/btms/img/content/img_apply_step_list01.png" alt="">';
                break;
            case 'I02':
                bindTag = '<img src="/' + ( SYS_CD == 'BTMS_WEB' ? 'static-pc' : 'static-mobile' ) + '/btms/img/content/img_apply_step_list02.png" alt="">';
                break;
            case 'I03':
                bindTag = '<img src="/' + ( SYS_CD == 'BTMS_WEB' ? 'static-pc' : 'static-mobile' ) + '/btms/img/content/img_apply_step_list03.png" alt="">';
                break;
            case 'I04':
                bindTag = '<img src="/' + ( SYS_CD == 'BTMS_WEB' ? 'static-pc' : 'static-mobile' ) + '/btms/img/content/img_apply_step_list04.png" alt="">';
                break;
            case 'I05':
                bindTag = '<img src="/' + ( SYS_CD == 'BTMS_WEB' ? 'static-pc' : 'static-mobile' ) + '/btms/img/content/img_apply_step_list05.png" alt="">';
                break;
            default:
                bindTag = '<img src="/' + ( SYS_CD == 'BTMS_WEB' ? 'static-pc' : 'static-mobile' ) + '/btms/img/content/img_apply_step_list01.png" alt="">';
                break;
        }

        $('#' + _this.id + ' [name="APLC_STEP"]').empty().append(bindTag);

        popupLayerOpen('#' + _this.id);
    };

    this.close       = function() {
        popupLayerClose('#' + this.id + ' .popup-close');

        if(this.callback)
            this.callback();
    };

    this.init        = function() {

        var _this = this;

        if( $('#' + _this.id).length <= 0 ) {

            $('.wrap').append(_this.getPopupTag());

            _this.conMng = new ControlManage2('visaBknCmplArea');
        }
    };

    this.addEvent    = function() {

        var _this = this;

        $('[name="btnBookingComplete"]').off('click').on('click', function() {

            if( USER_SESSION.BTMS_CUSTCO_CD == 'LGE' && sessionStorage.getItem('hideCmnArea') ) {
                location.href = 'BT_WR_0050';
            }
            else {
                switch( _this.conMng.control('visaBknCmplArea', 'ADD_SVC').getData() ) {
                    case 'A':
                        break;
                    case 'H':
                        break;
                    case 'C':
                        break;
                    case 'V':
                        location.href = (SYS_CD == 'BTMS_WEB' ? 'BT_WR_0050' : 'BT_MR_0140') + '?MRG_BKN_NO=' + MRG_BKN_NO;
                        break;
                    case 'R':
                        location.href = (SYS_CD == 'BTMS_WEB' ? 'BT_WR_0040' : 'BT_MR_0130') + '?MRG_BKN_NO=' + MRG_BKN_NO;
                        break;
                    case 'I':
                        location.href = (SYS_CD == 'BTMS_WEB' ? 'BT_WR_0190' : 'BT_MR_0200') +'?MRG_BKN_NO=' + MRG_BKN_NO;
                        break;
                    default:
                        location.href = (SYS_CD == 'BTMS_WEB' ? 'BT_WR_0200' : 'BT_MR_0230');
                        break;
                }
            }
        });
    }

    this.init();
}

/**
 * @method    isCardUse
 * 개인카드 사용여부를 반환하는 함수
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function isCardUse() {

    var rtnVal = false;

    btUtil.send_sync('BRS_BT_WEB_RetrieveCrdYn', { baRs: 'OUT_PSET' }, function(data) {
        if( data.OUT_PSET.length > 0 && data.OUT_PSET[0].CRD_YN == 'Y' )
            rtnVal = true;
    });

    return rtnVal;
}

/**
 * @method    getCardInfo
 * 개인카드사정보를 반환하는 함수
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function getCardInfo() {

    var rtnData;

    btUtil.send_sync('BRS_BT_WEB_RetrieveCrd', { baRs: 'OUT_PSET', IN_PSET: { CUSTCO_ESMBR_NO: USER_SESSION.CUSTCO_ESMBR_NO } }, function(data) {

        if( data.OUT_PSET.length > 0 )
            rtnData = data.OUT_PSET[0];
    });

    return rtnData;
}

/**
 * @method    getCardCompany
 * 개인카드사영여부를 반환하는 함수
 * @param     {string}    pCardNo 카드번호
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function getCardCompany(pCardNo) {

    var rtnCardCompanyCode;

    if( pCardNo.length >= 6 ) {
            
        btUtil.send_sync('BRS_CM_PG_RetrieveCardMbsInfo', { baRs: 'OUT_PSET', IN_PARAM_DS: { CRD_NO: pCardNo } }, function(data) {
            if( data.OUT_PSET.length > 0 )
                rtnCardCompanyCode = data.OUT_PSET[0].CRD_COMP_CD;
        });
    }
    
    return rtnCardCompanyCode;
}

/**
 * @method    bookVisa
 * 비자예약접수
 * @param     {object}    pBookData  비자예약정보
 * @param     {object}    pBtrvrData 출장자정보
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function bookVisa( pBookData, pBtrvrData ) {

    pBookData.CRD_VLD_TERM_YM = btUtil.convertExpirationDate(pBookData.CRD_VLD_TERM_YM);

    var bookData = {
        ETC_PRX_BKN_ACCPT_SHP_CD  : 'BT',   /* 기타대행예약접수형태코드 */
        BTMS_CONN_CHNL_SE_CD      : (SYS_CD == 'BTMS_WEB' ? 'W' : 'M'),    /* BTMS접속채널구분코드 */
    };

    var btrvrData = {
        BIZ_NO               : USER_SESSION.BIZ_NO,
        CUSTCO_ESMBR_NO      : USER_SESSION.CUSTCO_ESMBR_NO,
        CUSTCO_DEPT_CD       : USER_SESSION.CUSTCO_DEPT_CD,
        CUSTCO_OFPS_CD       : USER_SESSION.CUSTCO_OFPS_CD,
        ESMBR_YN             : 'Y',
        CUSTCO_ESMBR_TY_SE_CD: USER_SESSION.CUSTCO_ESMBR_TY_SE_CD,
        BZPL_NO              : USER_SESSION.BZPL_NO,
        SELF_STLM_YN         : 'Y',
    };

    param1 = $.extend(bookData, pBookData);
    param2 = pBtrvrData ? pBtrvrData : btrvrData;    // 출장자가 전달되지 않으면 세션정보를 할당

    btUtil.send('BRS_BT_WR_SaveVisaAplc', { baRs: 'OUT_PSET', IN_PSET: param1, IN_PSET2: param2 }, function(data) {

        sessionStorage.removeItem('bookingData');    // 비자예약완료후 비자예약정보삭제

        // 완료팝업
        var visaBknCmplPopup = new InitVisaBknCmplPopup('visaBknCmplPopup');
        visaBknCmplPopup.open({ MRG_BKN_NO: data.OUT_PSET[0].MRG_BKN_NO, VISA_BKN_PRG_SE_CD: data.OUT_PSET[0].VISA_BKN_PRG_SE_CD });

    }, function() {}, { showProgress: true });
}

/**
 * @method    compareRcvngDt
 * 서류발급일자와 예상출국일자를 비교하여 알림창을 호출 (웹, 모바일 공용)
 * @param     {string}    VST_NTN_CD              방문국가코드
 * @param     {string}    VISA_PRCD_TERM_DYCNT    비자수속기간일수
 * @param     {string}    ACCPT_PPRS_SNDN_SCHD_DT 신청서류서류발급일자
 * @param     {string}    EXPC_DPTR_DT            예상출국일자
 * @docauthor Redcap Tour
 * @author    hsjeong
 */
function compareRcvngDt(VST_NTN_CD, VISA_PRCD_TERM_DYCNT, ACCPT_PPRS_SNDN_SCHD_DT, EXPC_DPTR_DT) {

    btUtil.send_sync('BRS_BT_WR_RetrieveRcvngDt', { baRs: 'OUT_PSET', IN_PSET: { YYYYMM: moment().format('YYYYMM'), VST_NTN_CD: VST_NTN_CD, VISA_PRCD_TERM_DYCNT: VISA_PRCD_TERM_DYCNT, ACCPT_PPRS_SNDN_SCHD_DT: ACCPT_PPRS_SNDN_SCHD_DT } }, function(rcvng_data) {

        if( EXPC_DPTR_DT && rcvng_data.OUT_PSET[0].VISA_RCVNG_DT ) {
    
            if(moment(rcvng_data.OUT_PSET[0].VISA_RCVNG_DT).format('YYYYMMDD') * 1 > EXPC_DPTR_DT * 1) {

                if( SYS_CD == 'BTMS_MOBILE' ) {

                }
                else
                    Message.alert('예상출국일이 비자발급예정일 보다 빠릅니다.');
            }
        }
    });
}

/************************************************************************************************************************************************************/
// 달력
/************************************************************************************************************************************************************/

/**
 * @function  BtPickerMobile
 * 달력제어 생성자함수(모바일)
 * @docauthor Redcap Tour
 * @author    양석진
 */
function BtPickerMobile(pOptions) {

    var popupId = btUtil.getRandomId() + 'popup';

    if(!pOptions.selector && ( !pOptions.selectorFrom && !pOptions.selectorTo ) )
        throw 'arguments error. (selector)';
    
    this.options = {
        selector       : pOptions.selector,
        selectorFrom   : pOptions.selectorFrom,
        selectorTo     : pOptions.selectorTo,
        multi          : pOptions.selector ? false : true,
        dateViewFormat : pOptions.dateFormat ? pOptions.dateFormat : 'YYYY-MM-DD',
        dateValueFormat: pOptions.dateFormat ? pOptions.dateFormat : 'YYYYMMDD',
        editable       : false,
        lang           : 'ko',
        isPadDate      : false,
        today          : moment().format('YYYY-MM-DD'),
        $moment1       : {},                                                          // 달력1
        $moment2       : {},                                                          // 달력2
        minDate        : pOptions.minDate,
        maxDate        : pOptions.maxDate,
        disable        : pOptions.disable,
    };

    this.selectedDate     = '';
    this.selectedDateFrom = '';
    this.selectedDateTo   = '';

    var $selector;
    var $selectorFrom;
    var $selectorTo;
    var $selectedFrom;       // 선택된 출발일
    var $selectedTo;         // 선택된 종료일
    var $selectedLbFrom;     // 출발일 라벨
    var $selectedLbTo;       // 도착일 라벨
    var $layer;
    var $prevPickerYear;
    var $prevPickerMonth;
    var $prevPickerBody;
    var $nextPickerYear;
    var $nextPickerMonth;
    var $nextPickerBody;
    var $btnPrev;
    var $btnNext;
    var $btnPrevSel;
    var $btnNextSel;
    var $btnInit;
    var $btnApply;

    this.init = function() {
        
        var _this = this;

        $('.wrap-inner').append(_this.createPopupLayer(popupId));
        
        if(_this.options.multi) {

            $selectorFrom = ( typeof _this.options.selectorFrom == 'string' ? $(_this.options.selectorFrom) : _this.options.selectorFrom );   // 시작일 입력 요소
            $selectorTo   = ( typeof _this.options.selectorTo   == 'string' ? $(_this.options.selectorTo)   : _this.options.selectorTo   );   // 종료일 입력 요소

            var pickerWrapTag = _this.getPickerWrapTag($selectorFrom.closest('data-area').attr('data-area'), $selectorFrom.attr('name'), $selectorFrom.attr('data-picker-group'));      // 달력을 감싸는 영역 Tag를 반환
            $('#' + popupId +' .calandar-inner').after(pickerWrapTag);                            // 시작일 입력 요소 옆에 달력레이어 추가
            $layer = $('#' + popupId +' .calandar-inner').nextAll('[data-control-layer]');        // 추가한 달력레이어 요소

            $selectedFrom   = $layer.find('.calendar-data dl dd:eq(0)');   // 선택된 시작일
            $selectedTo     = $layer.find('.calendar-data dl dd:eq(1)');   // 선택된 종료일
            $selectedLbFrom = $layer.find('.calendar-data dl dt:eq(0)');
            $selectedLbTo   = $layer.find('.calendar-data dl dt:eq(1)');

            $selectorFrom.attr('autocomplete', 'off');
            $selectorTo.attr('autocomplete', 'off');
        }
        else {
            $selector = $(_this.options.selector);
            
            var pickerWrapTag = _this.getPickerWrapTag($selector.closest('data-area'), $selector.attr('name'), $selector.attr('data-picker-group'));      // 달력을 감싸는 영역 Tag를 반환
            $('#' + popupId +' .calandar-inner').after(pickerWrapTag);
            $layer = $('#' + popupId +' .calandar-inner').nextAll('[data-control-layer]');

            $selector.attr('autocomplete', 'off');
        }

        $prevPickerYear  = $layer.find('ul li:eq(0) .calendar-year');
        $prevPickerMonth = $layer.find('ul li:eq(0) .calendar-month');
        $prevPickerBody  = $layer.find('ul li:eq(0) tbody');

        $nextPickerYear  = $layer.find('ul li:eq(1) .calendar-year');
        $nextPickerMonth = $layer.find('ul li:eq(1) .calendar-month');
        $nextPickerBody  = $layer.find('ul li:eq(1) tbody');

        $btnPrev = $layer.find('.calendar-header .prev');                        // 이전달버튼
        $btnNext = $layer.find('.calendar-header .next');                        // 다음달버튼
        
        $btnPrevSel = $layer.find('.calendar-data dl:eq(0)');
        $btnNextSel = $layer.find('.calendar-data dl:eq(1)');

        $btnInit  = $('#' + popupId).find('.btn-area button:eq(0)');               // 초기화버튼
        $btnApply = $('#' + popupId).find('.btn-area button:eq(1)');               // 적용버튼
        
        $btnClose = $('#' + popupId).find('.popup-close');                    // 닫기버튼

        // 입력창 클릭시 달력레이어 호출 이벤트 추가
        switch( _this.options.multi ) {
            case true :
                $selectorFrom.on('click', function() {
                    $selectedLbFrom.addClass('active');
                    $selectedLbTo.removeClass('active');
                    //hideLayers();
                    _this.showLayer();
                });

                $selectorTo.on('click', function() {

                    if( $selectorFrom.val() && moment($selectorFrom.val()).isValid() ) {
                        $selectedLbFrom.removeClass('active');
                        $selectedLbTo.addClass('active');
                    }
                    else {
                        $selectedLbFrom.addClass('active');
                        $selectedLbTo.removeClass('active');
                    }
                    //hideLayers();
                    _this.showLayer();
                });
                break;
            case false:
                $selector.on('click', function() {

                    _this.options.$moment1 = new moment($selector.val());

                    if(!_this.options.$moment1.isValid()) {
                        _this.options.$moment1 = new moment();
                        _this.options.$moment2 = new moment().add(1, 'M');
                    }
                    else
                        _this.options.$moment2 = new moment($selector.val()).add(1, 'M');

                    _this.drawPicker(0);

                    $layer.find('td').removeClass('on').removeClass('active');
                    $layer.find('td[data-date="' + $selector.val() + '"]').addClass('on').addClass('active');

                    //$layer.show();
                    popupLayerOpen('#' + popupId);
                    $('#' + popupId + ' [data-control-layer]').show();
                });
                break;
        }
        
        // 이전달
        $btnPrev.on('click', function() {
            _this.drawPicker(-1);
        });

        // 다음달
        $btnNext.on('click', function() {
            _this.drawPicker(1);
        });

        $btnPrevSel.on('click', function() {

            $selectedLbFrom.addClass('active');
            $selectedLbTo.removeClass('active');

        });

        $btnNextSel.on('click', function() {
            
            $selectedLbFrom.removeClass('active');
            $selectedLbTo.addClass('active');
        });

        // 적용
        $btnApply.on('click', function() {

            if($selectedFrom.text() && $selectedTo.text()) {
                
                $selectorFrom.val($selectedFrom.text()).trigger('change');
                $selectorTo.val($selectedTo.text()).trigger('change');

                //$layer.hide();
                popupLayerClose('#' + popupId + ' .popup-close');
                $selectorTo.focus();
                locationTopFixed();
            }
            else if(!$selectedFrom.text()) {
                Message.alert('시작일을(를) 선택하세요.');
            }
            else if(!$selectedTo.text()) {
                Message.alert('종료일을(를) 선택하세요.');
            }
        });

        // 초기화
        $btnInit.on('click', function() {
            _this.clear();
        });

        // 닫기
        $btnClose.on('click', function() {
            popupLayerClose('#' + popupId + ' .popup-close');
            locationTopFixed();
        });
    };

    this.getPickerWrapTag = function(pAreaName, pControlName, pGroupName) {
        
        var rtnTag =    '<div class="el-calendar multi" data-control-layer data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '" data-picker-group="' + pGroupName + '">' +
                        '   <div class="inner">' +
                        '       <div class="calendar">' +
                        '           <div class="calendar-inner">' +
                        '               <ul>' +
                        '                   <li>' +
                        '                       <div class="calendar-header">' +
                        '                           <a href="javascript:void(0);" class="prev"><span>Prev</span></a>' +
                        '                           <a href="javascript:void(0);" class="next"><span>Next</span></a>' +
                        '                           <span class="calendar-year"></span>.<span class="calendar-month"></span>' +
                        '                       </div>' +
                        '                       <table class="calendar-table">' +
                        '                           <caption>달력</caption>' +
                        '                           <thead>' +
                        '                               <tr>' +
                        '                                   <th scope="col" class="sun">일</th>' +
                        '                                   <th scope="col">월</th>' +
                        '                                   <th scope="col">화</th>' +
                        '                                   <th scope="col">수</th>' +
                        '                                   <th scope="col">목</th>' +
                        '                                   <th scope="col">금</th>' +
                        '                                   <th scope="col" class="sat">토</th>' +
                        '                               </tr>' +
                        '                           </thead>' +
                        '                           <tbody>' +
                        '                           </tbody>' +
                        '                       </table>' +
                        '                   </li>' +
                        '                   <li>' +
                        '                       <div class="calendar-header">' +
                        '                           <span class="calendar-year"></span>.<span class="calendar-month"></span>' +
                        '                       </div>' +
                        '                       <table class="calendar-table">' +
                        '                           <caption>달력</caption>' +
                        '                           <thead>' +
                        '                               <tr>' +
                        '                                   <th scope="col" class="sun">일</th>' +
                        '                                   <th scope="col">월</th>' +
                        '                                   <th scope="col">화</th>' +
                        '                                   <th scope="col">수</th>' +
                        '                                   <th scope="col">목</th>' +
                        '                                   <th scope="col">금</th>' +
                        '                                   <th scope="col" class="sat">토</th>' +
                        '                               </tr>' +
                        '                           </thead>' +
                        '                           <tbody>' +
                        '                           </tbody>' +
                        '                       </table>' +
                        '                   </li>' +
                        '               </ul>'; 
            if(this.options.multi) {
                rtnTag += '             <div class="calendar-data">' +
                          '                 <dl>' +
                          '                     <dt>시작일</dt>' +
                          '                     <dd></dd>' +
                          '                 </dl>' +
                          '                 <dl>' +
                          '                     <dt>종료일</dt>' +
                          '                     <dd></dd>' +
                          '                 </dl>' +
                          '             </div>' ;
            }
                rtnTag += '            </div>' +
                          '        </div>' +
                          '    </div>' +
                          '</div>';
                        
        return rtnTag;
    };

    this.drawPicker = function(pAddMonth) {

        var _this = this;

        if( !_this.isEnableDate( moment( _this.options.$moment1.format('YYYYMMDD') ).add(pAddMonth, 'M').format('YYYYMM'), 'YYYYMM' ) )
            return;

        _this.options.$moment1.add(pAddMonth, 'M');
        _this.options.$moment2.add(pAddMonth, 'M');

        $prevPickerYear.text(_this.options.$moment1.format('YYYY'));    // 달력1 년도 설정
        $nextPickerYear.text(_this.options.$moment2.format('YYYY'));    // 달력2 년도 설정

        $prevPickerMonth.text(_this.options.$moment1.format('MM'));     // 달력1 월 설정
        $nextPickerMonth.text(_this.options.$moment2.format('MM'));     // 달력2 월 설정
        
        $prevPickerBody.empty().append(_this.getPickerBodyTag(_this.options.$moment1.format('YYYY-MM-DD')));
        $nextPickerBody.empty().append(_this.getPickerBodyTag(_this.options.$moment2.format('YYYY-MM-DD')));

        $prevPickerBody.find('td[data-date]').on('click', function() { _this.pick($(this)); });    // 달력1 이벤트 추가
        $nextPickerBody.find('td[data-date]').on('click', function() { _this.pick($(this)); });    // 달력2 이벤트 추가

        _this.setTerm();
    };

    this.getPickerBodyTag = function(pDate) {

        var _this = this;

        var currMonthStartDate = moment(moment(pDate).startOf('month').format('YYYY-MM-DD'));              // 현재월의 시작일
        var currMonthLastDate  = moment(moment(pDate).endOf('month').format('YYYY-MM-DD'));                // 현재월의 마지막일
        var prevMonthLastDate  = moment(moment(pDate).add(-1, 'M').endOf('month').format('YYYY-MM-DD'));   // 이전달의 마지막일
        var nextMonthStartDate = moment(moment(pDate).add( 1, 'M').startOf('month').format('YYYY-MM-DD')); // 다음달의 시작일

        var calendarTag = '<tr>';

        // 0: 일, 1: 월, 2: 화. 3: 수, 4: 목, 5: 금, 6: 토
        var day = currMonthStartDate.day(); // == 0 ? 7 : currMonthStartDate.day();

        prevMonthLastDate.add(-day, 'day');
        
        for(var i=0; i<day; i++) {
            
            prevMonthLastDate.add(1, 'day');
            calendarTag += _this.getPickerDateTag(prevMonthLastDate.format('YYYY-MM-DD'), prevMonthLastDate.format('DD'), prevMonthLastDate.day(), false);
        }
        
        // 현재달의 일자를 채움
        for(var i=0; i<(currMonthLastDate.format('DD') * 1) ; i++) {

            currMonthStartDate.add(i == 0 ? 0 : 1, 'day');

            calendarTag += _this.getPickerDateTag(currMonthStartDate.format('YYYY-MM-DD'), currMonthStartDate.format('DD'), currMonthStartDate.day(), true);

            if( (currMonthStartDate.day() + 1) % 7 == 0 ) {
                calendarTag += '</tr>';
                calendarTag += '<tr>';
            }
        }

        // 현재월의 종료일이 토요일이 아닐 경우 다음달의 일자를 채움
        if(currMonthLastDate.day() != 1) {

            for(var i=0; i<(6 - currMonthLastDate.day()); i++) {
                nextMonthStartDate.add(i == 0 ? 0 : 1, 'day');
                calendarTag += _this.getPickerDateTag(nextMonthStartDate.format('YYYY-MM-DD'), nextMonthStartDate.format('DD'), nextMonthStartDate.day(), false);
            }
        }

        calendarTag += '</tr>';

        return calendarTag;
    };

    this.getPickerDateTag = function(pDate, pDD, pDay, pIsCurMonth) {

        var _this = this;

        if( !_this.options.isPadDate && !pIsCurMonth)
            return '<td></td>';

        var className = '';

        switch ( pDay ) {
            case 0 : className = 'sun'; break;
            case 6 : className = 'sat'; break;
            default: className = '';    break;
        }

        if(_this.selectedDate == pDate)
            className += ' on first';
        
        return '<td class="' + className + '" data-date="' + pDate + '"><a href="javascript:void(0);" ' + ( _this.options.today == pDate ? 'class="today"' : '' ) + '>' + pDD + '</a></td>';
    };
    
    this.showLayer = function() {

        var _this = this;
            
        _this.options.$moment1 = new moment($selectorFrom.val());
        
        if( _this.options.$moment1.isValid() ) {
            _this.options.$moment2 = new moment($selectorFrom.val()).add(1, 'M');
        }
        else {
            _this.options.$moment1 = new moment();
            _this.options.$moment2 = new moment().add(1, 'M');
        }

        $selectedFrom.empty().text($selectorFrom.val());
        $selectedTo.empty().text($selectorTo.val());


        if( !_this.isEnableDate( moment( _this.options.$moment1.format('YYYYMMDD') ).format('YYYYMMDD'), 'YYYYMMDD' ) ||
            !_this.isEnableDate( moment( _this.options.$moment2.format('YYYYMMDD') ).format('YYYYMMDD'), 'YYYYMMDD' ) ) {
            
            _this.clear();

            _this.options.$moment1 = new moment( _this.options.minDate ? _this.options.minDate : _this.options.maxDate );
            _this.options.$moment2 = new moment( _this.options.minDate ? _this.options.minDate : _this.options.maxDate ).add(1, 'M');
        }

        _this.drawPicker(0);
        popupLayerOpen('#' + popupId);
        $('#' + popupId + ' [data-control-layer]').show();
    };

    // 날짜선택
    this.pick = function(pPick) {

        var _this = this;
        var pickDate = pPick.attr('data-date');

        if( !_this.isEnableDate( moment( pickDate ).format('YYYYMMDD'), 'YYYYMMDD' ) ) {
            return;
        }

        if(_this.options.multi) {
            
            // 시작일 설정
            if( $selectedLbFrom.hasClass('active') ) {

                if( $selectedTo.text() && moment($selectedTo.text()).isValid() && moment(pickDate).isAfter( moment($selectedTo.text()) ) ) {
                    $selectedTo.empty();
                }

                $selectedFrom.empty().text(pickDate);
                
                $selectedLbFrom.removeClass('active');
                $selectedLbTo.addClass('active');
            }
            // 종료일 설정
            else {

                if( $selectedFrom.text() && moment($selectedFrom.text()).isValid() && moment(pickDate).isBefore( moment($selectedFrom.text()) ) ) {
                    $selectedFrom.empty().text(pickDate);
                    $selectedTo.empty();
                }
                else {
                    $selectedTo.empty().text(pickDate);
                }
            }

            _this.setTerm();
        }
        else {
            
            _this.options.$moment1 = moment(pickDate);
            $selector.val(pickDate).trigger('change');
            //$layer.hide();
            popupLayerClose('#' + popupId + ' .popup-close');
            $selector.focus();
            locationTopFixed();
        }
    };

    this.setTerm      = function() {
        
        var _this = this;

        if(_this.options.multi) {
            $layer.find('td').removeClass('on').removeClass('first').removeClass('end');
            $layer.find('td[data-date="' + $selectedFrom.text() + '"]').addClass('on').addClass('first');
            $layer.find('td[data-date="' + $selectedTo.text()   + '"]').addClass('on').addClass('end');

            // 시작일, 종료일이 정상적일 경우 그림
            if( moment($selectedFrom.text()).isValid() || moment($selectedTo.text()).isValid() ) {
                
                var $tempMomentFrom = moment($selectedFrom.text());
                var $tempMomentTo   = moment($selectedTo.text());

                while ( $tempMomentFrom.isBefore($tempMomentTo) ) {

                    $layer.find('[data-date="' + $tempMomentFrom.format('YYYY-MM-DD') + '"]').addClass('on');
                    $tempMomentFrom.add(1, 'day');
                }
            }
        }else {
            $layer.find('td').removeClass('on').removeClass('active');
            $layer.find('td[data-date="' + $selector.val() + '"]').addClass('on').addClass('active');
        }
    };

    this.isEnableDate = function( pCompareDate, pFormat ) {
        var _this = this;

        if( _this.options.minDate && _this.options.maxDate ) {

            var tempDate = pCompareDate * 1;
            var minDate  = moment( _this.options.minDate ).format(pFormat) * 1;
            var maxDate  = moment( _this.options.maxDate ).format(pFormat) * 1;

            if( tempDate < minDate || tempDate > maxDate ) {
                return false;
            }

        }

        if( _this.options.minDate ) {

            var tempDate = pCompareDate * 1;
            var minDate  = moment( _this.options.minDate ).format(pFormat) * 1;

            if( tempDate < minDate )
                return false;
        }

        if( _this.options.maxDate ) {

            var tempDate = pCompareDate * 1;
            var maxDate  = moment( _this.options.maxDate ).format(pFormat) * 1;

            if( tempDate > maxDate )
                return false;
        }

        return true;
    };

    this.clear        = function() {

        var _this = this;

        $selectorFrom.val('');
        $selectorTo.val('');
        $selectedFrom.empty();
        $selectedTo.empty();
        _this.options.$moment1 = new moment();
        _this.options.$moment2 = new moment().add(1, 'M');
        _this.drawPicker(0);
        $selectedLbFrom.addClass('active');
        $selectedLbTo.removeClass('active');
    };

    this.createPopupLayer        = function(rndId) {
        var _this = this;
        
        var rtnTxt =    '<div class="popup-layer full" style="z-index:9999999999999999999999999999999;" id=' + rndId + '>' +
                        '    <div class="dimmed"></div>' +
                        '    <div class="popup-container">' +
                        '        <div class="popup-inner">' +
                        '            <div class="popup-contents">' +
                        '                <div class="popup-header">' +
                        '                    <h2>날짜 선택</h2>' +
                        '                </div>' +
                        '                <div class="popup-content" tabindex="0">' +
                        '                    <div class="popup-content-inner">' +
                        '                        <div class="calandar-inner">' +
                        '                        </div>' +
                        '                    </div>';
            if(this.options.multi) {
                rtnTxt +=   '<div class="btn-area">' +
                            '    <button type="button" class="btn-ty-solid1 medium"><span>초기화</span></button>' +
                            '    <button type="button" class="btn-ty-solid2 medium"><span>적용</span></button>' +
                            '</div>';
            }

            rtnTxt +=   '                </div>' +
                        '            <button type="button" class="popup-close" ><span>팝업 닫기</span></button>' +
                        '            </div>' +
                        '        </div>' +
                        '    </div>' +
                        '</div>';

        return rtnTxt;
    };

    this.init();
}


/**
 * @function  BtPicker
 * 달력제어 생성자함수 - 화면을 벗어난 경우
 * @docauthor Redcap Tour
 * @author    hsjeong
 */

function BtPickerInner2(pOptions) {
    
    this.options = {
        areaName       : pOptions.areaName,
        controlName    : pOptions.controlName,
        controlFromName: pOptions.controlFromName,
        controlToName  : pOptions.controlToName,
        selector       : pOptions.selector,
        selectorFrom   : pOptions.selectorFrom,
        selectorTo     : pOptions.selectorTo,
        multi          : pOptions.selector ? false : true,
        dateViewFormat : pOptions.dateFormat ? pOptions.dateFormat : 'YYYY-MM-DD',
        dateValueFormat: pOptions.dateFormat ? pOptions.dateFormat : 'YYYYMMDD',
        editable       : false,
        lang           : 'KO',
        isPadDate      : false,
        today          : moment().format('YYYY-MM-DD'),
        $moment1       : {},                                                          // 달력1
        $moment2       : {},                                                          // 달력2
        minDate        : pOptions.minDate,
        maxDate        : pOptions.maxDate,
        disable        : pOptions.disable,
    };

    this.selectedDate     = '';
    this.selectedDateFrom = '';
    this.selectedDateTo   = '';

    var days = [];

    // 1, 2, 3, 4, 5, 6, 0
    if(this.options.lang == 'KO')
        days = ['월', '화', '수', '목', '금', '토', '일'];
    else
        days = [];

    var $selector;
    this.$selectorFrom;
    this.$selectorTo;
    var $selectedFrom;       // 선택된 출발일
    var $selectedTo;         // 선택된 종료일
    var $selectedLbFrom;     // 출발일 라벨
    var $selectedLbTo;       // 도착일 라벨
    var $layer;
    var $prevPickerYear;
    var $prevPickerMonth;
    var $prevPickerBody;
    var $nextPickerYear;
    var $nextPickerMonth;
    var $nextPickerBody;
    var $btnPrev;
    var $btnNext;
    var $btnPrevSel;
    var $btnNextSel;
    var $btnInit;
    var $btnApply;

    this.init             = function() {
        
        var _this = this;
        
        if(_this.options.multi) {

            _this.$selectorFrom = ( typeof _this.options.selectorFrom == 'string' ? $(_this.options.selectorFrom) : _this.options.selectorFrom );   // 시작일 입력 요소
            $selectorTo   = ( typeof _this.options.selectorTo   == 'string' ? $(_this.options.selectorTo)   : _this.options.selectorTo   );   // 종료일 입력 요소

            _this.options.areaName        = _this.$selectorFrom.closest('[data-area]').attr('data-area');
            _this.options.controlFromName = _this.$selectorFrom.attr('name');
            _this.options.controlToName   = $selectorTo.attr('name');

            var pickerWrapTag = _this.getPickerWrapTag(_this.options.areaName, _this.options.controlFromName, _this.$selectorFrom.attr('data-picker-group'));      // 달력을 감싸는 영역 Tag를 반환
            $layer = $(pickerWrapTag);
            $('.wrap').append( $layer );                                   // 콤보레이어

            $selectedFrom   = $layer.find('.calendar-data dl dd:eq(0)');   // 선택된 시작일
            $selectedTo     = $layer.find('.calendar-data dl dd:eq(1)');   // 선택된 종료일
            $selectedLbFrom = $layer.find('.calendar-data dl dt:eq(0)');
            $selectedLbTo   = $layer.find('.calendar-data dl dt:eq(1)');

            _this.$selectorFrom.attr('autocomplete', 'off');
            $selectorTo.attr('autocomplete', 'off');
        }
        else {
            $selector = $(_this.options.selector);

            _this.options.areaName    = $selector.closest('[data-area]').attr('data-area');
            _this.options.controlName = $selector.attr('name');

            var pickerWrapTag = _this.getPickerWrapTag(_this.options.areaName, _this.options.controlName, '');      // 달력을 감싸는 영역 Tag를 반환
            $layer = $(pickerWrapTag);
            $('.wrap').append( $layer );

            $selector.attr('autocomplete', 'off');
        }

        $prevPickerYear  = $layer.find('ul li:eq(0) .calendar-year');
        $prevPickerMonth = $layer.find('ul li:eq(0) .calendar-month');
        $prevPickerBody  = $layer.find('ul li:eq(0) tbody');

        $nextPickerYear  = $layer.find('ul li:eq(1) .calendar-year');
        $nextPickerMonth = $layer.find('ul li:eq(1) .calendar-month');
        $nextPickerBody  = $layer.find('ul li:eq(1) tbody');

        $btnPrev = $layer.find('.calendar-prev');                        // 이전달버튼
        $btnNext = $layer.find('.calendar-next');                        // 다음달버튼
        
        $btnPrevSel = $layer.find('.calendar-data dl:eq(0)');
        $btnNextSel = $layer.find('.calendar-data dl:eq(1)');

        $btnInit  = $layer.find('.btn-area button:eq(0)');               // 초기화버튼
        $btnApply = $layer.find('.btn-area button:eq(1)');               // 적용버튼

        $btnClose = $layer.find('button.btn-close');                     // 닫기버튼

        // 입력창 클릭시 달력레이어 호출 이벤트 추가
        switch( _this.options.multi ) {
            case true :

                trace(_this.$selectorFrom, $selectorTo);

                _this.$selectorFrom.on('click', function() {

                    trace('#######달력 클릭');

                    $selectedLbFrom.addClass('active');
                    $selectedLbTo.removeClass('active');
                    hideLayers();
                    $layer.attr('data-control-name', _this.options.controlFromName);
                    _this.showLayer(_this.$selectorFrom);
                });

                $selectorTo.on('click', function() {

                    trace('#######달력 클릭');

                    if( _this.$selectorFrom.val() && moment(_this.$selectorFrom.val()).isValid() ) {
                        $selectedLbFrom.removeClass('active');
                        $selectedLbTo.addClass('active');
                    }
                    else {
                        $selectedLbFrom.addClass('active');
                        $selectedLbTo.removeClass('active');
                    }
                    hideLayers();
                    $layer.attr('data-control-name', _this.options.controlToName);
                    _this.showLayer($selectorTo);
                });
                break;
            case false:
                $selector.on('click', function() {

                    _this.options.$moment1 = new moment($selector.val());

                    if(!_this.options.$moment1.isValid()) {
                        _this.options.$moment1 = new moment();
                        _this.options.$moment2 = new moment().add(1, 'M');
                    }
                    else
                        _this.options.$moment2 = new moment($selector.val()).add(1, 'M');

                    _this.drawPicker(0);

                    $layer.find('td').removeClass('active');
                    $layer.find('td[data-date="' + $selector.val() + '"]').addClass('active');

                    hideLayers();
                    
                    var position = _this.getPos($selector);

                    $layer.css('top' , position.x + 'px');
                    $layer.css('left', position.y + 'px');

                    $layer.show();
                });
                break;
        }
        
        // 이전달
        $btnPrev.on('click', function() {
            _this.drawPicker(-1);
        });

        // 다음달
        $btnNext.on('click', function() {
            _this.drawPicker(1);
        });

        $btnPrevSel.on('click', function() {

            $selectedLbFrom.addClass('active');
            $selectedLbTo.removeClass('active');

        });

        $btnNextSel.on('click', function() {
            
            $selectedLbFrom.removeClass('active');
            $selectedLbTo.addClass('active');
        });

        // 적용
        $btnApply.on('click', function() {

            if($selectedFrom.text() && $selectedTo.text()) {
                _this.$selectorFrom.val($selectedFrom.text());
                $selectorTo.val($selectedTo.text());

                $layer.hide();
            }
        });

        // 초기화
        $btnInit.on('click', function() {
            _this.clear();
        });

        // 닫기
        $btnClose.on('click', function() {
            $layer.hide();
        });
    };

    this.getPickerWrapTag = function(pAreaName, pControlName, pGroupName) {
        
        var rtnTag =    '<div class="button-layer el-calendar multi" data-control-layer data-area-name="' + pAreaName + '" data-control-name="' + pControlName + '" data-picker-group="' + pGroupName + '" style="display:none;position:absolute;z-index:999999">' +
                        '   <div class="inner2">' +
                        '       <div class="calendar">' +
                        '           <div class="calendar-inner">' +
                        '               <ul>' +
                        '                   <li>' +
                        '                       <div class="calendar-header">' +
                        '                           <span class="calendar-year"></span>.<span class="calendar-month"></span>' +
                        '                       </div>' +
                        '                       <table class="calendar-table">' +
                        '                           <caption>달력</caption>' +
                        '                           <thead>' +
                        '                               <tr>' +
                        '                                   <th scope="col" class="sun">일</th>' +
                        '                                   <th scope="col">월</th>' +
                        '                                   <th scope="col">화</th>' +
                        '                                   <th scope="col">수</th>' +
                        '                                   <th scope="col">목</th>' +
                        '                                   <th scope="col">금</th>' +
                        '                                   <th scope="col" class="sat">토</th>' +
                        '                               </tr>' +
                        '                           </thead>' +
                        '                           <tbody>' +
                        '                           </tbody>' +
                        '                       </table>' +
                        '                   </li>' +
                        '                   <li>' +
                        '                       <div class="calendar-header">' +
                        '                           <span class="calendar-year"></span>.<span class="calendar-month"></span>' +
                        '                       </div>' +
                        '                       <table class="calendar-table">' +
                        '                           <caption>달력</caption>' +
                        '                           <thead>' +
                        '                               <tr>' +
                        '                                   <th scope="col" class="sun">일</th>' +
                        '                                   <th scope="col">월</th>' +
                        '                                   <th scope="col">화</th>' +
                        '                                   <th scope="col">수</th>' +
                        '                                   <th scope="col">목</th>' +
                        '                                   <th scope="col">금</th>' +
                        '                                   <th scope="col" class="sat">토</th>' +
                        '                               </tr>' +
                        '                           </thead>' +
                        '                           <tbody>' +
                        '                           </tbody>' +
                        '                       </table>' +
                        '                   </li>' +
                        '               </ul>' +
                        '               <a href="javascript:void(0);" class="calendar-prev"><span>Prev</span></a>' +
                        '               <a href="javascript:void(0);" class="calendar-next"><span>Next</span></a>';
    
        if(this.options.multi) {
            rtnTag +=   '<div class="calendar-data">' +
                        '    <dl>' +
                        '        <dt>시작일</dt>' +
                        '        <dd></dd>' +
                        '    </dl>' +
                        '    <dl>' +
                        '        <dt>종료일</dt>' +
                        '        <dd></dd>' +
                        '    </dl>' +
                        '</div>' +
                        '<div class="btn-area">' +
                        '    <button type="button" class="btn-ty-solid1 medium"><span>초기화</span></button>' +
                        '    <button type="button" class="btn-ty-solid2 medium"><span>적용</span></button>' +
                        '</div>';
        }
                        
        rtnTag +=    '          </div>' +
                        '      </div>' +
                        '      <button type="button" class="btn-close"><span>닫기</span></button>' +
                        '  </div>' +
                        '</div>';

        return rtnTag;
    };

    this.drawPicker       = function(pAddMonth) {

        var _this = this;

        if( !_this.isEnableDate( moment( _this.options.$moment1.format('YYYYMMDD') ).add(pAddMonth, 'M').format('YYYYMM'), 'YYYYMM' ) )
            return;

        _this.options.$moment1.add(pAddMonth, 'M');
        _this.options.$moment2.add(pAddMonth, 'M');

        $prevPickerYear.text(_this.options.$moment1.format('YYYY'));    // 달력1 년도 설정
        $nextPickerYear.text(_this.options.$moment2.format('YYYY'));    // 달력2 년도 설정

        $prevPickerMonth.text(_this.options.$moment1.format('MM'));     // 달력1 월 설정
        $nextPickerMonth.text(_this.options.$moment2.format('MM'));     // 달력2 월 설정
        
        $prevPickerBody.empty().append(_this.getPickerBodyTag(_this.options.$moment1.format('YYYY-MM-DD')));
        $nextPickerBody.empty().append(_this.getPickerBodyTag(_this.options.$moment2.format('YYYY-MM-DD')));

        $prevPickerBody.find('td[data-date]').on('click', function() { _this.pick($(this)); });    // 달력1 이벤트 추가
        $nextPickerBody.find('td[data-date]').on('click', function() { _this.pick($(this)); });    // 달력2 이벤트 추가

        _this.setTerm();
    };

    this.getPickerBodyTag = function(pDate) {

        var _this = this;

        var currMonthStartDate = moment(moment(pDate).startOf('month').format('YYYY-MM-DD'));              // 현재월의 시작일
        var currMonthLastDate  = moment(moment(pDate).endOf('month').format('YYYY-MM-DD'));                // 현재월의 마지막일
        var prevMonthLastDate  = moment(moment(pDate).add(-1, 'M').endOf('month').format('YYYY-MM-DD'));   // 이전달의 마지막일
        var nextMonthStartDate = moment(moment(pDate).add( 1, 'M').startOf('month').format('YYYY-MM-DD')); // 다음달의 시작일

        var calendarTag = '<tr>';

        // 0: 일, 1: 월, 2: 화. 3: 수, 4: 목, 5: 금, 6: 토
        var day = currMonthStartDate.day(); // == 0 ? 7 : currMonthStartDate.day();

        prevMonthLastDate.add(-day, 'day');
        
        for(var i=0; i<day; i++) {
            
            prevMonthLastDate.add(1, 'day');
            calendarTag += _this.getPickerDateTag(prevMonthLastDate.format('YYYY-MM-DD'), prevMonthLastDate.format('DD'), prevMonthLastDate.day(), false);
        }
        
        // 현재달의 일자를 채움
        for(var i=0; i<(currMonthLastDate.format('DD') * 1) ; i++) {

            currMonthStartDate.add(i == 0 ? 0 : 1, 'day');

            calendarTag += _this.getPickerDateTag(currMonthStartDate.format('YYYY-MM-DD'), currMonthStartDate.format('DD'), currMonthStartDate.day(), true);

            if( (currMonthStartDate.day() + 1) % 7 == 0 ) {
                calendarTag += '</tr>';
                calendarTag += '<tr>';
            }
        }

        // 현재월의 종료일이 토요일이 아닐 경우 다음달의 일자를 채움
        if(currMonthLastDate.day() != 1) {

            for(var i=0; i<(6 - currMonthLastDate.day()); i++) {
                nextMonthStartDate.add(i == 0 ? 0 : 1, 'day');
                calendarTag += _this.getPickerDateTag(nextMonthStartDate.format('YYYY-MM-DD'), nextMonthStartDate.format('DD'), nextMonthStartDate.day(), false);
            }
        }

        calendarTag += '</tr>';

        return calendarTag;
    };

    this.getPickerDateTag = function(pDate, pDD, pDay, pIsCurMonth) {

        var _this = this;

        if( !_this.options.isPadDate && !pIsCurMonth)
            return '<td></td>';

        var className = '';

        switch ( pDay ) {
            case 0 : className = 'sun'; break;
            case 6 : className = 'sat'; break;
            default: className = '';    break;
        }

        if(_this.selectedDate == pDate)
            className += ' on first';
        
        return '<td class="' + className + '" data-date="' + pDate + '"><a href="javascript:void(0);" ' + ( _this.options.today == pDate ? 'class="today"' : '' ) + '>' + pDD + '</a></td>';
    };
    
    this.showLayer        = function(pPicker) {

        var _this = this;

        // 달력레이어가 활성화 되지 않았을 경우
        if(!$layer.is(':visible')) {

            _this.options.$moment1 = new moment(_this.$selectorFrom.val());
            
            if( _this.options.$moment1.isValid() ) {
                _this.options.$moment2 = new moment(_this.$selectorFrom.val()).add(1, 'M');
            }
            else {
                _this.options.$moment1 = new moment();
                _this.options.$moment2 = new moment().add(1, 'M');
            }

            $selectedFrom.empty().text(_this.$selectorFrom.val());
            $selectedTo.empty().text($selectorTo.val());


            if( !_this.isEnableDate( moment( _this.options.$moment1.format('YYYYMMDD') ).format('YYYYMMDD'), 'YYYYMMDD' ) ||
                !_this.isEnableDate( moment( _this.options.$moment2.format('YYYYMMDD') ).format('YYYYMMDD'), 'YYYYMMDD' ) ) {
                
                _this.clear();

                _this.options.$moment1 = new moment( _this.options.minDate ? _this.options.minDate : _this.options.maxDate );
                _this.options.$moment2 = new moment( _this.options.minDate ? _this.options.minDate : _this.options.maxDate ).add(1, 'M');
            }

            _this.drawPicker(0);
            
            var position = _this.getPos(pPicker);

            $layer.css('top' , position.x + 'px');
            $layer.css('left', position.y + 'px');

            $layer.show();
        }
        // 달력레이어가 활성화 되있을 경우 범위를 설정
        else
            _this.setTerm();
    };

    // 컨트롤 절대 위치 반환
    this.getPos           = function(pPicker) {

        var _this = this;
        var el = pPicker.get(0);

        var rect = el.getBoundingClientRect();

        var x = rect.left + ( window.scrollX || window.pageXOffset );
        var y = rect.top  + ( window.scrollY || window.pageYOffset );

        return { x: y, y: x };
    };

    // 날짜선택
    this.pick             = function(pPick) {

        var _this = this;
        var pickDate = pPick.attr('data-date');

        if( !_this.isEnableDate( moment( pickDate ).format('YYYYMMDD'), 'YYYYMMDD' ) ) {
            return;
        }

        if(_this.options.multi) {
            
            // 시작일 설정
            if( $selectedLbFrom.hasClass('active') ) {

                if( $selectedTo.text() && moment($selectedTo.text()).isValid() && moment(pickDate).isAfter( moment($selectedTo.text()) ) ) {
                    trace( '시작일이 종료일보다 큼 : ', pickDate, $selectedTo.text(), moment($selectedTo.text()).isAfter( moment(pickDate) ));

                    $selectedTo.empty();
                }
                else 
                    trace( '정상' );

                $selectedFrom.empty().text(pickDate);
                
                $selectedLbFrom.removeClass('active');
                $selectedLbTo.addClass('active');
            }
            // 종료일 설정
            else {

                if( $selectedFrom.text() && moment($selectedFrom.text()).isValid() && moment(pickDate).isBefore( moment($selectedFrom.text()) ) ) {
                    trace( '종료일이 시작일보다 작음 : ', pickDate, $selectedTo.text(), moment($selectedTo.text()).isAfter( moment(pickDate) ));

                    $selectedFrom.empty().text(pickDate);
                    $selectedTo.empty();
                }
                else {
                    trace( '정상' );
                    $selectedTo.empty().text(pickDate);
                }
            }

            _this.setTerm();
        }
        else {
            
            _this.options.$moment1 = moment(pickDate);
            $selector.val(pickDate);
            $layer.hide();
        }
    };

    this.setTerm          = function() {
        
        var _this = this;

        if(_this.options.multi) {
            $layer.find('td').removeClass('on').removeClass('first').removeClass('end');
            $layer.find('td[data-date="' + $selectedFrom.text() + '"]').addClass('on').addClass('first');
            $layer.find('td[data-date="' + $selectedTo.text()   + '"]').addClass('on').addClass('end');

            // 시작일, 종료일이 정상적일 경우 그림
            if( moment($selectedFrom.text()).isValid() || moment($selectedTo.text()).isValid() ) {
                
                var $tempMomentFrom = moment($selectedFrom.text());
                var $tempMomentTo   = moment($selectedTo.text());

                while ( $tempMomentFrom.isBefore($tempMomentTo) ) {

                    $layer.find('[data-date="' + $tempMomentFrom.format('YYYY-MM-DD') + '"]').addClass('on');
                    $tempMomentFrom.add(1, 'day');
                }
            }
        }
    };

    this.isEnableDate     = function( pCompareDate, pFormat ) {

        var _this = this;

        if( _this.options.minDate && _this.options.maxDate ) {

            var tempDate = pCompareDate * 1;
            var minDate  = moment( _this.options.minDate ).format(pFormat) * 1;
            var maxDate  = moment( _this.options.maxDate ).format(pFormat) * 1;

            if( tempDate < minDate || tempDate > maxDate ) {
                return false;
            }

        }

        if( _this.options.minDate ) {

            var tempDate = pCompareDate * 1;
            var minDate  = moment( _this.options.minDate ).format(pFormat) * 1;

            if( tempDate < minDate )
                return false;
        }

        if( _this.options.maxDate ) {

            var tempDate = pCompareDate * 1;
            var maxDate  = moment( _this.options.maxDate ).format(pFormat) * 1;

            if( tempDate > maxDate )
                return false;
        }

        return true;
    };

    this.clear            = function() {

        var _this = this;

        _this.$selectorFrom.val('');
        $selectorTo.val('');
        $selectedFrom.empty();
        $selectedTo.empty();
        _this.options.$moment1 = new moment();
        _this.options.$moment2 = new moment().add(1, 'M');
        _this.drawPicker(0);
        $selectedLbFrom.addClass('active');
        $selectedLbTo.removeClass('active');
    };

    // trace('날짜 설정 시작 : ', new Date());

    this.init();

    // trace('날짜 설정 종료 : ', new Date());
}

/************************************************************************************************************************************************************/
// 초기화
/************************************************************************************************************************************************************/
$(document).ready(function() {

    if( !SYS_CD ) return;

    if( typeof USER_SESSION === 'object' && Object.keys(USER_SESSION).length > 0 ) {
        // 메뉴 만들기
        var myForm = new MasterForm("BTMS_FRONT_SCRIPT");

        var bindMenuTag = '';

        var path = window.location.pathname;
        var page = path.split("/").pop();

        // 메뉴,로고바인딩 / OBT인증
        if(SYS_CD == 'BTMS_MOBILE') {

            myForm.send('BRS_BT_WEB_RetrieveMenu', { baRq:'IN_PSET', baRs: 'OUT_LIST', IN_PSET: { SYS_CD: 'BTMS_APP' } }, function(data) {

                var found = data.OUT_LIST.filter(function(cur) {
                    return !cur.PRNT_MENU_CD;
                });

                bindMenuTag += '<ul>';

                found.forEach(function(cur, idx) {

                    bindMenuTag += '<li><a href="javascript:void(0);" role="button" class="depth"><span></span>' + cur.MENU_NM + '</a>';
                    
                    if(isSubMenu(data.OUT_LIST, cur)) {
                        
                        bindMenuTag += '<div class="nav-'+(cur.MENU_LVL * 1 + 1)+'dep" style="display: none;">';

                        createMenu(data.OUT_LIST, cur);

                        bindMenuTag += '</div></div></div>';
                    }

                    bindMenuTag += '</li>';
                });

                bindMenuTag += '</ul>';

                $('.slidemenu-navi .nav-menu .nav-1dep').empty().append(bindMenuTag);
            
                slideMenuBar();
            });

            $("#btnLogoutApp").on('click',function() {
                navigator.pluginPreferences.getString(_dmsSettings.strings.setting, function(data) {
                    _dmsUtil.convStringJson(data).then(function(convData){
    
                        var setting = {
                            lang : convData.lang,
                            deviceNo: convData.deviceNo,
                            accessToken: "",
                            theme: convData.theme
                        };
                        
                        _dmsUtil.convJsonString(setting).then(function(convData){
                            navigator.pluginPreferences.putString(
                                _dmsSettings.strings.setting,
                                convData,
                                function(data){
                                    $('.slidemenu-navi .nav-menu .nav-1dep').empty();
                                    location.href = CONTEXT_PATH + '/mobile/logout.action';
                                },
                                function(v){ 
                                }
                            );
                        });
                    });
                }, function(v) {});
            });

            //모바일 홈 바로가기
            $("#btnHomeAppFooter, #btnHomeAppSlide, #btnHomeAppHeader").on('click',function(){
                fnMovPage_stg('BT_MR_0210', null);
            });

            //짐꾸리기 바로가기
            $("#btnPackFooter, #btnPackSlide").on('click',function(){
                navigator.pluginPreferences.getString(
                    "PACKAGE_ACCESS_LOCATION",
                    function(location){
                        fnMovPage_stg(location,null);
                    }, 
                    function(v){
                        fnMovPage_stg("BT_MC_0040",null);
                    }
                );
            });

            //출장예약 바로가기
            $("#btnObtReserve").on('click',function(){
                var originUrl = $(location).attr('origin');
                var obtUrl = '/obt_mobile/#/home/?accessToken='+ACCESS_TOKEN;

                 //개발용 설정
                if(originUrl.indexOf('dev.redcap.co.kr') >-1 || originUrl.indexOf('test-drive.redcap.co.kr') >-1) {
                    location.href = 'https://btms4.dev-redcap.co.kr' + obtUrl;
                }
                else {
                    location.href = originUrl + obtUrl;
                }
            });
            
            function fnMovPage_stg(strUrl, stgParam) {
                var param = stgParam;
                var objs, value;

                for(var key in param){
                    value = param[key];
                    sessionStorage.setItem(key,JSON.stringify(value));
                }

                $(location).attr('href',strUrl);
            }
        }
        else {
			
			/*
				LES BTMS메뉴 수정(02.21)
			*/
			var btmsWebRoleCd = '';   //BT_GNR_WEB, BT_ADM_WEB, BT_SPA_WEB

			//1096688 : 엘지에너지솔루션
			if(USER_SESSION.BIZ_NO=='1096688'){
						
				trace('BTMS 세션 정보 리스트');
				trace(USER_SESSION);
				
				//임직원 메뉴권한 조회
				trace('BTMS 메뉴권한 조회 시작....');
				myForm.send_sync('BRS_BT_AB_RetrieveCustRole', { baRq: 'IN_PSET', baRs: 'OUT_PSET', 
					IN_PSET: { BIZ_NO: USER_SESSION.BIZ_NO,  CUSTCO_ESMBR_NO: USER_SESSION.CUSTCO_ESMBR_NO} }, function(btmsRslt) {
					
					
					if( btmsRslt && btmsRslt["OUT_PSET"] ) {
						btmsWebRoleCd = btmsRslt.OUT_PSET[0].WEB_ROLE_CD;
					}
					trace('BTMS 메뉴권한 : '+btmsWebRoleCd);
					
				});
				trace('BTMS 메뉴권한 조회 종료....');
			}
				
			
			
            // 메뉴설정
            myForm.send('BRS_BT_WEB_RetrieveMenu', { baRq: 'IN_PSET', baRs: 'OUT_LIST', IN_PSET: { SYS_CD: 'BTMS_WEB' } }, function(data) {
				trace('메뉴설정 시작....');
				
                var found = data.OUT_LIST.filter(function(cur) {
                    return !cur.PRNT_MENU_CD;
                });
    
                bindMenuTag += '<ul>';
    
                found.forEach(function(cur, idx) {
                    
                    //bindMenuTag += '<li big-menu><a href="javascript:void(0);"><span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu0' + ( idx + 1 ) + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';

                    bindMenuTag += '<li big-menu><a href="javascript:void(0);">'
                        if(cur.MENU_CD=='BWC100010') { //출자예약 - BWC100010
                            //bindMenuTag += '<span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu0' + ( idx + 1 ) + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';
                            bindMenuTag += '<span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu01' + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';
                        } else if(cur.MENU_CD=='BWC100020') { //품의정보 - BWC100020
                            bindMenuTag += '<span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu02' + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';
                        } else if(cur.MENU_CD=='BWC100030') { //출장지정보 - BWC100030
                            bindMenuTag += '<span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu03' + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';
                        } else if(cur.MENU_CD=='BWC100040') { //정산관리 - BWC100040
                            bindMenuTag += '<span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu04' + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';
                        } else if(cur.MENU_CD=='BWC100050') { //출장관리 - BWC100050
                            bindMenuTag += '<span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu05' + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';   
                        } else if(cur.MENU_CD=='BWC100060') { //마이페이지 - BWC100060
                            bindMenuTag += '<span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu06' + '.png" alt=""></span><strong>' + cur.MENU_NM + '</strong></a>';
                        }     
                    
                    if(isSubMenu(data.OUT_LIST, cur)) {

                        bindMenuTag += '<div class="depth-menu" style="display: none;">' +
                                            '<div class="depth-inner">' +
                                                '<div class="depth' + (cur.MENU_LVL * 1 + 1) + '">';
    
                        createMenu(data.OUT_LIST, cur);
    
                        bindMenuTag += '</div></div></div>';
                    }
    
                    bindMenuTag += '</li>';
                    
					
					/*
					*	LES BTMS메뉴 수정(02.21)
                    *   홍보사항 추가(04.12.31)
					*/
					if(USER_SESSION.BIZ_NO=='1096688'){
						
						//BWC100010:출장예약 아래 메뉴 지정
						if(btmsWebRoleCd=='BT_GNR_WEB' && cur.MENU_CD=='BWC100010'){
								
							//bindMenuTag += '<li big-menu=""><a href="/page/BT_WC_0271"><span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu99.png" alt=""></span><strong>출장안내</strong></a></li>';
							bindMenuTag += '<li big-menu=""><a href="/page/BT_WC_0271"><span><img src="/static-pc/btms/img/layout/snb_menu99.png" alt=""></span><strong>출장안내</strong></a></li>';
                            bindMenuTag += '<li big-menu=""><a href="/page/BT_WC_0723"><span><img src="/static-pc/btms/img/layout/snb_menu88.png" alt=""></span><strong>홍보사항</strong></a></li>';
						}
						if((btmsWebRoleCd=='BT_ADM_WEB' || btmsWebRoleCd=='BT_SPA_WEB') && cur.MENU_CD=='BWC100010'){
								
							//bindMenuTag += '<li big-menu=""><a href="/page/BT_WC_0271"><span><img src="' + STATIC_CDN_PATH + '/btms/img/layout/snb_menu99.png" alt=""></span><strong>출장안내</strong></a></li>';
							bindMenuTag += '<li big-menu=""><a href="/page/BT_WC_0271"><span><img src="/static-pc/btms/img/layout/snb_menu99.png" alt=""></span><strong>출장안내</strong></a></li>';
                            bindMenuTag += '<li big-menu=""><a href="/page/BT_WC_0723"><span><img src="/static-pc/btms/img/layout/snb_menu88.png" alt=""></span><strong>홍보사항</strong></a></li>';
						}
						
					}
					
					
                    
                });
                

				
    
                bindMenuTag += '</ul>';
    
                $('.snb .snb-nav').empty().append(bindMenuTag);

                $('[page-cd="' + page + '"]').closest('[big-menu]').addClass('on');
    
                snb();
				
				
				trace('메뉴설정 종료....');
            });

            // BTMS로고
            $('#btmsLogo').on('click', function() {
                if( USER_SESSION.BKN_CNT * 1 > 0 ) {
                    location.href = 'BT_WC_0390';
                }
                else {
                    location.href = 'BT_WC_0480';
                }
            });

            // 고객사로고설정
            if( USER_SESSION.CUSTCO_LOGO_FILE_ID ) {
                $('.header .logo').empty().append('<img src="' + CONTEXT_PATH + '/attach/download/' + USER_SESSION.CUSTCO_LOGO_FILE_ID + '" alt="' + USER_SESSION.BIZ_NM + '">');
            }
            else {
                $('.header .logo').empty();
            }

            // 공지사항(팝업)
            // 간편예약/Door to Door화면,예약후화면에서만 공지사항을 보여준다.
            if( page == 'BT_WC_0390' || page == 'BT_WC_0480' ) {
                
                myForm.send('BRS_BT_WEB_RetrieveNtcPopup', { baRq:'IN_PSET', baRs: 'OUT_PSET,OUT_PSET1', IN_PSET: { BBS_SE_CD: 'NOTICE', SYS_CD: 'BTMS_WEB' } }, function(data) {
                    
                    var hidePopups = JSON.parse(localStorage["hidePopups"] || JSON.stringify([]));

                    data.OUT_PSET.forEach(function(cur) {

                        var isPopup = hidePopups.find(function(popup) {
                            return popup == cur.PST_SEQ
                        });

                        if(!isPopup)
                            window.open('BT_WC_0200?FROM=H&PST_SEQ=' + cur.PST_SEQ + '', '_blank', 'resizable=yes, scrollbars=yes, titlebar=yes, toolbar=no, width=1050, height=500');
                    });
                });
            }
			
			
			/*
				LES BTMS메뉴 수정(02.21)
			*/
			if(USER_SESSION.BIZ_NO=='1096688'){

				// 출장매뉴얼 공지사항(팝업)
				// 간편예약/Door to Door화면,예약후화면에서만 공지사항을 보여준다.
				if( page == 'BT_WC_0390' || page == 'BT_WC_0480' ) {
					
					myForm.send('BRS_BT_WEB_RetrieveNtcPopup', { baRq:'IN_PSET', baRs: 'OUT_PSET,OUT_PSET1', IN_PSET: { BBS_SE_CD: 'BIZ_TR_MNL', SYS_CD: 'BTMS_WEB' } }, function(data) {
						
						var hidePopups = JSON.parse(localStorage["hidePopups"] || JSON.stringify([]));

						data.OUT_PSET.forEach(function(cur) {

							var isPopup = hidePopups.find(function(popup) {
								return popup == cur.PST_SEQ
							});

							if(!isPopup)
								window.open('BT_WC_0201?FROM=H&PST_SEQ=' + cur.PST_SEQ + '', '_blank', 'resizable=yes, scrollbars=yes, titlebar=yes, toolbar=no, width=1050, height=500');
						});
					});

                    //홍보사항  (팝업)
                    myForm.send('BRS_BT_WEB_RetrieveNtcPopup', { baRq:'IN_PSET', baRs: 'OUT_PSET,OUT_PSET1', IN_PSET: { BBS_SE_CD: 'PROMO_INFO', SYS_CD: 'BTMS_WEB' } }, function(data) {
                        
                        var hidePopups = JSON.parse(localStorage["hidePopups"] || JSON.stringify([]));

                        data.OUT_PSET.forEach(function(cur) {

                            var isPopup = hidePopups.find(function(popup) {
                                return popup == cur.PST_SEQ
                            });

                            if(!isPopup)
                                window.open('BT_WC_0202?FROM=H&PST_SEQ=' + cur.PST_SEQ + '', '_blank', 'resizable=yes, scrollbars=yes, titlebar=yes, toolbar=no, width=1050, height=500');
                        });
                    });

				}
				
			}
				

            // 패밀리사이트
        }

        function createMenu(pAllData, pUpData) {

            var found = pAllData.filter(function(cur) {
                return cur.PRNT_MENU_CD == pUpData.MENU_CD;
            });
        
            if( found.length > 0 ) bindMenuTag += '<ul>';
        
            found.forEach(function(cur) {

                var isChildMenu = isSubMenu(pAllData, cur);
                
                bindMenuTag += '<li>' +
                               '    <a href="' + ( cur.PAGE_CD ? cur.PAGE_CD : 'javascript:void(0);' ) + '" role="button" page-cd="' + cur.PAGE_CD + '"><span>' + cur.MENU_NM + '</span></a>' + ( (isChildMenu && SYS_CD =='BTMS_WEB') ? '<button type="button" class="btn" aria-expanded="false"><span>메뉴펼치기</span></button>' : '' ) ;
                
                // 하위메뉴 존재시 실행
                if(isChildMenu) {

                    if(SYS_CD == 'BTMS_MOBILE') {
                        bindMenuTag += '<div class="nav-' + (cur.MENU_LVL * 1 + 1) + 'dep" style="display: none;">';
                    }
                    else {
                        bindMenuTag += '<div class="depth' + (cur.MENU_LVL * 1 + 1) + '">';
                    }

                    createMenu(pAllData, cur);
                    bindMenuTag += '</div>';
                }

                bindMenuTag += '</li>';
            });
        
            if( found.length > 0 ) bindMenuTag += '</ul>';
        }

        function isSubMenu(pAllData, pUpData) {

            var found = pAllData.find(function(cur) {
                return ( cur.PRNT_MENU_CD == pUpData.MENU_CD );
            });

            return ( found ? true : false );
        }
        
        // 사용자정보 바인딩
        if($('.user').length > 0) {

            if(SYS_CD == 'BTMS_MOBILE') {
                if(USER_SESSION && USER_SESSION.CUSTCO_ESMBR_NM) {
                    $('#beforeLogin').hide();
                    $('#afterLogin').show();
                    $('#loginUserId').text(USER_SESSION.CUSTCO_ESMBR_NM);
                } 
                else {
                    $('#afterLogin').hide();
                    $('#beforeLogin').show();
                }
            }
            else {

                var bindTag =   '<a href="javascript:void(0);" aria-haspopup="true" aria-expanded="false"><strong>' + ( USER_SESSION && USER_SESSION.CUSTCO_ESMBR_NM ? USER_SESSION.CUSTCO_ESMBR_NM : '' ) + '</strong></a>' +
                                '<div class="popup-util" style="display: none;">' +
                                '    <div class="popup-util-inner">' +
                                '        <div class="info">' +
                                '            <strong class="tit">' + USER_SESSION.CUSTCO_ESMBR_NM + '</strong>' +
                                '            <p class="txt">' + USER_SESSION.CUSTCO_DEPT_NM + '</p>' +
                                '        </div>' +
                                '        <a href="' + CONTEXT_PATH + '/logout.action" role="button" class="logout" id="btnLogout"><span>Sign-out</span></a>' +
                                '    </div>' +
                                '</div>';
                
                $('.user').empty().append(bindTag);

                utilPopup();

                // 메뉴삭제
                $('.menu').empty();
            }
        }
        
        // 전역이벤트처리
        if(SYS_CD == 'BTMS_WEB') {

            $(document).off('mouseup');           // 퓨즈에서 적용한 이벤트 제거
            $(window).mouseup(function(e) {

                var isAllLayerHide = true;

                $('[data-control], [data-control-layer]').each(function() {

                    if( $(this).is($(e.target)) || $(this).has($(e.target)).length > 0)
                        isAllLayerHide = false;
                });

                if(isAllLayerHide)
                    hideLayers();
            });

            $(window).on('scroll', function(event) {

                var controlLayer = $('[data-control-layer]:visible');    // 활성화된 컨트롤레이어를 찾음

                if(controlLayer.length > 0) {

                    var areaName    = controlLayer.attr('data-area-name');
                    var controlName = controlLayer.attr('data-control-name');

                    var el = $('[data-area="' + areaName + '"] [name="' + controlName + '"]').get(0);

                    var rect = el.getBoundingClientRect();

                    var x = rect.left + ( window.scrollX || window.pageXOffset );
                    var y = rect.top  + ( window.scrollY || window.pageYOffset );

                    $('[data-area="' + areaName + '"] [name="' + controlName + '"]').css('top' , x + 'px');
                    $('[data-area="' + areaName + '"] [name="' + controlName + '"]').css('left', y + 'px');
                }
            });
        }

        // BTMS화면 호출시 공통영역(header, snb, footer)을 숨김처리를 위함
        if(SYS_CD == 'BTMS_WEB') {

            if( !sessionStorage.getItem('hideCmnArea') && btUtil.getParam('hideCmnArea') ) {
                sessionStorage.setItem('hideCmnArea', btUtil.getParam('hideCmnArea'));
            }

            var hideCmnArea = sessionStorage.getItem('hideCmnArea');

            if(hideCmnArea) {
                $('div.header').remove();
                $('div.snb').remove();
                $('div.footer').remove();
            }
        }

        // OBT사용자키가 없거나 엑세스토큰값이 변경되었을 경우 OBT인증
        if( !sessionStorage.getItem('OBT_USER_KEY') || ACCESS_TOKEN != sessionStorage.getItem('OBT_REQ_ACCESS_TOKEN') ) {
            // OBT인증
            if( SYS_CD == 'BTMS_MOBILE' ) {
            	obtMobile.getInfo();
            } else {
            	obt.getInfo();
            }
        }
    }
});