/*------------ width (%) ------------*/

.per5 {
    width: 5%;
}

.per7 {
    width: 7%;
}

.per8 {
    width: 8%;
}

.per10 {
    width: 10%;
}

.per15 {
    width: 15%;
}

.per20 {
    width: 20%;
}

.per25 {
    width: 25%;
}

.per30 {
    width: 30%;
}

.per31 {
    width: 31%;
}

.per32 {
    width: 32%;
}

.per33 {
    width: 33%;
}

.per333 {
    width: 33.33%;
}

.per34 {
    width: 34%;
}

.per35 {
    width: 35%;
}

.per40 {
    width: 40%;
}

.per49 {
    width: 49%;
}

.per50 {
    width: 50%;
}

.per60 {
    width: 60%;
}

.per65 {
    width: 65%;
}

.per70 {
    width: 70%;
}

.per80 {
    width: 80%;
}

.per85 {
    width: 85%;
}

.per90 {
    width: 90%;
}

.per92 {
    width: 92%;
}

.per93 {
    width: 93%;
}

.per95 {
    width: 95%;
}

.per100 {
    width: 100%;
}


/*------------ width (px -> rem) ----------*/

.px5 {
    width: 5px;
}

.px10 {
    width: 10px;
}

.px15 {
    width: 15px;
}

.px20 {
    width: 20px;
}

.px25 {
    width: 25px;
}

.px30 {
    width: 30px;
}

.px35 {
    width: 35px;
}

.px40 {
    width: 40px;
}

.px45 {
    width: 45px;
}

.px50 {
    width: 50px;
}

.px55 {
    width: 55px;
}

.px60 {
    width: 60px;
}

.px65 {
    width: 65px;
}

.px70 {
    width: 70px;
}

.px75 {
    width: 75px;
}

.px80 {
    width: 80px;
}

.px85 {
    width: 85px;
}

.px90 {
    width: 90px;
}

.px95 {
    width: 95px;
}

.px100 {
    width: 100px;
}

.px105 {
    width: 105px;
}

.px110 {
    width: 110px;
}

.px115 {
    width: 115px;
}

.px120 {
    width: 120px;
}

.px125 {
    width: 125px;
}

.px130 {
    width: 130px;
}

.px135 {
    width: 135px;
}

.px140 {
    width: 140px;
}

.px145 {
    width: 145px;
}

.px150 {
    width: 150px;
}

.px155 {
    width: 155px;
}

.px160 {
    width: 160px;
}

.px165 {
    width: 165px;
}

.px170 {
    width: 170px;
}

.px175 {
    width: 175px;
}

.px180 {
    width: 180px;
}

.px185 {
    width: 185px;
}

.px190 {
    width: 190px;
}

.px195 {
    width: 195px;
}

.px200 {
    width: 200px;
}

.px205 {
    width: 205px;
}

.px210 {
    width: 210px;
}

.px215 {
    width: 215px;
}

.px220 {
    width: 220px;
}

.px225 {
    width: 225px;
}

.px230 {
    width: 230px;
}

.px250 {
    width: 250px;
}

.px300 {
    width: 300px;
}

.px305 {
    width: 305px;
}

.px310 {
    width: 310px;
}

.px315 {
    width: 315px;
}

.px320 {
    width: 320px;
}

/* 여기 까지 px5단위 */

.px350 {
    width: 350px;
}

.px380 {
    width: 380px;
}

.px390 {
    width: 390px;
}

.px400 {
    width: 400px;
}

.px450 {
    width: 450px;
}

.px500 {
    width: 500px;
}

.px600 {
    width: 600px;
}

.px700 {
    width: 700px;
}

.px800 {
    width: 800px;
}

.px900 {
    width: 900px;
}

.px1000 {
    width: 1000px;
}

.px1100 {
    width: 1100px;
}

.px1200 {
    width: 1200px;
}



/*------------ max-width ------------*/

.maxpx100 {
    max-width: 6.3rem;
}

.maxpx170 {
    max-width: 10.6rem;
}

.maxpx200 {
    max-width: 12.5rem;
}

.maxpx210 {
    max-width: 13.1rem;
}

.maxpx220 {
    max-width: 13.8rem;
}

.maxpx250 {
    max-width: 15.6rem;
}

.maxpx300 {
    max-width: 18.8rem;
}

