@charset "utf-8";

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: normal;
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	   url(../font/NanumBarunGothic.woff) format('woff'),
	   url(../font/NanumBarunGothic.otf) format('opentype');
}

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* Reset
-------------------------------------------------------------------------- */
html, body {width:100%;}
html {overflow-y:scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, button, p, table, th, td {padding:0; margin:0;}
article, aside, details, figcaption, figure, header, hgroup, menu, nav, section  {display:block; padding:0; margin:0;}
table, th, td, input, button {}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0 none;}
li {list-style:none;}
form, fieldset, iframe, button {border:0 none;}
label {cursor:pointer; vertical-align:middle;}
img {border:0 none; vertical-align:top; image-rendering: -webkit-optimize-contrast;}
address, caption, em {font-weight:normal; font-style:normal;}
hr {display:none;}
select, input, option, textarea {vertical-align:middle; font:.9rem "NanumBarunGothic", Dotum, sans-serif; color:#777777;}
input, select, button{vertical-align:middle;}
button {overflow:visible; background:transparent; cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}
.clear {zoom:1;}
.clear:after {content:""; display:block; height:0; clear:both;}
.skip, .blind, legend {position:absolute; top:-5000em; width:0; height:0; overflow:hidden; line-height:0; font-size:0;}
body {font-size:1rem; font-family:"NanumBarunGothic"}


/* Anchor
-------------------------------------------------------------------------- */
a,
a:link,
a:visited {text-decoration:none;}



/* Font */
.gulim {font-family:gulim, "±¼¸²", sans-serif;}
.dotum {font-family:dotum, "µ¸¿ò", sans-serif;}

input:-ms-input-placeholder {color:#ccc}
input::-webkit-input-placeholder {color:#ccc}
input::-moz-placeholder {color:#ccc}
input::-moz-placeholder {color:#ccc}
textarea:-ms-input-placeholder {color:#ccc}
textarea::-webkit-input-placeholder {color:#ccc}
textarea::-moz-placeholder {color:#ccc}
textarea::-moz-placeholder {color:#ccc}


/* µð¹ÙÀ̽º ÇØ»óµµ ¾Æ´Ï°í À¥ºê¶ó¿ìÀú ÇØ»óµµ(ºäÆ÷Æ®) ±âÁØÀÓ */
html {font-size:10px;} /* iphone5 */
@media (max-width:320px) {html{font-size:12px;}} /* iphone5 */
@media (min-width:360px) and (orientation:portrait) {html{font-size:14px;}} /* galaxy3, galaxy note3, galaxy alpha, nexus5, sony xperia, LG G2 */
@media (min-width:375px) and (orientation:portrait) {html{font-size:14px;}} /* iphone6 */
@media (min-width:384px) and (orientation:portrait) {html{font-size:14px;}} /* LG Optimus G, nexus4 */
@media (min-width:412px) and (orientation:portrait) {html{font-size:14px;}} /* galaxy note7 */
@media (min-width:414px) and (orientation:portrait) {html{font-size:14px;}} /* iphone6+ */
@media (min-width:768px) {html{font-size:16px;}}
@media (min-width:1200px) {html{font-size:16px;}}
/*@media (min-width:600px) and (orientation:portrait) {html{font-size:18.8125px;}}
@media (min-width:768px) and (orientation:portrait) {html{font-size:14px;}}
@media (min-width:800px) and (orientation:portrait) {html{font-size:20px;}} */


a {text-decoration:none; color:inherit;}

a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}


input[type='text'] {border:1px solid #ccc; box-shadow:inset 1px 1px 2px rgba(0,0,0,.15);}