@charset "utf-8"; 
/* Moongori Button Style CSS */

/* Firefox¿¡¼­ <button> <input> ÅÂ±× ³»ºÎ ¿©¹é »èÁ¦*/
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}


/* »ùÇÃ 			
<input type="button" class="mgr-btn mgr-green" />
<button class="mgr-btn mgr-blue">cc</button>
<span class="mgr-btn mgr-red">bb</span>
<a href="" class="mgr-btn mgr-gray" />aa</a>
*/


/* ±âº»¹öÆ° */
.mgr-btn {font-family: 'NanumGothic',sans-serif !important;font-style: normal; display:inline-block;margin:5px 0;padding:.5em .75em;border-radius:.25em;font-family:inherit;box-sizing:content-box;-moz-box-sizing:content-box;background:transparent;outline:0;vertical-align:middle;text-decoration:none;white-space:nowrap;cursor:pointer;}


/* ÆùÆ®»çÀÌÁî font-size */
.mgr-fs-10 {font-size:10px !important;}
.mgr-fs-11 {font-size:11px !important;}
.mgr-fs-12 {font-size:12px !important;}
.mgr-fs-13 {font-size:13px !important;}
.mgr-fs-14 {font-size:14px !important;}
.mgr-fs-15 {font-size:15px !important;}
.mgr-fs-16 {font-size:16px !important;}
.mgr-fs-17 {font-size:17px !important;}
.mgr-fs-18 {font-size:18px !important;}
.mgr-fs-19 {font-size:19px !important;}
.mgr-fs-20 {font-size:20px !important;}


/* »ö»ó */
.mgr-white,
.mgr-white:link,
.mgr-white:visited{background:#fff; border:1px solid #ddd; transition:all 0.5s;}
.mgr-white:hover{background: #ddd; border:1px solid #ddd; transition:all 0.5s;}

.mgr-yellow,
.mgr-yellow:link,
.mgr-yellow:visited{background:#ffb618; border:1px solid #ffb618; color:#fff; transition:all 0.5s;}
.mgr-yellow:hover{background: #ffc54b; border:1px solid #ffc54b; transition:all 0.5s;}

.mgr-black,

.mgr-black:link,
.mgr-black:visited{background:#000; border:1px solid #000; color:#fff; transition:all 0.5s;}
.mgr-black:hover{background: #444444; border:1px solid #444444; transition:all 0.5s;}

.mgr-green,
.mgr-green:link,
.mgr-green:visited{background:#5cc74f; border:1px solid #5cc74f; color:#fff; transition:all 0.5s;}
.mgr-green:hover{background: #199c09; border:1px solid #199c09; transition:all 0.5s;}

.mgr-blue,
.mgr-blue:link,
.mgr-blue:visited{background:#00a2ff; border:1px solid #00a2ff; color:#fff; transition:all 0.5s;}
.mgr-blue:hover{background: #35b5ff; border:1px solid #35b5ff; transition:all 0.5s;}

.mgr-red,
.mgr-red:link,
.mgr-red:visited{background:#ff0000; border:1px solid #ff0000; color:#fff; transition:all 0.5s;}
.mgr-red:hover{background: #ff5252; border:1px solid #ff5252; transition:all 0.5s;}

.mgr-gray,
.mgr-gray:link,
.mgr-gray:visited{background:#eeeeee; border:1px solid #eeeeee; color:#000; transition:all 0.5s;}
.mgr-gray:hover{background: #cacaca; border:1px solid #cacaca; transition:all 0.5s;}


/* Å©±â */
.mgr-big{height:30px; line-height:30px;}
.mgr-medium{height:20px; line-height:20px;}
.mgr-small{height:10px; line-height:10px;}


/* Padding */



/* margin */
.mgr-mr-1{margin-right:1px;}
.mgr-mr-2{margin-right:2px;}
.mgr-mr-3{margin-right:3px;}
.mgr-mr-4{margin-right:4px;}
.mgr-mr-5{margin-right:5px;}
.mgr-mr-6{margin-right:6px;}
.mgr-mr-7{margin-right:7px;}
.mgr-mr-8{margin-right:8px;}
.mgr-mr-9{margin-right:9px;}
.mgr-mr-10{margin-right:10px;}

.mgr-ml-1{margin-left:1px;}
.mgr-ml-2{margin-left:2px;}
.mgr-ml-3{margin-left:3px;}
.mgr-ml-4{margin-left:4px;}
.mgr-ml-5{margin-left:5px;}
.mgr-ml-6{margin-left:6px;}
.mgr-ml-7{margin-left:7px;}
.mgr-ml-8{margin-left:8px;}
.mgr-ml-9{margin-left:9px;}
.mgr-ml-10{margin-left:10px;}