@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);


/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }





/* CSS reset */


hr{display:none}
body{line-height:1;word-break: break-all;}

blockquote, q{quotes: none;}

ins{text-decoration:none;}
del{text-decoration:line-through;}


fieldset{margin:0;padding:0;border:0 none;}
legend, caption, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}




a {text-decoration:none;}
a:hover {text-decoration:none;}
img{vertical-align:top;}




/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, canvas{display:block; margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}








/* reset */
* {margin:0; padding:0}

html {font-family: Roboto, 'Noto Sans KR', 'Malgun Gothic', sans-serif; letter-spacing:-1px;}
body {height:100%; font-size:16px; color:#666; line-height:1.2; word-break:keep-all; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}

address,em {font-style:normal}
strong,b,th {font-weight:500;}
fieldset,img {border:0; vertical-align:middle}

ul,ol,dl,dt,dd,li {list-style:none}
h1,h2,h3,h4,h5,h6 {font-weight:bold; font-size:100%}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,iframe,fieldset,table,tr,th,td,button,thead, tbody, tfoot, pre, option {margin:0; padding:0; color:#666; letter-spacing:-1px;}


table {width:100%; border-spacing:0}
table th {border-collapse:collapse; *border-collapse:collapse}
table td {border-collapse:collapse}
button {border:none; background:none; cursor:pointer;}
button, textarea {font-family: Roboto, 'Noto Sans KR', 'Malgun Gothic', sans-serif; letter-spacing:-1px;font-size:12px;}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0}



/* IR */
.blind {position:absolute; width:0; height:0; font-size:0; line-height:0; text-align:left; text-indent:-999em}

#skip-nav{z-index:900; overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:100;}
#skip-nav a{display:block; width:100%; font-size:0; line-height:0; text-align:left}
#skip-nav a:hover, 
#skip-nav a:focus, 
#skip-nav a:active {position:static; left:0; padding:9px 0; height:auto; width:100%; background:#f2f2f2; font-size:12px; font-weight:bold; color:#000; line-height:16px; text-align:center; box-sizing:border-box;}

	


/*02월 16일*/



input[type='text'], input[type='password'], input[type='file'], input[type='search'] {height: 28px; line-height: 28px;font-size: 13px; margin: 0;   border: 1px solid #ddd;color: #666;padding: 0 0 0 1%; vertical-align: middle; background: #fff;width:99%; -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;}
input[type='button']	{-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;}
input[type='checkbox'],input[type='radio']	{padding:0;margin:0;}
input.search_board[type='text']	{height:28px;line-height:28px;}




input{vertical-align:middle;}
label{vertical-align:middle; font-size:14px; cursor:pointer;}
select {height:24px; margin:0; border: 1px solid #ddd; padding:0; font-size:13px; vertical-align:middle; color:#666;}
textarea {border:1px solid #ddd; color:#888; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;}