@charset "utf-8";

/*font family*/
@font-face {
	font-family:'NBG';
	src: local("?"),
		 url('/font/NBG.eot') format('eot'),
		 url('/font/NBG.woff') format('woff'),
		 url('/font/NBG.ttf') format('truetype');
}

@font-face {	 
	font-family:'NBG_B';
	src: local("?"),
		 url('/font/NBG_B.eot') format('eot'),
		 url('/font/NBG_B.woff') format('woff'),
		 url('/font/NBG_B.ttf') format('truetype');
}

@font-face {	 
	font-family:'NBG_L';
	src: local("?"),
		 url('/font/NBG_L.eot') format('eot'),
		 url('/font/NBG_L.woff') format('woff'),
		 url('/font/NBG_L.ttf') format('truetype');
}
@font-face {	 
	font-family:'NBG_UL';
	src: local("?"),
		 url('/font/NBG_UL.eot') format('eot'),
		 url('/font/NBG_UL.woff') format('woff'),
		 url('/font/NBG_UL.ttf') format('truetype');
}

@font-face {	 
	font-family:'Nanum Myeongjo';
	src: local("?"),
		 url('/font/nanummyeongjo.eot') format('eot'),
		 url('/font/nanummyeongjo.woff') format('woff'),
		 url('/font/nanummyeongjo.ttf') format('truetype');
}






/*reset*/
html, body, div, span, a, img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, iframe,form, fieldset, input, textarea, select, label, table, caption, th, tr, td, button { margin:0; padding:0;}
ul,ol,li {list-style:none;
}
table, th, td{ border-collapse:collapse; }
table caption { font-size:0; line-height:0; text-indent:-9999px; font-size:0;}
legend { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; }
img {border:0; vertical-align:middle;max-width:100%;}
h1, h2, h3, h4, h5, h6, p {text-align:inherit;}
button{ cursor:pointer;}
input,select,button{vertical-align:middle;}


/* 링크 */
a{ text-decoration:none; color:inherit;}

