@charset "UTF-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*{margin: 0; padding: 0; box-sizing: border-box; font-size: 16px; color:#121212; font-family: 'Pretendard-Regular','Poppins', sans-serif; font-weight: 500;}
a{text-decoration: none;}
ul, li{list-style: none;}
table{text-align: left;}
input:focus, select:focus{outline: none;}

:root {
    --gradient: linear-gradient( 135deg, #72EDF2 10%, #5151E5 100%);
}

.container{width:100%; height: 100vh; background: #f1f1f5;}
.header_mobile_btn_area{display: none;}
.mobile_close_btn{display: none;}

.header{width:260px; height: 100%; position: absolute; top:0; left: 0; background: #2a3827; border-radius: 0 70px 0 0;}
.header .header_wrap{padding: 40px;}
.header .header_wrap .header_top{border-bottom: 1px solid #616f60; padding-bottom: 20px; margin-bottom: 30px;}
.header .header_wrap .header_top .header_logo{width:100%; text-align: center;}
.header .header_wrap .header_top .header_infobtn{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 20px;}
.header .header_wrap .header_top .header_infobtn>a{width:calc(50% - 5px); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background: #364333; border-radius: 5px; padding: 7px 0;}
.header .header_wrap .header_top .header_infobtn>a:first-child{margin-right: 10px;}
.header .header_wrap .header_top .header_infobtn>a>span{color:#868e85; font-size: 12px; font-weight: 700; margin-left: 5px;}
.header .header_wrap .header_menu>ul>li{margin-bottom: 20px;}
.header .header_wrap .header_menu>ul>li>a{color:#868e85;}
.header .header_wrap .header_menu>ul>li.on>a{color:#fff; font-weight: 700;}
.header .header_wrap .header_menu>ul>li.on .header_menu_sub{display: block;}
.header .header_wrap .header_menu>ul>li .header_menu_sub{margin-top: 10px; padding-left: 18px; }
.header .header_wrap .header_menu>ul>li .header_menu_sub>li{list-style: disc; margin-bottom: 5px;}
.header .header_wrap .header_menu>ul>li .header_menu_sub>li:last-child{margin-bottom: 0;}
.header .header_wrap .header_menu>ul>li .header_menu_sub>li>a{color:#868e85;}
.header .header_wrap .header_menu>ul>li .header_menu_sub>li.sub_on{color:#fff;}
.header .header_wrap .header_menu>ul>li .header_menu_sub>li.sub_on>a{color:#fff; font-weight: bold;}
.header .header_wrap .user_info{color:#868e85; }

.section{padding-left: 180px; padding-top:50px; height: 100%; overflow-y: auto;}
.section .section_wrap{padding: 0 0 0 5%; min-width: 750px;}
.section .section_wrap .page_title{margin-bottom: 30px;}
.section .section_wrap .page_title>h1{font-size: 26px; font-weight: bold;}
.content_area{background: #fff; border-radius: 10px;}
.content_area .content_wrap{padding: 30px;}
.content_area .content_wrap .content_title_area{margin-bottom: 20px; display: flex; flex-direction: row; flex-wrap: wrap;}
.content_area .content_wrap .content_title_area>h1{color:#50b847; font-size: 20px; font-weight: bold;}
.content_area .content_wrap .content_title_area .content_search{margin-left: auto; height: 37px; display: flex; flex-direction: row; flex-wrap: wrap; width:240px; border: 1px solid #ccc; border-radius: 5px;}
.content_area .content_wrap .content_title_area .content_search>input{height: 100%; font-size: 12px; padding: 0 10px; width:calc(100% - 37px); border: 0; background: none;}
.content_area .content_wrap .content_title_area .content_search>a{background: none; height: 100%; width:37px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; border-left: 1px solid #ccc;}
.content_area .content_wrap .content_title_area .content_search>a>img{width:80%;}

.content_area .content_wrap .content_table{width:100%;}
.content_area .content_wrap .content_table>table{width:100%;}
.content_area .content_wrap .content_table>table .txt_center{text-align: center;}
.content_area .content_wrap .content_table>table>tbody>tr>td{padding-bottom: 10px; font-weight: 400;}
.content_area .content_wrap .content_table>table>tbody>tr>td>a{color:#50b847; font-weight: bold; text-decoration: underline;}
.content_area .content_wrap .content_table>table>tbody>tr>th{padding-bottom: 10px; font-weight: bold;}
.content_area .content_wrap .content_table>table>tbody>tr>th>sup{font-size: 10px; margin-left: 2px; font-weight: bold;}
.content_area .content_wrap .content_table>table>tbody>tr>td>input{width:100%; border: 1px solid #ededed; border-radius: 5px; padding: 7px 15px;}
.content_area .content_wrap .content_table>table>tbody>tr>td>textarea{width:100%; border: 1px solid #ededed; border-radius: 5px; padding: 7px 15px;}
.content_area .content_wrap .content_table>table>tbody>tr>td>select{width:100%; border: 1px solid #ededed; border-radius: 5px; padding: 7px 15px; background: url('../img/down_icon.png')98% center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.content_area .content_wrap .content_button{display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 30px; justify-content: center;}
.content_area .content_wrap .content_button>button{border:none;font-weight: 700; padding: 10px 0; width:200px; background: #50b847; border-radius: 5px; color:#fff; margin-right: 10px; cursor:pointer;}
.content_area .content_wrap .content_button>button:last-child{margin-right: 0;}
.content_area .content_wrap .content_button>button.bc_gray{background: #ddd;}
.content_area .content_wrap .content_alert{font-size: 20px; line-height: 1.6; text-align: center;}
.content_area .content_wrap .content_alert>a{font-size: 20px; color:#50b847; text-decoration: underline;}
.content_area .content_wrap .content_alert>img{max-width: 400px; width:100%; display: block; margin: 0 auto;}

.content_area .content_wrap .content_table.bor_bot>table>tbody>tr>td, .content_area .content_wrap .content_table.bor_bot>table>tbody>tr>th{border-bottom: 1px solid #ededed; padding-top: 10px;}
.content_area .content_wrap .content_table.bor_bot>table>tbody>tr>th>b{color:red;}


.content_area .content_wrap .content_table table{width:100%; border:1px #dbdde2 solid;}
.content_area .content_wrap .content_table table .txt_center{text-align: center;}
.content_area .content_wrap .content_table table>tbody>tr>td{padding-bottom: 7px; font-weight: 400;}
.content_area .content_wrap .content_table table>tbody>tr>td>a{color:#50b847; font-weight: bold; text-decoration: underline;}
.content_area .content_wrap .content_table table>tbody>tr>th{padding-bottom: 10px; font-weight: bold;}
.content_area .content_wrap .content_table table>tbody>tr>th>sup{font-size: 10px; margin-left: 2px; font-weight: bold;}
.content_area .content_wrap .content_table table>tbody>tr>td>input{width:100%; border: 1px solid #ededed; border-radius: 5px; padding: 7px 15px;}
.content_area .content_wrap .content_table table>tbody>tr>td>textarea{width:100%; border: 1px solid #ededed; border-radius: 5px; padding: 7px 15px;}
.content_area .content_wrap .content_table table>tbody>tr>td>select{width:100%; border: 1px solid #ededed; border-radius: 5px; padding: 7px 15px; background: url('../img/down_icon.png')98% center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

.content_area .content_wrap .content_table.bor_bot table>tbody>tr>td, .content_area .content_wrap .content_table.bor_bot table>tbody>tr>th{font-size:14px; border-bottom: 1px solid #dbdde2; padding-top: 7px;}
.content_area .content_wrap .content_table.bor_bot table>tbody>tr>td, .content_area .content_wrap .content_table.bor_bot table>tbody>tr>td{font-size:15px; vertical-align: middle;}
.content_area .content_wrap .content_table.bor_bot table>tbody>tr>th>b{color:red;}
.tbl_left_br{border-left:1px #dbdde2 solid;}
.detail_tbl_wrap{margin:0 0 30px 0 !important;}

.btn_productAdd{display: flex; flex-direction: row;}
.btn_prd_add{border: #50b847 solid 1px; color: #50b847; background: #fff; border-radius: 5px; font-size: 17px; font-weight: 700; margin: 20px 0; padding: 5px 22px 5px 18px;}
.btn_prd_add:hover{background: #fffaf4;}
.btn_prd_add i{font-size:20px; color:#50b847;}
.btn_icon_add{vertical-align: middle;}
.area_btn_del{position: absolute; top:-23px; right:-14px;}
.del_products{border: 1px #dbdde2 solid; border-radius: 5px; padding: 0px 6px;}
.del_products i{font-size:32px;}
.del_products:hover{border:1px #444 solid; background:#ddd;}
#productAdd{ border: 0px black solid; padding: 0px 0; }
.wrap_tb_products_add{margin:0 0 50px 0; border:3px #50b847 solid; background:#fefff7; padding:30px; position:relative;}
.wrap_tb_products_add td{background: #fff;}
.wrap_tb_products_add_detail{margin:50px 0 50px 0; border:3px #50b847 solid; background:#fefff7; padding:30px 30px 0; position:relative;}
.wrap_tb_products_add_detail table{margin:0px 0 0px;}
.wrap_tb_products_add_detail td{background: #fff;}
.input_serial_num{max-width:400px;}
.btn_down{background:#fff; border:1px solid #50b847; padding:5px; vertical-align: middle;}
.wrap_box_msg{text-align: center; width: 100%; display: block; font-size:15px; opacity:0.5; padding:10px 0 0 0;}

#productAdd .tb_products{border:1px #dbdde2 solid; margin:0 0 30px 0; position: relative;}
#productAdd .tb_products th{background:#f9f9f9;}
#productAdd table.tb_products>tbody>tr>th{border:1px #dbdde2 solid; font-size:14px; font-weight: 600;}
#productAdd table.tb_products>tbody>tr>td{border:1px #dbdde2 solid;}
#productAdd table.tb_products>tbody>tr>td input, select, span, option{font-size:14px;}

.auth_area{background: url('/assets/img/auth_bg.png')top center no-repeat; background-size: 100%; width:100%; height: 100%;}
.auth_area .auth_wrap{width:700px; height: 100%; margin: 0 auto; position: relative;}
.auth_area .auth_wrap .auth_login{width:100%; border-radius: 10px; overflow: hidden; position: absolute; top:50%; left:0; transform: translate(0,-50%); box-shadow: 0px 0px 20px 15px rgb(0 0 0 / 10%);}
.auth_area .auth_wrap .auth_login .auth_login_logo{background: #172116; text-align: center; padding: 20px 0;}
.auth_area .auth_wrap .auth_login .auth_login_content{background: #fff; padding: 40px 60px 60px 60px;}
.auth_area .auth_wrap .auth_login .auth_login_content>h1{font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_inputarea{max-width: 500px; margin: 0 auto;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_inputarea>input{width:100%; margin-bottom: 10px; padding: 15px 20px; border-radius: 10px; border: 1px solid #ededed;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_inputarea .btn_submit{display: block; border:none; text-align: center; width:100%; border-radius: 10px; color:#fff; background: #50b847; padding: 15px 0; font-weight: bold; margin-top: 10px;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_inputarea>p{text-align: center; border: 1px solid #ededed; padding: 15px 0; border-radius: 10px;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info{text-align: center; margin-top: 30px;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info>p{font-size: 14px; color:#898989; font-weight: bold; margin-bottom: 5px;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info>ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info>ul>li::after{content: '|'; font-size: 10px; margin: 0 20px;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info>ul>li:last-child::after{display: none;}
.auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info>ul>li>a{color:#898989; font-size: 14px;}

.section .section_wrap.main .page_title{margin-bottom: 50px;}
.section .section_wrap.main .page_title>h1{font-size: 37px; text-align: center; color:#fff; opacity:0.7;}
.main_cat_area .main_cat_area_wrap{width:100%; max-width: 1130px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap;}
.main_cat_area .main_cat_area_wrap .main_cat_btn{display: block; width: calc(33.33333% - 70px); margin-right: 105px; text-align: center; }
.main_cat_area .main_cat_area_wrap .main_cat_btn:last-child{margin-right: 0;}
.main_cat_area .main_cat_area_wrap .main_cat_btn .main_cat_btn_icon>img{width:100%; margin-bottom: 10px;}
.main_cat_area .main_cat_area_wrap .main_cat_btn .main_cat_btn_txt{font-weight: bold; font-size: 20px;}
.main_cat_area .main_cat_area_wrap .main_cat_btn.notyet{pointer-events: none;}
.main_cat_area .main_cat_area_wrap .main_cat_btn.notyet .main_cat_btn_txt{color:#898989;}
.btn_wrap{margin:0 1.5% 5%; width:22%;}


.sel_box_area{display: flex; margin:0 0 20px 0; flex-direction: row; justify-content: left; align-items: center;}
.search_box{border:1px #dbdde2 solid; padding:5px 10px; font-size:1em;}
.input_search{border: 1px #dbdde2 solid; font-size: 1em; padding: 6px 10px; margin: 0 10px;}
.btn_def1{display: inline-block; border-radius: 4px; padding:6px 16px; font-size:1em; color:#fff; border:1px #267b1e solid; ; background:#50b847;}
.btn_def1:hover{background: #267b1e;}

.wrap_paging{display: flex; flex-direction: row; justify-content: center; align-items: center; grid-gap: 10px; margin:30px 0;}
.wrap_paging span a{position: relative; font-size: 1em; color: #999; border-radius: 0px; width: 30px; text-align: center; height: 30px; background: #f9f9f9;
    display: flex;
    align-items: center;
    border: 1px #dbdde2 solid;
    vertical-align: middle;
    justify-content: center;
}
.wrap_paging span a:hover{text-decoration:none;}
.wrap_paging span.no{font-size: 1em; color: #50b847; border-radius: 0px; width: 30px; text-align: center; height: 30px; background: #FFF;
    display: flex;
    align-items: center;
    border: 1px #50b847 solid;
    vertical-align: middle;
    justify-content: center;}

.main_cat_area .main_cat_area_wrap .main_app_btn{
    -webkit-box-shadow: 0 0 50px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 50px -5px rgba(0, 0, 0, 0.25);
    padding: 15px;
    background:#fff;
    cursor: pointer;
    -webkit-transition: 200ms ease !important;;
    -o-transition: 200ms ease !important;;
    transition: 200ms ease !important;;
    border-radius: 10px;
    position:relative;
    display: block;
}

.icon_arrow_double{font-size: 1.4em; position: absolute; top: -5px; left: 4px;}
.icon_arrow{font-size: 1.4em; position: absolute; top: -2px; left: 4px;}

.main_cat_area .main_cat_area_wrap .main_app_btn:hover{
    -webkit-transform: scale(1.04) !important;
    -ms-transform: scale(1.04) !important;;
    transform: scale(1.04) !important;;
    color: #222831;
    -webkit-box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 40px -5px rgba(0, 0, 0, 0.2)
}



.main_cat_area .main_cat_area_wrap .main_app_btn.ready{opacity:0.3 !important;}
.app_imgarea{text-align: center; max-width: 160px; margin:0 auto;}
.app_imgarea img{width:100%;}
.app_text{color:#000; font-size:21px; padding:13px 0 0 0; font-weight: 800; letter-spacing: -0.03em; text-align: center; width: 100%; display: inline-block;}

.colorant_table{width:100%;}

.attached_file{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-top: 5px;}
.file_delete.coa{background: #cfcfcf; cursor: pointer; width:20px; height:20px; display: block; text-align: center; border-radius: 50%; font-size: 11px; line-height: 20px; margin-left: 5px;}

.content_area .content_wrap .content_table>table>tbody>tr>td>a.coa_btn{text-decoration: none; display: flex; align-items: center; justify-content: center;}
.content_area .content_wrap .content_table>table>tbody>tr>td>a.coa_btn>i{font-size: 18px;}
.content_area .content_wrap .content_table>table>tbody>tr>td>a.coa_btn:hover>i{color:#50b847;}


@media screen and (max-width: 1240px){
    .header{width: 240px;}
    .header .header_wrap{padding: 40px 30px;}
    .header .header_wrap .header_top .header_infobtn>a>img{height:15px;}
    .header .header_wrap .header_menu>ul>li>a{font-size: 14px;}

    .section{padding-left: 240px;}
    .section .section_wrap{padding: 60px;}
    .section .section_wrap .page_title{margin-bottom: 20px;}
    .section .section_wrap .page_title>h1{font-size: 24px;}
    .content_area .content_wrap .content_title_area>h1{font-size: 16px; width: 100%;}

    .content_area .content_wrap .content_table>table>tbody>tr>th{font-size: 14px;}
    .content_area .content_wrap .content_table>table>tbody>tr>td{font-size: 14px; padding-right: 10px;}
    .content_area .content_wrap .content_table>table>tbody>tr>td>a{font-size: 14px;}
    .content_area .content_wrap .content_table>table>tbody>tr>td>input{font-size: 14px;}
    .content_area .content_wrap .content_table>table>tbody>tr>td>select{font-size: 14px;}
    .content_area .content_wrap .content_button>a{font-size: 14px; width:150px;}
    .content_area .content_wrap .content_alert>img{max-width: 300px;}
    .content_area .content_wrap .content_title_area .content_search{margin-left: 0; margin-top: 10px;}

    .auth_area{background-size: 300%;}
    .auth_area .auth_wrap{width:90%; max-width: 500px;}
    .auth_area .auth_wrap .auth_login .auth_login_logo{padding: 15px 0;}
    .auth_area .auth_wrap .auth_login .auth_login_content{padding: 20px;}
    .auth_area .auth_wrap .auth_login .auth_login_content>h1{font-size: 16px; margin-bottom: 10px;}
    .auth_area .auth_wrap .auth_login .auth_login_content .auth_login_inputarea>input{padding: 10px 15px; font-size: 14px;}
    .auth_area .auth_wrap .auth_login .auth_login_content .auth_login_inputarea>a{font-size: 14px; padding: 10px 0;}
    .auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info{margin-top: 15px;}
    .auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info>p{font-size: 12px;}
    .auth_area .auth_wrap .auth_login .auth_login_content .auth_login_info>ul>li>a{font-size: 12px;}

    .section .section_wrap.main .page_title{margin-bottom: 40px;}
    .section .section_wrap.main .page_title>h1{font-size: 32px;}
    .main_cat_area .main_cat_area_wrap .main_cat_btn{width:calc(33.33333% - 10px); margin-right: 15px;}
    .main_cat_area .main_cat_area_wrap .main_cat_btn .main_cat_btn_icon>img{margin-bottom: 5px;}
    .main_cat_area .main_cat_area_wrap .main_cat_btn .main_cat_btn_txt{font-size: 16px;}
}

@media screen and (max-width: 768px){
    .container{padding:0 !important;}
    .section{padding-left: 0;}
    .header{left: -100%; width:80%; transition: all 0.2s; z-index: 99;}
    .header.on{left: 0;}

    .header_mobile_btn_area{display: block; position: fixed; top:20px; left: 5%; background: #2a3827; padding: 10px; border-radius: 10px; z-index: 98;}
    .header_mobile_btn{display:block; width:25px; cursor: pointer;}
    .header_mobile_btn>span{display: block; width:100%; height: 3px; background: #fff; margin-bottom: 5px;}
    .header_mobile_btn>span:nth-child(2){width:80%;}
    .header_mobile_btn>span:last-child{margin-bottom: 0;}
    .mobile_close_btn{position: absolute; top:20px; right:-50px; background: #2a3827; display: flex; align-items: center; justify-content: center; width:40px; height: 40px; border-radius: 50%; cursor: pointer;}
    .mobile_close_btn>span{color:#fff; font-size: 20px;}

    .section .section_wrap{min-width: auto; padding: 80px 5% 40px;}
    .section .section_wrap .page_title>h1{font-size: 20px;}

    .content_area .content_wrap{overflow: auto; padding: 30px 20px;}
    .content_area .content_wrap .content_table{overflow:auto;}
    .content_area .content_wrap .content_table>table{min-width: 700px;}

    .content_area .content_wrap .content_table.min_non>table{min-width: auto;}

    .content_area .content_wrap .content_table.search>table{min-width: auto; display: flex; flex-direction: row; flex-wrap: wrap;}
    .content_area .content_wrap .content_table.search>table>tbody>tr{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin-bottom: 20px;}
    .content_area .content_wrap .content_table.search>table>tbody>tr:last-child{margin-bottom: 0;}
    .content_area .content_wrap .content_table.search>table>tbody>tr>th{width:100%; padding-bottom: 5px;}
    .content_area .content_wrap .content_table.search>table>tbody>tr>td{width:100%; padding-right: 0; padding-bottom: 0;}

    .content_area .content_wrap .content_table.register>table{display: flex; flex-direction: row; flex-wrap: wrap; min-width: auto;}
    .content_area .content_wrap .content_table.register.bor_bot>table>tbody>tr{display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #ededed; padding-bottom: 20px;}
    .content_area .content_wrap .content_table.register.bor_bot>table>tbody>tr>td, .content_area .content_wrap .content_table.register.bor_bot>table>tbody>tr>th{width:100%; border-bottom: 0; padding: 0;}
    .content_area .content_wrap .content_table.register.bor_bot>table>tbody>tr{margin-bottom: 20px;}
    .content_area .content_wrap .content_table.register.bor_bot>table>tbody>tr:last-child{margin-bottom: 0;}
    .content_area .content_wrap .content_table.register.bor_bot>table>tbody>tr>th{margin-bottom: 5px;}

}




.plupload_uploaded_files{background-color: #eee; padding:10px;}
.uploaded_files .file_line{margin-top:2px; padding:6px 0 0 0; border:0; background: #fff;}
.uploaded_files .file_line .file_name{font-size:15px; text-decoration: underline; color:#0018c1;}
.plupload_file_name_wrapper{font-size:10px;}
.plupload_file_size{font-size:10px;}
.plupload_button.plupload_add{display: inline-block;
    text-decoration: none !important;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #757575;
    background: #757575;
    border-radius: 0;
    color: #fff !important;
    min-width: 100px;
    text-align: center;
    font-weight: bold !important;}
.plupload_button.plupload_add.ui-state-hover{background: #ddd;}

    .plupload_button.plupload_start{display: inline-block;
    text-decoration: none !important;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #757575;
    background: #757575;
    border-radius: 0;
    color: #fff !important;
    min-width: 100px;
    text-align: center;
    font-weight: bold !important;}
    
    
    
    
@media print {
    html, body { -webkit-print-color-adjust:exact; width: 210mm; height: 297mm; }
    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    tfoot { display:table-footer-group; }
    
    a:after {
        content: "" !important;
    }
}





/*고객목록 css테이블 수정 _ 반응형 작업 : 2024.02.06 인군일 추가*/
.table-responsive.customer_list{
    overflow-x: auto;
    overflow-y: scroll;
    height:655px;
    border:1px #dbdde2 solid;
}
.tbl_name_head{
    width:466px !important; /* 363 -> 466 */
    color:#121212 !important;
}
.tbl_name_title{
    width:466px !important; /* 343 -> 466 */
    color:#121212 !important;
    font-weight:600 !important;
}
.table.table-condensed{
    width:2000px !important;
    max-width:2000px !important;
    letter-spacing:-0.03em;
}
.table.table-condensed.table-striped {
    margin-bottom: 0px;
}
.table-condensed>thead.BI_tablehead>tr>th {
    padding: 20px 0 20px 10px;
    width: 122px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
    border-right: 1px #dbdde2 solid;
    border-bottom: 1px #ccc solid;
    position: relative;
}
.table-condensed>thead.BI_tablehead>tr>th.button{
    cursor:pointer !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f6f6f6;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none;
    border-bottom: 2px solid #fff;
}
.table-condensed>tbody.BI_tablebody>tr>td {
    padding: 15px 0 20px 10px;
    width: 122px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    color: #4d4d4f;
    word-wrap: break-word;
    word-break: break-all;
}

.icn_sort{font-size:1.3em; line-height: 1em; position: absolute; right:5px; color:#ccc;}
.icn_sort.on{color:#333; display: inline-block;}
.icn_sort.off{color:#333; display: none;}

.fixed_header{
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody{
    display:block;
    width: 100%;
    overflow: auto;
}

.fixed_header thead tr {
    display: block;
}

.fixed_header th, .fixed_header td {
    padding: 5px;
    text-align: left;
    width: 200px;
}
.coa_btn{
    background:#e7eaef;
    border-radius:4px;
    padding:6px 13px;
    text-align:center;
    text-decoration:none !important;
}
.coa_btn i{
    font-size:20px;
    color:#a3a8b6;
    vertical-align:middle;
}
.coa_btn:hover{
    background:#d7dadf;
}
.coa_btn:hover > i{
    color:#3d4559;
}
.tbl_btn_area{
    vertical-align:middle !important;
}


.input.readonly{background-color:#eee}


.icon_brd_mane1{font-size:17px; color:#999; vertical-align: middle; padding: 0 3px 0 0;}
.noted{color:#999; font-size:14px; font-weight: 400; letter-spacing: -0.03em;}
.btn_regis{background:#fff; border:1px #dbdde2 solid; color:#666;}
.btn_regis:hover{border:1px #222 solid; color:#000;}