@font-face {font-family: 나눔고딕,Dotum,AppleGothic,sans-serif; src:url(images/NanumGothic.eot)};
body{font-family: 나눔고딕,Dotum,AppleGothic,sans-serif; font-size: 13px;}
div{font-family: 나눔고딕,Dotum,AppleGothic,sans-serif; font-size: 13px;}

@charset "utf-8";
body{text-align: center; font-family: 나눔고딕,Dotum,AppleGothic,sans-serif;font-size:12px;line-height: 1.5; color:#333;/*@background-image=background-image:*/ background-image: none /*@*/;/*@background-image-position=background-position:*/ background-position: left top /*@*/;
/*@background-image-repeat=background-repeat:*/ background-repeat: repeat-x /*@*/;/*@background-color=background-color:*/ background-color: #f5ba1e/*@*/;padding:0;}
a:link,a:visited,a:active{ color: #0b6570; text-decoration:none;}
a:hover{color:#d00}
img{border:0;vertical-align:middle;max-width:100%}
dl,ul,ol,li {list-style: none;margin:0;padding:0}	

/* 레이아웃 */
#container {/*@post-width:723=width:;*/ width: 723px; /*@*/ margin:50px auto;background:#fff ;border:1px solid #ccc;padding:20px 30px}

#header{width:100%;margin:0 0 15px;padding:0;
   	   /*@title-background-image=background-image:*/ background-image: none /*@*/;
	   /*@title-background-image-position=background-position:*/ background-position: left top /*@*/;
	   /*@title-background-image-repeat=background-repeat:*/ background-repeat: repeat /*@*/;
	   /*@title-background-color=background-color:*/ background-color: #FFFFFF /*@*/;
}
#header h1 a{float:left;
		/*@title-font-size=font-size:*/ font-size: 0px /*@*/;
		/*@title-font-family=font-family:*/ font-family: Verdana,Malgun Gothic,nanumgothic,sans-serif /*@*/;
		color:#555;
}
#header a.rss{float:left;text-indent:-8500px;display:block;background:#fff url(images/블로그-메인.png) no-repeat;margin-left:px;;width:723px;height:300px; }
#header:after{display:block;clear:both;content:""}
#searchBox {float: right; margin:0; padding:0}
#searchBox input{border: 1px solid #ccc; background: #fff; padding:5px;margin-right: 4px; height:16px;padding:1px;font-size:12px}

/* 블로그 메뉴 */
#blogMenu{margin:0 0 15px;padding:0;border:1px solid #ccc;border-left:0;border-right:0}
#blogMenu ul{padding:0;padding-left:10px}
#blogMenu ul:after{display:block;clear:both;content:""}
#blogMenu li a {float:left;display:block;color:#0b6570;letter-spacing:-1px;font-family:verdana;font-size:12px;margin:15px 10px}
#blogMenu li a:hover{color:#000}

/* tdiv */
.tdiv {margin-top:10px; padding:10px; text-align: center;}
.tdiv h2{ border-bottom: 3px solid rgb(245, 186, 30); border-top: 3px solid rgb(245, 186, 30); font-size:25px;margin-top: 5px; margin-bottom: 1px; text-align: center; color:#333;/*@title-font-family=font-family:*/ font-family:  나눔고딕,Dotum,AppleGothic,sans-serif;,/*@*/; }
.tdiv .ect{padding-bottom: 5px; text-align: right;}
.tdiv .ect span,.tdiv .ect a{  margin-left:1px; color:#0b6570;font: 나눔고딕,Dotum,AppleGothic,sans-serif;font-size:9px; padding-right: 20px;}

p.protect_p   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
input.protect_i{ width:200px; padding:5px; border: 1px solid #ddd; margin:0 5px}

/* entry */
.article {font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ dotum /*@*/; color:/*@post-body-color=*/ #0b6570 /*@*/; overflow:hidden;}
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { padding-left:25px;  margin:10px 20px;}

.author                  { text-align:center ; color:#0b6570; padding-top: 10px; padding-bottom: 20px;font-family:  나눔고딕,Dotum,AppleGothic,sans-serif;
font-size: 11px color: #f5ba1e;}
.author .text            { border:0;font:90% 나눔고딕, Verdana, Arial, Helvetica, sans-serif; color: #f5ba1e;}

.tagTrail                { padding:1px 1px 1px 1px;  background:url(./images/bg01.jpg) center left no-repeat; clear:both;font-family:  나눔고딕,Dotum,AppleGothic,sans-serif; font-size: 11px; text-align: right;}
.tagText                 { display:none}

/* guestbook */
#guestbook h3{font-size:18px;margin:0;color:#555;/*@title-font-family=font-family:*/ font-family: 나눔고딕,Verdana,Malgun Gothic,nanumgothic,sans-serif /*@*/;}
#guestbook a:hover{text-decoration:none}
#guestbook p { padding:5px 0; margin:0;}
#guestWrite input           { width:150px; border:1px solid #ddd;padding:5px;margin:5px 5px 0 0}
#guestWrite textarea        { width:/*@post-width=*/ 711px/*@*/;height:120px; overflow: auto; margin-top:5px; padding:5px; border:1px solid #ddd;}
#guestWrite .homepage       { width:300px;}
#guestList                  { padding:0;margin-top:5px;border:1px solid #ddd}
#guestList ol li            { border-top:1px solid #eee;  padding:10px;  overflow:hidden;}
#guestList ol li:first-child{border:0}
#guestList li p             { margin-top:5px; padding-top:5px;}
#guestList li ul li         { margin:10px 0 0 20px; background-color:#f5f5f5;  padding-left:15px;  border:none;  width:/*@post-width:-77=*/ 646px /*@*/; overflow:hidden;}
#guestList li .name         { color:#0b6570; }
#guestList li .date         { font-family: 나눔고딕,Verdana; font-size: 11px; color: #999; }
#guestList .control a span  { font-size: 11px; color: #999; }

/* comment */
.comment                          { width:/*@post-width*/ 723px /*@*/;overflow:hidden;margin-bottom:5px}
.comment h3                       { display:none; }
.comment ol                       { border:1px solid #ddd}
.comment ol li                    { padding: 10px; border-top:1px solid #eee}
.comment p                        { margin:5px 0 0; padding:0px}
.comment ol li:first-child        { border:0}
.comment li ul li                 { margin:10px 0 0 20px; background-color:#f5f5f5;  padding-left:15px;  border:none;  width:/*@post-width:-77=*/ 646px /*@*/; overflow:hidden;}
.commentWrite                     { overflow: hidden; color:#0b6570; text-align: center; }

.commentWrite input               { width:150px; color:#0b6570; border: 1px solid #ddd; padding:5px ;margin-top:5px}
.commentWrite textarea            {  width:/*@post-width:=-18*/ 705px /*@*/;height:120px;overflow: auto;  padding: 5px; margin:5px 0 10px; color: #0b6570; border: 1px solid #ddd;}
.commentWrite .homepage           { width:300px;}
.commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
.commentWrite .checkbox           {	border:none; padding:0; margin:0; width:25px;}

/* section */
.section{position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1;margin-bottom:10px}
.section .hx{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7;font-size:12px;line-height:normal;color:#333}
.section .tx{padding:5px;margin:0;border-top:1px solid #e9e9e9;color:#0b6570}
.section a{margin:5px;display:block}
.section span.cmt{margin-left:5px;color:#f00;font-size:11px}

/* 페이징 */
.selected               { font-weight:bold; color:#333; }

/* content */
#content{width:/*@post-width=*/ 723px /*@*/}

/* searchList */
.section_ul{position:relative;border:1px solid #ddd;background:#fff;font-size:12px;font-family:나눔고딕,Verdana, Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1}
.section_ul a{color:#0b6570}
.section_ul a:hover,
.section_ul a:active,
.section_ul a:focus{text-decoration:underline}
.section_ul em{font-style:normal}
.section_ul h2{margin:15;padding:10px 0 8px 13px;border-bottom:4px solid #ddd;font-size:12px;color:#333}
.section_ul h2 em{color:#cf3292}
.section_ul ul{margin:13px;padding:0;list-style:none}
.section_ul li{position:relative;margin:0 0 10px 0}
.section_ul li:after{display:block;clear:both;content:""}
.section_ul li .bu{float:left;margin:0 4px 0 0;color:#999}
.section_ul li a{float:left}
.section_ul li .time{float:right;clear:right;font-size:11px;color:#a8a8a8;white-space:nowrap}
.section_ul li span.cmt{margin-left:5px;color:#f00;font-size:11px}

/* localog */
#localog,#taglog{position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1}
#localog .spot              {margin-top:5px;font-weight:bold}
#localog .info				{margin-top:2px}
#localog .bu              {margin-right:4px 0 0;color:#999}
#localog h3,#taglog h3{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7;font-size:12px;line-height:normal;color:#333}
#localog .tx,#taglog .tx{padding:10px;margin:0;border-top:1px solid #e9e9e9;color:#0b6570}

#taglog a{margin-right:10px}
#taglog a:hover             { background-color:#eee;  color:#000;}
#taglog .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
#taglog .cloud2 { font-size : 12px; color : #000; }
#taglog .cloud3 { font-size : 12px; color : #ddd; }
#taglog .cloud4 { font-size : 12px; color : #999; }
#taglog .cloud5 { font-size : 12px; color : #999; }

#articleBtmWrap { width:/*@post-width*/ 728px /*@*/; padding: 7px 0 0; font-family:  나눔고딕,Dotum,AppleGothic,sans-serif; font-size: 11px; color: #999; margin: 0 auto; }
.actionTrail             { width:/*@post-width*/ 728px /*@*/; overflow: hidden; padding-bottom: 5px;  padding-rig: 5px;  font-family: 나눔고딕,Dotum,AppleGothic,sans-serif;     font-size: 11px; text-align: right; }
.actionTrail .cnt        { color:#ff000a; font-weight: bold; }
.trackback               { width:/*@post-width*/ 728px /*@*/; overflow:hidden;  margin:0 }
.trackback a             { color:#0b6570; text-decoration: none;}
.trackback h3          { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #fff;}
.trackback h4            { font-family: 나눔고딕,Verdana, dotum; font-size: 11px; font-weight:normal;  margin:0; }
.trackback ol            { margin:0;  padding:0; }
.trackback li, .trackback .name, .trackback p { font-family: 나눔고딕,Verdana, dotum; font-size: 11px; }
.trackback li            { border-bottom:1px solid #fff;  padding:5px 0;}
.trackback .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
.trackback p             { margin:2px 0 0 0; padding:0;}

/* paging */
#paging {padding:10px 0;text-align:center;line-height:normal}
#paging a{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:나눔고딕,Verdana, Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
#paging .selected {color:#f60}
#paging #prevPage,#paging #nextPage{font-weight:normal;color:#767676;white-space:nowrap}
#paging #prevPage span,#paging #nextPage span{font-weight:bold;font-size:14px}
#paging .no-more-prev,#paging .no-more-next{display:none}
#paging a:hover{color:#f00}
#paging a#prevPage:hover,#paging a#nextPage:hover{color:#333}

/* footer */
#footer { clear:both; width: auto; margin:15px 0 0; padding-top: 8px; border-top: 1px solid #ddd; }
#footer .copyright {font-family: 나눔고딕, Vadana, san-serif; font-size: 11px; text-align: center; padding: 0; margin: 0; }
#footer .copyright p, #footer .copyright p a { color: #999; }
#footer .copyright .tistory, #footer .copyright .tistory a { color: #0b6570; }

hr {display:none;}

/* button */
.button {color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s;background: #f3f3f3;background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));border: solid 1px #dcdcdc;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;margin-right: 10px;
}
.button:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.button:active {color: #000;border-color: #444;}
.left {-webkit-border-top-right-radius: 0;-moz-border-radius-topright: 0;border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-radius-bottomright: 0;border-bottom-right-radius: 0;
    margin: 0;}
.middle {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-left: solid 1px #f3f3f3;margin: 0;border-left: solid 1px rgba(255, 255, 255, 0)}
.middle:hover,a.right:hover { border-left: solid 1px #999 }
.right {-webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0;border-top-left-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomleft: 0;border-bottom-left-radius: 0;
		border-left: solid 1px #f3f3f3;border-left: solid 1px rgba(255, 255, 255, 0);}
.small{padding:2px 8px 4px;font:normal 11px}
a.button:hover {text-decoration:none}