/*
    Style.css for Tistory by Readiz
    Based on Tistory default theme.
*/
@font-face {
 font-family: 'NanumSquareRoundR';
 src: url(images/NanumSquareRoundR.eot);
 src: url(images/NanumSquareRoundR?#iefix) format('embedded-opentype'),
      url(images/NanumSquareRoundR.woff2) format('woff2'),
      url(images/NanumSquareRoundR.woff) format('woff'),
      url(images/NanumSquareRoundR.ttf) format('truetype');
}
	
	
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button,fieldset,img,dl,ul,ol,menu,li,  {
  margin:0;
  padding:0;
  border:0;
	font-size: 15pt;
  line-height:1.8;
  font-family:"NanumSquareRoundR","나눔고딕","맑은고딕", Arial, "돋움", Dotum, AppleGothic, sans-serif !important;
}




body {
	font-family:"NanumSquareRoundR";
  background-color: #fff;
  padding-top:50px;
}
a {text-decoration:none; }
hr {display:none; }
/* 태그 */
#taglog ul, #tagbox ul {
  text-align:justify;
}
#tagbox li,
#taglog li {
  display:inline;
}
#sidebar li, /*사이드바 - 마크업에 따라 변경*/
#search_list li, /*본문검색리스트*/
#search_title li, /*본문검색리스트*/
#searchRplist li, /*댓글검색리스트*/
#guestList li, /*방명록*/
.trackback li, /* 트랙백 */
.keylog li, /*키로그*/
.commentList li /*댓글*/ {
  list-style-type:none;
}
/* 포스트 본문 마크업 */
.article dt {
  padding-top:5px;
  text-decoration:underline;
}
.article dd {
  padding-left:25px;
  padding-bottom:5px;
}
.dual table td, .triple table td {background-color:transparent; } /* 이미지 레이아웃 */
.author, .tagTrail, .actionTrail {
  clear:both;
}
/* 블로그 레이아웃 */
#sidebar {
  overflow:hidden;
}
/* 블로그 설명 */
#blogDesc {
  padding: 8px !important;
  font-size: 12px;
}
/* 태그로그 */
#taglog ul {margin:16px 20px 30px 20px; }
#taglog li {line-height:30px; vertical-align:middle; }
#taglog li .cloud1 {
  background-color:#777;
  color:#fff;
  font-size:32px;
}
#taglog li .cloud2 {
  background-color:#ddd;
  color:#8A8A8A;
  font-weight:bold;
  font-size:25px;
}
#taglog li .cloud3 {
  color:#333333;
  font-size:20px;
}
#taglog li .cloud4 {
  color:#5C5C5C;
  font-size:15px;
}
#taglog li .cloud5 {
  color:#A1A1A1;
  font-size:12px;
}
.article {
  color:#000;
  font-size:/*@post-body-font-size*/13pt/*@*/;
  word-break:break-all;
  word-wrap:break-word;
  overflow:hidden;
}
.article p {margin:1em 0;}

/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
  padding-left:18px;
  text-decoration:underline;
}
.moreless_fold { /* 열기 */
  background:url(images/iconMore.gif) no-repeat left top;
}
.moreless_top { /* 닫기 위 */
  background:url(images/iconLess.gif) no-repeat left top;
}
.moreless_bottom { /* 닫기 아래 */
  padding-right:18px;
  background:url(images/iconLess.gif) no-repeat right top;
  text-align:right;
}
.moreless_content {margin:10px 0px 10px 0px; }

/* 페이지 */
#paging {margin:19px 0 13px 0; text-align:center; }
.numbox a span {padding:0px 5px 0px 3px; }
#paging a, #paging span {color:#5C5C5C; font:12px verdana;}
#paging span.selected { /* 현재 페이지 */
  background-color:#8A8A8A;
  color:#fff;
}
/* 이전 다음 버튼 */
#prevPage span, #nextPage span {
  display:none;
}
a#prevPage:hover, a#nextPage:hover {text-decoration:none; }
#prevPage, .no-more-prev {
  padding-right:6px;
  background-repeat:no-repeat;
  background-position: left 4px;
}
#nextPage, .no-more-next {
  padding-left:6px;
  background-repeat:no-repeat;
  background-position: right 4px;
}
#prevPage {background-image:url(images/ico_prev.gif); }
#nextPage {background-image:url(images/ico_next.gif); }
.no-more-prev {background-image:url(images/ico_prev_no.gif) !important; }/* 비활성prev버튼 */
.no-more-next { background-image:url(images/ico_next_no.gif) !important; }/* 비활성next버튼 */

