@import url(reset.css);
@import url(header.css);
@import url(contents.css);
@import url(admin.css);
@import url(admin2.css);
@import url(adminVersion.css);

.admin .nv_container{
    float: left;
    width:100%;
    padding-left: 320px;
    box-sizing: border-box;
    min-height: 100vh;
}
@media screen and (max-width:1400px){.admin .nv_container{padding-left: 0; min-height: inherit;}}

    /***** 탑 *****/
    .admin .nv_container .nv_top{
        overflow: hidden;
        height: 80px;
        border-bottom: 2px solid #b7b7b7;
    }
    /*** 리본바 ***/
    .admin .nv_container .nv_top .nv_reborn{float: left; padding-left: 39px;}
    .admin .nv_container .nv_top .nv_reborn li{float: left; line-height: 80px;}
    .admin .nv_container .nv_top .nv_reborn li a{
            padding:0 22px 0 17px;
            background: url(../images/reborn_arrow.png) right center no-repeat;
        }
        .admin .nv_container .nv_top .nv_reborn li:first-of-type a{padding-left: 0;}
        .admin .nv_container .nv_top .nv_reborn li:last-of-type a{padding-right: 0; background:none;}

    @media screen and (max-width:1400px){.nv_container .nv_top{display: none;}}

    /*** 로그인 문구 ***/
    .admin .nv_container .nv_top .nv_login_info_pc{float: right; line-height: 80px;}
    .admin .nv_container .nv_top .nv_login_info_pc p{float: left;}
    .admin .nv_container .nv_top .nv_login_info_pc button{
            float: left;
            width:90px;
            margin:22.5px 20px 22.5px 22px;
        }

        .admin .nv_contents_wrap{
            /*min-height: calc(100vh - 102px);*/
            /*background:#e1e1e1;*/
            padding:10px;
            box-sizing: border-box;
        }

    @media screen and (max-width:1400px){.admin .nv_contents_wrap{ min-height: calc(100vh - 100px);}}
        @media screen and (max-width:1280px){.admin .nv_contents_wrap{background: #fff;}}

            /**** 컨텐츠영역 ****/
            .admin .nv_contents{background:#fff; overflow: hidden;}
            @media screen and (min-width:1281px){
                .admin .nv_contents{border-bottom: 2px solid #b7b7b7; min-height: calc(100vh - 218px);}
            }
            @media screen and (max-width:1400px){.admin .nv_contents{min-height: calc(100vh - 125px);}}

                /** 컨텐츠 타이틀 **/
                .admin .nv_contents .nv_contents_header{
                    float: left;
                    width:100%;
                    height: 70px;
                    border-bottom: 1px solid #e1e1e1;
                    box-sizing: border-box;
                }
                .admin .nv_contents .nv_contents_header h4{
                        padding-left: 23px;
                        line-height: 70px;
                        font-size: 20px;
                        font-weight: 800;
                    }
                    .admin .nv_contents .nv_contents_main_header{
                    height: 80px;
                    border-bottom: 1px solid #e1e1e1;
                    box-sizing: border-box;
                    text-align: center;
                }
                .admin .nv_contents .nv_contents_main_header h4{
                        font-size: 24px;
                        line-height: 80px;
                        font-weight: 800;
                }
                .admin .nv_tablebox .nv_table_tit div{
                    float:right;
                }
                .admin .nv_table_tit{
                    float: left;
                    width:100%; height: 60px;
                    padding:0 20px; margin-top:25px;
                    box-sizing: border-box;
                }
                .admin .nv_table_tit h4{
                        float: left;
                        padding-left: 20px;
                        font-size: 16px;
                        background: url(../images/table_tit_icon.png) left center no-repeat;
                        line-height: 60px;
                    }
                    .admin .nv_table_tit .btn_area{float: right;}
                    .admin .nv_table_tit .btn_area button{
                            margin-top:12.5px;
                        }
                        .admin .up_icon_btn{
                            padding-left: 30px;
                            background: url(../images/icon_upload.png) 10px center no-repeat, #00a99d;
                        }
                        .admin .add_icon_btn{
                            padding-left: 30px;
                            background: url(../images/icon_add.png) 10px center no-repeat, #3280ff;
                        }
                        .admin .down_icon_btn{
                            padding-left: 30px;
                            background: url(../images/icon_down.png) 10px center no-repeat, #00a99d;
                        }
                        .admin .delete_icon_btn{
                            padding-left: 30px;
                            background: url(../images/icon_delete.png) 10px center no-repeat, #e52250;
                        }
                        .admin .reset_icon_btn{
                            padding-left: 30px;
                            background: url(../images/icon_reset.png) 10px center no-repeat, #00a99d;
                        }
                        .admin .btn_left{float: left; padding: 25px 20px;}
                        .admin .btn_left button + button{margin-left: 8px;}
                        .admin .btn_right{float: right; padding: 25px 20px;}
                        .admin .btn_right button + button{margin-left: 8px;}


                /** 컨텐츠 검색 영역 **/
                .admin .nv_contents .nv_contents_search{
                    float: right;
                    height: 85px;
                    padding:25px 20px;
                    box-sizing: border-box;
                }
                    /** 셀렉트 박스 **/
                    .admin .nv_contents_search .nv_select_box{position: relative; float: left;}
                    .admin .nv_select_box p{
                            width:200px; height: 35px;
                            padding-left: 12px;
                            font-size: 13px;
                            line-height: 35px;
                            border:1px solid #e1e1e1;
                            border-radius: 5px;
                            box-sizing: border-box;
                            background:url(../images/select_arrow.png) right center no-repeat;
                            cursor: pointer;
                        }
                        .admin .nv_select_box ul{
                            position: absolute;
                            top:35px; left:0;
                            width:100%; max-height: 0;
                            border-radius: 5px;
                            overflow: hidden;
                            cursor: pointer;
                            transition-duration: 0.3s;
                        }
                        .admin .nv_select_box ul.on{max-height: 100px; overflow: auto;}

                        .admin .nv_select_box ul li{
                                line-height: 35px;
                                background: #e1e1e1;
                                width:100%;
                                font-size: 13px;
                                padding:0 10px;
                                box-sizing: border-box;
                            }
                            .admin .nv_select_box ul.on1{max-height: 70px; overflow: auto;}

                            .admin .nv_select_box ul li{
                                line-height: 35px;
                                background: #e1e1e1;
                                width:100%;
                                font-size: 13px;
                                padding:0 10px;
                                box-sizing: border-box;
                            }

                    /** 검색 **/
                    .admin .nv_contents_search .nv_search_box{
                        float: left;
                        overflow: hidden;
                        margin-left: 10px;
                        width:210px; height: 35px;
                        font-size: 13px;
                        border:1px solid #e1e1e1;
                        border-radius: 5px;
                        box-sizing: border-box;
                    }
                    .admin .nv_search_box .nv_input{
                            float: left;
                            width:162px; height: 33px;
                            padding-left: 10px;
                            box-sizing: border-box;
                            border: none;
                        }

                        .admin .nv_search_box .nv_search_icon{
                            float: left;
                            width:35px; height: 33px;
                            border:none;
                            text-indent: -6000px;
                            cursor: pointer;
                            background:url(../images/search_icon.png) right center no-repeat;
                        }

                        /** 기간 선택 **/
                        .admin .nv_contents_search .nv_date_box{float: left; width:470px;}
                        /*.admin .nv_contents_search .nv_date_box{float: left;}*/
                        .admin .nv_contents_search .nv_date_box>div{float: left;}
                        .admin .nv_contents_search .nv_date_box span{
                                float: left;
                                display: inline-block;
                                padding:0 10px;
                                line-height: 35px;
                                box-sizing: border-box;
                            }
                            .admin .nv_contents_search .nv_date_box span.icon_date{
                                width:32px;
                                text-indent: -6000px;
                                background:url(../images/icon_date.png) left center no-repeat;
                            }
                            .admin .nv_contents_search .nv_date_box .nv_input{float: left; max-width: 200px;}

                /** 테이블 영역 **/
                @media screen and (min-width:1281px){
                    .admin .nv_table_box{
                        float: left;
                        width:100%;
                        padding:0 20px;
                        box-sizing: border-box;
                    }
                }
                .admin .nv_table{
                        width:100%;
                        line-height: 1.8;
                        border-top:2px solid #3280ff;
                    }
                    .admin .nv_table thead th{padding:10px 0; background:#eee; word-break: keep-all;}
                    .admin .nv_hidden_table th{padding:10px 0; background:#eee; word-break: keep-all;}
                    .admin .nv_table tbody td{
                            padding:10px;
                            border-bottom: 1px solid #eee;
                            box-sizing: border-box;
                            word-break: keep-all;
                        }

                        .admin dl.nv_dl_table{
                        float: left;
                        width:100%;
                        line-height: 1.8;
                        border-top:2px solid #3280ff;
                    }
                    .admin .nv_dl_table dt{
                            float: left;
                            width:16.6%; height: 56px;
                            font-weight: bold;
                            text-align: center;
                            line-height: 56px;
                            border-bottom: 1px solid #eee;
                            box-sizing: border-box;
                        }
                        .admin .nv_dl_table dd{
                            float: left;
                            width:33%; height: 56px;
                            padding:10px 0;
                            border-bottom: 1px solid #eee;
                            box-sizing: border-box;
                        }
                        .admin .nv_dl_table dt#customHeight {
                            height: 80px;
                        }
                        .admin .nv_dl_table dd#customHeight {
                            height: 80px;
                        }
                        .admin .nv_select_checkbox label{
                            margin:10px 3% 10px 1%;
                        }
                        .admin .nv_dl_table dd.nv_dd_full{width:83.3%;}
                        .admin .nv_dl_table dd.nv_dd_half{width:33%;}
                        .admin .nv_table_box .nv_select_box,
                        .admin .nv_dl_table dd .nv_select_box{
                            position: relative;
                            display: inline-block;
                        }
                        .admin .nv_dl_table dd .nv_select_box p,
                        .admin .nv_dl_table dd .nv_select_box li,
                        .admin .nv_table_box .nv_select_box p,
                        .admin .nv_table_box .nv_select_box li{text-align: left;}

                        /** 연락처 **/
                        .admin .nv_phone_area{}
                        .admin .nv_phone_area .nv_select_box{
                                position: relative;
                                display: inline-block;
                                width:80px;
                            }
                            .admin .nv_phone_area .nv_select_box p{width:100%; text-align: left;}
                            .admin .nv_phone_area .nv_select_box li{text-align: left;}
                            .admin .nv_phone_area span{display: inline-block; width:18px; text-align: center;}
                            .admin .nv_phone_area .nv_input{width:80px; display: inline-block;}

                        /** 기간 **/
                        .admin .nv_date span{display: inline-block; width:18px; text-align: center;}
                        
                        /** 교육컨텐츠 셀렉 박스 영역 **/
                        .admin .nv_contents_select_box{padding:25px 20px;}
                        .admin .nv_contents_select_box .nv_select_box{
                                display: inline-block;
                                margin-right: 8px;
                                position: relative;
                            }
                            .admin .nv_contents_select_box .delete_icon_btn{float: right;}

                        /** 체크박스 영역 **/
                        .admin .nv_dl_table .nv_check_area{padding:0;}
                        .admin .nv_check_area input[type=checkbox]{display: none;}
                        .admin .nv_check_area input[type=checkbox] + label{
                                display: inline-block;
                                margin-right: 40px;
                                padding-left: 25px;
                                line-height: 56px;
                                background: url(../images/check_off.png) left center no-repeat;
                                cursor: pointer;
                            }
                            .admin .nv_check_area input[type=checkbox] + label:last-of-type{margin-right: 0;}
                            .admin .nv_check_area input[type=checkbox]:checked + label{
                                background: url(../images/check_on.png) left center no-repeat;
                            }
                            .admin .nv_gray_check input[type=checkbox]{display: none;}
                            .admin .nv_gray_check input[type=checkbox] + label{
                                display: inline-block;
                                margin-right: 40px;
                                padding-left: 25px;
                                line-height: 15px;
                                text-indent: -6000px;
                                background: url(../images/check_gray_off.png) left center no-repeat;
                                cursor: pointer;
                            }
                            .admin .nv_gray_check input[type=checkbox] + label:last-of-type{margin-right: 0;}
                            .admin .nv_gray_check input[type=checkbox]:checked + label{
                                background: url(../images/check_gray_on.png) left center no-repeat;
                            }
                            .admin .dev_custom_car_no input[type=checkbox]{display: none;}
                            .admin .dev_custom_car_no input[type=checkbox] + label{
                                margin-right: 20px;
                                padding-left: 25px;
                                line-height: 15px;
                                text-indent: -6000px;
                                background: url(../images/check_gray_off.png) left center no-repeat;
                                cursor: pointer;
                            }
                            .admin .dev_custom_car_no input[type=checkbox] + label:last-of-type{margin-right: 0;}
                            .admin .dev_custom_car_no input[type=checkbox]:checked + label{
                                background: url(../images/check_gray_on.png) left center no-repeat;
                            }

                    /** 페이지넘버 **/
                    .admin .nv_table_pagenum{}
                    .admin .nv_table_pagenum ul{
                            text-align: center;
                            margin-top:30px;
                            margin-bottom: 50px;
                        }
                        .admin .nv_table_pagenum ul li{
                                display: inline-block;
                                width:30px; height: 30px;
                                font-size: 13px;
                                line-height: 30px;
                                border:1px solid #eee;
                                border-radius: 5px;
                                box-sizing: border-box;
                                cursor: pointer;
                            }
                            .admin .nv_table_pagenum ul li.on{
                                color: #fff;
                                border:none;
                                background:#3280ff;
                            }

                            .admin .nv_table_pagenum ul li.first{
                                text-indent: -6000px;
                                background: url(../images/page_first.png) center center no-repeat;
                            }

                            .admin .nv_table_pagenum ul li.prev{
                                text-indent: -6000px;
                                background: url(../images/page_prev.png) center center no-repeat;
                            }

                            .admin .nv_table_pagenum ul li.next{
                                text-indent: -6000px;
                                background: url(../images/page_next.png) center center no-repeat;
                            }

                            .admin .nv_table_pagenum ul li.last{
                                text-indent: -6000px;
                                background: url(../images/page_last.png) center center no-repeat;
                            }

                /******************************

                            Mobile

                ******************************/
                @media screen and (max-width:1280px){
                    /** 컨텐츠 타이틀 **/
                    .admin .nv_contents .nv_contents_header{height: 45px;}
                    .admin .nv_contents .nv_contents_header h4{
                            padding-left: 10px;
                            line-height: 45px;
                            font-size: 13px;
                        }
                        .admin .nv_contents .nv_contents_main_header{height: 55px;}
                        .admin .nv_contents .nv_contents_main_header h4{font-size: 15px; line-height: 55px;}
                    
                        .admin .nv_table_tit{
                        float: left;
                        width:100%; height: 40px;
                        padding:0; margin-top:15px;
                    }
                    .admin .nv_table_tit h4{
                            padding-left: 15px;
                            font-size: 13px;
                            line-height: 40px;
                            background: url(../images/table_tit_icon.png) 2px center no-repeat;
                            background-size: 7px;
                        }
                        .admin .nv_table_tit .btn_area button{
                            height: 30px;
                            margin-top:5px;
                            margin-right: 5px;
                        }
                        .admin .up_icon_btn{
                            padding-left: 22px;
                            padding-right: 7px;
                            background: url(../images/icon_upload.png) 8px center no-repeat, #00a99d;
                            background-size: 10px;
                        }
                        .admin .down_icon_btn{
                            padding-left: 22px;
                            padding-right: 7px;
                            background: url(../images/icon_down.png) 8px center no-repeat, #00a99d;
                            background-size: 10px;
                        }
                        .admin .add_icon_btn{
                            padding-left: 22px;
                            padding-right: 7px;
                            background: url(../images/icon_add.png) 8px center no-repeat, #3280ff;
                            background-size: 10px;
                        }
                        .admin .delete_icon_btn{
                            padding-left: 22px;
                            padding-right: 7px;
                            background: url(../images/icon_delete.png) 8px center no-repeat, #e52250;
                            background-size: 10px;
                        }
                        .admin .reset_icon_btn{
                            padding-left: 22px;
                            padding-right: 7px;
                            background: url(../images/icon_reset.png) 8px center no-repeat, #00a99d;
                            background-size: 10px;
                        }
                    
                        .admin .btn_left{float: left; padding: 15px 0;}
                        .admin .btn_right{float: right; padding: 15px 0;}
                        .admin .nv_m_btn_area{overflow: hidden; margin-top:10px;}
                        .admin .nv_m_btn_area .left{float: left;}
                        .admin .nv_m_btn_area .right{float: right;}
                    
                    /** 컨텐츠 검색 영역 **/
                    .admin .nv_contents .nv_contents_search{
                        float: right;
                        width: 100%;
                        height: 60px;
                        padding:15px 0;
                        box-sizing: border-box;
                    }
                        /** 셀렉트 박스 **/
                        .admin .nv_select_box {
                            width: 25%;
                        }
                        .admin .nv_select_box p{
                            width:100%; height: 30px;
                            line-height: 30px;
                            font-size: 10px;
                        }
                        .admin .nv_select_box ul{top:30px;}
                        .admin .nv_select_box ul li{line-height: 30px; font-size: 10px;}

                        /** 검색 **/
                        .admin .nv_contents_search{
                            width: 40%;
                        }
                        .admin .nv_contents_search .nv_search_box{width:30%; height: 30px;}
                        .admin .nv_search_box .nv_input{height: 28px; width: 100%; font-size: 10px;}
                        .admin .nv_search_box .nv_search_icon{
                                height: 28px;
                                width:30px; 
                                background:url(../images/search_icon.png) 8px center no-repeat;
                                background-size: 80%;
                            }

                        /** 기간 선택 **/
                        .admin .nv_contents_search .nv_date_box{float: left;width:310px;}
                        .admin .nv_contents_search .nv_date_box span{
                                float: left;
                                display: inline-block;
                                padding:0 10px;
                                line-height: 30px;
                                box-sizing: border-box;
                            }
                            .admin .nv_contents_search .nv_date_box span.icon_date{
                                width:32px;
                                text-indent: -6000px;
                                background:url(../images/icon_date.png) left center no-repeat;
                            }
                            .admin .nv_contents_search .nv_date_box .nv_input{float: left; max-width: 120px;}
                    
                        /******* 테이블 영역 *******/
                        .admin .nv_table thead th, 
                        .admin .nv_table tbody td{font-size: 10px;}
                        .admin .nv_table tbody td{padding:5px 10px;}
                        .admin .nv_table .width_50{width:50px; padding:0;}

                        .admin .nv_dl_table dt{
                            width:25%; height: 51px;
                            line-height: 51px;
                            font-size: 10px;
                        }
                        .admin .nv_dl_table dd{width:75%; height: 51px;}
                        .admin .nv_dl_table dd.nv_dd_full{width:75%;}
                        .admin .nv_dl_table dd.nv_dd_half{width:25%;}
                        .admin .nv_dl_table dd .nv_input{padding:0 5px;}
                        .admin .nv_dl_table dd .max_150{max-width: 80px;}
                        .admin .nv_dl_table dd .max_200{max-width: 120px;}
                        .admin .nv_dl_table dd .max_400{max-width: 200px;}
                        .admin .nv_dl_table dd .nv_input + button{height: 30px;}
                        .admin .nv_dl_table dd .nv_select_box{max-width: 120px;}
                    
                        /** 연락처 **/
                        .admin .nv_phone_area{}
                        .admin .nv_phone_area .nv_select_box{width:60px;}
                        .admin .nv_phone_area span{width:10px;}
                        .admin .nv_phone_area .nv_input{width:50px;}

                        /** 기간 **/
                        .admin .nv_date span{width:10px;}
                        .admin .nv_date .nv_input{width:90px;}

                        /** 체크박스 영역 **/
                        .admin .nv_check_area input[type=checkbox] + label{
                                margin-right: 10px;
                                padding-left: 13px;
                                font-size: 10px;
                                line-height: 51px;
                                background-size: 10px;
                            }
                            .admin .nv_check_area input[type=checkbox]:checked + label{background-size: 10px;}
                    
                        /** 이중 테이블 영역 **/
                        .admin .nv_table tbody td.nv_hidden_table_area{
                            display: none;
                            padding:0;
                            border-bottom: none;
                        }
                        .admin .nv_table tbody td.nv_hidden_table_area.on{display: table-cell;}
                        .admin .nv_hidden_table_area .nv_hidden_table{
                                width:100%;
                                /* text-align: left;
                                background: #f7f7f7; */
                            }
                            .admin .nv_hidden_table_area .nv_hidden_table td{
                                    padding:7px 0 7px 10px;
                                    line-height: 1.5;
                                }
                                .admin .nv_hidden_table_area .nv_hidden_table td.nv_bold{font-weight: 800;}
                                .admin .nv_hidden_table_area .nv_select_box{background: #fff;}
                    
                        /** 이중 테이블 영역2 **/
                        .admin .nv_hidden_table_type2{}
                        .admin .nv_hidden_table_type2 thead th{height: 30px; padding:0 10px;}
                        .admin .nv_hidden_table_type2 thead .table_delete_btn{
                            display: inline-block;
                            width:11px; height: 11px;
                            text-indent: -6000px;
                            color: transparent;
                            background:url(../images/table_delete_btn.png) center center no-repeat;
                        }
                        .admin .nv_hidden_table_type2 tbody td{padding:5px 0;}
                    
                        /** 페이지넘버 **/
                        .admin .nv_table_pagenum ul{
                            margin-top:20px;
                            margin-bottom: 30px;
                        }
                        .admin .nv_table_pagenum ul li{
                                width:25px; height: 25px;
                                font-size: 10px;
                                line-height: 25px;
                            }

                }
                @media screen and (max-width:1400px){
                    /** 푸터 **/
                    .admin .nv_footer{
                        display: block;
                        float: left;
                        width:100%; height: 50px;
                        text-align: center;
                        line-height: 50px;
                        font-size: 10px;
                        color: #aaa;
                        background: #eee;
                    }
                    .admin .nv_footer address{font-style: normal;}
                }
                @media screen and (max-width:767px){
                    .admin .btn_left{
                        overflow: hidden;
                        width:30%;
                        padding:15px 0 0 0;
                    }
                    .admin .btn_right{
                        overflow: hidden;
                        width:30%;
                        padding:15px 0 0 0;
                    }
                    .admin .m_tit{
                            display:none;
                            float: left;
                            width: 25%;
                            line-height: 30px;
                            text-align: center;
                            margin:5px 0;
                        }
                        .admin .btn_left button{margin:5px 0;}
                        .admin .btn_right button{margin:5px 0;}
                        .admin .nv_contents .nv_contents_search_type2{
                        width:100%; height: auto;
                        padding:0;
                    }
                    .admin .nv_contents_search_type2 .nv_date_box{width:100%; margin:5px 0;}
                    .admin .nv_contents_search_type2 .nv_date_box .icon_date{display: none;}
                    /* .admin .nv_contents_search_type2 .nv_date_box .nv_input{width:45%; max-width:90px;} */
                    .admin .nv_contents_search_type2 .nv_date_box .nv_input{width:100%; max-width:90px;}
                    .admin .nv_contents_search_type2 .nv_date_box span{width:10%; padding:0; text-align: center; max-width:15px;}
                    .admin .nv_contents_search_type2 .nv_select_box{
                            width:35%;
                            max-width:90px;
                            margin:5px 15px 15px 0;
                         }
                         .admin .nv_contents_search_type2 .nv_select_box p{width:100%;}
                         .admin .nv_contents_search_type2 .nv_search_box{
                            width:35%;
                            max-width:90px;
                            margin:5px 10px 15px 0;
                         }
                         .admin .nv_dl_table .nv_double_select .nv_select_box{max-width:90px;}
                         .admin .nv_dl_table .nv_double_select .nv_select_box + .nv_select_box{margin-left: 3px;}
                         .admin .nv_dl_table .nv_double_select .nv_select_box p{max-width:90px;}
                }

/********** 모달창 **********/

.admin .nv_modal{
    position: fixed;
    display: none;
    left:0; top:0; bottom:0; right: 0;
    background:rgba(0,0,0,0.3);
    z-index: 500;
}
.admin #noticeModal .nv_modal_container {
    top: 40%;
    max-width: 60%;
    max-height: 80%;
    overflow: scroll;
}
.admin #noticeModal img {
    width: 100%;
}
.admin .nv_map_modal .nv_modal_container {
    top: 40%;
    max-width: 1200px;
}
.admin .nv_map_modal .nv_modal_container img {
    width: 100%;
}
.admin .nv_modal.on{ display: block;}
.admin .nv_modal_container{
        position: relative;
        top:50%;
        overflow: hidden;
        width:90%; max-width: 500px;
        box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
        margin:-290px auto 0;
        border-radius: 5px;
        background: #fff;
    }
    .admin .questionModal .nv_modal_container {
        max-width: 1000px;
    }
    .admin .questionModal table td.gray {
        background: #eee;
    }
    .admin .questionModal .input_area li {
        float: left;
        width: 33.3%;
    }
    .admin .questionModal .input_area li span {
        display: inline-block;
        float: left;
        width: 10%;
        line-height: 30px;
        text-align: center;
    }
    .admin .questionModal .input_area li .nv_input {
        float: left;
        max-width: 90%;
        box-sizing: border-box;
    }
    .admin .nv_modal_container .nv_modal_header{
            overflow: hidden;
            height: 50px;
            line-height: 50px;
            background: #2d3138;
        }

        .admin .nv_modal_container .nv_modal_header h2{
                float: left;
                padding-left: 18px;
                font-size: 16px;
                color: #fff;
            }

            .admin .nv_modal_container .nv_modal_header .nv_modal_close{
                float: right;
                width: 20px; height: 50px;
                margin-right: 20px;
                text-indent: -6000px;
                background:url(../images/modal_close.png) center center no-repeat;
                cursor: pointer;
            }
            .admin .nv_modal_contents{padding:5px 20px 15px;}
            .admin .nv_modal_contents > div{margin-bottom: 15px;}
            .admin .nv_modal_contents .textarea_name{
                    padding-left: 27px;
                    font-size: 15px;
                    line-height: 45px;
                    background: url(../images/modal_check_icon.png) left center no-repeat;
                }
                .admin .nv_textarea{
                    width:100%; height: 125px;
                    border:1px solid #ddd;
                    border-radius: 5px;
                    padding:13px;
                    color: #333;
                    box-sizing: border-box;
                    resize: none;
                }
                .admin .nv_bord_textarea{height: 280px;}
                .admin .nv_input{
                    height: 35px; width:100%;
                    padding:0 12px;
                    letter-spacing: -1px;
                    box-sizing: border-box;
                    border:1px solid #ddd;
                    border-radius: 5px;
                }
                .admin .nv_input.max_150{max-width: 150px;}
                .admin .nv_input.max_200{max-width: 200px;}
                .admin .nv_input.max_400{max-width: 400px;}
                .admin .nv_modal_contents .nv_select_box{position: relative; width:200px; margin-bottom: 15px;}
                .admin .btn_area{text-align: center;}
                .admin .btn_area.nv_page_bottomarea{float: left; width:100%; margin:25px 0 45px;}
                .admin .btn_area.nv_page_bottomarea_type2{float: left; width:100%; margin:25px 0 45px;}
                .admin .btn_area button{display: inline-block; margin-right: 10px;}
                .admin .btn_area button.m_w_100{min-width: 100px;}
                .admin .btn_area button:last-of-type{margin-right: 0;}

@media screen and (max-width: 767px) {
    .admin .nv_map_modal .nv_modal_container .nv_modal_contents {
        overflow: scroll;
    }
    .admin .nv_map_modal .nv_modal_container img {
        min-width: 1200px;
    }
}

/******************************

            Mobile

******************************/
@media screen and (max-width:1280px){
    .admin .nv_modal_container .nv_modal_header{height: 40px; line-height: 40px;}
    .admin .nv_modal_container .nv_modal_header h2{font-size: 13px;}
    .admin .nv_modal_container .nv_modal_header .nv_modal_close{
                width: 16px; height: 40px;
                margin-right: 13px;
                background-size: 16px;
            }
            .admin .nv_modal_contents{padding:7px 10px}
            .admin .nv_modal_contents > div{margin-bottom: 8px;}
            .admin .nv_modal_contents .textarea_name{
                    padding-left: 25px;
                    font-size: 13px;
                    line-height: 33px;
                    background: url(../images/modal_check_icon.png) 2px center no-repeat;
                    background-size: 15px;
                }
                .admin .nv_textarea{
                    height: 90px;
                    padding:9px;
                    font-size: 10px;
                }
                .admin .nv_bord_textarea{height: 120px;}
                .admin .nv_input{
                    height: 30px;
                    padding:0 9px;
                    font-size: 10px;
                }
                .admin .nv_modal_contents .nv_select_box{position: relative; width:120px;}
                .admin .btn_area.nv_page_bottomarea{margin:20px 0 25px;}
                .admin .btn_area.nv_page_bottomarea .m_full_btn{width:100%; height: 35px;}
                .admin .btn_area button.m_w_100{min-width: 80px;}
                .admin .btn_area.nv_page_bottomarea_type2{margin:15px 0 25px;}

}

.admin #host_name_search_table thead {
    width: 100%;
    background: #eee;
}

.admin #host_name_search_table tbody {
    max-height: 200px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.admin #host_name_search_table thead>tr>th:nth-of-type(1) {
    width:100px;
}

.admin #host_name_search_table thead>tr>th:nth-of-type(2) {
    width:180px;
}

