@charset "utf-8";



@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);




body  { font: normal 13px   "나눔고딕", Nanum Gothic, "나눔바른고딕", NanumBarunGothic,"맑은고딕", Malgun Gothic,"돋움", dotum, AppleGothic, sans-serif; color: #333; -webkit-text-size-adjust: none; letter-spacing: -0.5px; line-height:normal; min-width:320px; }


@media screen and (max-width:640px){
body  { letter-spacing: -1px;}
}


html, body { width: 100%; height: 100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, textarea, input, span, form, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, th, td, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin: 0; padding: 0; border: 0;/* vertical-align: baseline;*/ background: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; font-weight:600  }

ul, ol { list-style: none;  }
ul, ol, dl, dd, dt, li { list-style-type: none; margin: 0; padding: 0;  }

form, fieldset, p { margin: 0; padding: 0; border: 0; }

table { width: 100%;  border-collapse: collapse; border-spacing: 0; /*table-layout: fixed;*/ /*word-wrap:break-word*/ }
table, tbody, tfoot, thead, tr, th, td { /*border-collapse: separate;*/ border-spacing: 0; /* table-layout: fixed;*/ }
/* 6 */* html table, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; }
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; }
legend { display: none; position: absolute; visibility: hidden; }
caption { visibility: hidden; width: 0px; height: 0px; overflow: hidden; font-size: 0px; margin: 0; padding: 0; line-height: 0px; }

img { border: 0;  outline: none; vertical-align:middle; max-width:100%;}
img, fieldset { border: 0 none transparent;/*'transparent' for Opera7*/ }
i, em { font-style: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

label { cursor: pointer; }
input.radio { width: 12px; height: 12px; }
input, select { color: inherit; font: inherit; line-height: 100%; vertical-align: middle; border: 1px solid #ccc; height: 22px; }
textarea { border: 1px solid #dedede; padding: 5px; resize: vertical; overflow-y: auto; }
address { font-style: normal; }

.cursor { cursor: pointer; }

strong{ font-weight:normal; font-weight:600 !important}


a { text-decoration: none; color: #333; cursor: pointer; }
a:link, a:visited { text-decoration: none; color: #333; }
a:hover, a:focus, a:active { text-decoration: none; }




.text_c{ text-align:center}
.text_l{ text-align:left}
.text_r{ text-align:right}
.float_r{ float:right}
.float_l{ float:left}

.clear_b{ clear:both}




.mat5{ margin-top:5px !important}
.mar5{ margin-right:5px !important}
.mab5{ margin-bottom:5px !important;}
.mal5{ margin-left:5px !important}

.mat10{ margin-top:10px !important}
.mar10{ margin-right:10px !important}
.mab10{ margin-bottom:10px !important;}
.mal10{ margin-left:10px !important}

.mat15{ margin-top:15px !important}
.mar15{ margin-right:15px !important}
.mab15{ margin-bottom:15px !important;}
.mal15{ margin-left:15px !important}

.mat20{ margin-top:20px !important}
.mar20{ margin-right:20px !important}
.mab20{ margin-bottom:20px !important;}
.mal20{ margin-left:20px !important}

.mat25{ margin-top:25px !important}
.mar25{ margin-right:25px !important}
.mab25{ margin-bottom:25px !important;}
.mal25{ margin-left:25px !important}

.mat30{ margin-top:30px !important}
.mar30{ margin-right:30px !important}
.mab30{ margin-bottom:30px !important;}
.mal30{ margin-left:30px!important}



.mat35{ margin-top:35px !important}
.mar35{ margin-right:35px !important}
.mab35{ margin-bottom:35px !important;}
.mal35{ margin-left:35px !important}

.mat40{ margin-top:40px !important}
.mar40{ margin-right:40px !important}
.mab40{ margin-bottom:40px !important;}
.mal40{ margin-left:40px !important}

.mat50{ margin-top:50px !important}
.mar50{ margin-right:50px !important}
.mab50{ margin-bottom:50px !important;}
.mal50{ margin-left:50px !important}


@media screen and (max-width:640px){
.mat50{ margin-top:20px !important}
.mar50{ margin-right:20px !important}
.mab50{ margin-bottom:20px !important;}
.mal50{ margin-left:20px !important}
	
}


.mat60{ margin-top:60px !important}
.mar60{ margin-right:60px !important}
.mab60{ margin-bottom:60px !important;}
.mal60{ margin-left:60px !important}

.mat70{ margin-top:70px !important}
.mar70{ margin-right:70px !important}
.mab70{ margin-bottom:70px !important;}
.mal70{ margin-left:70px !important}

.mat80{ margin-top:80px !important}
.mar80{ margin-right:80px !important}
.mab80{ margin-bottom:80px !important;}
.mal80{ margin-left:80px !important}


.mat100{ margin-top:100px}
.mar100{ margin-right:100px}
.mab100{ margin-bottom:00px;}
.mal100{ margin-left:100px}