@charset "utf-8";

/* grid */
.m9-grid-block .m9-grid-block{width:100%}
.m9-grid-block [class*="m9-grid-"]{width:1200px;max-width:100%;margin:0 auto}
.m9-grid-block .m9-grid-block>[class*="m9-grid-"]{max-width:1200px}
.m9-grid-block [class*="m9-grid-"]:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.m9-grid-block [class*="m9-grid-"]>[class*="column-"]{position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* grid 1%간격 */
.m9-grid-block [class*="m9-grid-"]>[class*="column-"]{margin:1% 1%}
.m9-grid-block .m9-grid-2>.m9-column-1{width:49%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-3>.m9-column-1{width:32%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-3>.m9-column-2{width:66%}
.m9-grid-block .m9-grid-4>.m9-column-1{width:23.5%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-4>.m9-column-2{width:49%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-4>.m9-column-3{width:74.5%}
.m9-grid-block .m9-grid-5>.m9-column-1{width:18.4%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-5>.m9-column-2{width:38.8%}
.m9-grid-block .m9-grid-5>.m9-column-3{width:59.2%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-5>.m9-column-4{width:79.6%}
.m9-grid-block .m9-grid-6>.m9-column-1{width:15%}
.m9-grid-block .m9-grid-6>.m9-column-2{width:32%}
.m9-grid-block .m9-grid-6>.m9-column-3{width:49%}
.m9-grid-block .m9-grid-6>.m9-column-4{width:66%}
.m9-grid-block .m9-grid-6>.m9-column-5{width:83%}
.m9-grid-block .m9-grid-1>.m9-column-1,.m9-grid-block .m9-grid-2>.m9-column-2,.m9-grid-block .m9-grid-3>.m9-column-3,.m9-grid-block .m9-grid-4>.m9-column-4,.m9-grid-block .m9-grid-5>.m9-column-5,.m9-grid-block .m9-grid-6>.m9-column-6{width:100%;float:none;margin:1% 0}

/* grid 간격없음 */
.m9-grid-block [class*="m9-grid-"].m9-spacing-0>[class*="column-"]{margin:0}
.m9-grid-block .m9-grid-2.m9-spacing-0>.m9-column-1{width:50%;*width:49.9%}
.m9-grid-block .m9-grid-3.m9-spacing-0>.m9-column-1{width:33.333%}
.m9-grid-block .m9-grid-3.m9-spacing-0>.m9-column-2{width:66.666%}
.m9-grid-block .m9-grid-4.m9-spacing-0>.m9-column-1{width:25%;*width:24.99%}
.m9-grid-block .m9-grid-4.m9-spacing-0>.m9-column-2{width:50%;*width:49.99%}
.m9-grid-block .m9-grid-4.m9-spacing-0>.m9-column-3{width:75%}
.m9-grid-block .m9-grid-5.m9-spacing-0>.m9-column-1{width:20%;*width:19.9%}
.m9-grid-block .m9-grid-5.m9-spacing-0>.m9-column-2{width:40%}
.m9-grid-block .m9-grid-5.m9-spacing-0>.m9-column-3{width:60%}
.m9-grid-block .m9-grid-5.m9-spacing-0>.m9-column-4{width:80%}
.m9-grid-block .m9-grid-6.m9-spacing-0>.m9-column-1{width:16.666%}
.m9-grid-block .m9-grid-6.m9-spacing-0>.m9-column-2{width:33.333%}
.m9-grid-block .m9-grid-6.m9-spacing-0>.m9-column-3{width:49.999%}
.m9-grid-block .m9-grid-6.m9-spacing-0>.m9-column-4{width:66.664%}
.m9-grid-block .m9-grid-6.m9-spacing-0>.m9-column-5{width:83.33%}
.m9-grid-block .m9-grid-1.m9-spacing-0>.m9-column-1,.m9-grid-block .m9-grid-2.m9-spacing-0>.m9-column-2,.m9-grid-block .m9-grid-3.m9-spacing-0>.m9-column-3,.m9-grid-block .m9-grid-4.m9-spacing-0>.m9-column-4,.m9-grid-block .m9-grid-5.m9-spacing-0>.m9-column-5,.m9-grid-block .m9-grid-6.m9-spacing-0>.m9-column-6{width:100%;float:none;margin:0}

/* grid 1%간격 */
.m9-grid-block [class*="m9-grid-"].m9-spacing-1>[class*="column-"]{margin:1% 1%}
.m9-grid-block .m9-grid-2.m9-spacing-1>.m9-column-1{width:49%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-3.m9-spacing-1>.m9-column-1{width:32%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-3.m9-spacing-1>.m9-column-2{width:66%}
.m9-grid-block .m9-grid-4.m9-spacing-1>.m9-column-1{width:23.5%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-4.m9-spacing-1>.m9-column-2{width:49%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-4.m9-spacing-1>.m9-column-3{width:74.5%}
.m9-grid-block .m9-grid-5.m9-spacing-1>.m9-column-1{width:18.4%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-5.m9-spacing-1>.m9-column-2{width:38.8%}
.m9-grid-block .m9-grid-5.m9-spacing-1>.m9-column-3{width:59.2%;*margin:1% 0.9%}
.m9-grid-block .m9-grid-5.m9-spacing-1>.m9-column-4{width:79.6%}
.m9-grid-block .m9-grid-6.m9-spacing-1>.m9-column-1{width:15%}
.m9-grid-block .m9-grid-6.m9-spacing-1>.m9-column-2{width:32%}
.m9-grid-block .m9-grid-6.m9-spacing-1>.m9-column-3{width:49%}
.m9-grid-block .m9-grid-6.m9-spacing-1>.m9-column-4{width:66%}
.m9-grid-block .m9-grid-6.m9-spacing-1>.m9-column-5{width:83%}
.m9-grid-block .m9-grid-1.m9-spacing-1>.m9-column-1,.m9-grid-block .m9-grid-2.m9-spacing-1>.m9-column-2,.m9-grid-block .m9-grid-3.m9-spacing-1>.m9-column-3,.m9-grid-block .m9-grid-4.m9-spacing-1>.m9-column-4,.m9-grid-block .m9-grid-5.m9-spacing-1>.m9-column-5,.m9-grid-block .m9-grid-6.m9-spacing-1>.m9-column-6{width:100%;float:none;margin:1% 0}

/* grid 4%간격 */
.m9-grid-block [class*="m9-grid-"].m9-spacing-2>[class*="column-"]{margin:4% 4%}
.m9-grid-block .m9-grid-2.m9-spacing-2>.m9-column-1{width:46%;*margin:4% 3.9%}
.m9-grid-block .m9-grid-3.m9-spacing-2>.m9-column-1{width:28%;*margin:4% 3.9%}
.m9-grid-block .m9-grid-3.m9-spacing-2>.m9-column-2{width:64%}
.m9-grid-block .m9-grid-4.m9-spacing-2>.m9-column-1{width:19%;*margin:4% 3.9%}
.m9-grid-block .m9-grid-4.m9-spacing-2>.m9-column-2{width:46%;*margin:4% 3.9%}
.m9-grid-block .m9-grid-4.m9-spacing-2>.m9-column-3{width:73%}
.m9-grid-block .m9-grid-5.m9-spacing-2>.m9-column-1{width:13.6%;*margin:4% 3.9%}
.m9-grid-block .m9-grid-5.m9-spacing-2>.m9-column-2{width:35.2%}
.m9-grid-block .m9-grid-5.m9-spacing-2>.m9-column-3{width:56.8%;*margin:4% 3.9%}
.m9-grid-block .m9-grid-5.m9-spacing-2>.m9-column-4{width:78.4%}
.m9-grid-block .m9-grid-6.m9-spacing-2>.m9-column-1{width:10%}
.m9-grid-block .m9-grid-6.m9-spacing-2>.m9-column-2{width:20%}
.m9-grid-block .m9-grid-6.m9-spacing-2>.m9-column-3{width:30%}
.m9-grid-block .m9-grid-6.m9-spacing-2>.m9-column-4{width:40%}
.m9-grid-block .m9-grid-6.m9-spacing-2>.m9-column-5{width:50%}
.m9-grid-block .m9-grid-1.m9-spacing-2>.m9-column-1,.m9-grid-block .m9-grid-2.m9-spacing-2>.m9-column-2,.m9-grid-block .m9-grid-3.m9-spacing-2>.m9-column-3,.m9-grid-block .m9-grid-4.m9-spacing-2>.m9-column-4,.m9-grid-block .m9-grid-5.m9-spacing-2>.m9-column-5,.m9-grid-block .m9-grid-6.m9-spacing-2>.m9-column-6{width:100%;float:none;margin:4% 0}

.m9-grid-block .m9-column-first{margin-left:0 !important}
.m9-grid-block .m9-column-last{margin-right:0 !important}

/* m9-float  */
.m9-grid-block [class*="m9-float-"]{width:100%;list-style:none !important;padding:0 !important;margin:0 !important}
.m9-grid-block [class*="m9-float-"]:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.m9-grid-block [class*="m9-float-"]>*{width:100%;float:left;margin:0}

.m9-grid-block [class*="m9-float-"].m9-spacing-1>*{margin:1% 1%}
.m9-grid-block [class*="m9-float-"].m9-spacing-2>*{margin:2% 2%}
.m9-grid-block [class*="m9-float-"].m9-spacing-3>*{margin:3% 3%}

.m9-grid-block .m9-float-1>*:nth-child(n){clear:both}
.m9-grid-block .m9-float-2>*:nth-child(2n+1){clear:both}
.m9-grid-block .m9-float-3>*:nth-child(3n+1){clear:both}
.m9-grid-block .m9-float-4>*:nth-child(4n+1){clear:both}
.m9-grid-block .m9-float-5>*:nth-child(5n+1){clear:both}
.m9-grid-block .m9-float-6>*:nth-child(6n+1){clear:both}

.m9-grid-block .m9-float-1>*:nth-child(n){margin-left:0;margin-right:0}
.m9-grid-block .m9-float-2>*:nth-child(2n+1){margin-left:0}
.m9-grid-block .m9-float-2>*:nth-child(2n+2){margin-right:0}
.m9-grid-block .m9-float-3>*:nth-child(3n+1){margin-left:0}
.m9-grid-block .m9-float-3>*:nth-child(3n+3){margin-right:0}
.m9-grid-block .m9-float-4>*:nth-child(4n+1){margin-left:0}
.m9-grid-block .m9-float-4>*:nth-child(4n+4){margin-right:0}
.m9-grid-block .m9-float-5>*:nth-child(5n+1){margin-left:0}
.m9-grid-block .m9-float-5>*:nth-child(5n+5){margin-right:0}
.m9-grid-block .m9-float-6>*:nth-child(6n+1){margin-left:0}
.m9-grid-block .m9-float-6>*:nth-child(6n+6){margin-right:0}

.m9-grid-block .m9-float-1>*{width:100%}
.m9-grid-block .m9-float-2>*{width:50%}
.m9-grid-block .m9-float-3>*{width:33.33333%;*width:33.2%}
.m9-grid-block .m9-float-4>*{width:25%;*width:24.99%}
.m9-grid-block .m9-float-5>*{width:20%;*width:19.9%}
.m9-grid-block .m9-float-6>*{width:16.6666%}

.m9-grid-block .m9-float-1.m9-spacing-1>*{width:100%}
.m9-grid-block .m9-float-2.m9-spacing-1>*{width:49%;*width:48%}
.m9-grid-block .m9-float-3.m9-spacing-1>*{width:32%;*width:31.2999%}
.m9-grid-block .m9-float-4.m9-spacing-1>*{width:23.5%}
.m9-grid-block .m9-float-5.m9-spacing-1>*{width:18.4%;*width:18.4%}
.m9-grid-block .m9-float-6.m9-spacing-1>*{width:15%}
.m9-grid-block .m9-float-1.m9-spacing-2>*{width:100%}
.m9-grid-block .m9-float-2.m9-spacing-2>*{width:48%}
.m9-grid-block .m9-float-3.m9-spacing-2>*{width:30.666%}
.m9-grid-block .m9-float-4.m9-spacing-2>*{width:22%}
.m9-grid-block .m9-float-5.m9-spacing-2>*{width:16.8%}
.m9-grid-block .m9-float-6.m9-spacing-2>*{width:13.33333%}
.m9-grid-block .m9-float-1.m9-spacing-3>*{width:100%}
.m9-grid-block .m9-float-2.m9-spacing-3>*{width:47%}
.m9-grid-block .m9-float-3.m9-spacing-3>*{width:29.3%}
.m9-grid-block .m9-float-4.m9-spacing-3>*{width:20.5%}
.m9-grid-block .m9-float-5.m9-spacing-3>*{width:15.2%}
.m9-grid-block .m9-float-6.m9-spacing-3>*{width:11.666%}

/* list-style */
.m9-grid-block ul[class*="m9-list-style-"],.m9-grid-block ol[class*="m9-list-style-"]{text-align:left;line-height:1.4;counter-reset:step-counter;margin:0;padding:0;list-style-type:none }
.m9-grid-block ul[class*="m9-list-style-0"],.m9-grid-block ol[class*="m9-list-style-0"]{text-align:inherit;padding:0}
.m9-grid-block ul[class*="m9-list-style-"]>li{position:relative;display:block;padding:0.2em;padding-left:1.2em; margin:0}
.m9-grid-block ul[class*="m9-list-style-"]>li:before{position:absolute;top:0;left:0;padding:0.2em}
.m9-grid-block ul[class*="m9-list-style-0"]>li{padding:0;margin:0}
.m9-grid-block ul>li ul li, .m9-grid-block ol>li ul li{list-style:none}
.m9-grid-block ul[class~="m9-list-style-0"]>li:before{display:none}
.m9-grid-block ul[class~="m9-list-style-1"]>li:before{content:"▪"}
.m9-grid-block ul[class~="m9-list-style-2"]>li:before{content:"-";left:0.2em}
.m9-grid-block ul[class~="m9-list-style-3"]>li:before{content:"•";left:0.2em}
.m9-grid-block ul[class~="m9-list-style-4"]>li,.m9-grid-block ul[class~="m9-list-style-5"]>li,.m9-grid-block ul[class~="m9-list-style-6"]>li,.m9-grid-block ul[class~="m9-list-style-7"]>li{padding-left:2em}
.m9-grid-block ul[class~="m9-list-style-4"]>li:before{content:"\F26E";margin-top:-0.1em;font-family:'bootstrap-icons';font-size:1.2em}
.m9-grid-block ul[class~="m9-list-style-5"]>li:before{content:"\F271";margin-top:-0.1em;font-family:'bootstrap-icons';font-size:1.2em}
.m9-grid-block ul[class~="m9-list-style-6"]>li:before{content:"\F26C";margin-top:-0.1em;font-family:'bootstrap-icons';font-size:1.2em}
.m9-grid-block ul[class~="m9-list-style-7"]>li:before{content:"\F2E5";margin-top:-0.1em;font-family:'bootstrap-icons';font-size:1.2em}
.m9-grid-block ol[class*="m9-list-style-"]>li{position:relative;display:block;padding:0.2em;padding-left:2.0em;counter-increment:step-counter; margin:0}
.m9-grid-block ol[class*="m9-list-style-"]>li:before{position:absolute;top:0;left:0;display:inline-block;width:1.5em;height:1.4em;line-height:1.4em;margin-top:0.3em;font-size:0.9em;font-weight:normal;text-align:center}
.m9-grid-block ol[class*="m9-list-style-0"]>li{padding:0;margin:0}
.m9-grid-block ol[class~="m9-list-style-0"]>li:before{display:none}
.m9-grid-block ol[class~="m9-list-style-1"]>li:before{content:counter(step-counter);color:#fff;background-color:#868686;border-radius:3px}
.m9-grid-block ol[class~="m9-list-style-2"]>li:before{content:counter(step-counter);width:1.4em;height:1.4em;line-height:1.4em;color:#fff;background-color:#c8c8c8;border-radius:50%}
.m9-grid-block ol[class~="m9-list-style-3"]>li:before{content:counter(step-counter)".";font-size:1em;padding:0.2em;width:auto;height:auto;margin-top:0}
.m9-grid-block ol[class~="m9-list-style-4"]>li:before{content:counter(step-counter)")";font-size:1em;padding:0.2em;width:auto;height:auto;margin-top:0}
.m9-grid-block ol[class~="m9-list-style-5"]>li:before{content:counter(step-counter,upper-alpha)".";font-size:1em;padding:0.2em;width:auto;height:auto;margin-top:0}
.m9-grid-block ol[class~="m9-list-style-6"]>li:before{content:counter(step-counter,upper-roman)".";font-size:1em;padding:0.2em;width:auto;height:auto;margin-top:0}


/* list-border-style */
.m9-grid-block [class*="m9-list-border-style-"]>*{position:relative}
.m9-grid-block [class~="m9-list-border-style-1"]>*:after,.m9-grid-block [class~="m9-list-border-style-2"]>*:after,.m9-grid-block [class~="m9-list-border-style-3"]>*:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:1px;border-bottom:1px dashed #ccc;font-size:0;line-height:0}
.m9-grid-block .m9-list-border-style-1>*:after{border-bottom-style:dashed}
.m9-grid-block .m9-list-border-style-2>*:after{border-bottom-style:solid}
.m9-grid-block .m9-list-border-style-3>*:after{border-bottom-style:dotted}
.m9-grid-block [class*="m9-list-border-style-"]>*:nth-child(1):after{display:none}
.m9-grid-block [class~="m9-float-1"][class*="m9-list-border-style-"]>*:nth-child(1):after{display:none}
.m9-grid-block [class~="m9-float-2"][class*="m9-list-border-style-"]>*:nth-child(1):after,.m9-grid-block [class~="m9-float-2"][class*="m9-list-border-style-"]>*:nth-child(2):after{display:none}
.m9-grid-block [class~="m9-float-3"][class*="m9-list-border-style-"]>*:nth-child(1):after,.m9-grid-block [class~="m9-float-3"][class*="m9-list-border-style-"]>*:nth-child(2):after,.m9-grid-block [class~="m9-float-3"][class*="m9-list-border-style-"]>*:nth-child(3):after{display:none}
.m9-grid-block [class~="m9-float-4"][class*="m9-list-border-style-"]>*:nth-child(1):after,.m9-grid-block [class~="m9-float-4"][class*="m9-list-border-style-"]>*:nth-child(2):after,.m9-grid-block [class~="m9-float-4"][class*="m9-list-border-style-"]>*:nth-child(3):after,.m9-grid-block [class~="m9-float-4"][class*="m9-list-border-style-"]>*:nth-child(4):after{display:none}
.m9-grid-block [class~="m9-float-5"][class*="m9-list-border-style-"]>*:nth-child(1):after,.m9-grid-block [class~="m9-float-5"][class*="m9-list-border-style-"]>*:nth-child(2):after,.m9-grid-block [class~="m9-float-5"][class*="m9-list-border-style-"]>*:nth-child(3):after,.m9-grid-block [class~="m9-float-5"][class*="m9-list-border-style-"]>*:nth-child(4):after,.m9-grid-block [class~="m9-float-5"][class*="m9-list-border-style-"]>*:nth-child(5):after{display:none}
.m9-grid-block [class~="m9-float-6"][class*="m9-list-border-style-"]>*:nth-child(1):after,.m9-grid-block [class~="m9-float-6"][class*="m9-list-border-style-"]>*:nth-child(2):after,.m9-grid-block [class~="m9-float-6"][class*="m9-list-border-style-"]>*:nth-child(3):after,.m9-grid-block [class~="m9-float-6"][class*="m9-list-border-style-"]>*:nth-child(4):after,.m9-grid-block [class~="m9-float-6"][class*="m9-list-border-style-"]>*:nth-child(5):after,.m9-grid-block [class~="m9-float-6"][class*="m9-list-border-style-"]>*:nth-child(6):after{display:none}

.m9-grid-block [class~="m9-float-1"][class~="m9-spacing-1"]>*:after{margin-top:-1%}
.m9-grid-block [class~="m9-float-2"][class~="m9-spacing-1"]>*:after{margin-top:-2%}
.m9-grid-block [class~="m9-float-3"][class~="m9-spacing-1"]>*:after{margin-top:-3%}
.m9-grid-block [class~="m9-float-4"][class~="m9-spacing-1"]>*:after{margin-top:-4%}
.m9-grid-block [class~="m9-float-5"][class~="m9-spacing-1"]>*:after{margin-top:-5%}
.m9-grid-block [class~="m9-float-6"][class~="m9-spacing-1"]>*:after{margin-top:-6%}
.m9-grid-block [class~="m9-float-1"][class~="m9-spacing-2"]>*:after{margin-top:-2%}
.m9-grid-block [class~="m9-float-2"][class~="m9-spacing-2"]>*:after{margin-top:-4%}
.m9-grid-block [class~="m9-float-3"][class~="m9-spacing-2"]>*:after{margin-top:-6%}
.m9-grid-block [class~="m9-float-4"][class~="m9-spacing-2"]>*:after{margin-top:-8%}
.m9-grid-block [class~="m9-float-5"][class~="m9-spacing-2"]>*:after{margin-top:-10%}
.m9-grid-block [class~="m9-float-6"][class~="m9-spacing-2"]>*:after{margin-top:-12%}
.m9-grid-block [class~="m9-float-1"][class~="m9-spacing-3"]>*:after{margin-top:-3%}
.m9-grid-block [class~="m9-float-2"][class~="m9-spacing-3"]>*:after{margin-top:-6%}
.m9-grid-block [class~="m9-float-3"][class~="m9-spacing-3"]>*:after{margin-top:-9%}
.m9-grid-block [class~="m9-float-4"][class~="m9-spacing-3"]>*:after{margin-top:-12%}
.m9-grid-block [class~="m9-float-5"][class~="m9-spacing-3"]>*:after{margin-top:-15%}
.m9-grid-block [class~="m9-float-6"][class~="m9-spacing-3"]>*:after{margin-top:-18%}

.m9-grid-block br{}
.m9-grid-block br.m-only-br{display:none}
.m9-grid-block br.e-only-br{display:none}
.m9-grid-block br.all-br{display:inline !important}

._m9_editor_canvas br.m-only-br{display:inline}
._m9_editor_canvas br.e-only-br{display:inline}
._m9_editor_canvas br.m-only-br::after{content: ""}
._m9_editor_canvas br.e-only-br::after{content: ""}

/* 강조글 */
.m9-grid-block .m9-strong-1{background:red;color:#fff;padding:0.2% 0.4%}
.m9-grid-block .m9-strong-2{background:#333;color:#fff;padding:0.2% 0.4%}
.m9-grid-block .m9-strong-3{background:orange;color:#fff;padding:0.2% 0.4%}

/* 글자색 */
.m9-grid-block .m9-font-color-1{color:#2185d0}
.m9-grid-block .m9-font-color-2{color:#db2828}
.m9-grid-block .m9-font-color-3{color:#888888}
.m9-grid-block .m9-font-color-4{color:#333333}
.m9-grid-block .m9-font-color-5{color:#ffffff}


/* 밑줄 */
.m9-grid-block .m9-text-decoration-1{padding:0.2%;border-bottom:1px dashed #333}
.m9-grid-block .m9-text-decoration-2{padding:0.2%;border-bottom:1px dotted #333}
.m9-grid-block .m9-text-decoration-3{padding:0.2%;border-bottom:3px double #333}

/* 글꼴크기 */
.m9-grid-block .m9-f-huge{font-size:6em}
.m9-grid-block .m9-f-big{font-size:4.5em}
.m9-grid-block .m9-f-xxxlarge{font-size:2.25em}
.m9-grid-block .m9-f-xxlarge{font-size:1.75em}
.m9-grid-block .m9-f-xlarge{font-size:1.45em}
.m9-grid-block .m9-f-large{font-size:1.16em}
.m9-grid-block .m9-f-size{font-size:1em}
.m9-grid-block .m9-f-small{font-size:0.875em}
.m9-grid-block .m9-f-xsmall{font-size:0.75em}
.m9-grid-block .m9-f-xxsmall{font-size:0.688em}
.m9-grid-block .m9-f-xxxsmall{font-size:0.563em}

/* font-weight */
.m9-grid-block .font-weight-100{font-weight:100}
.m9-grid-block .font-weight-200{font-weight:200}
.m9-grid-block .font-weight-300{font-weight:300}
.m9-grid-block .font-weight-400{font-weight:400}
.m9-grid-block .font-weight-500{font-weight:500}
.m9-grid-block .font-weight-600{font-weight:600}
.m9-grid-block .font-weight-700{font-weight:700}
.m9-grid-block .font-weight-800{font-weight:800}
.m9-grid-block .font-weight-900{font-weight:900}

/* font-style */
.m9-grid-block .font-style-italic{font-style:italic}

/* text-decoration */
.m9-grid-block .text-decoration-underline{text-decoration:underline} 
.m9-grid-block .text-decoration-overline{text-decoration:overline} 
.m9-grid-block .text-decoration-line-through{text-decoration:line-through} 

/* line-height */
.m9-grid-block .line-height-0{line-height:0}
.m9-grid-block .line-height-100{line-height:1}
.m9-grid-block .line-height-110{line-height:1.1}
.m9-grid-block .line-height-120{line-height:1.2}
.m9-grid-block .line-height-130{line-height:1.3}
.m9-grid-block .line-height-140{line-height:1.4}
.m9-grid-block .line-height-150{line-height:1.5}
.m9-grid-block .line-height-160{line-height:1.6}
.m9-grid-block .line-height-170{line-height:1.7}
.m9-grid-block .line-height-180{line-height:1.8}
.m9-grid-block .line-height-190{line-height:1.9}
.m9-grid-block .line-height-200{line-height:2}

/* text-align,vertical-align */
.m9-grid-block .text-align-left{text-align:left}
.m9-grid-block .text-align-center{text-align:center}
.m9-grid-block .text-align-right{text-align:right}
.m9-grid-block .text-align-justify{text-align:justify}
.m9-grid-block .vertical-align-top{vertical-align:top}
.m9-grid-block .vertical-align-middle{vertical-align:middle}
.m9-grid-block .vertical-align-bottom{vertical-align:bottom}

/* float & clear */
.m9-grid-block .float-left{float:left}
.m9-grid-block .float-right{float:right}
.m9-grid-block .float-none{float:none;clear:both}
.m9-grid-block .clear-both{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.m9-grid-block .after-clear:after,.m9-grid-block .after-clear-both:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}

/* overflow */
.m9-grid-block .visibility-hidden{visibility:hidden}
.m9-grid-block .overflow-hidden{overflow:hidden}
.m9-grid-block .overflow-initial{overflow:initial}

/* border */
.m9-grid-block .m9-border-none{border:none}
.m9-grid-block .m9-border-0{border-width:0}
.m9-grid-block .m9-border-top-0{border-top-width:0}
.m9-grid-block .m9-border-right-0{border-right-width:0}
.m9-grid-block .m9-border-bottom-0{border-bottom-width:0}
.m9-grid-block .m9-border-left-0{border-left-width:0}
.m9-grid-block .m9-border{border:1px solid #eee}
.m9-grid-block .m9-border-top{border-top:1px solid #eee}
.m9-grid-block .m9-border-left{border-left:1px solid #eee}
.m9-grid-block .m9-border-bottom{border-bottom:1px solid #eee}
.m9-grid-block .m9-border-right{border-right:1px solid #eee}

/* margin */
.m9-grid-block .m9-margin-0{margin:0}
.m9-grid-block .m9-margin-1{margin:1em}
.m9-grid-block .m9-margin-2{margin:2em}
.m9-grid-block .m9-margin-3{margin:3em}
.m9-grid-block .m9-margin-width-0{margin-left:0;margin-right:0}
.m9-grid-block .m9-margin-width-1{margin-left:1em;margin-right:1em}
.m9-grid-block .m9-margin-width-2{margin-left:2em;margin-right:2em}
.m9-grid-block .m9-margin-width-3{margin-left:3em;margin-right:3em}
.m9-grid-block .m9-margin-height-0{margin-top:0;margin-bottom:0}
.m9-grid-block .m9-margin-height-1{margin-top:1em;margin-bottom:1em}
.m9-grid-block .m9-margin-height-2{margin-top:2em;margin-bottom:2em}
.m9-grid-block .m9-margin-height-3{margin-top:3em;margin-bottom:3em}
.m9-grid-block .m9-margin-top-0{margin-top:0}
.m9-grid-block .m9-margin-top-1{margin-top:1em}
.m9-grid-block .m9-margin-top-2{margin-top:2em}
.m9-grid-block .m9-margin-top-3{margin-top:3em}
.m9-grid-block .m9-margin-right-0{margin-right:0}
.m9-grid-block .m9-margin-right-1{margin-right:1em}
.m9-grid-block .m9-margin-right-2{margin-right:2em}
.m9-grid-block .m9-margin-right-3{margin-right:3em}
.m9-grid-block .m9-margin-bottom-0{margin-bottom:0}
.m9-grid-block .m9-margin-bottom-1{margin-bottom:1em}
.m9-grid-block .m9-margin-bottom-2{margin-bottom:2em}
.m9-grid-block .m9-margin-bottom-3{margin-bottom:3em}
.m9-grid-block .m9-margin-left-0{margin-left:0}
.m9-grid-block .m9-margin-left-1{margin-left:1em}
.m9-grid-block .m9-margin-left-2{margin-left:2em}
.m9-grid-block .m9-margin-left-3{margin-left:3em}

/* padding */
.m9-grid-block .m9-padding-0{padding:0}
.m9-grid-block .m9-padding-1{padding:1em}
.m9-grid-block .m9-padding-2{padding:2em}
.m9-grid-block .m9-padding-3{padding:3em}
.m9-grid-block .m9-padding-width-0{padding-left:0;padding-right:0}
.m9-grid-block .m9-padding-width-1{padding-left:1em;padding-right:1em}
.m9-grid-block .m9-padding-width-2{padding-left:2em;padding-right:2em}
.m9-grid-block .m9-padding-width-3{padding-left:3em;padding-right:3em}
.m9-grid-block .m9-padding-height-0{padding-top:0;padding-bottom:0}
.m9-grid-block .m9-padding-height-1{padding-top:1em;padding-bottom:1em}
.m9-grid-block .m9-padding-height-2{padding-top:2em;padding-bottom:2em}
.m9-grid-block .m9-padding-height-3{padding-top:3em;padding-bottom:3em}
.m9-grid-block .m9-padding-top-0{padding-top:0}
.m9-grid-block .m9-padding-top-1{padding-top:1em}
.m9-grid-block .m9-padding-top-2{padding-top:2em}
.m9-grid-block .m9-padding-top-3{padding-top:3em}
.m9-grid-block .m9-padding-right-0{padding-right:0}
.m9-grid-block .m9-padding-right-1{padding-right:1em}
.m9-grid-block .m9-padding-right-2{padding-right:2em}
.m9-grid-block .m9-padding-right-3{padding-right:3em}
.m9-grid-block .m9-padding-bottom-0{padding-bottom:0}
.m9-grid-block .m9-padding-bottom-1{padding-bottom:1em}
.m9-grid-block .m9-padding-bottom-2{padding-bottom:2em}
.m9-grid-block .m9-padding-bottom-3{padding-bottom:3em}
.m9-grid-block .m9-padding-left-0{padding-left:0}
.m9-grid-block .m9-padding-left-1{padding-left:1em}
.m9-grid-block .m9-padding-left-2{padding-left:2em}
.m9-grid-block .m9-padding-left-3{padding-left:3em}

/* 스케일 */
.m9-grid-block .zoom-10{zoom:10%}
.m9-grid-block .zoom-20{zoom:20%}
.m9-grid-block .zoom-30{zoom:30%}
.m9-grid-block .zoom-40{zoom:40%}
.m9-grid-block .zoom-50{zoom:50%}
.m9-grid-block .zoom-60{zoom:60%}
.m9-grid-block .zoom-70{zoom:70%}
.m9-grid-block .zoom-80{zoom:80%}
.m9-grid-block .zoom-90{zoom:90%}
.m9-grid-block .zoom-100{zoom:100%}

/* width/height */
.m9-grid-block .width-20{width:20%}
.m9-grid-block .width-25{width:25%}
.m9-grid-block .width-30{width:30%}
.m9-grid-block .width-33{width:33.333%}
.m9-grid-block .width-40{width:40%}
.m9-grid-block .width-50{width:50%}
.m9-grid-block .width-66{width:66.664%}
.m9-grid-block .width-80{width:80%}
.m9-grid-block .width-100{width:100%}
.m9-grid-block .width-auto{width:auto}
.m9-grid-block .height-100{height:100%}
.m9-grid-block .height-auto{height:auto}
.m9-grid-block .min-width-auto{min-width:auto}
.m9-grid-block .min-height-auto{min-height:auto}

/* positon */
.m9-grid-block .position-absolute,.m9-grid-block .absolute{position:absolute}
.m9-grid-block .position-relative,.m9-grid-block .relative{position:relative}
.m9-grid-block .position-static,.m9-grid-block .static{position:static}
.m9-grid-block .position-fixed,.m9-grid-block .fixed{position:fixed}

/* display */
.m9-grid-block .display-block,.m9-grid-block .block{display:block !important}
.m9-grid-block .display-inline-block,.m9-grid-block .inline-block{display:inline-block;*display:inline;*zoom:1}
.m9-grid-block .display-inline,.m9-grid-block .inline{display:inline}
.m9-grid-block .display-none,.m9-grid-block .none{display:none}
.m9-grid-block .display-table,.m9-grid-block .table{display:table;width:100%}
.m9-grid-block .display-table-row,.m9-grid-block .table-row{display:table-row}
.m9-grid-block .display-table-cell,.m9-grid-block .table-cell{display:table-cell}

.m9-grid-block .from-display-block,.m9-grid-block .from-block{display:block}
.m9-grid-block .from-display-inline-block,.m9-grid-block .from-inline-block{display:inline-block;*display:inline;*zoom:1}
.m9-grid-block .from-display-inline,.m9-grid-block .from-inline{display:inline}
.m9-grid-block .from-display-none,.m9-grid-block .from-none{display:none}
.m9-grid-block .m-from-display-block,.m9-grid-block .m-from-block{display:none}
.m9-grid-block .m-from-display-inline-block,.m9-grid-block .m-from-inline-block{display:none}
.m9-grid-block .m-from-display-inline,.m9-grid-block .m-from-inline{display:none}
.m9-grid-block .m-from-display-none,.m9-grid-block .m-from-none{display:none}
.m9-grid-block .e-from-display-block,.m9-grid-block .e-from-block{display:none}
.m9-grid-block .e-from-display-inline-block,.m9-grid-block .e-from-inline-block{display:none}
.m9-grid-block .e-from-display-inline,.m9-grid-block .e-from-inline{display:none}
.m9-grid-block .e-from-display-none,.m9-grid-block .e-from-none{display:none}

.m9-grid-block .m-from-bold{font-weight:inherit}
.m9-grid-block .e-from-bold{font-weight:inherit}
.m9-grid-block .m-from-italic{font-style:normal}
.m9-grid-block .e-from-italic{font-style:normal}
.m9-grid-block .m-from-underline{text-decoration:none}
.m9-grid-block .e-from-underline{text-decoration:none}
.m9-grid-block .m-from-strikethrough{text-decoration:none}
.m9-grid-block .e-from-strikethrough{text-decoration:none}
.m9-grid-block .m-from-superscript{font-size:100%;vertical-align:baseline}
.m9-grid-block .e-from-superscript{font-size:100%;vertical-align:baseline}
.m9-grid-block .m-from-subscript{font-size:100%;vertical-align:baseline}
.m9-grid-block .e-from-subscript{font-size:100%;vertical-align:baseline}

/* 기타 */
.m9-grid-block .transform-scale-100{transform:scale(1)}
.m9-grid-block .transform-scale-110{transform:scale(1.1)}
.m9-grid-block .transform-rotate-45{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m9-grid-block .transform-rotate-90{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.m9-grid-block .transform-translateX--50{transform:translateX(-50%)}
.m9-grid-block .transform-translateY--50{transform:translateY(-50%)}
.m9-grid-block .transform-translate--50--50{transform:translate(-50%,-50%)}

.m9-grid-block .m9-img-size-1{width:300px}
.m9-grid-block .m9-img-size-2{width:500px} /*이미지사이즈*/

/* opacity */
.m9-grid-block .opacity-0{opacity:0;filter:alpha(opacity=0)}
.m9-grid-block .opacity-10{opacity:0.1;filter:alpha(opacity=10)}
.m9-grid-block .opacity-20{opacity:0.2;filter:alpha(opacity=20)}
.m9-grid-block .opacity-30{opacity:0.3;filter:alpha(opacity=30)}
.m9-grid-block .opacity-40{opacity:0.4;filter:alpha(opacity=40)}
.m9-grid-block .opacity-50{opacity:0.5;filter:alpha(opacity=50)}
.m9-grid-block .opacity-60{opacity:0.6;filter:alpha(opacity=60)}
.m9-grid-block .opacity-70{opacity:0.7;filter:alpha(opacity=70)}
.m9-grid-block .opacity-80{opacity:0.8;filter:alpha(opacity=80)}
.m9-grid-block .opacity-90{opacity:0.9;filter:alpha(opacity=90)}
.m9-grid-block .opacity-100{opacity:1;filter:alpha(opacity=100)}

.m9-transform-1{transform:translate(-50%,-50%) rotate(-45deg)}