/* layout */
#article {padding-top:40px;}
#side {float:left; padding:0 25px 0 10px; border-right:1px solid #DDD;}
#content {float:right; width:700px; text-align:justify;}

#lnb {width:220px;}
#lnb h2 {padding-bottom:18px;}
#lnb ul {margin:0; padding:0; border-top:1px solid #DDD; list-style:none;}
#lnb ul ul {padding:8px 0; border-top-color:#39F; background:#F4F4F4;}
#lnb ul ul ul {padding:0; border:0;}
#lnb li {margin:0; padding:0; border-bottom:1px solid #DDD;}
#lnb li li {padding-left:20px; border:0; background:url(../image/bu_lnb.gif) no-repeat 20px 8px;}
#lnb li a {display:inline-block; padding:8px 2px 8px 18px; color:#888; font-weight:bold;}
#lnb li li a {padding:2px 2px 2px 12px; font-weight:normal;}
#lnb .on a {color:#67B;}

#side .sns {width:214px; margin:18px 3px 0;}
#side .sns h2 {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
#side .sns ul {height:138px; margin:0; padding:0; list-style:none;}
#side .sns li {float:left; margin:0; padding:0 0 4px;}
#side .sns .tw {padding-right:2px;}
#side .sns .fb {padding-right:2px;}
#side .sns .bl {padding-right:2px;}

#side .srch {overflow:hidden; width:214px; height:24px; margin:0 3px; background:url(../image/bg_srch.gif) no-repeat 0 0;}
#side .srch h2, #side .srch legend, #side .srch label {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
#side .srch fieldset {float:left; margin:0; padding:3px 0 0 8px; border:0;}
#side .srch .kwd {float:left; width:178px; height:18px; padding:0; border:0;}
#side .srch .ok {float:left;}

/* content */
.h_content {overflow:hidden; width:700px; height:68px; background:url(../image/bg_h_content.gif) no-repeat 0 44px;}
.h_content h3 {float:left;}
.h_content p {float:right; margin:0; padding-top:14px;}

h4, h5, h6 {margin-top:14px; font-size:12px;}
.indent {padding-left:20px;}

