@charset "utf-8";
/*@import url(/_CSS/spoqahansans.css?1);*/
/*@import url(https://source.joonchart.com/service/font/Noto_Sans_KR/notosansKR.css?1);*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@font-face {
 font-family: 'Spoqa Han Sans Neo';
 font-weight: 500;
 src: url(https://pikar.online/source/font/SpoqaHanSans_subset/Spoqa_Han_Sans_Regular.ttf)format('opentype');
}


:root {
  --css-maincolor: #1B2E5B;
}
/*@import url(/_CSS/AppleGothic.css?1);*/
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* HTML5 display-role reset for older browsers */

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!리셋CSS 건들지 말것!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
body, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body, html {height: 100%; }
body {position: relative;overflow: auto;color: #333;font-style: normal;word-wrap: break-word;line-height: 1;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea, button{margin: 0;padding: 0;border: 0;outline: none;vertical-align: middle;font-family: 'Spoqa Han Sans Neo','NanumSquare','Sans-serif',NotoSans,AppleGothic,sans-serif;font-weight: 400;font-size: 12px;letter-spacing: 0;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
*:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
select{-webkit-appearance: none !important; -moz-appearance: none !important;appearance: none !important;  background:url("https://pikar.online/driversource/img/select_arrow.svg") no-repeat right 10px top 50%!important;background-size: 16px !important;padding-right: 25px !important;}
/* IE 에서 Select box 화살표 제거 */
select::-ms-expand{display: none;}
a{position: relative; display: inline-block;}
a, a:hover{text-decoration: none;}
div{position: relative;font-size: 0;}
i, span, font, label{position: relative;display: inline-block;vertical-align: middle;}
ol{font-size: 0;}
ul{font-size: 0;}
li{font-size: 0;}
.clear{display: block;position: relative;clear: both;}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!리셋CSS 건들지 말것!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!프로젝트 css 시작!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
*{word-wrap: break-word; word-break: keep-all;}
body{padding: 0 !important;background: #F5F6F7;}
/*background-color: #e9ecf1; */
/*//글자*/
.f_biggest {font-size: 22px;  color: #000; transform: rotate(0.1deg);}
.f_bigger{font-size: 18px;  color: #000;transform: rotate(0.1deg);}
.f_big{font-size: 16px;  color: #000;transform: rotate(0.1deg);}
.f_normal{font-size: 14px;  color: #000; transform: rotate(0.1deg);}

.f_small {font-size: 13px;  color: #000; transform: rotate(0.1deg);}
.f_smaller{font-size: 12px;  color: #000; transform: rotate(0.1deg);letter-spacing: -0.5px}
.f_smallest{font-size: 10px;  color: #000; transform: rotate(0.1deg);letter-spacing: -0.5px}
/*//글자색*/
.f_green {color:#00db00;}
.f_red{color:#ff7875;}
.f_blue{color:var(--css-maincolor);}
.f_black{color:#111;}
.f_white{color:#fff;}
.f_bold{font-weight: bold;}

.p_bg_red{background-color: #ff7875}
.p_bg_blue{background-color: var(--css-maincolor);}
.p_bg_green{background-color: #56c6ad;}

.p_bg_1{background-color: background: var(--css-maincolor);
background: -moz-linear-gradient(left, var(--css-maincolor) 0%, #6facff 80%);
background: -webkit-linear-gradient(left, var(--css-maincolor) 0%,#6facff 80%);
background: linear-gradient(to right, var(--css-maincolor) 0%,#6facff 80%);}
.p_bg_2{background-color: #3987ff;}
.p_bg_3{background-color: royalblue;}


/*입력요소 */

.p_input {display: inline-block; vertical-align: middle; font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    border: 1px solid #000;
    
    width: 100%; width: 100%;}
.p_input:hover,
.p_input:focus,
.p_select:hover,
.p_select:focus{border-color: #395B77;}
.p_input:focus{background-color: rgba(96, 155, 245, .05);}


.p_textarea:not(:placeholder-shown),
input.p_input:not(:placeholder-shown){border-color: #395B77
;}

.p_input:placeholder-shown{}
.p_input:-ms-placeholder-shown{}

.p_input_readonly{background-color:rgba(239, 239, 239, 0.3);}

.p_input[type=password]{font-family:'Malgun gothic', dotum, sans-serif;letter-spacing: 2px;}

.p_input:-ms-input-placeholder{color: #999;font-family: 'NanumSquare','Sans-serif','SpoqaHanSans',NotoSans,AppleGothic,sans-serif;letter-spacing: 0.5px;}
.p_input::-webkit-input-placeholder{color: #999;font-family: 'NanumSquare','Sans-serif','SpoqaHanSans',NotoSans,AppleGothic,sans-serif;letter-spacing: 0.5px;}
.p_input::-moz-placeholder{color: #999;font-family: 'NanumSquare','Sans-serif','SpoqaHanSans',NotoSans,AppleGothic,sans-serif;letter-spacing: 0.5px;}
.p_input::-moz-placeholder{color: #999;font-family: 'NanumSquare','Sans-serif','SpoqaHanSans',NotoSans,AppleGothic,sans-serif;letter-spacing: 0.5px;}

.p_input:hover:-ms-input-placeholder,
.p_input:focus:-ms-input-placeholder{color: #222;}
.p_input:hover::-webkit-input-placeholder,
.p_input:focus::-webkit-input-placeholder{color: #222;}
.p_input:hover::-moz-placeholder,
.p_input:focus::-moz-placeholder{color: #222;}
.p_input:hover::-moz-placeholder,
.p_input:focus::-moz-placeholder{color: #222;}

.p_input:focus:-ms-input-placeholder{font-size: 0;}
.p_input:focus::-webkit-input-placeholder{font-size: 0;}
.p_input:focus::-moz-placeholder{font-size: 0;}
.p_input:focus::-moz-placeholder{font-size: 0;}










.p_search_btn{display: inline-block; padding: 0 10px; margin-left: 5px; height: 28px; line-height: 28px; background-color: #364958;}
.p_search_btn:active{top: 1px;}
.p_search_btn span{color: #fff;}

.p_textarea_autoH,
.p_textarea{display: inline-block; vertical-align: middle; padding:8px 15px; width: 100%; resize: none; font-size: 14px; color: #000; border: 1px solid #cbd5dd;line-height: 18px;}
.p_textarea_autoH:hover,
.p_textarea:hover,
.p_textarea_autoH:focus,
.p_textarea:focus{border-color: #395B77;}

.p_select{-webkit-appearance:auto; -moz-appearance:auto; appearance:auto; display: inline-block; padding: 5px 3px; font-size: 14px; color: #000;background-color: rgba(0, 0, 0, 0);}
.p_select::-ms-expand{display:none;}
.p_select:hover{cursor: pointer;}

.ui-datepicker-title select{display: inline-block; vertical-align: middle; padding: 0 3px; width: 100%; height: 20px;font-size: 14px; color: #000;}
.ui-datepicker-title select{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.ui-datepicker-title select::-ms-expand{display:none;}
.ui-datepicker-title select:hover{cursor: pointer;}
.ui-datepicker-title select:focus{border-color: #609bf5;}
.ui-datepicker-title .ui-datepicker-year{width: auto;text-align: center;}
.ui-datepicker-title .ui-datepicker-month{width: auto;text-align: center;}



/*로딩박스*/
.p_loading_wrap{display: none;z-index: 999999999;}
.p_loading_bg{opacity: 0; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.08); z-index: 11;}
.p_loading_box{position: fixed; width: 200px; height: 150px; top: 40%; left: calc(50% - 100px); transform: translateY(400%); -ms-transform: translateY(400%); -webkit-transform: translateY(400%); transition: all .2s ease; text-align: center; z-index: 12;}
.p_loading_box_open{transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
.p_loading{display: block; margin: auto;width: 50px;opacity: .6;}





/*체크박스와 라디오박스*/
/*.p_chkbox,.p_radio{margin:0 5px;}
.p_chkbox_i{width: 20px;height: 20px;  background-size: cover;  background-image: url(https://source.joonchart.com/service/img/icons/check_off.png);}
.p_chkbox.p_chkbox_s .p_chkbox_i{ background-image: url(https://source.joonchart.com/service/img/icons/check_on.png);}
.p_radio_i{width: 15px;height: 15px; background-size: cover; background-image: url(https://source.joonchart.com/service/img/icons/radio_off.png);}
.p_radio.p_radio_s .p_radio_i{ background-image: url(https://source.joonchart.com/service/img/icons/radio_on.png);}
.p_radio_f,.p_chkbox_f{padding-left: 5px; color:#000; font-size:14px;}*/



.p_chkbox,.p_radio{margin:0 5px;}
.p_chkbox_i{width: 13px;height: 13px;background-color: #fff;border: 1px solid #ddd;border-radius: 2px;}
.p_chkbox.p_chkbox_s .p_chkbox_i{    border: 1px solid #3b6064;background-color: #3b6064;}
.p_radio_i{width: 13px;height: 13px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;}
.p_radio.p_radio_s .p_radio_i{border: 1px solid #3b6064; background-color: #3b6064;}
.p_radio_f,.p_chkbox_f{padding-left: 2px; color:#000; font-size:12px;}













/*데이터테이블*/
/*
.p_table th,
.p_table td{}
.p_table th{}
.p_table td{}

.p_table .p_td_del{position: relative; width: 25px !important;height: 15px;padding: 0;cursor: pointer;text-align: center;}
.p_table .p_td_del:before{content: ''; display: inline-block;width: 17px;height: 21px;background-image: url(/_IMG/_ICON_PACK/main_icon_pack2.png);background-repeat: no-repeat;background-size: 150px auto;background-position: -128px -29px;}
.p_table th.p_td_del:before{display: none;}


.p_table td .p_clipboard_btn{position: relative; display: block; }
.p_table td .p_clipboard_btn:before{content: ''; position: absolute; top: 0; right: 0; margin-left: 5px; width: 20px; height: 15px; background-image: url(/_IMG/_ICON_PACK/main_icon_pack2.png); background-repeat: no-repeat;background-size: 140px auto; background-position: -39.5px -139.4px;}
.p_table td .p_clipboard_btn:hover:before{opacity: .5;}
.p_table td .p_clipboard_btn:active{top: 1px;}

.p_table th.sorting,
.p_table th.sorting_asc,
.p_table th.sorting_desc{padding-right: 10px;background: #F5F5F5 no-repeat center right;background-repeat: no-repeat;background-position: center;background-position-x: calc(100% + 3px);background-size: 14px;}
.p_table th.sorting{background-image: url("/_IMG/_ICON_PACK/sort_both.png");}
.p_table th.sorting_asc{background-image: url("/_IMG/_ICON_PACK/sort_asc.png");}
.p_table th.sorting_desc{background-image: url("/_IMG/_ICON_PACK/sort_desc.png");}
*/
.p_table_box{width: 100%; padding: 0px 0px 15px; background-color: #fff; }
.p_table_box_active{border: 2px solid #364958;}
.p_table_box .dataTables_length{display: inline-block; width: 150px;}
.p_table_box .dataTables_length label{font-size: 14px; font-weight: bold;}
.p_dt_lengthSelect{}
.p_dt_lengthSelect{width: 50px; font-size: 12px; padding: 2px 5px; text-align: center;}
.p_dt_lengthSelect::-ms-expand{display:none;}
.p_dt_lengthTxt{}

.p_table_box .dataTables_filter{display: inline-block; width: calc(100% - 150px); text-align: right; max-width: 100%;}
.p_table_box .dataTables_filter label{width: 100%;font-size: 14px; font-weight: bold;}
.p_dt_searchInput{width: 200px; background-image: url(https://source.joonchart.com/service/img/icons/dt_search_icon.png);background-repeat: no-repeat;background-size: 14px auto;background-position-y: 3px;background-position-x: calc(100% - 10px);}

.p_table_box .dataTables_info{display: inline-block;vertical-align: middle;}
.p_dt_info{padding: 5px 0;}

.p_table_box .dataTables_paginate{/*text-align: center;*/ display: inline-block; width: 100%; text-align: center; padding-top: 10px;}
.p_table_box .dataTables_info{display: inline-block; position: absolute;}
.p_table_box .dataTables_paginate a{position: relative;display: inline-block; text-align: center; font-size: 14px; cursor: pointer;}

.p_table_box .dataTables_paginate .first,
.p_table_box .dataTables_paginate .previous,
.p_table_box .dataTables_paginate .next,
.p_table_box .dataTables_paginate .last{width: 28px;height: 28px;border-radius: 100%;background-color: #f3f3f3;}

.p_table_box .dataTables_paginate .first,
.p_table_box .dataTables_paginate .previous{margin-right: 10px;}
.p_table_box .dataTables_paginate .next,
.p_table_box .dataTables_paginate .last{margin-left: 10px;}

.p_table_box .dataTables_paginate .first{}
.p_table_box .dataTables_paginate .previous{}
.p_table_box .dataTables_paginate .next{}
.p_table_box .dataTables_paginate .last{}

.p_table_box .dataTables_paginate .first:before,
.p_table_box .dataTables_paginate .previous:before,
.p_table_box .dataTables_paginate .next:before,
.p_table_box .dataTables_paginate .last:before{content: '';position: relative;top: 5px;display: inline-block;width: 16px;height: 16px;background-image: url(https://source.joonchart.com/service/img/icons/iconPack_old.png);background-repeat: no-repeat;background-size: 300px auto;text-align: center;opacity: .8;}

.p_table_box .dataTables_paginate .first:before{background-position: -262px -5px;}
.p_table_box .dataTables_paginate .previous:before{background-position: -122px -5px;}
.p_table_box .dataTables_paginate .next:before{background-position: -107px -5px;}
.p_table_box .dataTables_paginate .last:before{background-position: -245px -5px;}

.p_table_box .dataTables_paginate .first:hover,
.p_table_box .dataTables_paginate .previous:hover,
.p_table_box .dataTables_paginate .next:hover,
.p_table_box .dataTables_paginate .last:hover{background: #325cde;
    background: -moz-linear-gradient(left, #325cde 0%, var(--css-maincolor) 100%);
    background: -webkit-linear-gradient(left, #325cde 0%,var(--css-maincolor) 100%);
    background: linear-gradient(to right, #325cde 0%,var(--css-maincolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325cde', endColorstr='var(--css-maincolor)',GradientType=1 );
    box-shadow: 0 2px 6px rgb(0 0 0 / 40%);}

.p_table_box .dataTables_paginate .first:hover:before,
.p_table_box .dataTables_paginate .previous:hover:before,
.p_table_box .dataTables_paginate .next:hover:before,
.p_table_box .dataTables_paginate .last:hover:before{opacity: 1;}

.p_table_box .dataTables_paginate .first:hover:before{background-position: -262px -341px;}
.p_table_box .dataTables_paginate .previous:hover:before{background-position: -122px -341px;}
.p_table_box .dataTables_paginate .next:hover:before{background-position: -107px -341px;}
.p_table_box .dataTables_paginate .last:hover:before{background-position: -245px -341px;}

.p_table_box .dataTables_paginate .first.disabled{display: none;}
.p_table_box .dataTables_paginate .previous.disabled{display: none;}
.p_table_box .dataTables_paginate .next.disabled{display: none;}
.p_table_box .dataTables_paginate .last.disabled{display: none;}

.p_table_box .dataTables_paginate .first:active,
.p_table_box .dataTables_paginate .previous:active,
.p_table_box .dataTables_paginate .next:active,
.p_table_box .dataTables_paginate .last:active{top: 1px;}

/**/

.p_table_box .dataTables_paginate span{padding:0 5px;border-radius: 4px;}
.p_table_box .dataTables_paginate span a{min-width: 25px; height: 25px; cursor: pointer; line-height: 25px; font-size: 12px;}
.p_table_box .dataTables_paginate span a.current{border:1px solid #3b6064;
    color: black;font-weight: bold;}
.p_table_box .dataTables_paginate span a:last-child{margin-right: 0;}
.p_table_box .dataTables_paginate span.ellipsis{margin: 0 2px;}

.p_table_box .dataTables_paginate span a:hover{font-weight: bold;}
.p_table_box .dataTables_paginate span a:active{top: 1px;}



.p_table{margin: 5px auto; width: 100% !important; background-color: #fff; }
.p_table_box .dataTables_empty{text-align: center;padding:40px 0;}
.p_table thead{/*box-shadow: 0 5px 5px rgb(0 0 0 / 5%);*/ border-top:1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #eef1f5; /*border:1px solid red;*/}

.p_table th{padding: 5px 0; width: auto; border-bottom: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .1); /*background-color: #fff;*/text-align: center; border:1px solid rgba(0, 0, 0, .1);}
.p_table th.p_th_search{text-align: left; cursor: pointer;}
.p_table th.sorting,
.p_table th.sorting_asc,
.p_table th.sorting_desc{/*padding-right: 10px;*//*background: #F5F5F5 no-repeat center right;*/background-repeat: no-repeat;background-position: center;background-position-x: calc(100% + 3px);background-size: 14px;}
.p_table th.sorting{background-image: url("https://source.easy-hymn.com/img/_ICON_PACK/sort_both.png");}
.p_table th.sorting_asc{background-image: url("https://source.easy-hymn.com/img/_ICON_PACK/sort_asc.png");}
.p_table th.sorting_desc{background-image: url("https://source.easy-hymn.com/img/_ICON_PACK/sort_desc.png");}

.p_table .p_td_chk,
.p_table .p_td_chk2{position: relative; width: 25px !important; height: 15px;padding: 4px 0;text-align: center;cursor: pointer;}
.p_table .p_td_chk:before,
.p_table .p_td_chk2:before{content: '';display: inline-block; width: 12px; height: 12px; border: 1px solid #ddd; border-radius: 3px;}
.p_table th.p_td_chk:before{}

.p_table .sel_all_td:before,
.p_table .p_td_checked:before{border: 1px solid #364958; background-color: #364958;}
.p_table .p_td_checked2:before{border: 1px solid #364958; background-color: #364958;}
/* pub_td_checked 로 전페이지 클래스명 교체시 주석 아래 삭제예정*/
.p_table .sel_all_td:before,
.p_table .checked:before{border: 1px solid #364958; background-color: #364958;}
/*-----------------------------------------------------------*/

.p_table th span{font-size: 12px;font-weight: bold;letter-spacing: -1px;transform: rotate(0.1deg);}

.p_table tbody tr{border: 1px solid #ddd;}
.p_table tbody tr:hover{background-color: aliceblue;}
.p_table tbody tr.thd_modi_tr{background-color: #DCE7F9;}/*기존 thd_modi_tr 지우기*/
.p_table tbody tr.p_report_get_back_tr{background-color: floralwhite;}/*사외 성적서 미회수*/

.p_table tbody tr.p_correction_delay_tr{background-color: #d0b0d7;} /*교정보류*/
.p_table tbody tr.p_correction_reSignoff_tr{background-color: #d57f7f} /*교정보류*/
.p_table tbody tr.p_correctionTest_tr{background-color: rgba(159, 232, 0, .3);}/*시험*/
.p_table tbody tr.p_un_active{background-color: #ededed;}/*시험*/
.p_table tbody tr.p_emergency_tr{background-color:rgba(246, 86, 86,.2);} /*긴급*/
.p_table tbody tr.p_newMeaDic_tr{background-color: rgb(255 33 33 / 20%);}/*신규장비*/
.p_table tbody tr.p_tr_active{background-color: #f8fbe5;}/*기존 thd_modi_tr 지우기*/
.p_table tbody tr.p_tr_clicked{background-color: #f8fbe5;}

.p_table tbody tr:last-child{border-bottom: 1px solid rgba(0,0,0,.5);}
.p_table tbody tr:hover{/*background-color: #DCE7F9;*/}

.p_table td{padding: 5px 0px;font-size: 14px; font-size: 12px; letter-spacing: -0.5px; border: 1px solid #ddd; word-break: break-all; text-align: center;}
.p_table td:hover{cursor: pointer;}
.p_table td span{}

.p_table .p_td_del{position: relative; width: 25px !important;height: 15px;padding: 0;cursor: pointer;text-align: center;}
.p_table .p_td_del:before{content: ''; display: inline-block;width: 15px;height: 18px;background-image: url('https://source.joonchart.com/service/img/icons/trash.png');background-repeat: no-repeat;background-size: cover;}
.p_table th.p_td_del:before{display: none;}

.p_table .p_td_chk:hover,
.p_table .p_td_chk2:hover,
.p_table td.p_td_del:hover,
.p_table td.p_td_copy:hover{opacity: .5;}
.p_table .p_td_chk:active,
.p_table .p_td_chk2:active,
.p_table td.p_td_del:active,
.p_table td.p_td_copy:active{top: 1px;}

.p_table td.p_td_copy{position: relative; width: 25px !important;height: 15px;padding: 0;cursor: pointer;text-align: center;}
.p_table td.p_td_copy:before{content: ''; display: inline-block;width: 17px;height: 21px;background-image: url(/_IMG/_ICON_PACK/main_icon_pack2.png);background-repeat: no-repeat;background-size: 150px auto;background-position: -46px -147px;}


.p_table td.p_td_tac{padding-left: 0; padding-right: 0; text-align: center;}
.p_table td.p_td_num{padding-left: 0;padding-right: 8px;text-align: right;}
.p_table td.p_td_reg{padding-left: 0; padding-right: 0; width: 130px; text-align: center;}
.p_table td.p_td_date{padding-left: 0; padding-right: 0; width: 80px; text-align: center;}
.p_table td.p_td_request_num{padding-left: 0; padding-right: 0; width: 65px; text-align: center;}
.p_table td.p_td_request_list_num{padding-left: 0; padding-right: 0; width: 90px; text-align: center;}
.p_table td.p_td_request_division{padding-left: 0; padding-right: 0; width: 52px; text-align: center;}
.p_table td.p_td_correction_division{padding-left: 0; padding-right: 0; width: 40px; text-align: center;}
.p_table td.p_td_emergencyStat{padding-left: 0; padding-right: 0; width: 25px; text-align: center;}
.p_table td.p_td_name{padding-left: 0; padding-right: 0; width: 45px; text-align: center;}
.p_table td.p_td_phone{padding-left: 0; padding-right: 0; width: 90px; text-align: center;}
.p_table td.p_td_move{width: 20px;background-color: #666666;font-size: 0;padding: 0;text-align: center;}
.p_table td.p_td_move:before{content: '';position: relative;display: inline-block;height: 18px;width: 13px;background-image: url(/_IMG/_ICON_PACK/main_icon_pack.png);background-repeat: no-repeat;background-size: 150px auto;background-position: -21px -29px;}
.p_table td.p_down_btn{position: relative; width: 31px; height: 15px; cursor: pointer; text-align: center;}
.p_table td.p_down_btn:before{content: ''; display: inline-block; width: 15px; height: 15px; background: url('/_IMG/_ICON_PACK/down_icon.png') no-repeat center center; background-size: contain;}

.p_table td .p_clipboard_btn{position: relative; display: block; }
.p_table td .p_clipboard_btn:before{content: ''; position: absolute; top: 0; right: 0; margin-left: 5px; width: 20px; height: 15px; background-image: url(/_IMG/_ICON_PACK/main_icon_pack2.png); background-repeat: no-repeat;background-size: 140px auto; background-position: -39.5px -139.4px;}
.p_table td .p_clipboard_btn:hover:before{opacity: .5;}
.p_table td .p_clipboard_btn:active{top: 1px;}

.p_table td .p_dt_btn{display: inline-block; padding: 2px 3px;background-color: #3c8aff;}
.p_table td .p_dt_btn:hover{opacity: .5;}
.p_table td .p_dt_btn:active{top: 1px;}
.p_table td .p_dtbtn_font{color: #fff;}
.p_table td .p_dt_btn_searchIcon{}
.p_table td .p_dt_btn_searchIcon:before{content: '';display: inline-block;width: 17px;height: 17px;background-image: url(/_IMG/_ICON_PACK/main_icon_pack2.png);background-repeat: no-repeat;background-size: 170px auto;background-position: -21px -16px;}
.p_table td .p_dt_btn_active{background-color: #3c8aff;}

.p_table .td_name{font-weight: bold; text-align: center;}

.p_dt_td_icon_btn{display: inline-block;vertical-align: middle;padding: 5px;border-radius: 5px;margin:0 3px;}
.p_dt_td_icon_btn:last-child{margin-right: 0;}
.p_dt_td_icon_btn font{width: 20px;height: 20px;background-image: url(https://source.joonchart.com/service/img/icons/iconPack.png);background-repeat: no-repeat;background-size: 230px auto;}
.p_dt_td_icon_btn span {color:#395b77; font-weight: bold;}

.p_help_me_datatable_im_between_date_wrap{display: none;}
.p_table_between_date_wrap{display: inline-block;vertical-align: middle;padding: 0px 10px;border-radius: 10px;margin-left: -25px; z-index: 5;}
.p_t_bw_d_tit{padding-right: 10px;}
.p_t_bw_d_con_box{display: inline-block;vertical-align: middle;}
.p_between_date{width: 120px;padding-left: 0;padding-right: 14px;text-align: center;}
.p_calaner_icon{position: relative; width: 0;}
.p_calaner_icon::before{content: "";  position: absolute; display: inline-block; width: 18px; height: 18px; position: relative; background-image: url(https://source.joonchart.com/service/img/icons/calendar.png); background-size: cover; right: 25px;}
.p_between_hyphen{padding: 0 7px;}
.p_between_submit{}

.p_help_me_datatable_im_top_btn_wrap{display: none;}
.p_table_top_btn_wrap{position: absolute;right: 5px;top: 5px;}
.p_table_top_btn_box{}
.p_table_top_btn{}

.p_btn,
.p_btn_blue_gradient{padding: 13px 0;background-color: #1F3082; display: inline-block; border-radius: 8px;}
.p_btn span{color: #fff; font-weight: 500;}
.p_btn:first-child,
.p_btn_blue_gradient:first-child{margin-left:0;}

.p_btn{}
/*.p_btn:hover{cursor: pointer; background-color: var(--css-maincolor);}
.p_btn:hover span{color:white;}
.p_btn:active{top: 1px;}*/

.p_btn_blue_gradient{border-radius: 5px;
background: var(--css-maincolor);
background: -moz-linear-gradient(left, var(--css-maincolor) 0%, #6eaaff 100%);
background: -webkit-linear-gradient(left, var(--css-maincolor) 0%,#6eaaff 100%);
background: linear-gradient(to right, var(--css-maincolor) 0%,#6eaaff 100%);
filter: progid:DXImageTransform.Microsoft.gradient startColorstr='var(--css-maincolor)', endColorstr='#6eaaff',GradientType=1 ;
}
.p_btn_blue_gradient span{color: #fff;font-weight: bold;}

.p_btn_blue_gradient:hover{
background: #325cde;
background: -moz-linear-gradient(left, #325cde 0%, var(--css-maincolor) 100%);
background: -webkit-linear-gradient(left, #325cde 0%,var(--css-maincolor) 100%);
background: linear-gradient(to right, #325cde 0%,var(--css-maincolor) 100%);
filter: progid:DXImageTransform.Microsoft.gradient startColorstr='#325cde', endColorstr='var(--css-maincolor)',GradientType=1 }
.p_btn_blue_gradient:active{top: 1px;}


.p_table .p_btn{padding:1px 5px; border-radius: 3px; background-color:#1F3082;}
.p_table .p_btn span{color:white;}
.p_i{display: inline-block;width: 100%;padding: 0 5px 14px;}
.p_i_2{width: 50%;}

.p_i_3{width: 33.33%;}
.p_i_3__2{width: 66.66%;}

.p_i_4{width: 25%;}
.p_i_4__3{width: 75%;}

.p_i_5{width: 20%;}
.p_i_5__2{width: 40%;}
.p_i_5__3{width: 60%;}

.p_i_6{width: 16.66%;}
.p_i_6__5{width: 83.33%;}

.p_i_8{width: 12.5%;}
.p_i_8__3{width: 37.5%;}
.p_i_8__5{width: 62.5%;}
.p_i_8__7{width: 87.5%;}

.p_i_12{width: 8.33%;}

.p_i_tit{font-weight: bold; color: #000;transform: rotate(-0.1deg);}
.p_i_con{width:100%;padding-top:8px;min-height: 22px;line-height: 17px;font-size: 14px;color: #598cff;transform: rotate(-0.1deg);}
.p_i_con_box{min-height: 22px;padding-top:8px;}


.p_confirm_span{display: block;padding: 0px 0 0;text-align: center;line-height: 18px;font-size: 14px;color: #000;}


.p_box{padding:10px;background-color: #fff; border:1px solid #dfe5eb; border-radius: 4px; margin-bottom: 10px; width: 100%; vertical-align: top;}
.p_box_tit{padding:10px 0; padding-left: 20px; }
.p_box_tit span{font-weight: bold; font-size: 16px;}
.p_box_tit span:before{ content: '';position: absolute;display: block;left: -17px;top:3px;width: 10px;height: 10px;background-color: #bfc9d5;border-radius: 3px;}





/*데이트피커*/
#ui-datepicker-div{font-size: 12px;}
#ui-datepicker-div div{font-size: 14px;}
#ui-datepicker-div{background-color: #fff;border-radius: 1px;z-index: 20;box-shadow: 0 2px 6px rgb(0 0 0 / 20%);}
.ui-icon{display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}
.ui-widget-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.ui-datepicker{padding: 4px;display: none;}
.ui-datepicker .ui-datepicker-header{position: relative;padding: .2em 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position: absolute;top: 8px;width: 16px;
    height: 16px;
    background-image: url(https://source.joonchart.com/service/img/icons/iconPack_old.png);
    background-repeat: no-repeat;
    background-size: 300px auto;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{cursor: pointer;}
.ui-datepicker .ui-datepicker-prev{left: 10px;background-position: -122px -5px;}
.ui-datepicker .ui-datepicker-next{right: 10px;background-position: -107px -5px;}
.ui-datepicker .ui-datepicker-prev-hover{left: 8px;}
.ui-datepicker .ui-datepicker-next-hover{right: 8px;}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}

.ui-datepicker .ui-datepicker-title{margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-datepicker .ui-datepicker-title select{font-size: 14px;margin: 1px 0;}

.ui-datepicker table{width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
.ui-datepicker th{padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
.ui-datepicker td{border: 0;padding: 1px;}
.ui-datepicker td span,
.ui-datepicker td a{display: block;
    width: 32px;
    height: 32px;
    padding-top: 8px;
    text-align: center;
    color: #222;
    font-size: 14px;}
.ui-datepicker td a.ui-state-default.ui-state-highlight{background-color: #f1f1f1;color: #007bce;}
.ui-datepicker td a.ui-state-default.ui-state-hover{color: #007bce;}
.ui-datepicker td a.ui-state-default.ui-state-active{border-radius: 10px;background: #325cde;
    background: -moz-linear-gradient(left, #325cde 0%, var(--css-maincolor) 100%);
    background: -webkit-linear-gradient(left, #325cde 0%,var(--css-maincolor) 100%);
    background: linear-gradient(to right, #325cde 0%,var(--css-maincolor) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325cde', endColorstr='var(--css-maincolor)',GradientType=1 );

    color: #fff;

    font-weight: bold;box-shadow: 0 2px 6px rgb(0 0 0 / 40%);}
.ui-datepicker td a:active{top: 1px;}
.ui-datepicker .ui-state-disabled{background-color: #f9f9f9;}
.ui-datepicker .ui-state-disabled .ui-state-default{opacity: .5;}
.ui-datepicker .ui-datepicker-other-month{background-color: #fff;}
.ui-datepicker-calendar .highlight{background-color: #ffd4d4;}
.ui-datepicker .ui-datepicker-buttonpane{background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button{float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float: left;}
.ui-datepicker.ui-datepicker-multi{width: auto;}
.ui-datepicker-multi .ui-datepicker-group{float: left;}
.ui-datepicker-multi .ui-datepicker-group table{width: 95%;margin: 0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group{width: 50%;}
.ui-datepicker-multi-3 .ui-datepicker-group{width: 33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group{width: 25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 0;}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear: left;}
.ui-datepicker-row-break{clear: both;width: 100%;font-size: 0;}
.ui-datepicker-rtl{direction: rtl;}
.ui-datepicker-rtl .ui-datepicker-prev{right: 2px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next{left: 2px;right: auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right: 1px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover{left: 1px;right: auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear: right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float: left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group{float: right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width: 0;border-left-width: 1px;}

/*컨펌창*/
.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom: 0!important;}
.jconfirm-box{   min-width: 300px; }
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box{box-shadow:initial; -webkit-box-shadow:initial; border-radius: 15px;}
.jconfirm .jconfirm-box{padding:0px 0px 0px;}
.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom: 0px; display: flex; justify-content: center;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{
        float: initial;
}
.jconfirm .jconfirm-box .jconfirm-buttons>button{margin:0; border-radius: 0; width: 100%; padding:15px 12px; font-weight: 400!important;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color: #fff;border-top: 1px solid #E6E6E6;
    color: #121212; font-weight: 400;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{min-height: 50px; display: flex; align-items: center; justify-content: center; padding: 50px 20px 30px 20px;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content span{line-height: 1.2; font-size:14px; color:#737373;}
.jconfirm .jconfirm-box div.jconfirm-title-c{display: none;padding-bottom: 0px; text-align:  center;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{padding:20px 20px 0; font-size: 18px; }
.jconfirm .jconfirm-box div.jconfirm-closeIcon{top:20px; right: 15px;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color: #fff;border-top: 1px solid #E6E6E6;
    color: #121212; font-weight: 400;}

/*toastr*/
.toast-bottom-center{position: relative;}
.toast-info{position: fixed; bottom: 85px; height: 50px; background: rgba(0, 0, 0, 0.63); border-radius:7px; margin: 0 auto; left: 0; right: 0; width: 90%;}
.toast-message{text-align: center;}
.toast-info span{color: #fff; line-height: 50px;}

/*너비 넘어가면 텍스트 ... 처리함*/
.text_hidden{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 20px;}
.text_hidden_two_line{padding-right: 0; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.display_none{display: none!important;}
.display_block{display: block!important;}
.display_flex{display: flex; align-items: center;}
.flex_center{display: flex; align-items: center; justify-content: center;}
.close_page_btn{padding-top: 30px; width: 100%;}
.close_page_btn i{font-size: 25px; color: #fff;}


.head_wrap{height: 70px; background-color: #fff; text-align: center; position: relative;}
.back_page_btn{position: absolute; left: 20px; bottom: 17px;}
.back_page_btn i{font-size: 25px; color: #121212;}
.header_tit{padding-top: 32px;}
.body_wrap{padding: 15px 20px 50px 20px;min-height: calc(100vh - 140px);}
.bot_btn_box{padding-bottom: 50px; width: 100%; text-align: center;}
.bot_btn_box a{width: 90%; text-align: center;}
.bot_btn_txt{display: flex; justify-content: flex-start; padding: 0 0 13px 20px; font-weight: 500;}
.bot_btn_txt_color{font-weight: 600; color: #1F3082;}

.line_box{padding: 16px 0;width: 100%; }
.line{border-top: 1px solid #E8E8E8;}


/*하단 고정버튼 */
/*
<div class="footer_fix_btn_box">
    <a href="javascript:void(0);" class="p_btn">
        <span class="f_normal">등록하기</span>
    </a>
</div>
*/
.footer_fix_btn_box{ width: 90%; position: fixed; bottom: 30px;right: 0; left: 0;margin: 0 auto;}
.footer_fix_btn_box .p_btn{width: 100%; text-align: center; padding: 17px 0; border-radius: 8px;}


/* select 안드로이드만 아이콘나오는 현상 막기위함 */
.p_select_box select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 5px 20px 5px 10px;
  direction: rtl;
  text-align: right !important;
}
/* .p_select_box:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  pointer-events: none;
  transform: translateY(-50%);
} */