/* common css */

/* -- fonts --*/

/* -- */

.popTableCol input[type="radio"] {
	width : 20px;
	height: 20px;
	border: 1px;
}

* {margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, sub, sup, tt, var,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea {
  border:0 none;
  font-family: 'Noto Sans KR', sans-serif;
  color:#21251e;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.pop{
/* 	min-width:100%; */
	min-width:770px;
	overflow-x:auto;
}

input[type="text"]{
  font-family: 'Noto Sans KR', sans-serif;
}

*:focus{
    outline: none;
}

input:focus{
    outline: none;
}

a:link, a:visited {
  text-decoration:none;
  color:#222;
}

a:hover {
  color:#037575;
  text-decoration:underline;
  cursor:pointer;
}

ul{
  list-style:none;
  padding:0;
  margin:0;
}

input[type='text'],
input[type='number'],
input[type='password']{
	border:1px solid #b8b8b8;
	height:34px;
	box-sizing:border-box;
	padding:0 10px;
	width:100%;
}

input[type='number'].number4dsit {
	width:90px;
}

textarea{
	border:1px solid #b8b8b8;
	min-height:100px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
	resize:none;
	margin:5px 0;
}

select{
	border:1px solid #b8b8b8;
	height:34px;
	box-sizing:border-box;
	padding:0 0 0 10px;
	min-width:250px;
}

.tac{ text-align:center !important; }
.tal{ text-align:left !important; }
.tar{ text-align:right !important; }

.fl{ float:left; }
.fr{ float:right; }

table{
	width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}	

label{
	display:inline-block;
	line-height:34px;
	font-size:14px;
}

.loginBox label{
	line-height:inherit;
}

label.textLabel{
    padding: 0 10px;
    font-weight: 400;
}

label.chkrdo{
	display:inline-block;
	position:relative;
	line-height:40px;
	padding-left:25px;
	padding-right:20px;
	color:#343434;
	font-size:14px;
	cursor:pointer;
}



label.chkrdo input[type='checkbox'],
label.chkrdo input[type='radio']{
	width:14px;
	height:14px;
	position:absolute;
	left:3px;
	top:13px;
}

label.chkrdo.noTxt{
	width: 20px;
    padding: 0;
}

label.chkrdo input[type='text']{
	float: right;
    width: 150px;
    margin-left: 10px;
}

label.grn{
	display: inline-block;
    float: left;
    margin-right: 10px;
}

.dateRangeBox{
	display:inline-block;
	line-height:1em;
	position:relative;
/*	padding:0 20px;*/
}

.dateRangeBox input[type='text']{
	width:220px;
	padding-right:32px;
}

.dateRangeBox input[type='text'].dateSingle{
	width:125px;
}

.dateRangeBox button.calBtn{
	width:34px;
	height:34px;
	position:absolute;
/* 	top:3px; */
	right:-1px;
	background:url('/img/cal_icon.png');
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:center center;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}

.dateRangeBox input[type='text'].toDateSingle{
	width:125px;
}

.dateRangeBox button.toCalBtn{
	width:34px;
	height:34px;
	position:absolute;
/* 	top:3px; */
	right:-1px;
	background:url('/img/cal_icon.png');
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:center center;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}

.daterangepicker.custom-monthly .calendar-table th,
.daterangepicker.custom-monthly .calendar-table td {
	width: fit-content;
}
.daterangepicker.custom-monthly .calendar-table td {
	height: 52px;
}

a.btnType{
	display:inline-block;
	line-height:30px;
	box-sizing:border-box;
	border:1px solid #037575;
	border-radius:4px;
	padding:0 40px 0 20px;
	font-size:14px;
	color:#037575;
	background-image:url('/img/btn_grn_arr.png');
	background-repeat:no-repeat;
	background-position:right 10px center;
	transition:all 0.5s ease;
}

a.btnType:hover{
	color:#fff;
	background-color:#037575;
	background-image:url('/img/btn_wht_arr.png');
	background-repeat:no-repeat;
	background-position:right 10px center;
	transition:all 0.5s ease;
	text-decoration:none;
}

a.btnType.dw{
	color:#fff;
	background-color:#037575;
	background-image:url('/img/dw_btn.png');
	background-repeat:no-repeat;
	background-position:right 10px center;
}
.w10px{ width:10px !important; min-width: inherit !important; }
.w20px{ width:20px !important; min-width: inherit !important; }
.w30px{ width:30px !important; min-width: inherit !important; }
.w40px{ width:40px !important; min-width: inherit !important; }
.w50px{ width:50px !important; min-width: inherit !important; }
.w60px{ width:60px !important; min-width: inherit !important; }
.w70px{ width:70px !important; min-width: inherit !important; }
.w80px{ width:80px !important; min-width: inherit !important; }
.w90px{ width:90px !important; min-width: inherit !important; }
.w100px{ width:100px !important; min-width: inherit !important; }
.w125px{ width:125px !important; min-width: inherit !important; }
.w200px{ width:200px !important; min-width: inherit !important; }
.w250px{ width:250px !important; min-width: inherit !important; }
.w350x{ width:350px !important; min-width: inherit !important; }

.w10per{ width:10% !important; min-width: inherit !important; }
.w15per{ width:15% !important; min-width: inherit !important; }
.w20per{ width:20% !important; min-width: inherit !important; }
.w30per{ width:30% !important; min-width: inherit !important; }
.w40per{ width:40% !important; min-width: inherit !important; }
.w50per{ width:50% !important; min-width: inherit !important; }
.w60per{ width:60% !important; min-width: inherit !important; }
.w70per{ width:70% !important; min-width: inherit !important; }
.w80per{ width:80% !important; min-width: inherit !important; }
.w90per{ width:90% !important; min-width: inherit !important; }
.w100per{ width:100% !important; min-width: inherit !important; }

.blue{ color:#0100FF !important; }
.darkred{ color:#8b0000 !important; }
.red{ color:#FF0000 !important; }
.gray {color:#777;}
.fweight900 { font-weight:900 !important; }
.bold {font-weight:700 !important;}
.lhNormal {line-height:normal !important;display:inline-block !important;padding-top:5px;}
.dib {display:block;}

.fs-13 {font-size:13px !important;}

.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

.bdt {border-top:1px solid #e2e2e2;}

.loginPop{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#fff;
}


.layerPopup .layerPopupTop,
.loginPop .loginPopTop{
	width:100%;
	height:60px;
	box-sizing:border-box;
	position:relative;
	background:#037575;
}
.loginPop .loginPopTop {
	cursor:pointer;
}

.layerPopup .layerPopupTop h2,
.loginPop .loginPopTop h2{
	display:block;
	line-height:60px;
	padding-left:20px;
	font-size:18px;
	color:#fff;
}

.layerPopup .layerPopupTop a.popCloase,
.loginPop .loginPopTop a.popCloase{
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url('/img/close_btn_w.png');
	background-size:20px 20px;
	background-position:center center;
	background-repeat:no-repeat;
}

.loginPop .loginPopInfo{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#f8f8f8;
	box-sizing:border-box;
	padding:20px;
	font-size:13px;
}

.loginPop .loginPopInfo b{
	font-size:16px;
}

.loginPop .loginPopInfo ol{
	box-sizing:border-box;
    padding-left: 14px;
	margin:0;
}

.loginPop .loginPopInfo ol li{
	line-height:18px;
	margin-top:5px;
}

.loginPop .loginPopInfo ol li.sub{
	font-size:13px;
	opacity:0.8;
	list-style:none;
}

.loginPop .loginPopCont{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px;
}

.loginPop .loginPopCont table{ 
	width:100%;
}

.popTableRow table tr:first-child th,
.popTableRow table tr:first-child td,
.loginPop .loginPopCont table tr:first-child th,
.loginPop .loginPopCont table tr:first-child td{  
	border-top: 1px solid #ccc;
}

/* .popTableRow table tbody tr:last-child th, */
/* .popTableRow table tbody tr:last-child td, */
/* .loginPop .loginPopCont table tr:last-child th, */
/* .loginPop .loginPopCont table tr:last-child td{   */
/* 	border-bottom: 1px solid #ccc; */
/* } */

.popTableRow table th,
.loginPop .loginPopCont table th{  
	font-size:15px;
	text-align:left;
	box-sizing:border-box;
	padding:10px;
    background: #f8f8f8;
	border-bottom: 1px solid #ebebeb;
	text-align:center;
	line-height:20px;
}

.popTableRow table td,
.loginPop .loginPopCont table td{  
	font-size:13px;
	box-sizing:border-box;
	padding:10px;
	border-bottom: 1px solid #ebebeb;
	line-height:20px;
}

.loginPop .loginPopCont table td input[type='text']{  
	max-width:150px;
}

.loginPop .loginPopCont table td select{  
    width: 150px;
    min-width: 150px;
    margin-top: 10px;
    float: left;
}

.loginPop .loginPopCont table td a.btnType{  
    float: left;
    margin-top: 15px;
    margin-left: 22px;
}

.loginPop .loginPopCont table tr.appNumLine td input[type='text']{  
	max-width:200px;
}

.loginPop .loginPopBtn{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:10px 20px;
	text-align:right;
}

.layerPopup{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#fff;
}

.layerPopup .layerPopupCont{
	width:100%;
	height:auto;
	overflow:hidden;
}

.layerPopup.res .layerPopupCont{
	height:auto;
	overflow:hidden;
}

.layerPopup .layerPopupCont .layerPopupContInner{
	width:100%;
/*	min-height:1000px;*/
	box-sizing:border-box;
	padding:20px;
}
.layerPopup .layerPopupCont .layerPopupContInner .layerPopupBox {
	width:100%;
}
.layerPopup .layerPopupCont .layerPopupContInner .layerPopupBtn {
	padding: 14px 0 0 0;
}
.layerPopup .layerPopupCont .layerPopupContInner .popTableCol,
.layerPopup .layerPopupCont .layerPopupContInner .popTableRow{
	padding:10px 0;
}

.layerPopup .layerPopupCont .layerPopupContInner h3{
	font-size:18px;
	line-height:40px;
	padding-top:20px;
	display:block;
	position:relative;
	color:#037575;
	box-sizing:border-box;
	padding-left:25px;
	width:100%;
}

.layerPopup .layerPopupCont .layerPopupContInner h3 a.btnType{
	float:right;
}

.layerPopup .layerPopupCont .layerPopupContInner h3:before{
	content:'';
	width:10px;
	height:10px;
	border:3px solid #037575;
	position:absolute;
	left:0px;
	top:34px;
}

.popTableRow table th span{
    font-size: 12px;
}

.popTableCol table{
	width:100%;
}

.popTableCol table thead th{
	font-size:15px;
	box-sizing:border-box;
	padding:0 10px;
    background: #f8f8f8;
	height:38px;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	text-align:center;
}

.popTableCol table thead th:last-child,
.popTableCol table tbody td:last-child{
	border-right:none !important;
}

.popTableCol table thead tr:first-child th{
	border-top:1px solid #ccc;
}

.popTableCol table thead tr:last-child th{
	border-bottom:1px solid #ccc;
}

.popTableCol table tbody td{
	font-size:13px;
	box-sizing:border-box;
	padding:10px;
	border-bottom: 1px solid #ebebeb !important;
	border-right: 1px solid #ebebeb !important;
	line-height:20px;
}

.layerPopup .layerPopupBtn{
	width:100%;
	height:60px;
	text-align:right;
	box-sizing:border-box;
	padding:14px 20px 0px 20px;
	border-top:1px solid #e9e9e9;
}

/*201124*/
.layerPopupContInner {
	position:relative;
}
.layerPopupContInner  .layerPopupTopBtn {
	display:inline-block;
	position: absolute;
    right: 30px;
    top: 45px;
}
.layerPopupContInner  .layerPopupCntBox {
	width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    line-height: 24px;
    padding-bottom: 10px;
    font-size: 14px;
}
.layerPopupContInner .layerPopupCntBox span{
    display: inline-block;
    line-height: 24px;
    box-sizing: border-box;
    padding: 0 6px;
    background: #037575;
    color: #fff;
    border-radius: 5px;
}
/*201124*/

.mask{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	background:rgba(0,0,0,0.7);
	display:none;
}

p.info{
	display:block;
	line-height:30px;
	font-size:13px;
	color:#ff3232;
}

td.onBg,
th.onBg{
	background:rgba(219, 232, 231, 0.41) !important;
}

td.inTbl,
td.inTxtArea{
	padding:10px !important;
}

.dialogModal{
	display:none;
}

.ui-dialog{
	padding: 0 !important;
}

.ui-icon-closethick{
	background-image: url(/img/close_btn.png) !important;
    background-size: 16px 16px !important;
    background-position: center center !important;
}

.ui-draggable .ui-dialog-titlebar{
	border-radius:0 !important;
}

.ui-widget-content b{
	display:block;
	line-height:24px;
	font-size:16px;
}

.ui-widget-content ul li{
	font-size:14px;
	line-height:20px;
	margin-bottom:5px;
	box-sizing:border-box;
	padding-left:10px;
	position:relative;
}

.ui-widget-content ul li:before{
	content:'';
	width:4px;
	height:4px;
	background:#222;
	border-radius:50%;
	position:absolute;
	left: 0px;
    top: 7px;
}
.ui-widget.ui-widget-content {
	z-index:999 !important;
}

.certiImgBox{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}

.certiImgBox img{
	max-width:100%;
}


.loading{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	position:fixed;
	z-index:9999;
	top:0px;
	left:0px;
}

.loadingBox{
	width:100px;
	height:100px;
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	
}

.sk-fading-circle {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #037575;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.paging {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
}

.paging a {
    display: inline-block;
    width: 45px;
    height: 45px;
    overflow: hidden;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
	color:#222;
}


.paging a:hover{
	background-color:#f8f8f8;
}

.paging a.current{
	background-color:#037575;
	color:#fff;
}

.paging a.fst,
.paging a.end,
.paging a.prev,
.paging a.next{
	text-indent:-9990px;
}

.paging a.fst{
	background-image:url('/img/paging_arr_fst.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
}

.paging a.end{
	background-image:url('/img/paging_arr_end.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
}

.paging a.prev{
	margin-right:10px;
	background-image:url('/img/paging_arr_prev.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
}

.paging a.next{
	margin-left:10px;
	background-image:url('/img/paging_arr_next.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
}


.errorWrap{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#e8f0ef;
}

.errorWrap .errorBox{
	width:500px;
	height:auto;
	overflow:hidden;
	background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.21);
}

.errorWrap .errorBox h2{
	display:block;
	width:100%;
	line-height:120px;
	font-size:70px;
	color:#fff;
	background:#037575;
	font-weight:100;
	text-align:center;
}

.errorWrap .errorBox h2 span{
	font-weight:600;
	color:#fff;
}

.errorWrap .errorBox .errCont{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px 50px 80px 50px;
}

.errorWrap .errorBox .errCont p{
	display:block;
	line-height:30px;
	font-size:20px;
	color:#222;
}

.errorWrap .errorBox .errCont p.sub{
	line-height:24px;
	font-size:15px;
	color:#444;
}

.errorWrap .errorBox .errBtm{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px 50px;
	background:#f8f8f8;
}

/* 콘텐츠 내 에러페이지 */
.errorWrap2{
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#e8f0ef;
}

.errorWrap2 .errorBox{
	width:500px;
	height:auto;
	overflow:hidden;
	background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.21);
}

.errorWrap2 .errorBox h2{
	display:block;
	width:100%;
	line-height:120px;
	font-size:70px;
	color:#fff;
	background:#037575;
	font-weight:100;
	text-align:center;
}

.errorWrap2 .errorBox h2 span{
	font-weight:600;
	color:#fff;
}

.errorWrap2 .errorBox .errCont{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px 50px 80px 50px;
}

.errorWrap2 .errorBox .errCont p{
	display:block;
	line-height:30px;
	font-size:20px;
	color:#222;
}

.errorWrap2 .errorBox .errCont p.sub{
	line-height:24px;
	font-size:15px;
	color:#444;
}

.errorWrap2 .errorBox .errBtm{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px 50px;
	background:#f8f8f8;
}

/******** 사용자 정의 **************/
.cssHide { display:none; }

.p-1 {padding: .25rem; }
.p-2 {padding: .5rem; }
.p-3 {padding: 1rem; }
.p-4 {padding: 1.5rem; }

.pt-1 {padding-top: .25rem; }
.pt-2 {padding-top: .5rem; }
.pt-3 {padding-top: 1rem; }
.pt-4 {padding-top: 1.5rem; }

.pb-1 {padding-bottom: .25rem; }
.pb-2 {padding-bottom: .5rem; }
.pb-3 {padding-bottom: 1rem; }
.pb-4 {padding-bottom: 1.5rem; }