﻿/* board */
#qnaSubject{clear:both; width:680px;}
#qnaSubject .skin{position:relative; width:100%; height:30px; background:url(/image/board_top_bg.gif) repeat-x;}
#qnaSubject .skin .subject{position:absolute; left:207px; top:9px;}
#qnaSubject .skin .num{position:absolute; left:10px; top:9px;  font-size:11px; width:30px; text-align:center;}
#qnaSubject .skin .writer{position:absolute; right:170px; top:9px; font-size:11px; width:80px; text-align:center;}
#qnaSubject .skin .writer2{position:absolute; right:15px; top:9px; font-size:11px; width:90px; text-align:center;}
#qnaSubject .skin .date{position:absolute; right:80px; top:10px; width:50px; font-size:11px; text-align:center;}
#qnaSubject .skin .hit{position:absolute; right:15px; top:10px; width:30px; font-size:11px; text-align:center;}

#qnaSubject{clear:both; width:806px;}
#qnaSubject .list{position:relative; width:100%; height:30px;border-bottom:solid 1px #f1f1f1;}
#qnaSubject .list .subject{position:absolute; left:55px; top:9px;}
#qnaSubject .list .num{position:absolute; left:10px; top:9px; font-size:11px; width:30px; text-align:center;}
#qnaSubject .list .writer{position:absolute; right:170px; top:9px; font-size:11px; width:80px; text-align:center;}
#qnaSubject .list .writer2{position:absolute; right:15px; top:9px; font-size:11px; width:90px; text-align:center;}
#qnaSubject .list .date{position:absolute; right:80px; top:10px; width:50px; font-size:11px; text-align:center;}
#qnaSubject .list .hit{position:absolute; right:15px; top:10px; width:30px; font-size:11px; text-align:center;}


