@charset "UTF-8";

html { font-size: 62.5%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
body { margin: 0; padding:0; font-size: 1em; line-height: 1.5; }

a { text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; text-decoration: underline; }

abbr[title] { border-bottom: 1px dotted; }
strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

ul, ol, dl, dt, dd { margin:0; padding:0; }
a img { border: 0; vertical-align: top; }
ul, ol, li {list-style:none;}
i, em, address {font-style:normal;}

figure,
form { margin: 0; }
fieldset { margin: 0; padding: 0; border:0 none; vertical-align:top; }
label { cursor: pointer; }
legend { position: absolute; visibility: hidden; border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button { cursor: pointer; -webkit-appearance: none; *overflow: visible; box-sizing: content-box;
  border: 0 none; background: transparent; padding: .4em 1em;
}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; vertical-align:middle; }
input[type="search"] { -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 0; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table {width:100%; border-collapse:collapse; border-spacing:0; word-wrap:break-word; word-break:break-all;}
td { vertical-align: middle; }

select {vertical-align:middle;}

/* set for html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

summary { cursor: pointer; }
summary:hover, summary:focus { background: #ddd; }
summary::-webkit-details-marker {
  display: none;
}
.no-details details > * { display: none; }
.no-details details > summary:before { float: left; width: 20px; content: '► '; }
.no-details details.open > summary:before { content: '▼ '; }
.no-details details summary { display: block; }


::-moz-selection { background: #82807f; color: #fff; text-shadow: none; }
::selection { background: #82807f; color: #fff; text-shadow: none; }

::-webkit-input-placeholder { color: #808080;}
:-moz-placeholder { color: #808080;}
textarea::-webkit-input-placeholder { color: #808080;}

/* Helper classes */
.ir { position: relative; overflow: hidden; }
.ir .cont { position: absolute; z-index: 0; }
.ir .img { position: relative; width:100%; z-index: 10; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.blind { position: absolute; overflow: hidden; left:-100%; text-indent: -100%; width: 1px; }

br.clear {
  clear: both;
}

/* font setting 
--------------------------------------------------------------- */
/* Nanum Gothic */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NanumGothic.eot);
  src: local('나눔고딕'),
       local('Apple SD Gothic Neo'),
       url(./fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumGothic.woff) format('woff'),
       url(./fonts/NanumGothic.ttf) format('truetype');
}

/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text'), local('CrimsonText-Roman'), url(http://fonts.gstatic.com/s/crimsontext/v6/3IFMwfRa07i-auYR-B-zNTy24DTBG-RpCwXaYkM4aks.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url(http://fonts.gstatic.com/s/crimsontext/v6/rEy5tGc5HdXy56Xvd4f3I1puQbJwWAUcNmUifOZaKr0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: local('Crimson Text Italic'), local('CrimsonText-Italic'), url(http://fonts.gstatic.com/s/crimsontext/v6/a5QZnvmn5amyNI-t2BMkWO1fRimx4cluaYcTA-p5aEI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'), url(http://fonts.gstatic.com/s/crimsontext/v6/4j4TR-EfnvCt43InYpUNDDJQ98svBORfRaFDVf8wKB4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body, input, textarea, select, button {
	font-family: 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif; /* 'Nanum Gothic', */
}
button {
  *overflow: visible;
}
mark {
  background-color: #fefcb4;
}


/* layout 
--------------------------------------------------------------- */
html { background-color: #fff; }
body { min-width: 320px; color:#707070; }
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 { font-size: 2em; }
h1, h2, strong, a { color: #191919; }
em { color: #721eff; }
img { max-width: 100%; height:auto; }
.touch select {
  font-size: 16px;
}

#skipnav {
  position: absolute;
  left:-100%;
  color: #fff;
  background: #333;
  font-size: 1.4em;
}
#skipnav:focus {
  display: block;
  position: static;
  left: 0;
  height: 1em;
  padding:.5em 0 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
  outline: 1px dotted #2a7aef;
}


/* common
--------------------------------------------------------------- */
input[type="text"],
input[type="file"],
input[type="password"],
input[type="email"],
input[type="search"],
input.text {
  -webkit-appearance:none;
  height: 38px;
  padding: 0;
  border:1px solid #acacad;
  outline-color:#721eff;
  background: #fff;
  font-size: 14px;
  line-height: 1.4;
  *line-height: 38px;
  text-indent: 1em;
  vertical-align:middle;
}
textarea {
  padding: 1em;
  border:1px solid #acacad;
  outline-color:#721eff;
  font-size: 14px;
  line-height: 1.6;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input.text:focus,
textarea:focus {
  outline-width: 1px;
  outline-style: solid;
}

.touch input[type="text"],
.touch input[type="file"],
.touch input[type="password"],
.touch input[type="email"],
.touch input[type="search"],
.touch input.text,
.touch textarea {
  font-size: 16px;
}

.placeholder-like {
  /*display: inline-block; *display: inline; *zoom: 1;*/
  display: block;
  position: relative;
}
.placeholder-like label {
  overflow: hidden;
  position: absolute;
  height: 20px;
  top: .5em;
  left: .8em;
}

.flexible-obj {
  overflow: hidden;
  position: relative;
  width:100%; height: 0;
  padding-bottom: 56.25%; /* 16:9 */
}
.flexible-obj iframe,
.flexible-obj object,
.flexible-obj embed,
.flexible-obj > img {
  position: absolute; top:0; left: 0;
  width:100%; height:100%; *height: auto; *min-height: 100%;
}

.hidden-block {
    display:none;
}