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

/* 본문 공통 */
html {background:#f9f9f9; }
body{
		font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;
		color:#595959; background: #;   

		
                margin:0;
                padding:0;
}

a:link          { color:#ffab98;     text-decoration:none;}
a:visited       { color:#ffab98;     text-decoration:none;}
a:hover         { color:red;  text-decoration:none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease;
-o-transition: all .4s ease;	transition: all .4s ease;  }
a:active        { color:red;     text-decoration:none;}



/* 페이징 - 현재 페이지 */
  .selected               { font-weight:normal;  color:#ccc;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               {  padding:0px; }
    .rp_secret              { color:#9a9b9d;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { padding:0px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { padding:0px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
 /* 그림 */
    .imageblock {
	border:none;
	margin:0;
	padding:0; 
	}



.imageblock img {
	margin-bottom:5px;  lazyload({ threshold : 200 }) }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          {   padding-left:0px; color:#ffab98;  }
    .moreless_top           {   padding-left:0px; color:#ffab98;   }
    .moreless_body          { }
    .moreless_bottom        {  padding-right:0px; color:#ffab98;  text-align:right;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img {-ms-interpolation-mode:bicubic; border:0;} 
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}


/* 블로그 레이아웃 */

#container {
		width:810px; 
		margin:0px auto; 
		padding:0px;  
		


}
#header {         
		margin:0px; margin-left:-1px;
                width:830px;
                height:100px;
                padding:0px 0px 0px 0px;
}
#content {      
		float:left;
		width:550px;
                padding:0px 0px 20px 0px;
		overflow:hidden;

}
#sidebar {
		float:right;
		width:220px;  margin-top: 25px;  
                padding:0px 0px 20px 0px;
                overflow:hidden;
}


#footer {         
		clear:both;
		margin:0;
                padding:0;            
}

/* ***** Header ***** */        
#header .bloglogo         { padding: 0px; margin:0px; float:left; width:350px; height:100px;background-color:#; margin-left: -33px; }

#header .blogMenu      { text-align:right; 
                                     padding: 40px 25px 0px 0px; margin:0px; float:right; width:400px; 
                                      height:20px;   }

#header .blogMenu ul   { margin:0;  padding:0px;  list-style:none;}
#header .blogMenu li   { display:inline;  margin:0px;  padding:0px 0px 0px 15px;}
#header .blogMenu li a{ color:#aaa; font:13px/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  font-weight:;                                  text-transform: uppercase;}
#header .blogMenu li a:hover  { color:#595959;  text-decoration:none; padding-top: 11px; background:url(./images/ystar.gif) right top no-repeat;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;	transition: all .3s ease;  }




#blogImage {width: 32px; height:32px;  background:#fff; padding:2px; border: 2px solid #eee;   float: left;  margin-right: 20px;      -moz-border-radius: 3px; -webkit-border-radius:3px; 	-webkit-box-shadow: 2px 2px 9px #83B8D3; -moz-box-shadow: 2px 2px 9px #83B8D3; margin-left: 30px; }

#blogImage:hover {      -moz-border-radius: 3px; -webkit-border-radius:3px; 	-webkit-box-shadow: 2px 2px 9px #DED61A; -moz-box-shadow: 2px 2px 9px #DED61A;  }

#blogDesc {font:14px  arial, sans-serif; font-weight: bold;  color: #595959; padding-bottom: 5px; padding-top: 3px; }
#userID a{font:11px  arial, sans-serif; color:#ffab98; text-decoration:underline;  padding-right: 5px; }











/* ***** content ***** */
#content .nonEntry { width:468px; padding:30px 42px 0px 40px;  margin:0px;   border-top:px solid #ccc;  }
#content .nonEntry h3   { padding-bottom:10px;  margin-bottom:5px; }

#content .entryNotice, 
#content .entryProtected, 
#content .entry             {    margin:0px; border-top:px solid #ccc; font:10px Arial, Verdana, Helvetica, Gulim, sans-serif; color:#595959;  }
#content .entry  h3 {padding-left:10px; padding-top: 20px; }


#searchList li a      {  width:468px;   padding:0px 10px 0px 0px;   margin:0px;   color:#595959;    font:12px/1.7 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;
  }
#searchList li a:hover      {  color:#999; }
#searchList ol, 
#searchRplist ol            { list-style:none;  padding:10px 0px 10px 0px;  margin:0;   }
#searchList li, 
#searchRplist li            { border-bottom:1px solid #eee;  padding-bottom:4px; padding-top:4px;  margin-bottom:4px; }
#searchList .date, 
#searchRplist .date         {  padding-left:10px; font:0.95em Arial, Verdana, Helvetica, Gulim, sans-serif; color:#999;   margin-right:10px; }
#searchList .cnt            { font:0.8em Arial, Verdana, Gulim, sans-serif;  color:#ffab98; padding:0px 0px 0px 0px;} 
#searchRplist .name         { font:0.95em Arial, Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}




