@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;
}

.nnmj {font-family: 'Nanum Myeongjo' !important;}
.pt {font-family: 'PT Serif' !important;}
.ntk {font-family:notokr}

/* Ç¥ÁØ ¼±ÅÃÀÚ */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body {position:relative}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Montserrat','notokr';  margin:0; padding:0; font-size:12px; color:#666; letter-spacing:-0.05em}
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=text], input[type=password], input[type=button], input[type=submit] {-webkit-appearance:none}
.clearfix:before, .clearfix:after {display:block; content:''}
.clearfix:after {clear:both}
/* common elements */
.bt {display:block}
.displaynone {display:none !important}


/* 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 {  margin: 25% auto;  width: 40px;  height: 40px;  position: relative;  text-align: center;  -webkit-animation: sk-rotate 2.0s infinite linear;  animation: sk-rotate 2.0s infinite linear;}
.dot1, .dot2 {  width: 60%;  height: 60%;  display: inline-block;  position: absolute;  top: 0;  background-color: #94775f;  border-radius: 100%;  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;  animation: sk-bounce 2.0s infinite ease-in-out;}
.dot2 {  top: auto;  bottom: 0;  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s;}
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-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;}
}