@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/*½ºÅ©·Ñ Ç×»ó°íÁ¤
body{ overflow-Y:scroll; *overflow-Y:; } */

/* ±âº» ÆùÆ® */
body {overflow-y:scroll; margin:0; padding:0;}
body, article {font-family:"Nanum Gothic", 'opensans', Dotum, Sans-serif; font-size:16px;}
h1, h2, h3, h4, h5, h6 {font-family: "Nanum Gothic",'Open Sans', Dotum, Sans-serif; }
p {font-family:"Nanum Gothic",'Open Sans', Dotum, Sans-serif; font-size:13px; color:#777;line-height:2em;  word-break : break-all;}

article, aside, hgroup, header, footer, figure, figcaption, nav, section {display: block;}

div, ul, li, ol, dl, dd, dt {font-family:"Nanum Gothic", Dotum, Sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0; vertical-align:middle; list-style:none;}

/* a-style */
a {color:#3f3f3f; text-decoration:none;}
a:hover, a:active {color:#333;text-decoration:none; }

article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
div, ul, li, ol, dl, dd, dt {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0; vertical-align:middle; list-style:none;}

i {vertical-align:middle;}
.clear {clear:both;}


/* Bootstrap v3.3.2 (http://bootstrapk.com/)  ºÎÆ®½ºÆ®·¦¼Ò½º ÀϺΠÃß°¡ ¼öÁ¤ */

img { vertical-align: middle; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded {border-radius: 6px; }
.img-circle {border-radius: 50%; }

.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }


.full-container {position:relative;width:100%; margin:0; padding: 0; height:auto;zoom:1}
.full-container:after {display:block;visibility:hidden;clear:both;content:""}

.container {position:relative;width:1200px; margin:0 auto; padding: 0; height:auto;zoom:1}
.container:after {display:block;visibility:hidden;clear:both;content:""}

 
.inline {display:inline !important;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}

.btn-round {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-justify {text-align:justify !important;}

.text-major {color: #177dff !important;}
.text-major1 {color:#f9b0b0 !important;}
.text-major2 {color:#61656e !important;}

.pull-left {float:left !important;}
.pull-right {float:right !important;}
.pull-none {float:none !important;}

div, ul, li, ol {box-sizing:border-box;}

code {padding:2px 4px; font-size:11px; color:#c7254e; background-color:#f9f2f4; border-radius:4px; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.bo_fx {position:relative; margin:10px 0; padding:0; display:block; overflow:hidden; text-align:center;}

.w-auto {width:auto !important;}
.w-100 {width:100% !important;}

input[type="radio"], 
input[type="checkbox"] { vertical-align:middle; margin:0; margin-top:-1px; line-height: normal;}


/*ÇÏ´Ü ¹öÆ°*/
.bo_confirm {position:relative; margin:10px 0; padding:0; display:block; overflow:hidden; text-align:center; font-size:15px; line-height:32px; vertical-align:middle;}
.bo_confirm ul {float:left; display:inline-block; padding:10px;}

.bo_confirm.ul2 ul:nth-child(1)  {width:50%; text-align:left;}
.bo_confirm.ul2 ul:nth-child(2)  {width:50%; text-align:right;}

.bo_confirm.ul3 ul:nth-child(1)  {width:30%; text-align:left;}
.bo_confirm.ul3 ul:nth-child(2)  {width:40%; text-align:center;}
.bo_confirm.ul3 ul:nth-child(3)  {width:30%; text-align:right;}


	
/*---------------- form-control --------------
input[type="text"],
select,
.form-control {display: inline-block; width:auto;padding: 3px; font-size: 12px; line-height:22px;  color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #ddd; border-radius: 0px; vertical-align:middle; box-sizing:border-box; }
input[type="text"]:focus, 
select:focus,
.form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
select {height: 30px; line-height: 30px; padding:0;}
textarea {height: auto;}
input.required {background:#f3f5e1 !important;}

/*
input[type="text"],
select,
.form-control {display: inline-block; width:auto;height: 32px; padding: 3px; font-size: 12px; line-height:22px;  color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #ddd; border-radius: 0px; vertical-align:middle; box-sizing:border-box; }
input[type="text"]:focus, 
select:focus,
.form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
select {height: 32px; line-height: 32px; padding:0;}
textarea {height: auto;}
input.required {background:#f3f5e1 !important;}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #eeeeee; opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;  padding:10px; width:100%; box-sizing:border-box; min-height:70px;}
input[type="search"] {-webkit-appearance: none;}

.input-xs, 
input[type="text"].input-xs {height: 24px; padding: 3px; font-size: 11px;  line-height: 18px; }
select.input-xs {height: 24px; line-height: 24px; padding:0;}

.input-sm,
input[type="text"].input-sm {height: 32px; padding: 3px; font-size: 12px; line-height:22px; }
select.input-sm {height: 32px; line-height: 32px; padding:0;}

.input-lg,
input[type="text"].input-lg {height: 40px; padding: 7px;  font-size: 15px; line-height:26px; }
select.input-lg {height: 40px; line-height: 40px; padding:0;}


*/
input[type="text"], select, textarea {-webkit-text-size-adjust:none;}
input[type="text"]:-webkit-input-placeholder,
select:-webkit-input-placeholder,
textarea:-webkit-input-placeholder {color:#5fa3b4; font-size:11px;}
input[type="text"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {color:#5fa3b4;font-size:11px;}
input[type="text"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder { color:#5fa3b4;font-size:11px;}
/*---------------- btn -------------- */

.btn {display: inline-block; font-weight: normal; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; margin:0; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align:middle; box-sizing:border-box;border-radius: 1px !important;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover,
.btn:focus,
.btn.focus {color: #333333; text-decoration: none;}
.btn:active,
.btn.active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}

/* 
.btn-lg {height:40px; padding: 7px 14px; font-size: 15px; line-height:26px;}
.btn-sm {height:32px; padding: 5px 10px; font-size: 12px; line-height:22px;}
.btn-xs {height:24px; padding: 4px 8px; font-size: 11px; line-height: 16px;}

input.btn-lg {height:40px; padding: 7px 14px; font-size: 15px; line-height:12px;}
input.btn-sm {height:32px; padding: 5px 10px; font-size: 12px; line-height:12px;}
input.btn-xs {height:24px; padding: 4px 8px; font-size: 11px; line-height: 16px;}

/*---------------- btn-color ---------------*/

/*btn-major*/
.btn-major {color: #fff; background-color:#177dff; border-color:#177dff; opacity:1.0;}
.btn-major:hover, 
.btn-major:focus,
.btn-major.focus,
.btn-major:active,
.btn-major.active  {color: #fff; opacity:0.9;}
.btn-major.disabled,
.btn-major.disabled:hover,
.btn-major.disabled:focus,
.btn-major.disabled:active,
.btn-major.disabled.focus,
.btn-major.disabled.active,
.btn-major[disabled],
.btn-major[disabled]:hover,
.btn-major[disabled]:focus,
.btn-major[disabled]:active,
.btn-major[disabled].focus,
.btn-major[disabled].active {background-color:#177dff; border-color: #177dff; opacity:1.0;}
.btn-major .badge {color:#177dff; background-color: #fff }
 
/*btn-major-b*/
.btn-major-b {color: #177dff !important; background-color:#fff; border-color: #177dff70 !important; border-width: 1px; border-style: solid;}
.btn-major-b:hover, 
.btn-major-b:focus,
.btn-major-b.focus,
.btn-major-b:active,
.btn-major-b.active {color: #177dff !important; border-color: #177dff !important; }
.btn-major-b.disabled,
.btn-major-b.disabled:hover,
.btn-major-b.disabled:focus,
.btn-major-b.disabled:active,
.btn-major-b.disabled.focus,
.btn-major-b.disabled.active,
.btn-major-b[disabled],
.btn-major-b[disabled]:hover,
.btn-major-b[disabled]:focus,
.btn-major-b[disabled]:active,
.btn-major-b[disabled].focus,
.btn-major-b[disabled].active {border-color: #177dff;}
.btn-major-b .badge {color:#22a3b3; background-color: #fff }
a.btn-major-b {color: #177dff;}


/*btn-dark*/
.btn-dark {color: #ffffff; background-color: #707070; border-color: #606060;}
.btn-dark:hover, 
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active  {color: #ffffff; background-color: #555; border-color: #454545;}
.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active,
.btn-dark.disabled.focus,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].focus,
.btn-dark[disabled].active {background-color: #707070; border-color: #606060;}
.btn-dark .badge {color: #707070; background-color: #ffffff;}
a.btn-dark,
a.btn-dark:hover, 
a.btn-dark:focus,
a.btn-dark.focus,
a.btn-dark:active,
a.btn-dark.active  {color: #fff;}

/*btn-gray*/
.btn-gray {color: #fff; background-color: #bbb; border-color: #b0b0b0;}
.btn-gray:hover, 
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active {color: #fff; background-color: #999; border-color: #909090;}
.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.focus,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray[disabled].focus,
.btn-gray[disabled].active {background-color: #999; border-color: #909090;}
.btn-gray .badge {color: #555; background-color: #fff }
a.btn-gray {color: #fff;}

/*btn_admin2*/
.btn_admin2 {color: #fff; background-color:#e4007f; border-color:#e4007f;}
.btn_admin2:hover, 
.btn_admin2:focus,
.btn_admin2.focus,
.btn_admin2:active,
.btn_admin2.active  {color: #fff; background-color:#ed2e98; border-color: #ed2e98;}
.btn_admin2.disabled,
.btn_admin2.disabled:hover,
.btn_admin2.disabled:focus,
.btn_admin2.disabled:active,
.btn_admin2.disabled.focus,
.btn_admin2.disabled.active,
.btn_admin2[disabled],
.btn_admin2[disabled]:hover,
.btn_admin2[disabled]:focus,
.btn_admin2[disabled]:active,
.btn_admin2[disabled].focus,
.btn_admin2[disabled].active {background-color:#e4007f; border-color: #22a3b3;}
.btn_admin2 .badge {color:#e4007f; background-color: #fff }
a.btn_admin2 {color: #fff;}

/*------------------------------------------------------------
                            table                           
------------------------------------------------------------*/ 
 /* table-basic */ 
.table-basic {font-size: 13px;  margin: 0; border-top: 1px solid #e9e9e9;}
.table-basic > thead > tr > th,
.table-basic > thead > tr > td  {padding: 7px; line-height: 20px; color: #888; vertical-align: middle; background: #f5f5f5; border-bottom: 1px solid #e9e9e9; font-weight:normal;}
.table-basic > tbody > tr > th {padding: 7px; color: #555; font-weight:normal; vertical-align: middle; background: #f9f9f9; min-width:130px; width:15%;border-bottom: 1px solid #e9e9e9;}
.table-basic > tbody > tr > td  {padding: 7px; line-height: 20px; color: #333; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; }

 /* table-form */ 
.table-form {font-size: 12px;  margin: 0; border-top: 1px solid #e9e9e9;}
.table-form > tbody > tr > th {padding: 10px; color: #333; font-weight:normal; vertical-align: middle; text-align: center; border-right:none;}
.table-form > tbody > tr > td  {padding: 10px; line-height: 20px; color: #777; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; border-left:none; }


/* ---------------------------------------------
    ±âº» ½ºÅ¸ÀÏ ¼³Á¤
--------------------------------------------- */
/* Æеù ALL */
.pa0 {padding:0px !important;}
.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}
.pa30 {padding:30px !important;}
.pa40 {padding:40px !important;}
.pa50 {padding:50px !important;}
.pa70 {padding:70px !important;}
.pa100 {padding:100px !important;}
/* ¸¶Áø ALL */
.ma0 {margin:0px !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma30 {margin:30px !important;}
.ma40 {margin:40px !important;}
.ma50 {margin:50px !important;}
.ma70 {margin:70px !important;}
.ma100 {margin:100px !important;}
/* ¸¶Áø top */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mt100 {margin-top:100px !important;}
/* ¸¶Áø right */
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr70 {margin-right:70px !important;}
.mr100 {margin-right:100px !important;}
/* ¸¶Áø bottom */
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb70 {margin-bottom:70px !important;}
.mb100 {margin-bottom:100px !important;}
/* ¸¶Áø left */
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml70 {margin-left:70px !important;}
.ml100 {margin-left:100px !important;}
/* Æеù top */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt70 {padding-top:70px !important;}
.pt100 {padding-top:100px !important;}
/* Æеù right */
.pr0 {margin-right:0px !important;}
.pr5 {margin-right:5px !important;}
.pr10 {margin-right:10px !important;}
.pr15 {margin-right:15px !important;}
.pr20 {margin-right:20px !important;}
.pr30 {margin-right:30px !important;}
.pr40 {margin-right:40px !important;}
.pr50 {margin-right:50px !important;}
.pr70 {margin-right:70px !important;}
.pr100 {margin-right:100px !important;}

/* Æеù bottom */
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb70 {padding-bottom:70px !important;}
.pb100 {padding-bottom:100px !important;}
/* Æеù left */
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl70 {padding-left:70px !important;}
.pl100 {padding-left:100px !important;}
/* Åõ¸í */
.opacity10 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; /* IE-8 */ filter:alpha(opacity=10); /* IE-7 */ opacity:.1; /* all-browser */}
.opacity20 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; filter:alpha(opacity=20); opacity:.2;}
.opacity30 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter:alpha(opacity=30); opacity:.3;}
.opacity40 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter:alpha(opacity=40); opacity:.4;}
.opacity50 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50); opacity:.5;}
.opacity60 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter:alpha(opacity=60); opacity:.6;}
.opacity70 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter:alpha(opacity=70); opacity:.7;}
.opacity80 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter:alpha(opacity=80); opacity:.8;}
.opacity90 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter:alpha(opacity=90); opacity:.9;}
.opacity100 {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:alpha(opacity=100); opacity:1;}
/* ¶ó¿îµå (ie-8ÀÌÇÏÁö¿øX) */
.round0 {-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; -khtml-border-radius:0px;}
.round3 {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;}
.round5 {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;}
.round8 {-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -khtml-border-radius:8px;}
.round10 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;}
.round12 {-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px;}
.round15 {-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -khtml-border-radius:15px;}
.round20 {-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -khtml-border-radius:20px;}
.round {-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;}

.w-10 {width: auto !important;}
.w-10 {width: 10% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-40 {width: 40% !important;}
.w-50 {width: 50% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-90 {width: 90% !important;}
.w-100 {width: 100% !important;}

/*///////ÆùÆ®°ü·Ã¼³Á¤/////////////////////////////////////*/

/* Á¦¸ñ ÆùÆ® 
h1 {font-size:30px;font-weight:bold;letter-spacing:-1.8px;}
h2 {font-size:24px;font-weight:bold;letter-spacing:-1.6px;}
h3 {font-size:18px;font-weight:bold;letter-spacing:-1.4px;}
h4 {font-size:16px;font-weight:bold;letter-spacing:-1.2px;}
h5 {font-size:14px;font-weight:bold;letter-spacing:-1px;}
h6 {font-size:12px;font-weight:bold;letter-spacing:-0.5px;}
*/

/* ÆùÆ® µÎ²² */
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.bold500 {font-weight:500;}

/* ÅؽºÆ® ÀÚ°£*/
.ls02 {letter-spacing:-0.2px;}
.ls05 {letter-spacing:-0.5px;}
.ls08 {letter-spacing:-0.8px;}
.ls10 {letter-spacing:-1px;}
.ls12 {letter-spacing:-1.2px;}
.ls15 {letter-spacing:-1.5px;}
.ls18 {letter-spacing:-1.8px;}
.ls20 {letter-spacing:-2px;}

/* ÆùÆ® Å©±â, ÀÚ°£ */
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:24px !important;}
.fs28 {font-size:24px !important;}
.fs30 {font-size:30px !important;}
.fs32 {font-size:32px !important;}
.fs36 {font-size:36px !important;}
.fs40 {font-size:40px !important;}
.fs48 {font-size:48px !important;}
.fs60 {font-size:60px !important;}

/* Èæ¹é ±âº» »ö»ó */
.gray1 {color:#111 !important;}
.gray2 {color:#222 !important;}
.gray3 {color:#333 !important;}
.gray4 {color:#444 !important;}
.gray5 {color:#555 !important;}
.gray6 {color:#666 !important;}
.gray7 {color:#777 !important;}
.gray8 {color:#888 !important;}
.gray9 {color:#999 !important;}
.graya {color:#aaa !important;}
.grayb {color:#bbb !important;}
.grayc {color:#ccc !important;}
.grayd {color:#ddd !important;}
.graye {color:#eee !important;}
.black {color:#000 !important;}
.white {color:#fff !important;}

/* standard ÅؽºÆ®Ä÷¯ */
.aqua {color:#00FFFF !important;}
.blue {color:#2276c4 !important;}
.fuchsia {color:#FF00FF !important;}
.green {color:#008000 !important;}
.lime {color:#00FF00 !important;}
.maroon {color:#800000 !important;}
.navy {color:#000080 !important;}
.olive {color:#808000 !important;}
.orange {color:#F58026 !important;}
.purple {color:#800080 !important;}
.red {color:#cf3736 !important;}
.teal {color:#008080 !important;}
.lemon {color:#FFFF00 !important;}
.yellow {color:#eabf12 !important;}

/* material icon */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }