@charset "utf-8";

/* IR */
.blind {position:absolute; left:-999px; top:-999px; width:1px; height:1px; overflow:hidden;} /* 링크는 사용불가(IOS초점에러), aria-label="" 사용권장 */
.blind-area {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; overflow:hidden; color:transparent;} /* 모바일접근성 그룹영역 초점처리(IOS초점 호환성처리) */

/* Display */
.dis-i {display:inline !important;}
.dis-ib {display:inline-block !important;}
.dis-b {display:block !important;}
.dis-n {display:none !important;}
.dis-t {display:table !important; width:100%;}
.dis-tc {display:table-cell !important;}

/* Floating */
.float-n {float:none;}
.float-l {float:left;}
.float-r {float:right;}
.clear-b:after {content:""; display:block; clear:both;}

/* Scroll */
.overflow-a {overflow:auto;}
.overflow-h {overflow:hidden;}
.overflow-x {overflow-x:scroll;}
.overflow-y {overflow-y:scroll;}

/* Margin */
.mar-0  {margin:0 !important;}
.mar-t0 {margin-top:0 !important;}
.mar-r0 {margin-right:0 !important;}
.mar-b0 {margin-bottom:0 !important;}
.mar-l0 {margin-left:0 !important;}

/* Padding */
.pad-0  {padding:0 !important;}
.pad-t0 {padding-top:0 !important;}
.pad-r0 {padding-right:0 !important;}
.pad-b0 {padding-bottom:0 !important;}
.pad-b48 {padding-bottom:48px;}
.pad-l0 {padding-left:0 !important;}
.pad-y24  {padding-top:24px !important; padding-bottom:24px !important;}
.pad-x6  {padding-left:6px !important; padding-right:6px !important;}
.pad-x10  {padding-left:10px !important; padding-right:10px !important;}
.pad-x16  {padding-left:16px !important; padding-right:16px !important;}
.pad-x24  {padding-left:24px; padding-right:24px !important;}
.pad-x32  {padding-left:32px !important; padding-right:32px !important;}

/* Barder */
.bor-t0 {border-top:0 !important;}
.bor-r0 {border-right:0 !important;}
.bor-b0 {border-bottom:0 !important;}
.bor-l0 {border-left:0 !important;}

/* Align */
.align-t {vertical-align:top !important;}
.align-m {vertical-align:middle !important;}
.align-b {vertical-align:bottom !important;}
.align-l {text-align:left !important;}
.align-c {text-align:center !important;}
.align-r {text-align:right !important;}
.align-j {text-align:justify; -moz-text-align-last:justify; -webkit-text-align-last:justify; text-align-last:justify;}

