/* 폰트아이콘 */
.fontIcons {
    font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px;  /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr;  
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;  
    -moz-osx-font-smoothing: grayscale;  
    font-feature-settings: 'liga';
}
.fontIcons.size12{font-size: 12px;}
.fontIcons.size14{font-size: 14px;}
.fontIcons.size16{font-size: 16px;}
.fontIcons.size18{font-size: 18px;}
.fontIcons.size20{font-size: 20px;}
.fontIcons.size22{font-size: 22px;}

/* 폰트색상 */
.fcGray{color: #777 !important;}
.fcMain{color:var(--mainColor) }
.fcRed{color: #bc2626 !important;}
.fcOrange{}

/* 텍스트효과 */
.txtUline{text-decoration: underline;}

/* display */
.inBlock{display: inline-block;}

/* float */
.clearFix{}
.clearFix::after{content: ""; display: block; clear: both;}
.clearFix::before{content: ""; display: block; clear: both;}
.flLeft{float: left;}
.flRight{float: right;}

/* 정렬 */
.txtAliL{text-align: left !important;}
.txtAliC{text-align: center !important;}
.txtAliR{text-align: right !important;}

/* margin */
.m0{margin: 0 !important;}
.ml0{margin-left: 0 !important;}
.mr0{margin-right: 0 !important;}
.mt0{margin-top: 0 !important;}
.mt20{margin-top: 20px !important;}
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}

/* padding */
.p0{padding: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

/* width */
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}

.wp35 {width:35% !important;}
.wp63 {width:63% !important;}
.wp100 {width:100% !important;}

/* height */
.h120{height: 120px;}

/* 기타 */
.hide{display: none !important;}

/* loading */
body.loading{overflow:hidden; width:100%; height:100%;}
body.loading::after{content:"\e1af"; font-family:"Material Icons"; position:fixed; top:50%; left:50%; display:inline-block; font-size:120px; margin-left:-30px; margin-top:-30px; z-index:1000; animation: spin 1s linear infinite; color:#fff;}
body.loading::before{content:""; display:inline-block; position:fixed; height:100%; width:100%; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.3); z-index:999;}

.txt-opt {color: red !important;}