@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font: 12px Verdana, Arial, Sans-Serif;/* Resets 1em to 10px */
		background-color:#fff;
		color:#666;background-image:url(./img/main_bg.png);
		margin:0px;padding:0px;
scrollbar-3dlight-color: #f1f1f1; 
scrollbar-arrow-color: #eaeaea; 
scrollbar-darkshadow-color: #f1f1f1; 
scrollbar-face-color: #fff; 
scrollbar-highlight-color: #f1f1f1; 
scrollbar-shadow-color: #f1f1f1; 
scrollbar-track-color: #f1f1f1;
}
* html { padding:100px 0 0 100px;}
* html body { height:100%; width:100%;}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:red;  text-decoration:underline;}
a:active        { color:red;     text-decoration:none;}
/* all */
#all{width:100%;}
#sidemenu{position:absolute;top:0px;left:0px;width:141px;}/*background:url("./img/ft_bg.gif") top left no-repeat;*/
#main{position:absolute;top:0px;left:141px;width:580px;}
#foot{clear: both;}
/*#foot{clear: both;position:absolute; bottom:0; width:100%;height:34px;background-image:url(./img/foot_bg.png);}
#foot .img{margin:12px 10px 0px 145px;}*/
#sideright{position:absolute;top:0px;left:730px;width:200px;}