/* 사이드바 */
/* 사이드바 타이틀 */
.module_plugin, .module_widget { padding-bottom: 9px; } /* 플러그인, 위젯이 사이드바에 사용될 경우 */

/*카테고리*/
.c_cnt { /* 카테고리 옆 개수 */
  display: inline-block;
  min-width: 10px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: bold !important;
  line-height: 1;
  color: #fff !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color:#ccc;
  margin-top: -2px;
  border-radius: 10px;
  float:right;
}
/* 인용문 */
.article blockquote {
  margin:5px;
  padding-left:16px;
  background:url(images/iconBlockquote.gif) no-repeat;
}

/* 이미지 */
.imageblock { /* 그림 1개 배치 */
  margin:5px 0;
}
.dual { /* 그림 2개 배치 */
  margin-bottom:5px;
}
.triple { /* 그림 3개 배치 */
  margin-bottom:5px;
}
.cap1 { /* 이미지 아래 캡션 스타일 */
  padding:4px 0;
  color:#999;
  text-align:center;
}
/* 댓글 */
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_admin {}
.rp_secret { /* 비밀글 */}
/* 방명록 */
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_admin {}
.hiddenComment { /* 비밀 댓글 (로그아웃시 비밀글 표현) */}
/* 키워드 */
.key1 {
  border-bottom:1px dotted #ccc;
  cursor: pointer;
}

/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -350px;
  /* Pad bottom by footer height */
  padding: 0 0 350px;
}


/* addBy Readiz */
#tt-body-page #navbar-page,#tt-body-guestbook #navbar-guestbook,#tt-body-tag #navbar-tag,#tt-body-media #navbar-media,#tt-body-location #navbar-location,#tt-body-keylog #navbar-keylog{
  background-color:#fff;
  border-color: #fff;
  border-width: 2px;
}
#tt-body-page #navbar-page a,#tt-body-guestbook #navbar-guestbook a,#tt-body-tag #navbar-tag a,#tt-body-media #navbar-media a,#tt-body-location #navbar-location a,#tt-body-keylog #navbar-keylog a{
  color:#000;
}
#search_fix button {
  width: 100%;
  height: 34px;
}
#search_fix .input-group {
  width: 100%;
}
#search_fix .input-group-btn {
  width: auto;
}
.nav > li > div > button#search-button {
  width: 20%;
}
ul#navbar-title-dropdown {
  left: auto;
}
div#side-tags {
  padding: 10px !important;
}
div#side-tags>ul {
  text-align: justify;
  margin: auto;
}
div#side-tags>ul>li {
  display: inline;
}
div#side-tags>ul>li>a.cloud5 {   }
div#side-tags>ul>li>a.cloud4 {  font-size: 1.1em; background-color: #eee; }
div#side-tags>ul>li>a.cloud3 {  font-size: 1.2em; background-color: #eee; }
div#side-tags>ul>li>a.cloud2 {  font-size: 1.3em; background-color: #ddd; }
div#side-tags>ul>li>a.cloud1 {  font-size: 1.4em; background-color: #ddd; }
li.list-group-item {
  padding: 0px 10px;
}
h3.title a {
  color: #fff;
}
h3.title {
  color: #fff;
  line-height:32px;
  font-size: 20px;
  font-weight: bold;
  border-radius:3px;
  padding-top: 3px;
        padding-bottom: 1.5px;
  padding-left: 10px;
  margin-bottom: 2px;
  margin-top: 5px;
  background: #aeb1b1;
}
#sidebar .panel-heading{margin: 0; font-size:16px;padding:5px 10px;font-weight:700;font-family:Arial, "돋움", Dotum, AppleGothic, sans-serif !important;
}}
#sidebar .panel-heading a{color:#333}
#sidebar .panel-heading small{font-size:12px;float:right;margin-top:2px}
#sidebar .panel-heading small a{color:#999}
#sidebar .list-group-item.active, #sidebar .list-group-item.active:hover, #sidebar .list-group-item.active:focus,
#sidebar .list-group-item:hover, #sidebar .list-group-item:focus{background-color:#3598ce; border-color:#888}
#sidebar .list-group-item:hover>a{text-decoration:none;color:#fff}
#sidebar .list-group-item.active>a{font-weight:700}
#sidebar .list-group-item:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
#sidebar .panel .list-group-flush .list-group-item{padding:5px 10px}
#sidebar .list-group .list-group{margin-top:5px}
#sidebar .list-group .list-group:last-child{margin-bottom:-5px}
#sidebar span.name { color:#aaa; }
#sidebar div.panel-body { padding: 3px; }
#sidebar ul li, #sidebar ul li a, #sidebar ul li a span {color:#333; font:13px/16px Arial, "돋움", Dotum, AppleGothic, sans-serif; }
#sidebar #tagbox ul li, #sidebar #tagbox ul li a {line-height:18px; }

