@charset "UTF-8";

/* 본고딕 Light */
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 300;
  src: url("/common/webfont/NotoSansKR-Light.eot");
  src: url("/common/webfont/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), 
		url("/common/webfont/NotoSansKR-Light.woff") format("woff");
}
/* 본고딕 Regular */
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 400;
  src: url("/common/webfont/NotoSansKR-Regular.eot");
  src: url("/common/webfont/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), 
		url("/common/webfont/NotoSansKR-Regular.woff") format("woff");
}
/* 본고딕 Medium */
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 500;
  src: url("/common/webfont/NotoSansKR-Medium.eot");
  src: url("/common/webfont/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), 
		url("/common/webfont/NotoSansKR-Medium.woff") format("woff");
}
/* 본고딕 Bold */
@font-face {
  font-family: "NotoSans";
  font-style: normal;
  font-weight: 700;
  src: url("/common/webfont/NotoSansKR-Bold.eot");
  src: url("/common/webfont/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), 
		url("/common/webfont/NotoSansKR-Bold.woff") format("woff");
}

/* Roboto Light */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/common/webfont/roboto-v20-latin-regular.eot");
  src: url("/common/webfont/roboto-v20-latin-regular.woff") format("woff");
}

/* Roboto Bold */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/common/webfont/roboto-v20-latin-700.eot");
  src: url("/common/webfont/roboto-v20-latin-700.woff") format("woff");
}

* {
  margin: 0;  padding: 0;  -webkit-text-size-adjust: none;  word-break: break-all; letter-spacing: -0.6px;
}

*, *::before, *::after {
  -webkit-moz-box-sizing: border-box;  -ms-moz-box-sizing: border-box;  -o-moz-box-sizing: border-box;  box-sizing: border-box;
}

html, body, div, span, object, iframe, font, 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, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent;
}

table {border-collapse: collapse;  border-spacing: 0; table-layout: fixed;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
nav, ul, ol, dl {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after {content:''; content:none;}
q:before, q:after {content: ''; content: none;}
a {margin: 0;  padding: 0;  font-size: 100%;  word-break: break-all;  vertical-align: baseline;  background: transparent;}
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] {text-decoration: none;  border-bottom: medium none;  cursor: default;}
hr {display: block;  height: 1px;  border: 0;  border-top: 1px solid #cccccc;  margin: 1em 0;  padding: 0;}
legend, caption {display: none;  clear: both;}
label {cursor: pointer;}
button {margin: 0;  font: inherit;  color: inherit;  vertical-align: middle;  cursor: pointer;}
input {margin: 0;  font: inherit;  color: inherit;  vertical-align: middle;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;  border: 0;}
input[type="text"] {font-family: "NotoSans";  font-size: 14px; color: #333;}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="date"],input[type="number"] {
  background: #fff;  border: 1px solid #d9d9d9;  -webkit-border-radius: 0;  -webkit-appearance: none;
}
input[type="button"],input[type="reset"],input[type="submit"] {
  cursor: pointer;  -webkit-border-radius: 0;  -webkit-appearance: none;
}
input[type="checkbox"] {width: 18px;  height: 18px;  padding: 0;}
input[type="radio"] {width: 15px;  height: 15px;  padding: 0;}

input::placeholder {color: #ccc;}
input::-webkit-input-placeholder {color: #ccc;}
input:-ms-input-placeholder {color: #ccc;}

textarea {
  margin: 0;  resize: none;  font: inherit;  color: inherit;  width: 100%;  border: 1px solid #ddd;  
  padding: 10px;  background: url(none);  -webkit-border-radius: 1px;  -webkit-appearance: none;
}

select {
  margin: 0;  font: inherit;  color: inherit;  vertical-align: middle;  background: #fff url(/common/images/common/icon_select.png) calc(100% - 20px) center no-repeat;
  -webkit-border-radius: 0;  border: 1px solid #d0d0d0; -webkit-appearance: none; -moz-appearance:none; appearance:none;
}
select::-ms-expand {display:none}
.select {width:100%; margin-left:7px; padding-left:25px; color:#333; font-size:16px;}
.select:first-child {margin-left:0;}

optgroup {font: inherit;  color: inherit;  margin: 0;}
img {vertical-align: top;}

a:link {text-decoration: none;  color: #333;}
a:visited, a:hover, a:active {color: #333;  text-decoration: none;}
address, em {font-style: normal;}

/* blind */
.blind {overflow: hidden;  position: absolute;  top: 0;  left: 0;  width: 0;  height: 0;  font-size: 0;  line-height: 0;}

/* skipnavi */
#skipnavi {position: fixed;  left: 0;  top: 0;  width: 100%;  margin-left: 0;  z-index: 99999;}
#skipnavi a {position: absolute;  left: -99999px;}
#skipnavi a:focus, #skipnavi a:active {position: relative;  left: 0;  z-index: 9999;  width: 100%;  padding: 10px;  text-decoration: none;}

/* html 설정 */
html {font-family: "NotoSans";  font-size: 12px;  color: #333;}
.skip .quickBtn {display: block; width: 100%; height: 0px;background: #092473; font-size: 15px; color: #fff; overflow: hidden; text-align: center;}
.skip .quickBtn:focus {height:auto;}