@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
    font-family: 'GmarketSans';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFBold.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFBold.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFMedium.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFMedium.woff) format('woff');
    font-display: swap;
}
@font-face {
	font-family: 'GmarketSans';
	font-weight: 300; 
	font-style: normal; 
	src: url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFLight.woff2) format('woff2'),
		url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFLight.woff) format('woff');
	font-display: swap;
}

/* 초기화 */
*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height:100%;
  font-size: 62.5%;
}
body {
  width: 100%;
  height: 100%;
  /*font-family:'Noto Sans KR', dotum, sans-serif*/
  font-family: 'GmarketSans', sans-serif;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'GmarketSans', sans-serif, dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
label, input, button, select, img {vertical-align:middle}
input, button { font-size:1em;font-family: 'GmarketSans', sans-serif, dotum, sans-serif}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family: 'GmarketSans', sans-serif, dotum, sans-serif}
textarea {border-radius:0;-webkit-appearance:none;font-family: 'GmarketSans', sans-serif, dotum, sans-serif}
select {background:none;font-family: 'GmarketSans', sans-serif, dotum, sans-serif}
p { word-break:break-all}
hr { display:none}
a { color:#000; text-decoration:none}
ul {list-style:none}

img { max-width: 100%; }

.sound_only { display: none; }

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;height:auto;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}