.maxwd-1000 {
    max-width: 1000px;
}

.maxwd-900 {
    max-width: 900px;
}



/*------------ margin ------------*/

.mg-auto {
    margin: 0 auto
}

.mg0 {
    margin: 0px;
}

.mg3 {
    margin: 3px;
}

.mg5 {
    margin: 5px;
}

.mg10 {
    margin: 10px;
}

.mg15 {
    margin: 15px;
}

.mg20 {
    margin: 20px;
}

.mg25 {
    margin: 25px;
}

.mg30 {
    margin: 30px;
}

.mg40 {
    margin: 40px;
}

.mg50 {
    margin: 50px;
}

.mg60 {
    margin: 60px;
}

.mg70 {
    margin: 70px;
}

.mg80 {
    margin: 80px;
}

.mg90 {
    margin: 90px;
}

.mg100 {
    margin: 100px;
}

.mg-l0 {
    margin-left: 0px;
}

.mg-l5 {
    margin-left: 5px;
}

.mg-l10 {
    margin-left: 10px;
}

.mg-l15 {
    margin-left: 15px;
}

.mg-l20 {
    margin-left: 20px;
}

.mg-l25 {
    margin-left: 25px;
}

.mg-l30 {
    margin-left: 30px;
}

.mg-l35 {
    margin-left: 35px;
}

.mg-l40 {
    margin-left: 40px;
}

.mg-l42 {
    margin-left: 42px;
}

.mg-l45 {
    margin-left: 45px;
}

.mg-l50 {
    margin-left: 50px;
}

.mg-l55 {
    margin-left: 55px;
}

.mg-l60 {
    margin-left: 60px;
}

.mg-l65 {
    margin-left: 65px;
}

.mg-l70 {
    margin-left: 70px;
}

.mg-l75 {
    margin-left: 75px;
}

.mg-l80 {
    margin-left: 80px;
}

.mg-l85 {
    margin-left: 85px;
}

.mg-l90 {
    margin-left: 90px;
}

.mg-l95 {
    margin-left: 95px;
}

.mg-l100 {
    margin-left: 100px;
}

.mg-l100 {
    margin-left: 100px;
}

.mg-l150 {
    margin-left: 150px;
}

.mg-l200 {
    margin-left: 200px;
}

.mg-l250 {
    margin-left: 250px;
}

.mg-l300 {
    margin-left: 300px;
}

.mg-l350 {
    margin-left: 350px;
}

.mg-l400 {
    margin-left: 400px;
}

.mg-l450 {
    margin-left: 450px;
}

.mg-l500 {
    margin-left: 500px;
}


.mg-r0 {
    margin-right: 0px;
}

.mg-r5 {
    margin-right: 5px;
}

.mg-r10 {
    margin-right: 10px;
}

.mg-r15 {
    margin-right: 15px;
}

.mg-r20 {
    margin-right: 20px;
}

.mg-r25 {
    margin-right: 25px;
}

.mg-r30 {
    margin-right: 30px;
}

.mg-r35 {
    margin-right: 35px;
}

.mg-r40 {
    margin-right: 40px;
}

.mg-r45 {
    margin-right: 45px;
}

.mg-r50 {
    margin-right: 50px;
}

.mg-r55 {
    margin-right: 55px;
}

.mg-r60 {
    margin-right: 60px;
}

.mg-r65 {
    margin-right: 65px;
}

.mg-r70 {
    margin-right: 70px;
}

.mg-r75 {
    margin-right: 75px;
}

.mg-r80 {
    margin-right: 80px;
}

.mg-r85 {
    margin-right: 85px;
}

.mg-r90 {
    margin-right: 90px;
}

.mg-r95 {
    margin-right: 95px;
}

.mg-r100 {
    margin-right: 100px;
}

.mg-t0 {
    margin-top: 0px;
}

.mg-t5 {
    margin-top: 5px;
}

.mg-t10 {
    margin-top: 10px;
}

.mg-t15 {
    margin-top: 15px;
}

.mg-t20 {
    margin-top: 20px;
}

.mg-t25 {
    margin-top: 25px;
}

.mg-t30 {
    margin-top: 30px;
}

.mg-t35 {
    margin-top: 35px;
}

.mg-t40 {
    margin-top: 40px;
}

.mg-t45 {
    margin-top: 45px;
}

.mg-t50 {
    margin-top: 50px;
}

