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


/* base */
html {overflow-y:scroll}
body {font-family:'나눔고딕','Nanum Gothic',ng,'돋움',Dotum,AppleGothic,Arial,sans-serif; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal;  font-size: 100%}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
fieldset, img, iframe {border:0 none}
img {vertical-align:top}
textarea {resize:none}
th, td {text-align:left}
em, address {font-style:normal;}
a {color:#333; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {width:100%; border-spacing:0; border-collapse:collapse}

/* class */
.hidden,legend {visibility:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
.blind {display: block; overflow:hidden; position:absolute; top:-1000em; left:0;}
.d_n {display:none}
.bd_n {border:none !important}
.bdt_n {border-top:none !important}
.bdr_n {border-right:none !important}
.bdl_n {border-left:none !important}
.bdb_n {border-bottom:none !important}
.bg_n{background:none !important}
.ta_c {text-align:center}
.ta_l {text-align:left}
.ta_r {text-align:right}
.fl_r {float:right}
.fl_l {float:left}
.clear {clear:both}

/* margin */
.mt_0 {margin-top:0px}
.mt_5 {margin-top:5px}
.mt_10 {margin-top:10px}
.mt_15 {margin-top:15px}
.mt_20 {margin-top:20px}
.mt_25 {margin-top:25px}
.mt_30 {margin-top:30px}
.mt_35 {margin-top:35px}
.mt_40 {margin-top:40px}
.mt_45 {margin-top:45px}
.mt_50 {margin-top:50px}

.mb_0 {margin-bottom:0px}
.mb_5 {margin-bottom:5px}
.mb_10 {margin-bottom:10px}
.mb_15 {margin-bottom:15px}
.mb_20 {margin-bottom:20px}
.mb_25 {margin-bottom:25px}
.mb_30 {margin-bottom:30px}
.mb_35 {margin-bottom:35px}
.mb_40 {margin-bottom:40px}
.mb_45 {margin-bottom:45px}
.mb_50 {margin-bottom:50px}

.ml_0 {margin-left:0px}
.ml_5 {margin-left:5px}
.ml_10 {margin-left:10px}
.ml_15 {margin-left:15px}
.ml_20 {margin-left:20px}
.ml_25 {margin-left:25px}
.ml_30 {margin-left:30px}
.ml_35 {margin-left:35px}
.ml_40 {margin-left:40px}
.ml_45 {margin-left:45px}
.ml_50 {margin-left:50px}

.mr_0 {margin-right:0px}
.mr_5 {margin-right:5px}
.mr_10 {margin-right:10px}
.mr_15 {margin-right:15px}
.mr_20 {margin-right:20px}
.mr_25 {margin-right:25px}
.mr_30 {margin-right:30px}
.mr_35 {margin-right:35px}
.mr_40 {margin-right:40px}
.mr_45 {margin-right:45px}
.mr_50 {margin-right:50px}


/* nav skip */
.skip_navi a{ position:absolute; top:-9999em; width:100%; background:#6ad700; font-size:1.5em; font-weight:bold; text-align:center; font-weight:bold; z-index:9999}
.skip_navi a:hover , .skip_navi a:active , .skip_navi a:focus {padding:12px 0; top:0;  color:#000}