@charset 'utf-8';


.blind, .hide { overflow:hidden; display:block; position: absolute; width: 1px; height: 1px; clip:rect(0 0 0 0 );}


/* font */
.fw700 { font-weight: 700;}
.fw500 { font-weight: 500;}
.fw400 { font-weight: 400;}
.fw300 { font-weight: 300;}
.fw100 { font-weight: 100;}
.tac { text-align: center;}
.tal { text-align: left;}
.tar { text-align: right;}

.white-space-wrap { white-space:normal !important; }


/* display */
.flex { display: flex; justify-content: space-between;}
.flex-center { align-items:center; justify-content:center;}  
.flex-wrap { flex-wrap:wrap}  
.flex-1 { flex:1; }
.block { display: block !important;}
.inline-block { display: inline-block;}
.inline { display: inline;}
.none { display: none;}

/*position*/
.relative { position: relative;}
.absolute { position: absolute;}



/* 간격 */
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb45 {margin-bottom:45px !important}
.mb50 {margin-bottom:50px !important}
.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.ml40 {margin-left:40px !important}
.ml45 {margin-left:45px !important}
.ml50 {margin-left:50px !important}
.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr40 {margin-right:40px !important}
.mr45 {margin-right:45px !important}
.mr50 {margin-right:50px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}

.m0 { margin: 0 !important; }
.m0auto { margin: 0 auto;}

.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}
.pt35 {padding-top:35px !important}
.pt40 {padding-top:40px !important}
.pt45 {padding-top:45px !important}
.pt50 {padding-top:50px !important}

.pb0 {padding-bottom:0 !important}
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb15 {padding-bottom:15px !important}
.pb20 {padding-bottom:20px !important}
.pb25 {padding-bottom:25px !important}
.pb30 {padding-bottom:30px !important}
.pb35 {padding-bottom:35px !important}
.pb40 {padding-bottom:40px !important}
.pb45 {padding-bottom:45px !important}
.pb50 {padding-bottom:50px !important}

.pl5 {padding-left:5px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}
.pl35 {padding-left:35px !important}
.pl40 {padding-left:40px !important}
.pl45 {padding-left:45px !important}
.pl50 {padding-left:50px !important}

.pr5 {padding-right:5px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr30 {padding-right:30px !important}
.pr35 {padding-right:35px !important}
.pr40 {padding-right:40px !important}
.pr45 {padding-right:45px !important}
.pr50 {padding-right:50px !important}

.p5-0 {padding:5px 0}
.p10-0 {padding:10px 0}
.p15-0 {padding:15px 0}
.p20-0 {padding:20px 0}
.p25-0 {padding:25px 0}
.p30-0 {padding:30px 0}
.p35-0 {padding:35px 0}
.p40-0 {padding:40px 0}
.p45-0 {padding:45px 0}
.p50-0 {padding:50px 0}

.p0-5 {padding:0 5px}
.p0-10 {padding:0 10px}
.p0-15 {padding:0 15px}
.p0-20 {padding:0 20px}
.p0-25 {padding:0 25px}
.p0-30 {padding:0 30px}
.p0-35 {padding:0 35px}
.p0-40 {padding:0 40px}
.p0-45 {padding:0 45px}
.p0-50 {padding:0 50px}

.p0 { padding: 0 !important; }


.w120 { width:120px;}
.w150 { width:150px;}
.w170 { width:170px;}
.w300 { width:300px;}
.w305 { width:305px;}
.w825 {width: 825px;}
.w100p { width: 100% !important;}
.w200p { width: 200% !important;}
.maxw300 { max-width:300px  !important;}
.minw300 { min-width:300px  !important;}