.mg-t55 {
    margin-top: 55px;
}

.mg-t60 {
    margin-top: 60px;
}

.mg-t65 {
    margin-top: 65px;
}

.mg-t70 {
    margin-top: 70px;
}

.mg-t75 {
    margin-top: 75px;
}

.mg-t80 {
    margin-top: 80px;
}

.mg-t85 {
    margin-top: 85px;
}

.mg-t90 {
    margin-top: 90px;
}

.mg-t95 {
    margin-top: 95px;
}

.mg-t100 {
    margin-top: 100px;
}

.mg-b0 {
    margin-bottom: 0px;
}

.mg-b5 {
    margin-bottom: 5px;
}

.mg-b10 {
    margin-bottom: 10px;
}

.mg-b15 {
    margin-bottom: 15px;
}

.mg-b20 {
    margin-bottom: 20px;
}

.mg-b25 {
    margin-bottom: 25px;
}

.mg-b30 {
    margin-bottom: 30px;
}

.mg-b35 {
    margin-bottom: 35px;
}

.mg-b40 {
    margin-bottom: 40px;
}

.mg-b45 {
    margin-bottom: 45px;
}

.mg-b50 {
    margin-bottom: 50px;
}

.mg-b55 {
    margin-bottom: 55px;
}

.mg-b60 {
    margin-bottom: 60px;
}

.mg-b65 {
    margin-bottom: 65px;
}

.mg-b70 {
    margin-bottom: 70px;
}

.mg-b75 {
    margin-bottom: 75px;
}

.mg-b80 {
    margin-bottom: 80px;
}

.mg-b85 {
    margin-bottom: 85px;
}

.mg-b90 {
    margin-bottom: 90px;
}

.mg-b95 {
    margin-bottom: 95px;
}

.mg-b100 {
    margin-bottom: 100px;
}

.mg-b200 {
    margin-bottom: 200px;
}

.mg-lr0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mg-lr4 {
    margin-left: 4px;
    margin-right: 4px;
}

.mg-lr5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mg-lr10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mg-lr15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mg-lr20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mg-lr25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mg-lr30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mg-lr35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mg-lr40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mg-lr45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mg-lr50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mg-lr55 {
    margin-left: 55px;
    margin-right: 55px;
}

.mg-lr60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mg-lr65 {
    margin-left: 65px;
    margin-right: 65px;
}

.mg-lr70 {
    margin-left: 70px;
    margin-right: 70px;
}

.mg-lr75 {
    margin-left: 75px;
    margin-right: 75px;
}

.mg-lr80 {
    margin-left: 80px;
    margin-right: 50px;
}

.mg-lr85 {
    margin-left: 85px;
    margin-right: 85px;
}

.mg-lr90 {
    margin-left: 90px;
    margin-right: 90px;
}

.mg-lr95 {
    margin-left: 95px;
    margin-right: 95px;
}

.mg-lr100 {
    margin-left: 100px;
    margin-right: 100px;
}

.mg-lr150 {
    margin-left: 150px;
    margin-right: 150px;
}

.mg-tb0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mg-tb4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mgmg-tb5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mg-tb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mg-tb15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mg-tb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mg-tb25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mg-tb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mg-tb35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.mg-tb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mg-tb45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mg-tb50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mg-tb55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.mg-tb60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mg-tb65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.mg-tb70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.mg-tb75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.mg-tb80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mg-tb85 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.mg-tb90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.mg-tb95 {
    margin-top: 95px;
    margin-bottom: 95px;
}

.mg-tb100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.mg-tb150 {
    margin-top: 150px;
    margin-bottom: 150px;
}


/*------------ padding ------------*/
.pd0 {
    padding: 0px;
}

.pd1 {
    padding: 1px;
}