/* category */
#sidebar .category .panel-body {padding:0}
#sidebar .category .panel-heading {border-bottom: none;}
#sidebar .category.panel li{border-top: 1px solid #ddd;}
#sidebar .category.panel ul{list-style:none;margin:0;padding:0;}
#sidebar .category li{
  padding: 0;
}
#sidebar .category ul li a{
  display: block;
  padding: 5px 5px 5px 10px;
}
#sidebar .category .panel-body>ul>li>a,
#sidebar .category .panel-body>ul>li>ul>li>a{
  font-weight:bold;
}
#sidebar .category .panel-body>ul>li>a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
}
#sidebar .category .panel-body>ul>li>ul>li>a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 8px;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
}
#sidebar .category .panel-body>ul>li>ul>li>ul>li>a:before {
  padding-left: 20px;
  content: "";
}
#content { padding: 0 15px; }
.imageblock , .imageblock span, .imageblock span img {max-width:100% !important; }
.imageblock span {display:block !important; }
.imageblock img { height: auto !important; }

/*calendar*/
#sidebar .tt-calendar * {
  text-align: center;
  font-size: 12px;
}
#sidebar .prev-month {
  margin-left: 10px;
  float: left;
  font-weight: bold;
}
#sidebar .next-month {
  margin-right: 10px;
  float: right;
  font-weight: bold;
}
a.cal_click {
display:block;
color:#fff;
font-weight:bold;
background-color: #3da8e3;
padding: 2px 9px 2px;
}
.cal_day4 {
color: white;
font-weight: bold;
width:10px !important;
background-color: #B94A48;
}

/* Search Result */
#search_list ol li { margin-left:10px; line-height:20px; padding:7px 0;  border-bottom:1px solid #eee; }
#search_title ol li { margin-left:10px; line-height:20px; padding:7px 0;  border-bottom:1px solid #eee; }
#search_list li .thumb img {
  margin-top: -5px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  float:left;
  border-radius: 0.5em;
}
#search_list li {
  clear: both;
}

#guestWrite,
.commentWrite {
  padding: 10px;
  margin-bottom: 5px;
  border-bottom:1px solid #eee; 
}
.commentList {
  border-top:1px solid #eee;
  padding-top:10px;
}

#guestWrite .row>div,
.commentWrite .row>div {
  margin-bottom: 10px;
}
#guestList .pull-left img,
.commentList .pull-left img {
  width:50px;height:50px;margin-bottom:5px;background-color:#fff;padding:4px;line-height:1.4;border:1px solid #ddd;border-radius:4px;
}

