@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 !important;
	
}
.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_10{
	width:10% !important;
}
.w_20{
	width:20% !important;
}
.w_25{
	width:25% !important;
}
.w_28{
	width:28%!important;
}
.w_30{
	width:30%!important;
}
.w_33{
	width:33.33%;
}
.w_40{
	width:40%!important;
}
.w_49{
	width:49%;
}
.w_50{
	width:50%!important;	
}
.w_60{
	width:60%!important;
}
.w_68{
	width:68%;
}
.w_70{
	width:70% !important;
}
.w_72{
	width:72%;
}
.w_80{
	width:80%;
}
.w_100{
	width:100%!important;
}
.padding20{
	padding:20px;
}
/* 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!important;	
}
.padt-100{
	padding-top:100px !important;
}
.padb-30{
	padding-bottom:30px;
}
.padb-40{
	padding-bottom:40px;
}
.paddl_244{
	padding-left:244px !important
}
.marg-auto{
	margin:auto;
}
/* margin-상하좌우 */
.margin-10px{
	margin:10px;
}
.martb-10px{
	margin:10px 0;
}
.martb-20px{
	margin:20px 0;
}

/* margin-top */
.mart-10px{
	margin-top:10px;	
}
.mart-22px{
	margin-top:22px !important;	
}
.mart-30px{
	margin-top:30px;	
}
.mart-35px{
	margin-top:35px !important;	
}
.mart-40px{
	margin-top:40px;	
}
.mart-90px{
	margin-top:90px;	
}
/* margin-bottom */
.marb-6px{
	margin-bottom:6px;	
}
.marb-8px{
	margin-bottom:8px;	
}
.marb-10px{
	margin-bottom:10px;	
}
.marb-20px{
	margin-bottom:20px ;	
}
.marb-42px{
	margin-bottom:42px ;	
}
/**/
.marl_244{
	margin-left:244px !important;
}


.back_fff{
	background: #fff !important
}
/**/
.box-sizing{
	box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important
}
/*border*/
.border1{
	border:1px solid #ddd
}