@bwg-ui/core 1.0.0

package/dist/styles/size.css

@@ -0,0 +1,4019 @@
+@charset "UTF-8";
+/*******************************
+ * 파일명 :size.css
+ *   설명 :폼 사이즈, 마진 패딩값
+ * 작성자 :elliott
+ * 수정일 :2017.12.23
+ ******************************/
+
+/* 테이블td 폼사이즈 아래의 필요에 따라 하프값을 표기하고 추가한다 */
+.w01 {
+  width: 1% !important;
+  box-sizing: border-box !important;
+}
+
+.w02 {
+  width: 2% !important;
+  box-sizing: border-box !important;
+}
+
+.w03 {
+  width: 3% !important;
+  box-sizing: border-box !important;
+}
+
+.w04 {
+  width: 4% !important;
+  box-sizing: border-box !important;
+}
+
+.w05 {
+  width: 5% !important;
+  box-sizing: border-box !important;
+}
+
+.w06 {
+  width: 6% !important;
+  box-sizing: border-box !important;
+}
+
+.w07 {
+  width: 7% !important;
+  box-sizing: border-box !important;
+}
+
+.w08 {
+  width: 8% !important;
+  box-sizing: border-box !important;
+}
+
+.w09 {
+  width: 9% !important;
+  box-sizing: border-box !important;
+}
+
+.w10 {
+  width: 10% !important;
+  box-sizing: border-box !important;
+}
+
+.w11 {
+  width: 11% !important;
+  box-sizing: border-box !important;
+}
+
+.w12 {
+  width: 11.899% !important;
+  box-sizing: border-box !important;
+}
+
+.w12h {
+  width: 12.8% !important;
+  box-sizing: border-box !important;
+}
+
+.w13 {
+  width: 13% !important;
+  box-sizing: border-box !important;
+}
+
+.w14 {
+  width: 14% !important;
+  box-sizing: border-box !important;
+}
+
+.w15 {
+  width: 15% !important;
+  box-sizing: border-box !important;
+}
+
+.w16 {
+  width: 16% !important;
+  box-sizing: border-box !important;
+}
+
+.w17 {
+  width: 17% !important;
+  box-sizing: border-box !important;
+}
+
+.w18 {
+  width: 18% !important;
+  box-sizing: border-box !important;
+}
+
+.w19 {
+  width: 19% !important;
+  box-sizing: border-box !important;
+}
+
+.w20 {
+  width: 20% !important;
+  box-sizing: border-box !important;
+}
+
+.w21 {
+  width: 21% !important;
+  box-sizing: border-box !important;
+}
+
+.w22 {
+  width: 22% !important;
+  box-sizing: border-box !important;
+}
+
+.w22h {
+  width: 22.4% !important;
+  box-sizing: border-box !important;
+}
+
+.w23 {
+  width: 23% !important;
+  box-sizing: border-box !important;
+}
+
+.w24 {
+  width: 24% !important;
+  box-sizing: border-box !important;
+}
+
+.w25 {
+  width: 25% !important;
+  box-sizing: border-box !important;
+}
+
+.w26 {
+  width: 26% !important;
+  box-sizing: border-box !important;
+}
+
+.w27 {
+  width: 27% !important;
+  box-sizing: border-box !important;
+}
+
+.w28 {
+  width: 28% !important;
+  box-sizing: border-box !important;
+}
+
+.w29 {
+  width: 29% !important;
+  box-sizing: border-box !important;
+}
+
+.w30 {
+  width: 30% !important;
+  box-sizing: border-box !important;
+}
+
+.w31 {
+  width: 31% !important;
+  box-sizing: border-box !important;
+}
+
+.w32 {
+  width: 32% !important;
+  box-sizing: border-box !important;
+}
+
+.w33 {
+  width: 33% !important;
+  box-sizing: border-box !important;
+}
+
+.w34 {
+  width: 34% !important;
+  box-sizing: border-box !important;
+}
+
+.w34h {
+  width: 34.5% !important;
+  box-sizing: border-box !important;
+}
+
+.w35 {
+  width: 34.899% !important;
+  box-sizing: border-box !important;
+}
+
+.w36 {
+  width: 36% !important;
+  box-sizing: border-box !important;
+}
+
+.w36h {
+  width: 36.8% !important;
+  box-sizing: border-box !important;
+}
+
+.w37 {
+  width: 37% !important;
+  box-sizing: border-box !important;
+}
+
+.w38 {
+  width: 38% !important;
+  box-sizing: border-box !important;
+}
+
+.w39 {
+  width: 39% !important;
+  box-sizing: border-box !important;
+}
+
+.w40 {
+  width: 40% !important;
+  box-sizing: border-box !important;
+}
+
+.w41 {
+  width: 41% !important;
+  box-sizing: border-box !important;
+}
+
+.w42 {
+  width: 42% !important;
+  box-sizing: border-box !important;
+}
+
+.w43 {
+  width: 43% !important;
+  box-sizing: border-box !important;
+}
+
+.w44 {
+  width: 44% !important;
+  box-sizing: border-box !important;
+}
+
+.w45 {
+  width: 45% !important;
+  box-sizing: border-box !important;
+}
+
+.w46 {
+  width: 46% !important;
+  box-sizing: border-box !important;
+}
+
+.w47 {
+  width: 47% !important;
+  box-sizing: border-box !important;
+}
+
+.w48 {
+  width: 48% !important;
+  box-sizing: border-box !important;
+}
+
+.w49 {
+  width: 49% !important;
+  box-sizing: border-box !important;
+}
+
+.w50 {
+  width: 50% !important;
+  box-sizing: border-box !important;
+}
+
+.w51 {
+  width: 51% !important;
+  box-sizing: border-box !important;
+}
+
+.w52 {
+  width: 52% !important;
+  box-sizing: border-box !important;
+}
+
+.w53 {
+  width: 53% !important;
+  box-sizing: border-box !important;
+}
+
+.w54 {
+  width: 54% !important;
+  box-sizing: border-box !important;
+}
+
+.w55 {
+  width: 55% !important;
+  box-sizing: border-box !important;
+}
+
+.w56 {
+  width: 56% !important;
+  box-sizing: border-box !important;
+}
+
+.w57 {
+  width: 57% !important;
+  box-sizing: border-box !important;
+}
+
+.w58 {
+  width: 58% !important;
+  box-sizing: border-box !important;
+}
+
+.w59 {
+  width: 59% !important;
+  box-sizing: border-box !important;
+}
+
+.w60 {
+  width: 60% !important;
+  box-sizing: border-box !important;
+}
+
+.w60h {
+  width: 60.548% !important;
+  box-sizing: border-box !important;
+}
+
+.w61 {
+  width: 61% !important;
+  box-sizing: border-box !important;
+}
+
+.w62 {
+  width: 62% !important;
+  box-sizing: border-box !important;
+}
+
+.w62h {
+  width: 62.37% !important;
+  box-sizing: border-box !important;
+}
+
+.w63 {
+  width: 63% !important;
+  box-sizing: border-box !important;
+}
+
+.w64 {
+  width: 64% !important;
+  box-sizing: border-box !important;
+}
+
+.w65 {
+  width: 65% !important;
+  box-sizing: border-box !important;
+}
+
+.w65h {
+  width: 65.288% !important;
+  box-sizing: border-box !important;
+}
+
+.w66 {
+  width: 66.168% !important;
+  box-sizing: border-box !important;
+}
+
+.w66h {
+  width: 66.156% !important;
+  box-sizing: border-box !important;
+}
+
+.w67 {
+  width: 67% !important;
+  box-sizing: border-box !important;
+}
+
+.w68 {
+  width: 68% !important;
+  box-sizing: border-box !important;
+}
+
+.w69 {
+  width: 69% !important;
+  box-sizing: border-box !important;
+}
+
+.w70 {
+  width: 70% !important;
+  box-sizing: border-box !important;
+}
+
+.w71 {
+  width: 71% !important;
+  box-sizing: border-box !important;
+}
+
+.w72 {
+  width: 72% !important;
+  box-sizing: border-box !important;
+}
+
+.w73 {
+  width: 73% !important;
+  box-sizing: border-box !important;
+}
+
+.w74 {
+  width: 74% !important;
+  box-sizing: border-box !important;
+}
+
+.w75 {
+  width: 75% !important;
+  box-sizing: border-box !important;
+}
+
+.w76 {
+  width: 76% !important;
+  box-sizing: border-box !important;
+}
+
+.w77 {
+  width: 77% !important;
+  box-sizing: border-box !important;
+}
+
+.w77h {
+  width: 77.6% !important;
+  box-sizing: border-box !important;
+}
+
+.w78 {
+  width: 78% !important;
+  box-sizing: border-box !important;
+}
+
+.w79 {
+  width: 79% !important;
+  box-sizing: border-box !important;
+}
+
+.w80 {
+  width: 80% !important;
+  box-sizing: border-box !important;
+}
+
+.w81 {
+  width: 81% !important;
+  box-sizing: border-box !important;
+}
+
+.w82 {
+  width: 82% !important;
+  box-sizing: border-box !important;
+}
+
+.w83 {
+  width: 83% !important;
+  box-sizing: border-box !important;
+}
+
+.w84 {
+  width: 84% !important;
+  box-sizing: border-box !important;
+}
+
+.w84h {
+  width: 84.5% !important;
+  box-sizing: border-box !important;
+}
+
+.w85 {
+  width: 85% !important;
+  box-sizing: border-box !important;
+}
+
+.w86 {
+  width: 86% !important;
+  box-sizing: border-box !important;
+}
+
+.w87 {
+  width: 87% !important;
+  box-sizing: border-box !important;
+}
+
+.w88 {
+  width: 88% !important;
+  box-sizing: border-box !important;
+}
+
+.w89 {
+  width: 89% !important;
+  box-sizing: border-box !important;
+}
+
+.w90 {
+  width: 90% !important;
+  box-sizing: border-box !important;
+}
+
+.w91 {
+  width: 91% !important;
+  box-sizing: border-box !important;
+}
+
+.w92 {
+  width: 92% !important;
+  box-sizing: border-box !important;
+}
+
+.w93 {
+  width: 93% !important;
+  box-sizing: border-box !important;
+}
+
+.w94 {
+  width: 94% !important;
+  box-sizing: border-box !important;
+}
+
+.w95 {
+  width: 95% !important;
+  box-sizing: border-box !important;
+}
+
+.w96 {
+  width: 96% !important;
+  box-sizing: border-box !important;
+}
+
+.w97 {
+  width: 97% !important;
+  box-sizing: border-box !important;
+}
+
+.w98 {
+  width: 98% !important;
+  box-sizing: border-box !important;
+}
+
+.w99 {
+  width: 99% !important;
+  box-sizing: border-box !important;
+}
+
+.w100 {
+  width: 100% !important;
+  box-sizing: border-box !important;
+}
+
+/* 마진값은 상하로 인접해 있는 경우에는 큰값을 준 쪽이 적용됩니다. 	
+	예를들어 위박스는 margin-bottom:20px 주고 아래박스에 margin-top:50px 주었을 때 큰 값인 50px이 적용됩니다 */
+/* margin-top */
+
+/*margin*/
+.m00 {
+  margin: 0 !important;
+}
+
+/*sample3.html, sample7.html*/
+.mt00 {
+  margin-top: 0px !important;
+}
+
+.mt01 {
+  margin-top: 1px !important;
+}
+
+.mt_01 {
+  margin-top: -1px !important;
+}
+
+.mt02 {
+  margin-top: 2px !important;
+}
+
+.mt_02 {
+  margin-top: -2px !important;
+}
+
+.mt03 {
+  margin-top: 3px !important;
+}
+
+.mt_03 {
+  margin-top: -3px !important;
+}
+
+.mt04 {
+  margin-top: 4px !important;
+}
+
+.mt_04 {
+  margin-top: -4px !important;
+}
+
+.mt05 {
+  margin-top: 5px !important;
+}
+
+.mt_05 {
+  margin-top: -5px !important;
+}
+
+.mt06 {
+  margin-top: 6px !important;
+}
+
+.mt07 {
+  margin-top: 7px !important;
+}
+
+.mt08 {
+  margin-top: 8px !important;
+}
+
+.mt09 {
+  margin-top: 9px !important;
+}
+
+.mt10 {
+  margin-top: 10px !important;
+}
+
+.mt11 {
+  margin-top: 11px !important;
+}
+
+.mt12 {
+  margin-top: 12px !important;
+}
+
+.mt13 {
+  margin-top: 13px !important;
+}
+
+.mt14 {
+  margin-top: 14px !important;
+}
+
+.mt15 {
+  margin-top: 15px !important;
+}
+
+.mt16 {
+  margin-top: 16px !important;
+}
+
+.mt17 {
+  margin-top: 17px !important;
+}
+
+.mt18 {
+  margin-top: 18px !important;
+}
+
+.mt19 {
+  margin-top: 19px !important;
+}
+
+.mt20 {
+  margin-top: 20px !important;
+}
+
+.mt21 {
+  margin-top: 21px !important;
+}
+
+.mt22 {
+  margin-top: 22px !important;
+}
+
+.mt23 {
+  margin-top: 23px !important;
+}
+
+.mt24 {
+  margin-top: 24px !important;
+}
+
+.mt25 {
+  margin-top: 25px !important;
+}
+
+.mt26 {
+  margin-top: 26px !important;
+}
+
+.mt27 {
+  margin-top: 27px !important;
+}
+
+.mt28 {
+  margin-top: 28px !important;
+}
+
+.mt29 {
+  margin-top: 29px !important;
+}
+
+.mt30 {
+  margin-top: 30px !important;
+}
+
+.mt123 {
+  margin-top: 123px !important;
+}
+
+/* margin-right */
+.mr01 {
+  margin-right: 1px !important;
+}
+
+.mr_01 {
+  margin-right: -1px !important;
+}
+
+.mr02 {
+  margin-right: 2px !important;
+}
+
+.mr_02 {
+  margin-right: -2px !important;
+}
+
+.mr03 {
+  margin-right: 3px !important;
+}
+
+.mr_03 {
+  margin-right: -3px !important;
+}
+
+.mr04 {
+  margin-right: 4px !important;
+}
+
+.mr_04 {
+  margin-right: -4px !important;
+}
+
+.mr05 {
+  margin-right: 5px !important;
+}
+
+.mr_05 {
+  margin-right: -5px !important;
+}
+
+.mr06 {
+  margin-right: 6px !important;
+}
+
+.mr07 {
+  margin-right: 7px !important;
+}
+
+.mr08 {
+  margin-right: 8px !important;
+}
+
+.mr09 {
+  margin-right: 9px !important;
+}
+
+.mr10 {
+  margin-right: 10px !important;
+}
+
+.mr11 {
+  margin-right: 11px !important;
+}
+
+.mr12 {
+  margin-right: 12px !important;
+}
+
+.mr13 {
+  margin-right: 13px !important;
+}
+
+.mr14 {
+  margin-right: 14px !important;
+}
+
+.mr15 {
+  margin-right: 15px !important;
+}
+
+.mr16 {
+  margin-right: 16px !important;
+}
+
+.mr17 {
+  margin-right: 17px !important;
+}
+
+.mr18 {
+  margin-right: 18px !important;
+}
+
+.mr19 {
+  margin-right: 19px !important;
+}
+
+.mr20 {
+  margin-right: 20px !important;
+}
+
+.mr21 {
+  margin-right: 21px !important;
+}
+
+.mr22 {
+  margin-right: 22px !important;
+}
+
+.mr23 {
+  margin-right: 23px !important;
+}
+
+.mr24 {
+  margin-right: 24px !important;
+}
+
+.mr25 {
+  margin-right: 25px !important;
+}
+
+.mr26 {
+  margin-right: 26px !important;
+}
+
+.mr27 {
+  margin-right: 27px !important;
+}
+
+.mr28 {
+  margin-right: 28px !important;
+}
+
+.mr29 {
+  margin-right: 29px !important;
+}
+
+.mr30 {
+  margin-right: 30px !important;
+}
+
+/* margin-bottom */
+.mb01 {
+  margin-bottom: 1px !important;
+}
+
+.mb_01 {
+  margin-bottom: -1px !important;
+}
+
+.mb02 {
+  margin-bottom: 2px !important;
+}
+
+.mb_02 {
+  margin-bottom: -2px !important;
+}
+
+.mb03 {
+  margin-bottom: 3px !important;
+}
+
+.mb_03 {
+  margin-bottom: -3px !important;
+}
+
+.mb04 {
+  margin-bottom: 4px !important;
+}
+
+.mb_04 {
+  margin-bottom: -4px !important;
+}
+
+.mb05 {
+  margin-bottom: 5px !important;
+}
+
+.mb_05 {
+  margin-bottom: -5px !important;
+}
+
+.mb06 {
+  margin-bottom: 6px !important;
+}
+
+.mb07 {
+  margin-bottom: 7px !important;
+}
+
+.mb08 {
+  margin-bottom: 8px !important;
+}
+
+.mb09 {
+  margin-bottom: 9px !important;
+}
+
+.mb10 {
+  margin-bottom: 10px !important;
+}
+
+.mb11 {
+  margin-bottom: 11px !important;
+}
+
+.mb12 {
+  margin-bottom: 12px !important;
+}
+
+.mb13 {
+  margin-bottom: 13px !important;
+}
+
+.mb14 {
+  margin-bottom: 14px !important;
+}
+
+.mb15 {
+  margin-bottom: 15px !important;
+}
+
+.mb16 {
+  margin-bottom: 16px !important;
+}
+
+.mb17 {
+  margin-bottom: 17px !important;
+}
+
+.mb18 {
+  margin-bottom: 18px !important;
+}
+
+.mb19 {
+  margin-bottom: 19px !important;
+}
+
+.mb20 {
+  margin-bottom: 20px !important;
+}
+
+.mb21 {
+  margin-bottom: 21px !important;
+}
+
+.mb22 {
+  margin-bottom: 22px !important;
+}
+
+.mb23 {
+  margin-bottom: 23px !important;
+}
+
+.mb24 {
+  margin-bottom: 24px !important;
+}
+
+.mb25 {
+  margin-bottom: 25px !important;
+}
+
+.mb26 {
+  margin-bottom: 26px !important;
+}
+
+.mb27 {
+  margin-bottom: 27px !important;
+}
+
+.mb28 {
+  margin-bottom: 28px !important;
+}
+
+.mb29 {
+  margin-bottom: 29px !important;
+}
+
+.mb30 {
+  margin-bottom: 30px !important;
+}
+
+/* margin-left */
+.ml00 {
+  margin-left: 0 !important;
+}
+
+/*sample5.html*/
+.ml01 {
+  margin-left: 1px !important;
+}
+
+.ml_01 {
+  margin-left: -1px !important;
+}
+
+.ml02 {
+  margin-left: 2px !important;
+}
+
+.ml_02 {
+  margin-left: -2px !important;
+}
+
+.ml03 {
+  margin-left: 3px !important;
+}
+
+.ml_03 {
+  margin-left: -3px !important;
+}
+
+.ml04 {
+  margin-left: 4px !important;
+}
+
+.ml_04 {
+  margin-left: -4px !important;
+}
+
+.ml05 {
+  margin-left: 5px !important;
+}
+
+.ml_05 {
+  margin-left: -5px !important;
+}
+
+.ml06 {
+  margin-left: 6px !important;
+}
+
+.ml07 {
+  margin-left: 7px !important;
+}
+
+.ml08 {
+  margin-left: 8px !important;
+}
+
+.ml09 {
+  margin-left: 9px !important;
+}
+
+.ml10 {
+  margin-left: 10px !important;
+}
+
+.ml11 {
+  margin-left: 11px !important;
+}
+
+.ml12 {
+  margin-left: 12px !important;
+}
+
+.ml13 {
+  margin-left: 13px !important;
+}
+
+.ml14 {
+  margin-left: 14px !important;
+}
+
+.ml15 {
+  margin-left: 15px !important;
+}
+
+.ml16 {
+  margin-left: 16px !important;
+}
+
+.ml17 {
+  margin-left: 17px !important;
+}
+
+.ml18 {
+  margin-left: 18px !important;
+}
+
+.ml19 {
+  margin-left: 19px !important;
+}
+
+.ml20 {
+  margin-left: 20px !important;
+}
+
+.ml21 {
+  margin-left: 21px !important;
+}
+
+.ml22 {
+  margin-left: 22px !important;
+}
+
+.ml23 {
+  margin-left: 23px !important;
+}
+
+.ml24 {
+  margin-left: 24px !important;
+}
+
+.ml25 {
+  margin-left: 25px !important;
+}
+
+.ml26 {
+  margin-left: 26px !important;
+}
+
+.ml27 {
+  margin-left: 27px !important;
+}
+
+.ml28 {
+  margin-left: 28px !important;
+}
+
+.ml29 {
+  margin-left: 29px !important;
+}
+
+.ml30 {
+  margin-left: 30px !important;
+}
+
+/* padding-top */
+.pt01 {
+  padding-top: 1px !important;
+}
+
+.pt02 {
+  padding-top: 2px !important;
+}
+
+.pt03 {
+  padding-top: 3px !important;
+}
+
+.pt04 {
+  padding-top: 4px !important;
+}
+
+.pt05 {
+  padding-top: 5px !important;
+}
+
+.pt06 {
+  padding-top: 6px !important;
+}
+
+.pt07 {
+  padding-top: 7px !important;
+}
+
+.pt08 {
+  padding-top: 8px !important;
+}
+
+.pt09 {
+  padding-top: 9px !important;
+}
+
+.pt10 {
+  padding-top: 10px !important;
+}
+
+.pt11 {
+  padding-top: 11px !important;
+}
+
+.pt12 {
+  padding-top: 12px !important;
+}
+
+.pt13 {
+  padding-top: 13px !important;
+}
+
+.pt14 {
+  padding-top: 14px !important;
+}
+
+.pt15 {
+  padding-top: 15px !important;
+}
+
+.pt16 {
+  padding-top: 16px !important;
+}
+
+.pt17 {
+  padding-top: 17px !important;
+}
+
+.pt18 {
+  padding-top: 18px !important;
+}
+
+.pt19 {
+  padding-top: 19px !important;
+}
+
+.pt20 {
+  padding-top: 20px !important;
+}
+
+.pt21 {
+  padding-top: 21px !important;
+}
+
+.pt22 {
+  padding-top: 22px !important;
+}
+
+.pt23 {
+  padding-top: 23px !important;
+}
+
+.pt24 {
+  padding-top: 24px !important;
+}
+
+.pt25 {
+  padding-top: 25px !important;
+}
+
+.pt26 {
+  padding-top: 26px !important;
+}
+
+.pt27 {
+  padding-top: 27px !important;
+}
+
+.pt28 {
+  padding-top: 28px !important;
+}
+
+.pt29 {
+  padding-top: 29px !important;
+}
+
+.pt30 {
+  padding-top: 30px !important;
+}
+
+/* padding-right */
+.pr01 {
+  padding-right: 1px !important;
+}
+
+.pr02 {
+  padding-right: 2px !important;
+}
+
+.pr03 {
+  padding-right: 3px !important;
+}
+
+.pr04 {
+  padding-right: 4px !important;
+}
+
+.pr05 {
+  padding-right: 5px !important;
+}
+
+.pr06 {
+  padding-right: 6px !important;
+}
+
+.pr07 {
+  padding-right: 7px !important;
+}
+
+.pr08 {
+  padding-right: 8px !important;
+}
+
+.pr09 {
+  padding-right: 9px !important;
+}
+
+.pr10 {
+  padding-right: 10px !important;
+}
+
+.pr11 {
+  padding-right: 11px !important;
+}
+
+.pr12 {
+  padding-right: 12px !important;
+}
+
+.pr13 {
+  padding-right: 13px !important;
+}
+
+.pr14 {
+  padding-right: 14px !important;
+}
+
+.pr15 {
+  padding-right: 15px !important;
+}
+
+.pr16 {
+  padding-right: 16px !important;
+}
+
+.pr17 {
+  padding-right: 17px !important;
+}
+
+.pr18 {
+  padding-right: 18px !important;
+}
+
+.pr19 {
+  padding-right: 19px !important;
+}
+
+.pr20 {
+  padding-right: 20px !important;
+}
+
+.pr21 {
+  padding-right: 21px !important;
+}
+
+.pr22 {
+  padding-right: 22px !important;
+}
+
+.pr23 {
+  padding-right: 23px !important;
+}
+
+.pr24 {
+  padding-right: 24px !important;
+}
+
+.pr25 {
+  padding-right: 25px !important;
+}
+
+.pr26 {
+  padding-right: 26px !important;
+}
+
+.pr27 {
+  padding-right: 27px !important;
+}
+
+.pr28 {
+  padding-right: 28px !important;
+}
+
+.pr29 {
+  padding-right: 29px !important;
+}
+
+.pr30 {
+  padding-right: 30px !important;
+}
+
+.pb01 {
+  padding-bottom: 1px !important;
+}
+
+.pb02 {
+  padding-bottom: 2px !important;
+}
+
+.pb03 {
+  padding-bottom: 3px !important;
+}
+
+.pb04 {
+  padding-bottom: 4px !important;
+}
+
+.pb05 {
+  padding-bottom: 5px !important;
+}
+
+.pb06 {
+  padding-bottom: 6px !important;
+}
+
+.pb07 {
+  padding-bottom: 7px !important;
+}
+
+.pb08 {
+  padding-bottom: 8px !important;
+}
+
+.pb09 {
+  padding-bottom: 9px !important;
+}
+
+.pb10 {
+  padding-bottom: 10px !important;
+}
+
+/* padding-bottom */
+.pb11 {
+  padding-bottom: 11px !important;
+}
+
+.pb12 {
+  padding-bottom: 12px !important;
+}
+
+.pb13 {
+  padding-bottom: 13px !important;
+}
+
+.pb14 {
+  padding-bottom: 14px !important;
+}
+
+.pb15 {
+  padding-bottom: 15px !important;
+}
+
+.pb16 {
+  padding-bottom: 16px !important;
+}
+
+.pb17 {
+  padding-bottom: 17px !important;
+}
+
+.pb18 {
+  padding-bottom: 18px !important;
+}
+
+.pb19 {
+  padding-bottom: 19px !important;
+}
+
+.pb20 {
+  padding-bottom: 20px !important;
+}
+
+.pb21 {
+  padding-bottom: 21px !important;
+}
+
+.pb22 {
+  padding-bottom: 22px !important;
+}
+
+.pb23 {
+  padding-bottom: 23px !important;
+}
+
+.pb24 {
+  padding-bottom: 24px !important;
+}
+
+.pb25 {
+  padding-bottom: 25px !important;
+}
+
+.pb26 {
+  padding-bottom: 26px !important;
+}
+
+.pb27 {
+  padding-bottom: 27px !important;
+}
+
+.pb28 {
+  padding-bottom: 28px !important;
+}
+
+.pb29 {
+  padding-bottom: 29px !important;
+}
+
+.pb30 {
+  padding-bottom: 30px !important;
+}
+
+/* padding-left */
+.pl01 {
+  padding-left: 1px !important;
+}
+
+.pl02 {
+  padding-left: 2px !important;
+}
+
+.pl03 {
+  padding-left: 3px !important;
+}
+
+.pl04 {
+  padding-left: 4px !important;
+}
+
+.pl05 {
+  padding-left: 5px !important;
+}
+
+.pl06 {
+  padding-left: 6px !important;
+}
+
+.pl07 {
+  padding-left: 7px !important;
+}
+
+.pl08 {
+  padding-left: 8px !important;
+}
+
+.pl09 {
+  padding-left: 9px !important;
+}
+
+.pl10 {
+  padding-left: 10px !important;
+}
+
+.pl11 {
+  padding-left: 11px !important;
+}
+
+.pl12 {
+  padding-left: 12px !important;
+}
+
+.pl13 {
+  padding-left: 13px !important;
+}
+
+.pl14 {
+  padding-left: 14px !important;
+}
+
+.pl15 {
+  padding-left: 15px !important;
+}
+
+.pl16 {
+  padding-left: 16px !important;
+}
+
+.pl17 {
+  padding-left: 17px !important;
+}
+
+.pl18 {
+  padding-left: 18px !important;
+}
+
+.pl19 {
+  padding-left: 19px !important;
+}
+
+.pl20 {
+  padding-left: 20px !important;
+}
+
+.pl21 {
+  padding-left: 21px !important;
+}
+
+.pl22 {
+  padding-left: 22px !important;
+}
+
+.pl23 {
+  padding-left: 23px !important;
+}
+
+.pl24 {
+  padding-left: 24px !important;
+}
+
+.pl25 {
+  padding-left: 25px !important;
+}
+
+.pl26 {
+  padding-left: 26px !important;
+}
+
+.pl27 {
+  padding-left: 27px !important;
+}
+
+.pl28 {
+  padding-left: 28px !important;
+}
+
+.pl29 {
+  padding-left: 29px !important;
+}
+
+.pl30 {
+  padding-left: 30px !important;
+}
+
+.pd05 {
+  padding: 5px !important;
+}
+
+.pd10 {
+  padding: 10px !important;
+}
+
+/* 디자인 변경전 사용한 클래스 UI 텍스트에 따른 글자크기 PPT_80page */
+.text_len01 {
+  width: 14px !important;
+}
+
+.text_len02 {
+  width: 28px !important;
+}
+
+.text_len03 {
+  width: 42px !important;
+}
+
+.text_len04 {
+  width: 56px !important;
+}
+
+.text_len05 {
+  width: 70px !important;
+}
+
+.text_len06 {
+  width: 84px !important;
+}
+
+.text_len07 {
+  width: 98px !important;
+}
+
+.text_len08 {
+  width: 110px !important;
+}
+
+/*달력사이즈와 맞추기 위해서-2px*/
+.text_len09 {
+  width: 126px !important;
+}
+
+.text_len10 {
+  width: 140px !important;
+}
+
+.text_len11 {
+  width: 154px !important;
+}
+
+.text_len12 {
+  width: 168px !important;
+}
+
+.text_len13 {
+  width: 182px !important;
+}
+
+.text_len14 {
+  width: 196px !important;
+}
+
+.text_len15 {
+  width: 210px !important;
+}
+
+.text_len16 {
+  width: 224px !important;
+}
+
+.text_len17 {
+  width: 238px !important;
+}
+
+.text_len18 {
+  width: 252px !important;
+}
+
+.text_len19 {
+  width: 266px !important;
+}
+
+.text_len20 {
+  width: 280px !important;
+}
+
+.text_len21 {
+  width: 294px !important;
+}
+
+.text_len22 {
+  width: 308px !important;
+}
+
+.text_len23 {
+  width: 322px !important;
+}
+
+.text_len24 {
+  width: 336px !important;
+}
+
+.text_len25 {
+  width: 350px !important;
+}
+
+.text_len26 {
+  width: 364px !important;
+}
+
+.text_len27 {
+  width: 378px !important;
+}
+
+.text_len28 {
+  width: 392px !important;
+}
+
+.text_len29 {
+  width: 406px !important;
+}
+
+.text_len30 {
+  width: 420px !important;
+}
+
+.text_len31 {
+  width: 434px !important;
+}
+
+.text_len32 {
+  width: 448px !important;
+}
+
+.text_len33 {
+  width: 462px !important;
+}
+
+.text_len34 {
+  width: 476px !important;
+}
+
+.text_len35 {
+  width: 490px !important;
+}
+
+.text_len36 {
+  width: 504px !important;
+}
+
+.text_len37 {
+  width: 518px !important;
+}
+
+.text_len38 {
+  width: 532px !important;
+}
+
+.text_len39 {
+  width: 546px !important;
+}
+
+.text_len40 {
+  width: 560px !important;
+}
+
+/* 폼 사이즈 고정으로 할 때 , 사용할 일이 있을까 싶지만.. */
+.w01px {
+  width: 1px !important;
+}
+
+.w02px {
+  width: 2px !important;
+}
+
+.w03px {
+  width: 3px !important;
+}
+
+.w04px {
+  width: 4px !important;
+}
+
+.w05px {
+  width: 5px !important;
+}
+
+.w06px {
+  width: 6px !important;
+}
+
+.w07px {
+  width: 7px !important;
+}
+
+.w08px {
+  width: 8px !important;
+}
+
+.w09px {
+  width: 9px !important;
+}
+
+.w10px {
+  width: 10px !important;
+}
+
+.w11px {
+  width: 11px !important;
+}
+
+.w12px {
+  width: 12px !important;
+}
+
+.w13px {
+  width: 13px !important;
+}
+
+.w11px {
+  width: 11px !important;
+}
+
+.w14px {
+  width: 14px !important;
+}
+
+.w15px {
+  width: 15px !important;
+}
+
+.w16px {
+  width: 16px !important;
+}
+
+.w17px {
+  width: 17px !important;
+}
+
+.w18px {
+  width: 18px !important;
+}
+
+.w19px {
+  width: 19px !important;
+}
+
+.w20px {
+  width: 20px !important;
+}
+
+.w21px {
+  width: 21px !important;
+}
+
+.w22px {
+  width: 22px !important;
+}
+
+.w23px {
+  width: 23px !important;
+}
+
+.w24px {
+  width: 24px !important;
+}
+
+.w25px {
+  width: 25px !important;
+}
+
+.w26px {
+  width: 26px !important;
+}
+
+.w27px {
+  width: 27px !important;
+}
+
+.w28px {
+  width: 28px !important;
+}
+
+.w29px {
+  width: 29px !important;
+}
+
+.w30px {
+  width: 30px !important;
+}
+
+.w31px {
+  width: 31px !important;
+}
+
+.w32px {
+  width: 32px !important;
+}
+
+.w33px {
+  width: 33px !important;
+}
+
+.w34px {
+  width: 34px !important;
+}
+
+.w35px {
+  width: 35px !important;
+}
+
+.w36px {
+  width: 36px !important;
+}
+
+.w37px {
+  width: 37px !important;
+}
+
+.w38px {
+  width: 38px !important;
+}
+
+.w39px {
+  width: 39px !important;
+}
+
+.w40px {
+  width: 40px !important;
+}
+
+.w41px {
+  width: 41px !important;
+}
+
+.w42px {
+  width: 42px !important;
+}
+
+.w43px {
+  width: 43px !important;
+}
+
+.w44px {
+  width: 44px !important;
+}
+
+.w45px {
+  width: 45px !important;
+}
+
+.w46px {
+  width: 46px !important;
+}
+
+.w47px {
+  width: 47px !important;
+}
+
+.w48px {
+  width: 48px !important;
+}
+
+.w49px {
+  width: 49px !important;
+}
+
+.w50px {
+  width: 50px !important;
+}
+
+.w51px {
+  width: 51px !important;
+}
+
+.w52px {
+  width: 52px !important;
+}
+
+.w53px {
+  width: 53px !important;
+}
+
+.w54px {
+  width: 54px !important;
+}
+
+.w55px {
+  width: 55px !important;
+}
+
+.w56px {
+  width: 56px !important;
+}
+
+.w57px {
+  width: 57px !important;
+}
+
+.w58px {
+  width: 58px !important;
+}
+
+.w59px {
+  width: 59px !important;
+}
+
+.w60px {
+  width: 60px !important;
+}
+
+.w61px {
+  width: 61px !important;
+}
+
+.w62px {
+  width: 62px !important;
+}
+
+.w63px {
+  width: 63px !important;
+}
+
+.w64px {
+  width: 64px !important;
+}
+
+.w65px {
+  width: 65px !important;
+}
+
+.w66px {
+  width: 66px !important;
+}
+
+.w67px {
+  width: 67px !important;
+}
+
+.w68px {
+  width: 68px !important;
+}
+
+.w69px {
+  width: 69px !important;
+}
+
+.w70px {
+  width: 70px !important;
+}
+
+.w71px {
+  width: 71px !important;
+}
+
+.w72px {
+  width: 72px !important;
+}
+
+.w73px {
+  width: 73px !important;
+}
+
+.w74px {
+  width: 74px !important;
+}
+
+.w75px {
+  width: 75px !important;
+}
+
+.w76px {
+  width: 76px !important;
+}
+
+.w77px {
+  width: 77px !important;
+}
+
+.w78px {
+  width: 78px !important;
+}
+
+.w79px {
+  width: 79px !important;
+}
+
+.w80px {
+  width: 80px !important;
+}
+
+.w81px {
+  width: 81px !important;
+}
+
+.w82px {
+  width: 82px !important;
+}
+
+.w83px {
+  width: 83px !important;
+}
+
+.w84px {
+  width: 84px !important;
+}
+
+.w85px {
+  width: 85px !important;
+}
+
+.w86px {
+  width: 86px !important;
+}
+
+.w87px {
+  width: 87px !important;
+}
+
+.w88px {
+  width: 88px !important;
+}
+
+.w89px {
+  width: 89px !important;
+}
+
+.w90px {
+  width: 90px !important;
+}
+
+.w91px {
+  width: 91px !important;
+}
+
+.w92px {
+  width: 92px !important;
+}
+
+.w93px {
+  width: 93px !important;
+}
+
+.w94px {
+  width: 94px !important;
+}
+
+.w95px {
+  width: 95px !important;
+}
+
+.w96px {
+  width: 96px !important;
+}
+
+.w97px {
+  width: 97px !important;
+}
+
+.w98px {
+  width: 98px !important;
+}
+
+.w99px {
+  width: 99px !important;
+}
+
+.w100px {
+  width: 100px !important;
+}
+
+.w101px {
+  width: 101px !important;
+}
+
+.w102px {
+  width: 102px !important;
+}
+
+.w103px {
+  width: 103px !important;
+}
+
+.w104px {
+  width: 104px !important;
+}
+
+.w105px {
+  width: 105px !important;
+}
+
+.w106px {
+  width: 106px !important;
+}
+
+.w107px {
+  width: 107px !important;
+}
+
+.w108px {
+  width: 108px !important;
+}
+
+.w109px {
+  width: 109px !important;
+}
+
+.w110px {
+  width: 110px !important;
+}
+
+.w111px {
+  width: 111px !important;
+}
+
+.w112px {
+  width: 112px !important;
+}
+
+.w113px {
+  width: 113px !important;
+}
+
+.w114px {
+  width: 114px !important;
+}
+
+.w115px {
+  width: 115px !important;
+}
+
+.w116px {
+  width: 116px !important;
+}
+
+.w117px {
+  width: 117px !important;
+}
+
+.w118px {
+  width: 118px !important;
+}
+
+.w119px {
+  width: 119px !important;
+}
+
+.w120px {
+  width: 120px !important;
+}
+
+.w121px {
+  width: 121px !important;
+}
+
+.w122px {
+  width: 122px !important;
+}
+
+.w123px {
+  width: 123px !important;
+}
+
+.w124px {
+  width: 124px !important;
+}
+
+.w125px {
+  width: 125px !important;
+}
+
+.w126px {
+  width: 126px !important;
+}
+
+.w127px {
+  width: 127px !important;
+}
+
+.w128px {
+  width: 128px !important;
+}
+
+.w129px {
+  width: 129px !important;
+}
+
+.w130px {
+  width: 130px !important;
+}
+
+.w131px {
+  width: 131px !important;
+}
+
+.w132px {
+  width: 132px !important;
+}
+
+.w133px {
+  width: 133px !important;
+}
+
+.w134px {
+  width: 134px !important;
+}
+
+.w135px {
+  width: 135px !important;
+}
+
+.w136px {
+  width: 136px !important;
+}
+
+.w137px {
+  width: 137px !important;
+}
+
+.w138px {
+  width: 138px !important;
+}
+
+.w139px {
+  width: 139px !important;
+}
+
+.w140px {
+  width: 140px !important;
+}
+
+.w141px {
+  width: 141px !important;
+}
+
+.w142px {
+  width: 142px !important;
+}
+
+.w143px {
+  width: 143px !important;
+}
+
+.w144px {
+  width: 144px !important;
+}
+
+.w145px {
+  width: 145px !important;
+}
+
+.w146px {
+  width: 146px !important;
+}
+
+.w147px {
+  width: 147px !important;
+}
+
+.w148px {
+  width: 148px !important;
+}
+
+.w149px {
+  width: 149px !important;
+}
+
+.w150px {
+  width: 150px !important;
+}
+
+.w151px {
+  width: 151px !important;
+}
+
+.w152px {
+  width: 152px !important;
+}
+
+.w153px {
+  width: 153px !important;
+}
+
+.w154px {
+  width: 154px !important;
+}
+
+.w155px {
+  width: 155px !important;
+}
+
+.w156px {
+  width: 156px !important;
+}
+
+.w157px {
+  width: 157px !important;
+}
+
+.w158px {
+  width: 158px !important;
+}
+
+.w159px {
+  width: 159px !important;
+}
+
+.w160px {
+  width: 160px !important;
+}
+
+.w161px {
+  width: 161px !important;
+}
+
+.w162px {
+  width: 162px !important;
+}
+
+.w163px {
+  width: 163px !important;
+}
+
+.w164px {
+  width: 164px !important;
+}
+
+.w165px {
+  width: 165px !important;
+}
+
+.w166px {
+  width: 166px !important;
+}
+
+.w167px {
+  width: 167px !important;
+}
+
+.w168px {
+  width: 168px !important;
+}
+
+.w169px {
+  width: 169px !important;
+}
+
+.w170px {
+  width: 170px !important;
+}
+
+.w200px {
+  width: 200px !important;
+}
+
+.w213px {
+  width: 213px !important;
+}
+
+/*재무관리> 계정별 증감잔액  am/slip/AMeSlipApprM01.html */
+
+.w265px {
+  width: 265px !important;
+}
+
+.w360px {
+  width: 360px !important;
+}
+
+.w370px {
+  width: 370px !important;
+}
+
+.w470px {
+  width: 470px !important;
+}
+
+.w890px {
+  width: 890px !important;
+}
+
+/*******************************
+ * 파일명 :area.css
+ *   설명 :icontent 영역 분할
+ * 작성자 :elliott
+ * 수정일 :2017.12.27
+ ******************************/
+
+.grid_pd {
+  float: left;
+  width: 100%;
+  padding: 5px !important;
+  box-sizing: border-box;
+}
+
+.grid_pd02 {
+  float: left;
+  width: 100%;
+  padding: 0 5px 5px 5px !important;
+  box-sizing: border-box;
+}
+
+/* icontent 내부 영역 분할 좌측에 사용 */
+.w01fl {
+  width: 1% !important;
+  float: left;
+}
+
+.w02fl {
+  width: 2% !important;
+  float: left;
+}
+
+.w03fl {
+  width: 3% !important;
+  float: left;
+}
+
+.w04fl {
+  width: 4% !important;
+  float: left;
+}
+
+.w05fl {
+  width: 5% !important;
+  float: left;
+}
+
+.w06fl {
+  width: 6% !important;
+  float: left;
+}
+
+.w07fl {
+  width: 7% !important;
+  float: left;
+}
+
+.w08fl {
+  width: 8% !important;
+  float: left;
+}
+
+.w09fl {
+  width: 9% !important;
+  float: left;
+}
+
+.w10fl {
+  width: 10% !important;
+  float: left;
+}
+
+.w11fl {
+  width: 11% !important;
+  float: left;
+}
+
+.w12fl {
+  width: 12% !important;
+  float: left;
+}
+
+.w13fl {
+  width: 13% !important;
+  float: left;
+}
+
+.w14fl {
+  width: 14% !important;
+  float: left;
+}
+
+.w15fl {
+  width: 15% !important;
+  float: left;
+}
+
+.w16fl {
+  width: 16% !important;
+  float: left;
+}
+
+.w17fl {
+  width: 17% !important;
+  float: left;
+}
+
+.w18fl {
+  width: 18% !important;
+  float: left;
+}
+
+.w19fl {
+  width: 19% !important;
+  float: left;
+}
+
+.w20fl {
+  width: 20% !important;
+  float: left;
+}
+
+.w21fl {
+  width: 21% !important;
+  float: left;
+}
+
+.w22fl {
+  width: 22% !important;
+  float: left;
+}
+
+.w23fl {
+  width: 23% !important;
+  float: left;
+}
+
+.w24fl {
+  width: 24% !important;
+  float: left;
+}
+
+.w25fl {
+  width: 25% !important;
+  float: left;
+}
+
+.w26fl {
+  width: 26% !important;
+  float: left;
+}
+
+.w27fl {
+  width: 27% !important;
+  float: left;
+}
+
+.w28fl {
+  width: 28% !important;
+  float: left;
+}
+
+.w29fl {
+  width: 29% !important;
+  float: left;
+}
+
+.w30fl {
+  width: 30% !important;
+  float: left;
+}
+
+.w31fl {
+  width: 31% !important;
+  float: left;
+}
+
+.w32fl {
+  width: 32% !important;
+  float: left;
+}
+
+.w33fl {
+  width: 33.3333% !important;
+  float: left;
+}
+
+.w34fl {
+  width: 34% !important;
+  float: left;
+}
+
+.w35fl {
+  width: 35% !important;
+  float: left;
+}
+
+.w36fl {
+  width: 36% !important;
+  float: left;
+}
+
+.w37fl {
+  width: 37% !important;
+  float: left;
+}
+
+.w38fl {
+  width: 38% !important;
+  float: left;
+}
+
+.w39fl {
+  width: 39% !important;
+  float: left;
+}
+
+.w40fl {
+  width: 40% !important;
+  float: left;
+}
+
+.w41fl {
+  width: 41% !important;
+  float: left;
+}
+
+.w42fl {
+  width: 42% !important;
+  float: left;
+}
+
+.w43fl {
+  width: 43% !important;
+  float: left;
+}
+
+.w44fl {
+  width: 44% !important;
+  float: left;
+}
+
+.w45fl {
+  width: 45% !important;
+  float: left;
+}
+
+.w46fl {
+  width: 46% !important;
+  float: left;
+}
+
+.w47fl {
+  width: 47% !important;
+  float: left;
+}
+
+.w48fl {
+  width: 48% !important;
+  float: left;
+}
+
+.w49fl {
+  width: 49% !important;
+  float: left;
+}
+
+.w50fl {
+  width: 50% !important;
+  float: left;
+}
+
+.w51fl {
+  width: 51% !important;
+  float: left;
+}
+
+.w52fl {
+  width: 52% !important;
+  float: left;
+}
+
+.w53fl {
+  width: 53% !important;
+  float: left;
+}
+
+.w54fl {
+  width: 54% !important;
+  float: left;
+}
+
+.w55fl {
+  width: 55% !important;
+  float: left;
+}
+
+.w56fl {
+  width: 56% !important;
+  float: left;
+}
+
+.w57fl {
+  width: 57% !important;
+  float: left;
+}
+
+.w58fl {
+  width: 58% !important;
+  float: left;
+}
+
+.w59fl {
+  width: 59% !important;
+  float: left;
+}
+
+.w60fl {
+  width: 60% !important;
+  float: left;
+}
+
+.w61fl {
+  width: 61% !important;
+  float: left;
+}
+
+.w62fl {
+  width: 62% !important;
+  float: left;
+}
+
+.w63fl {
+  width: 63% !important;
+  float: left;
+}
+
+.w64fl {
+  width: 64% !important;
+  float: left;
+}
+
+.w65fl {
+  width: 65% !important;
+  float: left;
+}
+
+.w66fl {
+  width: 66% !important;
+  float: left;
+}
+
+.w67fl {
+  width: 67% !important;
+  float: left;
+}
+
+.w68fl {
+  width: 68% !important;
+  float: left;
+}
+
+.w69fl {
+  width: 69% !important;
+  float: left;
+}
+
+.w70fl {
+  width: 70% !important;
+  float: left;
+}
+
+.w71fl {
+  width: 71% !important;
+  float: left;
+}
+
+.w72fl {
+  width: 72% !important;
+  float: left;
+}
+
+.w73fl {
+  width: 73% !important;
+  float: left;
+}
+
+.w74fl {
+  width: 74% !important;
+  float: left;
+}
+
+.w75fl {
+  width: 75% !important;
+  float: left;
+}
+
+.w77fl {
+  width: 77% !important;
+  float: left;
+}
+
+.w77fl {
+  width: 77% !important;
+  float: left;
+}
+
+.w78fl {
+  width: 78% !important;
+  float: left;
+}
+
+.w79fl {
+  width: 79% !important;
+  float: left;
+}
+
+.w80fl {
+  width: 80% !important;
+  float: left;
+}
+
+.w71fl {
+  width: 71% !important;
+  float: left;
+}
+
+.w72fl {
+  width: 72% !important;
+  float: left;
+}
+
+.w73fl {
+  width: 73% !important;
+  float: left;
+}
+
+.w74fl {
+  width: 74% !important;
+  float: left;
+}
+
+.w75fl {
+  width: 75% !important;
+  float: left;
+}
+
+.w76fl {
+  width: 76% !important;
+  float: left;
+}
+
+.w77fl {
+  width: 77% !important;
+  float: left;
+}
+
+.w78fl {
+  width: 78% !important;
+  float: left;
+}
+
+.w79fl {
+  width: 79% !important;
+  float: left;
+}
+
+.w80fl {
+  width: 80% !important;
+  float: left;
+}
+
+.w81fl {
+  width: 81% !important;
+  float: left;
+}
+
+.w82fl {
+  width: 82% !important;
+  float: left;
+}
+
+.w83fl {
+  width: 83% !important;
+  float: left;
+}
+
+.w84fl {
+  width: 84% !important;
+  float: left;
+}
+
+.w85fl {
+  width: 85% !important;
+  float: left;
+}
+
+.w86fl {
+  width: 86% !important;
+  float: left;
+}
+
+.w87fl {
+  width: 87% !important;
+  float: left;
+}
+
+.w88fl {
+  width: 88% !important;
+  float: left;
+}
+
+.w89fl {
+  width: 89% !important;
+  float: left;
+}
+
+.w90fl {
+  width: 90% !important;
+  float: left;
+}
+
+.w91fl {
+  width: 91% !important;
+  float: left;
+}
+
+.w92fl {
+  width: 92% !important;
+  float: left;
+}
+
+.w93fl {
+  width: 93% !important;
+  float: left;
+}
+
+.w94fl {
+  width: 94% !important;
+  float: left;
+}
+
+.w95fl {
+  width: 95% !important;
+  float: left;
+}
+
+.w96fl {
+  width: 96% !important;
+  float: left;
+}
+
+.w97fl {
+  width: 97% !important;
+  float: left;
+}
+
+.w98fl {
+  width: 98% !important;
+  float: left;
+}
+
+.w99fl {
+  width: 99% !important;
+  float: left;
+}
+
+.w100fl {
+  width: 99% !important;
+  float: left;
+  margin-left: 10px;
+}
+
+/* icontent 내부 영역 분할 우측에 사용*/
+.w01pl {
+  width: 1% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w02pl {
+  width: 2% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w03pl {
+  width: 3% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w04pl {
+  width: 4% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w05pl {
+  width: 5% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w06pl {
+  width: 6% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w07pl {
+  width: 7% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w08pl {
+  width: 8% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w09pl {
+  width: 9% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w10pl {
+  width: 10% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w11pl {
+  width: 11% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w12pl {
+  width: 12% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w13pl {
+  width: 13% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w14pl {
+  width: 14% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w15pl {
+  width: 15% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w16pl {
+  width: 16% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w17pl {
+  width: 17% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w18pl {
+  width: 18% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w19pl {
+  width: 19% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w20pl {
+  width: 20% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w21pl {
+  width: 21% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w22pl {
+  width: 22% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w23pl {
+  width: 23% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w24pl {
+  width: 24% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w25pl {
+  width: 25% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w26pl {
+  width: 26% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w27pl {
+  width: 27% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w28pl {
+  width: 28% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w29pl {
+  width: 29% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w30pl {
+  width: 30% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w31pl {
+  width: 31% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w32pl {
+  width: 32% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w33pl {
+  width: 33.3333% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w34pl {
+  width: 34% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w35pl {
+  width: 35% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w36pl {
+  width: 36% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w37pl {
+  width: 37% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w38pl {
+  width: 38% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w39pl {
+  width: 39% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w40pl {
+  width: 40% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w41pl {
+  width: 41% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w42pl {
+  width: 42% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w43pl {
+  width: 43% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w44pl {
+  width: 44% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w45pl {
+  width: 45% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w46pl {
+  width: 46% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w47pl {
+  width: 47% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w48pl {
+  width: 48% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w49pl {
+  width: 49% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w50pl {
+  width: 50% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w51pl {
+  width: 51% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w52pl {
+  width: 52% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w53pl {
+  width: 53% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w54pl {
+  width: 54% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w55pl {
+  width: 55% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w56pl {
+  width: 56% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w57pl {
+  width: 57% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w58pl {
+  width: 58% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w59pl {
+  width: 59% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w60pl {
+  width: 60% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w61pl {
+  width: 61% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w62pl {
+  width: 62% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w63pl {
+  width: 63% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w64pl {
+  width: 64% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w65pl {
+  width: 65% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w66pl {
+  width: 66% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w67pl {
+  width: 67% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w68pl {
+  width: 68% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w69pl {
+  width: 69% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w60pl {
+  width: 60% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w71pl {
+  width: 71% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w72pl {
+  width: 72% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w73pl {
+  width: 73% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w74pl {
+  width: 74% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w75pl {
+  width: 75% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w76pl {
+  width: 76% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w77pl {
+  width: 77% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w78pl {
+  width: 78% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w79pl {
+  width: 79% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w70pl {
+  width: 70% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w81pl {
+  width: 81% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w82pl {
+  width: 82% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w83pl {
+  width: 83% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w84pl {
+  width: 84% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w85pl {
+  width: 85% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w86pl {
+  width: 86% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w87pl {
+  width: 87% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w88pl {
+  width: 88% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w89pl {
+  width: 89% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w80pl {
+  width: 80% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w91pl {
+  width: 91% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w92pl {
+  width: 92% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w93pl {
+  width: 93% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w94pl {
+  width: 94% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w95pl {
+  width: 95% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w96pl {
+  width: 96% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w97pl {
+  width: 97% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w99pl {
+  width: 98% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w99pl {
+  width: 99% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w100pl {
+  width: 100% !important;
+  padding-left: 10px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.w44c30 {
+  width: calc(44% - 30%);
+}
+
+.w100c98 {
+  width: calc(100% - 98px);
+}
+
+.w100c112 {
+  width: calc(100% - 112px);
+}
+
+.w100c205 {
+  width: calc(100% - 205px);
+}
+
+/* 23.09.19 mj.do 추가 */
+.h100pcmtit {
+  height: calc(100% - 35px) !important;
+}
+
+/* title이 있는 grid 사용 */
+.h50pcmtit {
+  height: calc(50% - 35px) !important;
+}
+
+/* title이 있는 grid 사용 */
+.ttalh {
+  height: calc(100% - 84px) !important;
+}
+
+/* titlezone: 42px, searchdiv : 42px */
+.h100pc {
+  height: 100% !important;
+}
+
+.h95pc {
+  height: 95% !important;
+}
+
+.h90pc {
+  height: 90% !important;
+}
+
+.h85pc {
+  height: 85% !important;
+}
+
+.h80pc {
+  height: 80% !important;
+}
+
+.h75pc {
+  height: 75% !important;
+}
+
+.h70pc {
+  height: 70% !important;
+}
+
+.h65pc {
+  height: 65% !important;
+}
+
+.h60pc {
+  height: 60% !important;
+}
+
+.h55pc {
+  height: 55% !important;
+}
+
+.h50pc {
+  height: 50% !important;
+}
+
+.h45pc {
+  height: 45% !important;
+}
+
+.h40pc {
+  height: 40% !important;
+}
+
+.h35pc {
+  height: 35% !important;
+}
+
+.h30pc {
+  height: 30% !important;
+}
+
+.h25pc {
+  height: 25% !important;
+}
+
+.h20pc {
+  height: 20% !important;
+}
+
+.h15pc {
+  height: 15% !important;
+}
+
+.h10pc {
+  height: 10% !important;
+}
+
+.h200px {
+  height: 200px !important;
+}
+
+.h210px {
+  height: 210px !important;
+}
+
+.h220px {
+  height: 220px !important;
+}
+
+.h230px {
+  height: 230px !important;
+}
+
+.h240px {
+  height: 240px !important;
+}
+
+.h250px {
+  height: 250px !important;
+}
+
+.h260px {
+  height: 260px !important;
+}
+
+.h270px {
+  height: 270px !important;
+}
+
+.h280px {
+  height: 280px !important;
+}
+
+.h290px {
+  height: 290px !important;
+}
+
+.h300px {
+  height: 300px !important;
+}
+
+.h310px {
+  height: 310px !important;
+}
+
+.h320px {
+  height: 320px !important;
+}
+
+.h330px {
+  height: 330px !important;
+}
+
+.h330px {
+  height: 340px !important;
+}
+
+.h350px {
+  height: 350px !important;
+}
+
+.h360px {
+  height: 360px !important;
+}
+
+.h370px {
+  height: 370px !important;
+}
+
+.h380px {
+  height: 380px !important;
+}
+
+.h390px {
+  height: 390px !important;
+}
+
+.h400px {
+  height: 400px !important;
+}
+
+.h410px {
+  height: 410px !important;
+}
+
+.h420px {
+  height: 420px !important;
+}
+
+.h430px {
+  height: 430px !important;
+}
+
+.h440px {
+  height: 440px !important;
+}
+
+.h450px {
+  height: 450px !important;
+}
+
+.h460px {
+  height: 460px !important;
+}
+
+.h470px {
+  height: 470px !important;
+}
+
+.h480px {
+  height: 480px !important;
+}
+
+.h490px {
+  height: 490px !important;
+}
+
+.h500px {
+  height: 500px !important;
+}