#guestList .media,
.commentList .media {
  margin-bottom: 10px;
}
#guestList .media:hover>.media-body>.comment-action,
.commentList .media:hover>.media-body>.comment-action{visibility:visible;}
#guestList .comment-action,
.commentList .comment-action {
  visibility:hidden;
  clear: both;
  text-align: right;
}
#guestList .media-body,
.commentList .media-body {
  padding: 10px;
}
#guestList .pull-left,
.commentList .pull-left {
  display: block;
  width:90px;
  text-align:center;
  border-right:1px solid #efefef;
  padding:0 5px 5px;
  position:relative;
}
#guestList .pull-left .time,
.commentList .pull-left .time {
  font-size: 0.8em
}
#guestList .pull-left i,
.commentList .pull-left i{
  position: absolute;
  top: 25%;
  left: 0;
  color: #ddd;
  font-size: 1.5em;
}
#guestList .reply,
.commentList .reply {
  padding-left: 20px;
  background-color: #fafafa;
}

.author {margin-bottom: 5px; color:#9F9F9F; font:14px Arial, "돋움", Dotum, AppleGothic, sans-serif; text-align:right; }
.author .text {font:12px tahoma; }
.nav>li>a {
  padding-left:10px;
  padding-right:10px;
}
#footer {
  color:#fff;
  min-height: 350px;
  padding-bottom:30px;
  padding-top:10px;
  background-color:#333;
}
#footer .media {
  margin-top:10px;
}
#footer .media>.pull-left {
  margin-right:20px;
}
#footer .media-body {
  font-size:0.9em;
}
#footer a {
  color: #ccc;
}
#footer hr {
  display: block;
  color: #fff;
}

.article-attr-wrap {
  margin-bottom: 10px;
  text-align: right;
}

/* Tistory Fix (Allows responsive theme) */
.tistorytoolbar {
  display: none !important;
}
.entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
div.article iframe {
  max-width: 100% !important;
}
.imageblock { max-width:100%; } 
.tt-span-1, .tt-span-2, .tt-span-3, .tt-span-4, .tt-span-5, .tt-span-6, .tt-span-7, .tt-span-8, .tt-span-9, .tt-span-10, .tt-span-11, .tt-span-12 { max-width: 100% !important; }
.tt-span-1 { width: 6% !important; }
.tt-span-2 { width: 14% !important; }
.tt-span-3 { width: 22% !important; }
.tt-span-4 { width: 31% !important; }
.tt-span-5 { width: 39% !important; }
.tt-span-6 { width: 48% !important; }
.tt-span-7 { width: 53% !important; }
.tt-span-8 { width: 59% !important; }
.tt-span-9 { width: 72% !important; }
.tt-span-10 { width: 80% !important; }
.tt-span-11 { width: 88% !important; }
.tt-span-12 { width: 100% !important; }
@media screen and (max-width: 992px) {
  .tt-span-1, .tt-span-2, .tt-span-3, .tt-span-4, .tt-span-5, .tt-span-6, .tt-span-7, .tt-span-8, .tt-span-9, .tt-span-10, .tt-span-11, .tt-span-12 { width:100% !important; }
}

#ttCanvas, .tt-span-12 {
  width: 100% !important;
}
div#ttCanvas div.tt-panel {
  padding-top: 0 !important;
}
#ttCanvas li {
  padding-bottom: 0px !important;
}
.fix-img-tt {
  padding: 10px !important;
  max-width: 95% !important;
  margin: auto !important;
}
#ttCanvas .col-sm-4 img {
  margin: auto;
  width:90%;
}
.tt-wrap-post-thumb{
  text-align:center;
}
.fix-bottom-margin {
  margin-bottom: 25px !important;
}
#ttCanvas h3.title {
  font-size: 20px;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
