@charset "utf-8";
:root {
    --primary-color: #004b93;
    --primary-dark: #003366;
    --secondary-color: #00a859;
    --accent-color: #f39c12;
    --text-main: #222222;
    --text-sub: #666666;
    --bg-light: #f4f7f9;
    --border-color: #dde2e5;
    --white: #ffffff;
    --success : #198754;
    --danger : #dc3545;
    --warnimg : #ffc107;
    --list0 : #559fed;
    --list1 : #f2a33d;
    --list2 : #04a631;
    --list3 : #7979ff;
}

/*정렬*/
.fl{float: left !important;}
.fr{float: right !important;}
.texr{text-align: right !important;}
.texl{text-align: left !important;}

.dib{display: inline-block !important;}
.db{display: block !important;}

/* 여백 */
.mr5 {margin-right: 5px !important;}  
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.ml10 {margin-left: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb0 {margin-bottom: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mt20 {margin-top: 20px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.ml20 {margin-left: 20px !important;}
.pa20 {padding: 20px !important;}
.pt40 {padding-top: 40px !important;}
.pt10 {padding-top: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pl40 {padding-left: 40px !important;}
.pl20 {padding-left: 20px !important;}
.pt20 {padding-top: 20px !important;}

/* 크기 */
.wAuto {width: auto !important;}
.w100 {width: 100% !important;}
.w991 {width: 99.1% !important;}
.w99 {width: 99% !important;}
.w98 {width: 98.7% !important;}
.w80 {width: 80% !important;}
.w70 {width: 70% !important;}
.w60 {width: 60% !important;}
.w50 {width: 50% !important;}
.w40 {width: 40% !important;}
.w30 {width: 30% !important;}
.w28 {width: 28% !important;}
.w20 {width: 20% !important;}

.h34{height: 34px !important;}

.lh26{line-height: 26px !important;}
.lh30{line-height: 30px !important;}
.lh36{line-height: 36px !important;}
.lh40{line-height: 40px !important;}

/* 폰트 */
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.txtBig {font-size: 1.2em;}
.txtSmall, .txt15 {font-size: 0.975em;}
.txtCenter {text-align: center !important;}
.txtRight {text-align: right !important;}
.txtLeft {text-align: left !important;}

/* 파일업로드 */

.file-upload { background-color: #ffffff; width: 100%; }  
.file-upload.small .image-upload-wrap { border: none; display: inline-block; }  
.file-upload-btn { margin: 0; padding: 10px; border-radius: 4px; transition: all .2s ease; outline: none; text-transform: uppercase; font-weight: 400; color: #ffffff; background-color: #044774; border-color: #2e6da4; position: absolute; bottom: 0px; left: 0; width: 100%; height: 40px !important; }  
.file-upload-btn:hover, .file-upload-btn:focus { background: #044774; color: #fff; transition: all .2s ease; cursor: pointer; }  
.file-upload-btn:active { border: 0; transition: all .2s ease; }  
.file-upload-content { display: none; text-align: center; padding-bottom: 30px; }  
.file-upload-input { display: none !important; }  
.file-upload-input.show { position: absolute; margin: 0; padding: 0; width: 0; height: 0; outline: none; opacity: 0; cursor: pointer; display: block !important; }  
.image-upload-wrap { margin-bottom: 5px; border: 1px solid #ccc; position: relative; padding-bottom: 30px; padding-top: 20px; }  
.image-dropping, .image-upload-wrap:hover { /* background-color: #efefef; */ background-color: #ffffff; }  
.image-title-wrap { margin-bottom: 10px; }  .drag-text { text-align: center; }  
.drag-text .txt { font-weight: 300; text-transform: uppercase; color: #666; padding: 0 0 20px; }  
.drag-text .txt .comment { font-size: 14px; color: #044770; text-align: left; line-height: 1.3em; padding-left: 20px; }  
.file-upload-image { max-height: 200px; max-width: 200px; margin: auto; padding: 20px; }  
.remove-image { margin: 0; color: #fff; background: #cd4535; border: none; padding: 3px 10px; border-radius: 4px; transition: all .2s ease; outline: none; font-weight: 300; font-size: 12px; min-height: auto !important; margin-bottom: 5px; margin-left: 5px; }  
.remove-image:hover, .remove-image:focus { background: #c13b2a; color: #ffffff; transition: all .2s ease; cursor: pointer; }  
.remove-image:active { border: 0; transition: all .2s ease; }  
.file-item { display: block; font-size: 14px; margin-right: 5px; text-align: left; padding-left: 20px; } 


/* over-lay */
.curtain {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:9999;}
.curtain .curtainContent{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:10000;
	background:#fff;
	border-radius:12px;
	padding:40px 30px;
	text-align:center;
	box-shadow:0 10px 40px rgba(0,0,0,0.25);
}
.curtainContent .curtainIcon {font-size:40px; margin-bottom:14px;}
.curtainContent .curtainmsg {
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:24px;
	line-height:1.5;
}
.curtainContent button {
	background:#004b93;
	color:#fff;
	border:none;
	padding:11px 40px;
	border-radius:6px;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
}
.no-scroll {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}




@media all and (max-width: 500px) {
.w50 {width: 100% !important;}
.w98 {width: 95.7% !important;}

}