@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


@font-face {
    font-family: 'ngl';
    src: url('/images/fonts/notokr-light.eot');
    src: url('/images/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/notokr-light.woff2') format('woff2'),
         url('/images/fonts/notokr-light.woff') format('woff'),
         url('/images/fonts/notokr-light.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'ngn';
  font-stretch:normal;
  font-style:normal;
  font-weight: 400;
  src: url(/images/fonts/notokr-regular.eot);
  src: url(/images/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
       url(/images/fonts/notokr-regular.woff2) format('woff2'),
       url(/images/fonts/notokr-regular.woff) format('woff'),
       url(/images/fonts/notokr-regular.ttf) format('truetype');
}

@font-face {
  font-family: 'ngb';
  font-stretch:normal;
  font-style:normal;
  font-weight: 700;
  src: url(/images/fonts/notokr-bold.eot);
  src: url(/images/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
       url(/images/fonts/notokr-bold.woff2) format('woff2'),
       url(/images/fonts/notokr-bold.woff) format('woff'),
       url(/images/fonts/notokr-bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic R';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic B';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic EB';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* Reset */
html, body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, input, legend {margin:0;padding:0;font-size:16px; font-family:'ngn', 'Noto Sans','Nanum Gothic R', Gothic, '고딕', dotum, '돋움', sans-serif;color:#666;line-height:1.5em;}
h1, h2, h3, h4, h5, h6 {font-size:12px;font-family:'ngn', 'Noto Sans','Nanum Gothic R', Gothic, '고딕', dotum, '돋움',  sans-serif;color:#707070;line-height:1.5em;}
ul, ol {list-style:none;}
img, fieldset, abbr, acronym {border:0 none;}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal;font-family:dotum, '돋움', sans-serif;}
input, select, button, textarea {font-size:14px;font-family:'ngn', 'Noto Sans','Nanum Gothic R', Gothic, '고딕', dotum, '돋움',  sans-serif;color:#333;line-height:1.5em;}
button {display:inline-block; margin:0; padding:0;border:0 none; background:none;}

/* Base */
hr {display:none}
caption, legend {position:absolute;top:-9999px;overflow:hidden;text-indent:-1000em;}
legend {display:none;visibility:hidden;}
a {color:#666;text-decoration:none;}
a:focus, a:hover, a:active {color:#666;text-decoration:none;}
input.text,input.password,textarea.textarea {height:28px;margin:0;padding:0px;vertical-align:top;border:1px solid #aaaaaa;background:#ececec;}
input.file {height:28px;margin:0;vertical-align:top;border:1px solid #aaaaaa;background:#ececec;}
input.button, input.submit , input.image,button {cursor:pointer;}
input.checkbox {width:12px;height:12px;margin-top:-1px;vertical-align:middle;border:1px solid #404040;}
input[type="text"] {height:32px;text-indent:10px;border:1px solid #d5d5d5;vertical-align:middle;}
input[type="text"]::-ms-clear{display: none; }
input[type="radio"] {width:15px;height:15px;vertical-align:middle;border:1px solid #a8a8a8;border-radius:50%;background-color:#fff;-webkit-appearance:none;appearance:none;}
input[type="radio"]:checked {}
input[type="checkbox"] {width:15px;height:15px;vertical-align:middle;border:1px solid #a8a8a8;background-color:#fff;-webkit-appearance:none;appearance:none;}
input[type="checkbox"]:checked {}
input[type="radio"]+label, input[type="checkbox"]+label {display:inline-block;margin-left:9px;font-size:14px;color:#707070;line-height:1em;vertical-align:middle;}
select {height:34px;margin:0;padding:0 18px 0 4px;font-size:14px;color:#666;border:1px solid #d5d5d5;vertical-align:top;-webkit-appearance:none;appearance:none;}
select::-ms-expand {display: none;}
select.small {height:30px;margin:0;padding:0 25px 0 13px;font-weight:500;font-size:13px;color:#262626;border:1px solid #d5d5d5;border-radius:15px;vertical-align:top;-webkit-appearance:none;appearance:none;}
textarea {text-indent:15px;border:1px solid #d5d5d5;vertical-align:middle;}
pre {overflow:auto;}
label {cursor:pointer;font-size:14px;}
sub,sup {vertical-align:baseline;}
span {display:inline-block;zoom:1;*display:inline !important;}
*{margin:0;padding:0;}
.clearfix:after  {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */
.blind {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);}

/*skip navigation*/
#skipNavi {position:absolute; left:0; top:0; z-index:9999; }
#skipNavi ul li a {position:absolute; display:block; width:150px; margin:0 auto; left:0; top:-10000px; z-index:500; font-size:12px;}
#skipNavi ul li a:hover, #skipNavi ul li a:focus, #skipNavi ul li a:active {position: absolute; top: 0; line-height:2em; color:#fff; background:#69696c; z-index:500;}

/* align */
.of{overflow:hidden !important; width:100%;}
.clearB {clear:both !important;}
.floatL {float:left !important;}
.fl {float:left !important;}
.floatR {float:right !important;}
.fr {float:right !important;}
.textL {text-align:left !important;}
.textC{text-align:center !important;}
.ac{text-align:center !important;}
.textR {text-align:right !important;}
.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}
.positionR {position:relative !important;}
.positionA {position:absolute !important;}

/* font */
.colorBlack {color:#000 !important;}
.colorWhite {color:#fff !important;}
.colorRed {color:#ff0000 !important;}
.fontS_14 {font-size:14px !important;}
.fontW_b{font-weight:bold !important;}
.fontW_n{font-weight:normal !important;}
.textD_u {text-decoration:underline !important;}
.textD_m {text-decoration:line-through !important;}
.lineH13 {line-height:1.3em !important;}
.lineH15 {line-height:1.5em !important;}
.lineH20 {line-height:2em !important;}

/* margin padding */
.mgt-1 {margin-top:-1px;}

/* dispaly */
.show {display:block !important;visibility:visible !important;}
.hide {display:none !important;visibility:hidden !important;}
/*.description {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);}*/

/* border */
.bdb_none {border-bottom:0 none !important;}

/* background */
.bgNone {background:none !important;}


/*마진,패딩 클래스*/
.mt_200 {margin-top:-200px !important;}
.mt0 {margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}

.ml0 {margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}

.mr0 {margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}

.pt0 {padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}

.pb0 {padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}

.pl0 {padding-left:0px !important;}
.pl05 {padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl85{padding-left:85px !important;}
.pl95{padding-left:95px !important;}

.pr0 {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}