@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:#000; font-weight:bold; 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 {  }

/*내용*/
#tab { width:100%; overflow:hidden; }
#tab p { float:left; text-align:center; padding:12px 0px; font-size:13px; font-weight:bold; }
#tab p.on { width:50%; color:#80447b; background-color:#fff; border-top:solid 1px #80447b; border-left:solid 1px #80447b; border-right:solid 1px #80447b; border-bottom:0; }
#tab p.off { width:49%; color:#847e81; background-color:#e1dfe0; border-top:0; border-left:0; border-right:0; border-bottom:solid 1px #80447b; }

#ttop { min-width:300px; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px; overflow:hidden; }
#ttop .top_bt_area { background:url(../img/btn_bg2.png) top repeat-x; border:solid 1px #adb6c2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:100%; height:55px; }
#ttop .top_bt_area ul li { float:left; padding-top:17px; height:38px; text-align:center; font-size:16px; }
#ttop .top_bt_area ul li.l_bt { background:url(../img/bt_btw.png) top right repeat-y; width:30%; }
#ttop .top_bt_area ul li.r_bt { width:64%; }
#ttop .top_bt_area ul li.o_bt { width:100%; }

#ttop2 { min-width:300px; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px; overflow:hidden; border-bottom:solid 1px #ababab; }
#ttop2 .top_bt_area2 { background:url(../img/btn_bg2.png) top repeat-x; border:solid 1px #adb6c2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:100%; height:55px; margin-bottom:10px; }
#ttop2 .top_bt_area2 ul li { float:left; padding-top:15px; height:40px; text-align:center; font-size:16px; width:50%; }
#ttop2 .top_bt_area2 ul li.l_bt { background:url(../img/bt_btw.png) top right repeat-y; }
#ttop2 .top_bt { width:100%; overflow:hidden; }
#ttop2 .top_bt p { float:left; }
#ttop2 .top_bt p.r { float:right; }

#top { min-width:300px; border-bottom:solid 1px #ababab; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; }
#top p.ttit { clear:both; text-align:center; padding-bottom:18px; font-size:16px; }
#top .con { min-width:260px; margin:0 auto; background-color:#ebebeb; border:solid 1px #d7d7d7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:10px; }
#top .con p.stit { padding-bottom:8px; font-size:14px; line-height:20px; }
#top .con .s_con { min-width:240px; margin:0 auto; border:solid 1px #b6b6b6; background-color:#fff; padding:6px 10px; font-size:13px; line-height:18px; }
#top .con .s_con ul { overflow:hidden; }
#top .con p.bcon { padding-top:8px; padding-bottom:8px; font-size:12px; color:#888; border-bottom:solid 1px #ccc; }

#center { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px; border-bottom:solid 1px #ababab; }
#center .disnone { display:none; }
#center ul { overflow:hidden; width:100%; padding:5px 0; }
#center ul li { padding:2px 0; font-size:14px; }
#center ul li.t { font-size:14px; font-weight:bold; }

#search { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-bottom:10px; }
#search ul { overflow:hidden; width:100%; }
#search ul li { float:left; }
#search ul li.l { width:70%; }
#search ul li.r { width:30%; float:right; }

#list_area { min-width:320px; clear:both; }
#list_area .list { border-bottom:solid 1px #d7d7d7; padding-top:12px; padding-bottom:12px; padding-left:10px; padding-right:10px; overflow:hidden; }
#list_area .list ul { width:100%; overflow:hidden; }
#list_area .list ul li { float:left; padding-top:3px; }
#list_area .list ul li.fir { width:82%; }
#list_area .list ul li.end { float:right; width:50px; text-align:right; font-size:12px; padding-top:0; }

#list_area .list_p { border-bottom:solid 1px #d7d7d7; padding-top:12px; padding-bottom:12px; padding-left:10px; padding-right:10px; overflow:hidden; }
#list_area .list_p ul { width:100%; overflow:hidden; }
#list_area .list_p ul li { float:left; padding-top:3px; }
#list_area .list_p ul li.p { width:70px; }
#list_area .list_p ul li.fir { width:57%; }
#list_area .list_p ul li.end { float:right; width:50px; text-align:right; font-size:12px; padding-top:0; }

#sns { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:20px; border-bottom:solid 1px #ababab; text-align:right; }
#sns img { width:35px; height:35px; }

#rep_w { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:20px; border-bottom:solid 1px #ababab; }
#rep_w p { padding:2px 0; overflow:hidden; width:100%; }
#rep_w p.t { font-size:14px; font-weight:bold; }
#rep_w p.bt { padding-top:10px; }

.reply { clear:both; min-width:300px; border-bottom:solid 1px #ababab; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px; overflow:hidden; }
.reply ul { overflow:hidden; padding-top:10px; padding-top:10px; padding-bottom:10px; }
.reply ul li { padding:2px 0;}
.reply ul li.bt { text-align:right; }
.reply ul.reply_re { border-top:dotted 1px #ababab; padding-left:15px; }
.reply ul.reply_re { overflow:hidden; background:transparent url(../img/icon_re.png) no-repeat scroll 2px 15px; }

#bottom_bt { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:30px; overflow:hidden; }
#bottom_bt p { float:left; }
#bottom_bt p.r { float:right; }

#bottom { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:30px; text-align:center; }

.push { clear:both; overflow:hidden; background-color:#fff; }
.push table { width:100%; border-spacing:0; border-collapse:collapse; position:relative; }
.push thead { margin:0; padding:0; width:100%; }
.push tbody { margin:0; padding:0; width:100%; }
.push th { font-size:12px; color:#333; text-align:center; padding-top:2px; padding-bottom:2px; background-color:#c2c2c2; }
.push td { padding:0; }
.push table table td { font-size:12px; text-align:center; padding-top:3px; padding-bottom:3px; border-bottom:solid 1px #d7d7d7; }
.faContents { position:absolute; height:100px; width:100%; top:0px; } 
.overthrow { overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; } 

.set { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #d7d7d7; overflow:hidden; }
.set p { font-size:14px; font-weight:bold; padding-bottom:5px; }
.set ul li { float:left; font-size:13px; color:#666; }
.set ul li.w1 { width:20%; }
.set ul li.w2 { width:29%; }
.set ul li.w3 { width:22%; }


.blue { color:#1515b6; }
.red { color:#ec0606; }
.under { text-decoration:underline; }
.pl8 { padding-left:8px; }
.pt8 { padding-top:8px; }
.pt20 { padding-top:20px; }
.pb10 { padding-bottom:10px; }
.pb5 { padding-bottom:5px; }
.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; }
.btn1 { width:150px; height:40px; 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; }
.btn1_1 { height:43px; background-color:#7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:14px; text-align:center; padding:0; color:#fff; font-weight:bold; cursor:pointer; }
.btn1_2 { width:100px; height:40px; 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; padding-left:0; }
.btn2 { width:100%; height:50px; background:url(../img/btn_bg.gif) top repeat-x; border:solid 1px #adb6c2; -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; }
.btn3 { width:50px; height:22px; background-color:#7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:12px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; padding-left:0; }
.btn3_1 { width:50px; height:22px; background-color:#fff; border:1px solid #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:12px; text-align:center; color:#666; font-weight:bold; cursor:pointer; padding-left:0; }
.fright { float:right; }