.pd2 {
    padding: 2px;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pd25 {
    padding: 25px;
}

.pd30 {
    padding: 30px;
}

.pd40 {
    padding: 40px;
}

.pd50 {
    padding: 50px;
}

.pd60 {
    padding: 60px;
}

.pd70 {
    padding: 70px;
}

.pd80 {
    padding: 80px;
}

.pd90 {
    padding: 90px;
}

.pd100 {
    padding: 100px;
}

.pd-0 {
    padding: 0px;
}

.pd-1 {
    padding: 1px;
}

.pd-2 {
    padding: 2px;
}

.pd-5 {
    padding: 5px;
}

.pd-10 {
    padding: 10px;
}

.pd-15 {
    padding: 15px;
}

.pd-20 {
    padding: 20px;
}

.pd-25 {
    padding: 25px;
}

.pd-30 {
    padding: 30px;
}

.pd-40 {
    padding: 40px;
}

.pd-50 {
    padding: 50px;
}

.pd-60 {
    padding: 60px;
}

.pd-70 {
    padding: 70px;
}

.pd-80 {
    padding: 80px;
}

.pd-90 {
    padding: 90px;
}

.pd-100 {
    padding: 100px;
}

.pd-l0 {
    padding-left: 0px;
}

.pd-l4 {
    padding-left: 4px;
}

.pd-l5 {
    padding-left: 5px;
}

.pd-l10 {
    padding-left: 10px;
}

.pd-l15 {
    padding-left: 15px;
}

.pd-l20 {
    padding-left: 20px;
}

.pd-l25 {
    padding-left: 25px;
}

.pd-l30 {
    padding-left: 30px;
}

.pd-l35 {
    padding-left: 35px;
}

.pd-l40 {
    padding-left: 40px;
}

.pd-l45 {
    padding-left: 45px;
}

.pd-l50 {
    padding-left: 50px;
}

.pd-l55 {
    padding-left: 55px;
}

.pd-l60 {
    padding-left: 60px;
}

.pd-l65 {
    padding-left: 65px;
}

.pd-l70 {
    padding-left: 70px;
}

.pd-l75 {
    padding-left: 75px;
}

.pd-l80 {
    padding-left: 80px;
}

.pd-l85 {
    padding-left: 85px;
}

.pd-l90 {
    padding-left: 90px;
}

.pd-l95 {
    padding-left: 95px;
}

.pd-l100 {
    padding-left: 100px;
}

.pd-l150 {
    padding-left: 150px;
}

.pd-r0 {
    padding-right: 0px;
}

.pd-r4 {
    padding-right: 4px;
}

.pd-r5 {
    padding-right: 5px;
}

.pd-r10 {
    padding-right: 10px;
}

.pd-r15 {
    padding-right: 15px;
}

.pd-r20 {
    padding-right: 20px;
}

.pd-r25 {
    padding-right: 25px;
}

.pd-r30 {
    padding-right: 30px;
}

.pd-r35 {
    padding-right: 35px;
}

.pd-r40 {
    padding-right: 40px;
}

.pd-r45 {
    padding-right: 45px;
}

.pd-r50 {
    padding-right: 50px;
}

.pd-r55 {
    padding-right: 55px;
}

.pd-r60 {
    padding-right: 60px;
}

.pd-r65 {
    padding-right: 65px;
}

.pd-r70 {
    padding-right: 70px;
}

.pd-r75 {
    padding-right: 75px;
}

.pd-r80 {
    padding-right: 80px;
}

.pd-r85 {
    padding-right: 85px;
}

.pd-r90 {
    padding-right: 90px;
}

.pd-r95 {
    padding-right: 95px;
}

.pd-r100 {
    padding-right: 100px;
}

.pd-b0 {
    padding-bottom: 0px;
}

.pd-b5 {
    padding-bottom: 5px;
}

.pd-b10 {
    padding-bottom: 10px;
}

.pd-b15 {
    padding-bottom: 15px;
}

.pd-b20 {
    padding-bottom: 20px;
}

.pd-b25 {
    padding-bottom: 25px;
}

.pd-b30 {
    padding-bottom: 30px;
}

.pd-b35 {
    padding-bottom: 35px;
}

.pd-b40 {
    padding-bottom: 40px;
}

.pd-b45 {
    padding-bottom: 45px;
}

.pd-b50 {
    padding-bottom: 50px;
}

.pd-b55 {
    padding-bottom: 55px;
}

.pd-b60 {
    padding-bottom: 60px;
}

.pd-b65 {
    padding-bottom: 65px;
}

.pd-b70 {
    padding-bottom: 70px;
}

.pd-b75 {
    padding-bottom: 75px;
}

.pd-b80 {
    padding-bottom: 80px;
}

.pd-b85 {
    padding-bottom: 85px;
}

.pd-b90 {
    padding-bottom: 90px;
}

.pd-b95 {
    padding-bottom: 95px;
}

.pd-b100 {
    padding-bottom: 100px;
}

.pd-t0 {
    padding-top: 0px;
}

.pd-t5 {
    padding-top: 5px;
}

.pd-t10 {
    padding-top: 10px;
}

.pd-t15 {
    padding-top: 15px;
}

.pd-t20 {
    padding-top: 20px;
}

.pd-t25 {
    padding-top: 25px;
}

.pd-t30 {
    padding-top: 30px;
}

.pd-t35 {
    padding-top: 35px;
}

.pd-t40 {
    padding-top: 40px;
}

.pd-t45 {
    padding-top: 45px;
}

.pd-t50 {
    padding-top: 50px;
}

.pd-t55 {
    padding-top: 55px;
}

.pd-t60 {
    padding-top: 60px;
}

.pd-t65 {
    padding-top: 65px;
}

.pd-t70 {
    padding-top: 70px;
}

.pd-t75 {
    padding-top: 75px;
}

.pd-t80 {
    padding-top: 80px;
}

.pd-t85 {
    padding-top: 85px;
}

.pd-t90 {
    padding-top: 90px;
}

.pd-t95 {
    padding-top: 95px;
}

.pd-t100 {
    padding-top: 100px;
}


.pd-lr0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pd-lr4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pd-lr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pd-lr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pd-lr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pd-lr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pd-lr25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pd-lr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pd-lr35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pd-lr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pd-lr45 {
    padding-left: 45px;
    padding-right: 45px;
}

.pd-lr50 {
    padding-left: 50px;
    padding-right: 50px;
}

.pd-lr55 {
    padding-left: 55px;
    padding-right: 55px;
}

.pd-lr60 {
    padding-left: 60px;
    padding-right: 60px;
}

.pd-lr65 {
    padding-left: 65px;
    padding-right: 65px;
}

.pd-lr70 {
    padding-left: 70px;
    padding-right: 70px;
}

.pd-lr75 {
    padding-left: 75px;
    padding-right: 75px;
}

.pd-lr80 {
    padding-left: 80px;
    padding-right: 50px;
}

.pd-lr85 {
    padding-left: 85px;
    padding-right: 85px;
}

.pd-lr90 {
    padding-left: 90px;
    padding-right: 90px;
}

.pd-lr95 {
    padding-left: 95px;
    padding-right: 95px;
}

.pd-lr100 {
    padding-left: 100px;
    padding-right: 100px;
}

.pd-lr150 {
    padding-left: 150px;
    padding-right: 150px;
}

.pd-tb0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pd-tb4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.pd-tb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pd-tb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pd-tb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pd-tb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd-tb25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pd-tb30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pd-tb35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.pd-tb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pd-tb45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.pd-tb50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pd-tb55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.pd-tb60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pd-tb65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.pd-tb70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.pd-tb75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.pd-tb80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pd-tb85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.pd-tb90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.pd-tb95 {
    padding-top: 95px;
    padding-bottom: 95px;
}

.pd-tb100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pd-tb150 {
    padding-top: 150px;
    padding-bottom: 150px;
}


/*------------ font-size ------------*/

.font11 {
    font-size: 0.7rem;
}

.font12 {
    font-size: 0.75rem;
}

.font13 {
    font-size: 0.8rem;
}

.font14 {
    font-size: 0.85rem;
}

.font15 {
    font-size: 0.95rem;
}

.font16 {
    font-size: 1rem;
}

.font17 {
    font-size: 1.1rem;
}

.font18 {
    font-size: 1.15rem;
}

.font19 {
    font-size: 1.2rem;
}

.font20 {
    font-size: 1.25rem;
}

.font21 {
    font-size: 1.3rem;
}

.font22 {
    font-size: 1.35rem;
}

.font23 {
    font-size: 1.4rem;
}

.font24 {
    font-size: 1.5rem;
}

.font25 {
    font-size: 1.55rem;
}

.font26 {
    font-size: 1.6rem;
}

.font27 {
    font-size: 1.7rem;
}

.font28 {
    font-size: 1.75rem;
}

.font29 {
    font-size: 1.8rem;
}

.font30 {
    font-size: 1.85rem;
}

.font35 {
    font-size: 2.2rem;
}

.font40 {
    font-size: 2.5rem;
}

.font-bold {
    font-weight: bold;
}

.font-normal {
    font-weight: normal
}


/*------------ background-color ------------*/

.bg-fff {
    background-color: #fff;
}

.bg-blue {
    background-color: #3897f0;
}

.bg-blue2 {
    background-color: #51a3be;
}

.bg-blue3 {
    background-color: #156f9b;
}

.bg-black {
    background-color: #333;
}

.bg-black2 {
    background-color: #666;
}

.bg-red {
    background-color: #ee760c;
}

.bg-red2 {
    background-color: #FA5858;
}

.bg-orange {
    background-color: #e9700f;
}

.bg-orange2 {
    background-color: #ee960c;
}

.bg-green {
    background-color: #419923;
}

.bg-green2 {
    background-color: #73b748;
}

.bg-green2 {
    background-color: #CEF6D8;
    ;
}

.bg-gray {
    background-color: #f0f0f0;
}

.bg-gray1 {
    background-color: #f9f9f9;
}

.bg-ivory {
    background-color: #fafafa;
}

.bg-f2f2f2 {
    background-color: #f2f2f2;
}

.bg-333 {
    background-color: #333;
}

.bg-666 {
    background-color: #666;
}

.bg-999 {
    background-color: #999;
}


/*------------ color ------------*/

.color-333 {
    color: #333333;
}

.color-666 {
    color: #666666;
}

.color-999 {
    color: #999999;
}

.color-fff {
    color: #ffffff;
}

.color-000 {
    color: #000000;
}

.color-black {
    color: #000000;
}

.color-gray {
    color: #727272;
}

.color-red {
    color: #ce2929;
}

.color-green {
    color: #8aab61;
}

.color-blue {
    color: #5889ab;
}


/*------------ border ------------*/

.border-a1 {
    border: 0.1rem solid #dbdbdb
}

.border-t1 {
    border-top: 0.1rem solid #dbdbdb
}

.border-b1 {
    border-bottom: 0.1rem solid #dbdbdb
}

.border-l1 {
    border-left: 0.1rem solid #dbdbdb
}

.border-r1 {
    border-right: 0.1rem solid #dbdbdb
}


/*------------ border-radius ------------*/

.border-rd1 {
    border-radius: 0.1rem;
}

.border-rd2 {
    border-radius: 0.15rem;
}

.border-rd3 {
    border-radius: 0.2rem;
}

.border-rd4 {
    border-radius: 0.25rem;
}

.border-rd5 {
    border-radius: 0.3rem;
}


/*------------- position ------------*/

.absolute {
    position: absolute;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}


/*------------ float ------------*/

.fl {
    float: left;
}

.fr {
    float: right;
}


/*------------ display -----------*/

.block {
    display: block;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
}

.none {
    display: none !important;
}

.hidden {
    display: none !important;
}


/*------------ overflow -----------*/

.o-hidden {
    overflow: hidden;
}


/*-------------- vertical-align ---------*/

.ver-middle {
    vertical-align: middle;
}

.ver-bottom {
    vertical-align: bottom;
}

.ver-top {
    vertical-align: top;
}

.ver-base {
    vertical-align: baseline;
}


/*------------ text-align ------------*/

.text-l {
    text-align: left;
}

.text-r {
    text-align: right;
}

.text-c {
    text-align: center;
}


/*------------ text-break ------------*/

.text-break {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*------------ line-height ------------*/

.line-h150p {
    line-height: 150%;
}

.line-h16 {
    line-height: 1rem;
}

.line-h18 {
    line-height: 1.2rem;
}

.line-h20 {
    line-height: 1.3rem;
}

.line-h24 {
    line-height: 1.5rem;
}


/*------------ etc ------------*/

.clear {
    clear: both;
}

.error {
    color: red;
}

.pointer {
    cursor: pointer;
}

.new-icon {
    background: url(/images/pages/new-icon.png) no-repeat;
    display: inline-block;
    width: 30px;
    height: 16px;
    vertical-align: middle;
    text-indent: -9999px;
    text-align: left
}

 /* hide everything except the content container */
 @media print {
    #top-head {
      display: none;
    }
    .navbar{
        display: none;
    }
    .sub-menu-box{
        display: none;
    }
    .sub-bar{
        display: none;
    }
    .view-btn{
        display: none;
    }

    .footer{
        display: none;
    }
    .comment-all {
      display: none;
    }
    .view-comment-box{
        display: none;
    }
  }