@charset "utf-8";

/************************************************************
*  Layout
*************************************************************/
.png24                   { tmp:expression(setPng24(this)); }

/*
.Top_Menu_IE             { left:50%; width:51px; height:350px; margin-top:27%; margin-left:-480px; }
.Top_Menu_FF             { left:50%; width:51px; height:350px; margin-top:27%; margin-left:-479px; }
*/

#Top_Class               { line-height:1%; text-align:center; margin-top:40px; padding-right:11px; }
#Menu_Class              { line-height:1%; text-align:center; }

#Gallery_No_Blank        { width:100%; font:1px tahoma; line-height:100%; }
#Gallery_Margin          { clear:both; height:4px; font:1px tahoma; line-height:100%; }
#Gallery_Etc_Margin      { clear:both; height:0px; font:1px tahoma; line-height:100%; }
#Gallery_Dot_Width       { clear:both; height:1px; background:url(../img/dot_width.gif); width:100%; font:1px tahoma; line-height:100%; }

.Dot_Width               { background:url(../img/dot_width.gif); height:1px; }
.Dot_Width_Profile       { background:url(../img/dot_width_profile.gif); height:1px; margin:10px 0 10px 0; padding:0px; font:1px tahoma; line-height:100%; }
.Dot_Height              { background:url(../img/dot_height.gif); width:1px; }
.Right_Dot_Width         { clear:both; height:1px; background:url(../img/right_dot_width.gif); width:100%; font:1px tahoma; line-height:100%; margin:3px 0 2px 0; }

#Dot_Width               { clear:both; height:1px; background:url(../img/dot_width.gif); width:100%; font:1px tahoma; line-height:100%; margin-top:5px; }

#Main_Line               { height:1px; background-color:#EEEEF5; width:100%; font:1px tahoma; line-height:100%; }

#Main_Stage              { width:865px; margin:0 auto; }
#Main_Panel              { float:left; width:642px; border-right:1px solid #EEEEF5; padding:0px; margin:0px; }
#Main_Content            { width:637px; padding:0px; margin:0px; }

#Main_Top                { background:url(../img/sq_head.png) bottom no-repeat; width:637px; height:20px; }

#Main_Middle             { background:url(../img/sq_middle.png) repeat-y; padding:6px 22px 4px 22px; }
#Main_Middle UL          { padding:0px; margin:0px; list-style-type:none; }
#Main_Middle LI          { padding:0px; margin:0px; list-style-type:none; }

#Main_Middle .M_Title     { padding-bottom:4px; margin:0px; list-style-type:none; text-align:left; }
#Main_Middle .M_Date      { padding:4px 4px 4px 0; margin:0px; list-style-type:none; text-align:right; font:8px kroeger; color:#78787E; line-height:110%; }
#Main_Middle .M_Content   { margin:0px; list-style-type:none; text-align:left; line-height:20px; border:1px solid #fff; }
#Main_Middle .M_Tag       { padding-top:5px; list-style-type:none; text-align:left; }
#Main_Middle .M_Comment   { list-style-type:none; text-align:right; }
#Main_Middle .M_Dot_Width { height:1px; background:url(../img/dot_width.gif); width:100%; font:1px tahoma; line-height:100%; margin:0px; }

#Main_Middle .Category_Title   { padding:0px; margin:0px; list-style-type:none; }
#Main_Middle .Category_Content { padding:0px; margin:0px; list-style-type:none; text-align:left; padding-top:7px; font:8pt gulim; }

#Main_Middle .G_Thumb    { float:left; width:67px; height:65px; padding:10px; background:url(../img/thumb_bg.png) top no-repeat; margin-left:2px; }
#Main_Middle .G_Title    { float:left; width:198px; padding:9px 0 0 8px; }

#Main_Middle .Talk_Date  { margin:0px; list-style-type:none; text-align:left; font:8px kroeger; color:#78787E; line-height:149%; }

#Main_Edit_Del           { padding-top:6px; margin:0px; list-style-type:none; text-align:right; }

#Main_Bottom             { background:url(../img/sq_foot.png) no-repeat; width:637px; height:18px; }

#Blog_Paging             { padding:18px 0 20px 0; background:url(../img/underbar.png) top no-repeat; width:637px; text-align:center; }
#Etc_Paging              { padding:36px 0 15px 0; background:url(../img/sq_bottom.png) top no-repeat; width:637px; text-align:center; }

#Right_Panel             { float:left; width:198px; text-align:left; margin-left:7px; }
#Right_Panel .Top        { width:198px; height:24px; background:url(../img/r_top.png) no-repeat; padding:0px; margin:0px; font:1px tahoma; line-height:100%; }
#Right_Panel .Middle     { width:160px; background:url(../img/r_middle.png) repeat-y; padding:0 18px 0 18px; }
#Right_Panel .Middle UL  { padding:0px; margin:0px; list-style-type:none; }
#Right_Panel .Middle LI  { padding-top:3px; margin:0px; list-style-type:none; }

#Right_Panel .Bottom     { width:198px; height:17px; background:url(../img/r_bottom.png) no-repeat; border-bottom:1px solid #EEEEF5; }

#Right_Panel .Blank      { font:1px tahoma; line-height:100%; height:4px; }

#Right_Panel .Tag        { width:198px; height:20px; background:url(../img/r_tag.png) no-repeat; margin-top:5px; }
#Right_Panel .Tag_Middle { width:158px; background:url(../img/r_middle.png) repeat-y; padding:3px 21px 0 21px; overflow:hidden; }
#Right_Panel .Tag_Middle UL  { padding:0px; margin:0px; list-style-type:none; line-height:16px; overflow:hidden; }
#Right_Panel .Tag_Middle LI  { padding:0px; margin:0px; list-style-type:none; display:inline; }

#Right_Panel .Player      { width:208px; height:192px; background:url(../img/player.png) no-repeat; margin-top:2px; padding-top:1px; }
#Right_Panel .Category    { width:198px; height:24px; background:url(../img/r_category.png) bottom no-repeat; }
#Right_Panel .Entries     { width:198px; height:20px; background:url(../img/r_entries.png) no-repeat; margin-top:5px; }
#Right_Panel .Comment     { width:198px; height:20px; background:url(../img/r_comment.png) no-repeat; margin-top:5px; }

#Right_Panel .Link        { width:198px; height:20px; background:url(../img/r_link.png) no-repeat; margin-top:5px; }
#Right_Panel .Link_Title  { border:1px solid #d8d8df; background-color:#f1f1f6; padding:3px 0 3px 6px; text-align:left; font:11px dotum; cursor:pointer; margin-left:2px; }
#Right_Panel .Link_Dot    { clear:both; height:1px; background:url(../img/right_dot_width.gif); width:100%; font:1px tahoma; line-height:100%; margin:3px 0 3px 0; }
#Right_Panel .Link_Dot_Sub    { clear:both; height:1px; background:url(../img/right_dot_width.gif); width:100%; font:1px tahoma; line-height:100%; margin:3px 0 5px 0; }

#Right_Panel .Banner      { text-align:center; padding:5px 0 5px 0; border-bottom:1px solid #EEEEF5; }
#Right_Panel .Counter     { text-align:center; padding:4px 0 4px 0; border-bottom:1px solid #EEEEF5; }
#Right_Panel .Mini_Player { text-align:center; padding:4px 0 3px 0; border-bottom:1px solid #EEEEF5; border-top:1px solid #EEEEF5; }
#Right_Panel .LoginForm   { width:198px; height:44px; border-bottom:1px solid #EEEEF5; text-align:center; background:url(../img/m_bg.png) center no-repeat; }
#Right_Panel .Rss         { text-align:center; padding:5px 0 5px 0; }
#Right_Panel .Member      { text-align:center; padding:5px 0 7px 0; }

#Underbar_Dot             { clear:both; margin:0 auto; width:848px; border-top:1px solid #EEEEF5; height:80px; text-align:center; }
#Underbar_Top             { height:12px; text-align:right; }