hr              { clear: both;margin:0px;padding:0px;border:1px solid #eaeaea;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
form            { border:0px solid #aaa;margin:0px;padding:0px;}
input           { border:0px solid #aaa;margin:0px;padding:0px;}
textarea        { border:0px solid #aaa;margin:0px;padding:0px;}
.i_img{vertical-align:middle;margin-bottom:5px;border:0px;}
p{margin:0;padding:0;}
.input{border:1px solid #eaeaea;padding:2px;}

/* main */
#main .all{margin:10px;}
#main .text{clear: both;margin:10px;}
#main .text2{clear: both;margin:10px 10px 10px 50px;}
#main .text3{clear: both;margin:0px 0px 0px 50px;}
h1{background:url(img/tb_cat.gif) 0 0 no-repeat;margin-top:0;margin-bottom:0;  padding:10px 10px 8px 50px; font:1em Verdana; font-weight:bold; color:#555; letter-spacing:normal;}
h2{background:url(img/tb_gallery.gif) 0 0 no-repeat;margin-top:0;margin-bottom:0;  padding:10px 10px 8px 50px; font:1em Verdana; font-weight:bold; color:#555; letter-spacing:normal;}
h3{background:url(img/tb_circle.gif) 0 0 no-repeat;margin-top:0;margin-bottom:0;  padding:10px 10px 8px 50px; font:1em Verdana; font-weight:bold; color:#555; letter-spacing:normal;}
h4{background:url(img/tb_update.gif) 0 0 no-repeat;margin-top:0;margin-bottom:0;  padding:10px 10px 8px 50px; font:1em Verdana; font-weight:bold; color:#555; letter-spacing:normal;}
h5{background:url(img/tb_comment.gif) 0 0 no-repeat;margin-top:0;margin-bottom:0;  padding:10px 10px 8px 50px; font:1em Verdana; font-weight:bold; color:#555; letter-spacing:normal;}

#main .update{margin-left:50px;height:100px;overflow-y:auto;background-color:#f7f7f7;width:220px;}
#main .search{margin-bottom:13px;font-size:1em;}
#main .line{background:url(img/line01.png) 0 0 repeat-x;padding:3px;width:100%;}
#main .side_img{margin:2px;}
/*artical*/
#main .content{margin:10px 0px 10px 0px;letter-spacing:1;line-height:20px;}
#main .content img{ padding: 2px; border: 1px solid #ddd; background: #fff;}
#main .title{font-size:14px;font-weight:bold;border-bottom:1px solid #EAEAEA;}
#main .title a:hover{color:gray;}
#main .smalltitle{font-size:10px;color:gray;}
/* moreless/tag/clap */
#main .moreless{padding:10px 10px 5px 10px;color:#000;height:16px;background-color:#eaeaea;}
#main .moreless a:hover{color:gray;  text-decoration:none;}
#main .tagTrail { margin:15px 5px 0 0; padding-left:32px; height:auto; background:url(./img/tag.gif) top left no-repeat;  clear:both; letter-spacing:normal; font:1em  Verdana;}
#main .tagTrail span { display:none; }
#main .tagTrail a{ color:#aaa;}
#main .clapTrail { margin:15px 5px 0 0; padding-left:32px; height:auto; background:url(./img/clap.gif) top left no-repeat;  clear:both; letter-spacing:normal; font:1em Verdana;}
#main .clapTrail span { display:none; }
#main .clapTrail a{ color:#aaa;}
#main .actionTrail  { font:1em tahoma; letter-spacing:normal; color:#909090; padding: 6px 0 7px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; margin-top:15px;  clear:both;}
#main .actionTrail a{color:#909090;}
#main .actionTop {text-align:right;padding:5px 5px 25px 5px;clear:both;}
/* tb */
#main .trackback { padding-bottom:3px;}
#main .trackback .title{font-size:1.2em;}
#main .trackback .content{font-size:1.2em;margin:5px;}
/* link */
#main .link {margin:10px;}
#main .link .name{float:left;width:45%;font-weight:bold;font:1.2em Tahoma;}
#main .link .intro{color:gray;}
#main .link .banner{float:right;width:45%;text-align:right;}
/* search */
#main .search ol{margin:0; padding:0 !important;font-size:1.2em;padding:0px;margin:0px;}
#main .search ul{margin:0; padding:0 !important;}
#main .search li{list-style:none;border-bottom:1px solid #eee;  padding-bottom:2px;  margin-bottom:4px; letter-spacing:normal;}
#main .search .date{font:0.8em tahoma;  margin-right:10px;}
#main .search .cnt{font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
/* reply */
#main .name { font-size:1em;float:left; font-weight:bold; margin-right:7px;  color:black;}
#main .name img { vertical-align:middle;}
#main .control { float:right;}
#main .control a { display:block; height:0; padding:9px 0 0 0; overflow:hidden; float:left; margin-top:4px; margin-right:3px;}
#main .control .address { background:url(img/iconAdd.gif); width:23px; }
#main .control .modify { background:url(img/iconModify.gif); width:24px;}
#main .control .write { background:url(img/iconReply.gif); width:28px; }
#main .date{font:1em tahoma; letter-spacing:normal; color:#ccc;}
#main .rep1{margin:0px;border-bottom:1px solid #eaeaea;padding-bottom:5px;}
#main .rep2{margin:0px 0px 0px 30px;border-bottom:1px solid #eaeaea;padding-bottom:5px;}
#main .reply_text{clear: both;}
/* clap */

/* commentwrite */
.commentwrite{width:500px;margin:0px;padding:0px;}
.commentwrite input{font:1em Tahoma #999;}
.commentwrite textarea{font:1.2em Verdana #999;}
.commentwrite .name{background:url(img/w_name.gif) 0 0 no-repeat;width:162px;height:24px;}
.commentwrite .name input{font-size:1em;width:115px;margin-left:35px;margin-top:5px;}
.commentwrite .pass{float:left;margin-left:-9px;background:url(img/w_pass.gif) 0 0 no-repeat;width:122px;height:24px;}
.commentwrite .pass input{width:75px;margin-left:40px;margin-top:5px;}
.commentwrite .home{float:left;margin-left:-2px;background:url(img/w_home.gif) 0 0 no-repeat;width:218px;height:24px;font:1em Tahoma gray;}
.commentwrite .home input{width:150px;margin-left:57px;margin-top:5px;}
.commentwrite .comment{clear: both;background:url(img/w_comment.gif) 0 0 no-repeat;width:498px;height:113px;}
.commentwrite .comment textarea{margin:20px 10px 10px 10px;width:480px;height:85px;}
.commentwrite .ubb{margin:2px 2px 5px 2px;}
.commentwrite .scode{float:left;width:50%;padding:2px;}
.commentwrite .scode input{border:1px solid #eaeaea;width:50px;}
.commentwrite .scode select{font:1em Tahoma #999;}
.commentwrite .scode .secret{border:0px;width:20px;vertical-align:middle;}
.commentwrite .submit{float:right:width:50%;text-align:right;}
/* pagebar */
#main .pagebar{margin:50px 0px 20px 0px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center;padding:10px;}


/* sidemenu */
#sidemenu .text{margin:0px 10px 20px 10px;}
#sidemenu .copyright{text-align:center;}


/* 태그 클라우드 */
#sidemenu .tagbox { word-wrap: break-word;width:120px;overflow-y:hidden;overflow-x:auto;margin-bottom:10px;}
#sidemenu .tagbox .cloud1, #sidemenu .tagbox a.cloud1:visited{font-size:14px; color:#ff6600;}
#sidemenu .tagbox .cloud2, #sidemenu .tagbox a.cloud2:visited {font-size:13px; color:#ff9900;}
#sidemenu .tagbox .cloud3, #sidemenu .tagbox a.cloud3:visited {font-size:12px; color:#669900;}
#sidemenu .tagbox .cloud4, #sidemenu .tagbox a.cloud4:visited {font-size:12px; color:#0099CC;}
#sidemenu .tagbox .cloud5, #sidemenu .tagbox a.cloud5:visited {font-size:11px; color:#999;}
#sidemenu .tagbox li { margin:0 3px -1px 0; display:inline; border:none;}
#sidemenu .tagbox a:hover { text-decoration:underline; }  

#ft .text{margin:65px 20px 140px 17px;height:90px;overflow-y:auto;overflow-x:hidden;}
#ft .date{font:1.5em Tahoma;font-weight:bold;color:#FFF;}
#ft .content{margin-bottom:10px;}
#ft .prev{float:left;width:50%;text-align:left;}
#ft .next{float:right;width:50%;text-align:right;}

#sidemenu ol{margin:0; padding:0 !important;}
#sidemenu ul{margin:5px; padding:0 !important;}
#sidemenu li{margin:0; padding:0 !important;list-style:none;}
#sidemenu a:hover{color:gray;text-decoration:none;}

#sidemenu h3{background:url(img/side_bg.gif) 0 0 no-repeat; margin:0;  padding:6px 25px 5px 5px; font:1em Verdana; font-weight:bold; color:#555; letter-spacing:normal;text-align:right;}

/* sideright */
#sideright .text{margin:0px 10px 20px 10px;}
#sideright .copyright{text-align:center;}
#sideright .small{font:10px Tahoma;font-weight:bold;}
#sideright .small a{color:#a3a3a3;}
#sideright .vis{font:15px Tahoma;color:#a3a3a3;font-weight:bold;}


#sideright ol{margin:0; padding:0 !important;}
#sideright ul{margin:5px; padding:0 !important;}
#sideright li{margin:0; padding:0 !important;list-style:none;}
#sideright a:hover{color:gray;text-decoration:none;}

#sideright h3{background:url(img/sideright_bg.gif) 0 0 no-repeat; margin:0;  padding:6px 25px 5px 15px; font:1em Verdana; font-weight:bold; color:#555; letter-spacing:normal;text-align:left;}



/*disc*/
.imageframe,
.imageframe td{ margin: 0; padding: 0; border-collapse: collapse; }
.imageframe { margin: 5px 0; width: auto; border: 2px solid #e0e0e0; }
.imageframe td.content { padding: 2px; text-align: center; }
.imageframe td.content img{ border: 1px solid #aaa; margin:2px; }
.imageframe td.intro{ font-size: 1em; color: #888; padding: 2px; padding-left: 17px; border: 0px; border-top: 1px dashed #bbb; background:url("./img/iconby.gif") left 4px no-repeat; }

.popbox { padding:5px;border: 1px solid #eaeaea; background-color: #fff;z-index:5;}
.popbox .closebutton { text-align: right; font-size: 10px; font-weight: bold;background-color:#eaeaea; }

.pagebox { border: 2px solid #DDE3E2; margin: 10px 0; }
.pagebox td.title { text-align:left; font-weight: bold; padding: 3px 10px; }
.pagebox td.content { width: 80%; padding: 5px; }
.pagebox td.index { text-align: center; padding: 3px; }
.pagebox td.index a { margin: 3px 5px; }
.pagebox td.large { font: 20px auto Tahoma; }

.webclap{background-image:url(img/webclap.gif);width:80px;height:16px;text-align:left;padding:3px 20px 3px 63px;font-size:8px;color:#523e35;font-family: "Tahoma";font-weight:bold;background-repeat : no-repeat;}
.webclap a:hover{text-decoration: none;cursor:hand;}
.webclap a { display: block; }

.section { }
.section .title h3 { border-left: 2px solid #DDE3E2; padding-left: 4px; font-size: 11.5px; font-weight: normal; }
.section .content {}

/* elfblog code */
.eb_moreless { padding: 0px; }
.eb_more { margin-top: 5px; }
.eb_less { margin-top: 5px; }

.ustable table { margin: 5px 0; border: 2px solid #d5d5d5; border-collapse: collapse; }
.ustable table td { padding: 2px 5px; border: 1px solid #d5d5d5; border-bottom: 0; border-left: 0; width: auto; }