@charset "utf-8";
/*
*   name : uxis default
*   date : 2021.07.07 
*	사이트에 맞게 필요없는 항목부터 지운 뒤 변경해서 사용 요망.
*/

/* 포인트 컬러 */
:root {
  --point-color: #0043ed;
}


/* font */
html {font-size:62.5%;}
body,
body * {font-family:-apple-system, BlinkMacSystemFont,"Malgun Gothic",sans-serif;font-weight:400;letter-spacing:-0.03em;font-size:1.5rem;color:#333;-webkit-font-smoothing: antialiased;word-wrap:break-word;word-break:keep-all;}
strong {font-weight:700;}

.fcPoint {color:var(--point-color) !important;}
.fcBlue {color:#0044ed !important;}


/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}	


/* button */
.btn {border:none;cursor:pointer;line-height:normal;text-align:center;transition:all 0.3s;border-radius:30px;;max-width:100%;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center; 
align-items: center;
-ms-flex-pack: center; 
justify-content: center;
}
.btn span {display:inline-block;max-width:100%;position:relative;transition:color .3s;line-height:140%;font-weight:500;font-family: 'Pretendard',sans-serif;}
.btn.noclick {cursor:default;}

	/* 버튼 크기 */
.btn.sizeB {min-height:60px;padding:1rem 2.5rem;}
.btn.sizeM {min-height:40px;padding:0.8rem 2.5rem;}
.btn.sizeS {min-height:35px;padding:0.6rem 2.5rem;}

.btn.sizeM span {font-size:1.5rem;}

	/* 버튼 색상*/
.btn.point {background:var(--point-color);border:1px solid var(--point-color);}
.btn.point span {color:#fff;}	
.btn.blue {background:#0043ed;border:1px solid #0043ed;}
.btn.blue span {color:#fff;}
.btn.black {background:#333;border:1px solid #333;}
.btn.black span {color:#fff;}
.btn.white {background:#fff;border:1px solid #fff;}
.btn.white span {color:var(--point-color);}
.btn.grayL {background:#fff;border:1px solid #e3e3e3;}
.btn.orangeL {background:#fff;border:1px solid #ed8b00;}
.btn.orangeL span {color:#ed8b00;}

	/* hover */
.btn:hover,
.btn:focus {box-shadow:0 10px 30px rgba(0, 0, 0, 0.07);}	

	/* 아이콘 */
.btn.search {background:var(--point-color);border:1px solid var(--point-color);}
.btn.search span {padding-left:20px;color:#fff;}
.btn.search span:before {content:"";position:absolute;top:50%;left:0;margin-top:-7px;width:12px;height:13px;display:block;background:url(/boss/img/Default/btn_search.svg) no-repeat center center;}

.btn.download {background:#fff;border:1px solid #e3e3e3;}
.btn.download span {padding-left:25px;}
.btn.download span:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:17px;height:16px;display:block;background:url(/boss/img/Default/btn_download.svg) no-repeat center center;}

.btn.upload {background:#fff;border:1px solid #e3e3e3;}
.btn.upload span {padding-left:25px;}
.btn.upload span:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:17px;height:16px;display:block;background:url(/boss/img/Default/btn_upload.svg) no-repeat center center;}

.btn.print {background:#fff;border:1px solid #e3e3e3;}
.btn.print span {padding-left:25px;}
.btn.print span:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;display:block;background:url(/boss/img/Default/btn_print.svg) no-repeat center center;}

.btn.excel {background:#fff;border:1px solid #e3e3e3;}
.btn.excel span {padding-left:25px;}
.btn.excel span:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;display:block;background:url(/boss/img/Default/btn_excel.svg) no-repeat center center;}

.btn.del {background:#fff;border:1px solid #ed8b00;}
.btn.del span {padding-left:25px;color:#ed8b00;}
.btn.del span:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;display:block;background:url(/boss/img/Default/btn_del.svg) no-repeat center center;}

.btn.list {background:#fff;border:1px solid #e3e3e3;}
.btn.list span {padding-left:20px;}
.btn.list span:before {content:"";position:absolute;top:50%;left:0;margin-top:-5px;width:12px;height:10px;display:block;background:url(/boss/img/Default/btn_list.svg) no-repeat center center;}

.btn.view {background:#fff;border:1px solid #e3e3e3;}
.btn.view span {padding-left:20px;}
.btn.view span:before {content:"";position:absolute;top:50%;left:0;margin-top:-7px;width:14px;height:14px;display:block;background:url(/boss/img/Default/btn_view.svg) no-repeat center center;}

.btn.info {background:#fff;border:1px solid #e3e3e3;}
.btn.info span {padding-left:20px;}
.btn.info span:before {content:"";position:absolute;top:50%;left:0;margin-top:-7px;width:14px;height:14px;display:block;background:url(/boss/img/Default/btn_info.svg) no-repeat center center;}

/* 라운드 빼기 */
.rec {border-radius:3px;padding-left:1.5rem !important;padding-right:1.5rem !important;}


/* 아이콘 이미지 버튼 */
.icoBtn {display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;}
.icoBtn.add {background-image:url(/boss/img/Default/icoBtn_add.svg);}
.icoBtn.del {background-image:url(/boss/img/Default/icoBtn_del.svg);}


/* input */
input[type="text"], 
input[type="password"],
input[type="tel"],
input[type="number"] {height:35px;padding:0 10px;border:1px solid #e3e3e3;border-radius:3px;}
input[type="text"]:disabled, 
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled {background-color:#f2f5f9;}
select {position:relative;height:35px;padding:0 55px 0 10px;border:1px solid #e3e3e3;border-radius:3px;background:url(/boss/img/Default/select_dropdown.svg) no-repeat right center #fff;}
textarea {padding:10px;border:1px solid #e3e3e3;border-radius:3px;}
	
	
	/* 검색 셀렉트 */
.select2-container--default .select2-selection--single {height:40px !important;border:1px solid #e3e3e3 !important;border-radius:3px !important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding:0 55px 0 10px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:0px !important;right:0px !important;width:40px !important;height:40px !important;background:url(/boss/img/Default/select_dropdown.svg) no-repeat right center !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:none !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:40px !important;}

.alertMessage {display:block;margin-top:1rem;font-size:1.4rem;font-weight:500;}


/* datepicker, timepicker*/
.datepicker {background:url(/boss/img/Default/datepicker.svg) no-repeat right 10px center #fff ;padding-right:35px !important;}
.timepicker {padding-right:35px !important;background-image:url(/boss/img/Default/timepicker.svg);background-repeat:no-repeat;background-position:right 10px center;}


/* 첨부파일 */
.input-file + .input-file {margin-top:1.5rem;}
.inputFile + .inputFile {margin-top:1rem;}
.inputFile {position:relative;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
}
.inputFile .fileNm {display:inline-block;border: 1px solid #e3e3e3;padding: 0 10px;height: 35px;border-radius:3px;width: 250px;max-width: calc(100% - 90px);vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background:#f2f5f9;}
.inputFile input[type="file"] {position:absolute;width:0px;height:0px;padding:0;overflow:hidden;border:none;}
.file-label {vertical-align: middle;width:80px;margin-left:5px;}
.inputFile input[type="file"]:disabled ~ .file-label {background:#f6f8fb;cursor:default;border-color:#f6f8fb;}
.inputFile input[type="file"]:disabled ~ .file-label span {color:#a8aaab;}
.inputFile .icoBtn {margin-left:15px;}

.fileDiv  + .fileDiv {margin-top:5px;}

/* table */
	/* 기본 테이블 */
.tbl01 {position:relative;width:100%;table-layout:fixed;margin-top:1px;}
.tbl01:before {content:"";position:absolute;top:-1px;left:0;display:block;width:100%;height:0px;border-bottom:1px solid #333;}
.tbl01 th {background:#f2f5f9;font-weight:bold;}
.tbl01 span,
.tbl01 a:not(.btn),
.tbl01 label {line-height:140%;}
.tbl01 th,
.tbl01 td {border-bottom:1px solid #e3e3e3;text-align:center;line-height:140%;}
.tbl01 th {padding:10px 10px;}
.tbl01 td {padding:8px 10px;}
.tbl01 th + th,
.tbl01 td + td,
.tbl01 th + td,
.tbl01 td + th {border-left:1px solid #e3e3e3}
.tbl01 .lline {border-left:1px solid #e3e3e3}
.tbl01 td .btn {vertical-align:middle;}

	/* 인풋 입력 테이블 */
.tbl-form {width:100%;border-top:1px solid #dde4eb;table-layout:fixed;}
.tbl-form_th {width:200px;}
.tbl-form_th2 {width:160px;}
.tbl-form_th2td {width:calc(50% - 160px);}
.tbl-form th {padding:12px 20px 12px 35px;background:#f2f5f9;border-bottom:1px solid #dde4eb;font-family: 'Pretendard',sans-serif;font-weight:700;text-align:left;line-height:140%;}
.tbl-form th span,
.tbl-form2 th a:not(.btn),
.tbl-form th label {font-weight:700}
.tbl-form th span,
.tbl-form2 th a:not(.btn),
.tbl-form th label {line-height:140%;}
.tbl-form td {padding:12px 15px;height:50px;border-bottom:1px solid #dde4eb;line-height:140%;}
.nec {position:relative;}
.nec:before {content:"";position:absolute;top:9px;left:-15px;display:block;width:4px;height:4px;background:#3174e3;border-radius:50%;}
.tbl-form td input[type="text"],
.tbl-form td input[type="number"],
.tbl-form td input[type="tel"],
.tbl-form td input[type="password"],
.tbl-form td select,
.tbl-form td .btn {vertical-align:middle;}

	/* 사방라인 인풋 입력 테이블 */
.tbl-form2 {width:100%;border-collapse: separate;table-layout:fixed;}
.tbl-form2_th {width:150px;}
.tbl-form2 th {padding:12px 20px 12px 35px;background:#f2f5f9;border-bottom:1px solid #dde4eb;border-right:1px solid #dde4eb;font-family: 'Pretendard',sans-serif;font-weight:700;text-align:left;line-height:140%;}
.tbl-form2 span,
.tbl-form2 a:not(.btn),
.tbl-form2 label {line-height:140%;}
.tbl-form2 td {padding:12px 15px;height:40px;border-bottom:1px solid #dde4eb;border-right:1px solid #dde4eb;line-height:140%;}
.tbl-form2 th:first-child,
.tbl-form2 td:first-child {border-left:1px solid #dde4eb}
.tbl-form2 tr:first-child th,
.tbl-form2 tr:first-child td {border-top:1px solid #dde4eb;}
.tbl-form2 tr:first-child th:first-child,
.tbl-form2 tr:first-child td:first-child {border-top-left-radius:5px;}
.tbl-form2 tr:first-child th:last-child,
.tbl-form2 tr:first-child td:last-child {border-top-right-radius:5px;}
.tbl-form2 tr:last-child th:first-child,
.tbl-form2 tr:last-child td:first-child {border-bottom-left-radius:5px;}
.tbl-form2 tr:last-child th:last-child,
.tbl-form2 tr:last-child td:last-child {border-bottom-right-radius:5px;}

.trLink tbody tr {cursor:pointer;transition:background-color .3s;}
.trLink tbody tr:hover,
.trLink tbody tr:focus {background:#f5f5f5}

table a:not(.btn):not([class*="btn-"]) {text-decoration:underline;transition:all .3s;}
table a:not(.btn):not([class*="btn-"]):hover,
table a:not(.btn):not([class*="btn-"]):focus {color:#0043ed;}
table input[type="text"],
table input[type="password"],
table input[type="tel"],
table input[type="number"],
table select,
table textarea {max-width:100%;}

.tbl_noticeIcon {display:inline-block;width:20px;height:14px;background:url(/boss/img/Default/board_notice.svg) no-repeat center center;}

.tblBtn {display:inline-block;width:35px;height:35px;line-height:35px;background-color:#f2f5f9;background-repeat:no-repeat;background-position:center center;border-radius:3px;font-size:0;text-align:center;vertical-align:middle;cursor:pointer;transition:background-color .3s;}
.tblBtn + .tblBtn {margin-left:3px;}
.tblBtn.modi {background-image:url(/boss/img/Default/tblBtn_modi.svg);}
.tblBtn.del {background-image:url(/boss/img/Default/tblBtn_del.svg);}
.tblBtn.copy {background-image:url(/boss/img/Default/tblBtn_copy.svg);}
.tblBtn.save {background-image:url(/boss/img/Default/tblBtn_save.svg);}
.tblBtn.sel {background-image:url(/boss/img/Default/tblBtn_sel.svg);}
.tblBtn.auth {background-image:url(/boss/img/Default/tblBtn_auth.svg);}
.tblBtn:hover,
.tblBtn:focus {background:#333;font-size:1.3rem;font-weight:500;color:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.15);}

.tblFileicon {text-indent:-25px;padding-left:25px;display:block;}
.tblFileicon + .tblFileicon {margin-top:10px;}
.tblFileicon:before {content:url(/boss/img/Default/tblFileicon.svg);display:inline-block;width:16px;height:14px;vertical-align:middle;margin-right:7px;text-indent:0;}
.tblFileicon span {vertical-align:middle;}

.board-ctit {font-size:1.6rem;font-weight:700;text-align:center;padding:20px 10px !important;}
.board-ctxt {padding:20px 10px !important;}
.board-view-fileLst + .board-view-fileLst {margin-top:10px;}


/* 테이블 헤더 고정 */
.headFix-wrap {overflow-y:auto;max-height:calc(100vh - 150px);border-top: 1px solid #333;}
.headFix-wrap table {margin-top:0;}
.headFix-wrap table:before {display:none;}
.headFix thead {position:sticky;top:0px;left:0;z-index:1;}

/* board_search */
.board-search {padding-bottom:20px;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
-ms-flex-wrap: wrap; 
flex-wrap: wrap;
}
.board-search.tblTop {padding:30px 0;border-top:1px solid #333;}
.board-search .total {position:relative;padding-left:25px;margin-right:40px;}
.board-search .total:before {content:"";position:absolute;top:50%;left:0;margin-top:-9px;display:block;width:16px;height:19px;background:url(/boss/img/Default/total.svg) no-repeat center center;}
.board-search .total span {font-family: 'Pretendard',sans-serif;}
.board-search .total span strong {font-size:1.5rem;color:var(--point-color);}
.board-search  select {width:auto;padding:0 20px 0 0;border:none;background:url(/boss/img/Default/select_dropdown_noline.svg) no-repeat right center;font-size:1.4rem;}
.board-search  select + select {margin-left:20px;}

.board-search .search {margin-left:auto;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
}
.board-search .search select {margin:0 20px;}
.board-search .search input[type="text"] {height:50px;border:none;border-bottom:1px solid #e3e3e3;}
.board-search .search .srcInput {position:relative;}
.board-search .search .srcInput input[type="text"] {width:300px;padding-right:30px;}
.board-search .search .srcInput button {position:absolute;top:50%;right:0;margin-top:-25px;width:30px;height:50px;background:url(/boss/img/Default/board_searchBtn.svg) no-repeat right center;}

.tblTop-r {margin-left:auto;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
}
.tblTBtn {display:block;width:40px;height:40px;background-position:center center;background-repeat:no-repeat;position:relative;}
.tblTBtn.del {background-image:url(/boss/img/Default/tblTBtn_del.svg);}
.tblTBtn.print {background-image:url(/boss/img/Default/tblTBtn_print.svg);}
.tblTBtn.excelUp {background-image:url(/boss/img/Default/tblTBtn_excelUp.svg);}
.tblTBtn.excelDown {background-image:url(/boss/img/Default/tblTBtn_excel.svg);}
.tblTBtn.add {background-image:url(/boss/img/Default/tblTBtn_add.svg);}
.tblTBtn span {display:none;position:absolute;left:50%;bottom:-10px;transform:translate(-50.2%, 0);height:20px;line-height:20px;padding:0 7px;background:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.15);border-radius:3px;white-space:nowrap;font-size:1.3rem;font-weight:500;}
.tblTBtn:hover span,
.tblTBtn:focus span {display:block;}


.changeSel {display:inline-block;height:40px;padding-left:10px;border:1px solid #e3e3e3;border-radius:40px;}
.changeSel select {margin-right:10px;border:none;background-image:url(/boss/img/Default/select_dropdown_noline.svg);background-color:transparent;}
.changeSel button {height:40px;line-height:40px;padding:0 10px;background:#333;border-radius:40px;}
.changeSel button span {color:#fff;}


/* board bottom button */
.board-btn {padding-top:3rem;font-size:0;}
.board-btn:after {content:"";display:block;clear:both;}
.board-btn .fl,
.board-btn .fr {font-size:0;margin-bottom:2rem;}
.board-btn .btn {min-width:120px;}
.board-btn .btn + .btn,
.board-btn .btn + .changeSel,
.board-btn .changeSel + .btn {margin-left:5px;}

.board-btn.top {padding-top:0;}
.board-btn.top .fl,
.board-btn.top .fr {margin-bottom:2rem;}


/* paging */
/*
.board-page  {margin-top:3rem;text-align:center;line-height:110%;display:block;position:relative;height:auto; padding:0 0 25px 0}
.board-page a, 
.board-page strong{display:inline-block;margin:0 15px;text-align:center;font-family: 'Pretendard',sans-serif;position:relative;font-size:1.6rem;vertical-align:middle;}
.board-page a:hover{background:#f5f5f5}
.board-page a.on, 
.board-page a.over, 
.board-page strong{font-weight:500;}
.board-page a.on:before, 
.board-page a.over:before, 
.board-page strong:before {content:"";position:absolute;bottom:-5px;left:0;display:block;width:100%;height:2px;background:#222;}

.board-page a.page-first {margin:0 10px 0 0;}
.board-page a.page-prev {margin-left:0px;}
.board-page a.page-next {margin-right:0;}
.board-page a.page-last {margin:0 0 0 10px;}
.board-page a.page-first,
.board-page a.page-prev,
.board-page a.page-next,
.board-page a.page-last {width:40px; height:40px;border-radius:50%;background-color:#f2f5f9;border:none;font-size:0;position:relative;transition:all .3s;}
.board-page a.page-first:before,
.board-page a.page-last:before {content:"";position:absolute;top:50%;left:50%;margin:-5px 0 0 -5px;display:block;width:11px;height:10px;background:url(/boss/img/Default/paging.svg) no-repeat;}
.board-page a.page-prev:before,
.board-page a.page-next:before {content:"";position:absolute;top:50%;left:50%;margin:-5px 0 0 -3px;display:block;width:6px;height:10px;background:url(/boss/img/Default/paging.svg) no-repeat;}

.board-page a.page-first:before {background-position:left center;}
.board-page a.page-prev:before {background-position:-12px center;}
.board-page a.page-next:before {background-position:-28px center;}
.board-page a.page-last:before {background-position:right center;}
*/
.cms-pager{margin-top:3rem; display:flex; align-items: center; justify-content: center; gap:4px; flex-wrap:wrap;}
.cms-pager .item{width:4rem; height:4rem; display:flex; align-items: center; justify-content: center; border:1px solid #ddd; color:var(--color-font-black); font-size:var(--font-size-1); font-weight:var(--font-weight-medium); line-height: 1;}
.cms-pager .item.more{border:none;}
.cms-pager .icon{font-size:var(--icon-size-1)}
.cms-pager .item.on{color:var(--color-brand-blue); border:1px solid var(--color-brand-blue); background:rgba(148,193,255,0.34);font-weight: var(--font-weight-bold);}


/* checkbox */
input[type="checkbox"] {appearance:checkbox}
.chkBox {display:inline-block;min-height:20px;padding-left:20px;color:#555;position:relative;}
.chkBox > label {font-size:0 !important;}
.chkBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.chkBox .box {display:block;position:absolute;top:0;left:0;width: 20px; height: 20px; cursor: pointer; background: url('/boss/img/Default/checkbox.svg') no-repeat left center;font-size:0;}
.chkBox .labelTxt {font-size:1.5rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.chkBox input:checked ~ .box {background-position:-21px center;}
.chkBox input:disabled ~ .box {background-position:-63px center;}
.chkBox input:checked:disabled ~ .box {background-position:right center;}
.chkBox input:focus ~ .box {background-position:-42px center;}
.chkBox input:focus:checked ~ .box {background-position:-21px center;}

.chkBox.in .box {background-image:url(/boss/img/Default/checkbox_in.svg);}

input[type="radio"] {appearance:radio}
.radioBox {display:inline-block;min-height:20px;padding-left:20px;color:#555;position:relative;}
.radioBox > label {font-size:0 !important;}
.radioBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.radioBox .box {display:block;position:absolute;top:0;left:0;width: 20px; height: 20px; cursor: pointer; background: url('/boss/img/Default/radio.svg') no-repeat left center;font-size:0;}
.radioBox .labelTxt {font-size:1.5rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.radioBox input:checked ~ .box {background-position:-21px center;}
.radioBox input:disabled ~ .box {background-position:-63px center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;}
.radioBox input:focus ~ .box {background-position:-42px center;}
.radioBox input:focus:checked ~ .box {background-position:-21px center;}


/* title */
.u-tit02 {margin-bottom:2rem;font-weight:700;font-size:1.8rem;font-family: 'Pretendard',sans-serif;line-height:160%;}
.topBox .u-tit02 {margin-bottom:0;}

.u-titNum {text-indent:-35px;padding-left:35px;margin-bottom:2rem;}
.u-titNum .num {display:inline-block;width:30px;height:30px;line-height:30px;margin-right:5px;background:var(--point-color);text-align:center;vertical-align:middle;border-radius:50%;color:#fff;font-size:1.6rem;font-weight:700;text-indent:0;font-family: 'Pretendard',sans-serif;}
.u-titNum .txt {vertical-align:middle;font-size:1.8rem;font-weight:700;font-family: 'Pretendard',sans-serif;line-height:160%;}

.u-tit03 {position:relative;padding-left:10px;margin-bottom:2rem;font-weight:700;font-size:1.6rem;font-family: 'Pretendard',sans-serif;line-height:160%;}
.u-tit03:before {content:"";position:absolute;top:10px;left:0;display:block;width:4px;height:4px;border-radius:3px;background:#333;}

/* 타이틀 옆에 버튼 붙어있을 시 박스 */
.titAlign {
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
-ms-flex-wrap: wrap; 
flex-wrap: wrap;
}
.titAlign .ml_auto {margin-bottom:2rem;}


/* tab */
.u-tab {margin-bottom:4rem;}
.u-tab.st01 {width:100%;border-bottom:1px solid #e3e3e3;
display: -ms-flexbox; 
display: flex;
}
.u-tab.st01 li {margin-bottom:20px;position:relative;}
.u-tab.st01 li + li {margin-left:30px;}
.u-tab.st01 li a span {color:#999;font-size:1.5rem;line-height:140%;}
.u-tab.st01 li.over:before {content:"";position:absolute;bottom:-21px;left:0;display:block;width:100%;height:3px;background-color:var(--point-color);}
.u-tab.st01 li.over a span {color:var(--point-color);font-weight:700;}

.u-tab.st02 {width:100%;margin-top:1px;margin-left:1px;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: stretch; 
align-items: stretch;
-ms-flex-wrap: wrap; 
flex-wrap: wrap;
}
.u-tab.st02 li {min-width:166px;width:20%;position:relative;margin:-1px 0 0 -1px;}
.u-tab.st02 li a {display:block;width:100%;height:100%;padding:15px 30px 15px 10px;border:1px solid #e3e3e3;background:#f2f5f9;position:relative;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
}
.u-tab.st02 li a span {color:#999;font-size:1.5rem;line-height:140%;}
.u-tab.st02 li.over a {background:var(--point-color);border-color:var(--point-color);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);z-index:1;}
.u-tab.st02 li.over a:after {content:"";position:absolute;top:50%;right:15px;margin-top:-2px;display:block;width:4px;height:4px;border-radius:50%;background:#fff;}
.u-tab.st02 li.over a span {color:#fff;}

.u-tab.st02.num li {counter-increment:u_tab2Num;}
.u-tab.st02.num li * {text-indent:0;}
.u-tab.st02.num li a {
-ms-flex-align: start; 
align-items: flex-start;
}
.u-tab.st02.num li a:before {content:counter(u_tab2Num);flex-basis: 25px;flex-shrink:0;display:block;width:24px;height:24px;line-height:24px;margin-right:10px;background:#fff;border-radius:50%;text-align:center;font-weight:500;text-indent:0;color:#999;}
.u-tab.st02.num li.over a:before {color:var(--point-color);}

.u-tabCont {display:none;margin-top:2rem;}


/* info */
.info-box {min-height:130px;padding:40px 40px 40px 130px;margin-bottom:4rem;background:url(/boss/img/Default/infoBox.svg) no-repeat 50px 50px #f2f5f9;border-radius:3px;line-height:160%;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
-ms-flex-wrap: wrap; 
flex-wrap: wrap;
}
.info-box-inwrap {line-height:160%;}
.info-box .info-tit {width:100%;display:block;font-weight:700;font-size:1.5rem;margin-bottom:1rem;}

.info-ex {text-indent:-25px;padding-left:25px;}
.info-ex:before {content:url(/boss/img/Default/info-ex.svg);display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:middle;text-align:center;text-indent:0;}
.info-ex .txt {vertical-align:middle;font-size:1.4rem;line-height:160%;}
.info-ex .txt i {font-style:normal;font-size:1.4rem;}

/* gray box */
.gray-box {padding:25px 20px;margin-bottom:2rem;border-radius:3px;line-height:160%;background:#f2f5f9;}


/* layerpop */
.layerpop-wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:40;}
.layerpop-tbl {display:table;table-layout:fixed;width:100%;height:100%;}
.layerpop-cell {display:table-cell;vertical-align:middle;}
.layerpop {width:600px;max-width:calc(100% - 40px);margin:25px auto 0;background:#fff;border-radius:5px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.2);opacity:0;transition:opacity .3s;}
.layerpop-wrap.open .layerpop {opacity:1;}
.layerpop-title {padding:0 30px;height:60px;position:relative;border-bottom:1px solid #e3e3e3;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
}
.layerpop-title h3 {font-size:1.8rem;font-weight:700;}
.layerpop-close {position:absolute;top:-25px;right:30px;width:50px;height:50px;background:url(/boss/img/Default/layerpop-close.svg) no-repeat center center #333;border-radius:50%;}
.layerpop-scr {max-height:calc(100vh - 200px);overflow:auto;}


.layerpop-scr_inwrap {padding:30px;}
.layerpop-btns {width:100%;height:60px;overflow:hidden;border-radius:0 0 5px 5px;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: stretch; 
align-items: stretch;
}
.layerpop-btns .lyp-btn {flex-grow:1;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
-ms-flex-pack: center; 
justify-content: center;
}
.layerpop-btns .lyp-btn span {font-size:1.5rem;font-weight:700;}
.layerpop-btns .lyp-btn.gray {background:#e3e3e3;}
.layerpop-btns .lyp-btn.point {background:var(--point-color);}
.layerpop-btns .lyp-btn.point span {color:#fff}


/* a tag no underline*/
.noAline,
.noAline a {text-decoration:none !important;}


/* 메뉴, 카테고리 뎁스 */
.depthTree {text-decoration:none !important;}
.depthTree:before {content:"└";font-size:1rem;color:#aaa;}


/* scroll coustom */
.scrCustom .scroll-element,
.scrCustom .scroll-element div {border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrCustom .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrCustom .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
.scrCustom .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 12px;}
.scrCustom.scroll-element .scroll-element_outer {overflow: hidden;}
.scrCustom .scroll-element .scroll-element_track { background-color: #f3f3f3;border-radius:0px;}
.scrCustom .scroll-element .scroll-bar { background-color: #cfcfcf;border-radius:0px;}
.scrCustom .scroll-element:hover .scroll-bar { background-color: #cfcfcf; }
.scrCustom .scroll-element.scroll-draggable .scroll-bar { background-color: #cfcfcf; }
.scrCustom .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrCustom .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrCustom .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrCustom .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


/* sortable */
.sortableLst li {padding:15px 35px 15px 15px;border:1px solid #e3e3e3;border-radius:3px;background:url(/boss/img/Default/sortableLst_deco.svg) no-repeat right 15px center;cursor:pointer;}
.sortableLst li + li {margin-top:0.5rem;}


/* 테이블 안 로딩스피너 */
.spinner {margin: 100px auto;width: 50px;height: 40px;text-align: center;font-size: 10px;}
.spinner > div {background-color: #cfcfcf;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


/* 월별 일정 테이블형 */
.schedule-calendar{position:relative;}
.schedule-calendar .bd-line{height:0px; border-top:2px solid #1a64c3; text-indent:-20000px; display:block;}
.schedule-calendar .month-select{margin-bottom:3rem;position:relative; text-align:center;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
-ms-flex-pack: center; 
justify-content: center;
}
.schedule-calendar .month-select .date{font-size:30px; font-weight:600; color:#072449;margin:0 30px;}
.schedule-calendar .month-select a {display:block;width:40px; height:40px;border-radius:50%;background:#f2f5f9;position:relative;}
.schedule-calendar .month-select a:before,
.schedule-calendar .month-select a:after {content:"";position:absolute;left:50%;margin-left:-5px;display:block;width:10px;height:2px;border-radius:10px;background:#333;}
.schedule-calendar .month-select .prev:before {top:16px;transform:rotate(-45deg);}
.schedule-calendar .month-select .prev:after {bottom:16px;transform:rotate(45deg);}
.schedule-calendar .month-select .next:before {top:16px;transform:rotate(45deg);}
.schedule-calendar .month-select .next:after {bottom:16px;transform:rotate(-45deg);}
.schedule-calendar table {width:100%;}
.schedule-calendar table thead th {font-size:15px; text-align:center; background:#f2f5f9; font-weight:600; padding:15px 0px;border-top:1px solid #dde4eb;border-bottom:1px solid #dde4eb;}
.schedule-calendar table tbody td {border-left:1px solid #dde4eb; border-bottom:1px solid #dde4eb; font-size:14px; padding:15px; height:100px; vertical-align:top;}
.schedule-calendar table tbody td:first-child{border-left:none;}
.schedule-calendar table tbody td .dayBox {margin-bottom:1rem;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;	
}
.schedule-calendar table tbody td .day{font-size:14px; padding-left:0px;font-weight:600;}
.schedule-calendar table tbody td .day.sun{color:#e22519;}
.schedule-calendar table tbody td .day.sat{color:#218bd8;}
.schedule-calendar table tbody td .schedule-whiteBtn {margin-left:auto;width:24px;height:24px;border:1px solid #dde4eb;position:relative;border-radius:50%;}
.schedule-calendar table tbody td .schedule-whiteBtn:before,
.schedule-calendar table tbody td .schedule-whiteBtn:after {content:"";position:absolute;top:50%;left:50%;display:block;border-radius:10px;background:#333;}
.schedule-calendar table tbody td .schedule-whiteBtn:before {width:8px;height:2px;margin:-1px 0 0 -4px;}
.schedule-calendar table tbody td .schedule-whiteBtn:after {width:2px;height:8px;margin:-4px 0 0 -1px;}
.schedule-calendar table tbody td .schedule-whiteBtn:hover,
.schedule-calendar table tbody td .schedule-whiteBtn:focus {box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);}
.schedule-calendar table tbody td ul {max-width:110px;}
.schedule-calendar table tbody td ul li{display:block;font-size:12px; position:relative; padding-left:8px; line-height:130%; margin-bottom:5px;}
.schedule-calendar table tbody td ul li:after{position:absolute; top:6px; left:0px; width:3px; height:1px; background:#999; display:block; content:"";}
.schedule-calendar table tbody td ul li a{white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden}

.schedule-view{ position:absolute; display:none; left:50%; margin-left:-300px; height:auto; width:600px; top:200px; background:#fff;box-shadow : 2px 2px 10px silver}
.schedule-view .close{ width:58px; height:58px; background:rgba(0,0,0,0.3) url(/cmmImg/Reserve/close-btn.png) no-repeat center center; position:absolute; right:0; top:0;}
.schedule-view h3{background:#175aaf url(/cmmImg/Content/layer-h3bg.png) repeat; height:58px ;color:#fff; padding:0 30px; line-height:58px; font-size:18px; letter-spacing:-0.05em; color:#fff}
.schedule-view h4{ font-weight:600; color:#555; font-size:15px;padding-left:13px; letter-spacing:-0.03em; margin-bottom:10px;background:url(/cmmImg/Content/u-tit03.jpg) no-repeat 3px 8px;}
.schedule-view .con{margin:30px; padding-bottom:30px}
.schedule-view .con.last{margin-bottom:10px}
.schedule-view .con.list-con{border-bottom:1px dotted #ccc}
.schedule-view .con .over a{ font-weight:600; text-decoration:underline}
.schedule-view .con .txt{ background:#f8f8f8; line-height:150%; font-size:13px; color:#444; padding:20px;overflow-y:scroll; height:150px; }
.schedule-view .con .tit{font-weight:600; color:#444; font-size:15px;margin-bottom:15px; padding-left:90px;letter-spacing:-0.04em; position:relative;}
.schedule-view .con .tit strong{  font-weight:600; display:block;position:absolute; left:0; top:0; font-size:14px; color:#175aaf }

#schedulePop {background:none;}


.first-placeholder {
        background: #eee;
        height: 100px;
        display: block;
        padding: 20px;
        margin: 0 0 15px 0;
        border-style: dashed;
        border-width: 1px;
        border-color: #000;
}
/* 월별 일정 리스트형 */
.schedule-list .bd-line{height:0px; border-top:2px solid #1a64c3; text-indent:-20000px; display:block;}
.schedule-list .month-select{margin-bottom:3rem;position:relative; text-align:center;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
-ms-flex-pack: center; 
justify-content: center;
}
.schedule-list .month-select .date{font-size:30px; font-weight:600; color:#072449;margin:0 30px;}
.schedule-list .month-select a {display:block;width:40px; height:40px;border-radius:50%;background:#f2f5f9;position:relative;}
.schedule-list .month-select a:before,
.schedule-list .month-select a:after {content:"";position:absolute;left:50%;margin-left:-5px;display:block;width:10px;height:2px;border-radius:10px;background:#333;}
.schedule-list .month-select .prev:before {top:16px;transform:rotate(-45deg);}
.schedule-list .month-select .prev:after {bottom:16px;transform:rotate(45deg);}
.schedule-list .month-select .next:before {top:16px;transform:rotate(45deg);}
.schedule-list .month-select .next:after {bottom:16px;transform:rotate(-45deg);}
.schedule-list .month-schedule {position:relative;}
.schedule-list .month-schedule .schedule-wrap .month {width:8.333333%; text-align:center; line-height:68px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#f7f8fc; float:left; display:block; font-size:15px;}
.schedule-list .month-schedule .schedule-wrap .month a{width:100%; height:68px; display:block; color:#072449;}
.schedule-list .month-schedule .month a{width:100%; height:68px; display:block; color:#fff; font-weight:600; position:relative; z-index:0;}
.schedule-list .month-schedule .schedule-wrap.isOver .month a, .schedule-list .month-schedule .schedule-wrap .month a:hover{color:#fff}
.schedule-list .month-schedule .schedule-wrap.isOver .month a:after, .schedule-list .month-schedule .schedule-wrap.isOver .month a:hover:after{background:#333; opacity:1;}
.schedule-list .month-schedule .schedule-wrap .month a:after{opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0px 0px -20px;  display:block; content:""; z-index:-1; border-radius:50%;}
.schedule-list .month-schedule .schedule-wrap .month a:hover:after{background:#aaa;opacity:1}

.schedule-list .month-schedule ul {display:none;}
.schedule-list .month-schedule .isOver ul{width:100%; position:absolute; top:70px; left:0px; display:block; }
.schedule-list .month-schedule .isOver ul li{border-bottom:1px solid #dddddd; padding:22px 30px; font-size:0px;}
.schedule-list .month-schedule .isOver ul li p.date{font-size:17px; display:inline-block; width:20%; vertical-align:middle; color:#1a64c3; font-weight:600; position:relative;}
.schedule-list .month-schedule .isOver ul li p.date:after{position:absolute; top:9px; left:0px; width:3px; height:3px; background:#1a64c3; display:block; content:"";}
.schedule-list .month-schedule .isOver ul li p.date span{padding-left:10px;}
.schedule-list .month-schedule .isOver ul li p.stxt{font-size:14px; display:inline-block; width:80%; vertical-align:middle;}


/* 인쇄 설정 */
@media print {
	
	.noprint {display:none;} /*프린트 시 나오지 않게 하고 싶은 항목에 부여하세요 */
	
	@page {size:a4;margin:1.5cm;}
	
	body, body * {font-size:9pt}
	th, 
	td,
	input,
	label,
	a,
	span {font-size:9pt}
	
	.info-box-inwrap,
	.gray-box {font-size:9pt;}
	
	.info-box {padding-top:10pt;padding-bottom:10pt;}
	.info-box .info-tit {font-size:10pt;}
	.info-box .info-box-inwrap {font-size:9pt;}
	
	.info-ex {text-indent:-22px;padding-left:-22px;}
	.info-ex .txt {font-size:8pt;}
	.info-ex:before {width:17px;height:17px;transform: scale(.68);}
	
	.gray-box {padding:10pt;}
	
	.u-tit02 {font-size:12pt;}
	.u-tit03 {font-size:11pt;}
	.u-titNum .txt {font-size:12pt;}
	
	.u-tab.st01 li a span {font-size:9pt;}
	.u-tab.st02 li a span {font-size:9pt;}
	
	.chkBox .labelTxt {font-size:9pt;}
	
	.board-search .search,
	.board-btn,
	.tblTop-r {display:none;}
	
	.tbl01 th {padding:7pt;font-size:9pt;}
	.tbl01 td {padding:6pt 7pt;font-size:9pt;}
	.tbl-form th {padding: 7pt 14pt 7pt 25pt;font-size:9pt;}
	.tbl-form td {padding: 7pt 8pt;font-size:9pt;}
	
	.nec:before {top:5pt;}
	
	.board-page a, .board-page strong {font-size:9pt;}
}

.pld_1{padding-left:20px}
.pld_2{padding-left:50px}
.pld_3{padding-left:80px}
.pld_4{padding-left:110px}
.pld_5{padding-left:140px}