/* 공통 css */
.dis-b{ display: block !important; }
.dis-n{ display: none !important; }
.dis-f{ display: flex !important; }
.dis-ib{ display: inline-block; }

/* width auto */
.w-auto{ width: auto; }

/* width percent */
.wp5{ width: 5%; }
.wp6{ width: 6%; }
.wp10{ width: 10%; }
.wp15{ width: 15%; }
.wp20{ width: 20%; }
.wp25{ width: 25%; }
.wp30{ width: 30%; }
.wp35{ width: 35%; }
.wp40{ width: 40%; }
.wp45{ width: 45%; }
.wp50{ width: 50%; }
.wp55{ width: 55%; }
.wp60{ width: 60%; }
.wp65{ width: 65%; }
.wp70{ width: 70%; }
.wp75{ width: 75%; }
.wp80{ width: 80%; }
.wp85{ width: 85%; }
.wp90{ width: 90%; }
.wp95{ width: 95%; }
.wp100{ width: 100%; }

/* height percent */
.hp5{ height: 5%; }
.hp10{ height: 10%; }
.hp15{ height: 15%; }
.hp20{ height: 20%; }
.hp25{ height: 25%; }
.hp30{ height: 30%; }
.hp35{ height: 35%; }
.hp40{ height: 40%; }
.hp45{ height: 45%; }
.hp50{ height: 50%; }
.hp55{ height: 55%; }
.hp60{ height: 60%; }
.hp65{ height: 65%; }
.hp70{ height: 70%; }
.hp75{ height: 75%; }
.hp80{ height: 80%; }
.hp85{ height: 85%; }
.hp90{ height: 90%; }
.hp95{ height: 95%; }
.hp100{ height: 100%; }

/* text line setting */
.a-left{ text-align: left !important; }
.a-center{ text-align: center; }
.a-right{ text-align: right; }

/* margin*/
.m-10{ margin: 10px; }
.m-15{ margin: 15px; }
.m-20{ margin: 20px; }
.m-25{ margin: 25px; }
.m-30{ margin: 30px; }
.m-35{ margin: 35px; }
.m-40{ margin: 40px; }
.m-45{ margin: 45px; }
.m-50{ margin: 50px; }
.m-55{ margin: 55px; }
.m-60{ margin: 60px; }
.m-65{ margin: 65px; }
.m-70{ margin: 70px; }
.m-75{ margin: 75px; }
.m-80{ margin: 80px; }
.m-85{ margin: 85px; }
.m-90{ margin: 90px; }
.m-95{ margin: 95px; }
.m-100{ margin: 100px; }

/* margin top*/
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt35{ margin-top: 35px; }
.mt40{ margin-top: 40px; }
.mt45{ margin-top: 45px; }
.mt50{ margin-top: 50px; }
.mt55{ margin-top: 55px; }
.mt60{ margin-top: 60px; }
.mt65{ margin-top: 65px; }
.mt70{ margin-top: 70px; }
.mt75{ margin-top: 75px; }
.mt80{ margin-top: 80px; }
.mt85{ margin-top: 85px; }
.mt90{ margin-top: 90px; }
.mt95{ margin-top: 95px; }
.mt100{ margin-top: 100px; }

/* margin right*/
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr25{ margin-right: 25px; }
.mr30{ margin-right: 30px; }
.mr35{ margin-right: 35px; }
.mr40{ margin-right: 40px; }
.mr45{ margin-right: 45px; }
.mr50{ margin-right: 50px; }
.mr55{ margin-right: 55px; }
.mr60{ margin-right: 60px; }
.mr65{ margin-right: 65px; }
.mr70{ margin-right: 70px; }
.mr75{ margin-right: 75px; }
.mr80{ margin-right: 80px; }
.mr85{ margin-right: 85px; }
.mr90{ margin-right: 90px; }
.mr95{ margin-right: 95px; }
.mr100{ margin-right: 100px; }

/* margin bottom*/
.mb6{ margin-bottom: 6px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }
.mb45{ margin-bottom: 45px; }
.mb50{ margin-bottom: 50px; }
.mb55{ margin-bottom: 55px; }
.mb60{ margin-bottom: 60px; }
.mb65{ margin-bottom: 65px; }
.mb70{ margin-bottom: 70px; }
.mb75{ margin-bottom: 75px; }
.mb80{ margin-bottom: 80px; }
.mb85{ margin-bottom: 85px; }
.mb90{ margin-bottom: 90px; }
.mb95{ margin-bottom: 95px; }
.mb100{ margin-bottom: 100px; }

