@charset "utf-8";
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
/* Font */
/* 나눔고딕 : 'Nanum Gothic' */

/* RESET
=============================================================================*/
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}

/* BODY
=============================================================================*/
body{background:#ddd;font-family:'Nanum Gothic',Arial,sans-serif,Verdana,Helvetica;font-size:13px;line-height:160%;color:#555;word-wrap:break-word}
body>:first-child{margin-top:0 !important}
body>:last-child{margin-bottom:0 !important}

/* LINKS
=============================================================================*/
a:link{color:#444;text-decoration:none}
a:visited{color:#444;text-decoration:none}
a:hover{color:#d336e5;text-decoration:none}
a:active{color:#444;text-decoration:none}

/* BLOCKS
=============================================================================*/
p,blockquote,ul,ol,dl,pre{margin:15px 0}

/* HEADERS
=============================================================================*/
h1,h2,h3,h4,h5,h6{margin:20px 0 10px;padding:0;font-weight:bold;-webkit-font-smoothing:antialiased}
h1 tt,h1 code,h2 tt,h2 code,h3 tt,h3 code,h4 tt,h4 code,h5 tt,h5 code,h6 tt,h6 code{font-size:inherit}
h1{font-size:24px;}
h2{border-bottom:2px solid #ddd;font-size:26px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px;color:#777}

body>h2:first-child,body>h1:first-child,body>h1:first-child+h2,body>h3:first-child,body>h4:first-child,body>h5:first-child,body>h6:first-child{margin-top:0;padding-top:0}

a:first-child h1,a:first-child h2,a:first-child h3,a:first-child h4,a:first-child h5,a:first-child h6{margin-top:0;padding-top:0}

h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:10px}

/* LISTS
=============================================================================*/
ul,ol{padding-left:30px}
ul li > :first-child,ol li > :first-child,ul li ul:first-of-type,ol li ol:first-of-type,ul li ol:first-of-type,ol li ul:first-of-type{margin-top:0}
ul ul,ul ol,ol ol,ol ul{margin-bottom:0}
dl{padding:0}
dl dt{margin:15px 0 5px;padding:0;font-size:14px;font-weight:bold;font-style:italic}
dl dt:first-child{padding:0}
dl dt>:first-child{margin-top:0}
dl dt>:last-child{margin-bottom:0}
dl dd{margin:0 0 15px;padding:0 15px}
dl dd>:first-child{margin-top:0}
dl dd>:last-child{margin-bottom:0}


/* CODE
=============================================================================*/
pre,code,tt{font-size:12px;font-family:Consolas,'Liberation Mono',Courier,monospace}

code,tt{margin:0;padding:0;border:1px solid #eaeaea;border-radius:3px;background-color:#f8f8f8;white-space:nowrap}

pre>code{margin:0;padding:0;border:none;background:transparent;white-space:pre}

pre{overflow:auto;padding:6px 10px;border:1px solid #ccc;border-radius:3px;background-color:#f8f8f8;font-size:13px;line-height:19px}

pre code,pre tt{border:none;background-color:transparent}


/* HORIZONTAL RULES
=============================================================================*/
hr{overflow:hidden;clear:both;height:0;margin:15px 0;padding:0;border:none;border-bottom:2px solid #ddd;background:transparent}

/* SITE LAYOUT
=============================================================================*/
#container{width:96%;min-width:960px;max-width:1150px;margin:0 auto;}
#headerwrap{width:100%;margin:0 auto;background:#2a313b}
#header{height:60px;margin:0 auto;padding:15px 0px;}
#navigationwrap{width:100%;margin:0 auto}
#blogMenu{height:40px;margin:0;padding-right:15px;text-align:right;background:#ddd}
#contentwrap{float:left;width:100%;border-top:6px solid #efefef;background:#efefef}
#content{overflow:hidden;margin-right:310px;padding:40px 45px;border-right:1px solid #efefef;background:#fff;text-align:justify}
#sidebarwrap{float:left;width:310px;margin-left:-310px;border-top:6px solid #efefef;background:#efefef}
#sidebar{padding:15px;}
#footerwrap{float:left;clear:both;width:100%;margin:0 auto}
#footer{height:100px;background:#5a616b}

/* blogMenu */
#blogMenu ul{margin:0 0 0 25px;padding:0;list-style-type:none}
#blogMenu ul li{display:inline-block}
#blogMenu ul li a{display:inline-block;padding:7px;border-top:3px solid #ddd;border-bottom:3px solid #ddd;color:#555}
#blogMenu ul li a:hover{border-top:3px solid #223343}

/* 페이징 - 현재 페이지 */
.selected{font-weight:bold;color:#f30}
.no-more-prev{padding-left:6px;color:#999}
.no-more-next{padding-right:6px;color:#999}

/* 카테고리 - 이미지 버튼 */
.ib{cursor:pointer}

/* 카테고리 - 트리 셀 */
.branch3{cursor:pointer}

/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt{font:.75em Tahoma,Helvetica,Arial,Gulim,sans-serif;color:#f30}

/* 달력 월 표시 */
.cal_month{height:18px;font:.95em Verdana,Helvetica,Arial,Gulim,sans-serif}

/* 달력 요일 표시(th 영역) */
.cal_week1{height:18px;font:.95em Dotum,Arial,sans-serif;font-weight:normal}

/* 달력 일요일 표시(th 영역) */
.cal_week2{font:.95em Dotum,Arial,sans-serif}

/* 달력 Week(tr 영역) */
.cal_week{}
.cal_current_week{}

/* 달력 Day(td 영역) */
.cal_day{font:.95em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#666;text-align:center}

/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday{}
.cal_day_sunday a{}

/* 달력 지난 달 날짜 표시(td) */
.cal_day1{color:#ccc}

/* 달력 다음 달 날짜 표시(td) */
.cal_day2{color:#ccc}

/* 달력 이번 달 날짜 표시(td) */
.cal_day3{color:#666}

/* 달력 오늘 날짜 표시(td) */
.cal_day4{font-weight:bold;color:#666;text-decoration:underline}

/* 달력 글쓴 날 링크 스타일 */
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}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general{}
.rp_admin span.name{height:22px;padding-left:20px;background:url(images/iconAdmin.gif) no-repeat}
.rp_secret{color:#f30}

/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general{}

.guest_admin p.ctrlGuest,.guest_admin p.ctrlGuestRe{padding-left:20px;background:url(images/iconAdmin.gif) no-repeat}

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment{padding-left:20px;background:url(images/iconSecret.gif) no-repeat;font-weight:normal}

/* Max Image Width */
img{max-width:100%;height:auto}
.imageblock{display:inline-block; max-width:100%; itemprop:image; height:auto; border:0px; padding:5px; margin:5px 0;}
.cap1{max-width:100%; text-align:center; margin:0;padding:4px 0;color:#888}
iframe{max-width:100%}

/* 왼쪽 */
.left{}

/* 가운데 */
.center{}

/* 오른쪽 */
.right{}

/* 그림 2개 배치 */
.dual{margin-bottom:5px;background-color:#fff}

/* 그림 3개 배치 */
.triple{margin-bottom:5px;background-color:#fff}

/* 본문 - more / less */
.moreless_fold{padding-left:20px;background:url(images/icon_view_more.gif) top left no-repeat;color:#000}
.moreless_top{padding-left:20px;background:url(images/icon_stop_view.gif) top left no-repeat;color:#000}
.moreless_body{}
.moreless_bottom{padding-right:20px;background:url(images/icon_stop_view.gif) top right no-repeat;color:#999;text-align:right}

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

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

/* Link style */
#header h1 a:link{color:#d4933d;text-decoration:none}
#header h1 a:visited{color:#d4933d;text-decoration:none}
#header h1 a:hover{color:#ddd;text-decoration:none}
#header h1 a:active{color:#d4933d;text-decoration:none}

/* ***** content ***** */
#content .nonEntry h3{margin-bottom:15px;margin-top:30px;color:#333}

#content .entryNotice,#content .entryProtected,#content .entry{margin-bottom:50px}

#searchList ol,#searchRplist ol{margin:0 0 30px;padding:0;list-style:none}

#searchList li,#searchRplist li{margin-bottom:4px;padding-bottom:2px;border-bottom:1px solid #eee}

#searchList .date,#searchRplist .date{margin-right:10px;font:.95em Verdana,Helvetica,Arial,Gulim,sans-serif}
#searchList .cnt{font:.75em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#f60}
#searchRplist .name{padding-left:8px;font:.95em Dotum,Arial,sans-serif;color:#999}

#localog .spot{margin-bottom:6px;padding-left:30px}
#localog .info{margin-bottom:6px;padding-left:15px}
#localog a{color:#617f8a;text-decoration:none}

#taglog ul{margin:0;padding:0;text-align:justify}
#taglog li{display:inline}
#taglog li .cloud1{font-weight:bold;font-size:14px;color:#699}
#taglog li .cloud2{font-weight:bold;font-size:14px;color:#84bbdd}
#taglog li .cloud3{color:#333}
#taglog li .cloud4{color:#999}
#taglog li .cloud5{color:#999}

#guestWrite                 { padding:15px;  background-color:#f5f5f5;  border:1px solid #ddd}
#guestWrite p                { clear: both; padding: 0; margin:0}
#guestWrite p.writerInfo label  { width: 80px; float: left; font: 0.85em verdana; padding-top: 2px; vertical-align: middle}
#guestWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px }
#guestWrite textarea            { width:/*@post-width:-44=*/97%/*@*/;  padding: 5px; border: 1px solid #d1d3d4}
#guestWrite .homepage           { width:/*@post-width:-180=*/60%/*@*/ !important; font: 0.85em verdana; color: #999; height: 16px}
#guestWrite input.submit        { background: url(images/btn_visitor_write.gif) no-repeat; width: 79px; height: 29px; display: block; margin: 5px auto 0; text-indent: -1000em; border: none; cursor: pointer}
#guestWrite .secretWrap         { clear: both; padding: 15px 0 5px}
#guestWrite .checkbox           { border:none; padding:0; margin:0; width:25px}

#guestList{padding:10px 0 0}

#guestList ol,#guestList ul{margin:0;padding:0;list-style:none}
#guestList .guest_admin,#guestList .guest_general{padding-top:15px}
#guestList p.ctrlGuest,#guestList p.ctrlGuestRe{height:15px;margin-bottom:13px;padding-bottom:4px;border-bottom:1px dotted #ccc}
#guestList p.ctrlGuestRe{margin-bottom:7px}
#guestList ol li{overflow:hidden;/*@*/;margin-bottom:20px;padding:0 20px 10px/* @post-width:-50= */;border:0px}
#guestList li ul li{overflow:hidden/* @post-width:-90= */;/*@*/;margin-top:15px;padding:0 20px 10px;border:none;background-color:#f5f5f5}
#guestList li .name{float:left;padding-right:15px;font-weight:bold;color:#333;letter-spacing:-1px}
#guestList li span.name img{vertical-align:middle}
#guestList li .name a{font-weight:bold;color:#333}
#guestList li .date{float:left;padding-right:15px;font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#999}
#guestList .desc{clear:both}

#guestList .control a.modify{display:block;float:left;width:52px;height:15px;padding-bottom:2px;background:url(images/btn_b_editndel.gif) no-repeat;text-decoration:none}
#guestList .control a.modify span{display:none}
#guestList .control a.write{display:block;float:left;width:39px;height:15px;padding-bottom:2px;background:url(images/btn_b_reply.gif) no-repeat;text-decoration:none}
#guestList .control a.write span{display:none}

/* entry */
.entryNotice h2,.entryProtected h2,.entry h2{font-size:1.4em;line-height:1.4em}
.titleWrap{margin-bottom:10px;padding-bottom:3px}
.titleWrap h2 a{font-family:sans-serif; color:#ce6e23}
.titleWrap .category{margin-right:6px}
.titleWrap .category,.titleWrap .category a{font:.95em sans-serif;color:#999;letter-spacing:-1px}
.titleWrap .author,.titleWrap .author a{font:.95em sans-serif;color:#999;letter-spacing:-1px}
.titleWrap .date{font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#999}

.entryProtected .protectedContentWrap{padding:30px;border:1px solid #ececec}
.entryProtected .protectedForm{margin-top:30px;padding:15px 0;background-color:#f9f9f9;text-align:center}
.entryProtected .protectedForm input.pass{border:1px solid #ddd;vertical-align:middle}
.entryProtected label{vertical-align:middle}
.entryProtected p.text{width:220px;margin:0 auto;padding-left:50px;background:url(images/img_protect.gif) no-repeat left top}
.entryProtected input{width:200px}
.entryProtected .submit{display:inline;width:41px;height:21px;border:none;background:url(images/btn_pass_confirm.gif) no-repeat;text-indent:-1000em;vertical-align:middle}

.article{overflow:hidden;margin:0;/* @post-body-color=:#333; */font-family:'Nanum Gothic';/* @ */
/* @post-body-font-family=:; */
font-size:15px;/* @ */line-height:170%;/* @post-body-font-size */color:#3e3e3e}

.article a:link{color:#006ac8;text-decoration:none}
.article a:visited{color:#00f;text-decoration:none}
.article a:hover{color:#dd4c39;text-decoration:underline}
.article a:active{color:#006ac8;text-decoration:none}

.article a[href ^="http://"] {
 background: url(./images/ex_link.png) center right no-repeat;
 padding-right: 16px;
}
.article a[href ^="https://"] {
 background: url(./images/ex_link.png) center right no-repeat;
 padding-right: 16px;
}
.article a[href^="http://windup"] {
 background: none;
 padding-right: 0;
}

.article dt{text-decoration:underline}
.article dd{margin-left:20px;padding-bottom:10px}
.article blockquote{margin:10px 20px;padding-left:25px;background:url(images/icon_quotation.gif) top left no-repeat}

.author {padding:5px 0;color:#666;text-align:right;font:.85em Verdana,Arial,Helvetica,sans-serif;color:#999}

.tagTrail{clear:both;margin-bottom:10px;padding:0 0 5px 35px;border-bottom:2px solid #d1d3d4;background:url(images/icon_tag.gif) left 3px no-repeat;color:#999;letter-spacing:-1px}
.tagTrail a{color:#999}
.tagText{display:none}

.actionTrail{clear:both/* @post-width:-30= */;/*@*/;padding:7px 15px;font-size:18px;font-weight:bold;color:#31377a}
.actionTrail .cnt{color:#f60}

.trackback{overflow:hidden/* @post-width:= */;/*@*/}
.trackback a{color:#000}
.trackback h3{margin:0 0 7px;padding:7px 15px;border-bottom:1px solid #f5f5f5;border:1px solid #e7e8e9;background-color:#f9f9f9;font:12px dotum;color:#333}
.trackback h3 span{font:11px verdana;color:#999;cursor:pointer}
.trackback h4{margin:0;font:12px dotum;color:#999}
.trackback h4 a{color:#000;letter-spacing:-1px}
.trackback ol{margin:0;padding:0;list-style:none}
.trackback li{padding:15px;border-top:1px dotted #dedede}
.trackback .date{font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#999}
.trackback p{margin:3px 0 0;padding:0;font:.95em Dotum,Arial,sans-serif;color:#999;letter-spacing:-1px}

.trackback a.delete{padding-left:8px;background:url(images/iconDelete.gif) left top no-repeat;text-decoration:none}
.trackback a.delete span{display:none}

.comment{overflow:hidden;/*@*/;margin-bottom:4px;padding:5px 15px 15px;border:1px solid #e7e8e9/* @post-width:-32= */;background-color:#f9f9f9}
.comment p{clear:both;margin:3px 0 0;padding:0}

.comment h3{display:none}

.comment ol,.comment ul{margin:0;padding:0;list-style:none}
.comment .date{float:left;padding-right:15px;font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#999}
.comment .name{float:left;padding-right:15px;font:12px gulim bold;color:#333;letter-spacing:-1px}
.comment .name a{font-weight:bold;color:#333}
.comment .control{float:left}

.comment ol li{padding:10px 5px 10px 0;border-bottom:1px dotted #ccc}
.comment li ul li{padding:10px 10px 5px 25px;border:none;background:url(images/iconReComment.gif) no-repeat 0 6px}
.comment .control a{text-decoration:none}
.comment .control a.address{display:block;float:left;width:35px;height:15px;padding-bottom:2px;background:url(images/btn_b_address.gif) no-repeat}
.comment .control a.address span{display:none}
.comment .control a.modify{display:block;float:left;width:52px;height:15px;padding-bottom:2px;background:url(images/btn_b_editndel.gif) no-repeat}
.comment .control a.modify span{display:none}
.comment .control a.write{display:block;float:left;width:39px;height:15px;padding-bottom:2px;background:url(images/btn_b_reply.gif) no-repeat}
.comment .control a.write span{display:none}

.commentWrite                     { padding: 20px 0 0}
.commentWrite p.writerInfo label  { width: 80px; float: left; font: 0.85em verdana; padding-top: 2px; vertical-align: middle}
.commentWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px}
.commentWrite textarea            { width:/*@post-width:-44px=*/ 95% /*@*/;  padding: 5px; border: 1px solid #d1d3d4}
.commentWrite .homepage           { width: /*@post-width:-180px=*/ 50% /*@*/ !important; font: 0.85em verdana; color: #999; height: 16px}
.commentWrite input.submit        { background: url(images/btn_reply_input.gif) no-repeat; width: 76px; height: 29px; display: block; margin: 5px auto 0; text-indent: -1000em; border: none; cursor: pointer}
.commentWrite .secretWrap         { clear: both; padding: 0 0 5px; margin-top: 10px}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px}

#paging{padding-top:10px;font-size:1.1em;text-align:center}
#paging .numbox{padding:0 18px;font:1.1em verdana}
#paging .num span{width:23px;height:23px;margin-right:3px;padding:2px 5px;border:1px solid #eee}
#paging .num span.selected{border-color:#ff6b00;background-color:#ffefe5;color:#333}
#paging a{text-decoration:none}
#paging #prevPage{height:23px;padding-left:9px;background:url(images/btn_page_pre.gif) left 0 no-repeat}
#paging #nextPage{height:23px;padding-right:9px;background:url(images/btn_page_next.gif) right 0 no-repeat}

/* ***** sidebar ***** */
#sidebar ul{margin:0;padding:0;list-style:none}
#sidebar li{padding-left:12px;background:url(images/bullet_dot.gif) 0 6px no-repeat}
#sidebar li a{color:#666}
#sidebar h3{margin-bottom:6px;padding-top:15px;border-bottom:2px solid #d3d3d3;font-family:gulim;font-size:1em;font-weight:bold;color:#333;letter-spacing:-1px}
#sidebar .cnt{font:.85em Tahoma,Helvetica,Arial,Gulim,sans-serif;color:#f60}
#sidebar .date{font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;color:#94a0a5}
#sidebar .name{font:.9em Dotum,Arial,sans-serif;color:#94a0a5}

#profile{background-color:#fff}
#profile .topL{height:11px;background:url(images/pbox_topleft.gif) no-repeat}
#profile .topC{height:11px;background:url(images/pbox_top_line.gif) repeat-x}
#profile .topR{height:11px;background:url(images/pbox_toprig.gif) no-repeat}
#profile .midL{width:11px;background:url(images/pbox_left_line.gif) repeat-y}
#profile .midR{width:11px;background:url(images/pbox_rig_line.gif) repeat-y right top}
#profile .btmL{height:11px;background:url(images/pbox_botleft.gif) no-repeat}
#profile .btmC{height:11px;background:url(images/pbox_bot_line.gif) repeat-x}
#profile .btmR{height:11px;background:url(images/pbox_botrig.gif) no-repeat right bottom}

#blogImage img{width:150px;padding-bottom:10px}
#blogDesc{font-size:.9em;line-height:1.2em;color:#ADADAD;letter-spacing:-1px}
#blogDesc p{margin:0;padding:0}
.userID{line-height:2em;color:#999}

#notice{margin:10px 0;padding:0}
#notice li{margin:0 0 2px;padding:0 0 1px;background:none}
#notice a{padding:1px 0 5px 30px;background:url(images/icon_sidebar_notice.gif) 0 0 no-repeat}

#adminMenu{height:45px;margin:8px 0 0;background:transparent url(images/admin_boxletf.gif) no-repeat;text-align:center}
#adminMenu ul{height:34px;margin-left:4px;padding:7px 0 4px;background:#f0f0f0 url(images/admin_boxrig.gif) no-repeat right}
#adminMenu li{display:inline;margin:0;padding:0;background:none}

#searchBox{margin:15px 0 0}
#searchBox input{width:200px;height:18px;margin-bottom:1px;border:1px solid #d0d0d0;vertical-align:middle}
#searchBox .submit{width:32px;height:24px;border:0;background:url(images/btn_search.gif) no-repeat;text-indent:-5000px;vertical-align:middle;cursor:pointer}

#category li{background:none}
#category li ul li{padding-left:10px;background:url(images/bul.gif) 0 6px no-repeat}
#category li ul li ul li{margin-left:2px;padding-left:6px;border-left:1px dotted #ccc;background:none}
#category li ul li ul li a{color:#999}

#tagbox ul{padding:5px 2px;text-align:justify}
#tagbox li{display:inline;padding:0 7px 0 0;background:none}
#tagbox li .cloud1{font-weight:bold;font-size:14px;color:#366}
#tagbox li .cloud2{font-weight:bold;font-size:14px;color:#6e8a86}
#tagbox li .cloud3{font-weight:bold;font-size:14px;color:#333}
#tagbox li .cloud4{font-size:12px;color:#333}
#tagbox li .cloud5{font-size:12px;color:#333}
#tagbox a:hover{text-decoration:none}

#recentComment{overflow:hidden}
#recentComment .info_wrap{display:block;margin-bottom:3px;color:#999}

#recentTrackback{overflow:hidden}
#recentTrackback .info_wrap{display:block;margin-bottom:3px;color:#999}

#archive li{}
#calendar td{font-family:verdana}

#counter{margin-top:20px;padding:10px 15px;border:1px solid #dedede;background-color:#eee;font:.85em Verdana,Helvetica,Arial,Gulim,sans-serif;line-height:1.5;color:#999}

#adTistory{margin-top:20px;text-align:center}
#adTistory .tistoryJoin a{font:11px dotum;color:#999;letter-spacing:-1px}
#btnRSS{margin-top:20px;text-align:center}

/* ***** footer ***** */
#footer{clear:both;padding:30px 10px 10px;font:11px Verdana,dotum;color:#666;text-align:center}
#footer .footMenu{padding-bottom:8px}
#footer .footMenu span{color:#b6b6b6}
#footer a{color:#fff}
#footer .copyright,#footer .copyright a{font:11px dotum;color:#fff}

/* DAUM VIEW WIDJET BACKGROUND */
div.blogger-news-widget{display:inline;overflow:hidden !important;float:right;clear:both;height:104px;margin-top:2px;padding-top:10px;background:url(images/View.gif) no-repeat scroll 3px -2px transparent}

#ad1 {width:300px; height:250px; float:right; margin-left: 8px}
#ad2 {margin:0 auto; text-align:center;margin-top:-34px; z-Index:999}

@media screen and (max-width:768px){
.pcOnly{display:none}
#pcOnly{display:none}
.jb_admin{display:none}

/* Hide Tistory Toolbar */
#tistorytoolbarid{display:none}

#ad1 {width:200px; height:200px; float:right; margin-left:5px;}
#ad2 {margin:0 auto; text-align:center;margin-top:12px;}

body{font-family:'Nanum Gothic',sans-serif,Verdana,Arial,Helvetica;font-size:13px}

#container{float:left;width:100%;min-width:300px;max-width:768px;margin:0 auto}
#headerwrap{float:left;width:100%;margin:0 auto}
#header{height:60px;margin:0;padding:15px 50px;background:#2a313b}
#navigationwrap{float:left;width:100%;margin:0 auto}
#blogMenu{height:40px;margin:0;}
#contentwrap{float:left;width:100%}
#content{overflow:hidden;margin:10px 5px;padding:10px 15px;border:0;background:#FFF;text-align:justify}
#sidebarwrap{float:left;width:100%;margin:0 auto}
#sidebar{margin:10px 5px;padding:15px;background:#fff}
#footerwrap{float:left;clear:both;width:100%;margin:0 auto}
#footer{height:100px;margin:0;border-radius:0;border:1px solid #333;background:#5a616b}
}
.clear{clear:both}
* html .clear{display:inline}