/*
    [ size component 사용법 ]
    - input text, textarea, selectbox 등 기본 너비가 100%인 태그에 사이즈 조절이 필요할 경우 사용합니다.
*/


/* ********** percentage width (5% 단위: 5 ~ 100%) ********** */
.w-5pct { width: 5% !important; }
.w-10pct { width: 10% !important; }
.w-15pct { width: 15% !important; }
.w-20pct { width: 20% !important; }
.w-25pct { width: 25% !important; }
.w-30pct { width: 30% !important; }
.w-35pct { width: 35% !important; }
.w-40pct { width: 40% !important; }
.w-45pct { width: 45% !important; }
.w-50pct { width: 50% !important; }
.w-55pct { width: 55% !important; }
.w-60pct { width: 60% !important; }
.w-65pct { width: 65% !important; }
.w-70pct { width: 70% !important; }
.w-75pct { width: 75% !important; }
.w-80pct { width: 80% !important; }
.w-85pct { width: 85% !important; }
.w-90pct { width: 90% !important; }
.w-95pct { width: 95% !important; }
.w-100pct { width: 100% !important; }


/* ********** px width (5px 단위: 5 ~ 500px) ********** */
.w-5px { width: 5px !important; }
.w-10px { width: 10px !important; }
.w-15px { width: 15px !important; }
.w-20px { width: 20px !important; }
.w-25px { width: 25px !important; }
.w-30px { width: 30px !important; }
.w-35px { width: 35px !important; }
.w-40px { width: 40px !important; }
.w-45px { width: 45px !important; }
.w-50px { width: 50px !important; }
.w-55px { width: 55px !important; }
.w-60px { width: 60px !important; }
.w-65px { width: 65px !important; }
.w-70px { width: 70px !important; }
.w-75px { width: 75px !important; }
.w-80px { width: 80px !important; }
.w-85px { width: 85px !important; }
.w-90px { width: 90px !important; }
.w-95px { width: 95px !important; }
.w-100px { width: 100px !important; }
.w-105px { width: 105px !important; }
.w-110px { width: 110px !important; }
.w-115px { width: 115px !important; }
.w-120px { width: 120px !important; }
.w-125px { width: 125px !important; }
.w-130px { width: 130px !important; }
.w-135px { width: 135px !important; }
.w-140px { width: 140px !important; }
.w-145px { width: 145px !important; }
.w-150px { width: 150px !important; }
.w-155px { width: 155px !important; }
.w-160px { width: 160px !important; }
.w-165px { width: 165px !important; }
.w-170px { width: 170px !important; }
.w-175px { width: 175px !important; }
.w-180px { width: 180px !important; }
.w-185px { width: 185px !important; }
.w-190px { width: 190px !important; }
.w-195px { width: 195px !important; }
.w-200px { width: 200px !important; }
.w-205px { width: 205px !important; }
.w-210px { width: 210px !important; }
.w-215px { width: 215px !important; }
.w-220px { width: 220px !important; }
.w-225px { width: 225px !important; }
.w-230px { width: 230px !important; }
.w-235px { width: 235px !important; }
.w-240px { width: 240px !important; }
.w-245px { width: 245px !important; }
.w-250px { width: 250px !important; }
.w-255px { width: 255px !important; }
.w-260px { width: 260px !important; }
.w-265px { width: 265px !important; }
.w-270px { width: 270px !important; }
.w-275px { width: 275px !important; }
.w-280px { width: 280px !important; }
.w-285px { width: 285px !important; }
.w-290px { width: 290px !important; }
.w-295px { width: 295px !important; }
.w-300px { width: 300px !important; }
.w-305px { width: 305px !important; }
.w-310px { width: 310px !important; }
.w-315px { width: 315px !important; }
.w-320px { width: 320px !important; }
.w-325px { width: 325px !important; }
.w-330px { width: 330px !important; }
.w-335px { width: 335px !important; }
.w-340px { width: 340px !important; }
.w-345px { width: 345px !important; }
.w-350px { width: 350px !important; }
.w-355px { width: 355px !important; }
.w-360px { width: 360px !important; }
.w-365px { width: 365px !important; }
.w-370px { width: 370px !important; }
.w-375px { width: 375px !important; }
.w-380px { width: 380px !important; }
.w-385px { width: 385px !important; }
.w-390px { width: 390px !important; }
.w-395px { width: 395px !important; }
.w-400px { width: 400px !important; }
.w-405px { width: 405px !important; }
.w-410px { width: 410px !important; }
.w-415px { width: 415px !important; }
.w-420px { width: 420px !important; }
.w-425px { width: 425px !important; }
.w-430px { width: 430px !important; }
.w-435px { width: 435px !important; }
.w-440px { width: 440px !important; }
.w-445px { width: 445px !important; }
.w-450px { width: 450px !important; }
.w-455px { width: 455px !important; }
.w-460px { width: 460px !important; }
.w-465px { width: 465px !important; }
.w-470px { width: 470px !important; }
.w-475px { width: 475px !important; }
.w-480px { width: 480px !important; }
.w-485px { width: 485px !important; }
.w-490px { width: 490px !important; }
.w-495px { width: 495px !important; }
.w-500px { width: 500px !important; }


/* ********** height auto ********** */
.h-auto { height: auto !important; }


/* ********** px height (5px 단위: 5 ~ 500px) ********** */
.h-5px { height: 5px !important; }
.h-10px { height: 10px !important; }
.h-15px { height: 15px !important; }
.h-20px { height: 20px !important; }
.h-25px { height: 25px !important; }
.h-30px { height: 30px !important; }
.h-35px { height: 35px !important; }
.h-40px { height: 40px !important; }
.h-45px { height: 45px !important; }
.h-50px { height: 50px !important; }
.h-55px { height: 55px !important; }
.h-60px { height: 60px !important; }
.h-65px { height: 65px !important; }
.h-70px { height: 70px !important; }
.h-75px { height: 75px !important; }
.h-80px { height: 80px !important; }
.h-85px { height: 85px !important; }
.h-90px { height: 90px !important; }
.h-95px { height: 95px !important; }
.h-100px { height: 100px !important; }
.h-105px { height: 105px !important; }
.h-110px { height: 110px !important; }
.h-115px { height: 115px !important; }
.h-120px { height: 120px !important; }
.h-125px { height: 125px !important; }
.h-130px { height: 130px !important; }
.h-135px { height: 135px !important; }
.h-140px { height: 140px !important; }
.h-145px { height: 145px !important; }
.h-150px { height: 150px !important; }
.h-155px { height: 155px !important; }
.h-160px { height: 160px !important; }
.h-165px { height: 165px !important; }
.h-170px { height: 170px !important; }
.h-175px { height: 175px !important; }
.h-180px { height: 180px !important; }
.h-185px { height: 185px !important; }
.h-190px { height: 190px !important; }
.h-195px { height: 195px !important; }
.h-200px { height: 200px !important; }
.h-205px { height: 205px !important; }
.h-210px { height: 210px !important; }
.h-215px { height: 215px !important; }
.h-220px { height: 220px !important; }
.h-225px { height: 225px !important; }
.h-230px { height: 230px !important; }
.h-235px { height: 235px !important; }
.h-240px { height: 240px !important; }
.h-245px { height: 245px !important; }
.h-250px { height: 250px !important; }
.h-255px { height: 255px !important; }
.h-260px { height: 260px !important; }
.h-265px { height: 265px !important; }
.h-270px { height: 270px !important; }
.h-275px { height: 275px !important; }
.h-280px { height: 280px !important; }
.h-285px { height: 285px !important; }
.h-290px { height: 290px !important; }
.h-295px { height: 295px !important; }
.h-300px { height: 300px !important; }
.h-305px { height: 305px !important; }
.h-310px { height: 310px !important; }
.h-315px { height: 315px !important; }
.h-320px { height: 320px !important; }
.h-325px { height: 325px !important; }
.h-330px { height: 330px !important; }
.h-335px { height: 335px !important; }
.h-340px { height: 340px !important; }
.h-345px { height: 345px !important; }
.h-350px { height: 350px !important; }
.h-355px { height: 355px !important; }
.h-360px { height: 360px !important; }
.h-365px { height: 365px !important; }
.h-370px { height: 370px !important; }
.h-375px { height: 375px !important; }
.h-380px { height: 380px !important; }
.h-385px { height: 385px !important; }
.h-390px { height: 390px !important; }
.h-395px { height: 395px !important; }
.h-400px { height: 400px !important; }
.h-405px { height: 405px !important; }
.h-410px { height: 410px !important; }
.h-415px { height: 415px !important; }
.h-420px { height: 420px !important; }
.h-425px { height: 425px !important; }
.h-430px { height: 430px !important; }
.h-435px { height: 435px !important; }
.h-440px { height: 440px !important; }
.h-445px { height: 445px !important; }
.h-450px { height: 450px !important; }
.h-455px { height: 455px !important; }
.h-460px { height: 460px !important; }
.h-465px { height: 465px !important; }
.h-470px { height: 470px !important; }
.h-475px { height: 475px !important; }
.h-480px { height: 480px !important; }
.h-485px { height: 485px !important; }
.h-490px { height: 490px !important; }
.h-495px { height: 495px !important; }
.h-500px { height: 500px !important; }


/* ********** vh height (5vh 단위: 5 ~ 100vh) ********** */
.h-5vh { height: 5vh !important; }
.h-10vh { height: 10vh !important; }
.h-15vh { height: 15vh !important; }
.h-20vh { height: 20vh !important; }
.h-25vh { height: 25vh !important; }
.h-30vh { height: 30vh !important; }
.h-35vh { height: 35vh !important; }
.h-40vh { height: 40vh !important; }
.h-45vh { height: 45vh !important; }
.h-50vh { height: 50vh !important; }
.h-55vh { height: 55vh !important; }
.h-60vh { height: 60vh !important; }
.h-65vh { height: 65vh !important; }
.h-70vh { height: 70vh !important; }
.h-75vh { height: 75vh !important; }
.h-80vh { height: 80vh !important; }
.h-85vh { height: 85vh !important; }
.h-90vh { height: 90vh !important; }
.h-95vh { height: 95vh !important; }
.h-100vh { height: 100vh !important; }


/* ********** 불규칙한 커스텀 사이즈 ********** */
.h-22px { height: 22px !important; }
.w-22px { width: 22px !important; }
.h-33px { height: 33px !important; }
.w-33px { width: 33px !important; }
.h-42px { height: 42px !important; }
.w-42px { width: 42px !important; }


/* ********** 모바일 대응 (Table 안의 width 100% 무효화) ********** */
@media (max-width: 550px) {
	table .w-5px { width: 100% !important; }
	table .w-10px { width: 100% !important; }
	table .w-15px { width: 100% !important; }
	table .w-20px { width: 100% !important; }
	table .w-25px { width: 100% !important; }
	table .w-30px { width: 100% !important; }
	table .w-35px { width: 100% !important; }
	table .w-40px { width: 100% !important; }
	table .w-45px { width: 100% !important; }
	table .w-50px { width: 100% !important; }
	table .w-55px { width: 100% !important; }
	table .w-60px { width: 100% !important; }
	table .w-65px { width: 100% !important; }
	table .w-70px { width: 100% !important; }
	table .w-75px { width: 100% !important; }
	table .w-80px { width: 100% !important; }
	table .w-85px { width: 100% !important; }
	table .w-90px { width: 100% !important; }
	table .w-95px { width: 100% !important; }
	table .w-100px { width: 100% !important; }
	table .w-105px { width: 100% !important; }
	table .w-110px { width: 100% !important; }
	table .w-115px { width: 100% !important; }
	table .w-120px { width: 100% !important; }
	table .w-125px { width: 100% !important; }
	table .w-130px { width: 100% !important; }
	table .w-135px { width: 100% !important; }
	table .w-140px { width: 100% !important; }
	table .w-145px { width: 100% !important; }
	table .w-150px { width: 100% !important; }
	table .w-155px { width: 100% !important; }
	table .w-160px { width: 100% !important; }
	table .w-165px { width: 100% !important; }
	table .w-170px { width: 100% !important; }
	table .w-175px { width: 100% !important; }
	table .w-180px { width: 100% !important; }
	table .w-185px { width: 100% !important; }
	table .w-190px { width: 100% !important; }
	table .w-195px { width: 100% !important; }
	table .w-200px { width: 100% !important; }
	table .w-205px { width: 100% !important; }
	table .w-210px { width: 100% !important; }
	table .w-215px { width: 100% !important; }
	table .w-220px { width: 100% !important; }
	table .w-225px { width: 100% !important; }
	table .w-230px { width: 100% !important; }
	table .w-235px { width: 100% !important; }
	table .w-240px { width: 100% !important; }
	table .w-245px { width: 100% !important; }
	table .w-250px { width: 100% !important; }
	table .w-255px { width: 100% !important; }
	table .w-260px { width: 100% !important; }
	table .w-265px { width: 100% !important; }
	table .w-270px { width: 100% !important; }
	table .w-275px { width: 100% !important; }
	table .w-280px { width: 100% !important; }
	table .w-285px { width: 100% !important; }
	table .w-290px { width: 100% !important; }
	table .w-295px { width: 100% !important; }
	table .w-300px { width: 100% !important; }
	table .w-305px { width: 100% !important; }
	table .w-310px { width: 100% !important; }
	table .w-315px { width: 100% !important; }
	table .w-320px { width: 100% !important; }
	table .w-325px { width: 100% !important; }
	table .w-330px { width: 100% !important; }
	table .w-335px { width: 100% !important; }
	table .w-340px { width: 100% !important; }
	table .w-345px { width: 100% !important; }
	table .w-350px { width: 100% !important; }
	table .w-355px { width: 100% !important; }
	table .w-360px { width: 100% !important; }
	table .w-365px { width: 100% !important; }
	table .w-370px { width: 100% !important; }
	table .w-375px { width: 100% !important; }
	table .w-380px { width: 100% !important; }
	table .w-385px { width: 100% !important; }
	table .w-390px { width: 100% !important; }
	table .w-395px { width: 100% !important; }
	table .w-400px { width: 100% !important; }
	table .w-405px { width: 100% !important; }
	table .w-410px { width: 100% !important; }
	table .w-415px { width: 100% !important; }
	table .w-420px { width: 100% !important; }
	table .w-425px { width: 100% !important; }
	table .w-430px { width: 100% !important; }
	table .w-435px { width: 100% !important; }
	table .w-440px { width: 100% !important; }
	table .w-445px { width: 100% !important; }
	table .w-450px { width: 100% !important; }
	table .w-455px { width: 100% !important; }
	table .w-460px { width: 100% !important; }
	table .w-465px { width: 100% !important; }
	table .w-470px { width: 100% !important; }
	table .w-475px { width: 100% !important; }
	table .w-480px { width: 100% !important; }
	table .w-485px { width: 100% !important; }
	table .w-490px { width: 100% !important; }
	table .w-495px { width: 100% !important; }
	table .w-500px { width: 100% !important; }
}