@charset utf-8;
@import url(/css/NotoSansKR.css);
/*공용 디자인CSS*/
/* float */
.cf {}

.cf:after {
    content: '';
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cb {
    clear: both;
}

/*폰트정렬*/
.f-aling-center{
    text-align: center;
}
.f-align-right{
    text-align: right;
}
.f-align-left{
    text-align: left !important;
}

/**/
.disp-ib{
	display:inline-block;
}

/*폰트컬러*/
.f-color-wh{
    color: #fff !important;
}


.p-r{
	position:relative;
}
.p-a5050{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
}
/* width */
.w_20{
	width:20% !important;
}
.w_25{
	width:25% !important;
}
.w_28{
	width:28%;
}
.w_30{
	width:30%;
}
.w_33{
	width:33.33%;
}
.w_40{
	width:40%;
}
.w_49{
	width:49%;
}
.w_50{
	width:50%;
}
.w_60{
	width:60%;
}
.w_68{
	width:68%;
}
.w_70{
	width:70% !important;
}
.w_72{
	width:72%;
}
.w_100{
	width:100%!important;
}
/* padding-left */
.padl-8{
	padding-left:8px;
}
/* padding-right */
.padr-20{
	padding-right:20px;
}
/* padding-top */
.padt-10{
	padding-top:10px;
}
.padt-20{
	padding-top:20px;
}
.padt-30{
	padding-top:30px;
}
.padt-30{
	padding-top:30px;
}
.padt-50{
	padding-top:50px;
}
.padt-100{
	padding-top:100px !important;
}
.padb-30{
	padding-bottom:30px;
}
.padb-40{
	padding-bottom:40px;
}
/* margin-상하좌우 */
.margin-10px{
	margin:10px;
}

/* margin-top */
.mart-10px{
	margin-top:10px;	
}
.mart-22px{
	margin-top:22px;	
}
.mart-30px{
	margin-top:30px;	
}
.mart-90px{
	margin-top:90px;	
}
/* margin-bottom */
.marb-6px{
	margin-bottom:6px;	
}
.marb-8px{
	margin-bottom:8px;	
}
.marb-10px{
	margin-bottom:10px;	
}