@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-size: 13px;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* common */
body {font-family: 'Noto Sans KR', sans-serif;}
a {text-decoration:none; color:#555;}
table {table-layout:fixed; width:100%;}
select, button {font-family: 'Noto Sans KR', sans-serif; font-size:12px;}
button {background:transparent; border:0; margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; cursor:pointer;}
textarea {font-family: 'Noto Sans KR', sans-serif;}
legend {overflow:hidden; position:absolute; left:-1000%; height:0;}
input {font-family: 'Noto Sans KR', sans-serif; font-size:12px;}
img {vertical-align:top;}

/* Accessbility */
#skipNav {position:relative;}
#skipNav a {position:absolute; top:0; left:-100%; background:black; width:100%; line-height:20px; color:#fff;}
#skipNav a:hover, #skipNav a:focus {left:0; text-align:center; z-index:99;}
.acc {position:absolute; left:-100%; width:0;}
.acc table {table-layout:auto; width:0;}

/* Align */
.ac {text-align:center !important;}
.ar {text-align:right;}
.al {text-align:left !important;}
.fl {float:left;}
.fr {float:right;}
.vt * {vertical-align:top !important;}
.vm * {vertical-align:middle;}
.ti {text-indent:-1000em;}

/* Gap */
.mt00 {margin-top:0px !important;}
.mt05 {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;}
.mmt35 {margin-top:-35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}


.ml00 {margin-left:0px !important;}
.ml05 {margin-left:5px !important;}
.ml08 {margin-left:8px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}

.p00 {padding:0px !important;}
.pt00 {padding-top:0px !important;}
.pb00 {padding-bottom:0px !important;}
.pb30 {padding-bottom:30px !important;}
.pl05 {padding-left:5px !important;}
.pl13 {padding-left:13px !important;}
.pl20 {padding-left:20px !important;}
.pl50 {padding-left:50px !important;}
.pt30 {padding-top:30px !important;}
.pr10 {padding-right:10px !important;}

/* Font */
em {color:#34b458;} /* Green */
strong {color:#ff9800;} /* Orange */

.bold {font-family:'nngb';}
.esnt {color:#fe6373;}

.tdu {text-decoration:underline;}
.ttu {text-transform:uppercase;}

.fcBlk {color:black;}
.fcBlu {color:#018fdc;}
.fcRed {color:#F00202;}
.fcGry {color:#555 !important;}
.fcGry2 {color:#787878 !important;}
.fcGrn {color:#34b458 !important;}


.bgGrn {background-color:#34b458;border:1px solid #48a757;}
.bgGry {background-color:#9b9b9b;border:1px solid #8c8c8c;}

.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}

.mw100{max-width: 100% !important;}
.mw80{max-width: 80% !important;}
.mw60{max-width: 60% !important;}
.mw40{max-width: 40% !important;}



/* Temp */
.db {display:block;}
.dib {display:inline-block;}
.of, .elips {overflow:hidden;}
.elipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.w100 {width:100% !important;}
.w30{width:32.5% !important;}
.clfix:after {content:""; display:block; height:0px; clear:both; visibility:hidden;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {*zoom:1;} /*for IE 5.5-7*/
.btnn {border-top:none !important;}
.blind {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
.nobdr {border:none !important;}
.nobg{background:none !important;}
.bgSha {background: url("../images/bg/bg_shadow.png");}
.hide {display:none;}
.hide.on {display:block;}
.noPad {padding:0 !important;}
img#SITE_ST_LOGO {
   width: 130px;
    height: 25px;
    margin-top: 25px;
   }
.link { background-color: rgb(255, 255, 255);    margin-top: 20px;  margin-right: 20px; line-height:16px;   color: #040100; display:inline-block;   border:1px solid #dedede;   border-radius: 10px;    box-shadow: 0 1px 0px #b2b2b2;  padding: 10px 25px 10px 26px;   font-size: 15px;}

.guide_tit {margin-top:30px; font-size:30px; color:black;}
.guide_tit:first-child {margin-top:0;}
.guide_txt {margin-top:10px; font-size:16px; color:#555;}
.guide_box {background:white;border-radius:3px; box-shadow:1px 1px 3px #3f3f3f inset, -1px -1px 3px #3f3f3f inset, -1px 1px 3px #3f3f3f inset, 1px -1px 3px #3f3f3f inset; margin:20px -25px 0; padding:20px;}