@charset "utf-8";
/********************************
font
*********************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/********************************
Reset
*********************************/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
legend, caption { display:none;font-size:0; }
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
*, *:before, *:after {box-sizing: border-box; }
img,
object,
embed {max-width: 100%;}
html {overflow-y: auto;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;text-decoration:none;outline:none;}
a:link, a:visited {text-decoration:none;outline:none;}
a:hover, a:focus, a:active {text-decoration:none;outline:none;}

del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: middle;}
td {font-weight: normal; vertical-align: middle;}
td img {vertical-align: top;} 
hr {display: block; height: 1px; border: 0; border-top: 2px solid #f6f6f6; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}
/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/********************************
  common class
*********************************/
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* standard align css */
.txtc { text-align:center;}
.txtr { text-align:right !important;}
.txtl { text-align:left !important;}

.vlm { vertical-align:middle;}
.vlt { vertical-align:top;}
.vlb { vertical-align:bottom;}


/* float & clear css  */
.fl { float:left !important;}
.fr { float:right !important;}
.fn { float:none !important;}
.cbo { clear:both;}
.ova { overflow:auto;}
.ovh { overflow:hidden;}
.posir { position:relative !important;}
.posin { position:static !important;}

/* float ul,ol,dl */
.fl_li {overflow:hidden;}
.fl_li > li{float:left !important;}
.fr_li > li{float:right !important;}

.fl_dl {overflow:hidden;}
.fl_dl > dd{float:left !important;}
.fr_dl > dd{float:right !important;}


/* display */
.none{display:none !important;}
.disb {display:block !important;}
.disib {display:inline-block !important;}
.disi {display:inline !important;}
.disn {display:none !important;}

/*blind <h1 class="blind">text</h1>*/
.blind{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;}
.txtblind{ font-size:0px; line-height:0; text-indent:-9999px; }

/*shadow*/
.box_shadow{box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
.txt_shadow{text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}

legend {position:absolute; top:-1000em}

.ellipsis {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.box{border:1px dotted !important;}

.text-p{color:#2d8cdd !important;}
.text-g{color:gray !important;}