@charset "utf-8";

@font-face{font-family:ng; src:url(NanumGothic.eot); src:local(※),url(NanumGothic.woff) format('woff'), url(NanumGothic.ttf) format('truetype'), url(NanumGothic.otf) format('opentype'), url(NanumGothic.svg#ng) format('svg');}
* { margin:0; padding:0; -webkit-text-size-adjust:none; }
 

/* 공통 */
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, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight:normal;
	font-family:나눔고딕, NanumGothic, ng, 'NanumGothicWeb', "Malgun Gothic", AppleSDGothic, "돋움", dotum;
	font-style:normal;
	
 }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{ overflow-y:scroll;}
body { line-height:18px; color:#333; }
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;
}
b,strong{ font-weight:bold; }
h2, caption, legend { display:none; }
a:link, a:visited, a:active , a:hover { border:0; padding:0; margin:0; }
a:link, a:visited, a:active { text-decoration:none; color:#333; }
a:hover { color:#333; text-decoration:none; }
img{ border:0px; margin:0; padding:0; }
div img { vertical-align:middle; }
li img { vertical-align:middle; }
p input { vertical-align:middle; }
input, select, option, textarea { height:40px; padding-left:10px; border:solid 1px #c2c2c2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:14px; color:#666; }
select {  }
legend { display:none; }

/*내용*/
#t_tit { width:100%; min-width:300px; margin:0 auto; text-align:center; padding-bottom:18px; padding-top:15px; font-size:16px; }

#login { min-width:300px; padding-bottom:15px; padding-left:10px; padding-right:10px; overflow:hidden; position:relative; }
#login dt { float:left; }
#login dd { padding-bottom:4px; float:left; }
#login dt.log_bt { position:absolute; top:0; right:10px; }

#join_b { min-width:300px; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; overflow:hidden; }
#join_b p img { height:39px; }

#bottom_quick { background-color:#f4f4f4; border-top:solid 1px #c2c2c2; border-bottom:solid 1px #c2c2c2; margin-top:30px; overflow:hidden; }
#bottom_quick .quick { text-align:center; float:left; width:33%; border-right:#e4e4e4 solid 1px; padding-top:10px; padding-bottom:10px; }
#bottom_quick .quick li span.t_top { background-color:#c04969; color:#fff; font-size:11px; }
#bottom_quick .quick li.t_center { font-size:18px; padding:2px 0 10px 0; }
#bottom_quick .quick li.t_bottom { line-height:14px; padding-top:10px; color:#888; font-size:11px; }
#bottom_quick .quick li img { height:60px; }

#agree_area { min-width:300px; background-color:#eeeff1; border:solid 1px #d9d9d9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:10px; margin-right:10px; position:relative; overflow:hidden; }
#agree_area #policy { font-size:12px; line-height:16px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; }
#agree_area #policy p { font-size:12px; font-weight:bold; padding-bottom:5px; padding-top:5px; }
#agree_area #policy ul { overflow:hidden; padding-bottom:5px; } 
#agree_area #policy ul ul { padding-left:10px; }
#agree_area .agree_f { border-top:solid 1px #e0e0e0; margin-top:140px; padding-bottom:15px; margin-left:10px; margin-right:10px; text-align:center; }
#agree_area .agree_f p { font-size:14px; padding-top:15px; }
.faContents { position:absolute; top:0px; height:120px; }
.overthrow { overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; } 

#info_area { min-width:300px; margin-left:10px; margin-right:10px; overflow:hidden; }
#info_area p { clear:both; min-width:300px; font-size:13px; padding-bottom:3px; }
#info_area .info { background-color:#eeeff1; border:solid 1px #d9d9d9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; }
#info_area .info ul { overflow:hidden; float:left; }
#info_area .info ul.id { width:30%; padding:10px 5px; height:auto; background:url(../img_mb/btw_bar.png) right repeat-y;  }
#info_area .info ul.id li { text-align:center; }
#info_area .info ul.con { width:63%; padding:10px 5px; }
#info_area .info ul.con li { padding-left:15px; padding-top:1px; background:url(../img_mb/bullet.png) no-repeat 5px 5px; font-size:13px; line-height:14px; }

#content { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; }
#content ul { overflow:hidden; width:100%; padding:5px 0; }
#content ul li { padding:2px 0; font-size:14px; }
#content ul li.t { font-size:14px; font-weight:bold; }

#add { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-bottom:10px; overflow:hidden;}
#add li { float:left; }
#add li.l { width:70%; }
#add li.r { width:30%; }
#group { clear:both; min-width:300px; margin-left:10px; margin-right:10px; background-color:#eeeff1; border:solid 1px #d9d9d9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; }
#group ul { overflow:hidden; width:100%; padding:15px 10px; }
#group ul li { float:left; background:url(../img_mb/bullet.png) no-repeat 0px 5px; padding-left:10px; padding-right:25px; font-size:14px; }
#group ul li a { font-size:14px; }
#group ul li.on a { font-size:14px; color:#1515b6; font-weight:bold; }

.g_table { clear:both; overflow:hidden; padding-top:8px; padding-bottom:15px; }
.g_table table { width:100%; border-spacing:0; border-collapse:collapse; position:relative; }
.g_table thead { margin:0; padding:0; width:100%; }
.g_table tbody { margin:0; padding:0; width:100%; }
.g_table th { border-bottom:#7d7d7d solid 1px; border-top:#7d7d7d solid 1px; font-size:13px; font-weight:bold; text-align:left; padding-left:15px; padding-top:5px; padding-bottom:5px; }
.g_table td { border-bottom:#e1e1e1 solid 1px; font-size:14px; color:#333; text-align:left; padding-left:15px; padding-top:5px; padding-bottom:5px; }
.g_table td input.bt { height:25px; background-color:#fff; border:solid 1px #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:14px; text-align:center; color:#7d7d7d; font-weight:bold; cursor:pointer; padding-left:4px; padding-right:4px; }
.g_table td select { height:25px; }
.g_table td input, .g_table td input select, .g_table td input select { vertical-align:top; }

#bottom { min-width:300px; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; overflow:hidden; }
#bottom p.btn { width:100%; height:35px; padding-top:18px; background:url(../img_mb/bt_b_bg.png) top repeat-x; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:18px; text-align:center; color:#333; font-weight:bold; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }

.blue { color:#1515b6; }
.red { color:#ec0606; }
.under { text-decoration:underline; }
.pl8 { padding-left:8px; }
.pt4 { padding-top:4px; }
.pt6 { padding-top:6px; }
.pt8 { padding-top:8px; }
.pt20 { padding-top:20px; }
.pb10 { padding-bottom:10px; }
.pb5 { padding-bottom:5px; }
.mt10 { margin-top:10px; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f16 { font-size:16px; }
.t_center { text-align:center; }
.t_name { font-size:16px; color:#006edf; background-color:#e4e4e4; font-weight:bold; }
.gray { color:#888; }
.none { border:0; padding:0; height:15px; }
.disnone { display:none; }
.dot_line { border-bottom:dotted 1px #d7d7d7; }
.clear { clear:both; }

.btn { width:100%; height:53px; padding-top:10px; background:url(../img_mb/bt_b_bg.png) top repeat-x; border:solid 1px #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:18px; text-align:center; color:#333; font-weight:bold; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }
.btn_b { border:0; padding-left:0; background-color:#7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:14px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; }
.btn_s1 { width:50px; height:22px; background-color:#7d7d7d; border:0; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; padding-left:0; }
.btn_s2 { width:50px; height:22px; background-color:#fff; border:solid 1px #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#7d7d7d; font-weight:bold; cursor:pointer; padding-left:0; }
.btn_g { height:42px; border:0; padding-left:0; background-color:#7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:14px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; }