@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body,table,div,p,h1,h2,h3,h4,h5,section,article,footer,address,ul,li, a { font-size:12px; font-family:dotum; }
hr { display:none; }
ul { list-style:none; }
img { border:0; width:100%; height:auto; }
a { text-decoration:none; }
a:link, a:visited, a:hover, a:focus, a:active { color: #555; }

.br10 { height:10px; clear:both; }
.rank1  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat 0 50%; }
.rank2  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -11px 50%; }
.rank3  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -22px 50%; }
.rank4  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -33px 50%; }
.rank5  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -44px 50%; }
.rank6  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -55px 50%; }
.rank7  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -66px 50%; }
.rank8  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -77px 50%; }
.rank9  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -88px 50%; }
.rank10  { float:left; display:block; width:11px; height:11px; background:url(/img/iconbg.png) no-repeat -99px 50%; }
.viewout { 
	width:1px; height:1px; overflow:hidden;
	font-size:0px; line-height:0px; visibility:hidden; 
	position:absolute; left:-9999px; top:-9999px;
}
.clear { clear:both; }
.tag_icon { background:url(/img/icon_tag.png) no-repeat 0 50%; padding-left:20px; }
.user_icon { background:url(/img/icon_user.png) no-repeat 0 50%; padding-left:13px; }
.link_icon { background:url(/img/icon_link.png) no-repeat 0 50%; padding-left:19px; }
.clock_icon { background:url(/img/icon_clock.png) no-repeat 0 50%; padding-left:13px; }
.subject_icon { background:url(/img/icon_subject.png) no-repeat 0 50%; padding-left:16px; }
.comment_icon { background:url(/img/icon_comment.png) no-repeat 0 30%; padding-left:14px; }
.hit_icon { background:url(/img/icon_hit.png) no-repeat 0 50%; padding-left:16px; }

