@charset "utf-8";


@import url(//fonts.googleapis.com/css?family=Lato:400,700,900);

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('NanumGothic-Regular'), local('NanumGothic-Regular'),
    url(./fonts/NanumGothic-Regular.eot),
    url(./fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NanumGothic-Regular.woff2) format('woff2'),
    url(./fonts/NanumGothic-Regular.woff) format('woff'),
    url(./fonts/NanumGothic-Regular.ttf) format('opentype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: local('NanumGothic-Bold'), local('NanumGothic-Bold'),
    url(./fonts/NanumGothic-Bold.eot),
    url(./fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NanumGothic-Bold.woff2) format('woff2'),
    url(./fonts/NanumGothic-Bold.woff) format('woff'),
    url(./fonts/NanumGothic-Bold.ttf) format('opentype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: local('NanumGothic-ExtraBold'), local('NanumGothic-ExtraBold'),
    url(./fonts/NanumGothic-ExtraBold.eot),
    url(./fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(./fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
    url(./fonts/NanumGothic-ExtraBold.woff) format('woff'),
    url(./fonts/NanumGothic-ExtraBold.ttf) format('opentype');
}

html,body	{width:100%;height:100%;font-family: 'Nanum Gothic';font-size:12px;color:#777;line-height:160%;letter-spacing:-0.05em;}
html,body,td,select,div,form,textarea,center,option,pre,blockquote,form,fieldset, h1, h2, h3, h4, h5, form, p,ol, ul, li, dl, dt, dd {border:0;padding:0;margin:0;}

span,button,input	{margin:0;padding:0;border:0 none;}
ol, ul, li, dl, dt, dd	{list-style:none;}
img {border:0 none;-ms-interpolation-mode:bicubic; /* IE 7에서 이미지를 축소/확대시 계단현상이 생기는 것을 방지 */}
a,img,input,select	{vertical-align:middle;}
/*a,img,input,select	{word-wrap:expression( this.style.wordWrap="normal",this.hideFocus=true);}*/

button	{border:0 none; padding:0; margin:0; background:transparent; cursor:pointer; *overflow:visible; vertical-align:middle; }
button::-moz-focus-inner {
    padding:0;
    border:0;
}
table, th, td	{word-break:break-all;}
table {border-collapse:collapse;border-spacing:0;border:0 none;}
caption	{display:none;}

form {margin:0;}
fieldset	{border:0 none;padding:0;margin:0;}
legend	{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

button, input, select, textarea {font-size:inherit;color:inherit;margin:0;vertical-align:middle;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"],
input[type="reset"], input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible;  /* IE 7에서 텍스트 입력에 영향을 주지 않고 내부 간격을 제거하는 핵 */
}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* IE 8/9에서 box sizing 속성값을 content-box에서 border-box로 변경 */
    padding: 0; /* IE 8/9에서 패딩 제거 */
    *height: 13px; /* IE 7에서 핵을 이용해 패딩 제거 */
    *width: 13px; /* IE 7에서 핵을 이용해 패딩 제거 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* 사파리 5와 크롬에서 텍스트 입력이 가능하게 설정 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 콘텐츠 영역만큼의 크기만 설정하도록 content-box 설정 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}/* 맥의 OS X기반의 사파리 5와 크롬의 내부 패딩과 검색 취소 버튼을 제거 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}/* 파이어폭스용 버튼 내부패딩없애기  */
textarea {
    overflow:auto;/* IE 6/7/8/9의 textarea 요소에 기본 지정된 세로 스크롤 제거 */
    vertical-align:top; /* 모든 브라우저에서 가독성 향상과 정렬을 위함 */
    resize:none;
}
a, input[type="button"], button	{font-family: 'Nanum Gothic';display:inline-block;*display:inline;*zoom:1;}
a	{border:0 none;color:inherit;*color:#666;}
a:link	{text-decoration:none; }
a:visited	{text-decoration:none; }
a:hover	{text-decoration:underline; }
a:active	{text-decoration:underline; }
a:focus	{text-decoration:underline; }

/* html5  reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
abbr[title] {border-bottom:1px dotted;}
blockquote {margin:0;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background: #ff0;color: #000;}
p, pre {margin:0;}
code, kbd, pre, samp {font-family:monospace, serif;_font-family:'courier new',monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:'';content:none;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow:hidden;}/* IE 9에서 svg 요소가 영역의 크기를 벗어나지 않도록 설정 */
figure {margin:0;}
/** COMMON **/
html, body		{width:100%;height:100%;}
h1, h2, h3, h4, h5, b, strong   {font-weight:600;}

/* button default disabled type */
button:focus	{outline:0 none;}
button:disabled, button.disabled {cursor:default;}
button:disabled i, button.disabled i {opacity:.3;cursor:default;}
button:disabled:hover i, button.disabled:hover i {opacity:.2;}

img				{border:0 none;line-height:0;font-size:0;}

hr				{display:none;}
caption			{display:none;}
.hidden			{display:none;}

.vHidden		{visibility:hidden;}


.br_width2	{border-width:2px !important;}

.bold   {font-weight:bold;}
.red    {color:#db2929;}
.blue   {color:#195886;}
.sky    {color:#27aae1}
.black  {color:#333;}
.gray	{color:#888;}

.font_lato	{font-family:'Lato','NanumGothic','돋움',dotum;}
.f13	{font-size:13px;}
.f26	{font-size:26px;line-height:30px;}

.cBoth			{clear:both;}
.fLeft			{float:left;}
.fRight			{float:right;}
.tLeft			{text-align:left;}
.tCenter		{text-align:center;}
.tRight			{text-align:right;}

/*180309 ej*/
.brn {border-right: 0;}