@charset "utf-8";
/*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('../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-light') 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;
}

@font-face{
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/GothamLight.eot');
    src: local(''),
         url('../fonts/GothamLight.woff') format('woff'),
         url('../fonts/GothamLight.otf') format('opentype');
}
@font-face{
    font-family: 'GothamB';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Gotham/GothamBook.eot');
    src: local(''),
         url('../fonts/GothamBook.woff') format('woff'),
         url('../fonts/GothamBook.otf') format('opentype');
}
@font-face{
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/GothamMedium.eot');
    src: local(''),
         url('../fonts/GothamMedium.woff') format('woff'),
         url('../fonts/GothamMedium.otf') format('opentype');
}

@font-face{
    font-family: 'GothamB';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/GothamBold.eot');
    src: local(''),
         url('../fonts/GothamBold.woff') format('woff'),
         url('../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:'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);
  }
}

.displaybrnone {display:block}
.displaybrblock {display:none}
@media screen and (max-width:768px) {
.spinner {margin: 60% auto;}
}
.pdt20 {padding-top:20px;}
.pdt127 {padding-top:127px;}

.pdb80 {padding-bottom:80px;}

.pd20 {padding:20px 0px;}
.pd40 {padding:40px 0px;}
.pd4020 {padding:40px 0px 20px;}
.pd80 {padding:80px 0px;}
.pd8020 {padding:80px 0px 20px;}
.pd2080 {padding:20px 0px 80px;}
.pd127 {padding:127px 0px;}
.pd64 {padding:64px 0px;}
.pd0127 {padding:0px 0px 127px;}
.pd070 {padding:0px 0px 70px;}

@media screen and (max-width:1024px) {

.displaybrnone {display:none}
.displaybrblock {display:block}

.pdt127 {padding-top:60px;}

.pd64 {padding:30px 0px;}
.pd80 {padding:20px 0px;}
.pd2080 {padding:20px 0px;}
.pd8020 {padding:20px 0px;}
.pd127 {padding:60px 0px;}
.pd0127 {padding:0px 0px 60px;}
.pd070 {padding:0px 0px 20px;}
}