@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');

/* 
 2021-08-10 추가
*/

@font-face {
   font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
   src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
   url('https://script.gmarket.com/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('https://script.gmarket.com/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
   font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
   src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
   url('https://script.gmarket.com/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('https://script.gmarket.com/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
   font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
   src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
   url('https://script.gmarket.com/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('https://script.gmarket.com/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* 
 * NanumSquare Web Fonts
*/

@font-face {
	font-family: 'NanumSquare';
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/NanumSquareR.eot);
	src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	  url(../fonts/NanumSquareR.woff) format('woff'),
	  url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 600;
	font-style: normal;
	src: url(../fonts/NanumSquareB.eot);
	src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	  url(../fonts/NanumSquareB.woff) format('woff'),
	  url(../fonts/NanumSquareB.ttf) format('truetype');
}

/* 
 * Nanum Barun Gothic Web Fonts
 * https://github.com/hiun/NanumBarunGothic
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */
 
@font-face {
  font-family: 'NBG';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'NBG';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'NBG';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('NBG'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NBG';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/* Noto Sans */ 
@font-face { 
font-family: 'notokr'; 
src: url('../fonts/notokr-light.eot'); 
src: url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'), 
url('../fonts/notokr-light.woff2') format('woff2'), 
url('../fonts/notokr-light.woff') format('woff'), 
url('../fonts/notokr-light.ttf') format('truetype'), 
url('../fonts/notokr-light.svg#notokr-regular') format('svg'); 
font-weight: 300; 
font-style: normal; 
}

@font-face { 
font-family: 'notokr'; 
src: url('../fonts/notokr-regular.eot'); 
src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/notokr-regular.woff2') format('woff2'), 
url('../fonts/notokr-regular.woff') format('woff'), 
url('../fonts/notokr-regular.ttf') format('truetype'), 
url('../fonts/notokr-regular.svg#notokr-regular') format('svg'); 
font-weight: 400; 
font-style: normal; 
}

@font-face { 
font-family: 'notokr'; 
src: url('../fonts/notokr-bold.eot');
src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/notokr-bold.woff2') format('woff2'),
url('../fonts/notokr-bold.woff') format('woff'),
url('../fonts/notokr-bold.ttf') format('truetype'),
url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
font-weight: 600; 
font-style: normal;
}

/* 표준 선택자 */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
html {min-height:1000px}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Gmarket Sans';  margin:0; padding:0; font-size:14px; color:#666; letter-spacing:-0.05em}
a:link      {color:#333; text-decoration:none; transition:all .3s ease}
a:visited   {color:#333; text-decoration:none}
a:active    {color:#333; text-decoration:none}
a:hover     {color:#666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
fieldset, img {margin:0; padding:0; border:0}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
input[type=button], input[type=submit], input[type=reset] {-webkit-appearance:none}
.clearfix:before, .clearfix:after {display:block; content:''}
.clearfix:after {clear:both}

.pt {font-family: 'PT Serif' !important;}
.gs {font-family:'Gmarket Sans' !important;}

/* common elements */
.btn {display:inline-block; font-family:inherit}
.full-img img, img.full-img {display:block; width:100%}
.bt {display:block}
.displaynone {display:none !important}
.invisible {height:0; visibility:hidden}

.mobile-style {display:none !important;}
.pc-style {display:block !important;}
.special-style {opacity:1 !important;height:auto !important;}

img.pc {display:block;}
img.mobile {display:none;}

.displaynone {display:none !important}
.displaybrblock {display:none}

/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#0163c6; z-index:9999}
.spinner {position:absolute; top:50%; left:50%; width:80px; margin:-9px 0 0 -40px; text-align:center}
.spinner > div {display:inline-block; width:18px; height:18px; margin:0 2px; background:rgba(255, 176, 76, 1); border-radius:100%; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both}

.spinner .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s}

.spinner .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@media screen and (max-width:1024px) {
.mobile-style {display:block !important;}
.pc-style {display:none !important;}
.special-style {opacity:0 !important;height:0px !important;}

.displaybrnone {display:none !important}
.displaybrblock {display:block !important}
img.pc {display:none;}
img.mobile {display:block; width:100%;}
}