.admin #host_name_search_table thead>tr>th:nth-of-type(3) {
    width:180px;
}

.admin #host_name_search_table tbody#host_table_tbody>tr>td:nth-of-type(1) {
   width:100px;
}

.admin #host_name_search_table tbody#host_table_tbody>tr>td:nth-of-type(2) {
   width:180px;
}

.admin #host_name_search_table tbody#host_table_tbody>tr>td:nth-of-type(3) {
   width:180px;
}

.admin #safeList{list-style:none; margin:0; padding:0}
.admin .ul.li.clear{clear: both;}
.admin li.on{
            color:wheat;
            background-color: #3280ff;
            }

            .admin .modal_wrap{
        display: none;
        width: 500px;
        height: 500px;
        position: absolute;
        top:50%;
        left: 50%;
        margin: -250px 0 0 -250px;
        background:#eee;
        z-index: 2;
    }
    .admin .black_bg{
        display: none;
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color:rgba(0, 0,0, 0.5);
        top:0;
        left: 0;
        z-index: 1;
    }
    .admin .modal_close{
        width: 26px;
        height: 26px;
        position: absolute;
        top: -30px;
        right: 0;
    }
    .admin .modal_close> a{
        display: block;
        width: 100%;
        height: 100%;
        background:url(https://img.icons8.com/metro/26/000000/close-window.png);
        text-indent: -9999px;
    }

    .admin #redStar {
        color: red;
    }
    .admin .mustInputTxt {
        float: right;
        line-height: 60px;
    }
    
    .admin #floorCheckBox {
        margin-top: 10px;
    }
    
    .admin #floorCheckBox > div {
        width:65px;
        float:left;
    }

    .admin #floorCheckBox label {
        margin: 10px 3% 10px 1%;
    }

    .admin .nv_input_width90 {
        width: 90%;
        float: left;
    }

    .admin .listModal .nv_modal_container {
        max-width: 1000px;
    }