/*form*/
input{vertical-align:middle;  font-size:1em;padding:0; margin:0;}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"] { border:1px solid #ccc; height:38px; line-height:1; text-indent:10px;}
input:focus, textarea:focus{ border:1px solid #22917f; outline:none;}
input[type="checkbox"]{margin-right:8px;}
input[type="radio"]{margin-right:8px;}
input[type="submit"], button{ border:none; cursor:pointer; vertical-align:middle;}
input[type='submit']{-webkit-appearance:none;}
select{ border:1px solid #ccc; height:40px; line-height:1; vertical-align:middle; text-indent:10px; font-size:inherit; font-family:inherit; min-width:120px;padding:0;}
textarea{ width:100%; min-height:100px; font-family:inherit; padding:10px; box-sizing:border-box;}

form input[type="text"],
form input[type="tel"],
form input[type="password"],
form input[type="email"],
form select{margin:3px 0;}

input[type='submit'],
input[type='number'] {-webkit-appearance:none;}

/* 폰트관련 */
html {font-size: 62.5%;} 
body { font-family:NBG, '맑은 고딕', 돋움, Dotum; font-size:14px; line-height:1.6; word-break:keep-all; background-color:#fff;}

h1   {font-size: 24px; } 
h2   {font-size: 22px; }
h3   {font-size: 18px; } 
h4   {font-size: 18px; } 
h5   {font-size: 16px; } 
h6   {font-size: 14px; }


.fs22{font-size:22px !important;}
.fs18{font-size:18px !important;}
.fs16{font-size:16px !important;}
.fs15{font-size:15px !important;}
.fs14{font-size:14px !important;}
.fs13{font-size:13px !important;}
.fs12{font-size:12px !important;}
.fs11{font-size:11px !important;}
.fs10{font-size:10px !important;}

.small_t{ display:inline-block; font-size:0.9em; color:#666; margin:5px 0 0 0;}

/*font-color*/
.fc-white {color:#fff !important;}
.fc-black {color:#000 !important;}
.fc-blue {color:#0084ff !important;}
.fc-red {color:#ed145b !important;}
.fc-orange {color:#f26522 !important;}
.point{ color:#22917f !important; font-family:NBG_B;}


/*텍스트정렬*/
.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}

/*폰트스타일*/
.ft-engtype{font-family:verdana;}
.ft-NanumMyeongjo {font-family:'Nanum Myeongjo',serif; letter-spacing:-2px;}
.tspace{letter-spacing:-1px}
.fw-l{ font-family:NBG_L;  }

/* radius */
 .r-2 {border-radius:2px;}
 .r-10 {border-radius:10px;}
 .r-20 {border-radius:20px;}
 .r-30 {border-radius:30px;}
 .r-40 {border-radius:40px;}
 .r-60 {border-radius:60px;}
 
 
/*display*/
.di-in 		{display:inline;}
.di-inb 	{display:inline-block;}
.di-block , .is-active, .on	{display:block;}
.off {display:none;}



/* border */
.border-t-no {border-top:none !important;}
.border-r-no {border-right:none !important;}
.border-b-no {border-bottom:none !important;}
.border-l-no {border-left:none !important;}

/*세로 가운데 정렬*/
.va-m {vertical-align:middle;}

/*float/clear*/
.fl-l{float:left !important;}
.fl-r{float:right !important;}
.cboth {clear:both;}
.clearfix {content:""; display:block; clear:both;}

/*말줄임표*/
.ellipsis{display:inline-block;overflow:hidden;width:auto;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}


/*기타*/
.overflow-h{overflow:hidden;}
.hspace{line-height:15px}

/*숨김처리*/
.hidden{ position:absolute; text-indent:-9999px; font-size:0;}


/* margin */
.mg-t0 {margin-top:0px !important;}
.mg-t10 {margin-top:10px !important;}
.mg-t15 {margin-top:15px !important;}
.mg-t20 {margin-top:20px !important;}
.mg-t25 {margin-top:25px !important;}
.mg-t30 {margin-top:30px !important;}
.mg-t35 {margin-top:35px !important;}
.mg-t40 {margin-top:40px !important;}
.mg-t45 {margin-top:45px !important;}
.mg-t50 {margin-top:50px !important;}

.mg-b0 {margin-bottom:0 !important;}
.mg-b10 {margin-bottom:10px !important;}
.mg-b15 {margin-bottom:15px !important;}
.mg-b20 {margin-bottom:20px !important;}
.mg-b25 {margin-bottom:25px !important;}
.mg-b30 {margin-bottom:30px !important;}
.mg-b35 {margin-bottom:35px !important;}
.mg-b40 {margin-bottom:40px !important;}
.mg-b45 {margin-bottom:45px !important;}
.mg-b50 {margin-bottom:50px !important;}

.mg-l0 {margin-left:0px !important;}
.mg-l10 {margin-left:10px !important;}
.mg-l15 {margin-left:15px !important;}
.mg-l20 {margin-left:20px !important;}
.mg-l25 {margin-left:25px !important;}
.mg-l30 {margin-left:30px !important;}
.mg-l35 {margin-left:35px !important;}
.mg-l40 {margin-left:40px !important;}
.mg-l45 {margin-left:45px !important;}
.mg-l50 {margin-left:50px !important;}


.mg-r0 {margin-right:0px !important;}
.mg-r10 {margin-right:10px !important;}
.mg-r15 {margin-right:15px !important;}
.mg-r20 {margin-right:20px !important;}
.mg-r25 {margin-right:25px !important;}
.mg-r30 {margin-right:30px !important;}
.mg-r35 {margin-right:35px !important;}
.mg-r40 {margin-right:40px !important;}
.mg-r45 {margin-right:45px !important;}
.mg-r50 {margin-right:50px !important;}

/* padding */
.pd-t0 {padding-top:0px !important;}
.pd-t10 {padding-top:10px !important;}
.pd-t15 {padding-top:15px !important;}
.pd-t20 {padding-top:20px !important;}
.pd-t25 {padding-top:25px !important;}
.pd-t30 {padding-top:30px !important;}
.pd-t35 {padding-top:35px !important;}
.pd-t40 {padding-top:40px !important;}
.pd-t45 {padding-top:45px !important;}
.pd-t50 {padding-top:50px !important;}

.pd-b0 {padding-bottom:0px !important;}
.pd-b10 {padding-bottom:10px !important;}
.pd-b15 {padding-bottom:15px !important;}
.pd-b20 {padding-bottom:20px !important;}
.pd-b25 {padding-bottom:25px !important;}
.pd-b30 {padding-bottom:30px !important;}
.pd-b35 {padding-bottom:35px !important;}
.pd-b40 {padding-bottom:40px !important;}
.pd-b45 {padding-bottom:45px !important;}
.pd-b50 {padding-bottom:50px !important;}

.pd-l0 {padding-left:0px !important;}
.pd-l10 {padding-left:10px !important;}
.pd-l15 {padding-left:15px !important;}
.pd-l20 {padding-left:20px !important;}
.pd-l25 {padding-left:25px !important;}
.pd-l30 {padding-left:30px !important;}
.pd-l35 {padding-left:35px !important;}
.pd-l40 {padding-left:40px !important;}
.pd-l45 {padding-left:45px !important;}
.pd-l50 {padding-left:50px !important;}

.pd-r0 {padding-right:0px !important;}s
.pd-r10 {padding-right:10px !important;}
.pd-r15 {padding-right:15px !important;}
.pd-r20 {padding-right:20px !important;}
.pd-r25 {padding-right:25px !important;}
.pd-r30 {padding-right:30px !important;}
.pd-r35 {padding-right:35px !important;}
.pd-r40 {padding-right:40px !important;}
.pd-r45 {padding-right:45px !important;}
.pd-r50 {padding-right:50px !important;}



