@charset 'utf-8';
/* 나눔명조 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
/* font-family: 'Nanum Myeongjo', serif; */

/* 나눔스퀘어 */
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

/* Montserrat */
@import url('https://fonts.googleapis.com/css?family=Montserrat');


@font-face {
    font-family: 'notokr_thin';
    src: url('/font/notokr-thin.eot');
    src: url('/font/notokr-thin.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-thin.woff2') format('woff2'),
          url('/font/notokr-thin.woff') format('woff'),
          url('/font/notokr-thin.ttf') format('truetype'),
          url('/font/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: 100;
    font-style: 100;
}
@font-face {
    font-family: 'notokr_light';
    src: url('/font/notokr-light.eot');
    src: url('/font/notokr-light.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr-light.woff2') format('woff2'),
        url('/font/notokr-light.woff') format('woff'),
        url('/font/notokr-light.ttf') format('truetype'),
        url('/font/notokr-light.svg#notokr-light') format('svg');
    font-weight: 200;
    font-style: 200;
}
@font-face {
    font-family: 'notokr_demilight';
    src: url('/font/notokr-demilight.eot');
    src: url('/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-demilight.woff2') format('woff2'),
          url('/font/notokr-demilight.woff') format('woff'),
          url('/font/notokr-demilight.ttf') format('truetype'),
          url('/font/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: 300;
    font-style: 300;
}
@font-face {
    font-family: 'notokr_regular';
    src: url('/font/notokr-regular.eot');
    src: url('/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr-regular.woff2') format('woff2'),
        url('/font/notokr-regular.woff') format('woff'),
        url('/font/notokr-regular.ttf') format('truetype'),
        url('/font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: 400;
}
@font-face {
    font-family: 'notokr_medium';
    src: url('/font/notokr-medium.eot');
    src: url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-medium.woff2') format('woff2'),
          url('/font/notokr-medium.woff') format('woff'),
          url('/font/notokr-medium.ttf') format('truetype'),
          url('/font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: 500;
}
@font-face {
    font-family: 'notokr_bold';
    src: url('/font/notokr-bold.eot');
    src: url('/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
        url('/font/notokr-bold.woff2') format('woff2'),
        url('/font/notokr-bold.woff') format('woff'),
        url('/font/notokr-bold.ttf') format('truetype'),
        url('/font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 600;
    font-style: 600;

}
@font-face {
    font-family: 'notokr_black';
    src: url('/font/notokr-black.eot');
    src: url('/font/notokr-black.eot?#iefix') format('embedded-opentype'),
          url('/font/notokr-black.woff2') format('woff2'),
          url('/font/notokr-black.woff') format('woff'),
          url('/font/notokr-black.ttf') format('truetype'),
          url('/font/notokr-black.svg#notokr-black') format('svg');
    font-weight: 700;
    font-style: 700;

}

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('Gotham Book.woff') format('woff');
}

@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('Gotham-Book.woff') format('woff');
}
/*표기시 font-famil:Gotham-Book or Gotham Book 가능! */

@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url('GothamBookItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Light';
font-style: normal;
font-weight: normal;
src: local('Gotham Light'), url('GothamLight.woff') format('woff');
}


@font-face {
font-family: 'Gotham Light Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Italic'), url('GothamLightItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('GothamMedium.woff') format('woff');
}


@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('GothamMedium_1.woff') format('woff');
}


@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('GothamMediumItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('GothamBold.woff') format('woff');
}


@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('Gotham-Bold.woff') format('woff');
}


@font-face {
font-family: 'Gotham Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold Italic'), url('GothamBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Black Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Black Regular'), url('Gotham-Black.woff') format('woff');
}


@font-face {
font-family: 'Gotham Light Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Regular'), url('Gotham-Light.woff') format('woff');
}


@font-face {
font-family: 'Gotham Thin Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Regular'), url('Gotham-Thin.woff') format('woff');
}


@font-face {
font-family: 'Gotham XLight Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Regular'), url('Gotham-XLight.woff') format('woff');
}


@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url('Gotham-BookItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Italic'), url('Gotham-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Ultra Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Ultra Italic'), url('Gotham-UltraItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham XLight Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Italic'), url('Gotham-XLightItalic.woff') format('woff');
}

body{font-family: 'Noto Sans CJK KR', sans-serif;  color:#222222; letter-spacing: -0.05em;}
textarea,button{font-family: 'Noto Sans CJK KR', sans-serif;  color:#222222;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,fieldset,legend,p,blockquote,th,td {margin:0; padding:0; outline:none; word-break:keep-all; -webkit-text-size-adjust:none; border:0; letter-spacing:-0.05em;}
dl,ul,ol,menu,li {list-style:none; border:none; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
button {background-color:transparent; cursor:pointer; border:0;}
img {vertical-align:top; border:0;}
caption {display:none;}
a {text-decoration:none; color:black;}
address {font-style:normal;}
strong {font-weight:700;}
iframe {border:0;}
table {padding:0; border-spacing:0px; border:0; }
th, td {padding:0px;}


/* Scrollbar(test) */
/* Explorer에서 사용시
scrollbar-3dlight-color 왼쪽, 위 색상(바깥쪽)
scrollbar-arrow-color 화살표색상
scrollbar-track-color 스크롤바 뒷편(빈부분)
scrollbar-darkshadow-color 오른쪽, 아래 색상(안쪽)
scrollbar-face-color 스크롤바 색상;
scrollbar-highlight-color 왼쪽, 위 색상(안쪽);
scrollbar-shadow-color 오른쪽, 아래 색상(바깥쪽)}

-webkit- prefix 사용하는 브라우저
::-webkit-scrollbar 전체 스크롤 영역
::-webkit-scrollbar-button 화살표 버튼
::-webkit-scrollbar-track 버튼을 제외한 부분
::-webkit-scrollbar-thumb 움직이는 막대
::-webkit-scrollbar-corner 좌우 상하 스크롤바 만날 때 오른쪽 아래 공간
::-webkit-resizer-corner 공간으로 크기 변경 가능
*/

/* 스크롤바의 width */
::scrollbar { width:8px; }
::-webkit-scrollbar { width: 8px; /*height:3px;*/ }

/* 스크롤바의 전체 배경색 */
::scrollbar-track { background-color: #eaeaea; }
::-webkit-scrollbar-track { background-color: #eaeaea; }

/* 스크롤바 색 */
::-webkit-scrollbar-thumb { 
    background:rgba(0,0,0,0.60); 
	border-radius:20px;
}