/* 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:14px;}
#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:4px 2px 4px 18px;}
#lnb li li a {padding:2px 2px 2px 12px; color:#777;}
#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 */
h4 {margin-top:18px; padding:4px 0; font-size:12px;}
h5 {margin-top:18px; padding:4px 0 4px 25px; background:url(../image/bu_stitle.gif) no-repeat 5px 5px; font-size:12px;}
h6 {margin-top:8px; padding:2px 0 2px 25px; font-weight:normal; font-size:12px;}
.indent {padding-left:25px;}
.caption {overflow:hidden; height:20px; margin-top:-20px; padding-right:25px; line-height:20px; text-align:right; color:#777;}
.footnote {padding:4px 28px 0; color:#777;}

.h_content {overflow:hidden; width:700px; height:50px;}
.h_content h3 {float:left;}
.h_content p {float:right; margin:0; padding:8px 0 0 20px; background:url(../image/btn_home.gif) no-repeat 0 8px;}

.tab_normal {width:100%; margin-bottom:14px; border-bottom:1px solid #CCC;}
.tab_normal:after {display:block; clear:both; content:'';}
.tab_normal ul {float:left; position:relative; top:1px; margin:0; padding:0 1px 0 0; list-style:none;}
.tab_normal ul.rgt {float:right;}
.tab_normal li {float:left; margin:2px -1px 0 0; padding:0; border:1px solid #CCC;}
.tab_normal a {float:left; overflow:hidden; width:150px; height:24px; background:#F1F1F1; line-height:24px; text-align:center; text-decoration:none!important;}
.tab_normal a:hover {background:#FFF; color:#27A;}
.tab_normal .on {margin-top:0; border-bottom-color:#FFF;}
.tab_normal .on a {height:26px; background:#FFF; color:#27A; line-height:26px;}

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

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

.tbl_normal {border:0; border-top:1px solid #DDD; border-left:1px solid #DDD;}
.tbl_normal caption {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden;}
.tbl_normal th, .tbl_normal td {padding:4px; border:0; border-right:1px solid #DDD; border-bottom:1px solid #DDD; font-weight:normal;}
.tbl_normal th {padding:4px 0; background:#F8F8F8; text-align:center;}
.tbl_normal thead th {font-weight:bold;}

.tbl_box {border:0; border-top:0 solid #DDD; border-left:0 solid #DDD;}
.tbl_box caption {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden;}
.tbl_box th, .tbl_box td {padding:0; border:0; border-right:0 solid #DDD; border-bottom:0 solid #DDD; font-weight:normal;}
.tbl_box th {padding:0 0; background:#F8F8F8; text-align:center;}
.tbl_box thead th {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;}

.department {margin-top:40px; padding:0 20px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.department dl {overflow:hidden; width:660px; margin:0; padding:2px 0;}
.department dt {float:left; width:100px; margin:0; padding:2px 0; background:url(../image/bu_dept.gif) no-repeat 0 2px; font-weight:bold; text-indent:22px;}
.department dd {float:left; width:230px; margin:0; padding:2px 0;}
.department .dept {width:260px;}
.department .tel {width:200px;}

/* 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 {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden;}
.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 {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden;}
.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_note_caption {padding:20px 14px;  }
.bbs_note_caption_inner {width:100%;height:100px;padding:5px; overflow:auto;border-top:2px solid #DDD; border-bottom:2px solid #DDD;border-left:2px solid #DDD;border-right:2px solid #DDD;}

.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 {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden;}
.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;}

/* sub01 */
.info_goto {margin:0; padding:14px 0; list-style:none;}
.info_goto li {margin:0; padding:0 20px;}




.info_note {width:660px; margin:0 20px; padding-top:4px; background:url(../image/bg_content.gif) no-repeat 0 0;}
.info_note .note {padding:0 30px 24px; background:url(../image/bg_content.gif) no-repeat 0 100%;}
.info_note h5 {overflow:hidden; height:44px; margin:0; padding:0 0 0 40px; color:#555; line-height:58px;}
.info_note .n1 {background:url(../image/bu_n1.gif) no-repeat 0 16px;}
.info_note .n2 {background:url(../image/bu_n2.gif) no-repeat 0 16px;}
.info_note .n3 {background:url(../image/bu_n3.gif) no-repeat 0 16px;}
.info_note .n4 {background:url(../image/bu_n4.gif) no-repeat 0 16px;}
.info_note em {color:#45E; font-style:normal;}
.info_note p {padding:8px 14px 0 40px;}
.info_note ul {margin:0; padding:8px 0 0; list-style:none;}
.info_note li {margin:0; padding:0 14px 0 40px;}
.info_note dl {margin:0; padding:0;}
.info_note dt {margin:0; padding:8px 14px 0 40px; color:#45E;}
.info_note dd {margin:0; padding:0 14px 0 40px;}
.info_note_btm {padding:8px 20px; text-align:right;}

.info_note1 {width:660px; height:120px; margin:20px 20px; padding-top:4px; background:url(../image/bg_content1.gif) no-repeat 0 0;}
.info_note1 h4 {overflow:hidden; margin:0; padding:0 0 0 30px; line-height:20px;}
.info_note1 em {color:#45E; font-style:normal;}
.info_note1 p {padding:8px 14px 0 40px;}

.info_goto3 {height:100px; margin:0; padding:0; list-style:none; background:url(../image/line.gif) no-repeat 50% 70px;}
.info_goto3 li {float:left; margin:0; padding:0 0 0 40px;}
.info_goto2 {height:50px; margin:0; padding:0; list-style:none; background:url(../image/line.gif) no-repeat 50% 28px;}
.info_goto2 li {float:left; margin:0; padding:0 0 0 3px;}

/* sub02 */
.lst_attend {padding:3px; border:1px solid #CCC; background:#F2F2F2;}
.lst_attend ul {overflow:hidden; width:692px; height:220px; background:#FFF; margin:0; padding:0; list-style:none;}
.lst_attend li {float:left; width:340px; height:140px; margin:40px 0 0 -1px; padding:0; border-left:1px solid #DDD; text-align:center;}

.lst_partner {padding:3px; border:1px solid #CCC; background:#F2F2F2;}
.lst_partner ul {overflow:hidden; width:692px; height:538px; background:#FFF; margin:0; padding:0; list-style:none;}
.lst_partner li {float:left; width:230px; height:126px; margin:40px 0 0 -1px; padding:0; border-left:1px solid #DDD; text-align:center;}

.partner {padding:0 14px;}
.partner p {padding:2px 0 2px 8px;}
.partner ul {margin:0; padding:0; list-style:none;}
.partner li {margin:0; padding:2px 0 2px 18px; background:url(../image/bu_partner.gif) no-repeat 6px 6px;}
.partner li li {padding:2px 0; background-position:-9px 0;}
.partner dl {margin:0; padding:4px 0;}
.partner dt {margin:0; padding:2px 0 2px 18px; background:url(../image/bu_partner.gif) no-repeat 6px 6px;}
.partner dd {margin:0; padding:2px 0 2px 18px;}
.partner .intro {overflow:hidden; width:100%;}
.partner .intro .photo {float:left; width:160px; margin-right:-160px;}
.partner .intro .note {margin-left:160px;}
.partner .intro .note p {padding:0 0 12px;}
.partner .intro .sign {padding:0; font-weight:bold;}

.partner_goto {height:40px; margin:0; padding:0; list-style:none; background:url(../image/line.gif) no-repeat 50% 28px;}
.partner_goto li {float:left; margin:0; padding:0 0 0 8px;}

.partner .c02_04_01_01 {position:relative; overflow:hidden; width:480px; height:188px; margin-left:80px;}
.partner .c02_04_01_01 li {padding-left:20px;}
.partner .c02_04_01_01 .cover {position:absolute; top:0; left:0; overflow:hidden; width:480px; height:188px; background:url(../image/g02_04_01_01.gif) no-repeat 0 0;}

.partner .c02_04_06_02 {position:relative; overflow:hidden; width:658px; height:228px;}
.partner .c02_04_06_02 li {padding-left:20px;}
.partner .c02_04_06_02 .cover {position:absolute; top:0; left:0; overflow:hidden; width:658px; height:228px; background:url(../image/g02_04_06_02.gif) no-repeat 0 0;}

.partner .c02_04_06_03 {position:relative; overflow:hidden; width:658px; height:242px;}
.partner .c02_04_06_03 li {padding-left:20px; white-space:nowrap;}
.partner .c02_04_06_03 li ul {overflow:hidden; width:100%; padding-top:8px;}
.partner .c02_04_06_03 li li {float:left;}
.partner .c02_04_06_03 .cover {position:absolute; top:0; left:0; overflow:hidden; width:658px; height:242px; background:url(../image/g02_04_06_03.gif) no-repeat 0 0;}

.partner .c02_04_07_02 {position:relative; overflow:hidden; width:665px; height:245px;}
.partner .c02_04_07_02 li {padding-left:20px; white-space:nowrap;}
.partner .c02_04_07_02 li ul {overflow:hidden; width:100%; padding-top:8px;}
.partner .c02_04_07_02 li li {float:left;}
.partner .c02_04_07_02 .cover {position:absolute; top:0; left:0; overflow:hidden; width:665px; height:245px; background:url(../image/g02_04_07_02.gif) no-repeat 0 0;}

.partner .c02_04_09_01 {position:relative; overflow:hidden; width:655px; height:244px;}
.partner .c02_04_09_01 li {padding-left:20px; white-space:nowrap;}
.partner .c02_04_09_01 li ul {overflow:hidden; width:100%; padding-top:8px;}
.partner .c02_04_09_01 li li {float:left;}
.partner .c02_04_09_01 .cover {position:absolute; top:0; left:0; overflow:hidden; width:655px; height:244px; background:url(../image/g02_04_09_01.gif) no-repeat 0 0;}

/* sub04 */
.village {padding:0 14px;}
.village ul {margin:0; padding:8px 0 0; list-style:none;}
.village li {margin:0; padding:2px 0 0 20px; background:url(../image/bu_normal.gif) no-repeat 8px 8px;}
.village dl {margin:0; padding:0;}
.village dt {margin:0; padding:8px 0 2px; font-weight:bold; color:#45E;}
.village dd {margin:0; padding:0;}
.village .photo {overflow:hidden; width:660px; padding:30px 0 0;}
.village .photo li {float:left; width:330px; height:220px; padding:0; background-position:-9px 0;}

/* sub06 */
.police_history {overflow:hidden; width:100%; padding-top:8px;}
.police_history h5 {float:left; width:120px; margin:0 -120px 0 0; padding:0; text-align:center; font-weight:bold; font-family:Tahoma,Sans-serif; font-size:20px; font-style:italic; color:#78E; letter-spacing:-1px; background:none;}
.police_history .recent {font-size:24px; color:#35E;}
.police_history .old {display:block; font-size:14px;}
.police_history .note {margin:0 0 24px 120px; padding-left:24px; border-left:1px solid #DDD;}
.police_history dl {overflow:hidden; width:100%; margin:0; padding:0;}
.police_history dt {float:left; width:90px; margin:0 -90px 0 0; padding:2px 0; font-family:Tahoma,Sans-serif;}
.police_history dd {margin:0 0 0 90px; padding:2px 0;}
.police_history ul {margin:0; padding:4px 0; list-style:none;}
.police_history li {margin:0; padding:1px 20px; background:url(../image/bu_normal.gif) no-repeat 8px 8px; color:#777;}

.police_orga {position:relative; overflow:hidden; width:700px; height:1151px;}
.police_orga ul {overflow:hidden; width:100%; margin:0; padding:0; list-style:none;}
.police_orga li {float:left; margin:0; padding:0 0 0 20px;}
.police_orga li li li {float:none;}
.police_orga li li ul {padding-bottom:20px;}
.police_orga li li li ul {padding-bottom:4px;}
.police_orga li li li li {float:left; padding:2px 10px; font-size:11px; color:#666; white-space:nowrap;}
.police_orga .cover {position:absolute; top:0; left:0; overflow:hidden; width:700px; height:1151px; background:url(../image/map_gw.jpg) no-repeat 0 0;}

.police_orga2 {position:relative; overflow:hidden; width:700px; height:400px;}
.police_orga2 ul {margin:0; padding:4px 0; list-style:none;}
.police_orga2 li {margin:0; padding:2px 8px;}
.police_orga2 .cover {position:absolute; top:0; left:0; overflow:hidden; width:700px; height:400px;}
.police_orga2 .c1 {background:url(../image/map_cc.jpg) no-repeat 0 0;} /* 춘천 */
.police_orga2 .c2 {background:url(../image/map_wj.jpg) no-repeat 0 0;} /* 원주 */
.police_orga2 .c3 {background:url(../image/map_gn.jpg) no-repeat 0 0;} /* 강릉 */
.police_orga2 .c4 {background:url(../image/map_dh.jpg) no-repeat 0 0;} /* 동해 */
.police_orga2 .c5 {background:url(../image/map_so.jpg) no-repeat 0 0;} /* 속초 */
.police_orga2 .c6 {background:url(../image/map_sc.jpg) no-repeat 0 0;} /* 삼척 */
.police_orga2 .c7 {background:url(../image/map_tb.jpg) no-repeat 0 0;} /* 태백 */
.police_orga2 .c8 {background:url(../image/map_hc.jpg) no-repeat 0 0;} /* 홍천 */
.police_orga2 .c9 {background:url(../image/map_yw.jpg) no-repeat 0 0;} /* 영월 */
.police_orga2 .c10 {background:url(../image/map_hs.jpg) no-repeat 0 0;} /* 횡성 */
.police_orga2 .c11 {background:url(../image/map_gs.jpg) no-repeat 0 0;} /* 고성 */
.police_orga2 .c12 {background:url(../image/map_js.jpg) no-repeat 0 0;} /* 정선 */
.police_orga2 .c13 {background:url(../image/map_ij.jpg) no-repeat 0 0;} /* 인제 */
.police_orga2 .c14 {background:url(../image/map_cw.jpg) no-repeat 0 0;} /* 철원 */
.police_orga2 .c15 {background:url(../image/map_yg.jpg) no-repeat 0 0;} /* 양구 */
.police_orga2 .c16 {background:url(../image/map_hw.jpg) no-repeat 0 0;} /* 화천 */
.police_orga2 .c17 {background:url(../image/map_pc.jpg) no-repeat 0 0;} /* 평창 */

.police_ci {width:680px; height:464px; background:url(../image/bg_ci.gif) no-repeat 0 0;}
.police_ci .item {overflow:hidden; width:630px; margin:0 25px; padding-top:14px;}
.police_ci .img {float:left; clear:both; width:166px; margin-right:-166px;}
.police_ci .note {margin-left:166px;}
.police_ci h4 {margin:0; padding:8px 0 8px 24px; background:url(../image/bu_ci.gif) no-repeat 10px 13px;}
.police_ci p {padding-left:24px;}
.police_ci ul {margin:0; padding:0; list-style:none;}
.police_ci li {margin:0; padding:0 0 0 38px; background:url(../image/bu_normal.gif) no-repeat 28px 6px;}

/* sub07 */
.chief_intro {position:relative; overflow:hidden; width:700px; height:754px;}
.chief_intro .intro {padding:14px;}
.chief_intro .sign {padding:14px; text-align:right;}
.chief_intro .cover {position:absolute; top:0; left:0; overflow:hidden; width:700px; height:754px; background:url(../image/p_chief_intro.jpg) no-repeat 0 0;}

.chief_history {overflow:hidden; width:666px; margin:0 17px; padding:12px 0;}
.chief_history ul {overflow:hidden; width:666px; margin:0; padding:0; list-style:none;}
.chief_history li {float:left; width:222px; height:210px; margin:0; padding:0; text-align:center;}
.chief_history .photo {padding-bottom:4px;}

.chief_goto {height:40px; margin:0; padding:0; list-style:none;}
.chief_goto li {float:left; margin:0; padding:0;}

/* sub10 */
.sitemap {overflow:hidden; width:700px;}
.sitemap strong {display:block; margin-bottom:6px; padding:8px 0; border:1px solid #CCC; background:#F3F3F3; text-align:center;}
.sitemap ul {margin:0; padding:0; list-style:none;}
.sitemap li {display:inline; float:left; width:165px; height:500px; margin:0 5px; padding:0;}
.sitemap li li {display:block; float:none; width:auto; height:auto; margin:0; padding:2px 0 0 6px;}
.sitemap li li ul {margin:4px 0 8px; padding:0 0 2px; background:#E6F3FF;}
.sitemap li li li {font-family:'돋움',Dotum; font-size:11px;}
.sitemap li li li a {color:#666;}
.sitemap li li li ul {margin:2px 0 4px;}
.sitemap li li li li {padding-left:11px; background:url(../image/bu_normal.gif) no-repeat 2px 8px;}

.lst_site {width:550px; margin:0; padding:0; list-style:none;}
.lst_site li {float:left; width:110px; margin:0; padding:1px 0; text-indent:4px;}
.lst_site li.s2 {width:220px;}
.lst_site li.s3 {width:330px;}
.lst_site li.s4 {width:440px;}
.lst_site li.s5 {width:550px;}

.lst_viewer {overflow:hidden; width:668px; margin:0 16px; padding:0; border-bottom:1px solid #DDD;}
.lst_viewer dt {float:right; clear:both; width:200px; margin:0; padding:8px 0; border-top:1px solid #DDD; text-align:center;}
.lst_viewer dd {float:right; width:468px; margin:0; padding:8px 0; border-top:1px solid #DDD;}

.policy h4 {margin:0;}
.policy h5 {padding:4px 0; background:none;}
.policy p {padding:4px 0;}
.policy ul {margin:0; padding:4px 0; list-style:none;}
.policy li {margin:0; padding:0 0 0 14px;}
.policy li .tbl_normal {margin:4px 0 4px 14px;}
.policy dl {margin:0; padding:0 0 0 14px;}
.policy dt {margin:0; padding:4px 0; color:#45E;}
.policy dd {margin:0; padding:4px 0;}
.policy dd ul {margin:4px 0; padding:8px 0; background:#F3F3F3;}
.policy dd li {padding:0 14px; color:#555;}
.policy .download {background:#DEF;}

.banner {padding:12px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.banner ul {overflow:hidden; width:676px; margin:0; padding:0; list-style:none;}
.banner li {float:left; margin:0; padding:10px 15px;}
.banner li a {float:left; padding:4px; border:1px solid #DDD;}

/* 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;}
#auth_content {color:red;}