@charset "UTF-8";
/* ------------------------------------------------------
Skin	:	demunWhite2Col
Version	:	1
MarkUp	:	demun
Design	:	demun
Blog	:	http://demun.tistory.com
Email	:	hjm01@naver.com
Making	:	2011-12-31
---------------------------------------------------------
스타일을 추가할때는 지우지말고 맨아래에서 작성하세요.
------------------------------------------------------ */
/* default
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;background:transparent;font-size:100%;vertical-align:baseline;outline:0;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
/* tistory basics
-----------------------------------------------------------------------------*/
.moreless_fold{padding-left:20px;background:url(images/arrow-down.gif) no-repeat 0 center;}
.moreless_top,.moreless_bottom{padding-left:20px;background:url(images/arrow-up.gif) no-repeat 0 center;}
.moreless_fold:hover,.moreless_top:hover,.moreless_bottom:hover{cursor:pointer;}
.moreless_content{padding:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.rp_general{font-weight:normal;}		/* 일반 댓글 [##_rp_rep_class_##] */
.rp_admin{ font-weight:bold;}			/* 관리자가 올린 댓글 [##_rp_rep_class_##] */
.rp_secret{font-weight:bold;color:#f30;}	/* 비밀 댓글 [##_rp_rep_class_##] */
.hiddenComment{font-weight:normal;}		/* 비밀 댓글(로그인 하지 않았을 경우) */
.guest_general{font-weight:normal;}		/* 일반 방명록 글 [##_guest_rep_class_##] */
.guest_secret{font-weight:bold;color:#f30;}	/* 비밀 방명록 댓글  */
.guest_admin{font-weight:bold;}			/* 관리자가 올린 댓글 [##_guest_rep_class_##] */
.lb{cursor:pointer;}				/* 카테고리의 폴더이미지를 포함하고 있는 셀의 스타일 (td 영역) */
.branch3{cursor:pointer;}			/* 카테고리의 텍스트를 포함하고 있는 셀의 스타일 (td 영역) */
.c_cnt{color:#f30;font:0.75em Tahoma;}		/* 카테고리 옆 개수 스타일 */
.cnt{font:1em Tahoma;color:#f30;}		/* 최신글, 글보관함 개수 스타일 */
.date{font:1em Tahoma;color:#f30;}		/* 최신 댓글 개수 스타일 */
.cal_month{height:18px;font-size:.85em;font-weight:bold;}	/* 달력의 년월일, 이전달, 다음달을 표시하는 스타일 */
.cal_week1{height:18px;font:.95em dotum;font-weight:normal;}	/* 달력의 요일명을 표시하는 스타일 (th 영역) */
.cal_week2{font:.95em dotum;color:#f30;}				/* 일요일이라는 요일명을 표시하는 스타일 (th 영역) */
a.cal_week{background-color:#fff;}				/* 달력의 주(Week) 단위를 표시하는 스타일 (tr 영역) */
.cal_current_week{background-color:#eee;}			/* 달력의 현재 주(Current Week)를 표시하는 스타일 (tr 영역) */
.cal_day{color:#999;font-size:.85em;text-align:center;}		/* 현재 달을 포함하는 전체 날짜(Day)의 스타일 전체 (td 영역) */
.cal_day_sunday{color:#f30 !important;}				/* 현재 달을 포함하는 전체 날짜의 일요일 스타일 (td 영역) */
.cal_day_sunday a{color:#f30 !important;}			/* 현재 달을 포함하는 전체 날짜의 일요일 스타일 (td 영역) */
.cal_day1{color:#ccc;}						/* 해당 달력에서 이전달 날짜를 표시하는 스타일(td 영역) - 현재 이전달 날짜가 출력되고 있지 않습니다 */
.cal_day2{color:#ccc;}						/* 해당 달력에서 다음달 날짜를 표시하는 스타일(td 영역) - 현재 다음달 날짜가 출력되고 있지 않습니다 */
.cal_day3{color:#666;}						/* 현재 달력의 이번달 날짜를 표시하는 스타일 (td 영역) */
.cal_day4{color:#000;text-decoration:underline;}			/* 오늘 날짜를 표시하는 스타일 (td 영역) */
a.cal_click{font-weight:bold;}							/* 글을 작성한 날의 링크 스타일 */
a.cal_click:link{font-weight:bold;color:#333;}			/* 글을 작성한 날의 링크 스타일 */
a.cal_click:visited{font-weight:bold;color:#333;}		/* 글을 작성한 날의 링크 스타일 */
a.cal_click:hover{font-weight:bold;color:#f30;}			/* 글을 작성한 날의 링크 스타일 */
.cap1{font-weight:bold;text-align:center;}	/* 이미지 아래 캡션 스타일 */
.imageblock{overflow:hidden;border:none;}				/* 이미지 블럭 */
.imageblock img{overflow:hidden;padding:5px;background-color:#f7f7f7;}
.imageblock img:hover{background-color:#333;}
.left{}													/* 이미지 왼쪽 정렬 */
.center{}												/* 이미지 가운데 정렬 */
.right{}												/* 이미지 오른쪽 정렬 */
.dual,triple{margin-bottom:5px;background-color:#eee}	/* 그림2개 3개 표시 */
.key1{border-bottom:1px dotted #000;cursor:pointer;}	/* 키워드 스타일 */
.selected{color:#f30;}									/* 페이징 스타일 */
blockquote{padding:10px;border:1px dotted #333;}		/* 인용구 */
/* default
------------------------------------------------------ */
body { font-family: NanumGothic,"나눔고딕",MalgunGothic,"맑은고딕",Dotum,"돋음",Verdana,Arial,Sens-serif; font-size: small; line-height: 1.6; text-align: center; }
a { color: #333; text-decoration:none; }
a:visited { color: #333; }
a:hover { color:#06f; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.4em; }
hr { display:none; }
img, input, select, textarea {vertical-align: middle;}
input, textarea { font: 1em NanumGothic,"나눔고딕",MalgunGothic,"맑은고딕",Dotum,"돋음",Sens-serif; padding: 0; margin: 0;}
ol, ul { list-style-position: inside; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{display:block;}* html .clearfix{height:1%;}
.clear{clear:both;display:block;float:none;font-size:0 !important;height:0;line-height:0 !important;overflow:hidden;width:100%;margin:0 !important;padding:0 !important;}
.visuallyhidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;}

/* layout
------------------------------------------------------ */
html, body{height:100%;}
#container{width:960px;height:100%;margin:0 auto;text-align:left;}
#header{position:relative;z-index:1;width:auto;height:150px;}
#main{min-height:100%;margin:-150px 0 -100px;}
*html #main{height:100%;}/* IE Hack */
#footer{height:100px;}
.wrapper{padding:150px 0 100px;}
#content{float:left;width:720px;}
#sidebar{float:right;width:240px;}
/* header
------------------------------------------------------ */
#header h1{float:left;width:700px;padding:20px 0;text-align:center;}
.search{float:right;width:240px;padding:50px 10px 0 0;}
.search .searchInput{width:150px;height:30px;line-height:30px;}
.search .searchSubmit{width:80px;height:33px;}
#nav{position:relative;clear:both;}
#nav li{float:left;}
#nav a{float:left;padding:13px 20px;text-decoration:none;}
#nav a{padding:12px 20px\9;/*\**/}
/* ie8 */
/* content
------------------------------------------------------ */
#content{overflow:hidden;font-size:1.1em;line-height:1.8;}
.entry, .entryNotice, .entryProtected{padding:10px 20px;overflow:hidden;}
.searchList, .searchRplist, .localog, .taglog, .guestbook{padding:0 20px;}
.entry h3, .nonEntry h3{text-transform:uppercase;}
/* -------- guide -------- */
#guide{padding:10px 0 0 20px;text-transform:uppercase;}
#guide span{display:none;}
body#tt-body-page #guide span.gdBlog,
body#tt-body-category #guide span.gdBlog,
body#tt-body-notice #guide span.gdNotice,
body#tt-body-tag #guide span.gdTag,
body#tt-body-location #guide span.gdLocation,
body#tt-body-media #guide span.gdMedia,
body#tt-body-guestbook #guide span.gdGuestbook{display:inline-block;}
/* -------- entry -------- */
.imageblock {max-width:660px;padding:20px 10px;margin:1em 0;}
.imageblock img{max-width:670px;}
.titleWrap{margin-bottom:10px;}
.categoryInfo{position:relative;padding:5px;}
.categoryLink{display:inline-block;position:absolute;top:-5px;right:0;padding:5px 15px;}
.admin{padding:5px;}
/* -------- article -------- */
/* -------- tagWrap -------- */
.tagWrap{position:relative;margin-top:1em;padding:1em;}
.titleWrap h2 {line-height:1.2;}
.aComment{display:inline-block;position:absolute;right:90px;bottom:10px;padding:5px 15px;}
.aPageFooter{display:inline-block;position:absolute;right:10px;bottom:10px;padding:5px 15px;}
/* -------- actionTrail -------- */
.actionTrail span.cnt{}
/* -------- trackback -------- */
.trackback{padding-top:1em;}
.trackback h3{padding-bottom:1em;font-size:1em;}
.trackback ol{}
.trackback li{margin-bottom:0.5em;padding-top:.5em;}
.trackback h4{padding-left:1em;font-size:1.2em;}
.trackback h4 a{font-weight:bold;}
.trackback .userInfo{padding-left:1em;}
.trackback p{padding:1em;}
/* -------- comment & guestbook -------- */
.comment{padding-top:15px;}
.guestbook { position:relative; }
.commentWrite, .guestWrite{padding:15px 0;}
/* commentWrite & guestWrite */
.rpMember p{float:left;margin-right:10px;}
.name input.name{width:150px;}
.password input.password{width:150px;margin:0;}
.homepage input.homepage{width:200px;}
label{display:block;}
.secretWrap input.checkbox{height:22px;}
.message{clear:both;padding-top:15px;}
.message textarea{width:668px;padding:5px;}
.submitButton{}
.submitButton .submit{width:678px;margin:5px 0;padding:10px 0;}
/* commentList & guestList */
.userContent{position:relative;float:right;width:500px;padding:15px 15px 30px;}
.say{display:block;position:absolute;top:20px;left:-25px;width:25px;height:25px;text-indent:-9999px;}
.avator{width:60px;height:60px;padding:0 10px;margin:0 10px;text-indent:-9999px;}
.userText{clear:both;}
.control a{padding-left:.5em;}
.commentList li, .guestList li{clear:both;padding-bottom:1em;}
.commentList .userInfo, .guestList .userInfo{overflow:hidden;position:relative;float:left;width:80px;text-align:center;}
.commentList img, .guestList img{position:absolute;top:0;left:0;width:60px;height:60px;padding:0 10px;}
/* nonEntry
------------------------------------------------------ */
/* -------- searchList -------- */
.searchList li{margin-bottom:1px;list-style:none inside none;}
.searchList li a{display:block;padding:10px;}
/* -------- localog -------- */
/* -------- taglog -------- */
.taglog li{display:inline;line-height:1.8;}
.taglog .cloud1 { font-size:1.4em;}
.taglog .cloud2 { font-size:1.3em;}
.taglog .cloud3 { font-size:1.2em;}
.taglog .cloud4 { font-size:1.1em;}
.taglog .cloud5 { font-size:1em;}
/* -------- entryNotice -------- */
/* -------- entryProtected -------- */
.entryProtected{padding-bottom:20px;}
.protectedInput{padding:1em 0;line-height:1.8;}
.protectedInput label{display:inline-block;}
.protectedInput .submit{padding:0 10px;}
/* -------- paging -------- */
.paging{padding:20px;}
.paging a{padding:.5em;}
.paging .prev{float:left;}
.paging .next{float:right;}
.paging .numbox{margin:0;padding-top:10px;text-align:center;}
.paging .num{margin:0 0 1em;}
/* sidebar
------------------------------------------------------ */
.box{margin-bottom:2em;padding:10px 10px 10px 20px;}
.box h3{display:block;height:30px;padding:0 0 5px 35px;overflow:hidden;font-size:2em;text-transform:capitalize;}
.boxList{padding:1em 0 0;}
.boxList li{}
.boxList a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowarp;padding-bottom:1px;}
.boxList a:hover{ padding-bottom:0;}
.blogImage{display:block;overflow:hidden;}
.blogImage img{width:200px;padding:5px;}
#category img{width:12px;height:12px;}
#category li li a, #category li a { font-weight:bold; font-size:1.2em; }
#category li li a { padding-left:20px; }
#category li li li a { font-weight:normal; font-size:1em; }
#sns .boxList h3{text-transform:uppercase;}
#sns li, #tagbox li{display:inline;}
#sns li a, #tagbox li a{display:inline;margin:0.5em 0.5em 0 0;}
.info_wrap{display:block;text-align:right;}
#counter .today{color:#f30;font-weight:bold;}
#counter .total{font-size:1.2em;font-weight:bold;}
#calendar .f_r a span{visibility:hidden;font:0pt/0 arial;text-indent:-9999px;}
#calendar .f_r a{font-weight:bold;}
#tagbox .cloud1, #tagbox .cloud2 { color:#f30;}
#tagbox .cloud3, #tagbox .cloud4 { color:#f90;}
/* footer
------------------------------------------------------ */
#footer{padding-top:10px;}
.designed{float:left;width:700px;margin-bottom:1em;padding-left:20px;}
.designed a{font:bold 1.5em verdana;}
.blogTop{float:right;width:220px;}
.blogTop a{display:inline-block;padding:5px 15px;}
.copyright{clear:both;padding-top:.5em;text-align:center;}
/* color
------------------------------------------------------ */
a{color:#333;text-decoration:none;}
a:visited{color:#333;}
a:hover,.article a{color:#06f;}
a:focus,.article a:hover{outline:thin dotted;}
a:hover, a:active{outline:0;}
#main{background:url(images/bg-main.gif) repeat-y;}
.box h3{background:url(images/icon-h3.png) no-repeat;}
.box h3.notice{background-position:0 -35px;}
.box h3.category{background-position:0 -70px;}
.box h3.tagbox{background-position:0 -105px;}
.box h3.recentPost{background-position:0 -140px;}
.box h3.recentComment{background-position:0 -175px;}
.box h3.recentTrackback{background-position:0 -210px;}
.box h3.archive{background-position:0 -245px;}
.box h3.link{background-position:0 -280px;}
.box h3.counter{background-position:0 -315px;}
.box h3.sns{background-position:0 -350px;}
.box h3.calendar{background-position:0 -385px;}
body#tt-body-guestbook .aGuestbook { display:inline-block;position:absolute;right:20px;top:10px;padding:5px 15px; }
.search .searchInput, .search .searchSubmit, .tagWrap, .trackback li, .aComment, .aPageFooter, .submitButton .submit, .protectedInput .submit, .paging a, .blogTop a, .categoryLink, .aGuestbook{border:1px solid #ccc;}
#header, .titleWrap, .admin, .trackback p, .comment h3, .guestbook h3, .article h3, .article h4,.searchList li a,.boxList a:hover,.box h3{border-bottom:1px solid #ccc;}
#nav, #footer, .copyright, .paging{border-top:1px solid #ccc;}
#header, #footer, #main, .aComment, .aPageFooter, .trackback p, #nav a, .num{background-color:#fff;}
.tagWrap, .trackback li, .submitButton .submit, .protectedInput .submit, .blogTop a, .categoryLink, .aGuestbook{background-color:#f7f7f7;}
#nav a:hover, .submitButton .submit:hover, .protectedInput .submit:hover, .blogTop a:hover, .categoryLink:hover, .aComment:hover, .aPageFooter:hover, .paging a:hover, .searchList li a:hover, #calendar .f_r a:hover, .aGuestbook:hover,body#tt-body-guestbook #nav li.t_menu_guestbook a, body#tt-body-tag #nav li.t_menu_tag a, body#tt-body-location #nav li.t_menu_location a, body#tt-body-media #nav li.t_menu_medialog a, body#tt-body-page #nav li.t_menu_home a {background-color:#333;color:#fff;}
#tagbox .cloud1, #tagbox .cloud2, #tagbox .cloud3,.taglog .cloud1, .taglog .cloud2, .taglog .cloud3{color:#f30;}
.userContent{border:1px solid #ccc;background-color:#eee;}
.say{background:url(images/icon-say.png) no-repeat;}
.avator{background:url(images/icon-avator.png) no-repeat;}
.rp_secret .avator, .hiddenComment .avator{background:url(images/icon-avator-secret.png) no-repeat;}
.protectedInput{background:url(images/icon-avator-secret.png) no-repeat 630px 0;}
.rp_admin .avator, .guest_admin .avator{background:url(images/icon-avator-admin.png) no-repeat;}
.commentList ul li .userContent, .guestList ul li .userContent{border:1px solid #aaa;border-top:none;background-color:#b9b9b9;}
.commentList ul li .say, .guestList ul li .say{background:url(images/icon-sayUl.png) no-repeat;}
#nav li.t_menu_category a, #nav li.last a,body#tt-body-guestbook #nav li.t_menu_guestbook a:hover, body#tt-body-tag #nav li.t_menu_tag a:hover, body#tt-body-location #nav li.t_menu_location a:hover, body#tt-body-media #nav li.t_menu_medialog a:hover, body#tt-body-page #nav li.t_menu_home a:hover { background-color:#06f; color:#fff; }
#nav li.t_menu_category a:hover, #nav li.last a:hover { background-color:#333; color:#fff; }
#category li li a { background:url(images/arrow-down.gif) no-repeat 0 center; }
#category li li a:hover{ background:url(images/arrow-right.gif) no-repeat 0 center; }
#category li li li a { background:none; }
/* -------- style close -------- */
/* 구글광고 */
.g_ads{position:relative;width:680px;height:300px;overflow:hidden;}
.ads_left{float:left;width:50%;}
.ads_right{float:right;width:50%;}