@charset "utf-8";
@import url('reset.css');
@import url('style.css');
@import url('main.css');


/* font */
@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* {font-family: 'GmarketSansMedium', 'GmarketSansLight', 'GmarketSansBold';}
html {height: 100%; overflow-y: auto;}
body {overflow: hidden; margin-top: 0 !important; min-width: 320px; color: #333; line-height: 26px; font-size: 16px; word-break: break-all; word-wrap: break-word;word-break: keep-all; font-weight: 400;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0; -webkit-text-size-adjust: none;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a {color: #333; text-decoration: none; cursor: pointer;}
button {border: 0 none; background: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
button, input, select, textarea { color: #555; line-height: 19px; font-size: 13px; font-family: 'Pretendard-Regular'; vertical-align: middle;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="button"],
input[type="submit"],
textarea {border-radius: 0 !important;-webkit-appearance: none;-moz-appearance: none;}
a[href^="tel"] {color: inherit;text-decoration: none;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
input[type="checkbox"],
input[type="radio"] {width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

input::-webkit-input-placeholder{color:#a0a0a0;}
input:-moz-input-placeholder{color:#a0a0a0;}
input::-moz-input-placeholder{color:#a0a0a0;}
input:-ms-input-placeholder{color:#a0a0a0;}
img {vertical-align: top;}

textarea {overflow: auto; resize: none;}
textarea::-webkit-input-placeholder {color: #a0a0a0;}
textarea:-moz-placeholder      {color: #a0a0a0;}
textarea::-moz-placeholder     {color: #a0a0a0;}
textarea:-ms-input-placeholder {color: #a0a0a0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object, iframe {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}

/* Disable orange highlight */
label,
a,
button {
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 네비게이션 */
#skip_nav {width: 100%; height: 0; text-align: center; overflow: hidden;}
#skip_nav a {color: #fff; font-size: 16px; line-height: 30px; font-weight: 800; float: left;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  text-decoration: underline;
  background-color: #000;
  overflow: visible;
  z-index: 9999;
}

/* global */
.clearfix {*zoom:1}
.clearfix:after{display: block;content:'';clear: both;}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}


.img_box > img {max-width:100%;}
.fl {float: left;}
.fr {float: right;}