.admin select.nv_select_box {
    line-height: 28px;
    padding-left: 6px;
    font-size: 13px;
    font-weight: 300;
    color: #777;
    border: 1px solid #eee;
    cursor: pointer;
    letter-spacing: -0.7px;
}

.admin .visitor_more_info table th, .admin .visitor_more_info table td {
    padding: 3px 0;
}

.admin .visitor_more_info table .more_info_tit {
    border-top: 2px solid #3280ff;
    background: #eee;
}

.admin .visitor_more_info table.more_info_half_table {
    width: 47.5%;
}

/************ 관리자 페이지 Mobile CSS ************/
@media screen and (max-width: 1280px) {
    .admin .nv_table_box .nv_approve_table dt:nth-of-type(3), .admin .nv_table_box .nv_approve_table dd:nth-of-type(3) {
        height: 110px;
    }
    .admin .nv_approve_table dd .under_max_200 {
        max-width: 410px;
    }
}

@media screen and (min-width: 981px) {
    .adminVersion .nv_tablebox .x_tablebox.padding_0::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .adminVersion .nv_tablebox .x_tablebox.padding_0::-webkit-scrollbar {
        width: 3px;
        height: 5px;
    }
    .adminVersion .nv_tablebox .x_tablebox.padding_0::-webkit-scrollbar-thumb {
        background: #eee;
    }
}

