@charset "euc-kr";
/*fonts*/
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:500');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:700');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@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-light') 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: 'Gotham';
    font-style: normal;
    font-weight: 300;
    src: url('../../img/fonts/GothamLight.eot');
    src: local(''),
         url('../../img/fonts/GothamLight.woff') format('woff'),
         url('../../img/fonts/GothamLight.otf') format('opentype');
}
@font-face{
    font-family: 'GothamB';
    font-style: normal;
    font-weight: 400;
    src: url('../../img/fonts/Gotham/GothamBook.eot');
    src: local(''),
         url('../../img/fonts/GothamBook.woff') format('woff'),
         url('../../img/fonts/GothamBook.otf') format('opentype');
}
@font-face{
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 500;
    src: url('../../img/fonts/GothamMedium.eot');
    src: local(''),
         url('../../img/fonts/GothamMedium.woff') format('woff'),
         url('../../img/fonts/GothamMedium.otf') format('opentype');
}
@font-face{
    font-family: 'GothamB';
    font-style: normal;
    font-weight: 600;
    src: url('../../img/fonts/GothamBold.eot');
    src: local(''),
         url('../../img/fonts/GothamBold.woff') format('woff'),
         url('../../img/fonts/GothamBold.otf') format('opentype');
}
/* Ç¥ÁØ ¼±ÅÃÀÚ */
* {
    -webkit-text-size-adjust: none;
    box-sizing: border-box
}
:before, :after {
    box-sizing: border-box
}
body, td, input, textarea, div, th, p, a, address ul {
    margin: 0;
    padding: 0
}
body {
    font-family: /*'Raleway',*/ 'notokr';
    font-size: 15px;
    color: #777;
    letter-spacing: -0.05em
}
.nnmj {font-family: 'Nanum Myeongjo' !important;}
.pt {font-family: 'PT Serif' !important;}
.ntk {font-family:notokr}
a:link {
    color: #333333;
    text-decoration: none
}
a:visited {
    color: #333333;
    text-decoration: none
}
a:active {
    color: #333333;
    text-decoration: none
}
a:hover {
    color: #666666;
    text-decoration: none
}
form, p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.1
}
fieldset, img {
    margin: 0;
    padding: 0;
    border: 0
}
img, input {
    vertical-align: middle
}
caption, legend {
    display: none
}
address, em, i {
    font-style: normal
}
ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}
dl, dt, dd {
    margin: 0;
    padding: 0
}
input, button, select {
    font: inherit
}
.clearfix:before, .clearfix:after {
    display: block;
    content: ''
}
.clearfix:after {
    clear: both
}
/* common elements */
.btn {
    display: inline-block;
    font-family: 'Nanum Gothic', 'Raleway', 'NanumSquare'
}
.full-img img, img.full-img {
    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 {  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;}
}