@charset "utf-8";
@import url("notoSans.css");				/* 웹폰트 */
@import url("jquery-ui.min.css");			/* 제이쿼리 UI */
@import url("common.css");					/* 초기화 및 공통 레이아웃*/

.wrap {overflow:hidden; position:relative; width:100%; min-width:1442px; height:100%; padding-top:55px; box-sizing:border-box;}
/* header ====================*/
header {position:absolute; top:0; left:0; right:0; height:35px; padding-top:20px; background:#444444; z-index:2; font-family:"Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe;}
header h1 {position:absolute; top:12px; left:20px; width:213px; height:31px; font-size:0; background:url('../images/si_logo2.png') no-repeat 0 0;}

/* header - mdiTabArea */
header .mdiTabArea {position:relative; display: flex; overflow:hidden; margin-left:266px; box-sizing: border-box; padding-right: 560px; padding-left: 35px;}
header .mdiTabArea .mList {overflow: hidden; }
header .mdiTabArea .mList .move-tabs {display: flex; overflow: hidden;}
header .mdiTabArea .mList .move-tabs:after {content: ''; display: block; clear: both;}

header .mdiTabArea a.tab {position: relative;flex-shrink: 0; float:left; min-width:110px; height:35px; margin-left:1px; line-height:35px; font-size:14px; text-align:center; color:#fff; background:#000; text-align: left;padding: 0 15px 0 15px; box-sizing: border-box;}
header .mdiTabArea .mList a.tab:hover,
header .mdiTabArea .mList a.tab.active {color:#333; font-weight:700; background:#eef0f3;}
header .mdiTabArea .mList a.tab .close {display: inline-block; width: 10px; height: 10px; margin-left: 20px; background: url('../images/close_icon1.png') no-repeat center center;}
header .mdiTabArea a.tab.home {min-width: auto; width: 35px; padding: 0; text-align: center; font-size: 0; background: #000 url(../images/home_icon.png) no-repeat center center; position: absolute; top: 0; left: -1px; border-right: 1px solid #444444;}

header .rightArea .ctrl-btns {display: inline-block; float: left; margin-top: 8px; flex-shrink: 0; margin-left: 15px; margin-right: 40px; overflow: hidden;}
header .rightArea .ctrl-btns button {min-width: 23px; height: 25px; line-height: 15px; color: #eee; float: left; box-sizing: border-box;  background-color: #111; margin-right: 2px; border-radius: 3px; padding: 0 8px;}
header .rightArea .ctrl-btns .allClose {font-size: 11px;}

/* header - rightArea */

header .rightArea {position:absolute; top:15px; right:20px; }
/* header - rightArea - userInfo */
header .rightArea .userInfo {overflow:hidden; float:left;}
header .rightArea .userInfo p {float:left; color:#fff; line-height:27px; font-size:14px;}
header .rightArea .userInfo p span {color:#ffcc99;}
header .rightArea .userInfo a.btn {float:left; display:block; width:60px; height:25px; padding:0; line-height:23px; margin-left:10px; text-align:center; color:#fff; border:1px solid #000; background-color: #000; border-radius:3px; box-sizing:border-box;}
/* header - rightArea - utile */
header .rightArea .utile {overflow:hidden; float:left; margin-left:50px;}
header .rightArea .utile li {position:relative; float:left; line-height:25px; color:#fff;}
header .rightArea .utile li:before {content:''; display:block;  float:left; width:1px; height:10px; margin:8px 10px 0 10px; background:#ff7979;}
header .rightArea .utile li:first-child:before {display:none;}


/* container ====================*/
.container { position:relative; height:100%; padding:10px 10px 10px 267px;  background:#eef0f3; box-sizing:border-box; z-index:1;}
.container .lnbArea {position:absolute; top:10px; left:10px; bottom:10px; width:247px; border:1px solid #bbbbbb; background:#fff; box-sizing:border-box;}
.container .contentsArea {position:relative; padding-top:61px; height:100%; border:1px solid #bbbbbb; background:#fff; box-sizing:border-box;}


/* lnbArea ====================*/
.lnbArea { overflow-y:auto; overflow-x:hidden;}
.lnbArea::-webkit-scrollbar {width:5px;}
.lnbArea::-webkit-scrollbar-thumb {background:rgba(68, 68, 68, 0.5); border-radius: 10px;}
.lnbArea::-webkit-scrollbar-track {/*background: rgba(33, 122, 244, .1);*/}
/*.lnbArea h2.title {display:flex;align-items:center; justify-content:center; height:80px; font-size:24px; color:#222; background:#fff; border-bottom:1px solid #ddd; font-family:"Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe;}*/
.lnbArea dl.lnb {border-bottom:1px solid #ddd; border-top:0;  }
.lnbArea dl.lnb dt {display:block; padding:10px 0 10px 20px; font-size:16px; line-height:18px; font-weight:500; background:url('../images/lnb_icon_down_17x10.png') no-repeat right 10px center; cursor:pointer; font-family:"Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe;}
.lnbArea dl.lnb dd {display:none; border-top:1px solid #dedede; background:#fff;}
.lnbArea dl.lnb dd:first-child {border-top:0;}
.lnbArea dl.lnb dd > a {position:relative;display:block;padding:10px 0 10px 28px; font-size:14px; font-family: "Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe;}
.lnbArea dl.lnb dd > a:hover {background: #f8f8f8;}
.lnbArea dl.lnb dd.has > a:after {display: block; position: absolute; top: 5px; right: 15px; font-size: 18px; color: #777; content: "+";}
.lnbArea dl.lnb dd:not(.has) > a.active {color: #a60c14; font-weight: 600; background-color: #eee;}

.lnbArea dl.lnb dt:hover {color:#fff; background: url('../images/lnb_icon_down_w17x10.png') no-repeat right 15px center #a60c14;}
.lnbArea dl.lnb.active dt {color:#fff; background:url('../images/lnb_icon_up_w17x10.png') no-repeat right 15px center #a60c14;}
.lnbArea dl.lnb.active dd {display:block;} 

.lnbArea dl.lnb dd > ul {display: none;background: #f8f8f8; padding: 0;}
.lnbArea dl.lnb dd.active > ul {display: block;}
.lnbArea dl.lnb dd > ul > li {}
.lnbArea dl.lnb dd > ul > li > a  {position: relative;display: block; padding: 10px 0 10px 28px;}
.lnbArea dl.lnb dd > ul > li > a:hover {background-color: #eee;}
.lnbArea dl.lnb dd > ul > li > a.active {color: #a60c14; font-weight: 600; background-color: #eee;}
.lnbArea dl.lnb dd > ul > li > a:before {content: '-'; margin-right: 8px;}


/* contentsArea ====================*/
.contentsArea {}
.contentsArea .contents {overflow-y:auto; overflow-x:hidden; padding:30px; height:100%; box-sizing:border-box;}
/* contentsTop ====================*/
.contentsTop {position:absolute; top:0; left:0; right:0; overflow:hidden; padding:20px 30px; border-bottom:1px solid #bbbbbb; background:#fff;}
.contentsTop h2 {float:left; font-size:20px; line-height:20px; font-family:"Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe;}
/* contentsTop - pageNav */
.contentsTop dl.pageNav {overflow:hidden;float:right;margin-top: 5px;}
.contentsTop dl.pageNav dt {float:left;}
.contentsTop dl.pageNav dt > a {display:block; width:16px; height:15px; font-size:0; background:url('../images/location_icon.png') no-repeat 0 center;}
.contentsTop dl.pageNav dd {float:left; color:#232323; font-size:13px;}
.contentsTop dl.pageNav dd:before {content:'>'; display:block; float:left; margin:0 10px; color:#777;}
.contentsTop dl.pageNav dd > a {letter-spacing: -0.5px;}
.contentsTop dl.pageNav dd:last-child {font-weight:bold; color:#a60c14;}

/* mainArea ====================*/
.contentsArea.mainArea {padding:0;}
.mainArea .inner {max-width:1200px; margin:80px auto 0 auto;}
.mainArea .inner > .layer {margin-bottom:40px; }
.mainArea .inner > .layer > .col {}
.mainArea .inner > .layer > .col:first-child {padding-right:20px;;}
.mainArea .inner > .layer > .col:last-child {padding-left:20px;;}
.mainArea .leftArea {}
/* mainArea - dateArea */
.mainArea .leftArea .dateArea { padding:0 50px; text-align:center; vertical-align:top;}
.mainArea .leftArea .dateArea dl.toDay {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #999;}
.mainArea .leftArea .dateArea dl.toDay dt {font-size:80px; line-height:70px; font-weight:bold;}
.mainArea .leftArea .dateArea dl.toDay dd {font-size:26px; line-height:28px; color:#888;}
.mainArea .leftArea .dateArea p{font-size:26px; line-height:28px;}
/* mainArea - userInfoArea */
.mainArea .leftArea .userInfoArea {text-align:center; vertical-align:top;}
.mainArea .leftArea .userInfoArea dl.userInfo {text-align:center; margin-bottom:15px;}
.mainArea .leftArea .userInfoArea dl.userInfo dt {overflow:hidden; width:100px; height:100px; margin:0 auto 10px auto; border-radius:100%; background:#e8e8e8;}
.mainArea .leftArea .userInfoArea dl.userInfo dd {font-size:20px; line-height:22px; color:#888;}

.mainArea .leftArea .userInfoArea .userIfoUtile {}
.mainArea .leftArea .userInfoArea .userIfoUtile .rowGrp {overflow:hidden;}
.mainArea .leftArea .userInfoArea .userIfoUtile .rowGrp a {display:block; float:left; width:50%; height:23px; line-height:23px; text-align:center; color:#fff; border-left:1px solid #000; background:#444; box-sizing:border-box;}
.mainArea .leftArea .userInfoArea .userIfoUtile .rowGrp a:fist-child {border:0;}
.mainArea .leftArea .userInfoArea .userIfoUtile p { margin-top:2px; color:#888;}

/* mainArea - memberStatusArea */
.mainArea .leftArea .memberStatusArea {padding:10px; margin-top:40px; background:#eef0f3;}
.mainArea .leftArea .memberStatusArea .msTop { margin-bottom:40px;}
.mainArea .leftArea .memberStatusArea .msTop:after {content:''; display:block; clear:both;}
.mainArea .leftArea .memberStatusArea .msTop p.title {position:relative; float:left; font-size:20px; line-height:22px;}
.mainArea .leftArea .memberStatusArea .msTop p.title:after {content:''; display:block; position:absolute; left:0; top:25px; width:20px; height:2px; background:#a60c14;}
.mainArea .leftArea .memberStatusArea .msTop a.btnMore {float:right; font-size:20px; line-height:22px;}
.mainArea .leftArea .memberStatusArea .msConts ul.dataArea {}
.mainArea .leftArea .memberStatusArea .msConts ul.dataArea li {overflow:hidden; margin-top:15px; color:#888; font-size:14px; line-height:16px;}
.mainArea .leftArea .memberStatusArea .msConts ul.dataArea li span {color:#777;}
.mainArea .leftArea .memberStatusArea {}

.mainArea .rightArea {}
.mainArea .rightArea .noticeArea {min-height:190px;}
.mainArea .rightArea .noticeArea:after {content:''; display:block; clear:both;}
.mainArea .rightArea .noticeArea dl.notice {float:left; width:145px; text-align:center;}
.mainArea .rightArea .noticeArea dl.notice dt {margin-bottom:5px; font-size:20px; line-height:22px; color:#000;}
.mainArea .rightArea .noticeArea dl.notice dd {font-size:26px; line-height:28px; color:#888;}
.mainArea .rightArea .noticeArea dl.notice dt.icon01 {width:100px; height:100px; margin:0 auto 15px auto; border-radius:100%; background:url(../images/notice_icon01.png) no-repeat center center #eef0f3;}
.mainArea .rightArea .noticeArea dl.notice dt.icon02 {width:100px; height:100px; margin:0 auto 15px auto; border-radius:100%; background:url(../images/notice_icon02.png) no-repeat center center #eef0f3;}
.mainArea .rightArea .noticeArea dl.notice dt.icon03 {width:100px; height:100px; margin:0 auto 15px auto; border-radius:100%; background:url(../images/notice_icon03.png) no-repeat center center #eef0f3;}
.mainArea .rightArea .noticeArea dl.notice dt.icon04 {width:100px; height:100px; margin:0 auto 15px auto; border-radius:100%; background:url(../images/notice_icon04.png) no-repeat center center #eef0f3;}

.mainArea .rightArea .quickMenuArea {overflow:hidden; padding:10px 0; margin-top:40px; background:#eef0f3;}
.mainArea .rightArea .quickMenuArea p.title {position:relative; padding:0 10px; margin-bottom:40px; font-size:20px; line-height:22px;}
.mainArea .rightArea .quickMenuArea p.title:after {content:''; display:block; position:absolute; left:10px; top:25px; width:20px; height:2px; background:#a60c14;}
.mainArea .rightArea .quickMenuArea ul.quickMenu {float:left; width:50%;}
.mainArea .rightArea .quickMenuArea ul.quickMenu li { padding:0 10px; margin-top:3px;}
.mainArea .rightArea .quickMenuArea ul.quickMenu li a {display:block; height:23px; line-height:23px; padding:0 10px; background:url(../images/lnb_icon_left.jpg) no-repeat right 5px top 7px #fff; background-size:5px; border:1px solid #999;}

/* first-child ====================*/
.layer:first-child,
table.tbl:first-child,
.ui-jqgrid:first-child,
section.area:first-child {margin-top:0;}

/* title ====================*/
h4.title {padding-left:15px; font-size:16px; line-height:30px; background:url('../images/si_icon_bu_11x15.png') no-repeat left center; }

/* 테이블박스 ====================*/
.layer {margin-top:15px;}


/* searchArea ====================*/
section.searchArea {position:relative; padding:20px 105px 20px 20px; border:1px solid #dcdcdc; background:#f8f8f8;}
section.searchArea .row {margin-top:10px;}
section.searchArea .row:after {content:''; display:block; clear:both;}
section.searchArea .row:first-child {margin-top:0px;}
section.searchArea .row dl {float:left; margin:0 30px 0 0;}
section.searchArea .row dl:after {content:''; display:block; clear:both;}
section.searchArea .row dl dt {float:left; min-width:60px; line-height:27px; font-size:13px; font-weight:bold; margin-right:10px; text-align:right;}
section.searchArea .row dl dd {float:left;}
section.searchArea .row dl dd:after {content:''; display:block; clear:both;}
section.searchArea .searchBtn {position:absolute; top:0; right:0px; bottom:0; padding-right:20px; display:flex; align-items: center; height:100%; }
section.searchArea .searchBtn a.btn.search {width:85px; height:33px; margin:0; line-height:33px; vertical-align: middle; text-align:center; color:#fff; font-size:15px; font-weight:bold; background:#333; border-radius:0;}


/* tbl ====================*/
table.tbl {width:100%; margin-top:15px; border-top:2px solid #000; table-layout:fixed; box-sizing:border-box;}

table.tbl th,
table.tbl td {font-size:13px; line-height:23px; height:47px; border:1px solid #dbdbdb; box-sizing: border-box;}
table.tbl th:first-child,
table.tbl td:first-child {border-left:0;}
table.tbl th:last-child,
table.tbl td:last-child {border-right:0;}

table.tbl th {padding:8px 10px; text-align:right; font-size:13px; font-weight:bold; background:#f9f9f9;}
table.tbl td {padding:8px 10px; color:#111;}
table.tbl td .inline {vertical-align: middle;}
table.tbl thead th {background:#efeeee;}
table.tbl tbody th {background:#f8f8f8;}

/* tbl - 가운데 정렬 */
table.tbl.tac th,
table.tbl.tac td {text-align:center;}
/* tbl - 토탈,합계 */
table.tbl .total {background:#efeeee;}
table.tbl tfoot tr {}
table.tbl tfoot .total {font-weight:bold; background:#fff0f0; }
/* tbl - */
table.tbl.style01 th {padding:8px; font-size:14px;}
table.tbl.style01 td {padding:8px; font-size:14px; color:#333;}
/* 프로필 이미지 */
table.tbl .profileImg {width:108px; height:108px; border:1px solid #ccc; background:#fff;}

/* area ====================*/
section.area {margin-top:30px; min-height:30px; text-align:center; }
section.area:after {content:''; display:block; clear:both;}
/* area - 마진 */
section.area + * {margin-top:5px;}
section.area.tac + section.area {margin-top:30px;}
/* area - tabBtn */
section.area.tabBtn {position:relative; margin:0;}
section.area.tabBtn .fr {position:absolute;top: 15px;right:0;}


/* btn ====================*/
.btn {display:inline-block; min-width:60px; height:30px; line-height:30px; padding:0 15px; margin-left:7px; font-size:13px; text-align:center; border-radius:5px; box-sizing:border-box; vertical-align:top;}
.btn:first-child {margin-left:0;}
.btn.style01 {color:#fff; background:#a60c14;}
.btn.style02 {color:#fff; background:#eea200;}
.btn.style03 {color:#fff; background:#f0680d;}
.btn.style04 {color:#fff; background:#11a447;}
.btn.style05 {color:#fff; background:#138cc4;}
.btn.style06 {color:#fff; background:#666;}
.btn.style07 {color:#fff; background:#d96067;}
.btn.style08 {color: #555; background:#fff; border: 1px solid #555;}

.btn.line {font-weight: 600; line-height: 26px; border-radius: 0;}
.btn.style01.line {color:#fff; border:1px solid #a60c14; background: #fff; color: #a60c14; }
.btn.style02.line {color:#fff; border:1px solid #eea200; background: #fff; color: #eea200; }
.btn.style03.line {color:#fff; border:1px solid #f0680d; background: #fff; color: #f0680d; }
.btn.style04.line {color:#fff; border:1px solid #11a447; background: #fff; color: #11a447; }
.btn.style05.line {color:#fff; border:1px solid #138cc4; background: #fff; color: #138cc4; }
.btn.style06.line {color:#fff; border:1px solid #666; background: #fff; color: #666; }
.btn.style07.line {color:#fff; border:1px solid #d96067; background: #fff; color: #d96067; }
.btn.style08.line {color:#fff; border:1px solid #555; background: #fff; color: #555; }

.btn.smalltxt {min-width:80px; padding:2px 5px; line-height:12px;}
.btn.smalltxt span.small {display:block; font-size:11px;}

.btn.mid {min-width: 90px;}
.btn.icoSearch {display:inline-block; padding:0; width:26px; min-width:auto; height:26px; vertical-align:middle;background:url(../images/min_btn_search.png) no-repeat center center; font-size:0; text-indent -9999px; background-size:26px;}
.btn.textOnly {width:auto; min-width:auto; height:auto; padding:0; line-height:normal; border-radius:0;} /* 2022-08-04 추가 */
.btn.textOnly:hover {border-bottom:1px solid #000;} /* 2022-08-04 추가 */
input[type=text] + .btn.icoSearch,
select + .btn.icoSearch {margin-top:2px;} 
input[type=file] {overflow:hidden; clip:rect(0 0 0 0); margin:-1px; width:1px; height:1px; } /*2022-08-03 수정*/
/* btn - 하단버튼  
section.area.bottom {margin-top:20px;}
section.area.bottom .btn {height:40px; line-height:38px; }
*/

/* layerPop ====================*/
.dim {position:fixed; top:0; left:0; right:0; bottom:0; display:flex;align-items:center; justify-content:center; width:100%; height:100%; background:rgba(000, 000, 000, 0.5); z-index:99;}
.layerPop {position:relative; min-width:100px; background:#fff; box-shadow:0px 0px 10px 0px #000;}
.layerPop .layerPop_top {position:relative; padding:0 30px; height:51px; background:#a60c14;}
.layerPop .layerPop_top p.title {font-family:"Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe; font-size:20px; line-height:50px; color:#fff;}
.layerPop .layerPop_top p.btn.close {position:absolute; top:0; right:0; width:48px; height:48px; cursor:pointer; background:url('../images/layerPop_close.png') no-repeat 0 0;}
.layerPop .layerPop_conts {padding:30px;}


/* tabMenu ====================*/
ul.tabMenu {position:relative; margin-top:20px; }
ul.tabMenu:after {content:''; display:block; clear:both;}
ul.tabMenu li { float:left; min-width:95px; height:27px; line-height:28px; padding:0 15px; text-align:center; font-size:13px; border:1px solid #ccc; box-sizing:border-box; background:#efefef; cursor:pointer; border-radius:10px 10px 0 0;}
ul.tabMenu li a {display:none; position:absolute; top:5px; right:0; font-size:13px; color:#222;}
ul.tabMenu li.active {color:#fff; border:1px solid #870a10; background:#c32f34;}
ul.tabMenu li.active a {display:block;}
.tabContainer {}


.gridControl {position:relative;}
.gridControl .fl {position:absolute; top:3px; left:0; }
.gridControl .gridPage_btn {float:left; display:block; height:32px; line-height:32px; font-weight:bold; border:1px solid #999999;}
.gridControl .gridPage_btn.left {padding:0 15px 0 30px; background:url('../images/grid_icon_left_5x9.png') no-repeat left 15px center;}
.gridControl .gridPage_btn.right {margin-left:10px; padding:0 30px 0 15px; background:url('../images/grid_icon_right_5x9.png') no-repeat right 15px center;}

.gridControl .gridRow {display:block; width:32px; height:32px; border:1px solid #999999;}
.gridControl .gridRow.up {background:url('../images/grid_icon_up_5x9.png') no-repeat center center;}
.gridControl .gridRow.down {margin-top:-1px; background:url('../images/grid_icon_down_5x9.png') no-repeat center center;}





/*추가 css 20220630*/
/* 관리자 로그인 ====================*/
.loginBody {width: 100%; height: 100vh; background: #f3f3f3;}
.loginBody * {font-family:"Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe;}
.login-wrapper {width: 840px;position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}

.login-header {height: 80px;background: #d12838;}
.login-header .loginLogo {display: inline-block;height: 100%;line-height: 76px; padding-left: 60px; color: #fff; font-size: 24px;font-weight: 900; vertical-align: middle; background: url('../images/loginLogo.png') no-repeat center left 25px; letter-spacing: -0.8px;}

.loginBox {padding: 50px 70px 70px 70px;height: 450px;box-sizing: border-box; background-color: #fff; overflow: hidden}
.loginBox:after {content: '';display: block;clear: both;}
.loginBox .left {float: left;width: 360px; box-sizing: border-box;}
.loginBox .left > p {color: #4f5a63;font-size: 30px;letter-spacing: -2.6px;line-height: 1.3;}
.loginBox .left > p small { display: block;color: #4f5a63;font-size: 28px;}
.loginBox .left > p span {display: block;color: #4f5a63;font-size: 34px;}
.loginBox .left > p span b {color: #333e4f;font-weight: bold;}
.loginBox .left .copyright { margin-top: 45px;}
.loginBox .left .copyright p {color: #666; font-size: 12px; margin-top: 20px;}

.loginBox .right {position: relative; float: right; width: 270px; height: 100%; box-sizing: border-box;}
.loginBox .right .loginTitle {font-size: 36px; color: #000; margin-bottom: 26px;letter-spacing: -2.6px;}
.loginBox .right .info {display: block; font-size: 14px; color: #000; }
.loginBox .right input[type="text"],
.loginBox .right input[type="password"] {width: 100%;  height: 40px; border: 1px solid #9498a1; padding-left: 15px;margin-top: 12px; margin-left: 0 !important; box-sizing: border-box; font-size: 13px;}
.loginBox .right input::placeholder {font-size: 14px;}

.loginBox .loginBtn {position: absolute; bottom: 0; left: 0; width: 100%;}
.loginBox .loginBtn button {width: 100%; height: 50px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; background-color: #d12838; border: none; outline: none;}

.loginBox .save { margin-top: 14px;}


/* 관리자 다이얼로그 팝업 ====================*/
.ui-widget-overlay {background-color: rgba(0,0,0,0.5) !important; opacity: 0.5 !important;}
.dialog-pop h5.tit {padding-left: 15px; font-size: 16px; line-height: 18px; background: url(../images/si_icon_bu_11x15.png) no-repeat 0 2px;margin-bottom: 10px;}

.ui-widget {padding: 0 !important;}
.ui-dialog .ui-dialog-titlebar { font-family: "Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe; font-size: 20px; height: 50px; color: #fff;
    box-sizing: border-box; background-color: #a60c14; font-weight: 500;}
.ui-dialog .ui-dialog-content {padding: 30px !important;}
.ui-dialog .ui-dialog-titlebar-close {width: 30px !important; height: 40px !important; top: 10px !important; border: 0 !important; background: transparent url(../images/layerPop_close.png) no-repeat 0 0 !important;
background-image: url(../images/layerPop_close.png) !important;}


/* 관리자 다이얼로그 팝업 ====================*/
.error-wrap {position: relative; min-height: 100vh;}
.error-wrap * {font-family: "Noto Sans KR", 돋움, Dotum, 돋움체, DotumChe;}
.error-wrap .error-box {width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%);box-sizing: border-box;}
.error-wrap .error-box .tit {font-size: 42px; margin-top: 30px; margin-bottom: 20px;}
.error-wrap .error-box ul li {color: #666; line-height: 1.7; font-size: 18px;}
.error-wrap .error-box .goToMain {display: inline-block; width: 165px; height: 40px; border: 2px solid #d12838; border-radius: 50px; line-height: 40px; color: #d12838; margin-top: 45px; transition: 0.3s; font-size: 16px;}
.error-wrap .error-box .goToMain:hover {background: #ef3e61; color: #fff;}

@media all and (max-width: 767px){
    .error-wrap .error-box {position: static; transform: none; padding-top: 30px; padding: 30px;}
    .error-wrap .error-box .tit {font-size: 30px; line-height: 1.4;}
}


/* 2022-07-23 CSS 추가 ====================*/

/* req ====================*/
span.req {position:relative; display:inline-block;padding-left:10px; line-height:23px;}
span.req:before {content:'*'; display:block; position:absolute; left:0; top:0; line-height:23px; color:#a60c14;}


/* lblGrid ====================*/
.lblGrid {position:relative; width:100%; margin-top:15px; border-top:2px solid #000;}
.lblGrid table {border-top:0;}
.lblGrid table th,
.lblGrid table td {text-align:center; padding:0 5px;}
/* lblGrid - lblGrid_header */ 
.lblGrid .lblGrid_header {background:#efeeee; border-bottom:1px solid #000;}
.lblGrid .lblGrid_header thead th { }
.lblGrid .lblGrid_header thead tr:last-child th {border-bottom:0;}
/* lblGrid - lblGrid_body */  
.lblGrid .lblGrid_body {}
.lblGrid .lblGrid_body tbody tr td {}
.lblGrid .lblGrid_body tbody tr:first-child td {border-top:0;}
.lblGrid .lblGrid_body tbody tr:hover td {background:#f8f8f8;}
.lblGrid .lblGrid_body tbody tr.re td.tal {padding-left:30px;}
/* lblGrid - scroll */  
.lblGrid.scrolly {padding-top:49px;}
.lblGrid.scrolly .lblGrid_header {position:absolute; left:0; top:0; right:0; padding-right:17px; z-index:1;}
.lblGrid.scrolly .lblGrid_body {position:relative; overflow-y:auto; overflow-x:hidden; height:100%; z-index:0}
.lblGrid.scrolly .lblGrid_body::-webkit-scrollbar {width:5px;}
.lblGrid.scrolly .lblGrid_body::-webkit-scrollbar-thumb {background:rgba(68, 68, 68, 0.5); border-radius: 10px;}
.lblGrid.scrolly .lblGrid_body::-webkit-scrollbar-track {/*background: rgba(33, 122, 244, .1);*/}
.lblGrid.scrolly:after {content:''; display:block; position:absolute; left:0; bottom:0; right:0; width:100%; height:1px; background-color:#dbdbdb;}

/* lblGrid - scrollx 2022-08-03 */
.lblGrid.scrollx {overflow-x:auto}
.lblGrid.scrollx .lblGrid_header {border-bottom:0px solid transparent;}
.lblGrid.scrollx .lblGrid_body tr {border-top:1px solid #000;}

/* flex ====================*/
.flex {}
.flex .f100 {}

/* 페이징 ====================*/
.pagingArea {text-align:center; margin-top:30px;}
.pagingArea ul { display:inline-block;}
.pagingArea ul:after {content:''; display:block; clear:both;}
.pagingArea ul li {float:left; overflow:hidden; position:relative; width:30px; height:30px; margin:0 2px; border-radius:5px; border:1px solid #fff; z-index:0; box-sizing:border-box;}
.pagingArea ul li:first-child {margin-left:0px;}
.pagingArea ul li a {display:block; color:#555; line-height:28px; font-size:13px;}
/* 페이징 - hover */
.pagingArea ul li.on a {color:#fff;}
.pagingArea ul li.on {background:#212121; border:1px solid #000; }
.pagingArea ul li:hover {border:1px solid #666; }
/* 페이징 - 좌우버튼 */
.pagingArea ul li[class*="page"] {margin:0; border:1px solid #666;}
.pagingArea ul li[class*="page"] a {width:100%; height:100%; font-size:0; background:url('../images/page-btns.png') no-repeat;}
.pagingArea ul li[class*="page"]:hover a {background-color:#138cc4; background-position-X:-47px; border:1px solid #138cc4;}
/* 페이징 - 좌우버튼 - 왼쪽 */
.pagingArea ul li.pagePrev2 {border-radius:5px 0 0 5px;}
.pagingArea ul li.pagePrev2 a {background-position:-6px -6px;}
.pagingArea ul li.pagePrev {margin:0 10px 0 -1px; border-radius:0 5px 5px 0;}
.pagingArea ul li.pagePrev a {background-position:-6px -46px;}
/* 페이징 - 좌우버튼 - 오른쪽 */
.pagingArea ul li.pageNext {margin:0 -1px 0 10px; border-radius:5px 0 0 5px;}
.pagingArea ul li.pageNext a {background-position:-6px -86px;}
.pagingArea ul li.pageNext2 { border-radius:0 5px 5px 0;}
.pagingArea ul li.pageNext2 a {background-position:-6px -126px;}


/* inputFile_area ====================*/
.inputFile_area {display:inline-block; height:30px; padding:0 15px; line-height:30px; border-radius: 5px; color:#555; cursor: pointer; background: #fff; border: 1px solid #555; vertical-align: top; box-sizing:border-box;}
.inputFile_area:after {content:''; display:block; clear:both;}
.inputFile_area .inputFile_button {height:100%;}