@media screen and (max-width: 768px) {
    .admin .nv_table_box.adminVersion h2 {
        font-size: 13px;
        padding-left: 15px;
        line-height: 40px;
        background: url(../images/table_tit_icon.png) 2px center no-repeat;
        background-size: 7px;
    }
    .admin .nv_table_box .nv_approve_table .nv_double_select .nv_select_box + .nv_select_box {
        margin-left: 0;
    }
}

@media screen and (max-width: 647px) {
    .admin .nv_table_box .nv_approve_table dt:nth-of-type(2), .admin .nv_table_box .nv_approve_table dd:nth-of-type(2) {
        height: 83px;
    }
    .admin .nv_table_box .nv_approve_table dt:nth-of-type(3), .admin .nv_table_box .nv_approve_table dd:nth-of-type(3) {
        height: 170px;
    }
    .admin .nv_table_box .nv_approve_table dt:nth-of-type(4), .admin .nv_table_box .nv_approve_table dd:nth-of-type(4) {
        height: 83px;
    }
}
/*************************************************/

/****************** 메뉴 박스 ********************/
.admin .openSelectBox {
    position: absolute;
    right: 0;
    font-size: 12px;
    width: auto;
    padding: 5px 5px;
    display: block;
    background: white;
    text-align: center;
    z-index: 10000;
    box-shadow: 1px 1px 3px 1px #dadce0;
}
.admin .openSelectBox li {
    border: none !important;
    padding: 0px 20px;
    line-height: 30px;
    cursor: pointer;
}
.admin .openSelectBox li:hover {
    color: #fff;
    background: #05a5f0;
}
.admin .menu_btn_box {
    width: 100%;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.admin .menu_open_dot {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}
.admin .treeview .treeview {
    overflow: inherit !important;
}
.admin .build_container section:nth-of-type(1) .treeview>div>.treeview>div>.treeview:nth-last-child(-n+1)>span .openSelectBox{
    bottom: 5%;
}
.admin .build_container section:nth-of-type(1) .treeview>div>.treeview>div>.treeview>div>.treeview:nth-last-child(-n+3)>span .openSelectBox{
    bottom: 5%;
}
.admin .build_container section:nth-of-type(2) .treeview>div>.treeview:nth-last-child(-n+3)>span .openSelectBox {
    /*bottom: 5%;*/
}

.admin .selectCertificate {
    width: 100%;
    line-height: 40px;
}

.admin .selectCertificate input[type=radio] {
    display: none;
}

.admin .selectCertificate input[type=radio] + label {
    display: inline-block;
    line-height: 30px;
    padding-left: 50px;
    font-size: 15px;
    background: url(../images/check_off.png) 15px center no-repeat;
    cursor: pointer;
    margin: 0 15%;
}
.admin .selectCertificate input[type=radio]:checked + label {
    background: url(../images/check_on.png) 15px center no-repeat;
}

@media screen and (max-width:767px){
    .admin .nv_dl_table dd .selectCertificate {
        max-width: 500px;
        line-height: 20px;
    }

    .admin .selectCertificate input[type=radio] + label {
        font-size: 12px;
    }
}