/* margin left*/
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml25{ margin-left: 25px; }
.ml30{ margin-left: 30px; }
.ml35{ margin-left: 35px; }
.ml40{ margin-left: 40px; }
.ml45{ margin-left: 45px; }
.ml50{ margin-left: 50px; }
.ml55{ margin-left: 55px; }
.ml60{ margin-left: 60px; }
.ml65{ margin-left: 65px; }
.ml70{ margin-left: 70px; }
.ml75{ margin-left: 75px; }
.ml80{ margin-left: 80px; }
.ml85{ margin-left: 85px; }
.ml90{ margin-left: 90px; }
.ml95{ margin-left: 95px; }
.ml100{ margin-left: 100px; }

/* padding */
.p10{ padding: 10px; }
.p15{ padding: 15px; }
.p20{ padding: 20px; }
.p25{ padding: 25px; }
.p30{ padding: 30px; }
.p35{ padding: 35px; }
.p40{ padding: 40px; }
.p45{ padding: 45px; }
.p50{ padding: 50px; }
.p55{ padding: 55px; }
.p60{ padding: 60px; }
.p65{ padding: 65px; }
.p70{ padding: 70px; }
.p75{ padding: 75px; }
.p80{ padding: 80px; }
.p85{ padding: 85px; }
.p90{ padding: 90px; }
.p95{ padding: 95px; }
.p100{ padding: 100px; }

/* padding top*/
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt25{ padding-top: 25px; }
.pt30{ padding-top: 30px; }
.pt35{ padding-top: 35px; }
.pt40{ padding-top: 40px; }
.pt45{ padding-top: 45px; }
.pt50{ padding-top: 50px; }
.pt55{ padding-top: 55px; }
.pt60{ padding-top: 60px; }
.pt65{ padding-top: 65px; }
.pt70{ padding-top: 70px; }
.pt75{ padding-top: 75px; }
.pt80{ padding-top: 80px; }
.pt85{ padding-top: 85px; }
.pt90{ padding-top: 90px; }
.pt95{ padding-top: 95px; }
.pt100{ padding-top: 100px; }

/* padding right*/
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr35{ padding-right: 35px; }
.pr40{ padding-right: 40px; }
.pr45{ padding-right: 45px; }
.pr50{ padding-right: 50px; }
.pr55{ padding-right: 55px; }
.pr60{ padding-right: 60px; }
.pr65{ padding-right: 65px; }
.pr70{ padding-right: 70px; }
.pr75{ padding-right: 75px; }
.pr80{ padding-right: 80px; }
.pr85{ padding-right: 85px; }
.pr90{ padding-right: 90px; }
.pr95{ padding-right: 95px; }
.pr100{ padding-right: 100px; }

/* padding bottom*/
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb25{ padding-bottom: 25px; }
.pb30{ padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40{ padding-bottom: 40px; }
.pb45{ padding-bottom: 45px; }
.pb50{ padding-bottom: 50px; }
.pb55{ padding-bottom: 55px; }
.pb60{ padding-bottom: 60px; }
.pb65{ padding-bottom: 65px; }
.pb70{ padding-bottom: 70px; }
.pb75{ padding-bottom: 75px; }
.pb80{ padding-bottom: 80px; }
.pb85{ padding-bottom: 85px; }
.pb90{ padding-bottom: 90px; }
.pb95{ padding-bottom: 95px; }
.pb100{ padding-bottom: 100px; }

/* padding left*/
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl35{ padding-left: 35px; }
.pl40{ padding-left: 40px; }
.pl45{ padding-left: 45px; }
.pl50{ padding-left: 50px; }
.pl55{ padding-left: 55px; }
.pl60{ padding-left: 60px; }
.pl65{ padding-left: 65px; }
.pl70{ padding-left: 70px; }
.pl75{ padding-left: 75px; }
.pl80{ padding-left: 80px; }
.pl85{ padding-left: 85px; }
.pl90{ padding-left: 90px; }
.pl95{ padding-left: 95px; }
.pl100{ padding-left: 100px; }

.lh40{ line-height: 40px; }
.lh60{ line-height: 60px; }

.fs16{ font-size: 16px !important; }

.hide{ display: none; }

.fw700{ font-weight: 700 !important; }

@media screen and (max-width: 1400px){
    .dis_xxl_b{ display: block !important; }
    .dis_xxl_n{ display: none !important; }
}

@media screen and (max-width: 1200px){
    .dis_xl_b{ display: block !important; }
    .dis_xl_n{ display: none !important; }
}

@media screen and (max-width: 992px){
    .dis_lg_b{ display: block !important; }
    .dis_lg_n{ display: none !important; }
}

@media screen and (max-width: 768px){
    .dis_md_b{ display: block !important; }
    .dis_md_n{ display: none !important; }
}

@media screen and (max-width: 650px){
    .dis_sm_b{ display: block !important; }
    .dis_sm_n{ display: none !important; }
}