@charset "utf-8";
/*********************************************
+ Reset css Document
+ Version : 1.0
+ Copyright : Web's republic Inc.
*********************************************/

/*font*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|PT+Serif|Ubuntu');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 font-style: normal;
 src: url(../fonts/NanumSquareR.eot);
 src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
   url(../fonts/NanumSquareR.woff) format('woff'),
   url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 600;
 font-style: normal;
 src: url(../fonts/NanumSquareB.eot);
 src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
   url(../fonts/NanumSquareB.woff) format('woff'),
   url(../fonts/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumMyeongjo';
 font-weight: 400;
 font-style: normal;
 src: url(../fonts/NanumMyeongjo.eot);
 src: url(../fonts/NanumMyeongjo.eot?#iefix) format('embedded-opentype'),
   url(../fonts/NanumMyeongjo.woff) format('woff'),
   url(../fonts/NanumMyeongjo.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumMyeongjoB';
 font-weight: 600;
 font-style: normal;
 src: url(../fonts/NanumMyeongjoBold.eot);
 src: url(../fonts/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
   url(../fonts/NanumMyeongjoBold.woff) format('woff'),
   url(../fonts/NanumMyeongjoBold.ttf) format('truetype');
}

/* Noto Sans */ 
@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-regular') 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');
}


/* reset */
* {margin:0; padding:0; -webkit-text-size-adjust:none; box-sizing:border-box}
*:focus {outline:none}
::selection {color:#fff; background:#848484}
html, body {height:100%}
body, td, input, textarea, div, th, p, a, address ul {
	font-family:'Ubuntu','PT Serif','Noto Sans','notokr';
	margin:0;
	padding:0;
	font-size:13px;
	color:#3b3b3b;
	line-height:1.75
}
.ptFont {font-family:'PT Serif'}
.notoSans {font-family:'Noto Sans'}
form, p, h1, h2, h3, h4, h5, h6 {line-height:1}
img {display:block; max-width:100%}
blockquote, fieldset, img {margin:0; padding:0; border:0}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol, dl {list-style:none; margin:0; padding:0}
input, button, select {font:inherit}
button {margin:0; padding:0; border:0}
button::-moz-focus-inner {margin:0; padding:0; border:0}
a {color:#3b3b3b; text-decoration:none}
a:link {color:#3b3b3b; text-decoration:none}
a:visited {color:#3b3b3b; text-decoration:none}
a:active {color:#3b3b3b; text-decoration:none}
a:hover {color:#6b6b6b; text-decoration:none}
.clearfix {clear:both}
.clearfix:after {clear:both; content:''; display:block}
.fixwidth img {display:block; width:100%}