/* header */
header { width:100%; }
header>#tnbarea1 { width:100%; border-bottom:1px solid #ccc; background:#fcfcfc; }
header>#tnbarea1>#tnbarea2 { width:960px; height:25px; margin:0 auto; font-size:11px;  }
header>#tnbarea1>#tnbarea2>#bookmark { float:left; width:100px; height:25px; line-height:25px; }
header>#tnbarea1>#tnbarea2>#tnb { float:right; }
header>#tnbarea1>#tnbarea2>#tnb>ul>li { float:left; text-align:center; height:25px; line-height:25px; }
header>#tnbarea1>#tnbarea2>#tnb>ul>li>a { display:block; margin:0 10px; }
header>#tnbarea1>#tnbarea2>#tnb>ul>li>a:last-child { border:0; margin-right:0px; }
header>#top { width:960px; height:80px; margin-top:50px; margin:0 auto; overflow:hidden; }
header>#top>h1>a { font-size:1.8em; float:left; font-weight:bold; width:50%; height:80px; line-height:80px; text-shadow: 2px 2px 2px gray; }
header>#top>form { padding-top:30px; float:right; width:50%; text-align:right; }
header>#top>form>.search_input { width:50%; }
header>#gnbarea { clear:both; width:100%; height:40px; }
header>#gnbarea>#gnb { width:960px; height:40px; margin-top:50px; margin:0 auto; }
header>#gnbarea>#gnb>ul { width:100%; height:40px; }
header>#gnbarea>#gnb>ul>li { width:10%; height:40px; line-height:40px; float:left; text-align:center; }
header>#gnbarea>#gnb>ul>li>a { width:100%; height:40px; display:block; font-weight:bold; }
header>#gnbarea>#gnb>ul>li>a:link, header>#gnbarea>#gnb>ul>li>a:visited, header>#gnbarea>#gnb>ul>li>a:hover, header>#gnbarea>#gnb>ul>li>a:focus, a:active {
    color: #fff;
}
/* container(main) - content */
#container { width:960px; margin:20px auto; }
#container>#content { width:700px; margin-right:10px; float:left; padding-bottom:20px; }
#container>#content>#fix_content { width:100%; border:1px solid #ddd; box-sizing:border-box; font-size:12px; margin-bottom:20px; }
#container>#content>.latest { position: relative; width:345px; margin:0 0 10px 10px; float:left; border:1px solid #ddd; box-sizing:border-box; }
#container>#content>.latest>h2 { width:100%px; padding:7px 0 6px 13px; border-bottom:1px solid #ddd; box-sizing:border-box; color: #63696D; }
#container>#content>.latest>.latest_more { width:90px; position: absolute; top: 5px; right: 13px;display:block; text-align:right; box-sizing:border-box; font-size:11px; }
#container>#content>.latest>.latest_more>span { margin: 0 2px 0 0; font-size: 16px; font-weight: bold; color: #d76ea9; vertical-align: middle; }
#container>#content>.latest:nth-child(2n+1) { margin:0 0 10px 0; }
#container>#content>.latest>ul { clear:both; width:319px; padding:13px; }
#container>#content>.latest>ul>li { height:14px; margin:0 0 10px; }
#container>#content>.latest>ul>li>.la_left { width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; }
#container>#content>.latest>ul>li>.la_left>span { margin-right:5px; }
#container>#content>.latest>ul>li>.la_left>.blullet { color: #999; }
#container>#content>.latest>ul>li>.la_left>.subject {  }
#container>#content>.latest>ul>li>.la_left>.icon>span { padding: 0 3px; border: 1px solid #fafafa; font-size: 10px; }
#container>#content>.latest>ul>li>.la_left>.icon>.n { background-color: #a5bd76; color:#fff; }
#container>#content>.latest>ul>li>.la_left>.icon>.h { background-color: #bd7676; color:#fff; }
#container>#content>.latest>ul>li>.la_right { float:right; }
#container>#content>.latest>ul>li>.la_right>.time { color: #999; }
#container>#content>.latest>ul>li:last-child { margin:0; }
/* container(sub) */
#container>#content>dl { width:100%; height:30px; border-bottom:1px solid #ddd; margin-bottom:20px; }
#container>#content>dl>dt { width:30%; height:30px; float:left; font-weight:bold; font-size:20px; letter-spacing:-1px; }
#container>#content>dl>dd { width:70%; height:30px; float:right; font-size:11px; color:#999; letter-spacing:-1px; text-align:right; line-height:40px; }
/* container(sub) - list */
#container>#content>#list_total { font-size:11px; color:#999; display:block; margin-bottom:5px; }
#container>#content>table {
	border-collapse:collapse; /* separate */ border-spacing:0;
	width:100%; font-size:12px;
}
#container>#content>table>caption { padding:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px; }
#container>#content>table>th, #container>#content>table>td { text-align:center; /* vertical-align:top,middle, bottom */ }
#container>#content>table>thead th { color:#383838; font-size:0.95em; letter-spacing:-0.1em; padding:8px 0; border-top:2px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; box-shadow:0 2px 0 0 #B0B5B7; }
#container>#content>table>tbody td { border-bottom:1px solid #ddd; padding: 8px 5px; line-height: 1.5em; word-break: break-all; color:#555; }
#bd_list .num { width: 50px; text-align: center; }
#bd_list .name { width: 100px; text-align: center; }
#container>#content>#list_page { width:100%; height:40px; line-height:40px; text-align:center; }
#container>#content>#list_page>storng, #container>#content>#list_page>a>span { padding:0 5px; }
#container>#content>#list_page>storng { color:#FB45AA; }
#container>#content>#list_page .pre, #list_page .next {
    display: inline-block;
    color: rgb(204, 204, 204);
    position: relative;
    top: 0px;
    width: 30px;
    border: 1px solid rgb(233, 233, 233);
    font: 11px 돋움, Dotum;
}
#container>#content>#list_page .pre {
    margin-right: 6px;
    letter-spacing: -1px;
    padding: 4px 6px 2px 14px;
}
#container>#content>#list_page .pre_on { background: url("/img/pre_on.png") no-repeat 10px 50% !important; color:#999; }
#container>#content>#list_page .pre_off { background: url("/img/pre_off.png") no-repeat 10px 50% !important; }
#container>#content>#list_page .next {
    margin-left: 4px;
    letter-spacing: -1px;
    padding: 4px 14px 2px 6px;
}
#container>#content>#list_page .next_on { background: url("/img/next_on.png") no-repeat 35px 50% !important; color:#999; }
#container>#content>#list_page .next_off { background: url("/img/next_off.png") no-repeat 35px 50% !important; }
/* container(sub) - view */
#container>#content>#view { width:100%; }
#container>#content>#view>h2 { height:30px; line-height:30px; font-size:1.2em; font-weight:bold; border-top:2px solid #7E88FD; border-bottom:1px solid #ddd; background:#FBFBFB; padding-left:5px; }
#container>#content>#view>#writer { width:100%; height:26px; line-height:26px; border-bottom:1px solid #ddd; }
#container>#content>#view>#writer>#wr_name { width:40%; float:left; font-weight:bold; color:#999; padding-left:5px; }
#container>#content>#view>#writer>#wr_data { width:50%; float:right; color:#999; text-align:right; padding-right:5px; }
#container>#content>#view>ul { width:100%; overflow:hidden; }
#container>#content>#view>ul>li { float:left; width:100%; height:26px; line-height:26px; padding-left:19px; border-bottom:1px solid #ddd; }
#container>#content>#view>ul>li:last-child { border:0px; }
#container>#content>#view>#conview { clear:both; border:1px solid #ddd; width:100%; min-height:400px; padding:15px; background:#F8F8F8; box-sizing:border-box; }
#container>#content>#tag { width:100%; border-bottom:1px solid #ddd; margin-top:10px; }
#container>#content>#tag>h2 { width:100%; height:20px; line-height:20px; }
#container>#content>#tag>ul { width:100%; }
#container>#content>#tag>ul>li { float:left; padding:0 10px; height:30px; line-height:30px; }
#container>#content>#comment { width:100%; border-bottom:1px solid #ddd; margin-top:10px; overflow:hidden; }
#container>#content>#comment>h2 { width:100%; height:30px; line-height:30px; }
#container>#content>#comment>div { width:100%; height:29px; line-height:29px; border-top:1px solid #ddd; border-bottom:1px dashed #ddd; background:#fdfdfd; padding:0 10px; color:#999; }
#container>#content>#comment>div>.user_co { float:left; width:40%; font-weight:bold; }
#container>#content>#comment>div>.clock_co { float:right; width:40%; text-align:right; padding-right:20px;}
#container>#content>#comment>p { width:100%; padding:10px; color:#999; }
/* container - aside */
#container>#aside_right { width:250px; float:left; overflow:hidden; }
#container>#aside_right>.banner300 { width:300px; height:auto; }
#container>#aside_right>#popularity_rank { width:248px; border:1px solid #ddd; }
#container>#aside_right>#popularity_rank>h2 { width:100%; padding:7px 0 6px 13px; font-weight: bold; color: #63696D; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:12px; }
#container>#aside_right>#popularity_rank>ul { width:100%; }
#container>#aside_right>#popularity_rank>ul>li { margin:5px 10px; height:20px; }
#container>#aside_right>#popularity_rank>ul>li>.pword {	padding-left:5px; float:left; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#container>#aside_right>#popularity_rank>ul>li>.rank_up_down { float:right; width:20%; text-align:right; }
#container>#aside_right>#popularity_rank>ul>li>.rank_up_down>.rank_none { width:7px; height:11px; display:block; float:right; background:url(/img/iconbg.png) no-repeat -110px 50%; }
#container>#aside_right>#popularity_rank>ul>li>.rank_up_down>.rank_up { width:7px; height:11px; display:block; float:right; background:url(/img/iconbg.png) no-repeat -117px 50%; }
#container>#aside_right>#popularity_rank>ul>li>.rank_up_down>.rank_down { width:7px; height:11px; display:block; float:right; background:url(/img/iconbg.png) no-repeat -124px 50%; }
#container>#aside_right>#popularity_rank>ul>li>.rank_up_down>.rank_num { width:15px; height:11px; display:block; float:right; color:#555; text-align:right; }
#container>#aside_right>.new_latest { position: relative; width:100%; float:left; border:1px solid #ddd; box-sizing:border-box; }
#container>#aside_right>.new_latest>h2 { width:100%px; padding:7px 0 6px 13px; border-bottom:1px solid #ddd; box-sizing:border-box; color: #63696D; }
#container>#aside_right>.new_latest>.latest_more { width:90px; position: absolute; top: 5px; right: 13px;display:block; text-align:right; box-sizing:border-box; font-size:11px; }
#container>#aside_right>.new_latest>.latest_more>span { margin: 0 2px 0 0; font-size: 16px; font-weight: bold; color: #d76ea9; vertical-align: middle; }
#container>#aside_right>.new_latest>ul { clear:both; width:224px; padding:13px; }
#container>#aside_right>.new_latest>ul>li { height:14px; margin:0 0 10px; }
#container>#aside_right>.new_latest>ul>li>.la_left { width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; }
#container>#aside_right>.new_latest>ul>li>.la_left>span { margin-right:5px; }
#container>#aside_right>.new_latest>ul>li>.la_left>.blullet { color: #999; }
#container>#aside_right>.new_latest>ul>li>.la_left>.subject {  }
#container>#aside_right>.new_latest>ul>li>.la_left>.icon>span { padding: 0 3px; border: 1px solid #fafafa; font-size: 10px; }
#container>#aside_right>.new_latest>ul>li>.la_left>.icon>.n { background-color: #a5bd76; color:#fff; }
#container>#aside_right>.new_latest>ul>li>.la_left>.icon>.h { background-color: #bd7676; color:#fff; }
#container>#aside_right>.new_latest>ul>li>.la_right { float:right; }
#container>#aside_right>.new_latest>ul>li>.la_right>.time { color: #999; }
#container>#aside_right>.new_latest>ul>li:last-child { margin:0; }
/* footer */
footer { clear:both; width:100%; color: #555; }
footer>nav { width:100%; height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 0 20px; }
footer>#footer { width:980px; margin:0 auto; }
footer>#footer>p { width:100%; font-size:11px; text-align:center; margin-bottom:20px; }
footer>#footer>address { font-style:normal; font-size:11px; text-align:center; margin-bottom:20px; }