/* 말줄임 */
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.multiline {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; height:40px; line-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 높이값, 줄간격, 라인수는 가이드에서 적용 */

/* Centered Layer */
.centered-t {position:absolute !important; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.centered-r {position:absolute !important; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.centered-b {position:absolute !important; left:50%; bottom:0; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.centered-l {position:absolute !important; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.centered-c {position:absolute !important; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.centered-rt {position:absolute !important; right:0; top:0;}
.centered-rb {position:absolute !important; right:0; bottom:0;}
.centered-lt {position:absolute !important; left:0; top:0;}
.centered-lb {position:absolute !important; left:0; bottom:0;}

/* ConsoleLog Preview (모바일용) */
.consoleLog {position:fixed; left:50%; top:50%; z-index:2000; transform:translate(-50%,-50%); width:70%; background-color:#fff; box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);}
.consoleLog::before {content:'Log Preview'; display:block; padding:5px 10px 7px; background-color:#f5f5f5; font-size:14px;}
.consoleLog .consoleLog-scroll {max-height:70vh; overflow-y:auto;}
.consoleLog .consoleLog-item {display:block; padding:5px 10px 6px; word-break:break-all; font-size:12px;}
.consoleLog .consoleLog-item + .consoleLog-item {border-top:1px solid #f5f5f5;}

/*-------------------------------------------------------------------
	##Grid Layout
-------------------------------------------------------------------*/
/* Default */
/*.grid {overflow:hidden;}*/
.row:after {clear:both; display:block; content:'';}
.col {float:left; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.col.right {float:right;}

/* Grid (Flexible) */
.grid {display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}

/* Align - Flexible */
.flex-auto > .col {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.flex-column {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.flex-wrap {-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex-start {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.flex-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.flex-end {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.flex-around {-ms-flex-pack:distribute;justify-content:space-around;}
.flex-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex-evenly {-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;}
.cross-start {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.cross-center {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.cross-end {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.cross-around {-webkit-box-align:space-around;-ms-flex-align:space-around;align-items:space-around;}
.cross-between {-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between;}
.cross-evenly {-webkit-box-align:space-evenly;-ms-flex-align:space-evenly;align-items:space-evenly;}


/* 자신의 컬럼수 */
.col.col-1  {width:8.33333333%;}
.col.col-2  {width:16.66666667%;}
.col.col-3  {width:25%;}
.col.col-4  {width:33.33333333%;}
.col.col-5  {width:41.66666667%;}
.col.col-6  {width:50%;}
.col.col-7  {width:58.33333333%;}
.col.col-8  {width:66.66666667%;}
.col.col-9  {width:75%;}
.col.col-10 {width:83.33333333%;}
.col.col-11 {width:91.66666667%;}
.col.col-12 {width:100%;}

/* 자식의 컬럼수 */
.row.cols-2 > .col {width:50%;}
.row.cols-2 > .col.mar-l2 {width:calc(50% - 2px);}
.row.cols-2 > .col.mar-r2 {width:calc(50% - 2px);}
.row.cols-3 > .col {width:33.3333%;}
.row.cols-3 > .col:first-child {width:33.3334%;}
.row.cols-4 > .col {width:25%;}
.row.cols-5 > .col {width:20%;}
.row.cols-6 > .col {width:16.6666%;}
.row.cols-6 > .col:first-child {width:16.667%;}
.row.cols-7 > .col {width:14.2857142%;}
.row.cols-7 > .col:first-child {width:14.2857148%;}
.row.cols-8 > .col {width:12.5%;}
.row.cols-9 > .col {width:11.1111%;}
.row.cols-9 > .col:first-child {width:11.1112%;}
.row.cols-10 > .col {width:10%;}
.row.cols-12 > .col {width:8.3333%;}
.row.cols-12 > .col:first-child {width:8.3334%;}

/* 전체간격 */
.row.gutter-4 {margin:-2px;}
.row.gutter-6 {margin:-3px;}
.row.gutter-8 {margin:-4px;}
.row.gutter-10 {margin:-5px;}
.row.gutter-12 {margin:-6px;}
.row.gutter-16 {margin:-8px;}
.row.gutter-20 {margin:-10px;}
.row.gutter-24 {margin:-12px;}
.row.gutter-28 {margin:-14px;}
.row.gutter-30 {margin:-15px;}
.row.gutter-32 {margin:-16px;}
.row.gutter-36 {margin:-18px;}
.row.gutter-40 {margin:-20px;}
.row.gutter-50 {margin:-25px;}
.row.gutter-60 {margin:-30px;}
.row.gutter-70 {margin:-35px;}
.row.gutter-4 > .col {padding:2px;}
.row.gutter-6 > .col {padding:3px;}
.row.gutter-8 > .col {padding:4px;}
.row.gutter-10 > .col {padding:5px;}
.row.gutter-12 > .col {padding:6px;}
.row.gutter-16 > .col {padding:8px;}
.row.gutter-20 > .col {padding:10px;}
.row.gutter-24 > .col {padding:12px;}
.row.gutter-28 > .col {padding:14px;}
.row.gutter-30 > .col {padding:15px;}
.row.gutter-32 > .col {padding:16px;}
.row.gutter-36 > .col {padding:18px;}
.row.gutter-40 > .col {padding:20px;}
.row.gutter-50 > .col {padding:25px;}
.row.gutter-60 > .col {padding:30px;}
.row.gutter-70 > .col {padding:35px;}

/* 가로간격 */
.row.gutter-h6  {margin-left:-3px; margin-right:-3px;}
.row.gutter-h8  {margin-left:-4px; margin-right:-4px;}
.row.gutter-h10 {margin-left:-5px; margin-right:-5px;}
.row.gutter-h12 {margin-left:-6px; margin-right:-6px;}
.row.gutter-h16 {margin-left:-8px; margin-right:-8px;}
.row.gutter-h20 {margin-left:-10px; margin-right:-10px;}
.row.gutter-h24 {margin-left:-12px; margin-right:-12px;}
.row.gutter-h28 {margin-left:-14px; margin-right:-14px;}
.row.gutter-h30 {margin-left:-15px; margin-right:-15px;}
.row.gutter-h32 {margin-left:-16px; margin-right:-16px;}
.row.gutter-h36 {margin-left:-18px; margin-right:-18px;}
.row.gutter-h40 {margin-left:-20px; margin-right:-20px;}
.row.gutter-h50 {margin-left:-25px; margin-right:-25px;}
.row.gutter-h60 {margin-left:-30px; margin-right:-30px;}
.row.gutter-h70 {margin-left:-35px; margin-right:-35px;}
.row.gutter-h6 > .col  {padding-left:3px; padding-right:3px;}
.row.gutter-h8 > .col  {padding-left:4px; padding-right:4px;}
.row.gutter-h10 > .col {padding-left:5px; padding-right:5px;}
.row.gutter-h12 > .col {padding-left:6px; padding-right:6px;}
.row.gutter-h16 > .col {padding-left:8px; padding-right:8px;}
.row.gutter-h20 > .col {padding-left:10px; padding-right:10px;}
.row.gutter-h24 > .col {padding-left:12px; padding-right:12px;}
.row.gutter-h28 > .col {padding-left:14px; padding-right:14px;}
.row.gutter-h30 > .col {padding-left:15px; padding-right:15px;}
.row.gutter-h32 > .col {padding-left:16px; padding-right:16px;}
.row.gutter-h36 > .col {padding-left:18px; padding-right:18px;}
.row.gutter-h40 > .col {padding-left:20px; padding-right:20px;}
.row.gutter-h50 > .col {padding-left:25px; padding-right:25px;}
.row.gutter-h60 > .col {padding-left:30px; padding-right:30px;}
.row.gutter-h70 > .col {padding-left:35px; padding-right:35px;}

/* 세로간격 */
.row.gutter-v6  {margin-top:-3px; margin-bottom:-3px;}
.row.gutter-v8  {margin-top:-4px; margin-bottom:-4px;}
.row.gutter-v10 {margin-top:-5px; margin-bottom:-5px;}
.row.gutter-v12 {margin-top:-6px; margin-bottom:-6px;}
.row.gutter-v16 {margin-top:-8px; margin-bottom:-8px;}
.row.gutter-v20 {margin-top:-10px; margin-bottom:-10px;}
.row.gutter-v24 {margin-top:-12px; margin-bottom:-12px;}
.row.gutter-v28 {margin-top:-14px; margin-bottom:-14px;}
.row.gutter-v30 {margin-top:-15px; margin-bottom:-15px;}
.row.gutter-v32 {margin-top:-16px; margin-bottom:-16px;}
.row.gutter-v36 {margin-top:-18px; margin-bottom:-18px;}
.row.gutter-v40 {margin-top:-20px; margin-bottom:-20px;}
.row.gutter-v50 {margin-top:-25px; margin-bottom:-25px;}
.row.gutter-v60 {margin-top:-30px; margin-bottom:-30px;}
.row.gutter-v70 {margin-top:-35px; margin-bottom:-35px;}
.row.gutter-v6 > .col  {padding-top:3px; padding-bottom:3px;}
.row.gutter-v8 > .col  {padding-top:4px; padding-bottom:4px;}
.row.gutter-v10 > .col {padding-top:5px; padding-bottom:5px;}
.row.gutter-v12 > .col {padding-top:6px; padding-bottom:6px;}
.row.gutter-v16 > .col {padding-top:8px; padding-bottom:8px;}
.row.gutter-v20 > .col {padding-top:10px; padding-bottom:10px;}
.row.gutter-v24 > .col {padding-top:12px; padding-bottom:12px;}
.row.gutter-v28 > .col {padding-top:14px; padding-bottom:14px;}
.row.gutter-v30 > .col {padding-top:15px; padding-bottom:15px;}
.row.gutter-v32 > .col {padding-top:16px; padding-bottom:16px;}
.row.gutter-v36 > .col {padding-top:18px; padding-bottom:18px;}
.row.gutter-v40 > .col {padding-top:20px; padding-bottom:20px;}
.row.gutter-v50 > .col {padding-top:25px; padding-bottom:25px;}
.row.gutter-v60 > .col {padding-top:30px; padding-bottom:30px;}
.row.gutter-v70 > .col {padding-top:35px; padding-bottom:35px;}

/*-------------------------------------------------------------------
	##Custom Color
-------------------------------------------------------------------*/
.c-61{color:#616161 !important}
.c-21{color:#212121 !important}
/* 
.color-white {color:#fff;}
.color-black {color:#000;}
.color-darker {color:#222;}
.color-dark {color:#444;}
.color-gray {color:#666;}
.color-light {color:#999;}
.color-lighter {color:#ccc;}

글자색 의미
.color-primary {color:#2496ee;}
.color-secondary {color:#889097;}
.color-success {color:#47a104}
.color-warning {color:#e9b500;}
.color-danger {color:#d45704;}
.color-info {color:#949494;}

배경색 명암
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-darker {background-color:#222;}
.bg-dark {background-color:#444;}
.bg-gray {background-color:#666;}
.bg-light {background-color:#999;}
.bg-lighter {background-color:#ccc;}

배경색 의미
.bg-primary {background-color:#2496ee;}
.bg-secondary {background-color:#889097;}
.bg-success {background-color:#47a104}
.bg-warning {background-color:#e9b500;}
.bg-danger {background-color:#d45704;}
.bg-info {background-color:#949494;} */

/*-------------------------------------------------------------------
	##Fixed Size & Gutter
-------------------------------------------------------------------*/
/* Width Percent */
.w-10p {width:10%;}
.w-20p {width:20%;}
.w-30p {width:30%;}
.w-40p {width:40%;}
.w-50p {width:50%;}
.w-60p {width:60%;}
.w-70p {width:70%;}
.w-80p {width:80%;}
.w-90p {width:90%;}
.w-100p {width:100%;}

/* Width Pixcel */
.w-10 {width:10px;}
.w-20 {width:20px;}
.w-30 {width:30px;}
.w-40 {width:40px;}
.w-50 {width:50px;}
.w-60 {width:60px;}
.w-70 {width:70px;}
.w-80 {width:80px;}
.w-90 {width:90px;}
.w-100 {width:100px;}
.w-120 {width:120px;}
.w-140 {width:140px;}
.w-150 {width:150px;}
.w-160 {width:160px;}
.w-180 {width:180px;}
.w-200 {width:200px;}
.w-220 {width:220px;}
.w-240 {width:240px;}
.w-250 {width:250px;}
.w-260 {width:260px;}
.w-280 {width:280px;}
.w-300 {width:300px;}

/* Width REM */
.w-01r {width:0.1rem;}
.w-02r {width:0.2rem;}
.w-03r {width:0.3rem;}
.w-04r {width:0.4rem;}
.w-05r {width:0.5rem;}
.w-06r {width:0.6rem;}
.w-07r {width:0.7rem;}
.w-08r {width:0.8rem;}
.w-09r {width:0.9rem;}
.w-10r {width:1.0rem;}
.w-12r {width:1.2rem;}
.w-14r {width:1.4rem;}
.w-15r {width:1.5rem;}
.w-16r {width:1.6rem;}
.w-18r {width:1.8rem;}
.w-20r {width:2.0rem;}
.w-22r {width:2.2rem;}
.w-24r {width:2.4rem;}
.w-25r {width:2.5rem;}
.w-26r {width:2.6rem;}
.w-28r {width:2.8rem;}
.w-30r {width:3.0rem;}

/* Height Percent */
.h-10p {height:10%;}
.h-20p {height:20%;}
.h-30p {height:30%;}
.h-40p {height:40%;}
.h-50p {height:50%;}
.h-60p {height:60%;}
.h-70p {height:70%;}
.h-80p {height:80%;}
.h-90p {height:90%;}
.h-100p {height:100%;}

/* Height Pixcel */
.h-reset {height:auto;}
.h-10 {height:10px;}
.h-20 {height:20px;}
.h-30 {height:30px;}
.h-40 {height:40px;}
.h-50 {height:50px;}
.h-60 {height:60px;}
.h-70 {height:70px;}
.h-80 {height:80px;}
.h-90 {height:90px;}
.h-100 {height:100px;}
.h-120 {height:120px;}
.h-140 {height:140px;}
.h-150 {height:150px;}
.h-160 {height:160px;}
.h-180 {height:180px;}
.h-200 {height:200px;}
.h-220 {height:220px;}
.h-240 {height:240px;}
.h-250 {height:250px;}
.h-260 {height:260px;}
.h-280 {height:280px;}
.h-300 {height:300px;}

/* Height REM */
.h-01r {height:0.1rem;}
.h-02r {height:0.2rem;}
.h-03r {height:0.3rem;}
.h-04r {height:0.4rem;}
.h-05r {height:0.5rem;}
.h-06r {height:0.6rem;}
.h-07r {height:0.7rem;}
.h-08r {height:0.8rem;}
.h-09r {height:0.9rem;}
.h-10r {height:1.0rem;}
.h-12r {height:1.2rem;}
.h-14r {height:1.4rem;}
.h-15r {height:1.5rem;}
.h-16r {height:1.6rem;}
.h-18r {height:1.8rem;}
.h-20r {height:2.0rem;}
.h-22r {height:2.2rem;}
.h-24r {height:2.4rem;}
.h-25r {height:2.5rem;}
.h-26r {height:2.6rem;}
.h-28r {height:2.8rem;}
.h-30r {height:3.0rem;}

/* Margin */
.mar-t1 {margin-top:1px;}
.mar-t2 {margin-top:2px;}
.mar-t3 {margin-top:3px;}
.mar-t4 {margin-top:4px !important;}
.mar-t5 {margin-top:5px;}
.mar-t6 {margin-top:6px;}
.mar-t7 {margin-top:7px;}
.mar-t8 {margin-top:8px  !important;}
.mar-t9 {margin-top:9px;}
.mar-t10 {margin-top:10px !important;}
.mar-t12 {margin-top:12px;}
.mar-t14 {margin-top:14px;}
.mar-t15 {margin-top:15px;}
.mar-t16 {margin-top:16px !important;}
.mar-t18 {margin-top:18px;}
.mar-t20 {margin-top:20px;}
.mar-t22 {margin-top:22px;}
.mar-t24 {margin-top:24px !important;}
.mar-t25 {margin-top:25px;}
.mar-t26 {margin-top:26px;}
.mar-t28 {margin-top:28px;}
.mar-t30 {margin-top:30px;}
.mar-t32 {margin-top:32px !important;}
.mar-mt32{margin-top:-32px;}
.mar-t35 {margin-top:35px;}
.mar-t40 {margin-top:40px !important;}
.mar-t45 {margin-top:45px;}
.mar-t48 {margin-top:48px !important;}
.mar-t50 {margin-top:50px;}
.mar-t60 {margin-top:60px !important;;}
.mar-t64 {margin-top:64px;}
.mar-t80 {margin-top:80px !important;;}
.mar-r1 {margin-right:1px;}
.mar-r2 {margin-right:2px;}
.mar-r3 {margin-right:3px;}
.mar-r4 {margin-right:4px;}
.mar-r5 {margin-right:5px;}
.mar-r6 {margin-right:6px;}
.mar-r7 {margin-right:7px;}
.mar-r8 {margin-right:8px;}
.mar-r9 {margin-right:9px;}
.mar-r10 {margin-right:10px;}
.mar-r12 {margin-right:12px;}
.mar-r14 {margin-right:14px;}
.mar-r15 {margin-right:15px;}
.mar-r16 {margin-right:16px;}
.mar-r18 {margin-right:18px;}
.mar-r20 {margin-right:20px;}
.mar-r22 {margin-right:22px;}
.mar-r24 {margin-right:24px;}
.mar-r25 {margin-right:25px;}
.mar-r26 {margin-right:26px;}
.mar-r28 {margin-right:28px;}
.mar-r30 {margin-right:30px;}
.mar-r35 {margin-right:35px;}
.mar-r40 {margin-right:40px;}
.mar-r45 {margin-right:45px;}
.mar-r50 {margin-right:50px;}
.mar-b1 {margin-bottom:1px;}
.mar-b2 {margin-bottom:2px;}
.mar-b3 {margin-bottom:3px;}
.mar-b4 {margin-bottom:4px;}
.mar-b5 {margin-bottom:5px;}
.mar-b6 {margin-bottom:6px;}
.mar-b7 {margin-bottom:7px;}
.mar-b8 {margin-bottom:8px;}
.mar-b9 {margin-bottom:9px;}
.mar-b10 {margin-bottom:10px;}
.mar-b12 {margin-bottom:12px;}
.mar-b14 {margin-bottom:14px;}
.mar-b15 {margin-bottom:15px;}
.mar-b16 {margin-bottom:16px !important;}
.mar-b18 {margin-bottom:18px;}
.mar-b20 {margin-bottom:20px;}
.mar-b22 {margin-bottom:22px;}
.mar-b24 {margin-bottom:24px !important;}
.mar-b25 {margin-bottom:25px;}
.mar-b26 {margin-bottom:26px;}
.mar-b28 {margin-bottom:28px;}
.mar-b30 {margin-bottom:30px;}
.mar-b32 {margin-bottom:32px !important;}
.mar-b35 {margin-bottom:35px;}
.mar-b40 {margin-bottom:40px;}
.mar-b45 {margin-bottom:45px;}
.mar-b48 {margin-bottom:48px !important;}
.mar-b50 {margin-bottom:50px;}
.mar-b64 {margin-bottom:64px;}
.mar-l1 {margin-left:1px;}
.mar-l2 {margin-left:2px;}
.mar-l3 {margin-left:3px;}
.mar-l4 {margin-left:4px;}
.mar-l5 {margin-left:5px;}
.mar-l6 {margin-left:6px;}
.mar-l7 {margin-left:7px;}
.mar-l8 {margin-left:8px;}
.mar-l9 {margin-left:9px;}
.mar-l10 {margin-left:10px;}
.mar-l12 {margin-left:12px;}
.mar-l14 {margin-left:14px;}
.mar-l15 {margin-left:15px;}
.mar-l16 {margin-left:16px;}
.mar-l18 {margin-left:18px;}
.mar-l20 {margin-left:20px;}
.mar-l22 {margin-left:22px;}
.mar-l24 {margin-left:24px;}
.mar-l25 {margin-left:25px;}
.mar-l26 {margin-left:26px;}
.mar-l28 {margin-left:28px;}
.mar-l30 {margin-left:30px;}
.mar-l32 {margin-left:32px;}
.mar-l35 {margin-left:35px;}
.mar-l40 {margin-left:40px;}
.mar-l45 {margin-left:45px;}
.mar-l50 {margin-left:50px;}

/* Padding */
.pad-t1 {padding-top:1px  !important}
.pad-t2 {padding-top:2px;}
.pad-t3 {padding-top:3px;}
.pad-t4 {padding-top:4px;}
.pad-t5 {padding-top:5px;}
.pad-t6 {padding-top:6px;}
.pad-t7 {padding-top:7px;}
.pad-t8 {padding-top:8px;}
.pad-t9 {padding-top:9px;}
.pad-t10 {padding-top:10px;}
.pad-t12 {padding-top:12px;}
.pad-t14 {padding-top:14px;}
.pad-t15 {padding-top:15px;}
.pad-t16 {padding-top:16px !important;}
.pad-t18 {padding-top:18px;}
.pad-t20 {padding-top:20px;}
.pad-t22 {padding-top:22px;}
.pad-t24 {padding-top:24px !important;}
.pad-t25 {padding-top:25px;}
.pad-t26 {padding-top:26px;}
.pad-t28 {padding-top:28px;}
.pad-t30 {padding-top:30px;}
.pad-t32 {padding-top:32px !important;}
.pad-t35 {padding-top:35px;}
.pad-t40 {padding-top:40px;}
.pad-t45 {padding-top:45px;}
.pad-t48 {padding-top:48px !important;}
.pad-t50 {padding-top:50px;}
.pad-r1 {padding-right:1px;}
.pad-r2 {padding-right:2px;}
.pad-r3 {padding-right:3px;}
.pad-r4 {padding-right:4px;}
.pad-r5 {padding-right:5px;}
.pad-r6 {padding-right:6px;}
.pad-r7 {padding-right:7px;}
.pad-r8 {padding-right:8px;}
.pad-r9 {padding-right:9px;}
.pad-r10 {padding-right:10px;}
.pad-r12 {padding-right:12px;}
.pad-r14 {padding-right:14px;}
.pad-r15 {padding-right:15px;}
.pad-r16 {padding-right:16px;}
.pad-r18 {padding-right:18px;}
.pad-r20 {padding-right:20px;}
.pad-r22 {padding-right:22px;}
.pad-r24 {padding-right:24px;}
.pad-r25 {padding-right:25px;}
.pad-r26 {padding-right:26px;}
.pad-r28 {padding-right:28px;}
.pad-r30 {padding-right:30px;}
.pad-r35 {padding-right:35px;}
.pad-r40 {padding-right:40px;}
.pad-r45 {padding-right:45px;}
.pad-r50 {padding-right:50px;}
.pad-b1 {padding-bottom:1px !important;}
.pad-b2 {padding-bottom:2px !important;}
.pad-b3 {padding-bottom:3px !important;}
.pad-b4 {padding-bottom:4px !important;}
.pad-b5 {padding-bottom:5px !important;}
.pad-b6 {padding-bottom:6px !important;}
.pad-b7 {padding-bottom:7px !important;}
.pad-b8 {padding-bottom:8px !important;}
.pad-b9 {padding-bottom:9px !important;}
.pad-b10 {padding-bottom:10px !important;}
.pad-b12 {padding-bottom:12px !important;}
.pad-b14 {padding-bottom:14px !important;}
.pad-b15 {padding-bottom:15px !important;}
.pad-b16 {padding-bottom:16px !important;}
.pad-b18 {padding-bottom:18px !important;}
.pad-b20 {padding-bottom:20px !important;}
.pad-b22 {padding-bottom:22px !important;}
.pad-b24 {padding-bottom:24px !important;}
.pad-b25 {padding-bottom:25px !important;}
.pad-b26 {padding-bottom:26px !important;}
.pad-b28 {padding-bottom:28px !important;}
.pad-b30 {padding-bottom:30px !important;}
.pad-b35 {padding-bottom:35px !important;}
.pad-b40 {padding-bottom:40px !important;}
.pad-b45 {padding-bottom:45px !important;}
.pad-b48 {padding-bottom:48px !important;}
.pad-b50 {padding-bottom:50px !important;}
.pad-b60 {padding-bottom:60px !important;}
.pad-b64 {padding-bottom:64px !important;}
.pad-b112 {padding-bottom:112px !important;}
.pad-l1 {padding-left:1px;}
.pad-l2 {padding-left:2px;}
.pad-l3 {padding-left:3px;}
.pad-l4 {padding-left:4px;}
.pad-l5 {padding-left:5px;}
.pad-l6 {padding-left:6px;}
.pad-l7 {padding-left:7px;}
.pad-l8 {padding-left:8px;}
.pad-l9 {padding-left:9px;}
.pad-l10 {padding-left:10px;}
.pad-l12 {padding-left:12px;}
.pad-l14 {padding-left:14px;}
.pad-l15 {padding-left:15px;}
.pad-l16 {padding-left:16px;}
.pad-l18 {padding-left:18px;}
.pad-l20 {padding-left:20px;}
.pad-l22 {padding-left:22px;}
.pad-l24 {padding-left:24px;}
.pad-l25 {padding-left:25px;}
.pad-l26 {padding-left:26px;}
.pad-l28 {padding-left:28px;}
.pad-l30 {padding-left:30px;}
.pad-l32 {padding-left:32px;}
.pad-l35 {padding-left:35px;}
.pad-l40 {padding-left:40px;}
.pad-l45 {padding-left:45px;}
.pad-l50 {padding-left:50px;}