@charset "utf-8";
@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );
/*@font-face {
  font-family: 'ng';
  font-style: normal;
  font-weight: 400;
  src: url('/front/font/NanumGothic_Regular.eot');
  src: local(※), url('/front/font/NanumGothic_Regular.woff') format('woff');
}
@font-face {
  font-family: 'ng';
  font-style: normal;
  font-weight: 600;
  src: url('/front/font/NanumGothic_Bold.eot');
  src: local(※), url('/front/font/NanumGothic_Bold.woff') format('woff');
}
@font-face {
  font-family: 'ng';
  font-style: normal;
  font-weight: 800;
  src: url('/front/font/NanumGothic_ExtraBold.eot');
  src: local(※), url('/front/font/NanumGothic_ExtraBold.woff') format('woff');
}*/


/*base attitude*/
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, dl, dt, dd, ol, ul, li, button,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
/*
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	font-size:inherit;
	vertical-align:baseline;
*/
 	font-style:inherit;
	font-family: "Noto Sans KR", sans-serif;
	font-size:inherit;
	vertical-align:top;
	letter-spacing:0;
	line-height:1.2;
}
html, body {width: 100%;height:100%; font-weight:400; -webkit-text-size-adjust: none;}

/* common element */
body {font-size:16px; color:#000; background:#fff;}
img {border:none; vertical-align:middle;}
input, img, select {vertical-align:middle;}
button {background:transparent; cursor:pointer; vertical-align:middle; margin:0; padding:0; border:none;}
button span {display:none;}

/* font */
i, em, cite {font-style:normal;}
address{display:inline;}
u {font-style:inherit;}
p {color:#000;}
h1, h2, h3, h4, h5, h6{line-height:1.2; font-weight:600; color:#333;}

/* form element */
form {display:block;}
input, textarea {color:#000; vertical-align:middle; font-family:'ng', Malgun, '맑은 고딕', Dotum, '돋움', sans-serif;font-weight:400; resize:none;}
select {/* padding:1px 0; */color:#000; background: #fff; font-family:'ng', Malgun, '맑은 고딕', Dotum, '돋움', sans-serif;font-weight:400;vertical-align: middle;
border:0;
-moz-border-radius: 0;
-webkit-border-radius:0;
border-radius:0;
/* background:-webkit-gradient(linear, 0 0, 0 0, from(#fff), to(#fff)) */
}
select[disabled] {background: #f9f9f9;}

input[type="text"], input[type="password"], textarea {-webkit-appearance:none;-moz-border-radius: 0;-webkit-border-radius:0;border-radius:0;}
fieldset, blockquote, iframe {border:none;}
fieldset {display:block;}
/* object, embed {outline:0;} */
input[type="button"],input[type="submit"],input[type="image"],button {cursor:pointer;}
label.hiddens{display:block;position:absolute;top:-1000px;left:0;width:100%;height:1px;color:#222;overflow:hidden;z-index:99999999;}

input {padding:4px 5px 1px; vertical-align:middle; border:none; resize:none;background: #fff;}
input[disabled="disabled"] {background:fafafa;pointer-events: none; cursor: default;}
input[type~="text"] {padding:4px 5px 1px; border:1px solid #e2e2e2;background:none;}
input[type~="password"] {padding:4px 5px 1px; border:1px solid #e2e2e2;}
input[type~="file"] {padding:4px 2px 1px; border:none;}
input[type~="checkbox"] {margin:0;padding:0; height:13px; border:none;
-moz-border-radius: 0;
-webkit-border-radius:0;
border-radius:0;
background: #fff;
background:-webkit-gradient(linear, 0 0, 0 0, from(#fff), to(#fff))}
input[type~="checkbox"] + label {margin-right: 10px;position:relative;top:1px;}
input[type~="radio"] {margin:0; padding:0; height:13px; border:none;background:none;}
input[type="radio"] + label {margin-right: 10px; vertical-align: -1px;}
input[type~="image"] {margin:0; padding:0;}

::-webkit-input-placeholder{color:#777;} /* 웹킷 전용 속성 */
textarea:-moz-placeholder, input:-moz-placeholder{color:#777;} /* 파이어폭스 전용 속성 */

/* link element */
a:link {color:#000; text-decoration:none; }
a:visited {color:#000; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a[disabled="disabled"] {pointer-events: none; cursor: default;}

/*table element */
table {border-collapse:collapse; border-spacing:0; empty-cells:show;}
table, tr, th, td { border-collapse:collapse; background:none;vertical-align:middle;text-align:center;color:#000;}
th{font-weight:600;color:#333;}
caption, hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden;}

/* ul element */
ul, li, ol {list-style-type:none; margin:0; padding:0;}

/* hr element */
hr {clear:both; display:none;}

/* png image */
.png24 {tmp:expression(setPng24(this));}

/* clear float */
.clfix:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

/* 스킵네비게이션 */
#skipnavi {}
#skipnavi a {display:block;position:absolute;top:-1000px;left:0;width:100%;height:1px;color:#222;overflow:hidden;z-index:99999999;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {top:0px;left:0;background-color:#000;padding:7px 0 7px;height:auto;color:#fff;font-weight:normal;text-align:center;text-decoration:none;}

/* 여백 관련 */
.p0{padding: 0 !important;}
.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt11{padding-top:11px !important;}
.pt12{padding-top:12px !important;}
.pt13{padding-top:13px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl90{padding-left:90px !important;}
.pl140{padding-left:140px !important;}

.pb0{padding-bottom: 0 !important;}
.pb60{padding-bottom: 60px !important;}

.pr05{padding-right:5px !important;}

.m0{margin: 0px !important;}
.mt05{margin-top: 5px !important;}
.mt06{margin-top: 6px !important;}
.mt08{margin-top: 8px !important;}
.mt09{margin-top: 8px !important;}
.mt10{margin-top: 10px !important;}
.mt11{margin-top: 11px !important;}
.mt12{margin-top: 12px !important;}
.mt13{margin-top: 13px !important;}
.mt14{margin-top: 14px !important;}
.mt15{margin-top: 15px !important;}
.mt17{margin-top: 17px !important;}
.mt18{margin-top: 18px !important;}
.mt19{margin-top: 19px !important;}
.mt20{margin-top: 20px !important;}
.mt22{margin-top: 22px !important;}
.mt24{margin-top: 24px !important;}
.mt25{margin-top: 25px !important;}
.mt26{margin-top: 26px !important;}
.mt27{margin-top: 27px !important;}
.mt28{margin-top: 28px !important;}
.mt30{margin-top: 30px !important;}
.mt33{margin-top: 33px !important;}
.mt35{margin-top: 35px !important;}
.mt36{margin-top: 36px !important;}
.mt38{margin-top: 38px !important;}
.mt40{margin-top: 40px !important;}
.mt42{margin-top: 42px !important;}
.mt43{margin-top: 43px !important;}
.mt45{margin-top: 45px !important;}
.mt47{margin-top: 47px !important;}
.mt50{margin-top: 50px !important;}
.mt58{margin-top: 58px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt95{margin-top: 95px !important;}
.mt120{margin-top: 120px !important;}

.ml01{margin-left: 1px !important;}
.ml03{margin-left: 3px !important;}
.ml05{margin-left: 5px !important;}
.ml07{margin-left: 7px !important;}
.ml08{margin-left: 8px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left:15px !important;}
.ml30{margin-left:30px !important;}
.ml65{margin-left: 65px !important;}

.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb18{margin-bottom: 18px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}

.mr0{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr30{margin-right:30px !important;}
.mr100{margin-right:100px !important;}

.br0{border-right:0 !important;}
.bl0{border-left:0 !important;}