/*validator*/
.bad input,
.bad select,
.bad textarea {
    border: 2px solid #CE5454;
    box-shadow: 0 0 8px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: 0.7s 1 shake linear
}

.dpn{display:none !important;}
.pointer{cursor: pointer !important;}


/* 프리로더 */
#preloader {z-index: 16000;}
.preloader-mask {position: fixed; top: 0; left: 0; right: 0;width: 100%; height: 100%; display: block; background: #000; opacity: 0.7; z-index: 16001;}
.preload-box {position: absolute; top: 50%; left: 53%; width: 0px; height: 0px; margin: -165px 0 0 -140px; background: #053433; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 16002;text-align: center;}
.preload-logo {height: 42px; padding-top: 50px; text-align: center;}
.preload-txt {margin: 12px auto 20px auto; width: 154px; height: 20px; text-align: center; color: #88d7c1; font-size: 0.875em; background: #0c2e2d; border-radius: 10px;}

/* loding bar */
.loader {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:60px;
	height:60px;
	border:3px dotted #FFF;
	border-style:solid solid dotted dotted;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	animation:rotation 1.5s linear infinite;
	z-index:16002;
}
.loader::after {
	position:absolute;
	content:'';
	display:block;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	border:3px dotted #ff6240;
	border-style:solid solid dotted;
	width:30px;
	height:30px;
	border-radius:50%;
	animation:rotationBack 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(-360deg);
  }
}


/*jconfirm*/
.jconfirm .jconfirm-box div.jconfirm-title-c {
    line-height: 10px !important;
    padding-bottom: 10px !important;
}
/*내용*/
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    padding-top: 10px !important;
}
/*버튼색상*/
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #dae6ec;
}

/*jconfirm css 수정*/
.jconfirm-title-c {
	font-size: 18px !important;
	font-weight: bold;
	border-bottom: 1px solid #d2d6de;
}
.jconfirm-buttons {
    text-align: center;
    float: none !important;
}

.jconfirm-buttons .btn{
    width: 100px;
}

/*DateRangePicker*/
.daterangepicker.show-ranges .drp-calendar.left {
    border-left: none;
}
.ranges {
  width: 0px !important;
  padding-top:290px !important;
  height: 35px;
  display: inline;
  flex-direction: row;
  padding: 0px;
  margin: 4px;
  border-bottom: none;
}
.ranges ul {
  margin: 0px;
  padding-left: 30px !important;
  display: -webkit-box;
  font-weight: bold;
  margin: 10px auto !important;
}
.ranges li {
  padding: 3px 16px !important;
  width: 110px;
  font-size: 12px;
  background-color: #ffffff;
  color: rgba(13, 37, 50, 0.6);
  border-radius: 0;
  border: none;
  margin-left: 10px;
}
.ranges li.active {
  background-color: #ffffff;
/*   border-bottom: 2px solid #9fd44e; */
/*   color: #9fd44e; */
  border-top: none;
  border-right: none;
  border-left: none;
}
.ranges li:hover {
  background-color: #ffffff;
/*   border-bottom: 2px solid #9fd44e; */
/*   color: #9fd44e; */
  border-top: none;
  border-right: none;
  border-left: none;
}
.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 50px 8px 8px 8px !important;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}
.daterangepicker .applyBtn {
width: 100px;
}


/*select2*/
.select2-container .select2-selection--single {
	padding: 8px;
	height:30px !important;     /*34px; pino*/
    font-size:14px;
    color:#333;
    line-height:16px;
    border:1px solid #d4d4e0 !important;
    border-radius:4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {	
	margin:0 !important;
	padding:0 !important;
	text-align:left;
	line-height:16px !important;
}
/*select2 overflow */
.select2-selection__rendered {height:50px;overflow: auto !important;}   /* pino*/

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: 2px !important;
    margin-top: 2px !important;
    padding: 0 2px !important;
}


