/* NanumGothic */
@font-face{font-family:"ng"; font-style:normal; font-weight:normal;
src:url(../font/NanumGothic.woff) format('woff');
src: local('ng'), url(../font/NanumGothic.woff) format('woff');}
@font-face{font-family:"ngB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicBold.woff) format('woff');}
@font-face{font-family:"ngEB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicExtraBold.woff) format('woff');}

/* IE7 IE8 */
@font-face{font-family:"ng"; font-style:normal; font-weight:normal;
src:url(../font/NanumGothic.eot);
/*src: local('ng'), url(../fonts/NanumGothic.woff) format('woff');*/}
@font-face{font-family:"ngB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicBold.eot) format('eot');}
@font-face{font-family:"ngEB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicExtraBold.eot) format('eot');}

/* CSS ÃʱâÈ­ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
box-sizing:border-box;
-webkit-print-color-adjust:exact; 
}

body { width:100%; height:100%; font-size:16px; line-height:1;
  font-family: 'ng', 'ngB', 'dotum', sans-serif;
  margin:0 auto; letter-spacing:-0.5px; color:#555;
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{
display:block;
}

nav ul, li{
list-style:none;
}

a{
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
border:none;
color:#555;
border:0;
font-family:"ng";
}

h1,h2,h3,h4,h5,h6 {font-family: 'ngB', 'ng';  letter-spacing: -1px; font-weight:normal; }

img{
border: none;
vertical-align:top;
}

hr{
display:block;
height:2px;
border:0;
margin:0;
padding:0;
}

input, textarea{
margin:0;
padding:0;
background:#fff;
border:1px solid #dbdbdb;
color:#555;
padding:0 7px;
font-family:'Dotum';
font-size:12px;
vertical-align:top;
border-radius:0;
}
input[type="checkbox"],input[type="radio"]{border:0;}

fieldset {
display: block;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0;
min-width: -webkit-min-content;
}

legend{display:none;}
::-moz-input-placeholder, ::-moz-textarea-placeholder{
color:#777;
}

::-webkit-input-placeholder, ::-webkit-textarea-placeholder{
color:#777;
}

input[type="checkbox"] { vertical-align:middle; margin:0 0 0 10px; border:0;}
input[type="radio"] { margin-right:7px;  vertical-align: middle; }
input[type="text"],input[type="password"],input[type="file"] { background:#fff; height:30px; line-height:30px; border:1px solid #dbdbdb; padding:0 5px; vertical-align:middle; }
input[type="file"] {padding:0;border:0;}
@media \0screen{input[type="file"]{border:1px solid #dbdbdb;}}
select { background:#fff; height:30px; border:1px solid #dbdbdb; padding:0 0 0 5px; vertical-align:middle;}
caption { width:1PX;
         height:1px;
         overflow:hidden;
         font-size:0px;
         line-height:0;}
.hidden { width:1PX !important;
         height:1px !important;
         overflow:hidden !important;
         font-size:0px !important;
         line-height:0px !important;}
.blind { width:1PX;
         height:1px;
         overflow:hidden;
         font-size:0px;
         line-height:0;}

/* layout */
html, body { width:100%; height:100%; background:#fff; }

/* error 404 */
.colorBg { width:100%; height:100%; background:#f3f3f3; }
#errorPage { width:100%; height:100%; position:relative; background:#f3f3f3; }
#errorPage .errorWrap { width:45.16%;  max-width:560px; margin:0 auto;  }
#errorPage .errorWrap .errorBg { position:absolute; top:50%; width:45.16%;  max-width:560px; margin-top:-287px; padding:65px 30px; text-align: center; background:#fff url(/errorBgImg.png) no-repeat center 66px; ; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#errorPage .errorWrap .errorBg .errorTitle { font-family: "ngB"; font-size:45px; color:#000; text-align: center; margin-top:165px; letter-spacing: -2.4px; }
#errorPage .errorWrap .errorBg .errorDesc { font-family: "ng"; font-size:17px; color:#333; text-align: center; padding:40px 0; line-height: 24px; letter-spacing: -1px;}
#errorPage .errorWrap .errorBg .errorDesc > span { color:#285ea4; }
#errorPage .errorWrap .errorBg .btn { display:inline-block; border:none; padding:20px 30px; color:#fff; background:#285ea4; font-size:17px; text-align: center; font-family: "ngB"; }