.bx_normal {margin:8px 0; padding:8px 14px; border:1px solid #DDD;}
.bx_normal em {font-weight:bold; font-style:normal; color:#45E;}

.lst_normal, .lst_normal ul {margin:0; padding:0; list-style:none;}
.lst_normal ul {padding-top:2px;}
.lst_normal li {margin:0; padding:2px 0 2px 20px; background:url(../image/bu_normal.gif) no-repeat 8px 8px;}
.lst_normal li li {background-image:url(../image/bu_dash.gif);}

.tbl_normal {border:0; border-top:1px solid #CCC; border-left:1px solid #CCC;}
.tbl_normal caption {display:none;}
.tbl_normal th, .tbl_normal td {padding:4px; border:0; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font-weight:normal;}
.tbl_normal th {padding:4px 0; background:#F3F3F3; color:#333; text-align:center;}
.tbl_normal thead th {background:#DEF; font-weight:bold;}

table.rows {border-left:0;}
table.rows th, table.rows td {border-right:0;}
table.auto {width:auto;}
table.full {width:100%;}
table.fixed {table-layout:fixed;}

.p_l td {text-align:left;}
.p_r td {text-align:right;}
.p_c td {text-align:center;}

/* bbs */
.bbs_top {overflow:hidden; width:100%; padding-bottom:6px;}
.bbs_top p {float:right;}
.bbs_btm {padding-top:6px; text-align:right;}
.bbs_btm input {vertical-align:middle;}

.bbs_srch {float:left; margin:0; padding:0; border:0;}
.bbs_srch legend {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
.bbs_srch input, .bbs_srch select {vertical-align:middle;}
.bbs_srch .kwd {width:120px;}

.bbs_page {padding:6px 0; text-align:center;}
.bbs_page a, .bbs_page strong {display:inline-block; overflow:hidden; height:16px; margin-right:-1px; padding:0 6px; border-left:1px solid #DDD; border-right:1px solid #DDD; font-family:Tahoma,Sans-serif; line-height:14px; vertical-align:middle;}
.bbs_page strong {color:#F90;}
.bbs_page a.first, .bbs_page a.prev, .bbs_page a.next, .bbs_page a.last {margin:0; padding:0; border:0; line-height:12px;}
.bbs_page a.prev {margin-right:4px;}
.bbs_page a.next {margin-left:5px;}

.bbs_list {width:100%; border:0; border-top:2px solid #765;}
.bbs_list caption {display:none;}
.bbs_list th {padding:4px 0; border:0; border-bottom:1px solid #AAF; font-weight:normal; text-align:center;}
.bbs_list td {padding:4px; border:0; border-bottom:1px solid #DDD;}

.bbs_gallery {overflow:hidden; width:100%; margin:0; padding:14px 0 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; list-style:none;}
.bbs_gallery li {float:left; width:175px; margin:0; padding:0;}
.bbs_gallery .photo {width:158px; margin:0 8px; padding-bottom:4px;}
.bbs_gallery .photo span {display:block; padding:3px; border:1px solid #DDD;}
.bbs_gallery .tit {overflow:hidden; width:155px; height:68px; margin:0 10px;}

.bbs_view {width:100%; border:0; border-top:2px solid #765;}
.bbs_view caption {display:none;}
.bbs_view th {padding:4px 0; border:0; border-bottom:1px solid #DDD; font-weight:normal; text-align:center;}
.bbs_view td {padding:4px; border:0; border-bottom:1px solid #DDD;}
.bbs_view .tit {font-weight:bold;}
.bbs_view .name {float:left; width:280px;}
.bbs_view .date {float:left; width:180px;}

.bbs_note {padding:20px 14px; border-bottom:1px solid #DDD;}
.bbs_note_inner {width:100%;}

.bbs_edit {margin:0; padding:0; border:0;}
.bbs_edit legend {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
.bbs_edit table {width:100%; border:0; border-top:2px solid #765;}
.bbs_edit caption {display:none;}
.bbs_edit th, .bbs_edit td {padding:6px; border:0; border-bottom:1px solid #DDD;}
.bbs_edit th {padding:6px 0; font-weight:normal; text-align:center;}
.bbs_edit .desc {color:#777;}

.bbs_pass {position:absolute; width:250px; background:#FFF; border:2px solid #777;}
.bbs_pass p {padding:4px 8px; background:#DDD;}
.bbs_pass fieldset {margin:0; padding:14px 0; border:0; text-align:center;}
.bbs_pass legend {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
.bbs_pass input {vertical-align:middle;}
.bbs_pass .pw {width:100px;}
.bbs_pass .ok, .bbs_pass .cancel {width:40px; height:20px; padding:0; border:0; background:#555; color:#FFF; font-family:'µ¸¿ò',Dotum; font-size:12px; line-height:20px; cursor:pointer;}

/* content */
.police_intro {overflow:hidden; width:100%;}
.police_intro .simbol {float:left; width:150px; margin-right:-150px;}
.police_intro .note {margin-left:150px;}

.chief_intro {position:relative; overflow:hidden; width:700px; height:750px;}
.chief_intro .intro {padding:8px;}
.chief_intro .sign {padding:8px; text-align:right;}
.chief_intro .cover {position:absolute; top:0; left:0; overflow:hidden; width:700px; height:750px;}
.chief_intro .c1 {background:url(../image/intro1.jpg) no-repeat 0 0;}
.chief_intro .c2 {background:url(../image/intro2.jpg) no-repeat 0 0;}
.chief_intro .c3 {background:url(../image/intro3.jpg) no-repeat 0 0;}

.police_member {width:660px; margin:0 20px; padding-top:8px;}
.police_member ul {overflow:hidden; width:660px; margin:0; padding:0; list-style:none;}
.police_member li {float:left; width:220px; height:180px; margin:0; padding:0; text-align:center;}
.police_member .photo {padding-bottom:4px;}

/* g-pin */
#g-pin .login {width:640px;height:auto;overflow:hidden;margin-top:15px;}
#g-pin .login .login_area {position:relative;background:url(/2009/hong/img/sub07/img03_08.gif) no-repeat bottom;width:630px;height:226px;}
#g-pin .login .login_area p.id {position:absolute;float:left;top:100px;left:144px;}
#g-pin .login .login_area p.id span {position:absolute;left:50px;}
#g-pin .login .login_area p.password {position:absolute;float:left;top:125px;left:144px;}
#g-pin .login .login_area p.password span {position:absolute;left:50px;}
#g-pin .login .login_area p.button {position:absolute;float:left;top:103px;left:340px;}
#g-pin .login .login_btn {position:absolute;float:left;top:160px;left:190px;}
#g-pin .login .login_btn li {display:inline;}
#g-pin .realname {position:relative;top:0px;height:auto;float:left;left:40px;}
#g-pin .realname .realname_area {width:250px;height:200px;border:3px solid #e3e3e3;padding:15px;margin-top:10px;}
#g-pin .realname .realname_area p.realname_btn {position:absolute;float:left;top:220px;left:70px;}
#g-pin .ipin {position:relative;top:0px;height:auto;float:left;margin-left:10px;left:30px;}
#g-pin .ipin .ipin_area {width:550px;height:165px;border:3px solid #e3e3e3;padding:15px;margin-top:10px;}
#g-pin .ipin .ipin_area1 {width:550px;height:100px;border:3px solid #e3e3e3;padding:15px;margin-top:10px;}
#g-pin .ipin .ipin_area dt {font-size:12px;font-family:dotum,'µ¸¿ò';color:#372671;font-weight:bold;}
#g-pin .ipin .ipin_area dd {margin-bottom:10px;}
#g-pin .ipin .ipin_area p.ipin_btn {position:absolute;float:left;top:170px;left:70px;}
#g-pin .raw {position:relative;top:0px;height:auto;float:left;margin-left:10px;left:30px;background:#f6f6f6;}