.Member_Padding           { padding:0 8px 0 8px; }
.Member_Sidebar           { background:url(../img/dot_height.gif); width:1px; }
.Member_Table             { width:97%; border:1px solid #dddddd; }
.Member_Comment_Style     { width:99%; background-color:#FFFFEA; border:1px solid #e9e9c0; margin-top:1px; }

.Comment_Align            { text-align:left; width:50%; }
.Comment_Title            { text-align:left; padding:4px 7px 3px 7px; line-height:160%; }
.Comment_Type_2           { text-align:left; height:25px; padding-left:5px; }
.Comment_Type_2_Bg        { width:100%; background:url(../img/comment_s_bg.png) center repeat-x; }
.Comment_Type_2_Date      { text-align:right; font:10px tahoma; color:#999999; padding-right:3px; }

.Comment_Margin_1         { margin:0 0 2px 0; width:95%; }
.Comment_Margin_2         { margin:0 0 2px 0; width:90%; }
.Comment_Margin_3         { margin:0 0 2px 0; width:85%; }
.Comment_Margin_4         { margin:0 0 2px 0; width:80%; }
.Comment_Margin_5         { margin:0 0 2px 0; width:75%; }
.Comment_Margin_Default   { margin:4px 0 2px 0; width:100%; }

.Comment_Bg_1             { text-align:left; height:31px; background:url(../img/comment_bg.png) repeat-x; width:50%; padding-left:5px; }
.Comment_Bg_2             { text-align:right; height:31px; background:url(../img/comment_bg.png) repeat-x; width:50%; padding:0 3px 0 5px; font:10px tahoma; color:#999999; }

.Comment_Name             { font:9pt gulim; width:100px; border-color:#B9B3BB #E6E3E8 #E6E3E8 #B9B3BB; border-width:1px; border-style:solid; height:16px; padding:3px 0 0 3px; }
.Comment_Pass             { font:9pt gulim; width:100px; border-color:#B9B3BB #E6E3E8 #E6E3E8 #B9B3BB; border-width:1px; border-style:solid; height:16px; padding:3px 0 0 3px; }
.Comment_V_Pass           { font:bold 10px tahoma; ime-mode:disabled; width:100px; border-color:#B9B3BB #E6E3E8 #E6E3E8 #B9B3BB; border-width:1px; border-style:solid; height:16px; padding:3px 0 0 3px; }
.Comment_Email            { font:10px verdana; ime-mode:disabled; width:200px; border-color:#B9B3BB #E6E3E8 #E6E3E8 #B9B3BB; border-width:1px; border-style:solid; height:16px; padding:3px 0 0 3px; }
.Comment_Home             { font:10px verdana; ime-mode:disabled; width:200px; border-color:#B9B3BB #E6E3E8 #E6E3E8 #B9B3BB; border-width:1px; border-style:solid; height:16px; padding:3px 0 0 3px; }
.Comment_Content          { font:9pt gulim; width:98%; height:110px; border-color:#B9B3BB #E6E3E8 #E6E3E8 #B9B3BB; border-width:1px; border-style:solid; padding:3px 0 0 3px; overflow:auto; line-height:149%; }
.Comment_Solid            { border-color:#EAEAEF #DDDDE6 #DDDDE6 #EAEAEF; border-width:1px; border-style:solid; padding:10px; margin-top:15px; text-align:left; }

.Comment_Submit           { border-color:#D7D7E1 #A9A9B6 #A9A9B6 #D7D7E1; border-width:1px; border-style:solid; background-color:#E9E9F1; font:bold 8pt gulim; height:18px; line-height:149%; }

.Comment_Reply_Solid      { width:100%; border:2px dotted #C1C2D2; background-color:#F7F7FA; }
.Comment_Reply_Title      { padding:8px; font-weight:bold; }
.Comment_Reply_Content    { padding:8px; line-height:149%; }

#Talkbox_Solid            { border-color:#EAEAEF #DDDDE6 #DDDDE6 #EAEAEF; border-width:1px; border-style:solid; padding:10px; text-align:left; }
#Etc_Line                 { font:1px tahoma; line-height:100%; width:198px; border-top:1px solid #EEEEF5; }

.Reference                { margin-left:5px; letter-spacing:-1px; font:11px dotum; display:none; }
.Secret                   { margin-top:4px; border:1px solid #efefef; text-align:center; }
.Talkbox_Content          { cursor:pointer; margin-top:4px; border:1px solid #efefef; padding:4px 8px 4px 8px; }

.Spam_Count_Style_1       { text-align:right; font:bold 11px tahoma; color:#ef5900; border:1px solid #ffffff; width:14px; }
.Spam_Count_Style_2       { border:1px solid #ffffff; width:155px; font:8pt dotum; color:#58545D; letter-spacing:-1px; }

/* 첨부파일 스타일 */
.Attachment_View_Style_1  { position:absolute; visibility:hidden; z-index:100; top:0px; left:0px; width:170px; line-height:100%; }
.Attachment_View_Style_2  { background-color:#fff; width:170px; border:1px solid #55515A; }

/********** LightBox Css ************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/p_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/p_nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font:bold 11px tahoma; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }