@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css");

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'arial','gulim','굴림',sans-serif;font-size:12px;line-height:1.7em}
body{color:#464646}
img,fieldset{border:0 none}
ul,ol,dl{list-style:none}
em,address{font-style:normal}
a{color:#464646;text-decoration:none;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}
a:hover,a:active,a:focus{text-decoration:underline}
button{background:none;border:none;border-radius:0}
button,textarea,input[type="text"],input[type="password"],input[type="submit"],input[type="button"]{appearance:none;-webkit-appearance:none;-moz-appearance:none}
input[type="checkbox"]{padding:0;border:0}
textarea,input{padding:2px;background-color:#fff;border:1px solid #ccc;border-radius:0}
textarea{box-sizing:border-box;width:100%}
iframe,video,embed,object{max-width:100%}
blockquote{padding-left:20px;border-left:1px solid #ccc}
.moreless_fold span, .moreless_top span{position:relative;padding-left:10px}
.moreless_fold span:hover, .moreless_top span:hover{}
.moreless_fold span:before{position:absolute;content:'+';left:0}
.moreless_top span:before{position:absolute;content:'-';left:0}
.moreless_content{padding:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.moreless_bottom{display:none}

.wrap{width:800px;margin:60px auto 100px}
.header{zoom:1;margin-bottom:40px}
.header:after{display:block;clear:both;content:''}
.blogTxt{margin-bottom:20px;font-weight:bold}
.blogTxt a:hover,.blogTxt a:focus{text-decoration:none}
.introWrap{float:left;width:150px;margin-right:30px;word-break:break-all}
.introWrap .intro{margin-bottom:10px}
.introWrap .title{overflow:hidden;display:block;width:150px;height:150px;background:url(images/sg.jpg) 0 0 no-repeat;background-size:100%;line-height:999px}
.introWrap .desc{color:#555}
.introWrap strong{padding-right:5px}
.introWrap .subMenu{margin-top:3px;font-size:0}
.introWrap .subMenu li{display:inline-block;*display:inline;zoom:1;font-family:'dotum','돋움';font-size:11px}
.introWrap .subMenu li .dot{padding:0 2px;color:firebrick}
.introWrap .subMenu li:last-child .dot{display:none}
.introWrap .subMenu a{color:#999}
.introWrap .subMenu .right{float:left}
.category{float:left;position:relative;word-break:break-all}
.category strong{position:absolute;top:0;left:0;width:100px;cursor:pointer}
.category strong i{padding-left:7px}
.category .tt_category{float:left;margin-top:30px}
.category .tt_category li{zoom:1;padding:1px 0}
.category .tt_category li:after{display:block;clear:both;content:''}
.category .tt_category i{padding-right:6px;color:#aaa}
.category .right{margin-left:20px}
.container{margin-top:30px;word-break:break-all}
.titleWrap{padding-bottom:7px;border-bottom:1px solid #ccc}
.entryNotice .article,.entryProtected .article,.searchList,.content .article{position:relative;margin-bottom:60px;padding-top:30px}
.guestbook .titleWrap{margin-bottom:20px}
.content{margin-top:60px}
.content:first-child{margin-top:0}
.content .article{position:relative;line-height:1.7em}
.content .admin{padding:10px 0;border-bottom:1px solid #ccc;font-family:'arial','돋움'
;font-size:11px;line-height:13px}
.content .titleWrap,.entryProtected .titleWrap{zoom:1}
.titleWrap .tn{font-family:'arial','돋움';font-size:12px;font-weight:bold;letter-spacing:-1px}
.content .titleWrap .title,.entryProtected .titleWrap .title{float:left}
.content .titleWrap .bar{padding:0 5px;color:#ccc}
.content .titleWrap .cate{color:#666;font-family:'arial','돋움';font-size:11px}
.content .titleWrap:after,.entryProtected .titleWrap:after{display:block;clear:both;content:'';}
.content .date,.entryProtected .date,.guestList .date{float:right;color:#aaa;font-size:11px}
.commentList .name,.guestList .name{font-weight:bold}
.commentList,.guestList{margin:25px 0;border-top:1px solid #ccc}
.commentList .clist,.guestList .clist{zoom:1;border-bottom:1px solid #ccc;padding:52px 5px}
.commentList .clist:after,.guestList .clist:after{display:block;clear:both;content:'';}
.commentList ol>li>ul .clist,.guestList ol>li>ul .clist{border-bottom:0}
.commentList ol>li>ul>li,.guestList ol>li>ul>li{padding-left:15px;border-bottom:1px solid #ccc;background:url(images/ct.png) 0 20px no-repeat}
.tt_more_preview_comments_wrap{padding:15px 0;border-bottom:1px solid #ccc}
.clist .control{font-size:11px}
.clist .control a{color:#aaa}
.commentWrite{margin-top:20px}
.inputInfo{margin-bottom:10px}
.inputInfo label{display:inline-block;width:55px}
.inputInfo .home{width:250px}
.writeWrap{font-size:11px}
.writeWrap .secretWrap{margin:7px 0}
.writeWrap .check{vertical-align:middle}
.writeWrap label{vertical-align:middle}
.writeWrap .sub{padding:5px 10px;background-color:#fff;border:1px solid #ccc;font-size:11px;cursor:pointer}
.entryProtected .pinp{height:26px;vertical-align:middle}
.entryProtected .psub{height:32px;padding:0 7px;background-color:#fff;border:1px solid #ccc;font-size:11px;vertical-align:middle;cursor:pointer}
.searchList li{position:relative;padding:6px 3px;color:#aaa;border-bottom:1px solid #ccc}
.searchList a{overflow:hidden;display:inline-block;max-width:550px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.searchList .cnt{display:inline-block;vertical-align:middle}
.searchList .date{position:absolute;top:6px;right:5px;font-size:11px}
.footer{position:relative;zoom:1;margin-top:30px;font-size:11px}
.footer:after{display:block;clear:both;content:'';}
.footer .top{float:right}
.footer .paging{float:left}
.paging .bar{color:#ccc}
.paging .numbox a{padding:0 2px 0 4px}
.paging .next{padding-left:4px}
.paging .selected{font-weight:bold;text-decoration:underline}
.hidden_date a,.guestList .date a,.commentList .date a{display:inline-block;overflow:hidden;width:13px;*width:0;height:13px;*height:0;margin-left:2px;background:url(images/warning.png);*background:none;background:none\0/ie8;background-size:100%;line-height:999px;vertical-align:-2px}
.copyright{position:absolute;top:30px;right:0}
.copyright a{font-family:'돋움',dotum,sans-serif;color:#aaa;letter-spacing:-1px}
@media screen and (max-width:768px){
	body,input,textarea,select,button,table{font-family:'AppleSDGothicNeo','arial','gulim','굴림',sans-serif;font-size:13px}
	body{min-width:320px}
	textarea{width:100%}
	input[type="checkbox"]{border:1px solid #ccc}
	.wrap{width:100%;margin:10px auto 120px}
	.header{padding:20px 20px 0 20px}
	.container{padding:0 20px}
	.intro .subMenu li{font-size:12px}
	.writeWrap .sub{font-size:13px}
	.content .titleWrap .title,.entryProtected .titleWrap .title,.content .date,.entryProtected .date{float:none}
	.search{width:65%;white-space:nowrap}
	.searchList a{max-width:100%}
	.inputInfo{width:100%}
	.inputInfo label{display:inline-block;width:50px}
	.inputInfo .home{width:65%}
	.footer{font-size:13px}
	.paging .numbox,#tistorytoolbarid{display:none}
	.copyright{top:35px}
	.copyright a{font-family:inherit}
}

#tistorytoolbarid {display:none;}
::-webkit-scrollbar {width:8px;height:8px;} 
::-webkit-scrollbar-track { 
background:#efefef; 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } 

::-webkit-scrollbar-thumb { 
background:#fff; 
border-radius: 10px; 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }