.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }

.w10per { width:10% !important; }
.w20per { width:20% !important; }
.w30per { width:30% !important; }
.w40per { width:40% !important; }
.w50per { width:50% !important; }
.w60per { width:60% !important; }
.w70per { width:70% !important; }
.w80per { width:80% !important; }
.w90per { width:90% !important; }
.w100per { width:100% !important; }


.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }

.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-35 { padding-left: 35px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-45 { padding-left: 45px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }

.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-35 { padding-right: 35px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-45 { padding-right: 45px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }

.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-35 { padding-bottom: 35px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-45 { padding-bottom: 45px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }

.pa-5 { padding: 5px !important; }
.pa-10 { padding: 10px !important; }
.pa-15 { padding: 15px !important; }
.pa-20 { padding: 20px !important; }
.pa-25 { padding: 25px !important; }
.pa-30 { padding: 30px !important; }
.pa-35 { padding: 35px !important; }
.pa-40 { padding: 40px !important; }
.pa-45 { padding: 45px !important; }
.pa-50 { padding: 50px !important; }
.pa-60 { padding: 60px !important; }
.pa-70 { padding: 70px !important; }
.pa-80 { padding: 80px !important; }
.pa-90 { padding: 90px !important; }
.pa-100 { padding: 100px !important; }

.px-5 { padding-left:5px; padding-right:5px; }
.px-10 { padding-left:10px; padding-right:10px; }
.px-15 { padding-left:15px; padding-right:15px; }
.px-20 { padding-left:20px; padding-right:20px; }
.px-25 { padding-left:25px; padding-right:25px; }
.px-30 { padding-left:30px; padding-right:30px; }
.px-35 { padding-left:35px; padding-right:35px; }
.px-40 { padding-left:40px; padding-right:40px; }
.px-45 { padding-left:45px; padding-right:45px; }
.px-50 { padding-left:50px; padding-right:50px; }

.py-5 { padding-top:5px; padding-bottom:5px; }
.py-10 { padding-top:10px; padding-bottom:10px; }
.py-15 { padding-top:15px; padding-bottom:15px; }
.py-20 { padding-top:20px; padding-bottom:20px; }
.py-25 { padding-top:25px; padding-bottom:25px; }
.py-30 { padding-top:30px; padding-bottom:30px; }
.py-35 { padding-top:35px; padding-bottom:35px; }
.py-40 { padding-top:40px; padding-bottom:40px; }
.py-45 { padding-top:45px; padding-bottom:45px; }
.py-50 { padding-top:50px; padding-bottom:50px; }

.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }

.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-45 { margin-left: 45px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }

.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-35 { margin-right: 35px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-45 { margin-right: 45px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }

.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }

.ma-5 { margin: 5px !important; }
.ma-10 { margin: 10px !important; }
.ma-15 { margin: 15px !important; }
.ma-20 { margin: 20px !important; }
.ma-25 { margin: 25px !important; }
.ma-30 { margin: 30px !important; }
.ma-35 { margin: 35px !important; }
.ma-40 { margin: 40px !important; }
.ma-45 { margin: 45px !important; }
.ma-50 { margin: 50px !important; }
.ma-60 { margin: 60px !important; }
.ma-70 { margin: 70px !important; }
.ma-80 { margin: 80px !important; }
.ma-90 { margin: 90px !important; }
.ma-100 { margin: 100px !important; }

.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f25 { font-size: 25px; }

.h20 { height: 20px; }
.h22 { height: 22px; }
.h24 { height: 24px; }
.h26 { height: 26px; }
.h28 { height: 28px; }
.h30 { height: 30px; }
.h32 { height: 32px; }
.h34 { height: 34px; }
.h36 { height: 36px; }
.h38 { height: 38px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.h100 { height: 100px; }

.dp-none { display: none; }
.dp-block { display: block; }
.dp-inline-block { display: inline-block; }

.txt-left { text-align:left !important; }
.txt-right { text-align:right !important; }
.txt-center { text-align:center !important; }
.txt-blue { color:blue; }
.txt-red { color:red; }
.txt-333 { color:#333; }
.txt-555 { color:#555; }
.txt-888 { color:#888; }
.txt-999 { color:#999; }
.txt-aaa { color:#aaa; }
.txt-bbb { color:#bbb; }
.txt-ccc { color:#ccc; }
.txt-ddd { color:#ddd; }
.txt-open { color: #2B617B; }
.txt-orangered { color:orangered; }
.txt-100 { font-weight:100; }
.txt-200 { font-weight:200; }
.txt-300 { font-weight:300; }
.txt-400 { font-weight:400; }
.txt-500 { font-weight:500; }
.txt-600 { font-weight:600; }
.txt-700 { font-weight:700; }
.txt-800 { font-weight:800; }
.txt-900 { font-weight:900; }

.bg-yellow { background: #FFFFDD;}
.bg-black { background: #ddd;}
.bg-gary { background: #ddd;}
.bg-red { background: #ddd;}
.bg-blue { background: #ddd;}
.bg-aaa { background: #aaa;}
.bg-bbb { background: #bbb;}
.bg-ccc { background: #ccc;}
.bg-ddd { background: #ddd;}
.bg-eee { background: #eee;}
.bg-fff { background: #fff;}
.bg-111 { background: #ddd;}
.bg-222 { background: #ddd;}
.bg-333 { background: #ddd;}
.bg-444 { background: #ddd;}
.bg-555 { background: #ddd;}
.bg-666 { background: #ddd;}
.bg-777 { background: #ddd;}
.bg-888 { background: #ddd;}
.bg-999 { background: #ddd;}
.bg-pink-100 { background: #FFEAEA;}
.bg-blue-100 { background: #E8E8FF;}

.border-1 { border-width: 1px; border-style: solid; }
.border-2 { border-width: 2px; border-style: solid; }
.border-3 { border-width: 3px; border-style: solid; }
.border-4 { border-width: 4px; border-style: solid; }
.border-5 { border-width: 5px; border-style: solid; }
.border-top-1 { border-top-width: 1px; border-style: solid; }
.border-top-2 { border-top-width: 2px; border-style: solid; }
.border-top-3 { border-top-width: 3px; border-style: solid; }
.border-top-4 { border-top-width: 4px; border-style: solid; }
.border-top-5 { border-top-width: 5px; border-style: solid; }
.border-left-1 { border-left-width: 1px; border-style: solid; }
.border-left-2 { border-left-width: 2px; border-style: solid; }
.border-left-3 { border-left-width: 3px; border-style: solid; }
.border-left-4 { border-left-width: 4px; border-style: solid; }
.border-left-5 { border-left-width: 5px; border-style: solid; }
.border-right-1 { border-right-width: 1px; border-style: solid; }
.border-right-2 { border-right-width: 2px; border-style: solid; }
.border-right-3 { border-right-width: 3px; border-style: solid; }
.border-right-4 { border-right-width: 4px; border-style: solid; }
.border-right-5 { border-right-width: 5px; border-style: solid; }
.border-bottom-1 { border-bottom-width: 1px; border-style: solid; }
.border-bottom-2 { border-bottom-width: 2px; border-style: solid; }
.border-bottom-3 { border-bottom-width: 3px; border-style: solid; }
.border-bottom-4 { border-bottom-width: 4px; border-style: solid; }
.border-bottom-5 { border-bottom-width: 5px; border-style: solid; }
.border-000 { border-color: #000; }
.border-111 { border-color: #111; }
.border-222 { border-color: #222; }
.border-333 { border-color: #333; }
.border-444 { border-color: #444; }
.border-555 { border-color: #555; }
.border-666 { border-color: #666; }
.border-777 { border-color: #777; }
.border-888 { border-color: #888; }
.border-999 { border-color: #999; }
.border-aaa { border-color: #aaa; }
.border-bbb { border-color: #bbb; }
.border-ccc { border-color: #ccc; }
.border-ddd { border-color: #ddd; }
.border-eee { border-color: #eee; }
.border-red { border-color: red; }
.border-blue { border-color: blue; }
.border-gray { border-color: gray; }

/* 버튼 디자인 */
.ck_btn {
    display:inline-block;
    height:34px;
    line-height:34px;
    border-radius:3px;
    padding:0 8px;
    border:1px solid #999;
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    color: #333;
    font-size:14px;
}
.ck_btn_a {
    display:inline-block;
    height:34px;
    line-height:34px;
    border-radius:3px;
    padding:0 8px;
    border:1px solid #999;
    background: rgb(200,200,200);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    background: linear-gradient(top bottom, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
    color:#333;
    vertical-align: middle;
    font-size:14px;
}

.ck_btn_blue {
    border:1px solid #0075B6 !important;
    background: #0075B6;
    background: -moz-linear-gradient(#25AFF3, #0075B6) !important;
    background: -webkit-linear-gradient(#25AFF3, #0075B6) !important;
    background: linear-gradient(#25AFF3, #0075B6) !important;
    color:#fff !important;
}

.ck_btn:hover,
.ck_btn_a:hover {
    border:1px solid #0075B6 !important;
    background: #0075B6;
    background: -moz-linear-gradient(#25AFF3, #0075B6) !important;
    background: -webkit-linear-gradient(#25AFF3, #0075B6) !important;
    background: linear-gradient(#25AFF3, #0075B6) !important;
    color:#fff !important;
}
.ck_btn_cancel { vertical-align: bottom; }
.ck_btn_search {
    border:1px solid #CC1668 !important;
    background: -moz-linear-gradient(#FF7128, #CC1668) !important;
    background: -webkit-linear-gradient(#FF7128, #CC1668) !important;
    background: linear-gradient(#FF7128, #CC1668) !important;
    color:#fff !important;
}
.ck_btn_admin {
    border:1px solid #CC1668 !important;
    background: -moz-linear-gradient(#FF7128, #CC1668) !important;
    background: -webkit-linear-gradient(#FF7128, #CC1668) !important;
    background: linear-gradient(#FF7128, #CC1668) !important;
    color:#fff !important;
}