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

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer.mncFooter,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top;background:transparent;  }
html { overflow-y:scroll; }
body{line-height:1; font-family:'Nanum Gothic','Dotum', Arial, sans-serif; font-size:12px;  } /* 2017-07-31 css 수정 */
h1, h2, h3, h4, h5, h6,{ font-weight:700; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol {list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0; color:#666; vertical-align:top;background:transparent; text-decoration:none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0; table-layout:fixed;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
input:focus, input:active{ outline:none; }
caption{ width:1px; height:1px; visibility:hidden; }
em{ font-style:normal; font-weight:normal; }
img{ }

::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}



.ir {text-indent:-9999px; width:0; height:0; overflow:hidden; font-size:0; padding:0; margin:0; }

.clfix:after { display:block; content:''; clear:both; height:0; visibility:hidden; }
.clfix { display:inline-block; }
.clfix { display:block; }
* html .clfix { height:1%; zoom:1; }

.fl { float:left; }
.fr { float:right; }

.bg_none { background:none !important; }

.firBr { border-top:2px solid #555 !important; }
.br_none { border:none !important; }
.brt_none { border-top:none !important; }
.brl_none { border-left:none !important; }
.brb_none { border-bottom:none !important; }

.vm { vertical-align:middle !important; }
.vt { vertical-align:top !important; }

.ls0 { letter-spacing:0 !important; }
.ls1 { letter-spacing:-1px !important; }
.ls5 { letter-spacing:-5px !important; }

.pl0 { padding-left:0 !important; }

.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }

.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb25 { padding-bottom:25px !important; }

.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt5 { margin-top:5px !important; }
.mt8 { margin-top:8px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt17 { margin-top:17px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mtn5 { margin-top:-5px !important; }
.mtn7 { margin-top:-7px !important; }
.mtn10 { margin-top:-10px !important; }
.mb5 { margin-bottom:5px !important; }
.mb17 { margin-bottom:17px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb34 { margin-bottom:34px !important; }
.mb50 { margin-bottom:50px !important; }
.mr10 { margin-right:10px !important; }
.mr30 { margin-right:30px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }

.ac{ text-align:center; }
.ar{ text-align:right; }

#skip { position:absolute; top:0; left:0; height:0; width:150px; z-index:500; }
#skip a { display:block; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; color:#000; font-size:12px; text-align:center;  white-space:nowrap; }
#skip a:hover, #skip a:focus, #skip a:active { background-color: #10ade7; color: #FFFFFF; height: auto; padding: 10px 0; width: 100%; z-index: 1000; }