@charset "utf-8";

/* ----------------------------------------------------------------
Title : HWASEUNG OZ
Author : sakang@mog.kr
Date : 2009.12
WebSite :
---------------------------------------------------------------- */


/* default definition*/
html , body{ margin:0; padding:0; width:100%; height:100%; font-size:12px; font-family:dotum,돋움,sans-serif; color:#999;}
div, p, span, dl, ul, ol, li, dt, dd, fieldset, table, th, td, form, address, input, select, textarea, legend, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px; font-family:dotum,돋움,sans-serif; color:#999; }

fieldset, img { border: none;}
legend { display:none;}
ul, ol, dl { list-style:none; }
img {vertical-align:top; }

a:link { text-decoration:none; color:#999;}
a:visited { text-decoration:none; color:#999;}
a:hover { text-decoration:underline; }

hr { display:none; }

table { border-collapse: collapse;  }

select { border:1px solid #d7d7d7; font-size:11px; height:18px; }
textarea { padding:5px; line-height:16px; border:1px solid #d7d7d7;}
address { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }

.txtHidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;  }

.input1 { border-left:1px solid #999999; border-top:1px solid #999999; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:2px 5px 0 5px; font-size:12px; height:16px; }
.input2 {  border:1px solid #c2c2c2; padding:2px 5px 0 5px; font-size:12px; height:14px; }
.f_l { float:left; }
.f_r { float:right; }
.f_r input, .f_r img { vertical-align:middle; }



/* layout */
#wrap { width:920px; height:auto; overflow:hidden; margin:0 auto; }
#head { width:920px; height:130px; *zoom:1; }
#head:after { content:""; display:block; clear:both; }
#head .searchArea { clear:both; width:920px; height:80px; overflow:hidden; background:url(/skin/hsoz/images/bg_head.gif) bottom left no-repeat; padding-bottom:8px;  }
#head .searchArea .logo { float:left; width:150px; }
#head .searchArea .toprt { float:right; width:350px; height:auto; overflow:hidden; }
#head .searchArea .toprt .toplink { float:left; width:370px; margin-right:-20px; padding:5px 0; }
#head .searchArea .toprt .toplink li { float:left; background:url(/skin/hsoz/images/line_link.gif) 100% 50% no-repeat; padding-right:10px; margin-right:10px; color:#787878; line-height:18px; }
#head .searchArea .toprt .toplink li a { color:#787878; }
#head .searchArea .toprt .search { float:left; width:350px; height:auto; overflow:hidden; text-align:right; padding-top:30px; }
#head .searchArea .toprt .search input, #head .searchArea .search img { vertical-align:middle; }
#head #gnb { width:920px; height:41px; border-bottom:1px solid #f1980b; }
#head #gnb li { float:left; }
#contentArea { width:920px; height:auto; overflow:hidden; *zoom:1; }
#contentArea:after {content:" "; display:block; clear:both;}
#contentArea #content { float:left; width:660px; }
#contentArea #sideArea { float:right; width:230px; }
#footer { width:900px; border-top:1px solid #d5d5d5; text-align:right; padding:10px; color:#a4a3a3; font:9px verdana; margin-top:50px; }
#footer strong { font:bold 9px verdana; color:#a4a3a3; }


/* content */
#content .imgArea { width:660px; height:260px; background:url(/skin/hsoz/images/bg_img.gif) bottom left no-repeat; }
#content .title { float:left; width:100%; padding:30px 0 15px 0; }
#content .title h2 { float:left; }
#content .title .more { float:right; color:#a0a0a0; font-size:11px; padding-top:5px; }
#content .title .more a { color:#a0a0a0; }
#content .title .more img { vertical-align:middle; }
#content .cont { width:660px; height:auto; overflow:hidden; border-bottom:1px solid #ed1c24; padding-bottom:20px; }
#content .cont .oz { width:320px; }

/* recent post */
#content .cont .post dt { font-weight:bold; line-height:18px; padding-bottom:5px; }
#content .cont .post dt span { color:#ed1c24; }
#content .cont .post dd { font-size:11px; line-height:16px; padding-bottom:15px; }

/* list */
#content .cont .ozList li { line-height:18px; margin-bottom:5px; }
#content .cont .ozList li span { color:#ed1c24; } 

/* media */
#content .cont .media { width:672px; margin-right:-16px; }
#content .cont .media li { float:left; width:80px; margin-right:16px; padding-bottom:10px; }
#content .cont .media li p { margin-top:10px; font-size:11px; text-align:center; line-height:16px; }

/* 한줄 응원 메세지 */
#content .comment { float:left; width:600px; height:auto; overflow:hidden; padding:8px 30px; background:url(/skin/hsoz/images/bg_comment.jpg) no-repeat; }
#content .comment .message { float:left; width:440px; color:#ff3b43; font-weight:bold; line-height:18px; }
#content .comment .nickname { float:left; width:90px; text-align:center; line-height:18px; }
#content .comment .date { float:left; width:70px; line-height:18px; }

/* sub story */
#content .subject { width:100%; height:auto; overflow:hidden; background:url(/skin/hsoz/images/bg_view.gif) bottom left repeat-x; padding:30px 0 5px 0;  }
#content .subject h3 { float:left; font:bold 16px dotum; color:#666; line-height:25px; }
#content .subject .date { float:right; margin-top:10px; font-size:11px; }
#content .copyUrl { text-align:right; padding-top:10px; }

/* 20091229 수정 */
#content .view { width:660px; padding:50px 0 70px 0; line-height:20px;  }
#content .btn { width:660px; height:auto; overflow:hidden; text-align:right; padding-bottom:10px; }
#content .btn ul { float:right; margin-right:-11px; }
#content .btn ul li { float:left; background:url(/skin/hsoz/images/line_link.gif) 100% 50% no-repeat; padding:0 10px; }
#content .btn a { color:#666; }

#content .article { width:660px; height:auto; overflow:hidden; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:10px 0; }
#content .article dt.tag { float:left; width:85px; background:url(/skin/hsoz/images/icon_tag.gif) no-repeat; padding-left:20px; color:#666; margin-bottom:8px;}
#content .article dd.tag { float:left; width:445px; margin-bottom:8px; }
#content .article dd.tag a { font-weight:bold; }
#content .article dd.tagImg { float:left; width:75px; text-align:right; margin-bottom:8px; }
#content .article dt.response { float:left; width:85px; background:url(/skin/hsoz/images/icon_response.gif) no-repeat; padding-left:20px; color:#666; margin-bottom:8px;}
#content .article dd.response { float:left; width:555px; margin-bottom:8px; }
#content .article dd.response em { color:#ff3b43; }
#content .article dd.response a { color:#ff3b43; }
#content .article dt.rss1 { float:left; width:85px; background:url(/skin/hsoz/images/icon_rss.gif) no-repeat; padding-left:20px; color:#666; padding-bottom:3px;}
#content .article dd.rss1 { float:left; width:480px; }
#content .article dd.print { float:left; width:75px; text-align:right; }
#content .article dd.print a { color:#666; }

#content .viewComment { width:660px; height:auto; overflow:hidden; padding:20px 0; }
#content .viewComment dt.name { float:left; width:36px; color:#8b8b8b; margin-top:3px; } 
#content .viewComment dd.name { float:left; width:70px; margin-bottom:8px; }
#content .viewComment dt.email { float:left; width:57px; color:#8b8b8b; margin-top:3px; }
#content .viewComment dd.email { float:left; width:130px; color:#8b8b8b; margin-bottom:8px; }
#content .viewComment dt.pw { float:left; width:57px; color:#8b8b8b; margin-top:3px; }
#content .viewComment dd.pw { float:left; width:280px; color:#8b8b8b; margin-bottom:8px; }
#content .viewComment dd.pw input { vertical-align:middle; }
#content .viewComment dt.vComment { float:left; width:36px; color:#8b8b8b; margin-top:3px; }
#content .viewComment dd.vComment { float:left; width:624px; }
#content .viewComment dd.vComment input,
#content .viewComment dd.vComment textarea { vertical-align:middle; }

#content .commentList { width:660px; height:auto; overflow:hidden; }
#content .commentList li dl { width:628px; height:auto; overflow:hidden; padding:15px; border:1px solid #f1f1f1; margin-bottom:5px; }
#content .commentList li dl dt { width:630px; line-height:18px; margin-bottom:8px; }
#content .commentList li dl dt img { vertical-align:middle; }
#content .commentList li dl dd { width:630px; line-height:20px; }

#content .paging { width:660px; text-align:center; padding:10px 0 20px 0; }
#content .paging a { margin:0 8px 0 5px; }
#content .paging img { vertical-align:middle; }
#content .paging a.active { font-weight:bold; }
/* KMKIM */
#content .paging span.selected { font-weight:bold; }

#content .otherCategory h4 { width:100%; height:auto; overflow:hidden; background:url(/skin/hsoz/images/bg_view.gif) bottom left repeat-x; padding:30px 0 5px 0;  }
#content .otherCategory ul li { width:660px; height:auto; overflow:hidden; border-bottom:1px solid #dcdad9; padding:10px 0; line-height:18px;  }
#content .otherCategory ul li .otherDate { float:right; font-size:11px; }
/* KMKIM */
#content .otherCategory ul li a.active { font-weight:bold; }

#content .gallery { width:682px; height:auto; overflow:hidden; margin-right:-22px; padding-top:30px; }
#content .gallery li { float:left; width:148px; margin-right:22px; padding-bottom:20px; }
#content .gallery li .gImg { margin-bottom:5px; border:1px solid #cbcbcb; }
#content .gallery li .gTxt { text-align:right; line-height:18px; }
#content .gallery li .gDate { text-align:right; line-height:16px; font-size:11px; }

/* KMKIM 태그 클라우드 페이지 */
#content div.tag-cloud { float: left; margin: 30px 0 0 0; width: 670px; line-height: 2.5em; }
#content div.tag-cloud strong { font-size: 2em; color: red; }
#content div.tag-cloud a.cloud1 { font-weight: bold; font-size: 2em; }
#content div.tag-cloud a.cloud2 { font-weight: bold; font-size: 1.8em; color: #afd06c; }
#content div.tag-cloud a.cloud3 { font-weight: bold; font-size: 1.5em; color: #b3c987; }
#content div.tag-cloud a.cloud4 { font-size: 1.2em;	color: #a8bd7f; }
#content div.tag-cloud a.cloud5 { font-size: 0.92em; color: #aaa; }


/* sideArea */ 
#sideArea .title { float:left; width:100%; padding:30px 0 15px 0; }
#sideArea .title h2 { float:left; }
#sideArea .title .more { float:right; color:#333; font-size:11px; padding-top:5px; }
#sideArea .title .more a { color:#333; }
#sideArea .title .more img { vertical-align:middle; }

/* calender */
#sideArea .calender { width:230px; height:206px; margin-top:34px; padding-bottom:10px; background:url(/skin/hsoz/images/bg_calender.gif) bottom left no-repeat; }
#sideArea .calender .month { width:230px; height:auto; overflow:hidden; margin-bottom:15px; }
#sideArea .calender .month .btn { float:left; width:24px; text-align:center; margin-top:8px; }
#sideArea .calender .month .my { float:left; width:182px; text-align:center; }
#sideArea .calender .month .my img { vertical-align:middle; }
#sideArea .calender table { width:224px; margin:0 auto; }
#sideArea .calender table th { font-weight:normal; line-height:18px; padding-bottom:10px; }
#sideArea .calender table td { width:32px; text-align:center; line-height:18px; padding-bottom:6px;  }
#sideArea .calender table td.h { color:#ed1c24; }

/* movie */
#sideArea .movies .txt { font-weight:bold; text-align:right; line-height:18px; margin-top:5px; }

/* category 20091229 수정 */
#sideArea .category { width:230px; height:auto; margin:30px 0 10px 0 ;}
#sideArea .category li { width:230px; height:auto; overflow:hidden; line-height:18px; padding-bottom:5px; }
#sideArea .category li h3 { float:left; width:222px; color:#ed1c24; }
#sideArea .category li .updown { float:left; width:8px; height:5px; overflow:hidden; margin-top:5px; }
#sideArea .category li .updown a.down img { margin-top:-5px; }
#sideArea .category li ul.ca { float:left; border-top:1px solid #ddd; padding-top:10px; margin:8px 0; }
#sideArea .category li ul.ca li { background:url(/skin/hsoz/images/icon_note.gif) 0 5px  no-repeat; padding-left:15px; }
#sideArea .category li ul.ca li ul { float:left;  margin:5px 0 10px 0; border:0; }
#sideArea .category li ul.ca li ul li { background:none; padding:0;  }
#sideArea .category li ul.calist { float:left; border-top:1px solid #ddd; padding-top:10px; margin:8px 0; }
#sideArea .category li ul.calist li { background:url(/skin/hsoz/images/icon_arrow.gif) 0 5px  no-repeat; padding:0 0 0 10px; } 
#sideArea .category li .tag { float:left; width:230px; height:auto; overflow:hidden; border-top:1px solid #ddd; padding-top:10px; margin:8px 0; }
#sideArea .category li .tag a { margin:0 5px 0 0; }
#sideArea .category li dl.track { float:left; width:230px; border-top:1px solid #ddd; padding-top:10px; margin:8px 0; }
#sideArea .category li dl.track dt { background:url(/skin/hsoz/images/icon_arrow.gif) 0 5px  no-repeat; padding:0 0 0 10px; line-height:14px; }
#sideArea .category li dl.track dd { color:#b3b3b3; font-size:10px; padding:0 0 5px 10px; }
#sideArea .category li ul.calink { float:left; border-top:1px solid #ddd; padding-top:10px; margin:8px 0; }
#sideArea .category li ul.calink li { background:url(/skin/hsoz/images/icon_arrow.gif) 0 5px  no-repeat; padding:0 0 0 10px; }
#sideArea .category li ul.calink li a { text-decoration:underline; }

#sideArea .rss { font:9px tahoma; color:#8f8f8f; margin-left:-3px; padding-top:5px; }
#sideArea .rss a { color:#8f8f8f; }
#sideArea .rss img { vertical-align:middle; margin:0 3px; }

/* popup 20091230 추가 */
#sideArea .banner { margin-top:30px; }
#sideArea .banner li { margin-bottom:5px; }

/* popup 20091229 수정 */
.popReg { width:634px; height:auto; border:8px solid #eee; padding:34px 25px 22px 25px; }
.popReg .popTitle { padding-bottom:14px; border-bottom:2px solid #fc7b06; margin-bottom:20px; }
.popReg .popPost dt { float:left; width:62px; margin-bottom:8px; padding-top:3px; color:#8b8b8b; }
.popReg .popPost dd { float:left; width:572px; margin-bottom:8px;}
.popReg .popBtn { padding-top:5px; text-align:center; }

.popComment { width:354px; height:103px; border:8px solid #eee; padding:34px 25px 32px 25px; }
.popComment .popTitle { padding-bottom:14px; border-bottom:2px solid #fc7b06; margin-bottom:20px; }
.popComment .modifyPw { margin-top:15px; }
.popComment .modifyPw input, .popComment .modifyPw img { vertical-align:middle; }