/* dataTable 스크롤 CSS 수정*/
.dataTables_scrollBody table.dataTable thead th, .dataTables_scrollBody table.dataTable thead td {
    border-bottom: none !important;
}
.dataTables_scrollBody table.dataTable {border-top: none !important;}
/* dataTable 스크롤 CSS 수정*/

table.dataTable {
 	border-top: 1px solid #333333 !important; 
}


/*dataTables css*/
table.dataTable tr td, table.dataTable tr th{ border-right:1px solid #ddd;}
table.dataTable tr td:nth-child(1), table.dataTable tr th:nth-child(1){ border-left:1px solid #ddd;}
table.dataTable > tbody > tr:hover{background:#C8EBFA !important;}
table.dataTable tr th{font-weight: bold;} 

/* Grid- custom */
.dt-search label {font-size:0;}
div.dt-container div.dt-search {position:relative; margin-bottom: 10px;}
div.dt-container div.dt-search:before {
	position:absolute;
	display:block;
	content:'';
	left:15px;
	top:7px;  /*  9px pino*/
	width:14px;
	height:14px;
	border:1px solid #989da5;
	border-radius:50%;
}
div.dt-container div.dt-search:after {
	position:absolute;
	display:block;
	content:'';
	left:26px;
	top:20px;  /*  22px pino*/
	width:5px;
	height:1px;
	border-radius:1px;
	background:#989da5;
	transform:rotate(42deg);
}
div.dt-container div.dt-search input {
	padding:4px 8px 4px 32px;   /* 5px 8px 5px 32px  pino*/
	width:200px !important;
	height:auto;
	font-size:14px;
	line-height:20px;
	border:0;
	border-radius:6px;
	box-shadow:0 2px 5px rgba(0,0,0,0.05);
}


/* datatable dt-paging */
#tableList_wrapper {position:relative;}
.col-sm-12.col-md-7:has(:not(div.dt-paging)) {
	position:absolute;
	display:flex;
	justify-content:center;
	left:50%;
	bottom:0;
	width:max-content;
	transform:translate(-50%, 0);
}
#tableList_wrapper div.dt-paging {
	position:absolute;
	display:flex;
	justify-content:center;
	left:50%;
	bottom:0;
	width:max-content;
	transform:translate(-50%, 0);
}

.dt-info {
	margin-top:20px;
	font-size:14px;
	line-height:30px;  
	color:#666;
	font-weight:400;
}
div.dt-container div.dt-paging {
	margin-top:20px !important;
}
.dt-paging ul.pagination {
	align-items:center;
}
.dt-paging ul.pagination li {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.dt-paging ul.pagination li + li {
	margin-left:4px;
}
.dt-paging ul.pagination > li > a {
	display:block;
	padding:0 12px;
	height:30px;
	border-radius:4px;
	font-weight:500;
	color:#555;
	line-height:30px;
	text-align:center;
	background:#eef1f3;
}
.dt-paging ul.pagination > li > a:hover {
	background:#e3e5e7;
}
.dt-paging ul.pagination > li.active > a {
	background:#5a72cb;
}

/*
.dt-paging ul.pagination > li:nth-child(2) {
	margin-right:16px;
} 
.dt-paging ul.pagination > li:nth-child(10) {
	margin-left:16px;
}
.dt-paging ul.pagination > li:nth-child(1) > a,
.dt-paging ul.pagination > li:nth-child(2) > a,
.dt-paging ul.pagination > li:nth-child(10) > a,
.dt-paging ul.pagination > li:nth-child(11) > a {
	font-size:16px !important;
	font-weight:600;
}
*/

table.dataTable.table input[type="text"],
table.dataTable.table select {
	margin-left:4px;
	width:100%;
	padding:6px;
	font-size:14px;
	line-height:16px;
	color:#333;
	border:1px solid #d4d4e0;
	border-radius:4px;
}
table.dataTable.table .btn-secondary {
	padding:0 10px;
	height:22px;  /* 30px pino*/
	border:0;
	color:#fff;
	font-weight:500;
	background:#98a1b3;
}
table.dataTable.table .btn-secondary:hover {
	background:#858fa3;
	box-shadow:0 2px 5px rgba(0,0,0,0.06);
}
table.dataTable.table input[type="text"].baseDateGrd {
	min-width:100px;
}

/*datatables 간격조정*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px;
}

div.dts div.dt-scroll-body table, div.dts div.dataTables_scrollBody table { background-color: unset !important; }

/*scroller scroll-body background 
div.dt-container div.dt-scroll-body {
   background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.005), rgba(0, 0, 0, 0.005) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px) !important;
}
*/
/*scroller scroll-body background 
div.dts div.dt-scroll-body, div.dts div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px) !important;
}
*/



/* Content - top Search */
.top-btn-area {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin-bottom:10px;
}
.row .top-btn-area {
	margin-bottom:0;
}
.top-btn-area > button {
	padding:3px 7px; /* 4px 10px pino*/
	font-size:14px;   /* 15px pino*/
	color:#252f43;
	font-weight:500;
	line-height:20px;
	border:1px solid #c7c9cd;
	border-radius:4px;
	background:#fff;
	opacity:1;
}
.top-btn-area > button + button {
	margin-left:4px;
}
.top-btn-area > button.btn-blue {
	color:#fff;
	border:1px solid transparent;
	background:#5a72cb;
}
.top-btn-area > button:hover {
	opacity:0.7;
}


.top-btn-area > button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    border:1px solid transparent;
}

.top-btn-area > button.btn-red:hover {
   opacity:0.7;
}

.top-btn-area.tabs button.active {
	background:#4567e0;
	color:#fff;
	border-color:transparent;
}
.top-btn-area.tabs button.active:hover {
	box-shadow:0 3px 7px rgba(69,103,224,0.3);
	color:#fff;
	opacity:1;
}
.top-btn-area.tabs button:hover {
	color:#4567e0;
	opacity:1;
}





/* top-search-box*/
.top-search-box {
	position:relative;
	display:block;
	margin-bottom:20px;    /*30px pino*/ 
	padding:8px 30px 15px 0;   /*15px 30px 15px 0 pino*/ 
	width:calc(100% - 86px);
	min-height:55px;  /*76px pino*/ 
	border-radius:8px;
	background:#fff;
	box-shadow:0 5px 10px rgba(0,0,0,0.03);
}
.top-search-box:not(:has(.btn-sch-area)) { /* 우측 검색버튼이 없을떄 */
	width:100%;
}
.top-search-box.no-sch {
	width:100%;
}
.top-search-box.hide {
	position:relative;
	display:block !important;
	margin-bottom:30px;
	padding:10px;
	width:100%;
	min-height:36px;
	border-radius:8px;
	background:#fff;
	box-shadow:0 5px 10px rgba(0,0,0,0.03);
}
.top-search-box .btn-topSch.open {
	width:100%;
	height:100%;
	border:0;
	font-size:16px;
	font-weight:500;
	text-align:center;
	line-height:20px;
	color:#252f43;
	background:transparent;
}
.top-search-box .btn-topSch.close {
	position:absolute;
	left:50%;
	bottom:-15px;  /* -18px pino*/
	width:110px;
	height:28px;   /* 32px pino*/
	font-size:14px;
	font-weight:500;
	text-align:center;
	color:#252f43;
	line-height:20px;
	border:0;
	border-radius:4px;
	background:#fff;
	transform:translate(-50%, 0);
	text-shadow:none;
	box-shadow:0 0px 8px rgba(0,0,0,0.08);
	opacity:1;
}
.top-search-box .btn-topSch.open:hover,
.top-search-box .btn-topSch.close:hover {
	color:#254acc;
}
.top-search-box .btn-sch-area {
	position:absolute;
	right:-86px;
	top:0;
	bottom:0;	
}
.top-search-box .btn-sch-area > button {
	width:76px;
	height:100%;
	font-size:0;
	border:0;
	border-radius:8px;
	background:#ff6e40;
	box-shadow:0 5px 10px rgba(255,110,64,0.3);
	opacity:1;
}
.top-search-box.no-sch .btn-sch-area > button {
	display:none;
}
.top-search-box .btn-sch-area > button:hover {
	opacity:0.8;
}
.top-search-box .btn-sch-area > button:before {
	position:absolute;
	display:block;
	content:'';
	left:calc(50% - 13px);
	top:calc(50% - 12px);
	width:25px;
	height:25px;
	border:3px solid #fff;
	border-radius:50%;
	background:transparent;
}
.top-search-box .btn-sch-area > button:after {
	position:absolute;
	display:block;
	content:'';
	left:calc(50% + 5px);
	top:calc(50% + 10px);
	width:10px;
	height:3px;
	border-radius:1.5px;
	background:#fff;
	transform:rotate(42deg);
}
.top-search-box .search-items ul {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin:0;
	padding:0;
}
.top-search-box .search-items ul.line-three li {
	width:33.33333%;
}
.top-search-box .search-items ul li {
	width:25%;
}
.top-search-box .search-items ul li {
	display:flex;
	align-items:center;
	padding:2px 0;      
	width:25%;   
}


@media (min-width:1601px) {
	.top-search-box .search-items ul li {
		width:20%;
	}
	.top-search-box .search-items ul li {
		width:25%;
	}
	.top-search-box .search-items ul li.line-two {
		width:40%;
	}
	.top-search-box .search-items ul li.line-two {
		width:50%;
	}

}


@media (max-width:1600px) {  
	.top-search-box .search-items ul li {
		width:25%;
	}
	.top-search-box .search-items ul li {
		width:33.33333%;
	}
	.top-search-box .search-items ul li.line-two {
		width:50%;
	}
	.top-search-box .search-items ul li.line-two {
		width:66.66666%;
	}

}
@media (max-width:1100px) {  
	.top-search-box .search-items ul li {
		width:33.33333%;
	}
	.top-search-box .search-items ul li {
		width:50%;
	}
	.top-search-box .search-items ul li.line-two {
		width:66.66666%;
	}
	.top-search-box .search-items ul li.line-two {
		width:100%;
	}

}
.top-search-box .search-items ul li label {
	display:flex;
	align-items:center;
	justify-content:start;
	flex-basis:120px;  /*  140px pino*/
	padding:7px 0 7px 20px;    /* 10px 0 10px 30px pino*/
	margin:0;
	font-size:14px;   /*  15px pino*/
	color:#1b2536;
	font-weight:500;
	line-height:16px;
}
.top-search-box .search-items ul li.only-label label {
	flex-basis:100%;
}
.top-search-box .search-items.smLabel ul li label {
	flex-basis:100px;
}
.top-search-box .search-items ul li .form-box {
	display:flex;
	align-items:center;
	flex-basis:calc(100% - 10px);   /* 100% - 140px */
}
.top-search-box .search-items.smLabel ul li .form-box {
	flex-basis:calc(100% - 100px);
}
.top-search-box .search-items ul li.full {
	width:100%;
}
.top-search-box .search-items ul li.full .merge {
	display:flex;
	align-items:center;
	flex-basis:calc(100% - 120px);   /* 100% - 140px pino*/
	margin-left:4px;
}
.top-search-box .search-items ul li.full .merge label {
	flex-basis:auto;
	margin-right:30px;
	padding:10px 0;
	cursor:pointer;
}
.top-search-box .search-items ul li .form-box.merge label {
	flex-basis:auto;
	margin-right:15px;
	padding:7px 0;  /*10px 0 pino*/
	cursor:pointer;
}
.top-search-box .search-items ul li .form-box.merge label:last-child {
	margin-right:0;
}
.top-search-box .search-items ul li.full .merge .form-box {
	flex-basis:auto;
}
.top-search-box .search-items ul li.full .merge .form-box input[type="radio"] {
	margin:0 5px 0 0;
}
.top-search-box .search-items ul li .form-box.merge {
	margin-left:4px;
}
.top-search-box .search-items ul li.full .form-box label {
	flex-basis:auto;
	padding:10px 0 10px 10px;
}
.top-search-box .search-items ul li input[type="radio"] {
	margin:0;
}
.top-search-box .search-items ul li input[type="text"] {
	margin-left:4px;
	width:100%;
	padding:6px;   /*9px; pino*/
	font-size:14px;
	line-height:16px;
	color:#333;
	border:1px solid #d4d4e0;
	border-radius:4px;
}
.top-search-box .search-items ul li .select2-container {
	width:100% !important;
}
.top-search-box .search-items ul li select {
	margin-left:4px;
	padding:4px 3px 6px 3px;           /* 8px pino*/
	width:100%;
	font-size:14px;
	line-height:16px;
	color:#333;
	border:1px solid #d4d4e0;
	border-radius:4px;
}
.top-search-box .search-items ul li input[type="checkbox"] {
	margin:0 4px 0 0;
 	width:16px;
	height:16px;
	border:1px solid #d4d4e0;
	cursor:pointer;
}
.top-search-box .search-items ul li span > label {
	display:inline-block;
	margin-left:6px;
	padding: 0;
	font-size:14px;
	color:#555;
	font-weight: normal;
	line-height: 16px;
}
.top-search-box .search-items ul li .calendar-all {
	padding-left:26px !important;
	background:url('/spoclub/images/ico/ico-calendar.png') no-repeat left 5px center;
	cursor:pointer;
}
.top-search-box .search-items .btn-sm-sch,
.top-search-box .search-items .btn-sm-del {
	position:relative;
	margin-left:4px;
	width:100%;
	max-width:30px;    /* 36px pino*/
	height:30px;     /* 36px pino*/
	font-size:0;
	border:1px solid transparent;
	border-radius:4px;
	background:#98a1b3;
}
.top-search-box .search-items .btn-sm-sch:hover,
.top-search-box .search-items .btn-sm-del:hover {
	background:#8f98aa;
	box-shadow:0 3px 8px rgba(108,115,128,0.3);
}
.top-search-box .search-items .btn-sm-sch:before {
	position:absolute;
	display:block;
	content:'';
	left:6px;   /* 9px pino */
	top:6px;    /* 9px pino */
	width:14px;
	height:14px;
	border:2px solid #fff;
	border-radius:50%;
}
.top-search-box .search-items .btn-sm-sch:after {
	position:absolute;
	display:block;
	content:'';
	left:17px;  /* 19px pino */
	top:18px;   /* 21px pino */
	width:7px;
	height:3px;
	border-radius:1.5px;
	background:#fff;
	transform:rotate(42deg);
}
.top-search-box .search-items .btn-sm-del:before {
	position:absolute;
	display:block;
	content:'';
	left:50%;
	top:50%;
	width:40%;
	height:3px;
	border-radius:2px;
	background:#fff;
	transform:translate(-50%, -50%);
}
.top-search-box .search-items button.btn-sm-refresh {
	margin-left:4px;
	width:100%;
	max-width:30px;   /*36px pino*/
	height:30px;      /*36px pino*/
	font-size:0;
	border:1px solid transparent;
	border-radius:4px;
	background:#98a1b3;
	background:url('/spoclub/images/ico/ico-refresh.svg') no-repeat center #98a1b3;
	background-size:18px;
}
.top-search-box .search-items button.btn-sm-refresh:hover {
	background:url('/spoclub/images/ico/ico-refresh.svg') no-repeat center #8f98aa;
	background-size:18px;
	box-shadow:0 3px 8px rgba(108,115,128,0.3);
}
.top-search-box .search-items .rdoBox.option2,
.top-search-box .search-items .rdoBox.option3 {
	display:none;
}
@media (max-width:1280px) {
	.top-search-box .search-items ul li label {
		padding:10px 0 10px 30px
	}
}

.top-search-box .form-box { padding: 0; }




/* 알람   */
.alarm:hover {
	color:#254acc;
	text-decoration:underline;
}
.alarm:after {
	position:static;
	display:inline-block;
	content:'공지';
	width:40px !important;
	border-radius:6px;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:600;
	letter-spacing:-0.5px;;
	background:#f9913e;
}
.alarm {
	margin-left:1px; 
    margin-right:4px; 
	color:#111;
	font-weight:600;
}
.balarm:hover {
	color:#254acc;
	text-decoration:underline;
}
.balarm:after {
	position:static;
	display:inline-block;
	content:'공지';
	width:60px !important;
	border-radius:6px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:600;
	letter-spacing:-0.5px;;
	background:#f9913e;
}
.balarm {
	margin-left:1px; 
    margin-right:4px; 
	color:#111;
	font-weight:600;
}

 



/* util   */
.m-t-0 {margin-top: 0px !important;}
.m-t-1 {margin-top: 1px !important;}
.m-t-2 {margin-top: 2px !important;}
.m-t-3 {margin-top: 3px !important;}
.m-t-4 {margin-top: 4px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-6 {margin-top: 6px !important;}
.m-t-7 {margin-top: 7px !important;}
.m-t-8 {margin-top: 8px !important;}
.m-t-9 {margin-top: 9px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-11 {margin-top: 11px !important;}
.m-t-12 {margin-top: 12px !important;}
.m-t-13 {margin-top: 13px !important;}
.m-t-14 {margin-top: 14px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-16 {margin-top: 16px !important;}
.m-t-17 {margin-top: 17px !important;}
.m-t-18 {margin-top: 18px !important;}
.m-t-19 {margin-top: 19px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-21 {margin-top: 21px !important;}
.m-t-22 {margin-top: 22px !important;}
.m-t-23 {margin-top: 23px !important;}
.m-t-24 {margin-top: 24px !important;}
.m-t-25 {margin-top: 25px !important;}
.m-t-26 {margin-top: 26px !important;}
.m-t-27 {margin-top: 27px !important;}
.m-t-28 {margin-top: 28px !important;}
.m-t-29 {margin-top: 29px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-l-0 {margin-left: 0px;}
.m-l-1 {margin-left: 1px;}
.m-l-2 {margin-left: 2px;}
.m-l-3 {margin-left: 3px;}
.m-l-4 {margin-left: 4px;}
.m-l-5 {margin-left: 5px !important;}
.m-l-6 {margin-left: 6px;}
.m-l-7 {margin-left: 7px;}
.m-l-8 {margin-left: 8px !important;}
.m-l-9 {margin-left: 9px;}
.m-l-10 {margin-left: 10px !important;}
.m-l-11 {margin-left: 11px;}
.m-l-12 {margin-left: 12px;}
.m-l-13 {margin-left: 13px;}
.m-l-14 {margin-left: 14px;}
.m-l-15 {margin-left: 15px !important;}
.m-l-16 {margin-left: 16px;}
.m-l-17 {margin-left: 17px;}
.m-l-18 {margin-left: 18px;}
.m-l-19 {margin-left: 19px;}
.m-l-20 {margin-left: 20px !important;}
.m-l-21 {margin-left: 21px;}
.m-l-22 {margin-left: 22px;}
.m-l-23 {margin-left: 23px;}
.m-l-24 {margin-left: 24px;}
.m-l-25 {margin-left: 25px;}
.m-l-26 {margin-left: 26px;}
.m-l-27 {margin-left: 27px;}
.m-l-28 {margin-left: 28px;}
.m-l-29 {margin-left: 29px;}
.m-l-30 {margin-left: 30px !important;}
.m-b-0 {margin-bottom: 0px;}
.m-b-1 {margin-bottom: 1px;}
.m-b-2 {margin-bottom: 2px;}
.m-b-3 {margin-bottom: 3px;}
.m-b-4 {margin-bottom: 4px;}
.m-b-5 {margin-bottom: 5px;}
.m-b-6 {margin-bottom: 6px;}
.m-b-7 {margin-bottom: 7px;}
.m-b-8 {margin-bottom: 8px;}
.m-b-9 {margin-bottom: 9px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-11 {margin-bottom: 11px;}
.m-b-12 {margin-bottom: 12px;}
.m-b-13 {margin-bottom: 13px;}
.m-b-14 {margin-bottom: 14px;}
.m-b-15 {margin-bottom: 15px;}
.m-b-16 {margin-bottom: 16px;}
.m-b-17 {margin-bottom: 17px;}
.m-b-18 {margin-bottom: 18px;}
.m-b-19 {margin-bottom: 19px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-21 {margin-bottom: 21px;}
.m-b-22 {margin-bottom: 22px;}
.m-b-23 {margin-bottom: 23px;}
.m-b-24 {margin-bottom: 24px;}
.m-b-25 {margin-bottom: 25px;}
.m-b-26 {margin-bottom: 26px;}
.m-b-27 {margin-bottom: 27px;}
.m-b-28 {margin-bottom: 28px;}
.m-b-29 {margin-bottom: 29px;}
.m-b-30 {margin-bottom: 30px;}

.p-l-0 {padding-left: 0px !important;}
.p-l-1 {padding-left: 1px !important;}
.p-l-2 {padding-left: 2px !important;}
.p-l-3 {padding-left: 3px !important;}
.p-l-4 {padding-left: 4px !important;}
.p-l-5 {padding-left: 5px !important;}
.p-l-6 {padding-left: 6px !important;}
.p-l-7 {padding-left: 7px !important;}
.p-l-8 {padding-left: 8px !important;}
.p-l-9 {padding-left: 9px !important;}
.p-l-10 {padding-left: 10px !important;}
.p-l-11 {padding-left: 11px !important;}
.p-l-12 {padding-left: 12px !important;}
.p-l-13 {padding-left: 13px !important;}
.p-l-14 {padding-left: 14px !important;}
.p-l-15 {padding-left: 15px !important;}
.p-l-16 {padding-left: 16px !important;}
.p-l-17 {padding-left: 17px !important;}
.p-l-18 {padding-left: 18px !important;}
.p-l-19 {padding-left: 19px !important;}
.p-l-20 {padding-left: 20px !important;}
.p-l-21 {padding-left: 21px !important;}
.p-l-22 {padding-left: 22px !important;}
.p-l-23 {padding-left: 23px !important;}
.p-l-24 {padding-left: 24px !important;}
.p-l-25 {padding-left: 25px !important;}
.p-l-26 {padding-left: 26px !important;}
.p-l-27 {padding-left: 27px !important;}
.p-l-28 {padding-left: 28px !important;}
.p-l-29 {padding-left: 29px !important;}
.p-l-30 {padding-left: 30px !important;}


/*[ float ]
-----------------------------------------------------------
*/
.float-l {float: left;}
.float-r {float: right;}

/* width 조정  */
.c-w10 {width: 10px !important;}
.c-w20 {width: 20px !important;}
.c-w30 {width: 30px !important;}
.c-w40 {width: 40px !important;}
.c-w50 {width: 50px !important;}
.c-w60 {width: 60px !important;}
.c-w70 {width: 70px !important;}
.c-w80 {width: 80px !important;}
.c-w90 {width: 90px !important;}
.c-w100 {width: 100px !important;}
.c-w110 {width: 110px !important;}
.c-w120 {width: 120px !important;}
.c-w130 {width: 130px !important;}
.c-w140 {width: 140px !important;}
.c-w150 {width: 150px !important;}
.c-w160 {width: 160px !important;}
.c-w170 {width: 170px !important;}
.c-w200 {width: 200px !important;}
.c-w220 {width: 220px !important;}
.c-w250 {width: 250px !important;}
.c-w300 {width: 300px !important;}
.c-w350 {width: 350px !important;}
.c-w400 {width: 400px !important;}