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

/* 표준 선택자 */
* {-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:'Roboto', 'Alegreya Sans', 'notokr'; font-size:15px; color:#777; letter-spacing:-0.05em}
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%}