/* Pag Navi */
.paging{position:relative; margin:15px 90px 0 0; text-align:center;}
.paging span{position:absolute; right:0; top:-5px;}
.reply_paging{width:100%; margin:0 15px 0 15px; padding:13px 0 11px 0; text-align:center; border-top:1px solid #EDEDED;}

/*NHN page Navigation template (reference http://html.nhndesign.com)*/
table.Nnavi{height:13px; border-collapse:collapse; margin:0 auto;}
table.Nnavi td{padding:0; border-right:1px solid #dddddd;}
.reply_paging table.Nnavi td{padding:0; border-right:none; background:url(/image/bar_paging.gif) right no-repeat;}
table.Nnavi td.pgR{border-right:0;}
.reply_paging table.Nnavi td.pgR{border-right:0; background:none;}

table.Nnavi a {font-size:12px; font-family:Dotum, AppleGothic, sans-serif; text-decoration:none; display:block; margin-right:1px; padding:2px 7px 0 7px; color:#333333; font-weight:bold;} 
table.Nnavi a:active {font-size:14px; font-family:Dotum, AppleGothic, sans-serif; text-decoration:none; display:block; margin-right:1px; padding:2px 7px 0 7px; color:#e63d3d; font-weight:bold;}
table.Nnavi a:visited {font-size:14px; font-family:Dotum, AppleGothic, sans-serif; text-decoration:none; display:block; margin-right:1px; padding:2px 7px 0 7px; color:#e63d3d; font-weight:bold;}

.reply_paging table.Nnavi a.num{font-size:11px;}
.reply_paging table.Nnavi a:hover{margin-right:1px;}
table.Nnavi .pgL a, table.Nnavi .pgR a{font-weight:normal;}
table.Nnavi .pgL a:hover, table.Nnavi .pgR a:hover{background-color:#FFFFFF;}
.reply_paging table.Nnavi .pgL a:hover, .reply_paging table.Nnavi .pgR a:hover{background-color:#F8F8F8;}
table.Nnavi .pgL img, table.Nnavi .pgR img{border:0; margin-bottom:1px;}
table.Nnavi .pgL img{margin:0 5px 2px 0;}
table.Nnavi .pgR img{margin:0 0 2px 5px}

table.Nnavi .on_this_me, table.Nnavi .on_this_me a, table.Nnavi .on_this_me a:visited{font-size:14px; font-family:Dotum, AppleGothic, sans-serif; text-decoration:none; display:block; margin-right:1px; padding:2px 7px 0 7px; color:#e63d3d; font-weight:bold;}
.reply_paging table.Nnavi .on_this, .reply_paging table.Nnavi .on_this a, .reply_paging table.Nnavi .on_this a:visited{color:#e63d3d;}
*html body table.Nnavi a{width:1em;}
table.Nnavi .pgL a, table.Nnavi .pgR a{width:auto;}

/* board View */
#boardView{ clear:both; width:680px;}
#boardView .view{ position:relative; width:680px; height:20px;  font-size:11px; color:#999; background:#f7f7f7;}
#boardView .view .num{ position:absolute; left:10px; top:5px;}
#boardView .view .writer{ position:absolute; right:125px; top:5px;}
#boardView .view .hit{ position:absolute; right:60px; top:5px;}
#boardView .view .reply{ position:absolute; right:10px; top:5px;}
#boardView .viewbg{ position:relative; width:660px; height:33px; margin:0 10px; background:url(/image/dot_2px.gif) bottom repeat-x;}
#boardView .viewbg .subject{ position:absolute; left:10px; top:9px; color:#333;font-size:14px;}
#boardView .viewbg .date{ position:absolute; right:10px; top:9px;}
#boardView .content{ position:relative; width:640px;top:15px;border-bottom:solid 1px #ddd;padding:0 20px 15px 20px;}

#boardReply{ position:relative; width:678px;border:solid 1px #ddd;}
#boardReply .question{ position:relative; width:100%; height:20px;  font-size:11px; color:#999; background:#f7f7f7;}
#boardReply .question .num{ position:absolute; left:10px; top:5px;}
#boardReply .question .writer{ position:absolute; right:125px; top:5px;}
#boardReply .question .hit{ position:absolute; right:60px; top:5px;}
#boardReply .question .reply{ position:absolute; right:10px; top:5px;}
#boardReply .viewbg{ position:relative; width:660px; height:33px; margin:0 10px; background:url(/image/dot_2px.gif) bottom repeat-x;}
#boardReply .viewbg .subject{ position:absolute; left:10px; top:9px; color:#333;font-size:14px;}
#boardReply .viewbg .date{ position:absolute; right:10px; top:9px;}
#boardReply .content{ position:relative; width:640px;top:15px;padding:0 20px 30px 20px; text-align:left;}

#boardAnswer{ position:relative; width:678px;border:solid 1px #ddd;}
#boardAnswer .question{ position:relative; width:100%; height:20px;  font-size:11px; color:#999; background:#f7f7f7;}
#boardAnswer .question .num{ position:absolute; left:10px; top:5px;}
#boardAnswer .question .writer{ position:absolute; right:15px; top:5px;}
#boardAnswer .question .hit{ position:absolute; right:60px; top:5px;}
#boardAnswer .question .reply{ position:absolute; right:10px; top:5px;}
#boardAnswer .viewbg{ position:relative; width:660px; height:33px; margin:0 10px; background:url(/image/dot_2px.gif) bottom repeat-x;}
#boardAnswer .viewbg .subject{ position:absolute; left:10px; top:9px; color:#333;font-size:14px;}
#boardAnswer .viewbg .date{ position:absolute; right:10px; top:9px;}
#boardAnswer .content{ position:relative; width:640px;top:15px;padding:0 20px 30px 20px;text-align:left;}

#boardWrite{ position:relative; width:100%;border:solid 1px #ddd;}
#boardWrite .subject{ position:relative; width:100%; height:35px; background:#f7f7f7;border-bottom:solid 1px #ddd;}
#boardWrite .subject2{ position:relative; width:100%; height:210px; background:#f7f7f7;}
#boardWrite .subject3{ position:relative; width:100%; height:400px; background:#f7f7f7;}
#boardWrite .title{ position:absolute;left:30px; top:10px;}
#boardWrite .titleInput{ position:absolute; left:79px; top:6px; width:500px;}
#boardWrite .inputspace{ position:absolute; top:10px; left:78px; width:700px;height:200px; text-align:left;}
#boardWrite .inputspace3{ position:absolute; right:0px; background:#fff;width:600px;height:400px;}
#boardWrite_btn{ margin-top:20px; width:800px; text-align:center;}

/* event ggiri board View */
#ggiriboardReply{ position:relative; width:678px;border:solid 1px #ddd;}
#ggiriboardReply .question{ position:relative; width:100%; height:20px;  font-size:11px; color:#999; background:#f7f7f7;}
#ggiriboardReply .question .num{ position:absolute; left:10px; top:5px;}
#ggiriboardReply .question .writer{ position:absolute; right:125px; top:5px;}
#ggiriboardReply .question .hit{ position:absolute; right:60px; top:5px;}
#ggiriboardReply .question .reply{ position:absolute; right:10px; top:5px;}
#ggiriboardReply .viewbg{ position:relative; width:660px;  margin:0 10px;}
#ggiriboardReply .viewbg .subject{ position:absolute; left:10px; top:12px; color:#333;font-size:14px;}
#ggiriboardReply .viewbg .date{ position:absolute; right:10px; top:9px;}
#ggiriboardReply .content{ position:relative; width:640px;top:15px;padding:0 20px 30px 20px; text-align:left;}

#boardAnswer1{ position:relative; width:698px;}
#boardAnswer1 .question{ position:relative; width:100%; height:10px;  font-size:11px; color:#999;}
/*#boardAnswer1 .question .num{ position:absolute; left:10px; top:5px;}*/
#boardAnswer1 .question .writer{ position:absolute; right:15px; top:23px;}
/*#boardAnswer1 .question .hit{ position:absolute; right:60px; top:5px;}*/
/*#boardAnswer1 .question .reply{ position:absolute; right:10px; top:5px;}*/
#boardAnswer1 .viewbg{ position:relative; width:680px; height:33px; margin:0 10px;  background:url(/image/dot_2px.gif) bottom repeat-x;}
#boardAnswer1 .viewbg .subject{ position:absolute; left:10px; top:8px; color:#333;font-size:12px;}
#boardAnswer1 .viewbg .date{ position:absolute; right:10px; top:9px;}
#boardAnswer1 .content{ position:relative; width:640px;top:15px;padding:0 20px 30px 20px;text-align:left;}


/* Q&A search style */
#searchword{ width:255px; height:14px;padding-top:3px;border:solid 1px #cecece;}

/* Friend Search Style : 2008.11.20 bhahn add*/
#friendList{clear:both; width:680px;}
#friendList .skin{position:relative; width:100%; height:30px; background:url(/image/board_top_bg.gif) repeat-x;}
#friendList .skin .id{position:absolute; left:0px; top:9px; font-size:11px; width:200px; text-align:center;}
#friendList .skin .nickname{position:absolute; left:200px; top:9px;  font-size:11px; width:200px; text-align:center;}
#friendList .skin .goto{position:absolute; left:400px; top:9px; font-size:11px; width:100px; text-align:center;}
#friendList .skin .reqFriend{position:absolute; left:500px; top:9px; font-size:11px; width:90px; text-align:center;}
#friendList .skin .sendMinimail{position:absolute; left:590px; top:10px; font-size:11px; width:90px;  text-align:center;}

/* Friend Search Style : 2008.11.20 bhahn add*/
#friendList {clear:both; width:680px;}
#friendList .list{position:relative; width:100%; height:30px;border-bottom:solid 1px #f1f1f1;}
#friendList .list .id{position:absolute; left:0px; top:9px;font-size:11px; width:200px; text-align:center;}
#friendList .list .nickname{position:absolute; left:200px; top:9px; font-size:11px; width:200px; text-align:center;}
#friendList .list .goto{position:absolute; left:400px; top:9px; font-size:11px; width:100px; text-align:center;}
#friendList .list .reqFriend{position:absolute; left:500px; top:9px; font-size:11px; width:90px; text-align:center;}
#friendList .list .sendMinimail{position:absolute; left:590px; top:10px; font-size:11px; width:90px; text-align:center;}

