@charset "utf-8";

/*정렬*/
.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; } 
.ml18 { margin-left: 18% !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; } 
.w90 { width: 90% !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: 20px; 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; } 
.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; } 



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