@font-face{font-family: 'NGBeot';  src: url('images/NanumGothicEB.eot')}
@font-face{font-family: 'NGBttf';  src: url('images/NanumGothicEB.ttf')}


ol, ul, li{margin: 0;  padding: 0;  list-style-type: none}
dl, dt, dd{margin: 0;  padding: 0}
img, table{border: 0}
h1, h2, h3, h4, h5, h6, p{margin: 0;  padding: 0}

html{height: 100%}
body, table{font: 12px/1.6 "Lucida Grande", Verdana, AppleGothic, "돋움", dotum, sans-serif; color: #646464}
body{margin: 0;  padding: 0;  background-color: #FFF; }
a{color: #707070;  text-decoration: none}
a:hover{color: #909090;  text-decoration: underline}

#wrap{margin: 0 auto; width: 1000px;}
#headerSec h1{width: 1000px; height: 272px}
#topnav{height: 40px; overflow: hidden; background: #d24846 url(./images/bg_nav.gif) no-repeat}
#topnav  li{float: left}

#middle{width: 1000px}
#cntsSec{float: left; width: 630px; margin: 0 0 0 20px;display:inline;}
#cntsSec .post .titsec{overflow:hidden;margin-top: 25px; width: 630px; border-bottom: 2px solid #CCC;background: url(./images/bg_title.gif) no-repeat }
#cntsSec .searchResult .titsec { overflow:hidden;padding-bottom:10px; background: url(./images/bg_title.gif) no-repeat }
#cntsSec .post .titsec h2{margin-right: 20px; padding: 5px 0 0 43px; font: bold 20px/1.1 NanumGothic, "나눔고딕", NGBeot, NGBttf, "맑은고딕","Malgun Gothic", "돋움", dotum, sans-serif;}
#cntsSec .post .titsec h2 a{color: #555}
#cntsSec .post p{padding: 5px 0}
#cntsSec .post .category{padding: 0 10px 0 45px; letter-spacing: -1px; height: 15px;  border-right: 1px solid #a1a1a1}
#cntsSec .post .regdate{padding-left: 10px; letter-spacing: 1px; height: 15px; font-family: "돋움"; color: #d74d4b}
#cntsSec .post .article{clear: both; margin-top: 15px; padding: 15px 0 50px}

#cntsSec .searchResult ol {margin:0 10px; width:610px;}
#cntsSec .searchResult ol li { border-bottom:1px solid #e0e0e0; padding:6px 0 6px 10px}
#cntsSec .searchResult ol li .date {color: #d74d4b}
#cntsSec .tag .titsec { padding-bottom:10px }

#taglog {margin-top:16px;}
#taglog ul{width:100%;line-height:200%;text-align:justify;}
#taglog li{display:inline;padding:0 5px 0 0;}
#taglog li a{padding:2px;}
#taglog .cloud1 {font-weight:bold; color:#d94d4e}
#taglog .cloud2 {font-weight:bold; color:#e17171}
#taglog .cloud3 {font-weight:bold; color:#e89495}
#taglog .cloud4 {color:#5e5e5e}
#taglog .cloud5 {color:#919191}

.tagMeta{border-bottom: 1px solid #CCC;  padding: 0 0 5px 33px; background: url(./images/ico_tag.gif) no-repeat 10px 5px}

.actionTrail{padding: 8px 0 15px 10px}
.actionTrail a.tb{background: url(./images/ico_trackback.gif) no-repeat; padding-left: 20px}
.actionTrail a.rp{background: url(./images/ico_comment.gif) no-repeat; padding-left: 20px}
.actionTrail span.cnt{font-weight: bold; color: #d74d4b}

.trackback{margin-left: 30px; width: 600px;   overflow: hidden}
.trackback h3{font-weight: normal; font-size: 12px; padding: 5px 0}
.trackback h3 span{font-size: 12px; cursor: pointer}
.trackback h4{font-weight: normal; font-size: 12px}
.trackback li{background:url(./images/reply_dot.gif) repeat-x 0 0; padding: 10px 0}
.trackback .date{font: 11px Verdana, Helvetica, Arial, Gulim, sans-serif}
.trackback p {margin-top: 5px}

.comment{margin-left: 30px; width: 600px;   overflow: hidden}
.comment .commentList p {clear: both;  margin: 3px 0 0 0;  padding: 0}
.comment .commentList h3{display: none}
.comment .name{font: bold 12px gulim; padding-right: 10px}
.comment .name a{font-weight: bold; padding-right: 10px}
.comment .date{padding-right: 10px}
.comment .control a{color: #d74d4b}
.comment ol {border-top: 1px solid #e0e0e0;overflow:hidden;}
.comment ol li{padding: 10px 0;background:url(./images/reply_dot.gif) repeat-x 0 0;margin-top:-1px;}
.comment ul li{margin: 10px 0 10px 0; width: 558px; border: 1px solid #e0e0e0; padding: 10px; background-image:none;}
.comment ul {padding-left:20px;background:url(./images/ico_reply.gif) no-repeat 1px 5px}

.commentWrite{float:left;margin: 0 0 10px; padding: 10px 0 0;width:630px; border-top: 1px solid #e0e0e0;}
.commentWrite p.writerInfo {margin-left:30px;}
.commentWrite p.writerInfo input.input01 { width:175px;height:19px;border: 1px solid #d2d2d2; }
.commentWrite p.writerInfo label.pwdlabel {margin-left:43px;}
.checkbox {	border:none; padding:0;	margin:0 0 0 10px;}
.commentWrite p.textarea{float:left;margin-left:30px; display:inline;}
.commentWrite p.textarea textarea{float:left;margin:0;padding:0;width:483px;height:78px;border: 1px solid #d2d2d2;}
.commentWrite p.textarea .submit {float:left;display:inline;margin-left:15px;}


.imageblock img{border: 0px solid #DDDDDD; padding: 3px; margin: 5px 0}

#paging{clear:both; border-top: 1px solid #CCC; text-align: center; padding-top: 20px}
#paging a { display:inline-block;padding:0 3px }
#nextPage, #prevPage {padding:0 6px;}
#paging .selected { color:#d84e4e;font-weight:bold }

#sidebar{float: left; display: inline; width: 260px; margin: 30px 0 0 70px}
#sidebar .youtube{margin-bottom: 30px}
#sidebar .frame{margin-bottom: 43px}
#sidebar .frame h3{padding: 0 0 7px 10px; border-bottom: 2px solid #CCC}
#sidebar .frame ul{margin-top: 13px}
#sidebar .frame ul li{padding:0 0 6px 15px;  background: url(./images/bul_squ_gr01.gif) no-repeat 8px 7px;line-height:1.3}
#sidebar .frame span.author, #sidebar .frame span.date{font-size: 11px}
#sidebar .frame span.author{color:#919191}
#sidebar .frame span.cnt, #sidebar .frame span.date{color:#cc4240}
#sidebar .category ul li{display:block;padding: 0 0 4px 10px;  background: none;line-height:1.1;vertical-align:top}
#sidebar .category ul li.allview{padding-bottom:8px}
#sidebar .category ul li ul {margin-top: 8px}
#sidebar .category ul li ul li{ height: 18px;padding-bottom:0}
#sidebar .tag .h3{border-bottom: none}
#sidebar .tag .tagbox{border: 2px solid #CCC; border-width: 0 2px 2px}

.search {width:258px;height:38px;border:1px solid #f2d3d3;background-color:#f7dbdb;margin-bottom:40px}
.search .text{ float:left;display:inline;margin:9px 10px 0 9px;padding:0;width:188px;height:18px;background-color:#FFF;border:1px solid #CCC;font-size:11px}
.search .bt{ float:left;margin-top:9px;}

#footer{clear: left; padding: 70px 0 20px; text-align: center; font: normal 11px verdana, sans-serif}

body.tistory_grid_665 div#ttCanvas .tt-span-12{width: 650px !important;}

.maininfo .category a{padding:0 12px 0 0 !important;font-size: 12px; }
.maininfo .date{font-size: 12px; color: #d74d4b}

#ttItem1301765014 {width: 630px !important; border-bottom:1px solid #CCC !important;padding-bottom:30px !important;margin-bottom:20px !important;}
.headline h2{ float: none !important; padding: 4px 0 6px !important; margin: 0 !important; font: bold 20px/1.1 NanumGothic, "나눔고딕", NGBeot, NGBttf, "맑은고딕","Malgun Gothic", "돋움", dotum, sans-serif !important}
.headline .maininfo{padding-bottom: 14px !important; margin: 0 !important; line-height: 1.1}
.headline p a{width: 630px !important; height: 400px !important; border: 0 !important}

.subheadline li h3{clear: both; padding: 4px 0 6px !important; margin: 0 !important; font: bold 20px/1.1 NanumGothic, "나눔고딕", NGBeot, NGBttf, "맑은고딕","Malgun Gothic", "돋움", dotum, sans-serif !important}
.subheadline li .maininfo{padding-bottom: 14px !important; margin: 0 !important; line-height: 1.1}
.subheadline .art a.thumb{float: left; width: 355px; height: 238px !important}
.subheadline .art a.thumb img{width: 335px; margin: 0 !important; padding: 0 !important}
.subheadline .art p.summary{float: left; width: 275px; text-align: justify}

.galleryheadline {width:630px;overflow:hidden !important;border-top:1px solid #ccc !important;padding-top:30px !important}
.galleryheadline li{float: left}
.galleryheadline li.first{clear: both; margin-right: 20px !important}
.galleryheadline li a.thumb{float: none !important; border: none !important; margin: 0 !important; width: 305px !important; height: 200px !important}
.galleryheadline li h3{ width:305px !important;font: bold 16px/1.1 NanumGothic, "나눔고딕", NGBeot, NGBttf, "맑은고딕","Malgun Gothic", "돋움", dotum, sans-serif !important}

#ttItemGroup1301765017 {clear:both;float:left;width:325px !important;overflow:hidden;}
#ttItemGroup1330{float:left;width:305px !important;overflow:hidden;overflow:hidden;}
#ttItemGroup8406{clear:both;float:left;width:325px !important;overflow:hidden;}
#ttItemGroup3210{float:left;width:305px !important;overflow:hidden;}

div.articleList { width:305px !important}
div.articleList h2 {width:305px !important;border-bottom:2px solid #CCC !important;}

hr.hedline{margin-bottom:30px;border-top:1px solid #ccc;}

h3.tt-post-title{margin:10px 0 0 0 !important;}

div#ttCanvas .tt-component-border-bottom{padding:10px 0 0 0 !important}
div#ttCanvas .tt-component-border-01 hr.tt-line{border-top:0 !important;}

#ttItem203 .tt-post-title a{font-weight:bold;font-size:15px;}
#ttItem1301765014 .tt-post-title a,#ttItem1301765016 .tt-post-title a{font-weight:bold;font-size:18px;}

#ttItemGroup1301765015 ul.subheadline li.tt-clear{overflow:hidden;margin-bottom:30px;}