@charset "utf-8";
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{*word-break:break-all;-ms-word-break:break-all;}
body  { font-size:12px; line-height:19px; color:#333333; font-family:"굴림", Gulim, "돋움", Dotum,Tahoma, AppleGothic, Sans-serif;}

input, textarea {font-size:12px; line-height:14px; color:#333333; font-family:"굴림", Gulim, "돋움", Dotum,Tahoma, AppleGothic, Sans-serif;}

img{border:0 none;}
a{color:#555;text-decoration:none;}
a:hover{color:#979fe8;text-decoration:none;}

form {margin:0px;}
.lh {line-height: 19px;}
.jt {text-align:justify;}

.member, .guest  {color:#555;}
.small {font-size:11px; font-family:"돋움",Dotum; font-weight:normal;}
.small_color {color:#777;}
.bold   {font-weight:bold;}
.letter-spacing  {letter-spacing: -1px;}
.login_color {color:#333;}

.m_top  {margin-top:4px; #margin-top:5px;}
.bo_top  {margin-top:7px; #margin-top:8px;}

/* la_board */
.la_bo_bar {width:305px; height:34px;}
ol.la_bo {clear: both; list-style-type:none; width:305px; height:26px; line-height:14px;}
li.la_no  {width:15px; float:left;}
li.la_con  {width:210px; float:left; overflow:hidden;}
li.la_data  {width:80px; float:right; color:#b4b4b4; font-size:11px; text-align:center;}
/* la_gallery */
.la_gallery_bar {height:44px;}
.gal_thum  {clear:both; text-align:center;}
.thum_call  {float:left;}
.thum_call .thum  {padding-top:5px; padding-bottom:2px;}
.thum_call .thum img  {border:#bfbfbf 1px solid;}
.thum_call .sv  {margin-top:2px;}
.thum_call .sv span  {color:#c9cdcd;}
/* login */
.login_v {width:87px; height:16px; position:relative; left:27px; top:9px;}
.login_v .idf {width:42px; float:left;}
.login_v .pwf {width:20px; float:left;}
.login_v .go {width:17px; float:right;}
.login_v .inp {width:22px; height:14px; border:#fff0aa 1px solid; background-color:#ffffed; padding:1px 0 0 1px; font-family:Tahoma; font-size:10px; ime-mode:disabled;}
/* login_on */
.login_on {width:100px; position:relative; left:15px; top:10px;}
.login_on .mbname {width:70px; height:20px; float:left;}
.login_on .mbout {width:20px; height:20px; float:right;}
.login_on2 {clear:both; width:100px; position:relative; left:15px; top:10px;}

/* visit */
.visit_v {clear:both; width:70px; position:relative; left:45px; top:17px; #top:15px; font-size:10px; font-family:Tahoma; color:#777;}
.visit_v .v0 {width:70px; height:12px;}
.visit_v .v1 {clear:both; width:60px; height:11px; margin-top:2px; padding-top:1px;}
.visit_reset {clear:both; height:15px; width:100px; position:relative; left:17px; top:22px; #top:20px; font-size:10px; font-family:Tahoma; color:#777;}

#index .bo_width {clear:both;}

#index .bo_title {clear:both; height:44px;}
#index .bo_view_title {clear:both; height:33px;}
#index .bo_view_title .sv {width:550px; height:20px; position:relative; left:35px; top:10px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

/* list bo12 */
ol.bo {clear:both; list-style-type:none; height:28px; text-align:center; line-height:14px; overflow:hidden;}
li.bo_no  {width:55px; float:left;}
li.bo_con  {width:329px; float:left; text-align:left; overflow:hidden;}
li.bo_name  {width:85px; float:left; white-space:nowrap; overflow:hidden;}
li.bo_data  {width:85px; float:left;}
li.bo_hit  {width:66px; float:left;}

.input_sh {width:120px; height:16px; border:#999999 1px solid; background-color:#fafbf4; padding:2px 0 0 2px; ime-mode:active;}

/* view - bo12 */
#index .bo_width .ico  {width:30px; float:left; text-align:right; padding-top:7px;}
#index .bo_width .text {width:590px; float:left; padding-top:9px;}
#index .bo_width .con {clear:both; padding:10px; overflow-x:hidden; cursor:default;}
#index .bo_width .btn_left  {width:300px; height:25px; float:left;}
#index .bo_width .btn_right  {width:320px; height:25px; text-align:right; float:right;}

/* write - bo12 */
.write {clear:both;}
.write .left   {width:90px; float:left; padding-top:7px; text-align:center;}
.write .right {width:525px; float:left; padding:2px 0 2px 4px; text-align:left; border-left:#eee 1px solid;}
.write .img_right {width:290px; float:left; padding:2px 0 2px 4px; text-align:left; border-left:#eee 1px solid;}
.write .img_right2 {width:230px; float:left; padding-top:30px; text-align:left;}

/*  gallery */
#gallery_width {clear:both; width:860px; margin-left:20px;}
.bo_gallery_title {clear:both; height:44px;}
.bo_gallery_title .cate  {width:640px; height:20px; position:relative; left:205px; top:21px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.bo_gallery_na_title {clear:both; height:60px;}
.bo_gallery_na_title .cate  {width:640px; height:35px; position:relative; left:205px; top:21px; line-height:14px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.gal_thum  {clear:both; text-align:center;}
.gal_thum .thum_call  {float:left;}
.gal_thum .thum_call .thum  {padding-top:5px; padding-bottom:2px;}
.gal_thum .thum_call .thum img  {border:#fff 1px solid;}
.gal_thum .thum_call .sv  {margin-top:2px;}
.gal_thum .thum_call .sv span  {color:#c9cdcd;}

.bo_gallery_view_title {height:33px;}
.bo_gallery_view_title .sv {width:550px; height:20px; position:relative; left:50px; top:10px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.bo_gallery_view  {clear:both;}
.bo_gallery_view .ico  {width:30px; float:left; text-align:right; padding-top:7px;}
.bo_gallery_view .text {width:800px; float:left; padding-top:9px;}

.bo_gallery_view .con {clear:both; padding:10px; overflow-x:hidden; cursor:default;}
.bo_gallery_view .btn_left  {height:25px; float:left;}
.bo_gallery_view .btn_right  {height:25px; text-align:right; float:right;}

/* cc */
ol.cc_list {clear:both; list-style-type:none; height:28px; text-align:center; overflow:hidden;}
li.cur_no  {width:52px; float:left;}
li.cur_name  {width:85px; float:left;}
li.cur_brow  {width:80px; float:left;}
li.cur_os  {width:70px; float:left;}
li.cur_loc  {width:333px; float:left; text-align:left; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

/* memo */
ol.mw_list {clear:both; list-style-type:none;height:30px; line-height:16px;}
li.mw_list1  {width:15px; height:28px; float:left;}
li.mw_list2  {width:460px; float:left; padding-bottom:5px; #padding-bottom:6px; -webkit-text-size-adjust:none; word-wrap:break-word;word-break:break-all;}
li.mw_list3  {width:78px; float:right;}
li.mw_list4  {width:67px; float:right;}

.mw_ip  {width:250px; height:15px; float:left; text-align:left; color:#3c66ac;}
.mw_no  {width:50px; height:15px; float:left; color:#e3e6d9;}
.mw_box {width:620px;clear:both;}
.mw_box .left  {width:555px; float:left;}
.mw_box .right  {width:56px; float:right;}
.mw_box .right .top  {width:56px; height:22px; float:right;}
.mw_box .right .bot  {width:56px; clear:both; float:right;}

.mw_input  {border:#a8a8ce 1px solid; height:17px; font-size:12px; padding:2px 0 0 2px; background-color:#ffffed; ime-mode:active;}
.mw_textarea  {border:#a8a8ce 1px solid; padding:2px; font-size:12px; background-color:#ffffed; ime-mode:active;}

#memo_width {margin-top:8px;}
.la_col {width:203px; float:left; text-align:center;}
.la_col_in {width:175px; height:143px; margin:0 auto;}
.la_col_in .la_no {position:relative; left:25px; top:24px; #top:25px; width:100px; height:12px; float:left; text-align:left;   line-height:14px; overflow:hidden;}
.la_col_in .la_con {position:relative; left:12px; top:24px; #top:26px; width:145px; height:71px; clear:both; float:left; text-align:left; line-height:16px; color:#636363; overflow:hidden; -webkit-text-size-adjust:none; word-wrap:break-word;word-break:break-all;}
.la_col_in .la_name {position:relative; left:17px;top:25px; width:140px; height:15px; clear:both; float:left; text-align:right;  line-height:14px;}

/* page */
.paging {clear:both; margin-top:5px; text-align:center; vertical-align:middle;}
.paging .page_left {width:200px; float:left;} /* gall */
.paging .page_center {width:450px; float:left;}
.paging .page_right  {width:200px; float:right;}
.paging .page_right ul {list-style-type:none; margin:0px;}
.paging .page_right li {float:left; margin-left:3px;}

.paging .page_left_bo {width:300px; float:left; margin-top:4px;} /* bo */
.paging .page_right_bo  {width:300px; float:left; margin-top:4px;}
.paging .page_right_bo ul {list-style-type:none; margin:0px;}
.paging .page_right_bo li {float:left; margin-left:3px;}

/* paging */
.board_page {clear:both; height:25px; font-size:11px; padding:5px; text-align:center;}
.board_page a {border:#ccc 1px solid; background-color:#fafbf4; text-decoration:none; padding:3px 5px 1px 4px; margin-left:4px; line-height:normal; vertical-align:middle;}
.board_page a:hover {border:#ff7209 1px solid; color:#ff7209; background-color:#ffffbf; vertical-align:middle; line-height:normal;}
.board_page .sel {border:#ff7209 1px solid; background: #f8f8f8; color:#ff8000; font-weight:bold; padding:3px 5px 1px 4px; margin-left:4px;  line-height:normal; vertical-align:middle;}