@charset "utf-8";
/* ================== 전역 공통부분 정의 시작 ===================*/
.contblock{margin:0 auto;} 
.contblock:before, .contblock:after{display: table; content: " ";clear: both;} 

/* 넓이 */
.w10pct {width:10%}
.w20pct {width:20%}
.w30pct {width:30%}
.w40pct {width:40%}
.w50pct {width:50%}
.w60pct {width:60%}
.w70pct {width:70%}
.w80pct {width:80%}
.w90pct {width:90%}
.w99pct {width:99%}
.w100pct {width:100%}

.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}
.w850{width:850px;}
.w900{width:900px;}
.w950{width:950px;}
.w1000{width:1000px;}
.w1100{width:1100px;}
.w1200{width:1200px;}

/* =============== 전역 공통설정 ====================*/
.img-responsive{display:inline-block;}

/*Preloading*/
#preloader {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;bottom: 0;background-color: #fff;z-index: 999999;}
.sk-spinner-wave.sk-spinner {margin: -15px 0 0 -25px;position: absolute;left: 50%;top: 50%;width: 50px;height: 30px;text-align: center;font-size: 10px;}
.ie8 .sk-spinner-wave.sk-spinner {display: none;}
.sk-spinner-wave div {background-color: #ccc;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out;}
.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s;}
.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-wave .sk-rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes sk-waveStretchDelay {
	0%, 40%, 100% {-webkit-transform: scaleY(0.4);	transform: scaleY(0.4);}
	20% {	-webkit-transform: scaleY(1);transform: scaleY(1);}
}
@keyframes sk-waveStretchDelay {
	0%, 40%, 100% {-webkit-transform: scaleY(0.4);	transform: scaleY(0.4);}
	20% {	-webkit-transform: scaleY(1);transform: scaleY(1);}
}

/* toast and loading */ 
div.loadimgWrap {display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 10000;background-color: #fff;opacity: 0.5;} 
img.loadimg{display:none;width:60px;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);} 
.lsh-toast{ 
	display:none;z-index:10000; width:200px;height:20px;height:auto;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%); 
	background-color: rgba(56, 56, 56, .9);color: #F0F0F0;padding:10px;text-align:center;border-radius: 2px; 
	-webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);-moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); 
} 

/* Semantic 정의 */
.cursor-pointer{cursor:pointer;}
.ellipsis {display: block;width: 100%;overflow: hidden;position: relative;line-height: 1.2em;max-height: 1.2em;text-align: justify;margin-right: -1em;padding-right: 1em;word-break: break-all;}
.ellipsis:before {content: '...';position: absolute;right: 0;bottom: 0;}
.ellipsis:after {content: '';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 0.2em;background: white;}
.ellipsis2 {display: block;width: 100%;overflow: hidden;position: relative;line-height: 1.2em;max-height: 1.2em;margin-right: -1em;padding-right: 1em;word-break: break-all;}
.ellipsis2:before {content: '';position: absolute;right: 0;bottom: 0;}
.ellipsis2:after {content: '';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 0.2em;background: white;}

.text-ellipsis {display: block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;} 
.text-underline{text-decoration: underline;}
.text-title{font-size:1.3em;font-weight:bolder;}
.text-center{text-align:center;}
.lsh-border-none{border:none;}
.form-control:focus {border:none;box-shadow:none; }
.disp-inline{display:inline;}
.disp-block{display:block;}
.disp-inline-block{display:inline-block;}
.ta-left {text-align:left;}
.ta-right {text-align:right;} 
.ta-center {text-align:center;}
.tbl_head01 tbody td.ta-left {text-align:left;}
.tbl_head01 tbody td.ta-right {text-align:right;} 
.tbl_head01 tbody td.ta-center {text-align:center;}
.porel{position:relative;}
.poabs{position:absolute;}
.pofix{position:fixed;}
.abs-mid{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);}

.contblock1000{width:1000px;text-align:center;margin: 0 auto;} 
.contblock900{width:900px;text-align:center;margin: 0 auto;} 
.contblock800{width:800px;text-align:center;margin: 0 auto;}  
.contblock700{width:700px;text-align:center;margin: 0 auto;}  
.contblock1000left{width:1000px;margin: 0 auto;} 
.contblock900left{width:900px;margin: 0 auto;} 
.contblock800left{width:800px;margin: 0 auto;}  
.contblock700left{width:700px;margin: 0 auto;}  

/* Modal */
.modal {text-align: center;padding: 0!important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.modal-content{border-radius:0px;background-color: #f7f7f7;padding-left: 40px;padding-right: 40px;}
.modal-header {border:none;padding: 15px 0 8px;outline: none !important;}
.modal-title{margin-top: 20px;margin-bottom:20px;font-size: 20px;font-weight: bolder;letter-spacing: -1px;}
.modal-header .title-list-wrap{padding: 10px;border: 1px solid #e4e4e4;background: #fff;}
.modal-header .title-list-ul{margin: 0;padding: 0;list-style: none;}
.modal-header .title-list-li{clear:both;padding: 3px 0;}
.modal-header .title-list-li .title-subj{float:left;}
.modal-header .title-list-li .title-cont{float:left;padding-left: 40px;color: #000;font-weight: bolder;}
.modal-body{padding:10px;border:1px solid #e4e4e4;background:#fff;}
.modal-cont{}
.modal-footer{border:none;}
/* ================== 전역 공통부분 정의 끝 ===================*/


.empty_table{height: 150px;text-align: center;line-height:150px;}
.table > tbody > tr > td.empty_table{height: 150px;text-align: center;line-height:150px;}


@media (max-width:1199px){
}
@media (min-width: 992px) { 
}
@media (max-width: 991px) {
	.contblock900,.contblock900left{width:100%;} 
	.contblock800,.contblock800left{width:100%;} 
}
@media (min-width: 800px) {
	.modal-dialog {width: 770px;}
}

@media (max-width:767px){
	.modal-content{padding-left: 25px;padding-right: 25px;}
	.modal-title{font-size:16px;}

	.contblock700,.contblock700left{width:100%;} 
}

@media (min-width: 768px){
	.modal-dialog {width: 700px;}
}

@media (max-width: 640px) {
	.modal-content{padding-left: 15px;padding-right: 15px;}
	.modal-title{font-size:12px;}
	.modal-header .title-list-wrap{padding: 5px;}
	.modal-header .title-list-ul{font-size:11px;}
	.modal-header .title-list-li{clear:none;float:left;width:50%;padding:0;}
	.modal-header .title-list-li .title-cont{padding-left:10px;}
}

@media (max-width: 550px) {
}
@media (max-width: 479px) {
}