@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);                /*Noto Sans KR*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);               /*Nanum Gothic*/
/*@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);*/           /*KoPub Batang*/
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');    /*Iropke Batang*/

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0 none;
    font-family: "Noto Sans KR", "나눔옛한글", "Nanum Gothic", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #222;
    /*letter-spacing: -0.05em;*/
}

html, body {height:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
body {word-break:keep-all; *word-break:break-all; -ms-word-break:break-all;}

img {/*width:auto;*/ max-width:100%; height:auto; vertical-align:top;}
a {background-color:transparent;} 
a:link, a:visited {color:#333; text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline;}
a:hover, a:active {color:#333; cursor:pointer; outline: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}

audio, canvas, progress, video {display:inline-block; vertical-align:baseline;} 
audio:not([controls]) { display: none; height: 0; }
embed, object, video{ min-width:100%;min-height:100%; }
/*
[hidden], template { display: none; } 
abbr[title] { border-bottom: 1px dotted; } 

mark { background: #ff0; color: #000; } 
small { font-size: 80%; } 
sub, sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline; } 
sup { top: -0.5em; } 
sub { bottom: -0.25em; } 
*/
menu, ol, ul, li, dl, dt, dd {list-style:none;}
dt {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {width:100%; border:0 none; border-collapse:collapse; border-spacing:0;}
td, th {padding:0; font-weight:normal; word-break:normal;} 

b, strong {font-weight:bold;} 
i, em, u, cite, address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal}

button, input, optgroup, select, textarea {margin: 0; font-size:100%; vertical-align:middle; /*color: inherit; font: inherit;*/} 
button {overflow:visible; border:0 none; background-color:transparent; cursor:pointer} 
button * {position:relative;}
button, select {text-transform: none;} 
button, html input[type="button"], input[type="reset"], input[type="submit"],input[type='file'] {-webkit-appearance:button;  border-radius:0, cursor:pointer;} 
button[disabled], html input[disabled] {cursor:default;} 
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} 
button img {left:-3px; *left:auto;}

input {font-size:100%; vertical-align:middle} 
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;} 
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox} 
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;} 
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type='text'], input[type='password'], input[type='submit'], input[type='search'] {-webkit-appearance:none; border-radius:0} 

/*
input[type=checkbox] { margin:0 3px 0 0; padding:0; *margin:-3px 0 0 -3px; vertical-align:middle; *vertical-align:-3px; }
input[type=radio] { margin:0 3px 0 0; padding:0; *margin:-3px 0 0 -3px; vertical-align:middle; *vertical-align:-3px; }
*/
fieldset {border:0 none;}
label {vertical-align:middle; cursor:pointer; /*text-indent:-9999px; position:absolute; top:0; overflow:hidden;*/}
legend, caption, hr, figcaption {display:none;}
legend {*width:0;}
textarea {overflow:auto; resize:none; } 
optgroup {font-weight:bold;} 
option {padding-right:6px;}



/* hidden type */
.skip {position:absolute;top:0;height:0;font-size:0;}

/* skip Navi */
#accessibility {position:absolute; z-index:200; left:0; top:0; width:100% }
#accessibility a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#222; font-size:16px; }/**/
#accessibility a:focus, #accessibility a:active {width:100%; height:auto; padding:9px 0; background:#ffc600; }/**/

.clearfix {/*width:100%;*/}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}

.ellip {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.blind {position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}