@charset "euc-kr";
@import url('//fonts.googleapis.com/css?family=Montserrat:400,500,700');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
/* 
 * 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(../../img/fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../../img/fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../../img/fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../../img/fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../../img/fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}
@font-face {
  font-family: 'NBG';
  font-style: normal;
  font-weight: 300;
  src: url(../../img/fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../../img/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../../img/fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../../img/fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../../img/fonts/NanumBarunGothicLight.ttf) format('truetype');
}
@font-face {
  font-family: 'NBG';
  font-style: normal;
  font-weight: 400;
  src: url(../../img/fonts/NanumBarunGothic.eot);
  src: local('NBG'),
       local('NanumBarunGothic'),
       url(../../img/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../../img/fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../../img/fonts/NanumBarunGothic.woff) format('woff'),
       url(../../img/fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
  font-family: 'NBG';
  font-style: normal;
  font-weight: 700;
  src: url(../../img/fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../../img/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../../img/fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../../img/fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../../img/fonts/NanumBarunGothicBold.ttf) format('truetype');
}
/* Noto Sans */ 
@font-face { 
font-family: 'notokr'; 
src: url('../../img/fonts/notokr-light.eot'); 
src: url('../../img/fonts/notokr-light.eot?#iefix') format('embedded-opentype'), 
url('../../img/fonts/notokr-light.woff2') format('woff2'), 
url('../../img/fonts/notokr-light.woff') format('woff'), 
url('../../img/fonts/notokr-light.ttf') format('truetype'), 
url('../../img/fonts/notokr-light.svg#notokr-regular') format('svg'); 
font-weight: 300; 
font-style: normal; 
}
@font-face { 
font-family: 'notokr'; 
src: url('../../img/fonts/notokr-regular.eot'); 
src: url('../../img/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../../img/fonts/notokr-regular.woff2') format('woff2'), 
url('../../img/fonts/notokr-regular.woff') format('woff'), 
url('../../img/fonts/notokr-regular.ttf') format('truetype'), 
url('../../img/fonts/notokr-regular.svg#notokr-regular') format('svg'); 
font-weight: 400; 
font-style: normal; 
}
@font-face { 
font-family: 'notokr'; 
src: url('../../img/fonts/notokr-bold.eot');
src: url('../../img/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
url('../../img/fonts/notokr-bold.woff2') format('woff2'),
url('../../img/fonts/notokr-bold.woff') format('woff'),
url('../../img/fonts/notokr-bold.ttf') format('truetype'),
url('../../img/fonts/notokr-bold.svg#notokr-bold') format('svg');
font-weight: 600; 
font-style: normal;
}
@font-face {
   font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
   src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
   url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('http://script.ebay.co.kr/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('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('http://script.ebay.co.kr/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('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
   url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ´ÙÅ©¸ðµå Ãß°¡*/
.wr_light {display:none !important;}
body{transition: all 0.3s}
body.dark {transition: all 0.3s}
body.dark, .dark td, .dark input, .dark textarea, .dark div, .dark th, .dark p, .dark a, .dark address .dark ul {color:#fff;z-index:0;}
.dark a:link {color:#fff;}

/* Ç¥ÁØ ¼±ÅÃÀÚ */
html {/*overflow:hidden;overflow-y:scroll;*/}
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body, td, input, textarea, div, th, p, a, address ul {font-family:'notokr','Montserrat';  margin:0; padding:0; font-size:13px; color:#666;line-height:1.4; letter-spacing:-0.05em;/*overflow:hidden;*/}
a:link      {color:#333; text-decoration:none}
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; vertical-align:middle}
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}
li {vertical-align:top;}
h1 {font-weight:normal;color:#000;}
p {color:#333;}
/* Á¤·Ä */
.center {text-align:center;}
.txtleft {text-align:left !important;}
/* ¸¶Áø */
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.nomgb {margin-bottom:0px !important;}
.nomgt {margin-top:0px !important;}
/* Æеù */
.nopdt {padding-top:0px !important;}
.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt25 {padding-top:25px;}
.pdt30 {padding-top:30px !important;}
.pdt50 {padding-top:50px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:80px;}
.nopdb {padding-bottom:0px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}
.pdb80 {padding-bottom:80px;}
/* ÆùÆ® */
.nnmj {font-family: 'Nanum Myeongjo' !important;}
.pt {font-family: 'PT Serif' !important;}
.robo {font-family:Roboto Condensed, notokr !important;}
.rooclr {color:#94775f;}
/* º´¿øÄ÷¯ */
.srclr {color:#ce171f !important;}
.srclroc {color:#ffb6b0 !important;}
.srbgclr {background:#ce171f !important;}
.sbclr {color:#d8f0ff !important}
.whtclr {color:#fff !important;}
.blcclr {color:#000 !important;}
.grayclr {color:#333 !important;}
.redclr {color:#ce171f !important;}
.bold{font-weight:600!important;}
/* common elements */
.bt {display:block}

.mobile-style {display:none;}
.pc-style {display:block;}

img.pc {display:block;}
img.mobile {display:none;}
.displaynone {display:none !important}
.displaybrblock {display:none}
@media screen and (max-width:1200px) {
.image img.pc {width:100%}
}
@media screen and (max-width:1024px) {
/* ¸¶Áø */
.mgt20 {margin-top:0px !important;}
/* Æеù */
.pdt25 {padding-top:0px;}
.pdt30 {padding-top:0px;}
.pdt50 {padding-top:20px;}
.pdt80 {padding-top:40px;}
.pdb70 {padding-bottom:30px;}
.pdb80 {padding-bottom:40px;}
.mnopdt {padding-top:0px;}

.mobile-style {display:block;}
.pc-style {display:none;}

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

/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999}
#page-loader > .inner2 {display:table; width:100%; height:100%}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin:25% auto;
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #9e8b76;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@media screen and (max-width:768px) {
.spinner {margin: 60% auto;}
}