#main {
  margin-top: 10px;
}
div.another_category{
  margin-top: 20px;
  padding: 15px 20px;
  border: 1px solid #DDD;
  background-color: #f7f7f7;
}
div.another_category h4{
  padding-bottom:0 !important;
  border:none !important;
  font-size: 14px !important;
  color: #313131 !important;
}
div.another_category h4:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 2em;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f115";
}
div.another_category h4 a{
  color: #313131 !important;
}
div.another_category table th a{
  padding-left:12px;
  color: #2e5d7f !important;
}
div.another_category table th a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
}
div.another_category table th a.current{
  border-bottom:none !important;
  font-weight:normal !important;
}
div.another_category table th a.current:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-right:5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0a4";
}
div.another_category table td{
  display: none;
}
body {
  background-color:#f3f3f3;
}
#content {
  background-color:#ffffff;
  border-radius: 1em;
  padding-top:10px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
}
#sidebar, #content {
  margin-top:5px;
}
#sidebar .counter .count {
  font-size:1.3em;
}
#sidebar .counter, #sidebar .archive{
  padding: 0;
  text-align:center;
}
#sidebar .archive .col-xs-4 {
  padding: 0;
}
#sidebar .archive p {
  margin:0;
  font-size:0.8em;
}
#recentPost .thumb img {
  width: 40px;
  height: 40px;
  margin-left: -5px;
  margin-right: 15px;
  float:left;
  border-radius: 0.5em;
}
#recentPost li {
  clear: both;
  min-height:52px;
}
#recentPost span.name>span {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold !important;
  line-height: 1;
  color: #fff !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #c0392b;
  border-radius: 10px;
  padding-left:11px;
}
#recentPost span.name>span:empty {
  display:none;
}

@media screen and (min-width: 1400px) {
  #outer_btn_left {
    display: inline-block !important;
    visibility: visible !important;
    position:fixed;
    top:50%;
    left:0.5%;
  }
  #outer_btn_right {
    display: inline-block !important;
    visibility: visible !important;
    position:fixed;
    margin-right:100px;
    top:50%;
    right:0.5%;
  }
  #outer_btn_left .no-more-prev {
    display:none !important;
  }
  #outer_btn_right .no-more-next {
    display:none !important;
  }
  #outer_btn_left a, #outer_btn_right a {
    color: #333;
  }
  #outer_btn_left a, #outer_btn_right a {
    width: 100px;
    border: 2px solid #f7f7f7;
    background: #f7f7f7;
    text-align: center;
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 20px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    padding: 15px;
  }
  #outer_btn_left a:hover, #outer_btn_right a:hover {
    background: #b3b3b3;
    border: 2px solid #b3b3b3;
  }
}

#toTop {
  z-index:1030;
  width: 100px;
  border: 2px solid #f7f7f7;
  background: #f7f7f7;
  text-align: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
  color: #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 20px;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
  padding: 5px;
}
#toTop:hover {
  background: #b3b3b3;
  border: 2px solid #b3b3b3;
}
.navbar {
  opacity: 0.9; 
 }

/* Comment nickname multi-line bug Fix */
.media .pull-left ul>li>a { display:block; }
/* Adsense Fix */
.adsbygoogle {
  background: #FFF;
}
.trackback {
  background-color:#fafafa;
  border-radius: 10px;
  margin-top: 5px;
  padding: 10px;
}
.trackback p {
  margin: 0;
}
.trackback li {
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.actionTrail {
  text-align: right;
}
/* Writer Img Fix */
#blogDesc img { max-width: 100%; }

/* Search Gallery */
#search_gallery .thumb img.dno {
  display:none;
}
#search_gallery .thumb img {
  width: 100%;
}
#search_gallery div.msnry_item { margin:0; padding:0; margin-bottom:15px; }
#search_gallery div.msnry_inwrapper { padding:10px; }
#search_gallery div.msnry_box { border-radius: 5px; background-color: #fafafa; }
#search_gallery span.badge { position: relative; left:8px; top:-5px; }
#search_gallery div.msnry_title { padding:5px; background-color:#5ac8fa; border-radius: 5px 5px 0 0; }
#search_gallery div.msnry_title a { color:#fff; font-weight:bold; font-size:13px; }
#search_gallery div.msnry_date { padding:5px; background-color:#efefef; border-radius: 0 0 5px 5px; }
#search_gallery div.msnry_date span { color:#000; font-weight:bold; font-size:0.8em; }