@charset "utf-8";


/*****************************
    공통 style 정의
*****************************/
/********************************************************************************
공통 style정의 안내 가이드 입니다.
수정, 추가되는 부분은 해당 영역에 수정(추가) 및 신규추가부분은 이어서 추가하시면 됩니다.
해당영역 찾는방법 (컨트롤+f) -> 제목
ex) 컨트롤+f, 창에 01. color 설정 검색

01. color 설정
02.
********************************************************************************/

/* 01. color 설정 */
.red {color: #ea4242 !important;}
.orange {color: #eb6222 !important;}
.blue {color: rgb(10, 86, 250) !important;}
.darkblue {color: rgb(5, 64, 192) !important;}


.fc_gray {color:#555555;}
.fc_lightgray {color:#7e7d7d;}

/* 02. font-siaze 설정 */
/* 단위 (px) */
.fs12 {font-size: 12px !important;}
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}

.bold {font-weight: 500;}

/* 03. 여백정의 */
/* psdding값 설정 */
.pdlr5 {padding: 0 5px !important;}
.pdl {padding-left: 10px !important;}
.pdr {padding-right: 10px !important;}
.pdl5 {padding-left: 5px !important;}
.pdr5 {padding-right: 5px !important;}

/* margin값 설정 */
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 50px !important;}

.ml2 {margin-left: 2px !important}
.ml5 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important}

.mr2 {margin-right: 2px !important}
.mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr20 {margin-right: 20px !important}

/* 04. 폰트(정렬,굵기,크기) 설정 */
.txt_left {text-align: left !important;
    input {text-align: left !important;}
}
.txt_center {text-align: center !important;
    input {text-align: center !important;}
}
.txt_right {text-align: right !important;
    input {text-align: right !important;}
}
.txt_underline {text-decoration: underline !important;}
.txt_through {text-decoration: line-through !important;}

/* 05. Float 설정  */
.fr {float: right;}
.fl {float: left;}
.flax {float:;}


/* 06. 가로, 가로최ㅏ소값, 가로 최대값, 세로 사이즈설정*/
/* width */
.wauto {width: auto !important;}
.w100p {width:100% !important;}
.w30 {width:30px !important;}
.w50 {width:50px !important;}
.w70 {width:70px !important;}
.w100 {width:100px !important;}
.w130 {width: 130px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w220 {width: 220px !important;}
.w300 {width: 300px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.w800 {width: 800px !important;}
.w900 {width: 900px !important;}
.w1000 {width: 1000px !important;}
.w1200 {width: 1200px !important;}
.w1300 {width: 1300px !important;}
.w1400 {width: 1400px !important;}
.w1500 {width: 1400px !important;}
.w1600 {width: 1600px !important;}
.w1700 {width: 1700px !important;}

/* line-height */
.lhauto {line-height:auto !important; }
.lh22 {line-height: 22px !important;}
.lh30 {line-height: 30px !important;}
.lh32 {line-height: 32px !important;}
.lh40 {line-height: 40px !important;}

.maxh400 {max-height: 400px;}


/* 07. display 설정 */
.Block {display: block !important;}


/* 08. border 설정 */
.brdTop {
    border-top: 1px;

    &_black {
        border-top:1px solid #000
    }
}

.ovfwY {overflow-y: auto;}