/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2                {   font-size:1.2em;  line-height:1.7em; padding-top: 50px;}
.titleWrap               {   padding-bottom:0px;  margin-bottom:0px;  height: 77px; background:url(./images/btop.png) bottom left no-repeat; width:468px;                 padding:0px 42px 0px 40px;    margin-left:-1px; }
.titleWrap h2 a          {color:#333;   }
.titleWrap h2 a:hover          { color:#595959; padding-top: 11px; background:url(./images/ystar.gif) right top no-repeat; }




.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#;}


.article                 { overflow:hidden;color:#666;  text-align:justify; line-height:17pt;  font:12px/1.7 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif; color:#595959; padding-bottom: 0px;   width:468px; 
                padding:0px 42px 0px 40px;  margin:0px;   background: url(./images/bmiddle.png) repeat-y 0 0;     }

.article a:link          { color:#ffab98;  text-decoration:none;  }
.article a:visited       { color:#ffab98;  text-decoration:none;  }
.article a:hover         { color:red;  text-decoration: ; padding-top: 11px; background:url(./images/ystar.gif) right top no-repeat;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;	transition: all .3s ease;    } 
.article a:active        { color:red;  text-decoration:none;}







.actionTrail             {   padding:0px 42px 10px 0px;    clear:both;       font:11px/1.7  Dotum, Verdana, AppleGothic; color:#b2cecf;  text-align:left; height:100%;   border-bottom:px solid #ffd598; border-top:px solid #ffd598;      } 
.actionTrail a           { color:#595959;}
.actionTrail a:hover     { color:#595959; text-decoration:underline; }
.actionTrail .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif; margin-bottom:15px;  }

.reply             { padding:0px 42px 0px 40px;   clear:both;
                                font:11px/1.7  "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  color:#595959;  text-align:left; height:100%;}
.reply a           { color:#ffab98;}
.reply a:hover     { color:red; padding-top: 7px; background:url(./images/ystar.gif) right top no-repeat;}














/* Comments*/
.comment                          {   width:468px; 
                padding:0px 42px 0px 30px;  margin:0px;   margin-bottom:4px; 
                           overflow:hidden; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif; } 
.comment p                        { margin:3px 0 0 0; padding:0; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:0.9em Arial, Gulim, sans-serif;  color:#999; }

.comment .name                 { color:#595959; }
.comment .name a               { color:#333;  }
.comment .name a:hover               {  text-decoration:underline;}




.comment ol li             { padding:10px;   margin:10px 0px 0px 0px;         font:11px/1.8 돋음, dotum, arial, verdana, sans-serif;  border-top: 1px solid #eee;	border-left: none;   	border-bottom: 1px solid #fff;	border-right: 1px solid #fff;-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;     background:#eee;   }
.comment ol li.ad           { padding:10px;   margin:10px 0px 0px 0px;                                           background:#e9e9e9;  font:11px/1.8 돋음, dotum, arial, verdana, sans-serif;  border-top: 1px solid #eee;	border-left: none;
     	border-bottom: 1px solid #fff;	border-right: 1px solid #fff;-webkit-border-radius: 10px;	-moz-border-radius: 10px;
	border-radius: 10px;}

.comment .control a            { color:#999; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 0px;}
.comment .control a:hover  { color:#999;}
.commentList { padding:10px 0px 0px 0px ; margin:0px;}
.commentWrite label                    { font:0.9em Arial, Gulim, sans-serif;  color:#999;}
.commentWrite                     { padding:20px 0px 5px 0px ; margin:0px;color:#666;}
.commentWrite input               { width:250px;padding:5px; color:#595959;    font:12px/1.7 돋음, dotum, arial, verdana, sans-serif;   border-top: 1px solid #eee;	border-left: none;   	border-bottom: 1px solid #fff;	border-right: 1px solid #fff;-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;     background:#eee;   }
.commentWrite textarea            { width:456px; padding:5px; position:relative; top:0px;height:100px;overflow:auto;color:#595959;                                                   font:12px/1.7 돋음, dotum, arial, verdana, sans-serif;  border-top: 1px solid #eee;	border-left: none;   	border-bottom: 1px solid #fff;	border-right: 1px solid #fff;-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;     background:#eee;   }
.commentWrite .homepage           { width:250px;padding:5px;}

.commentWrite .submit             { width:110px;  height:25px;  margin-top: 10px;
                                                font:11px Arial, sans-serif; position:relative; 
                                               padding:2px 10px 2px 10px; text-align:center; color:#666;  
                                                border:none; background:#ffda5b;    
             -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #ccc; -moz-box-shadow: 2px 2px 0px #ccc; 

opacity:0.5;filter:alpha(opacity=50); }

.commentWrite .submit:hover {background:red;  -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #aaa; -moz

-box-shadow: 2px 2px 0px #aaa; color: yellow;  opacity:0.9;filter:alpha(opacity=90); -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;  } 



.commentWrite .submit:hover { -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #aaa; -moz-box-shadow: 2px 2px 0px #aaa; color: yellow; } 
.commentWrite .secretWrap         { float:right; position:relative; top:-13px; left:-10px;}
.commentWrite .checkbox          {border:none; padding:0;	margin:0; width:25px; background:none;}

/* End Comment */






#guestbook                        { width:468px; 
                padding:0px 42px 0px 40px;  margin:0px; overflow:hidden; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif;     background: url(./images/bmiddle.png) repeat-y 0 0; } 
#guestbook p                        { margin:3px 0 0 0; padding:0; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif;}

#guestbook h3                       { display:none;}
#guestbook ol,
#guestbook ul                       { margin:0;  padding:0;  list-style:none;    }

#guestbook .date                    { font:0.9em Arial, Gulim, sans-serif;  color:#999;}
#guestbook .name                 { color:#595959; }
#guestbook .name a               { color:#333;  }
#guestbook .name a:hover               {  text-decoration:underline;}

#guestbook ol li                    { padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px;
                                           background:#FFFDBF; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif; }
#guestbook ol li.ad           { padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px;
                                           background:#FFFDC6; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif;}
#guestbook .control a            { color:#999; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 5px;}
#guestbook .control a:hover  { color:#999;}
#guestWrite label                    { font:0.9em Arial, Gulim, sans-serif;  color:#999;}
#guestWrite                     { padding:5px 0px 5px 0px ; margin-top:0px;color:#aaa;}
#guestWrite input               { width:250px;padding:5px; color:#595959; background:#FFFDBF; border-bottom:1px solid #ffd598; border-top:1px solid #ffd598;    background-color:#fffcb5; border-left:0px solid #eee; border-right:0px solid #eee;  font:12px/1.7 돋음, dotum, arial, verdana, sans-serif; }
#guestWrite textarea            { width:456px; padding:5px; position:relative; top:0px;
                                              height:100px;overflow:auto;color:#595959;
                                             font:12px/1.7 돋음, dotum, arial, verdana, sans-serif; background:#FFFDBF; border-bottom:1px solid #ffd598; border-top:1px solid #ffd598;    background-color:#fffcb5; border-left:0px solid #eee; border-right:0px solid #eee;  }
#guestWrite .homepage           { width:250px;padding:5px;}
#guestWrite .submit             { width:110px;  height:25px;  margin-top: 15px;
                                                font:11px Arial, sans-serif; position:relative; 
                                               padding:2px 10px 2px 10px; text-align:center; color:#fff;  
                                                border:none; background:red;    
             -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #ccc; -moz-box-shadow: 2px 2px 0px #ccc;}

#guestWrite .submit:hover { -webkit-border-radius: 10px; -webkit-box-shadow: 2px 2px 0px #aaa; -moz-box-shadow: 2px 2px 0px #aaa; } 

.commentWrite .secretWrap         { float:right; position:relative; top:-13px; left:-10px;}
#guestWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
#guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px; background:none;}



/* End guestbook */





/* ***** sidebar ***** */




#sidebar ul   { padding:0;  margin:0;  list-style:none;  padding-bottom:5px; }
#sidebar li a      { padding:0;  margin:0;  color:#9a9b9d;  font:11px/1.8 돋음, dotum, arial, verdana, sans-serif; 
 }

#sidebar li a:hover {color:#333;}
#sidebar h3       {  font:15px/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;   font-weight:bold; color:#e7be00; padding-top:7px;  margin-bottom:5px;  }

#adminMenu            { margin:5px 0 10px 0; text-align:center; background-color:#ccc; padding:5px;}
#adminMenu li         { display:inline; background:none;}



#sidebar #searchWrap input{vertical-align:middle;}
#sidebar #searchWrap #s{margin-right:3px;width: 160px;  font-family: "Helvetica Neue", Helvetica, Arial, sans

-serif;	font-size: .9em;
	line-height: 1.4em;
	color: #333;  text-shadow: 0px 1px #eee;
        padding: 6px 9px;
border-top: 1px solid #c3c3c3;
	border-left: none;
     
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
opacity:0.4;filter:alpha(opacity=40)  

}

#sidebar #searchsubmit       { background:#ffffff url(./images/btn-tags.gif) no-repeat; width:36px;  height:29px; text-indent:-5000px; border:0; cursor:pointer; opacity:0.4;filter:alpha(opacity=40)   }


#sidebar #searchsubmit:hover       { background:url(./images/btn-tags.gif) no-repeat; width:36px;  height:29px; text-indent:-5000px; border:0; cursor:pointer; opacity:0.8;filter:alpha(opacity=80); }




/* *****  side tab menu ***** */
#BOX  {width:240px; padding-top:7px; border-top:px solid #ccc; margin:0px; font:15px/1.5 "Lucida Grande", "Lucida Sans 

Unicode", Arial, Verdana, sans-serif;   font-weight:bold; color:#e7be00;  }
#BOX a.hightlighted, #BOX a.hightlighted_down { font:15px/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, 

sans-serif;   font-weight:bold; margin:0; padding:0; color:#ccc;padding-right:2px; padding-left:2px; text-

decoration:none;   }
#BOX a.hightlighted:hover  { color: #ddd; }
#BOX a.hightlighted_down { color:#e7be00;  }


#recent { margin:5px 0;padding:0px 3px 0px 0px;border-top:px solid #eee;width:296px; }
#recent UL {width:220px;  padding: 0px 0px 5px 0px;margin: 0; list-style-type: none; }
#recent li { padding: 0px 0px 2px 0px;margin: 0; list-style: none; font:11px/1.5  돋음, dotum, arial, verdana, sans-

serif;  }
#recent li a { color:#9a9b9d; text-decoration:none; font:11px/1.8  돋음, dotum, arial, verdana, sans-serif; }
#recent li a:hover {color:#333; }

#sidecomments  {  margin:5px 0;padding:0px 3px 0px 0px;border-top:px solid #eee;width:294px;}
#sidecomments  UL {  padding: 0px 0px 5px 0px;margin: 0; list-style-type: none;}
#sidecomments li { padding: 0px 0px 2px 0px;margin: 0; list-style: none; font:11px/1.5  돋음, dotum, arial, verdana, 

sans-serif;  }
#sidecomments li a { color:#9a9b9d; text-decoration:none; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif; }
#sidecomments li a:hover { color:#333; }



/* twitter /////////////////////// */
.mytweet { width:259px;  margin-left:-9px;  padding-top:0px;     }

.mytweet h3 {font-size:1.0em;  color: #333;    }
ul#twitter_update_list { color:#9a9b9d; text-decoration: none; padding: 0px 0; }
ul#twitter_update_list a { color:#9e957e; text-decoration: none; padding: 0px 0; }
ul#twitter_update_list a:hover { color:#595959; }
ul#twitter_update_list li { margin-bottom:10px;  font:11px/1.7 돋음, dotum, arial, verdana, sans-serif;}
.mytweet a { font-weight:normal;padding: 2px 0;  color:#8bc2c5;  }
.mytweet div {   padding:8px 10px 10px 10px; }




	/* paging */
#paging            { width:468px; 
                padding:20px 42px 0px 40px;  margin:0px;     text-align:left;  font-size:9px; width:468px;}
#paging .numbox    {padding:0; margin:0;  font:9px verdana;} 
#paging .num       { padding-right:7px; margin:0px;}



/* main banner */
.ad_1{position: relative; float: right; width: 585px;}
.ad_1 p{position: relative; width: 585; height: 90px; z-index: 1;}
.ad_1 button{display: block; overflow: hidden; position: absolute; bottom: 5px; height: 16px; background: url(http://image2.yanolja.com/site/imageFile/images/siteMain20100311/btn_v1.gif) no-repeat 0 -70px; text-indent: -3000em; z-index: 99;}
.ad_1 #ad_prev{width: 15px; right: 20px;}
.ad_1 #ad_next{width: 15px; right: 6px; background-position:-14px -70px;}
.ad_inter{display: none;}
.ad_inter_on{position: absolute; left: 0; top: 0; width: 0px; height: 0px; z-index: 100;}
.ad_inter_on p{position: absolute; right: 5px; top: 5px;}






/* ***** footer ***** */
#footer .copyright          { text-align:left;  padding:30px 0px 20px 5px;  font:11px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;color:#9a9b9d;     }
#footer .copyright  a        { color:#e7be00;}
#footer .copyright  a:hover  { color:#ffab98; padding-top: 7px; background:url(./images/ystar.gif) right top no-repeat;}